thirdweb 5.30.0-nightly-fe775166d40fdd50faaa8d6da3fcd624f9a450ed-20240622000610 → 5.30.0-nightly-3979ff0238ae9b3a0a216e6c2d562eb7206a9fe8-20240626085813

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 (479) hide show
  1. package/dist/cjs/auth/verifySignature.js +15 -1
  2. package/dist/cjs/auth/verifySignature.js.map +1 -1
  3. package/dist/cjs/exports/extensions/erc1155.js +3 -1
  4. package/dist/cjs/exports/extensions/erc1155.js.map +1 -1
  5. package/dist/cjs/exports/transaction.js +3 -1
  6. package/dist/cjs/exports/transaction.js.map +1 -1
  7. package/dist/cjs/react/core/design-system/index.js +2 -0
  8. package/dist/cjs/react/core/design-system/index.js.map +1 -1
  9. package/dist/cjs/react/web/ui/ConnectWallet/ConnectButton.js +12 -24
  10. package/dist/cjs/react/web/ui/ConnectWallet/ConnectButton.js.map +1 -1
  11. package/dist/cjs/react/web/ui/ConnectWallet/Modal/AllWalletsUI.js +4 -6
  12. package/dist/cjs/react/web/ui/ConnectWallet/Modal/AllWalletsUI.js.map +1 -1
  13. package/dist/cjs/react/web/ui/ConnectWallet/Modal/AnyWalletConnectUI.js +12 -14
  14. package/dist/cjs/react/web/ui/ConnectWallet/Modal/AnyWalletConnectUI.js.map +1 -1
  15. package/dist/cjs/react/web/ui/ConnectWallet/Modal/ConnectEmbed.js +31 -28
  16. package/dist/cjs/react/web/ui/ConnectWallet/Modal/ConnectEmbed.js.map +1 -1
  17. package/dist/cjs/react/web/ui/ConnectWallet/Modal/ConnectModal.js +7 -5
  18. package/dist/cjs/react/web/ui/ConnectWallet/Modal/ConnectModal.js.map +1 -1
  19. package/dist/cjs/react/web/ui/ConnectWallet/Modal/ConnectModalContent.js +15 -17
  20. package/dist/cjs/react/web/ui/ConnectWallet/Modal/ConnectModalContent.js.map +1 -1
  21. package/dist/cjs/react/web/ui/ConnectWallet/Modal/ConnectModalInline.js +11 -13
  22. package/dist/cjs/react/web/ui/ConnectWallet/Modal/ConnectModalInline.js.map +1 -1
  23. package/dist/cjs/react/web/ui/ConnectWallet/Modal/DeepLinkConnectUI.js +1 -4
  24. package/dist/cjs/react/web/ui/ConnectWallet/Modal/DeepLinkConnectUI.js.map +1 -1
  25. package/dist/cjs/react/web/ui/ConnectWallet/Modal/InjectedConnectUI.js +4 -6
  26. package/dist/cjs/react/web/ui/ConnectWallet/Modal/InjectedConnectUI.js.map +1 -1
  27. package/dist/cjs/react/web/ui/ConnectWallet/Modal/SmartWalletConnectUI.js +8 -11
  28. package/dist/cjs/react/web/ui/ConnectWallet/Modal/SmartWalletConnectUI.js.map +1 -1
  29. package/dist/cjs/react/web/ui/ConnectWallet/Modal/TOS.js +1 -3
  30. package/dist/cjs/react/web/ui/ConnectWallet/Modal/TOS.js.map +1 -1
  31. package/dist/cjs/react/web/ui/ConnectWallet/Modal/screen.js +5 -9
  32. package/dist/cjs/react/web/ui/ConnectWallet/Modal/screen.js.map +1 -1
  33. package/dist/cjs/react/web/ui/ConnectWallet/NetworkSelector.js +2 -2
  34. package/dist/cjs/react/web/ui/ConnectWallet/NetworkSelector.js.map +1 -1
  35. package/dist/cjs/react/web/ui/ConnectWallet/WalletEntryButton.js +2 -4
  36. package/dist/cjs/react/web/ui/ConnectWallet/WalletEntryButton.js.map +1 -1
  37. package/dist/cjs/react/web/ui/ConnectWallet/WalletSelector.js +24 -30
  38. package/dist/cjs/react/web/ui/ConnectWallet/WalletSelector.js.map +1 -1
  39. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.js +114 -86
  40. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.js.map +1 -1
  41. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/PayTokenIcon.js +25 -0
  42. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/PayTokenIcon.js.map +1 -0
  43. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/CurrencySelection.js +1 -1
  44. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/CurrencySelection.js.map +1 -1
  45. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.js +7 -3
  46. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.js.map +1 -1
  47. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.js +2 -2
  48. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.js.map +1 -1
  49. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/main/useBuyTxStates.js +4 -11
  50. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/main/useBuyTxStates.js.map +1 -1
  51. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/main/useEnabledPaymentMethods.js +3 -16
  52. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/main/useEnabledPaymentMethods.js.map +1 -1
  53. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/main/useUISelectionStates.js +0 -3
  54. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/main/useUISelectionStates.js.map +1 -1
  55. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/BuyTokenInput.js +4 -6
  56. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/BuyTokenInput.js.map +1 -1
  57. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.js +2 -2
  58. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.js.map +1 -1
  59. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/PayWithCrypto.js +2 -2
  60. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/PayWithCrypto.js.map +1 -1
  61. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/tx-history/BuyTxHistoryButton.js +2 -2
  62. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/tx-history/BuyTxHistoryButton.js.map +1 -1
  63. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/tx-history/TokenInfoRow.js +2 -2
  64. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/tx-history/TokenInfoRow.js.map +1 -1
  65. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/utils.js +7 -0
  66. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/utils.js.map +1 -0
  67. package/dist/cjs/react/web/ui/ConnectWallet/screens/SignatureScreen.js +2 -4
  68. package/dist/cjs/react/web/ui/ConnectWallet/screens/SignatureScreen.js.map +1 -1
  69. package/dist/cjs/react/web/ui/ConnectWallet/screens/StartScreen.js +7 -9
  70. package/dist/cjs/react/web/ui/ConnectWallet/screens/StartScreen.js.map +1 -1
  71. package/dist/cjs/react/web/ui/ConnectWallet/screens/TokenSelector.js +1 -1
  72. package/dist/cjs/react/web/ui/ConnectWallet/screens/TokenSelector.js.map +1 -1
  73. package/dist/cjs/react/web/ui/ConnectWallet/useConnectModal.js +23 -27
  74. package/dist/cjs/react/web/ui/ConnectWallet/useConnectModal.js.map +1 -1
  75. package/dist/cjs/react/web/ui/PayEmbed.js +1 -0
  76. package/dist/cjs/react/web/ui/PayEmbed.js.map +1 -1
  77. package/dist/cjs/react/web/ui/components/ChainName.js +12 -1
  78. package/dist/cjs/react/web/ui/components/ChainName.js.map +1 -1
  79. package/dist/cjs/react/web/ui/components/basic.js +1 -1
  80. package/dist/cjs/react/web/ui/components/basic.js.map +1 -1
  81. package/dist/cjs/react/web/ui/components/buttons.js +6 -0
  82. package/dist/cjs/react/web/ui/components/buttons.js.map +1 -1
  83. package/dist/cjs/react/web/wallets/ecosystem/EcosystemWalletConnectUI.js +6 -8
  84. package/dist/cjs/react/web/wallets/ecosystem/EcosystemWalletConnectUI.js.map +1 -1
  85. package/dist/cjs/react/web/wallets/ecosystem/EcosystemWalletFormUI.js +5 -7
  86. package/dist/cjs/react/web/wallets/ecosystem/EcosystemWalletFormUI.js.map +1 -1
  87. package/dist/cjs/react/web/wallets/in-app/InAppWalletConnectUI.js +6 -8
  88. package/dist/cjs/react/web/wallets/in-app/InAppWalletConnectUI.js.map +1 -1
  89. package/dist/cjs/react/web/wallets/in-app/InAppWalletFormUI.js +8 -11
  90. package/dist/cjs/react/web/wallets/in-app/InAppWalletFormUI.js.map +1 -1
  91. package/dist/cjs/react/web/wallets/in-app/InAppWalletSelectionUI.js +5 -7
  92. package/dist/cjs/react/web/wallets/in-app/InAppWalletSelectionUI.js.map +1 -1
  93. package/dist/cjs/react/web/wallets/in-app/useInAppWalletLocale.js +5 -5
  94. package/dist/cjs/react/web/wallets/in-app/useInAppWalletLocale.js.map +1 -1
  95. package/dist/cjs/react/web/wallets/shared/CoinbaseSDKConnection.js +4 -6
  96. package/dist/cjs/react/web/wallets/shared/CoinbaseSDKConnection.js.map +1 -1
  97. package/dist/cjs/react/web/wallets/shared/ConnectWalletSocialOptions.js +7 -9
  98. package/dist/cjs/react/web/wallets/shared/ConnectWalletSocialOptions.js.map +1 -1
  99. package/dist/cjs/react/web/wallets/shared/ConnectingScreen.js +3 -5
  100. package/dist/cjs/react/web/wallets/shared/ConnectingScreen.js.map +1 -1
  101. package/dist/cjs/react/web/wallets/shared/GetStartedScreen.js +4 -6
  102. package/dist/cjs/react/web/wallets/shared/GetStartedScreen.js.map +1 -1
  103. package/dist/cjs/react/web/wallets/shared/OTPLoginUI.js +8 -10
  104. package/dist/cjs/react/web/wallets/shared/OTPLoginUI.js.map +1 -1
  105. package/dist/cjs/react/web/wallets/shared/PassKeyLogin.js +2 -4
  106. package/dist/cjs/react/web/wallets/shared/PassKeyLogin.js.map +1 -1
  107. package/dist/cjs/react/web/wallets/shared/SocialLogin.js +3 -6
  108. package/dist/cjs/react/web/wallets/shared/SocialLogin.js.map +1 -1
  109. package/dist/cjs/react/web/wallets/shared/WalletConnectConnection.js +24 -27
  110. package/dist/cjs/react/web/wallets/shared/WalletConnectConnection.js.map +1 -1
  111. package/dist/cjs/react/web/wallets/shared/locale/en.js.map +1 -1
  112. package/dist/cjs/react/web/wallets/shared/locale/es.js.map +1 -1
  113. package/dist/cjs/react/web/wallets/shared/locale/getConnectLocale.js +2 -2
  114. package/dist/cjs/react/web/wallets/shared/locale/getConnectLocale.js.map +1 -1
  115. package/dist/cjs/react/web/wallets/shared/locale/ja.js.map +1 -1
  116. package/dist/cjs/react/web/wallets/shared/locale/tl.js.map +1 -1
  117. package/dist/cjs/react/web/wallets/walletConnect/locale.js +3 -3
  118. package/dist/cjs/react/web/wallets/walletConnect/locale.js.map +1 -1
  119. package/dist/cjs/transaction/actions/gasless/send-gasless-transaction.js +14 -4
  120. package/dist/cjs/transaction/actions/gasless/send-gasless-transaction.js.map +1 -1
  121. package/dist/cjs/transaction/actions/send-transaction.js +7 -0
  122. package/dist/cjs/transaction/actions/send-transaction.js.map +1 -1
  123. package/dist/cjs/transaction/transaction-store.js +33 -0
  124. package/dist/cjs/transaction/transaction-store.js.map +1 -0
  125. package/dist/cjs/version.js +1 -1
  126. package/dist/cjs/wallets/in-app/web/utils/Storage/LocalStorage.js.map +1 -1
  127. package/dist/cjs/wallets/wallet-connect/controller.js +7 -3
  128. package/dist/cjs/wallets/wallet-connect/controller.js.map +1 -1
  129. package/dist/esm/auth/verifySignature.js +15 -1
  130. package/dist/esm/auth/verifySignature.js.map +1 -1
  131. package/dist/esm/exports/extensions/erc1155.js +1 -0
  132. package/dist/esm/exports/extensions/erc1155.js.map +1 -1
  133. package/dist/esm/exports/transaction.js +1 -0
  134. package/dist/esm/exports/transaction.js.map +1 -1
  135. package/dist/esm/react/core/design-system/index.js +2 -0
  136. package/dist/esm/react/core/design-system/index.js.map +1 -1
  137. package/dist/esm/react/web/ui/ConnectWallet/ConnectButton.js +12 -24
  138. package/dist/esm/react/web/ui/ConnectWallet/ConnectButton.js.map +1 -1
  139. package/dist/esm/react/web/ui/ConnectWallet/Modal/AllWalletsUI.js +4 -6
  140. package/dist/esm/react/web/ui/ConnectWallet/Modal/AllWalletsUI.js.map +1 -1
  141. package/dist/esm/react/web/ui/ConnectWallet/Modal/AnyWalletConnectUI.js +12 -14
  142. package/dist/esm/react/web/ui/ConnectWallet/Modal/AnyWalletConnectUI.js.map +1 -1
  143. package/dist/esm/react/web/ui/ConnectWallet/Modal/ConnectEmbed.js +31 -28
  144. package/dist/esm/react/web/ui/ConnectWallet/Modal/ConnectEmbed.js.map +1 -1
  145. package/dist/esm/react/web/ui/ConnectWallet/Modal/ConnectModal.js +7 -5
  146. package/dist/esm/react/web/ui/ConnectWallet/Modal/ConnectModal.js.map +1 -1
  147. package/dist/esm/react/web/ui/ConnectWallet/Modal/ConnectModalContent.js +16 -18
  148. package/dist/esm/react/web/ui/ConnectWallet/Modal/ConnectModalContent.js.map +1 -1
  149. package/dist/esm/react/web/ui/ConnectWallet/Modal/ConnectModalInline.js +11 -13
  150. package/dist/esm/react/web/ui/ConnectWallet/Modal/ConnectModalInline.js.map +1 -1
  151. package/dist/esm/react/web/ui/ConnectWallet/Modal/DeepLinkConnectUI.js +1 -4
  152. package/dist/esm/react/web/ui/ConnectWallet/Modal/DeepLinkConnectUI.js.map +1 -1
  153. package/dist/esm/react/web/ui/ConnectWallet/Modal/InjectedConnectUI.js +4 -6
  154. package/dist/esm/react/web/ui/ConnectWallet/Modal/InjectedConnectUI.js.map +1 -1
  155. package/dist/esm/react/web/ui/ConnectWallet/Modal/SmartWalletConnectUI.js +8 -11
  156. package/dist/esm/react/web/ui/ConnectWallet/Modal/SmartWalletConnectUI.js.map +1 -1
  157. package/dist/esm/react/web/ui/ConnectWallet/Modal/TOS.js +1 -3
  158. package/dist/esm/react/web/ui/ConnectWallet/Modal/TOS.js.map +1 -1
  159. package/dist/esm/react/web/ui/ConnectWallet/Modal/screen.js +5 -9
  160. package/dist/esm/react/web/ui/ConnectWallet/Modal/screen.js.map +1 -1
  161. package/dist/esm/react/web/ui/ConnectWallet/NetworkSelector.js +2 -2
  162. package/dist/esm/react/web/ui/ConnectWallet/NetworkSelector.js.map +1 -1
  163. package/dist/esm/react/web/ui/ConnectWallet/WalletEntryButton.js +2 -4
  164. package/dist/esm/react/web/ui/ConnectWallet/WalletEntryButton.js.map +1 -1
  165. package/dist/esm/react/web/ui/ConnectWallet/WalletSelector.js +24 -30
  166. package/dist/esm/react/web/ui/ConnectWallet/WalletSelector.js.map +1 -1
  167. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.js +115 -87
  168. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.js.map +1 -1
  169. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/PayTokenIcon.js +22 -0
  170. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/PayTokenIcon.js.map +1 -0
  171. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/CurrencySelection.js +1 -1
  172. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/CurrencySelection.js.map +1 -1
  173. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.js +7 -3
  174. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.js.map +1 -1
  175. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.js +2 -2
  176. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.js.map +1 -1
  177. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/main/useBuyTxStates.js +4 -11
  178. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/main/useBuyTxStates.js.map +1 -1
  179. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/main/useEnabledPaymentMethods.js +3 -16
  180. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/main/useEnabledPaymentMethods.js.map +1 -1
  181. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/main/useUISelectionStates.js +0 -3
  182. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/main/useUISelectionStates.js.map +1 -1
  183. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/BuyTokenInput.js +4 -6
  184. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/BuyTokenInput.js.map +1 -1
  185. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.js +2 -2
  186. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.js.map +1 -1
  187. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/PayWithCrypto.js +2 -2
  188. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/PayWithCrypto.js.map +1 -1
  189. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/tx-history/BuyTxHistoryButton.js +2 -2
  190. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/tx-history/BuyTxHistoryButton.js.map +1 -1
  191. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/tx-history/TokenInfoRow.js +2 -2
  192. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/tx-history/TokenInfoRow.js.map +1 -1
  193. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/utils.js +4 -0
  194. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/utils.js.map +1 -0
  195. package/dist/esm/react/web/ui/ConnectWallet/screens/SignatureScreen.js +2 -4
  196. package/dist/esm/react/web/ui/ConnectWallet/screens/SignatureScreen.js.map +1 -1
  197. package/dist/esm/react/web/ui/ConnectWallet/screens/StartScreen.js +7 -9
  198. package/dist/esm/react/web/ui/ConnectWallet/screens/StartScreen.js.map +1 -1
  199. package/dist/esm/react/web/ui/ConnectWallet/screens/TokenSelector.js +1 -1
  200. package/dist/esm/react/web/ui/ConnectWallet/screens/TokenSelector.js.map +1 -1
  201. package/dist/esm/react/web/ui/ConnectWallet/useConnectModal.js +23 -27
  202. package/dist/esm/react/web/ui/ConnectWallet/useConnectModal.js.map +1 -1
  203. package/dist/esm/react/web/ui/PayEmbed.js +1 -0
  204. package/dist/esm/react/web/ui/PayEmbed.js.map +1 -1
  205. package/dist/esm/react/web/ui/components/ChainName.js +12 -1
  206. package/dist/esm/react/web/ui/components/ChainName.js.map +1 -1
  207. package/dist/esm/react/web/ui/components/basic.js +1 -1
  208. package/dist/esm/react/web/ui/components/basic.js.map +1 -1
  209. package/dist/esm/react/web/ui/components/buttons.js +6 -0
  210. package/dist/esm/react/web/ui/components/buttons.js.map +1 -1
  211. package/dist/esm/react/web/wallets/ecosystem/EcosystemWalletConnectUI.js +7 -9
  212. package/dist/esm/react/web/wallets/ecosystem/EcosystemWalletConnectUI.js.map +1 -1
  213. package/dist/esm/react/web/wallets/ecosystem/EcosystemWalletFormUI.js +5 -7
  214. package/dist/esm/react/web/wallets/ecosystem/EcosystemWalletFormUI.js.map +1 -1
  215. package/dist/esm/react/web/wallets/in-app/InAppWalletConnectUI.js +7 -9
  216. package/dist/esm/react/web/wallets/in-app/InAppWalletConnectUI.js.map +1 -1
  217. package/dist/esm/react/web/wallets/in-app/InAppWalletFormUI.js +8 -11
  218. package/dist/esm/react/web/wallets/in-app/InAppWalletFormUI.js.map +1 -1
  219. package/dist/esm/react/web/wallets/in-app/InAppWalletSelectionUI.js +6 -8
  220. package/dist/esm/react/web/wallets/in-app/InAppWalletSelectionUI.js.map +1 -1
  221. package/dist/esm/react/web/wallets/in-app/useInAppWalletLocale.js +5 -5
  222. package/dist/esm/react/web/wallets/in-app/useInAppWalletLocale.js.map +1 -1
  223. package/dist/esm/react/web/wallets/shared/CoinbaseSDKConnection.js +4 -6
  224. package/dist/esm/react/web/wallets/shared/CoinbaseSDKConnection.js.map +1 -1
  225. package/dist/esm/react/web/wallets/shared/ConnectWalletSocialOptions.js +7 -9
  226. package/dist/esm/react/web/wallets/shared/ConnectWalletSocialOptions.js.map +1 -1
  227. package/dist/esm/react/web/wallets/shared/ConnectingScreen.js +3 -5
  228. package/dist/esm/react/web/wallets/shared/ConnectingScreen.js.map +1 -1
  229. package/dist/esm/react/web/wallets/shared/GetStartedScreen.js +4 -6
  230. package/dist/esm/react/web/wallets/shared/GetStartedScreen.js.map +1 -1
  231. package/dist/esm/react/web/wallets/shared/OTPLoginUI.js +8 -10
  232. package/dist/esm/react/web/wallets/shared/OTPLoginUI.js.map +1 -1
  233. package/dist/esm/react/web/wallets/shared/PassKeyLogin.js +2 -4
  234. package/dist/esm/react/web/wallets/shared/PassKeyLogin.js.map +1 -1
  235. package/dist/esm/react/web/wallets/shared/SocialLogin.js +3 -6
  236. package/dist/esm/react/web/wallets/shared/SocialLogin.js.map +1 -1
  237. package/dist/esm/react/web/wallets/shared/WalletConnectConnection.js +24 -27
  238. package/dist/esm/react/web/wallets/shared/WalletConnectConnection.js.map +1 -1
  239. package/dist/esm/react/web/wallets/shared/locale/en.js.map +1 -1
  240. package/dist/esm/react/web/wallets/shared/locale/es.js.map +1 -1
  241. package/dist/esm/react/web/wallets/shared/locale/getConnectLocale.js +1 -1
  242. package/dist/esm/react/web/wallets/shared/locale/getConnectLocale.js.map +1 -1
  243. package/dist/esm/react/web/wallets/shared/locale/ja.js.map +1 -1
  244. package/dist/esm/react/web/wallets/shared/locale/tl.js.map +1 -1
  245. package/dist/esm/react/web/wallets/walletConnect/locale.js +3 -3
  246. package/dist/esm/react/web/wallets/walletConnect/locale.js.map +1 -1
  247. package/dist/esm/transaction/actions/gasless/send-gasless-transaction.js +14 -4
  248. package/dist/esm/transaction/actions/gasless/send-gasless-transaction.js.map +1 -1
  249. package/dist/esm/transaction/actions/send-transaction.js +7 -0
  250. package/dist/esm/transaction/actions/send-transaction.js.map +1 -1
  251. package/dist/esm/transaction/transaction-store.js +29 -0
  252. package/dist/esm/transaction/transaction-store.js.map +1 -0
  253. package/dist/esm/version.js +1 -1
  254. package/dist/esm/wallets/in-app/web/utils/Storage/LocalStorage.js.map +1 -1
  255. package/dist/esm/wallets/wallet-connect/controller.js +7 -3
  256. package/dist/esm/wallets/wallet-connect/controller.js.map +1 -1
  257. package/dist/types/auth/verifySignature.d.ts +0 -20
  258. package/dist/types/auth/verifySignature.d.ts.map +1 -1
  259. package/dist/types/exports/extensions/erc1155.d.ts +1 -0
  260. package/dist/types/exports/extensions/erc1155.d.ts.map +1 -1
  261. package/dist/types/exports/transaction.d.ts +1 -0
  262. package/dist/types/exports/transaction.d.ts.map +1 -1
  263. package/dist/types/react/core/design-system/index.d.ts +2 -0
  264. package/dist/types/react/core/design-system/index.d.ts.map +1 -1
  265. package/dist/types/react/web/ui/ConnectWallet/ConnectButton.d.ts.map +1 -1
  266. package/dist/types/react/web/ui/ConnectWallet/ConnectButtonProps.d.ts +2 -2
  267. package/dist/types/react/web/ui/ConnectWallet/Modal/AllWalletsUI.d.ts +7 -0
  268. package/dist/types/react/web/ui/ConnectWallet/Modal/AllWalletsUI.d.ts.map +1 -1
  269. package/dist/types/react/web/ui/ConnectWallet/Modal/AnyWalletConnectUI.d.ts +20 -0
  270. package/dist/types/react/web/ui/ConnectWallet/Modal/AnyWalletConnectUI.d.ts.map +1 -1
  271. package/dist/types/react/web/ui/ConnectWallet/Modal/ConnectEmbed.d.ts.map +1 -1
  272. package/dist/types/react/web/ui/ConnectWallet/Modal/ConnectModal.d.ts +32 -0
  273. package/dist/types/react/web/ui/ConnectWallet/Modal/ConnectModal.d.ts.map +1 -1
  274. package/dist/types/react/web/ui/ConnectWallet/Modal/ConnectModalContent.d.ts +32 -0
  275. package/dist/types/react/web/ui/ConnectWallet/Modal/ConnectModalContent.d.ts.map +1 -1
  276. package/dist/types/react/web/ui/ConnectWallet/Modal/ConnectModalInline.d.ts +31 -2
  277. package/dist/types/react/web/ui/ConnectWallet/Modal/ConnectModalInline.d.ts.map +1 -1
  278. package/dist/types/react/web/ui/ConnectWallet/Modal/DeepLinkConnectUI.d.ts +2 -0
  279. package/dist/types/react/web/ui/ConnectWallet/Modal/DeepLinkConnectUI.d.ts.map +1 -1
  280. package/dist/types/react/web/ui/ConnectWallet/Modal/InjectedConnectUI.d.ts +5 -0
  281. package/dist/types/react/web/ui/ConnectWallet/Modal/InjectedConnectUI.d.ts.map +1 -1
  282. package/dist/types/react/web/ui/ConnectWallet/Modal/SmartWalletConnectUI.d.ts +20 -0
  283. package/dist/types/react/web/ui/ConnectWallet/Modal/SmartWalletConnectUI.d.ts.map +1 -1
  284. package/dist/types/react/web/ui/ConnectWallet/Modal/TOS.d.ts +2 -0
  285. package/dist/types/react/web/ui/ConnectWallet/Modal/TOS.d.ts.map +1 -1
  286. package/dist/types/react/web/ui/ConnectWallet/Modal/screen.d.ts +6 -1
  287. package/dist/types/react/web/ui/ConnectWallet/Modal/screen.d.ts.map +1 -1
  288. package/dist/types/react/web/ui/ConnectWallet/NetworkSelector.d.ts.map +1 -1
  289. package/dist/types/react/web/ui/ConnectWallet/WalletEntryButton.d.ts +6 -0
  290. package/dist/types/react/web/ui/ConnectWallet/WalletEntryButton.d.ts.map +1 -1
  291. package/dist/types/react/web/ui/ConnectWallet/WalletSelector.d.ts +25 -0
  292. package/dist/types/react/web/ui/ConnectWallet/WalletSelector.d.ts.map +1 -1
  293. package/dist/types/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.d.ts.map +1 -1
  294. package/dist/types/react/web/ui/ConnectWallet/screens/Buy/PayTokenIcon.d.ts +14 -0
  295. package/dist/types/react/web/ui/ConnectWallet/screens/Buy/PayTokenIcon.d.ts.map +1 -0
  296. package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.d.ts.map +1 -1
  297. package/dist/types/react/web/ui/ConnectWallet/screens/Buy/main/types.d.ts +9 -5
  298. package/dist/types/react/web/ui/ConnectWallet/screens/Buy/main/types.d.ts.map +1 -1
  299. package/dist/types/react/web/ui/ConnectWallet/screens/Buy/main/useBuyTxStates.d.ts +2 -3
  300. package/dist/types/react/web/ui/ConnectWallet/screens/Buy/main/useBuyTxStates.d.ts.map +1 -1
  301. package/dist/types/react/web/ui/ConnectWallet/screens/Buy/main/useEnabledPaymentMethods.d.ts +2 -2
  302. package/dist/types/react/web/ui/ConnectWallet/screens/Buy/main/useEnabledPaymentMethods.d.ts.map +1 -1
  303. package/dist/types/react/web/ui/ConnectWallet/screens/Buy/main/useUISelectionStates.d.ts +0 -2
  304. package/dist/types/react/web/ui/ConnectWallet/screens/Buy/main/useUISelectionStates.d.ts.map +1 -1
  305. package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/BuyTokenInput.d.ts.map +1 -1
  306. package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.d.ts.map +1 -1
  307. package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/PayWithCrypto.d.ts.map +1 -1
  308. package/dist/types/react/web/ui/ConnectWallet/screens/Buy/utils.d.ts +2 -0
  309. package/dist/types/react/web/ui/ConnectWallet/screens/Buy/utils.d.ts.map +1 -0
  310. package/dist/types/react/web/ui/ConnectWallet/screens/SignatureScreen.d.ts.map +1 -1
  311. package/dist/types/react/web/ui/ConnectWallet/screens/StartScreen.d.ts +13 -1
  312. package/dist/types/react/web/ui/ConnectWallet/screens/StartScreen.d.ts.map +1 -1
  313. package/dist/types/react/web/ui/ConnectWallet/screens/TokenSelector.d.ts +1 -0
  314. package/dist/types/react/web/ui/ConnectWallet/screens/TokenSelector.d.ts.map +1 -1
  315. package/dist/types/react/web/ui/ConnectWallet/useConnectModal.d.ts.map +1 -1
  316. package/dist/types/react/web/ui/PayEmbed.d.ts +1 -0
  317. package/dist/types/react/web/ui/PayEmbed.d.ts.map +1 -1
  318. package/dist/types/react/web/ui/components/ChainName.d.ts +1 -0
  319. package/dist/types/react/web/ui/components/ChainName.d.ts.map +1 -1
  320. package/dist/types/react/web/ui/components/basic.d.ts +1 -0
  321. package/dist/types/react/web/ui/components/basic.d.ts.map +1 -1
  322. package/dist/types/react/web/ui/components/buttons.d.ts +2 -1
  323. package/dist/types/react/web/ui/components/buttons.d.ts.map +1 -1
  324. package/dist/types/react/web/wallets/ecosystem/EcosystemWalletConnectUI.d.ts +16 -0
  325. package/dist/types/react/web/wallets/ecosystem/EcosystemWalletConnectUI.d.ts.map +1 -1
  326. package/dist/types/react/web/wallets/ecosystem/EcosystemWalletFormUI.d.ts +16 -2
  327. package/dist/types/react/web/wallets/ecosystem/EcosystemWalletFormUI.d.ts.map +1 -1
  328. package/dist/types/react/web/wallets/in-app/InAppWalletConnectUI.d.ts +16 -0
  329. package/dist/types/react/web/wallets/in-app/InAppWalletConnectUI.d.ts.map +1 -1
  330. package/dist/types/react/web/wallets/in-app/InAppWalletFormUI.d.ts +16 -2
  331. package/dist/types/react/web/wallets/in-app/InAppWalletFormUI.d.ts.map +1 -1
  332. package/dist/types/react/web/wallets/in-app/InAppWalletSelectionUI.d.ts +10 -0
  333. package/dist/types/react/web/wallets/in-app/InAppWalletSelectionUI.d.ts.map +1 -1
  334. package/dist/types/react/web/wallets/in-app/useInAppWalletLocale.d.ts +3 -2
  335. package/dist/types/react/web/wallets/in-app/useInAppWalletLocale.d.ts.map +1 -1
  336. package/dist/types/react/web/wallets/shared/CoinbaseSDKConnection.d.ts +6 -1
  337. package/dist/types/react/web/wallets/shared/CoinbaseSDKConnection.d.ts.map +1 -1
  338. package/dist/types/react/web/wallets/shared/ConnectWalletSocialOptions.d.ts +7 -2
  339. package/dist/types/react/web/wallets/shared/ConnectWalletSocialOptions.d.ts.map +1 -1
  340. package/dist/types/react/web/wallets/shared/ConnectingScreen.d.ts +3 -0
  341. package/dist/types/react/web/wallets/shared/ConnectingScreen.d.ts.map +1 -1
  342. package/dist/types/react/web/wallets/shared/GetStartedScreen.d.ts +2 -0
  343. package/dist/types/react/web/wallets/shared/GetStartedScreen.d.ts.map +1 -1
  344. package/dist/types/react/web/wallets/shared/OTPLoginUI.d.ts +7 -2
  345. package/dist/types/react/web/wallets/shared/OTPLoginUI.d.ts.map +1 -1
  346. package/dist/types/react/web/wallets/shared/PassKeyLogin.d.ts +5 -0
  347. package/dist/types/react/web/wallets/shared/PassKeyLogin.d.ts.map +1 -1
  348. package/dist/types/react/web/wallets/shared/SocialLogin.d.ts +7 -2
  349. package/dist/types/react/web/wallets/shared/SocialLogin.d.ts.map +1 -1
  350. package/dist/types/react/web/wallets/shared/WalletConnectConnection.d.ts +16 -0
  351. package/dist/types/react/web/wallets/shared/WalletConnectConnection.d.ts.map +1 -1
  352. package/dist/types/react/web/wallets/shared/locale/en.d.ts.map +1 -1
  353. package/dist/types/react/web/wallets/shared/locale/es.d.ts.map +1 -1
  354. package/dist/types/react/web/wallets/shared/locale/getConnectLocale.d.ts +2 -2
  355. package/dist/types/react/web/wallets/shared/locale/getConnectLocale.d.ts.map +1 -1
  356. package/dist/types/react/web/wallets/shared/locale/ja.d.ts.map +1 -1
  357. package/dist/types/react/web/wallets/shared/locale/tl.d.ts.map +1 -1
  358. package/dist/types/react/web/wallets/shared/locale/types.d.ts +1 -1
  359. package/dist/types/react/web/wallets/shared/locale/types.d.ts.map +1 -1
  360. package/dist/types/transaction/actions/gasless/send-gasless-transaction.d.ts.map +1 -1
  361. package/dist/types/transaction/actions/send-transaction.d.ts.map +1 -1
  362. package/dist/types/transaction/actions/zksync/getEip721Domain.d.ts +3 -3
  363. package/dist/types/transaction/prepare-transaction.d.ts +3 -3
  364. package/dist/types/transaction/transaction-store.d.ts +22 -0
  365. package/dist/types/transaction/transaction-store.d.ts.map +1 -0
  366. package/dist/types/version.d.ts +1 -1
  367. package/dist/types/wallets/in-app/web/utils/Storage/LocalStorage.d.ts.map +1 -1
  368. package/package.json +4 -1
  369. package/src/auth/verifySignature.ts +16 -1
  370. package/src/exports/extensions/erc1155.ts +4 -0
  371. package/src/exports/transaction.ts +1 -0
  372. package/src/extensions/airdrop/write/airdropERC1155WithSignature.test.ts +8 -9
  373. package/src/extensions/airdrop/write/airdropERC20WithSignature.test.ts +9 -10
  374. package/src/extensions/airdrop/write/airdropERC721WithSignature.test.ts +5 -5
  375. package/src/extensions/airdrop/write/claimERC1155.test.ts +6 -6
  376. package/src/extensions/airdrop/write/claimERC20.test.ts +7 -7
  377. package/src/extensions/airdrop/write/claimERC721.test.ts +6 -6
  378. package/src/react/core/design-system/index.ts +2 -0
  379. package/src/react/web/ui/ConnectWallet/ConnectButton.tsx +35 -33
  380. package/src/react/web/ui/ConnectWallet/ConnectButtonProps.ts +2 -2
  381. package/src/react/web/ui/ConnectWallet/Modal/AllWalletsUI.tsx +13 -6
  382. package/src/react/web/ui/ConnectWallet/Modal/AnyWalletConnectUI.tsx +58 -4
  383. package/src/react/web/ui/ConnectWallet/Modal/ConnectEmbed.tsx +97 -38
  384. package/src/react/web/ui/ConnectWallet/Modal/ConnectModal.tsx +56 -4
  385. package/src/react/web/ui/ConnectWallet/Modal/ConnectModalContent.tsx +98 -30
  386. package/src/react/web/ui/ConnectWallet/Modal/ConnectModalInline.tsx +100 -15
  387. package/src/react/web/ui/ConnectWallet/Modal/DeepLinkConnectUI.tsx +3 -5
  388. package/src/react/web/ui/ConnectWallet/Modal/InjectedConnectUI.tsx +10 -5
  389. package/src/react/web/ui/ConnectWallet/Modal/SmartWalletConnectUI.tsx +43 -10
  390. package/src/react/web/ui/ConnectWallet/Modal/TOS.tsx +3 -3
  391. package/src/react/web/ui/ConnectWallet/Modal/screen.tsx +10 -12
  392. package/src/react/web/ui/ConnectWallet/NetworkSelector.tsx +2 -1
  393. package/src/react/web/ui/ConnectWallet/WalletEntryButton.tsx +14 -6
  394. package/src/react/web/ui/ConnectWallet/WalletSelector.tsx +112 -33
  395. package/src/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.tsx +411 -204
  396. package/src/react/web/ui/ConnectWallet/screens/Buy/PayTokenIcon.tsx +45 -0
  397. package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/CurrencySelection.tsx +1 -1
  398. package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.tsx +7 -3
  399. package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.tsx +12 -12
  400. package/src/react/web/ui/ConnectWallet/screens/Buy/main/types.ts +14 -5
  401. package/src/react/web/ui/ConnectWallet/screens/Buy/main/useBuyTxStates.ts +6 -15
  402. package/src/react/web/ui/ConnectWallet/screens/Buy/main/useEnabledPaymentMethods.ts +3 -28
  403. package/src/react/web/ui/ConnectWallet/screens/Buy/main/useUISelectionStates.ts +2 -3
  404. package/src/react/web/ui/ConnectWallet/screens/Buy/swap/BuyTokenInput.tsx +4 -6
  405. package/src/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.tsx +2 -2
  406. package/src/react/web/ui/ConnectWallet/screens/Buy/swap/PayWithCrypto.tsx +2 -2
  407. package/src/react/web/ui/ConnectWallet/screens/Buy/tx-history/BuyTxHistoryButton.tsx +2 -2
  408. package/src/react/web/ui/ConnectWallet/screens/Buy/tx-history/TokenInfoRow.tsx +2 -2
  409. package/src/react/web/ui/ConnectWallet/screens/Buy/utils.ts +3 -0
  410. package/src/react/web/ui/ConnectWallet/screens/SignatureScreen.tsx +2 -3
  411. package/src/react/web/ui/ConnectWallet/screens/StartScreen.tsx +23 -14
  412. package/src/react/web/ui/ConnectWallet/screens/TokenSelector.tsx +5 -1
  413. package/src/react/web/ui/ConnectWallet/useConnectModal.tsx +44 -39
  414. package/src/react/web/ui/PayEmbed-disconnected.test.tsx +15 -0
  415. package/src/react/web/ui/PayEmbed.test.tsx +33 -6
  416. package/src/react/web/ui/PayEmbed.tsx +3 -0
  417. package/src/react/web/ui/components/ChainName.tsx +18 -1
  418. package/src/react/web/ui/components/basic.tsx +2 -1
  419. package/src/react/web/ui/components/buttons.tsx +8 -0
  420. package/src/react/web/wallets/ecosystem/EcosystemWalletConnectUI.tsx +33 -5
  421. package/src/react/web/wallets/ecosystem/EcosystemWalletFormUI.tsx +25 -12
  422. package/src/react/web/wallets/in-app/InAppWalletConnectUI.tsx +34 -6
  423. package/src/react/web/wallets/in-app/InAppWalletFormUI.tsx +44 -23
  424. package/src/react/web/wallets/in-app/InAppWalletSelectionUI.tsx +20 -6
  425. package/src/react/web/wallets/in-app/useInAppWalletLocale.ts +10 -7
  426. package/src/react/web/wallets/shared/CoinbaseSDKConnection.tsx +12 -9
  427. package/src/react/web/wallets/shared/ConnectWalletSocialOptions.tsx +14 -11
  428. package/src/react/web/wallets/shared/ConnectingScreen.tsx +7 -5
  429. package/src/react/web/wallets/shared/GetStartedScreen.tsx +7 -4
  430. package/src/react/web/wallets/shared/OTPLoginUI.tsx +15 -12
  431. package/src/react/web/wallets/shared/PassKeyLogin.tsx +5 -4
  432. package/src/react/web/wallets/shared/SocialLogin.tsx +11 -8
  433. package/src/react/web/wallets/shared/WalletConnectConnection.tsx +48 -27
  434. package/src/react/web/wallets/shared/locale/en.ts +2 -2
  435. package/src/react/web/wallets/shared/locale/es.ts +2 -2
  436. package/src/react/web/wallets/shared/locale/getConnectLocale.ts +3 -3
  437. package/src/react/web/wallets/shared/locale/ja.ts +2 -2
  438. package/src/react/web/wallets/shared/locale/tl.ts +2 -2
  439. package/src/react/web/wallets/shared/locale/types.ts +1 -1
  440. package/src/react/web/wallets/walletConnect/locale.ts +3 -3
  441. package/src/rpc/actions/eth_getLogs.test.ts +3 -2
  442. package/src/transaction/actions/gasless/send-gasless-transaction.ts +15 -4
  443. package/src/transaction/actions/send-transaction.test.ts +22 -1
  444. package/src/transaction/actions/send-transaction.ts +7 -0
  445. package/src/transaction/actions/zksync/getEip721Domain.ts +4 -4
  446. package/src/transaction/prepare-transaction.ts +3 -3
  447. package/src/transaction/transaction-store.test.ts +51 -0
  448. package/src/transaction/transaction-store.ts +46 -0
  449. package/src/version.ts +1 -1
  450. package/src/wallets/in-app/web/utils/Storage/LocalStorage.ts +4 -1
  451. package/src/wallets/wallet-connect/controller.ts +8 -3
  452. package/dist/cjs/react/core/hooks/others/useWalletConnectionCtx.js +0 -16
  453. package/dist/cjs/react/core/hooks/others/useWalletConnectionCtx.js.map +0 -1
  454. package/dist/cjs/react/core/providers/wallet-connection.js +0 -7
  455. package/dist/cjs/react/core/providers/wallet-connection.js.map +0 -1
  456. package/dist/cjs/react/web/ui/ConnectWallet/icons/CryptoIcon.js +0 -12
  457. package/dist/cjs/react/web/ui/ConnectWallet/icons/CryptoIcon.js.map +0 -1
  458. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/PaymentSelection.js +0 -44
  459. package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/PaymentSelection.js.map +0 -1
  460. package/dist/esm/react/core/hooks/others/useWalletConnectionCtx.js +0 -13
  461. package/dist/esm/react/core/hooks/others/useWalletConnectionCtx.js.map +0 -1
  462. package/dist/esm/react/core/providers/wallet-connection.js +0 -4
  463. package/dist/esm/react/core/providers/wallet-connection.js.map +0 -1
  464. package/dist/esm/react/web/ui/ConnectWallet/icons/CryptoIcon.js +0 -8
  465. package/dist/esm/react/web/ui/ConnectWallet/icons/CryptoIcon.js.map +0 -1
  466. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/PaymentSelection.js +0 -41
  467. package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/PaymentSelection.js.map +0 -1
  468. package/dist/types/react/core/hooks/others/useWalletConnectionCtx.d.ts +0 -29
  469. package/dist/types/react/core/hooks/others/useWalletConnectionCtx.d.ts.map +0 -1
  470. package/dist/types/react/core/providers/wallet-connection.d.ts +0 -35
  471. package/dist/types/react/core/providers/wallet-connection.d.ts.map +0 -1
  472. package/dist/types/react/web/ui/ConnectWallet/icons/CryptoIcon.d.ts +0 -6
  473. package/dist/types/react/web/ui/ConnectWallet/icons/CryptoIcon.d.ts.map +0 -1
  474. package/dist/types/react/web/ui/ConnectWallet/screens/Buy/PaymentSelection.d.ts +0 -8
  475. package/dist/types/react/web/ui/ConnectWallet/screens/Buy/PaymentSelection.d.ts.map +0 -1
  476. package/src/react/core/hooks/others/useWalletConnectionCtx.ts +0 -15
  477. package/src/react/core/providers/wallet-connection.tsx +0 -37
  478. package/src/react/web/ui/ConnectWallet/icons/CryptoIcon.tsx +0 -50
  479. package/src/react/web/ui/ConnectWallet/screens/Buy/PaymentSelection.tsx +0 -72
@@ -1,9 +1,9 @@
1
1
  "use client";
2
2
  import { createContext, useContext, useEffect, useRef, useState } from "react";
3
3
  import type { Wallet } from "../../../../../wallets/interfaces/wallet.js";
4
- import { useConnectUI } from "../../../../core/hooks/others/useWalletConnectionCtx.js";
5
4
  import { useActiveAccount } from "../../../hooks/wallets/useActiveAccount.js";
6
5
  import { reservedScreens } from "../constants.js";
6
+ import type { WelcomeScreen } from "../screens/types.js";
7
7
 
8
8
  type Screen = string | Wallet;
9
9
 
@@ -20,22 +20,20 @@ export const ScreenSetupContext = /* @__PURE__ */ createContext<
20
20
  /**
21
21
  * @internal
22
22
  */
23
- export function useSetupScreen() {
24
- const { wallets, connectModal } = useConnectUI();
25
-
23
+ export function useSetupScreen(props: {
24
+ wallets: Wallet[];
25
+ size: "compact" | "wide";
26
+ welcomeScreen: WelcomeScreen | undefined;
27
+ }) {
26
28
  let initialScreen: Screen = reservedScreens.main;
27
29
 
28
- const socialLogin = wallets.find(
30
+ const socialLogin = props.wallets.find(
29
31
  (w) => w.id === "embedded" || w.id === "inApp",
30
32
  );
31
33
 
32
- if (wallets.length === 1 && wallets[0]) {
33
- initialScreen = wallets[0];
34
- } else if (
35
- connectModal.size === "wide" &&
36
- !connectModal.welcomeScreen &&
37
- socialLogin
38
- ) {
34
+ if (props.wallets.length === 1 && props.wallets[0]) {
35
+ initialScreen = props.wallets[0];
36
+ } else if (props.size === "wide" && !props.welcomeScreen && socialLogin) {
39
37
  initialScreen = socialLogin;
40
38
  }
41
39
 
@@ -452,6 +452,7 @@ function NetworkSelectorContentInner(
452
452
  renderChain={props.networkSelector?.renderChain}
453
453
  connectLocale={connectLocale}
454
454
  client={props.client}
455
+ close={props.closeModal}
455
456
  />
456
457
  </Container>
457
458
  {onCustomClick && (
@@ -725,7 +726,7 @@ export const ChainButton = /* @__PURE__ */ memo(function ChainButton(props: {
725
726
  }}
726
727
  >
727
728
  {chainName}
728
- <Container animate="fadein" flex="row" gap="xs">
729
+ <Container animate="fadein" flex="row" gap="xxs" center="y">
729
730
  {confirming && (
730
731
  <>
731
732
  <Text size="xs" color="accentText">
@@ -1,5 +1,7 @@
1
1
  "use client";
2
+ import type { ThirdwebClient } from "../../../../client/client.js";
2
3
  import { getInstalledWalletProviders } from "../../../../wallets/injected/mipdStore.js";
4
+ import type { Wallet } from "../../../../wallets/interfaces/wallet.js";
3
5
  import type { WalletId } from "../../../../wallets/wallet-types.js";
4
6
  import { useCustomTheme } from "../../../core/design-system/CustomThemeProvider.js";
5
7
  import {
@@ -8,7 +10,6 @@ import {
8
10
  radius,
9
11
  spacing,
10
12
  } from "../../../core/design-system/index.js";
11
- import { useConnectUI } from "../../../core/hooks/others/useWalletConnectionCtx.js";
12
13
  import { Skeleton } from "../components/Skeleton.js";
13
14
  import { WalletImage } from "../components/WalletImage.js";
14
15
  import { Container } from "../components/basic.js";
@@ -16,6 +17,7 @@ import { Text } from "../components/text.js";
16
17
  import { StyledButton } from "../design-system/elements.js";
17
18
  import { useWalletInfo } from "../hooks/useWalletInfo.js";
18
19
  import { useScreenContext } from "./Modal/screen.js";
20
+ import type { ConnectLocale } from "./locale/types.js";
19
21
 
20
22
  /**
21
23
  * @internal
@@ -23,10 +25,14 @@ import { useScreenContext } from "./Modal/screen.js";
23
25
  export function WalletEntryButton(props: {
24
26
  walletId: WalletId;
25
27
  selectWallet: () => void;
28
+ connectLocale: ConnectLocale;
29
+ recommendedWallets: Wallet[] | undefined;
30
+ client: ThirdwebClient;
26
31
  }) {
27
32
  const { walletId, selectWallet } = props;
28
- const { connectLocale, recommendedWallets, client } = useConnectUI();
29
- const isRecommended = recommendedWallets?.find((w) => w.id === walletId);
33
+ const isRecommended = props.recommendedWallets?.find(
34
+ (w) => w.id === walletId,
35
+ );
30
36
  const { screen } = useScreenContext();
31
37
  const walletInfo = useWalletInfo(walletId);
32
38
 
@@ -46,7 +52,7 @@ export function WalletEntryButton(props: {
46
52
  screen && typeof screen === "object" && screen.id === walletId
47
53
  }
48
54
  >
49
- <WalletImage id={walletId} size={iconSize.xl} client={client} />
55
+ <WalletImage id={walletId} size={iconSize.xl} client={props.client} />
50
56
 
51
57
  <Container flex="column" gap="xxs" expand>
52
58
  {walletName ? (
@@ -57,10 +63,12 @@ export function WalletEntryButton(props: {
57
63
  <Skeleton width="100px" height={fontSize.md} />
58
64
  )}
59
65
 
60
- {isRecommended && <Text size="sm">{connectLocale.recommended}</Text>}
66
+ {isRecommended && (
67
+ <Text size="sm">{props.connectLocale.recommended}</Text>
68
+ )}
61
69
 
62
70
  {!isRecommended && isInstalled && (
63
- <Text size="sm">{connectLocale.installed}</Text>
71
+ <Text size="sm">{props.connectLocale.installed}</Text>
64
72
  )}
65
73
  </Container>
66
74
  </WalletButton>
@@ -1,10 +1,13 @@
1
1
  "use client";
2
2
  import { ChevronLeftIcon } from "@radix-ui/react-icons";
3
3
  import { Suspense, lazy, useEffect, useRef, useState } from "react";
4
+ import type { Chain } from "../../../../chains/types.js";
5
+ import type { ThirdwebClient } from "../../../../client/client.js";
4
6
  import type { InjectedSupportedWalletIds } from "../../../../wallets/__generated__/wallet-ids.js";
5
7
  import { createWallet } from "../../../../wallets/create-wallet.js";
6
8
  import { getInstalledWalletProviders } from "../../../../wallets/injected/mipdStore.js";
7
9
  import type { Wallet } from "../../../../wallets/interfaces/wallet.js";
10
+ import type { SmartWalletOptions } from "../../../../wallets/smart/types.js";
8
11
  import type { WalletId } from "../../../../wallets/wallet-types.js";
9
12
  import { useCustomTheme } from "../../../core/design-system/CustomThemeProvider.js";
10
13
  import {
@@ -13,8 +16,6 @@ import {
13
16
  radius,
14
17
  spacing,
15
18
  } from "../../../core/design-system/index.js";
16
- // import { localWalletMetadata } from "../../../../wallets/local/index._ts";
17
- import { useConnectUI } from "../../../core/hooks/others/useWalletConnectionCtx.js";
18
19
  import { sortWallets } from "../../utils/sortWallets.js";
19
20
  import { LoadingScreen } from "../../wallets/shared/LoadingScreen.js";
20
21
  import { Img } from "../components/Img.js";
@@ -32,6 +33,7 @@ import { ModalTitle } from "../components/modalElements.js";
32
33
  import { Link } from "../components/text.js";
33
34
  import { Text } from "../components/text.js";
34
35
  import { StyledDiv, StyledUl } from "../design-system/elements.js";
36
+ import type { LocaleId } from "../types.js";
35
37
  import { SmartConnectUI } from "./Modal/SmartWalletConnectUI.js";
36
38
  import { TOS } from "./Modal/TOS.js";
37
39
  import { PoweredByThirdweb } from "./PoweredByTW.js";
@@ -39,6 +41,7 @@ import { WalletButton, WalletEntryButton } from "./WalletEntryButton.js";
39
41
  import { WalletTypeRowButton } from "./WalletTypeRowButton.js";
40
42
  import { compactModalMaxHeight } from "./constants.js";
41
43
  import { genericWalletIcon } from "./icons/dataUris.js";
44
+ import type { ConnectLocale } from "./locale/types.js";
42
45
 
43
46
  const InAppWalletSelectionUI = /* @__PURE__ */ lazy(
44
47
  () => import("../../wallets/in-app/InAppWalletSelectionUI.js"),
@@ -56,27 +59,56 @@ type WalletSelectorProps = {
56
59
  goBack?: () => void;
57
60
  onShowAll: () => void;
58
61
  setModalVisibility: (value: boolean) => void;
62
+ accountAbstraction?: SmartWalletOptions;
63
+ size: "compact" | "wide";
64
+ meta: {
65
+ title?: string;
66
+ titleIconUrl?: string;
67
+ showThirdwebBranding?: boolean;
68
+ termsOfServiceUrl?: string;
69
+ privacyPolicyUrl?: string;
70
+ };
71
+ client: ThirdwebClient;
72
+ connectLocale: ConnectLocale;
73
+ recommendedWallets: Wallet[] | undefined;
74
+ isEmbed: boolean;
75
+ localeId: LocaleId;
76
+ chain: Chain | undefined;
77
+ chains: Chain[] | undefined;
78
+ showAllWallets: boolean | undefined;
79
+ walletConnect:
80
+ | {
81
+ projectId?: string;
82
+ }
83
+ | undefined;
59
84
  };
60
85
 
61
86
  /**
62
87
  * @internal
63
88
  */
64
89
  export function WalletSelector(props: WalletSelectorProps) {
65
- const { accountAbstraction } = useConnectUI();
66
90
  const [personalWallet, setPersonalWallet] = useState<Wallet | null>(null);
67
91
 
68
- if (!accountAbstraction) {
92
+ if (!props.accountAbstraction) {
69
93
  return <WalletSelectorInner {...props} />;
70
94
  }
71
95
 
72
96
  if (personalWallet) {
73
97
  return (
74
98
  <SmartConnectUI
75
- accountAbstraction={accountAbstraction}
99
+ accountAbstraction={props.accountAbstraction}
76
100
  done={props.done}
77
101
  personalWallet={personalWallet}
78
102
  setModalVisibility={props.setModalVisibility}
79
103
  onBack={props.goBack}
104
+ meta={props.meta}
105
+ size={props.size}
106
+ localeId={props.localeId}
107
+ chain={props.chain}
108
+ chains={props.chains}
109
+ client={props.client}
110
+ walletConnect={props.walletConnect}
111
+ connectLocale={props.connectLocale}
80
112
  />
81
113
  );
82
114
  }
@@ -95,8 +127,7 @@ export function WalletSelector(props: WalletSelectorProps) {
95
127
  * @internal
96
128
  */
97
129
  const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
98
- const { connectModal, isEmbed, client } = useConnectUI();
99
- const isCompact = connectModal.size === "compact";
130
+ const isCompact = props.size === "compact";
100
131
  const [isWalletGroupExpanded, setIsWalletGroupExpanded] = useState(false);
101
132
 
102
133
  const installedWallets = getInstalledWallets();
@@ -109,8 +140,6 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
109
140
  }
110
141
  }
111
142
 
112
- const { connectLocale: locale, recommendedWallets } = useConnectUI();
113
-
114
143
  const localWalletConfig = false; // _wallets.find((w) => w.id === localWalletId);
115
144
 
116
145
  const nonLocalWalletConfigs = _wallets; // _wallets.filter((w) => w.id !== localWalletId);
@@ -121,7 +150,7 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
121
150
 
122
151
  const eoaWallets = sortWallets(
123
152
  nonLocalWalletConfigs.filter((w) => w.id !== inAppWalletId),
124
- recommendedWallets,
153
+ props.recommendedWallets,
125
154
  );
126
155
 
127
156
  const continueAsGuest = localWalletConfig && (
@@ -141,7 +170,7 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
141
170
  }}
142
171
  data-test="continue-as-guest-button"
143
172
  >
144
- {locale.continueAsGuest}
173
+ {props.connectLocale.continueAsGuest}
145
174
  </Button>
146
175
  );
147
176
 
@@ -155,12 +184,12 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
155
184
 
156
185
  const twTitle = (
157
186
  <Container gap="xxs" center="y" flex="row">
158
- {!connectModal.titleIcon ? null : (
187
+ {!props.meta.titleIconUrl ? null : (
159
188
  <Img
160
- src={connectModal.titleIcon}
189
+ src={props.meta.titleIconUrl}
161
190
  width={iconSize.md}
162
191
  height={iconSize.md}
163
- client={client}
192
+ client={props.client}
164
193
  />
165
194
  )}
166
195
 
@@ -177,12 +206,12 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
177
206
 
178
207
  const connectAWallet = (
179
208
  <WalletTypeRowButton
180
- client={client}
209
+ client={props.client}
181
210
  icon={genericWalletIcon}
182
211
  onClick={() => {
183
212
  setIsWalletGroupExpanded(true);
184
213
  }}
185
- title={locale.connectAWallet}
214
+ title={props.connectLocale.connectAWallet}
186
215
  />
187
216
  );
188
217
 
@@ -194,7 +223,7 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
194
223
  }}
195
224
  >
196
225
  <Text color="secondaryText" size="sm" weight={500}>
197
- {locale.newToWallets}
226
+ {props.connectLocale.newToWallets}
198
227
  </Text>
199
228
  <Link
200
229
  weight={500}
@@ -202,16 +231,17 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
202
231
  target="_blank"
203
232
  href="https://blog.thirdweb.com/web3-wallet/"
204
233
  >
205
- {locale.getStarted}
234
+ {props.connectLocale.getStarted}
206
235
  </Link>
207
236
  </Container>
208
237
  );
209
238
 
210
239
  const tos =
211
- connectModal.termsOfServiceUrl || connectModal.privacyPolicyUrl ? (
240
+ props.meta.termsOfServiceUrl || props.meta.privacyPolicyUrl ? (
212
241
  <TOS
213
- termsOfServiceUrl={connectModal.termsOfServiceUrl}
214
- privacyPolicyUrl={connectModal.privacyPolicyUrl}
242
+ termsOfServiceUrl={props.meta.termsOfServiceUrl}
243
+ privacyPolicyUrl={props.meta.privacyPolicyUrl}
244
+ locale={props.connectLocale.agreement}
215
245
  />
216
246
  ) : undefined;
217
247
 
@@ -227,6 +257,13 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
227
257
  done={props.done}
228
258
  goBack={props.goBack}
229
259
  onShowAll={props.onShowAll}
260
+ client={props.client}
261
+ connectLocale={props.connectLocale}
262
+ size={props.size}
263
+ recommendedWallets={props.recommendedWallets}
264
+ chain={props.chain}
265
+ showAllWallets={props.showAllWallets}
266
+ localeId={props.localeId}
230
267
  />
231
268
  );
232
269
 
@@ -248,6 +285,13 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
248
285
  done={props.done}
249
286
  goBack={props.goBack}
250
287
  onShowAll={props.onShowAll}
288
+ client={props.client}
289
+ connectLocale={props.connectLocale}
290
+ size={props.size}
291
+ recommendedWallets={props.recommendedWallets}
292
+ chain={props.chain}
293
+ showAllWallets={props.showAllWallets}
294
+ localeId={props.localeId}
251
295
  />
252
296
  );
253
297
 
@@ -285,10 +329,17 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
285
329
  selectWallet={handleSelect}
286
330
  done={props.done}
287
331
  goBack={props.goBack}
332
+ client={props.client}
333
+ connectLocale={props.connectLocale}
334
+ size={props.size}
335
+ recommendedWallets={props.recommendedWallets}
336
+ chain={props.chain}
337
+ showAllWallets={props.showAllWallets}
338
+ localeId={props.localeId}
288
339
  />
289
340
  {eoaWallets.length > 0 && (
290
341
  <>
291
- <TextDivider text={locale.or} />
342
+ <TextDivider text={props.connectLocale.or} />
292
343
  <Spacer y="lg" />
293
344
  </>
294
345
  )}
@@ -349,6 +400,13 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
349
400
  done={props.done}
350
401
  goBack={props.goBack}
351
402
  onShowAll={props.onShowAll}
403
+ client={props.client}
404
+ connectLocale={props.connectLocale}
405
+ size={props.size}
406
+ recommendedWallets={props.recommendedWallets}
407
+ chain={props.chain}
408
+ showAllWallets={props.showAllWallets}
409
+ localeId={props.localeId}
352
410
  />
353
411
  </Container>
354
412
 
@@ -381,6 +439,13 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
381
439
  done={props.done}
382
440
  goBack={props.goBack}
383
441
  onShowAll={props.onShowAll}
442
+ client={props.client}
443
+ connectLocale={props.connectLocale}
444
+ size={props.size}
445
+ recommendedWallets={props.recommendedWallets}
446
+ chain={props.chain}
447
+ showAllWallets={props.showAllWallets}
448
+ localeId={props.localeId}
384
449
  />
385
450
  );
386
451
 
@@ -398,12 +463,11 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
398
463
  animate="fadein"
399
464
  fullHeight
400
465
  style={{
401
- maxHeight:
402
- connectModal.size === "compact" ? compactModalMaxHeight : undefined,
466
+ maxHeight: props.size === "compact" ? compactModalMaxHeight : undefined,
403
467
  }}
404
468
  >
405
469
  {/* Header */}
406
- {!isEmbed && (
470
+ {!props.isEmbed && (
407
471
  <Container p="lg">
408
472
  {isWalletGroupExpanded ? (
409
473
  <ModalHeader
@@ -424,7 +488,7 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
424
488
  scrollY
425
489
  px="md"
426
490
  style={
427
- isEmbed
491
+ props.isEmbed
428
492
  ? {
429
493
  paddingTop: spacing.lg,
430
494
  }
@@ -433,7 +497,7 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
433
497
  }
434
498
  }
435
499
  >
436
- {isEmbed && isWalletGroupExpanded && (
500
+ {props.isEmbed && isWalletGroupExpanded && (
437
501
  <Container
438
502
  flex="row"
439
503
  center="y"
@@ -454,7 +518,7 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
454
518
  }}
455
519
  >
456
520
  <ChevronLeftIcon width={iconSize.sm} height={iconSize.sm} />
457
- {locale.goBackButton}
521
+ {props.connectLocale.goBackButton}
458
522
  </IconButton>
459
523
  </Container>
460
524
  )}
@@ -463,7 +527,7 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
463
527
  </Container>
464
528
 
465
529
  {bottomSection}
466
- {isCompact && connectModal.showThirdwebBranding !== false && (
530
+ {isCompact && props.meta.showThirdwebBranding !== false && (
467
531
  <Container py="md">
468
532
  <PoweredByThirdweb />
469
533
  </Container>
@@ -496,9 +560,15 @@ const WalletSelection: React.FC<{
496
560
  done: (wallet: Wallet) => void;
497
561
  goBack?: () => void;
498
562
  onShowAll?: () => void;
563
+ recommendedWallets: Wallet[] | undefined;
564
+ showAllWallets: boolean | undefined;
565
+ size: "compact" | "wide";
566
+ connectLocale: ConnectLocale;
567
+ client: ThirdwebClient;
568
+ chain: Chain | undefined;
569
+ localeId: LocaleId;
499
570
  }> = (props) => {
500
- const { recommendedWallets, showAllWallets, connectModal } = useConnectUI();
501
- const wallets = sortWallets(props.wallets, recommendedWallets);
571
+ const wallets = sortWallets(props.wallets, props.recommendedWallets);
502
572
 
503
573
  return (
504
574
  <WalletList
@@ -512,13 +582,19 @@ const WalletSelection: React.FC<{
512
582
  key={wallet.id}
513
583
  // data-full-width={!!walletConfig.selectUI}
514
584
  >
515
- {wallet.id === "inApp" && connectModal.size === "compact" ? (
585
+ {wallet.id === "inApp" && props.size === "compact" ? (
516
586
  <Suspense fallback={<LoadingScreen height="195px" />}>
517
587
  <InAppWalletSelectionUI
518
588
  done={() => props.done(wallet)}
519
589
  select={() => props.selectWallet(wallet)}
520
590
  wallet={wallet as Wallet<"inApp">}
521
591
  goBack={props.goBack}
592
+ client={props.client}
593
+ connectLocale={props.connectLocale}
594
+ size={props.size}
595
+ recommendedWallets={props.recommendedWallets}
596
+ chain={props.chain}
597
+ localeId={props.localeId}
522
598
  />
523
599
  </Suspense>
524
600
  ) : (
@@ -527,13 +603,16 @@ const WalletSelection: React.FC<{
527
603
  selectWallet={() => {
528
604
  props.selectWallet(wallet);
529
605
  }}
606
+ connectLocale={props.connectLocale}
607
+ client={props.client}
608
+ recommendedWallets={props.recommendedWallets}
530
609
  />
531
610
  )}
532
611
  </li>
533
612
  );
534
613
  })}
535
614
 
536
- {props.onShowAll && showAllWallets !== false && (
615
+ {props.onShowAll && props.showAllWallets !== false && (
537
616
  <ButtonContainer>
538
617
  <WalletButton onClick={props.onShowAll}>
539
618
  <ShowAllWalletsIcon>