Dcl upgrade

craco.config.cjs

@@ -4,6 +4,8 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 
 const isProduction = process.env.NODE_ENV === 'production';
 const { ProvidePlugin } = require('webpack');
+const { RetryChunkLoadPlugin } = require('webpack-retry-chunk-load-plugin');
+
 // Linting and type checking are only necessary as part of development and testing.
 // Omit them from production builds, as they slow down the feedback loop.
 const shouldLintOrTypeCheck = !isProduction;
@@ -47,6 +49,10 @@ module.exports = {
           filename: 'static/css/[name].[contenthash:8].css',
           chunkFilename: 'static/css/[name].[contenthash:8].chunk.css',
         }),
+        new RetryChunkLoadPlugin({
+          retryDelay: 2000,
+          maxRetries: 3,
+        }),
       ],
       remove: ['CaseSensitivePathsPlugin', 'IgnorePlugin'],
     },
@@ -88,6 +94,13 @@ module.exports = {
       webpackConfig.ignoreWarnings = [/Failed to parse source map/];
 
       webpackConfig.module.rules = [
+        {
+          test: /\.m?js$/,
+          resolve: {
+            fullySpecified: false, // disable the behaviour
+          },
+          include: [/node_modules/]
+        },
         {
           test: /\.(js|mjs|jsx|ts|tsx)$/,
           use: {

package.json

@@ -81,7 +81,8 @@
     "typescript": "^4.9.5",
     "url": "^0.11.0",
     "url-loader": "4.1.1",
-    "webpack": "5.89.0"
+    "webpack": "5.89.0",
+    "webpack-retry-chunk-load-plugin": "3.1.1"
   },
   "dependencies": {
     "@aurora-is-near/engine": "think-in-universe/aurora.js#6db862e",
@@ -90,18 +91,18 @@
     "@craco/craco": "7.1.0",
     "@ledgerhq/devices": "^7.0.0",
     "@metamask/detect-provider": "^2.0.0",
-    "@near-wallet-selector/core": "^7.0.0",
-    "@near-wallet-selector/here-wallet": "^8.1.0",
-    "@near-wallet-selector/ledger": "^7.0.0",
-    "@near-wallet-selector/math-wallet": "^7.0.2",
-    "@near-wallet-selector/meteor-wallet": "^7.9.0",
-    "@near-wallet-selector/modal-ui": "^7.0.2",
-    "@near-wallet-selector/my-near-wallet": "^7.0.0",
-    "@near-wallet-selector/near-wallet": "^7.0.0",
-    "@near-wallet-selector/neth": "^7.0.2",
-    "@near-wallet-selector/nightly": "^7.0.2",
-    "@near-wallet-selector/sender": "^7.0.0",
-    "@near-wallet-selector/wallet-connect": "^7.0.2",
+    "@near-wallet-selector/core": "^8.5.4",
+    "@near-wallet-selector/here-wallet": "^8.5.4",
+    "@near-wallet-selector/ledger": "^8.5.4",
+    "@near-wallet-selector/math-wallet": "^8.5.4",
+    "@near-wallet-selector/meteor-wallet": "^8.5.4",
+    "@near-wallet-selector/modal-ui": "^8.5.4",
+    "@near-wallet-selector/my-near-wallet": "^8.5.4",
+    "@near-wallet-selector/near-wallet": "^8.5.4",
+    "@near-wallet-selector/neth": "^7.9.1",
+    "@near-wallet-selector/nightly": "^8.5.4",
+    "@near-wallet-selector/sender": "^8.5.4",
+    "@near-wallet-selector/wallet-connect": "^8.5.4",
     "@react-icons/all-files": "https://github.com/react-icons/react-icons/releases/download/v4.7.1/react-icons-all-files-4.7.1.tgz",
     "@transak/transak-sdk": "1.2.2",
     "@types/animejs": "^3.1.4",
@@ -167,7 +168,7 @@
     "recharts": "^2.1.6",
     "reconnecting-websocket": "^4.4.0",
     "respinner": "^3.0.8",
-    "rxjs": "^7.5.5",
+    "rxjs": "7.8.1",
     "socket.io-client": "^4.5.4",
     "swiper": "^6.8.4",
     "web3-eth-abi": "1.8.2"

src/components/button/Button.tsx

@@ -154,8 +154,7 @@ export function ConnectToNearBtn() {
         onClick={(e) => {
           e.preventDefault();
           e.stopPropagation();
-          setButtonLoading(true);
-          // setShowWalletSelector(true);
+          // setButtonLoading(true);
           modal.show();
         }}
       >
@@ -211,7 +210,7 @@ export function ConnectToNearBtnGradient({
         onClick={(e) => {
           e.preventDefault();
           e.stopPropagation();
-          setButtonLoading(true);
+          // setButtonLoading(true);
           modal.show();
         }}
       >
@@ -259,7 +258,7 @@ export function ConnectToNearBtnGradientMoible({
         onClick={(e) => {
           e.preventDefault();
           e.stopPropagation();
-          setButtonLoading(true);
+          // setButtonLoading(true);
           modal.show();
         }}
       >
@@ -534,8 +533,8 @@ export function OprationButton(props: any) {
         onClick={onClick}
         disabled={disabled}
         className={`flex items-center justify-center  w-full h-full ${
-          btnClassName ? btnClassName : ''
-        }`}
+          disabled ? 'cursor-not-allowed' : ''
+        } ${btnClassName ? btnClassName : ''}`}
       >
         {props.children}
       </button>
@@ -562,8 +561,7 @@ export function ConnectToNearButton(props: any) {
         onClick={(e) => {
           e.preventDefault();
           e.stopPropagation();
-          setButtonLoading(true);
-          // setShowWalletSelector(true);
+          // setButtonLoading(true);
           modal.show();
         }}
       >
@@ -880,7 +878,7 @@ export function GreenConnectToNearBtn(props: any) {
         onClick={(e) => {
           e.preventDefault();
           e.stopPropagation();
-          setButtonLoading(true);
+          // setButtonLoading(true);
           modal.show();
         }}
       >
@@ -928,8 +926,7 @@ export function BlacklightConnectToNearBtn(props: any) {
         onClick={(e) => {
           e.preventDefault();
           e.stopPropagation();
-          setButtonLoading(true);
-          // setShowWalletSelector(true);
+          // setButtonLoading(true);
           modal.show();
         }}
       >
@@ -988,7 +985,7 @@ export function ConnectToNearBtnVotingMobile() {
         onClick={(e) => {
           e.preventDefault();
           e.stopPropagation();
-          setButtonLoading(true);
+          // setButtonLoading(true);
           modal.show();
         }}
       >
@@ -1066,7 +1063,7 @@ export function ConnectToNearBtnSwap() {
         onClick={(e) => {
           e.preventDefault();
           e.stopPropagation();
-          setButtonLoading(true);
+          // setButtonLoading(true);
           modal.show();
         }}
         onMouseEnter={() => {