From 4c88f09fbf3f5e18708fc6f1b1cea7416b8dbc7d Mon Sep 17 00:00:00 2001
From: Michael Yankelev <12774278+FSM1@users.noreply.github.com>
Date: Tue, 28 Sep 2021 21:46:41 +0200
Subject: [PATCH] Release to PROD - 1.1.1 (#1594)

* [Files] - Show current bucket decryption key (#1534)

* show current bucket decryption key

* lingui extract

Co-authored-by: GitHub Actions <actions@github.com>

* [Files] - Get admin public key from the api (#1485)

* bump

* use api client

* merge dev

* lingui extract

* support several keys

* wih scroll because pub/decryption key are long

Co-authored-by: GitHub Actions <actions@github.com>

* Add lint rules for test debug commands (#1535)

* prevent double opening (#1538)

* Add test coverage for storage summary adjustments (#1536)

* Translated using Weblate (French) (#1540)

Currently translated at 100.0% (278 of 278 strings)

Translation: ChainSafe Files/Chainsafe Files user interface
Translate-URL: https://hosted.weblate.org/projects/chainsafe-files/chainsafe-files-user-interface/fr/

Co-authored-by: J. Lavoie <j.lavoie@net-c.ca>

* Better colors for dark mode select and tagsinput components (#1550)

* better colors for dark mode

* lingui extract

* fix typo

Co-authored-by: Michael Yankelev <12774278+FSM1@users.noreply.github.com>
Co-authored-by: GitHub Actions <actions@github.com>

* Filter out current bucket (#1548)

* filter out current bucket

* Update packages/files-ui/src/Components/Modules/FileBrowsers/ShareModal.tsx

* fix color (#1555)

* Fix user lookup spamming the api, and throwing (#1553)

* oh yeaah

* lingui extract

* lingui extract

* Apply suggestions from code review

* lingui extract

Co-authored-by: GitHub Actions <actions@github.com>
Co-authored-by: Tanmoy Basak Anjan <tanmoy3399@gmail.com>

* Upgrade Torus dependencies (#1549)

* [wip] update dependencies

* Revert "[wip] update dependencies"

This reverts commit 04b593bbbe5f8c4c5d6e220c744aae88c2cd95e4.

* update torus dependencies

* fix storage test

Co-authored-by: Thibaut Sardan <33178835+Tbaut@users.noreply.github.com>

* reset fields for shared folders (#1577)

* reset forms and fix a couple error types (#1578)

* Translations update from Weblate (#1557)

* Translated using Weblate (French)

Currently translated at 100.0% (281 of 281 strings)

Translation: ChainSafe Files/Chainsafe Files user interface
Translate-URL: https://hosted.weblate.org/projects/chainsafe-files/chainsafe-files-user-interface/fr/

* Translated using Weblate (German)

Currently translated at 69.7% (196 of 281 strings)

Translation: ChainSafe Files/Chainsafe Files user interface
Translate-URL: https://hosted.weblate.org/projects/chainsafe-files/chainsafe-files-user-interface/de/

Co-authored-by: J. Lavoie <j.lavoie@net-c.ca>

* hide when ther's no menu item (#1576)

* Add "maintenance" label to weblate PRs automatically (#1581)

* Upgrade api client and fix issue with shared folder renaming (#1582)

* upgrade api client and fix issue

* Update packages/files-ui/src/Contexts/FilesContext.tsx

* lingui extract

Co-authored-by: GitHub Actions <actions@github.com>

* run lint --fix (#1585)

* Gaming dashboard - API keys as cards  (#1575)

* Dashboard cards done

* lingui extract

* extra padding

* Apply suggestions from code review

Co-authored-by: Thibaut Sardan <33178835+Tbaut@users.noreply.github.com>

* lingui extract

* Feedback

* Removed link

* Apply suggestions from code review

* Made warning bigger

* lingui extract

Co-authored-by: GitHub Actions <actions@github.com>
Co-authored-by: Thibaut Sardan <33178835+Tbaut@users.noreply.github.com>
Co-authored-by: Michael Yankelev <12774278+FSM1@users.noreply.github.com>

* New navigations buttons (#1574)

* wip

* lingui extract

* center and add posthog

* Update .eslintrc.json

* Add team feature fake door (#1587)

* wip

* modal and tracking

* use data-posthog instead

Co-authored-by: GitHub Actions <actions@github.com>

* fix tertiary buttons (#1592)

* Posthog identify user on login (#1590)

* identify user on login

* fix effect deps

Co-authored-by: Thibaut Sardan <33178835+Tbaut@users.noreply.github.com>
Co-authored-by: GitHub Actions <actions@github.com>
Co-authored-by: Andrew Snaith <asnaith@users.noreply.github.com>
Co-authored-by: Weblate (bot) <hosted@weblate.org>
Co-authored-by: J. Lavoie <j.lavoie@net-c.ca>
Co-authored-by: Tanmoy Basak Anjan <tanmoy3399@gmail.com>
Co-authored-by: Ryan Noble <ryanjnoble@gmail.com>
---
 .eslintrc.json                                |   6 +-
 .github/pr-labeler.yml                        |   2 +-
 .github/workflows/test-storage.yml            |   2 +-
 package.json                                  |   1 +
 .../common-components/src/Button/Button.tsx   |  26 +-
 .../src/CheckboxInput/CheckboxInput.tsx       |  12 +-
 .../src/FileInput/FileInput.tsx               |   1 -
 .../common-components/src/Icons/types.d.ts    |   2 +-
 .../src/MenuDropdown/MenuDropdown.tsx         |  12 +-
 .../src/SelectInput/SelectInput.tsx           |  42 +-
 .../src/TagsInput/TagsInput.tsx               |  20 +-
 .../src/TextInput/TextInput.tsx               |   5 +-
 .../src/Typography/Typography.tsx             |  24 +-
 packages/common-components/src/index.ts       |   1 +
 .../src/stories/Button.stories.tsx            |   2 +-
 .../src/stories/Typography.stories.tsx        |  22 +-
 .../src/Create/CreateBreakpoints.ts           |  26 +-
 .../common-theme/src/Defaults/ThemeConfig.ts  |   2 +-
 .../common-theme/src/Hooks/useDoubleClick.ts  |  12 +-
 packages/common-theme/src/Overrides/Button.ts |   6 +
 .../cypress/support/page-objects/binPage.ts   |   2 +
 .../cypress/support/page-objects/homePage.ts  |   2 +
 .../support/page-objects/navigationMenu.ts    |   2 +-
 .../cypress/tests/file-management-spec.ts     |  68 +-
 .../cypress/tests/main-navigation-spec.ts     |   5 -
 packages/files-ui/package.json                |  10 +-
 .../src/Components/Elements/MnemonicForm.tsx  |   4 +-
 .../src/Components/Elements/PasswordForm.tsx  |   1 +
 .../Elements/ShareTransferRequestModal.tsx    |   2 +-
 .../src/Components/Elements/SharedUsers.tsx   |   7 +-
 .../src/Components/Elements/TeamModal.tsx     |  77 ++
 .../files-ui/src/Components/FilesRoutes.tsx   |   3 +-
 .../src/Components/Layouts/AppHeader.tsx      |  51 +-
 .../src/Components/Layouts/AppNav.tsx         |  78 +-
 .../Modules/FileBrowsers/BinFileBrowser.tsx   |   3 +-
 .../Modules/FileBrowsers/CSFFileBrowser.tsx   |   3 +-
 .../FileBrowsers/CreateFolderModal.tsx        |  19 +-
 .../CreateOrEditSharedFolderModal.tsx         |  52 +-
 .../Modules/FileBrowsers/FileInfoModal.tsx    |   5 +-
 .../Modules/FileBrowsers/ReportFileModal.tsx  |  74 +-
 .../Modules/FileBrowsers/ShareModal.tsx       |  23 +-
 .../FileBrowsers/SharedFileBrowser.tsx        |  62 +-
 .../FileBrowsers/hooks/useLookupUser.tsx      |  13 +-
 .../FileSystemItem/FileSystemGridItem.tsx     |  14 +-
 .../FileSystemItem/FileSystemTableItem.tsx    |  14 +-
 .../Modules/FileBrowsers/views/FilesList.tsx  |  57 +-
 .../Modules/LoginModule/InitializeAccount.tsx |  26 +-
 .../Modules/LoginModule/PasswordlessEmail.tsx |   1 +
 .../Components/Modules/Settings/Profile.tsx   |   2 +-
 .../Modules/Settings/PurchasePlan/index.tsx   |   1 +
 .../src/Components/SharingExplainerModal.tsx  | 104 +-
 .../files-ui/src/Components/SurveyBanner.tsx  |   2 +-
 .../files-ui/src/Contexts/FilesApiContext.tsx |   2 +-
 .../files-ui/src/Contexts/FilesContext.tsx    | 101 +-
 .../files-ui/src/Contexts/PosthogContext.tsx  |  23 +-
 .../src/Contexts/ThresholdKeyContext.tsx      |  58 +-
 .../files-ui/src/Contexts/UserContext.tsx     |   8 +-
 packages/files-ui/src/Themes/Constants.ts     |   5 +-
 packages/files-ui/src/Themes/DarkTheme.ts     |  58 +-
 packages/files-ui/src/Themes/LightTheme.ts    |   3 +
 packages/files-ui/src/UI-components/Menu.tsx  |  20 +-
 packages/files-ui/src/Utils/MimeMatcher.ts    |  60 +-
 .../files-ui/src/Utils/contentTypeGuesser.ts  |  38 +-
 packages/files-ui/src/locales/de/messages.po  |  31 +-
 packages/files-ui/src/locales/en/messages.po  |  27 +-
 packages/files-ui/src/locales/es/messages.po  |  27 +-
 packages/files-ui/src/locales/fr/messages.po  |  35 +-
 packages/files-ui/src/locales/no/messages.po  |  27 +-
 packages/gaming-ui/package.json               |   4 +-
 .../src/Components/Elements/ApiKeyCard.tsx    |  86 ++
 .../src/Components/Elements/SecretField.tsx   |   2 +-
 .../gaming-ui/src/Components/GamingRoutes.tsx |   4 +-
 .../src/Components/Layouts/AppNav.tsx         |  35 +-
 .../{ApiKeys.tsx => DashboardModule.tsx}      | 221 ++---
 .../src/Components/Pages/DashboardPage.tsx    |  21 +-
 .../src/Components/Pages/SettingsPage.tsx     |  22 +-
 .../src/Contexts/GamingApiContext.tsx         |  62 +-
 packages/gaming-ui/src/Themes/Constants.ts    |   2 +-
 packages/gaming-ui/src/locales/en/messages.po |  31 +-
 packages/storage-ui/package.json              |   4 +-
 .../src/Components/Elements/CidRow.tsx        |   2 +-
 .../src/Components/Elements/SecretField.tsx   |   4 +-
 .../src/Components/Modules/ApiKeys.tsx        |   2 +-
 .../CreateFolderModal/CreateFolderModal.tsx   |  19 +-
 .../Modules/FilesList/FilesList.tsx           |  38 +-
 .../src/Components/Modules/SurveyBanner.tsx   |   2 +-
 .../UploadFileModal/UploadFileModal.tsx       |   2 +-
 .../src/Components/Pages/CidsPage.tsx         |  16 +-
 .../src/Contexts/FileOperationsReducers.tsx   | 172 ++--
 .../src/Contexts/StorageApiContext.tsx        |  62 +-
 packages/storage-ui/src/Themes/Constants.ts   |   2 +-
 packages/storage-ui/src/Utils/MimeMatcher.ts  |  60 +-
 .../src/Utils/contentTypeGuesser.ts           |  36 +-
 yarn.lock                                     | 905 +++++++++---------
 94 files changed, 1840 insertions(+), 1512 deletions(-)
 create mode 100644 packages/files-ui/src/Components/Elements/TeamModal.tsx
 create mode 100644 packages/gaming-ui/src/Components/Elements/ApiKeyCard.tsx
 rename packages/gaming-ui/src/Components/Modules/{ApiKeys.tsx => DashboardModule.tsx} (52%)

diff --git a/.eslintrc.json b/.eslintrc.json
index 274e73d453..d046b33919 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -7,7 +7,7 @@
       "jsx": true // Allows for the parsing of JSX
     }
   },
-  "plugins": ["@typescript-eslint", "cypress", "ternary"],
+  "plugins": ["@typescript-eslint", "cypress", "no-only-tests", "ternary"],
   "extends": [
     "eslint:recommended",
     "plugin:@typescript-eslint/eslint-recommended",
@@ -24,7 +24,8 @@
   },
   "rules": {
     "comma-spacing": ["error", { "before": false, "after": true }],
-    "indent": ["error", 2],
+    "cypress/no-pause": "error",
+    "@typescript-eslint/indent": ["error", 2],
     "linebreak-style": ["error", "unix"],
     "quotes": ["error", "double"],
     "semi": ["error", "never"],
@@ -46,6 +47,7 @@
     "space-infix-ops": "error",
     "no-trailing-spaces": ["error", { "ignoreComments": true }],
     "comma-dangle": ["error", "never"],
+    "no-only-tests/no-only-tests": "error",
     "object-curly-spacing": ["error", "always"],
     "space-in-parens": ["error", "never"],
     "ternary/no-unreachable": "off",
diff --git a/.github/pr-labeler.yml b/.github/pr-labeler.yml
index d4e1e9790d..0d8b387518 100644
--- a/.github/pr-labeler.yml
+++ b/.github/pr-labeler.yml
@@ -1,3 +1,3 @@
 "Type: Feature": ['feature/*', 'feat/*']
 "Type: Bug Fix": fix/*
-"Type: Maintenance": ['chore/*', 'mnt/*']
+"Type: Maintenance": ['chore/*', 'mnt/*', 'weblate*']
diff --git a/.github/workflows/test-storage.yml b/.github/workflows/test-storage.yml
index 7fe3b2dc50..f03c0dc27e 100644
--- a/.github/workflows/test-storage.yml
+++ b/.github/workflows/test-storage.yml
@@ -11,7 +11,7 @@ on:
 jobs:
   cypress-run:
     runs-on: ubuntu-latest
-    container: cypress/browsers:node14.16.0-chrome90-ff88
+    container: cypress/browsers:node14.17.0-chrome91-ff89
     steps:
       - name: Checkout
         uses: actions/checkout@v2
diff --git a/package.json b/package.json
index b70fe61bd4..a62f07950c 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
     "chalk": "^4.1.0",
     "eslint": "^6.8.0",
     "eslint-plugin-cypress": "^2.11.3",
+    "eslint-plugin-no-only-tests": "^2.6.0",
     "eslint-plugin-react": "^7.22.0",
     "eslint-plugin-react-hooks": "^4.2.0",
     "eslint-plugin-ternary": "^1.0.4",
diff --git a/packages/common-components/src/Button/Button.tsx b/packages/common-components/src/Button/Button.tsx
index 3717ec36d4..0900773aaf 100644
--- a/packages/common-components/src/Button/Button.tsx
+++ b/packages/common-components/src/Button/Button.tsx
@@ -7,7 +7,6 @@ import { Typography } from "../Typography"
 const useStyles = makeStyles(
   ({ constants, typography, animation, palette, overrides }: ITheme) =>
     createStyles({
-      // JSS in CSS goes here
       root: {
         ...typography.button,
         borderRadius: `${constants.generalUnit / 4}px`,
@@ -110,6 +109,29 @@ const useStyles = makeStyles(
         },
         ...overrides?.Button?.variants?.secondary?.root
       },
+      tertiary: {
+        backgroundColor: palette.additional["gray"][3],
+        color: palette.common.black.main,
+        "& svg": {
+          fill: palette.common.white.main
+        },
+        "&:hover": {
+          backgroundColor: palette.primary.main,
+          color: palette.common.white.main,
+          ...overrides?.Button?.variants?.tertiary?.hover
+        },
+        "&:focus": {
+          backgroundColor: palette.primary.main,
+          color: palette.common.white.main,
+          ...overrides?.Button?.variants?.tertiary?.focus
+        },
+        "&:active": {
+          backgroundColor: palette.primary.main,
+          color: palette.common.white.main,
+          ...overrides?.Button?.variants?.tertiary?.active
+        },
+        ...overrides?.Button?.variants?.tertiary?.root
+      },
       outline: {
         color: palette.additional["gray"][8],
         backgroundColor: palette.common?.white.main,
@@ -271,7 +293,7 @@ interface IButtonProps extends Omit<ReactButton, "size"> {
   className?: string
   children?: ReactNode | ReactNode[]
   fullsize?: boolean
-  variant?: "link" | "primary" | "secondary" | "outline" | "dashed" | "danger"
+  variant?: "link" | "primary" | "secondary" |"tertiary" | "outline" | "dashed" | "danger"
   iconButton?: boolean
   size?: "large" | "medium" | "small"
   type?: "button" | "submit" | "reset"
diff --git a/packages/common-components/src/CheckboxInput/CheckboxInput.tsx b/packages/common-components/src/CheckboxInput/CheckboxInput.tsx
index 94260664ed..7d508154fa 100644
--- a/packages/common-components/src/CheckboxInput/CheckboxInput.tsx
+++ b/packages/common-components/src/CheckboxInput/CheckboxInput.tsx
@@ -99,14 +99,14 @@ const useStyles = makeStyles(
     })
 )
 
-interface ICheckboxProps
-  extends Omit<React.HTMLProps<HTMLInputElement>, "value" | "label"> {
+interface ICheckboxProps extends Omit<React.HTMLProps<HTMLInputElement>, "value" | "label"> {
   className?: string
   label?: string | ReactNode
   error?: string
   value: boolean
   indeterminate?: boolean
-  onChange(event: FormEvent<HTMLInputElement>): void
+  onChange: (event: FormEvent<HTMLInputElement>) => void
+  testId?: string
 }
 
 const CheckboxInput: React.FC<ICheckboxProps> = ({
@@ -117,6 +117,7 @@ const CheckboxInput: React.FC<ICheckboxProps> = ({
   indeterminate = false,
   value,
   error,
+  testId,
   ...props
 }) => {
   const classes = useStyles(props)
@@ -126,7 +127,10 @@ const CheckboxInput: React.FC<ICheckboxProps> = ({
   }
 
   return (
-    <label className={clsx(classes.root, className)}>
+    <label
+      className={clsx(classes.root, className)}
+      data-testid={`checkbox-${testId}`}
+    >
       <input
         type="checkbox"
         {...props}
diff --git a/packages/common-components/src/FileInput/FileInput.tsx b/packages/common-components/src/FileInput/FileInput.tsx
index 256ba82b17..1a66575270 100644
--- a/packages/common-components/src/FileInput/FileInput.tsx
+++ b/packages/common-components/src/FileInput/FileInput.tsx
@@ -265,7 +265,6 @@ const FileInput = ({
       {value?.length > 0 && (
         <div
           className={clsx(classes.addFiles, classNames?.addFiles)}
-          onClick={open}
         >
           <PlusIcon
             fontSize="small"
diff --git a/packages/common-components/src/Icons/types.d.ts b/packages/common-components/src/Icons/types.d.ts
index af2915b8ae..6a6c6adddb 100644
--- a/packages/common-components/src/Icons/types.d.ts
+++ b/packages/common-components/src/Icons/types.d.ts
@@ -4,7 +4,7 @@ type fontSizeProp = "inherit" | "small" | "medium" | "large"
 declare module "*.svg" {
   import React = require("react")
   export const ReactComponent: React.FunctionComponent<React.SVGProps<
-    SVGSVGElement
+  SVGSVGElement
   >>
   const src: string
   export default src
diff --git a/packages/common-components/src/MenuDropdown/MenuDropdown.tsx b/packages/common-components/src/MenuDropdown/MenuDropdown.tsx
index eaffb61646..f42b97f24a 100644
--- a/packages/common-components/src/MenuDropdown/MenuDropdown.tsx
+++ b/packages/common-components/src/MenuDropdown/MenuDropdown.tsx
@@ -162,12 +162,12 @@ interface IMenuDropdownProps {
   indicator?: typeof SvgIcon
   animation?: "rotate" | "flip" | "none"
   anchor?:
-    | "top-left"
-    | "top-center"
-    | "top-right"
-    | "bottom-left"
-    | "bottom-center"
-    | "bottom-right"
+  | "top-left"
+  | "top-center"
+  | "top-right"
+  | "bottom-left"
+  | "bottom-center"
+  | "bottom-right"
   menuItems: IMenuItem[]
   title?: string
   classNames?: {
diff --git a/packages/common-components/src/SelectInput/SelectInput.tsx b/packages/common-components/src/SelectInput/SelectInput.tsx
index 4966cf943a..802587398d 100644
--- a/packages/common-components/src/SelectInput/SelectInput.tsx
+++ b/packages/common-components/src/SelectInput/SelectInput.tsx
@@ -1,10 +1,5 @@
 import React, { CSSProperties, ReactNode } from "react"
-import {
-  makeStyles,
-  createStyles,
-  ITheme,
-  useTheme
-} from "@chainsafe/common-theme"
+import { makeStyles, createStyles, ITheme, useTheme } from "@chainsafe/common-theme"
 import clsx from "clsx"
 import Select, { Styles } from "react-select"
 import { Typography } from "../Typography"
@@ -62,7 +57,7 @@ interface ISelectInputProps {
   styles?: Partial<Styles>
 }
 
-const SelectInput: React.FC<ISelectInputProps> = ({
+const SelectInput = ({
   className,
   size = "medium",
   disabled = false,
@@ -77,7 +72,7 @@ const SelectInput: React.FC<ISelectInputProps> = ({
   name,
   isClearable = false,
   styles
-}) => {
+}: ISelectInputProps) => {
   const classes = useStyles()
   const { palette, animation, typography, overrides }: ITheme = useTheme()
   const handleChange = (value: any) => {
@@ -105,9 +100,9 @@ const SelectInput: React.FC<ISelectInputProps> = ({
   //       ...overrides?.SelectInput?.indicatorsContainer
   //     }, state) : overrides?.SelectInput?.indicatorsContainer)
   //   }),
-  const selectOverides: Partial<Styles> = {}
+  const selectOverrides: Partial<Styles> = {}
   overrideKeys.map(key => {
-    selectOverides[key] = (provided: CSSProperties, state: any): CSSProperties => ({
+    selectOverrides[key] = (provided: CSSProperties, state: any): CSSProperties => ({
       ...(
         styles && styles[key]
           ? styles[key]({
@@ -121,7 +116,8 @@ const SelectInput: React.FC<ISelectInputProps> = ({
       )
     })
   })
-  selectOverides.container = (provided, state) => ({
+
+  selectOverrides.container = (provided, state) => ({
     ...provided,
     outline: "none",
     border: `1px solid ${palette.additional["gray"][5]}`,
@@ -145,7 +141,7 @@ const SelectInput: React.FC<ISelectInputProps> = ({
     )
   })
 
-  selectOverides.control = (provided, state) => ({
+  selectOverrides.control = (provided, state) => ({
     ...provided,
     outline: "none",
     border: "none",
@@ -163,7 +159,7 @@ const SelectInput: React.FC<ISelectInputProps> = ({
     )
   })
 
-  selectOverides.menu = (provided, state) => ({
+  selectOverrides.menu = (provided, state) => ({
     ...provided,
     marginTop: 2,
     marginBottom: 0,
@@ -180,7 +176,7 @@ const SelectInput: React.FC<ISelectInputProps> = ({
     )
   })
 
-  selectOverides.dropdownIndicator = (provided, state) => ({
+  selectOverrides.dropdownIndicator = (provided, state) => ({
     ...provided,
     transform: state.selectProps.menuIsOpen && "rotate(180deg)",
     transitionProperty: "transform",
@@ -198,7 +194,7 @@ const SelectInput: React.FC<ISelectInputProps> = ({
     )
   })
 
-  selectOverides.singleValue = (provided, state) => ({
+  selectOverrides.singleValue = (provided, state) => ({
     ...provided,
     ...typography.body2,
     color: !state.isDisabled
@@ -217,7 +213,7 @@ const SelectInput: React.FC<ISelectInputProps> = ({
     )
   })
 
-  selectOverides.placeholder = (provided, state) => ({
+  selectOverrides.placeholder = (provided, state) => ({
     ...provided,
     color: !state.isDisabled
       ? palette.additional["gray"][8]
@@ -235,7 +231,7 @@ const SelectInput: React.FC<ISelectInputProps> = ({
     )
   })
 
-  selectOverides.option = (provided, state) => ({
+  selectOverrides.option = (provided, state) => ({
     ...provided,
     ...typography.body2,
     backgroundColor: state.isSelected && palette.additional["gray"][3],
@@ -257,7 +253,7 @@ const SelectInput: React.FC<ISelectInputProps> = ({
     )
   })
 
-  selectOverides.valueContainer = (provided, state) => ({
+  selectOverrides.valueContainer = (provided, state) => ({
     ...provided,
     ...typography.body2,
     paddingTop: 0,
@@ -275,7 +271,7 @@ const SelectInput: React.FC<ISelectInputProps> = ({
     )
   })
 
-  selectOverides.indicatorsContainer = (provided, state) => ({
+  selectOverrides.indicatorsContainer = (provided, state) => ({
     ...provided,
     "& > div": {
       paddingTop: 0,
@@ -314,12 +310,16 @@ const SelectInput: React.FC<ISelectInputProps> = ({
         value={selectValue}
         isMulti={isMulti}
         name={name}
-        styles={selectOverides}
+        styles={selectOverrides}
         theme={(selectTheme) => ({
           ...selectTheme,
           spacing: {
             ...selectTheme.spacing,
-            controlHeight: size === "large" ? 40 : size === "medium" ? 32 : 24
+            controlHeight: size === "large"
+              ? 40
+              : size === "medium"
+                ? 32
+                : 24
           }
         })}
       />
diff --git a/packages/common-components/src/TagsInput/TagsInput.tsx b/packages/common-components/src/TagsInput/TagsInput.tsx
index a7a4b06867..7636d1a191 100644
--- a/packages/common-components/src/TagsInput/TagsInput.tsx
+++ b/packages/common-components/src/TagsInput/TagsInput.tsx
@@ -3,7 +3,8 @@ import {
   makeStyles,
   createStyles,
   ITheme,
-  useTheme
+  useTheme,
+  debounce
 } from "@chainsafe/common-theme"
 import clsx from "clsx"
 import AsyncSelect from "react-select/async"
@@ -63,6 +64,8 @@ interface ITagsInputProps {
   fetchTags: (searchValue: string) => Promise<Array<ITagOption>>
   onChange: (value: ValueType<ITagOption, true>, action: ActionMeta<ITagOption>) => void
   styles?: Partial<Styles>
+  loadingMessage?: string
+  noOptionsMessage? : string
 }
 
 const TagsInput = ({
@@ -75,7 +78,9 @@ const TagsInput = ({
   fetchTags,
   disabled = false,
   onChange,
-  styles
+  styles,
+  loadingMessage = "Loading...",
+  noOptionsMessage = "No options found."
 }: ITagsInputProps) => {
   const classes = useStyles()
 
@@ -111,6 +116,10 @@ const TagsInput = ({
     })
   })
 
+  const loadOptions = debounce((inputText, callback) => {
+    fetchTags(inputText).then((options) => callback(options))
+  }, 300)
+
   return (
     <label className={clsx(classes.root, className)}>
       {label && label.length > 0 && (
@@ -127,11 +136,8 @@ const TagsInput = ({
         isMulti
         cacheOptions={false}
         value={value}
-        loadOptions={fetchTags}
-        onInputChange={(inputVal) => fetchTags(inputVal)}
+        loadOptions={loadOptions}
         isClearable={false}
-        getOptionLabel={(option) => option.label}
-        getOptionValue={(option) => option.value}
         onChange={onChange}
         openMenuOnClick={false}
         openMenuOnFocus={false}
@@ -139,6 +145,8 @@ const TagsInput = ({
         isDisabled={disabled}
         components={{ DropdownIndicator:() => null, IndicatorSeparator:() => null }}
         styles={selectOverides as Partial<Styles>}
+        loadingMessage={() => loadingMessage}
+        noOptionsMessage={() => noOptionsMessage}
       />
       {caption && (
         <Typography
diff --git a/packages/common-components/src/TextInput/TextInput.tsx b/packages/common-components/src/TextInput/TextInput.tsx
index c95b26fe78..ae4454bf60 100644
--- a/packages/common-components/src/TextInput/TextInput.tsx
+++ b/packages/common-components/src/TextInput/TextInput.tsx
@@ -381,10 +381,7 @@ const useStyles = makeStyles(
 export type InputState = "normal" | "warning" | "success" | "error"
 
 export interface ITextInputProps
-  extends Omit<
-    React.HTMLProps<HTMLInputElement>,
-    "onChange" | "label" | "size" | "value"
-  > {
+  extends Omit<React.HTMLProps<HTMLInputElement>, "onChange" | "label" | "size" | "value"> {
   className?: string
   label?: string
   labelClassName?: string
diff --git a/packages/common-components/src/Typography/Typography.tsx b/packages/common-components/src/Typography/Typography.tsx
index cae0cd156e..31e1b025cc 100644
--- a/packages/common-components/src/Typography/Typography.tsx
+++ b/packages/common-components/src/Typography/Typography.tsx
@@ -78,18 +78,18 @@ interface OwnProps extends React.HTMLProps<HTMLDivElement> {
   className?: string
   children?: ReactNode | ReactNode[]
   variant?:
-    | "h1"
-    | "h2"
-    | "h3"
-    | "h4"
-    | "h5"
-    | "h6"
-    | "subtitle1"
-    | "subtitle2"
-    | "body1"
-    | "body2"
-    | "caption"
-    | "button"
+  | "h1"
+  | "h2"
+  | "h3"
+  | "h4"
+  | "h5"
+  | "h6"
+  | "subtitle1"
+  | "subtitle2"
+  | "body1"
+  | "body2"
+  | "caption"
+  | "button"
   component?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "p"
 }
 
diff --git a/packages/common-components/src/index.ts b/packages/common-components/src/index.ts
index 8684f17bf5..a6d8a17044 100644
--- a/packages/common-components/src/index.ts
+++ b/packages/common-components/src/index.ts
@@ -20,6 +20,7 @@ export * from "./Icons"
 export * from "./Modal"
 export * from "./NumberInput"
 export * from "./MenuDropdown"
+export * from "./Paper"
 export * from "./ProgressBar"
 export * from "./RadioInput"
 export * from "./Router"
diff --git a/packages/common-components/src/stories/Button.stories.tsx b/packages/common-components/src/stories/Button.stories.tsx
index d45cbee53f..cffaf6a3b2 100644
--- a/packages/common-components/src/stories/Button.stories.tsx
+++ b/packages/common-components/src/stories/Button.stories.tsx
@@ -15,7 +15,7 @@ export const actionsData = {
   onClick: action("onClickButton")
 }
 
-type VariantOption = "primary" | "outline" | "dashed" | "danger" | undefined;
+type VariantOption = "primary" | "secondary" | "tertiary" | "outline" | "dashed" | "danger" | undefined;
 const variantOptions: VariantOption[] = [
   "primary",
   "outline",
diff --git a/packages/common-components/src/stories/Typography.stories.tsx b/packages/common-components/src/stories/Typography.stories.tsx
index 4ad36e0e58..51c271d7e0 100644
--- a/packages/common-components/src/stories/Typography.stories.tsx
+++ b/packages/common-components/src/stories/Typography.stories.tsx
@@ -15,17 +15,17 @@ export const actionsData = {
 }
 
 type VariantOption = "h1"
-  |"h2"
-  |"h3"
-  |"h4"
-  |"h5"
-  |"h6"
-  |"subtitle1"
-  |"subtitle2"
-  |"body1"
-  |"body2"
-  |"caption"
-  |"button"
+|"h2"
+|"h3"
+|"h4"
+|"h5"
+|"h6"
+|"subtitle1"
+|"subtitle2"
+|"body1"
+|"body2"
+|"caption"
+|"button"
 
 const variantOptions: VariantOption[] = [
   "h1",
diff --git a/packages/common-theme/src/Create/CreateBreakpoints.ts b/packages/common-theme/src/Create/CreateBreakpoints.ts
index 3cb7901e33..42ce306827 100644
--- a/packages/common-theme/src/Create/CreateBreakpoints.ts
+++ b/packages/common-theme/src/Create/CreateBreakpoints.ts
@@ -6,10 +6,10 @@
 export type Overwrite<T, U> = Omit<T, keyof U> & U
 
 type GenerateStringUnion<T> = Extract<
-  {
-    [Key in keyof T]: true extends T[Key] ? Key : never
-  }[keyof T],
-  string
+{
+  [Key in keyof T]: true extends T[Key] ? Key : never
+}[keyof T],
+string
 >
 
 /**
@@ -22,18 +22,18 @@ type GenerateStringUnion<T> = Extract<
  * @internal
  */
 export type OverridableStringUnion<T, U = Record<any, any>> = GenerateStringUnion<
-  Overwrite<T, U>
+Overwrite<T, U>
 >
 
 export type BreakpointDefaults = Record<
-  "xs" | "sm" | "md" | "lg" | "xl" | string,
-  true
+"xs" | "sm" | "md" | "lg" | "xl" | string,
+true
 >
 export interface BreakpointOverrides {[key: string]: unknown}
 
 export type Breakpoint = OverridableStringUnion<
-  BreakpointDefaults,
-  BreakpointOverrides
+BreakpointDefaults,
+BreakpointOverrides
 >
 export type BreakpointValues = { [key in Breakpoint]: number }
 export const keys: Breakpoint[] = []
@@ -49,10 +49,10 @@ export interface IBreakpoints {
 }
 
 export type BreakpointsOptions = Partial<
-  {
-    unit: string
-    step: number
-  } & IBreakpoints
+{
+  unit: string
+  step: number
+} & IBreakpoints
 >
 
 // Keep in mind that @media is inclusive by the CSS specification.
diff --git a/packages/common-theme/src/Defaults/ThemeConfig.ts b/packages/common-theme/src/Defaults/ThemeConfig.ts
index ec5fdc1e23..86acc99a74 100644
--- a/packages/common-theme/src/Defaults/ThemeConfig.ts
+++ b/packages/common-theme/src/Defaults/ThemeConfig.ts
@@ -169,7 +169,7 @@ const DefaultThemeConfig: IThemeConfig = {
     },
     button: {
       ...defaultFontStyles,
-      fontWeight: defaultFontWeights.regular,
+      fontWeight: defaultFontWeights.semibold,
       fontSize: 14,
       lineHeight: "22px"
     },
diff --git a/packages/common-theme/src/Hooks/useDoubleClick.ts b/packages/common-theme/src/Hooks/useDoubleClick.ts
index 32ae768923..38ae8c1eb5 100644
--- a/packages/common-theme/src/Hooks/useDoubleClick.ts
+++ b/packages/common-theme/src/Hooks/useDoubleClick.ts
@@ -9,12 +9,12 @@ export function useDoubleClick(
   const onClick = useCallback((e?: React.MouseEvent) => {
     if (e) {
       switch (e.detail) {
-      case 1:
-        actionSingleClick && actionSingleClick(e)
-        break
-      case 2:
-        actionDoubleClick && actionDoubleClick(e)
-        break
+        case 1:
+          actionSingleClick && actionSingleClick(e)
+          break
+        case 2:
+          actionDoubleClick && actionDoubleClick(e)
+          break
       }
     }
   }, [actionSingleClick, actionDoubleClick])
diff --git a/packages/common-theme/src/Overrides/Button.ts b/packages/common-theme/src/Overrides/Button.ts
index 1c7d5237b8..106c92e11c 100644
--- a/packages/common-theme/src/Overrides/Button.ts
+++ b/packages/common-theme/src/Overrides/Button.ts
@@ -24,6 +24,12 @@ export interface IButtonOverride {
       focus?: Record<string, any>
       active?: Record<string, any>
     }
+    tertiary?: {
+      root?: Record<string, any>
+      hover?: Record<string, any>
+      focus?: Record<string, any>
+      active?: Record<string, any>
+    }
     outline?: {
       root?: Record<string, any>
       hover?: Record<string, any>
diff --git a/packages/files-ui/cypress/support/page-objects/binPage.ts b/packages/files-ui/cypress/support/page-objects/binPage.ts
index 7b868098f8..7b8f48429b 100644
--- a/packages/files-ui/cypress/support/page-objects/binPage.ts
+++ b/packages/files-ui/cypress/support/page-objects/binPage.ts
@@ -8,6 +8,8 @@ export const binPage = {
   // bin page specific file browser elements
   recoverSelectedButton: () => cy.get("[data-testId=button-recover-selected-file]"),
   deleteSelectedButton: () => cy.get("[data-testId=button-delete-selected-file]"),
+  permanentDeleteSuccessToast: () => cy.get("[data-testId=toast-deletion-success]", { timeout: 10000 }),
+  selectAllCheckbox: () => cy.get("[data-testId=checkbox-select-all]"),
 
   // kebab menu elements
   recoverMenuOption: () => cy.get("[data-cy=menu-recover]"),
diff --git a/packages/files-ui/cypress/support/page-objects/homePage.ts b/packages/files-ui/cypress/support/page-objects/homePage.ts
index 85b8851cc0..87a161e0a3 100644
--- a/packages/files-ui/cypress/support/page-objects/homePage.ts
+++ b/packages/files-ui/cypress/support/page-objects/homePage.ts
@@ -11,7 +11,9 @@ export const homePage = {
   uploadButton: () => cy.get("[data-cy=button-upload-file]"),
   moveSelectedButton: () => cy.get("[data-testId=button-move-selected-file]"),
   deleteSelectedButton: () => cy.get("[data-testId=button-delete-selected-file]"),
+  selectAllCheckbox: () => cy.get("[data-testId=checkbox-select-all]"),
   uploadStatusToast: () => cy.get("[data-testId=toast-upload-status]", { timeout: 10000 }),
+  deleteSuccessToast: () => cy.get("[data-testId=toast-deletion-success]", { timeout: 10000 }),
   fileRenameInput: () => cy.get("[data-cy=rename-form] input"),
   fileRenameSubmitButton: () => cy.get("[data-cy=rename-submit-button]"),
   fileRenameErrorLabel: () => cy.get("[data-cy=rename-form] span.minimal.error"),
diff --git a/packages/files-ui/cypress/support/page-objects/navigationMenu.ts b/packages/files-ui/cypress/support/page-objects/navigationMenu.ts
index 8d05fe5209..a19842843e 100644
--- a/packages/files-ui/cypress/support/page-objects/navigationMenu.ts
+++ b/packages/files-ui/cypress/support/page-objects/navigationMenu.ts
@@ -5,7 +5,7 @@ export const navigationMenu = {
   homeNavButton: () => cy.get("[data-cy=home-nav]"),
   binNavButton: () => cy.get("[data-cy=bin-nav]"),
   settingsNavButton: () => cy.get("[data-cy=settings-nav]"),
-  spaceUsedLabel: () => cy.get("[data-cy=label-space-used]"),
+  spaceUsedLabel: () => cy.get("[data-cy=label-space-used]", { timeout: 10000 }),
   spaceUsedProgressBar: () => cy.get("[data-cy=progress-bar-space-used]"),
   sendFeedbackNavButton: () => cy.get("[data-cy=send-feedback-nav]"),
   // mobile view only
diff --git a/packages/files-ui/cypress/tests/file-management-spec.ts b/packages/files-ui/cypress/tests/file-management-spec.ts
index 06355025a2..fdabafa8ad 100644
--- a/packages/files-ui/cypress/tests/file-management-spec.ts
+++ b/packages/files-ui/cypress/tests/file-management-spec.ts
@@ -248,7 +248,7 @@ describe("File management", () => {
       binPage.recoverMenuOption().click()
       recoverItemModal.folderList().should("exist")
       recoverItemModal.folderList().contains("Home").click()
-      recoverItemModal.recoverButton().click()
+      recoverItemModal.recoverButton().safeClick()
       binPage.fileItemRow().should("not.exist")
 
       // ensure recovered file is correct
@@ -300,7 +300,7 @@ describe("File management", () => {
       binPage.recoverMenuOption().click()
       recoverItemModal.folderList().should("exist")
       recoverItemModal.folderList().contains("Home").click()
-      recoverItemModal.recoverButton().click()
+      recoverItemModal.recoverButton().safeClick()
       binPage.fileItemRow().should("not.exist")
 
       // ensure recovered folder is correct
@@ -350,5 +350,69 @@ describe("File management", () => {
       createFolderModal.errorLabel().should("be.visible")
       createFolderModal.body().should("contain.text", "Name too long")
     })
+
+    it("can see storage space summary updated accordingly", () => {
+      cy.web3Login({ clearCSFBucket: true, clearTrashBucket: true })
+
+      // Make sure elements exist and that we are starting with 0
+      navigationMenu.spaceUsedProgressBar().should("be.visible")
+      navigationMenu.spaceUsedLabel().should("contain.text", "0 Bytes")
+
+      // upload a file and ensure the storage space label adjusts
+      homePage.uploadFile("../fixtures/uploadedFiles/logo.png")
+      navigationMenu.spaceUsedLabel().should("not.contain.text", "0 Bytes")
+
+      // delete the file from the bin and ensure the storage space label adjusts
+      homePage.fileItemKebabButton().click()
+      homePage.deleteMenuOption().click()
+      deleteFileModal.confirmButton().safeClick()
+      homePage.deleteSuccessToast().should("not.exist")
+      navigationMenu.binNavButton().click()
+      binPage.fileItemKebabButton().click()
+      binPage.deleteMenuOption().click()
+      deleteFileModal.confirmButton().safeClick()
+      binPage.permanentDeleteSuccessToast().should("not.exist")
+      navigationMenu.spaceUsedLabel().should("contain.text", "0 Bytes")
+    })
+
+    it("can delete and recover multiple files", () => {
+      cy.web3Login({ clearCSFBucket: true, clearTrashBucket: true })
+
+      // upload 2 files
+      homePage.uploadFile("../fixtures/uploadedFiles/logo.png")
+      homePage.uploadFile("../fixtures/uploadedFiles/text-file.txt")
+      homePage.fileItemRow().should("have.length", 2)
+
+      // store their file names as cypress aliases for later comparison
+      homePage.fileItemName().eq(0).invoke("text").as("fileNameA")
+      homePage.fileItemName().eq(1).invoke("text").as("fileNameB")
+
+      // delete both of the files in the same action
+      homePage.selectAllCheckbox().click()
+      homePage.deleteSelectedButton().click()
+      deleteFileModal.confirmButton().safeClick()
+      homePage.deleteSuccessToast().should("not.exist")
+      homePage.fileItemRow().should("have.length", 0)
+
+      // recover both of the files in the same action
+      navigationMenu.binNavButton().click()
+      binPage.selectAllCheckbox().click()
+      binPage.recoverSelectedButton().click()
+      recoverItemModal.folderList().should("exist")
+      recoverItemModal.folderList().contains("Home").click()
+      recoverItemModal.recoverButton().safeClick()
+      binPage.fileItemRow().should("not.exist")
+
+      // return home and ensure both of the files were recovered
+      navigationMenu.homeNavButton().click()
+
+      cy.get("@fileNameA").then(($fileNameA) => {
+        homePage.fileItemName().should("contain.text", $fileNameA)
+      })
+
+      cy.get("@fileNameB").then(($fileNameB) => {
+        homePage.fileItemName().should("contain.text", $fileNameB)
+      })
+    })
   })
 })
diff --git a/packages/files-ui/cypress/tests/main-navigation-spec.ts b/packages/files-ui/cypress/tests/main-navigation-spec.ts
index 6c5b6136f2..61b1fd06ff 100644
--- a/packages/files-ui/cypress/tests/main-navigation-spec.ts
+++ b/packages/files-ui/cypress/tests/main-navigation-spec.ts
@@ -19,11 +19,6 @@ describe("Main Navigation", () => {
       cy.url().should("include", "/settings")
     })
 
-    // it("can see data storage summary info", () => {
-    //   navigationMenu.spaceUsedLabel().should("contain.text", "of 20 GB used")
-    //   navigationMenu.spaceUsedProgressBar().should("be.visible")
-    // })
-
     it.skip("can navigate to block survey via send feedback button", () => {
       // TODO: Andrew - find a way to check the button link, cypress doesn't support tabs #1084
     })
diff --git a/packages/files-ui/package.json b/packages/files-ui/package.json
index 28a9f9be15..1d9af5079a 100644
--- a/packages/files-ui/package.json
+++ b/packages/files-ui/package.json
@@ -6,16 +6,16 @@
     "@babel/core": "^7.12.10",
     "@babel/runtime": "^7.0.0",
     "@chainsafe/browser-storage-hooks": "^1.0.1",
-    "@chainsafe/files-api-client": "^1.18.5",
+    "@chainsafe/files-api-client": "^1.18.10",
     "@chainsafe/web3-context": "1.1.4",
     "@lingui/core": "^3.7.2",
     "@lingui/react": "^3.7.2",
     "@material-ui/core": "^4.12.3",
     "@sentry/react": "^5.28.0",
-    "@tkey/default": "3.12.0",
-    "@tkey/security-questions": "3.12.0",
-    "@tkey/web-storage": "3.12.0",
-    "@toruslabs/torus-direct-web-sdk": "4.10.0",
+    "@tkey/default": "3.14.2",
+    "@tkey/security-questions": "3.14.2",
+    "@tkey/web-storage": "3.14.2",
+    "@toruslabs/torus-direct-web-sdk": "4.15.1",
     "@types/filesystem": "^0.0.32",
     "@types/uuid": "^8.3.0",
     "axios": "0.21.4",
diff --git a/packages/files-ui/src/Components/Elements/MnemonicForm.tsx b/packages/files-ui/src/Components/Elements/MnemonicForm.tsx
index ae064dfca4..31e95cf972 100644
--- a/packages/files-ui/src/Components/Elements/MnemonicForm.tsx
+++ b/packages/files-ui/src/Components/Elements/MnemonicForm.tsx
@@ -92,8 +92,8 @@ const useStyles = makeStyles(({ animation, constants, palette, zIndex }: CSFThem
 )
 
 interface Props {
-    buttonLabel?: string
-    onComplete: () => void
+  buttonLabel?: string
+  onComplete: () => void
 }
 
 const MnemonicForm = ({ buttonLabel, onComplete }: Props) => {
diff --git a/packages/files-ui/src/Components/Elements/PasswordForm.tsx b/packages/files-ui/src/Components/Elements/PasswordForm.tsx
index 91f36d9377..e99eeea19a 100644
--- a/packages/files-ui/src/Components/Elements/PasswordForm.tsx
+++ b/packages/files-ui/src/Components/Elements/PasswordForm.tsx
@@ -94,6 +94,7 @@ const PasswordForm = ({ buttonLabel, setPassword }: Props) => {
       }}
       validationSchema={passwordValidation}
       onSubmit={onSubmit}
+      enableReinitialize
     >
       <Form>
         <FormikTextInput
diff --git a/packages/files-ui/src/Components/Elements/ShareTransferRequestModal.tsx b/packages/files-ui/src/Components/Elements/ShareTransferRequestModal.tsx
index dab63e66ad..61c2a6094b 100644
--- a/packages/files-ui/src/Components/Elements/ShareTransferRequestModal.tsx
+++ b/packages/files-ui/src/Components/Elements/ShareTransferRequestModal.tsx
@@ -10,7 +10,7 @@ import clsx from "clsx"
 import { CSFTheme } from "../../Themes/types"
 
 interface Props {
-    requests: ShareTransferRequest[]
+  requests: ShareTransferRequest[]
 }
 
 const useStyles = makeStyles(({ constants }: CSFTheme) =>
diff --git a/packages/files-ui/src/Components/Elements/SharedUsers.tsx b/packages/files-ui/src/Components/Elements/SharedUsers.tsx
index ff39669ea7..6ea07668bb 100644
--- a/packages/files-ui/src/Components/Elements/SharedUsers.tsx
+++ b/packages/files-ui/src/Components/Elements/SharedUsers.tsx
@@ -1,8 +1,7 @@
 import React, { useCallback, useMemo } from "react"
 import { makeStyles, createStyles, useThemeSwitcher } from "@chainsafe/common-theme"
 import UserBubble from "./UserBubble"
-import { LookupUser } from "@chainsafe/files-api-client"
-import { BucketKeyPermission } from "../../Contexts/FilesContext"
+import { BucketKeyPermission, RichUserInfo } from "../../Contexts/FilesContext"
 import { getUserDisplayName } from "../../Utils/getUserDisplayName"
 
 const useStyles = makeStyles(() => {
@@ -13,7 +12,7 @@ const useStyles = makeStyles(() => {
   })
 })
 interface Props {
- bucket: BucketKeyPermission
+  bucket: BucketKeyPermission
 }
 
 const SharedUsers = ({ bucket }: Props) => {
@@ -21,7 +20,7 @@ const SharedUsers = ({ bucket }: Props) => {
   const { desktop } = useThemeSwitcher()
   const { owners, readers, writers } = bucket
 
-  const getUserLabels = useCallback((users: LookupUser[]): string[] => {
+  const getUserLabels = useCallback((users: RichUserInfo[]): string[] => {
     return users.reduce((acc: string[], user): string[] => {
       const displayName = getUserDisplayName(user)
 
diff --git a/packages/files-ui/src/Components/Elements/TeamModal.tsx b/packages/files-ui/src/Components/Elements/TeamModal.tsx
new file mode 100644
index 0000000000..df5acb3abf
--- /dev/null
+++ b/packages/files-ui/src/Components/Elements/TeamModal.tsx
@@ -0,0 +1,77 @@
+import { Button, Typography } from "@chainsafe/common-components"
+import { createStyles, makeStyles } from "@chainsafe/common-theme"
+import { Trans } from "@lingui/macro"
+import React, { useCallback } from "react"
+import { CSFTheme } from "../../Themes/types"
+import { ROUTE_LINKS } from "../FilesRoutes"
+import CustomModal from "./CustomModal"
+
+const useStyles = makeStyles(
+  ({ constants }: CSFTheme) => {
+    return createStyles({
+      root: {
+        padding: `${constants.generalUnit * 6}px ${constants.generalUnit * 4}px`,
+        flexDirection: "column",
+        display: "flex",
+        alignItems: "center"
+      },
+      title: {
+        marginBottom: constants.generalUnit * 3
+      },
+      modalInner: {
+        maxWidth: "600px !important"
+      },
+      buttonContainer: {
+        width: "100%"
+      },
+      nextButton: {
+        margin: "auto",
+        marginTop: constants.generalUnit * 3
+      }
+    })
+  })
+
+interface Props {
+  onHide: () => void
+}
+
+const TeamModal = ({ onHide }: Props) => {
+  const classes = useStyles()
+
+  const onSignupTeamClick = useCallback(() => {
+    window.open(ROUTE_LINKS.TeamSignup, "_blank")
+    onHide()
+  }, [onHide])
+
+  return (
+    <CustomModal
+      injectedClass={{ inner: classes.modalInner }}
+      active={true}
+      closePosition="right"
+      maxWidth="sm"
+      onClose={onHide}
+      mobileStickyBottom={false}
+    >
+      <div className={classes.root}>
+        <Typography variant="h2"
+          className={classes.title}
+        >
+          <Trans>Teams</Trans>
+        </Typography>
+        <Typography variant="h4">
+          <Trans>A better sharing experience is coming soon.</Trans>
+        </Typography>
+        <div className={classes.buttonContainer}>
+          <Button
+            data-posthog="Sign-me-up"
+            className={classes.nextButton}
+            onClick={onSignupTeamClick}
+          >
+            <Trans>Sign me up!</Trans>
+          </Button>
+        </div>
+      </div>
+    </CustomModal>
+  )}
+
+export default TeamModal
diff --git a/packages/files-ui/src/Components/FilesRoutes.tsx b/packages/files-ui/src/Components/FilesRoutes.tsx
index 41c141c346..74b404c6fa 100644
--- a/packages/files-ui/src/Components/FilesRoutes.tsx
+++ b/packages/files-ui/src/Components/FilesRoutes.tsx
@@ -33,7 +33,8 @@ export const ROUTE_LINKS = {
     const adjustedRawCurrentPath = !rawCurrentPath ? "/" : rawCurrentPath
     return `/shared/${bucketId}${adjustedRawCurrentPath}`
   },
-  DiscordInvite: "https://discord.gg/zAEY37fNb2"
+  DiscordInvite: "https://discord.gg/zAEY37fNb2",
+  TeamSignup: "https://shrl.ink/cgQy"
 }
 
 export const SETTINGS_PATHS = ["profile", "plan", "security"] as const
diff --git a/packages/files-ui/src/Components/Layouts/AppHeader.tsx b/packages/files-ui/src/Components/Layouts/AppHeader.tsx
index 8bc1919f4c..0a58868e50 100644
--- a/packages/files-ui/src/Components/Layouts/AppHeader.tsx
+++ b/packages/files-ui/src/Components/Layouts/AppHeader.tsx
@@ -8,7 +8,8 @@ import {
   HamburgerMenu,
   MenuDropdown,
   PowerDownSvg,
-  useHistory
+  useHistory,
+  Button
 } from "@chainsafe/common-components"
 import { ROUTE_LINKS } from "../FilesRoutes"
 import SearchModule from "../Modules/SearchModule"
@@ -17,6 +18,7 @@ import { useThresholdKey } from "../../Contexts/ThresholdKeyContext"
 import { CSFTheme } from "../../Themes/types"
 import { useUser } from "../../Contexts/UserContext"
 import { useFilesApi } from "../../Contexts/FilesApiContext"
+import TeamModal from "../Elements/TeamModal"
 
 const useStyles = makeStyles(
   ({ palette, animation, breakpoints, constants, zIndex }: CSFTheme) => {
@@ -99,9 +101,7 @@ const useStyles = makeStyles(
         justifyContent: "flex-end",
         alignItems: "center",
         flexDirection: "row",
-        [breakpoints.up("md")]: {
-          marginLeft: constants.accountControlsPadding
-        },
+
         "& > *:first-child": {
           marginRight: constants.generalUnit * 2
         }
@@ -142,6 +142,19 @@ const useStyles = makeStyles(
       },
       title : {
         marginLeft: constants.generalUnit
+      },
+      buttonsSection: {
+        display: "flex",
+        alignItems: "center",
+        margin: `0 ${constants.generalUnit * 2}px`,
+
+        "& button" : {
+          height: constants.generalUnit * 4,
+
+          "&:not(:first-child)": {
+            marginLeft: constants.generalUnit * 2
+          }
+        }
       }
     })
   }
@@ -159,6 +172,7 @@ const AppHeader = ({ navOpen, setNavOpen }: IAppHeader) => {
   const { publicKey, isNewDevice, shouldInitializeAccount, logout } = useThresholdKey()
   const { getProfileTitle, removeUser } = useUser()
   const [searchActive, setSearchActive] = useState(false)
+  const [isTeamModalOpen, setIsTeamModalOpen] = useState(false)
   const { history } = useHistory()
 
   const signOut = useCallback(async () => {
@@ -171,6 +185,14 @@ const AppHeader = ({ navOpen, setNavOpen }: IAppHeader) => {
 
   }, [logout, removeUser, history])
 
+  const onReportBugClick = useCallback(() => {
+    window.open(ROUTE_LINKS.DiscordInvite, "_blank")
+  }, [])
+
+  const onStartATeamClick = useCallback(() => {
+    setIsTeamModalOpen(true)
+  }, [])
+
   return (
     <header
       className={clsx(classes.root, {
@@ -197,6 +219,26 @@ const AppHeader = ({ navOpen, setNavOpen }: IAppHeader) => {
                   setSearchActive={setSearchActive}
                 />
               </section>
+              <section className={classes.buttonsSection}>
+                <Button
+                  data-posthog="Report-a-bug"
+                  data-cy="send-feedback-nav"
+                  variant="tertiary"
+                  size="small"
+                  onClick={onReportBugClick}
+                >
+                  <Trans>Report a bug</Trans>
+                </Button>
+                <Button
+                  data-posthog="Start-a-team"
+                  data-cy="start-team-nav"
+                  variant="tertiary"
+                  size="small"
+                  onClick={onStartATeamClick}
+                >
+                  <Trans>Start a team</Trans>
+                </Button>
+              </section>
               <section className={classes.accountControls}>
                 <MenuDropdown
                   title={getProfileTitle()}
@@ -260,6 +302,7 @@ const AppHeader = ({ navOpen, setNavOpen }: IAppHeader) => {
           )}
         </>
       )}
+      {isTeamModalOpen && <TeamModal onHide={() => setIsTeamModalOpen(false)}/>}
     </header>
   )
 }
diff --git a/packages/files-ui/src/Components/Layouts/AppNav.tsx b/packages/files-ui/src/Components/Layouts/AppNav.tsx
index df8f78e2e6..d025362b65 100644
--- a/packages/files-ui/src/Components/Layouts/AppNav.tsx
+++ b/packages/files-ui/src/Components/Layouts/AppNav.tsx
@@ -1,9 +1,5 @@
 import { useFiles } from "../../Contexts/FilesContext"
-import {
-  createStyles,
-  makeStyles,
-  useThemeSwitcher
-} from "@chainsafe/common-theme"
+import { createStyles, makeStyles, useThemeSwitcher } from "@chainsafe/common-theme"
 import React, { useCallback } from "react"
 import clsx from "clsx"
 import {
@@ -14,10 +10,10 @@ import {
   SettingSvg,
   PowerDownSvg,
   ProgressBar,
-  Button,
   formatBytes,
   DeleteSvg,
-  UserShareSvg } from "@chainsafe/common-components"
+  UserShareSvg
+} from "@chainsafe/common-components"
 import { ROUTE_LINKS } from "../FilesRoutes"
 import { Trans } from "@lingui/macro"
 import { useThresholdKey } from "../../Contexts/ThresholdKeyContext"
@@ -201,9 +197,6 @@ const useStyles = makeStyles(
       },
       betaCaption: {
         marginBottom: constants.generalUnit * 0.5
-      },
-      supportButton: {
-        margin: "auto"
       }
     })
   }
@@ -214,15 +207,12 @@ interface IAppNav {
   setNavOpen: (state: boolean) => void
 }
 
-const AppNav: React.FC<IAppNav> = ({ navOpen, setNavOpen }: IAppNav) => {
+const AppNav = ({ navOpen, setNavOpen }: IAppNav) => {
   const { desktop } = useThemeSwitcher()
   const classes = useStyles()
-
   const { storageSummary } = useFiles()
-
   const { isLoggedIn, secured } = useFilesApi()
   const { publicKey, isNewDevice, shouldInitializeAccount, logout } = useThresholdKey()
-
   const { removeUser } = useUser()
 
   const signOut = useCallback(() => {
@@ -236,19 +226,15 @@ const AppNav: React.FC<IAppNav> = ({ navOpen, setNavOpen }: IAppNav) => {
     }
   }, [desktop, navOpen, setNavOpen])
 
-  const collectFeedback = () => {
-    window.open(ROUTE_LINKS.DiscordInvite, "_blank")
-  }
-
   return (
     <section
       className={clsx(classes.root, {
         active: desktop
           ? isLoggedIn &&
-          secured &&
-          !!publicKey &&
-          !isNewDevice &&
-          !shouldInitializeAccount
+            secured &&
+            !!publicKey &&
+            !isNewDevice &&
+            !shouldInitializeAccount
           : navOpen
       })}
     >
@@ -349,37 +335,25 @@ const AppNav: React.FC<IAppNav> = ({ navOpen, setNavOpen }: IAppNav) => {
           </div>
           <section>
             {desktop && (
-              <div
-                data-cy="label-space-used"
-              >
-                {
-                  storageSummary && (
-                    <>
-                      <Typography
-                        variant="body2"
-                        className={classes.spaceUsedMargin}
-                        component="p"
-                      >{`${formatBytes(storageSummary.used_storage, 2)} of ${formatBytes(
-                          storageSummary.total_storage, 2
-                        )} used`}</Typography>
-                      <ProgressBar
-                        data-cy="progress-bar-space-used"
-                        className={classes.spaceUsedMargin}
-                        progress={(storageSummary.used_storage / storageSummary.total_storage) * 100}
-                        size="small"
-                      />
-                    </>
-                  )
+              <div data-cy="label-space-used">
+                {storageSummary && (
+                  <>
+                    <Typography
+                      variant="body2"
+                      className={classes.spaceUsedMargin}
+                      component="p"
+                    >{`${formatBytes(storageSummary.used_storage, 2)} of ${formatBytes(
+                        storageSummary.total_storage, 2
+                      )} used`}</Typography>
+                    <ProgressBar
+                      data-cy="progress-bar-space-used"
+                      className={classes.spaceUsedMargin}
+                      progress={(storageSummary.used_storage / storageSummary.total_storage) * 100}
+                      size="small"
+                    />
+                  </>
+                )
                 }
-                <Button
-                  className={classes.supportButton}
-                  data-cy="send-feedback-nav"
-                  variant="secondary"
-                  size="medium"
-                  onClick={() => collectFeedback()}
-                >
-                  <Trans>Got an issue?</Trans>
-                </Button>
               </div>
             )}
             {!desktop && (
diff --git a/packages/files-ui/src/Components/Modules/FileBrowsers/BinFileBrowser.tsx b/packages/files-ui/src/Components/Modules/FileBrowsers/BinFileBrowser.tsx
index b4df6483ba..ead6f7753f 100644
--- a/packages/files-ui/src/Components/Modules/FileBrowsers/BinFileBrowser.tsx
+++ b/packages/files-ui/src/Components/Modules/FileBrowsers/BinFileBrowser.tsx
@@ -73,7 +73,8 @@ const BinFileBrowser: React.FC<IFileBrowserModuleProps> = ({ controls = false }:
       } ${t`deleted successfully`}`
       addToast({
         title: message,
-        type: "success"
+        type: "success",
+        testId: "permanent-deletion-success"
       })
       return Promise.resolve()
     } catch (error) {
diff --git a/packages/files-ui/src/Components/Modules/FileBrowsers/CSFFileBrowser.tsx b/packages/files-ui/src/Components/Modules/FileBrowsers/CSFFileBrowser.tsx
index b14dd3e1ef..1727cbb873 100644
--- a/packages/files-ui/src/Components/Modules/FileBrowsers/CSFFileBrowser.tsx
+++ b/packages/files-ui/src/Components/Modules/FileBrowsers/CSFFileBrowser.tsx
@@ -94,7 +94,8 @@ const CSFFileBrowser: React.FC<IFileBrowserModuleProps> = () => {
             } ${t`deleted successfully`}`
             const id = addToast({
               title: message,
-              type: "success"
+              type: "success",
+              testId: "deletion-success"
             })
             console.log(id)
           }
diff --git a/packages/files-ui/src/Components/Modules/FileBrowsers/CreateFolderModal.tsx b/packages/files-ui/src/Components/Modules/FileBrowsers/CreateFolderModal.tsx
index cad44f1d75..d23fcd5d2e 100644
--- a/packages/files-ui/src/Components/Modules/FileBrowsers/CreateFolderModal.tsx
+++ b/packages/files-ui/src/Components/Modules/FileBrowsers/CreateFolderModal.tsx
@@ -9,7 +9,7 @@ import {
   makeStyles,
   useMediaQuery
 } from "@chainsafe/common-theme"
-import React, { useState } from "react"
+import React, { useCallback, useState } from "react"
 import { Form, FormikProvider, useFormik } from "formik"
 import CustomModal from "../../Elements/CustomModal"
 import CustomButton from "../../Elements/CustomButton"
@@ -77,15 +77,13 @@ interface ICreateFolderModalProps {
   close: () => void
 }
 
-const CreateFolderModal: React.FC<ICreateFolderModalProps> = ({
-  modalOpen,
-  close
-}: ICreateFolderModalProps) => {
+const CreateFolderModal = ({ modalOpen, close }: ICreateFolderModalProps) => {
   const classes = useStyles()
   const { filesApiClient } = useFilesApi()
   const { currentPath, refreshContents, bucket } = useFileBrowser()
   const [creatingFolder, setCreatingFolder] = useState(false)
   const desktop = useMediaQuery("md")
+
   const formik = useFormik({
     initialValues: {
       name: ""
@@ -100,8 +98,8 @@ const CreateFolderModal: React.FC<ICreateFolderModalProps> = ({
         refreshContents && await refreshContents()
         setCreatingFolder(false)
         helpers.resetForm()
-        close()
-      } catch (errors) {
+        onCancel()
+      } catch (errors: any) {
         setCreatingFolder(false)
         if (errors[0].message.includes("Entry with such name can")) {
           helpers.setFieldError("name", t`Folder name is already in use`)
@@ -114,6 +112,11 @@ const CreateFolderModal: React.FC<ICreateFolderModalProps> = ({
     enableReinitialize: true
   })
 
+  const onCancel = useCallback(() => {
+    formik.resetForm()
+    close()
+  }, [close, formik])
+
   return (
     <CustomModal
       className={classes.modalRoot}
@@ -168,7 +171,7 @@ const CreateFolderModal: React.FC<ICreateFolderModalProps> = ({
             >
               <CustomButton
                 data-cy="button-cancel-create-folder"
-                onClick={() => close()}
+                onClick={onCancel}
                 size="medium"
                 className={classes.cancelButton}
                 variant={desktop ? "outline" : "gray"}
diff --git a/packages/files-ui/src/Components/Modules/FileBrowsers/CreateOrEditSharedFolderModal.tsx b/packages/files-ui/src/Components/Modules/FileBrowsers/CreateOrEditSharedFolderModal.tsx
index 347d13ea3b..ebbcd313d0 100644
--- a/packages/files-ui/src/Components/Modules/FileBrowsers/CreateOrEditSharedFolderModal.tsx
+++ b/packages/files-ui/src/Components/Modules/FileBrowsers/CreateOrEditSharedFolderModal.tsx
@@ -119,14 +119,18 @@ const CreateOrEditSharedFolderModal = ({ mode, isModalOpen, onClose, bucketToEdi
   const { desktop } = useThemeSwitcher()
   const { handleCreateSharedFolder, handleEditSharedFolder, isEditingSharedFolder, isCreatingSharedFolder } = useCreateOrEditSharedFolder()
   const [sharedFolderName, setSharedFolderName] = useState("")
-  const { sharedFolderReaders, sharedFolderWriters, onNewUsers, handleLookupUser, usersError, setUsersError } = useLookupSharedFolderUser()
+  const { sharedFolderReaders, sharedFolderWriters, onNewUsers, handleLookupUser, usersError, resetUsers } = useLookupSharedFolderUser()
   const [hasPermissionsChanged, setHasPermissionsChanged] = useState(false)
   const [nameError, setNameError] = useState("")
 
-  useEffect(() => {
+  const onReset = useCallback(() => {
     setSharedFolderName("")
     setHasPermissionsChanged(false)
-    setUsersError("")
+    resetUsers()
+  }, [resetUsers])
+
+  useEffect(() => {
+    onReset()
 
     if (!bucketToEdit) return
 
@@ -146,20 +150,7 @@ const CreateOrEditSharedFolderModal = ({ mode, isModalOpen, onClose, bucketToEdi
 
     onNewUsers(newWriters, "write")
     onNewUsers(newReaders, "read")
-  }, [bucketToEdit, setUsersError, setHasPermissionsChanged, onNewUsers])
-
-  const onCreateSharedFolder = useCallback(() => {
-    handleCreateSharedFolder(sharedFolderName, sharedFolderReaders, sharedFolderWriters)
-      .catch(console.error)
-      .finally(onClose)
-  }, [handleCreateSharedFolder, sharedFolderName, sharedFolderWriters, sharedFolderReaders, onClose])
-
-  const onEditSharedFolder = useCallback(() => {
-    if (!bucketToEdit) return
-    handleEditSharedFolder(bucketToEdit, sharedFolderReaders, sharedFolderWriters)
-      .catch(console.error)
-      .finally(onClose)
-  }, [handleEditSharedFolder, sharedFolderWriters, sharedFolderReaders, onClose, bucketToEdit])
+  }, [bucketToEdit, onNewUsers, onReset])
 
   const onNameChange = useCallback((value?: string | number) => {
     if (value === undefined) return
@@ -177,6 +168,24 @@ const CreateOrEditSharedFolderModal = ({ mode, isModalOpen, onClose, bucketToEdi
       })
   }, [])
 
+  const handleClose = useCallback(() => {
+    onReset()
+    onClose()
+  }, [onClose, onReset])
+
+  const onCreateSharedFolder = useCallback(() => {
+    handleCreateSharedFolder(sharedFolderName, sharedFolderReaders, sharedFolderWriters)
+      .catch(console.error)
+      .finally(handleClose)
+  }, [handleCreateSharedFolder, sharedFolderName, sharedFolderWriters, sharedFolderReaders, handleClose])
+
+  const onEditSharedFolder = useCallback(() => {
+    if (!bucketToEdit) return
+    handleEditSharedFolder(bucketToEdit, sharedFolderReaders, sharedFolderWriters)
+      .catch(console.error)
+      .finally(handleClose)
+  }, [handleEditSharedFolder, sharedFolderWriters, sharedFolderReaders, handleClose, bucketToEdit])
+
   return (
     <CustomModal
       className={classes.modalRoot}
@@ -240,6 +249,8 @@ const CreateOrEditSharedFolderModal = ({ mode, isModalOpen, onClose, bucketToEdi
                 alignContent: "start"
               })
             }}
+            loadingMessage={t`Loading`}
+            noOptionsMessage={t`No user found for this query.`}
           />
         </div>
         <div className={classes.modalFlexItem}>
@@ -259,7 +270,10 @@ const CreateOrEditSharedFolderModal = ({ mode, isModalOpen, onClose, bucketToEdi
                 minHeight: 90,
                 alignContent: "start"
               })
-            }}/>
+            }}
+            loadingMessage={t`Loading`}
+            noOptionsMessage={t`No user found for this query.`}
+          />
         </div>
         <Grid
           item
@@ -283,7 +297,7 @@ const CreateOrEditSharedFolderModal = ({ mode, isModalOpen, onClose, bucketToEdi
             justifyContent="flex-end"
           >
             <CustomButton
-              onClick={onClose}
+              onClick={handleClose}
               size="medium"
               className={classes.cancelButton}
               variant={desktop ? "outline" : "gray"}
diff --git a/packages/files-ui/src/Components/Modules/FileBrowsers/FileInfoModal.tsx b/packages/files-ui/src/Components/Modules/FileBrowsers/FileInfoModal.tsx
index 73a1122989..98e422c918 100644
--- a/packages/files-ui/src/Components/Modules/FileBrowsers/FileInfoModal.tsx
+++ b/packages/files-ui/src/Components/Modules/FileBrowsers/FileInfoModal.tsx
@@ -7,7 +7,7 @@ import React, { useState, useEffect } from "react"
 import CustomModal from "../../Elements/CustomModal"
 import CustomButton from "../../Elements/CustomButton"
 import { Trans } from "@lingui/macro"
-import { FileFullInfo, useFiles } from "../../../Contexts/FilesContext"
+import { FileFullInfo } from "../../../Contexts/FilesContext"
 import {
   Button,
   formatBytes,
@@ -161,7 +161,6 @@ interface IFileInfoModuleProps {
 const FileInfoModal = ({ filePath, close }: IFileInfoModuleProps) => {
   const classes = useStyles()
   const { filesApiClient } = useFilesApi()
-  const { personalEncryptionKey } = useFiles()
   const [loadingFileInfo, setLoadingInfo] = useState(false)
   const [fullFileInfo, setFullFullInfo] = useState<FileFullInfo | undefined>()
   const { bucket } = useFileBrowser()
@@ -381,7 +380,7 @@ const FileInfoModal = ({ filePath, close }: IFileInfoModuleProps) => {
                     component="p"
                   >
                     <ToggleHiddenText hiddenLength={14}>
-                      <span>{ personalEncryptionKey }</span>
+                      <span>{bucket?.encryptionKey}</span>
                     </ToggleHiddenText>
                   </Typography>
                 </div>
diff --git a/packages/files-ui/src/Components/Modules/FileBrowsers/ReportFileModal.tsx b/packages/files-ui/src/Components/Modules/FileBrowsers/ReportFileModal.tsx
index 389c860168..8381fd0604 100644
--- a/packages/files-ui/src/Components/Modules/FileBrowsers/ReportFileModal.tsx
+++ b/packages/files-ui/src/Components/Modules/FileBrowsers/ReportFileModal.tsx
@@ -19,6 +19,7 @@ import { useFileBrowser } from "../../../Contexts/FileBrowserContext"
 import { useThresholdKey } from "../../../Contexts/ThresholdKeyContext"
 import { useCallback } from "react"
 import { ROUTE_LINKS } from "../../FilesRoutes"
+import { useFilesApi } from "../../../Contexts/FilesApiContext"
 
 const useStyles = makeStyles(
   ({ breakpoints, constants, palette, typography, zIndex, animation }: CSFTheme) => {
@@ -129,7 +130,7 @@ const useStyles = makeStyles(
         color: palette.additional["gray"][9],
         [breakpoints.down("md")]: {
           flexBasis: "100%",
-          margin: `${constants.generalUnit * 2}px`
+          margin: constants.generalUnit * 2
         }
       },
       decryptionKey: {
@@ -137,7 +138,11 @@ const useStyles = makeStyles(
         wordBreak: "break-all"
       },
       infoText: {
-        marginBottom: `${constants.generalUnit * 2}px`
+        marginBottom: constants.generalUnit * 2
+      },
+      keysWrapper: {
+        maxHeight: constants.generalUnit * 10,
+        overflow: "scroll"
       }
     })
   }
@@ -148,33 +153,53 @@ interface IReportFileModalProps {
   close: () => void
 }
 
-const TEMP_PUBLIC_KEY = "0x03e8cab05fc70bbc3cb829af9718feb0bfa626209594f64da6685ed13ce4437e19"
+interface KeyMap {
+  pubKey: string
+  encryptedDecryptionKey: string
+}
 
 const ReportFileModal = ({ filePath, close }: IReportFileModalProps) => {
   const classes = useStyles()
   const { bucket } = useFileBrowser()
   const { encryptionKey, id } = bucket || {}
   const [isLoadingAdminKey, setIsloadingAdminKey] = useState(true)
-  const [adminPubKey, setAdminPubkey] = useState("")
-  const [encryptedDecryptionKey, setEncryptedDecryptionKey] = useState("")
+  const [adminPubKeys, setAdminPubkeys] = useState<string[]>([])
+  const [encryptedDecryptionKeyMap, setEncryptedDecryptionKeyMap] = useState<KeyMap[]>([])
   const { encryptForPublicKey } = useThresholdKey()
   const [copied, setCopied] = useState(false)
+  const { filesApiClient } = useFilesApi()
 
   useEffect(() => {
-    // todo fetch admin public key from api instead of this hardcoded one
-    // https://github.com/ChainSafe/ui-monorepo/issues/1244
-    setAdminPubkey(TEMP_PUBLIC_KEY)
-  }, [])
+    filesApiClient.abuseUser()
+      .then((keys) => {
+        if (!keys.length){
+          console.error("No admin public key received")
+        }
+
+        setAdminPubkeys(keys)
+      })
+      .catch(console.error)
+  }, [filesApiClient])
 
   useEffect(() => {
-    if(!adminPubKey || !encryptionKey) return
+    if(!adminPubKeys.length || !encryptionKey) return
 
-    // we need to remove the 0x
-    encryptForPublicKey(adminPubKey.slice(2), encryptionKey)
-      .then(setEncryptedDecryptionKey)
+    Promise.all(adminPubKeys.map((adminPubKey) =>
+      // we need to remove the 0x
+      encryptForPublicKey(adminPubKey.slice(2), encryptionKey)
+    ))
+      .then((encryptedDecryptionKeys) => {
+        const map = adminPubKeys.map((adminPubKey, index) => ({
+          "pubKey": adminPubKey,
+          "encryptedDecryptionKey": encryptedDecryptionKeys[index]
+        }))
+
+        setEncryptedDecryptionKeyMap(map)
+      })
       .catch(console.error)
       .finally(() => setIsloadingAdminKey(false))
-  }, [adminPubKey, encryptForPublicKey, encryptionKey])
+
+  }, [adminPubKeys, encryptForPublicKey, encryptionKey])
 
   const debouncedSwitchCopied = debounce(() => setCopied(false), 3000)
 
@@ -182,14 +207,14 @@ const ReportFileModal = ({ filePath, close }: IReportFileModalProps) => {
     navigator.clipboard.writeText(`{
   bucketId: "${id}",
   path: "${filePath}",
-  encryptedDecryptionKey: "${encryptedDecryptionKey}"
+  encryptedDecryptionKey: ${JSON.stringify(encryptedDecryptionKeyMap)}
 }`)
       .then(() => {
         setCopied(true)
         debouncedSwitchCopied()
       })
       .catch(console.error)
-  }, [debouncedSwitchCopied, encryptedDecryptionKey, filePath, id])
+  }, [debouncedSwitchCopied, encryptedDecryptionKeyMap, filePath, id])
 
   return (
     <CustomModal
@@ -293,13 +318,15 @@ const ReportFileModal = ({ filePath, close }: IReportFileModalProps) => {
                   >
                     <Trans>Decryption key</Trans>
                   </Typography>
-                  <Typography
-                    className={clsx(classes.decryptionKey, classes.subSubtitle)}
-                    variant="body2"
-                    component="p"
-                  >
-                    {encryptedDecryptionKey}
-                  </Typography>
+                  <div className={classes.keysWrapper}>
+                    <Typography
+                      className={clsx(classes.decryptionKey, classes.subSubtitle)}
+                      variant="body2"
+                      component="p"
+                    >
+                      {JSON.stringify(encryptedDecryptionKeyMap)}
+                    </Typography>
+                  </div>
                 </div>
               </div>
             </div>
@@ -317,6 +344,7 @@ const ReportFileModal = ({ filePath, close }: IReportFileModalProps) => {
               variant="primary"
               className={classes.copyButton}
               onClick={onCopyInfo}
+              disabled={isLoadingAdminKey}
             >
               <Trans>Copy info</Trans>
             </Button>
diff --git a/packages/files-ui/src/Components/Modules/FileBrowsers/ShareModal.tsx b/packages/files-ui/src/Components/Modules/FileBrowsers/ShareModal.tsx
index 21d4890940..7b7bc01bc5 100644
--- a/packages/files-ui/src/Components/Modules/FileBrowsers/ShareModal.tsx
+++ b/packages/files-ui/src/Components/Modules/FileBrowsers/ShareModal.tsx
@@ -189,7 +189,7 @@ const ShareModal = ({ close, file, filePath }: IShareFileProps) => {
   const classes = useStyles()
   const { handleCreateSharedFolder } = useCreateOrEditSharedFolder()
   const [sharedFolderName, setSharedFolderName] = useState("")
-  const { sharedFolderReaders, sharedFolderWriters, handleLookupUser, onNewUsers, usersError } = useLookupSharedFolderUser()
+  const { sharedFolderReaders, sharedFolderWriters, handleLookupUser, onNewUsers, usersError, resetUsers } = useLookupSharedFolderUser()
   const [isUsingCurrentBucket, setIsUsingCurrentBucket] = useState(true)
   const [keepOriginalFile, setKeepOriginalFile] = useState(true)
   const [destinationBucket, setDestinationBucket] = useState<BucketKeyPermission | undefined>()
@@ -211,6 +211,8 @@ const ShareModal = ({ close, file, filePath }: IShareFileProps) => {
 
     return buckets
       .filter(buck => buck.type === "share" || buck.type === "csf")
+      // filter out the current bucket
+      .filter(buck => buck.id !== bucket?.id)
       // all buckets where the user is reader or writer
       .filter(buck => !!buck.writers.find((w) => w.uuid === profile.userId) || !!buck.owners.find((o) => o.uuid === profile.userId))
       .map(buck => ({
@@ -218,10 +220,16 @@ const ShareModal = ({ close, file, filePath }: IShareFileProps) => {
         value: buck.id
       }))
   }
-  , [buckets, profile])
+  , [bucket, buckets, profile])
 
   const hasNoSharedBucket = useMemo(() => bucketsOptions.length === 0, [bucketsOptions.length])
 
+  useEffect(() => {
+    resetUsers()
+    setSharedFolderName("")
+    setNameError("")
+  }, [resetUsers])
+
   // if the user has no shared bucket, we default to new folder creation
   useEffect(() => {
     if (hasNoSharedBucket) {
@@ -293,7 +301,6 @@ const ShareModal = ({ close, file, filePath }: IShareFileProps) => {
     transferFileBetweenBuckets
   ])
 
-
   return (
     <CustomModal
       className={classes.modalRoot}
@@ -365,7 +372,10 @@ const ShareModal = ({ close, file, filePath }: IShareFileProps) => {
                         minHeight: 90,
                         alignContent: "start"
                       })
-                    }}/>
+                    }}
+                    loadingMessage={t`Loading`}
+                    noOptionsMessage={t`No user found for this query.`}
+                  />
                 </div>
                 <div className={classes.modalFlexItem}>
                   <TagsInput
@@ -381,7 +391,10 @@ const ShareModal = ({ close, file, filePath }: IShareFileProps) => {
                         minHeight: 90,
                         alignContent: "start"
                       })
-                    }}/>
+                    }}
+                    loadingMessage={t`Loading...`}
+                    noOptionsMessage={t`No user found for this query.`}
+                  />
                 </div>
                 {!!usersError && (
                   <Typography
diff --git a/packages/files-ui/src/Components/Modules/FileBrowsers/SharedFileBrowser.tsx b/packages/files-ui/src/Components/Modules/FileBrowsers/SharedFileBrowser.tsx
index 2697dd1b98..f061203da6 100644
--- a/packages/files-ui/src/Components/Modules/FileBrowsers/SharedFileBrowser.tsx
+++ b/packages/files-ui/src/Components/Modules/FileBrowsers/SharedFileBrowser.tsx
@@ -204,37 +204,37 @@ const SharedFileBrowser = () => {
 
   const itemOperations: IFilesTableBrowserProps["itemOperations"] = useMemo(() => {
     switch (access) {
-    case "owner":
-      return {
-        [CONTENT_TYPES.Audio]: ["preview"],
-        [CONTENT_TYPES.MP4]: ["preview"],
-        [CONTENT_TYPES.Image]: ["preview"],
-        [CONTENT_TYPES.Pdf]: ["preview"],
-        [CONTENT_TYPES.Text]: ["preview"],
-        [CONTENT_TYPES.File]: ["download", "info", "rename", "move", "delete", "share"],
-        [CONTENT_TYPES.Directory]: ["rename", "move", "delete"]
-      }
-    case "writer":
-      return {
-        [CONTENT_TYPES.Audio]: ["preview"],
-        [CONTENT_TYPES.MP4]: ["preview"],
-        [CONTENT_TYPES.Image]: ["preview"],
-        [CONTENT_TYPES.Pdf]: ["preview"],
-        [CONTENT_TYPES.Text]: ["preview"],
-        [CONTENT_TYPES.File]: ["download", "info", "rename", "move", "delete", "report", "share"],
-        [CONTENT_TYPES.Directory]: ["rename", "move", "delete"]
-      }
-    // case "reader":
-    default:
-      return {
-        [CONTENT_TYPES.Audio]: ["preview"],
-        [CONTENT_TYPES.MP4]: ["preview"],
-        [CONTENT_TYPES.Image]: ["preview"],
-        [CONTENT_TYPES.Pdf]: ["preview"],
-        [CONTENT_TYPES.Text]: ["preview"],
-        [CONTENT_TYPES.File]: ["download", "info", "report", "share"],
-        [CONTENT_TYPES.Directory]: []
-      }
+      case "owner":
+        return {
+          [CONTENT_TYPES.Audio]: ["preview"],
+          [CONTENT_TYPES.MP4]: ["preview"],
+          [CONTENT_TYPES.Image]: ["preview"],
+          [CONTENT_TYPES.Pdf]: ["preview"],
+          [CONTENT_TYPES.Text]: ["preview"],
+          [CONTENT_TYPES.File]: ["download", "info", "rename", "move", "delete", "share"],
+          [CONTENT_TYPES.Directory]: ["rename", "move", "delete"]
+        }
+      case "writer":
+        return {
+          [CONTENT_TYPES.Audio]: ["preview"],
+          [CONTENT_TYPES.MP4]: ["preview"],
+          [CONTENT_TYPES.Image]: ["preview"],
+          [CONTENT_TYPES.Pdf]: ["preview"],
+          [CONTENT_TYPES.Text]: ["preview"],
+          [CONTENT_TYPES.File]: ["download", "info", "rename", "move", "delete", "report", "share"],
+          [CONTENT_TYPES.Directory]: ["rename", "move", "delete"]
+        }
+        // case "reader":
+      default:
+        return {
+          [CONTENT_TYPES.Audio]: ["preview"],
+          [CONTENT_TYPES.MP4]: ["preview"],
+          [CONTENT_TYPES.Image]: ["preview"],
+          [CONTENT_TYPES.Pdf]: ["preview"],
+          [CONTENT_TYPES.Text]: ["preview"],
+          [CONTENT_TYPES.File]: ["download", "info", "report", "share"],
+          [CONTENT_TYPES.Directory]: []
+        }
     }
   }, [access])
 
diff --git a/packages/files-ui/src/Components/Modules/FileBrowsers/hooks/useLookupUser.tsx b/packages/files-ui/src/Components/Modules/FileBrowsers/hooks/useLookupUser.tsx
index f8dd81a68e..918e956183 100644
--- a/packages/files-ui/src/Components/Modules/FileBrowsers/hooks/useLookupUser.tsx
+++ b/packages/files-ui/src/Components/Modules/FileBrowsers/hooks/useLookupUser.tsx
@@ -60,8 +60,8 @@ export const useLookupSharedFolderUser = () => {
 
       return [{ label: inputVal, value: result.uuid, data: result }]
     } catch (e) {
-      console.error(e)
-      return Promise.reject(e)
+      console.error("No user found", e)
+      return Promise.resolve([])
     }
   }, [filesApiClient, sharedFolderReaders, sharedFolderWriters, profile])
 
@@ -77,12 +77,19 @@ export const useLookupSharedFolderUser = () => {
     }
   }, [])
 
+  const resetUsers = useCallback(() => {
+    setSharedFolderReaders([])
+    setSharedFolderWriters([])
+    setUsersError("")
+  }, [])
+
   return {
     handleLookupUser,
     sharedFolderReaders,
     sharedFolderWriters,
     onNewUsers,
     usersError,
-    setUsersError
+    setUsersError,
+    resetUsers
   }
 }
diff --git a/packages/files-ui/src/Components/Modules/FileBrowsers/views/FileSystemItem/FileSystemGridItem.tsx b/packages/files-ui/src/Components/Modules/FileBrowsers/views/FileSystemItem/FileSystemGridItem.tsx
index 3246876805..c9d140d722 100644
--- a/packages/files-ui/src/Components/Modules/FileBrowsers/views/FileSystemItem/FileSystemGridItem.tsx
+++ b/packages/files-ui/src/Components/Modules/FileBrowsers/views/FileSystemItem/FileSystemGridItem.tsx
@@ -248,12 +248,14 @@ const FileSystemGridItem = React.forwardRef(
           }
         </div>
         <div>
-          <Menu
-            testId='fileDropdown'
-            icon={<MoreIcon className={classes.dropdownIcon} />}
-            options={menuItems}
-            style={{ focusVisible: classes.focusVisible }}
-          />
+          {!!menuItems.length && (
+            <Menu
+              testId='fileDropdown'
+              icon={<MoreIcon className={classes.dropdownIcon} />}
+              options={menuItems}
+              style={{ focusVisible: classes.focusVisible }}
+            />
+          )}
         </div>
       </div>
     )
diff --git a/packages/files-ui/src/Components/Modules/FileBrowsers/views/FileSystemItem/FileSystemTableItem.tsx b/packages/files-ui/src/Components/Modules/FileBrowsers/views/FileSystemItem/FileSystemTableItem.tsx
index 51b8d6e980..8e4437b263 100644
--- a/packages/files-ui/src/Components/Modules/FileBrowsers/views/FileSystemItem/FileSystemTableItem.tsx
+++ b/packages/files-ui/src/Components/Modules/FileBrowsers/views/FileSystemItem/FileSystemTableItem.tsx
@@ -234,12 +234,14 @@ const FileSystemTableItem = React.forwardRef(
           </>
         )}
         <TableCell align="right">
-          <Menu
-            testId='fileDropdown'
-            icon={<MoreIcon className={classes.dropdownIcon} />}
-            options={menuItems}
-            style={{ focusVisible: classes.focusVisible }}
-          />
+          {!!menuItems.length && (
+            <Menu
+              testId='fileDropdown'
+              icon={<MoreIcon className={classes.dropdownIcon} />}
+              options={menuItems}
+              style={{ focusVisible: classes.focusVisible }}
+            />
+          )}
         </TableCell>
       </TableRow>
     )
diff --git a/packages/files-ui/src/Components/Modules/FileBrowsers/views/FilesList.tsx b/packages/files-ui/src/Components/Modules/FileBrowsers/views/FilesList.tsx
index 53ae17f8ca..e90732029b 100644
--- a/packages/files-ui/src/Components/Modules/FileBrowsers/views/FilesList.tsx
+++ b/packages/files-ui/src/Components/Modules/FileBrowsers/views/FilesList.tsx
@@ -356,26 +356,26 @@ const FilesList = ({ isShared = false }: Props) => {
 
     switch (column) {
     // defaults to name sorting
-    default: {
-      temp = sourceFiles.sort((a, b) => {
-        return a.name.localeCompare(b.name, selectedLocale, {
-          sensitivity: "base"
+      default: {
+        temp = sourceFiles.sort((a, b) => {
+          return a.name.localeCompare(b.name, selectedLocale, {
+            sensitivity: "base"
+          })
         })
-      })
-      break
-    }
-    case "size": {
-      temp = sourceFiles
-        .sort((a, b) => (a.size < b.size ? -1 : 1))
-        .sort(sortFoldersFirst)
-      break
-    }
-    case "date_uploaded": {
-      temp = sourceFiles
-        .sort((a, b) => (a.created_at < b.created_at ? -1 : 1))
-        .sort(sortFoldersFirst)
-      break
-    }
+        break
+      }
+      case "size": {
+        temp = sourceFiles
+          .sort((a, b) => (a.size < b.size ? -1 : 1))
+          .sort(sortFoldersFirst)
+        break
+      }
+      case "date_uploaded": {
+        temp = sourceFiles
+          .sort((a, b) => (a.created_at < b.created_at ? -1 : 1))
+          .sort(sortFoldersFirst)
+        break
+      }
     }
     return direction === "descend"
       ? temp.reverse().sort(sortFoldersFirst)
@@ -501,15 +501,15 @@ const FilesList = ({ isShared = false }: Props) => {
     if (!!permission && isShared) {
 
       switch(permission) {
-      case "owner":
-        fileOperations = ownerOperations
-        break
-      case "writer":
-        fileOperations = writerOperations
-        break
-      case "reader":
-        fileOperations = readerOperations
-        break
+        case "owner":
+          fileOperations = ownerOperations
+          break
+        case "writer":
+          fileOperations = writerOperations
+          break
+        case "reader":
+          fileOperations = readerOperations
+          break
       }
     }
 
@@ -870,6 +870,7 @@ const FilesList = ({ isShared = false }: Props) => {
                       <CheckboxInput
                         value={selectedItems.length === items.length}
                         onChange={() => toggleAll()}
+                        testId="select-all"
                       />
                     </TableHeadCell>
                     <TableHeadCell>
diff --git a/packages/files-ui/src/Components/Modules/LoginModule/InitializeAccount.tsx b/packages/files-ui/src/Components/Modules/LoginModule/InitializeAccount.tsx
index f9aa2c18f4..cca6d89394 100644
--- a/packages/files-ui/src/Components/Modules/LoginModule/InitializeAccount.tsx
+++ b/packages/files-ui/src/Components/Modules/LoginModule/InitializeAccount.tsx
@@ -22,19 +22,19 @@ const InitializeAccount = ({ className }: IInitializeAccount) => {
   , [addPasswordShare, resetShouldInitialize])
 
   switch (initializeState) {
-  case "explainer":
-    return <ConciseExplainer
-      className={className}
-      onContinue={() => setInitializeState("setUpPassword")}
-    />
-  case "setUpPassword":
-    return <PasswordSetup
-      className={className}
-      cancel={() => setInitializeState("explainer")}
-      setPassword={onSetPassword}
-    />
-  default:
-    return null
+    case "explainer":
+      return <ConciseExplainer
+        className={className}
+        onContinue={() => setInitializeState("setUpPassword")}
+      />
+    case "setUpPassword":
+      return <PasswordSetup
+        className={className}
+        cancel={() => setInitializeState("explainer")}
+        setPassword={onSetPassword}
+      />
+    default:
+      return null
   }
 }
 
diff --git a/packages/files-ui/src/Components/Modules/LoginModule/PasswordlessEmail.tsx b/packages/files-ui/src/Components/Modules/LoginModule/PasswordlessEmail.tsx
index 1d0fe08623..a741b3debb 100644
--- a/packages/files-ui/src/Components/Modules/LoginModule/PasswordlessEmail.tsx
+++ b/packages/files-ui/src/Components/Modules/LoginModule/PasswordlessEmail.tsx
@@ -145,6 +145,7 @@ const PasswordlessEmail = ({ resetLogin, email }: IPasswordlessEmail) => {
         }}
         validationSchema={nonceValidation}
         onSubmit={onSubmitNonce}
+        enableReinitialize
       >
         <Form>
           <Typography
diff --git a/packages/files-ui/src/Components/Modules/Settings/Profile.tsx b/packages/files-ui/src/Components/Modules/Settings/Profile.tsx
index d417d7bce5..d643f10139 100644
--- a/packages/files-ui/src/Components/Modules/Settings/Profile.tsx
+++ b/packages/files-ui/src/Components/Modules/Settings/Profile.tsx
@@ -217,7 +217,7 @@ const ProfileView = () => {
       addToast({ title: t`Profile updated`, type: "success" })
       setUpdatingProfile(false)
     } catch (error) {
-      addToast({ title: error, type: "error" })
+      error instanceof Error && addToast({ title: error.message, type: "error" })
       setUpdatingProfile(false)
     }
   }
diff --git a/packages/files-ui/src/Components/Modules/Settings/PurchasePlan/index.tsx b/packages/files-ui/src/Components/Modules/Settings/PurchasePlan/index.tsx
index baacd03ec2..c2fe8adc2c 100644
--- a/packages/files-ui/src/Components/Modules/Settings/PurchasePlan/index.tsx
+++ b/packages/files-ui/src/Components/Modules/Settings/PurchasePlan/index.tsx
@@ -236,6 +236,7 @@ const PurchasePlan: React.FC = () => {
           }
           return errors
         }}
+        enableReinitialize
       >
         {({ values, errors, handleChange, setValues }) => (
           <Form>
diff --git a/packages/files-ui/src/Components/SharingExplainerModal.tsx b/packages/files-ui/src/Components/SharingExplainerModal.tsx
index b343186713..05e9544503 100644
--- a/packages/files-ui/src/Components/SharingExplainerModal.tsx
+++ b/packages/files-ui/src/Components/SharingExplainerModal.tsx
@@ -68,8 +68,8 @@ const useStyles = makeStyles(
   })
 
 interface Props {
-    showModal: boolean
-    onHide: () => void
+  showModal: boolean
+  onHide: () => void
 }
 
 const STEP_NUMBER = 3
@@ -80,49 +80,49 @@ const SharingExplainerModal = ({ showModal, onHide }: Props) => {
   const [step, setStep] = useState(1)
   const Slides = useCallback(() => {
     switch (step) {
-    default:
-      return <>
-        <div className={classes.title}>
-          <Trans>You can now create shared folders to share a file.</Trans></div>
-        <div className={classes.imageContainer}>
-          <img
-            className={classes.image}
-            src={step1Image}
-            alt={"share explainer step 1"}
-          />
-        </div>
-      </>
+      default:
+        return <>
+          <div className={classes.title}>
+            <Trans>You can now create shared folders to share a file.</Trans></div>
+          <div className={classes.imageContainer}>
+            <img
+              className={classes.image}
+              src={step1Image}
+              alt={"share explainer step 1"}
+            />
+          </div>
+        </>
 
-    case 2:
-      return <>
-        <div className={classes.title}
-        ><Trans>Add viewers and editors by username, sharing id or Ethereum address.</Trans></div>
-        <div className={classes.imageContainer}>
-          <img
-            className={classes.image}
-            src={step2Image}
-            alt={"share explainer step 2"}
-          />
-        </div>
-      </>
+      case 2:
+        return <>
+          <div className={classes.title}
+          ><Trans>Add viewers and editors by username, sharing id or Ethereum address.</Trans></div>
+          <div className={classes.imageContainer}>
+            <img
+              className={classes.image}
+              src={step2Image}
+              alt={"share explainer step 2"}
+            />
+          </div>
+        </>
 
-    case 3:
-      return <>
-        <div className={classes.title}>
-          <Trans>Create your public username in <Link
-            className={classes.buttonLink}
-            to={`${SETTINGS_BASE}/profile`}
-          >Settings</Link>!
-          </Trans>
-        </div>
-        <div className={classes.imageContainer}>
-          <img
-            className={classes.image}
-            src={step3Image}
-            alt={"share explainer step 3"}
-          />
-        </div>
-      </>
+      case 3:
+        return <>
+          <div className={classes.title}>
+            <Trans>Create your public username in <Link
+              className={classes.buttonLink}
+              to={`${SETTINGS_BASE}/profile`}
+            >Settings</Link>!
+            </Trans>
+          </div>
+          <div className={classes.imageContainer}>
+            <img
+              className={classes.image}
+              src={step3Image}
+              alt={"share explainer step 3"}
+            />
+          </div>
+        </>
     }
   }, [classes.buttonLink, classes.image, classes.imageContainer, classes.title, step])
 
@@ -132,15 +132,15 @@ const SharingExplainerModal = ({ showModal, onHide }: Props) => {
       return
     } else {
       switch (next) {
-      case 3:
-        localStorageSet(DISMISSED_SHARING_EXPLAINER_KEY, "true")
-        setStep(3)
-        break
-      case STEP_NUMBER + 1:
-        onHide()
-        break
-      default:
-        break
+        case 3:
+          localStorageSet(DISMISSED_SHARING_EXPLAINER_KEY, "true")
+          setStep(3)
+          break
+        case STEP_NUMBER + 1:
+          onHide()
+          break
+        default:
+          break
       }
     }
   }, [localStorageSet, onHide])
diff --git a/packages/files-ui/src/Components/SurveyBanner.tsx b/packages/files-ui/src/Components/SurveyBanner.tsx
index ea2cc52334..ed5ee8c4f0 100644
--- a/packages/files-ui/src/Components/SurveyBanner.tsx
+++ b/packages/files-ui/src/Components/SurveyBanner.tsx
@@ -50,7 +50,7 @@ const useStyles = makeStyles(
   })
 
 interface Props {
-    onHide: () => void
+  onHide: () => void
 }
 
 const SurveyBanner = ({ onHide }: Props) => {
diff --git a/packages/files-ui/src/Contexts/FilesApiContext.tsx b/packages/files-ui/src/Contexts/FilesApiContext.tsx
index c438838790..9f8286cd52 100644
--- a/packages/files-ui/src/Contexts/FilesApiContext.tsx
+++ b/packages/files-ui/src/Contexts/FilesApiContext.tsx
@@ -64,7 +64,7 @@ const FilesApiProvider = ({ apiUrl, withLocalStorage = true, children }: FilesAp
   const [secured, setSecured] = useState<boolean | undefined>(undefined)
   const [refreshToken, setRefreshToken] = useState<Token | undefined>(undefined)
   const [decodedRefreshToken, setDecodedRefreshToken] = useState<
-    { exp: number; enckey?: string; mps?: string; uuid: string } | undefined
+  { exp: number; enckey?: string; mps?: string; uuid: string } | undefined
   >(undefined)
 
   // returning user
diff --git a/packages/files-ui/src/Contexts/FilesContext.tsx b/packages/files-ui/src/Contexts/FilesContext.tsx
index 9f3b113f7f..8aeb8158a2 100644
--- a/packages/files-ui/src/Contexts/FilesContext.tsx
+++ b/packages/files-ui/src/Contexts/FilesContext.tsx
@@ -2,10 +2,11 @@ import {
   FileContentResponse,
   DirectoryContentResponse,
   BucketType,
-  Bucket as FilesBucket,
+  Bucket,
   SearchEntry,
   BucketFileFullInfoResponse,
   BucketSummaryResponse,
+  BucketUser,
   LookupUser
 } from "@chainsafe/files-api-client"
 import React, { useCallback, useEffect } from "react"
@@ -47,12 +48,14 @@ interface GetFileContentParams {
 
 export type BucketPermission = "writer" | "owner" | "reader"
 
-export type BucketKeyPermission = Omit<FilesBucket, "owners" | "writers" | "readers"> & {
+export type RichUserInfo = BucketUser & LookupUser
+
+export interface BucketKeyPermission extends Bucket {
   encryptionKey: string
   permission?: BucketPermission
-  owners: LookupUser[]
-  writers: LookupUser[]
-  readers: LookupUser[]
+  owners: RichUserInfo[]
+  writers: RichUserInfo[]
+  readers: RichUserInfo[]
 }
 
 type FilesContext = {
@@ -127,7 +130,7 @@ const FilesProvider = ({ children }: FilesContextProps) => {
     }
   }, [filesApiClient, setStorageSummary])
 
-  const getPermissionForBucket = useCallback((bucket: FilesBucket) => {
+  const getPermissionForBucket = useCallback((bucket: Bucket) => {
     return bucket.owners.find(owner => owner.uuid === userId)
       ? "owner" as BucketPermission
       : bucket.writers.find(writer => writer.uuid === userId)
@@ -137,7 +140,7 @@ const FilesProvider = ({ children }: FilesContextProps) => {
           : undefined
   }, [userId])
 
-  const getKeyForSharedBucket = useCallback(async (bucket: FilesBucket) => {
+  const getKeyForSharedBucket = useCallback(async (bucket: Bucket) => {
     const bucketUsers = [...bucket.readers, ...bucket.writers, ...bucket.owners]
     const bucketUser = bucketUsers.find(bu => bu.uuid === userId)
 
@@ -151,25 +154,42 @@ const FilesProvider = ({ children }: FilesContextProps) => {
     return decrypted || ""
   }, [decryptMessageWithThresholdKey, userId])
 
-  const getKeyForBucket = useCallback(async (bucket: FilesBucket) => {
+  const getKeyForBucket = useCallback(async (bucket: Bucket) => {
     if (!personalEncryptionKey || !userId) return
 
     let encryptionKey = ""
 
     switch(bucket.type) {
-    case "csf":
-    case "trash": {
-      encryptionKey = personalEncryptionKey
-      break
-    }
-    case "share": {
-      encryptionKey = await getKeyForSharedBucket(bucket)
-      break
-    }}
+      case "csf":
+      case "trash": {
+        encryptionKey = personalEncryptionKey
+        break
+      }
+      case "share": {
+        encryptionKey = await getKeyForSharedBucket(bucket)
+        break
+      }}
 
     return encryptionKey
   }, [getKeyForSharedBucket, personalEncryptionKey, userId])
 
+  const enrichUserInfo = useCallback((bucketUser: BucketUser[], lookupUser: LookupUser[]): RichUserInfo[] => {
+
+    const richUsers: RichUserInfo[] = []
+
+    bucketUser.forEach((bu) => {
+      const correspondingLookupUser = lookupUser.find((lu) => lu.uuid === bu.uuid)
+      if (correspondingLookupUser) {
+        richUsers.push({
+          ...bu,
+          ...correspondingLookupUser
+        })
+      }
+    })
+
+    return richUsers
+  }, [])
+
   const refreshBuckets = useCallback(async (showLoading?: boolean) => {
     if (!personalEncryptionKey || !userId) return
 
@@ -183,9 +203,9 @@ const FilesProvider = ({ children }: FilesContextProps) => {
           ...b,
           encryptionKey: await getKeyForBucket(b) || "",
           permission: getPermissionForBucket(b),
-          owners: userData.owners || [],
-          writers: userData.writers || [],
-          readers: userData.readers || []
+          owners: enrichUserInfo(b.owners, userData.owners),
+          writers: enrichUserInfo(b.writers, userData.writers),
+          readers: enrichUserInfo(b.readers, userData.readers)
         }
       })
     )
@@ -193,7 +213,7 @@ const FilesProvider = ({ children }: FilesContextProps) => {
     setIsLoadingBuckets(false)
     getStorageSummary()
     return Promise.resolve()
-  }, [personalEncryptionKey, userId, filesApiClient, getStorageSummary, getKeyForBucket, getPermissionForBucket])
+  }, [personalEncryptionKey, userId, filesApiClient, getStorageSummary, getKeyForBucket, getPermissionForBucket, enrichUserInfo])
 
   useEffect(() => {
     refreshBuckets(true)
@@ -696,29 +716,28 @@ const FilesProvider = ({ children }: FilesContextProps) => {
       .catch(console.error)
   }, [publicKey, encryptForPublicKey, filesApiClient, refreshBuckets, getKeyForBucket, getPermissionForBucket])
 
+  const getUsersWithEncryptionKey = useCallback(async (from: UpdateSharedFolderUser[], bucketEncryptionKey: string) => {
+    return await Promise.all(from?.map(async ({ pubKey, encryption_key, uuid }) => {
+      return !encryption_key && !!pubKey
+        ? {
+          uuid,
+          encryption_key: await encryptForPublicKey(pubKey, bucketEncryptionKey) || ""
+        }
+        : {
+          uuid,
+          encryption_key: encryption_key || ""
+        }
+    }))
+  }, [encryptForPublicKey])
+
   const editSharedFolder = useCallback(
     async (bucket: BucketKeyPermission, writerUsers?: UpdateSharedFolderUser[], readerUsers?: UpdateSharedFolderUser[]) => {
       if (!publicKey) return
 
-      const readers = readerUsers ? await Promise.all(readerUsers?.map(async u => {
-        return u.pubKey ? {
-          uuid: u.uuid,
-          encryption_key: await encryptForPublicKey(u.pubKey, bucket.encryptionKey)
-        } : {
-          uuid: u.uuid,
-          encryption_key: u.encryption_key
-        }
-      })) : []
-
-      const writers = writerUsers ? await Promise.all(writerUsers?.map(async u => {
-        return u.pubKey ? {
-          uuid: u.uuid,
-          encryption_key: await encryptForPublicKey(u.pubKey, bucket.encryptionKey)
-        } : {
-          uuid: u.uuid,
-          encryption_key: u.encryption_key
-        }
-      })) : []
+      if (!readerUsers || !writerUsers) return
+
+      const readers = await getUsersWithEncryptionKey(readerUsers, bucket.encryptionKey)
+      const writers = await getUsersWithEncryptionKey(writerUsers, bucket.encryptionKey)
 
       return filesApiClient.updateBucket(bucket.id, {
         name: bucket.name,
@@ -726,7 +745,7 @@ const FilesProvider = ({ children }: FilesContextProps) => {
         writers
       }).then(() => refreshBuckets(false))
         .catch(console.error)
-    }, [filesApiClient, encryptForPublicKey, publicKey, refreshBuckets])
+    }, [publicKey, getUsersWithEncryptionKey, filesApiClient, refreshBuckets])
 
   const transferFileBetweenBuckets = useCallback(async (
     sourceBucketId: string,
diff --git a/packages/files-ui/src/Contexts/PosthogContext.tsx b/packages/files-ui/src/Contexts/PosthogContext.tsx
index 90183b4fda..47be991ef7 100644
--- a/packages/files-ui/src/Contexts/PosthogContext.tsx
+++ b/packages/files-ui/src/Contexts/PosthogContext.tsx
@@ -1,9 +1,11 @@
 import React, { useCallback, useEffect, useMemo, useState } from "react"
 import posthog from "posthog-js"
 import { Button, Typography, useLocation } from "@chainsafe/common-components"
-import { createStyles, ITheme, makeStyles } from "@chainsafe/common-theme"
+import { createStyles, makeStyles } from "@chainsafe/common-theme"
 import { Trans } from "@lingui/macro"
 import { useLocalStorage } from "@chainsafe/browser-storage-hooks"
+import { CSFTheme } from "../Themes/types"
+import { useUser } from "./UserContext"
 
 export type PosthogContext = {
   hasOptedIn: boolean
@@ -20,7 +22,7 @@ const PosthogContext = React.createContext<PosthogContext>({
 })
 
 const useStyles = makeStyles(
-  ({ palette, breakpoints }: ITheme) => {
+  ({ palette, breakpoints, constants }: CSFTheme) => {
     return createStyles({
       cookieBanner: {
         position: "fixed",
@@ -29,7 +31,7 @@ const useStyles = makeStyles(
         display: "flex",
         color: palette.common.white.main,
         flexDirection: "column",
-        backgroundColor: palette.primary.main,
+        backgroundColor: constants.cookieBanner.backgroundColor,
         padding: "16px 32px",
         [breakpoints.down("sm")]: {
           padding: "8px 16px"
@@ -72,6 +74,7 @@ const PosthogProvider = ({ children }: PosthogProviderProps) => {
   const [showBanner, setShowBanner] = useState(false)
   const [hasTouchedCookieBanner, setHasTouchedCookieBanner ] = useState(false)
   const { localStorageGet, localStorageSet } = useLocalStorage()
+  const { profile } = useUser()
 
   const classes = useStyles()
   const posthogInitialized = useMemo(() =>
@@ -113,6 +116,14 @@ const PosthogProvider = ({ children }: PosthogProviderProps) => {
     }
   }, [posthogInitialized, touchCookieBanner])
 
+  useEffect(() => {
+    if (profile) {
+      posthogInitialized && posthog.identify(profile.userId)
+    } else {
+      posthogInitialized && posthog.reset()
+    }
+  }, [profile, posthogInitialized])
+
   return (
     <PosthogContext.Provider
       value={{
@@ -137,7 +148,11 @@ const PosthogProvider = ({ children }: PosthogProviderProps) => {
             </Trans>
           </Typography>
           <div className={classes.buttonSection}>
-            <Button onClick={optOutCapturing}><Trans>Decline</Trans></Button>
+            <Button
+              onClick={optOutCapturing}
+              variant='secondary'
+            >
+              <Trans>Decline</Trans></Button>
             <Button
               onClick={optInCapturing}
               variant='outline'
diff --git a/packages/files-ui/src/Contexts/ThresholdKeyContext.tsx b/packages/files-ui/src/Contexts/ThresholdKeyContext.tsx
index db3890ed94..9ee4afe2fb 100644
--- a/packages/files-ui/src/Contexts/ThresholdKeyContext.tsx
+++ b/packages/files-ui/src/Contexts/ThresholdKeyContext.tsx
@@ -90,28 +90,28 @@ const ThresholdKeyContext = React.createContext<TThresholdKeyContext | undefined
 const maintenanceMode = process.env.REACT_APP_MAINTENANCE_MODE === "true"
 
 const getProviderSpecificParams = (loginType: LOGIN_TYPE):
-  {typeOfLogin: LOGIN_TYPE; clientId: string; verifier: string; jwtParams?: any} => {
+{typeOfLogin: LOGIN_TYPE; clientId: string; verifier: string; jwtParams?: any} => {
   switch (loginType) {
-  case "google": {
-    return {
-      typeOfLogin: loginType,
-      clientId: process.env.REACT_APP_GOOGLE_CLIENT_ID || "",
-      verifier: "chainsafe-uuid-testnet"
+    case "google": {
+      return {
+        typeOfLogin: loginType,
+        clientId: process.env.REACT_APP_GOOGLE_CLIENT_ID || "",
+        verifier: "chainsafe-uuid-testnet"
+      }
     }
-  }
-  case "github":{
-    return {
-      typeOfLogin: loginType,
-      clientId: process.env.REACT_APP_AUTH0_CLIENT_ID || "",
-      verifier: "chainsafe-uuid-testnet",
-      jwtParams: {
-        domain: process.env.REACT_APP_AUTH0_DOMAIN || ""
+    case "github":{
+      return {
+        typeOfLogin: loginType,
+        clientId: process.env.REACT_APP_AUTH0_CLIENT_ID || "",
+        verifier: "chainsafe-uuid-testnet",
+        jwtParams: {
+          domain: process.env.REACT_APP_AUTH0_DOMAIN || ""
+        }
       }
     }
-  }
-  default:{
-    throw new Error(`${loginType} is unsupported`)
-  }
+    default:{
+      throw new Error(`${loginType} is unsupported`)
+    }
   }
 }
 
@@ -217,7 +217,7 @@ const ThresholdKeyProvider = ({ children, network = "mainnet", enableLogging = f
         await serviceProvider.init({ skipSw: false }).then(() => {
           console.log("initialized")
           setStatus("initialized")
-        }).catch(() => "error initializing")
+        }).catch((e) => console.error("error initializing", e))
       }
       setTKeySdk(tkey)
     }
@@ -382,16 +382,16 @@ const ThresholdKeyProvider = ({ children, network = "mainnet", enableLogging = f
 
     if (userInfo && loginType) {
       switch (loginType) {
-      case "jwt":
-        setLoggedinAs(t`Web3: ${centerEllipsis(String(address), 4)}`)
-        break
-      case "google":
-      case "github":
-        setLoggedinAs(`${capitalize(loginType)}: ${centerEllipsis(userInfo.userInfo.email, 4)}`)
-        break
-      default:
-        setLoggedinAs(`${centerEllipsis(userInfo.publicAddress, 4)}`)
-        break
+        case "jwt":
+          setLoggedinAs(t`Web3: ${centerEllipsis(String(address), 4)}`)
+          break
+        case "google":
+        case "github":
+          setLoggedinAs(`${capitalize(loginType)}: ${centerEllipsis(userInfo.userInfo.email, 4)}`)
+          break
+        default:
+          setLoggedinAs(`${centerEllipsis(userInfo.publicAddress, 4)}`)
+          break
       }
     }
   }, [userInfo, address])
diff --git a/packages/files-ui/src/Contexts/UserContext.tsx b/packages/files-ui/src/Contexts/UserContext.tsx
index 9a244c9e01..92abc2cd56 100644
--- a/packages/files-ui/src/Contexts/UserContext.tsx
+++ b/packages/files-ui/src/Contexts/UserContext.tsx
@@ -85,9 +85,9 @@ const UserProvider = ({ children }: UserContextProps) => {
         publicAddress: profileData.public_address
       })
       return Promise.resolve()
-    } catch (error) {
+    } catch (error: any) {
       return Promise.reject(
-        error && error.length
+        Array.isArray(error) && error[0]
           ? error[0].message
           : "There was an error updating profile."
       )
@@ -112,9 +112,9 @@ const UserProvider = ({ children }: UserContextProps) => {
         username
       })
       return Promise.resolve()
-    } catch (error) {
+    } catch (error: any) {
       return Promise.reject(
-        error && error.length
+        Array.isArray(error) && error[0]
           ? error[0].message
           : t`There was an error when setting username.`
       )
diff --git a/packages/files-ui/src/Themes/Constants.ts b/packages/files-ui/src/Themes/Constants.ts
index 4ac1dd7752..e36b09ecaa 100644
--- a/packages/files-ui/src/Themes/Constants.ts
+++ b/packages/files-ui/src/Themes/Constants.ts
@@ -160,11 +160,14 @@ export interface CsfColors extends IConstants {
     }
   }
   surveyBanner: {
-   color: string
+    color: string
   }
   menu: {
     backgroundColor: string
     color: string
     backgroundOptionHover: string
   }
+  cookieBanner: {
+    backgroundColor: string
+  }
 }
\ No newline at end of file
diff --git a/packages/files-ui/src/Themes/DarkTheme.ts b/packages/files-ui/src/Themes/DarkTheme.ts
index 00a80eba21..d2fad329d0 100644
--- a/packages/files-ui/src/Themes/DarkTheme.ts
+++ b/packages/files-ui/src/Themes/DarkTheme.ts
@@ -480,6 +480,9 @@ export const darkTheme = createTheme<CsfColors>({
         },
         surveyBanner: {
           color: "var(--gray9)"
+        },
+        cookieBanner: {
+          backgroundColor: "var(--gray9)"
         }
       } as CsfColors)
     },
@@ -555,17 +558,16 @@ export const darkTheme = createTheme<CsfColors>({
             borderColor: "var(--blue3) !important"
           }
         },
-        menu: {
-          backgroundColor: "var(--gray1)",
-          borderColor: "var(--gray4)"
+        menuList: {
+          backgroundColor: "var(--gray4)",
+          color: "var(--gray10)"
         },
         input: {
           color: "var(--gray9)"
         },
         option: {
-          backgroundColor: "var(--gray1)",
-          color: "var(--gray9)",
-          borderColor: "var(--gray4)",
+          backgroundColor: "var(--gray4)",
+          color: "var(--gray10)",
           cursor: "pointer"
         },
         multiValue: {
@@ -589,8 +591,9 @@ export const darkTheme = createTheme<CsfColors>({
           color: "var(--gray9)"
         },
         option: {
-          backgroundColor: "var(--gray1)",
-          color: "var(--gray9)"
+          backgroundColor: "var(--gray4)",
+          color: "var(--gray10)",
+          cursor: "pointer"
         },
         dropdownIndicator: {
           backgroundColor: "var(--gray1)",
@@ -600,9 +603,9 @@ export const darkTheme = createTheme<CsfColors>({
           backgroundColor: "var(--gray1)",
           color: "var(--gray9)"
         },
-        menu: {
-          backgroundColor: "var(--gray1)",
-          color: "var(--gray9)"
+        menuList: {
+          backgroundColor: "var(--gray4)",
+          color: "var(--gray10)"
         },
         indicatorsContainer: {
           backgroundColor: "transparent",
@@ -616,6 +619,9 @@ export const darkTheme = createTheme<CsfColors>({
         },
         singleValue: {
           color: "var(--gray9)"
+        },
+        input: {
+          color: "var(--gray9)"
         }
       },
       Button: {
@@ -650,6 +656,36 @@ export const darkTheme = createTheme<CsfColors>({
               }
             }
           },
+          tertiary: {
+            root: {
+              backgroundColor: "var(--gray5)",
+              color: "var(--gray9)",
+              "& svg": {
+                fill: "var(--gray9)"
+              }
+            },
+            active: {
+              backgroundColor: "var(--gray7)",
+              color: "var(--gray9)",
+              "& svg": {
+                fill: "var(--gray9)"
+              }
+            },
+            hover: {
+              backgroundColor: "var(--gray7)",
+              color: "var(--gray9)",
+              "& svg": {
+                fill: "var(--gray9)"
+              }
+            },
+            focus: {
+              color: "none",
+              backgroundColor: "none",
+              "& svg": {
+                fill: "none"
+              }
+            }
+          },
           outline: {
             root: {
               backgroundColor: "var(--gray3) !important",
diff --git a/packages/files-ui/src/Themes/LightTheme.ts b/packages/files-ui/src/Themes/LightTheme.ts
index bd40c2a9b0..90f72c5dfa 100644
--- a/packages/files-ui/src/Themes/LightTheme.ts
+++ b/packages/files-ui/src/Themes/LightTheme.ts
@@ -167,6 +167,9 @@ export const lightTheme = createTheme<CsfColors>({
         },
         surveyBanner: {
           color: "var(--gray1)"
+        },
+        cookieBanner: {
+          backgroundColor: "var(--csf-primary)"
         }
       } as CsfColors)
     },
diff --git a/packages/files-ui/src/UI-components/Menu.tsx b/packages/files-ui/src/UI-components/Menu.tsx
index eca9deb4e6..6aef09ae4e 100644
--- a/packages/files-ui/src/UI-components/Menu.tsx
+++ b/packages/files-ui/src/UI-components/Menu.tsx
@@ -6,22 +6,22 @@ import { useCallback } from "react"
 import { CSFTheme } from "../Themes/types"
 
 interface Option {
-    contents: ReactNode
-    onClick?: () => void
+  contents: ReactNode
+  onClick?: () => void
 }
 
 interface CustomClasses {
-    iconContainer?: string
-    menuWrapper?: string
-    focusVisible?: string
-    root?: string
+  iconContainer?: string
+  menuWrapper?: string
+  focusVisible?: string
+  root?: string
 }
 
 interface Props {
-    icon?: ReactNode
-    options: Option[]
-    style?: CustomClasses
-    testId?: string
+  icon?: ReactNode
+  options: Option[]
+  style?: CustomClasses
+  testId?: string
 }
 
 const useStyles = makeStyles(({ constants }: CSFTheme) => {
diff --git a/packages/files-ui/src/Utils/MimeMatcher.ts b/packages/files-ui/src/Utils/MimeMatcher.ts
index d0466c7d73..c2c1186aec 100644
--- a/packages/files-ui/src/Utils/MimeMatcher.ts
+++ b/packages/files-ui/src/Utils/MimeMatcher.ts
@@ -46,48 +46,48 @@ function matcher(expected: string[]) {
 }
 
 class MimeMatcher {
-    expected = [] as { typeMatcher: (actual: string) => boolean; subTypeMatcher: (actual: string) => boolean }[]
+  expected = [] as { typeMatcher: (actual: string) => boolean; subTypeMatcher: (actual: string) => boolean }[]
 
-    constructor(expected: string | string[]) {
-      if (Array.isArray(expected)) {
-        this.expected = expected.map(mimeType => {
-          const { valid, type, subType } = parse(mimeType)
-          if (valid && type && subType) {
-            return ({
-              typeMatcher: createMatcher(type),
-              subTypeMatcher: createMatcher(subType)
-            })
-          } else {
-            const msg = `Value "${mimeType}" is not valid mime type.It should have format "type/subtype".`
-            throw new TypeError(msg)
-          }
-        })
-      }
-      else {
-        const { valid, type, subType } = parse(expected)
+  constructor(expected: string | string[]) {
+    if (Array.isArray(expected)) {
+      this.expected = expected.map(mimeType => {
+        const { valid, type, subType } = parse(mimeType)
         if (valid && type && subType) {
-          this.expected = [{
+          return ({
             typeMatcher: createMatcher(type),
             subTypeMatcher: createMatcher(subType)
-          }]
+          })
         } else {
-          const msg = `Value "${expected}" is not valid mime type.It should have format "type/subtype".`
+          const msg = `Value "${mimeType}" is not valid mime type.It should have format "type/subtype".`
           throw new TypeError(msg)
         }
-      }
-
+      })
     }
-
-    match(actual: string) {
-      const { valid, type, subType } = parse(actual)
+    else {
+      const { valid, type, subType } = parse(expected)
       if (valid && type && subType) {
-        return this.expected.some(({ typeMatcher, subTypeMatcher }) => {
-          return typeMatcher(type) && subTypeMatcher(subType)
-        })
+        this.expected = [{
+          typeMatcher: createMatcher(type),
+          subTypeMatcher: createMatcher(subType)
+        }]
       } else {
-        return false
+        const msg = `Value "${expected}" is not valid mime type.It should have format "type/subtype".`
+        throw new TypeError(msg)
       }
     }
+
+  }
+
+  match(actual: string) {
+    const { valid, type, subType } = parse(actual)
+    if (valid && type && subType) {
+      return this.expected.some(({ typeMatcher, subTypeMatcher }) => {
+        return typeMatcher(type) && subTypeMatcher(subType)
+      })
+    } else {
+      return false
+    }
+  }
 }
 
 export { isValid, parse, matcher }
diff --git a/packages/files-ui/src/Utils/contentTypeGuesser.ts b/packages/files-ui/src/Utils/contentTypeGuesser.ts
index 6f7af8db43..ae7b19cdd3 100644
--- a/packages/files-ui/src/Utils/contentTypeGuesser.ts
+++ b/packages/files-ui/src/Utils/contentTypeGuesser.ts
@@ -2,25 +2,25 @@ const guessContentType = (fileName: string) => {
   const { length, [length - 1]: ext } = fileName.split(".")
 
   switch (ext) {
-  case "pdf":
-    return "application/pdf"
-  case "jpg":
-  case "jpeg":
-  case "png":
-  case "gif":
-  case "bmp":
-    return `image/${ext}`
-  case "mp3":
-  case "m4a":
-    return `audio/${ext}`
-  case "mp4":
-    return `video/${ext}`
-  case "txt":
-    return "text/plain"
-  case "md":
-    return "text/markdown"
-  default:
-    return "application/octet-stream"
+    case "pdf":
+      return "application/pdf"
+    case "jpg":
+    case "jpeg":
+    case "png":
+    case "gif":
+    case "bmp":
+      return `image/${ext}`
+    case "mp3":
+    case "m4a":
+      return `audio/${ext}`
+    case "mp4":
+      return `video/${ext}`
+    case "txt":
+      return "text/plain"
+    case "md":
+      return "text/markdown"
+    default:
+      return "application/octet-stream"
   }
 }
 
diff --git a/packages/files-ui/src/locales/de/messages.po b/packages/files-ui/src/locales/de/messages.po
index 28ceef04ff..9a35b60490 100644
--- a/packages/files-ui/src/locales/de/messages.po
+++ b/packages/files-ui/src/locales/de/messages.po
@@ -3,7 +3,7 @@ msgstr ""
 "Project-Id-Version: \n"
 "Report-Msgid-Bugs-To: \n"
 "POT-Creation-Date: 2021-04-20 00:28+0200\n"
-"PO-Revision-Date: 2021-09-14 09:14+0000\n"
+"PO-Revision-Date: 2021-09-22 21:38+0000\n"
 "Last-Translator: J. Lavoie <j.lavoie@net-c.ca>\n"
 "Language-Team: German <https://hosted.weblate.org/projects/chainsafe-files/chainsafe-files-user-interface/de/>\n"
 "Language: de\n"
@@ -16,11 +16,14 @@ msgstr ""
 msgid "A backup secret phrase will be generated and used for your account.<0/>We do not store it and <1>it can only be displayed once</1>. Save it somewhere safe!"
 msgstr "Es wird ein Sicherungsgeheimsatz generiert und für Ihr Konto verwendet.<0/>Wir speichern ihn nicht und <1>er kann nur einmal angezeigt werden</1>. Speichern Sie ihn an einem sicheren Ort!"
 
+msgid "A better sharing experience is coming soon."
+msgstr ""
+
 msgid "A file with the same name already exists"
 msgstr "Es existiert bereits eine Datei mit demselben Namen"
 
 msgid "Accept"
-msgstr ""
+msgstr "Akzeptieren"
 
 msgid "Account"
 msgstr "Konto"
@@ -313,9 +316,6 @@ msgstr ""
 msgid "Go back"
 msgstr "Zurück"
 
-msgid "Got an issue?"
-msgstr ""
-
 msgid "Got it"
 msgstr ""
 
@@ -364,12 +364,18 @@ msgstr "Los geht’s."
 msgid "Light Theme"
 msgstr "Helles Farbschema"
 
+msgid "Loading"
+msgstr ""
+
 msgid "Loading preview"
 msgstr "Vorschau wird geladen"
 
 msgid "Loading your shared folders…"
 msgstr ""
 
+msgid "Loading..."
+msgstr ""
+
 msgid "Looks like you’re signing in from a new browser. Please choose one of the following to continue:"
 msgstr "Sieht aus, als würden Sie sich über einen neuen Browser anmelden. Bitte wählen Sie eine der folgenden Möglichkeiten, um fortzufahren:"
 
@@ -424,6 +430,9 @@ msgstr "Keine Suchergebnisse für"
 msgid "No thanks"
 msgstr "Nein danke"
 
+msgid "No user found for this query."
+msgstr ""
+
 msgid "Number of copies (Replication Factor)"
 msgstr "Anzahl der Kopien (Replikationsfaktor)"
 
@@ -532,6 +541,9 @@ msgstr ""
 msgid "Report a File"
 msgstr ""
 
+msgid "Report a bug"
+msgstr ""
+
 msgid "Requested from"
 msgstr "Angefordert von"
 
@@ -628,6 +640,9 @@ msgstr "Anmelden"
 msgid "Sign in with a different account"
 msgstr "Mit einem anderen Konto anmelden"
 
+msgid "Sign me up!"
+msgstr ""
+
 msgid "Sign-in methods"
 msgstr "Anmeldemethoden"
 
@@ -652,12 +667,18 @@ msgstr "Es ist etwas schief gelaufen. Wir konnten Ihre Datei nicht hochladen"
 msgid "Start Upload"
 msgstr "Hochladen starten"
 
+msgid "Start a team"
+msgstr ""
+
 msgid "Storage Plan"
 msgstr "Speicherplan"
 
 msgid "Stored by miner"
 msgstr ""
 
+msgid "Teams"
+msgstr ""
+
 msgid "Technical"
 msgstr "Technisch"
 
diff --git a/packages/files-ui/src/locales/en/messages.po b/packages/files-ui/src/locales/en/messages.po
index ab0e7b5d52..d6d753b165 100644
--- a/packages/files-ui/src/locales/en/messages.po
+++ b/packages/files-ui/src/locales/en/messages.po
@@ -16,6 +16,9 @@ msgstr ""
 msgid "A backup secret phrase will be generated and used for your account.<0/>We do not store it and <1>it can only be displayed once</1>. Save it somewhere safe!"
 msgstr "A backup secret phrase will be generated and used for your account.<0/>We do not store it and <1>it can only be displayed once</1>. Save it somewhere safe!"
 
+msgid "A better sharing experience is coming soon."
+msgstr "A better sharing experience is coming soon."
+
 msgid "A file with the same name already exists"
 msgstr "A file with the same name already exists"
 
@@ -316,9 +319,6 @@ msgstr "Give view-only permission to:"
 msgid "Go back"
 msgstr "Go back"
 
-msgid "Got an issue?"
-msgstr "Got an issue?"
-
 msgid "Got it"
 msgstr "Got it"
 
@@ -367,12 +367,18 @@ msgstr "Let's get you set up."
 msgid "Light Theme"
 msgstr "Light Theme"
 
+msgid "Loading"
+msgstr "Loading"
+
 msgid "Loading preview"
 msgstr "Loading preview"
 
 msgid "Loading your shared folders…"
 msgstr "Loading your shared folders…"
 
+msgid "Loading..."
+msgstr "Loading..."
+
 msgid "Looks like you’re signing in from a new browser. Please choose one of the following to continue:"
 msgstr "Looks like you’re signing in from a new browser. Please choose one of the following to continue:"
 
@@ -427,6 +433,9 @@ msgstr "No search results for"
 msgid "No thanks"
 msgstr "No thanks"
 
+msgid "No user found for this query."
+msgstr "No user found for this query."
+
 msgid "Number of copies (Replication Factor)"
 msgstr "Number of copies (Replication Factor)"
 
@@ -535,6 +544,9 @@ msgstr "Report"
 msgid "Report a File"
 msgstr "Report a File"
 
+msgid "Report a bug"
+msgstr "Report a bug"
+
 msgid "Requested from"
 msgstr "Requested from"
 
@@ -631,6 +643,9 @@ msgstr "Sign in"
 msgid "Sign in with a different account"
 msgstr "Sign in with a different account"
 
+msgid "Sign me up!"
+msgstr "Sign me up!"
+
 msgid "Sign-in methods"
 msgstr "Sign-in methods"
 
@@ -655,12 +670,18 @@ msgstr "Something went wrong. We couldn't upload your file"
 msgid "Start Upload"
 msgstr "Start Upload"
 
+msgid "Start a team"
+msgstr "Start a team"
+
 msgid "Storage Plan"
 msgstr "Storage Plan"
 
 msgid "Stored by miner"
 msgstr "Stored by miner"
 
+msgid "Teams"
+msgstr "Teams"
+
 msgid "Technical"
 msgstr "Technical"
 
diff --git a/packages/files-ui/src/locales/es/messages.po b/packages/files-ui/src/locales/es/messages.po
index 46465ddd3e..e14352407e 100644
--- a/packages/files-ui/src/locales/es/messages.po
+++ b/packages/files-ui/src/locales/es/messages.po
@@ -17,6 +17,9 @@ msgstr ""
 msgid "A backup secret phrase will be generated and used for your account.<0/>We do not store it and <1>it can only be displayed once</1>. Save it somewhere safe!"
 msgstr ""
 
+msgid "A better sharing experience is coming soon."
+msgstr ""
+
 msgid "A file with the same name already exists"
 msgstr "Ya existe un archivo con el mismo nombre"
 
@@ -317,9 +320,6 @@ msgstr ""
 msgid "Go back"
 msgstr "Regresar"
 
-msgid "Got an issue?"
-msgstr ""
-
 msgid "Got it"
 msgstr ""
 
@@ -368,12 +368,18 @@ msgstr "Vamos a configurarlo."
 msgid "Light Theme"
 msgstr "Tema Claro"
 
+msgid "Loading"
+msgstr ""
+
 msgid "Loading preview"
 msgstr "Cargando vista previa"
 
 msgid "Loading your shared folders…"
 msgstr ""
 
+msgid "Loading..."
+msgstr ""
+
 msgid "Looks like you’re signing in from a new browser. Please choose one of the following to continue:"
 msgstr "Parece que está iniciando sesión desde un nuevo navegador. Elija una de las siguientes opciones para continuar:"
 
@@ -428,6 +434,9 @@ msgstr "No hay resultados de búsqueda para"
 msgid "No thanks"
 msgstr "No gracias"
 
+msgid "No user found for this query."
+msgstr ""
+
 msgid "Number of copies (Replication Factor)"
 msgstr "Número de copias (factor de replicación)"
 
@@ -536,6 +545,9 @@ msgstr ""
 msgid "Report a File"
 msgstr ""
 
+msgid "Report a bug"
+msgstr ""
+
 msgid "Requested from"
 msgstr "Solicitado a"
 
@@ -632,6 +644,9 @@ msgstr "Registrarse"
 msgid "Sign in with a different account"
 msgstr "Inicie sesión con una cuenta diferente"
 
+msgid "Sign me up!"
+msgstr ""
+
 msgid "Sign-in methods"
 msgstr "Métodos de inicio de sesión"
 
@@ -656,12 +671,18 @@ msgstr "Algo salió mal. No pudimos subir tu archivo"
 msgid "Start Upload"
 msgstr "Iniciar la subida"
 
+msgid "Start a team"
+msgstr ""
+
 msgid "Storage Plan"
 msgstr "Plan de almacenamiento"
 
 msgid "Stored by miner"
 msgstr "Almacenado por el minero"
 
+msgid "Teams"
+msgstr ""
+
 msgid "Technical"
 msgstr "Técnico"
 
diff --git a/packages/files-ui/src/locales/fr/messages.po b/packages/files-ui/src/locales/fr/messages.po
index ffb943fe3a..a187a80dbe 100644
--- a/packages/files-ui/src/locales/fr/messages.po
+++ b/packages/files-ui/src/locales/fr/messages.po
@@ -3,7 +3,7 @@ msgstr ""
 "Project-Id-Version: \n"
 "Report-Msgid-Bugs-To: \n"
 "POT-Creation-Date: 2021-04-23 11:05+0200\n"
-"PO-Revision-Date: 2021-09-15 21:36+0000\n"
+"PO-Revision-Date: 2021-09-22 21:38+0000\n"
 "Last-Translator: J. Lavoie <j.lavoie@net-c.ca>\n"
 "Language-Team: French <https://hosted.weblate.org/projects/chainsafe-files/chainsafe-files-user-interface/fr/>\n"
 "Language: fr\n"
@@ -17,6 +17,9 @@ msgstr ""
 msgid "A backup secret phrase will be generated and used for your account.<0/>We do not store it and <1>it can only be displayed once</1>. Save it somewhere safe!"
 msgstr "Une phrase secrète de sauvegarde sera générée et utilisé pour ce compte.<0/>Nous ne la sauvergardons pas <1>elle ne peut être affichée qu’une seule fois</1>. Gardez-la dans un endroit sûr !"
 
+msgid "A better sharing experience is coming soon."
+msgstr ""
+
 msgid "A file with the same name already exists"
 msgstr "Un fichier avec ce nom existe déjà"
 
@@ -129,7 +132,7 @@ msgid "Copy CID"
 msgstr "Copier le CID"
 
 msgid "Copy file"
-msgstr ""
+msgstr "Copier le fichier"
 
 msgid "Copy info"
 msgstr "Copier les infos"
@@ -138,7 +141,7 @@ msgid "Copy over"
 msgstr "Copier"
 
 msgid "Copy to"
-msgstr ""
+msgstr "Copier vers"
 
 msgid "Create"
 msgstr "Créer"
@@ -317,9 +320,6 @@ msgstr "Donner l’accès en lecture seule à :"
 msgid "Go back"
 msgstr "Retour"
 
-msgid "Got an issue?"
-msgstr "Vous avez un problème ?"
-
 msgid "Got it"
 msgstr "Compris"
 
@@ -368,12 +368,18 @@ msgstr "C’est parti."
 msgid "Light Theme"
 msgstr "Thème clair"
 
+msgid "Loading"
+msgstr "Chargement"
+
 msgid "Loading preview"
 msgstr "Chargement de l’aperçu"
 
 msgid "Loading your shared folders…"
 msgstr "Chargement de vos dossiers partagés…"
 
+msgid "Loading..."
+msgstr "Chargement…"
+
 msgid "Looks like you’re signing in from a new browser. Please choose one of the following to continue:"
 msgstr "Il semble que vous vous connectiez à partir d’un nouveau navigateur. Veuillez choisir une des options suivantes pour continuer :"
 
@@ -428,6 +434,9 @@ msgstr "Aucun fichier à afficher"
 msgid "No thanks"
 msgstr "Non merci"
 
+msgid "No user found for this query."
+msgstr "Aucun utilisateur n'a été trouvé pour cette requête."
+
 msgid "Number of copies (Replication Factor)"
 msgstr "Nombre de copies (facteur de réplication)"
 
@@ -536,6 +545,9 @@ msgstr "Signaler"
 msgid "Report a File"
 msgstr "Signaler un fichier"
 
+msgid "Report a bug"
+msgstr ""
+
 msgid "Requested from"
 msgstr "Envoyé par"
 
@@ -579,7 +591,7 @@ msgid "Select a wallet"
 msgstr "Sélectionner un wallet"
 
 msgid "Select an existing shared folder or your home"
-msgstr ""
+msgstr "Sélectionnez un dossier partagé existant ou votre page d'accueil"
 
 msgid "Send another email"
 msgstr "Envoyer un nouveau courriel"
@@ -632,6 +644,9 @@ msgstr "Se connecter"
 msgid "Sign in with a different account"
 msgstr "Se connecter avec un autre compte"
 
+msgid "Sign me up!"
+msgstr ""
+
 msgid "Sign-in methods"
 msgstr "Méthodes de connexion"
 
@@ -656,12 +671,18 @@ msgstr "Un problème est survenu. Nous n’avons pas pu téléverser votre fichi
 msgid "Start Upload"
 msgstr "Démarrer le téléversement"
 
+msgid "Start a team"
+msgstr ""
+
 msgid "Storage Plan"
 msgstr "Plan de stockage"
 
 msgid "Stored by miner"
 msgstr "Sauvegardé par le mineur"
 
+msgid "Teams"
+msgstr ""
+
 msgid "Technical"
 msgstr "Technique"
 
diff --git a/packages/files-ui/src/locales/no/messages.po b/packages/files-ui/src/locales/no/messages.po
index f676d47169..b958ba8d47 100644
--- a/packages/files-ui/src/locales/no/messages.po
+++ b/packages/files-ui/src/locales/no/messages.po
@@ -16,6 +16,9 @@ msgstr ""
 msgid "A backup secret phrase will be generated and used for your account.<0/>We do not store it and <1>it can only be displayed once</1>. Save it somewhere safe!"
 msgstr ""
 
+msgid "A better sharing experience is coming soon."
+msgstr ""
+
 msgid "A file with the same name already exists"
 msgstr ""
 
@@ -313,9 +316,6 @@ msgstr ""
 msgid "Go back"
 msgstr "Tilbake"
 
-msgid "Got an issue?"
-msgstr ""
-
 msgid "Got it"
 msgstr ""
 
@@ -364,12 +364,18 @@ msgstr ""
 msgid "Light Theme"
 msgstr "Lys drakt"
 
+msgid "Loading"
+msgstr ""
+
 msgid "Loading preview"
 msgstr ""
 
 msgid "Loading your shared folders…"
 msgstr ""
 
+msgid "Loading..."
+msgstr ""
+
 msgid "Looks like you’re signing in from a new browser. Please choose one of the following to continue:"
 msgstr ""
 
@@ -424,6 +430,9 @@ msgstr ""
 msgid "No thanks"
 msgstr "Nei takk"
 
+msgid "No user found for this query."
+msgstr ""
+
 msgid "Number of copies (Replication Factor)"
 msgstr ""
 
@@ -532,6 +541,9 @@ msgstr ""
 msgid "Report a File"
 msgstr ""
 
+msgid "Report a bug"
+msgstr ""
+
 msgid "Requested from"
 msgstr "Forespurt fra"
 
@@ -628,6 +640,9 @@ msgstr "Logg inn"
 msgid "Sign in with a different account"
 msgstr "Logg inn med en annen konto"
 
+msgid "Sign me up!"
+msgstr ""
+
 msgid "Sign-in methods"
 msgstr "Innloggingsmetoder"
 
@@ -652,12 +667,18 @@ msgstr ""
 msgid "Start Upload"
 msgstr ""
 
+msgid "Start a team"
+msgstr ""
+
 msgid "Storage Plan"
 msgstr ""
 
 msgid "Stored by miner"
 msgstr ""
 
+msgid "Teams"
+msgstr ""
+
 msgid "Technical"
 msgstr "Teknisk"
 
diff --git a/packages/gaming-ui/package.json b/packages/gaming-ui/package.json
index c7b8c6f7bd..22d3bdd943 100644
--- a/packages/gaming-ui/package.json
+++ b/packages/gaming-ui/package.json
@@ -6,12 +6,12 @@
     "@babel/core": "^7.12.10",
     "@babel/runtime": "^7.0.0",
     "@chainsafe/browser-storage-hooks": "^1.0.1",
-    "@chainsafe/files-api-client": "^1.18.5",
+    "@chainsafe/files-api-client": "^1.18.10",
     "@chainsafe/web3-context": "1.1.4",
     "@lingui/core": "^3.7.2",
     "@lingui/react": "^3.7.2",
     "@sentry/react": "^5.28.0",
-    "@toruslabs/torus-direct-web-sdk": "4.10.0",
+    "@toruslabs/torus-direct-web-sdk": "4.15.1",
     "axios": "0.21.4",
     "babel-loader": "8.1.0",
     "babel-plugin-macros": "^2.8.0",
diff --git a/packages/gaming-ui/src/Components/Elements/ApiKeyCard.tsx b/packages/gaming-ui/src/Components/Elements/ApiKeyCard.tsx
new file mode 100644
index 0000000000..db489b7d8b
--- /dev/null
+++ b/packages/gaming-ui/src/Components/Elements/ApiKeyCard.tsx
@@ -0,0 +1,86 @@
+import React from "react"
+import { AccessKey } from "@chainsafe/files-api-client"
+import { makeStyles, createStyles } from "@chainsafe/common-theme"
+import { CSGTheme } from "../../Themes/types"
+import { Button, Typography, Paper } from "@chainsafe/common-components"
+import { Trans } from "@lingui/macro"
+import dayjs from "dayjs"
+
+
+const useStyles = makeStyles(({ constants }: CSGTheme) =>
+  createStyles({
+    root: {
+      position: "relative",
+      margin: constants.generalUnit,
+      borderRadius: constants.generalUnit / 2,
+      maxWidth: 250,
+      padding: `${constants.generalUnit * 2}px ${constants.generalUnit}px`
+    },
+    button: {
+      marginTop: constants.generalUnit * 2
+    }
+  })
+)
+
+interface IApiKeyCard {
+  apiKey: AccessKey
+  deleteKey: () => void
+}
+
+const ApiKeyCard = ({ apiKey, deleteKey }: IApiKeyCard) => {
+  const classes = useStyles()
+
+  return (
+    <Paper className={classes.root}>
+      <Typography variant="h4"
+        component="h4">
+        <Trans>
+          Id:
+        </Trans>
+      </Typography>
+      <Typography
+        variant="body1"
+        component="p"
+      >
+        { apiKey.id }
+      </Typography>
+      <Typography variant="h4"
+        component="h4">
+        <Trans>
+          Status:
+        </Trans>
+      </Typography>
+      <Typography
+        variant="body1"
+        component="p">
+        { apiKey.status }
+      </Typography>
+      <Typography
+        variant="h4"
+        component="h4"
+      >
+        <Trans>
+          Created on:
+        </Trans>
+      </Typography>
+      <Typography
+        variant="body1"
+        component="p"
+      >
+        { dayjs(apiKey.created_at).format("DD MMM YYYY h:mm a") }
+      </Typography>
+      <Button
+        className={classes.button}
+        variant="secondary"
+        fullsize={true}
+        onClick={deleteKey}
+      >
+        <Trans>
+          Delete key
+        </Trans>
+      </Button>
+    </Paper>
+  )
+}
+
+export default ApiKeyCard
\ No newline at end of file
diff --git a/packages/gaming-ui/src/Components/Elements/SecretField.tsx b/packages/gaming-ui/src/Components/Elements/SecretField.tsx
index f8f501bc8d..ba059aa666 100644
--- a/packages/gaming-ui/src/Components/Elements/SecretField.tsx
+++ b/packages/gaming-ui/src/Components/Elements/SecretField.tsx
@@ -3,7 +3,7 @@ import { EyeOpenIcon, EyeClosedIcon, Typography } from "@chainsafe/common-compon
 import { makeStyles, createStyles } from "@chainsafe/common-theme"
 
 interface Props {
-    value: string
+  value: string
 }
 
 const useStyles = makeStyles(() =>
diff --git a/packages/gaming-ui/src/Components/GamingRoutes.tsx b/packages/gaming-ui/src/Components/GamingRoutes.tsx
index 45b6928323..3936871e6b 100644
--- a/packages/gaming-ui/src/Components/GamingRoutes.tsx
+++ b/packages/gaming-ui/src/Components/GamingRoutes.tsx
@@ -31,7 +31,9 @@ const GamingRoutes = () => {
       />
       <ConditionalRoute
         path={ROUTE_LINKS.SettingsRoot}
-        isAuthorized={isLoggedIn}
+        isAuthorized={false}
+        // Settings not required yet
+        // isAuthorized={isLoggedIn}
         component={SettingsPage}
         redirectPath={ROUTE_LINKS.Landing}
       />
diff --git a/packages/gaming-ui/src/Components/Layouts/AppNav.tsx b/packages/gaming-ui/src/Components/Layouts/AppNav.tsx
index b312cb4e21..7746860bf1 100644
--- a/packages/gaming-ui/src/Components/Layouts/AppNav.tsx
+++ b/packages/gaming-ui/src/Components/Layouts/AppNav.tsx
@@ -9,10 +9,7 @@ import {
   Link,
   Typography,
   PowerDownSvg,
-  // ProgressBar,
-  // formatBytes,
-  ChainsafeLogo,
-  SettingSvg
+  ChainsafeLogo
 } from "@chainsafe/common-components"
 import { ROUTE_LINKS } from "../GamingRoutes"
 import { Trans } from "@lingui/macro"
@@ -240,39 +237,9 @@ const AppNav: React.FC<IAppNav> = ({ navOpen, setNavOpen }: IAppNav) => {
           )}
           <div className={classes.linksArea}>
             <nav className={classes.navMenu}>
-              <Link
-                data-cy="settings-nav"
-                onClick={handleOnClick}
-                className={classes.navItem}
-                to={ROUTE_LINKS.SettingsRoot}
-              >
-                <SettingSvg />
-                <Typography
-                  variant="h5"
-                  className={classes.navItemText}
-                >
-                  <Trans>Settings</Trans>
-                </Typography>
-              </Link>
             </nav>
           </div>
           <section>
-            {desktop && (
-              <div>
-                {/* <Typography
-                  variant="body2"
-                  className={classes.spaceUsedMargin}
-                  component="p"
-                >{`${formatBytes(spaceUsed, 2)} of ${formatBytes(
-                    FREE_PLAN_LIMIT, 2
-                  )} used`}</Typography>
-                <ProgressBar
-                  className={classes.spaceUsedMargin}
-                  progress={(spaceUsed / FREE_PLAN_LIMIT) * 100}
-                  size="small"
-                /> */}
-              </div>
-            )}
             {!desktop && (
               <div
                 className={classes.navItem}
diff --git a/packages/gaming-ui/src/Components/Modules/ApiKeys.tsx b/packages/gaming-ui/src/Components/Modules/DashboardModule.tsx
similarity index 52%
rename from packages/gaming-ui/src/Components/Modules/ApiKeys.tsx
rename to packages/gaming-ui/src/Components/Modules/DashboardModule.tsx
index d22d350fe2..7d75feb1b8 100644
--- a/packages/gaming-ui/src/Components/Modules/ApiKeys.tsx
+++ b/packages/gaming-ui/src/Components/Modules/DashboardModule.tsx
@@ -1,34 +1,17 @@
-import React, { useEffect, useState, useCallback } from "react"
-import { makeStyles, createStyles, debounce } from "@chainsafe/common-theme"
-import { useGamingApi } from "../../Contexts/GamingApiContext"
+import { Button, CopyIcon, Modal, PlusIcon, Typography } from "@chainsafe/common-components"
+import { createStyles, debounce, makeStyles } from "@chainsafe/common-theme"
 import { AccessKey } from "@chainsafe/files-api-client"
-import {
-  Typography,
-  Button,
-  PlusIcon,
-  Table,
-  TableHead,
-  TableRow,
-  TableHeadCell,
-  TableBody,
-  TableCell,
-  MenuDropdown,
-  DeleteSvg,
-  MoreIcon,
-  CopyIcon,
-  Modal
-} from "@chainsafe/common-components"
-import { CSGTheme } from "../../Themes/types"
 import { Trans } from "@lingui/macro"
-import dayjs from "dayjs"
-
-export const desktopGridSettings = "2fr 2fr 1fr 1.5fr 70px !important"
-export const mobileGridSettings = "2fr 2fr 1fr 1.5fr 70px !important"
+import React, { useCallback, useEffect, useState } from "react"
+import { useGamingApi } from "../../Contexts/GamingApiContext"
+import { CSGTheme } from "../../Themes/types"
+import ApiKeyCard from "../Elements/ApiKeyCard"
 
-const useStyles = makeStyles(({ constants, breakpoints, animation, zIndex, palette }: CSGTheme) =>
+const useStyles = makeStyles(({ breakpoints, constants, palette, zIndex }: CSGTheme) =>
   createStyles({
     root: {
-      position: "relative"
+      position: "relative",
+      margin: constants.generalUnit
     },
     header: {
       display: "flex",
@@ -48,41 +31,30 @@ const useStyles = makeStyles(({ constants, breakpoints, animation, zIndex, palet
         marginLeft: constants.generalUnit
       }
     },
-    tableHead: {
-      marginTop: 24
-    },
-    tableRow: {
-      border: "2px solid transparent",
-      transitionDuration: `${animation.transform}ms`,
-      [breakpoints.up("md")]: {
-        gridTemplateColumns: desktopGridSettings
-      },
-      [breakpoints.down("md")]: {
-        gridTemplateColumns: mobileGridSettings
-      }
-    },
-    dropdownIcon: {
-      "& svg": {
-        fill: constants.fileSystemItemRow.dropdownIcon
-      }
-    },
-    dropdownOptions: {
-      backgroundColor: constants.fileSystemItemRow.optionsBackground,
-      color: constants.fileSystemItemRow.optionsColor,
-      border: `1px solid ${constants.fileSystemItemRow.optionsBorder}`
-    },
-    dropdownItem: {
-      backgroundColor: constants.fileSystemItemRow.itemBackground,
-      color: constants.fileSystemItemRow.itemColor
-    },
-    menuIcon: {
+    dataArea: {
+      marginTop: constants.generalUnit * 2,
       display: "flex",
-      justifyContent: "center",
-      alignItems: "center",
-      width: 20,
-      marginRight: constants.generalUnit * 1.5,
-      "& svg": {
-        fill: constants.fileSystemItemRow.menuIcon
+      flexDirection: "row",
+      justifyContent: "space-between",
+      flexWrap: "wrap",
+      "& > *": {
+        margin: constants.generalUnit,
+        width:"100%",
+        [breakpoints.up("xs")]: {
+          maxWidth: `calc(100% - ${constants.generalUnit * 2}px)`
+        },
+        [breakpoints.up("sm")]: {
+          maxWidth: `calc(50% - ${constants.generalUnit * 2}px)`
+        },
+        [breakpoints.up("md")]: {
+          maxWidth: `calc(33% - ${constants.generalUnit * 2}px)`
+        },
+        [breakpoints.up("lg")]: {
+          maxWidth: `calc(25% - ${constants.generalUnit * 2}px)`
+        },
+        [breakpoints.up("xl")]: {
+          maxWidth: `calc(20% - ${constants.generalUnit * 2}px)`
+        }
       }
     },
     modalRoot: {
@@ -137,7 +109,7 @@ const useStyles = makeStyles(({ constants, breakpoints, animation, zIndex, palet
   })
 )
 
-const ApiKeys = () => {
+const DashboardModule = () => {
   const classes = useStyles()
   const { gamingApiClient } = useGamingApi()
   const [keys, setKeys] = useState<AccessKey[]>([])
@@ -161,15 +133,17 @@ const ApiKeys = () => {
 
   const fetchAccessKeys = useCallback(() => {
     gamingApiClient.listAccessKeys()
-      .then(setKeys)
+      .then(keys => setKeys(keys.filter(key => key.type === "gaming")))
       .catch(console.error)
   }, [gamingApiClient])
 
-  const createStorageAccessKey = useCallback(() => {
+  const createGamingAccessKey = useCallback(() => {
     gamingApiClient.createAccessKey({ type: "gaming" })
-      .then(setNewKey)
-      .then(fetchAccessKeys)
-      .then(() => setIsNewKeyModalOpen(true))
+      .then((key) => {
+        setNewKey(key)
+        fetchAccessKeys()
+        setIsNewKeyModalOpen(true)
+      })
       .catch(console.error)
   }, [fetchAccessKeys, gamingApiClient])
 
@@ -193,16 +167,16 @@ const ApiKeys = () => {
             data-cy="api-keys-header"
           >
             <Trans>
-            API Keys
+              Dashboard
             </Trans>
           </Typography>
           <div className={classes.controls}>
             <Button
               data-cy="add-storage-api-key-button"
-              onClick={createStorageAccessKey}
+              onClick={createGamingAccessKey}
               variant="outline"
               size="large"
-              disabled={keys.filter(k => k.type === "storage").length > 0}
+              disabled={keys.filter(k => k.type === "gaming").length > 0}
             >
               <PlusIcon />
               <span>
@@ -211,96 +185,15 @@ const ApiKeys = () => {
             </Button>
           </div>
         </header>
-        <Table
-          fullWidth={true}
-          striped={true}
-          hover={true}
-          className=""
-        >
-          <TableHead className={classes.tableHead}>
-            <TableRow
-              type="grid"
-              className={classes.tableRow}
-            >
-              <TableHeadCell
-                sortButtons={false}
-                align="center"
-              >
-                <Trans>Id</Trans>
-              </TableHeadCell>
-              <TableHeadCell
-                sortButtons={false}
-                align="center"
-              >
-                <Trans>Type</Trans>
-              </TableHeadCell>
-              <TableHeadCell
-                sortButtons={false}
-                align="center"
-              >
-                <Trans>Status</Trans>
-              </TableHeadCell>
-              <TableHeadCell
-                sortButtons={false}
-                align="center"
-              >
-                <Trans>Created At</Trans>
-              </TableHeadCell>
-              <TableHeadCell>{/* Menu */}</TableHeadCell>
-            </TableRow>
-          </TableHead>
-          <TableBody>
-            {keys.map(k =>
-              <TableRow
-                key={k.id}
-                type='grid'
-                className={classes.tableRow}>
-                <TableCell align='left'>
-                  <Typography>
-                    {k.id}
-                  </Typography>
-                </TableCell>
-                <TableCell>
-                  <Typography>
-                    {k.type}
-                  </Typography>
-                </TableCell>
-                <TableCell>
-                  <Typography>
-                    {k.status}
-                  </Typography>
-                </TableCell>
-                <TableCell>
-                  <Typography>
-                    {dayjs(k.created_at).format("DD MMM YYYY h:mm a")}
-                  </Typography>
-                </TableCell>
-                <TableCell align="right">
-                  <MenuDropdown
-                    animation="none"
-                    anchor={"bottom-right"}
-                    menuItems={[{
-                      contents: (
-                        <>
-                          <DeleteSvg className={classes.menuIcon} />
-                          <span data-cy="menu-share">
-                            <Trans>Delete Key</Trans>
-                          </span>
-                        </>
-                      ),
-                      onClick: () => deleteAccessKey(k.id)
-                    }]}
-                    classNames={{
-                      icon: classes.dropdownIcon,
-                      options: classes.dropdownOptions,
-                      item: classes.dropdownItem
-                    }}
-                    indicator={MoreIcon}
-                  />
-                </TableCell>
-              </TableRow>)}
-          </TableBody>
-        </Table>
+        <section className={classes.dataArea}>
+          {
+            keys.map((key: AccessKey, index: number) => (
+              <ApiKeyCard
+                key={`api-key-${index}`}
+                deleteKey={() => deleteAccessKey(key.id)}
+                apiKey={key} />))
+          }
+        </section>
       </div>
       <Modal
         className={classes.modalRoot}
@@ -327,7 +220,10 @@ const ApiKeys = () => {
           </Typography>
           <div className={classes.field}>
             <div className={classes.secretContainer}>
-              <Typography variant='body2'>
+              <Typography
+                component="p"
+                variant='h5'
+              >
                 <Trans>Make sure to save the secret, as it can only be displayed once.</Trans>
               </Typography>
               {copiedSecret && (
@@ -351,13 +247,12 @@ const ApiKeys = () => {
             </div>
           </div>
           <Button
-            autoFocus
             onClick={() => {
               setIsNewKeyModalOpen(false)
               setNewKey(undefined)
             }}
           >
-            Close
+            <Trans>Close</Trans>
           </Button>
         </div>
       </Modal>
@@ -365,4 +260,4 @@ const ApiKeys = () => {
   )
 }
 
-export default ApiKeys
+export default DashboardModule
\ No newline at end of file
diff --git a/packages/gaming-ui/src/Components/Pages/DashboardPage.tsx b/packages/gaming-ui/src/Components/Pages/DashboardPage.tsx
index 8a3df055c5..2cd132244a 100644
--- a/packages/gaming-ui/src/Components/Pages/DashboardPage.tsx
+++ b/packages/gaming-ui/src/Components/Pages/DashboardPage.tsx
@@ -1,27 +1,10 @@
 import React from "react"
-import { makeStyles, createStyles } from "@chainsafe/common-theme"
-import { Typography } from "@chainsafe/common-components"
-
-const useStyles = makeStyles(() =>
-  createStyles({
-    root: {
-      position: "relative"
-    }
-  })
-)
+import DashboardModule from "../Modules/DashboardModule"
 
 const DashboardPage = () => {
-  const classes = useStyles()
 
   return (
-    <div className={classes.root}>
-      <Typography
-        component="h1"
-        variant="h1"
-      >
-        Dashboard
-      </Typography>
-    </div>
+    <DashboardModule />
   )
 }
 
diff --git a/packages/gaming-ui/src/Components/Pages/SettingsPage.tsx b/packages/gaming-ui/src/Components/Pages/SettingsPage.tsx
index d7aa60c146..e1ab8bb179 100644
--- a/packages/gaming-ui/src/Components/Pages/SettingsPage.tsx
+++ b/packages/gaming-ui/src/Components/Pages/SettingsPage.tsx
@@ -1,21 +1,17 @@
 import React, { useCallback } from "react"
 import { Tabs,
-  TabPane as TabPaneOrigin,
+  // TabPane as TabPaneOrigin,
   Typography, Divider,
   useParams,
-  useHistory,
-  ITabPaneProps,
-  CaretRightIcon,
-  LockIcon
+  useHistory
 } from "@chainsafe/common-components"
 import { makeStyles, createStyles, useThemeSwitcher } from "@chainsafe/common-theme"
 import { ROUTE_LINKS, SettingsPath } from "../GamingRoutes"
-import { t, Trans } from "@lingui/macro"
+import { Trans } from "@lingui/macro"
 import clsx from "clsx"
-import ApiKeys from "../Modules/ApiKeys"
 import { CSGTheme } from "../../Themes/types"
 
-const TabPane = (props: ITabPaneProps<SettingsPath>) => TabPaneOrigin(props)
+// const TabPane = (props: ITabPaneProps<SettingsPath>) => TabPaneOrigin(props)
 const useStyles = makeStyles(({ constants, breakpoints, palette }: CSGTheme) =>
   createStyles({
     title: {
@@ -165,16 +161,6 @@ const SettingsPage: React.FC = () => {
                 classes.injectedTabList)
             }}
           >
-            <TabPane
-              className={clsx(classes.tabPane, "apiKeysPane", (!desktop && !path) ? classes.hideTabPane : "")}
-              icon={<LockIcon className={classes.lockIcon}/>}
-              iconRight={<CaretRightIcon/>}
-              title={t`Api Keys`}
-              tabKey="apiKeys"
-              testId="apiKeys-tab"
-            >
-              <ApiKeys />
-            </TabPane>
           </Tabs>
         </div>
       }
diff --git a/packages/gaming-ui/src/Contexts/GamingApiContext.tsx b/packages/gaming-ui/src/Contexts/GamingApiContext.tsx
index 8627939409..7923ac2b04 100644
--- a/packages/gaming-ui/src/Contexts/GamingApiContext.tsx
+++ b/packages/gaming-ui/src/Contexts/GamingApiContext.tsx
@@ -15,28 +15,28 @@ const isReturningUserStorageKey = "csg.isReturningUser"
 const TORUS_USERINFO_KEY = "csg.userInfo"
 
 const getProviderSpecificParams = (loginType: LOGIN_TYPE):
-  {typeOfLogin: LOGIN_TYPE; clientId: string; verifier: string; jwtParams?: any} => {
+{typeOfLogin: LOGIN_TYPE; clientId: string; verifier: string; jwtParams?: any} => {
   switch (loginType) {
-  case "google": {
-    return {
-      typeOfLogin: loginType,
-      clientId: process.env.REACT_APP_GOOGLE_CLIENT_ID || "",
-      verifier: "chainsafe-uuid-testnet"
+    case "google": {
+      return {
+        typeOfLogin: loginType,
+        clientId: process.env.REACT_APP_GOOGLE_CLIENT_ID || "",
+        verifier: "chainsafe-uuid-testnet"
+      }
     }
-  }
-  case "github":{
-    return {
-      typeOfLogin: loginType,
-      clientId: process.env.REACT_APP_AUTH0_CLIENT_ID || "",
-      verifier: "chainsafe-uuid-testnet",
-      jwtParams: {
-        domain: process.env.REACT_APP_AUTH0_DOMAIN || ""
+    case "github":{
+      return {
+        typeOfLogin: loginType,
+        clientId: process.env.REACT_APP_AUTH0_CLIENT_ID || "",
+        verifier: "chainsafe-uuid-testnet",
+        jwtParams: {
+          domain: process.env.REACT_APP_AUTH0_DOMAIN || ""
+        }
       }
     }
-  }
-  default:{
-    throw new Error(`${loginType} is unsupported`)
-  }
+    default:{
+      throw new Error(`${loginType} is unsupported`)
+    }
   }
 }
 
@@ -102,7 +102,7 @@ const GamingApiProvider = ({ apiUrl, withLocalStorage = true, children }: Gaming
   const [accessToken, setAccessToken] = useState<Token | undefined>(undefined)
   const [refreshToken, setRefreshToken] = useState<Token | undefined>(undefined)
   const [decodedRefreshToken, setDecodedRefreshToken] = useState<
-    { exp: number; enckey?: string; mps?: string; uuid: string } | undefined
+  { exp: number; enckey?: string; mps?: string; uuid: string } | undefined
   >(undefined)
 
   // returning user
@@ -134,18 +134,18 @@ const GamingApiProvider = ({ apiUrl, withLocalStorage = true, children }: Gaming
 
     if (userInfo && loginType) {
       switch (loginType) {
-      case "jwt":
-        setLoggedinAs(t`Web3: ${centerEllipsis(String(address), 4)}`)
-        break
-      case "google":
-        setLoggedinAs(`${capitalize(loginType)}: ${centerEllipsis(`${userInfo.email}`, 4)}`)
-        break
-      case "github":
-        setLoggedinAs(`${capitalize(loginType)}: ${centerEllipsis(`${userInfo.email}`, 4)}`)
-        break
-      default:
-        setLoggedinAs(`${centerEllipsis(`${userInfo.publicAddress}`, 4)}`)
-        break
+        case "jwt":
+          setLoggedinAs(t`Web3: ${centerEllipsis(String(address), 4)}`)
+          break
+        case "google":
+          setLoggedinAs(`${capitalize(loginType)}: ${centerEllipsis(`${userInfo.email}`, 4)}`)
+          break
+        case "github":
+          setLoggedinAs(`${capitalize(loginType)}: ${centerEllipsis(`${userInfo.email}`, 4)}`)
+          break
+        default:
+          setLoggedinAs(`${centerEllipsis(`${userInfo.publicAddress}`, 4)}`)
+          break
       }
     }
   }, [userInfo, address])
diff --git a/packages/gaming-ui/src/Themes/Constants.ts b/packages/gaming-ui/src/Themes/Constants.ts
index 28fabee2d5..b0c6c8ac13 100644
--- a/packages/gaming-ui/src/Themes/Constants.ts
+++ b/packages/gaming-ui/src/Themes/Constants.ts
@@ -156,6 +156,6 @@ export interface CsGColors extends IConstants {
     }
   }
   surveyBanner: {
-   color: string
+    color: string
   }
 }
\ No newline at end of file
diff --git a/packages/gaming-ui/src/locales/en/messages.po b/packages/gaming-ui/src/locales/en/messages.po
index e314e4a4a9..4c44a4d96d 100644
--- a/packages/gaming-ui/src/locales/en/messages.po
+++ b/packages/gaming-ui/src/locales/en/messages.po
@@ -13,21 +13,18 @@ msgstr ""
 "Language-Team: \n"
 "Plural-Forms: \n"
 
-msgid "API Keys"
-msgstr "API Keys"
-
 msgid "Add API Key"
 msgstr "Add API Key"
 
-msgid "Api Keys"
-msgstr "Api Keys"
-
 msgid "By connecting your wallet, you agree to our <0>Terms of Service</0> and <1>Privacy Policy</1>"
 msgstr "By connecting your wallet, you agree to our <0>Terms of Service</0> and <1>Privacy Policy</1>"
 
 msgid "Check your inbox! We've sent another email."
 msgstr "Check your inbox! We've sent another email."
 
+msgid "Close"
+msgstr "Close"
+
 msgid "Connect Wallet to Gaming"
 msgstr "Connect Wallet to Gaming"
 
@@ -55,11 +52,14 @@ msgstr "Continue with Web3 Wallet"
 msgid "Copied!"
 msgstr "Copied!"
 
-msgid "Created At"
-msgstr "Created At"
+msgid "Created on:"
+msgstr "Created on:"
 
-msgid "Delete Key"
-msgstr "Delete Key"
+msgid "Dashboard"
+msgstr "Dashboard"
+
+msgid "Delete key"
+msgstr "Delete key"
 
 msgid "Didn't receive the email ?"
 msgstr "Didn't receive the email ?"
@@ -94,8 +94,8 @@ msgstr "Go back"
 msgid "Hold on, we are logging you in…"
 msgstr "Hold on, we are logging you in…"
 
-msgid "Id"
-msgstr "Id"
+msgid "Id:"
+msgstr "Id:"
 
 msgid "Key ID"
 msgstr "Key ID"
@@ -142,8 +142,8 @@ msgstr "Something went wrong!"
 msgid "Something went wrong! Please try again."
 msgstr "Something went wrong! Please try again."
 
-msgid "Status"
-msgstr "Status"
+msgid "Status:"
+msgstr "Status:"
 
 msgid "Terms and Conditions"
 msgstr "Terms and Conditions"
@@ -163,9 +163,6 @@ msgstr "There was an error connecting your wallet"
 msgid "Try again"
 msgstr "Try again"
 
-msgid "Type"
-msgstr "Type"
-
 msgid "Use a different login method"
 msgstr "Use a different login method"
 
diff --git a/packages/storage-ui/package.json b/packages/storage-ui/package.json
index 6c89462f61..58da774b9e 100644
--- a/packages/storage-ui/package.json
+++ b/packages/storage-ui/package.json
@@ -6,12 +6,12 @@
     "@babel/core": "^7.12.10",
     "@babel/runtime": "^7.0.0",
     "@chainsafe/browser-storage-hooks": "^1.0.1",
-    "@chainsafe/files-api-client": "^1.18.5",
+    "@chainsafe/files-api-client": "^1.18.10",
     "@chainsafe/web3-context": "1.1.4",
     "@lingui/core": "^3.7.2",
     "@lingui/react": "^3.7.2",
     "@sentry/react": "^5.28.0",
-    "@toruslabs/torus-direct-web-sdk": "4.10.0",
+    "@toruslabs/torus-direct-web-sdk": "4.15.1",
     "axios": "0.21.4",
     "babel-loader": "8.1.0",
     "babel-plugin-macros": "^2.8.0",
diff --git a/packages/storage-ui/src/Components/Elements/CidRow.tsx b/packages/storage-ui/src/Components/Elements/CidRow.tsx
index 74927f785d..e1bcc29086 100644
--- a/packages/storage-ui/src/Components/Elements/CidRow.tsx
+++ b/packages/storage-ui/src/Components/Elements/CidRow.tsx
@@ -56,7 +56,7 @@ const useStyles = makeStyles(({ animation, constants, breakpoints }: CSSTheme) =
   })
 )
 interface Props {
-    pinStatus: PinStatus
+  pinStatus: PinStatus
 }
 
 const IPFS_GATEWAY = process.env.REACT_APP_IPFS_GATEWAY || ""
diff --git a/packages/storage-ui/src/Components/Elements/SecretField.tsx b/packages/storage-ui/src/Components/Elements/SecretField.tsx
index 55ee36164e..7639455276 100644
--- a/packages/storage-ui/src/Components/Elements/SecretField.tsx
+++ b/packages/storage-ui/src/Components/Elements/SecretField.tsx
@@ -4,8 +4,8 @@ import { makeStyles, createStyles } from "@chainsafe/common-theme"
 import clsx from "clsx"
 
 interface Props {
-    value: string
-    className?: string
+  value: string
+  className?: string
 }
 
 const useStyles = makeStyles(() =>
diff --git a/packages/storage-ui/src/Components/Modules/ApiKeys.tsx b/packages/storage-ui/src/Components/Modules/ApiKeys.tsx
index 7a5a9abb2f..2835108dc0 100644
--- a/packages/storage-ui/src/Components/Modules/ApiKeys.tsx
+++ b/packages/storage-ui/src/Components/Modules/ApiKeys.tsx
@@ -347,7 +347,7 @@ const ApiKeys = () => {
           </Typography>
           <div className={classes.field}>
             <div className={classes.secretContainer}>
-              <Typography variant='body2'>
+              <Typography variant='h3'>
                 <Trans>Make sure to save the secret, as it can only be displayed once.</Trans>
               </Typography>
               {copiedSecret && (
diff --git a/packages/storage-ui/src/Components/Modules/CreateFolderModal/CreateFolderModal.tsx b/packages/storage-ui/src/Components/Modules/CreateFolderModal/CreateFolderModal.tsx
index 7eedf160c2..6b245096ec 100644
--- a/packages/storage-ui/src/Components/Modules/CreateFolderModal/CreateFolderModal.tsx
+++ b/packages/storage-ui/src/Components/Modules/CreateFolderModal/CreateFolderModal.tsx
@@ -9,7 +9,7 @@ import {
   makeStyles,
   useMediaQuery
 } from "@chainsafe/common-theme"
-import React, { useRef, useEffect, useState } from "react"
+import React, { useState } from "react"
 import { Formik, Form } from "formik"
 import CustomModal from "../../Elements/CustomModal"
 import CustomButton from "../../Elements/CustomButton"
@@ -77,22 +77,12 @@ interface ICreateFolderModalProps {
   close: () => void
 }
 
-const CreateFolderModal: React.FC<ICreateFolderModalProps> = ({
-  modalOpen,
-  close
-}: ICreateFolderModalProps) => {
+const CreateFolderModal = ({ modalOpen, close }: ICreateFolderModalProps) => {
   const classes = useStyles()
   const { storageApiClient } = useStorageApi()
   const { currentPath, refreshContents, bucket } = useFileBrowser()
   const [creatingFolder, setCreatingFolder] = useState(false)
   const desktop = useMediaQuery("md")
-  const inputRef = useRef<any>(null)
-
-  useEffect(() => {
-    if (modalOpen) {
-      setTimeout(() => inputRef.current?.focus(), 100)
-    }
-  }, [modalOpen])
 
   return (
     <CustomModal
@@ -120,7 +110,7 @@ const CreateFolderModal: React.FC<ICreateFolderModalProps> = ({
             setCreatingFolder(false)
             helpers.resetForm()
             close()
-          } catch (errors) {
+          } catch (errors: any) {
             setCreatingFolder(false)
             if (errors[0].message.includes("Entry with such name can")) {
               helpers.setFieldError("name", t`Folder name is already in use`)
@@ -130,6 +120,7 @@ const CreateFolderModal: React.FC<ICreateFolderModalProps> = ({
           }
           helpers.setSubmitting(false)
         }}
+        enableReinitialize
       >
         <Form>
           <div className={classes.root}>
@@ -160,7 +151,7 @@ const CreateFolderModal: React.FC<ICreateFolderModalProps> = ({
                 placeholder={t`Name`}
                 labelClassName={classes.label}
                 label={t`Folder Name`}
-                ref={inputRef}
+                autoFocus
               />
             </Grid>
             <Grid
diff --git a/packages/storage-ui/src/Components/Modules/FilesList/FilesList.tsx b/packages/storage-ui/src/Components/Modules/FilesList/FilesList.tsx
index eb3c4b4e04..c998d85f81 100644
--- a/packages/storage-ui/src/Components/Modules/FilesList/FilesList.tsx
+++ b/packages/storage-ui/src/Components/Modules/FilesList/FilesList.tsx
@@ -323,27 +323,27 @@ const FilesList = () => {
     let temp = []
 
     switch (column) {
-    default: {
+      default: {
       // case "name": {
-      temp = sourceFiles.sort((a, b) => {
-        return a.name.localeCompare(b.name, selectedLocale, {
-          sensitivity: "base"
+        temp = sourceFiles.sort((a, b) => {
+          return a.name.localeCompare(b.name, selectedLocale, {
+            sensitivity: "base"
+          })
         })
-      })
-      break
-    }
-    case "size": {
-      temp = sourceFiles
-        .sort((a, b) => (a.size < b.size ? -1 : 1))
-        .sort(sortFoldersFirst)
-      break
-    }
-    case "date_uploaded": {
-      temp = sourceFiles
-        .sort((a, b) => (a.created_at < b.created_at ? -1 : 1))
-        .sort(sortFoldersFirst)
-      break
-    }
+        break
+      }
+      case "size": {
+        temp = sourceFiles
+          .sort((a, b) => (a.size < b.size ? -1 : 1))
+          .sort(sortFoldersFirst)
+        break
+      }
+      case "date_uploaded": {
+        temp = sourceFiles
+          .sort((a, b) => (a.created_at < b.created_at ? -1 : 1))
+          .sort(sortFoldersFirst)
+        break
+      }
     }
     return direction === "descend"
       ? temp.reverse().sort(sortFoldersFirst)
diff --git a/packages/storage-ui/src/Components/Modules/SurveyBanner.tsx b/packages/storage-ui/src/Components/Modules/SurveyBanner.tsx
index bb4530d34e..d0fa268290 100644
--- a/packages/storage-ui/src/Components/Modules/SurveyBanner.tsx
+++ b/packages/storage-ui/src/Components/Modules/SurveyBanner.tsx
@@ -54,7 +54,7 @@ const useStyles = makeStyles(
   })
 
 interface Props {
-    onHide: () => void
+  onHide: () => void
 }
 
 const SurveyBanner = ({ onHide }: Props) => {
diff --git a/packages/storage-ui/src/Components/Modules/UploadFileModal/UploadFileModal.tsx b/packages/storage-ui/src/Components/Modules/UploadFileModal/UploadFileModal.tsx
index 3631b53622..0280a90e83 100644
--- a/packages/storage-ui/src/Components/Modules/UploadFileModal/UploadFileModal.tsx
+++ b/packages/storage-ui/src/Components/Modules/UploadFileModal/UploadFileModal.tsx
@@ -94,7 +94,7 @@ const UploadFileModal = ({ modalOpen, close }: IUploadFileModuleProps) => {
       await uploadFiles(bucket.id, values.files, currentPath)
       refreshContents && refreshContents()
       helpers.resetForm()
-    } catch (errors) {
+    } catch (errors: any) {
       if (errors[0].message.includes("conflict with existing")) {
         helpers.setFieldError("files", t`File/Folder already exists`)
       } else {
diff --git a/packages/storage-ui/src/Components/Pages/CidsPage.tsx b/packages/storage-ui/src/Components/Pages/CidsPage.tsx
index 5b03cb1363..11cb057135 100644
--- a/packages/storage-ui/src/Components/Pages/CidsPage.tsx
+++ b/packages/storage-ui/src/Components/Pages/CidsPage.tsx
@@ -79,14 +79,14 @@ const CidsPage = () => {
     let temp = []
 
     switch (sortColumn) {
-    case "size": {
-      temp = pins.sort((a, b) => (a.info?.size < b.info?.size ? -1 : 1))
-      break
-    }
-    default: {
-      temp = pins.sort((a, b) => (a.created < b.created ? -1 : 1))
-      break
-    }
+      case "size": {
+        temp = pins.sort((a, b) => (a.info?.size < b.info?.size ? -1 : 1))
+        break
+      }
+      default: {
+        temp = pins.sort((a, b) => (a.created < b.created ? -1 : 1))
+        break
+      }
     }
     return sortDirection === "descend" ? temp.reverse() : temp
   }, [pins, sortDirection, sortColumn])
diff --git a/packages/storage-ui/src/Contexts/FileOperationsReducers.tsx b/packages/storage-ui/src/Contexts/FileOperationsReducers.tsx
index fc5e8984b1..486b1fe8df 100644
--- a/packages/storage-ui/src/Contexts/FileOperationsReducers.tsx
+++ b/packages/storage-ui/src/Contexts/FileOperationsReducers.tsx
@@ -3,117 +3,117 @@ import { DownloadProgress, UploadProgress } from "./StorageContext"
 export function uploadsInProgressReducer(
   uploadsInProgress: UploadProgress[],
   action:
-    | { type: "add"; payload: UploadProgress }
-    | { type: "progress"; payload: { id: string; progress: number } }
-    | { type: "complete"; payload: { id: string } }
-    | { type: "error"; payload: { id: string; errorMessage?: string } }
-    | { type: "remove"; payload: { id: string } }
+  | { type: "add"; payload: UploadProgress }
+  | { type: "progress"; payload: { id: string; progress: number } }
+  | { type: "complete"; payload: { id: string } }
+  | { type: "error"; payload: { id: string; errorMessage?: string } }
+  | { type: "remove"; payload: { id: string } }
 ): UploadProgress[] {
   const getProgressIndex = () =>
     uploadsInProgress.findIndex((progress) => progress.id === action.payload.id)
   switch (action.type) {
-  case "add": {
-    return [...uploadsInProgress, action.payload]
-  }
-  case "progress": {
-    const progressIndex = getProgressIndex()
-    if (progressIndex > -1) {
-      uploadsInProgress[progressIndex].progress = action.payload.progress
-      return [...uploadsInProgress]
-    } else {
-      return uploadsInProgress
+    case "add": {
+      return [...uploadsInProgress, action.payload]
     }
-  }
-  case "complete": {
-    const progressIndex = getProgressIndex()
-    if (progressIndex > -1) {
-      uploadsInProgress[progressIndex].complete = true
-      return [...uploadsInProgress]
-    } else {
-      return uploadsInProgress
+    case "progress": {
+      const progressIndex = getProgressIndex()
+      if (progressIndex > -1) {
+        uploadsInProgress[progressIndex].progress = action.payload.progress
+        return [...uploadsInProgress]
+      } else {
+        return uploadsInProgress
+      }
     }
-  }
-  case "error": {
-    const progressIndex = getProgressIndex()
-    if (progressIndex > -1) {
-      uploadsInProgress[progressIndex].error = true
-      uploadsInProgress[progressIndex].errorMessage =
+    case "complete": {
+      const progressIndex = getProgressIndex()
+      if (progressIndex > -1) {
+        uploadsInProgress[progressIndex].complete = true
+        return [...uploadsInProgress]
+      } else {
+        return uploadsInProgress
+      }
+    }
+    case "error": {
+      const progressIndex = getProgressIndex()
+      if (progressIndex > -1) {
+        uploadsInProgress[progressIndex].error = true
+        uploadsInProgress[progressIndex].errorMessage =
           action.payload.errorMessage
-      return [...uploadsInProgress]
-    } else {
-      return uploadsInProgress
+        return [...uploadsInProgress]
+      } else {
+        return uploadsInProgress
+      }
     }
-  }
-  case "remove": {
-    const progressIndex = getProgressIndex()
-    if (progressIndex > -1) {
-      uploadsInProgress.splice(progressIndex, 1)
-      return [...uploadsInProgress]
-    } else {
-      return uploadsInProgress
+    case "remove": {
+      const progressIndex = getProgressIndex()
+      if (progressIndex > -1) {
+        uploadsInProgress.splice(progressIndex, 1)
+        return [...uploadsInProgress]
+      } else {
+        return uploadsInProgress
+      }
     }
-  }
-  default:
-    return uploadsInProgress
+    default:
+      return uploadsInProgress
   }
 }
 
 export function downloadsInProgressReducer(
   downloadsInProgress: DownloadProgress[],
   action:
-    | { type: "add"; payload: DownloadProgress }
-    | { type: "progress"; payload: { id: string; progress: number } }
-    | { type: "complete"; payload: { id: string } }
-    | { type: "error"; payload: { id: string; errorMessage?: string } }
-    | { type: "remove"; payload: { id: string } }
+  | { type: "add"; payload: DownloadProgress }
+  | { type: "progress"; payload: { id: string; progress: number } }
+  | { type: "complete"; payload: { id: string } }
+  | { type: "error"; payload: { id: string; errorMessage?: string } }
+  | { type: "remove"; payload: { id: string } }
 ): DownloadProgress[] {
   const getProgressIndex = () =>
     downloadsInProgress.findIndex(
       (download) => download.id === action.payload.id
     )
   switch (action.type) {
-  case "add": {
-    return [...downloadsInProgress, action.payload]
-  }
-  case "progress": {
-    const progressIndex = getProgressIndex()
-    if (progressIndex > -1) {
-      downloadsInProgress[progressIndex].progress = action.payload.progress
-      return [...downloadsInProgress]
-    } else {
-      return downloadsInProgress
+    case "add": {
+      return [...downloadsInProgress, action.payload]
     }
-  }
-  case "complete": {
-    const progressIndex = getProgressIndex()
-    if (progressIndex > -1) {
-      downloadsInProgress[progressIndex].complete = true
-      return [...downloadsInProgress]
-    } else {
-      return downloadsInProgress
+    case "progress": {
+      const progressIndex = getProgressIndex()
+      if (progressIndex > -1) {
+        downloadsInProgress[progressIndex].progress = action.payload.progress
+        return [...downloadsInProgress]
+      } else {
+        return downloadsInProgress
+      }
     }
-  }
-  case "error": {
-    const progressIndex = getProgressIndex()
-    if (progressIndex > -1) {
-      downloadsInProgress[progressIndex].error = true
-      downloadsInProgress[progressIndex].errorMessage =
+    case "complete": {
+      const progressIndex = getProgressIndex()
+      if (progressIndex > -1) {
+        downloadsInProgress[progressIndex].complete = true
+        return [...downloadsInProgress]
+      } else {
+        return downloadsInProgress
+      }
+    }
+    case "error": {
+      const progressIndex = getProgressIndex()
+      if (progressIndex > -1) {
+        downloadsInProgress[progressIndex].error = true
+        downloadsInProgress[progressIndex].errorMessage =
           action.payload.errorMessage
-      return [...downloadsInProgress]
-    } else {
-      return downloadsInProgress
+        return [...downloadsInProgress]
+      } else {
+        return downloadsInProgress
+      }
     }
-  }
-  case "remove": {
-    const progressIndex = getProgressIndex()
-    if (progressIndex > -1) {
-      downloadsInProgress.splice(progressIndex, 1)
-      return [...downloadsInProgress]
-    } else {
-      return downloadsInProgress
+    case "remove": {
+      const progressIndex = getProgressIndex()
+      if (progressIndex > -1) {
+        downloadsInProgress.splice(progressIndex, 1)
+        return [...downloadsInProgress]
+      } else {
+        return downloadsInProgress
+      }
     }
-  }
-  default:
-    return downloadsInProgress
+    default:
+      return downloadsInProgress
   }
 }
diff --git a/packages/storage-ui/src/Contexts/StorageApiContext.tsx b/packages/storage-ui/src/Contexts/StorageApiContext.tsx
index eaa2e38631..deee4c4cc6 100644
--- a/packages/storage-ui/src/Contexts/StorageApiContext.tsx
+++ b/packages/storage-ui/src/Contexts/StorageApiContext.tsx
@@ -15,28 +15,28 @@ const isReturningUserStorageKey = "css.isReturningUser"
 const TORUS_USERINFO_KEY = "css.userInfo"
 
 const getProviderSpecificParams = (loginType: LOGIN_TYPE):
-  {typeOfLogin: LOGIN_TYPE; clientId: string; verifier: string; jwtParams?: any} => {
+{typeOfLogin: LOGIN_TYPE; clientId: string; verifier: string; jwtParams?: any} => {
   switch (loginType) {
-  case "google": {
-    return {
-      typeOfLogin: loginType,
-      clientId: process.env.REACT_APP_GOOGLE_CLIENT_ID || "",
-      verifier: "chainsafe-uuid-testnet"
+    case "google": {
+      return {
+        typeOfLogin: loginType,
+        clientId: process.env.REACT_APP_GOOGLE_CLIENT_ID || "",
+        verifier: "chainsafe-uuid-testnet"
+      }
     }
-  }
-  case "github":{
-    return {
-      typeOfLogin: loginType,
-      clientId: process.env.REACT_APP_AUTH0_CLIENT_ID || "",
-      verifier: "chainsafe-uuid-testnet",
-      jwtParams: {
-        domain: process.env.REACT_APP_AUTH0_DOMAIN || ""
+    case "github":{
+      return {
+        typeOfLogin: loginType,
+        clientId: process.env.REACT_APP_AUTH0_CLIENT_ID || "",
+        verifier: "chainsafe-uuid-testnet",
+        jwtParams: {
+          domain: process.env.REACT_APP_AUTH0_DOMAIN || ""
+        }
       }
     }
-  }
-  default:{
-    throw new Error(`${loginType} is unsupported`)
-  }
+    default:{
+      throw new Error(`${loginType} is unsupported`)
+    }
   }
 }
 
@@ -101,7 +101,7 @@ const StorageApiProvider = ({ apiUrl, withLocalStorage = true, children }: Stora
   const [accessToken, setAccessToken] = useState<Token | undefined>(undefined)
   const [refreshToken, setRefreshToken] = useState<Token | undefined>(undefined)
   const [decodedRefreshToken, setDecodedRefreshToken] = useState<
-    { exp: number; enckey?: string; mps?: string; uuid: string } | undefined
+  { exp: number; enckey?: string; mps?: string; uuid: string } | undefined
   >(undefined)
 
   // returning user
@@ -133,18 +133,18 @@ const StorageApiProvider = ({ apiUrl, withLocalStorage = true, children }: Stora
 
     if (userInfo && loginType) {
       switch (loginType) {
-      case "jwt":
-        setLoggedinAs(t`Web3: ${centerEllipsis(String(address), 4)}`)
-        break
-      case "google":
-        setLoggedinAs(`${capitalize(loginType)}: ${centerEllipsis(`${userInfo.email}`, 4)}`)
-        break
-      case "github":
-        setLoggedinAs(`${capitalize(loginType)}: ${centerEllipsis(`${userInfo.email}`, 4)}`)
-        break
-      default:
-        setLoggedinAs(`${centerEllipsis(`${userInfo.publicAddress}`, 4)}`)
-        break
+        case "jwt":
+          setLoggedinAs(t`Web3: ${centerEllipsis(String(address), 4)}`)
+          break
+        case "google":
+          setLoggedinAs(`${capitalize(loginType)}: ${centerEllipsis(`${userInfo.email}`, 4)}`)
+          break
+        case "github":
+          setLoggedinAs(`${capitalize(loginType)}: ${centerEllipsis(`${userInfo.email}`, 4)}`)
+          break
+        default:
+          setLoggedinAs(`${centerEllipsis(`${userInfo.publicAddress}`, 4)}`)
+          break
       }
     }
   }, [userInfo, address])
diff --git a/packages/storage-ui/src/Themes/Constants.ts b/packages/storage-ui/src/Themes/Constants.ts
index 13d485b3db..844ac3663b 100644
--- a/packages/storage-ui/src/Themes/Constants.ts
+++ b/packages/storage-ui/src/Themes/Constants.ts
@@ -156,6 +156,6 @@ export interface CsSColors extends IConstants {
     }
   }
   surveyBanner: {
-   color: string
+    color: string
   }
 }
\ No newline at end of file
diff --git a/packages/storage-ui/src/Utils/MimeMatcher.ts b/packages/storage-ui/src/Utils/MimeMatcher.ts
index d0466c7d73..c2c1186aec 100644
--- a/packages/storage-ui/src/Utils/MimeMatcher.ts
+++ b/packages/storage-ui/src/Utils/MimeMatcher.ts
@@ -46,48 +46,48 @@ function matcher(expected: string[]) {
 }
 
 class MimeMatcher {
-    expected = [] as { typeMatcher: (actual: string) => boolean; subTypeMatcher: (actual: string) => boolean }[]
+  expected = [] as { typeMatcher: (actual: string) => boolean; subTypeMatcher: (actual: string) => boolean }[]
 
-    constructor(expected: string | string[]) {
-      if (Array.isArray(expected)) {
-        this.expected = expected.map(mimeType => {
-          const { valid, type, subType } = parse(mimeType)
-          if (valid && type && subType) {
-            return ({
-              typeMatcher: createMatcher(type),
-              subTypeMatcher: createMatcher(subType)
-            })
-          } else {
-            const msg = `Value "${mimeType}" is not valid mime type.It should have format "type/subtype".`
-            throw new TypeError(msg)
-          }
-        })
-      }
-      else {
-        const { valid, type, subType } = parse(expected)
+  constructor(expected: string | string[]) {
+    if (Array.isArray(expected)) {
+      this.expected = expected.map(mimeType => {
+        const { valid, type, subType } = parse(mimeType)
         if (valid && type && subType) {
-          this.expected = [{
+          return ({
             typeMatcher: createMatcher(type),
             subTypeMatcher: createMatcher(subType)
-          }]
+          })
         } else {
-          const msg = `Value "${expected}" is not valid mime type.It should have format "type/subtype".`
+          const msg = `Value "${mimeType}" is not valid mime type.It should have format "type/subtype".`
           throw new TypeError(msg)
         }
-      }
-
+      })
     }
-
-    match(actual: string) {
-      const { valid, type, subType } = parse(actual)
+    else {
+      const { valid, type, subType } = parse(expected)
       if (valid && type && subType) {
-        return this.expected.some(({ typeMatcher, subTypeMatcher }) => {
-          return typeMatcher(type) && subTypeMatcher(subType)
-        })
+        this.expected = [{
+          typeMatcher: createMatcher(type),
+          subTypeMatcher: createMatcher(subType)
+        }]
       } else {
-        return false
+        const msg = `Value "${expected}" is not valid mime type.It should have format "type/subtype".`
+        throw new TypeError(msg)
       }
     }
+
+  }
+
+  match(actual: string) {
+    const { valid, type, subType } = parse(actual)
+    if (valid && type && subType) {
+      return this.expected.some(({ typeMatcher, subTypeMatcher }) => {
+        return typeMatcher(type) && subTypeMatcher(subType)
+      })
+    } else {
+      return false
+    }
+  }
 }
 
 export { isValid, parse, matcher }
diff --git a/packages/storage-ui/src/Utils/contentTypeGuesser.ts b/packages/storage-ui/src/Utils/contentTypeGuesser.ts
index d65fb94191..e6ec42156b 100644
--- a/packages/storage-ui/src/Utils/contentTypeGuesser.ts
+++ b/packages/storage-ui/src/Utils/contentTypeGuesser.ts
@@ -2,24 +2,24 @@ const guessContentType = (fileName: string) => {
   const { length, [length - 1]: ext } = fileName.split(".")
 
   switch (ext) {
-  case "pdf":
-    return "application/pdf"
-  case "jpg":
-  case "png":
-  case "gif":
-  case "bmp":
-    return `image/${ext}`
-  case "mp3":
-  case "m4a":
-    return `audio/${ext}`
-  case "mp4":
-    return `video/${ext}`
-  case "txt":
-    return "text/plain"
-  case "md":
-    return "text/markdown"
-  default:
-    return "application/octet-stream"
+    case "pdf":
+      return "application/pdf"
+    case "jpg":
+    case "png":
+    case "gif":
+    case "bmp":
+      return `image/${ext}`
+    case "mp3":
+    case "m4a":
+      return `audio/${ext}`
+    case "mp4":
+      return `video/${ext}`
+    case "txt":
+      return "text/plain"
+    case "md":
+      return "text/markdown"
+    default:
+      return "application/octet-stream"
   }
 }
 
diff --git a/yarn.lock b/yarn.lock
index 525718de11..5cad93d39a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1925,11 +1925,13 @@
   resolved "https://registry.yarnpkg.com/@chainsafe/browser-storage-hooks/-/browser-storage-hooks-1.0.1.tgz#26d32cde1999914db755a631e2643823c54959f7"
   integrity sha512-Q4b5gQAZnsRXKeADspd5isqfwwhhXjDk70y++YadufA6EZ3tf340oW0OVszp74KaGEw+CAYFGQR4X7bzpZ3x9Q==
 
-"@chainsafe/files-api-client@^1.18.5":
-  version "1.18.5"
-  resolved "https://registry.yarnpkg.com/@chainsafe/files-api-client/-/files-api-client-1.18.5.tgz#2f4ed5989fa12c0e5823388384f61281a73cf27c"
-  integrity sha512-q/x4+U9NRDLvqIpvloKRPUFMAMsIVlGnt56d3Vv7bw3TISrxyRqGxcTm3pX7XFcqaU3MWeX6Hs01+lrCf+b0GA==
+"@chainsafe/files-api-client@^1.18.10":
+  version "1.18.10"
+  resolved "https://registry.yarnpkg.com/@chainsafe/files-api-client/-/files-api-client-1.18.10.tgz#a359f0d40916afec41ea7ffc8aa4ffc505c25c17"
+  integrity sha512-Rpuk7jDF0cFg53xIrfHsp20aA37QwYd/WDv28JjlhpBI9egbk6oTgVuB9LEiR9mYWb65CIXxfxGvc6WmE3DWTw==
   dependencies:
+    "@redocly/openapi-cli" "^1.0.0-beta.58"
+    "@redocly/openapi-core" "^1.0.0-beta.58"
     redoc-cli "^0.12.3"
 
 "@chainsafe/web3-context@1.1.4":
@@ -2217,7 +2219,7 @@
   resolved "https://registry.yarnpkg.com/@ensdomains/resolver/-/resolver-0.2.4.tgz#c10fe28bf5efbf49bff4666d909aed0265efbc89"
   integrity sha512-bvaTH34PMCbv6anRa9I/0zjLJgY4EuznbEMgbV77JBCQ9KNC46rzi0avuxpOfu+xDjPEtSFGqVEOr5GlUSGudA==
 
-"@ethereumjs/common@^2.0.0", "@ethereumjs/common@^2.4.0":
+"@ethereumjs/common@^2.0.0", "@ethereumjs/common@^2.3.0", "@ethereumjs/common@^2.4.0":
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/@ethereumjs/common/-/common-2.4.0.tgz#2d67f6e6ba22246c5c89104e6b9a119fb3039766"
   integrity sha512-UdkhFWzWcJCZVsj1O/H8/oqj/0RVYjLc1OhPjBrQdALAkQHpCp8xXI4WLnuGTADqTdJZww0NtgwG+TRPkXt27w==
@@ -2225,7 +2227,7 @@
     crc-32 "^1.2.0"
     ethereumjs-util "^7.1.0"
 
-"@ethereumjs/tx@^3.0.0":
+"@ethereumjs/tx@^3.0.0", "@ethereumjs/tx@^3.2.1":
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/@ethereumjs/tx/-/tx-3.3.0.tgz#14ed1b7fa0f28e1cd61e3ecbdab824205f6a4378"
   integrity sha512-yTwEj2lVzSMgE6Hjw9Oa1DZks/nKTWM8Wn4ykDNapBPua2f4nXO3qKnni86O6lgDj5fVNRqbDsD0yy7/XNGDEA==
@@ -4480,6 +4482,24 @@
     require-from-string "^2.0.2"
     uri-js "^4.2.2"
 
+"@redocly/openapi-cli@^1.0.0-beta.58":
+  version "1.0.0-beta.61"
+  resolved "https://registry.yarnpkg.com/@redocly/openapi-cli/-/openapi-cli-1.0.0-beta.61.tgz#03dfbf058b2bf85922a0e19adaa2856f111d1b14"
+  integrity sha512-x3s2wdFHTpuO/Wd8y6lrdRzDFVRGxFLdv+0iXR06b1vHWOx/SUzK+7Qslq3Pk6bpge4FFhaJai80pEv/9B05Fw==
+  dependencies:
+    "@redocly/openapi-core" "^1.0.0-beta.61"
+    "@types/node" "^14.11.8"
+    assert-node-version "^1.0.3"
+    chokidar "^3.5.1"
+    colorette "^1.2.0"
+    glob "^7.1.6"
+    glob-promise "^3.4.0"
+    handlebars "^4.7.6"
+    js-yaml "^3.14.1"
+    portfinder "^1.0.26"
+    simple-websocket "^9.0.0"
+    yargs "17.0.1"
+
 "@redocly/openapi-core@^1.0.0-beta.50":
   version "1.0.0-beta.58"
   resolved "https://registry.yarnpkg.com/@redocly/openapi-core/-/openapi-core-1.0.0-beta.58.tgz#d7c9dfe580bd3f115f4e667ba49bc18be3c65ed2"
@@ -4495,6 +4515,21 @@
     node-fetch "^2.6.1"
     yaml-ast-parser "0.0.43"
 
+"@redocly/openapi-core@^1.0.0-beta.58", "@redocly/openapi-core@^1.0.0-beta.61":
+  version "1.0.0-beta.61"
+  resolved "https://registry.yarnpkg.com/@redocly/openapi-core/-/openapi-core-1.0.0-beta.61.tgz#d5fa05a4f625c234d5d83d65986f6d3dba68336a"
+  integrity sha512-/OgtozUxy7SvHVBZ3Iygu6brDTOFTOlkzpDQyykpa0lK2cPBeYjkJP5foBlHKeHl+TvxfPuzh1CSGSShSc+IBg==
+  dependencies:
+    "@redocly/ajv" "^8.6.2"
+    "@types/node" "^14.11.8"
+    colorette "^1.2.0"
+    js-levenshtein "^1.1.6"
+    js-yaml "^3.14.1"
+    lodash.isequal "^4.5.0"
+    minimatch "^3.0.4"
+    node-fetch "^2.6.1"
+    yaml-ast-parser "0.0.43"
+
 "@redocly/react-dropdown-aria@^2.0.11":
   version "2.0.12"
   resolved "https://registry.yarnpkg.com/@redocly/react-dropdown-aria/-/react-dropdown-aria-2.0.12.tgz#2e3af2b1b8e9123487109400d6117f0d4a8445a6"
@@ -5495,152 +5530,141 @@
   dependencies:
     "@babel/runtime" "^7.10.2"
 
-"@tkey/common-types@^3.12.0":
-  version "3.12.0"
-  resolved "https://registry.yarnpkg.com/@tkey/common-types/-/common-types-3.12.0.tgz#aa200b7d9706621e370501cbd92de22408903abb"
-  integrity sha512-5SmZm6T9RU+9SIudFIBStHNWIrw5m7YUsFekpiwioP6UiLtbXKhrSrUmsxH9TjHtJrUUY0azl5wUYDqUYEsn2A==
+"@tkey/common-types@^3.14.2":
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/@tkey/common-types/-/common-types-3.14.2.tgz#f7e71b3773e9871d8bf15588c2dfa8b6fbc6bd40"
+  integrity sha512-j5BkBAGKApj7PABfdGXYLpK9PRpz1fRFZXe1qt/RgapCIJ33YC4fudYLvSNVWX9ujUrQsAi929g2q1VxRFVPNg==
   dependencies:
     "@toruslabs/eccrypto" "^1.1.6"
-    "@toruslabs/torus-direct-web-sdk" "^4.8.0"
+    "@toruslabs/torus-direct-web-sdk" "^4.12.0"
     bn.js "^5.2.0"
     elliptic "^6.5.4"
     ts-custom-error "^3.2.0"
-    web3-utils "^1.3.4"
+    web3-utils "^1.3.5"
 
-"@tkey/core@^3.12.0":
-  version "3.12.0"
-  resolved "https://registry.yarnpkg.com/@tkey/core/-/core-3.12.0.tgz#e59964226ca27c3a0a9212e9322dce7646e406c7"
-  integrity sha512-/HbER9T4zRXzNb2jN+5ApBv1AEaZfedqsZ8+JNQ+wk6d74g/t5D0ejq2H/qddvXfL4w2QZZ29IciTezJWEbyAQ==
+"@tkey/core@^3.14.2":
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/@tkey/core/-/core-3.14.2.tgz#45ae48b0363d24de08683680aac3e584ba2d442e"
+  integrity sha512-SPbpPmW/+RhcwBy57/0+FaOespznxLaA+ZKkmDm0M+U72hSzQirGSBwhitjtMFGdbXpIPVi71PVw3vOpn/OHDg==
   dependencies:
-    "@tkey/common-types" "^3.12.0"
+    "@tkey/common-types" "^3.14.2"
     "@toruslabs/eccrypto" "^1.1.6"
     "@toruslabs/http-helpers" "^1.3.7"
     bn.js "^5.2.0"
     elliptic "^6.5.4"
     json-stable-stringify "^1.0.1"
-    web3-utils "^1.3.4"
+    web3-utils "^1.3.5"
 
-"@tkey/default@3.12.0":
-  version "3.12.0"
-  resolved "https://registry.yarnpkg.com/@tkey/default/-/default-3.12.0.tgz#3c74f0ee15d1ed63e1a244f6b8980f60ed6c8622"
-  integrity sha512-xmAr8/dwQB6BUUc2A9hRazJPua7Kezv0oBTLf0XmQjz1e0uigEHJZ7dA53lJO7h8JzTH4gCTTuLI74mB180ANw==
-  dependencies:
-    "@tkey/common-types" "^3.12.0"
-    "@tkey/core" "^3.12.0"
-    "@tkey/private-keys" "^3.12.0"
-    "@tkey/security-questions" "^3.12.0"
-    "@tkey/seed-phrase" "^3.12.0"
-    "@tkey/service-provider-base" "^3.12.0"
-    "@tkey/service-provider-torus" "^3.12.0"
-    "@tkey/share-serialization" "^3.12.0"
-    "@tkey/share-transfer" "^3.12.0"
-    "@tkey/storage-layer-torus" "^3.12.0"
+"@tkey/default@3.14.2":
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/@tkey/default/-/default-3.14.2.tgz#837b2f68d408adb38ef68bab672f1e9f8e213e51"
+  integrity sha512-KkkDaRf29ycrW6rGw6xbFuglphYZMxgu1Is4s2LFS44cRGYmdn5kSL9SGKmA8WNra72xYTkPCcuNikyjacCb5A==
+  dependencies:
+    "@tkey/common-types" "^3.14.2"
+    "@tkey/core" "^3.14.2"
+    "@tkey/private-keys" "^3.14.2"
+    "@tkey/security-questions" "^3.14.2"
+    "@tkey/seed-phrase" "^3.14.2"
+    "@tkey/service-provider-base" "^3.14.2"
+    "@tkey/service-provider-torus" "^3.14.2"
+    "@tkey/share-serialization" "^3.14.2"
+    "@tkey/share-transfer" "^3.14.2"
+    "@tkey/storage-layer-torus" "^3.14.2"
     "@toruslabs/eccrypto" "^1.1.6"
     bn.js "^5.2.0"
-    web3-utils "^1.3.4"
+    web3-utils "^1.3.5"
 
-"@tkey/private-keys@^3.12.0":
-  version "3.12.0"
-  resolved "https://registry.yarnpkg.com/@tkey/private-keys/-/private-keys-3.12.0.tgz#563fe1ed24ddf14de6c619f7204c01c7784315c5"
-  integrity sha512-rtPwxXPNkjMLBOn1q1e4wEaWUipRX2rxlK/Iz/W/r5uEdnzGsJ3SFqIn6OOqYAvXAHkmRfcqB85plLbn3pu3FQ==
+"@tkey/private-keys@^3.14.2":
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/@tkey/private-keys/-/private-keys-3.14.2.tgz#7b6f1bbbc54d22a3534647393299d54ec0c0a1f8"
+  integrity sha512-93bBsUrEMyWX/yJQXsH103yM9zOAAKmxvjnqU0cd0v3kT7MC4fMoWSiS0BIW482DrQ6lVPLalV4t/q7nWisnsw==
   dependencies:
-    "@tkey/common-types" "^3.12.0"
+    "@tkey/common-types" "^3.14.2"
     bn.js "^5.2.0"
     randombytes "^2.1.0"
 
-"@tkey/security-questions@3.12.0", "@tkey/security-questions@^3.12.0":
-  version "3.12.0"
-  resolved "https://registry.yarnpkg.com/@tkey/security-questions/-/security-questions-3.12.0.tgz#769eb916af60a490daff3c95b6d2b143eaf611e9"
-  integrity sha512-EITaEC4IzFaGFgNEjIgStzgWet1h8xuu9eqaMA2fM3Iyi6jjelmigGtZOerim6bfPv+7JcVGLB/2VkQNYHmMag==
+"@tkey/security-questions@3.14.2", "@tkey/security-questions@^3.14.2":
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/@tkey/security-questions/-/security-questions-3.14.2.tgz#f1a9fb21b0b0a26424c9e7036d2b42fe73c4fa02"
+  integrity sha512-aTiDAB4AlHFuQHrRTunIQsZcoInocCsV0DlZue3R6eqN22cyhyAC0EDK9Z4iGa6nn4gNDBORZ/jl95Zkn9ueew==
   dependencies:
-    "@tkey/common-types" "^3.12.0"
+    "@tkey/common-types" "^3.14.2"
     bn.js "^5.2.0"
-    web3-utils "^1.3.4"
+    web3-utils "^1.3.5"
 
-"@tkey/seed-phrase@^3.12.0":
-  version "3.12.0"
-  resolved "https://registry.yarnpkg.com/@tkey/seed-phrase/-/seed-phrase-3.12.0.tgz#fd246e746e278b6e52f4641960051c8627ac7ab4"
-  integrity sha512-9FRSS91qQqD8Hvj69DxR0XC7AyW+tGXJYzqnk9gcr3g4GWagWWDe6GVn0RzY8swn4/FINpeb/OfA0051YxmKSg==
+"@tkey/seed-phrase@^3.14.2":
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/@tkey/seed-phrase/-/seed-phrase-3.14.2.tgz#c59f43fcfa3f78b4c51ac6fb2254c598c70eebcb"
+  integrity sha512-4WxJpBjS5wb4K3BXgtlxZ0XyL0Xt1HXKLLoNwW6kP6qbfb/ibPbTxqxR/I+E3h+Z8zZ6Ll7oTa0lo4JC+nUpkA==
   dependencies:
-    "@tkey/common-types" "^3.12.0"
-    bip39 "^3.0.3"
+    "@tkey/common-types" "^3.14.2"
+    bip39 "^3.0.4"
     bn.js "^5.2.0"
     hdkey "^2.0.1"
-    web3-core "^1.3.4"
-    web3-eth "^1.3.4"
-    web3-utils "^1.3.4"
+    web3-core "^1.3.5"
+    web3-eth "^1.3.5"
+    web3-utils "^1.3.5"
 
-"@tkey/service-provider-base@^3.12.0":
-  version "3.12.0"
-  resolved "https://registry.yarnpkg.com/@tkey/service-provider-base/-/service-provider-base-3.12.0.tgz#57b3c046d7a92b082660d564ae8038632ce2edca"
-  integrity sha512-fTxMZMWtGsOsYbYQdGZoyavD6WgDWabRtNebBVcQTfWKBOglA2/41o4+pSt3rv5jUuhzG//A9XAkeylVM6ntCA==
+"@tkey/service-provider-base@^3.14.2":
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/@tkey/service-provider-base/-/service-provider-base-3.14.2.tgz#e1792f98c0bc3d3e498fafcd02db8cf62549cc3a"
+  integrity sha512-Kyt24x6S+4n3+bLxmrIiqBiZgjswjod/QLtl/0ClbMwrkGak4UlrpEz4zugI1s7MrLNb4QP2ZcuuTLIymP2Ipg==
   dependencies:
-    "@tkey/common-types" "^3.12.0"
+    "@tkey/common-types" "^3.14.2"
     bn.js "^5.2.0"
     elliptic "^6.5.4"
 
-"@tkey/service-provider-torus@^3.12.0":
-  version "3.12.0"
-  resolved "https://registry.yarnpkg.com/@tkey/service-provider-torus/-/service-provider-torus-3.12.0.tgz#b2125ac5108d4c02b8872f1006737d773221085f"
-  integrity sha512-0XPnZD2HkHS/nrggKl0NnJ3w89+WilQogTvjlRNddNyXlFYFtRhGqUKbeVC/+BEkExNi4xiErI75BramZsPy3Q==
+"@tkey/service-provider-torus@^3.14.2":
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/@tkey/service-provider-torus/-/service-provider-torus-3.14.2.tgz#5ccb3c091e46eccf577d8d4f63405a10d19ed530"
+  integrity sha512-iHUl9CAZZ7rhZFdIXoAuIe2k8YbF0iBcm6NX5CS5RzYjlZ160Yiq9NUo3ro9JWvc+E/0uumMhk1VGrYGhl4IIg==
   dependencies:
-    "@tkey/common-types" "^3.12.0"
-    "@tkey/service-provider-base" "^3.12.0"
-    "@toruslabs/torus-direct-web-sdk" "^4.8.0"
+    "@tkey/common-types" "^3.14.2"
+    "@tkey/service-provider-base" "^3.14.2"
+    "@toruslabs/torus-direct-web-sdk" "^4.12.0"
     bn.js "^5.2.0"
     elliptic "^6.5.4"
 
-"@tkey/share-serialization@^3.12.0":
-  version "3.12.0"
-  resolved "https://registry.yarnpkg.com/@tkey/share-serialization/-/share-serialization-3.12.0.tgz#ee548d6bc72127897a9003c07f21ac56f821d18d"
-  integrity sha512-p/ptrCSvG9Dqk37PPUqC1TkYBpfr5KBHcoJS+YWv4LjjwuIvw3tUpt7/ZwtS1j64Vev8ANlFbsyu7JiiD3UirA==
+"@tkey/share-serialization@^3.14.2":
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/@tkey/share-serialization/-/share-serialization-3.14.2.tgz#f20b6ee102a65d8113d0d8a884a7e607d1dce337"
+  integrity sha512-W1nkb6hTkzAgnJjqIRDuj1w5AoDIHLCZPl0hrgN6VQnZRgPSfA2iVLhjpe3Uwn+wMUVurjrWi608mwuHQHVU7g==
   dependencies:
-    "@tkey/common-types" "^3.12.0"
+    "@tkey/common-types" "^3.14.2"
     "@types/create-hash" "1.2.2"
     bn.js "^5.2.0"
     create-hash "^1.2.0"
 
-"@tkey/share-transfer@^3.12.0":
-  version "3.12.0"
-  resolved "https://registry.yarnpkg.com/@tkey/share-transfer/-/share-transfer-3.12.0.tgz#844a046a686be3d50e6ebe21cd22401c4077e32e"
-  integrity sha512-vp+yS0Q6HHMrjNOSx79k5I3KXkckV5qimPVec6L3g8TcBtWwipCack/bRGWwdHWFEP8+JJxC1pTrBaagSyOIJg==
+"@tkey/share-transfer@^3.14.2":
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/@tkey/share-transfer/-/share-transfer-3.14.2.tgz#beae019d77f1eaea472bd22e136fe1362be58054"
+  integrity sha512-mzJuq7HHRxGTt6Nrp+fj1MJWDnjttPuJ4SVpdbCIWCV5Lvizj1Z5MmkEQQj0bHeUayFwEMs1eoLquaht3KgtPA==
   dependencies:
-    "@tkey/common-types" "^3.12.0"
+    "@tkey/common-types" "^3.14.2"
     "@toruslabs/eccrypto" "^1.1.6"
+    "@toruslabs/http-helpers" "^1.3.7"
     bn.js "^5.2.0"
 
-"@tkey/storage-layer-torus@^3.12.0":
-  version "3.12.0"
-  resolved "https://registry.yarnpkg.com/@tkey/storage-layer-torus/-/storage-layer-torus-3.12.0.tgz#6e542faf55a1de0e344b3951a975c4acc8dbf32e"
-  integrity sha512-F10qPh6Rlpx0oUmF7TaJwCVZ8i0fPMB2CbnKrp6N8SevuJu7eB7OVJKzSFkKUW98AJIjH27ESwLrhU7edpl6rg==
+"@tkey/storage-layer-torus@^3.14.2":
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/@tkey/storage-layer-torus/-/storage-layer-torus-3.14.2.tgz#36f7291ca6a69f90faec2e0b245f17a85f547215"
+  integrity sha512-t511F8H2dxAgiXrHrgtwBWeETCYdMgCZCn/neAjE1PzMjiCY+hwo0HBd91nC/8/Lw1klKKXHz4ybvoI6ytSjSQ==
   dependencies:
-    "@tkey/common-types" "^3.12.0"
+    "@tkey/common-types" "^3.14.2"
     "@toruslabs/http-helpers" "^1.3.7"
     bn.js "^5.2.0"
     json-stable-stringify "^1.0.1"
-    web3-utils "^1.3.4"
+    web3-utils "^1.3.5"
 
-"@tkey/web-storage@3.12.0":
-  version "3.12.0"
-  resolved "https://registry.yarnpkg.com/@tkey/web-storage/-/web-storage-3.12.0.tgz#970e900ce746338908f046c381e2132cca2f7851"
-  integrity sha512-Zwu9+1zcqsDaxFWsyJLSzGwEjuMCNsFQiXmnbV44yKLRTP4fVNfOwkie5pgEJmCj2BQNagV26YhbH75hqSlL9g==
+"@tkey/web-storage@3.14.2":
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/@tkey/web-storage/-/web-storage-3.14.2.tgz#3406a4c0975b8e2f077e67826f0320979c86785f"
+  integrity sha512-0295ZfPV10B/oArehrKu1tYpsnxR+mVJkUNdcIPMGDxV7xBohPj7CHcSkMwXkviIpbyP9ISMFMrC7UIjLhBC4g==
   dependencies:
-    "@tkey/common-types" "^3.12.0"
+    "@tkey/common-types" "^3.14.2"
     "@types/bn.js" "^5.1.0"
     bn.js "^5.2.0"
 
-"@toruslabs/eccrypto@^1.1.5":
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/@toruslabs/eccrypto/-/eccrypto-1.1.5.tgz#c4b9319e02e913fecd90f3f2b98ae2699e7d498e"
-  integrity sha512-7sSAQ9M6b9wzxpIE98yi8zPh3wgdYiVBxvMvCOCb4c65UDOT6lpZyH30qP2fX30PaI+I2Ra+FwjfCCUuJegxfQ==
-  dependencies:
-    acorn "^7.4.0"
-    elliptic "^6.5.3"
-    es6-promise "^4.2.8"
-    nan "^2.14.1"
-  optionalDependencies:
-    secp256k1 "^3.8.0"
-
 "@toruslabs/eccrypto@^1.1.6":
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/@toruslabs/eccrypto/-/eccrypto-1.1.6.tgz#ce877cf00d6f9cf7ab3daa6ac4d6d540110b813b"
@@ -5653,13 +5677,17 @@
   optionalDependencies:
     secp256k1 "^3.8.0"
 
-"@toruslabs/fetch-node-details@^2.4.0":
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/@toruslabs/fetch-node-details/-/fetch-node-details-2.4.0.tgz#4aebc3a4655d60608b2c32393ac570165873bd7e"
-  integrity sha512-aPk3dYdvEe9MuHiqPAdr3QYP3cR2+SB2pU2VFx3F7fjNBfxplfhNYTw+aAkzX54Uwrrr4zSsBjFcst8p9P8vAg==
+"@toruslabs/eccrypto@^1.1.7":
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/@toruslabs/eccrypto/-/eccrypto-1.1.7.tgz#962954d6416f56ca2ba9bb9948cd08bd3b8cd0c4"
+  integrity sha512-zU4GnrH21yDY179fgp5Ovi4YjLdHy3WXM3QHCHAomYNxa03eAw2lxNR2bZ7kb698yk40s4WMrbnauukgabXH4Q==
   dependencies:
-    web3-eth-contract "^1.3.4"
-    web3-utils "^1.3.4"
+    acorn "^8.4.1"
+    elliptic "^6.5.4"
+    es6-promise "^4.2.8"
+    nan "^2.14.2"
+  optionalDependencies:
+    secp256k1 "^3.8.0"
 
 "@toruslabs/fetch-node-details@^2.6.1":
   version "2.6.1"
@@ -5669,12 +5697,13 @@
     web3-eth-contract "^1.3.6"
     web3-utils "^1.3.6"
 
-"@toruslabs/http-helpers@^1.3.5":
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/@toruslabs/http-helpers/-/http-helpers-1.3.5.tgz#b278e9e3d5872fc1df4955c864627c8d005c2278"
-  integrity sha512-Bg9AE3lPaPCv9OQAFusQlCE5TxxJCuT3R9ilGMhDiOfWQdtdW0f+cfzoRSQGA1I/lq0V217MNvWeJNLejLdsSA==
+"@toruslabs/fetch-node-details@^2.7.1":
+  version "2.7.1"
+  resolved "https://registry.yarnpkg.com/@toruslabs/fetch-node-details/-/fetch-node-details-2.7.1.tgz#d234ac8cb232c51f1cc120f3370159ce9bc3d4d2"
+  integrity sha512-6TfTmApe2OoUyST5s1arTH0dGuh6ONvykuEBjT25nO64Qgwu7eJNVMnH+DDH5Kl9PyboEa74ofGqv54l7oHsuA==
   dependencies:
-    deepmerge "^4.2.2"
+    web3-eth-contract "^1.5.2"
+    web3-utils "^1.5.2"
 
 "@toruslabs/http-helpers@^1.3.7":
   version "1.3.7"
@@ -5683,21 +5712,28 @@
   dependencies:
     deepmerge "^4.2.2"
 
-"@toruslabs/torus-direct-web-sdk@4.10.0", "@toruslabs/torus-direct-web-sdk@^4.8.0":
-  version "4.10.0"
-  resolved "https://registry.yarnpkg.com/@toruslabs/torus-direct-web-sdk/-/torus-direct-web-sdk-4.10.0.tgz#e15f0bf04acdacee211b736d67370d408eb537ce"
-  integrity sha512-z5LmA0K8uFvXFOl4zmckYnX+6efBfnnalTHNRwvxUHW+fiUamgiesB04IWufWQ4IzWyP7VmbHuNPcINjebrM0A==
+"@toruslabs/http-helpers@^1.4.0":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/@toruslabs/http-helpers/-/http-helpers-1.4.0.tgz#6d2d4129d1126876b0616b7dffec3f4b339739b5"
+  integrity sha512-lPRhTWeChQunds2CGV70xvaoFMMebZAqZLpTYZjUJfziumQjT12w9HWLIzlRfGFVKoYUsUiZLpGHl0JEwHCcqg==
+  dependencies:
+    deepmerge "^4.2.2"
+
+"@toruslabs/torus-direct-web-sdk@4.15.1", "@toruslabs/torus-direct-web-sdk@^4.12.0":
+  version "4.15.1"
+  resolved "https://registry.yarnpkg.com/@toruslabs/torus-direct-web-sdk/-/torus-direct-web-sdk-4.15.1.tgz#9d1011e8bf93c9d166f1b6d80f86706769159a4d"
+  integrity sha512-InNh2XwQKiFNEId8uEhO3ywDdXT/VMZFz3CZD8DAaUP73cM25kM8bSmS60xWeFsGRFHMULaPnL/4+N02eGzXMg==
   dependencies:
     "@chaitanyapotti/random-id" "^1.0.3"
     "@chaitanyapotti/register-service-worker" "^1.7.3"
-    "@toruslabs/fetch-node-details" "^2.4.0"
-    "@toruslabs/http-helpers" "^1.3.7"
-    "@toruslabs/torus.js" "^2.3.0"
-    broadcast-channel "^3.5.3"
+    "@toruslabs/fetch-node-details" "^2.7.1"
+    "@toruslabs/http-helpers" "^1.4.0"
+    "@toruslabs/torus.js" "^2.5.0"
+    broadcast-channel "^3.7.0"
     deepmerge "^4.2.2"
     jwt-decode "^3.1.2"
     loglevel "^1.7.1"
-    web3-utils "^1.3.4"
+    web3-utils "^1.5.2"
 
 "@toruslabs/torus-embed@^1.10.11":
   version "1.10.19"
@@ -5722,20 +5758,6 @@
     pump "^3.0.0"
     safe-event-emitter "^1.0.1"
 
-"@toruslabs/torus.js@^2.3.0":
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/@toruslabs/torus.js/-/torus.js-2.3.0.tgz#ddad85d1806abe2b30b8103b60e1ecc6e47485d0"
-  integrity sha512-ar/14QE2MST53Cpdtto13L6AlN53IOM0LRS7uuFk7a8TFeI+RbeQquY68lgn3ESEhDPzAxOuLJ3s6M3nBA1arg==
-  dependencies:
-    "@toruslabs/eccrypto" "^1.1.5"
-    "@toruslabs/http-helpers" "^1.3.5"
-    bn.js "^5.1.3"
-    elliptic "^6.5.4"
-    json-stable-stringify "^1.0.1"
-    loglevel "^1.7.1"
-    memory-cache "^0.2.0"
-    web3-utils "^1.3.3"
-
 "@toruslabs/torus.js@^2.3.1":
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/@toruslabs/torus.js/-/torus.js-2.3.1.tgz#e3da24d3bb2cd9613e414275730079db90819b15"
@@ -5750,6 +5772,20 @@
     memory-cache "^0.2.0"
     web3-utils "^1.3.6"
 
+"@toruslabs/torus.js@^2.5.0":
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/@toruslabs/torus.js/-/torus.js-2.5.0.tgz#90f7cdfaa6f7b8de88595c97a8a402400d17cd83"
+  integrity sha512-w6gGl6YxJ9w3Kdcavjq5/QFsERe/fcEILsxowkh24NsP9v++ptRGP+Hu7g9ZbTjPyoxZfXbGOj02ToUWtO5x7A==
+  dependencies:
+    "@toruslabs/eccrypto" "^1.1.7"
+    "@toruslabs/http-helpers" "^1.4.0"
+    bn.js "^5.2.0"
+    elliptic "^6.5.4"
+    json-stable-stringify "^1.0.1"
+    loglevel "^1.7.1"
+    memory-cache "^0.2.0"
+    web3-utils "^1.5.2"
+
 "@types/aria-query@^4.2.0":
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/@types/aria-query/-/aria-query-4.2.0.tgz#14264692a9d6e2fa4db3df5e56e94b5e25647ac0"
@@ -5848,6 +5884,14 @@
   dependencies:
     "@types/node" "*"
 
+"@types/glob@*":
+  version "7.1.4"
+  resolved "https://registry.yarnpkg.com/@types/glob/-/glob-7.1.4.tgz#ea59e21d2ee5c517914cb4bc8e4153b99e566672"
+  integrity sha512-w+LsMxKyYQm347Otw+IfBXOv9UWVjpHpCDdbBMt8Kz/xbvCYNjP+0qPh91Km3iKfSRLBB0P7fAMf0KHrPu+MyA==
+  dependencies:
+    "@types/minimatch" "*"
+    "@types/node" "*"
+
 "@types/glob@^7.1.1":
   version "7.1.3"
   resolved "https://registry.yarnpkg.com/@types/glob/-/glob-7.1.3.tgz#e6ba80f36b7daad2c685acd9266382e68985c183"
@@ -6989,6 +7033,11 @@ acorn@^7.1.1, acorn@^7.4.0:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.0.tgz#e1ad486e6c54501634c6c397c5c121daa383607c"
   integrity sha512-+G7P8jJmCHr+S+cLfQxygbWhXy+8YTVGzAkpEbcLo2mLoL7tij/VG41QSHACSf5QgYRhMZYHuNc6drJaO0Da+w==
 
+acorn@^8.4.1:
+  version "8.5.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.5.0.tgz#4512ccb99b3698c752591e9bb4472e38ad43cee2"
+  integrity sha512-yXbYeFy+jUuYd3/CDcg2NkIYE991XYX/bje7LmjJigUciaeO1JR4XxXgCIV1/Zc/dRuFEyw1L0pbA+qynJkW5Q==
+
 address@1.1.2, address@^1.0.1:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/address/-/address-1.1.2.tgz#bf1116c9c758c51b7a933d296b72c221ed9428b6"
@@ -7388,6 +7437,14 @@ asn1@~0.2.3:
   dependencies:
     safer-buffer "~2.1.0"
 
+assert-node-version@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/assert-node-version/-/assert-node-version-1.0.3.tgz#caea5d1b6a58dbce59661208df1e1b9e4c580f91"
+  integrity sha1-yupdG2pY285ZZhII3x4bnkxYD5E=
+  dependencies:
+    expected-node-version "^1.0.0"
+    semver "^5.0.3"
+
 assert-plus@1.0.0, assert-plus@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525"
@@ -8696,7 +8753,7 @@ bip32@^2.0.5:
     typeforce "^1.11.5"
     wif "^2.0.6"
 
-bip39@^3.0.2:
+bip39@^3.0.2, bip39@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/bip39/-/bip39-3.0.4.tgz#5b11fed966840b5e1b8539f0f54ab6392969b2a0"
   integrity sha512-YZKQlb752TrUWqHWj7XAwCSjYEgGAk+/Aas3V7NyjQeZYsztO8JnQUaCWhcnL4T+jL8nvB8typ2jRPzTlgugNw==
@@ -8706,16 +8763,6 @@ bip39@^3.0.2:
     pbkdf2 "^3.0.9"
     randombytes "^2.0.1"
 
-bip39@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/bip39/-/bip39-3.0.3.tgz#4a8b79067d6ed2e74f9199ac994a2ab61b176760"
-  integrity sha512-P0dKrz4g0V0BjXfx7d9QNkJ/Txcz/k+hM9TnjqjUaXtuOfAvxXSw2rJw8DX0e3ZPwnK/IgDxoRqf0bvoVCqbMg==
-  dependencies:
-    "@types/node" "11.11.6"
-    create-hash "^1.1.0"
-    pbkdf2 "^3.0.9"
-    randombytes "^2.0.1"
-
 bip66@^1.1.5:
   version "1.1.5"
   resolved "https://registry.yarnpkg.com/bip66/-/bip66-1.1.5.tgz#01fa8748785ca70955d5011217d1b3139969ca22"
@@ -8763,7 +8810,7 @@ bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.11.0, bn.js@^4.11.1, bn.js@^4.11.6, bn.js@^
   resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.11.9.tgz#26d556829458f9d1e81fc48952493d0ba3507828"
   integrity sha512-E6QoYqCKZfgatHTdHzs1RRKP7ip4vvm+EyRUeE2RF0NblwVvb0p6jSVeNTOFxPn26QXN2o6SMfNxKp6kU8zQaw==
 
-bn.js@^5.1.1, bn.js@^5.1.2, bn.js@^5.1.3:
+bn.js@^5.1.1, bn.js@^5.1.2:
   version "5.1.3"
   resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-5.1.3.tgz#beca005408f642ebebea80b042b4d18d2ac0ee6b"
   integrity sha512-GkTiFpjFtUzU9CbMeJ5iazkCzGL3jrhzerzZIuqLABjbwRaFt33I9tUdSNryIptM+RxDet6OKm2WnLXzW51KsQ==
@@ -8930,16 +8977,17 @@ braces@^3.0.1, braces@~3.0.2:
   dependencies:
     fill-range "^7.0.1"
 
-broadcast-channel@^3.5.3:
-  version "3.5.3"
-  resolved "https://registry.yarnpkg.com/broadcast-channel/-/broadcast-channel-3.5.3.tgz#c75c39d923ae8af6284a893bfdc8bd3996d2dd2d"
-  integrity sha512-OLOXfwReZa2AAAh9yOUyiALB3YxBe0QpThwwuyRHLgpl8bSznSDmV6Mz7LeBJg1VZsMcDcNMy7B53w12qHrIhQ==
+broadcast-channel@^3.7.0:
+  version "3.7.0"
+  resolved "https://registry.yarnpkg.com/broadcast-channel/-/broadcast-channel-3.7.0.tgz#2dfa5c7b4289547ac3f6705f9c00af8723889937"
+  integrity sha512-cIAKJXAxGJceNZGTZSBzMxzyOn72cVgPnKx4dc6LRjQgbaJUQqhy5rzL3zbMxkMWsGKkv2hSFkPRMEXfoMZ2Mg==
   dependencies:
     "@babel/runtime" "^7.7.2"
-    detect-node "^2.0.4"
+    detect-node "^2.1.0"
     js-sha3 "0.8.0"
     microseconds "0.2.0"
     nano-time "1.0.0"
+    oblivious-set "1.0.0"
     rimraf "3.0.2"
     unload "2.2.0"
 
@@ -11003,6 +11051,11 @@ detect-node@^2.0.4:
   resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.0.4.tgz#014ee8f8f669c5c58023da64b8179c083a28c46c"
   integrity sha512-ZIzRpLJrOj7jjP2miAtgqIfmzbxa4ZOr5jJc601zklsfEx9oTzmmj2nVpIPRpNlRTIh8lc1kyViIY7BWSGNmKw==
 
+detect-node@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.1.0.tgz#c9c70775a49c3d03bc2c06d9a73be550f978f8b1"
+  integrity sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==
+
 detect-port-alt@1.1.6:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/detect-port-alt/-/detect-port-alt-1.1.6.tgz#24707deabe932d4a3cf621302027c2b266568275"
@@ -11821,9 +11874,9 @@ eslint-module-utils@^2.4.1:
     pkg-dir "^2.0.0"
 
 eslint-plugin-cypress@^2.11.3:
-  version "2.11.3"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-cypress/-/eslint-plugin-cypress-2.11.3.tgz#54ee4067aa8192aa62810cd35080eb577e191ab7"
-  integrity sha512-hOoAid+XNFtpvOzZSNWP5LDrQBEJwbZwjib4XJ1KcRYKjeVj0mAmPmucG4Egli4j/aruv+Ow/acacoloWWCl9Q==
+  version "2.12.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-cypress/-/eslint-plugin-cypress-2.12.1.tgz#9aeee700708ca8c058e00cdafe215199918c2632"
+  integrity sha512-c2W/uPADl5kospNDihgiLc7n87t5XhUbFDoTl6CfVkmG+kDAb5Ux10V9PoLPu9N+r7znpc+iQlcmAqT1A/89HA==
   dependencies:
     globals "^11.12.0"
 
@@ -11867,6 +11920,11 @@ eslint-plugin-jsx-a11y@6.2.3:
     has "^1.0.3"
     jsx-ast-utils "^2.2.1"
 
+eslint-plugin-no-only-tests@^2.6.0:
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-no-only-tests/-/eslint-plugin-no-only-tests-2.6.0.tgz#19f6c9620bda02b9b9221b436c5f070e42628d76"
+  integrity sha512-T9SmE/g6UV1uZo1oHAqOvL86XWl7Pl2EpRpnLI8g/bkJu+h7XBCB+1LnubRZ2CUQXj805vh4/CYZdnqtVaEo2Q==
+
 eslint-plugin-react-hooks@^1.6.1:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-1.7.0.tgz#6210b6d5a37205f0b92858f895a4e827020a7d04"
@@ -12410,7 +12468,7 @@ ethereumjs-block@~2.2.0:
     ethereumjs-util "^5.0.0"
     merkle-patricia-tree "^2.1.2"
 
-ethereumjs-common@^1.1.0, ethereumjs-common@^1.3.2, ethereumjs-common@^1.5.0:
+ethereumjs-common@^1.1.0, ethereumjs-common@^1.5.0:
   version "1.5.2"
   resolved "https://registry.yarnpkg.com/ethereumjs-common/-/ethereumjs-common-1.5.2.tgz#2065dbe9214e850f2e955a80e650cb6999066979"
   integrity sha512-hTfZjwGX52GS2jcVO6E2sx4YuFnf0Fhp5ylo4pEPhEffNln7vS59Hr5sLnp3/QCazFLluuBZ+FZ6J5HTp0EqCA==
@@ -12489,10 +12547,10 @@ ethereumjs-util@^5.0.0, ethereumjs-util@^5.1.1, ethereumjs-util@^5.1.2, ethereum
     rlp "^2.0.0"
     safe-buffer "^5.1.1"
 
-ethereumjs-util@^7.0.8:
-  version "7.0.10"
-  resolved "https://registry.yarnpkg.com/ethereumjs-util/-/ethereumjs-util-7.0.10.tgz#5fb7b69fa1fda0acc59634cf39d6b0291180fc1f"
-  integrity sha512-c/xThw6A+EAnej5Xk5kOzFzyoSnw0WX0tSlZ6pAsfGVvQj3TItaDg9b1+Fz1RJXA+y2YksKwQnuzgt1eY6LKzw==
+ethereumjs-util@^7.0.10, ethereumjs-util@^7.1.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/ethereumjs-util/-/ethereumjs-util-7.1.0.tgz#e2b43a30bfcdbcb432a4eb42bd5f2393209b3fd5"
+  integrity sha512-kR+vhu++mUDARrsMMhsjjzPduRVAeundLGXucGRHF3B4oEltOUspfgCVco4kckucj3FMlLaZHUl9n7/kdmr6Tw==
   dependencies:
     "@types/bn.js" "^5.1.0"
     bn.js "^5.1.2"
@@ -12501,10 +12559,10 @@ ethereumjs-util@^7.0.8:
     ethjs-util "0.1.6"
     rlp "^2.2.4"
 
-ethereumjs-util@^7.1.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/ethereumjs-util/-/ethereumjs-util-7.1.0.tgz#e2b43a30bfcdbcb432a4eb42bd5f2393209b3fd5"
-  integrity sha512-kR+vhu++mUDARrsMMhsjjzPduRVAeundLGXucGRHF3B4oEltOUspfgCVco4kckucj3FMlLaZHUl9n7/kdmr6Tw==
+ethereumjs-util@^7.0.8:
+  version "7.0.10"
+  resolved "https://registry.yarnpkg.com/ethereumjs-util/-/ethereumjs-util-7.0.10.tgz#5fb7b69fa1fda0acc59634cf39d6b0291180fc1f"
+  integrity sha512-c/xThw6A+EAnej5Xk5kOzFzyoSnw0WX0tSlZ6pAsfGVvQj3TItaDg9b1+Fz1RJXA+y2YksKwQnuzgt1eY6LKzw==
   dependencies:
     "@types/bn.js" "^5.1.0"
     bn.js "^5.1.2"
@@ -12861,6 +12919,11 @@ expect@^24.9.0:
     jest-message-util "^24.9.0"
     jest-regex-util "^24.9.0"
 
+expected-node-version@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/expected-node-version/-/expected-node-version-1.0.2.tgz#b8d225b9bf676a9e87e06dbd615b52fc9d1e386b"
+  integrity sha1-uNIlub9nap6H4G29YVtS/J0eOGs=
+
 express@^4.17.0, express@^4.17.1:
   version "4.17.1"
   resolved "https://registry.yarnpkg.com/express/-/express-4.17.1.tgz#4491fc38605cf51f8629d39c2b5d026f98a4c134"
@@ -13800,6 +13863,13 @@ glob-parent@~5.1.2:
   dependencies:
     is-glob "^4.0.1"
 
+glob-promise@^3.4.0:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/glob-promise/-/glob-promise-3.4.0.tgz#b6b8f084504216f702dc2ce8c9bc9ac8866fdb20"
+  integrity sha512-q08RJ6O+eJn+dVanerAndJwIcumgbDdYiUT7zFQl3Wm1xD6fBKtah7H8ZJChj4wP+8C+QfeVy8xautR7rdmKEw==
+  dependencies:
+    "@types/glob" "*"
+
 glob-to-regexp@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.3.0.tgz#8c5a1494d2066c570cc3bfe4496175acc4d502ab"
@@ -14006,7 +14076,7 @@ handle-thing@^2.0.0:
   resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-2.0.1.tgz#857f79ce359580c340d43081cc648970d0bb234e"
   integrity sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==
 
-handlebars@^4.7.7:
+handlebars@^4.7.6, handlebars@^4.7.7:
   version "4.7.7"
   resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.7.7.tgz#9ce33416aad02dbd6c8fafa8240d5d98004945a1"
   integrity sha512-aAcXm5OAfE/8IXkcZvCepKU3VzW1/39Fb5ZuqMtgI/hT8X2YgoMvBY5dLhq/cpOvw7Lk1nK/UF71aLG/ZnVYRA==
@@ -17728,6 +17798,11 @@ nan@^2.13.2:
   resolved "https://registry.yarnpkg.com/nan/-/nan-2.14.2.tgz#f5376400695168f4cc694ac9393d0c9585eeea19"
   integrity sha512-M2ufzIiINKCuDfBSAUr1vWQ+vuVcA9kqx8JJUsbQi6yf1uGRyb7HfpdfUr5qLXf3B/t8dPvcjhKMmlfnP47EzQ==
 
+nan@^2.14.2:
+  version "2.15.0"
+  resolved "https://registry.yarnpkg.com/nan/-/nan-2.15.0.tgz#3f34a473ff18e15c1b5626b62903b5ad6e665fee"
+  integrity sha512-8ZtvEnA2c5aYCZYd1cvgdnU6cqwixRoYg70xPLWUws5ORTa/lnw+u4amixRS/Ac5U5mQVgp9pnlSUnbNWFaWZQ==
+
 nano-base32@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/nano-base32/-/nano-base32-1.0.1.tgz#ba548c879efcfb90da1c4d9e097db4a46c9255ef"
@@ -18276,6 +18351,11 @@ object.values@^1.1.0, object.values@^1.1.1:
     function-bind "^1.1.1"
     has "^1.0.3"
 
+oblivious-set@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/oblivious-set/-/oblivious-set-1.0.0.tgz#c8316f2c2fb6ff7b11b6158db3234c49f733c566"
+  integrity sha512-z+pI07qxo4c2CulUHCDf9lcqDlMSo72N/4rLUpRXf6fu+q8vjt8y0xS+Tlf8NTJDdTXHbdeO1n3MlbctwEoXZw==
+
 oboe@2.1.5:
   version "2.1.5"
   resolved "https://registry.yarnpkg.com/oboe/-/oboe-2.1.5.tgz#5554284c543a2266d7a38f17e073821fbde393cd"
@@ -20190,6 +20270,11 @@ querystringify@^2.1.1:
   resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.2.0.tgz#3345941b4153cb9d082d8eee4cda2016a9aef7f6"
   integrity sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==
 
+queue-microtask@^1.2.2:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
+  integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
+
 quick-lru@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-1.1.0.tgz#4360b17c61136ad38078397ff11416e186dcfbb8"
@@ -21960,7 +22045,7 @@ semaphore@>=1.0.1, semaphore@^1.0.3:
   resolved "https://registry.yarnpkg.com/semaphore/-/semaphore-1.1.0.tgz#aaad8b86b20fe8e9b32b16dc2ee682a8cd26a8aa"
   integrity sha512-O4OZEaNtkMd/K0i6js9SL+gqy0ZCBMgUvlSqHKi4IBdjhe7wB8pwztUk1BbZ1fmrvpwFrPbHzqd2w5pTcJH6LA==
 
-"semver@2 || 3 || 4 || 5", semver@^5.3.0, semver@^5.4.1, semver@^5.5.0, semver@^5.5.1, semver@^5.6.0:
+"semver@2 || 3 || 4 || 5", semver@^5.0.3, semver@^5.3.0, semver@^5.4.1, semver@^5.5.0, semver@^5.5.1, semver@^5.6.0:
   version "5.7.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
   integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
@@ -22271,6 +22356,17 @@ simple-swizzle@^0.2.2:
   dependencies:
     is-arrayish "^0.3.1"
 
+simple-websocket@^9.0.0:
+  version "9.1.0"
+  resolved "https://registry.yarnpkg.com/simple-websocket/-/simple-websocket-9.1.0.tgz#91cbb39eafefbe7e66979da6c639109352786a7f"
+  integrity sha512-8MJPnjRN6A8UCp1I+H/dSFyjwJhp6wta4hsVRhjf8w9qBHRzxYt14RaOcjvQnhD1N4yKOddEjflwMnQM4VtXjQ==
+  dependencies:
+    debug "^4.3.1"
+    queue-microtask "^1.2.2"
+    randombytes "^2.1.0"
+    readable-stream "^3.6.0"
+    ws "^7.4.2"
+
 simplebar-react@^1.0.0-alpha.6:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/simplebar-react/-/simplebar-react-1.2.3.tgz#bd81fa9827628470e9470d06caef6ece15e1c882"
@@ -24247,24 +24343,6 @@ wcwidth@^1.0.1:
   dependencies:
     defaults "^1.0.3"
 
-web3-core-helpers@1.3.4:
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/web3-core-helpers/-/web3-core-helpers-1.3.4.tgz#b8549740bf24d5c71688d89c3cdd802d8d36b4e4"
-  integrity sha512-n7BqDalcTa1stncHMmrnFtyTgDhX5Fy+avNaHCf6qcOP2lwTQC8+mdHVBONWRJ6Yddvln+c8oY/TAaB6PzWK0A==
-  dependencies:
-    underscore "1.9.1"
-    web3-eth-iban "1.3.4"
-    web3-utils "1.3.4"
-
-web3-core-helpers@1.3.5:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/web3-core-helpers/-/web3-core-helpers-1.3.5.tgz#9f0ff7ed40befb9f691986e66fd94c828c7b1b13"
-  integrity sha512-HYh3ix5FjysgT0jyzD8s/X5ym0b4BGU7I2QtuBiydMnE0mQEWy7GcT9XKpTySA8FTOHHIAQYvQS07DN/ky3UzA==
-  dependencies:
-    underscore "1.9.1"
-    web3-eth-iban "1.3.5"
-    web3-utils "1.3.5"
-
 web3-core-helpers@1.3.6:
   version "1.3.6"
   resolved "https://registry.yarnpkg.com/web3-core-helpers/-/web3-core-helpers-1.3.6.tgz#c478246a9abe4e5456acf42657dac2f7c330be74"
@@ -24274,29 +24352,13 @@ web3-core-helpers@1.3.6:
     web3-eth-iban "1.3.6"
     web3-utils "1.3.6"
 
-web3-core-method@1.3.4:
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/web3-core-method/-/web3-core-method-1.3.4.tgz#6c2812d96dd6c811b9e6c8a5d25050d2c22b9527"
-  integrity sha512-JxmQrujsAWYRRN77P/RY7XuZDCzxSiiQJrgX/60Lfyf7FF1Y0le4L/UMCi7vUJnuYkbU1Kfl9E0udnqwyPqlvQ==
-  dependencies:
-    "@ethersproject/transactions" "^5.0.0-beta.135"
-    underscore "1.9.1"
-    web3-core-helpers "1.3.4"
-    web3-core-promievent "1.3.4"
-    web3-core-subscriptions "1.3.4"
-    web3-utils "1.3.4"
-
-web3-core-method@1.3.5:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/web3-core-method/-/web3-core-method-1.3.5.tgz#995fe12f3b364469e5208a88d72736327b231faa"
-  integrity sha512-hCbmgQ+At6OTuaNGAdjXMsCr4eUCmp9yGKSuaB5HdkNVDpqFso4HHjVxcjNrTyJp3OZnyjKBzQzK1ZWLpLl84Q==
+web3-core-helpers@1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/web3-core-helpers/-/web3-core-helpers-1.5.2.tgz#b6bd5071ca099ba3f92dfafb552eed2b70af2795"
+  integrity sha512-U7LJoeUdQ3aY9t5gU7t/1XpcApsWm+4AcW5qKl/44ZxD44w0Dmsq1c5zJm3GuLr/a9MwQfXK4lpmvxVQWHHQRg==
   dependencies:
-    "@ethersproject/transactions" "^5.0.0-beta.135"
-    underscore "1.9.1"
-    web3-core-helpers "1.3.5"
-    web3-core-promievent "1.3.5"
-    web3-core-subscriptions "1.3.5"
-    web3-utils "1.3.5"
+    web3-eth-iban "1.5.2"
+    web3-utils "1.5.2"
 
 web3-core-method@1.3.6:
   version "1.3.6"
@@ -24310,19 +24372,17 @@ web3-core-method@1.3.6:
     web3-core-subscriptions "1.3.6"
     web3-utils "1.3.6"
 
-web3-core-promievent@1.3.4:
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/web3-core-promievent/-/web3-core-promievent-1.3.4.tgz#d166239012d91496cdcbe91d5d54071ea818bc73"
-  integrity sha512-V61dZIeBwogg6hhZZUt0qL9hTp1WDhnsdjP++9fhTDr4vy/Gz8T5vibqT2LLg6lQC8i+Py33yOpMeMNjztaUaw==
-  dependencies:
-    eventemitter3 "4.0.4"
-
-web3-core-promievent@1.3.5:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/web3-core-promievent/-/web3-core-promievent-1.3.5.tgz#33c34811cc4e2987c56e5192f9a014368c42ca39"
-  integrity sha512-K0j8x3ZJr0eAyNvyUCxOUsSTd4hco0/9nxxlyOuijcsa6YV8l9NL6eqhniWbSyxCJT8ka5Mb7yAiUZe69EDLBQ==
+web3-core-method@1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/web3-core-method/-/web3-core-method-1.5.2.tgz#d1d602657be1000a29d11e3ca3bf7bc778dea9a5"
+  integrity sha512-/mC5t9UjjJoQmJJqO5nWK41YHo+tMzFaT7Tp7jDCQsBkinE68KsUJkt0jzygpheW84Zra0DVp6q19gf96+cugg==
   dependencies:
-    eventemitter3 "4.0.4"
+    "@ethereumjs/common" "^2.4.0"
+    "@ethersproject/transactions" "^5.0.0-beta.135"
+    web3-core-helpers "1.5.2"
+    web3-core-promievent "1.5.2"
+    web3-core-subscriptions "1.5.2"
+    web3-utils "1.5.2"
 
 web3-core-promievent@1.3.6:
   version "1.3.6"
@@ -24331,29 +24391,12 @@ web3-core-promievent@1.3.6:
   dependencies:
     eventemitter3 "4.0.4"
 
-web3-core-requestmanager@1.3.4:
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/web3-core-requestmanager/-/web3-core-requestmanager-1.3.4.tgz#e105ced735c2b5fcedd5771e0ecf9879ae9c373f"
-  integrity sha512-xriouCrhVnVDYQ04TZXdEREZm0OOJzkSEsoN5bu4JYsA6e/HzROeU+RjDpMUxFMzN4wxmFZ+HWbpPndS3QwMag==
-  dependencies:
-    underscore "1.9.1"
-    util "^0.12.0"
-    web3-core-helpers "1.3.4"
-    web3-providers-http "1.3.4"
-    web3-providers-ipc "1.3.4"
-    web3-providers-ws "1.3.4"
-
-web3-core-requestmanager@1.3.5:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/web3-core-requestmanager/-/web3-core-requestmanager-1.3.5.tgz#c452ea85fcffdf5b82b84c250707b638790d0e75"
-  integrity sha512-9l294U3Ga8qmvv8E37BqjQREfMs+kFnkU3PY28g9DZGYzKvl3V1dgDYqxyrOBdCFhc7rNSpHdgC4PrVHjouspg==
+web3-core-promievent@1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/web3-core-promievent/-/web3-core-promievent-1.5.2.tgz#2dc9fe0e5bbeb7c360fc1aac5f12b32d9949a59b"
+  integrity sha512-5DacbJXe98ozSor7JlkTNCy6G8945VunRRkPxMk98rUrg60ECVEM/vuefk1atACzjQsKx6tmLZuHxbJQ64TQeQ==
   dependencies:
-    underscore "1.9.1"
-    util "^0.12.0"
-    web3-core-helpers "1.3.5"
-    web3-providers-http "1.3.5"
-    web3-providers-ipc "1.3.5"
-    web3-providers-ws "1.3.5"
+    eventemitter3 "4.0.4"
 
 web3-core-requestmanager@1.3.6:
   version "1.3.6"
@@ -24367,23 +24410,16 @@ web3-core-requestmanager@1.3.6:
     web3-providers-ipc "1.3.6"
     web3-providers-ws "1.3.6"
 
-web3-core-subscriptions@1.3.4:
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/web3-core-subscriptions/-/web3-core-subscriptions-1.3.4.tgz#7b00e92bde21f792620cd02e6e508fcf4f4c31d3"
-  integrity sha512-drVHVDxh54hv7xmjIm44g4IXjfGj022fGw4/meB5R2D8UATFI40F73CdiBlyqk3DysP9njDOLTJFSQvEkLFUOg==
-  dependencies:
-    eventemitter3 "4.0.4"
-    underscore "1.9.1"
-    web3-core-helpers "1.3.4"
-
-web3-core-subscriptions@1.3.5:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/web3-core-subscriptions/-/web3-core-subscriptions-1.3.5.tgz#7c4dc9d559e344d852de2cf01bd0cc13c94023cb"
-  integrity sha512-6mtXdaEB1V1zKLqYBq7RF2W75AK5ZJNGpW6QYC7Zvbku7zq1ZlgaUkJo88JKMWJ7etfaHaYqQ/7VveHk5sQynA==
+web3-core-requestmanager@1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/web3-core-requestmanager/-/web3-core-requestmanager-1.5.2.tgz#43ccc00779394c941b28e6e07e217350fd1ded71"
+  integrity sha512-oRVW9OrAsXN2JIZt68OEg1Mb1A9a/L3JAGMv15zLEFEnJEGw0KQsGK1ET2kvZBzvpFd5G0EVkYCnx7WDe4HSNw==
   dependencies:
-    eventemitter3 "4.0.4"
-    underscore "1.9.1"
-    web3-core-helpers "1.3.5"
+    util "^0.12.0"
+    web3-core-helpers "1.5.2"
+    web3-providers-http "1.5.2"
+    web3-providers-ipc "1.5.2"
+    web3-providers-ws "1.5.2"
 
 web3-core-subscriptions@1.3.6:
   version "1.3.6"
@@ -24394,31 +24430,13 @@ web3-core-subscriptions@1.3.6:
     underscore "1.12.1"
     web3-core-helpers "1.3.6"
 
-web3-core@1.3.4:
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/web3-core/-/web3-core-1.3.4.tgz#2cc7ba7f35cc167f7a0a46fd5855f86e51d34ce8"
-  integrity sha512-7OJu46RpCEfTerl+gPvHXANR2RkLqAfW7l2DAvQ7wN0pnCzl9nEfdgW6tMhr31k3TR2fWucwKzCyyxMGzMHeSA==
-  dependencies:
-    "@types/bn.js" "^4.11.5"
-    "@types/node" "^12.12.6"
-    bignumber.js "^9.0.0"
-    web3-core-helpers "1.3.4"
-    web3-core-method "1.3.4"
-    web3-core-requestmanager "1.3.4"
-    web3-utils "1.3.4"
-
-web3-core@1.3.5, web3-core@^1.3.4:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/web3-core/-/web3-core-1.3.5.tgz#1e9335e6c4549dac09aaa07157242ebd6d097226"
-  integrity sha512-VQjTvnGTqJwDwjKEHSApea3RmgtFGLDSJ6bqrOyHROYNyTyKYjFQ/drG9zs3rjDkND9mgh8foI1ty37Qua3QCQ==
+web3-core-subscriptions@1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/web3-core-subscriptions/-/web3-core-subscriptions-1.5.2.tgz#8eaebde44f81fc13c45b555c4422fe79393da9cf"
+  integrity sha512-hapI4rKFk22yurtIv0BYvkraHsM7epA4iI8Np+HuH6P9DD0zj/llaps6TXLM9HyacLBRwmOLZmr+pHBsPopUnQ==
   dependencies:
-    "@types/bn.js" "^4.11.5"
-    "@types/node" "^12.12.6"
-    bignumber.js "^9.0.0"
-    web3-core-helpers "1.3.5"
-    web3-core-method "1.3.5"
-    web3-core-requestmanager "1.3.5"
-    web3-utils "1.3.5"
+    eventemitter3 "4.0.4"
+    web3-core-helpers "1.5.2"
 
 web3-core@1.3.6:
   version "1.3.6"
@@ -24433,23 +24451,18 @@ web3-core@1.3.6:
     web3-core-requestmanager "1.3.6"
     web3-utils "1.3.6"
 
-web3-eth-abi@1.3.4:
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/web3-eth-abi/-/web3-eth-abi-1.3.4.tgz#10f5d8b6080dbb6cbaa1bcef7e0c70573da6566f"
-  integrity sha512-PVSLXJ2dzdXsC+R24llIIEOS6S1KhG5qwNznJjJvXZFe3sqgdSe47eNvwUamZtCBjcrdR/HQr+L/FTxqJSf80Q==
-  dependencies:
-    "@ethersproject/abi" "5.0.7"
-    underscore "1.9.1"
-    web3-utils "1.3.4"
-
-web3-eth-abi@1.3.5:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/web3-eth-abi/-/web3-eth-abi-1.3.5.tgz#eeffab0a4b318c47b8777de90983ca45614f8173"
-  integrity sha512-bkbG2v/mOW5DH6rF/SEgqunusjYoEi2IBw+fkmD3rzWDaEY7+/i1xY94AeO257d06QMgld75GtV/N+aEs7A6vQ==
+web3-core@1.5.2, web3-core@^1.3.5:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/web3-core/-/web3-core-1.5.2.tgz#ca2b9b1ed3cf84d48b31c9bb91f7628f97cfdcd5"
+  integrity sha512-sebMpQbg3kbh3vHUbHrlKGKOxDWqjgt8KatmTBsTAWj/HwWYVDzeX+2Q84+swNYsm2DrTBVFlqTErFUwPBvyaA==
   dependencies:
-    "@ethersproject/abi" "5.0.7"
-    underscore "1.9.1"
-    web3-utils "1.3.5"
+    "@types/bn.js" "^4.11.5"
+    "@types/node" "^12.12.6"
+    bignumber.js "^9.0.0"
+    web3-core-helpers "1.5.2"
+    web3-core-method "1.5.2"
+    web3-core-requestmanager "1.5.2"
+    web3-utils "1.5.2"
 
 web3-eth-abi@1.3.6:
   version "1.3.6"
@@ -24460,52 +24473,44 @@ web3-eth-abi@1.3.6:
     underscore "1.12.1"
     web3-utils "1.3.6"
 
-web3-eth-accounts@1.3.5:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/web3-eth-accounts/-/web3-eth-accounts-1.3.5.tgz#c23ee748759a6a06d6485a9322b106baa944dcdd"
-  integrity sha512-r3WOR21rgm6Cd6OFnifr3Tizdm5K+g2TsSOPySwX4FrgLrYDL6ck4zr5VXUPz+llpSExb/JztpE8pqEHr3U2NA==
+web3-eth-abi@1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/web3-eth-abi/-/web3-eth-abi-1.5.2.tgz#b627eada967f39ae4657ddd61b693cb00d55cb29"
+  integrity sha512-P3bJbDR5wib4kWGfVeBKBVi27T+AiHy4EJxYM6SMNbpm3DboLDdisu9YBd6INMs8rzxgnprBbGmmyn4jKIDKAA==
+  dependencies:
+    "@ethersproject/abi" "5.0.7"
+    web3-utils "1.5.2"
+
+web3-eth-accounts@1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/web3-eth-accounts/-/web3-eth-accounts-1.5.2.tgz#cf506c21037fa497fe42f1f055980ce4acf83731"
+  integrity sha512-F8mtzxgEhxfLc66vPi0Gqd6mpscvvk7Ua575bsJ1p9J2X/VtuKgDgpWcU4e4LKeROQ+ouCpAG9//0j9jQuij3A==
   dependencies:
+    "@ethereumjs/common" "^2.3.0"
+    "@ethereumjs/tx" "^3.2.1"
     crypto-browserify "3.12.0"
     eth-lib "0.2.8"
-    ethereumjs-common "^1.3.2"
-    ethereumjs-tx "^2.1.1"
+    ethereumjs-util "^7.0.10"
     scrypt-js "^3.0.1"
-    underscore "1.9.1"
     uuid "3.3.2"
-    web3-core "1.3.5"
-    web3-core-helpers "1.3.5"
-    web3-core-method "1.3.5"
-    web3-utils "1.3.5"
+    web3-core "1.5.2"
+    web3-core-helpers "1.5.2"
+    web3-core-method "1.5.2"
+    web3-utils "1.5.2"
 
-web3-eth-contract@1.3.5:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/web3-eth-contract/-/web3-eth-contract-1.3.5.tgz#b41ecf8612b379c4fb1c614e950135717aa8f919"
-  integrity sha512-WfGVeQquN3D7Qm+KEIN9EI7yrm/fL2V9Y4+YhDWiKA/ns1pX1LYcEWojTOnBXCnPF3tcvoKKL+KBxXg1iKm38A==
-  dependencies:
-    "@types/bn.js" "^4.11.5"
-    underscore "1.9.1"
-    web3-core "1.3.5"
-    web3-core-helpers "1.3.5"
-    web3-core-method "1.3.5"
-    web3-core-promievent "1.3.5"
-    web3-core-subscriptions "1.3.5"
-    web3-eth-abi "1.3.5"
-    web3-utils "1.3.5"
-
-web3-eth-contract@^1.3.4:
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/web3-eth-contract/-/web3-eth-contract-1.3.4.tgz#1ea2dd71be0c4a9cf4772d4f75dbb2fa99751472"
-  integrity sha512-Fvy8ZxUksQY2ePt+XynFfOiSqxgQtMn4m2NJs6VXRl2Inl17qyRi/nIJJVKTcENLocm+GmZ/mxq2eOE5u02nPg==
+web3-eth-contract@1.5.2, web3-eth-contract@^1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/web3-eth-contract/-/web3-eth-contract-1.5.2.tgz#ffbd799fd01e36596aaadefba323e24a98a23c2f"
+  integrity sha512-4B8X/IPFxZCTmtENpdWXtyw5fskf2muyc3Jm5brBQRb4H3lVh1/ZyQy7vOIkdphyaXu4m8hBLHzeyKkd37mOUg==
   dependencies:
     "@types/bn.js" "^4.11.5"
-    underscore "1.9.1"
-    web3-core "1.3.4"
-    web3-core-helpers "1.3.4"
-    web3-core-method "1.3.4"
-    web3-core-promievent "1.3.4"
-    web3-core-subscriptions "1.3.4"
-    web3-eth-abi "1.3.4"
-    web3-utils "1.3.4"
+    web3-core "1.5.2"
+    web3-core-helpers "1.5.2"
+    web3-core-method "1.5.2"
+    web3-core-promievent "1.5.2"
+    web3-core-subscriptions "1.5.2"
+    web3-eth-abi "1.5.2"
+    web3-utils "1.5.2"
 
 web3-eth-contract@^1.3.6:
   version "1.3.6"
@@ -24522,36 +24527,19 @@ web3-eth-contract@^1.3.6:
     web3-eth-abi "1.3.6"
     web3-utils "1.3.6"
 
-web3-eth-ens@1.3.5:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/web3-eth-ens/-/web3-eth-ens-1.3.5.tgz#5a28d23eb402fb1f6964da60ea60641e4d24d366"
-  integrity sha512-5bkpFTXV18CvaVP8kCbLZZm2r1TWUv9AsXH+80yz8bTZulUGvXsBMRfK6e5nfEr2Yv59xlIXCFoalmmySI9EJw==
+web3-eth-ens@1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/web3-eth-ens/-/web3-eth-ens-1.5.2.tgz#ecb3708f0e8e2e847e9d89e8428da12c30bba6a4"
+  integrity sha512-/UrLL42ZOCYge+BpFBdzG8ICugaRS4f6X7PxJKO+zAt+TwNgBpjuWfW/ZYNcuqJun/ZyfcTuj03TXqA1RlNhZQ==
   dependencies:
     content-hash "^2.5.2"
     eth-ens-namehash "2.0.8"
-    underscore "1.9.1"
-    web3-core "1.3.5"
-    web3-core-helpers "1.3.5"
-    web3-core-promievent "1.3.5"
-    web3-eth-abi "1.3.5"
-    web3-eth-contract "1.3.5"
-    web3-utils "1.3.5"
-
-web3-eth-iban@1.3.4:
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/web3-eth-iban/-/web3-eth-iban-1.3.4.tgz#5eb7a564e0dcf68730d68f48f95dd207cd173d81"
-  integrity sha512-Y7/hLjVvIN/OhaAyZ8L/hxbTqVX6AFTl2RwUXR6EEU9oaLydPcMjAx/Fr8mghUvQS3QJSr+UGubP3W4SkyNiYw==
-  dependencies:
-    bn.js "^4.11.9"
-    web3-utils "1.3.4"
-
-web3-eth-iban@1.3.5:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/web3-eth-iban/-/web3-eth-iban-1.3.5.tgz#dff1e37864e23a3387016ec4db96cdc290a6fbd6"
-  integrity sha512-x+BI/d2Vt0J1cKK8eFd4W0f1TDjgEOYCwiViTb28lLE+tqrgyPqWDA+l6UlKYLF/yMFX3Dym4ofcCOtgcn4q4g==
-  dependencies:
-    bn.js "^4.11.9"
-    web3-utils "1.3.5"
+    web3-core "1.5.2"
+    web3-core-helpers "1.5.2"
+    web3-core-promievent "1.5.2"
+    web3-eth-abi "1.5.2"
+    web3-eth-contract "1.5.2"
+    web3-utils "1.5.2"
 
 web3-eth-iban@1.3.6:
   version "1.3.6"
@@ -24561,45 +24549,52 @@ web3-eth-iban@1.3.6:
     bn.js "^4.11.9"
     web3-utils "1.3.6"
 
-web3-eth-personal@1.3.5:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/web3-eth-personal/-/web3-eth-personal-1.3.5.tgz#bc5d5b900bc4824139af2ef01eaf8e9855c644ba"
-  integrity sha512-xELQHNZ8p3VoO1582ghCaq+Bx7pSkOOalc6/ACOCGtHDMelqgVejrmSIZGScYl+k0HzngmQAzURZWQocaoGM1g==
+web3-eth-iban@1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/web3-eth-iban/-/web3-eth-iban-1.5.2.tgz#f390ad244ef8a6c94de7c58736b0b80a484abc8e"
+  integrity sha512-C04YDXuSG/aDwOHSX+HySBGb0KraiAVt+/l1Mw7y/fCUrKC/K0yYzMYqY/uYOcvLtepBPsC4ZfUYWUBZ2PO8Vg==
   dependencies:
-    "@types/node" "^12.12.6"
-    web3-core "1.3.5"
-    web3-core-helpers "1.3.5"
-    web3-core-method "1.3.5"
-    web3-net "1.3.5"
-    web3-utils "1.3.5"
+    bn.js "^4.11.9"
+    web3-utils "1.5.2"
 
-web3-eth@^1.3.4:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/web3-eth/-/web3-eth-1.3.5.tgz#2a3d0db870ef7921942a5d798ba0569175cc4de1"
-  integrity sha512-5qqDPMMD+D0xRqOV2ePU2G7/uQmhn0FgCEhFzKDMHrssDQJyQLW/VgfA0NLn64lWnuUrGnQStGvNxrWf7MgsfA==
+web3-eth-personal@1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/web3-eth-personal/-/web3-eth-personal-1.5.2.tgz#043335a19ab59e119ba61e3bd6c3b8cde8120490"
+  integrity sha512-nH5N2GiVC0C5XeMEKU16PeFP3Hb3hkPvlR6Tf9WQ+pE+jw1c8eaXBO1CJQLr15ikhUF3s94ICyHcfjzkDsmRbA==
   dependencies:
-    underscore "1.9.1"
-    web3-core "1.3.5"
-    web3-core-helpers "1.3.5"
-    web3-core-method "1.3.5"
-    web3-core-subscriptions "1.3.5"
-    web3-eth-abi "1.3.5"
-    web3-eth-accounts "1.3.5"
-    web3-eth-contract "1.3.5"
-    web3-eth-ens "1.3.5"
-    web3-eth-iban "1.3.5"
-    web3-eth-personal "1.3.5"
-    web3-net "1.3.5"
-    web3-utils "1.3.5"
-
-web3-net@1.3.5:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/web3-net/-/web3-net-1.3.5.tgz#06e3465a9fbbeec1240160e2fd66ddb07b6af944"
-  integrity sha512-usbFbuUpKK8s7jPLGoUzi/WpNnefGFPTj948aJv8BZ04UQA4L/XS5NNkkhk358zNMmhGfEFW8wrWy+0Oy0njtA==
+    "@types/node" "^12.12.6"
+    web3-core "1.5.2"
+    web3-core-helpers "1.5.2"
+    web3-core-method "1.5.2"
+    web3-net "1.5.2"
+    web3-utils "1.5.2"
+
+web3-eth@^1.3.5:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/web3-eth/-/web3-eth-1.5.2.tgz#0f6470df60a2a7d04df4423ca7721db8ed5ad72b"
+  integrity sha512-DwWQ6TCOUqvYyo7T20S7HpQDPveNHNqOn2Q2F3E8ZFyEjmqT4XsGiwvm08kB/VgQ4e/ANyq/i8PPFSYMT8JKHg==
+  dependencies:
+    web3-core "1.5.2"
+    web3-core-helpers "1.5.2"
+    web3-core-method "1.5.2"
+    web3-core-subscriptions "1.5.2"
+    web3-eth-abi "1.5.2"
+    web3-eth-accounts "1.5.2"
+    web3-eth-contract "1.5.2"
+    web3-eth-ens "1.5.2"
+    web3-eth-iban "1.5.2"
+    web3-eth-personal "1.5.2"
+    web3-net "1.5.2"
+    web3-utils "1.5.2"
+
+web3-net@1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/web3-net/-/web3-net-1.5.2.tgz#58915d7e2dad025d2a08f02c865f3abe61c48eff"
+  integrity sha512-VEc9c+jfoERhbJIxnx0VPlQDot8Lm4JW/tOWFU+ekHgIiu2zFKj5YxhURIth7RAbsaRsqCb79aE+M0eI8maxVQ==
   dependencies:
-    web3-core "1.3.5"
-    web3-core-method "1.3.5"
-    web3-utils "1.3.5"
+    web3-core "1.5.2"
+    web3-core-method "1.5.2"
+    web3-utils "1.5.2"
 
 web3-provider-engine@15.0.4:
   version "15.0.4"
@@ -24685,22 +24680,6 @@ web3-provider-engine@^15.0.4:
     xhr "^2.2.0"
     xtend "^4.0.1"
 
-web3-providers-http@1.3.4:
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/web3-providers-http/-/web3-providers-http-1.3.4.tgz#89389e18e27148faa2fef58842740ffadbdda8cc"
-  integrity sha512-aIg/xHXvxpqpFU70sqfp+JC3sGkLfAimRKTUhG4oJZ7U+tTcYTHoxBJj+4A3Id4JAoKiiv0k1/qeyQ8f3rMC3g==
-  dependencies:
-    web3-core-helpers "1.3.4"
-    xhr2-cookies "1.1.0"
-
-web3-providers-http@1.3.5:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/web3-providers-http/-/web3-providers-http-1.3.5.tgz#cdada6fb342e08fd75aea249fceb6eee467beffc"
-  integrity sha512-ZQOmceFjcajEZdiuqciXjijwIYWNmEJ1oxMtbrwB2eGxHRCMXEH2xGRUZuhOFNF88yQC/VXVi14yvYg5ZlFJlA==
-  dependencies:
-    web3-core-helpers "1.3.5"
-    xhr2-cookies "1.1.0"
-
 web3-providers-http@1.3.6:
   version "1.3.6"
   resolved "https://registry.yarnpkg.com/web3-providers-http/-/web3-providers-http-1.3.6.tgz#36e8724a7424d52827819d53fd75dbf31f5422c2"
@@ -24709,23 +24688,13 @@ web3-providers-http@1.3.6:
     web3-core-helpers "1.3.6"
     xhr2-cookies "1.1.0"
 
-web3-providers-ipc@1.3.4:
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/web3-providers-ipc/-/web3-providers-ipc-1.3.4.tgz#b963518989b1b7847063cdd461ff73b83855834a"
-  integrity sha512-E0CvXEJElr/TIlG1YfJeO3Le5NI/4JZM+1SsEdiPIfBUAJN18oOoum138EBGKv5+YaLKZUtUuJSXWjIIOR/0Ig==
-  dependencies:
-    oboe "2.1.5"
-    underscore "1.9.1"
-    web3-core-helpers "1.3.4"
-
-web3-providers-ipc@1.3.5:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/web3-providers-ipc/-/web3-providers-ipc-1.3.5.tgz#2f5536abfe03f3824e00dedc614d8f46db72b57f"
-  integrity sha512-cbZOeb/sALiHjzMolJjIyHla/J5wdL2JKUtRO66Nh/uLALBCpU8JUgzNvpAdJ1ae3+A33+EdFStdzuDYHKtQew==
+web3-providers-http@1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/web3-providers-http/-/web3-providers-http-1.5.2.tgz#94f95fe5572ca54aa2c2ffd42c63956436c9eb0a"
+  integrity sha512-dUNFJc9IMYDLZnkoQX3H4ZjvHjGO6VRVCqrBrdh84wPX/0da9dOA7DwIWnG0Gv3n9ybWwu5JHQxK4MNQ444lyA==
   dependencies:
-    oboe "2.1.5"
-    underscore "1.9.1"
-    web3-core-helpers "1.3.5"
+    web3-core-helpers "1.5.2"
+    xhr2-cookies "1.1.0"
 
 web3-providers-ipc@1.3.6:
   version "1.3.6"
@@ -24736,25 +24705,13 @@ web3-providers-ipc@1.3.6:
     underscore "1.12.1"
     web3-core-helpers "1.3.6"
 
-web3-providers-ws@1.3.4:
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/web3-providers-ws/-/web3-providers-ws-1.3.4.tgz#b94c2e0ec51a0c472abdec53a472b5bf8176bec1"
-  integrity sha512-WBd9hk2fUAdrbA3kUyUk94ZeILtE6txLeoVVvIKAw2bPegx+RjkLyxC1Du0oceKgQ/qQWod8CCzl1E/GgTP+MQ==
-  dependencies:
-    eventemitter3 "4.0.4"
-    underscore "1.9.1"
-    web3-core-helpers "1.3.4"
-    websocket "^1.0.32"
-
-web3-providers-ws@1.3.5:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/web3-providers-ws/-/web3-providers-ws-1.3.5.tgz#7f841ec79358d90c4a803d1291157b5ffb15aeb7"
-  integrity sha512-zeZ4LMvKhYaJBDCqA//Bzgp4r/T0tNq5U/xvN0axA4YflzF7yqlsbzGwCkcZYDbrUaK3Ltl2uOmvwjbWALOZ1A==
+web3-providers-ipc@1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/web3-providers-ipc/-/web3-providers-ipc-1.5.2.tgz#68a516883c998eeddf60df4cead77baca4fb4aaa"
+  integrity sha512-SJC4Sivt4g9LHKlRy7cs1jkJgp7bjrQeUndE6BKs0zNALKguxu6QYnzbmuHCTFW85GfMDjhvi24jyyZHMnBNXQ==
   dependencies:
-    eventemitter3 "4.0.4"
-    underscore "1.9.1"
-    web3-core-helpers "1.3.5"
-    websocket "^1.0.32"
+    oboe "2.1.5"
+    web3-core-helpers "1.5.2"
 
 web3-providers-ws@1.3.6:
   version "1.3.6"
@@ -24766,6 +24723,15 @@ web3-providers-ws@1.3.6:
     web3-core-helpers "1.3.6"
     websocket "^1.0.32"
 
+web3-providers-ws@1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/web3-providers-ws/-/web3-providers-ws-1.5.2.tgz#d336a93ed608b40cdcadfadd1f1bc8d32ea046e0"
+  integrity sha512-xy9RGlyO8MbJDuKv2vAMDkg+en+OvXG0CGTCM2BTl6l1vIdHpCa+6A/9KV2rK8aU9OBZ7/Pf+Y19517kHVl9RA==
+  dependencies:
+    eventemitter3 "4.0.4"
+    web3-core-helpers "1.5.2"
+    websocket "^1.0.32"
+
 web3-utils@1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/web3-utils/-/web3-utils-1.2.1.tgz#21466e38291551de0ab34558de21512ac4274534"
@@ -24779,24 +24745,10 @@ web3-utils@1.2.1:
     underscore "1.9.1"
     utf8 "3.0.0"
 
-web3-utils@1.3.4, web3-utils@^1.3.3, web3-utils@^1.3.4:
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/web3-utils/-/web3-utils-1.3.4.tgz#9b1aa30d7549f860b573e7bb7e690999e7192198"
-  integrity sha512-/vC2v0MaZNpWooJfpRw63u0Y3ag2gNjAWiLtMSL6QQLmCqCy4SQIndMt/vRyx0uMoeGt1YTwSXEcHjUzOhLg0A==
-  dependencies:
-    bn.js "^4.11.9"
-    eth-lib "0.2.8"
-    ethereum-bloom-filters "^1.0.6"
-    ethjs-unit "0.1.6"
-    number-to-bn "1.7.0"
-    randombytes "^2.1.0"
-    underscore "1.9.1"
-    utf8 "3.0.0"
-
-web3-utils@1.3.5:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/web3-utils/-/web3-utils-1.3.5.tgz#14ee2ff1a7a226867698d6eaffd21aa97aed422e"
-  integrity sha512-5apMRm8ElYjI/92GHqijmaLC+s+d5lgjpjHft+rJSs/dsnX8I8tQreqev0dmU+wzU+2EEe4Sx9a/OwGWHhQv3A==
+web3-utils@1.3.6, web3-utils@^1.3.6:
+  version "1.3.6"
+  resolved "https://registry.yarnpkg.com/web3-utils/-/web3-utils-1.3.6.tgz#390bc9fa3a7179746963cfaca55bb80ac4d8dc10"
+  integrity sha512-hHatFaQpkQgjGVER17gNx8u1qMyaXFZtM0y0XLGH1bzsjMPlkMPLRcYOrZ00rOPfTEuYFOdrpGOqZXVmGrMZRg==
   dependencies:
     bn.js "^4.11.9"
     eth-lib "0.2.8"
@@ -24804,13 +24756,13 @@ web3-utils@1.3.5:
     ethjs-unit "0.1.6"
     number-to-bn "1.7.0"
     randombytes "^2.1.0"
-    underscore "1.9.1"
+    underscore "1.12.1"
     utf8 "3.0.0"
 
-web3-utils@1.3.6, web3-utils@^1.3.6:
-  version "1.3.6"
-  resolved "https://registry.yarnpkg.com/web3-utils/-/web3-utils-1.3.6.tgz#390bc9fa3a7179746963cfaca55bb80ac4d8dc10"
-  integrity sha512-hHatFaQpkQgjGVER17gNx8u1qMyaXFZtM0y0XLGH1bzsjMPlkMPLRcYOrZ00rOPfTEuYFOdrpGOqZXVmGrMZRg==
+web3-utils@1.5.2, web3-utils@^1.3.5, web3-utils@^1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/web3-utils/-/web3-utils-1.5.2.tgz#150982dcb1918ffc54eba87528e28f009ebc03aa"
+  integrity sha512-quTtTeQJHYSxAwIBOCGEcQtqdVcFWX6mCFNoqnp+mRbq+Hxbs8CGgO/6oqfBx4OvxIOfCpgJWYVHswRXnbEu9Q==
   dependencies:
     bn.js "^4.11.9"
     eth-lib "0.2.8"
@@ -24818,7 +24770,6 @@ web3-utils@1.3.6, web3-utils@^1.3.6:
     ethjs-unit "0.1.6"
     number-to-bn "1.7.0"
     randombytes "^2.1.0"
-    underscore "1.12.1"
     utf8 "3.0.0"
 
 web3-utils@^1.0.0-beta.31:
@@ -25476,6 +25427,11 @@ ws@^6.1.2, ws@^6.2.1:
   dependencies:
     async-limiter "~1.0.0"
 
+ws@^7.4.2:
+  version "7.5.5"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.5.tgz#8b4bc4af518cfabd0473ae4f99144287b33eb881"
+  integrity sha512-BAkMFcAzl8as1G/hArkxOxq3G7pjUqQ3gzYbLL0/5zNkph70e+lCoxBGnm6AW1+/aiNeV4fnKqZ8m4GZewmH2w==
+
 wsrun@^5.2.4:
   version "5.2.4"
   resolved "https://registry.yarnpkg.com/wsrun/-/wsrun-5.2.4.tgz#6eb6c3ccd3327721a8df073a5e3578fb0dea494e"
@@ -25659,6 +25615,19 @@ yargs@13.2.4:
     y18n "^4.0.0"
     yargs-parser "^13.1.0"
 
+yargs@17.0.1:
+  version "17.0.1"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.0.1.tgz#6a1ced4ed5ee0b388010ba9fd67af83b9362e0bb"
+  integrity sha512-xBBulfCc8Y6gLFcrPvtqKz9hz8SO0l1Ni8GgDekvBX2ro0HRQImDGnikfc33cgzcYUSncapnNcZDjVFIH3f6KQ==
+  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"
+
 yargs@^13.0.0, yargs@^13.2.4, yargs@^13.3.0, yargs@^13.3.2:
   version "13.3.2"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-13.3.2.tgz#ad7ffefec1aa59565ac915f82dccb38a9c31a2dd"