@kimafinance/kima-transaction-widget 1.2.2-beta.1 → 1.2.4-beta.1

package/dist/components/KimaTransactionWidget.d.ts

@@ -7,7 +7,8 @@ interface Props {
     mode: ModeOptions;
     txId?: number;
     useFIAT?: boolean;
-    autoConnect?: boolean;
+    defaultToken?: string;
+    autoSwitchChain?: boolean;
     dAppOption?: DAppOptions;
     provider?: Web3Provider;
     titleOption?: TitleOption;
@@ -36,5 +37,5 @@ interface Props {
  *
  * @beta
  */
-export declare const KimaTransactionWidget: ({ mode, txId, autoConnect, provider, dAppOption, theme, titleOption, paymentTitleOption, useFIAT, helpURL, compliantOption, transactionOption, kimaBackendUrl, kimaNodeProviderQuery, kimaExplorer, errorHandler, closeHandler, successHandler, switchChainHandler, keplrHandler }: Props) => React.JSX.Element;
+export declare const KimaTransactionWidget: ({ mode, txId, autoSwitchChain, defaultToken, provider, dAppOption, theme, titleOption, paymentTitleOption, useFIAT, helpURL, compliantOption, transactionOption, kimaBackendUrl, kimaNodeProviderQuery, kimaExplorer, errorHandler, closeHandler, successHandler, switchChainHandler, keplrHandler }: Props) => React.JSX.Element;
 export {};

package/dist/hooks/useIsWalletReady.d.ts

@@ -1,4 +1,4 @@
-declare function useIsWalletReady(enableNetworkAutoswitch?: boolean): {
+declare function useIsWalletReady(): {
     isReady: boolean;
     statusMessage: string;
     walletAddress?: string;

package/dist/index.css

@@ -523,6 +523,7 @@
   position: relative;
   border-radius: 1em;
   padding: 0.5em;
+  padding-right: 3em;
   height: 2.8em;
   display: flex;
   align-items: center;
@@ -538,7 +539,6 @@
   font-weight: 500;
   padding: 0.2em;
   padding-right: 0.5em;
-  background: white;
   color: black;
 }
 .kima-card .kima-card-content .single-form .coin-dropdown .coin-wrapper svg {
@@ -547,16 +547,28 @@
   margin-right: 0.5em;
 }
 .kima-card .kima-card-content .single-form .coin-dropdown.dark .coin-wrapper {
-  background: #979797;
   color: white;
 }
+.kima-card .kima-card-content .single-form .coin-dropdown:before {
+  position: absolute;
+  content: "";
+  width: 0.8em;
+  height: 0.8em;
+  right: 1.1em;
+  top: 1.7em;
+  border-top: 2px solid;
+  border-right: 2px solid;
+  border-color: white;
+  transform: rotate(-45deg);
+  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
+}
 .kima-card .kima-card-content .single-form .coin-dropdown .coin-menu {
   box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
   position: absolute;
   z-index: 100;
   max-height: 10em;
   width: 100%;
-  top: 100%;
+  top: calc(100% - 0.5em);
   left: 0;
   overflow: hidden;
   transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);

package/dist/index.js

@@ -13,7 +13,8 @@ var tronwalletAdapterOkxwallet = require('@tronweb3/tronwallet-adapter-okxwallet
 var tronwalletAdapterTokenpocket = require('@tronweb3/tronwallet-adapter-tokenpocket');
 var tronwalletAdapterReactHooks = require('@tronweb3/tronwallet-adapter-react-hooks');
 var tronwalletAbstractAdapter = require('@tronweb3/tronwallet-abstract-adapter');
-var reactHotToast = require('react-hot-toast');
+var toast = require('react-hot-toast');
+var toast__default = _interopDefault(toast);
 var react = require('@web3modal/ethers5/react');
 var reactTooltip = require('react-tooltip');
 var walletAdapterBase = require('@solana/wallet-adapter-base');
@@ -827,6 +828,7 @@ var isEVMChain = function isEVMChain(chainId) {
 };
 var COIN_LIST = {
   USDK: {
+    symbol: 'USDK',
     icon: USDT
   },
   KEUR: {
@@ -888,7 +890,7 @@ var initialState = {
   helpPopup: false,
   hashPopup: false,
   bankPopup: false,
-  walletAutoConnect: false,
+  walletAutoConnect: true,
   provider: undefined,
   dAppOption: exports.DAppOptions.None,
   solanaProvider: undefined,
@@ -916,6 +918,7 @@ var initialState = {
   nodeProviderQuery: '',
   txId: -1,
   selectedToken: 'USDK',
+  avilableTokenList: ['USDK'],
   compliantOption: true,
   sourceCompliant: 'low',
   targetCompliant: 'low',
@@ -1044,6 +1047,9 @@ var optionSlice = createSlice({
     setSelectedToken: function setSelectedToken(state, action) {
       state.selectedToken = action.payload;
     },
+    setAvailableTokenList: function setAvailableTokenList(state, action) {
+      state.avilableTokenList = action.payload;
+    },
     setCompliantOption: function setCompliantOption(state, action) {
       state.compliantOption = action.payload;
     },
@@ -1104,6 +1110,7 @@ var _optionSlice$actions = optionSlice.actions,
   setNodeProviderQuery = _optionSlice$actions.setNodeProviderQuery,
   setTxId = _optionSlice$actions.setTxId,
   setSelectedToken = _optionSlice$actions.setSelectedToken,
+  setAvailableTokenList = _optionSlice$actions.setAvailableTokenList,
   setCompliantOption = _optionSlice$actions.setCompliantOption,
   setSourceCompliant = _optionSlice$actions.setSourceCompliant,
   setTargetCompliant = _optionSlice$actions.setTargetCompliant,
@@ -1376,6 +1383,9 @@ var selectTxId = function selectTxId(state) {
 var selectSelectedToken = function selectSelectedToken(state) {
   return state.option.selectedToken;
 };
+var selectAvailableTokenList = function selectAvailableTokenList(state) {
+  return state.option.avilableTokenList;
+};
 var selectCompliantOption = function selectCompliantOption(state) {
   return state.option.compliantOption;
 };
@@ -1593,8 +1603,6 @@ function handleResponse(response) {
 
 function useNetworkOptions() {
   var dispatch = reactRedux.useDispatch();
-  var mode = reactRedux.useSelector(selectMode);
-  var dAppOption = reactRedux.useSelector(selectDappOption);
   var useFIAT = reactRedux.useSelector(selectUseFIAT);
   var nodeProviderQuery = reactRedux.useSelector(selectNodeProviderQuery);
   var _useState = React.useState(networkOptions),
@@ -1602,39 +1610,37 @@ function useNetworkOptions() {
     setOptions = _useState[1];
   React.useEffect(function () {
     if (!nodeProviderQuery) return;
-    if (dAppOption === exports.DAppOptions.None) {
-      (function () {
-        try {
-          var _temp = _catch(function () {
-            return Promise.resolve(fetchWrapper.get(nodeProviderQuery + "/kima-finance/kima-blockchain/chains/chain")).then(function (networks) {
-              setOptions(networkOptions.filter(function (network) {
-                return networks.Chain.findIndex(function (chain) {
-                  return chain.symbol === network.id && !chain.disabled;
-                }) >= 0 || network.id === exports.SupportNetworks.FIAT && useFIAT;
-              }));
-              var tokenOptions = {};
-              for (var _iterator = _createForOfIteratorHelperLoose(networks.Chain), _step; !(_step = _iterator()).done;) {
-                var network = _step.value;
-                for (var _iterator2 = _createForOfIteratorHelperLoose(network.tokens), _step2; !(_step2 = _iterator2()).done;) {
-                  var token = _step2.value;
-                  if (!tokenOptions[token.symbol]) {
-                    tokenOptions[token.symbol] = {};
-                  }
-                  tokenOptions[token.symbol][network.symbol] = token.address;
+    (function () {
+      try {
+        var _temp = _catch(function () {
+          return Promise.resolve(fetchWrapper.get(nodeProviderQuery + "/kima-finance/kima-blockchain/chains/chain")).then(function (networks) {
+            setOptions(networkOptions.filter(function (network) {
+              return networks.Chain.findIndex(function (chain) {
+                return chain.symbol === network.id && !chain.disabled;
+              }) >= 0 || network.id === exports.SupportNetworks.FIAT && useFIAT;
+            }));
+            var tokenOptions = {};
+            for (var _iterator = _createForOfIteratorHelperLoose(networks.Chain), _step; !(_step = _iterator()).done;) {
+              var network = _step.value;
+              for (var _iterator2 = _createForOfIteratorHelperLoose(network.tokens), _step2; !(_step2 = _iterator2()).done;) {
+                var token = _step2.value;
+                if (!tokenOptions[token.symbol]) {
+                  tokenOptions[token.symbol] = {};
                 }
+                tokenOptions[token.symbol][network.symbol] = token.address;
               }
-              dispatch(setTokenOptions(tokenOptions));
-            });
-          }, function (e) {
-            console.log('rpc disconnected', e);
+            }
+            dispatch(setTokenOptions(tokenOptions));
           });
-          return _temp && _temp.then ? _temp.then(function () {}) : void 0;
-        } catch (e) {
-          Promise.reject(e);
-        }
-      })();
-    }
-  }, [nodeProviderQuery, dAppOption, mode]);
+        }, function (e) {
+          console.log('rpc disconnected', e);
+        });
+        return _temp && _temp.then ? _temp.then(function () {}) : void 0;
+      } catch (e) {
+        Promise.reject(e);
+      }
+    })();
+  }, [nodeProviderQuery]);
   return React.useMemo(function () {
     return {
       options: options
@@ -1989,11 +1995,9 @@ var createWalletStatus = function createWalletStatus(isReady, statusMessage, for
     walletAddress: walletAddress
   };
 };
-function useIsWalletReady(enableNetworkAutoswitch) {
-  if (enableNetworkAutoswitch === void 0) {
-    enableNetworkAutoswitch = false;
-  }
-  var autoSwitch = enableNetworkAutoswitch;
+function useIsWalletReady() {
+  var dispatch = reactRedux.useDispatch();
+  var autoSwitch = reactRedux.useSelector(selectWalletAutoConnect);
   var _useSolanaWallet = SolanaAdapter.useWallet(),
     solanaAddress = _useSolanaWallet.publicKey;
   var _useTronWallet = tronwalletAdapterReactHooks.useWallet(),
@@ -2066,9 +2070,15 @@ function useIsWalletReady(enableNetworkAutoswitch) {
         return createWalletStatus(true, undefined, forceNetworkSwitch, evmAddress);
       } else {
         if (evmProvider && correctEvmNetwork) {
-          if (autoSwitch) forceNetworkSwitch();
+          if (autoSwitch) {
+            forceNetworkSwitch();
+          } else {
+            console.log('autoSwitch', autoSwitch, evmChainId);
+            dispatch(setSourceChain(CHAIN_IDS_TO_NAMES[evmChainId || SupportedChainId.ETHEREUM]));
+            toast__default.success("Wallet connected to " + CHAIN_NAMES_TO_STRING[CHAIN_IDS_TO_NAMES[evmChainId || SupportedChainId.ETHEREUM]]);
+          }
         }
-        if (evmChainId) return createWalletStatus(false, "Wallet not connected to " + CHAIN_NAMES_TO_STRING[CHAIN_IDS_TO_NAMES[correctEvmNetwork]], forceNetworkSwitch, evmAddress);
+        if (evmChainId && autoSwitch) return createWalletStatus(false, "Wallet not connected to " + CHAIN_NAMES_TO_STRING[CHAIN_IDS_TO_NAMES[correctEvmNetwork]], forceNetworkSwitch, evmAddress);
       }
     }
     return createWalletStatus(false, '', forceNetworkSwitch, undefined);
@@ -2597,8 +2607,7 @@ var WalletButton = function WalletButton(_ref) {
   var sourceCompliant = reactRedux.useSelector(selectSourceCompliant);
   var compliantOption = reactRedux.useSelector(selectCompliantOption);
   var selectedNetwork = reactRedux.useSelector(selectSourceChain);
-  var walletAutoConnect = reactRedux.useSelector(selectWalletAutoConnect);
-  var _useIsWalletReady = useIsWalletReady(walletAutoConnect),
+  var _useIsWalletReady = useIsWalletReady(),
     isReady = _useIsWalletReady.isReady,
     statusMessage = _useIsWalletReady.statusMessage,
     walletAddress = _useIsWalletReady.walletAddress;
@@ -2624,7 +2633,7 @@ var WalletButton = function WalletButton(_ref) {
   }, [isReady, statusMessage, sourceCompliant, compliantOption]);
   React.useEffect(function () {
     if (!errorMessage) return;
-    reactHotToast.toast.error(errorMessage);
+    toast.toast.error(errorMessage);
   }, [errorMessage]);
   return React__default.createElement("div", {
     className: "wallet-button " + theme.colorMode + " " + (errorBelow ? 'error-below' : ''),
@@ -2637,22 +2646,44 @@ var WalletButton = function WalletButton(_ref) {
 };
 
 var CoinDropdown = function CoinDropdown() {
+  var ref = React.useRef();
   var _useState = React.useState(true),
     collapsed = _useState[0],
     setCollapsed = _useState[1];
   var selectedCoin = reactRedux.useSelector(selectSelectedToken);
+  var tokenList = reactRedux.useSelector(selectAvailableTokenList);
   var theme = reactRedux.useSelector(selectTheme);
   var Icon = COIN_LIST[selectedCoin || 'USDK'].icon;
+  React.useEffect(function () {
+    var bodyMouseDowntHandler = function bodyMouseDowntHandler(e) {
+      if (ref !== null && ref !== void 0 && ref.current && !ref.current.contains(e.target)) {
+        setCollapsed(true);
+      }
+    };
+    document.addEventListener('mousedown', bodyMouseDowntHandler);
+    return function () {
+      document.removeEventListener('mousedown', bodyMouseDowntHandler);
+    };
+  }, [setCollapsed]);
   return React__default.createElement("div", {
     className: "coin-dropdown " + theme.colorMode + " " + (collapsed ? 'collapsed' : ''),
     onClick: function onClick() {
       return setCollapsed(function (prev) {
         return !prev;
       });
-    }
+    },
+    ref: ref
   }, React__default.createElement("div", {
     className: 'coin-wrapper'
-  }, React__default.createElement(Icon, null), selectedCoin));
+  }, React__default.createElement(Icon, null), selectedCoin), React__default.createElement("div", {
+    className: "coin-menu " + theme.colorMode + " " + (collapsed ? 'collapsed' : '')
+  }, tokenList.map(function (token) {
+    var CoinIcon = COIN_LIST[token].icon;
+    return React__default.createElement("div", {
+      className: 'coin-item',
+      key: COIN_LIST[token].symbol
+    }, React__default.createElement(CoinIcon, null), React__default.createElement("p", null, COIN_LIST[token].symbol));
+  })));
 };
 
 var NetworkDropdown = React__default.memo(function (_ref) {
@@ -2667,6 +2698,7 @@ var NetworkDropdown = React__default.memo(function (_ref) {
   var ref = React.useRef();
   var sourceChangeRef = React.useRef(false);
   var mode = reactRedux.useSelector(selectMode);
+  var autoSwitchChain = reactRedux.useSelector(selectWalletAutoConnect);
   var useFIAT = reactRedux.useSelector(selectUseFIAT);
   var dAppOption = reactRedux.useSelector(selectDappOption);
   var originNetwork = reactRedux.useSelector(selectSourceChain);
@@ -2770,7 +2802,8 @@ var NetworkDropdown = React__default.memo(function (_ref) {
   return React__default.createElement("div", {
     className: "network-dropdown " + theme.colorMode + " " + (collapsed ? 'collapsed' : ''),
     onClick: function onClick() {
-      return setCollapsed(function (prev) {
+      if (!autoSwitchChain && isOriginChain) return;
+      setCollapsed(function (prev) {
         return !prev;
       });
     },
@@ -3228,7 +3261,7 @@ var BankPopup = function BankPopup(_ref) {
             } else if (kycResult[0].status === 'approved') {
               setVerifying(false);
               dispatch(setKYCStatus('approved'));
-              reactHotToast.toast.success('KYC is verified');
+              toast.toast.success('KYC is verified');
             }
           });
         }, function () {
@@ -3404,7 +3437,7 @@ var TransactionWidget = function TransactionWidget(_ref) {
       setErrorStep(1);
       setLoadingStep(-1);
       console.error(data.failReason);
-      reactHotToast.toast.error('Unavailable');
+      toast.toast.error('Unavailable');
       setErrorMessage('Unavailable');
     } else if (status === TransactionStatus.KEYSIGNED) {
       setStep(3);
@@ -3420,7 +3453,7 @@ var TransactionWidget = function TransactionWidget(_ref) {
       setErrorStep(3);
       setLoadingStep(-1);
       console.error(data.failReason);
-      reactHotToast.toast.error('Failed to release tokens to target!');
+      toast.toast.error('Failed to release tokens to target!');
       setErrorMessage('Failed to release tokens to target!');
     } else if (status === TransactionStatus.FAILEDTOPULL) {
       setStep(1);
@@ -3428,7 +3461,7 @@ var TransactionWidget = function TransactionWidget(_ref) {
       setErrorStep(1);
       setLoadingStep(-1);
       console.error(data.failReason);
-      reactHotToast.toast.error('Failed to pull tokens from source!');
+      toast.toast.error('Failed to pull tokens from source!');
       setErrorMessage('Failed to pull tokens from source!');
     } else if (status === TransactionStatus.COMPLETED) {
       setStep(4);
@@ -3499,7 +3532,7 @@ var TransactionWidget = function TransactionWidget(_ref) {
     fill: theme.colorMode === 'light' ? 'black' : '#C5C5C5'
   }))), React__default.createElement(HelpPopup, null), React__default.createElement(HashPopup, {
     data: data
-  }), React__default.createElement(reactHotToast.Toaster, {
+  }), React__default.createElement(toast.Toaster, {
     position: 'top-right',
     reverseOrder: false,
     containerStyle: {
@@ -3548,7 +3581,7 @@ var SingleForm = function SingleForm(_ref) {
   }, [compliantOption, targetCompliant]);
   React.useEffect(function () {
     if (!errorMessage) return;
-    reactHotToast.toast.error(errorMessage);
+    toast.toast.error(errorMessage);
   }, [errorMessage]);
   return React__default.createElement("div", {
     className: 'single-form'
@@ -7549,6 +7582,7 @@ var AddressInputWizard = function AddressInputWizard() {
 };
 
 function useCurrencyOptions() {
+  var dispatch = reactRedux.useDispatch();
   var _useState = React.useState('USDK'),
     options = _useState[0],
     setOptions = _useState[1];
@@ -7566,6 +7600,7 @@ function useCurrencyOptions() {
           }
           return Promise.resolve(fetchWrapper.get(nodeProviderQuery + "/kima-finance/kima-blockchain/chains/get_currencies/" + originNetwork + "/" + targetNetwork)).then(function (coins) {
             var _coins$Currencies;
+            dispatch(setAvailableTokenList(coins.Currencies || ['USDK']));
             setOptions((_coins$Currencies = coins.Currencies) !== null && _coins$Currencies !== void 0 && _coins$Currencies.length ? coins.Currencies[0] : 'USDK');
           });
         }, function (e) {
@@ -7805,7 +7840,7 @@ var TransferWidget = function TransferWidget(_ref) {
               var symbol = selectedToken;
               var errorString = "Tried to transfer " + amount + " " + symbol + ", but " + CHAIN_NAMES_TO_STRING[targetChain] + " pool has only " + +poolBalance[i].balance[j].amount + " " + symbol;
               console.log(errorString);
-              reactHotToast.toast.error(CHAIN_NAMES_TO_STRING[targetChain] + " pool has insufficient balance!");
+              toast.toast.error(CHAIN_NAMES_TO_STRING[targetChain] + " pool has insufficient balance!");
               errorHandler(errorString);
               return false;
             }
@@ -7823,12 +7858,12 @@ var TransferWidget = function TransferWidget(_ref) {
     try {
       var _exit = false;
       if (fee < 0) {
-        reactHotToast.toast.error('Fee is not calculated!');
+        toast.toast.error('Fee is not calculated!');
         errorHandler('Fee is not calculated!');
         return Promise.resolve();
       }
       if (dAppOption !== exports.DAppOptions.LPDrain && balance < amount) {
-        reactHotToast.toast.error('Insufficient balance!');
+        toast.toast.error('Insufficient balance!');
         errorHandler('Insufficient balance!');
         return Promise.resolve();
       }
@@ -7877,7 +7912,7 @@ var TransferWidget = function TransferWidget(_ref) {
               console.log(result);
               if ((result === null || result === void 0 ? void 0 : result.code) !== 0) {
                 errorHandler(result);
-                reactHotToast.toast.error('Failed to submit transaction!');
+                toast.toast.error('Failed to submit transaction!');
                 setSubmitting(false);
                 return;
               }
@@ -7904,7 +7939,7 @@ var TransferWidget = function TransferWidget(_ref) {
         errorHandler(e);
         setSubmitting(false);
         console.log((e === null || e === void 0 ? void 0 : e.status) !== 500 ? 'rpc disconnected' : '', e);
-        reactHotToast.toast.error('Failed to submit transaction');
+        toast.toast.error('Failed to submit transaction');
       }));
     } catch (e) {
       return Promise.reject(e);
@@ -7914,7 +7949,7 @@ var TransferWidget = function TransferWidget(_ref) {
     var _mainRef$current;
     if (isWizard && wizardStep < 5) {
       if (wizardStep === 1 && !isReady) {
-        reactHotToast.toast.error('Wallet is not connected!');
+        toast.toast.error('Wallet is not connected!');
         errorHandler('Wallet is not connected!');
         return;
       }
@@ -7941,23 +7976,23 @@ var TransferWidget = function TransferWidget(_ref) {
       if (isReady) {
         if (targetChain === exports.SupportNetworks.FIAT) {
           if (!bankDetails.iban) {
-            reactHotToast.toast.error('Invalid IBAN!');
+            toast.toast.error('Invalid IBAN!');
             errorHandler('Invalid IBAN!');
             return;
           }
           if (!bankDetails.recipient) {
-            reactHotToast.toast.error('Invalid Recipient Address!');
+            toast.toast.error('Invalid Recipient Address!');
             errorHandler('Invalid Recipient Address!');
             return;
           }
         }
         if (amount <= 0) {
-          reactHotToast.toast.error('Invalid amount!');
+          toast.toast.error('Invalid amount!');
           errorHandler('Invalid amount!');
           return;
         }
         if (fee < 0) {
-          reactHotToast.toast.error('Fee is not calculated!');
+          toast.toast.error('Fee is not calculated!');
           errorHandler('Fee is not calculated!');
           return;
         }
@@ -7968,7 +8003,7 @@ var TransferWidget = function TransferWidget(_ref) {
         }
         return;
       } else {
-        reactHotToast.toast.error('Wallet is not connected!');
+        toast.toast.error('Wallet is not connected!');
         errorHandler('Wallet is not connected!');
       }
     }
@@ -8091,14 +8126,14 @@ var TransferWidget = function TransferWidget(_ref) {
   }, getButtonLabel()))), React__default.createElement(SolanaWalletConnectModal, null), React__default.createElement(TronWalletConnectModal, null), React__default.createElement(HelpPopup, null), sourceChain === exports.SupportNetworks.FIAT || targetChain === exports.SupportNetworks.FIAT ? React__default.createElement(BankPopup, {
     setVerifying: setVerifying,
     isVerifying: isVerifying
-  }) : null, React__default.createElement(reactHotToast.Toaster, {
+  }) : null, React__default.createElement(toast.Toaster, {
     position: 'top-right',
     reverseOrder: false,
     containerStyle: {
       position: 'absolute'
     },
     toastOptions: {
-      duration: 10 * 1000,
+      duration: 3 * 1000,
       style: {
         position: 'relative',
         top: windowWidth > 768 ? '3rem' : '1.5rem',
@@ -8118,8 +8153,10 @@ var TransferWidget = function TransferWidget(_ref) {
 var KimaTransactionWidget = function KimaTransactionWidget(_ref) {
   var mode = _ref.mode,
     txId = _ref.txId,
-    _ref$autoConnect = _ref.autoConnect,
-    autoConnect = _ref$autoConnect === void 0 ? true : _ref$autoConnect,
+    _ref$autoSwitchChain = _ref.autoSwitchChain,
+    autoSwitchChain = _ref$autoSwitchChain === void 0 ? true : _ref$autoSwitchChain,
+    _ref$defaultToken = _ref.defaultToken,
+    defaultToken = _ref$defaultToken === void 0 ? 'USDK' : _ref$defaultToken,
     provider = _ref.provider,
     _ref$dAppOption = _ref.dAppOption,
     dAppOption = _ref$dAppOption === void 0 ? exports.DAppOptions.None : _ref$dAppOption,
@@ -8177,7 +8214,8 @@ var KimaTransactionWidget = function KimaTransactionWidget(_ref) {
     dispatch(setMode(mode));
     dispatch(setProvider(provider));
     dispatch(setDappOption(dAppOption));
-    dispatch(setWalletAutoConnect(autoConnect));
+    dispatch(setWalletAutoConnect(autoSwitchChain));
+    dispatch(setSelectedToken(defaultToken));
     dispatch(setUseFIAT(useFIAT));
     if (useFIAT) {
       dispatch(setTxId(txId || -1));
@@ -8278,7 +8316,7 @@ var polygon = {
   name: 'Mumbai',
   currency: 'MATIC',
   explorerUrl: 'https://mumbai.polygonscan.com',
-  rpcUrl: 'https://rpc-mumbai.maticvigil.com'
+  rpcUrl: 'https://polygon-mumbai-bor-rpc.publicnode.com'
 };
 var arbitrum = {
   chainId: 421614,
@@ -8337,13 +8375,13 @@ var KimaProvider = function KimaProvider(_ref) {
   }, []);
   function onError(e) {
     if (e instanceof tronwalletAbstractAdapter.WalletNotFoundError) {
-      reactHotToast.toast.error(e.message);
+      toast.toast.error(e.message);
     } else if (e instanceof tronwalletAbstractAdapter.WalletDisconnectedError) {
-      reactHotToast.toast.error(e.message);
-    } else reactHotToast.toast.error(e.message);
+      toast.toast.error(e.message);
+    } else toast.toast.error(e.message);
   }
   var onChainChanged = function onChainChanged(chainData) {
-    reactHotToast.toast.error('Please switch to Tron Nile Testnet!');
+    toast.toast.error('Please switch to Tron Nile Testnet!');
     if (chainData.chainId !== '0xcd8690dc') {
       adapters[0].switchChain('0xcd8690dc');
     }