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,89 +0,0 @@
1
- import type { Quote } from "../../../bridge/index.js";
2
- import type { TokenWithPrices } from "../../../bridge/types/Token.js";
3
- import type { Address } from "../../../utils/address.js";
4
- import type { AsyncStorage } from "../../../utils/storage/AsyncStorage.js";
5
- import type { Wallet } from "../../../wallets/interfaces/wallet.js";
6
- import type { WindowAdapter } from "../adapters/WindowAdapter.js";
7
- import type { BridgePrepareRequest, BridgePrepareResult } from "../hooks/useBridgePrepare.js";
8
- import type { CompletedStatusResult } from "../hooks/useStepExecutor.js";
9
- /**
10
- * Payment modes supported by BridgeEmbed
11
- */
12
- type PaymentMode = "fund_wallet" | "direct_payment" | "transaction";
13
- /**
14
- * Payment method types with their required data
15
- */
16
- export type PaymentMethod = {
17
- type: "wallet";
18
- action: "buy" | "sell";
19
- payerWallet: Wallet;
20
- originToken: TokenWithPrices;
21
- balance: bigint;
22
- quote: Quote;
23
- } | {
24
- type: "fiat";
25
- payerWallet?: Wallet;
26
- currency: string;
27
- onramp: "stripe" | "coinbase" | "transak";
28
- };
29
- /**
30
- * Payment machine context - holds all flow state data
31
- */
32
- export interface PaymentMachineContext {
33
- mode: PaymentMode;
34
- destinationAmount?: string;
35
- destinationToken?: TokenWithPrices;
36
- receiverAddress?: Address;
37
- selectedPaymentMethod?: PaymentMethod;
38
- quote?: BridgePrepareResult;
39
- request?: BridgePrepareRequest;
40
- completedStatuses?: CompletedStatusResult[];
41
- currentError?: Error;
42
- retryState?: PaymentMachineState;
43
- adapters: {
44
- window: WindowAdapter;
45
- storage: AsyncStorage;
46
- };
47
- }
48
- /**
49
- * Events that can be sent to the payment machine
50
- */
51
- type PaymentMachineEvent = {
52
- type: "DESTINATION_CONFIRMED";
53
- destinationToken: TokenWithPrices;
54
- destinationAmount: string;
55
- receiverAddress: Address;
56
- } | {
57
- type: "PAYMENT_METHOD_SELECTED";
58
- paymentMethod: PaymentMethod;
59
- } | {
60
- type: "QUOTE_RECEIVED";
61
- quote: BridgePrepareResult;
62
- request: BridgePrepareRequest;
63
- } | {
64
- type: "ROUTE_CONFIRMED";
65
- } | {
66
- type: "EXECUTION_COMPLETE";
67
- completedStatuses: CompletedStatusResult[];
68
- } | {
69
- type: "ERROR_OCCURRED";
70
- error: Error;
71
- } | {
72
- type: "CONTINUE_TO_TRANSACTION";
73
- } | {
74
- type: "RETRY";
75
- } | {
76
- type: "RESET";
77
- } | {
78
- type: "BACK";
79
- };
80
- type PaymentMachineState = "init" | "methodSelection" | "quote" | "preview" | "execute" | "success" | "post-buy-transaction" | "error";
81
- /**
82
- * Hook to create and use the payment machine
83
- */
84
- export declare function usePaymentMachine(adapters: PaymentMachineContext["adapters"], mode?: PaymentMode): readonly [{
85
- readonly context: PaymentMachineContext;
86
- readonly value: PaymentMachineState;
87
- }, (event: PaymentMachineEvent) => void];
88
- export {};
89
- //# sourceMappingURL=paymentMachine.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"paymentMachine.d.ts","sourceRoot":"","sources":["../../../../../src/react/core/machines/paymentMachine.ts"],"names":[],"mappings":"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"}
@@ -1,99 +0,0 @@
1
- import type { TokenWithPrices } from "../../../../bridge/types/Token.js";
2
- import type { ThirdwebClient } from "../../../../client/client.js";
3
- import type { SupportedFiatCurrency } from "../../../../pay/convert/type.js";
4
- import type { PurchaseData } from "../../../../pay/types.js";
5
- import type { PreparedTransaction } from "../../../../transaction/prepare-transaction.js";
6
- import type { Address } from "../../../../utils/address.js";
7
- import type { Prettify } from "../../../../utils/type-utils.js";
8
- import type { BridgePrepareResult } from "../../../core/hooks/useBridgePrepare.js";
9
- import type { SupportedTokens } from "../../../core/utils/defaultTokens.js";
10
- import type { ConnectLocale } from "../ConnectWallet/locale/types.js";
11
- import type { PayEmbedConnectOptions } from "../PayEmbed.js";
12
- export type UIOptions = Prettify<{
13
- metadata?: {
14
- title?: string;
15
- description?: string;
16
- image?: string;
17
- };
18
- currency?: SupportedFiatCurrency;
19
- buttonLabel?: string;
20
- } & ({
21
- mode: "fund_wallet";
22
- destinationToken: TokenWithPrices;
23
- initialAmount?: string;
24
- presetOptions?: [number, number, number];
25
- } | {
26
- mode: "direct_payment";
27
- paymentInfo: {
28
- sellerAddress: Address;
29
- token: TokenWithPrices;
30
- amount: string;
31
- feePayer?: "sender" | "receiver";
32
- };
33
- } | {
34
- mode: "transaction";
35
- transaction: PreparedTransaction;
36
- })>;
37
- export interface BridgeOrchestratorProps {
38
- /**
39
- * UI configuration and mode
40
- */
41
- uiOptions: UIOptions;
42
- /**
43
- * The receiver address, defaults to the connected wallet address
44
- */
45
- receiverAddress: Address | undefined;
46
- /**
47
- * ThirdwebClient for blockchain interactions
48
- */
49
- client: ThirdwebClient;
50
- /**
51
- * Called when the flow is completed successfully
52
- */
53
- onComplete: (quote: BridgePrepareResult) => void;
54
- /**
55
- * Called when the flow encounters an error
56
- */
57
- onError: (error: Error, quote: BridgePrepareResult | undefined) => void;
58
- /**
59
- * Called when the user cancels the flow
60
- */
61
- onCancel: (quote: BridgePrepareResult | undefined) => void;
62
- /**
63
- * Connect options for wallet connection
64
- */
65
- connectOptions: PayEmbedConnectOptions | undefined;
66
- /**
67
- * Locale for connect UI
68
- */
69
- connectLocale: ConnectLocale | undefined;
70
- /**
71
- * Optional purchase data for the payment
72
- */
73
- purchaseData?: PurchaseData;
74
- /**
75
- * Optional payment link ID for the payment
76
- */
77
- paymentLinkId: string | undefined;
78
- /**
79
- * Quick buy amounts
80
- */
81
- presetOptions: [number, number, number] | undefined;
82
- /**
83
- * Allowed payment methods
84
- * @default ["crypto", "card"]
85
- */
86
- paymentMethods?: ("crypto" | "card")[];
87
- /**
88
- * The user's ISO 3166 alpha-2 country code. This is used to determine onramp provider support.
89
- */
90
- country: string | undefined;
91
- /**
92
- * Whether to show thirdweb branding in the widget.
93
- * @default true
94
- */
95
- showThirdwebBranding?: boolean;
96
- supportedTokens?: SupportedTokens;
97
- }
98
- export declare function BridgeOrchestrator({ client, uiOptions, receiverAddress, onComplete, onError, onCancel, connectOptions, connectLocale, purchaseData, paymentLinkId, presetOptions, paymentMethods, showThirdwebBranding, supportedTokens, country, }: BridgeOrchestratorProps): import("react/jsx-runtime").JSX.Element;
99
- //# sourceMappingURL=BridgeOrchestrator.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BridgeOrchestrator.d.ts","sourceRoot":"","sources":["../../../../../../src/react/web/ui/Bridge/BridgeOrchestrator.tsx"],"names":[],"mappings":"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"}
@@ -1,97 +0,0 @@
1
- import type { StoryObj } from "@storybook/react";
2
- import type { Theme } from "../../react/core/design-system/index.js";
3
- import { type BridgeOrchestratorProps } from "../../react/web/ui/Bridge/BridgeOrchestrator.js";
4
- /**
5
- * BridgeOrchestrator is the main orchestrator component for the Bridge payment flow.
6
- * It manages the complete state machine navigation between different screens and
7
- * handles the coordination of payment methods, routes, and execution.
8
- */
9
- interface BridgeOrchestratorWithThemeProps extends BridgeOrchestratorProps {
10
- theme: "light" | "dark" | Theme;
11
- }
12
- declare const meta: {
13
- args: {
14
- client: import("../../client/client.js").ThirdwebClient;
15
- onCancel: () => void;
16
- onComplete: () => void;
17
- onError: (error: Error) => void;
18
- theme: "dark";
19
- uiOptions: {
20
- metadata?: {
21
- title?: string;
22
- description?: string;
23
- image?: string;
24
- } | undefined;
25
- currency?: import("../../pay/convert/type.js").SupportedFiatCurrency | undefined;
26
- buttonLabel?: string | undefined;
27
- mode: "fund_wallet";
28
- destinationToken: import("../../bridge/index.js").TokenWithPrices;
29
- initialAmount?: string | undefined;
30
- presetOptions?: [number, number, number] | undefined;
31
- };
32
- country: string;
33
- };
34
- argTypes: {
35
- onCancel: {
36
- action: string;
37
- };
38
- onComplete: {
39
- action: string;
40
- };
41
- onError: {
42
- action: string;
43
- };
44
- presetOptions: {
45
- control: "object";
46
- description: string;
47
- };
48
- theme: {
49
- control: "select";
50
- description: string;
51
- options: string[];
52
- };
53
- };
54
- component: (props: BridgeOrchestratorWithThemeProps) => import("react/jsx-runtime").JSX.Element;
55
- parameters: {
56
- docs: {
57
- description: {
58
- component: string;
59
- };
60
- };
61
- layout: string;
62
- };
63
- tags: string[];
64
- title: string;
65
- };
66
- export default meta;
67
- type Story = StoryObj<typeof meta>;
68
- /**
69
- * Default BridgeOrchestrator in light theme.
70
- */
71
- export declare const Light: Story;
72
- /**
73
- * BridgeOrchestrator in dark theme.
74
- */
75
- export declare const Dark: Story;
76
- /**
77
- * Direct payment mode for purchasing a specific product/service.
78
- */
79
- export declare const DirectPayment: Story;
80
- /**
81
- * Direct payment mode in light theme.
82
- */
83
- export declare const DirectPaymentLight: Story;
84
- /**
85
- * Transaction mode showing a complex contract interaction.
86
- */
87
- export declare const Transaction: Story;
88
- /**
89
- * Transaction mode in light theme showing an ERC20 token transfer.
90
- */
91
- export declare const TransactionLight: Story;
92
- /**
93
- * Transaction mode in light theme showing an ERC20 token transfer.
94
- */
95
- export declare const TransactionJPYCurrency: Story;
96
- export declare const CustompresetOptions: Story;
97
- //# sourceMappingURL=BridgeOrchestrator.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BridgeOrchestrator.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Bridge/BridgeOrchestrator.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,iDAAiD,CAAC;AAQzD;;;;GAIG;AAGH,UAAU,gCAAiC,SAAQ,uBAAuB;IACxE,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC;CACjC;AAcD,QAAA,MAAM,IAAI;;;;;;;;;qBA6BgF,CAAC;2BAA2B,CAAC;qBAC7G,CAAT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAxCQ,gCAAgC;;;;;;;;;;;CAwDW,CAAC;AAErD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAiBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,KAiBlB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAuB3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAuBhC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAuB9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,KA0BpC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAuBjC,CAAC"}
@@ -1,69 +0,0 @@
1
- import type { StoryObj } from "@storybook/react";
2
- import type { Theme } from "../../react/core/design-system/index.js";
3
- import { type DirectPaymentProps } from "../../react/web/ui/Bridge/DirectPayment.js";
4
- interface DirectPaymentWithThemeProps extends DirectPaymentProps {
5
- theme: "light" | "dark" | Theme;
6
- }
7
- declare const meta: {
8
- args: {
9
- client: import("../../client/client.js").ThirdwebClient;
10
- onContinue: (_amount: string, _token: import("../../bridge/index.js").TokenWithPrices, _receiverAddress: `0x${string}`) => void;
11
- theme: "dark";
12
- uiOptions: {
13
- metadata?: {
14
- title?: string;
15
- description?: string;
16
- image?: string;
17
- } | undefined;
18
- currency?: import("../../pay/convert/type.js").SupportedFiatCurrency | undefined;
19
- buttonLabel?: string | undefined;
20
- mode: "direct_payment";
21
- paymentInfo: {
22
- sellerAddress: import("../../utils/address.js").Address;
23
- token: import("../../bridge/index.js").TokenWithPrices;
24
- amount: string;
25
- feePayer?: "sender" | "receiver";
26
- };
27
- };
28
- };
29
- argTypes: {
30
- onContinue: {
31
- action: string;
32
- description: string;
33
- };
34
- theme: {
35
- control: "select";
36
- description: string;
37
- options: string[];
38
- };
39
- uiOptions: {
40
- description: string;
41
- };
42
- };
43
- component: (props: DirectPaymentWithThemeProps) => import("react/jsx-runtime").JSX.Element;
44
- parameters: {
45
- docs: {
46
- description: {
47
- component: string;
48
- };
49
- };
50
- layout: string;
51
- };
52
- tags: string[];
53
- title: string;
54
- };
55
- export default meta;
56
- type Story = StoryObj<typeof meta>;
57
- export declare const DigitalArt: Story;
58
- export declare const DigitalArtLight: Story;
59
- export declare const ConcertTicket: Story;
60
- export declare const ConcertTicketLight: Story;
61
- export declare const SubscriptionService: Story;
62
- export declare const SubscriptionServiceLight: Story;
63
- export declare const PhysicalProduct: Story;
64
- export declare const PhysicalProductLight: Story;
65
- export declare const NoImage: Story;
66
- export declare const NoImageLight: Story;
67
- export declare const CustomButtonLabel: Story;
68
- export declare const CustomButtonLabelLight: Story;
69
- //# sourceMappingURL=DirectPayment.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DirectPayment.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Bridge/DirectPayment.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,4CAA4C,CAAC;AAKpD,UAAU,2BAA4B,SAAQ,kBAAkB;IAC9D,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC;CACjC;AAYD,QAAA,MAAM,IAAI;;;;;;;qBAiCA,CAAP;2BAA2B,CAAC;qBAAqB,CAAC;;;;;;;;;wBAW3B,CAAC;;;;;;;;;;;;;;;;;;uBArDY,2BAA2B;;;;;;;;;;;CAkDnB,CAAC;AAEhD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAc3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAahC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAcjC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KActC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAc7B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAalC,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAa1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAc/B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAapC,CAAC"}
@@ -1,67 +0,0 @@
1
- import type { StoryObj } from "@storybook/react";
2
- import type { Theme } from "../../react/core/design-system/index.js";
3
- import type { FundWalletProps } from "../../react/web/ui/Bridge/FundWallet.js";
4
- interface FundWalletWithThemeProps extends FundWalletProps {
5
- theme: "light" | "dark" | Theme;
6
- }
7
- declare const meta: {
8
- args: {
9
- client: import("../../client/client.js").ThirdwebClient;
10
- onContinue: (amount: string, token: import("../../bridge/index.js").TokenWithPrices, receiverAddress: `0x${string}`) => void;
11
- receiverAddress: "0x2247d5d238d0f9d37184d8332aE0289d1aD9991b";
12
- theme: "dark";
13
- uiOptions: {
14
- metadata?: {
15
- title?: string;
16
- description?: string;
17
- image?: string;
18
- } | undefined;
19
- currency?: import("../../pay/convert/type.js").SupportedFiatCurrency | undefined;
20
- buttonLabel?: string | undefined;
21
- mode: "fund_wallet";
22
- destinationToken: import("../../bridge/index.js").TokenWithPrices;
23
- initialAmount?: string | undefined;
24
- presetOptions?: [number, number, number] | undefined;
25
- };
26
- };
27
- argTypes: {
28
- onContinue: {
29
- action: string;
30
- };
31
- receiverAddress: {
32
- description: string;
33
- };
34
- theme: {
35
- control: "select";
36
- description: string;
37
- options: string[];
38
- };
39
- uiOptions: {
40
- description: string;
41
- };
42
- };
43
- component: (props: FundWalletWithThemeProps) => import("react/jsx-runtime").JSX.Element;
44
- parameters: {
45
- docs: {
46
- description: {
47
- component: string;
48
- };
49
- };
50
- layout: string;
51
- };
52
- tags: string[];
53
- title: string;
54
- };
55
- export default meta;
56
- type Story = StoryObj<typeof meta>;
57
- export declare const Light: Story;
58
- export declare const Dark: Story;
59
- export declare const WithInitialAmount: Story;
60
- export declare const WithInitialAmountLight: Story;
61
- export declare const USDCToken: Story;
62
- export declare const USDCTokenLight: Story;
63
- export declare const LargeAmount: Story;
64
- export declare const LargeAmountLight: Story;
65
- export declare const CustomButtonLabel: Story;
66
- export declare const CustomButtonLabelLight: Story;
67
- //# sourceMappingURL=FundWallet.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FundWallet.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Bridge/FundWallet.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAM/E,UAAU,wBAAyB,SAAQ,eAAe;IACxD,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC;CACjC;AAYD,QAAA,MAAM,IAAI;;;;;;;;qBAgCyB,CAAC;2BAA4B,CAAA;qBACtD,CAAD;;;;;;;;;;;;;;;;;;;;;;;;;;uBA1C2B,wBAAwB;;;;;;;;;;;CAoDhB,CAAC;AAE7C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,KAAK,EAAE,KAcnB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAclB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAe/B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAepC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAavB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAa5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAczB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAa9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAc/B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAapC,CAAC"}
@@ -1,60 +0,0 @@
1
- import type { StoryObj } from "@storybook/react";
2
- import { type TransactionPaymentProps } from "../../react/web/ui/Bridge/TransactionPayment.js";
3
- interface TransactionPaymentWithThemeProps extends TransactionPaymentProps {
4
- theme: "light" | "dark";
5
- }
6
- declare const meta: {
7
- args: {
8
- client: import("../../client/client.js").ThirdwebClient;
9
- onExecuteTransaction: () => void;
10
- onContinue: (_amount: string, _token: import("../../bridge/index.js").TokenWithPrices, _receiverAddress: `0x${string}`) => void;
11
- theme: "dark";
12
- uiOptions: {
13
- metadata?: {
14
- title?: string;
15
- description?: string;
16
- image?: string;
17
- } | undefined;
18
- currency?: import("../../pay/convert/type.js").SupportedFiatCurrency | undefined;
19
- buttonLabel?: string | undefined;
20
- mode: "transaction";
21
- transaction: import("../../transaction/prepare-transaction.js").PreparedTransaction;
22
- };
23
- };
24
- argTypes: {
25
- onContinue: {
26
- action: string;
27
- description: string;
28
- };
29
- theme: {
30
- control: "select";
31
- description: string;
32
- options: string[];
33
- };
34
- uiOptions: {
35
- description: string;
36
- };
37
- };
38
- component: (props: TransactionPaymentWithThemeProps) => import("react/jsx-runtime").JSX.Element;
39
- parameters: {
40
- docs: {
41
- description: {
42
- component: string;
43
- };
44
- };
45
- layout: string;
46
- };
47
- tags: string[];
48
- title: string;
49
- };
50
- export default meta;
51
- type Story = StoryObj<typeof meta>;
52
- export declare const EthereumTransfer: Story;
53
- export declare const EthereumTransferLight: Story;
54
- export declare const ERC20TokenTransfer: Story;
55
- export declare const ERC20TokenTransferLight: Story;
56
- export declare const ContractInteraction: Story;
57
- export declare const ContractInteractionLight: Story;
58
- export declare const CustomButtonLabel: Story;
59
- export declare const CustomButtonLabelLight: Story;
60
- //# sourceMappingURL=TransactionPayment.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TransactionPayment.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Bridge/TransactionPayment.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,iDAAiD,CAAC;AAKzD,UAAU,gCAAiC,SAAQ,uBAAuB;IACxE,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;CACzB;AAiBD,QAAA,MAAM,IAAI;;;;;;;;qBAgCgC,CAAC;2BAA2B,CAAC;qBAC7D,CAAH;;;;;;;;;;;;;;;;;;;;;;uBA9CE,gCAAgC;;;;;;;;;;;CAwDW,CAAC;AAErD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,gBAAgB,EAAE,KAc9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAcnC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAchC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAcrC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAcjC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KActC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAc/B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAapC,CAAC"}