thirdweb 5.58.4 → 5.58.5
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/react/native/ui/connect/ConnectButton.js.map +1 -1
- package/dist/cjs/react/native/ui/connect/ConnectModal.js.map +1 -1
- package/dist/cjs/react/native/ui/connect/ConnectedButton.js +1 -1
- package/dist/cjs/react/native/ui/connect/ConnectedButton.js.map +1 -1
- package/dist/cjs/react/native/ui/connect/ConnectedModal.js +1 -1
- package/dist/cjs/react/native/ui/connect/ConnectedModal.js.map +1 -1
- package/dist/cjs/react/native/ui/connect/TokenListScreen.js +1 -1
- package/dist/cjs/react/native/ui/connect/TokenListScreen.js.map +1 -1
- package/dist/cjs/react/native/ui/connect/WalletLoadingThumbnail.js.map +1 -1
- package/dist/cjs/react/native/ui/transaction/TransactionButton.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/ConnectButton.js +6 -3
- package/dist/cjs/react/web/ui/ConnectWallet/ConnectButton.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/Details.js +5 -4
- package/dist/cjs/react/web/ui/ConnectWallet/Details.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/Modal/AllWalletsUI.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/Modal/DeepLinkConnectUI.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/Modal/SmartWalletConnectUI.js +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/Modal/SmartWalletConnectUI.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/Modal/TOS.js +2 -2
- package/dist/cjs/react/web/ui/ConnectWallet/Modal/TOS.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/NetworkSelector.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/PoweredByTW.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/TransactionsScreen.js +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/TransactionsScreen.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.js +2 -2
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/DirectPaymentModeScreen.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/TransactionModeScreen.js +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/TransactionModeScreen.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatStatusScreen.js +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatStatusScreen.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.js +8 -8
- 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/pay-transactions/BuyTxHistoryButton.js +4 -4
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/BuyTxHistoryButton.js.map +1 -1
- 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/swap/ConfirmationScreen.js +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/Fees.js +3 -3
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/Fees.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/SwapStatusScreen.js +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/SwapStatusScreen.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/TransferConfirmationScreen.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/SendFunds.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/SignatureScreen.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/StartScreen.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/WalletConnectDisconnectScreen.js +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/WalletConnectDisconnectScreen.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/WalletConnectReceiverScreen.js +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/WalletConnectReceiverScreen.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/WalletLogoSpinner.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/WalletTransactionHistory.js.map +1 -1
- package/dist/cjs/react/web/ui/TransactionButton/ExecutingScreen.js +1 -1
- package/dist/cjs/react/web/ui/TransactionButton/ExecutingScreen.js.map +1 -1
- package/dist/cjs/react/web/ui/TransactionButton/index.js.map +1 -1
- package/dist/cjs/react/web/ui/components/ChainName.js.map +1 -1
- package/dist/cjs/react/web/ui/components/Modal.js +1 -1
- package/dist/cjs/react/web/ui/components/Modal.js.map +1 -1
- package/dist/cjs/react/web/ui/components/basic.js.map +1 -1
- package/dist/cjs/react/web/wallets/in-app/CountrySelector.js +1 -1
- package/dist/cjs/react/web/wallets/in-app/CountrySelector.js.map +1 -1
- package/dist/cjs/react/web/wallets/shared/ConnectWalletSocialOptions.js.map +1 -1
- package/dist/cjs/react/web/wallets/shared/ConnectingScreen.js +1 -1
- package/dist/cjs/react/web/wallets/shared/ConnectingScreen.js.map +1 -1
- package/dist/cjs/storage/upload/web-node.js +6 -0
- package/dist/cjs/storage/upload/web-node.js.map +1 -1
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/wallets/in-app/core/authentication/client-scoped-storage.js +12 -0
- package/dist/cjs/wallets/in-app/core/authentication/client-scoped-storage.js.map +1 -1
- package/dist/cjs/wallets/in-app/core/authentication/guest.js +13 -1
- package/dist/cjs/wallets/in-app/core/authentication/guest.js.map +1 -1
- package/dist/cjs/wallets/in-app/core/constants/settings.js +6 -1
- package/dist/cjs/wallets/in-app/core/constants/settings.js.map +1 -1
- package/dist/cjs/wallets/in-app/native/auth/native-auth.js +2 -0
- package/dist/cjs/wallets/in-app/native/auth/native-auth.js.map +1 -1
- package/dist/cjs/wallets/in-app/native/native-connector.js +1 -0
- package/dist/cjs/wallets/in-app/native/native-connector.js.map +1 -1
- package/dist/cjs/wallets/in-app/web/lib/web-connector.js +1 -0
- package/dist/cjs/wallets/in-app/web/lib/web-connector.js.map +1 -1
- package/dist/esm/react/native/ui/connect/ConnectButton.js.map +1 -1
- package/dist/esm/react/native/ui/connect/ConnectModal.js.map +1 -1
- package/dist/esm/react/native/ui/connect/ConnectedButton.js +1 -1
- package/dist/esm/react/native/ui/connect/ConnectedButton.js.map +1 -1
- package/dist/esm/react/native/ui/connect/ConnectedModal.js +1 -1
- package/dist/esm/react/native/ui/connect/ConnectedModal.js.map +1 -1
- package/dist/esm/react/native/ui/connect/TokenListScreen.js +1 -1
- package/dist/esm/react/native/ui/connect/TokenListScreen.js.map +1 -1
- package/dist/esm/react/native/ui/connect/WalletLoadingThumbnail.js.map +1 -1
- package/dist/esm/react/native/ui/transaction/TransactionButton.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/ConnectButton.js +6 -3
- package/dist/esm/react/web/ui/ConnectWallet/ConnectButton.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/Details.js +5 -4
- package/dist/esm/react/web/ui/ConnectWallet/Details.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/Modal/AllWalletsUI.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/Modal/DeepLinkConnectUI.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/Modal/SmartWalletConnectUI.js +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/Modal/SmartWalletConnectUI.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/Modal/TOS.js +2 -2
- package/dist/esm/react/web/ui/ConnectWallet/Modal/TOS.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/NetworkSelector.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/PoweredByTW.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/TransactionsScreen.js +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/TransactionsScreen.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.js +2 -2
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/DirectPaymentModeScreen.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/TransactionModeScreen.js +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/TransactionModeScreen.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatStatusScreen.js +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatStatusScreen.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.js +8 -8
- 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 +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/BuyTxHistoryButton.js +4 -4
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/BuyTxHistoryButton.js.map +1 -1
- 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/swap/ConfirmationScreen.js +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/Fees.js +3 -3
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/Fees.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/SwapStatusScreen.js +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/SwapStatusScreen.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/TransferConfirmationScreen.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/SendFunds.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/SignatureScreen.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/StartScreen.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/WalletConnectDisconnectScreen.js +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/WalletConnectDisconnectScreen.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/WalletConnectReceiverScreen.js +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/WalletConnectReceiverScreen.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/WalletLogoSpinner.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/WalletTransactionHistory.js.map +1 -1
- package/dist/esm/react/web/ui/TransactionButton/ExecutingScreen.js +1 -1
- package/dist/esm/react/web/ui/TransactionButton/ExecutingScreen.js.map +1 -1
- package/dist/esm/react/web/ui/TransactionButton/index.js.map +1 -1
- package/dist/esm/react/web/ui/components/ChainName.js.map +1 -1
- package/dist/esm/react/web/ui/components/Modal.js +1 -1
- package/dist/esm/react/web/ui/components/Modal.js.map +1 -1
- package/dist/esm/react/web/ui/components/basic.js.map +1 -1
- package/dist/esm/react/web/wallets/in-app/CountrySelector.js +1 -1
- package/dist/esm/react/web/wallets/in-app/CountrySelector.js.map +1 -1
- package/dist/esm/react/web/wallets/shared/ConnectWalletSocialOptions.js.map +1 -1
- package/dist/esm/react/web/wallets/shared/ConnectingScreen.js +1 -1
- package/dist/esm/react/web/wallets/shared/ConnectingScreen.js.map +1 -1
- package/dist/esm/storage/upload/web-node.js +6 -0
- package/dist/esm/storage/upload/web-node.js.map +1 -1
- package/dist/esm/version.js +1 -1
- package/dist/esm/wallets/in-app/core/authentication/client-scoped-storage.js +13 -1
- package/dist/esm/wallets/in-app/core/authentication/client-scoped-storage.js.map +1 -1
- package/dist/esm/wallets/in-app/core/authentication/guest.js +13 -1
- package/dist/esm/wallets/in-app/core/authentication/guest.js.map +1 -1
- package/dist/esm/wallets/in-app/core/constants/settings.js +4 -0
- package/dist/esm/wallets/in-app/core/constants/settings.js.map +1 -1
- package/dist/esm/wallets/in-app/native/auth/native-auth.js +2 -0
- package/dist/esm/wallets/in-app/native/auth/native-auth.js.map +1 -1
- package/dist/esm/wallets/in-app/native/native-connector.js +1 -0
- package/dist/esm/wallets/in-app/native/native-connector.js.map +1 -1
- package/dist/esm/wallets/in-app/web/lib/web-connector.js +1 -0
- package/dist/esm/wallets/in-app/web/lib/web-connector.js.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/ConnectButton.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/Details.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/Modal/TOS.d.ts.map +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/wallets/in-app/core/authentication/client-scoped-storage.d.ts +8 -0
- package/dist/types/wallets/in-app/core/authentication/client-scoped-storage.d.ts.map +1 -1
- package/dist/types/wallets/in-app/core/authentication/guest.d.ts +2 -0
- package/dist/types/wallets/in-app/core/authentication/guest.d.ts.map +1 -1
- package/dist/types/wallets/in-app/core/constants/settings.d.ts +4 -0
- package/dist/types/wallets/in-app/core/constants/settings.d.ts.map +1 -1
- package/dist/types/wallets/in-app/native/auth/native-auth.d.ts.map +1 -1
- package/dist/types/wallets/in-app/native/native-connector.d.ts.map +1 -1
- package/dist/types/wallets/in-app/web/lib/web-connector.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/react/native/ui/connect/ConnectButton.tsx +1 -1
- package/src/react/native/ui/connect/ConnectModal.tsx +1 -1
- package/src/react/native/ui/connect/ConnectedButton.tsx +1 -1
- package/src/react/native/ui/connect/ConnectedModal.tsx +1 -1
- package/src/react/native/ui/connect/TokenListScreen.tsx +1 -1
- package/src/react/native/ui/connect/WalletLoadingThumbnail.tsx +1 -1
- package/src/react/native/ui/transaction/TransactionButton.tsx +1 -1
- package/src/react/web/ui/ConnectWallet/ConnectButton.tsx +6 -9
- package/src/react/web/ui/ConnectWallet/Details.tsx +11 -12
- package/src/react/web/ui/ConnectWallet/Modal/AllWalletsUI.tsx +1 -1
- package/src/react/web/ui/ConnectWallet/Modal/DeepLinkConnectUI.tsx +1 -1
- package/src/react/web/ui/ConnectWallet/Modal/SmartWalletConnectUI.tsx +0 -1
- package/src/react/web/ui/ConnectWallet/Modal/TOS.tsx +2 -3
- package/src/react/web/ui/ConnectWallet/NetworkSelector.tsx +1 -1
- package/src/react/web/ui/ConnectWallet/PoweredByTW.tsx +1 -1
- package/src/react/web/ui/ConnectWallet/TransactionsScreen.tsx +1 -1
- package/src/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.tsx +2 -2
- package/src/react/web/ui/ConnectWallet/screens/Buy/DirectPaymentModeScreen.tsx +1 -1
- package/src/react/web/ui/ConnectWallet/screens/Buy/TransactionModeScreen.tsx +2 -2
- package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatStatusScreen.tsx +1 -1
- package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.tsx +12 -12
- package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.tsx +1 -1
- package/src/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/BuyTxHistoryButton.tsx +3 -3
- package/src/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/SwapDetailsScreen.tsx +1 -1
- package/src/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.tsx +2 -2
- package/src/react/web/ui/ConnectWallet/screens/Buy/swap/Fees.tsx +3 -3
- package/src/react/web/ui/ConnectWallet/screens/Buy/swap/SwapStatusScreen.tsx +5 -5
- package/src/react/web/ui/ConnectWallet/screens/Buy/swap/TransferConfirmationScreen.tsx +2 -2
- package/src/react/web/ui/ConnectWallet/screens/SendFunds.tsx +1 -1
- package/src/react/web/ui/ConnectWallet/screens/SignatureScreen.tsx +1 -1
- package/src/react/web/ui/ConnectWallet/screens/StartScreen.tsx +1 -1
- package/src/react/web/ui/ConnectWallet/screens/WalletConnectDisconnectScreen.tsx +2 -2
- package/src/react/web/ui/ConnectWallet/screens/WalletConnectReceiverScreen.tsx +2 -2
- package/src/react/web/ui/ConnectWallet/screens/WalletLogoSpinner.tsx +1 -1
- package/src/react/web/ui/ConnectWallet/screens/WalletTransactionHistory.tsx +2 -2
- package/src/react/web/ui/TransactionButton/ExecutingScreen.tsx +1 -1
- package/src/react/web/ui/TransactionButton/index.tsx +1 -1
- package/src/react/web/ui/components/ChainName.tsx +1 -1
- package/src/react/web/ui/components/Modal.tsx +1 -1
- package/src/react/web/ui/components/basic.tsx +1 -1
- package/src/react/web/ui/prebuilt/NFT/NFT.test.tsx +2 -2
- package/src/react/web/wallets/in-app/CountrySelector.tsx +1 -1
- package/src/react/web/wallets/shared/ConnectWalletSocialOptions.tsx +1 -1
- package/src/react/web/wallets/shared/ConnectingScreen.tsx +1 -1
- package/src/storage/upload/web-node.ts +10 -0
- package/src/version.ts +1 -1
- package/src/wallets/in-app/core/authentication/client-scoped-storage.ts +14 -0
- package/src/wallets/in-app/core/authentication/guest.ts +17 -1
- package/src/wallets/in-app/core/constants/settings.ts +6 -0
- package/src/wallets/in-app/native/auth/native-auth.ts +2 -0
- package/src/wallets/in-app/native/native-connector.ts +1 -0
- package/src/wallets/in-app/web/lib/web-connector.ts +1 -0
@@ -59,7 +59,7 @@ export function ConnectedButton(
|
|
59
59
|
fontSize: fontSize.sm,
|
60
60
|
}}
|
61
61
|
>
|
62
|
-
{formatBalanceOnButton(Number(balanceQuery.data.displayValue))}
|
62
|
+
{formatBalanceOnButton(Number(balanceQuery.data.displayValue))}
|
63
63
|
{balanceQuery.data?.symbol}
|
64
64
|
</ThemedText>
|
65
65
|
) : (
|
@@ -184,7 +184,7 @@ const AccountHeader = (props: ConnectedModalProps) => {
|
|
184
184
|
fontSize: fontSize.sm,
|
185
185
|
}}
|
186
186
|
>
|
187
|
-
{formatNumber(Number(balanceQuery.data.displayValue), 5)}
|
187
|
+
{formatNumber(Number(balanceQuery.data.displayValue), 5)}
|
188
188
|
{balanceQuery.data?.symbol}
|
189
189
|
</ThemedText>
|
190
190
|
) : (
|
@@ -91,7 +91,7 @@ export const TokenRow = (props: {
|
|
91
91
|
{address &&
|
92
92
|
(balanceQuery.data ? (
|
93
93
|
<ThemedText theme={theme} type="subtext">
|
94
|
-
{formatBalanceOnButton(Number(balanceQuery.data.displayValue))}
|
94
|
+
{formatBalanceOnButton(Number(balanceQuery.data.displayValue))}
|
95
95
|
{balanceQuery.data?.symbol}
|
96
96
|
</ThemedText>
|
97
97
|
) : (
|
@@ -51,7 +51,7 @@ export function TransactionButton(props: TransactionButtonProps) {
|
|
51
51
|
return (
|
52
52
|
<ThemedButton
|
53
53
|
disabled={!account || disabled || isPending}
|
54
|
-
variant=
|
54
|
+
variant="primary"
|
55
55
|
onPress={() => handleClick()}
|
56
56
|
style={buttonProps.style as StyleProp<ViewStyle>}
|
57
57
|
theme={theme}
|
@@ -313,12 +313,11 @@ export function ConnectButton(props: ConnectButtonProps) {
|
|
313
313
|
);
|
314
314
|
|
315
315
|
if (!localeQuery.data) {
|
316
|
+
const combinedClassName = `${props.connectButton?.className || ""} ${TW_CONNECT_WALLET}`;
|
316
317
|
return (
|
317
318
|
<AnimatedButton
|
318
319
|
disabled={true}
|
319
|
-
className={
|
320
|
-
props.connectButton?.className || ""
|
321
|
-
} ${TW_CONNECT_WALLET}`}
|
320
|
+
className={combinedClassName}
|
322
321
|
variant="primary"
|
323
322
|
type="button"
|
324
323
|
style={{
|
@@ -413,12 +412,11 @@ function ConnectButtonInner(
|
|
413
412
|
|
414
413
|
if (!activeAccount) {
|
415
414
|
// Connect Wallet button
|
415
|
+
const combinedClassName = `${props.connectButton?.className || ""} ${TW_CONNECT_WALLET}`;
|
416
416
|
return (
|
417
417
|
<AnimatedButton
|
418
418
|
disabled={isLoading}
|
419
|
-
className={
|
420
|
-
props.connectButton?.className || ""
|
421
|
-
} ${TW_CONNECT_WALLET}`}
|
419
|
+
className={combinedClassName}
|
422
420
|
data-theme={theme}
|
423
421
|
data-is-loading={isLoading}
|
424
422
|
variant="primary"
|
@@ -454,12 +452,11 @@ function ConnectButtonInner(
|
|
454
452
|
// loading state if loading
|
455
453
|
// TODO: figure out a way to consolidate the loading states with the ones from locale loading
|
456
454
|
if (siweAuth.isLoading || siweAuth.isLoggingIn || siweAuth.isLoggingOut) {
|
455
|
+
const combinedClassName = `${props.connectButton?.className || ""} ${TW_CONNECT_WALLET}`;
|
457
456
|
return (
|
458
457
|
<AnimatedButton
|
459
458
|
disabled={true}
|
460
|
-
className={
|
461
|
-
props.connectButton?.className || ""
|
462
|
-
} ${TW_CONNECT_WALLET}`}
|
459
|
+
className={combinedClassName}
|
463
460
|
variant="primary"
|
464
461
|
type="button"
|
465
462
|
style={{
|
@@ -200,12 +200,14 @@ export const ConnectedWalletDetails: React.FC<{
|
|
200
200
|
|
201
201
|
const avatarSrc = props.detailsButton?.connectedAccountAvatarUrl || pfp;
|
202
202
|
|
203
|
+
const combinedClassName = `${TW_CONNECTED_WALLET} ${
|
204
|
+
props.detailsButton?.className || ""
|
205
|
+
}`;
|
206
|
+
|
203
207
|
return (
|
204
208
|
<WalletInfoButton
|
205
209
|
type="button"
|
206
|
-
className={
|
207
|
-
props.detailsButton?.className || ""
|
208
|
-
}`}
|
210
|
+
className={combinedClassName}
|
209
211
|
style={props.detailsButton?.style}
|
210
212
|
data-test="connected-wallet-details"
|
211
213
|
onClick={openModal}
|
@@ -258,7 +260,7 @@ export const ConnectedWalletDetails: React.FC<{
|
|
258
260
|
color="secondaryText"
|
259
261
|
weight={400}
|
260
262
|
>
|
261
|
-
{formatBalanceOnButton(Number(balanceQuery.data.displayValue))}
|
263
|
+
{formatBalanceOnButton(Number(balanceQuery.data.displayValue))}
|
262
264
|
{balanceQuery.data.symbol}
|
263
265
|
</Text>
|
264
266
|
) : (
|
@@ -355,7 +357,7 @@ function DetailsModal(props: {
|
|
355
357
|
</div>
|
356
358
|
|
357
359
|
{chainNameQuery.isLoading ? (
|
358
|
-
<Skeleton height=
|
360
|
+
<Skeleton height="16px" width="150px" />
|
359
361
|
) : (
|
360
362
|
<Text color="primaryText" size="md" multiline>
|
361
363
|
{chainNameQuery.name || `Unknown chain #${walletChain?.id}`}
|
@@ -364,7 +366,7 @@ function DetailsModal(props: {
|
|
364
366
|
formatNumber(Number(balanceQuery.data.displayValue), 5)
|
365
367
|
) : (
|
366
368
|
<Skeleton height="1em" width="100px" />
|
367
|
-
)}
|
369
|
+
)}
|
368
370
|
{balanceQuery.data?.symbol}
|
369
371
|
</Text>
|
370
372
|
</Text>
|
@@ -561,12 +563,9 @@ function DetailsModal(props: {
|
|
561
563
|
}}
|
562
564
|
>
|
563
565
|
<Container color="secondaryText" flex="row" center="both">
|
564
|
-
<PinBottomIcon
|
565
|
-
width={iconSize.sm}
|
566
|
-
height={iconSize.sm}
|
567
|
-
/>{" "}
|
566
|
+
<PinBottomIcon width={iconSize.sm} height={iconSize.sm} />
|
568
567
|
</Container>
|
569
|
-
{locale.receive}
|
568
|
+
{locale.receive}
|
570
569
|
</Button>
|
571
570
|
)}
|
572
571
|
|
@@ -951,7 +950,7 @@ function DetailsModal(props: {
|
|
951
950
|
<WalletUIStatesProvider theme={props.theme} isOpen={false}>
|
952
951
|
<ScreenSetupContext.Provider value={screenSetup}>
|
953
952
|
<Modal
|
954
|
-
size=
|
953
|
+
size="compact"
|
955
954
|
open={isOpen}
|
956
955
|
setOpen={(_open) => {
|
957
956
|
if (!_open) {
|
@@ -33,7 +33,7 @@ export const DeepLinkConnectUI = (props: {
|
|
33
33
|
|
34
34
|
<Container flex="row" center="x" animate="fadein" py="3xl">
|
35
35
|
<PulsatingContainer>
|
36
|
-
<WalletImage id={props.wallet.id} client={props.client} size=
|
36
|
+
<WalletImage id={props.wallet.id} client={props.client} size="80" />
|
37
37
|
</PulsatingContainer>
|
38
38
|
</Container>
|
39
39
|
|
@@ -49,7 +49,7 @@ export function TOS(props: {
|
|
49
49
|
disabled={!requireApproval}
|
50
50
|
/>
|
51
51
|
)}
|
52
|
-
{locale.prefix}
|
52
|
+
{locale.prefix}
|
53
53
|
{termsOfServiceUrl && (
|
54
54
|
<Link
|
55
55
|
inline
|
@@ -60,8 +60,7 @@ export function TOS(props: {
|
|
60
60
|
whiteSpace: "nowrap",
|
61
61
|
}}
|
62
62
|
>
|
63
|
-
{
|
64
|
-
{locale.termsOfService}{" "}
|
63
|
+
{locale.termsOfService}
|
65
64
|
</Link>
|
66
65
|
)}
|
67
66
|
{bothGiven && `${locale.and} `}
|
@@ -1234,7 +1234,7 @@ function SwapScreenContent(props: {
|
|
1234
1234
|
<div>
|
1235
1235
|
{errorMsg.minAmount && (
|
1236
1236
|
<Text color="danger" size="sm" center multiline>
|
1237
|
-
Minimum amount is {errorMsg.minAmount}
|
1237
|
+
Minimum amount is {errorMsg.minAmount}
|
1238
1238
|
<TokenSymbol
|
1239
1239
|
token={toToken}
|
1240
1240
|
chain={toChain}
|
@@ -1482,7 +1482,7 @@ function FiatScreenContent(props: {
|
|
1482
1482
|
<div>
|
1483
1483
|
{errorMsg.minAmount && (
|
1484
1484
|
<Text color="danger" size="sm" center multiline>
|
1485
|
-
Minimum amount is {errorMsg.minAmount}
|
1485
|
+
Minimum amount is {errorMsg.minAmount}
|
1486
1486
|
<TokenSymbol
|
1487
1487
|
token={toToken}
|
1488
1488
|
chain={toChain}
|
@@ -113,7 +113,7 @@ export function TransactionModeScreen(props: {
|
|
113
113
|
<Container flex="row">
|
114
114
|
<Container flex="column" expand>
|
115
115
|
<Text size="md" color="primaryText" weight={700}>
|
116
|
-
|
116
|
+
Price
|
117
117
|
</Text>
|
118
118
|
</Container>
|
119
119
|
<Container expand>
|
@@ -140,7 +140,7 @@ export function TransactionModeScreen(props: {
|
|
140
140
|
),
|
141
141
|
6,
|
142
142
|
),
|
143
|
-
)}
|
143
|
+
)}
|
144
144
|
{transactionCostAndData.token.symbol}
|
145
145
|
</Text>
|
146
146
|
</Container>
|
@@ -118,7 +118,7 @@ export function OnrampStatusScreen(props: {
|
|
118
118
|
<StepBar steps={2} currentStep={1} />
|
119
119
|
<Spacer y="sm" />
|
120
120
|
<Text size="xs">
|
121
|
-
Step 1 of 2 - Buying {props.quote.onRampToken.token.symbol} with
|
121
|
+
Step 1 of 2 - Buying {props.quote.onRampToken.token.symbol} with
|
122
122
|
{props.quote.fromCurrencyWithFees.currencySymbol}
|
123
123
|
</Text>
|
124
124
|
</>
|
@@ -164,7 +164,7 @@ export function FiatSteps(props: {
|
|
164
164
|
const onRampTokenInfo = (
|
165
165
|
<div>
|
166
166
|
<Text color="primaryText" size="sm">
|
167
|
-
{formatNumber(Number(onRampTokenAmount), 6)}
|
167
|
+
{formatNumber(Number(onRampTokenAmount), 6)}
|
168
168
|
<TokenSymbol token={onRampToken} chain={onRampChain} size="sm" inline />
|
169
169
|
</Text>
|
170
170
|
</div>
|
@@ -204,7 +204,7 @@ export function FiatSteps(props: {
|
|
204
204
|
textDecoration: "line-through",
|
205
205
|
}}
|
206
206
|
>
|
207
|
-
{formatNumber(Number(toTokenAmount), 6)}
|
207
|
+
{formatNumber(Number(toTokenAmount), 6)}
|
208
208
|
<TokenSymbol
|
209
209
|
token={toToken}
|
210
210
|
chain={toChain}
|
@@ -212,9 +212,9 @@ export function FiatSteps(props: {
|
|
212
212
|
inline
|
213
213
|
color="secondaryText"
|
214
214
|
/>
|
215
|
-
</Text>
|
215
|
+
</Text>
|
216
216
|
<Text color="danger" size="sm" inline>
|
217
|
-
{formatNumber(Number(props.status.destination.amount), 6)}
|
217
|
+
{formatNumber(Number(props.status.destination.amount), 6)}
|
218
218
|
<TokenSymbol
|
219
219
|
token={{
|
220
220
|
address: props.status.destination.token.tokenAddress,
|
@@ -232,7 +232,7 @@ export function FiatSteps(props: {
|
|
232
232
|
|
233
233
|
const toTokenInfo = partialSuccessToTokenInfo || (
|
234
234
|
<Text color="primaryText" size="sm">
|
235
|
-
{formatNumber(Number(toTokenAmount), 6)}
|
235
|
+
{formatNumber(Number(toTokenAmount), 6)}
|
236
236
|
<TokenSymbol token={toToken} chain={toChain} size="sm" inline />
|
237
237
|
</Text>
|
238
238
|
);
|
@@ -251,7 +251,7 @@ export function FiatSteps(props: {
|
|
251
251
|
}}
|
252
252
|
>
|
253
253
|
{toChainName.name}
|
254
|
-
</Text>
|
254
|
+
</Text>
|
255
255
|
<Text size="xs" inline>
|
256
256
|
{destinationName.name}
|
257
257
|
</Text>
|
@@ -316,13 +316,13 @@ export function FiatSteps(props: {
|
|
316
316
|
<PaymentStep
|
317
317
|
title={
|
318
318
|
<Text color="primaryText" size="md">
|
319
|
-
Get
|
319
|
+
Get
|
320
320
|
<TokenSymbol
|
321
321
|
token={onRampToken}
|
322
322
|
chain={onRampChain}
|
323
323
|
size="md"
|
324
324
|
inline
|
325
|
-
/>
|
325
|
+
/>
|
326
326
|
with {props.partialQuote.fromCurrencySymbol}
|
327
327
|
</Text>
|
328
328
|
}
|
@@ -356,13 +356,13 @@ export function FiatSteps(props: {
|
|
356
356
|
<PaymentStep
|
357
357
|
title={
|
358
358
|
<Text color="primaryText" size="md">
|
359
|
-
Convert
|
359
|
+
Convert
|
360
360
|
<TokenSymbol
|
361
361
|
token={onRampToken}
|
362
362
|
chain={onRampChain}
|
363
363
|
size="md"
|
364
364
|
inline
|
365
|
-
/>
|
365
|
+
/>
|
366
366
|
to <TokenSymbol token={toToken} chain={toChain} size="md" inline />
|
367
367
|
</Text>
|
368
368
|
}
|
@@ -396,7 +396,7 @@ export function FiatSteps(props: {
|
|
396
396
|
<>
|
397
397
|
<Spacer y="md" />
|
398
398
|
<Text color="danger" size="sm" center>
|
399
|
-
Expected {props.status.source?.token.symbol}, Got
|
399
|
+
Expected {props.status.source?.token.symbol}, Got
|
400
400
|
{props.status.destination?.token.symbol} instead
|
401
401
|
</Text>
|
402
402
|
<Spacer y="sm" />
|
@@ -490,7 +490,7 @@ function PaymentStep(props: {
|
|
490
490
|
gap="xxs"
|
491
491
|
target="_blank"
|
492
492
|
>
|
493
|
-
{props.explorer.label}
|
493
|
+
{props.explorer.label}
|
494
494
|
<ExternalLinkIcon width={iconSize.xs} height={iconSize.xs} />
|
495
495
|
</ButtonLink>
|
496
496
|
</>
|
@@ -72,7 +72,7 @@ export function OnRampTxDetailsTable(props: {
|
|
72
72
|
<Container flex="row" gap="xs" center="y">
|
73
73
|
<currencyMeta.icon size={iconSize.sm} />
|
74
74
|
<Text color="primaryText">
|
75
|
-
{formatNumber(Number(props.fiat.amount), 2)}
|
75
|
+
{formatNumber(Number(props.fiat.amount), 2)}
|
76
76
|
{props.fiat.currencySymbol}
|
77
77
|
</Text>
|
78
78
|
</Container>
|
@@ -72,7 +72,7 @@ export function BuyTxHistoryButton(props: {
|
|
72
72
|
}}
|
73
73
|
>
|
74
74
|
<Text size="sm" color="primaryText">
|
75
|
-
Buy
|
75
|
+
Buy
|
76
76
|
{formatNumber(
|
77
77
|
Number(
|
78
78
|
props.txInfo.type === "swap"
|
@@ -80,9 +80,9 @@ export function BuyTxHistoryButton(props: {
|
|
80
80
|
: props.txInfo.status.quote.estimatedToTokenAmount,
|
81
81
|
),
|
82
82
|
6,
|
83
|
-
)}
|
83
|
+
)}
|
84
84
|
{props.txInfo.status.quote.toToken.symbol}
|
85
|
-
</Text>
|
85
|
+
</Text>
|
86
86
|
</Container>
|
87
87
|
|
88
88
|
<Spacer y="xxs" />
|
@@ -247,7 +247,7 @@ export function SwapTxDetailsTable(
|
|
247
247
|
<TokenInfoRow
|
248
248
|
chainId={toToken.chainId}
|
249
249
|
client={client}
|
250
|
-
label=
|
250
|
+
label="Receive"
|
251
251
|
tokenAmount={toToken.amount}
|
252
252
|
tokenSymbol={toToken.symbol || ""}
|
253
253
|
tokenAddress={toToken.address}
|
@@ -76,7 +76,7 @@ export function SwapConfirmationScreen(props: {
|
|
76
76
|
<StepBar steps={2} currentStep={2} />
|
77
77
|
<Spacer y="sm" />
|
78
78
|
<Text size="xs">
|
79
|
-
Step 2 of 2 - Converting {props.fromTokenSymbol} to
|
79
|
+
Step 2 of 2 - Converting {props.fromTokenSymbol} to
|
80
80
|
{props.toTokenSymbol}
|
81
81
|
</Text>
|
82
82
|
<Spacer y="md" />
|
@@ -352,7 +352,7 @@ function RenderTokenInfo(props: {
|
|
352
352
|
{name ? (
|
353
353
|
<Text size="xs">{name}</Text>
|
354
354
|
) : (
|
355
|
-
<Skeleton width=
|
355
|
+
<Skeleton width="100px" height={fontSize.xs} />
|
356
356
|
)}
|
357
357
|
</Container>
|
358
358
|
);
|
@@ -60,7 +60,7 @@ export function FiatFees(props: {
|
|
60
60
|
Amount
|
61
61
|
</Text>
|
62
62
|
<Text color="primaryText" inline>
|
63
|
-
{formatNumber(Number(props.quote.fromCurrency.amount), 2)}
|
63
|
+
{formatNumber(Number(props.quote.fromCurrency.amount), 2)}
|
64
64
|
{props.quote.fromCurrency.currencySymbol}
|
65
65
|
</Text>
|
66
66
|
</div>
|
@@ -84,7 +84,7 @@ export function FiatFees(props: {
|
|
84
84
|
|
85
85
|
<Text color="primaryText" inline>
|
86
86
|
{feeAmount === 0 ? "~" : ""}
|
87
|
-
{feeAmount} {fee.currencySymbol}
|
87
|
+
{feeAmount} {fee.currencySymbol}
|
88
88
|
</Text>
|
89
89
|
</div>
|
90
90
|
);
|
@@ -105,7 +105,7 @@ export function FiatFees(props: {
|
|
105
105
|
Total
|
106
106
|
</Text>
|
107
107
|
<Text color="primaryText" inline>
|
108
|
-
{formatNumber(Number(props.quote.fromCurrencyWithFees.amount), 6)}
|
108
|
+
{formatNumber(Number(props.quote.fromCurrencyWithFees.amount), 6)}
|
109
109
|
{props.quote.fromCurrencyWithFees.currencySymbol}
|
110
110
|
</Text>
|
111
111
|
</div>
|
@@ -105,7 +105,7 @@ export function SwapStatusScreen(props: {
|
|
105
105
|
height={iconSize["3xl"]}
|
106
106
|
/>
|
107
107
|
<Spacer y="sm" />
|
108
|
-
<Text color=
|
108
|
+
<Text color="primaryText" size="lg">
|
109
109
|
Buy Complete
|
110
110
|
</Text>
|
111
111
|
</Container>
|
@@ -129,12 +129,12 @@ export function SwapStatusScreen(props: {
|
|
129
129
|
<Container color="success" flex="column" center="x">
|
130
130
|
<AccentFailIcon size={iconSize["3xl"]} />
|
131
131
|
<Spacer y="xl" />
|
132
|
-
<Text color=
|
132
|
+
<Text color="primaryText" size="lg">
|
133
133
|
Incomplete
|
134
134
|
</Text>
|
135
135
|
<Spacer y="sm" />
|
136
136
|
<Text size="sm" color="danger">
|
137
|
-
Expected {swapStatus.data.quote.toToken.symbol}, Got
|
137
|
+
Expected {swapStatus.data.quote.toToken.symbol}, Got
|
138
138
|
{swapStatus.data.destination.token.symbol} instead
|
139
139
|
</Text>
|
140
140
|
</Container>
|
@@ -151,7 +151,7 @@ export function SwapStatusScreen(props: {
|
|
151
151
|
<Container flex="column" center="both">
|
152
152
|
<AccentFailIcon size={iconSize["3xl"]} />
|
153
153
|
<Spacer y="xl" />
|
154
|
-
<Text color=
|
154
|
+
<Text color="primaryText" size="lg">
|
155
155
|
Transaction Failed
|
156
156
|
</Text>
|
157
157
|
|
@@ -189,7 +189,7 @@ export function SwapStatusScreen(props: {
|
|
189
189
|
<Spinner size="3xl" color="accentText" />
|
190
190
|
</div>
|
191
191
|
<Spacer y="lg" />
|
192
|
-
<Text color=
|
192
|
+
<Text color="primaryText" size="lg">
|
193
193
|
Buy Pending
|
194
194
|
</Text>
|
195
195
|
</Container>
|
@@ -121,7 +121,7 @@ export function TransferConfirmationScreen(
|
|
121
121
|
<TokenInfoRow
|
122
122
|
chainId={chain.id}
|
123
123
|
client={client}
|
124
|
-
label=
|
124
|
+
label="Amount"
|
125
125
|
tokenAmount={tokenAmount}
|
126
126
|
tokenSymbol={isNativeToken(token) ? symbol || "" : token.symbol}
|
127
127
|
tokenAddress={
|
@@ -177,7 +177,7 @@ export function TransferConfirmationScreen(
|
|
177
177
|
<Container flex="row" gap="xs" center="both" color="success">
|
178
178
|
<CheckCircledIcon width={iconSize.sm} height={iconSize.sm} />
|
179
179
|
<Text color="success" size="sm">
|
180
|
-
|
180
|
+
Payment completed
|
181
181
|
</Text>
|
182
182
|
</Container>
|
183
183
|
<Spacer y="md" />
|
@@ -115,7 +115,7 @@ export const SignatureScreen: React.FC<{
|
|
115
115
|
<>
|
116
116
|
<Container flex="row" center="x" animate="fadein" py="3xl">
|
117
117
|
<PulsatingContainer>
|
118
|
-
<WalletImage id={wallet.id} client={props.client} size=
|
118
|
+
<WalletImage id={wallet.id} client={props.client} size="80" />
|
119
119
|
</PulsatingContainer>
|
120
120
|
</Container>
|
121
121
|
|
@@ -41,7 +41,7 @@ export function WalletConnectDisconnectScreen(props: {
|
|
41
41
|
<WalletLogoSpinner
|
42
42
|
client={props.client}
|
43
43
|
error={!!props.error}
|
44
|
-
id=
|
44
|
+
id="walletConnect"
|
45
45
|
hideSpinner={true}
|
46
46
|
/>
|
47
47
|
</Container>
|
@@ -83,7 +83,7 @@ export function WalletConnectDisconnectScreen(props: {
|
|
83
83
|
alignItems: "center",
|
84
84
|
}}
|
85
85
|
>
|
86
|
-
<ReloadIcon width={iconSize.sm} height={iconSize.sm} />
|
86
|
+
<ReloadIcon width={iconSize.sm} height={iconSize.sm} />
|
87
87
|
Retry
|
88
88
|
</Button>
|
89
89
|
</Container>
|
@@ -133,7 +133,7 @@ export function WalletConnectReceiverScreen(props: {
|
|
133
133
|
<WalletLogoSpinner
|
134
134
|
client={props.client}
|
135
135
|
error={!!errorConnecting}
|
136
|
-
id=
|
136
|
+
id="walletConnect"
|
137
137
|
hideSpinner={!loading}
|
138
138
|
/>
|
139
139
|
</Container>
|
@@ -193,7 +193,7 @@ export function WalletConnectReceiverScreen(props: {
|
|
193
193
|
alignItems: "center",
|
194
194
|
}}
|
195
195
|
>
|
196
|
-
<ReloadIcon width={iconSize.sm} height={iconSize.sm} />
|
196
|
+
<ReloadIcon width={iconSize.sm} height={iconSize.sm} />
|
197
197
|
Retry
|
198
198
|
</Button>
|
199
199
|
</Container>
|
@@ -176,12 +176,12 @@ function TransactionButton(props: {
|
|
176
176
|
<Container flex="row" gap="xxs" center="y">
|
177
177
|
{isLoading && <Spinner size="sm" color="primaryText" />}
|
178
178
|
{!isLoading && receipt && receipt.status === "success" && (
|
179
|
-
<Text size="md" color=
|
179
|
+
<Text size="md" color="success">
|
180
180
|
<CheckIcon width={iconSize.md} height={iconSize.md} />
|
181
181
|
</Text>
|
182
182
|
)}
|
183
183
|
{(error || (!isLoading && receipt && receipt.status !== "success")) && (
|
184
|
-
<Text size="md" color=
|
184
|
+
<Text size="md" color="danger">
|
185
185
|
<CrossCircledIcon width={iconSize.md} height={iconSize.md} />
|
186
186
|
</Text>
|
187
187
|
)}
|