From 7591d4df2267a6fabd62e2226ecef69c29564156 Mon Sep 17 00:00:00 2001
From: Samer Buna <75209+samerbuna@users.noreply.github.com>
Date: Wed, 9 Feb 2022 10:20:56 -0800
Subject: [PATCH] feat: implement nav menu and contacts screens (#52)

* fix: fix initial display of recent transactions

* feat: add contacts placeholder components and refactor routes

* feat: implement nav menu and contacts screens

* chore: upgrade dependencies

Co-authored-by: Samer Buna <samerbuna@users.noreply.github.com>
---
 package.json                                  |  10 +-
 .../__snapshots__/root.spec.tsx.snap          |  25 +-
 src/components/contacts/index.tsx             |  63 ++
 src/components/error-message.tsx              |  11 +
 src/components/header.tsx                     |  63 +-
 src/components/logout.tsx                     |   3 +-
 src/components/pages/receive.tsx              |   4 +-
 src/components/pages/send.tsx                 |  12 +-
 src/components/pages/transactions.tsx         |  93 ++
 src/components/receive/invoice-generator.tsx  |   9 +-
 src/components/root-component.tsx             |  20 +-
 src/components/root.tsx                       |   7 +-
 src/components/transactions/list.tsx          |  10 +-
 src/renderers/server.tsx                      |   1 +
 src/server/routes.ts                          |  33 +-
 src/server/ssr-router.ts                      |   8 +-
 src/styles/main.css                           | 165 +++-
 src/styles/theme.css                          |   2 +
 src/types/index.d.ts                          |   6 +-
 yarn.lock                                     | 845 ++++++++++--------
 20 files changed, 907 insertions(+), 483 deletions(-)
 create mode 100644 src/components/contacts/index.tsx
 create mode 100644 src/components/error-message.tsx
 create mode 100644 src/components/pages/transactions.tsx

diff --git a/package.json b/package.json
index 6eadc549..ae6229c0 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,7 @@
     "tsc:check": "tsc --pretty --noEmit --skipLibCheck"
   },
   "dependencies": {
-    "@galoymoney/client": "^0.0.19",
+    "@galoymoney/client": "^0.0.20",
     "@galoymoney/react": "^0.0.15",
     "@testing-library/jest-dom": "^5.16.2",
     "@testing-library/react": "^12.1.2",
@@ -75,14 +75,14 @@
     "webpack-cli": "^4.9.1"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^5.10.2",
-    "@typescript-eslint/parser": "^5.10.2",
-    "babel-jest": "^27.5.0",
+    "@typescript-eslint/eslint-plugin": "^5.11.0",
+    "@typescript-eslint/parser": "^5.11.0",
+    "babel-jest": "^27.5.1",
     "eslint": "^8.7.0",
     "eslint-plugin-import": "^2.25.4",
     "eslint-plugin-react": "^7.28.0",
     "eslint-plugin-react-hooks": "^4.3.0",
-    "jest": "^27.5.0",
+    "jest": "^27.5.1",
     "prettier": "^2.5.1",
     "ts-jest": "^27.1.3",
     "ts-node-dev": "^1.1.8",
diff --git a/src/components/__snapshots__/root.spec.tsx.snap b/src/components/__snapshots__/root.spec.tsx.snap
index d84f6964..bdebd77a 100644
--- a/src/components/__snapshots__/root.spec.tsx.snap
+++ b/src/components/__snapshots__/root.spec.tsx.snap
@@ -9,7 +9,7 @@ exports[`Root renders Home and matches snapshot 1`] = `
       class="home"
     >
       <div
-        class="header-container home-page"
+        class="header-container home-header"
       >
         <div
           class="header"
@@ -47,8 +47,29 @@ exports[`Root renders Home and matches snapshot 1`] = `
             <a
               href="/login"
             >
-              Login
+              <i
+                aria-hidden="true"
+                class="fas fa-sign-in-alt"
+              />
+              <span
+                class="name"
+              >
+                Login
+              </span>
             </a>
+            <div
+              class="separator"
+            >
+              |
+            </div>
+            <div
+              class="menu-icon"
+            >
+              <i
+                aria-hidden="true"
+                class="fas fa-bars"
+              />
+            </div>
           </div>
         </div>
         <div
diff --git a/src/components/contacts/index.tsx b/src/components/contacts/index.tsx
new file mode 100644
index 00000000..ec091f35
--- /dev/null
+++ b/src/components/contacts/index.tsx
@@ -0,0 +1,63 @@
+import { translate, useQuery } from "@galoymoney/client"
+import { Spinner } from "@galoymoney/react"
+import { history } from "../../store"
+import ErrorMessage from "../error-message"
+import Header from "../header"
+
+const nameDisplay = (name: string): string => {
+  if (name.length > 15) {
+    return name.substring(0, 15) + "..."
+  }
+
+  return name
+}
+
+const Contacts = () => {
+  const { loading, errorsMessage, data } = useQuery.contacts()
+
+  const handleSendBitcoin = (contactUsername: string) => {
+    history.push(`/send?to=${contactUsername}`)
+  }
+
+  const showContactDetails = (contactUsername: string) => {
+    history.push(`/transactions?username=${contactUsername}`)
+  }
+
+  return (
+    <div className="contacts">
+      <Header page="contacts" />
+
+      <div className="page-title">{translate("Contacts")}</div>
+      <div className="list">
+        {loading && <Spinner size="big" />}
+
+        {errorsMessage && <ErrorMessage message={errorsMessage} />}
+
+        {data?.me?.contacts.map((contact) => {
+          return (
+            <div key={contact.username} className="contact">
+              <i aria-hidden className="fas fa-user-alt" />
+              <div className="name">{nameDisplay(contact.alias ?? contact.username)}</div>
+              <div className="actions">
+                <div
+                  title={translate("Transaction List")}
+                  onClick={() => showContactDetails(contact.username)}
+                >
+                  <i aria-hidden className="fas fa-list" />
+                </div>
+                <div
+                  title={translate("Send Bitcoin")}
+                  onClick={() => handleSendBitcoin(contact.username)}
+                >
+                  <i aria-hidden className="fas fa-paper-plane" />
+                </div>
+              </div>
+            </div>
+          )
+        })}
+      </div>
+    </div>
+  )
+}
+
+export default Contacts
diff --git a/src/components/error-message.tsx b/src/components/error-message.tsx
new file mode 100644
index 00000000..763ab682
--- /dev/null
+++ b/src/components/error-message.tsx
@@ -0,0 +1,11 @@
+import { translate } from "@galoymoney/client"
+
+const ErrorMessage = ({ message = "Not able to generate invoice." }) => (
+  <div className="error">
+    {translate(message as never)}
+    <br />
+    {translate("Please try again later.")}
+  </div>
+)
+
+export default ErrorMessage
diff --git a/src/components/header.tsx b/src/components/header.tsx
index f26bc4ce..5583416a 100644
--- a/src/components/header.tsx
+++ b/src/components/header.tsx
@@ -1,4 +1,5 @@
 import { translate } from "@galoymoney/client"
+import { useState } from "react"
 
 import useMainQuery from "../hooks/use-main-query"
 import { useAuthContext } from "../store/use-auth-context"
@@ -7,47 +8,95 @@ import Balance from "./balance"
 import Link from "./link"
 import Logout from "./logout"
 
+const LoginLink = () => (
+  <Link to="/login">
+    <i aria-hidden className="fas fa-sign-in-alt" />
+    <span className="name">{translate("Login")}</span>
+  </Link>
+)
+
 type Props = {
-  page?: "send-bitcoin" | "receive-bitcoin" | "home"
+  page?: "home" | "send-bitcoin" | "receive-bitcoin" | "contacts" | "transactions"
 }
 
 const Header = ({ page }: Props) => {
   const { isAuthenticated } = useAuthContext()
   const { btcWalletBalance } = useMainQuery()
 
+  const [showMenu, setShowMenu] = useState(false)
+
+  const handleMenuClick: React.MouseEventHandler<HTMLDivElement> = (event) => {
+    event.preventDefault()
+    setShowMenu((menuStatus) => !menuStatus)
+  }
+
+  const handleMenuClose: React.MouseEventHandler<HTMLDivElement> = (event) => {
+    event.preventDefault()
+    setShowMenu(false)
+  }
+
+  const showHeaderNav = page && ["home", "send-bitcoin", "recevei-bitcoin"].includes(page)
+
   return (
-    <div className={`header-container ${page}-page`}>
+    <div className={`header-container ${page}-header`}>
       <div className="header">
         <Balance balance={btcWalletBalance} />
         <div className="links">
           {page !== "home" && (
             <>
-              <Link to="/">{translate("Home")}</Link>
+              <Link to="/">
+                <i aria-hidden className="fas fa-home" />
+                <span className="name">{translate("Home")}</span>
+              </Link>
               <div className="separator">|</div>
             </>
           )}
-          {isAuthenticated ? <Logout /> : <Link to="/login">{translate("Login")}</Link>}
+          {isAuthenticated ? <Logout /> : <LoginLink />}
+          <div className="separator">|</div>
+          <div className="menu-icon" onClick={handleMenuClick}>
+            <i aria-hidden className="fas fa-bars" />
+          </div>
         </div>
       </div>
-      {page && (
+      {showHeaderNav && (
         <div className="header-nav">
           <Link to="/scan">
             <i aria-hidden className="fas fa-qrcode" />
             {translate("Scan QR code")}
           </Link>
           <Link to="/send" className={`${page === "send-bitcoin" ? "active" : "link"}`}>
-            <i aria-hidden className="fas fa-paper-plane"></i>
+            <i aria-hidden className="fas fa-paper-plane" />
             {translate("Send Bitcoin")}
           </Link>
           <Link
             to="/receive"
             className={`${page === "receive-bitcoin" ? "active" : "link"}`}
           >
-            <i aria-hidden className="far fa-dot-circle"></i>
+            <i aria-hidden className="far fa-dot-circle" />
             {translate("Receive Bitcoin")}
           </Link>
         </div>
       )}
+
+      {showMenu && (
+        <div className="menu">
+          <div className="close" onClick={handleMenuClose}>
+            <i aria-hidden className="fas fa-times" />
+          </div>
+
+          <Link to="/">
+            <i aria-hidden className="fas fa-home" />
+            {translate("Home")}
+          </Link>
+
+          <Link to="/contacts">
+            <i aria-hidden className="fas fa-user-friends" />
+            {translate("Contacts")}
+          </Link>
+
+          {isAuthenticated ? <Logout /> : <LoginLink />}
+        </div>
+      )}
     </div>
   )
 }
diff --git a/src/components/logout.tsx b/src/components/logout.tsx
index f82c40c1..b695156d 100644
--- a/src/components/logout.tsx
+++ b/src/components/logout.tsx
@@ -18,7 +18,8 @@ const Logout = () => {
 
   return (
     <a href="/logout" onClick={handleLogout}>
-      {translate("Logout")}
+      <i aria-hidden className="fas fa-sign-out-alt" />
+      <span className="name">{translate("Logout")}</span>
     </a>
   )
 }
diff --git a/src/components/pages/receive.tsx b/src/components/pages/receive.tsx
index ffb111ff..f89721b6 100644
--- a/src/components/pages/receive.tsx
+++ b/src/components/pages/receive.tsx
@@ -52,7 +52,7 @@ const Receive = () => {
         satsForInvoice: Math.round(usdToSats(input.amount as number)),
       }))
     }
-  }, [input.currency, input.amount, shouldUpdateSatsForInvoice, usdToSats])
+  }, [input.currency, input.amount, input.memo, shouldUpdateSatsForInvoice, usdToSats])
 
   useEffect(() => {
     if (input.currency === "SATS" && shouldUpdateSatsForInvoice) {
@@ -61,7 +61,7 @@ const Receive = () => {
         satsForInvoice: input.amount as number,
       }))
     }
-  }, [input.currency, input.amount, shouldUpdateSatsForInvoice])
+  }, [input.currency, input.amount, input.memo, shouldUpdateSatsForInvoice])
 
   useEffect(() => {
     if (input.layer === "onchain" && btcWalletId) {
diff --git a/src/components/pages/send.tsx b/src/components/pages/send.tsx
index 2db5e9b4..ada685d5 100644
--- a/src/components/pages/send.tsx
+++ b/src/components/pages/send.tsx
@@ -28,7 +28,11 @@ import Header from "../header"
 import { ButtonLink } from "../link"
 import SendAction from "../send/send-action"
 
-const Send = () => {
+type Props = {
+  to?: string
+}
+
+const Send = ({ to }: Props) => {
   const dispatch = useAppDispatcher()
   const { pubKey, btcWalletId, btcWalletBalance, username } = useMainQuery()
   const { satsToUsd, usdToSats } = useMyUpdates()
@@ -36,7 +40,7 @@ const Send = () => {
   const [input, setInput] = useState<InvoiceInput>({
     currency: "USD",
     amount: "",
-    destination: "",
+    destination: to ?? "",
     memo: "",
   })
 
@@ -51,7 +55,7 @@ const Send = () => {
         satAmount: newSatAmount,
       }))
     }
-  }, [input.amount, input.currency, usdToSats])
+  }, [input.currency, input.amount, usdToSats])
 
   useEffect(() => {
     if (input.currency === "SATS" && typeof input.amount === "number") {
@@ -60,7 +64,7 @@ const Send = () => {
         satAmount: input.amount as number,
       }))
     }
-  }, [input.amount, input.currency])
+  }, [input.currency, input.amount])
 
   const setInputFromParsedDestination = useCallback(
     async (parsedDestination: ValidPaymentReponse) => {
diff --git a/src/components/pages/transactions.tsx b/src/components/pages/transactions.tsx
new file mode 100644
index 00000000..32040e2f
--- /dev/null
+++ b/src/components/pages/transactions.tsx
@@ -0,0 +1,93 @@
+import { GaloyGQL, translate, useQuery } from "@galoymoney/client"
+import { Spinner } from "@galoymoney/react"
+import { useCallback, useRef } from "react"
+import Header from "../header"
+
+import TransactionItem from "../transactions/item"
+
+const TRANSACTIONS_PER_PAGE = 25
+const EMPTY_CONNECTION = {
+  edges: null,
+  pageInfo: { hasNextPage: false, hasPreviousPage: false },
+} as const
+
+type Props = {
+  username: string
+}
+
+const Transactions = ({ username }: Props) => {
+  const {
+    loading,
+    data: initialData,
+    refetch: fetchTransactions,
+  } = useQuery.transactionListForContact({
+    variables: { username, first: TRANSACTIONS_PER_PAGE },
+  })
+
+  // The source of truth for listing the transactions
+  // The data gets "cached" here and more pages are appended when they're fetched
+  const transactionsRef = useRef<GaloyGQL.TransactionConnection>(EMPTY_CONNECTION)
+
+  const initialTxsData = initialData?.me?.contactByUsername.transactions
+
+  if (!transactionsRef.current.edges && initialTxsData) {
+    transactionsRef.current = initialTxsData
+  }
+
+  const fetchNextTransactionsPage = useCallback(async () => {
+    const { pageInfo } = transactionsRef.current
+
+    if (pageInfo.hasNextPage) {
+      const { data } = await fetchTransactions({
+        username,
+        first: TRANSACTIONS_PER_PAGE,
+        after: pageInfo.endCursor,
+      })
+
+      const txsData = data?.me?.contactByUsername.transactions
+
+      if (!txsData || !txsData.edges) {
+        return
+      }
+
+      transactionsRef.current = {
+        edges: transactionsRef.current?.edges?.concat(txsData.edges),
+        pageInfo: txsData.pageInfo,
+      }
+    }
+  }, [fetchTransactions, username])
+
+  const { edges, pageInfo } = transactionsRef.current
+
+  return (
+    <div className="transaction-list">
+      <Header page="transactions" />
+      <div className="page-title">
+        {translate("Transactions with %{contactUsername}", { contactUsername: username })}
+      </div>
+      {edges?.length === 0 && (
+        <div className="no-transactions">{translate("No transactions")}</div>
+      )}
+      {edges?.map((edge) => {
+        const node = edge?.node
+        if (!node) {
+          return null
+        }
+        return <TransactionItem key={node.id} tx={node} />
+      })}
+      {loading ? (
+        <div className="load-more">
+          <Spinner />
+        </div>
+      ) : (
+        pageInfo.hasNextPage && (
+          <div className="load-more link" onClick={fetchNextTransactionsPage}>
+            {translate("Load more transactions")}
+          </div>
+        )
+      )}
+    </div>
+  )
+}
+
+export default Transactions
diff --git a/src/components/receive/invoice-generator.tsx b/src/components/receive/invoice-generator.tsx
index 48725926..fadd5f00 100644
--- a/src/components/receive/invoice-generator.tsx
+++ b/src/components/receive/invoice-generator.tsx
@@ -4,6 +4,7 @@ import { formatUsd, GaloyGQL, translate, useMutation } from "@galoymoney/client"
 import { Spinner } from "@galoymoney/react"
 
 import { LightningInvoice, OnChainInvoice } from "./invoice"
+import ErrorMessage from "../error-message"
 
 const INVOICE_EXPIRE_INTERVAL = 60 * 60 * 1000
 
@@ -19,14 +20,6 @@ type InvoiceProps = {
   convertedUsdAmount: number
 }
 
-const ErrorMessage = ({ message = "Not able to generate invoice." }) => (
-  <div className="error">
-    {translate(message as never)}
-    <br />
-    {translate("Please try again later.")}
-  </div>
-)
-
 const ExpiredMessage = ({ onClick }: { onClick: () => void }) => (
   <div className="invoice-message expired-invoice">
     {translate("Invoice Expired...")}{" "}
diff --git a/src/components/root-component.tsx b/src/components/root-component.tsx
index 6111fdf4..6754bfac 100644
--- a/src/components/root-component.tsx
+++ b/src/components/root-component.tsx
@@ -3,21 +3,23 @@ import { ErrorBoundary } from "react-error-boundary"
 
 import { Spinner } from "@galoymoney/react"
 
-import appRoutes, { SupportedRoutes } from "../server/routes"
+import appRoutes, { checkRoute } from "../server/routes"
 
 import ErrorFallback from "./error-fallback"
 
-type Props = { path: RoutePath }
+type Props = {
+  path: RoutePath
+  [name: string]: unknown
+}
 
-const RootComponent = ({ path }: Props) => {
-  const checkedRoutePath = SupportedRoutes.find(
-    (supportedRoute) => supportedRoute === path,
-  )
-  if (!checkedRoutePath) {
-    throw new Error("INVALID_ROOT_PATH")
+const RootComponent = ({ path, ...props }: Props) => {
+  const checkedRoutePath = checkRoute(path)
+  if (checkedRoutePath instanceof Error) {
+    throw checkedRoutePath
   }
 
   const Component = appRoutes[checkedRoutePath].component
+
   return (
     <Suspense
       fallback={
@@ -28,7 +30,7 @@ const RootComponent = ({ path }: Props) => {
     >
       <ErrorBoundary FallbackComponent={ErrorFallback}>
         <div id="main-container">
-          <Component />
+          <Component {...props} />
         </div>
       </ErrorBoundary>
     </Suspense>
diff --git a/src/components/root.tsx b/src/components/root.tsx
index c3b757da..15d18591 100644
--- a/src/components/root.tsx
+++ b/src/components/root.tsx
@@ -18,9 +18,12 @@ const Root = ({ GwwState }: RootProps) => {
 
   useEffect(() => {
     const unlisten = history.listen(({ location }) => {
+      const props = Object.fromEntries(new URLSearchParams(location.search))
+
       dispatch({
         type: "update",
         path: location.pathname,
+        props,
         ...(location.state as Record<string, unknown> | null),
       })
     })
@@ -30,7 +33,7 @@ const Root = ({ GwwState }: RootProps) => {
   return (
     <AuthProvider>
       <GwwContext.Provider value={{ state, dispatch }}>
-        <RootComponent path={state.path} key={state.key} />
+        <RootComponent path={state.path} key={state.key} {...state.props} />
       </GwwContext.Provider>
     </AuthProvider>
   )
@@ -51,7 +54,7 @@ export const SSRRoot = ({ client, GwwState, galoyJwtToken }: SSRootProps) => {
   return (
     <AuthProvider galoyClient={client} galoyJwtToken={galoyJwtToken}>
       <GwwContext.Provider value={{ state, dispatch }}>
-        <RootComponent path={state.path} />
+        <RootComponent path={state.path} {...state.props} />
       </GwwContext.Provider>
     </AuthProvider>
   )
diff --git a/src/components/transactions/list.tsx b/src/components/transactions/list.tsx
index 88084e72..43372be6 100644
--- a/src/components/transactions/list.tsx
+++ b/src/components/transactions/list.tsx
@@ -17,9 +17,11 @@ const TransactionList = () => {
 
   // The source of truth for listing the transactions
   // The data gets "cached" here and more pages are appended when they're fetched
-  const transactionsRef = useRef<GaloyGQL.TransactionConnection>(
-    transactions ?? EMPTY_CONNECTION,
-  )
+  const transactionsRef = useRef<GaloyGQL.TransactionConnection>(EMPTY_CONNECTION)
+
+  if (!transactionsRef.current.edges && transactions) {
+    transactionsRef.current = transactions
+  }
 
   const fetchNextTransactionsPage = async () => {
     const { pageInfo } = transactionsRef.current
@@ -64,7 +66,7 @@ const TransactionList = () => {
       ) : (
         pageInfo.hasNextPage && (
           <div className="load-more link" onClick={fetchNextTransactionsPage}>
-            Load More
+            {translate("Load more transactions")}
           </div>
         )
       )}
diff --git a/src/renderers/server.tsx b/src/renderers/server.tsx
index 4c402c00..7700f0b4 100644
--- a/src/renderers/server.tsx
+++ b/src/renderers/server.tsx
@@ -15,6 +15,7 @@ export const serverRenderer =
 
       const GwwState: GwwState = {
         path,
+        props: req.query,
         key: 0,
         defaultLanguage: req.acceptsLanguages()?.[0],
       }
diff --git a/src/server/routes.ts b/src/server/routes.ts
index 5acaffc8..2a1539e6 100644
--- a/src/server/routes.ts
+++ b/src/server/routes.ts
@@ -2,12 +2,12 @@ import Home from "../components/pages/home"
 import Login from "../components/pages/login"
 import Send from "../components/pages/send"
 import Receive from "../components/pages/receive"
-
-export const SupportedRoutes = ["/", "/login", "/scan", "/send", "/receive"] as const
+import Contacts from "../components/contacts"
+import Transactions from "../components/pages/transactions"
 
 // Note: The component property is skipped by the serialize function
 // It's only used on the front-end
-const appRoutes: AppRoutes = {
+const appRoutes = {
   "/": {
     component: Home,
     title: "Galoy Web Wallet",
@@ -28,6 +28,31 @@ const appRoutes: AppRoutes = {
     component: Receive,
     title: "Receive Bitcoin",
   },
+  "/contacts": {
+    component: Contacts,
+    title: "Contacts",
+  },
+  "/transactions": {
+    component: Transactions,
+    title: "Transactions with Contact",
+  },
 }
 
-export default appRoutes
+export type SupportedRoutes = keyof typeof appRoutes
+
+export const checkRoute = (path: string): RoutePath | Error => {
+  if (appRoutes[path as never]) {
+    return path as RoutePath
+  }
+  return new Error("Invaild route path")
+}
+
+type AppRoutes = Record<
+  RoutePath,
+  {
+    component: (props: Record<string, unknown>) => JSX.Element
+    title: string
+  }
+>
+
+export default appRoutes as unknown as AppRoutes
diff --git a/src/server/ssr-router.ts b/src/server/ssr-router.ts
index 0a69ba58..0cde2c88 100644
--- a/src/server/ssr-router.ts
+++ b/src/server/ssr-router.ts
@@ -1,7 +1,7 @@
 import express from "express"
 
 import { serverRenderer } from "../renderers/server"
-import { SupportedRoutes } from "./routes"
+import { checkRoute } from "./routes"
 
 const ssrRouter = express.Router({ caseSensitive: true })
 
@@ -14,10 +14,8 @@ ssrRouter.get("/logout", async (req, res) => {
 ssrRouter.get("/*", async (req, res) => {
   try {
     const routePath = req.path
-    const checkedRoutePath = SupportedRoutes.find(
-      (supportedRoute) => supportedRoute === routePath,
-    )
-    if (!checkedRoutePath) {
+    const checkedRoutePath = checkRoute(routePath)
+    if (checkedRoutePath instanceof Error) {
       return res.status(404).send("Resource not found")
     }
     const vars = await serverRenderer(req)({
diff --git a/src/styles/main.css b/src/styles/main.css
index a499be61..e2606a5e 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -22,6 +22,9 @@ body {
     color: var(--color-links);
     text-decoration: none;
     cursor: pointer;
+    i {
+      margin-right: 0.45rem;
+    }
   }
 
   input::-webkit-outer-spin-button,
@@ -88,11 +91,6 @@ body {
   margin: 2rem auto;
 }
 
-.links {
-  display: flex;
-  justify-content: space-around;
-}
-
 .separator {
   display: inline-block;
   margin: 0 0.5rem;
@@ -101,6 +99,42 @@ body {
 
 .header-container {
   margin-bottom: 2rem;
+  .header {
+    margin-right: 14px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    .balance {
+      cursor: pointer;
+      .title {
+        text-align: center;
+        margin-bottom: 0.5rem;
+      }
+
+      .value {
+        text-align: center;
+        .primary {
+          font-size: 1.2rem;
+          text-align: center;
+        }
+        .secondary {
+          color: var(--color-secondary);
+          margin-top: 0.2rem;
+          text-align: center;
+        }
+      }
+    }
+    .links {
+      display: flex;
+      justify-content: space-around;
+      font-size: 1.1rem;
+      .menu-icon {
+        cursor: pointer;
+        font-size: 1.25rem;
+        color: var(--color-links);
+      }
+    }
+  }
 }
 
 .header-nav {
@@ -111,13 +145,10 @@ body {
     margin: 1rem auto;
     border: thin solid var(--color-borders);
     padding: 0.75rem 1.75rem;
-    background-color: white;
+    background-color: var(--color-light-bg);
     width: 75%;
     max-width: 225px;
     text-align: center;
-    i {
-      margin-right: 0.75rem;
-    }
   }
   .active {
     background-color: var(--color-active-bg);
@@ -260,31 +291,6 @@ body {
   text-align: center;
 }
 
-.header {
-  display: flex;
-  justify-content: space-between;
-  .balance {
-    cursor: pointer;
-    .title {
-      text-align: center;
-      margin-bottom: 0.5rem;
-    }
-
-    .value {
-      text-align: center;
-      .primary {
-        font-size: 1.2rem;
-        text-align: center;
-      }
-      .secondary {
-        color: var(--color-secondary);
-        margin-top: 0.2rem;
-        text-align: center;
-      }
-    }
-  }
-}
-
 .login {
   display: flex;
   flex-direction: column;
@@ -384,7 +390,7 @@ body {
   .scan-start {
     margin: 1rem auto;
     border-top: thin solid var(--color-borders);
-    padding: 0.75rem 1.75rem;
+    padding: 1.25rem 1.75rem;
     width: 75%;
     max-width: 250px;
     i {
@@ -436,6 +442,14 @@ body {
   }
 }
 
+.no-transactions {
+  text-align: center;
+  border: solid thin var(--color-borders);
+  padding: 1rem;
+  margin: 1rem;
+  background-color: var(--color-light-bg);
+}
+
 .transaction-list {
   margin: 1rem auto;
   width: 95%;
@@ -443,7 +457,7 @@ body {
   .transaction-item {
     padding: 0.5rem;
     margin: 0.75rem;
-    background-color: white;
+    background-color: var(--color-light-bg);
     border: thin solid var(--color-borders);
   }
 
@@ -517,3 +531,82 @@ body {
   text-align: center;
   margin-top: 1rem;
 }
+
+#root {
+  .menu {
+    background-color: var(--color-menu-bg);
+    border-left: 1px solid var(--color-borders);
+    position: fixed;
+    height: 100%;
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    padding: 3em 1.5em;
+    font-size: 1.1em;
+    min-width: 175px;
+    a {
+      display: flex;
+      margin: 1rem;
+      i {
+        width: 30px;
+      }
+    }
+    .close {
+      position: fixed;
+      top: 15px;
+      right: 15px;
+      margin-bottom: 1rem;
+      cursor: pointer;
+    }
+  }
+}
+
+.contacts {
+  .list {
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: 2rem;
+    .contact {
+      display: flex;
+      background-color: var(--color-light-bg);
+      margin: 0 1.75rem 1.75rem 1.75rem;
+      width: 230px;
+      padding: 1rem 1.5rem;
+      border: 1px solid var(--color-borders);
+      border-radius: 5px;
+      i {
+        flex: 0;
+        margin-right: 0.75rem;
+      }
+      .name {
+        flex: 1;
+      }
+      .actions {
+        flex: 0;
+        display: flex;
+        div {
+          cursor: pointer;
+          color: var(--color-links);
+        }
+      }
+    }
+  }
+}
+
+@media (max-width: 800px) {
+  .contacts {
+    .list {
+      justify-content: center;
+    }
+  }
+}
+
+@media (max-width: 600px) {
+  .header-container {
+    .links {
+      a .name {
+        display: none;
+      }
+    }
+  }
+}
diff --git a/src/styles/theme.css b/src/styles/theme.css
index bf1976de..975ce506 100644
--- a/src/styles/theme.css
+++ b/src/styles/theme.css
@@ -1,5 +1,7 @@
 :root {
   --color-bg: #f9f9f9;
+  --color-light-bg: #fdfdfd;
+  --color-menu-bg: #f2f2f2;
   --color-primary: #111111;
   --color-secondary: #666666;
 
diff --git a/src/types/index.d.ts b/src/types/index.d.ts
index 4a8a16d4..96481c3f 100644
--- a/src/types/index.d.ts
+++ b/src/types/index.d.ts
@@ -14,19 +14,19 @@ type OnChainUpdate = import("@galoymoney/client").GaloyGQL.OnChainUpdate
 type AtLeast<T, K extends keyof T> = Partial<T> & Pick<T, K>
 
 // Server and state
-type RoutePath = typeof import("../server/routes").SupportedRoutes[number]
+type RoutePath = import("../server/routes").SupportedRoutes
 type RouteInfo = Record<string, string | (() => JSX.Element | null)>
-type AppRoutes = Record<RoutePath, RouteInfo>
 
 type GwwState = {
   path: RoutePath
+  props?: Record<string, unknown>
   key: number
   defaultLanguage?: string
 }
 
 type GwwAction = {
   type: "update"
-  [payloadKey: string]: string | undefined
+  [payloadKey: string]: string | Record<string, string> | undefined
 }
 
 type GwwContextType = {
diff --git a/yarn.lock b/yarn.lock
index 08daf637..35962615 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -338,10 +338,10 @@
     minimatch "^3.0.4"
     strip-json-comments "^3.1.1"
 
-"@galoymoney/client@^0.0.19":
-  version "0.0.19"
-  resolved "https://registry.yarnpkg.com/@galoymoney/client/-/client-0.0.19.tgz#73994a435f4b3e6bba6187c3ac11010828609852"
-  integrity sha512-iguC0CrBkI7DDwWkoI6IZWOkcU35vsaClMusg/IG7yh5yBqs/ctA8cGfcJvvE5oe9Tx1wtIHdX4+i+w8i8GF2w==
+"@galoymoney/client@^0.0.20":
+  version "0.0.20"
+  resolved "https://registry.yarnpkg.com/@galoymoney/client/-/client-0.0.20.tgz#1ed4b7f055b4fa1b8b7a913e245d44cc54df29ea"
+  integrity sha512-aO9wTJn0aUfye0EXZjA3jDLA1NnpwxkmJYuquCylB30z58I0ZUQ+YxcWLHPDaG4fCuzlpsLThWixehvkpZiouQ==
   dependencies:
     "@apollo/client" "^3.5.8"
     bitcoinjs-lib "^5.0.0"
@@ -401,93 +401,93 @@
   resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.3.tgz#e45e384e4b8ec16bce2fd903af78450f6bf7ec98"
   integrity sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==
 
-"@jest/console@^27.5.0":
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/console/-/console-27.5.0.tgz#82289a589ad5803555b50b64178128b7a8e45282"
-  integrity sha512-WUzX5neFb0IOQOy/7A2VhiGdxJKk85Xns2Oq29JaHmtnSel+BsjwyQZxzAs2Xxfd2i452fwdDG9ox/IWi81bdQ==
+"@jest/console@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/console/-/console-27.5.1.tgz#260fe7239602fe5130a94f1aa386eff54b014bba"
+  integrity sha512-kZ/tNpS3NXn0mlXXXPNuDZnb4c0oZ20r4K5eemM2k30ZC3G0T02nXUvyhf5YdbXWHPEJLc9qGLxEZ216MdL+Zg==
   dependencies:
-    "@jest/types" "^27.5.0"
+    "@jest/types" "^27.5.1"
     "@types/node" "*"
     chalk "^4.0.0"
-    jest-message-util "^27.5.0"
-    jest-util "^27.5.0"
+    jest-message-util "^27.5.1"
+    jest-util "^27.5.1"
     slash "^3.0.0"
 
-"@jest/core@^27.5.0":
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/core/-/core-27.5.0.tgz#27b383f497ff1671cc30fd5e22eba9d9b10c3031"
-  integrity sha512-DcUTkZyon+dRozTEjy38Bgt3PIU51GdUJuz3uHKg5maGtmCaYqPUGiM3Xddqi7eIMC7E3fTGIlHqH9i0pTOy6Q==
+"@jest/core@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/core/-/core-27.5.1.tgz#267ac5f704e09dc52de2922cbf3af9edcd64b626"
+  integrity sha512-AK6/UTrvQD0Cd24NSqmIA6rKsu0tKIxfiCducZvqxYdmMisOYAsdItspT+fQDQYARPf8XgjAFZi0ogW2agH5nQ==
   dependencies:
-    "@jest/console" "^27.5.0"
-    "@jest/reporters" "^27.5.0"
-    "@jest/test-result" "^27.5.0"
-    "@jest/transform" "^27.5.0"
-    "@jest/types" "^27.5.0"
+    "@jest/console" "^27.5.1"
+    "@jest/reporters" "^27.5.1"
+    "@jest/test-result" "^27.5.1"
+    "@jest/transform" "^27.5.1"
+    "@jest/types" "^27.5.1"
     "@types/node" "*"
     ansi-escapes "^4.2.1"
     chalk "^4.0.0"
     emittery "^0.8.1"
     exit "^0.1.2"
     graceful-fs "^4.2.9"
-    jest-changed-files "^27.5.0"
-    jest-config "^27.5.0"
-    jest-haste-map "^27.5.0"
-    jest-message-util "^27.5.0"
-    jest-regex-util "^27.5.0"
-    jest-resolve "^27.5.0"
-    jest-resolve-dependencies "^27.5.0"
-    jest-runner "^27.5.0"
-    jest-runtime "^27.5.0"
-    jest-snapshot "^27.5.0"
-    jest-util "^27.5.0"
-    jest-validate "^27.5.0"
-    jest-watcher "^27.5.0"
+    jest-changed-files "^27.5.1"
+    jest-config "^27.5.1"
+    jest-haste-map "^27.5.1"
+    jest-message-util "^27.5.1"
+    jest-regex-util "^27.5.1"
+    jest-resolve "^27.5.1"
+    jest-resolve-dependencies "^27.5.1"
+    jest-runner "^27.5.1"
+    jest-runtime "^27.5.1"
+    jest-snapshot "^27.5.1"
+    jest-util "^27.5.1"
+    jest-validate "^27.5.1"
+    jest-watcher "^27.5.1"
     micromatch "^4.0.4"
     rimraf "^3.0.0"
     slash "^3.0.0"
     strip-ansi "^6.0.0"
 
-"@jest/environment@^27.5.0":
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-27.5.0.tgz#a473bc76261aad7dfa3a1d8e35155953a5ba3436"
-  integrity sha512-lg0JFsMaLKgpwzs0knOg21Z4OQwaJoBLutnmYzip4tyLTXP21VYWtYGpLXgx42fw/Mw05m1WDXWKgwR6WnsiTw==
+"@jest/environment@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-27.5.1.tgz#d7425820511fe7158abbecc010140c3fd3be9c74"
+  integrity sha512-/WQjhPJe3/ghaol/4Bq480JKXV/Rfw8nQdN7f41fM8VDHLcxKXou6QyXAh3EFr9/bVG3x74z1NWDkP87EiY8gA==
   dependencies:
-    "@jest/fake-timers" "^27.5.0"
-    "@jest/types" "^27.5.0"
+    "@jest/fake-timers" "^27.5.1"
+    "@jest/types" "^27.5.1"
     "@types/node" "*"
-    jest-mock "^27.5.0"
+    jest-mock "^27.5.1"
 
-"@jest/fake-timers@^27.5.0":
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-27.5.0.tgz#f9e07b4c723a535f7c532cfb403394fa40d88c8a"
-  integrity sha512-e3WrlpqSHq3HAQ03JFjTn8YCrsyg640/sr1rjkM2rNv8z1ufjudpv4xq6DvvTJYB6FuUrfg0g+7bSKPet5QfCQ==
+"@jest/fake-timers@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-27.5.1.tgz#76979745ce0579c8a94a4678af7a748eda8ada74"
+  integrity sha512-/aPowoolwa07k7/oM3aASneNeBGCmGQsc3ugN4u6s4C/+s5M64MFo/+djTdiwcbQlRfFElGuDXWzaWj6QgKObQ==
   dependencies:
-    "@jest/types" "^27.5.0"
+    "@jest/types" "^27.5.1"
     "@sinonjs/fake-timers" "^8.0.1"
     "@types/node" "*"
-    jest-message-util "^27.5.0"
-    jest-mock "^27.5.0"
-    jest-util "^27.5.0"
+    jest-message-util "^27.5.1"
+    jest-mock "^27.5.1"
+    jest-util "^27.5.1"
 
-"@jest/globals@^27.5.0":
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-27.5.0.tgz#16271323f79e3b0fe0842e9588241d202a6c2aff"
-  integrity sha512-wWpMnTiR65Q4JD7fr2BqN+ZDbi99mmILnEM6u7AaX4geASEIVvQsiB4RCvwZrIX5YZCsAjviJQVq9CYddLABkg==
+"@jest/globals@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-27.5.1.tgz#7ac06ce57ab966566c7963431cef458434601b2b"
+  integrity sha512-ZEJNB41OBQQgGzgyInAv0UUfDDj3upmHydjieSxFvTRuZElrx7tXg/uVQ5hYVEwiXs3+aMsAeEc9X7xiSKCm4Q==
   dependencies:
-    "@jest/environment" "^27.5.0"
-    "@jest/types" "^27.5.0"
-    expect "^27.5.0"
+    "@jest/environment" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    expect "^27.5.1"
 
-"@jest/reporters@^27.5.0":
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-27.5.0.tgz#e7602e12656b5051bf4e784cbdd82d4ec1299e33"
-  integrity sha512-DG+BmVSx2uaJSTKz5z1eScgHTQ6/cZ5CCKSpmpr4sXQPwV2V5aUMOBDwXX1MnqNRhH7/Rq9K97ynnocvho5aMA==
+"@jest/reporters@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-27.5.1.tgz#ceda7be96170b03c923c37987b64015812ffec04"
+  integrity sha512-cPXh9hWIlVJMQkVk84aIvXuBB4uQQmFqZiacloFuGiP3ah1sbCxCosidXFDfqG8+6fO1oR2dTJTlsOy4VFmUfw==
   dependencies:
     "@bcoe/v8-coverage" "^0.2.3"
-    "@jest/console" "^27.5.0"
-    "@jest/test-result" "^27.5.0"
-    "@jest/transform" "^27.5.0"
-    "@jest/types" "^27.5.0"
+    "@jest/console" "^27.5.1"
+    "@jest/test-result" "^27.5.1"
+    "@jest/transform" "^27.5.1"
+    "@jest/types" "^27.5.1"
     "@types/node" "*"
     chalk "^4.0.0"
     collect-v8-coverage "^1.0.0"
@@ -499,60 +499,60 @@
     istanbul-lib-report "^3.0.0"
     istanbul-lib-source-maps "^4.0.0"
     istanbul-reports "^3.1.3"
-    jest-haste-map "^27.5.0"
-    jest-resolve "^27.5.0"
-    jest-util "^27.5.0"
-    jest-worker "^27.5.0"
+    jest-haste-map "^27.5.1"
+    jest-resolve "^27.5.1"
+    jest-util "^27.5.1"
+    jest-worker "^27.5.1"
     slash "^3.0.0"
     source-map "^0.6.0"
     string-length "^4.0.1"
     terminal-link "^2.0.0"
     v8-to-istanbul "^8.1.0"
 
-"@jest/source-map@^27.5.0":
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-27.5.0.tgz#f22a7e759b8807491f84719c01acf433b917c7a0"
-  integrity sha512-0xr7VZ+JNCRrlCyRMYhquUm8eU3kNdGDaIW4s3L625bNjk273v9ZhAm3YczIuzJzYH0pnjT+QSCiZQegWKjeow==
+"@jest/source-map@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-27.5.1.tgz#6608391e465add4205eae073b55e7f279e04e8cf"
+  integrity sha512-y9NIHUYF3PJRlHk98NdC/N1gl88BL08aQQgu4k4ZopQkCw9t9cV8mtl3TV8b/YCB8XaVTFrmUTAJvjsntDireg==
   dependencies:
     callsites "^3.0.0"
     graceful-fs "^4.2.9"
     source-map "^0.6.0"
 
-"@jest/test-result@^27.5.0":
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-27.5.0.tgz#29e0ace33570c9dcbd47c67e954f77a7d7fff98e"
-  integrity sha512-Lxecvx5mN6WIeynIyW0dWDQm8UPGMHvTwxUPK+OsZaqBDMGaNDSZtw53VoVk7HyT6AcRblMR/pfa0XucmH4hGw==
+"@jest/test-result@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-27.5.1.tgz#56a6585fa80f7cdab72b8c5fc2e871d03832f5bb"
+  integrity sha512-EW35l2RYFUcUQxFJz5Cv5MTOxlJIQs4I7gxzi2zVU7PJhOwfYq1MdC5nhSmYjX1gmMmLPvB3sIaC+BkcHRBfag==
   dependencies:
-    "@jest/console" "^27.5.0"
-    "@jest/types" "^27.5.0"
+    "@jest/console" "^27.5.1"
+    "@jest/types" "^27.5.1"
     "@types/istanbul-lib-coverage" "^2.0.0"
     collect-v8-coverage "^1.0.0"
 
-"@jest/test-sequencer@^27.5.0":
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-27.5.0.tgz#68beceb3de818dcb34fb3ea59be3c22c890bb6e5"
-  integrity sha512-WzjcDflqbpWe+SnJPCvB2gB6haGfrkzAgzY6Pb1aq+EPoVAj2mwBaKN0ROWI4H87aSslCjq2M+BUQFNJ8VpnDA==
+"@jest/test-sequencer@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-27.5.1.tgz#4057e0e9cea4439e544c6353c6affe58d095745b"
+  integrity sha512-LCheJF7WB2+9JuCS7VB/EmGIdQuhtqjRNI9A43idHv3E4KltCTsPsLxvdaubFHSYwY/fNjMWjl6vNRhDiN7vpQ==
   dependencies:
-    "@jest/test-result" "^27.5.0"
+    "@jest/test-result" "^27.5.1"
     graceful-fs "^4.2.9"
-    jest-haste-map "^27.5.0"
-    jest-runtime "^27.5.0"
+    jest-haste-map "^27.5.1"
+    jest-runtime "^27.5.1"
 
-"@jest/transform@^27.5.0":
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-27.5.0.tgz#a4941e69ac51e8aa9a255ff4855b564c228c400b"
-  integrity sha512-yXUy/iO3TH1itxJ9BF7LLjuXt8TtgtjAl0PBQbUaCvRa+L0yYBob6uayW9dFRX/CDQweouLhvmXh44zRiaB+yA==
+"@jest/transform@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-27.5.1.tgz#6c3501dcc00c4c08915f292a600ece5ecfe1f409"
+  integrity sha512-ipON6WtYgl/1329g5AIJVbUuEh0wZVbdpGwC99Jw4LwuoBNS95MVphU6zOeD9pDkon+LLbFL7lOQRapbB8SCHw==
   dependencies:
     "@babel/core" "^7.1.0"
-    "@jest/types" "^27.5.0"
+    "@jest/types" "^27.5.1"
     babel-plugin-istanbul "^6.1.1"
     chalk "^4.0.0"
     convert-source-map "^1.4.0"
     fast-json-stable-stringify "^2.0.0"
     graceful-fs "^4.2.9"
-    jest-haste-map "^27.5.0"
-    jest-regex-util "^27.5.0"
-    jest-util "^27.5.0"
+    jest-haste-map "^27.5.1"
+    jest-regex-util "^27.5.1"
+    jest-util "^27.5.1"
     micromatch "^4.0.4"
     pirates "^4.0.4"
     slash "^3.0.0"
@@ -570,6 +570,17 @@
     "@types/yargs" "^16.0.0"
     chalk "^4.0.0"
 
+"@jest/types@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-27.5.1.tgz#3c79ec4a8ba61c170bf937bcf9e98a9df175ec80"
+  integrity sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==
+  dependencies:
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    "@types/istanbul-reports" "^3.0.0"
+    "@types/node" "*"
+    "@types/yargs" "^16.0.0"
+    chalk "^4.0.0"
+
 "@jridgewell/resolve-uri@^3.0.3":
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.0.4.tgz#b876e3feefb9c8d3aa84014da28b5e52a0640d72"
@@ -994,14 +1005,14 @@
   dependencies:
     "@types/yargs-parser" "*"
 
-"@typescript-eslint/eslint-plugin@^5.10.2":
-  version "5.10.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.10.2.tgz#f8c1d59fc37bd6d9d11c97267fdfe722c4777152"
-  integrity sha512-4W/9lLuE+v27O/oe7hXJKjNtBLnZE8tQAFpapdxwSVHqtmIoPB1gph3+ahNwVuNL37BX7YQHyGF9Xv6XCnIX2Q==
+"@typescript-eslint/eslint-plugin@^5.11.0":
+  version "5.11.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.11.0.tgz#3b866371d8d75c70f9b81535e7f7d3aa26527c7a"
+  integrity sha512-HJh33bgzXe6jGRocOj4FmefD7hRY4itgjzOrSs3JPrTNXsX7j5+nQPciAUj/1nZtwo2kAc3C75jZO+T23gzSGw==
   dependencies:
-    "@typescript-eslint/scope-manager" "5.10.2"
-    "@typescript-eslint/type-utils" "5.10.2"
-    "@typescript-eslint/utils" "5.10.2"
+    "@typescript-eslint/scope-manager" "5.11.0"
+    "@typescript-eslint/type-utils" "5.11.0"
+    "@typescript-eslint/utils" "5.11.0"
     debug "^4.3.2"
     functional-red-black-tree "^1.0.1"
     ignore "^5.1.8"
@@ -1009,69 +1020,69 @@
     semver "^7.3.5"
     tsutils "^3.21.0"
 
-"@typescript-eslint/parser@^5.10.2":
-  version "5.10.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.10.2.tgz#b6076d27cc5499ce3f2c625f5ccde946ecb7db9a"
-  integrity sha512-JaNYGkaQVhP6HNF+lkdOr2cAs2wdSZBoalE22uYWq8IEv/OVH0RksSGydk+sW8cLoSeYmC+OHvRyv2i4AQ7Czg==
+"@typescript-eslint/parser@^5.11.0":
+  version "5.11.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.11.0.tgz#b4fcaf65513f9b34bdcbffdda055724a5efb7e04"
+  integrity sha512-x0DCjetHZYBRovJdr3U0zG9OOdNXUaFLJ82ehr1AlkArljJuwEsgnud+Q7umlGDFLFrs8tU8ybQDFocp/eX8mQ==
   dependencies:
-    "@typescript-eslint/scope-manager" "5.10.2"
-    "@typescript-eslint/types" "5.10.2"
-    "@typescript-eslint/typescript-estree" "5.10.2"
+    "@typescript-eslint/scope-manager" "5.11.0"
+    "@typescript-eslint/types" "5.11.0"
+    "@typescript-eslint/typescript-estree" "5.11.0"
     debug "^4.3.2"
 
-"@typescript-eslint/scope-manager@5.10.2":
-  version "5.10.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.10.2.tgz#92c0bc935ec00f3d8638cdffb3d0e70c9b879639"
-  integrity sha512-39Tm6f4RoZoVUWBYr3ekS75TYgpr5Y+X0xLZxXqcZNDWZdJdYbKd3q2IR4V9y5NxxiPu/jxJ8XP7EgHiEQtFnw==
+"@typescript-eslint/scope-manager@5.11.0":
+  version "5.11.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.11.0.tgz#f5aef83ff253f457ecbee5f46f762298f0101e4b"
+  integrity sha512-z+K4LlahDFVMww20t/0zcA7gq/NgOawaLuxgqGRVKS0PiZlCTIUtX0EJbC0BK1JtR4CelmkPK67zuCgpdlF4EA==
   dependencies:
-    "@typescript-eslint/types" "5.10.2"
-    "@typescript-eslint/visitor-keys" "5.10.2"
+    "@typescript-eslint/types" "5.11.0"
+    "@typescript-eslint/visitor-keys" "5.11.0"
 
-"@typescript-eslint/type-utils@5.10.2":
-  version "5.10.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.10.2.tgz#ad5acdf98a7d2ab030bea81f17da457519101ceb"
-  integrity sha512-uRKSvw/Ccs5FYEoXW04Z5VfzF2iiZcx8Fu7DGIB7RHozuP0VbKNzP1KfZkHBTM75pCpsWxIthEH1B33dmGBKHw==
+"@typescript-eslint/type-utils@5.11.0":
+  version "5.11.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.11.0.tgz#58be0ba73d1f6ef8983d79f7f0bc2209b253fefe"
+  integrity sha512-wDqdsYO6ofLaD4DsGZ0jGwxp4HrzD2YKulpEZXmgN3xo4BHJwf7kq49JTRpV0Gx6bxkSUmc9s0EIK1xPbFFpIA==
   dependencies:
-    "@typescript-eslint/utils" "5.10.2"
+    "@typescript-eslint/utils" "5.11.0"
     debug "^4.3.2"
     tsutils "^3.21.0"
 
-"@typescript-eslint/types@5.10.2":
-  version "5.10.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.10.2.tgz#604d15d795c4601fffba6ecb4587ff9fdec68ce8"
-  integrity sha512-Qfp0qk/5j2Rz3p3/WhWgu4S1JtMcPgFLnmAKAW061uXxKSa7VWKZsDXVaMXh2N60CX9h6YLaBoy9PJAfCOjk3w==
+"@typescript-eslint/types@5.11.0":
+  version "5.11.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.11.0.tgz#ba345818a2540fdf2755c804dc2158517ab61188"
+  integrity sha512-cxgBFGSRCoBEhvSVLkKw39+kMzUKHlJGVwwMbPcTZX3qEhuXhrjwaZXWMxVfxDgyMm+b5Q5b29Llo2yow8Y7xQ==
 
-"@typescript-eslint/typescript-estree@5.10.2":
-  version "5.10.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.10.2.tgz#810906056cd3ddcb35aa333fdbbef3713b0fe4a7"
-  integrity sha512-WHHw6a9vvZls6JkTgGljwCsMkv8wu8XU8WaYKeYhxhWXH/atZeiMW6uDFPLZOvzNOGmuSMvHtZKd6AuC8PrwKQ==
+"@typescript-eslint/typescript-estree@5.11.0":
+  version "5.11.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.11.0.tgz#53f9e09b88368191e52020af77c312a4777ffa43"
+  integrity sha512-yVH9hKIv3ZN3lw8m/Jy5I4oXO4ZBMqijcXCdA4mY8ull6TPTAoQnKKrcZ0HDXg7Bsl0Unwwx7jcXMuNZc0m4lg==
   dependencies:
-    "@typescript-eslint/types" "5.10.2"
-    "@typescript-eslint/visitor-keys" "5.10.2"
+    "@typescript-eslint/types" "5.11.0"
+    "@typescript-eslint/visitor-keys" "5.11.0"
     debug "^4.3.2"
     globby "^11.0.4"
     is-glob "^4.0.3"
     semver "^7.3.5"
     tsutils "^3.21.0"
 
-"@typescript-eslint/utils@5.10.2":
-  version "5.10.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.10.2.tgz#1fcd37547c32c648ab11aea7173ec30060ee87a8"
-  integrity sha512-vuJaBeig1NnBRkf7q9tgMLREiYD7zsMrsN1DA3wcoMDvr3BTFiIpKjGiYZoKPllfEwN7spUjv7ZqD+JhbVjEPg==
+"@typescript-eslint/utils@5.11.0":
+  version "5.11.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.11.0.tgz#d91548ef180d74c95d417950336d9260fdbe1dc5"
+  integrity sha512-g2I480tFE1iYRDyMhxPAtLQ9HAn0jjBtipgTCZmd9I9s11OV8CTsG+YfFciuNDcHqm4csbAgC2aVZCHzLxMSUw==
   dependencies:
     "@types/json-schema" "^7.0.9"
-    "@typescript-eslint/scope-manager" "5.10.2"
-    "@typescript-eslint/types" "5.10.2"
-    "@typescript-eslint/typescript-estree" "5.10.2"
+    "@typescript-eslint/scope-manager" "5.11.0"
+    "@typescript-eslint/types" "5.11.0"
+    "@typescript-eslint/typescript-estree" "5.11.0"
     eslint-scope "^5.1.1"
     eslint-utils "^3.0.0"
 
-"@typescript-eslint/visitor-keys@5.10.2":
-  version "5.10.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.10.2.tgz#fdbf272d8e61c045d865bd6c8b41bea73d222f3d"
-  integrity sha512-zHIhYGGGrFJvvyfwHk5M08C5B5K4bewkm+rrvNTKk1/S15YHR+SA/QUF8ZWscXSfEaB8Nn2puZj+iHcoxVOD/Q==
+"@typescript-eslint/visitor-keys@5.11.0":
+  version "5.11.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.11.0.tgz#888542381f1a2ac745b06d110c83c0b261487ebb"
+  integrity sha512-E8w/vJReMGuloGxJDkpPlGwhxocxOpSVgSvjiLO5IxZPmxZF30weOeJYyPSEACwM+X4NziYS9q+WkN/2DHYQwA==
   dependencies:
-    "@typescript-eslint/types" "5.10.2"
+    "@typescript-eslint/types" "5.11.0"
     eslint-visitor-keys "^3.0.0"
 
 "@webassemblyjs/ast@1.11.1":
@@ -1477,16 +1488,16 @@ axios@^0.21.0:
   dependencies:
     follow-redirects "^1.14.0"
 
-babel-jest@^27.5.0:
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-27.5.0.tgz#c653985241af3c76f59d70d65a570860c2594a50"
-  integrity sha512-puhCyvBTNLevhbd1oyw6t3gWBicWoUARQYKCBB/B1moif17NbyhxbsfadqZIw8zfJJD+W7Vw0Nb20pEjLxkXqQ==
+babel-jest@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-27.5.1.tgz#a1bf8d61928edfefd21da27eb86a695bfd691444"
+  integrity sha512-cdQ5dXjGRd0IBRATiQ4mZGlGlRE8kJpjPOixdNRdT+m3UcNqmYWN6rK6nvtXYfY3D76cb8s/O1Ss8ea24PIwcg==
   dependencies:
-    "@jest/transform" "^27.5.0"
-    "@jest/types" "^27.5.0"
+    "@jest/transform" "^27.5.1"
+    "@jest/types" "^27.5.1"
     "@types/babel__core" "^7.1.14"
     babel-plugin-istanbul "^6.1.1"
-    babel-preset-jest "^27.5.0"
+    babel-preset-jest "^27.5.1"
     chalk "^4.0.0"
     graceful-fs "^4.2.9"
     slash "^3.0.0"
@@ -1502,10 +1513,10 @@ babel-plugin-istanbul@^6.1.1:
     istanbul-lib-instrument "^5.0.4"
     test-exclude "^6.0.0"
 
-babel-plugin-jest-hoist@^27.5.0:
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-27.5.0.tgz#8fdf07835f2165a068de3ce95fd7749a89801b51"
-  integrity sha512-ztwNkHl+g1GaoQcb8f2BER4C3LMvSXuF7KVqtUioXQgScSEnkl6lLgCILUYIR+CPTwL8H3F/PNLze64HPWF9JA==
+babel-plugin-jest-hoist@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-27.5.1.tgz#9be98ecf28c331eb9f5df9c72d6f89deb8181c2e"
+  integrity sha512-50wCwD5EMNW4aRpOwtqzyZHIewTYNxLA4nhB+09d8BIssfNfzBRhkBIHiaPv1Si226TQSvp8gxAJm2iY2qs2hQ==
   dependencies:
     "@babel/template" "^7.3.3"
     "@babel/types" "^7.3.3"
@@ -1530,12 +1541,12 @@ babel-preset-current-node-syntax@^1.0.0:
     "@babel/plugin-syntax-optional-chaining" "^7.8.3"
     "@babel/plugin-syntax-top-level-await" "^7.8.3"
 
-babel-preset-jest@^27.5.0:
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-27.5.0.tgz#4e308711c3d2ff1f45cf5d9a23646e37b621fc9f"
-  integrity sha512-7bfu1cJBlgK/nKfTvMlElzA3jpi6GzDWX3fntnyP2cQSzoi/KUz6ewGlcb3PSRYZGyv+uPnVHY0Im3JbsViqgA==
+babel-preset-jest@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-27.5.1.tgz#91f10f58034cb7989cb4f962b69fa6eef6a6bc81"
+  integrity sha512-Nptf2FzlPCWYuJg41HBqXVT8ym6bXOevuCTbhxlUpjwtysGaIWFvDEjp4y+G7fl13FgOdjs7P/DmErqH7da0Ag==
   dependencies:
-    babel-plugin-jest-hoist "^27.5.0"
+    babel-plugin-jest-hoist "^27.5.1"
     babel-preset-current-node-syntax "^1.0.0"
 
 backo2@^1.0.2:
@@ -2294,6 +2305,11 @@ diff-sequences@^27.5.0:
   resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-27.5.0.tgz#a8ac0cb742b17d6f30a6c43e233893a2402c0729"
   integrity sha512-ZsOBWnhXiH+Zn0DcBNX/tiQsqrREHs/6oQsEVy2VJJjrTblykPima11pyHMSA/7PGmD+fwclTnKVKL/qtNREDQ==
 
+diff-sequences@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-27.5.1.tgz#eaecc0d327fd68c8d9672a1e64ab8dccb2ef5327"
+  integrity sha512-k1gCAXAsNgLwEL+Y8Wvl+M6oEFj5bgazfZULpS5CneoPPXRaCCW7dm+q21Ky2VEE5X+VeRDBVg1Pcvvsr4TtNQ==
+
 diff@^4.0.1:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/diff/-/diff-4.0.2.tgz#60f3aecb89d5fae520c11aa19efc2bb982aade7d"
@@ -2693,15 +2709,15 @@ exit@^0.1.2:
   resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
   integrity sha1-BjJjj42HfMghB9MKD/8aF8uhzQw=
 
-expect@^27.5.0:
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/expect/-/expect-27.5.0.tgz#ea2fbebb483c274043098c34a53923a0aee493f0"
-  integrity sha512-z73GZ132cBqrapO0X6BeRjyBXqOt9YeRtnDteHJIQqp5s2pZ41Hz23VUbsVFMfkrsFLU9GwoIRS0ZzLuFK8M5w==
+expect@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/expect/-/expect-27.5.1.tgz#83ce59f1e5bdf5f9d2b94b61d2050db48f3fef74"
+  integrity sha512-E1q5hSUG2AmYQwQJ041nvgpkODHQvB+RKlB4IYdru6uJsyFTRyZAP463M+1lINorwbqAmUggi6+WwkD8lCS/Dw==
   dependencies:
-    "@jest/types" "^27.5.0"
-    jest-get-type "^27.5.0"
-    jest-matcher-utils "^27.5.0"
-    jest-message-util "^27.5.0"
+    "@jest/types" "^27.5.1"
+    jest-get-type "^27.5.1"
+    jest-matcher-utils "^27.5.1"
+    jest-message-util "^27.5.1"
 
 express@^4.17.2:
   version "4.17.2"
@@ -3473,87 +3489,89 @@ jake@^10.6.1:
     filelist "^1.0.1"
     minimatch "^3.0.4"
 
-jest-changed-files@^27.5.0:
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-27.5.0.tgz#61e8d0a7394c1ee1cec4c2893e206e62b1566066"
-  integrity sha512-BGWKI7E6ORqbF5usF1oA4ftbkhVZVrXr8jB0/BrU6TAn3kfOVwX2Zx6pKIXYutJ+qNEjT8Da/gGak0ajya/StA==
+jest-changed-files@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-27.5.1.tgz#a348aed00ec9bf671cc58a66fcbe7c3dfd6a68f5"
+  integrity sha512-buBLMiByfWGCoMsLLzGUUSpAmIAGnbR2KJoMN10ziLhOLvP4e0SlypHnAel8iqQXTrcbmfEY9sSqae5sgUsTvw==
   dependencies:
-    "@jest/types" "^27.5.0"
+    "@jest/types" "^27.5.1"
     execa "^5.0.0"
     throat "^6.0.1"
 
-jest-circus@^27.5.0:
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/jest-circus/-/jest-circus-27.5.0.tgz#fcff8829ceb2c8ef4b4532ace7734d156c6664b9"
-  integrity sha512-+NPd1OxpAHYKjbW8dgL0huFgmtZRKSUKee/UtRgZJEfAxCeA12d7sp0coh5EGDBpW4fCk1Pcia/2dG+j6BQvdw==
+jest-circus@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-circus/-/jest-circus-27.5.1.tgz#37a5a4459b7bf4406e53d637b49d22c65d125ecc"
+  integrity sha512-D95R7x5UtlMA5iBYsOHFFbMD/GVA4R/Kdq15f7xYWUfWHBto9NYRsOvnSauTgdF+ogCpJ4tyKOXhUifxS65gdw==
   dependencies:
-    "@jest/environment" "^27.5.0"
-    "@jest/test-result" "^27.5.0"
-    "@jest/types" "^27.5.0"
+    "@jest/environment" "^27.5.1"
+    "@jest/test-result" "^27.5.1"
+    "@jest/types" "^27.5.1"
     "@types/node" "*"
     chalk "^4.0.0"
     co "^4.6.0"
     dedent "^0.7.0"
-    expect "^27.5.0"
+    expect "^27.5.1"
     is-generator-fn "^2.0.0"
-    jest-each "^27.5.0"
-    jest-matcher-utils "^27.5.0"
-    jest-message-util "^27.5.0"
-    jest-runtime "^27.5.0"
-    jest-snapshot "^27.5.0"
-    jest-util "^27.5.0"
-    pretty-format "^27.5.0"
+    jest-each "^27.5.1"
+    jest-matcher-utils "^27.5.1"
+    jest-message-util "^27.5.1"
+    jest-runtime "^27.5.1"
+    jest-snapshot "^27.5.1"
+    jest-util "^27.5.1"
+    pretty-format "^27.5.1"
     slash "^3.0.0"
     stack-utils "^2.0.3"
     throat "^6.0.1"
 
-jest-cli@^27.5.0:
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-27.5.0.tgz#06557ad22818740fb28481089a574ba107a8b369"
-  integrity sha512-9ANs79Goz1ULKtG7HDm/F//4E69v8EFOLXRIHmeC/eK1xTUeQGlU6XP0Zwst386sKaKB4O60qhWY/UaTBS2MLA==
+jest-cli@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-27.5.1.tgz#278794a6e6458ea8029547e6c6cbf673bd30b145"
+  integrity sha512-Hc6HOOwYq4/74/c62dEE3r5elx8wjYqxY0r0G/nFrLDPMFRu6RA/u8qINOIkvhxG7mMQ5EJsOGfRpI8L6eFUVw==
   dependencies:
-    "@jest/core" "^27.5.0"
-    "@jest/test-result" "^27.5.0"
-    "@jest/types" "^27.5.0"
+    "@jest/core" "^27.5.1"
+    "@jest/test-result" "^27.5.1"
+    "@jest/types" "^27.5.1"
     chalk "^4.0.0"
     exit "^0.1.2"
     graceful-fs "^4.2.9"
     import-local "^3.0.2"
-    jest-config "^27.5.0"
-    jest-util "^27.5.0"
-    jest-validate "^27.5.0"
+    jest-config "^27.5.1"
+    jest-util "^27.5.1"
+    jest-validate "^27.5.1"
     prompts "^2.0.1"
     yargs "^16.2.0"
 
-jest-config@^27.5.0:
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-27.5.0.tgz#d96ccf8e26d3f2f3ae6543686c48449c201bb621"
-  integrity sha512-eOIpvpXFz5WHuIYZN1QmvBLEjsSk3w+IAC/2jBpZClbprF53Bj9meBMgAbE15DSkaaJBDFmhXXd1L2eCLaWxQw==
+jest-config@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-27.5.1.tgz#5c387de33dca3f99ad6357ddeccd91bf3a0e4a41"
+  integrity sha512-5sAsjm6tGdsVbW9ahcChPAFCk4IlkQUknH5AvKjuLTSlcO/wCZKyFdn7Rg0EkC+OGgWODEy2hDpWB1PgzH0JNA==
   dependencies:
     "@babel/core" "^7.8.0"
-    "@jest/test-sequencer" "^27.5.0"
-    "@jest/types" "^27.5.0"
-    babel-jest "^27.5.0"
+    "@jest/test-sequencer" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    babel-jest "^27.5.1"
     chalk "^4.0.0"
     ci-info "^3.2.0"
     deepmerge "^4.2.2"
     glob "^7.1.1"
     graceful-fs "^4.2.9"
-    jest-circus "^27.5.0"
-    jest-environment-jsdom "^27.5.0"
-    jest-environment-node "^27.5.0"
-    jest-get-type "^27.5.0"
-    jest-jasmine2 "^27.5.0"
-    jest-regex-util "^27.5.0"
-    jest-resolve "^27.5.0"
-    jest-runner "^27.5.0"
-    jest-util "^27.5.0"
-    jest-validate "^27.5.0"
+    jest-circus "^27.5.1"
+    jest-environment-jsdom "^27.5.1"
+    jest-environment-node "^27.5.1"
+    jest-get-type "^27.5.1"
+    jest-jasmine2 "^27.5.1"
+    jest-regex-util "^27.5.1"
+    jest-resolve "^27.5.1"
+    jest-runner "^27.5.1"
+    jest-util "^27.5.1"
+    jest-validate "^27.5.1"
     micromatch "^4.0.4"
-    pretty-format "^27.5.0"
+    parse-json "^5.2.0"
+    pretty-format "^27.5.1"
     slash "^3.0.0"
+    strip-json-comments "^3.1.1"
 
-jest-diff@^27.0.0, jest-diff@^27.5.0:
+jest-diff@^27.0.0:
   version "27.5.0"
   resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-27.5.0.tgz#34dc608a3b9159df178dd480b6d835b5e6b92082"
   integrity sha512-zztvHDCq/QcAVv+o6rts0reupSOxyrX+KLQEOMWCW2trZgcBFgp/oTK7hJCGpXvEIqKrQzyQlaPKn9W04+IMQg==
@@ -3563,136 +3581,151 @@ jest-diff@^27.0.0, jest-diff@^27.5.0:
     jest-get-type "^27.5.0"
     pretty-format "^27.5.0"
 
-jest-docblock@^27.5.0:
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-27.5.0.tgz#096fa3a8b55d019a954ef7cc205c791bf94b2352"
-  integrity sha512-U4MtJgdZn2x+jpPzd7NAYvDmgJAA5h9QxVAwsyuH7IymGzY8VGHhAkHcIGOmtmdC61ORLxCbEhj6fCJsaCWzXA==
+jest-diff@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-27.5.1.tgz#a07f5011ac9e6643cf8a95a462b7b1ecf6680def"
+  integrity sha512-m0NvkX55LDt9T4mctTEgnZk3fmEg3NRYutvMPWM/0iPnkFj2wIeF45O1718cMSOFO1vINkqmxqD8vE37uTEbqw==
   dependencies:
-    detect-newline "^3.0.0"
+    chalk "^4.0.0"
+    diff-sequences "^27.5.1"
+    jest-get-type "^27.5.1"
+    pretty-format "^27.5.1"
 
-jest-each@^27.5.0:
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-27.5.0.tgz#7bd00a767df0fbec0caba3df0d2c0b3268a2ce84"
-  integrity sha512-2vpajSdDMZmAxjSP1f4BG9KKduwHtuaI0w66oqLUkfaGUU7Ix/W+d8BW0h3/QEJiew7hR0GSblqdFwTEEbhBdw==
+jest-docblock@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-27.5.1.tgz#14092f364a42c6108d42c33c8cf30e058e25f6c0"
+  integrity sha512-rl7hlABeTsRYxKiUfpHrQrG4e2obOiTQWfMEH3PxPjOtdsfLQO4ReWSZaQ7DETm4xu07rl4q/h4zcKXyU0/OzQ==
   dependencies:
-    "@jest/types" "^27.5.0"
-    chalk "^4.0.0"
-    jest-get-type "^27.5.0"
-    jest-util "^27.5.0"
-    pretty-format "^27.5.0"
+    detect-newline "^3.0.0"
 
-jest-environment-jsdom@^27.5.0:
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-27.5.0.tgz#6d22d9b76890e9b82c7e1062a15730efb3fb7361"
-  integrity sha512-sX49N8rjp6HSHeGpNgLk6mtHRd1IPAnE/u7wLQkb6Tz/1E08Q++Y8Zk/IbpVdcFywbzH1icFqEuDuHJ6o+uXXg==
+jest-each@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-27.5.1.tgz#5bc87016f45ed9507fed6e4702a5b468a5b2c44e"
+  integrity sha512-1Ff6p+FbhT/bXQnEouYy00bkNSY7OUpfIcmdl8vZ31A1UUaurOLPA8a8BbJOF2RDUElwJhmeaV7LnagI+5UwNQ==
   dependencies:
-    "@jest/environment" "^27.5.0"
-    "@jest/fake-timers" "^27.5.0"
-    "@jest/types" "^27.5.0"
+    "@jest/types" "^27.5.1"
+    chalk "^4.0.0"
+    jest-get-type "^27.5.1"
+    jest-util "^27.5.1"
+    pretty-format "^27.5.1"
+
+jest-environment-jsdom@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-27.5.1.tgz#ea9ccd1fc610209655a77898f86b2b559516a546"
+  integrity sha512-TFBvkTC1Hnnnrka/fUb56atfDtJ9VMZ94JkjTbggl1PEpwrYtUBKMezB3inLmWqQsXYLcMwNoDQwoBTAvFfsfw==
+  dependencies:
+    "@jest/environment" "^27.5.1"
+    "@jest/fake-timers" "^27.5.1"
+    "@jest/types" "^27.5.1"
     "@types/node" "*"
-    jest-mock "^27.5.0"
-    jest-util "^27.5.0"
+    jest-mock "^27.5.1"
+    jest-util "^27.5.1"
     jsdom "^16.6.0"
 
-jest-environment-node@^27.5.0:
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-27.5.0.tgz#1ab357b4715bff88d48c8b62b8379002ff955dd1"
-  integrity sha512-7UzisMMfGyrURhS/eUa7p7mgaqN3ajHylsjOgfcn0caNeYRZq4LHKZLfAxrPM34DWLnBZcRupEJlpQsizdSUsw==
+jest-environment-node@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-27.5.1.tgz#dedc2cfe52fab6b8f5714b4808aefa85357a365e"
+  integrity sha512-Jt4ZUnxdOsTGwSRAfKEnE6BcwsSPNOijjwifq5sDFSA2kesnXTvNqKHYgM0hDq3549Uf/KzdXNYn4wMZJPlFLw==
   dependencies:
-    "@jest/environment" "^27.5.0"
-    "@jest/fake-timers" "^27.5.0"
-    "@jest/types" "^27.5.0"
+    "@jest/environment" "^27.5.1"
+    "@jest/fake-timers" "^27.5.1"
+    "@jest/types" "^27.5.1"
     "@types/node" "*"
-    jest-mock "^27.5.0"
-    jest-util "^27.5.0"
+    jest-mock "^27.5.1"
+    jest-util "^27.5.1"
 
 jest-get-type@^27.5.0:
   version "27.5.0"
   resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-27.5.0.tgz#861c24aa1b176be83c902292cb9618d580cac8a7"
   integrity sha512-Vp6O8a52M/dahXRG/E0EJuWQROps2mDQ0sJYPgO8HskhdLwj9ajgngy2OAqZgV6e/RcU67WUHq6TgfvJb8flbA==
 
-jest-haste-map@^27.5.0:
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-27.5.0.tgz#7cc3a920caf304c89fbfceb5d5717b929873f175"
-  integrity sha512-0KfckSBEKV+D6e0toXmIj4zzp72EiBnvkC0L+xYxenkLhAdkp2/8tye4AgMzz7Fqb1r8SWtz7+s1UQLrxMBang==
+jest-get-type@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-27.5.1.tgz#3cd613c507b0f7ace013df407a1c1cd578bcb4f1"
+  integrity sha512-2KY95ksYSaK7DMBWQn6dQz3kqAf3BB64y2udeG+hv4KfSOb9qwcYQstTJc1KCbsix+wLZWZYN8t7nwX3GOBLRw==
+
+jest-haste-map@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-27.5.1.tgz#9fd8bd7e7b4fa502d9c6164c5640512b4e811e7f"
+  integrity sha512-7GgkZ4Fw4NFbMSDSpZwXeBiIbx+t/46nJ2QitkOjvwPYyZmqttu2TDSimMHP1EkPOi4xUZAN1doE5Vd25H4Jng==
   dependencies:
-    "@jest/types" "^27.5.0"
+    "@jest/types" "^27.5.1"
     "@types/graceful-fs" "^4.1.2"
     "@types/node" "*"
     anymatch "^3.0.3"
     fb-watchman "^2.0.0"
     graceful-fs "^4.2.9"
-    jest-regex-util "^27.5.0"
-    jest-serializer "^27.5.0"
-    jest-util "^27.5.0"
-    jest-worker "^27.5.0"
+    jest-regex-util "^27.5.1"
+    jest-serializer "^27.5.1"
+    jest-util "^27.5.1"
+    jest-worker "^27.5.1"
     micromatch "^4.0.4"
     walker "^1.0.7"
   optionalDependencies:
     fsevents "^2.3.2"
 
-jest-jasmine2@^27.5.0:
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-27.5.0.tgz#589d6574d1318d3fb41b3fc368344117ec417dcc"
-  integrity sha512-X7sT3HLNjjrBEepilxzPyNhNdyunaFBepo1L3T/fvYb9tb8Wb8qY576gwIa+SZcqYUqAA7/bT3EpZI4lAp0Qew==
+jest-jasmine2@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-27.5.1.tgz#a037b0034ef49a9f3d71c4375a796f3b230d1ac4"
+  integrity sha512-jtq7VVyG8SqAorDpApwiJJImd0V2wv1xzdheGHRGyuT7gZm6gG47QEskOlzsN1PG/6WNaCo5pmwMHDf3AkG2pQ==
   dependencies:
-    "@jest/environment" "^27.5.0"
-    "@jest/source-map" "^27.5.0"
-    "@jest/test-result" "^27.5.0"
-    "@jest/types" "^27.5.0"
+    "@jest/environment" "^27.5.1"
+    "@jest/source-map" "^27.5.1"
+    "@jest/test-result" "^27.5.1"
+    "@jest/types" "^27.5.1"
     "@types/node" "*"
     chalk "^4.0.0"
     co "^4.6.0"
-    expect "^27.5.0"
+    expect "^27.5.1"
     is-generator-fn "^2.0.0"
-    jest-each "^27.5.0"
-    jest-matcher-utils "^27.5.0"
-    jest-message-util "^27.5.0"
-    jest-runtime "^27.5.0"
-    jest-snapshot "^27.5.0"
-    jest-util "^27.5.0"
-    pretty-format "^27.5.0"
+    jest-each "^27.5.1"
+    jest-matcher-utils "^27.5.1"
+    jest-message-util "^27.5.1"
+    jest-runtime "^27.5.1"
+    jest-snapshot "^27.5.1"
+    jest-util "^27.5.1"
+    pretty-format "^27.5.1"
     throat "^6.0.1"
 
-jest-leak-detector@^27.5.0:
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-27.5.0.tgz#c98c02e64eab4da9a8b91f058d2b7473272272ee"
-  integrity sha512-Ak3k+DD3ao5d4/zzJrxAQ5UV5wiCrp47jH94ZD4/vXSzQgE6WBVDfg83VtculLILO7Y6/Q/7yzKSrtN9Na8luA==
+jest-leak-detector@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-27.5.1.tgz#6ec9d54c3579dd6e3e66d70e3498adf80fde3fb8"
+  integrity sha512-POXfWAMvfU6WMUXftV4HolnJfnPOGEu10fscNCA76KBpRRhcMN2c8d3iT2pxQS3HLbA+5X4sOUPzYO2NUyIlHQ==
   dependencies:
-    jest-get-type "^27.5.0"
-    pretty-format "^27.5.0"
+    jest-get-type "^27.5.1"
+    pretty-format "^27.5.1"
 
-jest-matcher-utils@^27.5.0:
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-27.5.0.tgz#d2fc737224fb3bfa38eaa2393ac5bc953d5c5697"
-  integrity sha512-5ruyzWMGb1ilCWD6ECwNdOhQBeIXAjHmHd5c3uO6quR7RIMHPRP2ucOaejz2j+0R0Ko4GanWM6SqXAeF8nYN5g==
+jest-matcher-utils@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-27.5.1.tgz#9c0cdbda8245bc22d2331729d1091308b40cf8ab"
+  integrity sha512-z2uTx/T6LBaCoNWNFWwChLBKYxTMcGBRjAt+2SbP929/Fflb9aa5LGma654Rz8z9HLxsrUaYzxE9T/EFIL/PAw==
   dependencies:
     chalk "^4.0.0"
-    jest-diff "^27.5.0"
-    jest-get-type "^27.5.0"
-    pretty-format "^27.5.0"
+    jest-diff "^27.5.1"
+    jest-get-type "^27.5.1"
+    pretty-format "^27.5.1"
 
-jest-message-util@^27.5.0:
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-27.5.0.tgz#654a781b38a305b1fd8120053c784c67bca00a52"
-  integrity sha512-lfbWRhTtmZMEHPAtl0SrvNzK1F4UnVNMHOliRQT2BJ4sBFzIb0gBCHA4ebWD4o6l1fUyvDPxM01K9OIMQTAdQw==
+jest-message-util@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-27.5.1.tgz#bdda72806da10d9ed6425e12afff38cd1458b6cf"
+  integrity sha512-rMyFe1+jnyAAf+NHwTclDz0eAaLkVDdKVHHBFWsBWHnnh5YeJMNWWsv7AbFYXfK3oTqvL7VTWkhNLu1jX24D+g==
   dependencies:
     "@babel/code-frame" "^7.12.13"
-    "@jest/types" "^27.5.0"
+    "@jest/types" "^27.5.1"
     "@types/stack-utils" "^2.0.0"
     chalk "^4.0.0"
     graceful-fs "^4.2.9"
     micromatch "^4.0.4"
-    pretty-format "^27.5.0"
+    pretty-format "^27.5.1"
     slash "^3.0.0"
     stack-utils "^2.0.3"
 
-jest-mock@^27.5.0:
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-27.5.0.tgz#1018656fe6bcd0f58fd1edca7f420169f6707c6e"
-  integrity sha512-PHluG6MJGng82/sxh8OiB9fnxzNn3cazceSHCAmAKs4g5rMhc3EZCrJXv+4w61rA2WGagMUj7QLLrA1SRlFpzQ==
+jest-mock@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-27.5.1.tgz#19948336d49ef4d9c52021d34ac7b5f36ff967d6"
+  integrity sha512-K4jKbY1d4ENhbrG2zuPWaQBvDly+iZ2yAW+T1fATN78hc0sInwn7wZB8XtlNnvHug5RMwV897Xm4LqmPM4e2Og==
   dependencies:
-    "@jest/types" "^27.5.0"
+    "@jest/types" "^27.5.1"
     "@types/node" "*"
 
 jest-pnp-resolver@^1.2.2:
@@ -3700,128 +3733,128 @@ jest-pnp-resolver@^1.2.2:
   resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.2.tgz#b704ac0ae028a89108a4d040b3f919dfddc8e33c"
   integrity sha512-olV41bKSMm8BdnuMsewT4jqlZ8+3TCARAXjZGT9jcoSnrfUnRCqnMoF9XEeoWjbzObpqF9dRhHQj0Xb9QdF6/w==
 
-jest-regex-util@^27.5.0:
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-27.5.0.tgz#26c26cf15a73edba13cb8930e261443d25ed8608"
-  integrity sha512-e9LqSd6HsDsqd7KS3rNyYwmQAaG9jq4U3LbnwVxN/y3nNlDzm2OFs596uo9zrUY+AV1opXq6ome78tRDUCRWfA==
+jest-regex-util@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-27.5.1.tgz#4da143f7e9fd1e542d4aa69617b38e4a78365b95"
+  integrity sha512-4bfKq2zie+x16okqDXjXn9ql2B0dScQu+vcwe4TvFVhkVyuWLqpZrZtXxLLWoXYgn0E87I6r6GRYHF7wFZBUvg==
 
-jest-resolve-dependencies@^27.5.0:
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-27.5.0.tgz#8e3b15589848995ddc9a39f49462dad5b7bc14a2"
-  integrity sha512-xQsy7CmrT4CJxdNUEdzZU2M/v6YmtQ/pkJM+sx7TA1siG1zfsZuo78PZvzglwRMQFr88f3Su4Om8OEBAic+SMw==
+jest-resolve-dependencies@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-27.5.1.tgz#d811ecc8305e731cc86dd79741ee98fed06f1da8"
+  integrity sha512-QQOOdY4PE39iawDn5rzbIePNigfe5B9Z91GDD1ae/xNDlu9kaat8QQ5EKnNmVWPV54hUdxCVwwj6YMgR2O7IOg==
   dependencies:
-    "@jest/types" "^27.5.0"
-    jest-regex-util "^27.5.0"
-    jest-snapshot "^27.5.0"
+    "@jest/types" "^27.5.1"
+    jest-regex-util "^27.5.1"
+    jest-snapshot "^27.5.1"
 
-jest-resolve@^27.5.0:
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-27.5.0.tgz#a8e95a68dfb4a59faa508d7b6d2c6a02dcabb712"
-  integrity sha512-PkDpYEGV/nFqThnIrlPtj8oTxyAV3iuuS6or7dZYyUWaHr/tyyVb5qfBmZS6FEr7ozBHgjrF1bgcgIefnlicbw==
+jest-resolve@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-27.5.1.tgz#a2f1c5a0796ec18fe9eb1536ac3814c23617b384"
+  integrity sha512-FFDy8/9E6CV83IMbDpcjOhumAQPDyETnU2KZ1O98DwTnz8AOBsW/Xv3GySr1mOZdItLR+zDZ7I/UdTFbgSOVCw==
   dependencies:
-    "@jest/types" "^27.5.0"
+    "@jest/types" "^27.5.1"
     chalk "^4.0.0"
     graceful-fs "^4.2.9"
-    jest-haste-map "^27.5.0"
+    jest-haste-map "^27.5.1"
     jest-pnp-resolver "^1.2.2"
-    jest-util "^27.5.0"
-    jest-validate "^27.5.0"
+    jest-util "^27.5.1"
+    jest-validate "^27.5.1"
     resolve "^1.20.0"
     resolve.exports "^1.1.0"
     slash "^3.0.0"
 
-jest-runner@^27.5.0:
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-27.5.0.tgz#b5747a4444b4d3faae019bd201943948882d26c3"
-  integrity sha512-RMzXhkJLLOKKgUPY2trpyVBijaFmswMtgoCCBk2PQVRHC6yo1vLd1/jmFP39s5OXXnt7rntuzKSYvxl+QUibqQ==
+jest-runner@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-27.5.1.tgz#071b27c1fa30d90540805c5645a0ec167c7b62e5"
+  integrity sha512-g4NPsM4mFCOwFKXO4p/H/kWGdJp9V8kURY2lX8Me2drgXqG7rrZAx5kv+5H7wtt/cdFIjhqYx1HrlqWHaOvDaQ==
   dependencies:
-    "@jest/console" "^27.5.0"
-    "@jest/environment" "^27.5.0"
-    "@jest/test-result" "^27.5.0"
-    "@jest/transform" "^27.5.0"
-    "@jest/types" "^27.5.0"
+    "@jest/console" "^27.5.1"
+    "@jest/environment" "^27.5.1"
+    "@jest/test-result" "^27.5.1"
+    "@jest/transform" "^27.5.1"
+    "@jest/types" "^27.5.1"
     "@types/node" "*"
     chalk "^4.0.0"
     emittery "^0.8.1"
     graceful-fs "^4.2.9"
-    jest-docblock "^27.5.0"
-    jest-environment-jsdom "^27.5.0"
-    jest-environment-node "^27.5.0"
-    jest-haste-map "^27.5.0"
-    jest-leak-detector "^27.5.0"
-    jest-message-util "^27.5.0"
-    jest-resolve "^27.5.0"
-    jest-runtime "^27.5.0"
-    jest-util "^27.5.0"
-    jest-worker "^27.5.0"
+    jest-docblock "^27.5.1"
+    jest-environment-jsdom "^27.5.1"
+    jest-environment-node "^27.5.1"
+    jest-haste-map "^27.5.1"
+    jest-leak-detector "^27.5.1"
+    jest-message-util "^27.5.1"
+    jest-resolve "^27.5.1"
+    jest-runtime "^27.5.1"
+    jest-util "^27.5.1"
+    jest-worker "^27.5.1"
     source-map-support "^0.5.6"
     throat "^6.0.1"
 
-jest-runtime@^27.5.0:
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-27.5.0.tgz#2497116742b9e7cc1e5381a9ded36602b8b0c78c"
-  integrity sha512-T7APxCPjN3p3ePcLuypbWtD0UZHyAdvIADZ9ABI/sFZ9t/Rf2xIUd6D7RzZIX+unewJRooVGWrgDIgeUuj0OUA==
-  dependencies:
-    "@jest/environment" "^27.5.0"
-    "@jest/fake-timers" "^27.5.0"
-    "@jest/globals" "^27.5.0"
-    "@jest/source-map" "^27.5.0"
-    "@jest/test-result" "^27.5.0"
-    "@jest/transform" "^27.5.0"
-    "@jest/types" "^27.5.0"
+jest-runtime@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-27.5.1.tgz#4896003d7a334f7e8e4a53ba93fb9bcd3db0a1af"
+  integrity sha512-o7gxw3Gf+H2IGt8fv0RiyE1+r83FJBRruoA+FXrlHw6xEyBsU8ugA6IPfTdVyA0w8HClpbK+DGJxH59UrNMx8A==
+  dependencies:
+    "@jest/environment" "^27.5.1"
+    "@jest/fake-timers" "^27.5.1"
+    "@jest/globals" "^27.5.1"
+    "@jest/source-map" "^27.5.1"
+    "@jest/test-result" "^27.5.1"
+    "@jest/transform" "^27.5.1"
+    "@jest/types" "^27.5.1"
     chalk "^4.0.0"
     cjs-module-lexer "^1.0.0"
     collect-v8-coverage "^1.0.0"
     execa "^5.0.0"
     glob "^7.1.3"
     graceful-fs "^4.2.9"
-    jest-haste-map "^27.5.0"
-    jest-message-util "^27.5.0"
-    jest-mock "^27.5.0"
-    jest-regex-util "^27.5.0"
-    jest-resolve "^27.5.0"
-    jest-snapshot "^27.5.0"
-    jest-util "^27.5.0"
+    jest-haste-map "^27.5.1"
+    jest-message-util "^27.5.1"
+    jest-mock "^27.5.1"
+    jest-regex-util "^27.5.1"
+    jest-resolve "^27.5.1"
+    jest-snapshot "^27.5.1"
+    jest-util "^27.5.1"
     slash "^3.0.0"
     strip-bom "^4.0.0"
 
-jest-serializer@^27.5.0:
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-27.5.0.tgz#439a110df27f97a40c114a429b708c2ada15a81f"
-  integrity sha512-aSDFqQlVXtBH+Zb5dl9mCvTSFkabixk/9P9cpngL4yJKpmEi9USxfDhONFMzJrtftPvZw3PcltUVmtFZTB93rg==
+jest-serializer@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-27.5.1.tgz#81438410a30ea66fd57ff730835123dea1fb1f64"
+  integrity sha512-jZCyo6iIxO1aqUxpuBlwTDMkzOAJS4a3eYz3YzgxxVQFwLeSA7Jfq5cbqCY+JLvTDrWirgusI/0KwxKMgrdf7w==
   dependencies:
     "@types/node" "*"
     graceful-fs "^4.2.9"
 
-jest-snapshot@^27.5.0:
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-27.5.0.tgz#c5c4c084f5e10036f31e7647de1a6f28c07681fc"
-  integrity sha512-cAJj15uqWGkro0bfcv/EgusBnqNgCpRruFQZghsMYTq4Fm2lk/VhAf8DgRr8wvhR6Ue1hkeL8tn70Cw4t8x/5A==
+jest-snapshot@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-27.5.1.tgz#b668d50d23d38054a51b42c4039cab59ae6eb6a1"
+  integrity sha512-yYykXI5a0I31xX67mgeLw1DZ0bJB+gpq5IpSuCAoyDi0+BhgU/RIrL+RTzDmkNTchvDFWKP8lp+w/42Z3us5sA==
   dependencies:
     "@babel/core" "^7.7.2"
     "@babel/generator" "^7.7.2"
     "@babel/plugin-syntax-typescript" "^7.7.2"
     "@babel/traverse" "^7.7.2"
     "@babel/types" "^7.0.0"
-    "@jest/transform" "^27.5.0"
-    "@jest/types" "^27.5.0"
+    "@jest/transform" "^27.5.1"
+    "@jest/types" "^27.5.1"
     "@types/babel__traverse" "^7.0.4"
     "@types/prettier" "^2.1.5"
     babel-preset-current-node-syntax "^1.0.0"
     chalk "^4.0.0"
-    expect "^27.5.0"
+    expect "^27.5.1"
     graceful-fs "^4.2.9"
-    jest-diff "^27.5.0"
-    jest-get-type "^27.5.0"
-    jest-haste-map "^27.5.0"
-    jest-matcher-utils "^27.5.0"
-    jest-message-util "^27.5.0"
-    jest-util "^27.5.0"
+    jest-diff "^27.5.1"
+    jest-get-type "^27.5.1"
+    jest-haste-map "^27.5.1"
+    jest-matcher-utils "^27.5.1"
+    jest-message-util "^27.5.1"
+    jest-util "^27.5.1"
     natural-compare "^1.4.0"
-    pretty-format "^27.5.0"
+    pretty-format "^27.5.1"
     semver "^7.3.2"
 
-jest-util@^27.0.0, jest-util@^27.5.0:
+jest-util@^27.0.0:
   version "27.5.0"
   resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-27.5.0.tgz#0b9540d91b0de65d288f235fa9899e6eeeab8d35"
   integrity sha512-FUUqOx0gAzJy3ytatT1Ss372M1kmhczn8x7aE0++11oPGW1FyD/5NjYBI8w1KOXFm6IVjtaZm2szfJJL+CHs0g==
@@ -3833,32 +3866,44 @@ jest-util@^27.0.0, jest-util@^27.5.0:
     graceful-fs "^4.2.9"
     picomatch "^2.2.3"
 
-jest-validate@^27.5.0:
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-27.5.0.tgz#b3df32372d2c832fa5a5e31ee2c37f94f79f7f1f"
-  integrity sha512-2XZzQWNrY9Ypo11mm4ZeVjvr++CQG/45XnmA2aWwx155lTwy1JGFI8LpQ2dBCSAeO21ooqg/FCIvv9WwfnPClA==
+jest-util@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-27.5.1.tgz#3ba9771e8e31a0b85da48fe0b0891fb86c01c2f9"
+  integrity sha512-Kv2o/8jNvX1MQ0KGtw480E/w4fBCDOnH6+6DmeKi6LZUIlKA5kwY0YNdlzaWTiVgxqAqik11QyxDOKk543aKXw==
   dependencies:
-    "@jest/types" "^27.5.0"
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    ci-info "^3.2.0"
+    graceful-fs "^4.2.9"
+    picomatch "^2.2.3"
+
+jest-validate@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-27.5.1.tgz#9197d54dc0bdb52260b8db40b46ae668e04df067"
+  integrity sha512-thkNli0LYTmOI1tDB3FI1S1RTp/Bqyd9pTarJwL87OIBFuqEb5Apv5EaApEudYg4g86e3CT6kM0RowkhtEnCBQ==
+  dependencies:
+    "@jest/types" "^27.5.1"
     camelcase "^6.2.0"
     chalk "^4.0.0"
-    jest-get-type "^27.5.0"
+    jest-get-type "^27.5.1"
     leven "^3.1.0"
-    pretty-format "^27.5.0"
+    pretty-format "^27.5.1"
 
-jest-watcher@^27.5.0:
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-27.5.0.tgz#ca11c3b9115c92a8fd2fd9e2def296d45206f1ca"
-  integrity sha512-MhIeIvEd6dnnspE0OfYrqHOAfZZdyFqx/k8U2nvVFSkLYf22qAFfyNWPVQYcwqKVNobcOhJoT0kV/nRHGbqK8A==
+jest-watcher@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-27.5.1.tgz#71bd85fb9bde3a2c2ec4dc353437971c43c642a2"
+  integrity sha512-z676SuD6Z8o8qbmEGhoEUFOM1+jfEiL3DXHK/xgEiG2EyNYfFG60jluWcupY6dATjfEsKQuibReS1djInQnoVw==
   dependencies:
-    "@jest/test-result" "^27.5.0"
-    "@jest/types" "^27.5.0"
+    "@jest/test-result" "^27.5.1"
+    "@jest/types" "^27.5.1"
     "@types/node" "*"
     ansi-escapes "^4.2.1"
     chalk "^4.0.0"
-    jest-util "^27.5.0"
+    jest-util "^27.5.1"
     string-length "^4.0.1"
 
-jest-worker@^27.4.5, jest-worker@^27.5.0:
+jest-worker@^27.4.5:
   version "27.5.0"
   resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-27.5.0.tgz#99ee77e4d06168107c27328bd7f54e74c3a48d59"
   integrity sha512-8OEHiPNOPTfaWnJ2SUHM8fmgeGq37uuGsQBvGKQJl1f+6WIy6g7G3fE2ruI5294bUKUI9FaCWt5hDvO8HSwsSg==
@@ -3867,14 +3912,23 @@ jest-worker@^27.4.5, jest-worker@^27.5.0:
     merge-stream "^2.0.0"
     supports-color "^8.0.0"
 
-jest@^27.5.0:
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/jest/-/jest-27.5.0.tgz#2c04ff88754e42e9fc5240840b91f9a9a8990875"
-  integrity sha512-sCMZhL9zy0fiFc4H0cKlXq7BcghMSxm5ZnEyaPWTteArU5ix6JjOKyOXSUBGLTQCmt5kuX9zEvQ9BSshHOPB3A==
+jest-worker@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-27.5.1.tgz#8d146f0900e8973b106b6f73cc1e9a8cb86f8db0"
+  integrity sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==
+  dependencies:
+    "@types/node" "*"
+    merge-stream "^2.0.0"
+    supports-color "^8.0.0"
+
+jest@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest/-/jest-27.5.1.tgz#dadf33ba70a779be7a6fc33015843b51494f63fc"
+  integrity sha512-Yn0mADZB89zTtjkPJEXwrac3LHudkQMR+Paqa8uxJHCBr9agxztUifWCyiYrjhMPBoUVBjyny0I7XH6ozDr7QQ==
   dependencies:
-    "@jest/core" "^27.5.0"
+    "@jest/core" "^27.5.1"
     import-local "^3.0.2"
-    jest-cli "^27.5.0"
+    jest-cli "^27.5.1"
 
 "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
@@ -4534,7 +4588,7 @@ parent-module@^1.0.0:
   dependencies:
     callsites "^3.0.0"
 
-parse-json@^5.0.0:
+parse-json@^5.0.0, parse-json@^5.2.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.2.0.tgz#c76fc66dee54231c962b22bcc8a72cf2f99753cd"
   integrity sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==
@@ -4728,6 +4782,15 @@ pretty-format@^27.0.0, pretty-format@^27.0.2, pretty-format@^27.5.0:
     ansi-styles "^5.0.0"
     react-is "^17.0.1"
 
+pretty-format@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-27.5.1.tgz#2181879fdea51a7a5851fb39d920faa63f01d88e"
+  integrity sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==
+  dependencies:
+    ansi-regex "^5.0.1"
+    ansi-styles "^5.0.0"
+    react-is "^17.0.1"
+
 process-nextick-args@~2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"