@0xsquid/react-hooks 8.7.1 → 8.7.2-beta-interactive-to-amount.0

package/dist/{index-DQERpZr8.js → index-uUESkMSI.js}

@@ -3971,6 +3971,9 @@ const getNumericValue = ({ value, precision, useComaEvery3Digits = true, hideIfZ
     const finalValue = `${isNegative ? "-" : ""}${prefix}${formattedIfVerySmall}${suffix ? ` ${suffix}` : ""}`;
     return wrapInParens ? `(${finalValue})` : finalValue;
 };
+function isZeroAmount(amount) {
+    return !amount || amount === "0";
+}
 
 /**
  * Creates a hash string from quote request parameters to track changes
@@ -22413,14 +22416,15 @@ const keys = () => ({
     // ============
     // Transactions
     // ============
-    transaction: (fromChainId, toChainId, toTokenAddress, fromTokenAddress, price, slippage, sourceUserAddress, degenMode, destinationAddress, fallbackAddress, quoteOnly, fromChainType, preHook, postHook, overrideGasRefundAddress) => [
+    transaction: (fromChainId, toChainId, toTokenAddress, fromTokenAddress, fromAmount, toAmount, slippage, sourceUserAddress, degenMode, destinationAddress, fallbackAddress, quoteOnly, fromChainType, preHook, postHook, overrideGasRefundAddress) => [
         ...keys().transactions(),
         exports.QueryKeys.Transaction,
         fromChainId,
         toChainId,
         toTokenAddress,
         fromTokenAddress,
-        price,
+        fromAmount,
+        toAmount,
         slippage,
         sourceUserAddress,
         degenMode,
@@ -23315,7 +23319,7 @@ const filterViewableTokens = (tokens, config, direction) => {
 };
 const getSecretNetworkBalances = async (chainData, cosmosAddress, squidTokens, keplrTypeWallet) => {
     const squidSecretTokens = squidTokens.filter((t) => t.chainId === CHAIN_IDS.SECRET);
-    const { fetchAllSecretBalances } = await Promise.resolve().then(function () { return require('./secretService-DXExZJnA.js'); });
+    const { fetchAllSecretBalances } = await Promise.resolve().then(function () { return require('./secretService-C8LsM_VG.js'); });
     return fetchAllSecretBalances(chainData, cosmosAddress, squidSecretTokens, keplrTypeWallet);
 };
 function getTokenAssetsKey(token) {
@@ -25172,10 +25176,7 @@ const useConfigStore = zustand.create(() => ({
     isInitialized: false,
 }));
 const useTransactionStore = zustand.create((set, get) => ({
-    fromPrice: undefined,
-    txLocalId: undefined,
     transactions: {},
-    currentTransaction: undefined,
     setTransactionState(txId, tx) {
         if (!txId)
             return;
@@ -26713,7 +26714,7 @@ function useStellarWallets() {
             try {
                 const { allowAllModules: initializeAllModules } = await import('@creit.tech/stellar-wallets-kit');
                 const { LedgerModule } = await import('@creit.tech/stellar-wallets-kit/modules/ledger.module');
-                const { formatStellarWallet } = await Promise.resolve().then(function () { return require('./stellarService.client-eK7yYyOR.js'); });
+                const { formatStellarWallet } = await Promise.resolve().then(function () { return require('./stellarService.client-BFgOtfFI.js'); });
                 const modules = [...initializeAllModules(), new LedgerModule()];
                 const promises = modules.map(async (module) => {
                     const isAvailable = await module.isAvailable();
@@ -27612,7 +27613,8 @@ const useMultiChainWallet = (chain) => {
 
 const useSwap = () => {
     const { initialAssets, defaultTokensPerChain, disabledChains, availableChains, } = useConfigStore((state) => state.config);
-    const fromPrice = useTransactionStore((state) => state.fromPrice);
+    const fromAmount = useTransactionStore((state) => state.fromAmount);
+    const toAmount = useTransactionStore((state) => state.toAmount);
     const { swapRoute } = useSwapRoutePersistStore();
     const { tokens } = useSquidTokens();
     const queryClient = reactQuery.useQueryClient();
@@ -27664,8 +27666,17 @@ const useSwap = () => {
             }),
         };
     }, [destAddressData, destAddressEnsData.data, toChain?.chainType]);
-    const fromPriceChanged = React.useCallback((price) => {
-        useTransactionStore.setState({ fromPrice: price || undefined });
+    const fromAmountChanged = React.useCallback((amount) => {
+        useTransactionStore.setState({
+            fromAmount: amount || undefined,
+            toAmount: undefined,
+        });
+    }, []);
+    const toAmountChanged = React.useCallback((amount) => {
+        useTransactionStore.setState({
+            toAmount: amount || undefined,
+            fromAmount: undefined,
+        });
     }, []);
     /**
      * When user changes something from the SwapView
@@ -27825,8 +27836,10 @@ const useSwap = () => {
         tokenItems,
         onSwapChange,
         invertSwaps,
-        fromPrice,
-        fromPriceChanged,
+        fromAmount,
+        toAmount,
+        fromAmountChanged,
+        toAmountChanged,
         toToken,
         fromToken,
         fromChain,
@@ -30033,7 +30046,7 @@ function hederaWalletConnect(parameters) {
                 const optionalChains = config.chains.map((x) => x.id);
                 if (!optionalChains.length)
                     return;
-                const { EthereumProvider } = await Promise.resolve().then(function () { return require('./index.es-BKxEl9R1.js'); });
+                const { EthereumProvider } = await Promise.resolve().then(function () { return require('./index.es-C0R5BhSh.js'); });
                 const rawProvider = await EthereumProvider.init({
                     ...restParameters,
                     disableProviderPing: true,
@@ -32438,7 +32451,7 @@ const useHistory = (txType) => {
             fromChain: tx.params.fromChain,
             fromToken: tx.params.fromToken,
             fromAddress: tx.params.fromAddress,
-            fromAmount: tx.params.fromAmount,
+            fromAmount: tx.params.fromAmount || tx.estimate.fromAmount,
             toChain: tx.params.toChain,
             toToken: tx.params.toToken,
             toAddress: tx.params.toAddress,
@@ -32679,7 +32692,7 @@ const useApproval = ({ squidRoute, }) => {
     const publicClient = wagmi.usePublicClient();
     const queryClient = reactQuery.useQueryClient();
     const squid = useSquidStore((state) => state.squid);
-    const { fromChain, fromToken, fromPrice, isSameChain } = useSwap();
+    const { fromChain, fromToken, fromAmount, toAmount, isSameChain } = useSwap();
     const { evmSigner } = useSigner({ chain: fromChain });
     const { connector: activeConnector } = wagmi.useAccount();
     const { getChainType } = useSquidChains();
@@ -32852,7 +32865,7 @@ const useApproval = ({ squidRoute, }) => {
             // This is to ensure we're using the latest expiry timestamp
             if (squidRoute) {
                 queryClient.refetchQueries({
-                    queryKey: keys().transaction(squidRoute.params.fromChain, squidRoute.params.toChain, squidRoute.params.toToken, squidRoute.params.fromToken, fromPrice, squidRoute.params.slippage, squidRoute.params.fromAddress, squidRoute.params.bypassGuardrails, squidRoute.params.toAddress, squidRoute.params.fallbackAddresses?.[0]?.address, squidRoute.params.quoteOnly, getChainType(squidRoute.params.fromChain), squidRoute.params.preHook, squidRoute.params.postHook, 
+                    queryKey: keys().transaction(squidRoute.params.fromChain, squidRoute.params.toChain, squidRoute.params.toToken, squidRoute.params.fromToken, fromAmount, toAmount, squidRoute.params.slippage, squidRoute.params.fromAddress, squidRoute.params.bypassGuardrails, squidRoute.params.toAddress, squidRoute.params.fallbackAddresses?.[0]?.address, squidRoute.params.quoteOnly, getChainType(squidRoute.params.fromChain), squidRoute.params.preHook, squidRoute.params.postHook, 
                     // TODO: update types
                     squidRoute.params?.overrideGasRefundAddress),
                 });
@@ -32871,7 +32884,7 @@ const AXELAR_PROVIDER_IMAGE_URL = "https://raw.githubusercontent.com/0xsquid/ass
 const useEstimate = (squidRoute) => {
     const collectFees = useConfigStore((state) => state.config.collectFees);
     const { tokens } = useSquidTokens();
-    const { fromChain, toChain, fromPrice } = useSwap();
+    const { fromChain, toChain, fromAmount } = useSwap();
     const fromToken = React.useMemo(() => findToken(tokens, squidRoute?.params.fromChain, squidRoute?.params.fromToken), [tokens, squidRoute?.params.fromChain, squidRoute?.params.fromToken]);
     const { chainFeeParams, gasToken } = useSourceChainGasToken({
         fromChain,
@@ -32967,9 +32980,9 @@ const useEstimate = (squidRoute) => {
     const slippageFormatted = Number(squidRoute?.estimate?.aggregateSlippage ?? 0).toFixed(2) + "%";
     const fromBalanceEnoughToSwap = React.useMemo(() => {
         const fromBalanceNum = Number(fromBalanceFormatted ?? 0);
-        const fromPriceNum = Number(fromPrice ?? 0);
-        return fromBalanceNum >= fromPriceNum;
-    }, [fromBalanceFormatted, fromPrice]);
+        const fromAmountNum = Number(fromAmount ?? 0);
+        return fromBalanceNum >= fromAmountNum;
+    }, [fromBalanceFormatted, fromAmount]);
     return {
         ...estimateResults,
         fromBalanceFormatted,
@@ -36188,8 +36201,12 @@ const useExecuteTransaction = (squidRoute) => {
                 if (!depositData?.depositAddress) {
                     throw new Error("Deposit address is required");
                 }
+                const fromAmount = route.params.fromAmount || route.estimate.fromAmount;
+                if (isZeroAmount(fromAmount)) {
+                    throw new Error("fromAmount is required for Solana transfer");
+                }
                 const signature = await executeSolanaTransfer({
-                    amount: BigInt(route.params.fromAmount),
+                    amount: BigInt(fromAmount),
                     target: depositData.depositAddress,
                     signer: solanaSigner,
                     connection: solanaConnection,
@@ -36699,8 +36716,12 @@ const useGetRoute = () => {
      * These data will be used to trigger the transaction
      * @returns {Route} Route data
      */
-    return reactQuery.useMutation(async ({ fromChain, toChain, fromToken, toToken, sourceUserAddress, destinationAddress, fromPrice, bypassGuardrails, quoteOnly, fromChainType, postHook, preHook, overrideGasRefundAddress, }) => {
-        if (!fromChain || !toChain || !fromToken || !toToken || !fromPrice) {
+    return reactQuery.useMutation(async ({ fromChain, toChain, fromToken, toToken, sourceUserAddress, destinationAddress, fromPrice = "", toPrice = "", bypassGuardrails, quoteOnly, fromChainType, postHook, preHook, overrideGasRefundAddress, }) => {
+        if (!fromChain ||
+            !toChain ||
+            !fromToken ||
+            !toToken ||
+            (!fromPrice && !toPrice)) {
             return undefined;
         }
         // Dispatch requestQuote event
@@ -36710,6 +36731,7 @@ const useGetRoute = () => {
             fromToken: fromToken.address,
             toToken: toToken.address,
             fromAmount: fromPrice,
+            toAmount: toPrice,
             fromAddress: sourceUserAddress,
             toAddress: destinationAddress,
         });
@@ -36718,13 +36740,13 @@ const useGetRoute = () => {
         const fromTokenAddress = fromToken.address;
         const toTokenAddress = toToken.address;
         const fromAmount = parseToBigInt(fromPrice?.toString() ?? "0", fromToken?.decimals).toString();
+        const toAmount = parseToBigInt(toPrice?.toString() ?? "0", toToken?.decimals).toString();
         const fromAddress = sourceUserAddress ??
             chainTypeToZeroAddressMap[fromChainType ?? squidTypes.ChainType.EVM];
         const params = {
             fromChain,
             fromToken: fromTokenAddress,
             fromAddress,
-            fromAmount,
             toChain,
             toToken: toTokenAddress,
             toAddress: destinationAddress ?? "",
@@ -36741,12 +36763,18 @@ const useGetRoute = () => {
             cosmosFallbackAddresses[0].address) {
             params.fallbackAddresses = cosmosFallbackAddresses;
         }
+        if (!isZeroAmount(fromAmount)) {
+            params.fromAmount = fromAmount;
+        }
+        else if (!isZeroAmount(toAmount)) {
+            params.toAmount = toAmount;
+        }
         const { route } = await squid.getRoute({
             ...params,
         });
         // Cache the route data
         // Useful when the getRoute mutation is called from another hook
-        queryClient.setQueryData(keys().transaction(fromChain, toChain, toToken.address, fromToken.address, fromPrice, config.slippage, sourceUserAddress, config.degenMode, destinationAddress, swapRoute?.fallbackAddress, quoteOnly, fromChainType, config.preHook, config.postHook, overrideGasRefundAddress), route);
+        queryClient.setQueryData(keys().transaction(fromChain, toChain, toToken.address, fromToken.address, fromPrice, toPrice, config.slippage, sourceUserAddress, config.degenMode, destinationAddress, swapRoute?.fallbackAddress, quoteOnly, fromChainType, config.preHook, config.postHook, overrideGasRefundAddress), route);
         return route;
     });
 };
@@ -36760,7 +36788,7 @@ refetchIntervalInBackground = false, refetchInterval = 30000, quoteOnly = true,
     const depositRefundAddress = useSwapRoutePersistStore((store) => store.swapRoute?.depositRefundAddress);
     const { isAvailableAsPaymentMethod, isEnabled: isDepositAddressEnabled } = useDepositAddress();
     const getRouteMutation = useGetRoute();
-    const { fromChain, toChain, fromPrice, destinationAddress: { address: destinationAddress } = {}, fromToken, toToken, } = useSwap();
+    const { fromChain, toChain, fromAmount, toAmount, destinationAddress: { address: destinationAddress } = {}, fromToken, toToken, } = useSwap();
     const { connectedAddress: { address: sourceConnectedAddress }, } = useMultiChainWallet(fromChain);
     // When the payment method is deposit address, users can specify a refund address on the source chain
     // Tokens will be sent to this address in case of swap failure
@@ -36769,12 +36797,13 @@ refetchIntervalInBackground = false, refetchInterval = 30000, quoteOnly = true,
     const sourceUserAddress = isDepositAddressEnabled && isAvailableAsPaymentMethod
         ? depositRefundAddress ?? sourceConnectedAddress
         : sourceConnectedAddress;
-    const squidRouteQueryKeys = React.useMemo(() => keys().transaction(fromChain?.chainId, toChain?.chainId, toToken?.address, fromToken?.address, fromPrice, config.slippage, sourceUserAddress, config.degenMode, destinationAddress, fallbackAddress, quoteOnly, fromChain?.chainType, config.preHook, config.postHook, config.overrideGasRefundAddress), [
+    const squidRouteQueryKeys = React.useMemo(() => keys().transaction(fromChain?.chainId, toChain?.chainId, toToken?.address, fromToken?.address, fromAmount, toAmount, config.slippage, sourceUserAddress, config.degenMode, destinationAddress, fallbackAddress, quoteOnly, fromChain?.chainType, config.preHook, config.postHook, config.overrideGasRefundAddress), [
         fromChain?.chainId,
         toChain?.chainId,
         toToken?.address,
         fromToken?.address,
-        fromPrice,
+        fromAmount,
+        toAmount,
         config.slippage,
         sourceUserAddress,
         config.degenMode,
@@ -36789,8 +36818,7 @@ refetchIntervalInBackground = false, refetchInterval = 30000, quoteOnly = true,
     const queryEnabled = enabled != undefined
         ? enabled
         : squid !== undefined &&
-            fromPrice !== undefined &&
-            fromPrice !== "0" &&
+            (!isZeroAmount(fromAmount) || !isZeroAmount(toAmount)) &&
             toChain?.chainId !== undefined &&
             toToken?.address !== undefined;
     const queryClient = reactQuery.useQueryClient();
@@ -36808,7 +36836,8 @@ refetchIntervalInBackground = false, refetchInterval = 30000, quoteOnly = true,
             toToken,
             sourceUserAddress,
             destinationAddress,
-            fromPrice,
+            fromPrice: fromAmount,
+            toPrice: toAmount,
             bypassGuardrails: config.degenMode,
             quoteOnly,
             fromChainType: fromChain?.chainType,
@@ -37615,6 +37644,7 @@ exports.isWalletAddressValid = isWalletAddressValid;
 exports.isXamanXAppContext = isXamanXAppContext;
 exports.isXionSmartContractAddress = isXionSmartContractAddress;
 exports.isXrplAddressValid = isXrplAddressValid;
+exports.isZeroAmount = isZeroAmount;
 exports.mergeWallets = mergeWallets;
 exports.nativeBitcoinTokenAddress = nativeBitcoinTokenAddress;
 exports.nativeCosmosTokenAddress = nativeCosmosTokenAddress;
@@ -37737,4 +37767,4 @@ exports.useXrplTrustLine = useXrplTrustLine;
 exports.waitForReceiptWithRetry = waitForReceiptWithRetry;
 exports.walletIconBaseUrl = walletIconBaseUrl;
 exports.walletSupportsChainType = walletSupportsChainType;
-//# sourceMappingURL=index-DQERpZr8.js.map
+//# sourceMappingURL=index-uUESkMSI.js.map