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.
Files changed (229) hide show
  1. package/dist/cjs/react/native/ui/connect/ConnectButton.js.map +1 -1
  2. package/dist/cjs/react/native/ui/connect/ConnectModal.js.map +1 -1
  3. package/dist/cjs/react/native/ui/connect/ConnectedButton.js +1 -1
  4. package/dist/cjs/react/native/ui/connect/ConnectedButton.js.map +1 -1
  5. package/dist/cjs/react/native/ui/connect/ConnectedModal.js +1 -1
  6. package/dist/cjs/react/native/ui/connect/ConnectedModal.js.map +1 -1
  7. package/dist/cjs/react/native/ui/connect/TokenListScreen.js +1 -1
  8. package/dist/cjs/react/native/ui/connect/TokenListScreen.js.map +1 -1
  9. package/dist/cjs/react/native/ui/connect/WalletLoadingThumbnail.js.map +1 -1
  10. package/dist/cjs/react/native/ui/transaction/TransactionButton.js.map +1 -1
  11. package/dist/cjs/react/web/ui/ConnectWallet/ConnectButton.js +6 -3
  12. package/dist/cjs/react/web/ui/ConnectWallet/ConnectButton.js.map +1 -1
  13. package/dist/cjs/react/web/ui/ConnectWallet/Details.js +5 -4
  14. package/dist/cjs/react/web/ui/ConnectWallet/Details.js.map +1 -1
  15. package/dist/cjs/react/web/ui/ConnectWallet/Modal/AllWalletsUI.js.map +1 -1
  16. package/dist/cjs/react/web/ui/ConnectWallet/Modal/DeepLinkConnectUI.js.map +1 -1
  17. package/dist/cjs/react/web/ui/ConnectWallet/Modal/SmartWalletConnectUI.js +1 -1
  18. package/dist/cjs/react/web/ui/ConnectWallet/Modal/SmartWalletConnectUI.js.map +1 -1
  19. package/dist/cjs/react/web/ui/ConnectWallet/Modal/TOS.js +2 -2
  20. package/dist/cjs/react/web/ui/ConnectWallet/Modal/TOS.js.map +1 -1
  21. package/dist/cjs/react/web/ui/ConnectWallet/NetworkSelector.js.map +1 -1
  22. package/dist/cjs/react/web/ui/ConnectWallet/PoweredByTW.js.map +1 -1
  23. package/dist/cjs/react/web/ui/ConnectWallet/TransactionsScreen.js +1 -1
  24. package/dist/cjs/react/web/ui/ConnectWallet/TransactionsScreen.js.map +1 -1
  25. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.js +2 -2
  26. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.js.map +1 -1
  27. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/DirectPaymentModeScreen.js.map +1 -1
  28. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/TransactionModeScreen.js +1 -1
  29. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/TransactionModeScreen.js.map +1 -1
  30. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatStatusScreen.js +1 -1
  31. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatStatusScreen.js.map +1 -1
  32. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.js +8 -8
  33. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.js.map +1 -1
  34. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.js +1 -1
  35. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.js.map +1 -1
  36. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/BuyTxHistoryButton.js +4 -4
  37. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/BuyTxHistoryButton.js.map +1 -1
  38. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/SwapDetailsScreen.js.map +1 -1
  39. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.js +1 -1
  40. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.js.map +1 -1
  41. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/Fees.js +3 -3
  42. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/Fees.js.map +1 -1
  43. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/SwapStatusScreen.js +1 -1
  44. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/SwapStatusScreen.js.map +1 -1
  45. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/TransferConfirmationScreen.js.map +1 -1
  46. package/dist/cjs/react/web/ui/ConnectWallet/screens/SendFunds.js.map +1 -1
  47. package/dist/cjs/react/web/ui/ConnectWallet/screens/SignatureScreen.js.map +1 -1
  48. package/dist/cjs/react/web/ui/ConnectWallet/screens/StartScreen.js.map +1 -1
  49. package/dist/cjs/react/web/ui/ConnectWallet/screens/WalletConnectDisconnectScreen.js +1 -1
  50. package/dist/cjs/react/web/ui/ConnectWallet/screens/WalletConnectDisconnectScreen.js.map +1 -1
  51. package/dist/cjs/react/web/ui/ConnectWallet/screens/WalletConnectReceiverScreen.js +1 -1
  52. package/dist/cjs/react/web/ui/ConnectWallet/screens/WalletConnectReceiverScreen.js.map +1 -1
  53. package/dist/cjs/react/web/ui/ConnectWallet/screens/WalletLogoSpinner.js.map +1 -1
  54. package/dist/cjs/react/web/ui/ConnectWallet/screens/WalletTransactionHistory.js.map +1 -1
  55. package/dist/cjs/react/web/ui/TransactionButton/ExecutingScreen.js +1 -1
  56. package/dist/cjs/react/web/ui/TransactionButton/ExecutingScreen.js.map +1 -1
  57. package/dist/cjs/react/web/ui/TransactionButton/index.js.map +1 -1
  58. package/dist/cjs/react/web/ui/components/ChainName.js.map +1 -1
  59. package/dist/cjs/react/web/ui/components/Modal.js +1 -1
  60. package/dist/cjs/react/web/ui/components/Modal.js.map +1 -1
  61. package/dist/cjs/react/web/ui/components/basic.js.map +1 -1
  62. package/dist/cjs/react/web/wallets/in-app/CountrySelector.js +1 -1
  63. package/dist/cjs/react/web/wallets/in-app/CountrySelector.js.map +1 -1
  64. package/dist/cjs/react/web/wallets/shared/ConnectWalletSocialOptions.js.map +1 -1
  65. package/dist/cjs/react/web/wallets/shared/ConnectingScreen.js +1 -1
  66. package/dist/cjs/react/web/wallets/shared/ConnectingScreen.js.map +1 -1
  67. package/dist/cjs/storage/upload/web-node.js +6 -0
  68. package/dist/cjs/storage/upload/web-node.js.map +1 -1
  69. package/dist/cjs/version.js +1 -1
  70. package/dist/cjs/wallets/in-app/core/authentication/client-scoped-storage.js +12 -0
  71. package/dist/cjs/wallets/in-app/core/authentication/client-scoped-storage.js.map +1 -1
  72. package/dist/cjs/wallets/in-app/core/authentication/guest.js +13 -1
  73. package/dist/cjs/wallets/in-app/core/authentication/guest.js.map +1 -1
  74. package/dist/cjs/wallets/in-app/core/constants/settings.js +6 -1
  75. package/dist/cjs/wallets/in-app/core/constants/settings.js.map +1 -1
  76. package/dist/cjs/wallets/in-app/native/auth/native-auth.js +2 -0
  77. package/dist/cjs/wallets/in-app/native/auth/native-auth.js.map +1 -1
  78. package/dist/cjs/wallets/in-app/native/native-connector.js +1 -0
  79. package/dist/cjs/wallets/in-app/native/native-connector.js.map +1 -1
  80. package/dist/cjs/wallets/in-app/web/lib/web-connector.js +1 -0
  81. package/dist/cjs/wallets/in-app/web/lib/web-connector.js.map +1 -1
  82. package/dist/esm/react/native/ui/connect/ConnectButton.js.map +1 -1
  83. package/dist/esm/react/native/ui/connect/ConnectModal.js.map +1 -1
  84. package/dist/esm/react/native/ui/connect/ConnectedButton.js +1 -1
  85. package/dist/esm/react/native/ui/connect/ConnectedButton.js.map +1 -1
  86. package/dist/esm/react/native/ui/connect/ConnectedModal.js +1 -1
  87. package/dist/esm/react/native/ui/connect/ConnectedModal.js.map +1 -1
  88. package/dist/esm/react/native/ui/connect/TokenListScreen.js +1 -1
  89. package/dist/esm/react/native/ui/connect/TokenListScreen.js.map +1 -1
  90. package/dist/esm/react/native/ui/connect/WalletLoadingThumbnail.js.map +1 -1
  91. package/dist/esm/react/native/ui/transaction/TransactionButton.js.map +1 -1
  92. package/dist/esm/react/web/ui/ConnectWallet/ConnectButton.js +6 -3
  93. package/dist/esm/react/web/ui/ConnectWallet/ConnectButton.js.map +1 -1
  94. package/dist/esm/react/web/ui/ConnectWallet/Details.js +5 -4
  95. package/dist/esm/react/web/ui/ConnectWallet/Details.js.map +1 -1
  96. package/dist/esm/react/web/ui/ConnectWallet/Modal/AllWalletsUI.js.map +1 -1
  97. package/dist/esm/react/web/ui/ConnectWallet/Modal/DeepLinkConnectUI.js.map +1 -1
  98. package/dist/esm/react/web/ui/ConnectWallet/Modal/SmartWalletConnectUI.js +1 -1
  99. package/dist/esm/react/web/ui/ConnectWallet/Modal/SmartWalletConnectUI.js.map +1 -1
  100. package/dist/esm/react/web/ui/ConnectWallet/Modal/TOS.js +2 -2
  101. package/dist/esm/react/web/ui/ConnectWallet/Modal/TOS.js.map +1 -1
  102. package/dist/esm/react/web/ui/ConnectWallet/NetworkSelector.js.map +1 -1
  103. package/dist/esm/react/web/ui/ConnectWallet/PoweredByTW.js.map +1 -1
  104. package/dist/esm/react/web/ui/ConnectWallet/TransactionsScreen.js +1 -1
  105. package/dist/esm/react/web/ui/ConnectWallet/TransactionsScreen.js.map +1 -1
  106. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.js +2 -2
  107. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.js.map +1 -1
  108. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/DirectPaymentModeScreen.js.map +1 -1
  109. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/TransactionModeScreen.js +1 -1
  110. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/TransactionModeScreen.js.map +1 -1
  111. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatStatusScreen.js +1 -1
  112. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatStatusScreen.js.map +1 -1
  113. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.js +8 -8
  114. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.js.map +1 -1
  115. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.js +1 -1
  116. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.js.map +1 -1
  117. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/BuyTxHistoryButton.js +4 -4
  118. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/BuyTxHistoryButton.js.map +1 -1
  119. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/SwapDetailsScreen.js.map +1 -1
  120. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.js +1 -1
  121. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.js.map +1 -1
  122. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/Fees.js +3 -3
  123. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/Fees.js.map +1 -1
  124. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/SwapStatusScreen.js +1 -1
  125. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/SwapStatusScreen.js.map +1 -1
  126. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/TransferConfirmationScreen.js.map +1 -1
  127. package/dist/esm/react/web/ui/ConnectWallet/screens/SendFunds.js.map +1 -1
  128. package/dist/esm/react/web/ui/ConnectWallet/screens/SignatureScreen.js.map +1 -1
  129. package/dist/esm/react/web/ui/ConnectWallet/screens/StartScreen.js.map +1 -1
  130. package/dist/esm/react/web/ui/ConnectWallet/screens/WalletConnectDisconnectScreen.js +1 -1
  131. package/dist/esm/react/web/ui/ConnectWallet/screens/WalletConnectDisconnectScreen.js.map +1 -1
  132. package/dist/esm/react/web/ui/ConnectWallet/screens/WalletConnectReceiverScreen.js +1 -1
  133. package/dist/esm/react/web/ui/ConnectWallet/screens/WalletConnectReceiverScreen.js.map +1 -1
  134. package/dist/esm/react/web/ui/ConnectWallet/screens/WalletLogoSpinner.js.map +1 -1
  135. package/dist/esm/react/web/ui/ConnectWallet/screens/WalletTransactionHistory.js.map +1 -1
  136. package/dist/esm/react/web/ui/TransactionButton/ExecutingScreen.js +1 -1
  137. package/dist/esm/react/web/ui/TransactionButton/ExecutingScreen.js.map +1 -1
  138. package/dist/esm/react/web/ui/TransactionButton/index.js.map +1 -1
  139. package/dist/esm/react/web/ui/components/ChainName.js.map +1 -1
  140. package/dist/esm/react/web/ui/components/Modal.js +1 -1
  141. package/dist/esm/react/web/ui/components/Modal.js.map +1 -1
  142. package/dist/esm/react/web/ui/components/basic.js.map +1 -1
  143. package/dist/esm/react/web/wallets/in-app/CountrySelector.js +1 -1
  144. package/dist/esm/react/web/wallets/in-app/CountrySelector.js.map +1 -1
  145. package/dist/esm/react/web/wallets/shared/ConnectWalletSocialOptions.js.map +1 -1
  146. package/dist/esm/react/web/wallets/shared/ConnectingScreen.js +1 -1
  147. package/dist/esm/react/web/wallets/shared/ConnectingScreen.js.map +1 -1
  148. package/dist/esm/storage/upload/web-node.js +6 -0
  149. package/dist/esm/storage/upload/web-node.js.map +1 -1
  150. package/dist/esm/version.js +1 -1
  151. package/dist/esm/wallets/in-app/core/authentication/client-scoped-storage.js +13 -1
  152. package/dist/esm/wallets/in-app/core/authentication/client-scoped-storage.js.map +1 -1
  153. package/dist/esm/wallets/in-app/core/authentication/guest.js +13 -1
  154. package/dist/esm/wallets/in-app/core/authentication/guest.js.map +1 -1
  155. package/dist/esm/wallets/in-app/core/constants/settings.js +4 -0
  156. package/dist/esm/wallets/in-app/core/constants/settings.js.map +1 -1
  157. package/dist/esm/wallets/in-app/native/auth/native-auth.js +2 -0
  158. package/dist/esm/wallets/in-app/native/auth/native-auth.js.map +1 -1
  159. package/dist/esm/wallets/in-app/native/native-connector.js +1 -0
  160. package/dist/esm/wallets/in-app/native/native-connector.js.map +1 -1
  161. package/dist/esm/wallets/in-app/web/lib/web-connector.js +1 -0
  162. package/dist/esm/wallets/in-app/web/lib/web-connector.js.map +1 -1
  163. package/dist/types/react/web/ui/ConnectWallet/ConnectButton.d.ts.map +1 -1
  164. package/dist/types/react/web/ui/ConnectWallet/Details.d.ts.map +1 -1
  165. package/dist/types/react/web/ui/ConnectWallet/Modal/TOS.d.ts.map +1 -1
  166. package/dist/types/storage/upload/web-node.d.ts.map +1 -1
  167. package/dist/types/version.d.ts +1 -1
  168. package/dist/types/wallets/in-app/core/authentication/client-scoped-storage.d.ts +8 -0
  169. package/dist/types/wallets/in-app/core/authentication/client-scoped-storage.d.ts.map +1 -1
  170. package/dist/types/wallets/in-app/core/authentication/guest.d.ts +2 -0
  171. package/dist/types/wallets/in-app/core/authentication/guest.d.ts.map +1 -1
  172. package/dist/types/wallets/in-app/core/constants/settings.d.ts +4 -0
  173. package/dist/types/wallets/in-app/core/constants/settings.d.ts.map +1 -1
  174. package/dist/types/wallets/in-app/native/auth/native-auth.d.ts.map +1 -1
  175. package/dist/types/wallets/in-app/native/native-connector.d.ts.map +1 -1
  176. package/dist/types/wallets/in-app/web/lib/web-connector.d.ts.map +1 -1
  177. package/package.json +3 -3
  178. package/src/react/native/ui/connect/ConnectButton.tsx +1 -1
  179. package/src/react/native/ui/connect/ConnectModal.tsx +1 -1
  180. package/src/react/native/ui/connect/ConnectedButton.tsx +1 -1
  181. package/src/react/native/ui/connect/ConnectedModal.tsx +1 -1
  182. package/src/react/native/ui/connect/TokenListScreen.tsx +1 -1
  183. package/src/react/native/ui/connect/WalletLoadingThumbnail.tsx +1 -1
  184. package/src/react/native/ui/transaction/TransactionButton.tsx +1 -1
  185. package/src/react/web/ui/ConnectWallet/ConnectButton.tsx +6 -9
  186. package/src/react/web/ui/ConnectWallet/Details.tsx +11 -12
  187. package/src/react/web/ui/ConnectWallet/Modal/AllWalletsUI.tsx +1 -1
  188. package/src/react/web/ui/ConnectWallet/Modal/DeepLinkConnectUI.tsx +1 -1
  189. package/src/react/web/ui/ConnectWallet/Modal/SmartWalletConnectUI.tsx +0 -1
  190. package/src/react/web/ui/ConnectWallet/Modal/TOS.tsx +2 -3
  191. package/src/react/web/ui/ConnectWallet/NetworkSelector.tsx +1 -1
  192. package/src/react/web/ui/ConnectWallet/PoweredByTW.tsx +1 -1
  193. package/src/react/web/ui/ConnectWallet/TransactionsScreen.tsx +1 -1
  194. package/src/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.tsx +2 -2
  195. package/src/react/web/ui/ConnectWallet/screens/Buy/DirectPaymentModeScreen.tsx +1 -1
  196. package/src/react/web/ui/ConnectWallet/screens/Buy/TransactionModeScreen.tsx +2 -2
  197. package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatStatusScreen.tsx +1 -1
  198. package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.tsx +12 -12
  199. package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.tsx +1 -1
  200. package/src/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/BuyTxHistoryButton.tsx +3 -3
  201. package/src/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/SwapDetailsScreen.tsx +1 -1
  202. package/src/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.tsx +2 -2
  203. package/src/react/web/ui/ConnectWallet/screens/Buy/swap/Fees.tsx +3 -3
  204. package/src/react/web/ui/ConnectWallet/screens/Buy/swap/SwapStatusScreen.tsx +5 -5
  205. package/src/react/web/ui/ConnectWallet/screens/Buy/swap/TransferConfirmationScreen.tsx +2 -2
  206. package/src/react/web/ui/ConnectWallet/screens/SendFunds.tsx +1 -1
  207. package/src/react/web/ui/ConnectWallet/screens/SignatureScreen.tsx +1 -1
  208. package/src/react/web/ui/ConnectWallet/screens/StartScreen.tsx +1 -1
  209. package/src/react/web/ui/ConnectWallet/screens/WalletConnectDisconnectScreen.tsx +2 -2
  210. package/src/react/web/ui/ConnectWallet/screens/WalletConnectReceiverScreen.tsx +2 -2
  211. package/src/react/web/ui/ConnectWallet/screens/WalletLogoSpinner.tsx +1 -1
  212. package/src/react/web/ui/ConnectWallet/screens/WalletTransactionHistory.tsx +2 -2
  213. package/src/react/web/ui/TransactionButton/ExecutingScreen.tsx +1 -1
  214. package/src/react/web/ui/TransactionButton/index.tsx +1 -1
  215. package/src/react/web/ui/components/ChainName.tsx +1 -1
  216. package/src/react/web/ui/components/Modal.tsx +1 -1
  217. package/src/react/web/ui/components/basic.tsx +1 -1
  218. package/src/react/web/ui/prebuilt/NFT/NFT.test.tsx +2 -2
  219. package/src/react/web/wallets/in-app/CountrySelector.tsx +1 -1
  220. package/src/react/web/wallets/shared/ConnectWalletSocialOptions.tsx +1 -1
  221. package/src/react/web/wallets/shared/ConnectingScreen.tsx +1 -1
  222. package/src/storage/upload/web-node.ts +10 -0
  223. package/src/version.ts +1 -1
  224. package/src/wallets/in-app/core/authentication/client-scoped-storage.ts +14 -0
  225. package/src/wallets/in-app/core/authentication/guest.ts +17 -1
  226. package/src/wallets/in-app/core/constants/settings.ts +6 -0
  227. package/src/wallets/in-app/native/auth/native-auth.ts +2 -0
  228. package/src/wallets/in-app/native/native-connector.ts +1 -0
  229. 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
  ) : (
@@ -70,7 +70,7 @@ function WalletLoadingThumbnail({
70
70
  stroke={showError ? "transparent" : theme.colors.accentText}
71
71
  strokeWidth={3}
72
72
  fill="transparent"
73
- strokeDasharray={"100 300"}
73
+ strokeDasharray="100 300"
74
74
  strokeDashoffset={spin}
75
75
  />
76
76
  )}
@@ -51,7 +51,7 @@ export function TransactionButton(props: TransactionButtonProps) {
51
51
  return (
52
52
  <ThemedButton
53
53
  disabled={!account || disabled || isPending}
54
- variant={"primary"}
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={`${TW_CONNECTED_WALLET} ${
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={"16px"} width={"150px"} />
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={"compact"}
953
+ size="compact"
955
954
  open={isOpen}
956
955
  setOpen={(_open) => {
957
956
  if (!_open) {
@@ -94,7 +94,7 @@ function AllWalletsUI(props: {
94
94
  }}
95
95
  tabIndex={-1}
96
96
  variant="outline"
97
- placeholder={"Search Wallet"}
97
+ placeholder="Search Wallet"
98
98
  value={searchTerm}
99
99
  onChange={(e) => {
100
100
  listContainer.current?.parentElement?.scroll({
@@ -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={"80"} />
36
+ <WalletImage id={props.wallet.id} client={props.client} size="80" />
37
37
  </PulsatingContainer>
38
38
  </Container>
39
39
 
@@ -243,7 +243,6 @@ function SmartWalletConnecting(props: {
243
243
  }
244
244
  }}
245
245
  >
246
- {" "}
247
246
  {personalWalletChainSwitchStatus === "switching"
248
247
  ? "Switching"
249
248
  : "Switch Network"}
@@ -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} `}
@@ -916,7 +916,7 @@ export function useNetworkSwitcherModal() {
916
916
  setRootEl(
917
917
  <CustomThemeProvider theme={props.theme}>
918
918
  <Modal
919
- size={"compact"}
919
+ size="compact"
920
920
  open={true}
921
921
  setOpen={(value) => {
922
922
  if (!value) {
@@ -29,7 +29,7 @@ export function PoweredByThirdweb() {
29
29
  color: "currentColor",
30
30
  }}
31
31
  >
32
- {"Powered by"}
32
+ Powered by
33
33
  </Text>
34
34
  <ThirdwebTextIcon height={13} />
35
35
  </Container>
@@ -134,7 +134,7 @@ export function TransactionsScreen(props: {
134
134
  color: "inherit",
135
135
  }}
136
136
  >
137
- View on Explorer{" "}
137
+ View on Explorer
138
138
  <ExternalLinkIcon width={iconSize.sm} height={iconSize.sm} />
139
139
  </ButtonLink>
140
140
  </Container>
@@ -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}
@@ -159,7 +159,7 @@ export function DirectPaymentModeScreen(props: {
159
159
  <Container flex="row">
160
160
  <Container flex="column" expand>
161
161
  <Text size="md" color="primaryText" weight={700}>
162
- {"Price"}
162
+ Price
163
163
  </Text>
164
164
  </Container>
165
165
  <Container expand>
@@ -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
- {"Price"}
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={"Receive"}
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={"100px"} height={fontSize.xs} />
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={"primaryText"} size="lg">
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={"primaryText"} size="lg">
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={"primaryText"} size="lg">
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={"primaryText"} size="lg">
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={"Amount"}
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
- {"Payment completed"}
180
+ Payment completed
181
181
  </Text>
182
182
  </Container>
183
183
  <Spacer y="md" />
@@ -283,7 +283,7 @@ function SendFundsForm(props: {
283
283
  <Input
284
284
  required
285
285
  id="receiver"
286
- placeholder={"0x... or ENS name"}
286
+ placeholder="0x... or ENS name"
287
287
  variant="outline"
288
288
  value={receiverAddress}
289
289
  onChange={(e) => {
@@ -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={"80"} />
118
+ <WalletImage id={wallet.id} client={props.client} size="80" />
119
119
  </PulsatingContainer>
120
120
  </Container>
121
121
 
@@ -68,7 +68,7 @@ export function StartScreen(props: {
68
68
  />
69
69
  ) : (
70
70
  <GlobalContainer>
71
- <GlobeIcon size={"150"} />
71
+ <GlobeIcon size="150" />
72
72
  </GlobalContainer>
73
73
  )}
74
74
  </Container>
@@ -41,7 +41,7 @@ export function WalletConnectDisconnectScreen(props: {
41
41
  <WalletLogoSpinner
42
42
  client={props.client}
43
43
  error={!!props.error}
44
- id={"walletConnect"}
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={"walletConnect"}
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>
@@ -59,7 +59,7 @@ export function WalletLogoSpinner(props: {
59
59
  )}
60
60
 
61
61
  <WalletBg>
62
- <WalletImage id={props.id} size={"68"} client={props.client} />
62
+ <WalletImage id={props.id} size="68" client={props.client} />
63
63
  </WalletBg>
64
64
  </div>
65
65
  </div>
@@ -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={"success"}>
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={"danger"}>
184
+ <Text size="md" color="danger">
185
185
  <CrossCircledIcon width={iconSize.md} height={iconSize.md} />
186
186
  </Text>
187
187
  )}