thirdweb 5.108.6 → 5.108.7

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 (391) hide show
  1. package/dist/cjs/react/core/hooks/transaction/useSendTransaction.js.map +1 -1
  2. package/dist/cjs/react/core/hooks/usePaymentMethods.js +1 -2
  3. package/dist/cjs/react/core/hooks/usePaymentMethods.js.map +1 -1
  4. package/dist/cjs/react/web/hooks/transaction/useSendTransaction.js +1 -1
  5. package/dist/cjs/react/web/hooks/transaction/useSendTransaction.js.map +1 -1
  6. package/dist/cjs/react/web/ui/Bridge/BuyWidget.js +185 -99
  7. package/dist/cjs/react/web/ui/Bridge/BuyWidget.js.map +1 -1
  8. package/dist/cjs/react/web/ui/Bridge/CheckoutWidget.js +210 -56
  9. package/dist/cjs/react/web/ui/Bridge/CheckoutWidget.js.map +1 -1
  10. package/dist/cjs/react/web/ui/Bridge/DirectPayment.js +7 -7
  11. package/dist/cjs/react/web/ui/Bridge/DirectPayment.js.map +1 -1
  12. package/dist/cjs/react/web/ui/Bridge/FundWallet.js +233 -105
  13. package/dist/cjs/react/web/ui/Bridge/FundWallet.js.map +1 -1
  14. package/dist/cjs/react/web/ui/Bridge/QuoteLoader.js +1 -7
  15. package/dist/cjs/react/web/ui/Bridge/QuoteLoader.js.map +1 -1
  16. package/dist/cjs/react/web/ui/Bridge/TransactionPayment.js +16 -12
  17. package/dist/cjs/react/web/ui/Bridge/TransactionPayment.js.map +1 -1
  18. package/dist/cjs/react/web/ui/Bridge/TransactionWidget.js +199 -36
  19. package/dist/cjs/react/web/ui/Bridge/TransactionWidget.js.map +1 -1
  20. package/dist/cjs/react/web/ui/Bridge/bridge-widget/bridge-widget.js +2 -2
  21. package/dist/cjs/react/web/ui/Bridge/bridge-widget/bridge-widget.js.map +1 -1
  22. package/dist/cjs/react/web/ui/Bridge/common/WithHeader.js +4 -5
  23. package/dist/cjs/react/web/ui/Bridge/common/WithHeader.js.map +1 -1
  24. package/dist/cjs/react/web/ui/Bridge/common/active-wallet-details.js +52 -0
  25. package/dist/cjs/react/web/ui/Bridge/common/active-wallet-details.js.map +1 -0
  26. package/dist/cjs/react/web/ui/Bridge/common/decimal-input.js +36 -0
  27. package/dist/cjs/react/web/ui/Bridge/common/decimal-input.js.map +1 -0
  28. package/dist/cjs/react/web/ui/Bridge/common/selected-token-button.js +58 -0
  29. package/dist/cjs/react/web/ui/Bridge/common/selected-token-button.js.map +1 -0
  30. package/dist/cjs/react/web/ui/Bridge/common/token-balance.js +20 -0
  31. package/dist/cjs/react/web/ui/Bridge/common/token-balance.js.map +1 -0
  32. package/dist/cjs/react/web/ui/Bridge/common/token-query.js +34 -0
  33. package/dist/cjs/react/web/ui/Bridge/common/token-query.js.map +1 -0
  34. package/dist/cjs/react/web/ui/Bridge/payment-details/PaymentDetails.js +3 -3
  35. package/dist/cjs/react/web/ui/Bridge/payment-details/PaymentDetails.js.map +1 -1
  36. package/dist/cjs/react/web/ui/Bridge/payment-details/PaymentOverview.js +7 -7
  37. package/dist/cjs/react/web/ui/Bridge/payment-details/PaymentOverview.js.map +1 -1
  38. package/dist/cjs/react/web/ui/Bridge/payment-selection/PaymentSelection.js +1 -4
  39. package/dist/cjs/react/web/ui/Bridge/payment-selection/PaymentSelection.js.map +1 -1
  40. package/dist/cjs/react/web/ui/Bridge/payment-selection/TokenSelection.js.map +1 -1
  41. package/dist/cjs/react/web/ui/Bridge/payment-success/SuccessScreen.js +3 -3
  42. package/dist/cjs/react/web/ui/Bridge/payment-success/SuccessScreen.js.map +1 -1
  43. package/dist/cjs/react/web/ui/Bridge/swap-widget/SwapWidget.js +8 -11
  44. package/dist/cjs/react/web/ui/Bridge/swap-widget/SwapWidget.js.map +1 -1
  45. package/dist/cjs/react/web/ui/Bridge/swap-widget/swap-ui.js +19 -147
  46. package/dist/cjs/react/web/ui/Bridge/swap-widget/swap-ui.js.map +1 -1
  47. package/dist/cjs/react/web/ui/Bridge/types.js +3 -0
  48. package/dist/cjs/react/web/ui/Bridge/types.js.map +1 -0
  49. package/dist/cjs/react/web/ui/ConnectWallet/Details.js +4 -2
  50. package/dist/cjs/react/web/ui/ConnectWallet/Details.js.map +1 -1
  51. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/WalletRow.js +1 -1
  52. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/WalletRow.js.map +1 -1
  53. package/dist/cjs/react/web/ui/ConnectWallet/screens/formatTokenBalance.js.map +1 -1
  54. package/dist/cjs/react/web/ui/TransactionButton/DepositScreen.js +1 -1
  55. package/dist/cjs/react/web/ui/TransactionButton/DepositScreen.js.map +1 -1
  56. package/dist/cjs/react/web/ui/TransactionButton/TransactionModal.js +17 -10
  57. package/dist/cjs/react/web/ui/TransactionButton/TransactionModal.js.map +1 -1
  58. package/dist/cjs/react/web/ui/components/CopyIcon.js +1 -1
  59. package/dist/cjs/react/web/ui/components/CopyIcon.js.map +1 -1
  60. package/dist/cjs/stories/Bridge/CheckoutWidget.stories.js +115 -0
  61. package/dist/cjs/stories/Bridge/CheckoutWidget.stories.js.map +1 -0
  62. package/dist/cjs/stories/Bridge/ErrorBanner.stories.js +7 -111
  63. package/dist/cjs/stories/Bridge/ErrorBanner.stories.js.map +1 -1
  64. package/dist/cjs/stories/Bridge/PaymentDetails.stories.js +27 -306
  65. package/dist/cjs/stories/Bridge/PaymentDetails.stories.js.map +1 -1
  66. package/dist/cjs/stories/Bridge/PaymentSelection.stories.js +21 -128
  67. package/dist/cjs/stories/Bridge/PaymentSelection.stories.js.map +1 -1
  68. package/dist/cjs/stories/Bridge/StepRunner.stories.js +13 -39
  69. package/dist/cjs/stories/Bridge/StepRunner.stories.js.map +1 -1
  70. package/dist/cjs/stories/Bridge/SuccessScreen.stories.js +13 -101
  71. package/dist/cjs/stories/Bridge/SuccessScreen.stories.js.map +1 -1
  72. package/dist/cjs/stories/Bridge/Transaction/TransactionWidget.stories.js +49 -0
  73. package/dist/cjs/stories/Bridge/Transaction/TransactionWidget.stories.js.map +1 -0
  74. package/dist/cjs/stories/Bridge/Transaction/useSendTransactionModal.stories.js +53 -0
  75. package/dist/cjs/stories/Bridge/Transaction/useSendTransactionModal.stories.js.map +1 -0
  76. package/dist/cjs/stories/Bridge/UnsupportedTokenScreen.stories.js +11 -79
  77. package/dist/cjs/stories/Bridge/UnsupportedTokenScreen.stories.js.map +1 -1
  78. package/dist/cjs/stories/Bridge/fixtures.js +21 -62
  79. package/dist/cjs/stories/Bridge/fixtures.js.map +1 -1
  80. package/dist/cjs/stories/BuyWidget.stories.js +44 -8
  81. package/dist/cjs/stories/BuyWidget.stories.js.map +1 -1
  82. package/dist/cjs/stories/utils.js +5 -2
  83. package/dist/cjs/stories/utils.js.map +1 -1
  84. package/dist/cjs/version.js +1 -1
  85. package/dist/cjs/x402/common.js +3 -5
  86. package/dist/cjs/x402/common.js.map +1 -1
  87. package/dist/cjs/x402/facilitator.js +0 -1
  88. package/dist/cjs/x402/facilitator.js.map +1 -1
  89. package/dist/cjs/x402/schemas.js +4 -0
  90. package/dist/cjs/x402/schemas.js.map +1 -1
  91. package/dist/cjs/x402/settle-payment.js +6 -5
  92. package/dist/cjs/x402/settle-payment.js.map +1 -1
  93. package/dist/cjs/x402/sign.js +2 -6
  94. package/dist/cjs/x402/sign.js.map +1 -1
  95. package/dist/cjs/x402/types.js.map +1 -1
  96. package/dist/cjs/x402/verify-payment.js +6 -5
  97. package/dist/cjs/x402/verify-payment.js.map +1 -1
  98. package/dist/esm/react/core/hooks/transaction/useSendTransaction.js.map +1 -1
  99. package/dist/esm/react/core/hooks/usePaymentMethods.js +1 -2
  100. package/dist/esm/react/core/hooks/usePaymentMethods.js.map +1 -1
  101. package/dist/esm/react/web/hooks/transaction/useSendTransaction.js +1 -1
  102. package/dist/esm/react/web/hooks/transaction/useSendTransaction.js.map +1 -1
  103. package/dist/esm/react/web/ui/Bridge/BuyWidget.js +185 -99
  104. package/dist/esm/react/web/ui/Bridge/BuyWidget.js.map +1 -1
  105. package/dist/esm/react/web/ui/Bridge/CheckoutWidget.js +211 -57
  106. package/dist/esm/react/web/ui/Bridge/CheckoutWidget.js.map +1 -1
  107. package/dist/esm/react/web/ui/Bridge/DirectPayment.js +7 -7
  108. package/dist/esm/react/web/ui/Bridge/DirectPayment.js.map +1 -1
  109. package/dist/esm/react/web/ui/Bridge/FundWallet.js +237 -109
  110. package/dist/esm/react/web/ui/Bridge/FundWallet.js.map +1 -1
  111. package/dist/esm/react/web/ui/Bridge/QuoteLoader.js +1 -7
  112. package/dist/esm/react/web/ui/Bridge/QuoteLoader.js.map +1 -1
  113. package/dist/esm/react/web/ui/Bridge/TransactionPayment.js +16 -12
  114. package/dist/esm/react/web/ui/Bridge/TransactionPayment.js.map +1 -1
  115. package/dist/esm/react/web/ui/Bridge/TransactionWidget.js +198 -36
  116. package/dist/esm/react/web/ui/Bridge/TransactionWidget.js.map +1 -1
  117. package/dist/esm/react/web/ui/Bridge/bridge-widget/bridge-widget.js +2 -2
  118. package/dist/esm/react/web/ui/Bridge/bridge-widget/bridge-widget.js.map +1 -1
  119. package/dist/esm/react/web/ui/Bridge/common/WithHeader.js +4 -5
  120. package/dist/esm/react/web/ui/Bridge/common/WithHeader.js.map +1 -1
  121. package/dist/esm/react/web/ui/Bridge/common/active-wallet-details.js +49 -0
  122. package/dist/esm/react/web/ui/Bridge/common/active-wallet-details.js.map +1 -0
  123. package/dist/esm/react/web/ui/Bridge/common/decimal-input.js +33 -0
  124. package/dist/esm/react/web/ui/Bridge/common/decimal-input.js.map +1 -0
  125. package/dist/esm/react/web/ui/Bridge/common/selected-token-button.js +55 -0
  126. package/dist/esm/react/web/ui/Bridge/common/selected-token-button.js.map +1 -0
  127. package/dist/esm/react/web/ui/Bridge/common/token-balance.js +17 -0
  128. package/dist/esm/react/web/ui/Bridge/common/token-balance.js.map +1 -0
  129. package/dist/esm/react/web/ui/Bridge/common/token-query.js +31 -0
  130. package/dist/esm/react/web/ui/Bridge/common/token-query.js.map +1 -0
  131. package/dist/esm/react/web/ui/Bridge/payment-details/PaymentDetails.js +3 -3
  132. package/dist/esm/react/web/ui/Bridge/payment-details/PaymentDetails.js.map +1 -1
  133. package/dist/esm/react/web/ui/Bridge/payment-details/PaymentOverview.js +7 -7
  134. package/dist/esm/react/web/ui/Bridge/payment-details/PaymentOverview.js.map +1 -1
  135. package/dist/esm/react/web/ui/Bridge/payment-selection/PaymentSelection.js +1 -4
  136. package/dist/esm/react/web/ui/Bridge/payment-selection/PaymentSelection.js.map +1 -1
  137. package/dist/esm/react/web/ui/Bridge/payment-selection/TokenSelection.js.map +1 -1
  138. package/dist/esm/react/web/ui/Bridge/payment-success/SuccessScreen.js +3 -3
  139. package/dist/esm/react/web/ui/Bridge/payment-success/SuccessScreen.js.map +1 -1
  140. package/dist/esm/react/web/ui/Bridge/swap-widget/SwapWidget.js +8 -11
  141. package/dist/esm/react/web/ui/Bridge/swap-widget/SwapWidget.js.map +1 -1
  142. package/dist/esm/react/web/ui/Bridge/swap-widget/swap-ui.js +16 -144
  143. package/dist/esm/react/web/ui/Bridge/swap-widget/swap-ui.js.map +1 -1
  144. package/dist/esm/react/web/ui/Bridge/types.js +2 -0
  145. package/dist/esm/react/web/ui/Bridge/types.js.map +1 -0
  146. package/dist/esm/react/web/ui/ConnectWallet/Details.js +4 -2
  147. package/dist/esm/react/web/ui/ConnectWallet/Details.js.map +1 -1
  148. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/WalletRow.js +1 -1
  149. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/WalletRow.js.map +1 -1
  150. package/dist/esm/react/web/ui/ConnectWallet/screens/formatTokenBalance.js.map +1 -1
  151. package/dist/esm/react/web/ui/TransactionButton/DepositScreen.js +1 -1
  152. package/dist/esm/react/web/ui/TransactionButton/DepositScreen.js.map +1 -1
  153. package/dist/esm/react/web/ui/TransactionButton/TransactionModal.js +17 -10
  154. package/dist/esm/react/web/ui/TransactionButton/TransactionModal.js.map +1 -1
  155. package/dist/esm/react/web/ui/components/CopyIcon.js +1 -1
  156. package/dist/esm/react/web/ui/components/CopyIcon.js.map +1 -1
  157. package/dist/esm/stories/Bridge/CheckoutWidget.stories.js +112 -0
  158. package/dist/esm/stories/Bridge/CheckoutWidget.stories.js.map +1 -0
  159. package/dist/esm/stories/Bridge/ErrorBanner.stories.js +7 -111
  160. package/dist/esm/stories/Bridge/ErrorBanner.stories.js.map +1 -1
  161. package/dist/esm/stories/Bridge/PaymentDetails.stories.js +28 -307
  162. package/dist/esm/stories/Bridge/PaymentDetails.stories.js.map +1 -1
  163. package/dist/esm/stories/Bridge/PaymentSelection.stories.js +22 -129
  164. package/dist/esm/stories/Bridge/PaymentSelection.stories.js.map +1 -1
  165. package/dist/esm/stories/Bridge/StepRunner.stories.js +12 -38
  166. package/dist/esm/stories/Bridge/StepRunner.stories.js.map +1 -1
  167. package/dist/esm/stories/Bridge/SuccessScreen.stories.js +14 -102
  168. package/dist/esm/stories/Bridge/SuccessScreen.stories.js.map +1 -1
  169. package/dist/esm/stories/Bridge/Transaction/TransactionWidget.stories.js +46 -0
  170. package/dist/esm/stories/Bridge/Transaction/TransactionWidget.stories.js.map +1 -0
  171. package/dist/esm/stories/Bridge/Transaction/useSendTransactionModal.stories.js +50 -0
  172. package/dist/esm/stories/Bridge/Transaction/useSendTransactionModal.stories.js.map +1 -0
  173. package/dist/esm/stories/Bridge/UnsupportedTokenScreen.stories.js +12 -80
  174. package/dist/esm/stories/Bridge/UnsupportedTokenScreen.stories.js.map +1 -1
  175. package/dist/esm/stories/Bridge/fixtures.js +15 -56
  176. package/dist/esm/stories/Bridge/fixtures.js.map +1 -1
  177. package/dist/esm/stories/BuyWidget.stories.js +37 -9
  178. package/dist/esm/stories/BuyWidget.stories.js.map +1 -1
  179. package/dist/esm/stories/utils.js +6 -3
  180. package/dist/esm/stories/utils.js.map +1 -1
  181. package/dist/esm/version.js +1 -1
  182. package/dist/esm/x402/common.js +3 -5
  183. package/dist/esm/x402/common.js.map +1 -1
  184. package/dist/esm/x402/facilitator.js +0 -1
  185. package/dist/esm/x402/facilitator.js.map +1 -1
  186. package/dist/esm/x402/schemas.js +5 -1
  187. package/dist/esm/x402/schemas.js.map +1 -1
  188. package/dist/esm/x402/settle-payment.js +6 -5
  189. package/dist/esm/x402/settle-payment.js.map +1 -1
  190. package/dist/esm/x402/sign.js +2 -6
  191. package/dist/esm/x402/sign.js.map +1 -1
  192. package/dist/esm/x402/types.js.map +1 -1
  193. package/dist/esm/x402/verify-payment.js +6 -5
  194. package/dist/esm/x402/verify-payment.js.map +1 -1
  195. package/dist/scripts/bridge-widget.d.ts +3 -3
  196. package/dist/scripts/bridge-widget.js +113 -150
  197. package/dist/types/react/core/hooks/transaction/useSendTransaction.d.ts +6 -0
  198. package/dist/types/react/core/hooks/transaction/useSendTransaction.d.ts.map +1 -1
  199. package/dist/types/react/core/hooks/usePaymentMethods.d.ts +1 -2
  200. package/dist/types/react/core/hooks/usePaymentMethods.d.ts.map +1 -1
  201. package/dist/types/react/web/hooks/transaction/useSendTransaction.d.ts.map +1 -1
  202. package/dist/types/react/web/ui/Bridge/BuyWidget.d.ts +7 -12
  203. package/dist/types/react/web/ui/Bridge/BuyWidget.d.ts.map +1 -1
  204. package/dist/types/react/web/ui/Bridge/CheckoutWidget.d.ts +5 -8
  205. package/dist/types/react/web/ui/Bridge/CheckoutWidget.d.ts.map +1 -1
  206. package/dist/types/react/web/ui/Bridge/DirectPayment.d.ts +15 -12
  207. package/dist/types/react/web/ui/Bridge/DirectPayment.d.ts.map +1 -1
  208. package/dist/types/react/web/ui/Bridge/FundWallet.d.ts +33 -15
  209. package/dist/types/react/web/ui/Bridge/FundWallet.d.ts.map +1 -1
  210. package/dist/types/react/web/ui/Bridge/QuoteLoader.d.ts +9 -12
  211. package/dist/types/react/web/ui/Bridge/QuoteLoader.d.ts.map +1 -1
  212. package/dist/types/react/web/ui/Bridge/StepRunner.d.ts +7 -7
  213. package/dist/types/react/web/ui/Bridge/StepRunner.d.ts.map +1 -1
  214. package/dist/types/react/web/ui/Bridge/TransactionPayment.d.ts +14 -7
  215. package/dist/types/react/web/ui/Bridge/TransactionPayment.d.ts.map +1 -1
  216. package/dist/types/react/web/ui/Bridge/TransactionWidget.d.ts +3 -5
  217. package/dist/types/react/web/ui/Bridge/TransactionWidget.d.ts.map +1 -1
  218. package/dist/types/react/web/ui/Bridge/UnsupportedTokenScreen.d.ts +4 -3
  219. package/dist/types/react/web/ui/Bridge/UnsupportedTokenScreen.d.ts.map +1 -1
  220. package/dist/types/react/web/ui/Bridge/bridge-widget/bridge-widget.d.ts +3 -3
  221. package/dist/types/react/web/ui/Bridge/bridge-widget/bridge-widget.d.ts.map +1 -1
  222. package/dist/types/react/web/ui/Bridge/common/WithHeader.d.ts +4 -4
  223. package/dist/types/react/web/ui/Bridge/common/WithHeader.d.ts.map +1 -1
  224. package/dist/types/react/web/ui/Bridge/common/active-wallet-details.d.ts +8 -0
  225. package/dist/types/react/web/ui/Bridge/common/active-wallet-details.d.ts.map +1 -0
  226. package/dist/types/react/web/ui/Bridge/common/decimal-input.d.ts +6 -0
  227. package/dist/types/react/web/ui/Bridge/common/decimal-input.d.ts.map +1 -0
  228. package/dist/types/react/web/ui/Bridge/common/selected-token-button.d.ts +13 -0
  229. package/dist/types/react/web/ui/Bridge/common/selected-token-button.d.ts.map +1 -0
  230. package/dist/types/react/web/ui/Bridge/common/token-balance.d.ts +8 -0
  231. package/dist/types/react/web/ui/Bridge/common/token-balance.d.ts.map +1 -0
  232. package/dist/types/react/web/ui/Bridge/common/token-query.d.ts +15 -0
  233. package/dist/types/react/web/ui/Bridge/common/token-query.d.ts.map +1 -0
  234. package/dist/types/react/web/ui/Bridge/payment-details/PaymentDetails.d.ts +13 -11
  235. package/dist/types/react/web/ui/Bridge/payment-details/PaymentDetails.d.ts.map +1 -1
  236. package/dist/types/react/web/ui/Bridge/payment-details/PaymentOverview.d.ts +8 -3
  237. package/dist/types/react/web/ui/Bridge/payment-details/PaymentOverview.d.ts.map +1 -1
  238. package/dist/types/react/web/ui/Bridge/payment-selection/PaymentSelection.d.ts +12 -16
  239. package/dist/types/react/web/ui/Bridge/payment-selection/PaymentSelection.d.ts.map +1 -1
  240. package/dist/types/react/web/ui/Bridge/payment-selection/TokenSelection.d.ts +1 -1
  241. package/dist/types/react/web/ui/Bridge/payment-selection/TokenSelection.d.ts.map +1 -1
  242. package/dist/types/react/web/ui/Bridge/payment-success/SuccessScreen.d.ts +6 -6
  243. package/dist/types/react/web/ui/Bridge/payment-success/SuccessScreen.d.ts.map +1 -1
  244. package/dist/types/react/web/ui/Bridge/swap-widget/swap-ui.d.ts.map +1 -1
  245. package/dist/types/react/web/ui/Bridge/types.d.ts +39 -0
  246. package/dist/types/react/web/ui/Bridge/types.d.ts.map +1 -0
  247. package/dist/types/react/web/ui/ConnectWallet/Details.d.ts.map +1 -1
  248. package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/WalletRow.d.ts.map +1 -1
  249. package/dist/types/react/web/ui/ConnectWallet/screens/formatTokenBalance.d.ts +2 -1
  250. package/dist/types/react/web/ui/ConnectWallet/screens/formatTokenBalance.d.ts.map +1 -1
  251. package/dist/types/react/web/ui/TransactionButton/DepositScreen.d.ts +0 -1
  252. package/dist/types/react/web/ui/TransactionButton/DepositScreen.d.ts.map +1 -1
  253. package/dist/types/react/web/ui/TransactionButton/TransactionModal.d.ts +3 -1
  254. package/dist/types/react/web/ui/TransactionButton/TransactionModal.d.ts.map +1 -1
  255. package/dist/types/react/web/ui/components/CopyIcon.d.ts +1 -0
  256. package/dist/types/react/web/ui/components/CopyIcon.d.ts.map +1 -1
  257. package/dist/types/script-exports/bridge-widget-script.d.ts +3 -3
  258. package/dist/types/script-exports/bridge-widget-script.d.ts.map +1 -1
  259. package/dist/types/stories/Bridge/CheckoutWidget.stories.d.ts +25 -0
  260. package/dist/types/stories/Bridge/CheckoutWidget.stories.d.ts.map +1 -0
  261. package/dist/types/stories/Bridge/ErrorBanner.stories.d.ts +3 -47
  262. package/dist/types/stories/Bridge/ErrorBanner.stories.d.ts.map +1 -1
  263. package/dist/types/stories/Bridge/PaymentDetails.stories.d.ts +3 -56
  264. package/dist/types/stories/Bridge/PaymentDetails.stories.d.ts.map +1 -1
  265. package/dist/types/stories/Bridge/PaymentSelection.stories.d.ts +5 -63
  266. package/dist/types/stories/Bridge/PaymentSelection.stories.d.ts.map +1 -1
  267. package/dist/types/stories/Bridge/StepRunner.stories.d.ts +4 -52
  268. package/dist/types/stories/Bridge/StepRunner.stories.d.ts.map +1 -1
  269. package/dist/types/stories/Bridge/SuccessScreen.stories.d.ts +4 -54
  270. package/dist/types/stories/Bridge/SuccessScreen.stories.d.ts.map +1 -1
  271. package/dist/types/stories/Bridge/Transaction/TransactionWidget.stories.d.ts +11 -0
  272. package/dist/types/stories/Bridge/Transaction/TransactionWidget.stories.d.ts.map +1 -0
  273. package/dist/types/stories/Bridge/Transaction/useSendTransactionModal.stories.d.ts +18 -0
  274. package/dist/types/stories/Bridge/Transaction/useSendTransactionModal.stories.d.ts.map +1 -0
  275. package/dist/types/stories/Bridge/UnsupportedTokenScreen.stories.d.ts +3 -34
  276. package/dist/types/stories/Bridge/UnsupportedTokenScreen.stories.d.ts.map +1 -1
  277. package/dist/types/stories/Bridge/fixtures.d.ts +19 -17
  278. package/dist/types/stories/Bridge/fixtures.d.ts.map +1 -1
  279. package/dist/types/stories/BuyWidget.stories.d.ts +9 -1
  280. package/dist/types/stories/BuyWidget.stories.d.ts.map +1 -1
  281. package/dist/types/stories/utils.d.ts +0 -2
  282. package/dist/types/stories/utils.d.ts.map +1 -1
  283. package/dist/types/version.d.ts +1 -1
  284. package/dist/types/x402/common.d.ts.map +1 -1
  285. package/dist/types/x402/facilitator.d.ts +2 -3
  286. package/dist/types/x402/facilitator.d.ts.map +1 -1
  287. package/dist/types/x402/schemas.d.ts +21 -0
  288. package/dist/types/x402/schemas.d.ts.map +1 -1
  289. package/dist/types/x402/settle-payment.d.ts.map +1 -1
  290. package/dist/types/x402/types.d.ts +5 -4
  291. package/dist/types/x402/types.d.ts.map +1 -1
  292. package/dist/types/x402/verify-payment.d.ts.map +1 -1
  293. package/package.json +1 -1
  294. package/src/react/core/hooks/transaction/useSendTransaction.ts +6 -0
  295. package/src/react/core/hooks/usePaymentMethods.ts +1 -4
  296. package/src/react/web/hooks/transaction/useSendTransaction.tsx +1 -0
  297. package/src/react/web/ui/Bridge/BuyWidget.tsx +355 -160
  298. package/src/react/web/ui/Bridge/CheckoutWidget.tsx +384 -107
  299. package/src/react/web/ui/Bridge/DirectPayment.tsx +34 -26
  300. package/src/react/web/ui/Bridge/FundWallet.tsx +610 -266
  301. package/src/react/web/ui/Bridge/QuoteLoader.tsx +10 -20
  302. package/src/react/web/ui/Bridge/StepRunner.tsx +7 -7
  303. package/src/react/web/ui/Bridge/TransactionPayment.tsx +35 -25
  304. package/src/react/web/ui/Bridge/TransactionWidget.tsx +395 -71
  305. package/src/react/web/ui/Bridge/UnsupportedTokenScreen.tsx +3 -3
  306. package/src/react/web/ui/Bridge/bridge-widget/bridge-widget.tsx +16 -14
  307. package/src/react/web/ui/Bridge/common/WithHeader.tsx +13 -19
  308. package/src/react/web/ui/Bridge/common/active-wallet-details.tsx +103 -0
  309. package/src/react/web/ui/Bridge/common/decimal-input.tsx +61 -0
  310. package/src/react/web/ui/Bridge/common/selected-token-button.tsx +168 -0
  311. package/src/react/web/ui/Bridge/common/token-balance.tsx +23 -0
  312. package/src/react/web/ui/Bridge/common/token-query.ts +49 -0
  313. package/src/react/web/ui/Bridge/payment-details/PaymentDetails.tsx +23 -14
  314. package/src/react/web/ui/Bridge/payment-details/PaymentOverview.tsx +36 -22
  315. package/src/react/web/ui/Bridge/payment-selection/PaymentSelection.tsx +11 -22
  316. package/src/react/web/ui/Bridge/payment-selection/TokenSelection.tsx +1 -1
  317. package/src/react/web/ui/Bridge/payment-success/SuccessScreen.tsx +7 -8
  318. package/src/react/web/ui/Bridge/swap-widget/SwapWidget.tsx +14 -12
  319. package/src/react/web/ui/Bridge/swap-widget/swap-ui.tsx +19 -332
  320. package/src/react/web/ui/Bridge/types.ts +47 -0
  321. package/src/react/web/ui/ConnectWallet/Details.tsx +3 -1
  322. package/src/react/web/ui/ConnectWallet/screens/Buy/swap/WalletRow.tsx +1 -5
  323. package/src/react/web/ui/ConnectWallet/screens/formatTokenBalance.ts +5 -1
  324. package/src/react/web/ui/TransactionButton/DepositScreen.tsx +1 -2
  325. package/src/react/web/ui/TransactionButton/TransactionModal.tsx +44 -27
  326. package/src/react/web/ui/components/CopyIcon.tsx +11 -2
  327. package/src/script-exports/bridge-widget-script.tsx +3 -3
  328. package/src/script-exports/readme.md +1 -8
  329. package/src/stories/Bridge/CheckoutWidget.stories.tsx +147 -0
  330. package/src/stories/Bridge/ErrorBanner.stories.tsx +13 -138
  331. package/src/stories/Bridge/PaymentDetails.stories.tsx +34 -349
  332. package/src/stories/Bridge/PaymentSelection.stories.tsx +28 -156
  333. package/src/stories/Bridge/StepRunner.stories.tsx +18 -65
  334. package/src/stories/Bridge/SuccessScreen.stories.tsx +21 -130
  335. package/src/stories/Bridge/Transaction/TransactionWidget.stories.tsx +63 -0
  336. package/src/stories/Bridge/Transaction/useSendTransactionModal.stories.tsx +68 -0
  337. package/src/stories/Bridge/UnsupportedTokenScreen.stories.tsx +19 -108
  338. package/src/stories/Bridge/fixtures.ts +36 -63
  339. package/src/stories/BuyWidget.stories.tsx +103 -8
  340. package/src/stories/utils.tsx +16 -9
  341. package/src/version.ts +1 -1
  342. package/src/x402/common.ts +2 -5
  343. package/src/x402/facilitator.ts +3 -3
  344. package/src/x402/schemas.ts +10 -0
  345. package/src/x402/settle-payment.ts +7 -6
  346. package/src/x402/sign.ts +3 -8
  347. package/src/x402/types.ts +5 -4
  348. package/src/x402/verify-payment.ts +7 -6
  349. package/dist/cjs/react/core/machines/paymentMachine.js +0 -191
  350. package/dist/cjs/react/core/machines/paymentMachine.js.map +0 -1
  351. package/dist/cjs/react/web/ui/Bridge/BridgeOrchestrator.js +0 -129
  352. package/dist/cjs/react/web/ui/Bridge/BridgeOrchestrator.js.map +0 -1
  353. package/dist/cjs/stories/Bridge/BridgeOrchestrator.stories.js +0 -258
  354. package/dist/cjs/stories/Bridge/BridgeOrchestrator.stories.js.map +0 -1
  355. package/dist/cjs/stories/Bridge/DirectPayment.stories.js +0 -222
  356. package/dist/cjs/stories/Bridge/DirectPayment.stories.js.map +0 -1
  357. package/dist/cjs/stories/Bridge/FundWallet.stories.js +0 -201
  358. package/dist/cjs/stories/Bridge/FundWallet.stories.js.map +0 -1
  359. package/dist/cjs/stories/Bridge/TransactionPayment.stories.js +0 -168
  360. package/dist/cjs/stories/Bridge/TransactionPayment.stories.js.map +0 -1
  361. package/dist/esm/react/core/machines/paymentMachine.js +0 -188
  362. package/dist/esm/react/core/machines/paymentMachine.js.map +0 -1
  363. package/dist/esm/react/web/ui/Bridge/BridgeOrchestrator.js +0 -126
  364. package/dist/esm/react/web/ui/Bridge/BridgeOrchestrator.js.map +0 -1
  365. package/dist/esm/stories/Bridge/BridgeOrchestrator.stories.js +0 -255
  366. package/dist/esm/stories/Bridge/BridgeOrchestrator.stories.js.map +0 -1
  367. package/dist/esm/stories/Bridge/DirectPayment.stories.js +0 -219
  368. package/dist/esm/stories/Bridge/DirectPayment.stories.js.map +0 -1
  369. package/dist/esm/stories/Bridge/FundWallet.stories.js +0 -198
  370. package/dist/esm/stories/Bridge/FundWallet.stories.js.map +0 -1
  371. package/dist/esm/stories/Bridge/TransactionPayment.stories.js +0 -165
  372. package/dist/esm/stories/Bridge/TransactionPayment.stories.js.map +0 -1
  373. package/dist/types/react/core/machines/paymentMachine.d.ts +0 -89
  374. package/dist/types/react/core/machines/paymentMachine.d.ts.map +0 -1
  375. package/dist/types/react/web/ui/Bridge/BridgeOrchestrator.d.ts +0 -99
  376. package/dist/types/react/web/ui/Bridge/BridgeOrchestrator.d.ts.map +0 -1
  377. package/dist/types/stories/Bridge/BridgeOrchestrator.stories.d.ts +0 -97
  378. package/dist/types/stories/Bridge/BridgeOrchestrator.stories.d.ts.map +0 -1
  379. package/dist/types/stories/Bridge/DirectPayment.stories.d.ts +0 -69
  380. package/dist/types/stories/Bridge/DirectPayment.stories.d.ts.map +0 -1
  381. package/dist/types/stories/Bridge/FundWallet.stories.d.ts +0 -67
  382. package/dist/types/stories/Bridge/FundWallet.stories.d.ts.map +0 -1
  383. package/dist/types/stories/Bridge/TransactionPayment.stories.d.ts +0 -60
  384. package/dist/types/stories/Bridge/TransactionPayment.stories.d.ts.map +0 -1
  385. package/src/react/core/machines/paymentMachine.test.ts +0 -519
  386. package/src/react/core/machines/paymentMachine.ts +0 -295
  387. package/src/react/web/ui/Bridge/BridgeOrchestrator.tsx +0 -425
  388. package/src/stories/Bridge/BridgeOrchestrator.stories.tsx +0 -298
  389. package/src/stories/Bridge/DirectPayment.stories.tsx +0 -256
  390. package/src/stories/Bridge/FundWallet.stories.tsx +0 -227
  391. package/src/stories/Bridge/TransactionPayment.stories.tsx +0 -202
@@ -2,8 +2,10 @@
2
2
  "use client";
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  exports.TransactionWidget = TransactionWidget;
5
+ exports.TransactionWidgetContentWrapper = TransactionWidgetContentWrapper;
5
6
  const jsx_runtime_1 = require("react/jsx-runtime");
6
7
  const react_query_1 = require("@tanstack/react-query");
8
+ const react_1 = require("react");
7
9
  const pay_js_1 = require("../../../../analytics/track/pay.js");
8
10
  const addresses_js_1 = require("../../../../constants/addresses.js");
9
11
  const get_token_js_1 = require("../../../../pay/convert/get-token.js");
@@ -13,6 +15,7 @@ const json_js_1 = require("../../../../utils/json.js");
13
15
  const units_js_1 = require("../../../../utils/units.js");
14
16
  const CustomThemeProvider_js_1 = require("../../../core/design-system/CustomThemeProvider.js");
15
17
  const index_js_1 = require("../../../core/design-system/index.js");
18
+ const WindowAdapter_js_1 = require("../../adapters/WindowAdapter.js");
16
19
  const AccentFailIcon_js_1 = require("../ConnectWallet/icons/AccentFailIcon.js");
17
20
  const getConnectLocale_js_1 = require("../ConnectWallet/locale/getConnectLocale.js");
18
21
  const ConnectEmbed_js_1 = require("../ConnectWallet/Modal/ConnectEmbed.js");
@@ -20,7 +23,14 @@ const DynamicHeight_js_1 = require("../components/DynamicHeight.js");
20
23
  const Spacer_js_1 = require("../components/Spacer.js");
21
24
  const Spinner_js_1 = require("../components/Spinner.js");
22
25
  const text_js_1 = require("../components/text.js");
23
- const BridgeOrchestrator_js_1 = require("./BridgeOrchestrator.js");
26
+ const ExecutingScreen_js_1 = require("../TransactionButton/ExecutingScreen.js");
27
+ const ErrorBanner_js_1 = require("./ErrorBanner.js");
28
+ const PaymentDetails_js_1 = require("./payment-details/PaymentDetails.js");
29
+ const PaymentSelection_js_1 = require("./payment-selection/PaymentSelection.js");
30
+ const SuccessScreen_js_1 = require("./payment-success/SuccessScreen.js");
31
+ const QuoteLoader_js_1 = require("./QuoteLoader.js");
32
+ const StepRunner_js_1 = require("./StepRunner.js");
33
+ const TransactionPayment_js_1 = require("./TransactionPayment.js");
24
34
  const UnsupportedTokenScreen_js_1 = require("./UnsupportedTokenScreen.js");
25
35
  /**
26
36
  * Widget a prebuilt UI for purchasing a specific token.
@@ -135,8 +145,9 @@ const UnsupportedTokenScreen_js_1 = require("./UnsupportedTokenScreen.js");
135
145
  * @bridge
136
146
  */
137
147
  function TransactionWidget(props) {
138
- const localeQuery = (0, getConnectLocale_js_1.useConnectLocale)(props.locale || "en_US");
139
- const theme = props.theme || "dark";
148
+ return ((0, jsx_runtime_1.jsx)(TransactionWidgetContainer, { theme: props.theme, className: props.className, style: props.style, children: (0, jsx_runtime_1.jsx)(TransactionWidgetContentWrapper, { ...props }) }));
149
+ }
150
+ function TransactionWidgetContentWrapper(props) {
140
151
  (0, react_query_1.useQuery)({
141
152
  queryFn: () => {
142
153
  (0, pay_js_1.trackPayEvent)({
@@ -149,7 +160,8 @@ function TransactionWidget(props) {
149
160
  },
150
161
  queryKey: ["transaction_widget:render"],
151
162
  });
152
- const bridgeDataQuery = (0, react_query_1.useQuery)({
163
+ const localQuery = (0, getConnectLocale_js_1.useConnectLocale)(props.locale || "en_US");
164
+ const txQuery = (0, react_query_1.useQuery)({
153
165
  queryFn: async () => {
154
166
  let erc20Value = props.transaction.erc20Value;
155
167
  if (props.amount) {
@@ -163,8 +175,6 @@ function TransactionWidget(props) {
163
175
  });
164
176
  if (!token) {
165
177
  return {
166
- chain: props.transaction.chain,
167
- tokenAddress: (0, address_js_1.checksumAddress)(tokenAddress),
168
178
  type: "unsupported_token",
169
179
  };
170
180
  }
@@ -178,55 +188,208 @@ function TransactionWidget(props) {
178
188
  erc20Value,
179
189
  });
180
190
  return {
181
- data: {
182
- currency: props.currency || "USD",
183
- buttonLabel: props.buttonLabel,
184
- metadata: {
185
- description: props.description,
186
- image: props.image,
187
- title: props.title,
188
- },
189
- mode: "transaction",
190
- transaction,
191
- },
191
+ transaction,
192
192
  type: "success",
193
193
  };
194
194
  },
195
- queryKey: ["bridgeData", (0, json_js_1.stringify)(props)],
195
+ queryKey: ["transaction-query", (0, json_js_1.stringify)(props)],
196
196
  retry: 1,
197
197
  });
198
- let content = null;
199
- if (!localeQuery.data || bridgeDataQuery.isLoading) {
200
- content = ((0, jsx_runtime_1.jsx)("div", { style: {
198
+ // if branding is disabled for widget, disable it for connect options too
199
+ const connectOptions = (0, react_1.useMemo)(() => {
200
+ if (props.showThirdwebBranding === false) {
201
+ return {
202
+ ...props.connectOptions,
203
+ connectModal: {
204
+ ...props.connectOptions?.connectModal,
205
+ showThirdwebBranding: props.showThirdwebBranding,
206
+ },
207
+ };
208
+ }
209
+ return props.connectOptions;
210
+ }, [props.connectOptions, props.showThirdwebBranding]);
211
+ if (txQuery.isPending || !localQuery.data) {
212
+ return ((0, jsx_runtime_1.jsx)("div", { style: {
201
213
  alignItems: "center",
202
214
  display: "flex",
203
215
  justifyContent: "center",
204
216
  minHeight: "350px",
205
217
  }, children: (0, jsx_runtime_1.jsx)(Spinner_js_1.Spinner, { color: "secondaryText", size: "xl" }) }));
206
218
  }
207
- else if (bridgeDataQuery.error) {
208
- content = ((0, jsx_runtime_1.jsxs)("div", { style: {
219
+ else if (txQuery.error) {
220
+ return ((0, jsx_runtime_1.jsxs)("div", { style: {
209
221
  alignItems: "center",
210
222
  display: "flex",
211
223
  flexDirection: "column",
212
224
  justifyContent: "center",
213
225
  minHeight: "350px",
214
- }, 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: "secondaryText", size: "md", children: bridgeDataQuery.error.message })] }));
226
+ }, 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: "secondaryText", size: "md", children: txQuery.error.message })] }));
227
+ }
228
+ else if (txQuery.data?.type === "unsupported_token") {
229
+ return ((0, jsx_runtime_1.jsx)(UnsupportedTokenScreen_js_1.UnsupportedTokenScreen, { chain: props.transaction.chain, client: props.client, tokenAddress: props.tokenAddress || addresses_js_1.NATIVE_TOKEN_ADDRESS }));
230
+ }
231
+ else if (txQuery.data?.type === "success") {
232
+ return ((0, jsx_runtime_1.jsx)(TransactionWidgetContent, { ...props, connectOptions: connectOptions, connectLocale: localQuery.data, transaction: txQuery.data.transaction, currency: props.currency || "USD", paymentMethods: props.paymentMethods || ["crypto", "card"], showThirdwebBranding: props.showThirdwebBranding === undefined
233
+ ? true
234
+ : props.showThirdwebBranding }));
235
+ }
236
+ return null;
237
+ }
238
+ function TransactionWidgetContent(props) {
239
+ const [screen, setScreen] = (0, react_1.useState)({
240
+ id: "init-ui",
241
+ });
242
+ const handleError = (0, react_1.useCallback)((error) => {
243
+ console.error(error);
244
+ props.onError?.(error);
245
+ setScreen({
246
+ id: "error",
247
+ error,
248
+ });
249
+ }, [props.onError]);
250
+ if (screen.id === "init-ui") {
251
+ return ((0, jsx_runtime_1.jsx)(TransactionPayment_js_1.TransactionPayment, { client: props.client, metadata: {
252
+ title: props.title,
253
+ description: props.description,
254
+ image: props.image,
255
+ }, connectOptions: props.connectOptions, onContinue: (destinationAmount, destinationToken, receiverAddress) => {
256
+ setScreen({
257
+ id: "buy:1.methodSelection",
258
+ destinationAmount,
259
+ destinationToken,
260
+ transaction: props.transaction,
261
+ receiverAddress,
262
+ });
263
+ }, onExecuteTransaction: () => {
264
+ setScreen({
265
+ id: "execute-tx",
266
+ transaction: props.transaction,
267
+ });
268
+ }, showThirdwebBranding: props.showThirdwebBranding, currency: props.currency, buttonLabel: props.buttonLabel, transaction: props.transaction }));
269
+ }
270
+ if (screen.id === "buy:1.methodSelection") {
271
+ return ((0, jsx_runtime_1.jsx)(PaymentSelection_js_1.PaymentSelection
272
+ // from props
273
+ , {
274
+ // from props
275
+ client: props.client, connectLocale: props.connectLocale, connectOptions: props.connectOptions, paymentMethods: props.paymentMethods, currency: props.currency, supportedTokens: props.supportedTokens, country: props.country,
276
+ // others
277
+ feePayer: undefined, destinationToken: screen.destinationToken, destinationAmount: screen.destinationAmount, receiverAddress: screen.receiverAddress, onBack: () => {
278
+ setScreen({ id: "init-ui" });
279
+ }, onError: (error) => {
280
+ handleError(error);
281
+ }, onPaymentMethodSelected: (paymentMethod) => {
282
+ setScreen({
283
+ ...screen,
284
+ id: "buy:2.load-quote",
285
+ paymentMethod,
286
+ });
287
+ } }));
215
288
  }
216
- else if (bridgeDataQuery.data?.type === "unsupported_token") {
217
- // Show unsupported token screen
218
- content = ((0, jsx_runtime_1.jsx)(UnsupportedTokenScreen_js_1.UnsupportedTokenScreen, { chain: bridgeDataQuery.data.chain, client: props.client, tokenAddress: props.tokenAddress }));
289
+ if (screen.id === "buy:2.load-quote") {
290
+ return ((0, jsx_runtime_1.jsx)(QuoteLoader_js_1.QuoteLoader
291
+ // from props
292
+ , {
293
+ // from props
294
+ paymentLinkId: props.paymentLinkId, purchaseData: props.purchaseData, client: props.client,
295
+ // others
296
+ feePayer: undefined, sender: undefined, mode: "transaction", amount: screen.destinationAmount, destinationToken: screen.destinationToken, onBack: () => {
297
+ setScreen({
298
+ ...screen,
299
+ id: "buy:1.methodSelection",
300
+ });
301
+ }, onError: (error) => {
302
+ handleError(error);
303
+ }, onQuoteReceived: (preparedQuote, request) => {
304
+ setScreen({
305
+ ...screen,
306
+ id: "buy:3.preview",
307
+ preparedQuote,
308
+ request,
309
+ });
310
+ }, paymentMethod: screen.paymentMethod, receiver: screen.receiverAddress }));
311
+ }
312
+ if (screen.id === "buy:3.preview") {
313
+ return ((0, jsx_runtime_1.jsx)(PaymentDetails_js_1.PaymentDetails
314
+ // from props
315
+ , {
316
+ // from props
317
+ client: props.client, currency: props.currency, metadata: {
318
+ title: props.title,
319
+ description: props.description,
320
+ },
321
+ // others
322
+ confirmButtonLabel: undefined, onBack: () => {
323
+ setScreen({
324
+ ...screen,
325
+ id: "buy:1.methodSelection",
326
+ });
327
+ }, onConfirm: () => {
328
+ setScreen({
329
+ ...screen,
330
+ id: "buy:4.execute-buy",
331
+ });
332
+ }, onError: (error) => {
333
+ handleError(error);
334
+ }, paymentMethod: screen.paymentMethod, preparedQuote: screen.preparedQuote, modeInfo: {
335
+ mode: "transaction",
336
+ transaction: screen.transaction,
337
+ } }));
338
+ }
339
+ if (screen.id === "buy:4.execute-buy") {
340
+ return ((0, jsx_runtime_1.jsx)(StepRunner_js_1.StepRunner
341
+ // from props
342
+ , {
343
+ // from props
344
+ client: props.client,
345
+ // others
346
+ title: undefined, preparedQuote: screen.preparedQuote, autoStart: true, onBack: () => {
347
+ setScreen({
348
+ ...screen,
349
+ id: "buy:3.preview",
350
+ });
351
+ }, onCancel: () => {
352
+ props.onCancel?.();
353
+ }, onComplete: (completedStatuses) => {
354
+ setScreen({
355
+ ...screen,
356
+ id: "buy:5.success",
357
+ completedStatuses,
358
+ });
359
+ }, request: screen.request, wallet: screen.paymentMethod.payerWallet, windowAdapter: WindowAdapter_js_1.webWindowAdapter }));
219
360
  }
220
- else if (bridgeDataQuery.data?.type === "success") {
221
- // Show normal bridge orchestrator
222
- content = ((0, jsx_runtime_1.jsx)(BridgeOrchestrator_js_1.BridgeOrchestrator, { country: props.country, supportedTokens: props.supportedTokens, client: props.client, connectLocale: localeQuery.data, connectOptions: props.connectOptions, onCancel: () => {
361
+ if (screen.id === "buy:5.success") {
362
+ return ((0, jsx_runtime_1.jsx)(SuccessScreen_js_1.SuccessScreen
363
+ // from props
364
+ , {
365
+ // from props
366
+ client: props.client, hasPaymentId: !!props.paymentLinkId,
367
+ // others
368
+ completedStatuses: screen.completedStatuses, onDone: () => {
369
+ setScreen({ id: "execute-tx", transaction: screen.transaction });
370
+ }, preparedQuote: screen.preparedQuote, showContinueWithTx: true, windowAdapter: WindowAdapter_js_1.webWindowAdapter }));
371
+ }
372
+ if (screen.id === "error") {
373
+ return ((0, jsx_runtime_1.jsx)(ErrorBanner_js_1.ErrorBanner, { client: props.client, error: screen.error, onCancel: () => {
374
+ setScreen({ id: "init-ui" });
223
375
  props.onCancel?.();
224
- }, onComplete: () => {
225
- props.onSuccess?.();
226
- }, onError: (err) => {
227
- props.onError?.(err);
228
- }, paymentLinkId: props.paymentLinkId, paymentMethods: props.paymentMethods, presetOptions: props.presetOptions, purchaseData: props.purchaseData, receiverAddress: undefined, uiOptions: bridgeDataQuery.data.data, showThirdwebBranding: props.showThirdwebBranding }));
376
+ }, onRetry: () => {
377
+ setScreen({ id: "init-ui" });
378
+ } }));
379
+ }
380
+ if (screen.id === "execute-tx") {
381
+ return ((0, jsx_runtime_1.jsx)(ExecutingScreen_js_1.ExecutingTxScreen, { closeModal: () => {
382
+ setScreen({ id: "init-ui" });
383
+ }, onTxSent: (data) => {
384
+ props.onSuccess?.(data);
385
+ }, tx: screen.transaction, windowAdapter: WindowAdapter_js_1.webWindowAdapter }));
229
386
  }
230
- return ((0, jsx_runtime_1.jsx)(CustomThemeProvider_js_1.CustomThemeProvider, { theme: theme, children: (0, jsx_runtime_1.jsx)(ConnectEmbed_js_1.EmbedContainer, { className: props.className, modalSize: "compact", style: props.style, children: (0, jsx_runtime_1.jsx)(DynamicHeight_js_1.DynamicHeight, { children: content }) }) }));
387
+ return null;
388
+ }
389
+ /**
390
+ * @internal
391
+ */
392
+ function TransactionWidgetContainer(props) {
393
+ return ((0, jsx_runtime_1.jsx)(CustomThemeProvider_js_1.CustomThemeProvider, { theme: props.theme || "dark", children: (0, jsx_runtime_1.jsx)(ConnectEmbed_js_1.EmbedContainer, { className: props.className, modalSize: "compact", style: props.style, children: (0, jsx_runtime_1.jsx)(DynamicHeight_js_1.DynamicHeight, { children: props.children }) }) }));
231
394
  }
232
395
  //# sourceMappingURL=TransactionWidget.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TransactionWidget.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/Bridge/TransactionWidget.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"TransactionWidget.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/Bridge/TransactionWidget.tsx"],"names":[],"mappings":"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"}
@@ -76,8 +76,8 @@ function BridgeWidget(props) {
76
76
  }, children: [(0, jsx_runtime_1.jsx)(TabButton, { isActive: tab === "swap", onClick: () => setTab("swap"), children: "Swap" }), (0, jsx_runtime_1.jsx)(TabButton, { isActive: tab === "buy", onClick: () => setTab("buy"), children: "Buy" })] }), tab === "swap" && ((0, jsx_runtime_1.jsx)(SwapWidget_js_1.SwapWidget, { client: props.client, prefill: props.swap?.prefill, className: props.swap?.className, showThirdwebBranding: props.showThirdwebBranding, currency: props.currency, theme: props.theme, onSuccess: props.swap?.onSuccess, onError: props.swap?.onError, onCancel: props.swap?.onCancel, onDisconnect: props.swap?.onDisconnect, persistTokenSelections: props.swap?.persistTokenSelections, style: {
77
77
  border: "none",
78
78
  ...props.swap?.style,
79
- } })), tab === "buy" && ((0, jsx_runtime_1.jsx)(BuyWidget_js_1.BuyWidget, { client: props.client, amount: props.buy.amount, showThirdwebBranding: props.showThirdwebBranding, chain: (0, utils_js_1.defineChain)(props.buy.chainId), currency: props.currency, theme: props.theme, title: "" // Keep it empty string to hide the title
80
- , tokenAddress: props.buy.tokenAddress, buttonLabel: props.buy.buttonLabel, className: props.buy.className, country: props.buy.country, onCancel: props.buy.onCancel, onError: props.buy.onError, onSuccess: props.buy.onSuccess, presetOptions: props.buy.presetOptions, purchaseData: props.buy.purchaseData, paymentMethods: ["card"], style: {
79
+ } })), tab === "buy" && ((0, jsx_runtime_1.jsx)(BuyWidget_js_1.BuyWidget, { client: props.client, amount: props.buy?.amount, showThirdwebBranding: props.showThirdwebBranding, chain: props.buy?.chainId ? (0, utils_js_1.defineChain)(props.buy.chainId) : undefined, currency: props.currency, theme: props.theme, title: "" // Keep it empty string to hide the title
80
+ , tokenAddress: props.buy?.tokenAddress, buttonLabel: props.buy?.buttonLabel, className: props.buy?.className, country: props.buy?.country, onCancel: props.buy?.onCancel, onError: props.buy?.onError, onSuccess: props.buy?.onSuccess, presetOptions: props.buy?.presetOptions, purchaseData: props.buy?.purchaseData, paymentMethods: ["card"], style: {
81
81
  border: "none",
82
82
  } }))] }) }));
83
83
  }
@@ -1 +1 @@
1
- {"version":3,"file":"bridge-widget.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/bridge-widget/bridge-widget.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"bridge-widget.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/bridge-widget/bridge-widget.tsx"],"names":[],"mappings":"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"}
@@ -8,19 +8,18 @@ const index_js_1 = require("../../../../core/design-system/index.js");
8
8
  const basic_js_1 = require("../../components/basic.js");
9
9
  const Spacer_js_1 = require("../../components/Spacer.js");
10
10
  const text_js_1 = require("../../components/text.js");
11
- function WithHeader({ children, uiOptions, defaultTitle, client, }) {
11
+ function WithHeader(props) {
12
12
  const theme = (0, CustomThemeProvider_js_1.useCustomTheme)();
13
- const showTitle = uiOptions.metadata?.title !== "";
14
- return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", children: [uiOptions.metadata?.image && ((0, jsx_runtime_1.jsx)("div", { style: {
13
+ return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", children: [props.image && ((0, jsx_runtime_1.jsx)("div", { style: {
15
14
  aspectRatio: "16/9",
16
15
  backgroundColor: theme.colors.tertiaryBg,
17
- backgroundImage: `url(${getUrl(client, uiOptions.metadata.image)})`,
16
+ backgroundImage: `url(${getUrl(props.client, props.image)})`,
18
17
  backgroundPosition: "center",
19
18
  backgroundSize: "cover",
20
19
  borderRadius: `${index_js_1.radius.md} ${index_js_1.radius.md} 0 0`,
21
20
  overflow: "hidden",
22
21
  width: "100%",
23
- } })), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", px: "md", children: [(0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md+" }), (showTitle || uiOptions.metadata?.description) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [showTitle && ((0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "primaryText", size: "lg", weight: 600, children: uiOptions.metadata?.title || defaultTitle })), uiOptions.metadata?.description && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xxs" }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "secondaryText", size: "sm", multiline: true, children: uiOptions.metadata?.description })] })), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md" })] })), children] })] }));
22
+ } })), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", px: "md", children: [(0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md" }), (props.title || props.description) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [props.title && ((0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "primaryText", size: "lg", weight: 600, children: props.title })), props.description && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xxs" }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "secondaryText", size: "sm", multiline: true, children: props.description })] })), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md" })] })), props.children] })] }));
24
23
  }
25
24
  function getUrl(client, uri) {
26
25
  if (!uri.startsWith("ipfs://")) {
@@ -1 +1 @@
1
- {"version":3,"file":"WithHeader.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/common/WithHeader.tsx"],"names":[],"mappings":";;AASA,gCA8DC;;AAtED,0DAA6D;AAC7D,kGAAuF;AACvF,sEAAiE;AACjE,wDAAsD;AACtD,0DAAoD;AACpD,sDAAgD;AAGhD,SAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,MAAM,GAMP;IACC,MAAM,KAAK,GAAG,IAAA,uCAAc,GAAE,CAAC;IAC/B,MAAM,SAAS,GAAG,SAAS,CAAC,QAAQ,EAAE,KAAK,KAAK,EAAE,CAAC;IAEnD,OAAO,CACL,wBAAC,oBAAS,IAAC,IAAI,EAAC,QAAQ,aAErB,SAAS,CAAC,QAAQ,EAAE,KAAK,IAAI,CAC5B,gCACE,KAAK,EAAE;oBACL,WAAW,EAAE,MAAM;oBACnB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;oBACxC,eAAe,EAAE,OAAO,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG;oBACnE,kBAAkB,EAAE,QAAQ;oBAC5B,cAAc,EAAE,OAAO;oBACvB,YAAY,EAAE,GAAG,iBAAM,CAAC,EAAE,IAAI,iBAAM,CAAC,EAAE,MAAM;oBAC7C,QAAQ,EAAE,QAAQ;oBAClB,KAAK,EAAE,MAAM;iBACd,GACD,CACH,EAED,wBAAC,oBAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,aAC9B,uBAAC,kBAAM,IAAC,CAAC,EAAC,KAAK,GAAG,EAEjB,CAAC,SAAS,IAAI,SAAS,CAAC,QAAQ,EAAE,WAAW,CAAC,IAAI,CACjD,6DAEG,SAAS,IAAI,CACZ,uBAAC,cAAI,IAAC,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAE,GAAG,YAC5C,SAAS,CAAC,QAAQ,EAAE,KAAK,IAAI,YAAY,GACrC,CACR,EAGA,SAAS,CAAC,QAAQ,EAAE,WAAW,IAAI,CAClC,6DACE,uBAAC,kBAAM,IAAC,CAAC,EAAC,KAAK,GAAG,EAClB,uBAAC,cAAI,IAAC,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,kBAC5C,SAAS,CAAC,QAAQ,EAAE,WAAW,GAC3B,IACN,CACJ,EAED,uBAAC,kBAAM,IAAC,CAAC,EAAC,IAAI,GAAG,IAChB,CACJ,EAEA,QAAQ,IACC,IACF,CACb,CAAC;AACJ,CAAC;AAED,SAAS,MAAM,CAAC,MAAsB,EAAE,GAAW;IACjD,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;QAC/B,OAAO,GAAG,CAAC;IACb,CAAC;IACD,OAAO,IAAA,uBAAa,EAAC;QACnB,MAAM;QACN,GAAG;KACJ,CAAC,CAAC;AACL,CAAC"}
1
+ {"version":3,"file":"WithHeader.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/common/WithHeader.tsx"],"names":[],"mappings":";;AAQA,gCAyDC;;AAhED,0DAA6D;AAC7D,kGAAuF;AACvF,sEAAiE;AACjE,wDAAsD;AACtD,0DAAoD;AACpD,sDAAgD;AAEhD,SAAgB,UAAU,CAAC,KAM1B;IACC,MAAM,KAAK,GAAG,IAAA,uCAAc,GAAE,CAAC;IAE/B,OAAO,CACL,wBAAC,oBAAS,IAAC,IAAI,EAAC,QAAQ,aAErB,KAAK,CAAC,KAAK,IAAI,CACd,gCACE,KAAK,EAAE;oBACL,WAAW,EAAE,MAAM;oBACnB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;oBACxC,eAAe,EAAE,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG;oBAC5D,kBAAkB,EAAE,QAAQ;oBAC5B,cAAc,EAAE,OAAO;oBACvB,YAAY,EAAE,GAAG,iBAAM,CAAC,EAAE,IAAI,iBAAM,CAAC,EAAE,MAAM;oBAC7C,QAAQ,EAAE,QAAQ;oBAClB,KAAK,EAAE,MAAM;iBACd,GACD,CACH,EAED,wBAAC,oBAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,aAC9B,uBAAC,kBAAM,IAAC,CAAC,EAAC,IAAI,GAAG,EAEhB,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,CACrC,6DAEG,KAAK,CAAC,KAAK,IAAI,CACd,uBAAC,cAAI,IAAC,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAE,GAAG,YAC5C,KAAK,CAAC,KAAK,GACP,CACR,EAGA,KAAK,CAAC,WAAW,IAAI,CACpB,6DACE,uBAAC,kBAAM,IAAC,CAAC,EAAC,KAAK,GAAG,EAClB,uBAAC,cAAI,IAAC,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,kBAC5C,KAAK,CAAC,WAAW,GACb,IACN,CACJ,EAED,uBAAC,kBAAM,IAAC,CAAC,EAAC,IAAI,GAAG,IAChB,CACJ,EAEA,KAAK,CAAC,QAAQ,IACL,IACF,CACb,CAAC;AACJ,CAAC;AAED,SAAS,MAAM,CAAC,MAAsB,EAAE,GAAW;IACjD,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;QAC/B,OAAO,GAAG,CAAC;IACb,CAAC;IACD,OAAO,IAAA,uBAAa,EAAC;QACnB,MAAM;QACN,GAAG;KACJ,CAAC,CAAC;AACL,CAAC"}
@@ -0,0 +1,52 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ActiveWalletDetails = ActiveWalletDetails;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const styled_1 = require("@emotion/styled");
6
+ const address_js_1 = require("../../../../../utils/address.js");
7
+ const provider_js_1 = require("../../../../core/account/provider.js");
8
+ const CustomThemeProvider_js_1 = require("../../../../core/design-system/CustomThemeProvider.js");
9
+ const index_js_1 = require("../../../../core/design-system/index.js");
10
+ const provider_js_2 = require("../../../../core/wallet/provider.js");
11
+ const basic_js_1 = require("../../components/basic.js");
12
+ const buttons_js_1 = require("../../components/buttons.js");
13
+ const avatar_js_1 = require("../../prebuilt/Account/avatar.js");
14
+ const blobbie_js_1 = require("../../prebuilt/Account/blobbie.js");
15
+ const name_js_1 = require("../../prebuilt/Account/name.js");
16
+ const icon_js_1 = require("../../prebuilt/Wallet/icon.js");
17
+ function ActiveWalletDetails(props) {
18
+ const wallet = props.activeWalletInfo.activeWallet;
19
+ const account = props.activeWalletInfo.activeAccount;
20
+ const accountBlobbie = ((0, jsx_runtime_1.jsx)(blobbie_js_1.AccountBlobbie, { style: {
21
+ width: `${index_js_1.iconSize.xs}px`,
22
+ height: `${index_js_1.iconSize.xs}px`,
23
+ borderRadius: index_js_1.radius.full,
24
+ } }));
25
+ const accountAvatarFallback = ((0, jsx_runtime_1.jsx)(icon_js_1.WalletIcon, { style: {
26
+ width: `${index_js_1.iconSize.xs}px`,
27
+ height: `${index_js_1.iconSize.xs}px`,
28
+ }, fallbackComponent: accountBlobbie, loadingComponent: accountBlobbie }));
29
+ return ((0, jsx_runtime_1.jsx)(WalletButton, { variant: "ghost-solid", style: {
30
+ paddingInline: index_js_1.spacing.xxs,
31
+ paddingBlock: "2px",
32
+ }, onClick: props.onClick, children: (0, jsx_runtime_1.jsx)(provider_js_1.AccountProvider, { address: account.address, client: props.client, children: (0, jsx_runtime_1.jsx)(provider_js_2.WalletProvider, { id: wallet.id, children: (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", gap: "xxs", center: "y", children: [(0, jsx_runtime_1.jsx)(avatar_js_1.AccountAvatar, { style: {
33
+ width: `${index_js_1.iconSize.xs}px`,
34
+ height: `${index_js_1.iconSize.xs}px`,
35
+ borderRadius: index_js_1.radius.full,
36
+ objectFit: "cover",
37
+ }, fallbackComponent: accountAvatarFallback, loadingComponent: accountAvatarFallback }), (0, jsx_runtime_1.jsx)("span", { style: {
38
+ fontSize: index_js_1.fontSize.xs,
39
+ letterSpacing: "0.025em",
40
+ }, children: (0, jsx_runtime_1.jsx)(name_js_1.AccountName, { fallbackComponent: (0, jsx_runtime_1.jsx)("span", { children: (0, address_js_1.shortenAddress)(account.address) }), loadingComponent: (0, jsx_runtime_1.jsx)("span", { children: (0, address_js_1.shortenAddress)(account.address) }) }) })] }) }) }) }));
41
+ }
42
+ const WalletButton = /* @__PURE__ */ (0, styled_1.default)(buttons_js_1.Button)(() => {
43
+ const theme = (0, CustomThemeProvider_js_1.useCustomTheme)();
44
+ return {
45
+ color: theme.colors.secondaryText,
46
+ transition: "color 200ms ease",
47
+ "&:hover": {
48
+ color: theme.colors.primaryText,
49
+ },
50
+ };
51
+ });
52
+ //# sourceMappingURL=active-wallet-details.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"active-wallet-details.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/common/active-wallet-details.tsx"],"names":[],"mappings":";;AAoBA,kDAuEC;;AA3FD,4CAAqC;AAErC,gEAAiE;AACjE,sEAAuE;AACvE,kGAAuF;AACvF,sEAKiD;AACjD,qEAAqE;AACrE,wDAAsD;AACtD,4DAAqD;AACrD,gEAAiE;AACjE,kEAAmE;AACnE,4DAA6D;AAC7D,2DAA2D;AAG3D,SAAgB,mBAAmB,CAAC,KAInC;IACC,MAAM,MAAM,GAAG,KAAK,CAAC,gBAAgB,CAAC,YAAY,CAAC;IACnD,MAAM,OAAO,GAAG,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IAErD,MAAM,cAAc,GAAG,CACrB,uBAAC,2BAAc,IACb,KAAK,EAAE;YACL,KAAK,EAAE,GAAG,mBAAQ,CAAC,EAAE,IAAI;YACzB,MAAM,EAAE,GAAG,mBAAQ,CAAC,EAAE,IAAI;YAC1B,YAAY,EAAE,iBAAM,CAAC,IAAI;SAC1B,GACD,CACH,CAAC;IACF,MAAM,qBAAqB,GAAG,CAC5B,uBAAC,oBAAU,IACT,KAAK,EAAE;YACL,KAAK,EAAE,GAAG,mBAAQ,CAAC,EAAE,IAAI;YACzB,MAAM,EAAE,GAAG,mBAAQ,CAAC,EAAE,IAAI;SAC3B,EACD,iBAAiB,EAAE,cAAc,EACjC,gBAAgB,EAAE,cAAc,GAChC,CACH,CAAC;IAEF,OAAO,CACL,uBAAC,YAAY,IACX,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE;YACL,aAAa,EAAE,kBAAO,CAAC,GAAG;YAC1B,YAAY,EAAE,KAAK;SACpB,EACD,OAAO,EAAE,KAAK,CAAC,OAAO,YAEtB,uBAAC,6BAAe,IAAC,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YAC7D,uBAAC,4BAAc,IAAC,EAAE,EAAE,MAAM,CAAC,EAAE,YAC3B,wBAAC,oBAAS,IAAC,IAAI,EAAC,KAAK,EAAC,GAAG,EAAC,KAAK,EAAC,MAAM,EAAC,GAAG,aACxC,uBAAC,yBAAa,IACZ,KAAK,EAAE;gCACL,KAAK,EAAE,GAAG,mBAAQ,CAAC,EAAE,IAAI;gCACzB,MAAM,EAAE,GAAG,mBAAQ,CAAC,EAAE,IAAI;gCAC1B,YAAY,EAAE,iBAAM,CAAC,IAAI;gCACzB,SAAS,EAAE,OAAO;6BACnB,EACD,iBAAiB,EAAE,qBAAqB,EACxC,gBAAgB,EAAE,qBAAqB,GACvC,EAEF,iCACE,KAAK,EAAE;gCACL,QAAQ,EAAE,mBAAQ,CAAC,EAAE;gCACrB,aAAa,EAAE,SAAS;6BACzB,YAED,uBAAC,qBAAW,IACV,iBAAiB,EACf,2CAAO,IAAA,2BAAc,EAAC,OAAO,CAAC,OAAO,CAAC,GAAQ,EAEhD,gBAAgB,EACd,2CAAO,IAAA,2BAAc,EAAC,OAAO,CAAC,OAAO,CAAC,GAAQ,GAEhD,GACG,IACG,GACG,GACD,GACL,CAChB,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAG,eAAe,CAAC,IAAA,gBAAM,EAAC,mBAAM,CAAC,CAAC,GAAG,EAAE;IACvD,MAAM,KAAK,GAAG,IAAA,uCAAc,GAAE,CAAC;IAC/B,OAAO;QACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa;QACjC,UAAU,EAAE,kBAAkB;QAC9B,SAAS,EAAE;YACT,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW;SAChC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC"}
@@ -0,0 +1,36 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.DecimalInput = DecimalInput;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const formElements_js_1 = require("../../components/formElements.js");
6
+ function DecimalInput(props) {
7
+ const handleAmountChange = (inputValue) => {
8
+ let processedValue = inputValue;
9
+ // Replace comma with period if it exists
10
+ processedValue = processedValue.replace(",", ".");
11
+ if (processedValue.startsWith(".")) {
12
+ processedValue = `0${processedValue}`;
13
+ }
14
+ const numValue = Number(processedValue);
15
+ if (Number.isNaN(numValue)) {
16
+ return;
17
+ }
18
+ if (processedValue.length > 1 &&
19
+ processedValue.startsWith("0") &&
20
+ !processedValue.startsWith("0.")) {
21
+ props.setValue(processedValue.slice(1));
22
+ }
23
+ else {
24
+ props.setValue(processedValue);
25
+ }
26
+ };
27
+ return ((0, jsx_runtime_1.jsx)(formElements_js_1.Input, { ...props, inputMode: "decimal", onChange: (e) => {
28
+ handleAmountChange(e.target.value);
29
+ }, onClick: (e) => {
30
+ // put cursor at the end of the input
31
+ if (props.value === "") {
32
+ e.currentTarget.setSelectionRange(e.currentTarget.value.length, e.currentTarget.value.length);
33
+ }
34
+ }, pattern: "^[0-9]*[.,]?[0-9]*$", placeholder: "0.0", type: "text", variant: "transparent" }));
35
+ }
36
+ //# sourceMappingURL=decimal-input.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"decimal-input.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/common/decimal-input.tsx"],"names":[],"mappings":";;AAIA,oCAwDC;;AA5DD,sEAAyD;AAIzD,SAAgB,YAAY,CAC1B,KAKC;IAED,MAAM,kBAAkB,GAAG,CAAC,UAAkB,EAAE,EAAE;QAChD,IAAI,cAAc,GAAG,UAAU,CAAC;QAEhC,yCAAyC;QACzC,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QAElD,IAAI,cAAc,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YACnC,cAAc,GAAG,IAAI,cAAc,EAAE,CAAC;QACxC,CAAC;QAED,MAAM,QAAQ,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;QACxC,IAAI,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC3B,OAAO;QACT,CAAC;QAED,IACE,cAAc,CAAC,MAAM,GAAG,CAAC;YACzB,cAAc,CAAC,UAAU,CAAC,GAAG,CAAC;YAC9B,CAAC,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC,EAChC,CAAC;YACD,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1C,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,uBAAK,OACA,KAAK,EACT,SAAS,EAAC,SAAS,EACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,qCAAqC;YACrC,IAAI,KAAK,CAAC,KAAK,KAAK,EAAE,EAAE,CAAC;gBACvB,CAAC,CAAC,aAAa,CAAC,iBAAiB,CAC/B,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,EAC5B,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAC7B,CAAC;YACJ,CAAC;QACH,CAAC,EACD,OAAO,EAAC,qBAAqB,EAC7B,WAAW,EAAC,KAAK,EACjB,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,aAAa,GACrB,CACH,CAAC;AACJ,CAAC"}
@@ -0,0 +1,58 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.SelectedTokenButton = SelectedTokenButton;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const react_icons_1 = require("@radix-ui/react-icons");
6
+ const CustomThemeProvider_js_1 = require("../../../../core/design-system/CustomThemeProvider.js");
7
+ const index_js_1 = require("../../../../core/design-system/index.js");
8
+ const basic_js_1 = require("../../components/basic.js");
9
+ const buttons_js_1 = require("../../components/buttons.js");
10
+ const Img_js_1 = require("../../components/Img.js");
11
+ const Skeleton_js_1 = require("../../components/Skeleton.js");
12
+ const text_js_1 = require("../../components/text.js");
13
+ const utils_js_1 = require("../swap-widget/utils.js");
14
+ function SelectedTokenButton(props) {
15
+ const theme = (0, CustomThemeProvider_js_1.useCustomTheme)();
16
+ return ((0, jsx_runtime_1.jsxs)(buttons_js_1.Button, { variant: "ghost-solid", hoverBg: "secondaryButtonBg", fullWidth: true, onClick: props.onSelectToken, gap: "sm", style: {
17
+ borderBottom: `1px dashed ${theme.colors.borderColor}`,
18
+ justifyContent: "space-between",
19
+ paddingInline: index_js_1.spacing.md,
20
+ paddingBlock: index_js_1.spacing.md,
21
+ borderRadius: 0,
22
+ }, children: [(0, jsx_runtime_1.jsxs)(basic_js_1.Container, { gap: "sm", flex: "row", center: "y", children: [(0, jsx_runtime_1.jsxs)(basic_js_1.Container, { relative: true, color: "secondaryText", children: [props.selectedToken ? ((0, jsx_runtime_1.jsx)(Img_js_1.Img, { src: props.selectedToken?.data === undefined
23
+ ? undefined
24
+ : props.selectedToken.data.iconUri || "", client: props.client, width: "40", height: "40", fallback: (0, jsx_runtime_1.jsx)(basic_js_1.Container, { style: {
25
+ background: `linear-gradient(45deg, white, ${theme.colors.accentText})`,
26
+ borderRadius: index_js_1.radius.full,
27
+ width: "40px",
28
+ height: "40px",
29
+ } }), style: {
30
+ objectFit: "cover",
31
+ borderRadius: index_js_1.radius.full,
32
+ } }, props.selectedToken?.data?.iconUri)) : ((0, jsx_runtime_1.jsx)(basic_js_1.Container, { style: {
33
+ border: `1px solid ${theme.colors.borderColor}`,
34
+ background: `linear-gradient(45deg, white, ${theme.colors.accentText})`,
35
+ borderRadius: index_js_1.radius.full,
36
+ width: "40px",
37
+ height: "40px",
38
+ } })), props.chain && ((0, jsx_runtime_1.jsx)(basic_js_1.Container, { bg: "modalBg", style: {
39
+ padding: "2px",
40
+ position: "absolute",
41
+ bottom: -2,
42
+ right: -2,
43
+ display: "flex",
44
+ borderRadius: index_js_1.radius.full,
45
+ }, children: (0, jsx_runtime_1.jsx)(Img_js_1.Img, { src: props.chain?.icon, client: props.client, width: index_js_1.iconSize.sm, height: index_js_1.iconSize.sm, style: {
46
+ borderRadius: index_js_1.radius.full,
47
+ } }) }))] }), props.selectedToken ? ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", style: { gap: "3px" }, children: [props.selectedToken?.isFetching ? ((0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { width: "60px", height: index_js_1.fontSize.md })) : ((0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "md", color: "primaryText", weight: 500, children: props.selectedToken?.data?.symbol })), props.chain ? ((0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "xs", color: "secondaryText", style: {
48
+ overflow: "hidden",
49
+ textOverflow: "ellipsis",
50
+ whiteSpace: "nowrap",
51
+ }, children: (0, utils_js_1.cleanedChainName)(props.chain.name) })) : ((0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { width: "140px", height: index_js_1.fontSize.sm }))] })) : ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", style: { gap: "3px" }, children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "md", color: "primaryText", weight: 500, children: "Select Token" }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "xs", color: "secondaryText", children: "Required" })] }))] }), (0, jsx_runtime_1.jsx)(basic_js_1.Container, { color: "secondaryText", flex: "row", center: "both", borderColor: "borderColor", style: {
52
+ borderRadius: index_js_1.radius.full,
53
+ borderWidth: 1,
54
+ borderStyle: "solid",
55
+ padding: index_js_1.spacing.xs,
56
+ }, children: (0, jsx_runtime_1.jsx)(react_icons_1.ChevronDownIcon, { width: index_js_1.iconSize.sm, height: index_js_1.iconSize.sm }) })] }));
57
+ }
58
+ //# sourceMappingURL=selected-token-button.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"selected-token-button.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/common/selected-token-button.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useTokenBalance = useTokenBalance;
4
+ const utils_js_1 = require("../../../../../chains/utils.js");
5
+ const addresses_js_1 = require("../../../../../constants/addresses.js");
6
+ const address_js_1 = require("../../../../../utils/address.js");
7
+ const useWalletBalance_js_1 = require("../../../../core/hooks/others/useWalletBalance.js");
8
+ function useTokenBalance(props) {
9
+ return (0, useWalletBalance_js_1.useWalletBalance)({
10
+ address: props.walletAddress,
11
+ chain: props.chainId ? (0, utils_js_1.defineChain)(props.chainId) : undefined,
12
+ client: props.client,
13
+ tokenAddress: props.tokenAddress
14
+ ? (0, address_js_1.getAddress)(props.tokenAddress) === (0, address_js_1.getAddress)(addresses_js_1.NATIVE_TOKEN_ADDRESS)
15
+ ? undefined
16
+ : (0, address_js_1.getAddress)(props.tokenAddress)
17
+ : undefined,
18
+ });
19
+ }
20
+ //# sourceMappingURL=token-balance.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"token-balance.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/common/token-balance.tsx"],"names":[],"mappings":";;AAMA,0CAgBC;AAtBD,6DAA6D;AAE7D,wEAA6E;AAC7E,gEAA6D;AAC7D,2FAAqF;AAErF,SAAgB,eAAe,CAAC,KAK/B;IACC,OAAO,IAAA,sCAAgB,EAAC;QACtB,OAAO,EAAE,KAAK,CAAC,aAAa;QAC5B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAA,sBAAW,EAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS;QAC7D,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,YAAY,EAAE,KAAK,CAAC,YAAY;YAC9B,CAAC,CAAC,IAAA,uBAAU,EAAC,KAAK,CAAC,YAAY,CAAC,KAAK,IAAA,uBAAU,EAAC,mCAAoB,CAAC;gBACnE,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,IAAA,uBAAU,EAAC,KAAK,CAAC,YAAY,CAAC;YAClC,CAAC,CAAC,SAAS;KACd,CAAC,CAAC;AACL,CAAC"}