@kimafinance/kima-transaction-widget 1.0.9 → 1.1.1

package/dist/index.modern.js

@@ -448,7 +448,7 @@ const Copy = ({
 };
 
 const SOLANA_USDK_ADDRESS = 'GkbnUDkymDTF4U6Z5wM5kKJn3GmGndMn2rN5typmyUHY';
-const ETHEREUM_USDK_ADDRESS = '0x8BAd07F2445D6390DD94Eca08882b7d515EAbe6C';
+const ETHEREUM_USDK_ADDRESS = '0x7C043d4D2b505740742dF6Fdb79C5caEe08728a5';
 const POLYGON_USDK_ADDRESS = '0x5bd4865a6dEd507dA08ed1aBE3cd971a7e0405D7';
 const AVAX_USDK_ADDRESS = '0x7C043d4D2b505740742dF6Fdb79C5caEe08728a5';
 const FUSE_GDOLLAR_ADDRESS = '0x79BeecC4b165Ccf547662cB4f7C0e83b3796E5b3';
@@ -465,7 +465,7 @@ var ChainName;
 })(ChainName || (ChainName = {}));
 var SupportedChainId;
 (function (SupportedChainId) {
-  SupportedChainId[SupportedChainId["ETHEREUM"] = 5] = "ETHEREUM";
+  SupportedChainId[SupportedChainId["ETHEREUM"] = 11155111] = "ETHEREUM";
   SupportedChainId[SupportedChainId["POLYGON"] = 80001] = "POLYGON";
   SupportedChainId[SupportedChainId["AVALANCHE"] = 43113] = "AVALANCHE";
   SupportedChainId[SupportedChainId["FUSE"] = 122] = "FUSE";
@@ -487,7 +487,7 @@ const CHAIN_NAMES_TO_STRING = {
   [ChainName.SOLANA]: 'Solana'
 };
 const CHAIN_NAMES_TO_EXPLORER = {
-  [ChainName.ETHEREUM]: 'goerli.etherscan.io',
+  [ChainName.ETHEREUM]: 'sepolia.etherscan.io',
   [ChainName.POLYGON]: 'mumbai.polygonscan.com',
   [ChainName.AVALANCHE]: 'testnet.snowtrace.io',
   [ChainName.FUSE]: 'explorer.fuse.io',
@@ -1054,8 +1054,12 @@ function useNetworkOptions() {
   useEffect(() => {
     if (!nodeProviderQuery) return;
     (async function () {
-      const networks = await fetchWrapper.get(`${nodeProviderQuery}/kima-finance/kima/kima/getChains`);
-      setOptions(networkOptions.filter(network => networks.Chains.findIndex(id => id === network.id) >= 0));
+      try {
+        const networks = await fetchWrapper.get(`${nodeProviderQuery}/kima-finance/kima/kima/getChains`);
+        setOptions(networkOptions.filter(network => networks.Chains.findIndex(id => id === network.id) >= 0));
+      } catch (e) {
+        console.log('rpc disconnected', e);
+      }
     })();
   }, [nodeProviderQuery]);
   return useMemo(() => ({
@@ -1091,18 +1095,26 @@ const Network = ({
   useEffect(() => {
     if (!nodeProviderQuery || mode !== ModeOptions.bridge) return;
     (async function () {
-      const networks = await fetchWrapper.get(`${nodeProviderQuery}/kima-finance/kima/kima/get_available_chains/${originNetwork}`);
-      setAvailableNetworks(networks.Chains);
-      if (_isOriginChain) {
-        dispatch(setTargetNetwork(networks.Chains[0]));
+      try {
+        const networks = await fetchWrapper.get(`${nodeProviderQuery}/kima-finance/kima/kima/get_available_chains/${originNetwork}`);
+        setAvailableNetworks(networks.Chains);
+        if (_isOriginChain) {
+          dispatch(setTargetNetwork(networks.Chains[0]));
+        }
+      } catch (e) {
+        console.log('rpc disconnected', e);
       }
     })();
   }, [nodeProviderQuery, originNetwork, mode, _isOriginChain]);
   useEffect(() => {
     if (!nodeProviderQuery || mode !== ModeOptions.payment) return;
     (async function () {
-      const networks = await fetchWrapper.get(`${nodeProviderQuery}/kima-finance/kima/kima/get_available_chains/${targetNetwork}`);
-      setAvailableNetworks(networks.Chains);
+      try {
+        const networks = await fetchWrapper.get(`${nodeProviderQuery}/kima-finance/kima/kima/get_available_chains/${targetNetwork}`);
+        setAvailableNetworks(networks.Chains);
+      } catch (e) {
+        console.log('rpc disconnected', e);
+      }
     })();
   }, [nodeProviderQuery, mode]);
   useEffect(() => {
@@ -1884,18 +1896,26 @@ const NetworkDropdown = ({
   useEffect(() => {
     if (!nodeProviderQuery || mode !== ModeOptions.bridge) return;
     (async function () {
-      const networks = await fetchWrapper.get(`${nodeProviderQuery}/kima-finance/kima/kima/get_available_chains/${originNetwork}`);
-      setAvailableNetworks(networks.Chains);
-      if (_isOriginChain) {
-        dispatch(setTargetNetwork(networks.Chains[0]));
+      try {
+        const networks = await fetchWrapper.get(`${nodeProviderQuery}/kima-finance/kima/kima/get_available_chains/${originNetwork}`);
+        setAvailableNetworks(networks.Chains);
+        if (_isOriginChain) {
+          dispatch(setTargetNetwork(networks.Chains[0]));
+        }
+      } catch (e) {
+        console.log('rpc disconnected', e);
       }
     })();
   }, [nodeProviderQuery, originNetwork, mode, _isOriginChain]);
   useEffect(() => {
     if (!nodeProviderQuery || mode !== ModeOptions.payment) return;
     (async function () {
-      const networks = await fetchWrapper.get(`${nodeProviderQuery}/kima-finance/kima/kima/get_available_chains/${targetNetwork}`);
-      setAvailableNetworks(networks.Chains);
+      try {
+        const networks = await fetchWrapper.get(`${nodeProviderQuery}/kima-finance/kima/kima/get_available_chains/${targetNetwork}`);
+        setAvailableNetworks(networks.Chains);
+      } catch (e) {
+        console.log('rpc disconnected', e);
+      }
     })();
   }, [nodeProviderQuery, mode]);
   return React.createElement("div", {
@@ -2191,57 +2211,61 @@ const TransactionWidget = ({
   useEffect(() => {
     if (!nodeProviderQuery || txId < 0) return;
     const timerId = setInterval(async () => {
-      const result = await fetchWrapper.get(`${nodeProviderQuery}/kima-finance/kima/kima/transaction_data/${txId}`);
-      const data = result === null || result === void 0 ? void 0 : result.transactionData;
-      if (!data) return;
-      const status = data.status;
-      console.log(status);
-      setData({
-        sourceChain: data.originChain,
-        targetChain: data.targetChain,
-        tssPullHash: data.tssPullHash,
-        tssReleaseHash: data.tssReleaseHash,
-        amount: +data.amount,
-        symbol: data.symbol,
-        kimaTxHash: data.kimaTxHash
-      });
-      setErrorStep(-1);
-      if (status === TransactionStatus.AVAILABLE) {
-        setStep(1);
-        setPercent(25);
-        setLoadingStep(1);
-      } else if (status === TransactionStatus.CONFIRMED) {
-        setStep(2);
-        setPercent(50);
-        setLoadingStep(2);
-      } else if (status.startsWith(TransactionStatus.UNAVAILABLE)) {
-        setStep(1);
-        setPercent(25);
-        setErrorStep(1);
-        setLoadingStep(-1);
-      } else if (status === TransactionStatus.KEYSIGNED) {
-        setStep(3);
-        setPercent(75);
-        setLoadingStep(3);
-      } else if (status === TransactionStatus.PAID) {
-        setStep(3);
-        setPercent(90);
-        setLoadingStep(3);
-      } else if (status === TransactionStatus.FAILED) {
-        setStep(3);
-        setPercent(90);
-        setErrorStep(3);
-        setLoadingStep(-1);
-      } else if (status === TransactionStatus.COMPLETED) {
-        setStep(4);
-        setPercent(100);
-        clearInterval(timerId);
-        setLoadingStep(-1);
-        setTimeout(() => {
-          successHandler({
-            txId
-          });
-        }, 3000);
+      try {
+        const result = await fetchWrapper.get(`${nodeProviderQuery}/kima-finance/kima/kima/transaction_data/${txId}`);
+        const data = result === null || result === void 0 ? void 0 : result.transactionData;
+        if (!data) return;
+        const status = data.status;
+        console.log(status);
+        setData({
+          sourceChain: data.originChain,
+          targetChain: data.targetChain,
+          tssPullHash: data.tssPullHash,
+          tssReleaseHash: data.tssReleaseHash,
+          amount: +data.amount,
+          symbol: data.symbol,
+          kimaTxHash: data.kimaTxHash
+        });
+        setErrorStep(-1);
+        if (status === TransactionStatus.AVAILABLE) {
+          setStep(1);
+          setPercent(25);
+          setLoadingStep(1);
+        } else if (status === TransactionStatus.CONFIRMED) {
+          setStep(2);
+          setPercent(50);
+          setLoadingStep(2);
+        } else if (status.startsWith(TransactionStatus.UNAVAILABLE)) {
+          setStep(1);
+          setPercent(25);
+          setErrorStep(1);
+          setLoadingStep(-1);
+        } else if (status === TransactionStatus.KEYSIGNED) {
+          setStep(3);
+          setPercent(75);
+          setLoadingStep(3);
+        } else if (status === TransactionStatus.PAID) {
+          setStep(3);
+          setPercent(90);
+          setLoadingStep(3);
+        } else if (status === TransactionStatus.FAILED) {
+          setStep(3);
+          setPercent(90);
+          setErrorStep(3);
+          setLoadingStep(-1);
+        } else if (status === TransactionStatus.COMPLETED) {
+          setStep(4);
+          setPercent(100);
+          clearInterval(timerId);
+          setLoadingStep(-1);
+          setTimeout(() => {
+            successHandler({
+              txId
+            });
+          }, 3000);
+        }
+      } catch (e) {
+        console.log('rpc disconnected', e);
       }
     }, 1000);
     return () => {
@@ -6204,17 +6228,27 @@ function useAllowance() {
   }, [selectedCoin, sourceChain]);
   const [targetAddress, setTargetAddress] = useState();
   const isApproved = useMemo(() => {
-    if (!isEVMChain(sourceChain)) return splAllowance >= amount + serviceFee;
+    if (!isEVMChain(sourceChain)) {
+      return allowance >= amount + serviceFee;
+    }
     if (allowance && amount && allowance.gte(parseUnits((amount + serviceFee).toString(), decimals))) return true;
     return false;
   }, [decimals, sourceChain, allowance, amount, splAllowance, serviceFee]);
   const updatePoolAddress = async () => {
-    var _result$tssPubkey;
-    const result = await fetchWrapper.get(`${nodeProviderQuery}/kima-finance/kima/kima/tss_pubkey`);
-    if ((result === null || result === void 0 ? void 0 : (_result$tssPubkey = result.tssPubkey) === null || _result$tssPubkey === void 0 ? void 0 : _result$tssPubkey.length) < 1) {
-      return;
+    try {
+      var _result$tssPubkey;
+      if (sourceChain === ChainName.SOLANA) {
+        setTargetAddress('8ymXJ6RH9k8qSf1xsvxSWgzPB9RYgUuHPDgonkFzUEhT');
+        return;
+      }
+      const result = await fetchWrapper.get(`${nodeProviderQuery}/kima-finance/kima/kima/tss_pubkey`);
+      if ((result === null || result === void 0 ? void 0 : (_result$tssPubkey = result.tssPubkey) === null || _result$tssPubkey === void 0 ? void 0 : _result$tssPubkey.length) < 1) {
+        return;
+      }
+      setTargetAddress(sourceChain === ChainName.SOLANA ? result.tssPubkey[0].ebdsa : result.tssPubkey[0].ecdsa);
+    } catch (e) {
+      console.log('rpc disconnected', e);
     }
-    setTargetAddress(sourceChain === ChainName.SOLANA ? result.tssPubkey[0].ebdsa : result.tssPubkey[0].ecdsa);
   };
   useEffect(() => {
     if (!nodeProviderQuery) return;
@@ -6223,7 +6257,18 @@ function useAllowance() {
   useEffect(() => {
     (async () => {
       try {
-        if (!isEVMChain(sourceChain) || !tokenAddress || !targetAddress || !signer || !signerAddress) return;
+        if (!isEVMChain(sourceChain) && publicKey && tokenAddress && connection) {
+          var _accountInfo$value, _parsedAccountInfo$pa, _parsedAccountInfo$pa2, _parsedAccountInfo$pa3, _parsedAccountInfo$pa4, _parsedAccountInfo$pa5;
+          const mint = new PublicKey(tokenAddress);
+          const fromTokenAccount = await getOrCreateAssociatedTokenAccount(connection, publicKey, mint, publicKey, signTransaction);
+          const accountInfo = await connection.getParsedAccountInfo(fromTokenAccount.address);
+          console.log('solana token account: ', accountInfo);
+          setDecimals(COIN_LIST['USDK'].decimals);
+          const parsedAccountInfo = accountInfo === null || accountInfo === void 0 ? void 0 : (_accountInfo$value = accountInfo.value) === null || _accountInfo$value === void 0 ? void 0 : _accountInfo$value.data;
+          setAllowance(((_parsedAccountInfo$pa = parsedAccountInfo.parsed) === null || _parsedAccountInfo$pa === void 0 ? void 0 : (_parsedAccountInfo$pa2 = _parsedAccountInfo$pa.info) === null || _parsedAccountInfo$pa2 === void 0 ? void 0 : _parsedAccountInfo$pa2.delegate) === targetAddress ? (_parsedAccountInfo$pa3 = parsedAccountInfo.parsed) === null || _parsedAccountInfo$pa3 === void 0 ? void 0 : (_parsedAccountInfo$pa4 = _parsedAccountInfo$pa3.info) === null || _parsedAccountInfo$pa4 === void 0 ? void 0 : (_parsedAccountInfo$pa5 = _parsedAccountInfo$pa4.delegatedAmount) === null || _parsedAccountInfo$pa5 === void 0 ? void 0 : _parsedAccountInfo$pa5.uiAmount : 0);
+          return;
+        }
+        if (!tokenAddress || !targetAddress || !signer || !signerAddress) return;
         const erc20Contract = new Contract(tokenAddress, ERC20ABI.abi, signer);
         const decimals = await erc20Contract.decimals();
         const userAllowance = await erc20Contract.allowance(signerAddress, targetAddress);
@@ -6233,7 +6278,7 @@ function useAllowance() {
         errorHandler(error);
       }
     })();
-  }, [signerAddress, tokenAddress, targetAddress, isApproving, sourceChain]);
+  }, [signerAddress, tokenAddress, targetAddress, isApproving, sourceChain, publicKey]);
   const approve = useCallback(async () => {
     if (isEVMChain(sourceChain)) {
       if (!decimals || !tokenAddress || !signer || !targetAddress) return;
@@ -6294,7 +6339,7 @@ async function getFeeInUSD(sourceChain, targetChain, gasFee) {
   if (targetChain === ChainName.SOLANA) {
     targetFee = +gasFee[targetChain] * +targetTokenPrice;
   } else targetFee = gasFee[targetChain] ? +gasFee[targetChain] * max_gas * +targetTokenPrice / 1e9 : 0;
-  return [sourceFee, targetFee];
+  return [isNaN(sourceFee) ? 0 : sourceFee, isNaN(targetFee) ? 0 : targetFee];
 }
 function useServiceFee() {
   const {
@@ -6327,7 +6372,7 @@ function useServiceFee() {
       fee = fee < 0 ? 0 : fee;
       setServiceFee(parseFloat(fee.toFixed(2)));
     } catch (e) {
-      console.log(e);
+      console.log('rpc disconnected', e);
     }
   };
   useEffect(() => {
@@ -6335,7 +6380,7 @@ function useServiceFee() {
     getServiceFee();
     const timerId = setInterval(() => {
       getServiceFee();
-    }, 5 * 1000);
+    }, 20 * 1000);
     return () => {
       clearInterval(timerId);
     };
@@ -6362,9 +6407,13 @@ function useCurrencyOptions() {
   useEffect(() => {
     if (!nodeProviderQuery || !originNetwork || !targetNetwork) return;
     (async function () {
-      var _coins$Currencies;
-      const coins = await fetchWrapper.get(`${nodeProviderQuery}/kima-finance/kima/kima/getCurrencies/${originNetwork}/${targetNetwork}`);
-      setOptions(COIN_LIST[(_coins$Currencies = coins.Currencies) !== null && _coins$Currencies !== void 0 && _coins$Currencies.length ? coins.Currencies[0] : 'USDK']);
+      try {
+        var _coins$Currencies;
+        const coins = await fetchWrapper.get(`${nodeProviderQuery}/kima-finance/kima/kima/getCurrencies/${originNetwork}/${targetNetwork}`);
+        setOptions(COIN_LIST[(_coins$Currencies = coins.Currencies) !== null && _coins$Currencies !== void 0 && _coins$Currencies.length ? coins.Currencies[0] : 'USDK']);
+      } catch (e) {
+        console.log('rpc disconnected', e);
+      }
     })();
   }, [nodeProviderQuery, originNetwork, targetNetwork]);
   return useMemo(() => ({
@@ -6405,6 +6454,17 @@ const TransferWidget = ({
     options: selectedCoin
   } = useCurrencyOptions();
   const backendUrl = useSelector(selectBackendUrl);
+  const nodeProviderQuery = useSelector(selectNodeProviderQuery);
+  useEffect(() => {
+    if (!nodeProviderQuery) return;
+    (async function () {
+      const res = await fetchWrapper.get(`${nodeProviderQuery}/kima-finance/kima/kima/pool_balance`);
+      console.table(res.poolBalance.map(item => ({
+        chain: CHAIN_NAMES_TO_STRING[item.chainName],
+        balance: +item.balance
+      })));
+    })();
+  }, [nodeProviderQuery]);
   useEffect(() => {
     dispatch(setCurrencyOptions(selectedCoin));
   }, [selectedCoin]);
@@ -6417,6 +6477,22 @@ const TransferWidget = ({
   useEffect(() => {
     dispatch(setServiceFee(fee));
   }, [fee]);
+  const checkPoolBalance = async () => {
+    const res = await fetchWrapper.get(`${nodeProviderQuery}/kima-finance/kima/kima/pool_balance`);
+    const poolBalance = res.poolBalance;
+    for (let i = 0; i < poolBalance.length; i++) {
+      if (poolBalance[i].chainName === targetNetwork) {
+        if (+poolBalance[i].balance >= amount + fee) {
+          return true;
+        }
+        const symbol = targetNetwork === ChainName.FUSE || targetNetwork === ChainName.CELO ? 'G$' : 'USDK';
+        console.log(`Tried to transfer ${amount} ${symbol}, but ${CHAIN_NAMES_TO_STRING[targetNetwork]} pool has only ${+poolBalance[i].balance} ${symbol}`);
+        return false;
+      }
+    }
+    console.log(`${CHAIN_NAMES_TO_STRING[targetNetwork]} pool error`);
+    return false;
+  };
   const handleSubmit = async () => {
     if (!isApproved) {
       approve();
@@ -6424,6 +6500,10 @@ const TransferWidget = ({
     }
     try {
       dispatch(setSubmitting(true));
+      if (!(await checkPoolBalance())) {
+        dispatch(setSubmitting(false));
+        return;
+      }
       const params = JSON.stringify({
         originAddress: walletAddress,
         originChain: sourceChain,
@@ -6459,6 +6539,7 @@ const TransferWidget = ({
     } catch (e) {
       errorHandler(e);
       dispatch(setSubmitting(false));
+      console.log('rpc disconnected', e);
     }
   };
   const onNext = () => {
@@ -6596,8 +6677,12 @@ const KimaTransactionWidget = ({
     if (mode === ModeOptions.payment) {
       dispatch(setTargetNetwork((transactionOption === null || transactionOption === void 0 ? void 0 : transactionOption.targetChain) || ChainName.ETHEREUM));
       (async function () {
-        const networks = await fetchWrapper.get(`${kimaNodeProviderQuery}/kima-finance/kima/kima/get_available_chains/${(transactionOption === null || transactionOption === void 0 ? void 0 : transactionOption.targetChain) || ChainName.ETHEREUM}`);
-        dispatch(setOriginNetwork(networks.Chains[0]));
+        try {
+          const networks = await fetchWrapper.get(`${kimaNodeProviderQuery}/kima-finance/kima/kima/get_available_chains/${(transactionOption === null || transactionOption === void 0 ? void 0 : transactionOption.targetChain) || ChainName.ETHEREUM}`);
+          dispatch(setOriginNetwork(networks.Chains[0]));
+        } catch (e) {
+          console.log('rpc disconnected', e);
+        }
       })();
       dispatch(setTargetAddress((transactionOption === null || transactionOption === void 0 ? void 0 : transactionOption.targetAddress) || ''));
       dispatch(setAmount((transactionOption === null || transactionOption === void 0 ? void 0 : transactionOption.amount) || 0));