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
@@ -1,188 +0,0 @@
1
- import { useCallback, useState } from "react";
2
- /**
3
- * Hook to create and use the payment machine
4
- */
5
- export function usePaymentMachine(adapters, mode = "fund_wallet") {
6
- const [currentState, setCurrentState] = useState("init");
7
- const [context, setContext] = useState({
8
- adapters,
9
- mode,
10
- });
11
- const send = useCallback((event) => {
12
- setCurrentState((state) => {
13
- setContext((ctx) => {
14
- switch (state) {
15
- case "init":
16
- if (event.type === "DESTINATION_CONFIRMED") {
17
- return {
18
- ...ctx,
19
- destinationAmount: event.destinationAmount,
20
- destinationToken: event.destinationToken,
21
- receiverAddress: event.receiverAddress,
22
- };
23
- }
24
- else if (event.type === "ERROR_OCCURRED") {
25
- return {
26
- ...ctx,
27
- currentError: event.error,
28
- retryState: "init",
29
- };
30
- }
31
- break;
32
- case "methodSelection":
33
- if (event.type === "PAYMENT_METHOD_SELECTED") {
34
- return {
35
- ...ctx,
36
- quote: undefined, // reset quote when method changes
37
- selectedPaymentMethod: event.paymentMethod,
38
- };
39
- }
40
- else if (event.type === "ERROR_OCCURRED") {
41
- return {
42
- ...ctx,
43
- currentError: event.error,
44
- retryState: "methodSelection",
45
- };
46
- }
47
- break;
48
- case "quote":
49
- if (event.type === "QUOTE_RECEIVED") {
50
- return {
51
- ...ctx,
52
- quote: event.quote,
53
- request: event.request,
54
- };
55
- }
56
- else if (event.type === "ERROR_OCCURRED") {
57
- return {
58
- ...ctx,
59
- currentError: event.error,
60
- retryState: "quote",
61
- };
62
- }
63
- break;
64
- case "preview":
65
- if (event.type === "ERROR_OCCURRED") {
66
- return {
67
- ...ctx,
68
- currentError: event.error,
69
- retryState: "preview",
70
- };
71
- }
72
- break;
73
- case "execute":
74
- if (event.type === "EXECUTION_COMPLETE") {
75
- return {
76
- ...ctx,
77
- completedStatuses: event.completedStatuses,
78
- };
79
- }
80
- else if (event.type === "ERROR_OCCURRED") {
81
- return {
82
- ...ctx,
83
- currentError: event.error,
84
- retryState: "execute",
85
- };
86
- }
87
- break;
88
- case "error":
89
- if (event.type === "RETRY" || event.type === "RESET") {
90
- return {
91
- ...ctx,
92
- currentError: undefined,
93
- retryState: undefined,
94
- };
95
- }
96
- break;
97
- case "success":
98
- if (event.type === "RESET") {
99
- return {
100
- adapters: ctx.adapters,
101
- mode: ctx.mode,
102
- };
103
- }
104
- break;
105
- case "post-buy-transaction":
106
- if (event.type === "RESET") {
107
- return {
108
- adapters: ctx.adapters,
109
- mode: ctx.mode,
110
- };
111
- }
112
- break;
113
- }
114
- return ctx;
115
- });
116
- // State transitions
117
- switch (state) {
118
- case "init":
119
- if (event.type === "DESTINATION_CONFIRMED")
120
- return "methodSelection";
121
- if (event.type === "ERROR_OCCURRED")
122
- return "error";
123
- if (event.type === "CONTINUE_TO_TRANSACTION")
124
- return "post-buy-transaction";
125
- break;
126
- case "methodSelection":
127
- if (event.type === "PAYMENT_METHOD_SELECTED")
128
- return "quote";
129
- if (event.type === "BACK")
130
- return "init";
131
- if (event.type === "ERROR_OCCURRED")
132
- return "error";
133
- break;
134
- case "quote":
135
- if (event.type === "QUOTE_RECEIVED")
136
- return "preview";
137
- if (event.type === "BACK")
138
- return "methodSelection";
139
- if (event.type === "ERROR_OCCURRED")
140
- return "error";
141
- break;
142
- case "preview":
143
- if (event.type === "ROUTE_CONFIRMED")
144
- return "execute";
145
- if (event.type === "BACK")
146
- return "methodSelection";
147
- if (event.type === "ERROR_OCCURRED")
148
- return "error";
149
- break;
150
- case "execute":
151
- if (event.type === "EXECUTION_COMPLETE")
152
- return "success";
153
- if (event.type === "BACK")
154
- return "preview";
155
- if (event.type === "ERROR_OCCURRED")
156
- return "error";
157
- break;
158
- case "success":
159
- if (event.type === "CONTINUE_TO_TRANSACTION")
160
- return "post-buy-transaction";
161
- if (event.type === "RESET")
162
- return "init";
163
- break;
164
- case "post-buy-transaction":
165
- if (event.type === "RESET")
166
- return "init";
167
- break;
168
- case "error":
169
- if (event.type === "RETRY") {
170
- return context.retryState ?? "init";
171
- }
172
- if (event.type === "RESET") {
173
- return "init";
174
- }
175
- break;
176
- }
177
- return state;
178
- });
179
- }, [context.retryState]);
180
- return [
181
- {
182
- context,
183
- value: currentState,
184
- },
185
- send,
186
- ];
187
- }
188
- //# sourceMappingURL=paymentMachine.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"paymentMachine.js","sourceRoot":"","sources":["../../../../../src/react/core/machines/paymentMachine.ts"],"names":[],"mappings":"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"}
@@ -1,126 +0,0 @@
1
- "use client";
2
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
- import { useCallback, useMemo } from "react";
4
- import { webLocalStorage } from "../../../../utils/storage/webStorage.js";
5
- import { usePaymentMachine, } from "../../../core/machines/paymentMachine.js";
6
- import { webWindowAdapter } from "../../adapters/WindowAdapter.js";
7
- import en from "../ConnectWallet/locale/en.js";
8
- import { Container } from "../components/basic.js";
9
- import { ExecutingTxScreen } from "../TransactionButton/ExecutingScreen.js";
10
- import { DirectPayment } from "./DirectPayment.js";
11
- import { ErrorBanner } from "./ErrorBanner.js";
12
- import { FundWallet } from "./FundWallet.js";
13
- import { PaymentDetails } from "./payment-details/PaymentDetails.js";
14
- import { PaymentSelection } from "./payment-selection/PaymentSelection.js";
15
- import { SuccessScreen } from "./payment-success/SuccessScreen.js";
16
- import { QuoteLoader } from "./QuoteLoader.js";
17
- import { StepRunner } from "./StepRunner.js";
18
- import { TransactionPayment } from "./TransactionPayment.js";
19
- export function BridgeOrchestrator({ client, uiOptions, receiverAddress, onComplete, onError, onCancel, connectOptions, connectLocale, purchaseData, paymentLinkId, presetOptions, paymentMethods = ["crypto", "card"], showThirdwebBranding = true, supportedTokens, country = "US", }) {
20
- // Initialize adapters
21
- const adapters = useMemo(() => ({
22
- storage: webLocalStorage,
23
- window: webWindowAdapter,
24
- }), []);
25
- // Create modified connect options with branding setting
26
- const modifiedConnectOptions = useMemo(() => {
27
- if (!connectOptions)
28
- return undefined;
29
- return {
30
- ...connectOptions,
31
- connectModal: {
32
- ...connectOptions.connectModal,
33
- showThirdwebBranding,
34
- },
35
- };
36
- }, [connectOptions, showThirdwebBranding]);
37
- // Use the payment machine hook
38
- const [state, send] = usePaymentMachine(adapters, uiOptions.mode);
39
- // Handle buy completion
40
- const handleDoneOrContinueClick = useCallback(() => {
41
- if (uiOptions.mode === "transaction") {
42
- send({ type: "CONTINUE_TO_TRANSACTION" });
43
- }
44
- else {
45
- send({ type: "RESET" });
46
- }
47
- }, [send, uiOptions.mode]);
48
- // Handle post-buy transaction completion
49
- const handlePostBuyTransactionComplete = useCallback(() => {
50
- send({ type: "RESET" });
51
- }, [send]);
52
- // Handle errors
53
- const handleError = useCallback((error) => {
54
- console.error(error);
55
- onError?.(error, state.context.quote);
56
- send({ error, type: "ERROR_OCCURRED" });
57
- }, [onError, send, state.context.quote]);
58
- // Handle payment method selection
59
- const handlePaymentMethodSelected = useCallback((paymentMethod) => {
60
- send({ paymentMethod, type: "PAYMENT_METHOD_SELECTED" });
61
- }, [send]);
62
- // Handle quote received
63
- const handleQuoteReceived = useCallback((quote, request) => {
64
- send({ quote, request, type: "QUOTE_RECEIVED" });
65
- }, [send]);
66
- // Handle route confirmation
67
- const handleRouteConfirmed = useCallback(() => {
68
- send({ type: "ROUTE_CONFIRMED" });
69
- }, [send]);
70
- // Handle execution complete
71
- const handleExecutionComplete = useCallback((completedStatuses, quote) => {
72
- send({ completedStatuses, type: "EXECUTION_COMPLETE" });
73
- if (uiOptions.mode !== "transaction") {
74
- onComplete?.(quote);
75
- }
76
- }, [send, onComplete, uiOptions.mode]);
77
- // Handle retry
78
- const handleRetry = useCallback(() => {
79
- send({ type: "RETRY" });
80
- }, [send]);
81
- const quote = state.context.quote;
82
- // Handle requirements resolved from FundWallet and DirectPayment
83
- const handleRequirementsResolved = useCallback((amount, token, receiverAddress) => {
84
- send({
85
- destinationAmount: amount,
86
- destinationToken: token,
87
- receiverAddress,
88
- type: "DESTINATION_CONFIRMED",
89
- });
90
- }, [send]);
91
- return (_jsxs(Container, { flex: "column", fullHeight: true, children: [state.value === "error" && state.context.currentError && (_jsx(ErrorBanner, { client: client, error: state.context.currentError, onCancel: () => {
92
- send({ type: "RESET" });
93
- onCancel?.(quote);
94
- }, onRetry: handleRetry })), state.value === "init" && uiOptions.mode === "fund_wallet" && (_jsx(FundWallet, { client: client, connectOptions: modifiedConnectOptions, onContinue: handleRequirementsResolved, presetOptions: presetOptions, receiverAddress: receiverAddress, showThirdwebBranding: showThirdwebBranding, uiOptions: uiOptions })), state.value === "init" && uiOptions.mode === "direct_payment" && (_jsx(DirectPayment, { client: client, onContinue: handleRequirementsResolved, showThirdwebBranding: showThirdwebBranding, uiOptions: uiOptions })), state.value === "init" && uiOptions.mode === "transaction" && (_jsx(TransactionPayment, { client: client, connectOptions: modifiedConnectOptions, onContinue: handleRequirementsResolved, onExecuteTransaction: () => send({ type: "CONTINUE_TO_TRANSACTION" }), showThirdwebBranding: showThirdwebBranding, uiOptions: uiOptions })), state.value === "methodSelection" &&
95
- state.context.destinationToken &&
96
- state.context.destinationAmount &&
97
- state.context.receiverAddress && (_jsx(PaymentSelection, { client: client, connectLocale: connectLocale || en, connectOptions: modifiedConnectOptions, destinationAmount: state.context.destinationAmount, destinationToken: state.context.destinationToken, feePayer: uiOptions.mode === "direct_payment"
98
- ? uiOptions.paymentInfo.feePayer
99
- : undefined, includeDestinationToken: uiOptions.mode !== "fund_wallet", onBack: () => {
100
- send({ type: "BACK" });
101
- }, onError: handleError, onPaymentMethodSelected: handlePaymentMethodSelected, paymentMethods: paymentMethods, receiverAddress: state.context.receiverAddress, currency: uiOptions.currency, supportedTokens: supportedTokens, country: country })), state.value === "quote" &&
102
- state.context.selectedPaymentMethod &&
103
- state.context.receiverAddress &&
104
- state.context.destinationToken &&
105
- state.context.destinationAmount && (_jsx(QuoteLoader, { amount: state.context.destinationAmount, client: client, destinationToken: state.context.destinationToken, onBack: () => {
106
- send({ type: "BACK" });
107
- }, onError: handleError, onQuoteReceived: handleQuoteReceived, paymentLinkId: paymentLinkId, paymentMethod: state.context.selectedPaymentMethod, purchaseData: purchaseData, receiver: state.context.receiverAddress, uiOptions: uiOptions })), state.value === "preview" &&
108
- state.context.selectedPaymentMethod &&
109
- state.context.quote && (_jsx(PaymentDetails, { client: client, onBack: () => {
110
- send({ type: "BACK" });
111
- }, onConfirm: handleRouteConfirmed, onError: handleError, paymentMethod: state.context.selectedPaymentMethod, preparedQuote: state.context.quote, uiOptions: uiOptions })), state.value === "execute" && quote && state.context.request && (_jsx(StepRunner, { preparedQuote: quote, autoStart: true, client: client, onBack: () => {
112
- send({ type: "BACK" });
113
- }, onCancel: () => {
114
- onCancel(quote);
115
- }, onComplete: (completedStatuses) => {
116
- handleExecutionComplete(completedStatuses, quote);
117
- }, request: state.context.request, wallet: state.context.selectedPaymentMethod?.payerWallet, windowAdapter: webWindowAdapter })), state.value === "success" &&
118
- quote &&
119
- state.context.completedStatuses && (_jsx(SuccessScreen, { client: client, completedStatuses: state.context.completedStatuses, onDone: handleDoneOrContinueClick, preparedQuote: quote, uiOptions: uiOptions, windowAdapter: webWindowAdapter, hasPaymentId: !!paymentLinkId })), state.value === "post-buy-transaction" &&
120
- uiOptions.mode === "transaction" &&
121
- quote &&
122
- uiOptions.transaction && (_jsx(ExecutingTxScreen, { closeModal: handlePostBuyTransactionComplete, onTxSent: () => {
123
- onComplete?.(quote);
124
- }, tx: uiOptions.transaction, windowAdapter: webWindowAdapter }))] }));
125
- }
126
- //# sourceMappingURL=BridgeOrchestrator.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BridgeOrchestrator.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/Bridge/BridgeOrchestrator.tsx"],"names":[],"mappings":"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"}
@@ -1,255 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { BridgeOrchestrator, } from "../../react/web/ui/Bridge/BridgeOrchestrator.js";
3
- import { ModalThemeWrapper, storyClient } from "../utils.js";
4
- import { DIRECT_PAYMENT_UI_OPTIONS, FUND_WALLET_UI_OPTIONS, TRANSACTION_UI_OPTIONS, } from "./fixtures.js";
5
- // Wrapper component to provide theme context
6
- const BridgeOrchestratorWithTheme = (props) => {
7
- const { theme, ...componentProps } = props;
8
- return (_jsx(ModalThemeWrapper, { theme: theme, children: _jsx(BridgeOrchestrator, { ...componentProps }) }));
9
- };
10
- const meta = {
11
- args: {
12
- client: storyClient,
13
- onCancel: () => { },
14
- onComplete: () => { },
15
- onError: (error) => console.error("Bridge error:", error),
16
- theme: "dark",
17
- uiOptions: FUND_WALLET_UI_OPTIONS.usdcDefault,
18
- country: "US",
19
- },
20
- argTypes: {
21
- onCancel: { action: "flow cancelled" },
22
- onComplete: { action: "flow completed" },
23
- onError: { action: "error occurred" },
24
- presetOptions: {
25
- control: "object",
26
- description: "Quick buy options",
27
- },
28
- theme: {
29
- control: "select",
30
- description: "Theme for the component",
31
- options: ["light", "dark"],
32
- },
33
- },
34
- component: BridgeOrchestratorWithTheme,
35
- parameters: {
36
- docs: {
37
- description: {
38
- component: "**BridgeOrchestrator** is the main orchestrator component that manages the complete Bridge payment flow using XState FSM.\n\n" +
39
- "## Features\n" +
40
- "- **State Machine Navigation**: Uses XState v5 for predictable state transitions\n" +
41
- "- **Payment Method Selection**: Supports wallet and fiat payment methods\n" +
42
- "- **Route Preview**: Shows detailed transaction steps and fees\n" +
43
- "- **Step Execution**: Real-time progress tracking\n" +
44
- "- **Error Handling**: Comprehensive error states with retry functionality\n" +
45
- "- **Theme Support**: Works with both light and dark themes\n\n" +
46
- "## State Flow\n" +
47
- "1. **Resolve Requirements** → 2. **Method Selection** → 3. **Quote** → 4. **Preview** → 5. **Prepare** → 6. **Execute** → 7. **Success**\n\n" +
48
- "Each state can transition to the **Error** state, which provides retry functionality.",
49
- },
50
- },
51
- layout: "fullscreen",
52
- },
53
- tags: ["autodocs"],
54
- title: "Bridge/BridgeOrchestrator",
55
- };
56
- export default meta;
57
- /**
58
- * Default BridgeOrchestrator in light theme.
59
- */
60
- export const Light = {
61
- args: {
62
- connectLocale: undefined,
63
- connectOptions: undefined,
64
- onCancel: undefined,
65
- onComplete: undefined,
66
- onError: undefined,
67
- paymentLinkId: undefined,
68
- presetOptions: undefined,
69
- purchaseData: undefined,
70
- receiverAddress: undefined,
71
- theme: "light",
72
- uiOptions: FUND_WALLET_UI_OPTIONS.usdcDefault,
73
- },
74
- parameters: {
75
- backgrounds: { default: "light" },
76
- },
77
- };
78
- /**
79
- * BridgeOrchestrator in dark theme.
80
- */
81
- export const Dark = {
82
- args: {
83
- connectLocale: undefined,
84
- connectOptions: undefined,
85
- onCancel: undefined,
86
- onComplete: undefined,
87
- onError: undefined,
88
- paymentLinkId: undefined,
89
- presetOptions: undefined,
90
- purchaseData: undefined,
91
- receiverAddress: undefined,
92
- theme: "dark",
93
- uiOptions: FUND_WALLET_UI_OPTIONS.usdcDefault,
94
- },
95
- parameters: {
96
- backgrounds: { default: "dark" },
97
- },
98
- };
99
- /**
100
- * Direct payment mode for purchasing a specific product/service.
101
- */
102
- export const DirectPayment = {
103
- args: {
104
- connectLocale: undefined,
105
- connectOptions: undefined,
106
- onCancel: undefined,
107
- onComplete: undefined,
108
- onError: undefined,
109
- paymentLinkId: undefined,
110
- presetOptions: undefined,
111
- purchaseData: undefined,
112
- receiverAddress: undefined,
113
- theme: "dark",
114
- uiOptions: DIRECT_PAYMENT_UI_OPTIONS.digitalArt,
115
- },
116
- parameters: {
117
- backgrounds: { default: "dark" },
118
- docs: {
119
- description: {
120
- story: "Direct payment mode shows a product purchase interface with the item image, price, seller address, and network information. The user can connect their wallet and proceed with the payment.",
121
- },
122
- },
123
- },
124
- };
125
- /**
126
- * Direct payment mode in light theme.
127
- */
128
- export const DirectPaymentLight = {
129
- args: {
130
- connectLocale: undefined,
131
- connectOptions: undefined,
132
- onCancel: undefined,
133
- onComplete: undefined,
134
- onError: undefined,
135
- paymentLinkId: undefined,
136
- presetOptions: undefined,
137
- purchaseData: undefined,
138
- receiverAddress: undefined,
139
- theme: "light",
140
- uiOptions: DIRECT_PAYMENT_UI_OPTIONS.concertTicket,
141
- },
142
- parameters: {
143
- backgrounds: { default: "light" },
144
- docs: {
145
- description: {
146
- story: "Light theme version of direct payment mode, showing a different product example with USDC payment.",
147
- },
148
- },
149
- },
150
- };
151
- /**
152
- * Transaction mode showing a complex contract interaction.
153
- */
154
- export const Transaction = {
155
- args: {
156
- connectLocale: undefined,
157
- connectOptions: undefined,
158
- onCancel: undefined,
159
- onComplete: undefined,
160
- onError: undefined,
161
- paymentLinkId: undefined,
162
- presetOptions: undefined,
163
- purchaseData: undefined,
164
- receiverAddress: undefined,
165
- theme: "dark",
166
- uiOptions: TRANSACTION_UI_OPTIONS.contractInteraction,
167
- },
168
- parameters: {
169
- backgrounds: { default: "dark" },
170
- docs: {
171
- description: {
172
- story: "Transaction mode showing a complex contract interaction (claimTo function) with function name extraction from contract ABI and detailed cost breakdown.",
173
- },
174
- },
175
- },
176
- };
177
- /**
178
- * Transaction mode in light theme showing an ERC20 token transfer.
179
- */
180
- export const TransactionLight = {
181
- args: {
182
- connectLocale: undefined,
183
- connectOptions: undefined,
184
- onCancel: undefined,
185
- onComplete: undefined,
186
- onError: undefined,
187
- paymentLinkId: undefined,
188
- presetOptions: undefined,
189
- purchaseData: undefined,
190
- receiverAddress: undefined,
191
- theme: "light",
192
- uiOptions: TRANSACTION_UI_OPTIONS.erc20Transfer,
193
- },
194
- parameters: {
195
- backgrounds: { default: "light" },
196
- docs: {
197
- description: {
198
- story: "Light theme version of transaction mode showing an ERC20 token transfer with proper token amount formatting and USD conversion.",
199
- },
200
- },
201
- },
202
- };
203
- /**
204
- * Transaction mode in light theme showing an ERC20 token transfer.
205
- */
206
- export const TransactionJPYCurrency = {
207
- args: {
208
- connectLocale: undefined,
209
- connectOptions: undefined,
210
- onCancel: undefined,
211
- onComplete: undefined,
212
- onError: undefined,
213
- paymentLinkId: undefined,
214
- presetOptions: undefined,
215
- purchaseData: undefined,
216
- receiverAddress: undefined,
217
- theme: "light",
218
- uiOptions: {
219
- ...TRANSACTION_UI_OPTIONS.erc20Transfer,
220
- currency: "JPY",
221
- },
222
- },
223
- parameters: {
224
- backgrounds: { default: "light" },
225
- docs: {
226
- description: {
227
- story: "Light theme version of transaction mode showing an ERC20 token transfer with proper token amount formatting and USD conversion.",
228
- },
229
- },
230
- },
231
- };
232
- export const CustompresetOptions = {
233
- args: {
234
- connectLocale: undefined,
235
- connectOptions: undefined,
236
- onCancel: undefined,
237
- onComplete: undefined,
238
- onError: undefined,
239
- paymentLinkId: undefined,
240
- presetOptions: [1, 2, 3],
241
- purchaseData: undefined,
242
- receiverAddress: undefined,
243
- theme: "dark",
244
- uiOptions: FUND_WALLET_UI_OPTIONS.ethDefault,
245
- },
246
- parameters: {
247
- backgrounds: { default: "dark" },
248
- docs: {
249
- description: {
250
- story: "Fund wallet mode with custom quick options showing ETH with [1, 2, 3] preset amounts.",
251
- },
252
- },
253
- },
254
- };
255
- //# sourceMappingURL=BridgeOrchestrator.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BridgeOrchestrator.stories.js","sourceRoot":"","sources":["../../../../src/stories/Bridge/BridgeOrchestrator.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,kBAAkB,GAEnB,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EACL,yBAAyB,EACzB,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,eAAe,CAAC;AAavB,6CAA6C;AAC7C,MAAM,2BAA2B,GAAG,CAClC,KAAuC,EACvC,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,GAAG,cAAc,EAAE,GAAG,KAAK,CAAC;IAC3C,OAAO,CACL,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,YAC7B,KAAC,kBAAkB,OAAK,cAAc,GAAI,GACxB,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,IAAI,EAAE;QACJ,MAAM,EAAE,WAAW;QACnB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;QAClB,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;QACpB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,eAAe,EAAE,KAAK,CAAC;QACzD,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,sBAAsB,CAAC,WAAW;QAC7C,OAAO,EAAE,IAAI;KACd;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE;QACtC,UAAU,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE;QACxC,OAAO,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE;QACrC,aAAa,EAAE;YACb,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,mBAAmB;SACjC;QACD,KAAK,EAAE;YACL,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,yBAAyB;YACtC,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;SAC3B;KACF;IACD,SAAS,EAAE,2BAA2B;IACtC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EACP,+HAA+H;oBAC/H,eAAe;oBACf,oFAAoF;oBACpF,4EAA4E;oBAC5E,kEAAkE;oBAClE,qDAAqD;oBACrD,6EAA6E;oBAC7E,gEAAgE;oBAChE,iBAAiB;oBACjB,8IAA8I;oBAC9I,uFAAuF;aAC1F;SACF;QACD,MAAM,EAAE,YAAY;KACrB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,2BAA2B;CACgB,CAAC;AAErD,eAAe,IAAI,CAAC;AAGpB;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,SAAS;QACzB,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;QAClB,aAAa,EAAE,SAAS;QACxB,aAAa,EAAE,SAAS;QACxB,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,OAAO;QACd,SAAS,EAAE,sBAAsB,CAAC,WAAW;KAC9C;IACD,UAAU,EAAE;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;KAClC;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,IAAI,EAAE;QACJ,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,SAAS;QACzB,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;QAClB,aAAa,EAAE,SAAS;QACxB,aAAa,EAAE,SAAS;QACxB,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,sBAAsB,CAAC,WAAW;KAC9C;IACD,UAAU,EAAE;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;KACjC;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,SAAS;QACzB,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;QAClB,aAAa,EAAE,SAAS;QACxB,aAAa,EAAE,SAAS;QACxB,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,yBAAyB,CAAC,UAAU;KAChD;IACD,UAAU,EAAE;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EACH,6LAA6L;aAChM;SACF;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAU;IACvC,IAAI,EAAE;QACJ,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,SAAS;QACzB,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;QAClB,aAAa,EAAE,SAAS;QACxB,aAAa,EAAE,SAAS;QACxB,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,OAAO;QACd,SAAS,EAAE,yBAAyB,CAAC,aAAa;KACnD;IACD,UAAU,EAAE;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;QACjC,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EACH,oGAAoG;aACvG;SACF;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,SAAS;QACzB,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;QAClB,aAAa,EAAE,SAAS;QACxB,aAAa,EAAE,SAAS;QACxB,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,sBAAsB,CAAC,mBAAmB;KACtD;IACD,UAAU,EAAE;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EACH,yJAAyJ;aAC5J;SACF;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,IAAI,EAAE;QACJ,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,SAAS;QACzB,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;QAClB,aAAa,EAAE,SAAS;QACxB,aAAa,EAAE,SAAS;QACxB,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,OAAO;QACd,SAAS,EAAE,sBAAsB,CAAC,aAAa;KAChD;IACD,UAAU,EAAE;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;QACjC,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EACH,iIAAiI;aACpI;SACF;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAU;IAC3C,IAAI,EAAE;QACJ,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,SAAS;QACzB,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;QAClB,aAAa,EAAE,SAAS;QACxB,aAAa,EAAE,SAAS;QACxB,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,OAAO;QACd,SAAS,EAAE;YACT,GAAG,sBAAsB,CAAC,aAAa;YACvC,QAAQ,EAAE,KAAK;SAChB;KACF;IACD,UAAU,EAAE;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;QACjC,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EACH,iIAAiI;aACpI;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAU;IACxC,IAAI,EAAE;QACJ,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,SAAS;QACzB,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;QAClB,aAAa,EAAE,SAAS;QACxB,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACxB,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,sBAAsB,CAAC,UAAU;KAC7C;IACD,UAAU,EAAE;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EACH,uFAAuF;aAC1F;SACF;KACF;CACF,CAAC"}