set up web3modal

2026-04-24 03:00:09 -04:00 · 2020-08-26 01:54:21 +05:30
parent b5f5f661ed
commit 2e4c3a6c65
5 changed files with 305 additions and 24 deletions
--- a/packages/web/components/RegisterPlayer.tsx
+++ b/packages/web/components/RegisterPlayer.tsx
@@ -1,12 +1,7 @@
-import {
-  Button,
-  ButtonGroup,
-  EmailIcon,
-  Icon3box,
-  MetaHeading,
-} from '@metafam/ds';
+import { Button, ButtonGroup, MetaHeading } from '@metafam/ds';
+import { Web3Context } from 'contexts/Web3Context';
 import { useRouter } from 'next/router';
-import React from 'react';
+import React, { useContext } from 'react';

 import { FlexContainer } from './Container';

@@ -15,14 +10,7 @@ export const RegisterPlayer: React.FC = () => {
    <FlexContainer flex={1}>
      <MetaHeading m={5}>Register your Player account</MetaHeading>
      <ButtonGroup spacing={5} mt={20}>
-        <RegisterButton textTransform="uppercase">
-          <Icon3box mr={2} /> box
-        </RegisterButton>
-        <RegisterButton>GitHub</RegisterButton>
-        <RegisterButton>
-          <EmailIcon mr={2} />
-          Email
-        </RegisterButton>
+        <RegisterButton>Connect Wallet</RegisterButton>
      </ButtonGroup>
    </FlexContainer>
  );
@@ -31,8 +19,10 @@ export const RegisterPlayer: React.FC = () => {
 type ButtonProps = React.ComponentProps<typeof Button>;

 const RegisterButton: React.FC<ButtonProps> = ({ children, ...props }) => {
+  const { connectWeb3 } = useContext(Web3Context);
  const router = useRouter();
-  const login = () => {
+  const login = async () => {
+    await connectWeb3();
    router.push('/profile/success');
  };
  return (
--- a/packages/web/contexts/Web3Context.tsx
+++ b/packages/web/contexts/Web3Context.tsx
@@ -0,0 +1,76 @@
+import WalletConnectProvider from '@walletconnect/web3-provider';
+import { ethers } from 'ethers';
+import { AsyncSendable } from 'ethers/providers';
+import React, { createContext, useCallback, useEffect, useState } from 'react';
+import Web3 from 'web3';
+import Web3Modal from 'web3modal';
+
+import { CONFIG } from '../config';
+
+type Web3ContextType = {
+  ethersProvider: ethers.providers.Web3Provider | null;
+  connectWeb3: () => Promise<void>;
+  disconnect: () => void;
+};
+
+export const Web3Context = createContext<Web3ContextType>({
+  ethersProvider: null,
+  connectWeb3: async () => {},
+  disconnect: () => undefined,
+});
+
+const providerOptions = {
+  walletconnect: {
+    package: WalletConnectProvider,
+    options: {
+      infuraId: CONFIG.infuraId,
+    },
+  },
+};
+
+export const Web3ContextProvider: React.FC = ({ children }) => {
+  const [web3Modal, setWeb3Modal] = useState<Web3Modal>();
+  useEffect(() => {
+    setWeb3Modal(
+      new Web3Modal({
+        network: 'mainnet',
+        cacheProvider: true,
+        providerOptions,
+      }),
+    );
+  }, []);
+
+  const [
+    ethersProvider,
+    setEthersProvider,
+  ] = useState<ethers.providers.Web3Provider | null>(null);
+
+  const connectWeb3 = useCallback(async () => {
+    if (web3Modal) {
+      const modalProvider = await web3Modal.connect();
+
+      const web3Provider = new Web3(modalProvider);
+      const provider = new ethers.providers.Web3Provider(
+        web3Provider.currentProvider as AsyncSendable,
+      );
+
+      setEthersProvider(provider);
+    }
+  }, [web3Modal]);
+
+  const disconnect = useCallback(async () => {
+    web3Modal?.clearCachedProvider();
+  }, [web3Modal]);
+
+  useEffect(() => {
+    if (web3Modal?.cachedProvider) {
+      connectWeb3().catch(console.error);
+    }
+  }, [web3Modal, connectWeb3]);
+
+  return (
+    <Web3Context.Provider value={{ ethersProvider, connectWeb3, disconnect }}>
+      {children}
+    </Web3Context.Provider>
+  );
+};
--- a/packages/web/package.json
+++ b/packages/web/package.json
@@ -13,6 +13,8 @@
  },
  "dependencies": {
    "@metafam/ds": "0.1.0",
+    "@walletconnect/web3-provider": "^1.2.1",
+    "ethers": "^5.0.8",
    "fake-tag": "2.0.0",
    "graphql": "^15.0.0",
    "isomorphic-unfetch": "^3.0.0",
@@ -21,6 +23,8 @@
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-icons": "^3.11.0",
-    "urql": "^1.9.7"
+    "urql": "^1.9.7",
+    "web3": "^1.2.11",
+    "web3modal": "^1.9.0"
  }
 }
--- a/packages/web/pages/_app.tsx
+++ b/packages/web/pages/_app.tsx
@@ -3,6 +3,8 @@ import { PageHeader } from 'components/PageHeader';
 import { AppProps } from 'next/app';
 import Head from 'next/head';

+import { Web3ContextProvider } from '../contexts/Web3Context';
+
 const app: React.FC<AppProps> = ({ pageProps, Component }) => {
  return (
    <ChakraProvider theme={MetaTheme}>
@@ -10,8 +12,10 @@ const app: React.FC<AppProps> = ({ pageProps, Component }) => {
      <Head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      </Head>
-      {!pageProps.hidePageHeader && <PageHeader />}
-      <Component {...pageProps} />
+      <Web3ContextProvider>
+        {!pageProps.hidePageHeader && <PageHeader />}
+        <Component {...pageProps} />
+      </Web3ContextProvider>
    </ChakraProvider>
  );
 };
--- a/yarn.lock
+++ b/yarn.lock
@@ -2327,7 +2327,7 @@
    "@ethersproject/properties" ">=5.0.0-beta.131"
    "@ethersproject/strings" ">=5.0.0-beta.130"

-"@ethersproject/abi@>=5.0.0-beta.153":
+"@ethersproject/abi@>=5.0.0-beta.153", "@ethersproject/abi@^5.0.0":
  version "5.0.2"
  resolved "https://registry.yarnpkg.com/@ethersproject/abi/-/abi-5.0.2.tgz#7fe8f080aa1483fe32cd27bb5b8f2019266af1e2"
  integrity sha512-Z+5f7xOgtRLu/W2l9Ry5xF7ehh9QVQ0m1vhynmTcS7DMfHgqTd1/PDFC62aw91ZPRCRZsYdZJu8ymokC5e1JSw==
@@ -2432,6 +2432,21 @@
    "@ethersproject/properties" ">=5.0.0-beta.140"
    "@ethersproject/transactions" ">=5.0.0-beta.135"

+"@ethersproject/contracts@^5.0.0":
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/@ethersproject/contracts/-/contracts-5.0.2.tgz#f19ed8335ceeb6abb60f5d45641f0a2a62b6fbc5"
+  integrity sha512-Ud3oW8mBNIWE+WHRjvwVEwfvshn7lfYWSSKG0fPSb6baRN9mLOoNguX+VIv3W5Sne9w2utnBmxLF2ESXitw64A==
+  dependencies:
+    "@ethersproject/abi" "^5.0.0"
+    "@ethersproject/abstract-provider" "^5.0.0"
+    "@ethersproject/abstract-signer" "^5.0.0"
+    "@ethersproject/address" "^5.0.0"
+    "@ethersproject/bignumber" "^5.0.0"
+    "@ethersproject/bytes" "^5.0.0"
+    "@ethersproject/constants" "^5.0.0"
+    "@ethersproject/logger" "^5.0.0"
+    "@ethersproject/properties" "^5.0.0"
+
 "@ethersproject/hash@>=5.0.0-beta.128", "@ethersproject/hash@^5.0.0":
  version "5.0.2"
  resolved "https://registry.yarnpkg.com/@ethersproject/hash/-/hash-5.0.2.tgz#6d69558786961836d530b8b4a8714eac5388aec7"
@@ -2478,7 +2493,7 @@
    "@ethersproject/transactions" "^5.0.0"
    "@ethersproject/wordlists" "^5.0.0"

-"@ethersproject/json-wallets@>=5.0.0-beta.129":
+"@ethersproject/json-wallets@>=5.0.0-beta.129", "@ethersproject/json-wallets@^5.0.0":
  version "5.0.4"
  resolved "https://registry.yarnpkg.com/@ethersproject/json-wallets/-/json-wallets-5.0.4.tgz#e09bf2d34279c6dd2b4a4d4c44db65471bacc68b"
  integrity sha512-jqtb+X3rJXWG/w+Qyr7vq1V+fdc5jiLlyc6akwI3SQIHTfcuuyF+eZRd9u2/455urNwV3nuCsnrgxs2NrtHHIw==
@@ -2553,6 +2568,28 @@
    "@ethersproject/transactions" ">=5.0.0-beta.128"
    "@ethersproject/web" ">=5.0.0-beta.129"

+"@ethersproject/providers@^5.0.0":
+  version "5.0.5"
+  resolved "https://registry.yarnpkg.com/@ethersproject/providers/-/providers-5.0.5.tgz#fa28498ce9683d1d99f6cb11e1a7fe8d4886e0ce"
+  integrity sha512-ZR3yFg/m8qDl7317yXOHE7tKeGfoyZIZ/imhVC4JqAH+SX1rb6bdZcSjhJfet7rLmnJSsnYLTgIiVIT85aVLgg==
+  dependencies:
+    "@ethersproject/abstract-provider" "^5.0.0"
+    "@ethersproject/abstract-signer" "^5.0.0"
+    "@ethersproject/address" "^5.0.0"
+    "@ethersproject/bignumber" "^5.0.0"
+    "@ethersproject/bytes" "^5.0.0"
+    "@ethersproject/constants" "^5.0.0"
+    "@ethersproject/hash" "^5.0.0"
+    "@ethersproject/logger" "^5.0.0"
+    "@ethersproject/networks" "^5.0.0"
+    "@ethersproject/properties" "^5.0.0"
+    "@ethersproject/random" "^5.0.0"
+    "@ethersproject/rlp" "^5.0.0"
+    "@ethersproject/strings" "^5.0.0"
+    "@ethersproject/transactions" "^5.0.0"
+    "@ethersproject/web" "^5.0.0"
+    ws "7.2.3"
+
 "@ethersproject/random@>=5.0.0-beta.128", "@ethersproject/random@^5.0.0":
  version "5.0.2"
  resolved "https://registry.yarnpkg.com/@ethersproject/random/-/random-5.0.2.tgz#bb58aca69a85e8de506686117f050d03dac69023"
@@ -2588,6 +2625,17 @@
    "@ethersproject/properties" "^5.0.0"
    elliptic "6.5.3"

+"@ethersproject/solidity@^5.0.0":
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/@ethersproject/solidity/-/solidity-5.0.2.tgz#431cee341ec51e022bd897b93fef04521f414756"
+  integrity sha512-RygurUe1hPW1LDYAPXy4471AklGWNnxgFWc3YUE6H11gzkit26jr6AyZH4Yyjw38eBBL6j0AOfQzMWm+NhxZ9g==
+  dependencies:
+    "@ethersproject/bignumber" "^5.0.0"
+    "@ethersproject/bytes" "^5.0.0"
+    "@ethersproject/keccak256" "^5.0.0"
+    "@ethersproject/sha2" "^5.0.0"
+    "@ethersproject/strings" "^5.0.0"
+
 "@ethersproject/strings@>=5.0.0-beta.130", "@ethersproject/strings@^5.0.0":
  version "5.0.2"
  resolved "https://registry.yarnpkg.com/@ethersproject/strings/-/strings-5.0.2.tgz#1753408c3c889813fd0992abd76393e3e47a2619"
@@ -2612,6 +2660,15 @@
    "@ethersproject/rlp" "^5.0.0"
    "@ethersproject/signing-key" "^5.0.0"

+"@ethersproject/units@^5.0.0":
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/@ethersproject/units/-/units-5.0.2.tgz#de1461ff3ad2587e57bf367d056b6b72cfceda78"
+  integrity sha512-PSuzycBA1zmRysTtKtp+XYZ3HIJfbmfRdZchOUxdyeGo5siUi9H6mYQcxdJHv82oKp/FniMj8qS8qtLQThhOEg==
+  dependencies:
+    "@ethersproject/bignumber" "^5.0.0"
+    "@ethersproject/constants" "^5.0.0"
+    "@ethersproject/logger" "^5.0.0"
+
 "@ethersproject/wallet@5.0.0-beta.136":
  version "5.0.0-beta.136"
  resolved "https://registry.yarnpkg.com/@ethersproject/wallet/-/wallet-5.0.0-beta.136.tgz#8acf7639df645131e219b78380970d21db2198e5"
@@ -2633,6 +2690,27 @@
    "@ethersproject/transactions" ">=5.0.0-beta.128"
    "@ethersproject/wordlists" ">=5.0.0-beta.128"

+"@ethersproject/wallet@^5.0.0":
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/@ethersproject/wallet/-/wallet-5.0.2.tgz#714ca8324c1b3b66e51b9b4e0358c882e88caf1d"
+  integrity sha512-gg86ynLV5k5caNnYpJoYc6WyIUHKMTjOITCk5zXGyVbbkXE07y/fGql4A51W0C6mWkeb5Mzz8AKqzHZECdH30w==
+  dependencies:
+    "@ethersproject/abstract-provider" "^5.0.0"
+    "@ethersproject/abstract-signer" "^5.0.0"
+    "@ethersproject/address" "^5.0.0"
+    "@ethersproject/bignumber" "^5.0.0"
+    "@ethersproject/bytes" "^5.0.0"
+    "@ethersproject/hash" "^5.0.0"
+    "@ethersproject/hdnode" "^5.0.0"
+    "@ethersproject/json-wallets" "^5.0.0"
+    "@ethersproject/keccak256" "^5.0.0"
+    "@ethersproject/logger" "^5.0.0"
+    "@ethersproject/properties" "^5.0.0"
+    "@ethersproject/random" "^5.0.0"
+    "@ethersproject/signing-key" "^5.0.0"
+    "@ethersproject/transactions" "^5.0.0"
+    "@ethersproject/wordlists" "^5.0.0"
+
 "@ethersproject/web@>=5.0.0-beta.129", "@ethersproject/web@^5.0.0":
  version "5.0.3"
  resolved "https://registry.yarnpkg.com/@ethersproject/web/-/web-5.0.3.tgz#f5673923009bb855302f0296ddb932da8e42f0a1"
@@ -6320,6 +6398,16 @@
    "@walletconnect/types" "^1.1.0"
    "@walletconnect/utils" "^1.1.0"

+"@walletconnect/client@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@walletconnect/client/-/client-1.2.1.tgz#0f942aae30675e995da2007f2644261a44f7ccf9"
+  integrity sha512-GpldbPXgd9VTSUfE+2BDEsKr6JPUU17j+m2a9IMGeysWWmcIb0fYh5DDFrbBPLYigJY8XgFwk4YLdtPafMlueQ==
+  dependencies:
+    "@walletconnect/core" "^1.2.1"
+    "@walletconnect/iso-crypto" "^1.2.1"
+    "@walletconnect/types" "^1.2.1"
+    "@walletconnect/utils" "^1.2.1"
+
 "@walletconnect/core@^1.1.0":
  version "1.1.0"
  resolved "https://registry.yarnpkg.com/@walletconnect/core/-/core-1.1.0.tgz#053f08b0ccfdfb14ccd27b7fd425d9849cedba14"
@@ -6329,6 +6417,15 @@
    "@walletconnect/types" "^1.1.0"
    "@walletconnect/utils" "^1.1.0"

+"@walletconnect/core@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@walletconnect/core/-/core-1.2.1.tgz#0ba1664b8b6ee5f5e85222b7260ab798375e5327"
+  integrity sha512-Gj1BNYd6kHahmWwwmA9gsodxNxO2A1Gn1HVRwcALIa98d+rHl3R1D1SomXmKwN2LzPn66c/hqpoqNuSk+LQuvQ==
+  dependencies:
+    "@walletconnect/socket-transport" "^1.2.1"
+    "@walletconnect/types" "^1.2.1"
+    "@walletconnect/utils" "^1.2.1"
+
 "@walletconnect/http-connection@^1.1.0":
  version "1.1.0"
  resolved "https://registry.yarnpkg.com/@walletconnect/http-connection/-/http-connection-1.1.0.tgz#c6650c12a07244d30f20647420cdcd8c69c6daca"
@@ -6338,6 +6435,15 @@
    "@walletconnect/utils" "^1.1.0"
    xhr2-cookies "1.1.0"

+"@walletconnect/http-connection@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@walletconnect/http-connection/-/http-connection-1.2.1.tgz#8db5610de9fc9b7afb29e745c0e83bf1ccc598fb"
+  integrity sha512-5zUhB5WAX9TGQlPE9uci5lYkh4DrY/Yt1BhnP0mICujLAyQSKsMEf+fy74hd+hYtRLbmCMj8igClqhOqqCK9AQ==
+  dependencies:
+    "@walletconnect/types" "^1.2.1"
+    "@walletconnect/utils" "^1.2.1"
+    xhr2-cookies "1.1.0"
+
 "@walletconnect/iso-crypto@^1.1.0":
  version "1.1.0"
  resolved "https://registry.yarnpkg.com/@walletconnect/iso-crypto/-/iso-crypto-1.1.0.tgz#a8235049c1b239adcf9fc6a6c38b7e9ad13004a6"
@@ -6347,11 +6453,25 @@
    "@walletconnect/utils" "^1.1.0"
    eccrypto-js "5.2.0"

+"@walletconnect/iso-crypto@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@walletconnect/iso-crypto/-/iso-crypto-1.2.1.tgz#acfc421717ab688e5b82f981750ee1cb1b2f8dcd"
+  integrity sha512-l5btVlALo+k3kjZN2MveE6+7Ert1Z030yn1wOdSyAvgCZaPWU0jfJDm0QzXS/oKY+5nRtSQROtWK0PfpQ9/7dg==
+  dependencies:
+    "@walletconnect/types" "^1.2.1"
+    "@walletconnect/utils" "^1.2.1"
+    eccrypto-js "5.2.0"
+
 "@walletconnect/mobile-registry@^1.1.0":
  version "1.1.0"
  resolved "https://registry.yarnpkg.com/@walletconnect/mobile-registry/-/mobile-registry-1.1.0.tgz#72173a4fcee61f4f8819f6d9fc7cfbf824ed3548"
  integrity sha512-OOHQa4NeK2lbfI9WD2d+hTHGwSDzBLoTCeofdLNO2ibaTltQ6S+WNDAVuho6U8CkUTzs5cHPFgLJ6nxYZ8sr/g==

+"@walletconnect/mobile-registry@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@walletconnect/mobile-registry/-/mobile-registry-1.2.1.tgz#2dfe9005856f371d8e980fe50a97e988cc5da6d6"
+  integrity sha512-ivSIZ24pHPVWY96vA6mc1IQJ0qbYM4IoXLx7sLnjdTOxogTF4uBO3O104O2tvpnxemqt+9jaPHlfQNOTOBEdvA==
+
 "@walletconnect/qrcode-modal@^1.1.0":
  version "1.1.0"
  resolved "https://registry.yarnpkg.com/@walletconnect/qrcode-modal/-/qrcode-modal-1.1.0.tgz#4cd0c2c2c713be3f49ef00293a1b23a079d4c7b7"
@@ -6363,6 +6483,17 @@
    preact "10.4.1"
    qrcode "1.4.4"

+"@walletconnect/qrcode-modal@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@walletconnect/qrcode-modal/-/qrcode-modal-1.2.1.tgz#af24df90e3fb6d30ad3b6bce7cf00ab30946d088"
+  integrity sha512-HqystXm9SW1o/e7vAVJ0LgJJK48PznHPriCOHBV7gmVO+0k8Our4vG1RJ04cgXQdlLiUtbArQAxN7icZm/PrUQ==
+  dependencies:
+    "@walletconnect/mobile-registry" "^1.2.1"
+    "@walletconnect/types" "^1.2.1"
+    "@walletconnect/utils" "^1.2.1"
+    preact "10.4.1"
+    qrcode "1.4.4"
+
 "@walletconnect/socket-transport@^1.1.0":
  version "1.1.0"
  resolved "https://registry.yarnpkg.com/@walletconnect/socket-transport/-/socket-transport-1.1.0.tgz#d80b5e6b3b904f131961259ca16de816ae2b003b"
@@ -6371,11 +6502,24 @@
    "@walletconnect/types" "^1.1.0"
    ws "7.3.0"

+"@walletconnect/socket-transport@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@walletconnect/socket-transport/-/socket-transport-1.2.1.tgz#54ca7290a110e59cc3a524e634815e61274b5f1a"
+  integrity sha512-zJNMWSaPnBwfpTe39h3xcXiOqw99WdwLrX7wkUMUTzn3AK6m2B9SySPtS6TSis+2BcFX3kgnDSLeDv2qQJ8oSw==
+  dependencies:
+    "@walletconnect/types" "^1.2.1"
+    ws "7.3.0"
+
 "@walletconnect/types@^1.1.0":
  version "1.1.0"
  resolved "https://registry.yarnpkg.com/@walletconnect/types/-/types-1.1.0.tgz#1e4efbf033ad89910cbb86f1f381cd5fe7e764fd"
  integrity sha512-cgDEuYHZZTiaXFRwQs3Zhhar+l2T58/YjhWrfZTMKWuc77geIbF7682i9lE9bNEQqQvQ76jjKxJfSLGjCu++sA==

+"@walletconnect/types@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@walletconnect/types/-/types-1.2.1.tgz#460aa682b3d9502762041de6aca608585f633f6b"
+  integrity sha512-9P+QSdYMrlgoGGiByKAKlLUAbAVDE10LzCJVFp3KYoqZLsxl0OjM5Hr1YpYT9X8ws+KIWQhp7ui8+ZzC0EakLg==
+
 "@walletconnect/utils@^1.1.0":
  version "1.1.0"
  resolved "https://registry.yarnpkg.com/@walletconnect/utils/-/utils-1.1.0.tgz#7b0bcf5c77e8079ac055013537a9620244db2da9"
@@ -6386,6 +6530,16 @@
    enc-utils "2.1.0"
    js-sha3 "0.8.0"

+"@walletconnect/utils@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@walletconnect/utils/-/utils-1.2.1.tgz#2e48983c16ea6dfa30515ba266f8cce1de822bad"
+  integrity sha512-FWK7O874QC6ZrSjMnh0k+4lt22LRKwmP56puY02XQh7HJ1bkgmWXAd2shgtVXAOr/5sfimYkUGwmhNRp31443g==
+  dependencies:
+    "@walletconnect/types" "^1.2.1"
+    detect-browser "5.1.0"
+    enc-utils "2.1.0"
+    js-sha3 "0.8.0"
+
 "@walletconnect/web3-provider@^1.0.0-beta.47":
  version "1.1.0"
  resolved "https://registry.yarnpkg.com/@walletconnect/web3-provider/-/web3-provider-1.1.0.tgz#c8a30c4121d3ade159022b10d3a18ecd804c8993"
@@ -6398,6 +6552,18 @@
    "@walletconnect/utils" "^1.1.0"
    web3-provider-engine "15.0.12"

+"@walletconnect/web3-provider@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@walletconnect/web3-provider/-/web3-provider-1.2.1.tgz#5fd968fc62cd6f9ac2a0df3d16b6b1ed0dee35f9"
+  integrity sha512-uvRiiHU1etEHv/O8WvzGCR1Dtwms8Ic8bMOFs0cogc+fywsxD0dZ/xSxZwwKHqWFY8euERpw+FDhFPcYOfOr8w==
+  dependencies:
+    "@walletconnect/client" "^1.2.1"
+    "@walletconnect/http-connection" "^1.2.1"
+    "@walletconnect/qrcode-modal" "^1.2.1"
+    "@walletconnect/types" "^1.2.1"
+    "@walletconnect/utils" "^1.2.1"
+    web3-provider-engine "15.0.12"
+
 "@webassemblyjs/ast@1.8.5":
  version "1.8.5"
  resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.8.5.tgz#51b1c5fe6576a34953bf4b253df9f0d490d9e359"
@@ -12290,6 +12456,42 @@ ethers@^4.0.20, ethers@^4.0.46, ethers@^4.0.47:
    uuid "2.0.1"
    xmlhttprequest "1.8.0"

+ethers@^5.0.8:
+  version "5.0.8"
+  resolved "https://registry.yarnpkg.com/ethers/-/ethers-5.0.8.tgz#c13d0fdf5e66db8085e2036d3309ed2f8a17ed89"
+  integrity sha512-of/rPgJ7E3yyBADUv5A7Gtkd7EB8ta/T9NS5CCG9tj9cifnXcI3KIdYQ7d8AS+9vm38pR1g6S5I+Q/mRnlQZlg==
+  dependencies:
+    "@ethersproject/abi" "^5.0.0"
+    "@ethersproject/abstract-provider" "^5.0.0"
+    "@ethersproject/abstract-signer" "^5.0.0"
+    "@ethersproject/address" "^5.0.0"
+    "@ethersproject/base64" "^5.0.0"
+    "@ethersproject/basex" "^5.0.0"
+    "@ethersproject/bignumber" "^5.0.0"
+    "@ethersproject/bytes" "^5.0.0"
+    "@ethersproject/constants" "^5.0.0"
+    "@ethersproject/contracts" "^5.0.0"
+    "@ethersproject/hash" "^5.0.0"
+    "@ethersproject/hdnode" "^5.0.0"
+    "@ethersproject/json-wallets" "^5.0.0"
+    "@ethersproject/keccak256" "^5.0.0"
+    "@ethersproject/logger" "^5.0.0"
+    "@ethersproject/networks" "^5.0.0"
+    "@ethersproject/pbkdf2" "^5.0.0"
+    "@ethersproject/properties" "^5.0.0"
+    "@ethersproject/providers" "^5.0.0"
+    "@ethersproject/random" "^5.0.0"
+    "@ethersproject/rlp" "^5.0.0"
+    "@ethersproject/sha2" "^5.0.0"
+    "@ethersproject/signing-key" "^5.0.0"
+    "@ethersproject/solidity" "^5.0.0"
+    "@ethersproject/strings" "^5.0.0"
+    "@ethersproject/transactions" "^5.0.0"
+    "@ethersproject/units" "^5.0.0"
+    "@ethersproject/wallet" "^5.0.0"
+    "@ethersproject/web" "^5.0.0"
+    "@ethersproject/wordlists" "^5.0.0"
+
 ethjs-unit@0.1.6:
  version "0.1.6"
  resolved "https://registry.yarnpkg.com/ethjs-unit/-/ethjs-unit-0.1.6.tgz#c665921e476e87bce2a9d588a6fe0405b2c41699"
@@ -27081,7 +27283,7 @@ web3-utils@1.2.11:
    underscore "1.9.1"
    utf8 "3.0.0"

-web3@^1.2.6:
+web3@^1.2.11, web3@^1.2.6:
  version "1.2.11"
  resolved "https://registry.yarnpkg.com/web3/-/web3-1.2.11.tgz#50f458b2e8b11aa37302071c170ed61cff332975"
  integrity sha512-mjQ8HeU41G6hgOYm1pmeH0mRAeNKJGnJEUzDMoerkpw7QUQT4exVREgF1MYPvL/z6vAshOXei25LE/t/Bxl8yQ==
@@ -27094,7 +27296,7 @@ web3@^1.2.6:
    web3-shh "1.2.11"
    web3-utils "1.2.11"

-web3modal@^1.3.0:
+web3modal@^1.3.0, web3modal@^1.9.0:
  version "1.9.0"
  resolved "https://registry.yarnpkg.com/web3modal/-/web3modal-1.9.0.tgz#1f307488de1f3018e1a74fa4c8a7ea37f2a6dd0b"
  integrity sha512-Lby0zGWBbdj+7ADlmtzNa3/RLnAMf2RMmNbrEXWkCZs8xZrVWNPkPcm7/RjmS/6FRStn29mhqTInjyHY6NJw+g==
@@ -27723,6 +27925,11 @@ write@1.0.3:
  dependencies:
    mkdirp "^0.5.1"

+ws@7.2.3:
+  version "7.2.3"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-7.2.3.tgz#a5411e1fb04d5ed0efee76d26d5c46d830c39b46"
+  integrity sha512-HTDl9G9hbkNDk98naoR/cHDws7+EyYMOdL1BmjsZXRUjf7d+MficC4B7HLUPlSiho0vg+CWKrGIt/VJBd1xunQ==
+
 ws@7.3.0:
  version "7.3.0"
  resolved "https://registry.yarnpkg.com/ws/-/ws-7.3.0.tgz#4b2f7f219b3d3737bc1a2fbf145d825b94d38ffd"