@kimafinance/kima-transaction-widget 1.3.11 → 1.3.13

package/dist/index.cjs

@@ -2750,12 +2750,14 @@ function useEvmAllowance() {
   const appkitAccountInfo = (0, import_react79.useAppKitAccount)();
   const sourceChain = (0, import_react_redux5.useSelector)(selectSourceChain);
   const networkOption = (0, import_react_redux5.useSelector)(selectNetworkOption);
-  const { totalFeeUsd, allowanceAmount, decimals } = (0, import_react_redux5.useSelector)(selectServiceFee);
+  const { totalFeeUsd, allowanceAmount, submitAmount, decimals } = (0, import_react_redux5.useSelector)(selectServiceFee);
   const selectedCoin = (0, import_react_redux5.useSelector)(selectSourceCurrency);
   const tokenOptions = (0, import_react_redux5.useSelector)(selectTokenOptions);
   const backendUrl = (0, import_react_redux5.useSelector)(selectBackendUrl);
   const feeDeduct = (0, import_react_redux5.useSelector)(selectFeeDeduct);
-  const allowanceNumber = Number((0, import_ethers6.formatUnits)(allowanceAmount ?? "0", decimals));
+  const allowanceNumber = Number(
+    (0, import_ethers6.formatUnits)(feeDeduct ? submitAmount : allowanceAmount ?? "0", decimals)
+  );
   const amount = (0, import_react_redux5.useSelector)(selectAmount);
   const { pools } = useGetPools_default(backendUrl, networkOption);
   const walletAddress = externalProvider?.signer?.address || appkitAccountInfo?.address;
@@ -3057,10 +3059,13 @@ var import_web38 = require("@solana/web3.js");
 var import_ethers7 = require("ethers");
 function useSolanaAllowance() {
   const sourceChain = (0, import_react_redux7.useSelector)(selectSourceChain);
-  const { allowanceAmount, decimals } = (0, import_react_redux7.useSelector)(selectServiceFee);
+  const { allowanceAmount, submitAmount, decimals } = (0, import_react_redux7.useSelector)(selectServiceFee);
+  const feeDeduct = (0, import_react_redux7.useSelector)(selectFeeDeduct);
   const backendUrl = (0, import_react_redux7.useSelector)(selectBackendUrl);
   const networkOption = (0, import_react_redux7.useSelector)(selectNetworkOption);
-  const allowanceNumber = Number((0, import_ethers7.formatUnits)(allowanceAmount ?? "0", decimals));
+  const allowanceNumber = Number(
+    (0, import_ethers7.formatUnits)(feeDeduct ? submitAmount : allowanceAmount ?? "0", decimals)
+  );
   const { externalProvider } = useKimaContext();
   const { connection: internalConnection } = (0, import_wallet_adapter_react3.useConnection)();
   const {
@@ -3644,11 +3649,14 @@ function useTronAllowance() {
   const sourceChain = (0, import_react_redux11.useSelector)(selectSourceChain);
   const networkOption = (0, import_react_redux11.useSelector)(selectNetworkOption);
   const backendUrl = (0, import_react_redux11.useSelector)(selectBackendUrl);
-  const { allowanceAmount, decimals } = (0, import_react_redux11.useSelector)(selectServiceFee);
+  const { allowanceAmount, submitAmount, decimals } = (0, import_react_redux11.useSelector)(selectServiceFee);
   (0, import_tronwallet_adapter_react_hooks3.useWallet)();
   const selectedCoin = (0, import_react_redux11.useSelector)(selectSourceCurrency);
   const tokenOptions = (0, import_react_redux11.useSelector)(selectTokenOptions);
-  const allowanceNumber = Number((0, import_ethers9.formatUnits)(allowanceAmount ?? "0", decimals));
+  const feeDeduct = (0, import_react_redux11.useSelector)(selectFeeDeduct);
+  const allowanceNumber = Number(
+    (0, import_ethers9.formatUnits)(feeDeduct ? submitAmount : allowanceAmount ?? "0", decimals)
+  );
   const { pools } = useGetPools_default(backendUrl, networkOption);
   const {
     address: internalUserAddress,
@@ -4762,7 +4770,13 @@ var StepBox = ({ step, errorStep, loadingStep, data }) => {
       },
       getShortenedAddress(data?.tssPullHash || "")
     ), /* @__PURE__ */ import_react115.default.createElement(CopyButton_default, { text: data?.tssPullHash || "" }))
-  ) : null, index === 3 && data?.tssReleaseHash ? /* @__PURE__ */ import_react115.default.createElement("div", { className: `info-item ${theme.colorMode} target-chain` }, /* @__PURE__ */ import_react115.default.createElement(ChainIcon, { symbol: data.targetChain }), /* @__PURE__ */ import_react115.default.createElement("p", { className: "chain-name" }, targetChain?.name, " TX ID:"), /* @__PURE__ */ import_react115.default.createElement("p", null, /* @__PURE__ */ import_react115.default.createElement(
+  ) : null, index === 3 && data?.tssRefundHash ? /* @__PURE__ */ import_react115.default.createElement("div", { className: `info-item ${theme.colorMode} target-chain` }, /* @__PURE__ */ import_react115.default.createElement(ChainIcon, { symbol: data.sourceChain }), /* @__PURE__ */ import_react115.default.createElement("p", { className: "chain-name" }, sourceChain?.name, " TX ID:"), /* @__PURE__ */ import_react115.default.createElement("p", null, /* @__PURE__ */ import_react115.default.createElement(
+    ExternalLink_default,
+    {
+      to: `${sourceChain?.blockExplorers?.default.url}/${data?.sourceChain === "TRX" /* TRON */ ? "transaction" : "tx"}/${data?.tssRefundHash}${data?.sourceChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`
+    },
+    getShortenedAddress(data?.tssRefundHash || "")
+  ), /* @__PURE__ */ import_react115.default.createElement(CopyButton_default, { text: data?.tssRefundHash || "" }))) : null, index === 3 && data?.tssReleaseHash ? /* @__PURE__ */ import_react115.default.createElement("div", { className: `info-item ${theme.colorMode} target-chain` }, /* @__PURE__ */ import_react115.default.createElement(ChainIcon, { symbol: data.targetChain }), /* @__PURE__ */ import_react115.default.createElement("p", { className: "chain-name" }, targetChain?.name, " TX ID:"), /* @__PURE__ */ import_react115.default.createElement("p", null, /* @__PURE__ */ import_react115.default.createElement(
     ExternalLink_default,
     {
       to: `${targetChain?.blockExplorers?.default.url}/${data?.targetChain === "TRX" /* TRON */ ? "transaction" : "tx"}/${data?.tssReleaseHash}${data?.targetChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`
@@ -4848,6 +4862,7 @@ var emptyStatus = {
   targetChain: "",
   tssPullHash: "",
   tssReleaseHash: "",
+  tssRefundHash: "",
   sourceSymbol: "",
   targetSymbol: "",
   amount: "",
@@ -4856,7 +4871,7 @@ var emptyStatus = {
 };
 var selectStatus = (response) => {
   if ("liquidity_transaction_data" in response.data) {
-    const data2 = response.data.liquidity_transaction_data[0];
+    const data2 = response.data.liquidity_transaction_data;
     if (!data2) return emptyStatus;
     return {
       status: data2.txstatus,
@@ -4864,6 +4879,7 @@ var selectStatus = (response) => {
       targetChain: data2.chain,
       tssPullHash: data2.releasehash,
       tssReleaseHash: data2.releasehash,
+      tssRefundHash: data2.refundhash,
       failReason: data2.failreason,
       amount: data2.amount,
       sourceSymbol: data2.symbol,
@@ -4871,7 +4887,7 @@ var selectStatus = (response) => {
       kimaTxHash: data2.kimahash
     };
   }
-  const data = response.data.transaction_data[0];
+  const data = response.data.transaction_data;
   if (!data) return emptyStatus;
   return {
     status: data.txstatus,
@@ -4879,6 +4895,7 @@ var selectStatus = (response) => {
     targetChain: data.targetchain,
     tssPullHash: data.pullhash,
     tssReleaseHash: data.releasehash,
+    tssRefundHash: data.refundhash,
     failReason: data.failreason,
     amount: data.amount,
     sourceSymbol: data.originsymbol,
@@ -4892,7 +4909,9 @@ var isFinished = (data) => {
     "Completed" /* COMPLETED */,
     "FailedToPull" /* FAILEDTOPULL */,
     "FailedToPay" /* FAILEDTOPAY */,
-    "UnAvailable" /* UNAVAILABLE */
+    "UnAvailable" /* UNAVAILABLE */,
+    "RefundFailed" /* REFUNDFAILED */,
+    "RefundCompleted" /* REFUNDCOMPLETED */
   ].includes(data.status);
 };
 var getTxData = async ({
@@ -4925,6 +4944,7 @@ var POLLING_INTERVAL_MS = 1e3 * 10;
 var useGetTxData = (txId, dAppOption, backendUrl) => {
   const refPollForUpdates = (0, import_react118.useRef)(false);
   const isLP = dAppOption === "LPAdd" /* LPAdd */ || dAppOption === "LPDrain" /* LPDrain */;
+  const validTxId = typeof txId === "number" ? txId > 0 : txId.toString().length > 0;
   const result = (0, import_react_query12.useQuery)({
     queryKey: ["txData", txId, dAppOption],
     queryFn: async () => await getTxData({ txId, isLP, backendUrl, refPollForUpdates }),
@@ -4932,7 +4952,7 @@ var useGetTxData = (txId, dAppOption, backendUrl) => {
     refetchInterval: refPollForUpdates.current ? POLLING_INTERVAL_MS : false,
     // 10 sec
     staleTime: POLLING_INTERVAL_MS,
-    enabled: (Number(txId) > 0 || txId.toString().length > 0) && !!dAppOption && !!backendUrl
+    enabled: validTxId && !!dAppOption && !!backendUrl
   });
   return result;
 };
@@ -5078,12 +5098,37 @@ var TransactionWidget = ({ theme }) => {
       console.log(data.failReason);
       import_react_hot_toast3.toast.error("Unavailable", { icon: /* @__PURE__ */ import_react121.default.createElement(Error_default, null) });
       setErrorMessage("Unavailable");
-    } else if (status === "KeySigned" /* KEYSIGNED */) {
+    } else if (status === "Paid" /* PAID */) {
       setStep(3);
       setLoadingStep(3);
-    } else if (status === "Paid" /* PAID */) {
+    } else if (status === "RefundStart" /* REFUNDSTART */) {
       setStep(3);
       setLoadingStep(3);
+      import_react_hot_toast3.toast.error(
+        "Failed to release tokens to target! Starting refund process.",
+        {
+          icon: /* @__PURE__ */ import_react121.default.createElement(Error_default, null)
+        }
+      );
+      setErrorMessage(
+        "Failed to release tokens to target! Starting refund process."
+      );
+    } else if (status === "RefundFailed" /* REFUNDFAILED */) {
+      setStep(3);
+      setErrorStep(3);
+      setLoadingStep(-1);
+      import_react_hot_toast3.toast.error("Failed to refund tokens to source!", {
+        icon: /* @__PURE__ */ import_react121.default.createElement(Error_default, null)
+      });
+      setErrorMessage("Failed to refund tokens to source!");
+    } else if (status === "RefundCompleted" /* REFUNDCOMPLETED */) {
+      setStep(4);
+      setErrorStep(3);
+      setLoadingStep(-1);
+      import_react_hot_toast3.toast.success("Refund completed!", {
+        icon: /* @__PURE__ */ import_react121.default.createElement(Error_default, null)
+      });
+      setErrorMessage("Refund completed!");
     } else if (status === "FailedToPay" /* FAILEDTOPAY */) {
       setStep(3);
       setErrorStep(3);