thirdweb 5.100.0-nightly-713ebe0a2d6d8a409e41ce0f0317fc34b1f221bb-20250520000414 → 5.100.0
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/bridge/Buy.js +1 -1
- package/dist/cjs/bridge/Onramp.js +152 -0
- package/dist/cjs/bridge/Onramp.js.map +1 -0
- package/dist/cjs/bridge/OnrampStatus.js +78 -0
- package/dist/cjs/bridge/OnrampStatus.js.map +1 -0
- package/dist/cjs/bridge/Sell.js +1 -1
- package/dist/cjs/bridge/index.js +2 -1
- package/dist/cjs/bridge/index.js.map +1 -1
- package/dist/cjs/{react/web/ui/ConnectWallet/screens/Buy/pay-transactions/useBuyTransactionsToShow.js → bridge/types/BridgeAction.js} +1 -1
- package/dist/cjs/bridge/types/BridgeAction.js.map +1 -0
- package/dist/cjs/extensions/ens/resolve-l2-name.js +0 -2
- package/dist/cjs/extensions/ens/resolve-l2-name.js.map +1 -1
- package/dist/cjs/pay/buyWithFiat/getQuote.js +129 -33
- package/dist/cjs/pay/buyWithFiat/getQuote.js.map +1 -1
- package/dist/cjs/pay/buyWithFiat/getStatus.js +71 -20
- package/dist/cjs/pay/buyWithFiat/getStatus.js.map +1 -1
- package/dist/cjs/pay/utils/commonTypes.js +1 -1
- package/dist/cjs/pay/utils/commonTypes.js.map +1 -1
- package/dist/cjs/pay/utils/definitions.js +1 -13
- package/dist/cjs/pay/utils/definitions.js.map +1 -1
- package/dist/cjs/react/core/hooks/pay/useBuyWithFiatStatus.js +1 -3
- package/dist/cjs/react/core/hooks/pay/useBuyWithFiatStatus.js.map +1 -1
- package/dist/cjs/react/core/hooks/transaction/useSendTransaction.js +42 -38
- package/dist/cjs/react/core/hooks/transaction/useSendTransaction.js.map +1 -1
- package/dist/cjs/react/core/utils/wallet.js +15 -0
- package/dist/cjs/react/core/utils/wallet.js.map +1 -1
- package/dist/cjs/react/web/hooks/transaction/useSendTransaction.js +1 -1
- package/dist/cjs/react/web/hooks/transaction/useSendTransaction.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/TransactionsScreen.js +0 -9
- package/dist/cjs/react/web/ui/ConnectWallet/TransactionsScreen.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/locale/en.js +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/locale/en.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.js +0 -177
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/OnRampScreen.js +2 -10
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/OnRampScreen.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/main/useBuyTxStates.js +5 -8
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/main/useBuyTxStates.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/SwapDetailsScreen.js +0 -15
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/SwapDetailsScreen.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/statusMeta.js +0 -60
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/statusMeta.js.map +1 -1
- package/dist/cjs/react/web/ui/TransactionButton/DepositScreen.js +133 -0
- package/dist/cjs/react/web/ui/TransactionButton/DepositScreen.js.map +1 -0
- package/dist/cjs/react/web/ui/TransactionButton/ExecutingScreen.js +4 -3
- package/dist/cjs/react/web/ui/TransactionButton/ExecutingScreen.js.map +1 -1
- package/dist/cjs/react/web/ui/TransactionButton/TransactionModal.js +9 -1
- package/dist/cjs/react/web/ui/TransactionButton/TransactionModal.js.map +1 -1
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/version.js.map +1 -1
- package/dist/esm/bridge/Buy.js +1 -1
- package/dist/esm/bridge/Onramp.js +147 -0
- package/dist/esm/bridge/Onramp.js.map +1 -0
- package/dist/esm/bridge/OnrampStatus.js +75 -0
- package/dist/esm/bridge/OnrampStatus.js.map +1 -0
- package/dist/esm/bridge/Sell.js +1 -1
- package/dist/esm/bridge/index.js +1 -0
- package/dist/esm/bridge/index.js.map +1 -1
- package/dist/esm/bridge/types/BridgeAction.js +2 -0
- package/dist/esm/bridge/types/BridgeAction.js.map +1 -0
- package/dist/esm/extensions/ens/resolve-l2-name.js +0 -2
- package/dist/esm/extensions/ens/resolve-l2-name.js.map +1 -1
- package/dist/esm/pay/buyWithFiat/getQuote.js +129 -33
- package/dist/esm/pay/buyWithFiat/getQuote.js.map +1 -1
- package/dist/esm/pay/buyWithFiat/getStatus.js +71 -20
- package/dist/esm/pay/buyWithFiat/getStatus.js.map +1 -1
- package/dist/esm/pay/utils/commonTypes.js +1 -1
- package/dist/esm/pay/utils/commonTypes.js.map +1 -1
- package/dist/esm/pay/utils/definitions.js +0 -10
- package/dist/esm/pay/utils/definitions.js.map +1 -1
- package/dist/esm/react/core/hooks/pay/useBuyWithFiatStatus.js +1 -3
- package/dist/esm/react/core/hooks/pay/useBuyWithFiatStatus.js.map +1 -1
- package/dist/esm/react/core/hooks/transaction/useSendTransaction.js +42 -38
- package/dist/esm/react/core/hooks/transaction/useSendTransaction.js.map +1 -1
- package/dist/esm/react/core/utils/wallet.js +15 -0
- package/dist/esm/react/core/utils/wallet.js.map +1 -1
- package/dist/esm/react/web/hooks/transaction/useSendTransaction.js +1 -1
- package/dist/esm/react/web/hooks/transaction/useSendTransaction.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/TransactionsScreen.js +0 -9
- package/dist/esm/react/web/ui/ConnectWallet/TransactionsScreen.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/locale/en.js +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/locale/en.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.js +4 -180
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/OnRampScreen.js +2 -10
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/OnRampScreen.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/main/useBuyTxStates.js +5 -8
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/main/useBuyTxStates.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/SwapDetailsScreen.js +2 -16
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/SwapDetailsScreen.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/statusMeta.js +0 -59
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/statusMeta.js.map +1 -1
- package/dist/esm/react/web/ui/TransactionButton/DepositScreen.js +130 -0
- package/dist/esm/react/web/ui/TransactionButton/DepositScreen.js.map +1 -0
- package/dist/esm/react/web/ui/TransactionButton/ExecutingScreen.js +4 -3
- package/dist/esm/react/web/ui/TransactionButton/ExecutingScreen.js.map +1 -1
- package/dist/esm/react/web/ui/TransactionButton/TransactionModal.js +9 -1
- package/dist/esm/react/web/ui/TransactionButton/TransactionModal.js.map +1 -1
- package/dist/esm/version.js +1 -1
- package/dist/esm/version.js.map +1 -1
- package/dist/types/bridge/Buy.d.ts +1 -1
- package/dist/types/bridge/Onramp.d.ts +123 -0
- package/dist/types/bridge/Onramp.d.ts.map +1 -0
- package/dist/types/bridge/OnrampStatus.d.ts +108 -0
- package/dist/types/bridge/OnrampStatus.d.ts.map +1 -0
- package/dist/types/bridge/Sell.d.ts +1 -1
- package/dist/types/bridge/index.d.ts +6 -3
- package/dist/types/bridge/index.d.ts.map +1 -1
- package/dist/types/bridge/types/BridgeAction.d.ts +2 -0
- package/dist/types/bridge/types/BridgeAction.d.ts.map +1 -0
- package/dist/types/bridge/types/Quote.d.ts +3 -65
- package/dist/types/bridge/types/Quote.d.ts.map +1 -1
- package/dist/types/bridge/types/Route.d.ts +35 -0
- package/dist/types/bridge/types/Route.d.ts.map +1 -1
- package/dist/types/bridge/types/Token.d.ts +1 -0
- package/dist/types/bridge/types/Token.d.ts.map +1 -1
- package/dist/types/extensions/ens/resolve-l2-name.d.ts.map +1 -1
- package/dist/types/pay/buyWithFiat/getQuote.d.ts.map +1 -1
- package/dist/types/pay/buyWithFiat/getStatus.d.ts +1 -12
- package/dist/types/pay/buyWithFiat/getStatus.d.ts.map +1 -1
- package/dist/types/pay/utils/commonTypes.d.ts +1 -1
- package/dist/types/pay/utils/commonTypes.d.ts.map +1 -1
- package/dist/types/pay/utils/definitions.d.ts +0 -10
- package/dist/types/pay/utils/definitions.d.ts.map +1 -1
- package/dist/types/react/core/hooks/pay/useBuyWithFiatStatus.d.ts.map +1 -1
- package/dist/types/react/core/hooks/transaction/useSendTransaction.d.ts +1 -0
- package/dist/types/react/core/hooks/transaction/useSendTransaction.d.ts.map +1 -1
- package/dist/types/react/core/utils/wallet.d.ts.map +1 -1
- package/dist/types/react/web/hooks/transaction/useSendTransaction.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/TransactionsScreen.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.d.ts +1 -30
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/main/types.d.ts +2 -0
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/main/types.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/main/useBuyTxStates.d.ts +2 -0
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/main/useBuyTxStates.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/SwapDetailsScreen.d.ts +0 -5
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/SwapDetailsScreen.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/statusMeta.d.ts +1 -3
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/statusMeta.d.ts.map +1 -1
- package/dist/types/react/web/ui/TransactionButton/DepositScreen.d.ts +15 -0
- package/dist/types/react/web/ui/TransactionButton/DepositScreen.d.ts.map +1 -0
- package/dist/types/react/web/ui/TransactionButton/ExecutingScreen.d.ts.map +1 -1
- package/dist/types/react/web/ui/TransactionButton/TransactionModal.d.ts +1 -0
- package/dist/types/react/web/ui/TransactionButton/TransactionModal.d.ts.map +1 -1
- package/dist/types/version.d.ts +1 -1
- package/dist/types/version.d.ts.map +1 -1
- package/package.json +15 -15
- package/src/bridge/Buy.ts +1 -1
- package/src/bridge/Onramp.test.ts +118 -0
- package/src/bridge/Onramp.ts +244 -0
- package/src/bridge/OnrampStatus.ts +133 -0
- package/src/bridge/Sell.ts +1 -1
- package/src/bridge/index.ts +11 -3
- package/src/bridge/types/BridgeAction.ts +1 -0
- package/src/bridge/types/Quote.ts +3 -65
- package/src/bridge/types/Route.ts +39 -0
- package/src/bridge/types/Token.ts +1 -0
- package/src/extensions/ens/resolve-l2-name.ts +0 -2
- package/src/pay/buyWithFiat/getQuote.ts +184 -33
- package/src/pay/buyWithFiat/getStatus.ts +101 -42
- package/src/pay/convert/cryptoToFiat.test.ts +7 -5
- package/src/pay/convert/fiatToCrypto.test.ts +6 -4
- package/src/pay/utils/commonTypes.ts +1 -1
- package/src/pay/utils/definitions.ts +0 -14
- package/src/react/core/hooks/pay/useBuyWithFiatStatus.ts +0 -2
- package/src/react/core/hooks/transaction/useSendTransaction.ts +48 -41
- package/src/react/core/utils/wallet.ts +15 -0
- package/src/react/web/hooks/transaction/useSendTransaction.tsx +1 -0
- package/src/react/web/ui/ConnectWallet/TransactionsScreen.tsx +0 -53
- package/src/react/web/ui/ConnectWallet/locale/en.ts +1 -1
- package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.tsx +3 -510
- package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/OnRampScreen.tsx +2 -12
- package/src/react/web/ui/ConnectWallet/screens/Buy/main/types.ts +2 -0
- package/src/react/web/ui/ConnectWallet/screens/Buy/main/useBuyTxStates.ts +19 -20
- package/src/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/SwapDetailsScreen.tsx +1 -37
- package/src/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/statusMeta.test.ts +1 -95
- package/src/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/statusMeta.ts +0 -69
- package/src/react/web/ui/TransactionButton/DepositScreen.tsx +295 -0
- package/src/react/web/ui/TransactionButton/ExecutingScreen.tsx +4 -3
- package/src/react/web/ui/TransactionButton/TransactionModal.tsx +20 -1
- package/src/version.ts +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.js +0 -37
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/PostOnRampSwap.js +0 -86
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/PostOnRampSwap.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/PostOnRampSwapFlow.js +0 -25
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/PostOnRampSwapFlow.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/FiatDetailsScreen.js +0 -81
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/FiatDetailsScreen.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/TxDetailsScreen.js +0 -17
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/TxDetailsScreen.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/useBuyTransactionsToShow.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.js +0 -34
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/PostOnRampSwap.js +0 -83
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/PostOnRampSwap.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/PostOnRampSwapFlow.js +0 -22
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/PostOnRampSwapFlow.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/FiatDetailsScreen.js +0 -78
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/FiatDetailsScreen.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/TxDetailsScreen.js +0 -14
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/TxDetailsScreen.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/useBuyTransactionsToShow.js +0 -2
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/useBuyTransactionsToShow.js.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.d.ts +0 -26
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/PostOnRampSwap.d.ts +0 -16
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/PostOnRampSwap.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/PostOnRampSwapFlow.d.ts +0 -23
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/PostOnRampSwapFlow.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/FiatDetailsScreen.d.ts +0 -14
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/FiatDetailsScreen.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/TxDetailsScreen.d.ts +0 -14
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/TxDetailsScreen.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/useBuyTransactionsToShow.d.ts +0 -10
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/useBuyTransactionsToShow.d.ts.map +0 -1
- package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.tsx +0 -142
- package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/PostOnRampSwap.tsx +0 -170
- package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/PostOnRampSwapFlow.tsx +0 -63
- package/src/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/FiatDetailsScreen.tsx +0 -138
- package/src/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/TxDetailsScreen.tsx +0 -45
- package/src/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/useBuyTransactionsToShow.ts +0 -12
@@ -1,86 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.PostOnRampSwap = PostOnRampSwap;
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
5
|
-
const react_query_1 = require("@tanstack/react-query");
|
6
|
-
const react_1 = require("react");
|
7
|
-
const utils_js_1 = require("../../../../../../../chains/utils.js");
|
8
|
-
const contract_js_1 = require("../../../../../../../contract/contract.js");
|
9
|
-
const allowance_js_1 = require("../../../../../../../extensions/erc20/__generated__/IERC20/read/allowance.js");
|
10
|
-
const getPostOnRampQuote_js_1 = require("../../../../../../../pay/buyWithFiat/getPostOnRampQuote.js");
|
11
|
-
const index_js_1 = require("../../../../../../core/design-system/index.js");
|
12
|
-
const Spacer_js_1 = require("../../../../components/Spacer.js");
|
13
|
-
const Spinner_js_1 = require("../../../../components/Spinner.js");
|
14
|
-
const basic_js_1 = require("../../../../components/basic.js");
|
15
|
-
const buttons_js_1 = require("../../../../components/buttons.js");
|
16
|
-
const text_js_1 = require("../../../../components/text.js");
|
17
|
-
const AccentFailIcon_js_1 = require("../../../icons/AccentFailIcon.js");
|
18
|
-
const SwapFlow_js_1 = require("../swap/SwapFlow.js");
|
19
|
-
function PostOnRampSwap(props) {
|
20
|
-
const [lockedOnRampQuote, setLockedOnRampQuote] = (0, react_1.useState)(undefined);
|
21
|
-
const postOnRampQuoteQuery = (0, react_query_1.useQuery)({
|
22
|
-
queryKey: ["getPostOnRampQuote", props.buyWithFiatStatus],
|
23
|
-
queryFn: async () => {
|
24
|
-
return await (0, getPostOnRampQuote_js_1.getPostOnRampQuote)({
|
25
|
-
client: props.client,
|
26
|
-
buyWithFiatStatus: props.buyWithFiatStatus,
|
27
|
-
});
|
28
|
-
},
|
29
|
-
// stop fetching if a quote is already locked
|
30
|
-
enabled: !lockedOnRampQuote,
|
31
|
-
refetchOnWindowFocus: false,
|
32
|
-
});
|
33
|
-
const allowanceQuery = (0, react_query_1.useQuery)({
|
34
|
-
queryKey: [
|
35
|
-
"allowance",
|
36
|
-
props.payer.account.address,
|
37
|
-
postOnRampQuoteQuery.data?.approvalData,
|
38
|
-
],
|
39
|
-
queryFn: () => {
|
40
|
-
if (!postOnRampQuoteQuery.data?.approvalData) {
|
41
|
-
return null;
|
42
|
-
}
|
43
|
-
return (0, allowance_js_1.allowance)({
|
44
|
-
contract: (0, contract_js_1.getContract)({
|
45
|
-
client: props.client,
|
46
|
-
address: postOnRampQuoteQuery.data.swapDetails.fromToken.tokenAddress,
|
47
|
-
chain: (0, utils_js_1.getCachedChain)(postOnRampQuoteQuery.data.swapDetails.fromToken.chainId),
|
48
|
-
}),
|
49
|
-
spender: postOnRampQuoteQuery.data.approvalData.spenderAddress,
|
50
|
-
owner: props.payer.account.address,
|
51
|
-
});
|
52
|
-
},
|
53
|
-
enabled: !!postOnRampQuoteQuery.data?.approvalData,
|
54
|
-
refetchOnMount: true,
|
55
|
-
});
|
56
|
-
(0, react_1.useEffect)(() => {
|
57
|
-
if (postOnRampQuoteQuery.data &&
|
58
|
-
!lockedOnRampQuote &&
|
59
|
-
!postOnRampQuoteQuery.isRefetching &&
|
60
|
-
!allowanceQuery.isLoading) {
|
61
|
-
setLockedOnRampQuote(postOnRampQuoteQuery.data);
|
62
|
-
}
|
63
|
-
}, [
|
64
|
-
postOnRampQuoteQuery.data,
|
65
|
-
lockedOnRampQuote,
|
66
|
-
postOnRampQuoteQuery.isRefetching,
|
67
|
-
allowanceQuery.isLoading,
|
68
|
-
]);
|
69
|
-
if (postOnRampQuoteQuery.isError) {
|
70
|
-
return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { fullHeight: true, children: [(0, jsx_runtime_1.jsx)(basic_js_1.Container, { p: "lg", children: (0, jsx_runtime_1.jsx)(basic_js_1.ModalHeader, { title: props.title, onBack: props.onBack }) }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { style: {
|
71
|
-
minHeight: "300px",
|
72
|
-
}, flex: "column", center: "both", p: "lg", children: [(0, jsx_runtime_1.jsx)(AccentFailIcon_js_1.AccentFailIcon, { size: index_js_1.iconSize["3xl"] }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xl" }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "primaryText", children: "Failed to get a price quote" }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "lg" }), (0, jsx_runtime_1.jsx)(buttons_js_1.Button, { fullWidth: true, variant: "primary", onClick: () => {
|
73
|
-
postOnRampQuoteQuery.refetch();
|
74
|
-
}, children: "Try Again" })] }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xxl" })] }));
|
75
|
-
}
|
76
|
-
if (!lockedOnRampQuote) {
|
77
|
-
return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { fullHeight: true, children: [(0, jsx_runtime_1.jsx)(basic_js_1.Container, { p: "lg", children: (0, jsx_runtime_1.jsx)(basic_js_1.ModalHeader, { title: props.title, onBack: props.onBack }) }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { style: {
|
78
|
-
minHeight: "300px",
|
79
|
-
}, flex: "column", center: "both", children: [(0, jsx_runtime_1.jsx)(Spinner_js_1.Spinner, { size: "xxl", color: "accentText" }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xl" }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "primaryText", children: "Getting price quote" })] }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xxl" })] }));
|
80
|
-
}
|
81
|
-
return ((0, jsx_runtime_1.jsx)(SwapFlow_js_1.SwapFlow, { title: props.title, payer: props.payer, buyWithCryptoQuote: lockedOnRampQuote, client: props.client, onBack: props.onBack, isFiatFlow: true, onDone: props.onDone, onTryAgain: () => {
|
82
|
-
setLockedOnRampQuote(undefined);
|
83
|
-
postOnRampQuoteQuery.refetch();
|
84
|
-
}, transactionMode: props.transactionMode, isEmbed: props.isEmbed, onSuccess: props.onSuccess, approvalAmount: allowanceQuery.data ?? undefined }));
|
85
|
-
}
|
86
|
-
//# sourceMappingURL=PostOnRampSwap.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"PostOnRampSwap.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/fiat/PostOnRampSwap.tsx"],"names":[],"mappings":"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"}
|
@@ -1,25 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.PostOnRampSwapFlow = PostOnRampSwapFlow;
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
5
|
-
const react_1 = require("react");
|
6
|
-
const FiatSteps_js_1 = require("./FiatSteps.js");
|
7
|
-
const PostOnRampSwap_js_1 = require("./PostOnRampSwap.js");
|
8
|
-
// Note: It is necessary to lock in the fiat-status in state and only pass that to <PostOnRampSwap /> so it does not suddenly change during the swap process.
|
9
|
-
/**
|
10
|
-
* - Show 2 steps UI with step 2 highlighted, on continue button click:
|
11
|
-
* - Show swap flow
|
12
|
-
*/
|
13
|
-
function PostOnRampSwapFlow(props) {
|
14
|
-
const [statusForSwap, setStatusForSwap] = (0, react_1.useState)();
|
15
|
-
// step 2 flow
|
16
|
-
if (statusForSwap) {
|
17
|
-
return ((0, jsx_runtime_1.jsx)(PostOnRampSwap_js_1.PostOnRampSwap, { title: props.title, buyWithFiatStatus: statusForSwap, client: props.client, onDone: props.onDone, transactionMode: props.transactionMode, isEmbed: props.isEmbed, payer: props.payer, onSuccess: props.onSuccess }));
|
18
|
-
}
|
19
|
-
// show step 1 and step 2 details
|
20
|
-
return ((0, jsx_runtime_1.jsx)(FiatSteps_js_1.FiatSteps, { title: props.title, client: props.client, onBack: props.onBack, partialQuote: props.quote, step: 2, onContinue: () => {
|
21
|
-
props.onSwapFlowStarted();
|
22
|
-
setStatusForSwap(props.status);
|
23
|
-
}, status: props.status }));
|
24
|
-
}
|
25
|
-
//# sourceMappingURL=PostOnRampSwapFlow.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"PostOnRampSwapFlow.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/fiat/PostOnRampSwapFlow.tsx"],"names":[],"mappings":";;AAcA,gDAgDC;;AA9DD,iCAAiC;AAKjC,iDAAyE;AACzE,2DAAqD;AAErD,6JAA6J;AAE7J;;;GAGG;AACH,SAAgB,kBAAkB,CAAC,KAYlC;IACC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,GAE/C,CAAC;IAEJ,cAAc;IACd,IAAI,aAAa,EAAE,CAAC;QAClB,OAAO,CACL,uBAAC,kCAAc,IACb,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,iBAAiB,EAAE,aAAa,EAChC,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,GAC1B,CACH,CAAC;IACJ,CAAC;IAED,iCAAiC;IACjC,OAAO,CACL,uBAAC,wBAAS,IACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,YAAY,EAAE,KAAK,CAAC,KAAK,EACzB,IAAI,EAAE,CAAC,EACP,UAAU,EAAE,GAAG,EAAE;YACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;YAC1B,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACjC,CAAC,EACD,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,CACH,CAAC;AACJ,CAAC"}
|
package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/FiatDetailsScreen.js
DELETED
@@ -1,81 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.FiatDetailsScreen = FiatDetailsScreen;
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
5
|
-
const react_1 = require("react");
|
6
|
-
const useBuyWithFiatStatus_js_1 = require("../../../../../../core/hooks/pay/useBuyWithFiatStatus.js");
|
7
|
-
const basic_js_1 = require("../../../../components/basic.js");
|
8
|
-
const FiatTxDetailsTable_js_1 = require("../fiat/FiatTxDetailsTable.js");
|
9
|
-
const PostOnRampSwapFlow_js_1 = require("../fiat/PostOnRampSwapFlow.js");
|
10
|
-
const statusMeta_js_1 = require("./statusMeta.js");
|
11
|
-
function FiatDetailsScreen(props) {
|
12
|
-
const initialStatus = props.status;
|
13
|
-
const [stopPolling, setStopPolling] = (0, react_1.useState)(false);
|
14
|
-
const statusQuery = (0, useBuyWithFiatStatus_js_1.useBuyWithFiatStatus)(stopPolling
|
15
|
-
? undefined
|
16
|
-
: {
|
17
|
-
client: props.client,
|
18
|
-
intentId: initialStatus.intentId,
|
19
|
-
});
|
20
|
-
const status = (statusQuery.data?.status === "NOT_FOUND" ? undefined : statusQuery.data) ||
|
21
|
-
initialStatus;
|
22
|
-
const hasTwoSteps = isSwapRequiredAfterOnRamp(status);
|
23
|
-
const statusMeta = (0, statusMeta_js_1.getBuyWithFiatStatusMeta)(status);
|
24
|
-
if (hasTwoSteps) {
|
25
|
-
const fiatQuote = status.quote;
|
26
|
-
return ((0, jsx_runtime_1.jsx)(PostOnRampSwapFlow_js_1.PostOnRampSwapFlow, { title: props.title, client: props.client, status: status, onBack: props.onBack, transactionMode: props.transactionMode, isEmbed: props.isEmbed, quote: {
|
27
|
-
fromCurrencyAmount: fiatQuote.fromCurrencyWithFees.amount,
|
28
|
-
fromCurrencySymbol: fiatQuote.fromCurrencyWithFees.currencySymbol,
|
29
|
-
onRampTokenAmount: fiatQuote.estimatedOnRampAmount,
|
30
|
-
toTokenAmount: fiatQuote.estimatedToTokenAmount,
|
31
|
-
onRampToken: {
|
32
|
-
chainId: fiatQuote.onRampToken.chainId,
|
33
|
-
tokenAddress: fiatQuote.onRampToken.tokenAddress,
|
34
|
-
name: fiatQuote.onRampToken.name,
|
35
|
-
symbol: fiatQuote.onRampToken.symbol,
|
36
|
-
},
|
37
|
-
toToken: {
|
38
|
-
chainId: fiatQuote.toToken.chainId,
|
39
|
-
tokenAddress: fiatQuote.toToken.tokenAddress,
|
40
|
-
name: fiatQuote.toToken.name,
|
41
|
-
symbol: fiatQuote.toToken.symbol,
|
42
|
-
},
|
43
|
-
}, onDone: props.onDone, onSwapFlowStarted: () => {
|
44
|
-
setStopPolling(true);
|
45
|
-
}, payer: props.payer,
|
46
|
-
// viewing history - ignore onSuccess
|
47
|
-
onSuccess: undefined }));
|
48
|
-
}
|
49
|
-
return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { children: [(0, jsx_runtime_1.jsx)(basic_js_1.Container, { p: "lg", children: (0, jsx_runtime_1.jsx)(basic_js_1.ModalHeader, { title: "Transaction Details", onBack: props.onBack }) }), (0, jsx_runtime_1.jsx)(basic_js_1.Line, {}), (0, jsx_runtime_1.jsx)(basic_js_1.Container, { p: "lg", children: (0, jsx_runtime_1.jsx)(FiatTxDetailsTable_js_1.OnRampTxDetailsTable, { client: props.client, token: status.source
|
50
|
-
? {
|
51
|
-
chainId: status.source.token.chainId,
|
52
|
-
address: status.source.token.tokenAddress,
|
53
|
-
symbol: status.source.token.symbol || "",
|
54
|
-
amount: status.source.amount,
|
55
|
-
}
|
56
|
-
: {
|
57
|
-
address: status.quote.onRampToken.tokenAddress,
|
58
|
-
amount: status.quote.estimatedOnRampAmount,
|
59
|
-
chainId: status.quote.onRampToken.chainId,
|
60
|
-
symbol: status.quote.onRampToken.symbol || "",
|
61
|
-
}, fiat: {
|
62
|
-
amount: status.quote.fromCurrencyWithFees.amount,
|
63
|
-
currencySymbol: status.quote.fromCurrencyWithFees.currencySymbol,
|
64
|
-
}, statusMeta: {
|
65
|
-
color: statusMeta.color,
|
66
|
-
text: statusMeta.status,
|
67
|
-
txHash: status.source?.transactionHash,
|
68
|
-
} }) })] }));
|
69
|
-
}
|
70
|
-
// if the toToken is the same as the onRampToken, no swap is required
|
71
|
-
function isSwapRequiredAfterOnRamp(buyWithFiatStatus) {
|
72
|
-
if (buyWithFiatStatus.status === "NOT_FOUND") {
|
73
|
-
return false;
|
74
|
-
}
|
75
|
-
const sameChain = buyWithFiatStatus.quote.toToken.chainId ===
|
76
|
-
buyWithFiatStatus.quote.onRampToken.chainId;
|
77
|
-
const sameToken = buyWithFiatStatus.quote.toToken.tokenAddress ===
|
78
|
-
buyWithFiatStatus.quote.onRampToken.tokenAddress;
|
79
|
-
return !(sameChain && sameToken);
|
80
|
-
}
|
81
|
-
//# sourceMappingURL=FiatDetailsScreen.js.map
|
package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/FiatDetailsScreen.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"FiatDetailsScreen.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/FiatDetailsScreen.tsx"],"names":[],"mappings":"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"}
|
@@ -1,17 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.TxDetailsScreen = TxDetailsScreen;
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
5
|
-
const FiatDetailsScreen_js_1 = require("./FiatDetailsScreen.js");
|
6
|
-
const SwapDetailsScreen_js_1 = require("./SwapDetailsScreen.js");
|
7
|
-
function TxDetailsScreen(props) {
|
8
|
-
const { statusInfo } = props;
|
9
|
-
if (statusInfo.type === "swap") {
|
10
|
-
return ((0, jsx_runtime_1.jsx)(SwapDetailsScreen_js_1.SwapDetailsScreen, { client: props.client, status: statusInfo.status, onBack: props.onBack }));
|
11
|
-
}
|
12
|
-
if (statusInfo.type === "fiat") {
|
13
|
-
return ((0, jsx_runtime_1.jsx)(FiatDetailsScreen_js_1.FiatDetailsScreen, { title: props.title, client: props.client, status: statusInfo.status, onBack: props.onBack, onDone: props.onDone, transactionMode: props.transactionMode, isEmbed: props.isEmbed, payer: props.payer }));
|
14
|
-
}
|
15
|
-
return null;
|
16
|
-
}
|
17
|
-
//# sourceMappingURL=TxDetailsScreen.js.map
|
package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/TxDetailsScreen.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"TxDetailsScreen.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/TxDetailsScreen.tsx"],"names":[],"mappings":";;AAMA,0CAsCC;;AA1CD,iEAA2D;AAC3D,iEAA2D;AAG3D,SAAgB,eAAe,CAAC,KAS/B;IACC,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAE7B,IAAI,UAAU,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC/B,OAAO,CACL,uBAAC,wCAAiB,IAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,UAAU,CAAC,MAAM,EACzB,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,CACH,CAAC;IACJ,CAAC;IAED,IAAI,UAAU,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC/B,OAAO,CACL,uBAAC,wCAAiB,IAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,UAAU,CAAC,MAAM,EACzB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,KAAK,GAClB,CACH,CAAC;IACJ,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"useBuyTransactionsToShow.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/useBuyTransactionsToShow.ts"],"names":[],"mappings":""}
|
@@ -1,34 +0,0 @@
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
-
import { ExternalLinkIcon } from "@radix-ui/react-icons";
|
3
|
-
import { getCachedChain } from "../../../../../../../chains/utils.js";
|
4
|
-
import { formatNumber } from "../../../../../../../utils/formatNumber.js";
|
5
|
-
import { formatExplorerTxUrl } from "../../../../../../../utils/url.js";
|
6
|
-
import { fontSize, iconSize, } from "../../../../../../core/design-system/index.js";
|
7
|
-
import { useChainExplorers } from "../../../../../../core/hooks/others/useChainQuery.js";
|
8
|
-
import { Spacer } from "../../../../components/Spacer.js";
|
9
|
-
import { Container, Line } from "../../../../components/basic.js";
|
10
|
-
import { ButtonLink } from "../../../../components/buttons.js";
|
11
|
-
import { Text } from "../../../../components/text.js";
|
12
|
-
import { TokenInfoRow } from "../pay-transactions/TokenInfoRow.js";
|
13
|
-
import { getCurrencyMeta, getFiatIcon } from "./currencies.js";
|
14
|
-
/**
|
15
|
-
* Show a table with the details of a "OnRamp" transaction step in the "Buy with Fiat" flow.
|
16
|
-
* - Show OnRamp token as "Receive"
|
17
|
-
* - Show fiat amount as "Pay"
|
18
|
-
*/
|
19
|
-
export function OnRampTxDetailsTable(props) {
|
20
|
-
const onRampExplorers = useChainExplorers(getCachedChain(props.token.chainId));
|
21
|
-
const onrampTxHash = props.statusMeta?.txHash;
|
22
|
-
const currencyMeta = getCurrencyMeta(props.fiat.currencySymbol);
|
23
|
-
const lineSpacer = (_jsxs(_Fragment, { children: [_jsx(Spacer, { y: "md" }), _jsx(Line, {}), _jsx(Spacer, { y: "md" })] }));
|
24
|
-
return (_jsxs("div", { children: [_jsxs(Container, { flex: "row", style: {
|
25
|
-
justifyContent: "space-between",
|
26
|
-
}, children: [_jsx(Text, { size: "sm", children: "Pay" }), _jsx(Container, { flex: "column", gap: "xxs", style: {
|
27
|
-
alignItems: "flex-end",
|
28
|
-
}, children: _jsxs(Container, { flex: "row", gap: "xs", center: "y", children: [getFiatIcon(currencyMeta, "sm"), _jsxs(Text, { color: "primaryText", children: [formatNumber(Number(props.fiat.amount), 2), " ", props.fiat.currencySymbol] })] }) })] }), lineSpacer, _jsx(TokenInfoRow, { chainId: props.token.chainId, client: props.client, label: "Receive", tokenAmount: props.token.amount, tokenSymbol: props.token.symbol, tokenAddress: props.token.address }), props.statusMeta && (_jsxs(_Fragment, { children: [lineSpacer, _jsxs(Container, { flex: "row", center: "y", style: {
|
29
|
-
justifyContent: "space-between",
|
30
|
-
}, children: [_jsx(Text, { children: "Status" }), _jsx(Container, { flex: "row", gap: "xs", center: "y", children: _jsx(Text, { color: props.statusMeta.color, children: props.statusMeta.text }) })] })] })), lineSpacer, onrampTxHash && onRampExplorers.explorers?.[0]?.url && (_jsxs(_Fragment, { children: [_jsx(Spacer, { y: "md" }), _jsxs(ButtonLink, { fullWidth: true, variant: "outline", href: formatExplorerTxUrl(onRampExplorers.explorers[0]?.url, onrampTxHash), target: "_blank", gap: "xs", style: {
|
31
|
-
fontSize: fontSize.sm,
|
32
|
-
}, children: ["View on Explorer", _jsx(ExternalLinkIcon, { width: iconSize.sm, height: iconSize.sm })] })] }))] }));
|
33
|
-
}
|
34
|
-
//# sourceMappingURL=FiatTxDetailsTable.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"FiatTxDetailsTable.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAEtE,OAAO,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EACL,QAAQ,EACR,QAAQ,GACT,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sDAAsD,CAAC;AACzF,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAEnE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE/D;;;;GAIG;AACH,MAAM,UAAU,oBAAoB,CAAC,KAiBpC;IACC,MAAM,eAAe,GAAG,iBAAiB,CACvC,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CACpC,CAAC;IACF,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,EAAE,MAAM,CAAC;IAC9C,MAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAEhE,MAAM,UAAU,GAAG,CACjB,8BACE,KAAC,MAAM,IAAC,CAAC,EAAC,IAAI,GAAG,EACjB,KAAC,IAAI,KAAG,EACR,KAAC,MAAM,IAAC,CAAC,EAAC,IAAI,GAAG,IAChB,CACJ,CAAC;IAEF,OAAO,CACL,0BAEE,MAAC,SAAS,IACR,IAAI,EAAC,KAAK,EACV,KAAK,EAAE;oBACL,cAAc,EAAE,eAAe;iBAChC,aAED,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,oBAAW,EAC1B,KAAC,SAAS,IACR,IAAI,EAAC,QAAQ,EACb,GAAG,EAAC,KAAK,EACT,KAAK,EAAE;4BACL,UAAU,EAAE,UAAU;yBACvB,YAED,MAAC,SAAS,IAAC,IAAI,EAAC,KAAK,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,aACtC,WAAW,CAAC,YAAY,EAAE,IAAI,CAAC,EAChC,MAAC,IAAI,IAAC,KAAK,EAAC,aAAa,aACtB,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAC/C,KAAK,CAAC,IAAI,CAAC,cAAc,IACrB,IACG,GACF,IACF,EAEX,UAAU,EAGX,KAAC,YAAY,IACX,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,EAC5B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAC,SAAS,EACf,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,EAC/B,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,EAC/B,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,GACjC,EAGD,KAAK,CAAC,UAAU,IAAI,CACnB,8BACG,UAAU,EACX,MAAC,SAAS,IACR,IAAI,EAAC,KAAK,EACV,MAAM,EAAC,GAAG,EACV,KAAK,EAAE;4BACL,cAAc,EAAE,eAAe;yBAChC,aAED,KAAC,IAAI,yBAAc,EACnB,KAAC,SAAS,IAAC,IAAI,EAAC,KAAK,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,YACvC,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,YAChC,KAAK,CAAC,UAAU,CAAC,IAAI,GACjB,GACG,IACF,IACX,CACJ,EAEA,UAAU,EAGV,YAAY,IAAI,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,CACtD,8BACE,KAAC,MAAM,IAAC,CAAC,EAAC,IAAI,GAAG,EACjB,MAAC,UAAU,IACT,SAAS,QACT,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE,mBAAmB,CACvB,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,GAAG,EACjC,YAAY,CACb,EACD,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,IAAI,EACR,KAAK,EAAE;4BACL,QAAQ,EAAE,QAAQ,CAAC,EAAE;yBACtB,iCAGD,KAAC,gBAAgB,IAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,GAAI,IAClD,IACZ,CACJ,IACG,CACP,CAAC;AACJ,CAAC"}
|
@@ -1,83 +0,0 @@
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
-
import { useQuery } from "@tanstack/react-query";
|
3
|
-
import { useEffect, useState } from "react";
|
4
|
-
import { getCachedChain } from "../../../../../../../chains/utils.js";
|
5
|
-
import { getContract } from "../../../../../../../contract/contract.js";
|
6
|
-
import { allowance } from "../../../../../../../extensions/erc20/__generated__/IERC20/read/allowance.js";
|
7
|
-
import { getPostOnRampQuote } from "../../../../../../../pay/buyWithFiat/getPostOnRampQuote.js";
|
8
|
-
import { iconSize } from "../../../../../../core/design-system/index.js";
|
9
|
-
import { Spacer } from "../../../../components/Spacer.js";
|
10
|
-
import { Spinner } from "../../../../components/Spinner.js";
|
11
|
-
import { Container, ModalHeader } from "../../../../components/basic.js";
|
12
|
-
import { Button } from "../../../../components/buttons.js";
|
13
|
-
import { Text } from "../../../../components/text.js";
|
14
|
-
import { AccentFailIcon } from "../../../icons/AccentFailIcon.js";
|
15
|
-
import { SwapFlow } from "../swap/SwapFlow.js";
|
16
|
-
export function PostOnRampSwap(props) {
|
17
|
-
const [lockedOnRampQuote, setLockedOnRampQuote] = useState(undefined);
|
18
|
-
const postOnRampQuoteQuery = useQuery({
|
19
|
-
queryKey: ["getPostOnRampQuote", props.buyWithFiatStatus],
|
20
|
-
queryFn: async () => {
|
21
|
-
return await getPostOnRampQuote({
|
22
|
-
client: props.client,
|
23
|
-
buyWithFiatStatus: props.buyWithFiatStatus,
|
24
|
-
});
|
25
|
-
},
|
26
|
-
// stop fetching if a quote is already locked
|
27
|
-
enabled: !lockedOnRampQuote,
|
28
|
-
refetchOnWindowFocus: false,
|
29
|
-
});
|
30
|
-
const allowanceQuery = useQuery({
|
31
|
-
queryKey: [
|
32
|
-
"allowance",
|
33
|
-
props.payer.account.address,
|
34
|
-
postOnRampQuoteQuery.data?.approvalData,
|
35
|
-
],
|
36
|
-
queryFn: () => {
|
37
|
-
if (!postOnRampQuoteQuery.data?.approvalData) {
|
38
|
-
return null;
|
39
|
-
}
|
40
|
-
return allowance({
|
41
|
-
contract: getContract({
|
42
|
-
client: props.client,
|
43
|
-
address: postOnRampQuoteQuery.data.swapDetails.fromToken.tokenAddress,
|
44
|
-
chain: getCachedChain(postOnRampQuoteQuery.data.swapDetails.fromToken.chainId),
|
45
|
-
}),
|
46
|
-
spender: postOnRampQuoteQuery.data.approvalData.spenderAddress,
|
47
|
-
owner: props.payer.account.address,
|
48
|
-
});
|
49
|
-
},
|
50
|
-
enabled: !!postOnRampQuoteQuery.data?.approvalData,
|
51
|
-
refetchOnMount: true,
|
52
|
-
});
|
53
|
-
useEffect(() => {
|
54
|
-
if (postOnRampQuoteQuery.data &&
|
55
|
-
!lockedOnRampQuote &&
|
56
|
-
!postOnRampQuoteQuery.isRefetching &&
|
57
|
-
!allowanceQuery.isLoading) {
|
58
|
-
setLockedOnRampQuote(postOnRampQuoteQuery.data);
|
59
|
-
}
|
60
|
-
}, [
|
61
|
-
postOnRampQuoteQuery.data,
|
62
|
-
lockedOnRampQuote,
|
63
|
-
postOnRampQuoteQuery.isRefetching,
|
64
|
-
allowanceQuery.isLoading,
|
65
|
-
]);
|
66
|
-
if (postOnRampQuoteQuery.isError) {
|
67
|
-
return (_jsxs(Container, { fullHeight: true, children: [_jsx(Container, { p: "lg", children: _jsx(ModalHeader, { title: props.title, onBack: props.onBack }) }), _jsxs(Container, { style: {
|
68
|
-
minHeight: "300px",
|
69
|
-
}, flex: "column", center: "both", p: "lg", children: [_jsx(AccentFailIcon, { size: iconSize["3xl"] }), _jsx(Spacer, { y: "xl" }), _jsx(Text, { color: "primaryText", children: "Failed to get a price quote" }), _jsx(Spacer, { y: "lg" }), _jsx(Button, { fullWidth: true, variant: "primary", onClick: () => {
|
70
|
-
postOnRampQuoteQuery.refetch();
|
71
|
-
}, children: "Try Again" })] }), _jsx(Spacer, { y: "xxl" })] }));
|
72
|
-
}
|
73
|
-
if (!lockedOnRampQuote) {
|
74
|
-
return (_jsxs(Container, { fullHeight: true, children: [_jsx(Container, { p: "lg", children: _jsx(ModalHeader, { title: props.title, onBack: props.onBack }) }), _jsxs(Container, { style: {
|
75
|
-
minHeight: "300px",
|
76
|
-
}, flex: "column", center: "both", children: [_jsx(Spinner, { size: "xxl", color: "accentText" }), _jsx(Spacer, { y: "xl" }), _jsx(Text, { color: "primaryText", children: "Getting price quote" })] }), _jsx(Spacer, { y: "xxl" })] }));
|
77
|
-
}
|
78
|
-
return (_jsx(SwapFlow, { title: props.title, payer: props.payer, buyWithCryptoQuote: lockedOnRampQuote, client: props.client, onBack: props.onBack, isFiatFlow: true, onDone: props.onDone, onTryAgain: () => {
|
79
|
-
setLockedOnRampQuote(undefined);
|
80
|
-
postOnRampQuoteQuery.refetch();
|
81
|
-
}, transactionMode: props.transactionMode, isEmbed: props.isEmbed, onSuccess: props.onSuccess, approvalAmount: allowanceQuery.data ?? undefined }));
|
82
|
-
}
|
83
|
-
//# sourceMappingURL=PostOnRampSwap.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"PostOnRampSwap.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/fiat/PostOnRampSwap.tsx"],"names":[],"mappings":"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"}
|
@@ -1,22 +0,0 @@
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
-
import { useState } from "react";
|
3
|
-
import { FiatSteps } from "./FiatSteps.js";
|
4
|
-
import { PostOnRampSwap } from "./PostOnRampSwap.js";
|
5
|
-
// Note: It is necessary to lock in the fiat-status in state and only pass that to <PostOnRampSwap /> so it does not suddenly change during the swap process.
|
6
|
-
/**
|
7
|
-
* - Show 2 steps UI with step 2 highlighted, on continue button click:
|
8
|
-
* - Show swap flow
|
9
|
-
*/
|
10
|
-
export function PostOnRampSwapFlow(props) {
|
11
|
-
const [statusForSwap, setStatusForSwap] = useState();
|
12
|
-
// step 2 flow
|
13
|
-
if (statusForSwap) {
|
14
|
-
return (_jsx(PostOnRampSwap, { title: props.title, buyWithFiatStatus: statusForSwap, client: props.client, onDone: props.onDone, transactionMode: props.transactionMode, isEmbed: props.isEmbed, payer: props.payer, onSuccess: props.onSuccess }));
|
15
|
-
}
|
16
|
-
// show step 1 and step 2 details
|
17
|
-
return (_jsx(FiatSteps, { title: props.title, client: props.client, onBack: props.onBack, partialQuote: props.quote, step: 2, onContinue: () => {
|
18
|
-
props.onSwapFlowStarted();
|
19
|
-
setStatusForSwap(props.status);
|
20
|
-
}, status: props.status }));
|
21
|
-
}
|
22
|
-
//# sourceMappingURL=PostOnRampSwapFlow.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"PostOnRampSwapFlow.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/fiat/PostOnRampSwapFlow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAKjC,OAAO,EAAgC,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,6JAA6J;AAE7J;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAYlC;IACC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,EAE/C,CAAC;IAEJ,cAAc;IACd,IAAI,aAAa,EAAE,CAAC;QAClB,OAAO,CACL,KAAC,cAAc,IACb,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,iBAAiB,EAAE,aAAa,EAChC,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,GAC1B,CACH,CAAC;IACJ,CAAC;IAED,iCAAiC;IACjC,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,YAAY,EAAE,KAAK,CAAC,KAAK,EACzB,IAAI,EAAE,CAAC,EACP,UAAU,EAAE,GAAG,EAAE;YACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;YAC1B,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACjC,CAAC,EACD,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,CACH,CAAC;AACJ,CAAC"}
|
package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/FiatDetailsScreen.js
DELETED
@@ -1,78 +0,0 @@
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
-
import { useState } from "react";
|
3
|
-
import { useBuyWithFiatStatus } from "../../../../../../core/hooks/pay/useBuyWithFiatStatus.js";
|
4
|
-
import { Container, Line, ModalHeader } from "../../../../components/basic.js";
|
5
|
-
import { OnRampTxDetailsTable } from "../fiat/FiatTxDetailsTable.js";
|
6
|
-
import { PostOnRampSwapFlow } from "../fiat/PostOnRampSwapFlow.js";
|
7
|
-
import { getBuyWithFiatStatusMeta } from "./statusMeta.js";
|
8
|
-
export function FiatDetailsScreen(props) {
|
9
|
-
const initialStatus = props.status;
|
10
|
-
const [stopPolling, setStopPolling] = useState(false);
|
11
|
-
const statusQuery = useBuyWithFiatStatus(stopPolling
|
12
|
-
? undefined
|
13
|
-
: {
|
14
|
-
client: props.client,
|
15
|
-
intentId: initialStatus.intentId,
|
16
|
-
});
|
17
|
-
const status = (statusQuery.data?.status === "NOT_FOUND" ? undefined : statusQuery.data) ||
|
18
|
-
initialStatus;
|
19
|
-
const hasTwoSteps = isSwapRequiredAfterOnRamp(status);
|
20
|
-
const statusMeta = getBuyWithFiatStatusMeta(status);
|
21
|
-
if (hasTwoSteps) {
|
22
|
-
const fiatQuote = status.quote;
|
23
|
-
return (_jsx(PostOnRampSwapFlow, { title: props.title, client: props.client, status: status, onBack: props.onBack, transactionMode: props.transactionMode, isEmbed: props.isEmbed, quote: {
|
24
|
-
fromCurrencyAmount: fiatQuote.fromCurrencyWithFees.amount,
|
25
|
-
fromCurrencySymbol: fiatQuote.fromCurrencyWithFees.currencySymbol,
|
26
|
-
onRampTokenAmount: fiatQuote.estimatedOnRampAmount,
|
27
|
-
toTokenAmount: fiatQuote.estimatedToTokenAmount,
|
28
|
-
onRampToken: {
|
29
|
-
chainId: fiatQuote.onRampToken.chainId,
|
30
|
-
tokenAddress: fiatQuote.onRampToken.tokenAddress,
|
31
|
-
name: fiatQuote.onRampToken.name,
|
32
|
-
symbol: fiatQuote.onRampToken.symbol,
|
33
|
-
},
|
34
|
-
toToken: {
|
35
|
-
chainId: fiatQuote.toToken.chainId,
|
36
|
-
tokenAddress: fiatQuote.toToken.tokenAddress,
|
37
|
-
name: fiatQuote.toToken.name,
|
38
|
-
symbol: fiatQuote.toToken.symbol,
|
39
|
-
},
|
40
|
-
}, onDone: props.onDone, onSwapFlowStarted: () => {
|
41
|
-
setStopPolling(true);
|
42
|
-
}, payer: props.payer,
|
43
|
-
// viewing history - ignore onSuccess
|
44
|
-
onSuccess: undefined }));
|
45
|
-
}
|
46
|
-
return (_jsxs(Container, { children: [_jsx(Container, { p: "lg", children: _jsx(ModalHeader, { title: "Transaction Details", onBack: props.onBack }) }), _jsx(Line, {}), _jsx(Container, { p: "lg", children: _jsx(OnRampTxDetailsTable, { client: props.client, token: status.source
|
47
|
-
? {
|
48
|
-
chainId: status.source.token.chainId,
|
49
|
-
address: status.source.token.tokenAddress,
|
50
|
-
symbol: status.source.token.symbol || "",
|
51
|
-
amount: status.source.amount,
|
52
|
-
}
|
53
|
-
: {
|
54
|
-
address: status.quote.onRampToken.tokenAddress,
|
55
|
-
amount: status.quote.estimatedOnRampAmount,
|
56
|
-
chainId: status.quote.onRampToken.chainId,
|
57
|
-
symbol: status.quote.onRampToken.symbol || "",
|
58
|
-
}, fiat: {
|
59
|
-
amount: status.quote.fromCurrencyWithFees.amount,
|
60
|
-
currencySymbol: status.quote.fromCurrencyWithFees.currencySymbol,
|
61
|
-
}, statusMeta: {
|
62
|
-
color: statusMeta.color,
|
63
|
-
text: statusMeta.status,
|
64
|
-
txHash: status.source?.transactionHash,
|
65
|
-
} }) })] }));
|
66
|
-
}
|
67
|
-
// if the toToken is the same as the onRampToken, no swap is required
|
68
|
-
function isSwapRequiredAfterOnRamp(buyWithFiatStatus) {
|
69
|
-
if (buyWithFiatStatus.status === "NOT_FOUND") {
|
70
|
-
return false;
|
71
|
-
}
|
72
|
-
const sameChain = buyWithFiatStatus.quote.toToken.chainId ===
|
73
|
-
buyWithFiatStatus.quote.onRampToken.chainId;
|
74
|
-
const sameToken = buyWithFiatStatus.quote.toToken.tokenAddress ===
|
75
|
-
buyWithFiatStatus.quote.onRampToken.tokenAddress;
|
76
|
-
return !(sameChain && sameToken);
|
77
|
-
}
|
78
|
-
//# sourceMappingURL=FiatDetailsScreen.js.map
|
package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/FiatDetailsScreen.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"FiatDetailsScreen.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/FiatDetailsScreen.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,0DAA0D,CAAC;AAChG,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAEnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,MAAM,UAAU,iBAAiB,CAAC,KASjC;IACC,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC;IACnC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,MAAM,WAAW,GAAG,oBAAoB,CACtC,WAAW;QACT,CAAC,CAAC,SAAS;QACX,CAAC,CAAC;YACE,MAAM,EAAE,KAAK,CAAC,MAAM;YACpB,QAAQ,EAAE,aAAa,CAAC,QAAQ;SACjC,CACN,CAAC;IAEF,MAAM,MAAM,GACV,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC;QACzE,aAAa,CAAC;IAEhB,MAAM,WAAW,GAAG,yBAAyB,CAAC,MAAM,CAAC,CAAC;IACtD,MAAM,UAAU,GAAG,wBAAwB,CAAC,MAAM,CAAC,CAAC;IAEpD,IAAI,WAAW,EAAE,CAAC;QAChB,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC;QAC/B,OAAO,CACL,KAAC,kBAAkB,IACjB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE;gBACL,kBAAkB,EAAE,SAAS,CAAC,oBAAoB,CAAC,MAAM;gBACzD,kBAAkB,EAAE,SAAS,CAAC,oBAAoB,CAAC,cAAc;gBACjE,iBAAiB,EAAE,SAAS,CAAC,qBAAqB;gBAClD,aAAa,EAAE,SAAS,CAAC,sBAAsB;gBAC/C,WAAW,EAAE;oBACX,OAAO,EAAE,SAAS,CAAC,WAAW,CAAC,OAAO;oBACtC,YAAY,EAAE,SAAS,CAAC,WAAW,CAAC,YAAY;oBAChD,IAAI,EAAE,SAAS,CAAC,WAAW,CAAC,IAAI;oBAChC,MAAM,EAAE,SAAS,CAAC,WAAW,CAAC,MAAM;iBACrC;gBACD,OAAO,EAAE;oBACP,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,OAAO;oBAClC,YAAY,EAAE,SAAS,CAAC,OAAO,CAAC,YAAY;oBAC5C,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,IAAI;oBAC5B,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,MAAM;iBACjC;aACF,EACD,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,iBAAiB,EAAE,GAAG,EAAE;gBACtB,cAAc,CAAC,IAAI,CAAC,CAAC;YACvB,CAAC,EACD,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,qCAAqC;YACrC,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,MAAC,SAAS,eACR,KAAC,SAAS,IAAC,CAAC,EAAC,IAAI,YACf,KAAC,WAAW,IAAC,KAAK,EAAC,qBAAqB,EAAC,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,GACvD,EAEZ,KAAC,IAAI,KAAG,EAER,KAAC,SAAS,IAAC,CAAC,EAAC,IAAI,YACf,KAAC,oBAAoB,IACnB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EACH,MAAM,CAAC,MAAM;wBACX,CAAC,CAAC;4BACE,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;4BACpC,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY;4BACzC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,IAAI,EAAE;4BACxC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM;yBAC7B;wBACH,CAAC,CAAC;4BACE,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY;4BAC9C,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,qBAAqB;4BAC1C,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO;4BACzC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,IAAI,EAAE;yBAC9C,EAEP,IAAI,EAAE;wBACJ,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM;wBAChD,cAAc,EAAE,MAAM,CAAC,KAAK,CAAC,oBAAoB,CAAC,cAAc;qBACjE,EACD,UAAU,EAAE;wBACV,KAAK,EAAE,UAAU,CAAC,KAAK;wBACvB,IAAI,EAAE,UAAU,CAAC,MAAM;wBACvB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe;qBACvC,GACD,GACQ,IACF,CACb,CAAC;AACJ,CAAC;AAED,qEAAqE;AACrE,SAAS,yBAAyB,CAAC,iBAAoC;IACrE,IAAI,iBAAiB,CAAC,MAAM,KAAK,WAAW,EAAE,CAAC;QAC7C,OAAO,KAAK,CAAC;IACf,CAAC;IAED,MAAM,SAAS,GACb,iBAAiB,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO;QACvC,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC;IAE9C,MAAM,SAAS,GACb,iBAAiB,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY;QAC5C,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,CAAC;IAEnD,OAAO,CAAC,CAAC,SAAS,IAAI,SAAS,CAAC,CAAC;AACnC,CAAC"}
|
@@ -1,14 +0,0 @@
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
-
import { FiatDetailsScreen } from "./FiatDetailsScreen.js";
|
3
|
-
import { SwapDetailsScreen } from "./SwapDetailsScreen.js";
|
4
|
-
export function TxDetailsScreen(props) {
|
5
|
-
const { statusInfo } = props;
|
6
|
-
if (statusInfo.type === "swap") {
|
7
|
-
return (_jsx(SwapDetailsScreen, { client: props.client, status: statusInfo.status, onBack: props.onBack }));
|
8
|
-
}
|
9
|
-
if (statusInfo.type === "fiat") {
|
10
|
-
return (_jsx(FiatDetailsScreen, { title: props.title, client: props.client, status: statusInfo.status, onBack: props.onBack, onDone: props.onDone, transactionMode: props.transactionMode, isEmbed: props.isEmbed, payer: props.payer }));
|
11
|
-
}
|
12
|
-
return null;
|
13
|
-
}
|
14
|
-
//# sourceMappingURL=TxDetailsScreen.js.map
|
package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/TxDetailsScreen.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"TxDetailsScreen.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/TxDetailsScreen.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAG3D,MAAM,UAAU,eAAe,CAAC,KAS/B;IACC,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAE7B,IAAI,UAAU,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC/B,OAAO,CACL,KAAC,iBAAiB,IAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,UAAU,CAAC,MAAM,EACzB,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,CACH,CAAC;IACJ,CAAC;IAED,IAAI,UAAU,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC/B,OAAO,CACL,KAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,UAAU,CAAC,MAAM,EACzB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,KAAK,GAClB,CACH,CAAC;IACJ,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"useBuyTransactionsToShow.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/useBuyTransactionsToShow.ts"],"names":[],"mappings":""}
|
@@ -1,26 +0,0 @@
|
|
1
|
-
import type { ThirdwebClient } from "../../../../../../../client/client.js";
|
2
|
-
import type { FiatStatusMeta } from "../pay-transactions/statusMeta.js";
|
3
|
-
/**
|
4
|
-
* Show a table with the details of a "OnRamp" transaction step in the "Buy with Fiat" flow.
|
5
|
-
* - Show OnRamp token as "Receive"
|
6
|
-
* - Show fiat amount as "Pay"
|
7
|
-
*/
|
8
|
-
export declare function OnRampTxDetailsTable(props: {
|
9
|
-
client: ThirdwebClient;
|
10
|
-
token: {
|
11
|
-
chainId: number;
|
12
|
-
address: string;
|
13
|
-
symbol: string;
|
14
|
-
amount: string;
|
15
|
-
};
|
16
|
-
fiat: {
|
17
|
-
currencySymbol: string;
|
18
|
-
amount: string;
|
19
|
-
};
|
20
|
-
statusMeta?: {
|
21
|
-
color: FiatStatusMeta["color"];
|
22
|
-
text: FiatStatusMeta["status"];
|
23
|
-
txHash?: string;
|
24
|
-
};
|
25
|
-
}): import("react/jsx-runtime.js").JSX.Element;
|
26
|
-
//# sourceMappingURL=FiatTxDetailsTable.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"FiatTxDetailsTable.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAa5E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGxE;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE;IAC1C,MAAM,EAAE,cAAc,CAAC;IACvB,KAAK,EAAE;QACL,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,IAAI,EAAE;QACJ,cAAc,EAAE,MAAM,CAAC;QACvB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,UAAU,CAAC,EAAE;QACX,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;QAC/B,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;QAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,8CAqGA"}
|
@@ -1,16 +0,0 @@
|
|
1
|
-
import type { ThirdwebClient } from "../../../../../../../client/client.js";
|
2
|
-
import type { BuyWithCryptoStatus } from "../../../../../../../pay/buyWithCrypto/getStatus.js";
|
3
|
-
import type { BuyWithFiatStatus } from "../../../../../../../pay/buyWithFiat/getStatus.js";
|
4
|
-
import type { PayerInfo } from "../types.js";
|
5
|
-
export declare function PostOnRampSwap(props: {
|
6
|
-
title: string;
|
7
|
-
client: ThirdwebClient;
|
8
|
-
buyWithFiatStatus: BuyWithFiatStatus;
|
9
|
-
onBack?: () => void;
|
10
|
-
onDone: () => void;
|
11
|
-
transactionMode: boolean;
|
12
|
-
isEmbed: boolean;
|
13
|
-
payer: PayerInfo;
|
14
|
-
onSuccess: ((status: BuyWithCryptoStatus) => void) | undefined;
|
15
|
-
}): import("react/jsx-runtime.js").JSX.Element;
|
16
|
-
//# sourceMappingURL=PostOnRampSwap.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"PostOnRampSwap.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/fiat/PostOnRampSwap.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAI5E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qDAAqD,CAAC;AAE/F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mDAAmD,CAAC;AAS3F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,wBAAgB,cAAc,CAAC,KAAK,EAAE;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,cAAc,CAAC;IACvB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAChE,8CA2IA"}
|
@@ -1,23 +0,0 @@
|
|
1
|
-
import type { ThirdwebClient } from "../../../../../../../client/client.js";
|
2
|
-
import type { BuyWithCryptoStatus } from "../../../../../../../pay/buyWithCrypto/getStatus.js";
|
3
|
-
import type { BuyWithFiatStatus } from "../../../../../../../pay/buyWithFiat/getStatus.js";
|
4
|
-
import type { PayerInfo } from "../types.js";
|
5
|
-
import { type BuyWithFiatPartialQuote } from "./FiatSteps.js";
|
6
|
-
/**
|
7
|
-
* - Show 2 steps UI with step 2 highlighted, on continue button click:
|
8
|
-
* - Show swap flow
|
9
|
-
*/
|
10
|
-
export declare function PostOnRampSwapFlow(props: {
|
11
|
-
title: string;
|
12
|
-
status: BuyWithFiatStatus;
|
13
|
-
quote: BuyWithFiatPartialQuote;
|
14
|
-
client: ThirdwebClient;
|
15
|
-
onBack: () => void;
|
16
|
-
onDone: () => void;
|
17
|
-
onSwapFlowStarted: () => void;
|
18
|
-
transactionMode: boolean;
|
19
|
-
isEmbed: boolean;
|
20
|
-
payer: PayerInfo;
|
21
|
-
onSuccess: ((status: BuyWithCryptoStatus) => void) | undefined;
|
22
|
-
}): import("react/jsx-runtime.js").JSX.Element;
|
23
|
-
//# sourceMappingURL=PostOnRampSwapFlow.d.ts.map
|