thirdweb 5.88.7 → 5.88.8-nightly-1fa36c1d56758788a8f9053f8929497bacb2b115-20250225000329
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/contract/deployment/utils/create-2-factory.js +4 -0
- package/dist/cjs/contract/deployment/utils/create-2-factory.js.map +1 -1
- package/dist/cjs/pay/buyWithFiat/getQuote.js +1 -0
- package/dist/cjs/pay/buyWithFiat/getQuote.js.map +1 -1
- package/dist/cjs/pay/buyWithFiat/isSwapRequiredPostOnramp.js +44 -0
- package/dist/cjs/pay/buyWithFiat/isSwapRequiredPostOnramp.js.map +1 -1
- package/dist/cjs/pay/convert/type.js +30 -1
- package/dist/cjs/pay/convert/type.js.map +1 -1
- package/dist/cjs/react/core/hooks/pay/useBuyWithFiatStatus.js +1 -0
- package/dist/cjs/react/core/hooks/pay/useBuyWithFiatStatus.js.map +1 -1
- package/dist/cjs/react/core/hooks/wallets/useSendToken.js +18 -2
- package/dist/cjs/react/core/hooks/wallets/useSendToken.js.map +1 -1
- package/dist/cjs/react/core/providers/invalidateWalletBalance.js +6 -1
- package/dist/cjs/react/core/providers/invalidateWalletBalance.js.map +1 -1
- package/dist/cjs/react/core/utils/account.js +2 -7
- package/dist/cjs/react/core/utils/account.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/NetworkSelector.js +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/NetworkSelector.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/icons/currencies/JPYIcon.js +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/icons/currencies/JPYIcon.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.js +5 -3
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/PayWIthCreditCard.js +2 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/PayWIthCreditCard.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/CurrencySelection.js +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/CurrencySelection.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatScreenContent.js +0 -13
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatScreenContent.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.js +6 -26
- 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/FiatTxDetailsTable.js +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/OnRampScreen.js +541 -0
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/OnRampScreen.js.map +1 -0
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/currencies.js +23 -0
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/currencies.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/main/useUISelectionStates.js +8 -0
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/main/useUISelectionStates.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/StepConnector.js +21 -0
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/StepConnector.js.map +1 -0
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/SwapSummary.js +4 -9
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/SwapSummary.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/WalletRow.js +2 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/WalletRow.js.map +1 -1
- package/dist/cjs/rpc/rpc.js +1 -1
- package/dist/cjs/storage/upload/mobile.js +1 -1
- package/dist/cjs/storage/upload/mobile.js.map +1 -1
- package/dist/cjs/storage/upload/web-node.js +1 -0
- package/dist/cjs/storage/upload/web-node.js.map +1 -1
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/version.js.map +1 -1
- package/dist/cjs/wallets/in-app/web/ecosystem.js +1 -1
- package/dist/cjs/wallets/in-app/web/lib/iframe-wallet.js +1 -1
- package/dist/cjs/wallets/in-app/web/lib/iframe-wallet.js.map +1 -1
- package/dist/esm/contract/deployment/utils/create-2-factory.js +4 -0
- package/dist/esm/contract/deployment/utils/create-2-factory.js.map +1 -1
- package/dist/esm/pay/buyWithFiat/getQuote.js +1 -0
- package/dist/esm/pay/buyWithFiat/getQuote.js.map +1 -1
- package/dist/esm/pay/buyWithFiat/isSwapRequiredPostOnramp.js +43 -0
- package/dist/esm/pay/buyWithFiat/isSwapRequiredPostOnramp.js.map +1 -1
- package/dist/esm/pay/convert/type.js +29 -2
- package/dist/esm/pay/convert/type.js.map +1 -1
- package/dist/esm/react/core/hooks/pay/useBuyWithFiatStatus.js +1 -0
- package/dist/esm/react/core/hooks/pay/useBuyWithFiatStatus.js.map +1 -1
- package/dist/esm/react/core/hooks/wallets/useSendToken.js +19 -3
- package/dist/esm/react/core/hooks/wallets/useSendToken.js.map +1 -1
- package/dist/esm/react/core/providers/invalidateWalletBalance.js +6 -1
- package/dist/esm/react/core/providers/invalidateWalletBalance.js.map +1 -1
- package/dist/esm/react/core/utils/account.js +1 -6
- package/dist/esm/react/core/utils/account.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/NetworkSelector.js +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/NetworkSelector.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/icons/currencies/JPYIcon.js +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/icons/currencies/JPYIcon.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.js +5 -3
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/PayWIthCreditCard.js +2 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/PayWIthCreditCard.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/CurrencySelection.js +3 -3
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/CurrencySelection.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatScreenContent.js +0 -13
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatScreenContent.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.js +7 -27
- 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/FiatTxDetailsTable.js +2 -2
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/OnRampScreen.js +538 -0
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/OnRampScreen.js.map +1 -0
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/currencies.js +22 -0
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/currencies.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/main/useUISelectionStates.js +8 -0
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/main/useUISelectionStates.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/StepConnector.js +18 -0
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/StepConnector.js.map +1 -0
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/SwapSummary.js +5 -10
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/SwapSummary.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/WalletRow.js +2 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/WalletRow.js.map +1 -1
- package/dist/esm/rpc/rpc.js +1 -1
- package/dist/esm/storage/upload/mobile.js +1 -1
- package/dist/esm/storage/upload/mobile.js.map +1 -1
- package/dist/esm/storage/upload/web-node.js +1 -0
- package/dist/esm/storage/upload/web-node.js.map +1 -1
- package/dist/esm/version.js +1 -1
- package/dist/esm/version.js.map +1 -1
- package/dist/esm/wallets/in-app/web/ecosystem.js +1 -1
- package/dist/esm/wallets/in-app/web/lib/iframe-wallet.js +1 -1
- package/dist/esm/wallets/in-app/web/lib/iframe-wallet.js.map +1 -1
- package/dist/types/pay/buyWithFiat/getQuote.d.ts +8 -32
- package/dist/types/pay/buyWithFiat/getQuote.d.ts.map +1 -1
- package/dist/types/pay/buyWithFiat/isSwapRequiredPostOnramp.d.ts +7 -0
- package/dist/types/pay/buyWithFiat/isSwapRequiredPostOnramp.d.ts.map +1 -1
- package/dist/types/pay/convert/type.d.ts +2 -1
- package/dist/types/pay/convert/type.d.ts.map +1 -1
- package/dist/types/react/core/hooks/connection/ConnectButtonProps.d.ts +2 -1
- package/dist/types/react/core/hooks/connection/ConnectButtonProps.d.ts.map +1 -1
- package/dist/types/react/core/hooks/pay/useBuyWithFiatStatus.d.ts +2 -1
- package/dist/types/react/core/hooks/pay/useBuyWithFiatStatus.d.ts.map +1 -1
- package/dist/types/react/core/hooks/wallets/useSendToken.d.ts +6 -1
- package/dist/types/react/core/hooks/wallets/useSendToken.d.ts.map +1 -1
- package/dist/types/react/core/providers/invalidateWalletBalance.d.ts +1 -1
- package/dist/types/react/core/providers/invalidateWalletBalance.d.ts.map +1 -1
- package/dist/types/react/core/utils/account.d.ts +1 -1
- package/dist/types/react/core/utils/account.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/PayWIthCreditCard.d.ts +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/PayWIthCreditCard.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/CurrencySelection.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatScreenContent.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.d.ts +7 -2
- 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/fiat/{FiatFlow.d.ts → OnRampScreen.d.ts} +4 -4
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/OnRampScreen.d.ts.map +1 -0
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/currencies.d.ts +6 -2
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/currencies.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/main/types.d.ts +0 -1
- 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/swap/StepConnector.d.ts +4 -0
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/StepConnector.d.ts.map +1 -0
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/SwapSummary.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/WalletRow.d.ts +1 -0
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/WalletRow.d.ts.map +1 -1
- package/dist/types/react/web/ui/MediaRenderer/MediaRenderer.d.ts +2 -2
- package/dist/types/react/web/ui/MediaRenderer/ModelViewer.d.ts +1 -1
- package/dist/types/storage/upload/web-node.d.ts.map +1 -1
- package/dist/types/version.d.ts +1 -1
- package/dist/types/version.d.ts.map +1 -1
- package/dist/types/wallets/in-app/web/ecosystem.d.ts +1 -1
- package/package.json +1 -1
- package/src/contract/deployment/utils/create-2-factory.ts +4 -0
- package/src/pay/buyWithFiat/getQuote.ts +9 -33
- package/src/pay/buyWithFiat/isSwapRequiredPostOnramp.ts +56 -0
- package/src/pay/convert/type.ts +30 -1
- package/src/react/core/hooks/connection/ConnectButtonProps.ts +2 -1
- package/src/react/core/hooks/pay/useBuyWithFiatStatus.ts +3 -1
- package/src/react/core/hooks/wallets/useSendToken.ts +19 -3
- package/src/react/core/providers/invalidateWalletBalance.ts +6 -1
- package/src/react/core/utils/account.ts +4 -8
- package/src/react/web/ui/ConnectWallet/NetworkSelector.tsx +1 -1
- package/src/react/web/ui/ConnectWallet/icons/currencies/JPYIcon.tsx +1 -1
- package/src/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.tsx +7 -3
- package/src/react/web/ui/ConnectWallet/screens/Buy/PayWIthCreditCard.tsx +2 -2
- package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/CurrencySelection.tsx +3 -6
- package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatScreenContent.tsx +0 -19
- package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.tsx +9 -32
- package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.tsx +2 -2
- package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/OnRampScreen.tsx +790 -0
- package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/currencies.tsx +38 -2
- package/src/react/web/ui/ConnectWallet/screens/Buy/main/types.ts +0 -1
- package/src/react/web/ui/ConnectWallet/screens/Buy/main/useUISelectionStates.ts +10 -0
- package/src/react/web/ui/ConnectWallet/screens/Buy/swap/StepConnector.tsx +55 -0
- package/src/react/web/ui/ConnectWallet/screens/Buy/swap/SwapSummary.tsx +18 -41
- package/src/react/web/ui/ConnectWallet/screens/Buy/swap/WalletRow.tsx +10 -1
- package/src/rpc/rpc.ts +1 -1
- package/src/storage/upload/mobile.ts +1 -1
- package/src/storage/upload/web-node.ts +1 -0
- package/src/version.ts +1 -1
- package/src/wallets/in-app/web/ecosystem.ts +1 -1
- package/src/wallets/in-app/web/lib/iframe-wallet.ts +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatFlow.js +0 -63
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatFlow.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatStatusScreen.js +0 -116
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatStatusScreen.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatFlow.js +0 -60
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatFlow.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatStatusScreen.js +0 -113
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatStatusScreen.js.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatFlow.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatStatusScreen.d.ts +0 -24
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatStatusScreen.d.ts.map +0 -1
- package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatFlow.tsx +0 -152
- package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatStatusScreen.tsx +0 -258
@@ -1,4 +1,6 @@
|
|
1
1
|
import { RadiobuttonIcon } from "@radix-ui/react-icons";
|
2
|
+
import type { SupportedFiatCurrency } from "../../../../../../../pay/convert/type.js";
|
3
|
+
import { iconSize } from "../../../../../../core/design-system/index.js";
|
2
4
|
import { CADIcon } from "../../../icons/currencies/CADIcon.js";
|
3
5
|
import { EURIcon } from "../../../icons/currencies/EURIcon.js";
|
4
6
|
import { GBPIcon } from "../../../icons/currencies/GBPIcon.js";
|
@@ -7,14 +9,16 @@ import { USDIcon } from "../../../icons/currencies/USDIcon.js";
|
|
7
9
|
import type { IconFC } from "../../../icons/types.js";
|
8
10
|
|
9
11
|
export type CurrencyMeta = {
|
10
|
-
shorthand:
|
12
|
+
shorthand: SupportedFiatCurrency;
|
13
|
+
countryCode: string;
|
11
14
|
name: string;
|
12
15
|
symbol: string;
|
13
|
-
icon
|
16
|
+
icon?: IconFC;
|
14
17
|
};
|
15
18
|
|
16
19
|
export const usdCurrency: CurrencyMeta = {
|
17
20
|
shorthand: "USD",
|
21
|
+
countryCode: "US",
|
18
22
|
name: "US Dollar",
|
19
23
|
symbol: "$",
|
20
24
|
icon: USDIcon,
|
@@ -24,28 +28,44 @@ export const currencies: CurrencyMeta[] = [
|
|
24
28
|
usdCurrency,
|
25
29
|
{
|
26
30
|
shorthand: "CAD",
|
31
|
+
countryCode: "CA",
|
27
32
|
name: "Canadian Dollar",
|
28
33
|
symbol: "$",
|
29
34
|
icon: CADIcon,
|
30
35
|
},
|
31
36
|
{
|
32
37
|
shorthand: "GBP",
|
38
|
+
countryCode: "GB",
|
33
39
|
name: "British Pound",
|
34
40
|
symbol: "£",
|
35
41
|
icon: GBPIcon,
|
36
42
|
},
|
37
43
|
{
|
38
44
|
shorthand: "EUR",
|
45
|
+
countryCode: "EU",
|
39
46
|
name: "Euro",
|
40
47
|
symbol: "€",
|
41
48
|
icon: EURIcon,
|
42
49
|
},
|
43
50
|
{
|
44
51
|
shorthand: "JPY",
|
52
|
+
countryCode: "JP",
|
45
53
|
name: "Japanese Yen",
|
46
54
|
symbol: "¥",
|
47
55
|
icon: JPYIcon,
|
48
56
|
},
|
57
|
+
{
|
58
|
+
shorthand: "AUD",
|
59
|
+
countryCode: "AU",
|
60
|
+
name: "Australian Dollar",
|
61
|
+
symbol: "$",
|
62
|
+
},
|
63
|
+
{
|
64
|
+
shorthand: "NZD",
|
65
|
+
countryCode: "NZ",
|
66
|
+
name: "New Zealand Dollar",
|
67
|
+
symbol: "$",
|
68
|
+
},
|
49
69
|
];
|
50
70
|
|
51
71
|
export function getCurrencyMeta(shorthand: string): CurrencyMeta {
|
@@ -56,6 +76,7 @@ export function getCurrencyMeta(shorthand: string): CurrencyMeta {
|
|
56
76
|
) ?? {
|
57
77
|
// This should never happen
|
58
78
|
icon: UnknownCurrencyIcon,
|
79
|
+
countryCode: "US",
|
59
80
|
name: shorthand,
|
60
81
|
symbol: "$",
|
61
82
|
shorthand: shorthand as CurrencyMeta["shorthand"],
|
@@ -63,6 +84,21 @@ export function getCurrencyMeta(shorthand: string): CurrencyMeta {
|
|
63
84
|
);
|
64
85
|
}
|
65
86
|
|
87
|
+
export function getFiatIcon(
|
88
|
+
currency: CurrencyMeta,
|
89
|
+
size: keyof typeof iconSize,
|
90
|
+
): React.ReactNode {
|
91
|
+
return currency.icon ? (
|
92
|
+
<currency.icon size={iconSize[size]} />
|
93
|
+
) : (
|
94
|
+
<img
|
95
|
+
src={`https://flagsapi.com/${currency.countryCode.toUpperCase()}/flat/64.png`}
|
96
|
+
alt={currency.shorthand}
|
97
|
+
width={iconSize[size]}
|
98
|
+
height={iconSize[size]}
|
99
|
+
/>
|
100
|
+
);
|
101
|
+
}
|
66
102
|
const UnknownCurrencyIcon: IconFC = (props) => {
|
67
103
|
return <RadiobuttonIcon width={props.size} height={props.size} />;
|
68
104
|
};
|
@@ -163,6 +163,16 @@ function getDefaultCurrencyBasedOnLocation(): CurrencyMeta["shorthand"] {
|
|
163
163
|
return "CAD";
|
164
164
|
}
|
165
165
|
|
166
|
+
// australia
|
167
|
+
if (timeZone.includes("australia")) {
|
168
|
+
return "AUD";
|
169
|
+
}
|
170
|
+
|
171
|
+
// new zealand
|
172
|
+
if (timeZone.includes("new zealand")) {
|
173
|
+
return "NZD";
|
174
|
+
}
|
175
|
+
|
166
176
|
return "USD";
|
167
177
|
} catch {
|
168
178
|
return "USD";
|
@@ -0,0 +1,55 @@
|
|
1
|
+
import { useCustomTheme } from "../../../../../../core/design-system/CustomThemeProvider.js";
|
2
|
+
import { Container } from "../../../../components/basic.js";
|
3
|
+
|
4
|
+
export function StepConnectorArrow(props: {
|
5
|
+
active: boolean;
|
6
|
+
}) {
|
7
|
+
const theme = useCustomTheme();
|
8
|
+
return (
|
9
|
+
<Container
|
10
|
+
flex="row"
|
11
|
+
center="both"
|
12
|
+
style={{
|
13
|
+
width: "100%",
|
14
|
+
height: "12px",
|
15
|
+
position: "relative",
|
16
|
+
marginTop: "-1px",
|
17
|
+
zIndex: 1000,
|
18
|
+
}}
|
19
|
+
>
|
20
|
+
<svg
|
21
|
+
role="presentation"
|
22
|
+
width="32"
|
23
|
+
height="16"
|
24
|
+
viewBox="0 0 32 16"
|
25
|
+
fill="none"
|
26
|
+
style={{
|
27
|
+
display: "block",
|
28
|
+
}}
|
29
|
+
>
|
30
|
+
<path
|
31
|
+
d="M1 0L16 15L31 0"
|
32
|
+
fill={theme.colors.tertiaryBg}
|
33
|
+
stroke={
|
34
|
+
props.active ? theme.colors.accentText : theme.colors.borderColor
|
35
|
+
}
|
36
|
+
strokeWidth="1"
|
37
|
+
strokeLinecap="square"
|
38
|
+
strokeLinejoin="miter"
|
39
|
+
/>
|
40
|
+
<path
|
41
|
+
d="M8 0L16 7.5L24 0"
|
42
|
+
fill="none"
|
43
|
+
stroke={
|
44
|
+
props.active
|
45
|
+
? theme.colors.accentText
|
46
|
+
: theme.colors.secondaryIconColor
|
47
|
+
}
|
48
|
+
strokeWidth="1"
|
49
|
+
strokeLinecap="square"
|
50
|
+
strokeLinejoin="miter"
|
51
|
+
/>
|
52
|
+
</svg>
|
53
|
+
</Container>
|
54
|
+
);
|
55
|
+
}
|
@@ -1,14 +1,11 @@
|
|
1
|
-
import { ChevronDownIcon } from "@radix-ui/react-icons";
|
2
1
|
import type { Chain } from "../../../../../../../chains/types.js";
|
3
2
|
import type { ThirdwebClient } from "../../../../../../../client/client.js";
|
4
3
|
import { useCustomTheme } from "../../../../../../core/design-system/CustomThemeProvider.js";
|
5
|
-
import {
|
6
|
-
iconSize,
|
7
|
-
radius,
|
8
|
-
} from "../../../../../../core/design-system/index.js";
|
4
|
+
import { radius } from "../../../../../../core/design-system/index.js";
|
9
5
|
import { Container } from "../../../../components/basic.js";
|
10
6
|
import { TokenRow } from "../../../../components/token/TokenRow.js";
|
11
7
|
import type { ERC20OrNativeToken } from "../../nativeToken.js";
|
8
|
+
import { StepConnectorArrow } from "./StepConnector.js";
|
12
9
|
import { WalletRow } from "./WalletRow.js";
|
13
10
|
|
14
11
|
export function SwapSummary(props: {
|
@@ -36,23 +33,21 @@ export function SwapSummary(props: {
|
|
36
33
|
border: `1px solid ${theme.colors.borderColor}`,
|
37
34
|
}}
|
38
35
|
>
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
</Container>
|
55
|
-
)}
|
36
|
+
<Container
|
37
|
+
flex="row"
|
38
|
+
gap="sm"
|
39
|
+
p="sm"
|
40
|
+
style={{
|
41
|
+
borderBottom: `1px solid ${theme.colors.borderColor}`,
|
42
|
+
}}
|
43
|
+
>
|
44
|
+
<WalletRow
|
45
|
+
address={props.sender}
|
46
|
+
client={props.client}
|
47
|
+
iconSize="md"
|
48
|
+
textSize="sm"
|
49
|
+
/>
|
50
|
+
</Container>
|
56
51
|
<TokenRow
|
57
52
|
token={props.fromToken}
|
58
53
|
chain={props.fromChain}
|
@@ -69,25 +64,7 @@ export function SwapSummary(props: {
|
|
69
64
|
/>
|
70
65
|
</Container>
|
71
66
|
{/* Connector Icon */}
|
72
|
-
<
|
73
|
-
<Container flex="column" center="both">
|
74
|
-
<ChevronDownIcon
|
75
|
-
width={iconSize.md}
|
76
|
-
height={iconSize.md}
|
77
|
-
style={{
|
78
|
-
color: theme.colors.secondaryIconColor,
|
79
|
-
}}
|
80
|
-
/>
|
81
|
-
<ChevronDownIcon
|
82
|
-
width={iconSize.md}
|
83
|
-
height={iconSize.md}
|
84
|
-
style={{
|
85
|
-
color: theme.colors.secondaryIconColor,
|
86
|
-
marginTop: "-17px",
|
87
|
-
}}
|
88
|
-
/>
|
89
|
-
</Container>
|
90
|
-
</Container>
|
67
|
+
<StepConnectorArrow active={false} />
|
91
68
|
{/* Buy */}
|
92
69
|
<Container
|
93
70
|
flex="column"
|
@@ -16,12 +16,14 @@ import { Skeleton } from "../../../../components/Skeleton.js";
|
|
16
16
|
import { WalletImage } from "../../../../components/WalletImage.js";
|
17
17
|
import { Container } from "../../../../components/basic.js";
|
18
18
|
import { Text } from "../../../../components/text.js";
|
19
|
+
import { OutlineWalletIcon } from "../../../icons/OutlineWalletIcon.js";
|
19
20
|
|
20
21
|
export function WalletRow(props: {
|
21
22
|
client: ThirdwebClient;
|
22
23
|
address: string;
|
23
24
|
iconSize?: keyof typeof iconSize;
|
24
25
|
textSize?: keyof typeof fontSize;
|
26
|
+
label?: string;
|
25
27
|
}) {
|
26
28
|
const { client, address } = props;
|
27
29
|
const connectedWallets = useConnectedWallets();
|
@@ -51,8 +53,15 @@ export function WalletRow(props: {
|
|
51
53
|
size={iconSize[props.iconSize || "md"]}
|
52
54
|
client={props.client}
|
53
55
|
/>
|
54
|
-
) :
|
56
|
+
) : (
|
57
|
+
<OutlineWalletIcon size={iconSize[props.iconSize || "md"]} />
|
58
|
+
)}
|
55
59
|
<Container flex="column" gap="4xs">
|
60
|
+
{props.label ? (
|
61
|
+
<Text size="xs" color="secondaryText">
|
62
|
+
{props.label}
|
63
|
+
</Text>
|
64
|
+
) : null}
|
56
65
|
<Text size={props.textSize || "xs"} color="primaryText">
|
57
66
|
{addressOrENS || shortenAddress(props.address)}
|
58
67
|
</Text>
|
package/src/rpc/rpc.ts
CHANGED
@@ -218,7 +218,7 @@ export function getRpcClient(
|
|
218
218
|
reject = reject_;
|
219
219
|
});
|
220
220
|
inflightRequests.set(requestKey, promise);
|
221
|
-
// @ts-expect-error - they *are* definitely
|
221
|
+
// @ts-expect-error - they *are* definitely assigned within the promise constructor
|
222
222
|
pendingBatch.push({ request, resolve, reject, requestKey });
|
223
223
|
if (batchSize > 1) {
|
224
224
|
// if there is no timeout, set one
|
@@ -41,7 +41,7 @@ export async function uploadBatchMobile(
|
|
41
41
|
"Request to upload timed out! No upload progress received in 30s",
|
42
42
|
),
|
43
43
|
);
|
44
|
-
}, 30000);
|
44
|
+
}, client.config?.storage?.fetch?.requestTimeoutMs ?? 30000);
|
45
45
|
|
46
46
|
xhr.upload.addEventListener("progress", (event) => {
|
47
47
|
clearTimeout(timer);
|
package/src/version.ts
CHANGED
@@ -1 +1 @@
|
|
1
|
-
export const version = "5.88.
|
1
|
+
export const version = "5.88.8-nightly-1fa36c1d56758788a8f9053f8929497bacb2b115-20250225000329";
|
@@ -39,7 +39,7 @@ import { createInAppWallet } from "../core/wallet/in-app-core.js";
|
|
39
39
|
*
|
40
40
|
* ### Connect to a restricted ecosystem wallet with your designated partner ID
|
41
41
|
*
|
42
|
-
* The
|
42
|
+
* The partner ID will be provided to you by the ecosystem with which you're integrating.
|
43
43
|
*
|
44
44
|
* ```ts
|
45
45
|
* import { ecosystemWallet } from "thirdweb/wallets";
|
@@ -203,7 +203,7 @@ export class IFrameWallet implements IWebWallet {
|
|
203
203
|
};
|
204
204
|
|
205
205
|
if (tx.maxFeePerGas) {
|
206
|
-
// ethers (in the iframe) rejects any type 0
|
206
|
+
// ethers (in the iframe) rejects any type 0 transaction with unknown keys
|
207
207
|
// TODO remove this once iframe is upgraded to v5
|
208
208
|
transaction.accessList = tx.accessList;
|
209
209
|
transaction.maxFeePerGas = tx.maxFeePerGas;
|
@@ -1,63 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.FiatFlow = FiatFlow;
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
5
|
-
const react_1 = require("react");
|
6
|
-
const pay_js_1 = require("../../../../../../../analytics/track/pay.js");
|
7
|
-
const getStatus_js_1 = require("../../../../../../../pay/buyWithFiat/getStatus.js");
|
8
|
-
const isSwapRequiredPostOnramp_js_1 = require("../../../../../../../pay/buyWithFiat/isSwapRequiredPostOnramp.js");
|
9
|
-
const openOnRamppopup_js_1 = require("../openOnRamppopup.js");
|
10
|
-
const pendingSwapTx_js_1 = require("../swap/pendingSwapTx.js");
|
11
|
-
const FiatStatusScreen_js_1 = require("./FiatStatusScreen.js");
|
12
|
-
const FiatSteps_js_1 = require("./FiatSteps.js");
|
13
|
-
const PostOnRampSwapFlow_js_1 = require("./PostOnRampSwapFlow.js");
|
14
|
-
function FiatFlow(props) {
|
15
|
-
const hasTwoSteps = (0, isSwapRequiredPostOnramp_js_1.isSwapRequiredPostOnramp)(props.quote);
|
16
|
-
const [screen, setScreen] = (0, react_1.useState)(hasTwoSteps
|
17
|
-
? {
|
18
|
-
id: "step-1",
|
19
|
-
}
|
20
|
-
: {
|
21
|
-
id: "onramp-status",
|
22
|
-
});
|
23
|
-
const [popupWindow, setPopupWindow] = (0, react_1.useState)(props.openedWindow);
|
24
|
-
const onPostOnrampSuccess = (0, react_1.useCallback)(() => {
|
25
|
-
// report the status of fiat status instead of post onramp swap status when post onramp swap is successful
|
26
|
-
(0, getStatus_js_1.getBuyWithFiatStatus)({
|
27
|
-
intentId: props.quote.intentId,
|
28
|
-
client: props.client,
|
29
|
-
}).then((status) => {
|
30
|
-
props.onSuccess(status);
|
31
|
-
});
|
32
|
-
}, [props.onSuccess, props.quote.intentId, props.client]);
|
33
|
-
if (screen.id === "step-1") {
|
34
|
-
return ((0, jsx_runtime_1.jsx)(FiatSteps_js_1.FiatSteps, { title: props.title, client: props.client, onBack: props.onBack, partialQuote: (0, FiatSteps_js_1.fiatQuoteToPartialQuote)(props.quote), step: 1, onContinue: () => {
|
35
|
-
const popup = (0, openOnRamppopup_js_1.openOnrampPopup)(props.quote.onRampLink, props.theme);
|
36
|
-
(0, pay_js_1.trackPayEvent)({
|
37
|
-
event: "open_onramp_popup",
|
38
|
-
client: props.client,
|
39
|
-
walletAddress: props.payer.account.address,
|
40
|
-
walletType: props.payer.wallet.id,
|
41
|
-
});
|
42
|
-
(0, pendingSwapTx_js_1.addPendingTx)({
|
43
|
-
type: "fiat",
|
44
|
-
intentId: props.quote.intentId,
|
45
|
-
});
|
46
|
-
setPopupWindow(popup);
|
47
|
-
setScreen({ id: "onramp-status" });
|
48
|
-
} }));
|
49
|
-
}
|
50
|
-
if (screen.id === "onramp-status") {
|
51
|
-
return ((0, jsx_runtime_1.jsx)(FiatStatusScreen_js_1.OnrampStatusScreen, { title: props.title, client: props.client, intentId: props.quote.intentId, onBack: props.onBack, hasTwoSteps: hasTwoSteps, openedWindow: popupWindow, quote: props.quote, onDone: props.onDone, onShowSwapFlow: (_status) => {
|
52
|
-
setScreen({ id: "postonramp-swap", data: _status });
|
53
|
-
}, transactionMode: props.transactionMode, isEmbed: props.isEmbed, onSuccess: props.onSuccess }));
|
54
|
-
}
|
55
|
-
if (screen.id === "postonramp-swap") {
|
56
|
-
return ((0, jsx_runtime_1.jsx)(PostOnRampSwapFlow_js_1.PostOnRampSwapFlow, { title: props.title, status: screen.data, quote: (0, FiatSteps_js_1.fiatQuoteToPartialQuote)(props.quote), client: props.client, onBack: props.onBack, onDone: props.onDone, onSwapFlowStarted: () => {
|
57
|
-
// no op
|
58
|
-
}, transactionMode: props.transactionMode, isEmbed: props.isEmbed, payer: props.payer, onSuccess: onPostOnrampSuccess }));
|
59
|
-
}
|
60
|
-
// never
|
61
|
-
return null;
|
62
|
-
}
|
63
|
-
//# sourceMappingURL=FiatFlow.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"FiatFlow.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatFlow.tsx"],"names":[],"mappings":"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"}
|
@@ -1,116 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.OnrampStatusScreen = OnrampStatusScreen;
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
5
|
-
const react_icons_1 = require("@radix-ui/react-icons");
|
6
|
-
const react_query_1 = require("@tanstack/react-query");
|
7
|
-
const react_1 = require("react");
|
8
|
-
const isMobile_js_1 = require("../../../../../../../utils/web/isMobile.js");
|
9
|
-
const index_js_1 = require("../../../../../../core/design-system/index.js");
|
10
|
-
const useBuyWithFiatStatus_js_1 = require("../../../../../../core/hooks/pay/useBuyWithFiatStatus.js");
|
11
|
-
const invalidateWalletBalance_js_1 = require("../../../../../../core/providers/invalidateWalletBalance.js");
|
12
|
-
const Spacer_js_1 = require("../../../../components/Spacer.js");
|
13
|
-
const Spinner_js_1 = require("../../../../components/Spinner.js");
|
14
|
-
const StepBar_js_1 = require("../../../../components/StepBar.js");
|
15
|
-
const basic_js_1 = require("../../../../components/basic.js");
|
16
|
-
const buttons_js_1 = require("../../../../components/buttons.js");
|
17
|
-
const text_js_1 = require("../../../../components/text.js");
|
18
|
-
const AccentFailIcon_js_1 = require("../../../icons/AccentFailIcon.js");
|
19
|
-
const statusMeta_js_1 = require("../pay-transactions/statusMeta.js");
|
20
|
-
const FiatTxDetailsTable_js_1 = require("./FiatTxDetailsTable.js");
|
21
|
-
/**
|
22
|
-
* Poll for "Buy with Fiat" status - when the on-ramp is in progress
|
23
|
-
* - Show success screen if swap is not required and on-ramp is completed
|
24
|
-
* - Show Failed screen if on-ramp failed
|
25
|
-
* - call `onShowSwapFlow` if on-ramp is completed and swap is required
|
26
|
-
*/
|
27
|
-
function OnrampStatusScreen(props) {
|
28
|
-
const queryClient = (0, react_query_1.useQueryClient)();
|
29
|
-
const { openedWindow, onSuccess } = props;
|
30
|
-
const statusQuery = (0, useBuyWithFiatStatus_js_1.useBuyWithFiatStatus)({
|
31
|
-
intentId: props.intentId,
|
32
|
-
client: props.client,
|
33
|
-
});
|
34
|
-
// determine UI status
|
35
|
-
let uiStatus = "loading";
|
36
|
-
if (statusQuery.data?.status === "ON_RAMP_TRANSFER_FAILED" ||
|
37
|
-
statusQuery.data?.status === "PAYMENT_FAILED") {
|
38
|
-
uiStatus = "failed";
|
39
|
-
}
|
40
|
-
else if (statusQuery.data?.status === "CRYPTO_SWAP_FALLBACK") {
|
41
|
-
uiStatus = "partialSuccess";
|
42
|
-
}
|
43
|
-
else if (statusQuery.data?.status === "ON_RAMP_TRANSFER_COMPLETED") {
|
44
|
-
uiStatus = "completed";
|
45
|
-
}
|
46
|
-
const purchaseCbCalled = (0, react_1.useRef)(false);
|
47
|
-
(0, react_1.useEffect)(() => {
|
48
|
-
if (purchaseCbCalled.current || !onSuccess) {
|
49
|
-
return;
|
50
|
-
}
|
51
|
-
if (statusQuery.data?.status === "ON_RAMP_TRANSFER_COMPLETED") {
|
52
|
-
purchaseCbCalled.current = true;
|
53
|
-
onSuccess(statusQuery.data);
|
54
|
-
}
|
55
|
-
}, [onSuccess, statusQuery.data]);
|
56
|
-
// close the onramp popup if onramp is completed
|
57
|
-
(0, react_1.useEffect)(() => {
|
58
|
-
if (!openedWindow || !statusQuery.data) {
|
59
|
-
return;
|
60
|
-
}
|
61
|
-
if (statusQuery.data?.status === "CRYPTO_SWAP_REQUIRED" ||
|
62
|
-
statusQuery.data?.status === "ON_RAMP_TRANSFER_COMPLETED") {
|
63
|
-
openedWindow.close();
|
64
|
-
}
|
65
|
-
}, [statusQuery.data, openedWindow]);
|
66
|
-
// invalidate wallet balance when onramp is completed
|
67
|
-
const invalidatedBalance = (0, react_1.useRef)(false);
|
68
|
-
(0, react_1.useEffect)(() => {
|
69
|
-
if (!invalidatedBalance.current &&
|
70
|
-
statusQuery.data?.status === "ON_RAMP_TRANSFER_COMPLETED") {
|
71
|
-
invalidatedBalance.current = true;
|
72
|
-
(0, invalidateWalletBalance_js_1.invalidateWalletBalance)(queryClient);
|
73
|
-
}
|
74
|
-
}, [statusQuery.data, queryClient]);
|
75
|
-
// show swap flow
|
76
|
-
(0, react_1.useEffect)(() => {
|
77
|
-
if (statusQuery.data?.status === "CRYPTO_SWAP_REQUIRED") {
|
78
|
-
props.onShowSwapFlow(statusQuery.data);
|
79
|
-
}
|
80
|
-
}, [statusQuery.data, props.onShowSwapFlow]);
|
81
|
-
return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { p: "lg", children: [(0, jsx_runtime_1.jsx)(basic_js_1.ModalHeader, { title: props.title, onBack: props.onBack }), props.hasTwoSteps && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "lg" }), (0, jsx_runtime_1.jsx)(StepBar_js_1.StepBar, { steps: 2, currentStep: 1 }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "sm" }), (0, jsx_runtime_1.jsxs)(text_js_1.Text, { size: "xs", children: ["Step 1 of 2 - Buying ", props.quote.onRampToken.token.symbol, " with", " ", props.quote.fromCurrencyWithFees.currencySymbol] })] })), (0, jsx_runtime_1.jsx)(OnrampStatusScreenUI, { uiStatus: uiStatus, onDone: props.onDone, fiatStatus: statusQuery.data, client: props.client, transactionMode: props.transactionMode, quote: props.quote, isEmbed: props.isEmbed })] }));
|
82
|
-
}
|
83
|
-
function OnrampStatusScreenUI(props) {
|
84
|
-
const { uiStatus } = props;
|
85
|
-
const statusMeta = props.fiatStatus
|
86
|
-
? (0, statusMeta_js_1.getBuyWithFiatStatusMeta)(props.fiatStatus)
|
87
|
-
: undefined;
|
88
|
-
const fiatStatus = props.fiatStatus && props.fiatStatus.status !== "NOT_FOUND"
|
89
|
-
? props.fiatStatus
|
90
|
-
: undefined;
|
91
|
-
const onRampTokenQuote = props.quote.onRampToken;
|
92
|
-
const txDetails = ((0, jsx_runtime_1.jsx)(FiatTxDetailsTable_js_1.OnRampTxDetailsTable, { client: props.client, token: fiatStatus?.source // source tx is onRamp token
|
93
|
-
? {
|
94
|
-
chainId: fiatStatus.source.token.chainId,
|
95
|
-
address: fiatStatus.source.token.tokenAddress,
|
96
|
-
symbol: fiatStatus.source.token.symbol || "",
|
97
|
-
amount: fiatStatus.source.amount,
|
98
|
-
}
|
99
|
-
: {
|
100
|
-
chainId: onRampTokenQuote.token.chainId,
|
101
|
-
address: onRampTokenQuote.token.tokenAddress,
|
102
|
-
symbol: onRampTokenQuote.token.symbol,
|
103
|
-
amount: onRampTokenQuote.amount,
|
104
|
-
}, fiat: {
|
105
|
-
amount: props.quote.fromCurrencyWithFees.amount,
|
106
|
-
currencySymbol: props.quote.fromCurrencyWithFees.currencySymbol,
|
107
|
-
}, statusMeta: fiatStatus?.source && statusMeta
|
108
|
-
? {
|
109
|
-
color: statusMeta?.color,
|
110
|
-
text: statusMeta?.status,
|
111
|
-
txHash: fiatStatus.source.transactionHash,
|
112
|
-
}
|
113
|
-
: undefined }));
|
114
|
-
return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { children: [(0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xl" }), uiStatus === "loading" && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md" }), (0, jsx_runtime_1.jsx)(basic_js_1.Container, { flex: "row", center: "x", children: (0, jsx_runtime_1.jsx)(Spinner_js_1.Spinner, { size: "xxl", color: "accentText" }) }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md" }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "primaryText", size: "lg", center: true, children: "Buy Pending" }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "sm" }), !(0, isMobile_js_1.isMobile)() && (0, jsx_runtime_1.jsx)(text_js_1.Text, { center: true, children: "Complete the purchase in popup" }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xxl" }), txDetails] })), uiStatus === "failed" && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md" }), (0, jsx_runtime_1.jsx)(basic_js_1.Container, { flex: "row", center: "x", 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: "lg" }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "primaryText", size: "lg", center: true, children: "Transaction Failed" }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xxl" }), txDetails] })), uiStatus === "completed" && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md" }), (0, jsx_runtime_1.jsx)(basic_js_1.Container, { flex: "row", center: "x", color: "success", children: (0, jsx_runtime_1.jsx)(react_icons_1.CheckCircledIcon, { width: index_js_1.iconSize["3xl"], height: index_js_1.iconSize["3xl"] }) }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md" }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "primaryText", size: "lg", center: true, children: "Buy Complete" }), props.fiatStatus && props.fiatStatus.status !== "NOT_FOUND" && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xxl" }), txDetails, (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "sm" })] })), (0, jsx_runtime_1.jsx)(buttons_js_1.Button, { variant: "accent", fullWidth: true, onClick: props.onDone, children: props.transactionMode ? "Continue Transaction" : "Done" })] }))] }));
|
115
|
-
}
|
116
|
-
//# sourceMappingURL=FiatStatusScreen.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"FiatStatusScreen.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatStatusScreen.tsx"],"names":[],"mappings":"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"}
|
@@ -1,60 +0,0 @@
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
-
import { useCallback, useState } from "react";
|
3
|
-
import { trackPayEvent } from "../../../../../../../analytics/track/pay.js";
|
4
|
-
import { getBuyWithFiatStatus, } from "../../../../../../../pay/buyWithFiat/getStatus.js";
|
5
|
-
import { isSwapRequiredPostOnramp } from "../../../../../../../pay/buyWithFiat/isSwapRequiredPostOnramp.js";
|
6
|
-
import { openOnrampPopup } from "../openOnRamppopup.js";
|
7
|
-
import { addPendingTx } from "../swap/pendingSwapTx.js";
|
8
|
-
import { OnrampStatusScreen } from "./FiatStatusScreen.js";
|
9
|
-
import { FiatSteps, fiatQuoteToPartialQuote } from "./FiatSteps.js";
|
10
|
-
import { PostOnRampSwapFlow } from "./PostOnRampSwapFlow.js";
|
11
|
-
export function FiatFlow(props) {
|
12
|
-
const hasTwoSteps = isSwapRequiredPostOnramp(props.quote);
|
13
|
-
const [screen, setScreen] = useState(hasTwoSteps
|
14
|
-
? {
|
15
|
-
id: "step-1",
|
16
|
-
}
|
17
|
-
: {
|
18
|
-
id: "onramp-status",
|
19
|
-
});
|
20
|
-
const [popupWindow, setPopupWindow] = useState(props.openedWindow);
|
21
|
-
const onPostOnrampSuccess = useCallback(() => {
|
22
|
-
// report the status of fiat status instead of post onramp swap status when post onramp swap is successful
|
23
|
-
getBuyWithFiatStatus({
|
24
|
-
intentId: props.quote.intentId,
|
25
|
-
client: props.client,
|
26
|
-
}).then((status) => {
|
27
|
-
props.onSuccess(status);
|
28
|
-
});
|
29
|
-
}, [props.onSuccess, props.quote.intentId, props.client]);
|
30
|
-
if (screen.id === "step-1") {
|
31
|
-
return (_jsx(FiatSteps, { title: props.title, client: props.client, onBack: props.onBack, partialQuote: fiatQuoteToPartialQuote(props.quote), step: 1, onContinue: () => {
|
32
|
-
const popup = openOnrampPopup(props.quote.onRampLink, props.theme);
|
33
|
-
trackPayEvent({
|
34
|
-
event: "open_onramp_popup",
|
35
|
-
client: props.client,
|
36
|
-
walletAddress: props.payer.account.address,
|
37
|
-
walletType: props.payer.wallet.id,
|
38
|
-
});
|
39
|
-
addPendingTx({
|
40
|
-
type: "fiat",
|
41
|
-
intentId: props.quote.intentId,
|
42
|
-
});
|
43
|
-
setPopupWindow(popup);
|
44
|
-
setScreen({ id: "onramp-status" });
|
45
|
-
} }));
|
46
|
-
}
|
47
|
-
if (screen.id === "onramp-status") {
|
48
|
-
return (_jsx(OnrampStatusScreen, { title: props.title, client: props.client, intentId: props.quote.intentId, onBack: props.onBack, hasTwoSteps: hasTwoSteps, openedWindow: popupWindow, quote: props.quote, onDone: props.onDone, onShowSwapFlow: (_status) => {
|
49
|
-
setScreen({ id: "postonramp-swap", data: _status });
|
50
|
-
}, transactionMode: props.transactionMode, isEmbed: props.isEmbed, onSuccess: props.onSuccess }));
|
51
|
-
}
|
52
|
-
if (screen.id === "postonramp-swap") {
|
53
|
-
return (_jsx(PostOnRampSwapFlow, { title: props.title, status: screen.data, quote: fiatQuoteToPartialQuote(props.quote), client: props.client, onBack: props.onBack, onDone: props.onDone, onSwapFlowStarted: () => {
|
54
|
-
// no op
|
55
|
-
}, transactionMode: props.transactionMode, isEmbed: props.isEmbed, payer: props.payer, onSuccess: onPostOnrampSuccess }));
|
56
|
-
}
|
57
|
-
// never
|
58
|
-
return null;
|
59
|
-
}
|
60
|
-
//# sourceMappingURL=FiatFlow.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"FiatFlow.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatFlow.tsx"],"names":[],"mappings":"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"}
|