@0xsequence/checkout 5.2.2 → 5.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/SequenceCheckoutProvider/SequenceCheckoutProvider.d.ts.map +1 -1
- package/dist/cjs/components/SequenceCheckoutProvider/SequenceCheckoutProvider.js +2 -1
- package/dist/cjs/components/SequenceCheckoutProvider/SequenceCheckoutProvider.js.map +1 -1
- package/dist/cjs/contexts/SelectPaymentModal.d.ts +1 -0
- package/dist/cjs/contexts/SelectPaymentModal.d.ts.map +1 -1
- package/dist/cjs/contexts/SelectPaymentModal.js.map +1 -1
- package/dist/cjs/contexts/SwapModal.d.ts +3 -2
- package/dist/cjs/contexts/SwapModal.d.ts.map +1 -1
- package/dist/cjs/contexts/SwapModal.js.map +1 -1
- package/dist/cjs/hooks/useCheckoutUI/index.d.ts +2 -1
- package/dist/cjs/hooks/useCheckoutUI/index.d.ts.map +1 -1
- package/dist/cjs/hooks/useCheckoutUI/index.js +3 -2
- package/dist/cjs/hooks/useCheckoutUI/index.js.map +1 -1
- package/dist/cjs/hooks/useCheckoutUI/useCryptoPayment.d.ts +7 -6
- package/dist/cjs/hooks/useCheckoutUI/useCryptoPayment.d.ts.map +1 -1
- package/dist/cjs/hooks/useCheckoutUI/useCryptoPayment.js +49 -51
- package/dist/cjs/hooks/useCheckoutUI/useCryptoPayment.js.map +1 -1
- package/dist/cjs/views/PaymentSelection/PayWithCrypto/index.d.ts.map +1 -1
- package/dist/cjs/views/PaymentSelection/PayWithCrypto/index.js +148 -81
- package/dist/cjs/views/PaymentSelection/PayWithCrypto/index.js.map +1 -1
- package/dist/cjs/views/PaymentSelection/index.d.ts.map +1 -1
- package/dist/cjs/views/PaymentSelection/index.js +27 -20
- package/dist/cjs/views/PaymentSelection/index.js.map +1 -1
- package/dist/cjs/views/Swap/index.d.ts.map +1 -1
- package/dist/cjs/views/Swap/index.js +94 -48
- package/dist/cjs/views/Swap/index.js.map +1 -1
- package/dist/esm/components/SequenceCheckoutProvider/SequenceCheckoutProvider.d.ts.map +1 -1
- package/dist/esm/components/SequenceCheckoutProvider/SequenceCheckoutProvider.js +3 -2
- package/dist/esm/components/SequenceCheckoutProvider/SequenceCheckoutProvider.js.map +1 -1
- package/dist/esm/contexts/SelectPaymentModal.d.ts +1 -0
- package/dist/esm/contexts/SelectPaymentModal.d.ts.map +1 -1
- package/dist/esm/contexts/SelectPaymentModal.js.map +1 -1
- package/dist/esm/contexts/SwapModal.d.ts +3 -2
- package/dist/esm/contexts/SwapModal.d.ts.map +1 -1
- package/dist/esm/contexts/SwapModal.js.map +1 -1
- package/dist/esm/hooks/useCheckoutUI/index.d.ts +2 -1
- package/dist/esm/hooks/useCheckoutUI/index.d.ts.map +1 -1
- package/dist/esm/hooks/useCheckoutUI/index.js +3 -2
- package/dist/esm/hooks/useCheckoutUI/index.js.map +1 -1
- package/dist/esm/hooks/useCheckoutUI/useCryptoPayment.d.ts +7 -6
- package/dist/esm/hooks/useCheckoutUI/useCryptoPayment.d.ts.map +1 -1
- package/dist/esm/hooks/useCheckoutUI/useCryptoPayment.js +50 -52
- package/dist/esm/hooks/useCheckoutUI/useCryptoPayment.js.map +1 -1
- package/dist/esm/views/PaymentSelection/PayWithCrypto/index.d.ts.map +1 -1
- package/dist/esm/views/PaymentSelection/PayWithCrypto/index.js +150 -83
- package/dist/esm/views/PaymentSelection/PayWithCrypto/index.js.map +1 -1
- package/dist/esm/views/PaymentSelection/index.d.ts.map +1 -1
- package/dist/esm/views/PaymentSelection/index.js +28 -21
- package/dist/esm/views/PaymentSelection/index.js.map +1 -1
- package/dist/esm/views/Swap/index.d.ts.map +1 -1
- package/dist/esm/views/Swap/index.js +96 -50
- package/dist/esm/views/Swap/index.js.map +1 -1
- package/package.json +17 -17
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { compareAddress, ContractVerificationStatus, formatDisplay, sendTransactions } from '@0xsequence/connect';
|
|
2
|
-
import { useIndexerClient, useGetTokenBalancesSummary,
|
|
2
|
+
import { useIndexerClient, useGetTokenBalancesSummary, useGetSwapQuote, useGetSwapRoutes } from '@0xsequence/hooks';
|
|
3
3
|
import { findSupportedNetwork } from '@0xsequence/network';
|
|
4
4
|
import { useState } from 'react';
|
|
5
5
|
import { encodeFunctionData, formatUnits, zeroAddress } from 'viem';
|
|
6
6
|
import { usePublicClient, useAccount, useReadContract, useWalletClient } from 'wagmi';
|
|
7
7
|
import { ERC_20_CONTRACT_ABI } from '../../constants/abi';
|
|
8
|
-
export const useCryptoPayment = ({ chain, currencyAddress, totalPriceRaw, targetContractAddress, txData, transactionConfirmations, onSuccess, onError, currencyInfo, isLoadingCurrencyInfo, errorCurrencyInfo }) => {
|
|
8
|
+
export const useCryptoPayment = ({ chain, currencyAddress, totalPriceRaw, targetContractAddress, txData, transactionConfirmations, onSuccess, onError, currencyInfo, isLoadingCurrencyInfo, errorCurrencyInfo, slippageBps }) => {
|
|
9
9
|
const [selectedCurrencyAddress, setSelectedCurrencyAddress] = useState(undefined);
|
|
10
10
|
const { address: userAddress, connector } = useAccount();
|
|
11
11
|
const network = findSupportedNetwork(chain);
|
|
@@ -32,38 +32,40 @@ export const useCryptoPayment = ({ chain, currencyAddress, totalPriceRaw, target
|
|
|
32
32
|
}
|
|
33
33
|
});
|
|
34
34
|
const isApproved = allowanceData >= BigInt(totalPriceRaw) || isNativeCurrency;
|
|
35
|
+
const buyCurrencyAddress = currencyAddress;
|
|
36
|
+
const { data: swapRoutes = [], isLoading: swapRoutesIsLoading, error: swapRoutesError } = useGetSwapRoutes({
|
|
37
|
+
walletAddress: userAddress ?? '',
|
|
38
|
+
toTokenAmount: totalPriceRaw,
|
|
39
|
+
toTokenAddress: currencyAddress || '',
|
|
40
|
+
chainId: chainId
|
|
41
|
+
});
|
|
35
42
|
const { data: currencyBalanceDataPaginated, isLoading: currencyBalanceIsLoading } = useGetTokenBalancesSummary({
|
|
36
43
|
chainIds: [chainId],
|
|
37
44
|
filter: {
|
|
38
45
|
accountAddresses: userAddress ? [userAddress] : [],
|
|
39
46
|
contractStatus: ContractVerificationStatus.ALL,
|
|
40
|
-
contractWhitelist: [currencyAddress],
|
|
47
|
+
contractWhitelist: [currencyAddress, ...swapRoutes.flatMap(swapRoute => swapRoute.fromTokens.map(token => token.address))],
|
|
41
48
|
omitNativeBalances: false
|
|
42
49
|
},
|
|
43
50
|
omitMetadata: true
|
|
44
51
|
});
|
|
45
52
|
const currencyBalanceData = currencyBalanceDataPaginated?.pages?.flatMap(page => page.balances);
|
|
46
|
-
const buyCurrencyAddress = currencyAddress;
|
|
47
|
-
const sellCurrencyAddress = selectedCurrencyAddress || '';
|
|
48
|
-
const { data: swapPrices = [], isLoading: swapPricesIsLoading, error: swapPricesError } = useGetSwapPrices({
|
|
49
|
-
userAddress: userAddress ?? '',
|
|
50
|
-
buyCurrencyAddress,
|
|
51
|
-
chainId: chainId,
|
|
52
|
-
buyAmount: totalPriceRaw,
|
|
53
|
-
withContractInfo: true
|
|
54
|
-
});
|
|
55
53
|
const disableSwapQuote = !selectedCurrencyAddress || compareAddress(selectedCurrencyAddress, buyCurrencyAddress);
|
|
56
54
|
const { data: swapQuote, isLoading: isLoadingSwapQuote } = useGetSwapQuote({
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
55
|
+
params: {
|
|
56
|
+
walletAddress: userAddress ?? '',
|
|
57
|
+
toTokenAddress: currencyAddress,
|
|
58
|
+
toTokenAmount: totalPriceRaw,
|
|
59
|
+
fromTokenAddress: selectedCurrencyAddress || '',
|
|
60
|
+
fromTokenAmount: '0',
|
|
61
|
+
chainId: chainId,
|
|
62
|
+
includeApprove: true,
|
|
63
|
+
slippageBps: slippageBps || 100
|
|
64
|
+
}
|
|
63
65
|
}, {
|
|
64
66
|
disabled: disableSwapQuote
|
|
65
67
|
});
|
|
66
|
-
const mainCurrencyBalance = currencyBalanceData?.
|
|
68
|
+
const mainCurrencyBalance = currencyBalanceData?.find(balance => balance.contractAddress === currencyAddress.toLowerCase())?.balance || '0';
|
|
67
69
|
const priceFormatted = formatUnits(BigInt(totalPriceRaw), currencyInfo?.decimals || 0);
|
|
68
70
|
const priceDisplay = formatDisplay(priceFormatted, {
|
|
69
71
|
disableScientificNotation: true,
|
|
@@ -74,40 +76,18 @@ export const useCryptoPayment = ({ chain, currencyAddress, totalPriceRaw, target
|
|
|
74
76
|
? [
|
|
75
77
|
{
|
|
76
78
|
chainId,
|
|
77
|
-
currencyAddress,
|
|
78
|
-
|
|
79
|
+
address: currencyAddress,
|
|
80
|
+
name: currencyInfo?.name || 'unknown',
|
|
79
81
|
totalPriceRaw: totalPriceRaw,
|
|
80
82
|
decimals: currencyDecimals || 18,
|
|
81
83
|
totalPriceDisplay: priceDisplay,
|
|
82
|
-
|
|
84
|
+
logoUrl: currencyInfo?.logoURI,
|
|
83
85
|
symbol: currencySymbol || '',
|
|
84
86
|
isInsufficientFunds: Number(mainCurrencyBalance) < Number(totalPriceRaw),
|
|
85
87
|
isSelected: compareAddress(currencyAddress, selectedCurrencyAddress || '')
|
|
86
88
|
}
|
|
87
89
|
]
|
|
88
90
|
: [];
|
|
89
|
-
const swapOptions = swapPrices.map(swapPrice => {
|
|
90
|
-
const swapQuotePriceFormatted = formatUnits(BigInt(swapPrice.price.price), swapPrice.info?.decimals || 18);
|
|
91
|
-
const swapQuoteAddress = swapPrice.info?.address || '';
|
|
92
|
-
const swapQuotePriceDisplay = formatDisplay(swapQuotePriceFormatted, {
|
|
93
|
-
disableScientificNotation: true,
|
|
94
|
-
disableCompactNotation: true,
|
|
95
|
-
significantDigits: 6
|
|
96
|
-
});
|
|
97
|
-
return {
|
|
98
|
-
chainId,
|
|
99
|
-
currencyAddress: swapQuoteAddress,
|
|
100
|
-
currencyName: swapPrice.info?.name || 'unknown',
|
|
101
|
-
totalPriceRaw: swapPrice.price.price,
|
|
102
|
-
totalPriceDisplay: swapQuotePriceDisplay,
|
|
103
|
-
currrencyLogoUrl: swapPrice.info?.logoURI,
|
|
104
|
-
symbol: swapPrice.info?.symbol || '',
|
|
105
|
-
decimals: swapPrice.info?.decimals || 18,
|
|
106
|
-
// The balance check is done at the API level
|
|
107
|
-
isInsufficientFunds: false,
|
|
108
|
-
isSelected: compareAddress(swapQuoteAddress, selectedCurrencyAddress || '')
|
|
109
|
-
};
|
|
110
|
-
});
|
|
111
91
|
const purchaseAction = async () => {
|
|
112
92
|
if (!selectedCurrencyAddress) {
|
|
113
93
|
throw new Error('No currency selected');
|
|
@@ -171,9 +151,11 @@ export const useCryptoPayment = ({ chain, currencyAddress, totalPriceRaw, target
|
|
|
171
151
|
return txHash;
|
|
172
152
|
}
|
|
173
153
|
else {
|
|
174
|
-
const
|
|
175
|
-
|
|
176
|
-
|
|
154
|
+
const swapOption = swapRoutes
|
|
155
|
+
.flatMap(route => route.fromTokens)
|
|
156
|
+
.find(token => compareAddress(token.address, selectedCurrencyAddress));
|
|
157
|
+
if (!swapOption) {
|
|
158
|
+
throw new Error('No swap option found');
|
|
177
159
|
}
|
|
178
160
|
if (!swapQuote) {
|
|
179
161
|
throw new Error('No swap quote found');
|
|
@@ -187,13 +169,13 @@ export const useCryptoPayment = ({ chain, currencyAddress, totalPriceRaw, target
|
|
|
187
169
|
functionName: 'approve',
|
|
188
170
|
args: [targetContractAddress, totalPriceRaw]
|
|
189
171
|
});
|
|
190
|
-
const isSwapNativeToken = compareAddress(zeroAddress,
|
|
172
|
+
const isSwapNativeToken = compareAddress(zeroAddress, swapOption.address);
|
|
191
173
|
const transactions = [
|
|
192
174
|
// Swap quote optional approve step
|
|
193
175
|
...(swapQuote?.approveData && !isSwapNativeToken
|
|
194
176
|
? [
|
|
195
177
|
{
|
|
196
|
-
to:
|
|
178
|
+
to: swapOption.address,
|
|
197
179
|
data: swapQuote.approveData,
|
|
198
180
|
chain: chainId
|
|
199
181
|
}
|
|
@@ -252,11 +234,27 @@ export const useCryptoPayment = ({ chain, currencyAddress, totalPriceRaw, target
|
|
|
252
234
|
throw error;
|
|
253
235
|
}
|
|
254
236
|
};
|
|
237
|
+
const swapOptionsFormatted = swapRoutes
|
|
238
|
+
.flatMap(route => route.fromTokens)
|
|
239
|
+
.map(fromToken => ({
|
|
240
|
+
...fromToken,
|
|
241
|
+
totalPriceRaw: fromToken.price || '0',
|
|
242
|
+
isSelected: compareAddress(fromToken.address, selectedCurrencyAddress || ''),
|
|
243
|
+
isInsufficientFunds: Number(currencyBalanceData?.find(balance => balance.contractAddress.toLowerCase() === fromToken.address.toLowerCase())
|
|
244
|
+
?.balance || '0') < Number(fromToken.price || '0'),
|
|
245
|
+
totalPriceDisplay: fromToken.price
|
|
246
|
+
? formatDisplay(formatUnits(BigInt(fromToken.price || '0'), fromToken.decimals || 18), {
|
|
247
|
+
disableScientificNotation: true,
|
|
248
|
+
disableCompactNotation: true,
|
|
249
|
+
significantDigits: 6
|
|
250
|
+
})
|
|
251
|
+
: '0'
|
|
252
|
+
}));
|
|
255
253
|
return {
|
|
256
254
|
cryptoOptions: {
|
|
257
|
-
data: [...mainCurrencyOption, ...
|
|
258
|
-
isLoading: isLoadingCurrencyInfo ||
|
|
259
|
-
error: errorCurrencyInfo ||
|
|
255
|
+
data: [...mainCurrencyOption, ...swapOptionsFormatted],
|
|
256
|
+
isLoading: isLoadingCurrencyInfo || swapRoutesIsLoading || currencyBalanceIsLoading,
|
|
257
|
+
error: errorCurrencyInfo || swapRoutesError
|
|
260
258
|
},
|
|
261
259
|
purchaseAction: {
|
|
262
260
|
action: purchaseAction,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCryptoPayment.js","sourceRoot":"","sources":["../../../../src/hooks/useCheckoutUI/useCryptoPayment.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,0BAA0B,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACjH,OAAO,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,
|
|
1
|
+
{"version":3,"file":"useCryptoPayment.js","sourceRoot":"","sources":["../../../../src/hooks/useCheckoutUI/useCryptoPayment.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/PaymentSelection/PayWithCrypto/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAiC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/PaymentSelection/PayWithCrypto/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAiC,cAAc,EAAW,MAAM,OAAO,CAAA;AAI9E,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAEzD,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,qBAAqB,CAAA;IAC/B,cAAc,EAAE,OAAO,CAAA;IACvB,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAA;IACvE,SAAS,EAAE,OAAO,CAAA;CACnB;AAID,eAAO,MAAM,aAAa,GAAI,gFAM3B,kBAAkB,4CAgUpB,CAAA"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { CryptoOption, compareAddress, ContractVerificationStatus, formatDisplay } from '@0xsequence/connect';
|
|
3
3
|
import { AddIcon, Button, SubtractIcon, Text, Spinner } from '@0xsequence/design-system';
|
|
4
|
-
import { useClearCachedBalances, useGetTokenBalancesSummary, useGetContractInfo,
|
|
4
|
+
import { useClearCachedBalances, useGetTokenBalancesSummary, useGetContractInfo, useGetSwapRoutes } from '@0xsequence/hooks';
|
|
5
5
|
import { findSupportedNetwork } from '@0xsequence/network';
|
|
6
6
|
import { motion } from 'motion/react';
|
|
7
|
-
import { useState, useEffect, Fragment } from 'react';
|
|
7
|
+
import { useState, useEffect, Fragment, useMemo } from 'react';
|
|
8
8
|
import { formatUnits, zeroAddress } from 'viem';
|
|
9
9
|
import { useAccount } from 'wagmi';
|
|
10
10
|
const MAX_OPTIONS = 3;
|
|
@@ -16,116 +16,183 @@ export const PayWithCrypto = ({ settings, disableButtons, selectedCurrency, setS
|
|
|
16
16
|
const { clearCachedBalances } = useClearCachedBalances();
|
|
17
17
|
const network = findSupportedNetwork(chain);
|
|
18
18
|
const chainId = network?.chainId || 137;
|
|
19
|
-
const { data:
|
|
19
|
+
const { data: currencyInfoData, isLoading: isLoadingCurrencyInfo } = useGetContractInfo({
|
|
20
|
+
chainID: String(chainId),
|
|
21
|
+
contractAddress: currencyAddress
|
|
22
|
+
});
|
|
23
|
+
const { data: swapRoutes = [], isLoading: swapRoutesIsLoading } = useGetSwapRoutes({
|
|
24
|
+
walletAddress: userAddress ?? '',
|
|
25
|
+
chainId,
|
|
26
|
+
toTokenAmount: price,
|
|
27
|
+
toTokenAddress: currencyAddress
|
|
28
|
+
}, { disabled: !enableSwapPayments || !userAddress });
|
|
29
|
+
const tokenAddressesToFetch = useMemo(() => {
|
|
30
|
+
const addresses = new Set();
|
|
31
|
+
if (enableMainCurrencyPayment && currencyAddress) {
|
|
32
|
+
addresses.add(currencyAddress);
|
|
33
|
+
}
|
|
34
|
+
swapRoutes
|
|
35
|
+
.flatMap(route => route.fromTokens)
|
|
36
|
+
.forEach(fromToken => {
|
|
37
|
+
if (fromToken.address) {
|
|
38
|
+
addresses.add(fromToken.address);
|
|
39
|
+
}
|
|
40
|
+
});
|
|
41
|
+
return Array.from(addresses)
|
|
42
|
+
.filter(addr => !!addr)
|
|
43
|
+
.map(addr => addr.toLowerCase());
|
|
44
|
+
}, [currencyAddress, swapRoutes, enableMainCurrencyPayment]);
|
|
45
|
+
const balanceHookOptions = useMemo(() => ({
|
|
46
|
+
disabled: !userAddress || tokenAddressesToFetch.length === 0
|
|
47
|
+
}), [userAddress, tokenAddressesToFetch.length]);
|
|
48
|
+
const { data: tokenBalancesData, isLoading: tokenBalancesIsLoading, fetchNextPage: fetchNextTokenBalances, hasNextPage: hasNextTokenBalances, isFetchingNextPage: isFetchingNextTokenBalances } = useGetTokenBalancesSummary({
|
|
20
49
|
chainIds: [chainId],
|
|
21
50
|
filter: {
|
|
22
51
|
accountAddresses: userAddress ? [userAddress] : [],
|
|
23
52
|
contractStatus: ContractVerificationStatus.ALL,
|
|
24
|
-
contractWhitelist:
|
|
25
|
-
omitNativeBalances: skipNativeBalanceCheck
|
|
53
|
+
contractWhitelist: tokenAddressesToFetch,
|
|
54
|
+
omitNativeBalances: skipNativeBalanceCheck ?? false
|
|
26
55
|
},
|
|
27
56
|
omitMetadata: true,
|
|
28
57
|
page: { pageSize: 40 }
|
|
29
|
-
});
|
|
58
|
+
}, balanceHookOptions);
|
|
59
|
+
const tokenBalancesMap = useMemo(() => {
|
|
60
|
+
const map = new Map();
|
|
61
|
+
tokenBalancesData?.pages?.forEach(page => {
|
|
62
|
+
page.balances?.forEach(balanceData => {
|
|
63
|
+
if (balanceData.contractAddress && balanceData.balance) {
|
|
64
|
+
map.set(balanceData.contractAddress.toLowerCase(), BigInt(balanceData.balance));
|
|
65
|
+
}
|
|
66
|
+
});
|
|
67
|
+
});
|
|
68
|
+
return map;
|
|
69
|
+
}, [tokenBalancesData]);
|
|
30
70
|
useEffect(() => {
|
|
31
|
-
if (
|
|
32
|
-
|
|
71
|
+
if (hasNextTokenBalances && !isFetchingNextTokenBalances) {
|
|
72
|
+
fetchNextTokenBalances();
|
|
33
73
|
}
|
|
34
|
-
}, [
|
|
35
|
-
const
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
currencyAddress
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
74
|
+
}, [hasNextTokenBalances, isFetchingNextTokenBalances, fetchNextTokenBalances]);
|
|
75
|
+
const isLoadingOptions = (tokenBalancesIsLoading && !balanceHookOptions.disabled) || isLoadingCurrencyInfo || isLoading;
|
|
76
|
+
const swapsAreLoading = swapRoutesIsLoading && enableSwapPayments;
|
|
77
|
+
const tokenPayOptions = useMemo(() => {
|
|
78
|
+
const initialCoins = [
|
|
79
|
+
...(enableMainCurrencyPayment && currencyInfoData && currencyAddress
|
|
80
|
+
? [
|
|
81
|
+
{
|
|
82
|
+
index: 0,
|
|
83
|
+
name: currencyInfoData.name || 'Unknown',
|
|
84
|
+
symbol: currencyInfoData.symbol || '',
|
|
85
|
+
currencyAddress: currencyAddress,
|
|
86
|
+
price: Number(price),
|
|
87
|
+
decimals: currencyInfoData.decimals,
|
|
88
|
+
logoUri: currencyInfoData.logoURI
|
|
89
|
+
}
|
|
90
|
+
]
|
|
91
|
+
: []),
|
|
92
|
+
...swapRoutes
|
|
93
|
+
.flatMap(route => route.fromTokens)
|
|
94
|
+
.map((fromToken, index) => {
|
|
95
|
+
return {
|
|
96
|
+
index: enableMainCurrencyPayment && currencyAddress ? index + 1 : index,
|
|
97
|
+
name: fromToken.name || 'Unknown',
|
|
98
|
+
symbol: fromToken.symbol || '',
|
|
99
|
+
currencyAddress: fromToken.address || '',
|
|
100
|
+
price: Number(fromToken.price || 0),
|
|
101
|
+
decimals: fromToken.decimals || 0,
|
|
102
|
+
logoUri: fromToken.logoUri
|
|
103
|
+
};
|
|
104
|
+
})
|
|
105
|
+
];
|
|
106
|
+
return initialCoins
|
|
107
|
+
.filter(coin => !!coin.currencyAddress)
|
|
108
|
+
.map(coin => ({ ...coin, currencyAddress: coin.currencyAddress.toLowerCase() }));
|
|
109
|
+
}, [enableMainCurrencyPayment, currencyInfoData, swapRoutes, currencyAddress]);
|
|
69
110
|
useEffect(() => {
|
|
70
|
-
if (selectedCurrency) {
|
|
111
|
+
if (selectedCurrency || tokenPayOptions.length === 0 || (tokenBalancesIsLoading && !balanceHookOptions.disabled)) {
|
|
71
112
|
return;
|
|
72
113
|
}
|
|
73
|
-
|
|
74
|
-
|
|
114
|
+
const lowerCaseCurrencyAddress = currencyAddress?.toLowerCase();
|
|
115
|
+
const mainCurrencyBalance = tokenBalancesMap.get(lowerCaseCurrencyAddress || '') ?? 0n;
|
|
116
|
+
const priceBigInt = BigInt(price || '0');
|
|
117
|
+
const mainCurrencySufficient = priceBigInt <= mainCurrencyBalance;
|
|
118
|
+
if (enableMainCurrencyPayment && lowerCaseCurrencyAddress && mainCurrencySufficient) {
|
|
119
|
+
setSelectedCurrency(lowerCaseCurrencyAddress);
|
|
75
120
|
}
|
|
76
|
-
else
|
|
77
|
-
|
|
121
|
+
else {
|
|
122
|
+
const firstSwapCoin = tokenPayOptions.find(c => c.currencyAddress !== lowerCaseCurrencyAddress);
|
|
123
|
+
if (firstSwapCoin) {
|
|
124
|
+
setSelectedCurrency(firstSwapCoin.currencyAddress);
|
|
125
|
+
}
|
|
126
|
+
else if (enableMainCurrencyPayment && lowerCaseCurrencyAddress) {
|
|
127
|
+
setSelectedCurrency(lowerCaseCurrencyAddress);
|
|
128
|
+
}
|
|
78
129
|
}
|
|
79
|
-
}, [
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
.
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
130
|
+
}, [
|
|
131
|
+
tokenPayOptions,
|
|
132
|
+
selectedCurrency,
|
|
133
|
+
enableMainCurrencyPayment,
|
|
134
|
+
currencyAddress,
|
|
135
|
+
price,
|
|
136
|
+
tokenBalancesMap,
|
|
137
|
+
setSelectedCurrency,
|
|
138
|
+
tokenBalancesIsLoading,
|
|
139
|
+
balanceHookOptions.disabled
|
|
140
|
+
]);
|
|
141
|
+
const priceDisplay = useMemo(() => {
|
|
142
|
+
const priceBigInt = BigInt(price || '0');
|
|
143
|
+
const decimals = currencyInfoData?.decimals || 0;
|
|
144
|
+
if (decimals <= 0) {
|
|
145
|
+
return '0';
|
|
146
|
+
}
|
|
147
|
+
const priceFormatted = formatUnits(priceBigInt, decimals);
|
|
148
|
+
return formatDisplay(priceFormatted, {
|
|
149
|
+
disableScientificNotation: true,
|
|
150
|
+
disableCompactNotation: true,
|
|
151
|
+
significantDigits: 6
|
|
152
|
+
});
|
|
153
|
+
}, [price, currencyInfoData]);
|
|
93
154
|
useEffect(() => {
|
|
94
155
|
clearCachedBalances();
|
|
95
|
-
}, []);
|
|
156
|
+
}, [clearCachedBalances]);
|
|
96
157
|
const Options = () => {
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
158
|
+
const lowerSelectedCurrency = selectedCurrency?.toLowerCase();
|
|
159
|
+
const lowerCurrencyAddress = currencyAddress?.toLowerCase();
|
|
160
|
+
return (_jsx("div", { className: "flex flex-col justify-center items-center gap-2 w-full", children: tokenPayOptions.map(swapOption => {
|
|
161
|
+
const isMainCurrency = swapOption.currencyAddress === lowerCurrencyAddress;
|
|
162
|
+
const currentBalance = tokenBalancesMap.get(swapOption.currencyAddress) ?? 0n;
|
|
163
|
+
const isNative = compareAddress(swapOption.currencyAddress, nativeTokenAddress || zeroAddress);
|
|
164
|
+
const isNativeBalanceCheckSkipped = isNative && skipNativeBalanceCheck;
|
|
165
|
+
if (isMainCurrency) {
|
|
166
|
+
const priceBigInt = BigInt(swapOption.price || 0);
|
|
167
|
+
const hasInsufficientFunds = priceBigInt > currentBalance;
|
|
168
|
+
return (_jsx(Fragment, { children: _jsx(CryptoOption, { currencyName: swapOption.name, chainId: chainId, iconUrl: currencyInfoData?.logoURI, symbol: swapOption.symbol, onClick: () => {
|
|
169
|
+
setSelectedCurrency(swapOption.currencyAddress);
|
|
170
|
+
}, price: priceDisplay, disabled: disableButtons, isSelected: lowerSelectedCurrency === swapOption.currencyAddress, showInsufficientFundsWarning: isNativeBalanceCheckSkipped ? undefined : hasInsufficientFunds }) }, swapOption.currencyAddress));
|
|
104
171
|
}
|
|
105
172
|
else {
|
|
106
|
-
|
|
107
|
-
const currencyInfoNotFound = !swapPrice || !swapPrice.info || swapPrice?.info?.decimals === undefined || !swapPrice.balance?.balance;
|
|
108
|
-
if (currencyInfoNotFound || !enableSwapPayments) {
|
|
173
|
+
if (!swapOption || !enableSwapPayments) {
|
|
109
174
|
return null;
|
|
110
175
|
}
|
|
111
|
-
const
|
|
112
|
-
const
|
|
113
|
-
const
|
|
176
|
+
const hasInsufficientFunds = BigInt(swapOption.price || 0) > currentBalance;
|
|
177
|
+
const swapQuotePriceDisplay = formatUnits(BigInt(swapOption.price || 0), swapOption.decimals || 18);
|
|
178
|
+
const formattedPrice = formatDisplay(swapQuotePriceDisplay, {
|
|
114
179
|
disableScientificNotation: true,
|
|
115
180
|
disableCompactNotation: true,
|
|
116
181
|
significantDigits: 6
|
|
117
182
|
});
|
|
118
|
-
return (_jsx(CryptoOption, { currencyName:
|
|
119
|
-
setSelectedCurrency(
|
|
120
|
-
}, price:
|
|
183
|
+
return (_jsx(CryptoOption, { currencyName: swapOption.name, chainId: chainId, iconUrl: swapOption.logoUri, symbol: swapOption.symbol, onClick: () => {
|
|
184
|
+
setSelectedCurrency(swapOption.currencyAddress);
|
|
185
|
+
}, price: formattedPrice, disabled: disableButtons, isSelected: lowerSelectedCurrency === swapOption.currencyAddress, showInsufficientFundsWarning: isNativeBalanceCheckSkipped ? undefined : hasInsufficientFunds }, swapOption.currencyAddress));
|
|
121
186
|
}
|
|
122
187
|
}) }));
|
|
123
188
|
};
|
|
124
189
|
const gutterHeight = 8;
|
|
125
190
|
const optionHeight = 72;
|
|
126
|
-
const displayedOptionsAmount = Math.min(
|
|
127
|
-
const displayedGuttersAmount = displayedOptionsAmount - 1;
|
|
128
|
-
const collapsedOptionsHeight =
|
|
191
|
+
const displayedOptionsAmount = Math.min(tokenPayOptions.length, MAX_OPTIONS);
|
|
192
|
+
const displayedGuttersAmount = Math.max(0, displayedOptionsAmount - 1);
|
|
193
|
+
const collapsedOptionsHeight = useMemo(() => {
|
|
194
|
+
return `${optionHeight * displayedOptionsAmount + gutterHeight * displayedGuttersAmount}px`;
|
|
195
|
+
}, [tokenPayOptions.length]);
|
|
129
196
|
const ShowMoreButton = () => {
|
|
130
197
|
return (_jsx("div", { className: "flex justify-center items-center w-full", children: _jsx(Button, { className: "text-white", rightIcon: () => {
|
|
131
198
|
if (showMore) {
|
|
@@ -138,6 +205,6 @@ export const PayWithCrypto = ({ settings, disableButtons, selectedCurrency, setS
|
|
|
138
205
|
};
|
|
139
206
|
return (_jsxs("div", { className: "w-full", children: [_jsx("div", { children: _jsx(Text, { variant: "small", fontWeight: "medium", color: "white", children: "Pay with crypto" }) }), _jsx("div", { className: "py-3", style: {
|
|
140
207
|
marginBottom: '-12px'
|
|
141
|
-
}, children: isLoadingOptions ? (_jsx("div", { className: "flex w-full py-5 justify-center items-center", children: _jsx(Spinner, {}) })) : (_jsxs(_Fragment, { children: [_jsx(motion.div, { className: "overflow-hidden", animate: { height: showMore ? 'auto' : collapsedOptionsHeight }, transition: { ease: 'easeOut', duration: 0.3 }, children: _jsx(Options, {}) }),
|
|
208
|
+
}, children: isLoadingOptions ? (_jsx("div", { className: "flex w-full py-5 justify-center items-center", children: _jsx(Spinner, {}) })) : (_jsxs(_Fragment, { children: [_jsx(motion.div, { className: "overflow-hidden", animate: { height: showMore ? 'auto' : collapsedOptionsHeight }, transition: { ease: 'easeOut', duration: 0.3 }, children: _jsx(Options, {}) }), swapsAreLoading && (_jsx("div", { className: "flex justify-center items-center w-full mt-4", children: _jsx(Spinner, {}) })), !swapsAreLoading && tokenPayOptions.length > MAX_OPTIONS && _jsx(ShowMoreButton, {})] })) })] }));
|
|
142
209
|
};
|
|
143
210
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/PaymentSelection/PayWithCrypto/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,0BAA0B,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC7G,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AACxF,OAAO,EAAE,sBAAsB,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAC5H,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/PaymentSelection/PayWithCrypto/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/PaymentSelection/index.tsx"],"names":[],"mappings":"AA4BA,eAAO,MAAM,gBAAgB,+CAO5B,CAAA;AAED,eAAO,MAAM,sBAAsB,+CAElC,CAAA;AAED,eAAO,MAAM,uBAAuB,+
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/PaymentSelection/index.tsx"],"names":[],"mappings":"AA4BA,eAAO,MAAM,gBAAgB,+CAO5B,CAAA;AAED,eAAO,MAAM,sBAAsB,+CAElC,CAAA;AAED,eAAO,MAAM,uBAAuB,+CA0cnC,CAAA"}
|