@0xsquid/react-hooks 1.0.4 → 1.0.6

package/dist/hooks/transaction/useEstimate.js

@@ -0,0 +1,274 @@
+import { gasRefundMultiplier } from "./../../core/constants";
+import { formatUnitsRounded } from "./../../core/numbers";
+import { useSquidStore } from "./../../hooks/store/useSquidStore";
+import { useNativeTokenBalanceFromChain } from "./../../hooks/tokens/useBalance";
+import { useSingleTokenPrice } from "./../../hooks/tokens/useSingleTokenPrice";
+import { useSquidTokens } from "./../../hooks/tokens/useSquidTokens";
+import { ChainType } from "@0xsquid/squid-types";
+import { BigNumber, constants } from "ethers";
+import { formatUnits } from "ethers/lib/utils";
+import { useMemo } from "react";
+import { useSquidChains } from "../chains/useSquidChains";
+import { useMultiChainBalance } from "../tokens/useMultiChainBalance";
+export const useEstimate = ({ squidRoute, }) => {
+    const { config } = useSquidStore();
+    const { balance: nativeTokenBalanceFromChain } = useNativeTokenBalanceFromChain();
+    const { tokens } = useSquidTokens();
+    const { chains } = useSquidChains();
+    const [fromChain, toChain] = useMemo(() => {
+        return [
+            chains.find((c) => c.chainId === squidRoute.data?.params.fromChain),
+            chains.find((c) => c.chainId === squidRoute.data?.params.toChain),
+        ];
+    }, [
+        chains,
+        squidRoute.data?.params.fromChain,
+        squidRoute.data?.params.toChain,
+    ]);
+    const fromToken = useMemo(() => tokens.find((t) => t.address === squidRoute.data?.params.fromToken), [tokens, squidRoute.data?.params.fromToken]);
+    const balanceFormatted = useMultiChainBalance({
+        chain: fromChain,
+        token: fromToken,
+        userAddress: squidRoute.data?.params.fromAddress ?? "",
+        enabled: !!squidRoute.data,
+    }).balance ?? "0";
+    const fromAmount = useMemo(() => squidRoute.data?.estimate?.fromAmount ?? undefined, [squidRoute.data?.estimate?.fromAmount]);
+    const fromAmountFormatted = useMemo(() => (fromAmount ? formatUnits(fromAmount, fromToken?.decimals) : ""), [fromAmount, fromToken?.decimals]);
+    const sourceChainNativeToken = useMemo(() => {
+        return tokens.find((t) => t.symbol === fromChain?.nativeCurrency.symbol &&
+            t.chainId == fromChain?.chainId);
+    }, [tokens, fromChain]);
+    const destChainNativeToken = useMemo(() => {
+        return tokens.find((t) => t.symbol === toChain?.nativeCurrency.symbol &&
+            t.chainId == toChain?.chainId);
+    }, [tokens, toChain]);
+    const toAmountUSD = useMemo(() => squidRoute.data?.estimate?.toAmountUSD ?? undefined, [squidRoute.data?.estimate?.toAmountUSD]);
+    const toAmountUSDFloat = useMemo(() => (toAmountUSD ? parseFloat(toAmountUSD.replace(/,/g, "")) : 0), [toAmountUSD]);
+    const exchangeRate = useMemo(() => squidRoute.data?.estimate.exchangeRate ?? "0", [squidRoute.data?.estimate.exchangeRate]);
+    const toAmountMin = useMemo(() => {
+        return formatUnits(squidRoute.data?.estimate.toAmountMin ?? "0", squidRoute.data?.estimate.toToken.decimals);
+    }, [
+        squidRoute.data?.estimate.toAmountMin,
+        squidRoute.data?.estimate.toToken.decimals,
+    ]);
+    const toAmount = useMemo(() => {
+        const formattedAmount = formatUnitsRounded(squidRoute.data?.estimate.toAmount ?? "0", squidRoute.data?.estimate.toToken.decimals, 14);
+        return formattedAmount === "0.0" ? "0" : formattedAmount;
+    }, [
+        squidRoute.data?.estimate.toAmount,
+        squidRoute.data?.estimate.toToken.decimals,
+    ]);
+    /**
+     * At the moment we're only taking the first item
+     * of fees array, but keeping the possibility to display multiple fees
+     */
+    const crossChainGasFee = useMemo(() => {
+        const estimate = squidRoute.data?.estimate;
+        return estimate?.feeCosts.length > 0 ? estimate?.feeCosts[0] : undefined;
+    }, [squidRoute.data?.estimate]);
+    const allFeeCosts = useMemo(() => {
+        const estimate = squidRoute.data?.estimate;
+        return estimate?.feeCosts ?? [];
+    }, [squidRoute.data?.estimate]);
+    const allGasCosts = useMemo(() => {
+        const estimate = squidRoute.data?.estimate;
+        return estimate?.gasCosts ?? [];
+    }, [squidRoute.data?.estimate]);
+    const firstGasCost = useMemo(() => allGasCosts.length > 0 ? allGasCosts[0] : undefined, [allGasCosts]);
+    const firstFeeCost = useMemo(() => allFeeCosts.length > 0 ? allFeeCosts[0] : undefined, [allFeeCosts]);
+    const integratorFeeCost = useMemo(() => allFeeCosts.length > 0 && config.collectFees
+        ? // TODO: This is a hack to get the integrator fee, not mapped in squid types yet
+            allFeeCosts.find((f) => f.name === "Integrator Fee")
+        : undefined, [allFeeCosts, config]);
+    const { getUSDValue } = useSingleTokenPrice(firstFeeCost?.token);
+    const expressFeeCost = useMemo(() => allFeeCosts.length > 0
+        ? allFeeCosts.find((f) => f.name === "Express Fee")
+        : undefined, [allFeeCosts]);
+    const expectedGasRefundCost = useMemo(() => BigNumber.from(firstFeeCost?.amount ?? "0")
+        .mul(
+    // When source is Cosmos we don't refund any gas
+    fromChain?.chainType === ChainType.COSMOS ? 0 : gasRefundMultiplier)
+        .div(100), [firstFeeCost?.amount]);
+    const sameTokenBetweenFees = useMemo(() => firstFeeCost?.token.address === firstGasCost?.token.address &&
+        firstFeeCost?.token.chainId === firstGasCost?.token.chainId, [
+        firstFeeCost?.token.address,
+        firstFeeCost?.token.chainId,
+        firstGasCost?.token.address,
+        firstGasCost?.token.chainId,
+    ]);
+    // From token is the same as the native chain token
+    // TODO: This only works for EVM chains
+    const isFromTokenNative = useMemo(() => {
+        if (fromToken === undefined || fromChain?.chainId === undefined) {
+            return false;
+        }
+        return fromToken.symbol === fromChain.nativeCurrency.symbol;
+    }, [fromToken, fromChain]);
+    const totalNativeFees = useMemo(() => {
+        const expressBn = BigNumber.from(expressFeeCost?.amount ?? constants.Zero);
+        if (sameTokenBetweenFees) {
+            return BigNumber.from(firstFeeCost?.amount ?? constants.Zero)
+                .add(BigNumber.from(firstGasCost?.amount ?? constants.Zero))
+                .add(expressBn);
+        }
+        return BigNumber.from(firstGasCost?.amount ?? constants.Zero).add(expressBn);
+    }, [
+        firstFeeCost?.amount,
+        firstGasCost?.amount,
+        sameTokenBetweenFees,
+        expressFeeCost?.amount,
+    ]);
+    const totalFeesInNativeTokenPlusRatio = useMemo(() => {
+        return totalNativeFees.mul(105).div(100);
+    }, [totalNativeFees]);
+    const totalWithRefundEstimate = useMemo(() => {
+        const firstFee = {
+            BN: BigNumber.from(firstFeeCost?.amount ?? "0"),
+            token: firstFeeCost?.token,
+        };
+        const expressFee = {
+            BN: BigNumber.from(expressFeeCost?.amount ?? "0"),
+            token: expressFeeCost?.token,
+        };
+        // Big number amount
+        const totalBnbAmount = firstFee.BN.add(expressFee.BN).sub(expectedGasRefundCost);
+        const totalAmount = formatUnits(totalBnbAmount, firstFee.token?.decimals ?? 18);
+        // USD values
+        const formattedRefundCost = formatUnits(expectedGasRefundCost, firstFeeCost?.token.decimals);
+        const formattedRefundCostUSD = getUSDValue(formattedRefundCost);
+        const totalAmountUSD = +(firstFeeCost?.amountUsd ?? 0) +
+            +(expressFeeCost?.amountUsd ?? 0) -
+            +(formattedRefundCostUSD ?? 0);
+        return {
+            totalAmount,
+            totalAmountUSD,
+            feeToken: firstFeeCost?.token,
+        };
+    }, [
+        expectedGasRefundCost,
+        expressFeeCost?.amount,
+        expressFeeCost?.amountUsd,
+        expressFeeCost?.token,
+        firstFeeCost?.amount,
+        firstFeeCost?.amountUsd,
+        firstFeeCost?.token,
+        getUSDValue,
+    ]);
+    /**
+     * Two cases:
+     * 1. If the source token is the same as the native token, check if the balance of native token is less than the (source amount) + (native gas)
+     * 2. If the source token is different from the native token, check if the balance of native token is less than (native gas)
+     */
+    const fromBalanceEnoughToSwap = useMemo(() => {
+        if (squidRoute.isLoading)
+            return true;
+        const fromAmountWei = BigNumber.from(fromAmount ?? constants.Zero);
+        const fromBalance = nativeTokenBalanceFromChain.data ?? constants.Zero;
+        if (isFromTokenNative) {
+            const fromPlusGas = fromAmountWei.add(totalFeesInNativeTokenPlusRatio);
+            if (fromPlusGas.lte(fromBalance)) {
+                return true;
+            }
+        }
+        else if (totalFeesInNativeTokenPlusRatio.lte(fromBalance)) {
+            return true;
+        }
+        return false;
+    }, [
+        nativeTokenBalanceFromChain.data,
+        fromAmount,
+        isFromTokenNative,
+        squidRoute.isLoading,
+        totalFeesInNativeTokenPlusRatio,
+    ]);
+    /**
+     * In the case where the source token is the same as the native token,
+     * we need to advise the user to change the source amount to be less than the balance of native token minus the gas cost
+     */
+    const minAmountValueWarnMsg = useMemo(() => {
+        if (!isFromTokenNative) {
+            return undefined;
+        }
+        const fromBalance = nativeTokenBalanceFromChain.data ?? constants.Zero;
+        const minAmount = fromBalance.sub(totalFeesInNativeTokenPlusRatio);
+        if (minAmount.gt(constants.Zero)) {
+            const parsedMinAmount = formatUnits(minAmount, sourceChainNativeToken?.decimals ?? 18);
+            return parsedMinAmount;
+        }
+        return "0";
+    }, [
+        nativeTokenBalanceFromChain.data,
+        isFromTokenNative,
+        sourceChainNativeToken?.decimals,
+        totalFeesInNativeTokenPlusRatio,
+    ]);
+    const proposedGasDestinationAmount = useMemo(() => {
+        // Get native token of chain
+        const nativeToken = toChain?.nativeCurrency.symbol;
+        let gasDestinationAmount = 0;
+        switch (nativeToken) {
+            case "GLMR":
+                gasDestinationAmount = 5.289;
+                break;
+            case "ETH":
+                gasDestinationAmount = 0.0009;
+                break;
+            case "AVAX":
+                gasDestinationAmount = 0.115;
+                break;
+            case "BNB":
+                gasDestinationAmount = 0.00425;
+                break;
+            case "FTM":
+                gasDestinationAmount = 4.45;
+                break;
+            case "CELO":
+                gasDestinationAmount = 3.052;
+                break;
+            case "KAVA":
+                gasDestinationAmount = 2.339;
+                break;
+            case "MATIC":
+                gasDestinationAmount = 1.795;
+                break;
+            default:
+                gasDestinationAmount = 0;
+                break;
+        }
+        return { value: gasDestinationAmount, currency: nativeToken };
+    }, [toChain?.nativeCurrency.symbol]);
+    const enoughBalanceToSwap = useMemo(() => +balanceFormatted >= 0 && +balanceFormatted > +fromAmountFormatted, [balanceFormatted, fromAmountFormatted]);
+    return {
+        allFeeCosts,
+        allGasCosts,
+        crossChainGasFee,
+        exchangeRate,
+        toAmountMin,
+        toAmount,
+        fromToken,
+        toAmountUSD,
+        toAmountUSDFloat,
+        isFetching: squidRoute.isLoading,
+        squidRouteError: squidRoute.error,
+        fromAmount,
+        fromAmountFormatted,
+        estimatedRouteDuration: squidRoute.data?.estimate?.estimatedRouteDuration,
+        minAmountValueWarnMsg,
+        fromBalanceEnoughToSwap,
+        isFromTokenNative,
+        firstFeeCost,
+        firstGasCost,
+        sameTokenBetweenFees,
+        totalFeesInNativeTokenPlusRatio,
+        totalNativeFees,
+        sourceChainNativeToken,
+        expressFeeCost,
+        proposedGasDestinationAmount,
+        expectedGasRefundCost,
+        totalWithRefundEstimate,
+        destChainNativeToken,
+        integratorFeeCost,
+        enoughBalanceToSwap,
+    };
+};
+//# sourceMappingURL=useEstimate.js.map

package/dist/hooks/transaction/useEstimate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEstimate.js","sourceRoot":"","sources":["../../../src/hooks/transaction/useEstimate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,8BAA8B,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAGtE,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,UAAU,GAGX,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,EAAE,OAAO,EAAE,2BAA2B,EAAE,GAC5C,8BAA8B,EAAE,CAAC;IACnC,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IACpC,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IAEpC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG,OAAO,CAAC,GAAG,EAAE;QACxC,OAAO;YACL,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC;YACnE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC;SAClE,CAAC;IACJ,CAAC,EAAE;QACD,MAAM;QACN,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,SAAS;QACjC,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,OAAO;KAChC,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,EACzE,CAAC,MAAM,EAAE,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,CAC5C,CAAC;IAEF,MAAM,gBAAgB,GACpB,oBAAoB,CAAC;QACnB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,WAAW,IAAI,EAAE;QACtD,OAAO,EAAE,CAAC,CAAC,UAAU,CAAC,IAAI;KAC3B,CAAC,CAAC,OAAO,IAAI,GAAG,CAAC;IAEpB,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,IAAI,SAAS,EACxD,CAAC,UAAU,CAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,CAAC,CACxC,CAAC;IAEF,MAAM,mBAAmB,GAAG,OAAO,CACjC,GAAG,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EACtE,CAAC,UAAU,EAAE,SAAS,EAAE,QAAQ,CAAC,CAClC,CAAC;IAEF,MAAM,sBAAsB,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1C,OAAO,MAAM,CAAC,IAAI,CAChB,CAAC,CAAC,EAAE,EAAE,CACJ,CAAC,CAAC,MAAM,KAAK,SAAS,EAAE,cAAc,CAAC,MAAM;YAC7C,CAAC,CAAC,OAAO,IAAI,SAAS,EAAE,OAAO,CAClC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;IAExB,MAAM,oBAAoB,GAAG,OAAO,CAAC,GAAG,EAAE;QACxC,OAAO,MAAM,CAAC,IAAI,CAChB,CAAC,CAAC,EAAE,EAAE,CACJ,CAAC,CAAC,MAAM,KAAK,OAAO,EAAE,cAAc,CAAC,MAAM;YAC3C,CAAC,CAAC,OAAO,IAAI,OAAO,EAAE,OAAO,CAChC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAEtB,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,IAAI,SAAS,EACzD,CAAC,UAAU,CAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC,CACzC,CAAC;IAEF,MAAM,gBAAgB,GAAG,OAAO,CAC9B,GAAG,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACnE,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,QAAQ,CAAC,YAAY,IAAI,GAAG,EACnD,CAAC,UAAU,CAAC,IAAI,EAAE,QAAQ,CAAC,YAAY,CAAC,CACzC,CAAC;IAEF,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,OAAO,WAAW,CAChB,UAAU,CAAC,IAAI,EAAE,QAAQ,CAAC,WAAW,IAAI,GAAG,EAC5C,UAAU,CAAC,IAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAC3C,CAAC;IACJ,CAAC,EAAE;QACD,UAAU,CAAC,IAAI,EAAE,QAAQ,CAAC,WAAW;QACrC,UAAU,CAAC,IAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,QAAQ;KAC3C,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,MAAM,eAAe,GAAG,kBAAkB,CACxC,UAAU,CAAC,IAAI,EAAE,QAAQ,CAAC,QAAQ,IAAI,GAAG,EACzC,UAAU,CAAC,IAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAC1C,EAAE,CACH,CAAC;QACF,OAAO,eAAe,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,eAAe,CAAC;IAC3D,CAAC,EAAE;QACD,UAAU,CAAC,IAAI,EAAE,QAAQ,CAAC,QAAQ;QAClC,UAAU,CAAC,IAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,QAAQ;KAC3C,CAAC,CAAC;IAEH;;;OAGG;IACH,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAwB,EAAE;QACzD,MAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,EAAE,QAAoB,CAAC;QACvD,OAAO,QAAQ,EAAE,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3E,CAAC,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEhC,MAAM,WAAW,GAAG,OAAO,CAAC,GAAc,EAAE;QAC1C,MAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,EAAE,QAAoB,CAAC;QACvD,OAAO,QAAQ,EAAE,QAAQ,IAAI,EAAE,CAAC;IAClC,CAAC,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEhC,MAAM,WAAW,GAAG,OAAO,CAAC,GAAc,EAAE;QAC1C,MAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,EAAE,QAAoB,CAAC;QACvD,OAAO,QAAQ,EAAE,QAAQ,IAAI,EAAE,CAAC;IAClC,CAAC,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEhC,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAwB,EAAE,CACxB,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACrD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAwB,EAAE,CACxB,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACrD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAwB,EAAE,CACxB,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,CAAC,WAAW;QAC1C,CAAC,CAAC,gFAAgF;YAChF,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAE,CAAC,CAAC,IAAY,KAAK,gBAAgB,CAAC;QAC/D,CAAC,CAAC,SAAS,EACf,CAAC,WAAW,EAAE,MAAM,CAAC,CACtB,CAAC;IAEF,MAAM,EAAE,WAAW,EAAE,GAAG,mBAAmB,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IAEjE,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAwB,EAAE,CACxB,WAAW,CAAC,MAAM,GAAG,CAAC;QACpB,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,aAAa,CAAC;QACnD,CAAC,CAAC,SAAS,EACf,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,qBAAqB,GAAG,OAAO,CACnC,GAAG,EAAE,CACH,SAAS,CAAC,IAAI,CAAC,YAAY,EAAE,MAAM,IAAI,GAAG,CAAC;SACxC,GAAG;IACF,gDAAgD;IAChD,SAAS,EAAE,SAAS,KAAK,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBAAmB,CACpE;SACA,GAAG,CAAC,GAAG,CAAC,EACb,CAAC,YAAY,EAAE,MAAM,CAAC,CACvB,CAAC;IAEF,MAAM,oBAAoB,GAAG,OAAO,CAClC,GAAG,EAAE,CACH,YAAY,EAAE,KAAK,CAAC,OAAO,KAAK,YAAY,EAAE,KAAK,CAAC,OAAO;QAC3D,YAAY,EAAE,KAAK,CAAC,OAAO,KAAK,YAAY,EAAE,KAAK,CAAC,OAAO,EAC7D;QACE,YAAY,EAAE,KAAK,CAAC,OAAO;QAC3B,YAAY,EAAE,KAAK,CAAC,OAAO;QAC3B,YAAY,EAAE,KAAK,CAAC,OAAO;QAC3B,YAAY,EAAE,KAAK,CAAC,OAAO;KAC5B,CACF,CAAC;IAEF,mDAAmD;IACnD,uCAAuC;IACvC,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE;QACrC,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,EAAE,OAAO,KAAK,SAAS,EAAE,CAAC;YAChE,OAAO,KAAK,CAAC;QACf,CAAC;QACD,OAAO,SAAS,CAAC,MAAM,KAAK,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC;IAC9D,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAE3B,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;QACnC,MAAM,SAAS,GAAG,SAAS,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC;QAC3E,IAAI,oBAAoB,EAAE,CAAC;YACzB,OAAO,SAAS,CAAC,IAAI,CAAC,YAAY,EAAE,MAAM,IAAI,SAAS,CAAC,IAAI,CAAC;iBAC1D,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,EAAE,MAAM,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC;iBAC3D,GAAG,CAAC,SAAS,CAAC,CAAC;QACpB,CAAC;QAED,OAAO,SAAS,CAAC,IAAI,CAAC,YAAY,EAAE,MAAM,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC,GAAG,CAC/D,SAAS,CACV,CAAC;IACJ,CAAC,EAAE;QACD,YAAY,EAAE,MAAM;QACpB,YAAY,EAAE,MAAM;QACpB,oBAAoB;QACpB,cAAc,EAAE,MAAM;KACvB,CAAC,CAAC;IAEH,MAAM,+BAA+B,GAAG,OAAO,CAAC,GAAG,EAAE;QACnD,OAAO,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,uBAAuB,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3C,MAAM,QAAQ,GAAG;YACf,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,YAAY,EAAE,MAAM,IAAI,GAAG,CAAC;YAC/C,KAAK,EAAE,YAAY,EAAE,KAAK;SAC3B,CAAC;QAEF,MAAM,UAAU,GAAG;YACjB,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,IAAI,GAAG,CAAC;YACjD,KAAK,EAAE,cAAc,EAAE,KAAK;SAC7B,CAAC;QAEF,oBAAoB;QACpB,MAAM,cAAc,GAAG,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,GAAG,CACvD,qBAAqB,CACtB,CAAC;QAEF,MAAM,WAAW,GAAG,WAAW,CAC7B,cAAc,EACd,QAAQ,CAAC,KAAK,EAAE,QAAQ,IAAI,EAAE,CAC/B,CAAC;QAEF,aAAa;QACb,MAAM,mBAAmB,GAAG,WAAW,CACrC,qBAAqB,EACrB,YAAY,EAAE,KAAK,CAAC,QAAQ,CAC7B,CAAC;QACF,MAAM,sBAAsB,GAAG,WAAW,CAAC,mBAAmB,CAAC,CAAC;QAChE,MAAM,cAAc,GAClB,CAAC,CAAC,YAAY,EAAE,SAAS,IAAI,CAAC,CAAC;YAC/B,CAAC,CAAC,cAAc,EAAE,SAAS,IAAI,CAAC,CAAC;YACjC,CAAC,CAAC,sBAAsB,IAAI,CAAC,CAAC,CAAC;QAEjC,OAAO;YACL,WAAW;YACX,cAAc;YACd,QAAQ,EAAE,YAAY,EAAE,KAAK;SAC9B,CAAC;IACJ,CAAC,EAAE;QACD,qBAAqB;QACrB,cAAc,EAAE,MAAM;QACtB,cAAc,EAAE,SAAS;QACzB,cAAc,EAAE,KAAK;QACrB,YAAY,EAAE,MAAM;QACpB,YAAY,EAAE,SAAS;QACvB,YAAY,EAAE,KAAK;QACnB,WAAW;KACZ,CAAC,CAAC;IAEH;;;;OAIG;IACH,MAAM,uBAAuB,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3C,IAAI,UAAU,CAAC,SAAS;YAAE,OAAO,IAAI,CAAC;QAEtC,MAAM,aAAa,GAAG,SAAS,CAAC,IAAI,CAAC,UAAU,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC;QACnE,MAAM,WAAW,GAAG,2BAA2B,CAAC,IAAI,IAAI,SAAS,CAAC,IAAI,CAAC;QAEvE,IAAI,iBAAiB,EAAE,CAAC;YACtB,MAAM,WAAW,GAAG,aAAa,CAAC,GAAG,CAAC,+BAA+B,CAAC,CAAC;YACvE,IAAI,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;gBACjC,OAAO,IAAI,CAAC;YACd,CAAC;QACH,CAAC;aAAM,IAAI,+BAA+B,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;YAC5D,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC,EAAE;QACD,2BAA2B,CAAC,IAAI;QAChC,UAAU;QACV,iBAAiB;QACjB,UAAU,CAAC,SAAS;QACpB,+BAA+B;KAChC,CAAC,CAAC;IAEH;;;OAGG;IACH,MAAM,qBAAqB,GAAG,OAAO,CAAC,GAAG,EAAE;QACzC,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACvB,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,MAAM,WAAW,GAAG,2BAA2B,CAAC,IAAI,IAAI,SAAS,CAAC,IAAI,CAAC;QAEvE,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,CAAC,+BAA+B,CAAC,CAAC;QAEnE,IAAI,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;YACjC,MAAM,eAAe,GAAG,WAAW,CACjC,SAAS,EACT,sBAAsB,EAAE,QAAQ,IAAI,EAAE,CACvC,CAAC;YAEF,OAAO,eAAe,CAAC;QACzB,CAAC;QACD,OAAO,GAAG,CAAC;IACb,CAAC,EAAE;QACD,2BAA2B,CAAC,IAAI;QAChC,iBAAiB;QACjB,sBAAsB,EAAE,QAAQ;QAChC,+BAA+B;KAChC,CAAC,CAAC;IAEH,MAAM,4BAA4B,GAAG,OAAO,CAAC,GAAG,EAAE;QAChD,4BAA4B;QAC5B,MAAM,WAAW,GAAG,OAAO,EAAE,cAAc,CAAC,MAAM,CAAC;QACnD,IAAI,oBAAoB,GAAG,CAAC,CAAC;QAC7B,QAAQ,WAAW,EAAE,CAAC;YACpB,KAAK,MAAM;gBACT,oBAAoB,GAAG,KAAK,CAAC;gBAC7B,MAAM;YACR,KAAK,KAAK;gBACR,oBAAoB,GAAG,MAAM,CAAC;gBAC9B,MAAM;YACR,KAAK,MAAM;gBACT,oBAAoB,GAAG,KAAK,CAAC;gBAC7B,MAAM;YACR,KAAK,KAAK;gBACR,oBAAoB,GAAG,OAAO,CAAC;gBAC/B,MAAM;YACR,KAAK,KAAK;gBACR,oBAAoB,GAAG,IAAI,CAAC;gBAC5B,MAAM;YACR,KAAK,MAAM;gBACT,oBAAoB,GAAG,KAAK,CAAC;gBAC7B,MAAM;YACR,KAAK,MAAM;gBACT,oBAAoB,GAAG,KAAK,CAAC;gBAC7B,MAAM;YACR,KAAK,OAAO;gBACV,oBAAoB,GAAG,KAAK,CAAC;gBAC7B,MAAM;YACR;gBACE,oBAAoB,GAAG,CAAC,CAAC;gBACzB,MAAM;QACV,CAAC;QACD,OAAO,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;IAChE,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAErC,MAAM,mBAAmB,GAAG,OAAO,CACjC,GAAG,EAAE,CAAC,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAC,gBAAgB,GAAG,CAAC,mBAAmB,EACxE,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,CACxC,CAAC;IAEF,OAAO;QACL,WAAW;QACX,WAAW;QACX,gBAAgB;QAChB,YAAY;QACZ,WAAW;QACX,QAAQ;QACR,SAAS;QACT,WAAW;QACX,gBAAgB;QAChB,UAAU,EAAE,UAAU,CAAC,SAAS;QAChC,eAAe,EAAE,UAAU,CAAC,KAAK;QACjC,UAAU;QACV,mBAAmB;QACnB,sBAAsB,EAAE,UAAU,CAAC,IAAI,EAAE,QAAQ,EAAE,sBAAsB;QACzE,qBAAqB;QACrB,uBAAuB;QACvB,iBAAiB;QACjB,YAAY;QACZ,YAAY;QACZ,oBAAoB;QACpB,+BAA+B;QAC/B,eAAe;QACf,sBAAsB;QACtB,cAAc;QACd,4BAA4B;QAC5B,qBAAqB;QACrB,uBAAuB;QACvB,oBAAoB;QACpB,iBAAiB;QACjB,mBAAmB;KACpB,CAAC;AACJ,CAAC,CAAC"}

package/dist/hooks/transaction/useEstimatePriceImpact.d.ts

@@ -0,0 +1,7 @@
+import { useGetRoute } from "@/hooks/transaction/useGetRoute";
+export declare const useEstimatePriceImpact: ({ squidRoute, }: {
+    squidRoute: ReturnType<typeof useGetRoute>;
+}) => {
+    priceImpact: string | undefined;
+    priceImpactStatus: string | undefined;
+};

package/dist/hooks/transaction/useEstimatePriceImpact.js

@@ -0,0 +1,26 @@
+import { useSquidStore } from "./../../hooks/store/useSquidStore";
+import { useMemo } from "react";
+export const useEstimatePriceImpact = ({ squidRoute, }) => {
+    const { config } = useSquidStore();
+    const priceImpact = useMemo(() => squidRoute.data?.estimate?.aggregatePriceImpact ?? undefined, [squidRoute.data?.estimate]);
+    const priceImpactStatus = useMemo(() => {
+        if (config.priceImpactWarnings !== undefined && priceImpact !== undefined) {
+            if (+priceImpact >= config.priceImpactWarnings.warning &&
+                +priceImpact < config.priceImpactWarnings.critical) {
+                return "warning";
+            }
+            if (+priceImpact >= config.priceImpactWarnings.critical) {
+                return "critical";
+            }
+            if (+priceImpact < config.priceImpactWarnings.warning) {
+                return "normal";
+            }
+        }
+        return undefined;
+    }, [config.priceImpactWarnings, priceImpact]);
+    return {
+        priceImpact,
+        priceImpactStatus,
+    };
+};
+//# sourceMappingURL=useEstimatePriceImpact.js.map

package/dist/hooks/transaction/useEstimatePriceImpact.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEstimatePriceImpact.js","sourceRoot":"","sources":["../../../src/hooks/transaction/useEstimatePriceImpact.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,UAAU,GAGX,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAC;IAEnC,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,QAAQ,EAAE,oBAAoB,IAAI,SAAS,EAClE,CAAC,UAAU,CAAC,IAAI,EAAE,QAAQ,CAAC,CAC5B,CAAC;IAEF,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE;QACrC,IAAI,MAAM,CAAC,mBAAmB,KAAK,SAAS,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;YAC1E,IACE,CAAC,WAAW,IAAI,MAAM,CAAC,mBAAmB,CAAC,OAAO;gBAClD,CAAC,WAAW,GAAG,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAClD,CAAC;gBACD,OAAO,SAAS,CAAC;YACnB,CAAC;YACD,IAAI,CAAC,WAAW,IAAI,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,CAAC;gBACxD,OAAO,UAAU,CAAC;YACpB,CAAC;YACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,CAAC;gBACtD,OAAO,QAAQ,CAAC;YAClB,CAAC;QACH,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,MAAM,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC,CAAC;IAE9C,OAAO;QACL,WAAW;QACX,iBAAiB;KAClB,CAAC;AACJ,CAAC,CAAC"}

package/dist/hooks/transaction/useExecuteTransaction.d.ts

@@ -0,0 +1,20 @@
+import type { TransactionReceipt } from "@ethersproject/abstract-provider";
+import type { TransactionParams } from "@/core/types/transaction";
+import { useGetRoute } from "@/hooks/transaction/useGetRoute";
+declare enum ExecutionState {
+    NOT_ENOUGH_BALANCE = "NOT_ENOUGH_BALANCE",
+    NOT_CONNECTED = "NOT_CONNECTED",
+    READY = "READY"
+}
+export declare const useExecuteTransaction: (route: ReturnType<typeof useGetRoute>) => {
+    swapQuery: import("@tanstack/react-query").UseMutationResult<boolean | TransactionReceipt, any, void, unknown>;
+    currentTransaction: TransactionParams | undefined;
+    fromToken: import("@0xsquid/squid-types/dist/tokens").Token | undefined;
+    toToken: import("@0xsquid/squid-types/dist/tokens").Token | undefined;
+    fromPrice: string | undefined;
+    toPrice: number | undefined;
+    toChain: import("@0xsquid/squid-types/dist/chains").ChainData | undefined;
+    fromChain: import("@0xsquid/squid-types/dist/chains").ChainData | undefined;
+    executionState: ExecutionState;
+};
+export {};

package/dist/hooks/transaction/useExecuteTransaction.js

@@ -0,0 +1,310 @@
+// import type { TransactionResponse } from "@0xsquid/sdk/dist/types/ethers";
+import { useCosmosContext } from "./../../core/providers/CosmosProvider";
+import { keys } from "./../../core/queries/queries-keys";
+import { TransactionErrorType } from "./../../core/types/error";
+import { ChainType } from "@0xsquid/sdk/dist/types";
+import { SigningCosmWasmClient } from "@cosmjs/cosmwasm-stargate";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { TxRaw } from "cosmjs-types/cosmos/tx/v1beta1/tx";
+import { Logger } from "ethers/lib/utils.js";
+import { useCallback, useMemo } from "react";
+import { useAccount, useSigner } from "wagmi";
+import { TransactionStatus } from "./../../core/types/transaction";
+import { getWorkingCosmosRpcUrl } from "./../../services/external/rpcService";
+import { getTransactionError } from "./../../services/internal/errorService";
+import { getSourceExplorerTxUrl, replaceTransactionAtNonce, updateTransactionHistoryStatus, } from "./../../services/internal/transactionService";
+import { useSquidChains } from "./../../hooks//chains/useSquidChains";
+import { usePersistStore, useSquidStore } from "./../../hooks/store/useSquidStore";
+import { useSwap } from "./../../hooks/swap/useSwap";
+import { useEstimate } from "./../../hooks/transaction/useEstimate";
+import { useGnosisContext } from "./../../hooks/wallet/useGnosisContext";
+import { useMultiChainWallet } from "./../../hooks/wallet/useMultiChainWallet";
+import { WidgetEvents } from "./../../services/internal/eventService";
+var ExecutionState;
+(function (ExecutionState) {
+    ExecutionState["NOT_ENOUGH_BALANCE"] = "NOT_ENOUGH_BALANCE";
+    ExecutionState["NOT_CONNECTED"] = "NOT_CONNECTED";
+    ExecutionState["READY"] = "READY";
+})(ExecutionState || (ExecutionState = {}));
+export const useExecuteTransaction = (route) => {
+    const signer = useSigner();
+    const { cosmosSigner } = useCosmosContext();
+    const { chains } = useSquidChains();
+    const queryClient = useQueryClient();
+    const { fromPrice, toPrice, squid, currentTransaction, config } = useSquidStore();
+    const { enoughBalanceToSwap } = useEstimate({
+        squidRoute: route,
+    });
+    const { connector: activeConnector } = useAccount();
+    const { fromChain, toChain, fromToken, toToken } = useSwap();
+    const { getGnosisTransactionHash } = useGnosisContext();
+    const { connectedAddress: sourceUserAddress } = useMultiChainWallet(fromChain);
+    const isSameChainSwap = useMemo(() => fromChain?.chainId === toChain?.chainId, [fromChain?.chainId, toChain?.chainId]);
+    /**
+     * States to see if the swap execution is possible or not based on swap & user params
+     * And if not possible, gives the reason
+     * TODO: The NOT_ENOUGH_BALANCE state could be fetch independently from the route response, only based on user fromAmount
+     */
+    const executionState = useMemo(() => {
+        if (!enoughBalanceToSwap) {
+            return ExecutionState.NOT_ENOUGH_BALANCE;
+        }
+        // TODO:; Add more states here
+        return ExecutionState.READY;
+    }, [enoughBalanceToSwap]);
+    /**
+     * This method is used to persist the transaction in local storage
+     * This way we can access user's transaction history
+     * TODO: This part will be fetched from the backend, using user address in the future
+     * @param txToPersist
+     * @param route
+     */
+    const persistTransaction = async (txToPersist, route) => {
+        // Persisting the transaction in local storage
+        if (route) {
+            const previousHistoryList = usePersistStore.getState().transactionsHistory ?? [];
+            const newHistoryElement = {
+                ...txToPersist,
+                params: route.params,
+                estimate: route.estimate,
+            };
+            usePersistStore.setState({
+                transactionsHistory: [...previousHistoryList, newHistoryElement],
+            });
+        }
+    };
+    /**
+     * Set the transaction state in the store
+     * This is useful to access the latest transaction from any hook
+     */
+    const setTransactionState = useCallback(({ route, txHash, nonce, status, sourceStatus, userAddress, axelarUrl, }) => {
+        if (route && route.transactionRequest) {
+            const { routeType } = route.transactionRequest;
+            const tx = {
+                fromChain,
+                toChain,
+                routeType,
+                nonce,
+                transactionId: txHash,
+                status,
+                sourceStatus,
+                timestamp: Date.now(),
+                fromAddress: userAddress,
+                sourceTxExplorerUrl: getSourceExplorerTxUrl(fromChain, txHash),
+                sourceExplorerImgUrl: fromChain?.chainIconURI,
+                axelarUrl,
+            };
+            useSquidStore.setState({
+                currentTransaction: tx,
+            });
+            return tx;
+        }
+        return undefined;
+    }, [fromChain, toChain]);
+    const swapQueryCosmos = useMutation(async (route) => {
+        const chainData = chains.find((c) => c.chainId === route?.params.fromChain);
+        if (cosmosSigner && chainData) {
+            try {
+                const rpc = await getWorkingCosmosRpcUrl(chainData);
+                const signingClient = await SigningCosmWasmClient.connectWithSigner(rpc, cosmosSigner);
+                const signerAddress = (await cosmosSigner.getAccounts())[0].address;
+                if (signerAddress && signingClient && route) {
+                    const tx = (await squid?.executeRoute({
+                        signer: signingClient,
+                        signerAddress,
+                        route,
+                        executionSettings: {
+                            infiniteApproval: config.infiniteApproval,
+                        },
+                    }));
+                    // set the tx state to loading, as soon as user signed the tx
+                    setTransactionState({
+                        txHash: "", // We don't have the hash yet
+                        route,
+                        status: TransactionStatus.ONGOING,
+                        sourceStatus: TransactionStatus.ONGOING,
+                    });
+                    // broadcast the signed tx to get hash and listen to events
+                    const response = await signingClient.broadcastTx(TxRaw.encode(tx).finish());
+                    const hash = response.transactionHash;
+                    // Dispatch event so it can be listened from outside the widget
+                    WidgetEvents.getInstance().dispatchSwapExecuteCall(route, hash);
+                    const txParams = setTransactionState({
+                        route,
+                        txHash: hash,
+                        userAddress: sourceUserAddress,
+                        status: TransactionStatus.ONGOING,
+                        sourceStatus: TransactionStatus.ONGOING,
+                        axelarUrl: undefined,
+                    });
+                    if (txParams) {
+                        persistTransaction(txParams);
+                    }
+                    return response.code === 0;
+                }
+            }
+            catch (error) {
+                console.log(error);
+                const castedError = error ?? {};
+                if (castedError.message?.includes("Request rejected")) {
+                    throw new Error(castedError.message);
+                }
+            }
+        }
+        throw new Error("Need all parameters");
+    });
+    // If the transaction is replaced, we need to update the transaction hash
+    // Transaction replaced can mean that the user has speed up the transaction for example
+    // Could also be cancelled
+    const handleTransactionReplacementError = useCallback(async ({ error, route, status, sourceStatus, userAddress, axelarUrl, }) => {
+        if (route && error.code === Logger.errors.TRANSACTION_REPLACED) {
+            const txReplacementError = error;
+            const { hash: newHash, nonce: newNonce } = txReplacementError.replacement;
+            if (route.transactionRequest) {
+                const txParams = setTransactionState({
+                    route,
+                    txHash: newHash,
+                    nonce: newNonce,
+                    userAddress: sourceUserAddress,
+                    status,
+                    sourceStatus,
+                    axelarUrl: undefined,
+                });
+                if (txParams) {
+                    const newHistoryElement = {
+                        ...txParams,
+                        params: route.params,
+                        estimate: route.estimate,
+                    };
+                    // Need to store the new transaction hash on the previous transaction
+                    usePersistStore.setState({
+                        transactionsHistory: replaceTransactionAtNonce(newNonce, sourceUserAddress, usePersistStore.getState().transactionsHistory, newHistoryElement),
+                    });
+                }
+            }
+            try {
+                const response = await txReplacementError.replacement.wait();
+                return response;
+            }
+            catch (replacementError) {
+                // Maybe the transaction was replaced again
+                // recursive call
+                return handleTransactionReplacementError({
+                    error,
+                    route,
+                    status,
+                    sourceStatus,
+                    userAddress,
+                    axelarUrl,
+                });
+            }
+        }
+        else {
+            throw error;
+        }
+    }, [setTransactionState, sourceUserAddress, squid?.axelarscanURL]);
+    const swapQueryEvm = useMutation(async (route) => {
+        if (route && !!squid && signer.isSuccess && signer.data) {
+            const txResponse = (await squid.executeRoute({
+                signer: signer.data,
+                route,
+                executionSettings: {
+                    infiniteApproval: config.infiniteApproval,
+                },
+            }));
+            let hash = txResponse.hash;
+            if (activeConnector?.id === "safe") {
+                hash = await getGnosisTransactionHash(txResponse.hash);
+            }
+            // Dispatch event so it can be listened from outside the widget
+            WidgetEvents.getInstance().dispatchSwapExecuteCall(route, hash);
+            if (route.transactionRequest) {
+                const txParams = setTransactionState({
+                    route,
+                    txHash: hash,
+                    nonce: txResponse.nonce,
+                    userAddress: sourceUserAddress,
+                    status: TransactionStatus.INITIAL_LOADING,
+                    sourceStatus: TransactionStatus.ONGOING,
+                    axelarUrl: undefined,
+                });
+                if (txParams) {
+                    persistTransaction(txParams);
+                }
+            }
+            try {
+                const response = await txResponse.wait();
+                return response;
+            }
+            catch (error) {
+                return handleTransactionReplacementError({
+                    error,
+                    route,
+                    status: TransactionStatus.INITIAL_LOADING,
+                    sourceStatus: TransactionStatus.ONGOING,
+                    userAddress: sourceUserAddress,
+                    axelarUrl: undefined,
+                });
+            }
+        }
+        throw new Error("Need all parameters");
+    });
+    /**
+     * Execute cross chain swap with selected tokens
+     * getRoute should be called before this mutation
+     */
+    const swapQuery = useMutation(async () => {
+        const sourceChain = chains?.find((chain) => chain.chainId == route.data?.params?.fromChain);
+        if (sourceChain?.chainType === ChainType.COSMOS) {
+            return swapQueryCosmos.mutateAsync(route.data);
+        }
+        if (sourceChain?.chainType === ChainType.EVM) {
+            return swapQueryEvm.mutateAsync(route.data);
+        }
+        throw new Error("Invalid parameters or chain not found");
+    }, {
+        onError: (error) => {
+            const { currentTransaction: currentTx } = useSquidStore.getState();
+            const errorObject = getTransactionError(error);
+            useSquidStore.setState({
+                currentTransaction: {
+                    ...currentTx,
+                    status: TransactionStatus.ERROR,
+                    sourceStatus: TransactionStatus.ERROR,
+                    error: errorObject,
+                },
+            });
+            if (currentTx?.transactionId &&
+                errorObject?.type === TransactionErrorType.CALL_EXCEPTION) {
+                usePersistStore.setState({
+                    transactionsHistory: updateTransactionHistoryStatus(currentTransaction?.transactionId, TransactionStatus.ERROR, usePersistStore.getState().transactionsHistory, undefined),
+                });
+            }
+        },
+        onSuccess: () => {
+            const { currentTransaction: currentTx } = useSquidStore.getState();
+            queryClient.invalidateQueries(keys({}).balances());
+            useSquidStore.setState({
+                currentTransaction: {
+                    ...currentTx,
+                    sourceStatus: TransactionStatus.SUCCESS,
+                    status: isSameChainSwap
+                        ? TransactionStatus.SUCCESS
+                        : TransactionStatus.ONGOING,
+                },
+            });
+        },
+    });
+    return {
+        swapQuery,
+        currentTransaction,
+        fromToken,
+        toToken,
+        fromPrice,
+        toPrice,
+        toChain,
+        fromChain,
+        executionState,
+    };
+};
+//# sourceMappingURL=useExecuteTransaction.js.map