thirdweb 5.108.6 → 5.108.8

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 +3 -4
  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 +3 -4
  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 +4 -5
  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 +3 -3
  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 +8 -8
  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
@@ -8,7 +8,7 @@ import { useActiveAccount } from "../../../core/hooks/wallets/useActiveAccount.j
8
8
  import { useActiveWallet } from "../../../core/hooks/wallets/useActiveWallet.js";
9
9
  import { webWindowAdapter } from "../../adapters/WindowAdapter.js";
10
10
  import { LoadingScreen } from "../../wallets/shared/LoadingScreen.js";
11
- import { BridgeOrchestrator } from "../Bridge/BridgeOrchestrator.js";
11
+ import { TransactionWidgetContentWrapper } from "../Bridge/TransactionWidget.js";
12
12
  import { useConnectLocale } from "../ConnectWallet/locale/getConnectLocale.js";
13
13
  import { Modal } from "../components/Modal.js";
14
14
  import { DepositScreen } from "./DepositScreen.js";
@@ -45,24 +45,31 @@ export function TransactionModal(props) {
45
45
  }, size: "compact", children: _jsx(TransactionModalContent, { ...props }) }) }));
46
46
  }
47
47
  function TransactionModalContent(props) {
48
+ if (props.modalMode === "deposit") {
49
+ return _jsx(DepositAndExecuteTx, { ...props });
50
+ }
51
+ return (_jsx(TransactionWidgetContentWrapper, { client: props.client, country: props.country, currency: props.currency, transaction: props.tx, onCancel: props.onClose, locale: props.localeId, onSuccess: (data) => {
52
+ props.onTxSent(data);
53
+ }, title: props.payOptions.metadata?.name, description: props.payOptions.metadata?.description, image: props.payOptions.metadata?.image, paymentMethods: props.payOptions.buyWithCrypto === false
54
+ ? ["card"]
55
+ : props.payOptions.buyWithFiat === false
56
+ ? ["crypto"]
57
+ : ["crypto", "card"], showThirdwebBranding: props.payOptions.showThirdwebBranding, supportedTokens: props.supportedTokens, onError: undefined, paymentLinkId: undefined, buttonLabel: undefined, purchaseData: undefined }));
58
+ }
59
+ function DepositAndExecuteTx(props) {
48
60
  const localeQuery = useConnectLocale(props.localeId);
49
- const [screen, setScreen] = useState("buy");
61
+ const [screen, setScreen] = useState("deposit");
50
62
  if (!localeQuery.data) {
51
63
  return _jsx(LoadingScreen, {});
52
64
  }
53
65
  if (screen === "execute-tx") {
54
66
  return (_jsx(ExecutingTxScreen, { closeModal: props.onClose, onTxSent: props.onTxSent, tx: props.tx, windowAdapter: webWindowAdapter }));
55
67
  }
56
- if (props.modalMode === "deposit") {
57
- return (_jsx(DepositScreen, { client: props.client, connectLocale: localeQuery.data, onBack: props.onBack, onDone: () => {
68
+ if (screen === "deposit") {
69
+ return (_jsx(DepositScreen, { client: props.client, connectLocale: localeQuery.data, onDone: () => {
58
70
  setScreen("execute-tx");
59
71
  }, tx: props.tx }));
60
72
  }
61
- return (_jsx(BridgeOrchestrator, { country: props.country, client: props.client, connectLocale: localeQuery.data, connectOptions: undefined, onCancel: props.onClose, onComplete: () => {
62
- setScreen("execute-tx");
63
- }, onError: (_error) => { }, paymentLinkId: undefined, presetOptions: undefined, purchaseData: undefined, receiverAddress: undefined, uiOptions: {
64
- mode: "transaction",
65
- transaction: props.tx,
66
- } }));
73
+ return null;
67
74
  }
68
75
  //# sourceMappingURL=TransactionModal.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TransactionModal.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/TransactionButton/TransactionModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAInE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAC;AAGzF,OAAO,EAAE,gBAAgB,EAAE,MAAM,iDAAiD,CAAC;AACnF,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AAEjF,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAkBzD,MAAM,UAAU,gBAAgB,CAAC,KAAiB;IAChD,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IACnC,MAAM,MAAM,GAAG,eAAe,EAAE,CAAC;IAEjC,QAAQ,CAAC;QACP,OAAO,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,OAAO;QAC9B,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,IAAI,CAAC,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC;gBACxB,MAAM,IAAI,KAAK,EAAE,CAAC,CAAC,0CAA0C;YAC/D,CAAC;YACD,aAAa,CAAC;gBACZ,MAAM,EAAE,KAAK,CAAC,MAAM;gBACpB,KAAK,EACH,KAAK,CAAC,SAAS,KAAK,KAAK;oBACvB,CAAC,CAAC,4BAA4B;oBAC9B,CAAC,CAAC,wBAAwB;gBAC9B,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;gBAC5B,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU;oBAC1B,CAAC,CAAC,CAAC,MAAM,oBAAoB,CAAC,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,YAAY;oBACjE,CAAC,CAAC,SAAS;gBACb,aAAa,EAAE,OAAO,CAAC,OAAO;gBAC9B,UAAU,EAAE,MAAM,CAAC,EAAE;aACtB,CAAC,CAAC;YAEH,OAAO,IAAI,CAAC;QACd,CAAC;QACD,QAAQ,EAAE,CAAC,yBAAyB,EAAE,KAAK,CAAC,IAAI,CAAC;KAClD,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,YACrC,KAAC,KAAK,IACJ,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAC,kBAAkB,EACxB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,IAAI,CAAC,KAAK,EAAE,CAAC;oBACX,KAAK,CAAC,OAAO,EAAE,CAAC;gBAClB,CAAC;YACH,CAAC,EACD,IAAI,EAAC,SAAS,YAEd,KAAC,uBAAuB,OAAK,KAAK,GAAI,GAChC,GACY,CACvB,CAAC;AACJ,CAAC;AAED,SAAS,uBAAuB,CAAC,KAA2C;IAC1E,MAAM,WAAW,GAAG,gBAAgB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACrD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAuB,KAAK,CAAC,CAAC;IAElE,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;QACtB,OAAO,KAAC,aAAa,KAAG,CAAC;IAC3B,CAAC;IAED,IAAI,MAAM,KAAK,YAAY,EAAE,CAAC;QAC5B,OAAO,CACL,KAAC,iBAAiB,IAChB,UAAU,EAAE,KAAK,CAAC,OAAO,EACzB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,aAAa,EAAE,gBAAgB,GAC/B,CACH,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,CAAC,SAAS,KAAK,SAAS,EAAE,CAAC;QAClC,OAAO,CACL,KAAC,aAAa,IACZ,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,aAAa,EAAE,WAAW,CAAC,IAAI,EAC/B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,GAAG,EAAE;gBACX,SAAS,CAAC,YAAY,CAAC,CAAC;YAC1B,CAAC,EACD,EAAE,EAAE,KAAK,CAAC,EAAE,GACZ,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,kBAAkB,IACjB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,aAAa,EAAE,WAAW,CAAC,IAAI,EAC/B,cAAc,EAAE,SAAS,EACzB,QAAQ,EAAE,KAAK,CAAC,OAAO,EACvB,UAAU,EAAE,GAAG,EAAE;YACf,SAAS,CAAC,YAAY,CAAC,CAAC;QAC1B,CAAC,EACD,OAAO,EAAE,CAAC,MAAM,EAAE,EAAE,GAAE,CAAC,EACvB,aAAa,EAAE,SAAS,EACxB,aAAa,EAAE,SAAS,EACxB,YAAY,EAAE,SAAS,EACvB,eAAe,EAAE,SAAS,EAC1B,SAAS,EAAE;YACT,IAAI,EAAE,aAAa;YACnB,WAAW,EAAE,KAAK,CAAC,EAAE;SACtB,GACD,CACH,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"TransactionModal.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/TransactionButton/TransactionModal.tsx"],"names":[],"mappings":"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"}
@@ -20,6 +20,6 @@ export const CopyIcon = (props) => {
20
20
  alignItems: "center",
21
21
  display: "flex",
22
22
  justifyContent: "center",
23
- }, children: _jsx(ToolTip, { align: props.align, side: props.side, tip: props.tip, children: _jsx("div", { children: _jsx(Container, { center: "both", color: showCheckIcon ? "success" : undefined, flex: "row", children: showCheckIcon ? (_jsx(CheckIcon, { className: "tw-check-icon" })) : (_jsx(CopyIconSVG, { className: "tw-copy-icon" })) }) }) }) }));
23
+ }, children: _jsx(ToolTip, { align: props.align, side: props.side, tip: props.tip, children: _jsx("div", { children: _jsx(Container, { center: "both", color: showCheckIcon ? "success" : undefined, flex: "row", children: showCheckIcon ? (_jsx(CheckIcon, { className: "tw-check-icon", width: props.iconSize || 16, height: props.iconSize || 16 })) : (_jsx(CopyIconSVG, { className: "tw-copy-icon", width: props.iconSize || 16, height: props.iconSize || 16 })) }) }) }) }));
24
24
  };
25
25
  //# sourceMappingURL=CopyIcon.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CopyIcon.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/CopyIcon.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,SAAS,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAMhB,CAAC,KAAK,EAAE,EAAE;IACb,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACvD,MAAM,aAAa,GAAG,KAAK,CAAC,SAAS,IAAI,SAAS,CAAC;IAEnD,OAAO;IACL,2DAA2D;IAC3D,cACE,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBACvC,MAAM,EAAE,CAAC;YACX,CAAC;QACH,CAAC,EACD,KAAK,EAAE;YACL,UAAU,EAAE,QAAQ;YACpB,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;SACzB,YAED,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,YAC3D,wBACE,KAAC,SAAS,IACR,MAAM,EAAC,MAAM,EACb,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC5C,IAAI,EAAC,KAAK,YAET,aAAa,CAAC,CAAC,CAAC,CACf,KAAC,SAAS,IAAC,SAAS,EAAC,eAAe,GAAG,CACxC,CAAC,CAAC,CAAC,CACF,KAAC,WAAW,IAAC,SAAS,EAAC,cAAc,GAAG,CACzC,GACS,GACR,GACE,GACN,CACP,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"CopyIcon.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/CopyIcon.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,SAAS,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAOhB,CAAC,KAAK,EAAE,EAAE;IACb,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACvD,MAAM,aAAa,GAAG,KAAK,CAAC,SAAS,IAAI,SAAS,CAAC;IAEnD,OAAO;IACL,2DAA2D;IAC3D,cACE,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBACvC,MAAM,EAAE,CAAC;YACX,CAAC;QACH,CAAC,EACD,KAAK,EAAE;YACL,UAAU,EAAE,QAAQ;YACpB,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;SACzB,YAED,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,YAC3D,wBACE,KAAC,SAAS,IACR,MAAM,EAAC,MAAM,EACb,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC5C,IAAI,EAAC,KAAK,YAET,aAAa,CAAC,CAAC,CAAC,CACf,KAAC,SAAS,IACR,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE,KAAK,CAAC,QAAQ,IAAI,EAAE,EAC3B,MAAM,EAAE,KAAK,CAAC,QAAQ,IAAI,EAAE,GAC5B,CACH,CAAC,CAAC,CAAC,CACF,KAAC,WAAW,IACV,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE,KAAK,CAAC,QAAQ,IAAI,EAAE,EAC3B,MAAM,EAAE,KAAK,CAAC,QAAQ,IAAI,EAAE,GAC5B,CACH,GACS,GACR,GACE,GACN,CACP,CAAC;AACJ,CAAC,CAAC"}
@@ -0,0 +1,112 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { polygon } from "../../chains/chain-definitions/polygon.js";
3
+ import { defineChain } from "../../chains/utils.js";
4
+ import { CheckoutWidget, } from "../../react/web/ui/Bridge/CheckoutWidget.js";
5
+ import { storyClient } from "../utils.js";
6
+ import { DIRECT_PAYMENT_UI_OPTIONS } from "./fixtures.js";
7
+ const meta = {
8
+ args: {
9
+ client: storyClient,
10
+ onCancel: () => { },
11
+ onError: () => { },
12
+ onSuccess: () => { },
13
+ currency: "USD",
14
+ },
15
+ component: StoryVariant,
16
+ title: "Bridge/Checkout/CheckoutWidget",
17
+ };
18
+ export default meta;
19
+ export const DigitalArt = {
20
+ args: {
21
+ amount: DIRECT_PAYMENT_UI_OPTIONS.digitalArt.paymentInfo.amount,
22
+ chain: defineChain(DIRECT_PAYMENT_UI_OPTIONS.digitalArt.paymentInfo.token.chainId),
23
+ seller: DIRECT_PAYMENT_UI_OPTIONS.digitalArt.paymentInfo.sellerAddress,
24
+ name: DIRECT_PAYMENT_UI_OPTIONS.digitalArt.metadata?.title,
25
+ description: DIRECT_PAYMENT_UI_OPTIONS.digitalArt.metadata?.description,
26
+ image: DIRECT_PAYMENT_UI_OPTIONS.digitalArt.metadata?.image,
27
+ buttonLabel: DIRECT_PAYMENT_UI_OPTIONS.digitalArt.buttonLabel,
28
+ },
29
+ };
30
+ export const DigitalArtJPCurrency = {
31
+ args: {
32
+ amount: DIRECT_PAYMENT_UI_OPTIONS.digitalArt.paymentInfo.amount,
33
+ chain: defineChain(DIRECT_PAYMENT_UI_OPTIONS.digitalArt.paymentInfo.token.chainId),
34
+ currency: "JPY",
35
+ seller: DIRECT_PAYMENT_UI_OPTIONS.digitalArt.paymentInfo.sellerAddress,
36
+ name: DIRECT_PAYMENT_UI_OPTIONS.digitalArt.metadata?.title,
37
+ description: DIRECT_PAYMENT_UI_OPTIONS.digitalArt.metadata?.description,
38
+ image: DIRECT_PAYMENT_UI_OPTIONS.digitalArt.metadata?.image,
39
+ buttonLabel: DIRECT_PAYMENT_UI_OPTIONS.digitalArt.buttonLabel,
40
+ },
41
+ };
42
+ export const ConcertTicket = {
43
+ args: {
44
+ amount: DIRECT_PAYMENT_UI_OPTIONS.concertTicket.paymentInfo.amount,
45
+ chain: defineChain(DIRECT_PAYMENT_UI_OPTIONS.concertTicket.paymentInfo.token.chainId),
46
+ seller: DIRECT_PAYMENT_UI_OPTIONS.concertTicket.paymentInfo.sellerAddress,
47
+ name: DIRECT_PAYMENT_UI_OPTIONS.concertTicket.metadata?.title,
48
+ description: DIRECT_PAYMENT_UI_OPTIONS.concertTicket.metadata?.description,
49
+ image: DIRECT_PAYMENT_UI_OPTIONS.concertTicket.metadata?.image,
50
+ buttonLabel: DIRECT_PAYMENT_UI_OPTIONS.concertTicket.buttonLabel,
51
+ },
52
+ };
53
+ export const SubscriptionService = {
54
+ args: {
55
+ amount: DIRECT_PAYMENT_UI_OPTIONS.subscription.paymentInfo.amount,
56
+ chain: defineChain(DIRECT_PAYMENT_UI_OPTIONS.subscription.paymentInfo.token.chainId),
57
+ seller: DIRECT_PAYMENT_UI_OPTIONS.subscription.paymentInfo.sellerAddress,
58
+ name: DIRECT_PAYMENT_UI_OPTIONS.subscription.metadata?.title,
59
+ description: DIRECT_PAYMENT_UI_OPTIONS.subscription.metadata?.description,
60
+ image: DIRECT_PAYMENT_UI_OPTIONS.subscription.metadata?.image,
61
+ buttonLabel: DIRECT_PAYMENT_UI_OPTIONS.subscription.buttonLabel,
62
+ },
63
+ };
64
+ export const PhysicalProduct = {
65
+ args: {
66
+ amount: DIRECT_PAYMENT_UI_OPTIONS.sneakers.paymentInfo.amount,
67
+ chain: defineChain(DIRECT_PAYMENT_UI_OPTIONS.sneakers.paymentInfo.token.chainId),
68
+ seller: DIRECT_PAYMENT_UI_OPTIONS.sneakers.paymentInfo.sellerAddress,
69
+ name: DIRECT_PAYMENT_UI_OPTIONS.sneakers.metadata?.title,
70
+ description: DIRECT_PAYMENT_UI_OPTIONS.sneakers.metadata?.description,
71
+ image: DIRECT_PAYMENT_UI_OPTIONS.sneakers.metadata?.image,
72
+ buttonLabel: DIRECT_PAYMENT_UI_OPTIONS.sneakers.buttonLabel,
73
+ },
74
+ };
75
+ export const NoImage = {
76
+ args: {
77
+ amount: DIRECT_PAYMENT_UI_OPTIONS.credits.paymentInfo.amount,
78
+ chain: defineChain(DIRECT_PAYMENT_UI_OPTIONS.credits.paymentInfo.token.chainId),
79
+ seller: DIRECT_PAYMENT_UI_OPTIONS.credits.paymentInfo.sellerAddress,
80
+ name: DIRECT_PAYMENT_UI_OPTIONS.credits.metadata?.title,
81
+ description: DIRECT_PAYMENT_UI_OPTIONS.credits.metadata?.description,
82
+ image: DIRECT_PAYMENT_UI_OPTIONS.credits.metadata?.image,
83
+ buttonLabel: DIRECT_PAYMENT_UI_OPTIONS.credits.buttonLabel,
84
+ },
85
+ };
86
+ export const CustomButtonLabel = {
87
+ args: {
88
+ amount: DIRECT_PAYMENT_UI_OPTIONS.customButton.paymentInfo.amount,
89
+ chain: defineChain(DIRECT_PAYMENT_UI_OPTIONS.customButton.paymentInfo.token.chainId),
90
+ seller: DIRECT_PAYMENT_UI_OPTIONS.customButton.paymentInfo.sellerAddress,
91
+ name: DIRECT_PAYMENT_UI_OPTIONS.customButton.metadata?.title,
92
+ description: DIRECT_PAYMENT_UI_OPTIONS.customButton.metadata?.description,
93
+ image: DIRECT_PAYMENT_UI_OPTIONS.customButton.metadata?.image,
94
+ buttonLabel: DIRECT_PAYMENT_UI_OPTIONS.customButton.buttonLabel,
95
+ },
96
+ };
97
+ export const SmallAmount = {
98
+ args: {
99
+ amount: "0.01",
100
+ chain: polygon,
101
+ seller: "0x83Dd93fA5D8343094f850f90B3fb90088C1bB425",
102
+ },
103
+ };
104
+ function StoryVariant(props) {
105
+ return (_jsxs("div", { style: {
106
+ display: "flex",
107
+ flexDirection: "column",
108
+ gap: "40px",
109
+ alignItems: "center",
110
+ }, children: [_jsx(CheckoutWidget, { ...props, theme: "dark" }), _jsx(CheckoutWidget, { ...props, theme: "light" })] }));
111
+ }
112
+ //# sourceMappingURL=CheckoutWidget.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CheckoutWidget.stories.js","sourceRoot":"","sources":["../../../../src/stories/Bridge/CheckoutWidget.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,151 +1,47 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- import { createThirdwebClient } from "../../client/client.js";
3
2
  import { ErrorBanner } from "../../react/web/ui/Bridge/ErrorBanner.js";
4
- import { ModalThemeWrapper } from "../utils.js";
3
+ import { ModalThemeWrapper, storyClient } from "../utils.js";
5
4
  const mockNetworkError = new Error("Network connection failed. Please check your internet connection and try again.");
6
5
  const mockUserRejectedError = new Error("Transaction was rejected by user.");
7
6
  const mockInsufficientFundsError = new Error("Insufficient funds to complete this transaction.");
8
7
  const mockGenericError = new Error("An unexpected error occurred.");
9
- // Wrapper component to provide theme context
10
- const ErrorBannerWithTheme = (props) => {
11
- const { theme, ...componentProps } = props;
12
- return (_jsx(ModalThemeWrapper, { theme: theme, children: _jsx(ErrorBanner, { client: createThirdwebClient({ clientId: "test" }), ...componentProps }) }));
13
- };
14
8
  const meta = {
15
9
  args: {
16
- error: mockNetworkError,
17
10
  onCancel: () => { },
18
11
  onRetry: () => { },
19
- theme: "dark",
20
- },
21
- argTypes: {
22
- onCancel: { action: "cancel clicked" },
23
- onRetry: { action: "retry clicked" },
24
- theme: {
25
- control: "select",
26
- description: "Theme for the component",
27
- options: ["light", "dark"],
28
- },
12
+ client: storyClient,
29
13
  },
30
- component: ErrorBannerWithTheme,
31
- parameters: {
32
- docs: {
33
- description: {
34
- component: "Error banner component that displays user-friendly error messages with retry functionality and optional cancel action.",
35
- },
36
- },
37
- layout: "centered",
38
- },
39
- tags: ["autodocs"],
40
- title: "Bridge/ErrorBanner",
14
+ component: ErrorBanner,
15
+ decorators: [
16
+ (Story) => (_jsx(ModalThemeWrapper, { children: _jsx(Story, {}) })),
17
+ ],
18
+ title: "Bridge/screens/ErrorBanner",
41
19
  };
42
20
  export default meta;
43
- export const Light = {
44
- args: {
45
- theme: "light",
46
- },
47
- parameters: {
48
- backgrounds: { default: "light" },
49
- },
50
- };
51
- export const Dark = {
52
- args: {
53
- theme: "dark",
54
- },
55
- parameters: {
56
- backgrounds: { default: "dark" },
57
- },
58
- };
59
21
  export const NetworkError = {
60
22
  args: {
61
23
  error: mockNetworkError,
62
- theme: "dark",
63
- },
64
- parameters: {
65
- backgrounds: { default: "dark" },
66
- },
67
- };
68
- export const NetworkErrorLight = {
69
- args: {
70
- error: mockNetworkError,
71
- theme: "light",
72
- },
73
- parameters: {
74
- backgrounds: { default: "light" },
75
24
  },
76
25
  };
77
26
  export const UserRejectedError = {
78
27
  args: {
79
28
  error: mockUserRejectedError,
80
- theme: "dark",
81
- },
82
- parameters: {
83
- backgrounds: { default: "dark" },
84
- },
85
- };
86
- export const UserRejectedErrorLight = {
87
- args: {
88
- error: mockUserRejectedError,
89
- theme: "light",
90
- },
91
- parameters: {
92
- backgrounds: { default: "light" },
93
29
  },
94
30
  };
95
31
  export const InsufficientFundsError = {
96
32
  args: {
97
33
  error: mockInsufficientFundsError,
98
- theme: "dark",
99
- },
100
- parameters: {
101
- backgrounds: { default: "dark" },
102
- },
103
- };
104
- export const InsufficientFundsErrorLight = {
105
- args: {
106
- error: mockInsufficientFundsError,
107
- theme: "light",
108
- },
109
- parameters: {
110
- backgrounds: { default: "light" },
111
34
  },
112
35
  };
113
36
  export const WithoutCancelButton = {
114
37
  args: {
115
38
  error: mockGenericError,
116
39
  onCancel: undefined,
117
- theme: "dark",
118
- },
119
- parameters: {
120
- backgrounds: { default: "dark" },
121
- },
122
- };
123
- export const WithoutCancelButtonLight = {
124
- args: {
125
- error: mockGenericError,
126
- onCancel: undefined,
127
- theme: "light",
128
- },
129
- parameters: {
130
- backgrounds: { default: "light" },
131
40
  },
132
41
  };
133
42
  export const EmptyMessage = {
134
43
  args: {
135
44
  error: new Error(""),
136
- theme: "dark",
137
- },
138
- parameters: {
139
- backgrounds: { default: "dark" },
140
- },
141
- };
142
- export const EmptyMessageLight = {
143
- args: {
144
- error: new Error(""),
145
- theme: "light",
146
- },
147
- parameters: {
148
- backgrounds: { default: "light" },
149
45
  },
150
46
  };
151
47
  //# sourceMappingURL=ErrorBanner.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ErrorBanner.stories.js","sourceRoot":"","sources":["../../../../src/stories/Bridge/ErrorBanner.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ErrorBanner.stories.js","sourceRoot":"","sources":["../../../../src/stories/Bridge/ErrorBanner.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE7D,MAAM,gBAAgB,GAAG,IAAI,KAAK,CAChC,iFAAiF,CAClF,CAAC;AACF,MAAM,qBAAqB,GAAG,IAAI,KAAK,CAAC,mCAAmC,CAAC,CAAC;AAC7E,MAAM,0BAA0B,GAAG,IAAI,KAAK,CAC1C,kDAAkD,CACnD,CAAC;AACF,MAAM,gBAAgB,GAAG,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC;AAEpE,MAAM,IAAI,GAA6B;IACrC,IAAI,EAAE;QACJ,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;QAClB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;QACjB,MAAM,EAAE,WAAW;KACpB;IACD,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,KAAC,iBAAiB,cAChB,KAAC,KAAK,KAAG,GACS,CACrB;KACF;IACD,KAAK,EAAE,4BAA4B;CACpC,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,KAAK,EAAE,gBAAgB;KACxB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,IAAI,EAAE;QACJ,KAAK,EAAE,qBAAqB;KAC7B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAU;IAC3C,IAAI,EAAE;QACJ,KAAK,EAAE,0BAA0B;KAClC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAU;IACxC,IAAI,EAAE;QACJ,KAAK,EAAE,gBAAgB;QACvB,QAAQ,EAAE,SAAS;KACpB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,KAAK,EAAE,IAAI,KAAK,CAAC,EAAE,CAAC;KACrB;CACF,CAAC"}