From eb34c9b951c3a390ad9cb97110f0dd1c23e27740 Mon Sep 17 00:00:00 2001
From: ikcoin <ikcoin.kb@protonmail.com>
Date: Wed, 13 Oct 2021 17:25:31 +0200
Subject: [PATCH] DragNdrop image

---
 src/dapp/dragNdropContainer.PNG | Bin 0 -> 7787 bytes
 src/pages/minting.tsx           |   9 +-
 yarn-error.log                  | 175 ++++++++++++++++++++++++++++----
 3 files changed, 165 insertions(+), 19 deletions(-)
 create mode 100644 src/dapp/dragNdropContainer.PNG

diff --git a/src/dapp/dragNdropContainer.PNG b/src/dapp/dragNdropContainer.PNG
new file mode 100644
index 0000000000000000000000000000000000000000..29b58b920996b3aea1e85dec896294d279ca2325
GIT binary patch
literal 7787
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
H_xbjp&7Yqm

literal 0
HcmV?d00001

diff --git a/src/pages/minting.tsx b/src/pages/minting.tsx
index 97eb3c0..54bc105 100644
--- a/src/pages/minting.tsx
+++ b/src/pages/minting.tsx
@@ -4,11 +4,13 @@ import Dropzone from 'react-dropzone';
 import Select from 'react-select';
 import Demo, { getLibrary } from "../components/Demo";
 import { addNFT } from "../dapp/NFTs";
+import Image from 'next/image'
 
 const style = {
     fontSize: '40px'
 };
 
+
 const buttonStyle = {
     backgroundColor: '#7530ff',
     fontSize: '20px'
@@ -94,7 +96,12 @@ function Minting() {
                                                         <section>
                                                             <div {...getRootProps()}>
                                                                 <input {...getInputProps()} />
-                                                                <p>Drag,n drop some files here, or click to select files</p>
+                                                                <Image
+                                                                    src="/src/dapp/dragNdropContainer.PNG"
+                                                                    width={2400}
+                                                                    height={1598}
+                                                                    layout="responsive"
+                                                                />
                                                             </div>
                                                         </section>
                                                     )}
diff --git a/yarn-error.log b/yarn-error.log
index 02b6c08..ccf5387 100644
--- a/yarn-error.log
+++ b/yarn-error.log
@@ -1,5 +1,5 @@
 Arguments: 
-  /usr/bin/node /usr/bin/yarn add Web3
+  /usr/bin/node /usr/bin/yarn add next/image
 
 PATH: 
   /home/bernatmj/.local/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/mnt/c/Program Files (x86)/Intel/iCLS Client/:/mnt/c/Program Files/Intel/iCLS Client/:/mnt/c/Program Files (x86)/Common Files/Oracle/Java/javapath:/mnt/c/ProgramData/Oracle/Java/javapath:/mnt/c/WINDOWS/system32:/mnt/c/WINDOWS:/mnt/c/WINDOWS/System32/Wbem:/mnt/c/WINDOWS/System32/WindowsPowerShell/v1.0/:/mnt/c/Users/Bernat i Blai/.dnx/bin:/mnt/c/Program Files/Microsoft DNX/Dnvm/:/mnt/c/Program Files/Microsoft SQL Server/130/Tools/Binn/:/mnt/c/WINDOWS/System32/OpenSSH/:/mnt/c/Program Files (x86)/NVIDIA Corporation/PhysX/Common:/mnt/c/Program Files (x86)/Intel/Intel(R) Management Engine Components/DAL:/mnt/c/Program Files/Intel/Intel(R) Management Engine Components/DAL:/mnt/c/Program Files (x86)/Intel/Intel(R) Management Engine Components/IPT:/mnt/c/Program Files/Intel/Intel(R) Management Engine Components/IPT:/mnt/c/WINDOWS/system32:/mnt/c/WINDOWS:/mnt/c/WINDOWS/System32/Wbem:/mnt/c/WINDOWS/System32/WindowsPowerShell/v1.0/:/mnt/c/WINDOWS/System32/OpenSSH/:/mnt/c/Program Files/nodejs/:/mnt/c/Program Files/Go/bin:/mnt/c/Users/Bernatmj/AppData/Local/Programs/Python/Python38-32/Scripts/:/mnt/c/Users/Bernatmj/AppData/Local/Programs/Python/Python38-32/:/mnt/c/Users/Bernat i Blai/AppData/Local/Microsoft/WindowsApps:/mnt/c/Users/Bernat i Blai/AppData/Local/Programs/MiKTeX 2.9/miktex/bin/x64/:/mnt/c/Users/Bernat i Blai/AppData/Local/Programs/Microsoft VS Code/bin:/mnt/c/Users/Bernat i Blai/AppData/Local/atom/bin:/mnt/c/Users/Bernatmj/AppData/Roaming/npm:/mnt/c/Users/Bernatmj/AppData/Local/Programs/Microsoft VS Code/bin:/mnt/c/Users/Bernatmj/AppData/Local/Microsoft/WindowsApps:/mnt/c/Users/Bernatmj/Desktop/Go/bin:/mnt/c/Users/Bernatmj/AppData/Local/Programs/IPFS Desktop/resources/app.asar.unpacked/src/ipfs-on-path/scripts/bin-win:/snap/bin:/usr/local/go/bin:/home/bernatmj/go/bin
@@ -14,17 +14,16 @@ Platform:
   linux x64
 
 Trace: 
-  Error: https://registry.yarnpkg.com/Web3: Not found
-      at Request.params.callback [as _callback] (/usr/lib/node_modules/yarn/lib/cli.js:66988:18)
-      at Request.self.callback (/usr/lib/node_modules/yarn/lib/cli.js:140662:22)
-      at Request.emit (events.js:314:20)
-      at Request.<anonymous> (/usr/lib/node_modules/yarn/lib/cli.js:141634:10)
-      at Request.emit (events.js:314:20)
-      at IncomingMessage.<anonymous> (/usr/lib/node_modules/yarn/lib/cli.js:141556:12)
+  Error: https://github.com/next/image: ESOCKETTIMEDOUT
+      at ClientRequest.<anonymous> (/usr/lib/node_modules/yarn/lib/cli.js:141289:19)
       at Object.onceWrapper (events.js:420:28)
-      at IncomingMessage.emit (events.js:326:22)
-      at endReadableNT (_stream_readable.js:1241:12)
-      at processTicksAndRejections (internal/process/task_queues.js:84:21)
+      at ClientRequest.emit (events.js:314:20)
+      at TLSSocket.emitRequestTimeout (_http_client.js:715:9)
+      at Object.onceWrapper (events.js:420:28)
+      at TLSSocket.emit (events.js:326:22)
+      at TLSSocket.Socket._onTimeout (net.js:483:8)
+      at listOnTimeout (internal/timers.js:554:17)
+      at processTimers (internal/timers.js:497:7)
 
 npm manifest: 
   {
@@ -47,13 +46,18 @@ npm manifest:
       "@web3-react/injected-connector": "6.0.7",
       "@web3-react/network-connector": "6.1.9",
       "@web3-react/walletconnect-connector": "6.2.4",
+      "bignumber.js": "^9.0.1",
       "daisyui": "1.14.0",
       "loglevel": "1.7.1",
       "mdb-react-ui-kit": "^1.4.0",
       "next": "11.1.2",
       "react": "17.0.2",
       "react-dom": "17.0.2",
+      "react-dropzone": "^11.4.2",
       "react-router-dom": "^5.3.0",
+      "react-select": "^5.1.0",
+      "web3": "^1.5.3",
+      "web3-eth-contract": "^1.5.3",
       "web3-react": "5.0.5"
     },
     "devDependencies": {
@@ -71,6 +75,7 @@ npm manifest:
       "@types/node": "16.9.1",
       "@types/react": "17.0.24",
       "@types/react-dom": "17.0.9",
+      "@types/underscore": "^1.11.3",
       "@typescript-eslint/eslint-plugin": "4.31.2",
       "@typescript-eslint/parser": "4.31.2",
       "autoprefixer": "10.3.5",
@@ -1152,7 +1157,7 @@ Lockfile:
     dependencies:
       regenerator-runtime "^0.13.4"
   
-  "@babel/runtime@^7.1.2", "@babel/runtime@^7.10.2", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.1", "@babel/runtime@^7.12.13", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.4":
+  "@babel/runtime@^7.1.2", "@babel/runtime@^7.10.2", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.0", "@babel/runtime@^7.12.1", "@babel/runtime@^7.12.13", "@babel/runtime@^7.13.10", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7":
     version "7.15.4"
     resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.15.4.tgz#fd17d16bfdf878e6dd02d19753a39fa8a8d9c84a"
     integrity sha512-99catp6bHCaxr4sJ/DbTGgHS4+Rs2RVd2g7iOap6SLGPDknRK9ztKNsE/Fg6QhSeh1FGE5f6gHGQmvvn3I3xhw==
@@ -1235,6 +1240,71 @@ Lockfile:
     dependencies:
       "@cspotcode/source-map-consumer" "0.8.0"
   
+  "@emotion/cache@^11.4.0":
+    version "11.4.0"
+    resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-11.4.0.tgz#293fc9d9a7a38b9aad8e9337e5014366c3b09ac0"
+    integrity sha512-Zx70bjE7LErRO9OaZrhf22Qye1y4F7iDl+ITjet0J+i+B88PrAOBkKvaAWhxsZf72tDLajwCgfCjJ2dvH77C3g==
+    dependencies:
+      "@emotion/memoize" "^0.7.4"
+      "@emotion/sheet" "^1.0.0"
+      "@emotion/utils" "^1.0.0"
+      "@emotion/weak-memoize" "^0.2.5"
+      stylis "^4.0.3"
+  
+  "@emotion/hash@^0.8.0":
+    version "0.8.0"
+    resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.8.0.tgz#bbbff68978fefdbe68ccb533bc8cbe1d1afb5413"
+    integrity sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==
+  
+  "@emotion/memoize@^0.7.4":
+    version "0.7.5"
+    resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.7.5.tgz#2c40f81449a4e554e9fc6396910ed4843ec2be50"
+    integrity sha512-igX9a37DR2ZPGYtV6suZ6whr8pTFtyHL3K/oLUotxpSVO2ASaprmAe2Dkq7tBo7CRY7MMDrAa9nuQP9/YG8FxQ==
+  
+  "@emotion/react@^11.1.1":
+    version "11.4.1"
+    resolved "https://registry.yarnpkg.com/@emotion/react/-/react-11.4.1.tgz#a1b0b767b5bad57515ffb0cad9349614d27f4d57"
+    integrity sha512-pRegcsuGYj4FCdZN6j5vqCALkNytdrKw3TZMekTzNXixRg4wkLsU5QEaBG5LC6l01Vppxlp7FE3aTHpIG5phLg==
+    dependencies:
+      "@babel/runtime" "^7.13.10"
+      "@emotion/cache" "^11.4.0"
+      "@emotion/serialize" "^1.0.2"
+      "@emotion/sheet" "^1.0.2"
+      "@emotion/utils" "^1.0.0"
+      "@emotion/weak-memoize" "^0.2.5"
+      hoist-non-react-statics "^3.3.1"
+  
+  "@emotion/serialize@^1.0.2":
+    version "1.0.2"
+    resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-1.0.2.tgz#77cb21a0571c9f68eb66087754a65fa97bfcd965"
+    integrity sha512-95MgNJ9+/ajxU7QIAruiOAdYNjxZX7G2mhgrtDWswA21VviYIRP1R5QilZ/bDY42xiKsaktP4egJb3QdYQZi1A==
+    dependencies:
+      "@emotion/hash" "^0.8.0"
+      "@emotion/memoize" "^0.7.4"
+      "@emotion/unitless" "^0.7.5"
+      "@emotion/utils" "^1.0.0"
+      csstype "^3.0.2"
+  
+  "@emotion/sheet@^1.0.0", "@emotion/sheet@^1.0.2":
+    version "1.0.2"
+    resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-1.0.2.tgz#1d9ffde531714ba28e62dac6a996a8b1089719d0"
+    integrity sha512-QQPB1B70JEVUHuNtzjHftMGv6eC3Y9wqavyarj4x4lg47RACkeSfNo5pxIOKizwS9AEFLohsqoaxGQj4p0vSIw==
+  
+  "@emotion/unitless@^0.7.5":
+    version "0.7.5"
+    resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.7.5.tgz#77211291c1900a700b8a78cfafda3160d76949ed"
+    integrity sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==
+  
+  "@emotion/utils@^1.0.0":
+    version "1.0.0"
+    resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-1.0.0.tgz#abe06a83160b10570816c913990245813a2fd6af"
+    integrity sha512-mQC2b3XLDs6QCW+pDQDiyO/EdGZYOygE8s5N5rrzjSI4M3IejPE/JPndCBwRT9z982aqQNi6beWs1UeayrQxxA==
+  
+  "@emotion/weak-memoize@^0.2.5":
+    version "0.2.5"
+    resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.2.5.tgz#8eed982e2ee6f7f4e44c253e12962980791efd46"
+    integrity sha512-6U71C2Wp7r5XtFtQzYrW5iKFT67OixrSxjI4MptCHzdSVlgabczzqLe0ZSgnub/5Kp4hSbpDB1tMytZY9pwxxA==
+  
   "@ensdomains/ens@^0.4.4":
     version "0.4.5"
     resolved "https://registry.yarnpkg.com/@ensdomains/ens/-/ens-0.4.5.tgz#e0aebc005afdc066447c6e22feb4eda89a5edbfc"
@@ -2453,6 +2523,13 @@ Lockfile:
     dependencies:
       "@types/react" "*"
   
+  "@types/react-transition-group@^4.4.0":
+    version "4.4.3"
+    resolved "https://registry.yarnpkg.com/@types/react-transition-group/-/react-transition-group-4.4.3.tgz#b0994da0a7023d67dbb4a8910a62112bc00d5688"
+    integrity sha512-fUx5muOWSYP8Bw2BUQ9M9RK9+W1XBK/7FLJ8PTQpnpTEkn0ccyMffyEQvan4C3h53gHdx7KE5Qrxi/LnUGQtdg==
+    dependencies:
+      "@types/react" "*"
+  
   "@types/react@*", "@types/react@17.0.24":
     version "17.0.24"
     resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.24.tgz#7e1b3f78d0fc53782543f9bce6d949959a5880bd"
@@ -2496,7 +2573,7 @@ Lockfile:
     dependencies:
       "@sinonjs/fake-timers" "^7.1.0"
   
-  "@types/underscore@*":
+  "@types/underscore@*", "@types/underscore@^1.11.3":
     version "1.11.3"
     resolved "https://registry.yarnpkg.com/@types/underscore/-/underscore-1.11.3.tgz#d6734f3741ce41b2630018c6b61c6745f6188c07"
     integrity sha512-Fl1TX1dapfXyDqFg2ic9M+vlXRktcPJrc4PR7sRc7sdVrjavg/JHlbUXBt8qWWqhJrmSqg3RNAkAPRiOYw6Ahw==
@@ -3319,6 +3396,11 @@ Lockfile:
     resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
     integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
   
+  attr-accept@^2.2.1:
+    version "2.2.2"
+    resolved "https://registry.yarnpkg.com/attr-accept/-/attr-accept-2.2.2.tgz#646613809660110749e92f2c10833b70968d929b"
+    integrity sha512-7prDjvt9HmqiZ0cl5CRjtS84sEyhsHP2coDkaZKRKVfCDo9s7iw7ChVmar78Gu9pC4SoR/28wFu/G5JJhTnqEg==
+  
   autoprefixer@10.3.5:
     version "10.3.5"
     resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.3.5.tgz#762e6c13e30c5a0e650bf81d9ffd5713f1c8f344"
@@ -5488,6 +5570,14 @@ Lockfile:
     dependencies:
       esutils "^2.0.2"
   
+  dom-helpers@^5.0.1:
+    version "5.2.1"
+    resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-5.2.1.tgz#d9400536b2bf8225ad98fe052e029451ac40e902"
+    integrity sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==
+    dependencies:
+      "@babel/runtime" "^7.8.7"
+      csstype "^3.0.2"
+  
   dom-walk@^0.1.0:
     version "0.1.2"
     resolved "https://registry.yarnpkg.com/dom-walk/-/dom-walk-0.1.2.tgz#0c548bef048f4d1f2a97249002236060daa3fd84"
@@ -6947,6 +7037,13 @@ Lockfile:
     dependencies:
       flat-cache "^3.0.4"
   
+  file-selector@^0.2.2:
+    version "0.2.4"
+    resolved "https://registry.yarnpkg.com/file-selector/-/file-selector-0.2.4.tgz#7b98286f9dbb9925f420130ea5ed0a69238d4d80"
+    integrity sha512-ZDsQNbrv6qRi1YTDOEWzf5J2KjZ9KMI1Q2SGeTkCJmNNW25Jg4TW4UMcmoqcg4WrAyKRcpBXdbWRxkfrOzVRbA==
+    dependencies:
+      tslib "^2.0.3"
+  
   file-uri-to-path@1.0.0:
     version "1.0.0"
     resolved "https://registry.yarnpkg.com/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz#553a7b8446ff6f684359c445f1e37a05dacc33dd"
@@ -7924,7 +8021,7 @@ Lockfile:
       minimalistic-assert "^1.0.0"
       minimalistic-crypto-utils "^1.0.1"
   
-  hoist-non-react-statics@^3.1.0:
+  hoist-non-react-statics@^3.1.0, hoist-non-react-statics@^3.3.1:
     version "3.3.2"
     resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
     integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
@@ -9561,6 +9658,11 @@ Lockfile:
       ltgt "~2.2.0"
       safe-buffer "~5.1.1"
   
+  memoize-one@^5.0.0:
+    version "5.2.1"
+    resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-5.2.1.tgz#8337aa3c4335581839ec01c3d594090cebe8f00e"
+    integrity sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q==
+  
   memorystream@^0.3.1:
     version "0.3.1"
     resolved "https://registry.yarnpkg.com/memorystream/-/memorystream-0.3.1.tgz#86d7090b30ce455d63fbae12dda51a47ddcaf9b2"
@@ -11099,7 +11201,7 @@ Lockfile:
     dependencies:
       asap "~2.0.6"
   
-  prop-types@^15.6.2, prop-types@^15.7.2:
+  prop-types@^15.6.0, prop-types@^15.6.2, prop-types@^15.7.2:
     version "15.7.2"
     resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5"
     integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==
@@ -11377,6 +11479,15 @@ Lockfile:
       object-assign "^4.1.1"
       scheduler "^0.20.2"
   
+  react-dropzone@^11.4.2:
+    version "11.4.2"
+    resolved "https://registry.yarnpkg.com/react-dropzone/-/react-dropzone-11.4.2.tgz#1eb99e9def4cc7520f4f58e85c853ce52c483d56"
+    integrity sha512-ocYzYn7Qgp0tFc1gQtUTOaHHSzVTwhWHxxY+r7cj2jJTPfMTZB5GWSJHdIVoxsl+EQENpjJ/6Zvcw0BqKZQ+Eg==
+    dependencies:
+      attr-accept "^2.2.1"
+      file-selector "^0.2.2"
+      prop-types "^15.7.2"
+  
   react-fast-compare@^3.0.1:
     version "3.2.0"
     resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-3.2.0.tgz#641a9da81b6a6320f270e89724fb45a0b39e43bb"
@@ -11434,6 +11545,29 @@ Lockfile:
       tiny-invariant "^1.0.2"
       tiny-warning "^1.0.0"
   
+  react-select@^5.1.0:
+    version "5.1.0"
+    resolved "https://registry.yarnpkg.com/react-select/-/react-select-5.1.0.tgz#ac384c8e25ba6f03126026192b2bdad0f53fbf50"
+    integrity sha512-SkEBD1AYsSXrIdNj5HBt7+Ehe+jxdiB448J0atJqR6lE3l/GcFlRf4JYB3NlHe/02jrW4AnIQLo1t0IqWrxXOw==
+    dependencies:
+      "@babel/runtime" "^7.12.0"
+      "@emotion/cache" "^11.4.0"
+      "@emotion/react" "^11.1.1"
+      "@types/react-transition-group" "^4.4.0"
+      memoize-one "^5.0.0"
+      prop-types "^15.6.0"
+      react-transition-group "^4.3.0"
+  
+  react-transition-group@^4.3.0:
+    version "4.4.2"
+    resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.2.tgz#8b59a56f09ced7b55cbd53c36768b922890d5470"
+    integrity sha512-/RNYfRAMlZwDSr6z4zNKV6xu53/e2BuaBbGhbyYIXTrmgu/bGHzmqOs7mJSJBHy9Ud+ApHx3QjrkKSp1pxvlFg==
+    dependencies:
+      "@babel/runtime" "^7.5.5"
+      dom-helpers "^5.0.1"
+      loose-envify "^1.4.0"
+      prop-types "^15.6.2"
+  
   react@17.0.2:
     version "17.0.2"
     resolved "https://registry.yarnpkg.com/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037"
@@ -12891,6 +13025,11 @@ Lockfile:
     resolved "https://registry.yarnpkg.com/stylis/-/stylis-3.5.4.tgz#f665f25f5e299cf3d64654ab949a57c768b73fbe"
     integrity sha512-8/3pSmthWM7lsPBKv7NXkzn2Uc9W7NotcwGNpJaa3k7WMM1XDCA4MgT5k/8BIexd5ydZdboXtU90XH9Ec4Bv/Q==
   
+  stylis@^4.0.3:
+    version "4.0.10"
+    resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.0.10.tgz#446512d1097197ab3f02fb3c258358c3f7a14240"
+    integrity sha512-m3k+dk7QeJw660eIKRRn3xPF6uuvHs/FFzjX3HQ5ove0qYsiygoAhwn5a3IYKaZPo5LrYD0rfVmtv1gNY1uYwg==
+  
   supports-color@4.4.0:
     version "4.4.0"
     resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-4.4.0.tgz#883f7ddabc165142b2a61427f3352ded195d1a3e"
@@ -13337,7 +13476,7 @@ Lockfile:
     resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
     integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
   
-  tslib@^2.0.0:
+  tslib@^2.0.0, tslib@^2.0.3:
     version "2.3.1"
     resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.3.1.tgz#e8a335add5ceae51aa261d32a490158ef042ef01"
     integrity sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==
@@ -14013,7 +14152,7 @@ Lockfile:
       web3-eth-abi "1.2.11"
       web3-utils "1.2.11"
   
-  web3-eth-contract@1.5.3:
+  web3-eth-contract@1.5.3, web3-eth-contract@^1.5.3:
     version "1.5.3"
     resolved "https://registry.yarnpkg.com/web3-eth-contract/-/web3-eth-contract-1.5.3.tgz#12b03a4a16ce583a945f874bea2ff2fb4c5b81ad"
     integrity sha512-Gdlt1L6cdHe83k7SdV6xhqCytVtOZkjD0kY/15x441AuuJ4JLubCHuqu69k2Dr3tWifHYVys/vG8QE/W16syGg==
@@ -14362,7 +14501,7 @@ Lockfile:
       web3-shh "1.2.11"
       web3-utils "1.2.11"
   
-  web3@1.5.3:
+  web3@1.5.3, web3@^1.5.3:
     version "1.5.3"
     resolved "https://registry.yarnpkg.com/web3/-/web3-1.5.3.tgz#11882679453c645bf33620fbc255a243343075aa"
     integrity sha512-eyBg/1K44flfv0hPjXfKvNwcUfIVDI4NX48qHQe6wd7C8nPSdbWqo9vLy6ksZIt9NLa90HjI8HsGYgnMSUxn6w==