thirdweb 5.30.0-nightly-e7434891354f351d2a399daebdddae9cf1fc817b-20240623000619 → 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,16 +1,24 @@
1
1
  "use client";
2
2
  import { Suspense, lazy, useCallback } from "react";
3
+ import type { Chain } from "../../../../../chains/types.js";
4
+ import type { ThirdwebClient } from "../../../../../client/client.js";
3
5
  import type { Wallet } from "../../../../../wallets/interfaces/wallet.js";
4
- import { useSiweAuth } from "../../../../core/hooks/auth/useSiweAuth.js";
5
- import { useConnectUI } from "../../../../core/hooks/others/useWalletConnectionCtx.js";
6
+ import type { SmartWalletOptions } from "../../../../../wallets/smart/types.js";
7
+ import {
8
+ type SiweAuthOptions,
9
+ useSiweAuth,
10
+ } from "../../../../core/hooks/auth/useSiweAuth.js";
6
11
  import { useActiveWallet } from "../../../hooks/wallets/useActiveWallet.js";
7
12
  import { useSetActiveWallet } from "../../../hooks/wallets/useSetActiveWallet.js";
8
13
  import { useSetSelectionData } from "../../../providers/wallet-ui-states-provider.js";
9
14
  import { LoadingScreen } from "../../../wallets/shared/LoadingScreen.js";
15
+ import type { LocaleId } from "../../types.js";
10
16
  import { WalletSelector } from "../WalletSelector.js";
11
17
  import { onModalUnmount, reservedScreens } from "../constants.js";
18
+ import type { ConnectLocale } from "../locale/types.js";
12
19
  import { SignatureScreen } from "../screens/SignatureScreen.js";
13
20
  import { StartScreen } from "../screens/StartScreen.js";
21
+ import type { WelcomeScreen } from "../screens/types.js";
14
22
  import { AnyWalletConnectUI } from "./AnyWalletConnectUI.js";
15
23
  import {
16
24
  ConnectModalCompactLayout,
@@ -30,23 +38,40 @@ export const ConnectModalContent = (props: {
30
38
  isOpen: boolean;
31
39
  setModalVisibility: (value: boolean) => void;
32
40
  shouldSetActive: boolean;
41
+ wallets: Wallet[];
42
+ accountAbstraction: SmartWalletOptions | undefined;
43
+ auth: SiweAuthOptions | undefined;
44
+ onConnect: ((wallet: Wallet) => void) | undefined;
45
+ size: "compact" | "wide";
46
+ meta: {
47
+ title?: string;
48
+ titleIconUrl?: string;
49
+ showThirdwebBranding?: boolean;
50
+ termsOfServiceUrl?: string;
51
+ privacyPolicyUrl?: string;
52
+ };
53
+ welcomeScreen: WelcomeScreen | undefined;
54
+ connectLocale: ConnectLocale;
55
+ client: ThirdwebClient;
56
+ isEmbed: boolean;
57
+ recommendedWallets: Wallet[] | undefined;
58
+ localeId: LocaleId;
59
+ chain: Chain | undefined;
60
+ chains: Chain[] | undefined;
61
+ showAllWallets: boolean | undefined;
62
+ walletConnect:
63
+ | {
64
+ projectId?: string;
65
+ }
66
+ | undefined;
33
67
  }) => {
34
68
  const { setModalVisibility, onClose, shouldSetActive } = props;
35
69
  const { screen, setScreen, initialScreen } = props.screenSetup;
36
- const {
37
- wallets,
38
- accountAbstraction,
39
- auth,
40
- onConnect,
41
- connectModal,
42
- connectLocale,
43
- client,
44
- } = useConnectUI();
45
70
  const setActiveWallet = useSetActiveWallet();
46
71
  const setSelectionData = useSetSelectionData();
47
72
 
48
73
  const activeWallet = useActiveWallet();
49
- const siweAuth = useSiweAuth(activeWallet, auth);
74
+ const siweAuth = useSiweAuth(activeWallet, props.auth);
50
75
  const showSignatureScreen = siweAuth.requiresAuth && !siweAuth.isLoggedIn;
51
76
 
52
77
  const handleConnected = useCallback(
@@ -55,8 +80,8 @@ export const ConnectModalContent = (props: {
55
80
  setActiveWallet(wallet);
56
81
  }
57
82
 
58
- if (onConnect) {
59
- onConnect(wallet);
83
+ if (props.onConnect) {
84
+ props.onConnect(wallet);
60
85
  }
61
86
 
62
87
  onModalUnmount(() => {
@@ -74,7 +99,7 @@ export const ConnectModalContent = (props: {
74
99
  [
75
100
  setModalVisibility,
76
101
  onClose,
77
- onConnect,
102
+ props.onConnect,
78
103
  setActiveWallet,
79
104
  showSignatureScreen,
80
105
  setScreen,
@@ -89,8 +114,8 @@ export const ConnectModalContent = (props: {
89
114
 
90
115
  const walletList = (
91
116
  <WalletSelector
92
- title={connectModal.title || connectLocale.defaultModalTitle}
93
- wallets={wallets}
117
+ title={props.meta.title || props.connectLocale.defaultModalTitle}
118
+ wallets={props.wallets}
94
119
  onGetStarted={() => {
95
120
  setScreen(reservedScreens.getStarted);
96
121
  }}
@@ -108,33 +133,68 @@ export const ConnectModalContent = (props: {
108
133
  setScreen(reservedScreens.showAll);
109
134
  }}
110
135
  done={handleConnected}
111
- goBack={wallets.length > 1 ? handleBack : undefined}
136
+ goBack={props.wallets.length > 1 ? handleBack : undefined}
112
137
  setModalVisibility={setModalVisibility}
138
+ client={props.client}
139
+ connectLocale={props.connectLocale}
140
+ isEmbed={props.isEmbed}
141
+ recommendedWallets={props.recommendedWallets}
142
+ accountAbstraction={props.accountAbstraction}
143
+ localeId={props.localeId}
144
+ chain={props.chain}
145
+ showAllWallets={props.showAllWallets}
146
+ chains={props.chains}
147
+ walletConnect={props.walletConnect}
148
+ meta={props.meta}
149
+ size={props.size}
113
150
  />
114
151
  );
115
152
 
116
153
  const showAll = (
117
154
  <Suspense fallback={<LoadingScreen />}>
118
- <AllWalletsUI onBack={handleBack} onSelect={setScreen} />
155
+ <AllWalletsUI
156
+ onBack={handleBack}
157
+ onSelect={setScreen}
158
+ client={props.client}
159
+ connectLocale={props.connectLocale}
160
+ recommendedWallets={props.recommendedWallets}
161
+ specifiedWallets={props.wallets}
162
+ size={props.size}
163
+ />
119
164
  </Suspense>
120
165
  );
121
166
 
122
- const getStarted = <StartScreen />;
167
+ const getStarted = (
168
+ <StartScreen
169
+ client={props.client}
170
+ connectLocale={props.connectLocale}
171
+ meta={props.meta}
172
+ welcomeScreen={props.welcomeScreen}
173
+ />
174
+ );
123
175
 
124
- const goBack = wallets.length > 1 ? handleBack : undefined;
176
+ const goBack = props.wallets.length > 1 ? handleBack : undefined;
125
177
 
126
178
  const getWalletUI = (wallet: Wallet) => {
127
- if (accountAbstraction) {
179
+ if (props.accountAbstraction) {
128
180
  return (
129
181
  <SmartConnectUI
130
182
  key={wallet.id}
131
- accountAbstraction={accountAbstraction}
183
+ accountAbstraction={props.accountAbstraction}
132
184
  done={(smartWallet) => {
133
185
  handleConnected(smartWallet);
134
186
  }}
135
187
  personalWallet={wallet}
136
188
  onBack={goBack}
137
189
  setModalVisibility={props.setModalVisibility}
190
+ meta={props.meta}
191
+ size={props.size}
192
+ localeId={props.localeId}
193
+ chain={props.chain}
194
+ chains={props.chains}
195
+ client={props.client}
196
+ walletConnect={props.walletConnect}
197
+ connectLocale={props.connectLocale}
138
198
  />
139
199
  );
140
200
  }
@@ -148,6 +208,14 @@ export const ConnectModalContent = (props: {
148
208
  handleConnected(wallet);
149
209
  }}
150
210
  setModalVisibility={props.setModalVisibility}
211
+ chain={props.chain}
212
+ chains={props.chains}
213
+ client={props.client}
214
+ meta={props.meta}
215
+ size={props.size}
216
+ localeId={props.localeId}
217
+ walletConnect={props.walletConnect}
218
+ connectLocale={props.connectLocale}
151
219
  />
152
220
  );
153
221
  };
@@ -155,18 +223,18 @@ export const ConnectModalContent = (props: {
155
223
  const signatureScreen = (
156
224
  <SignatureScreen
157
225
  onDone={onClose}
158
- modalSize={connectModal.size}
159
- termsOfServiceUrl={connectModal.termsOfServiceUrl}
160
- privacyPolicyUrl={connectModal.privacyPolicyUrl}
161
- auth={auth}
162
- client={client}
163
- connectLocale={connectLocale}
226
+ modalSize={props.size}
227
+ termsOfServiceUrl={props.meta.termsOfServiceUrl}
228
+ privacyPolicyUrl={props.meta.privacyPolicyUrl}
229
+ auth={props.auth}
230
+ client={props.client}
231
+ connectLocale={props.connectLocale}
164
232
  />
165
233
  );
166
234
 
167
235
  return (
168
236
  <ScreenSetupContext.Provider value={props.screenSetup}>
169
- {connectModal.size === "wide" ? (
237
+ {props.size === "wide" ? (
170
238
  <ConnectModalWideLayout
171
239
  left={walletList}
172
240
  right={
@@ -1,5 +1,9 @@
1
1
  "use client";
2
2
  import { Cross2Icon } from "@radix-ui/react-icons";
3
+ import type { Chain } from "../../../../../chains/types.js";
4
+ import type { ThirdwebClient } from "../../../../../client/client.js";
5
+ import type { Wallet } from "../../../../../wallets/interfaces/wallet.js";
6
+ import type { SmartWalletOptions } from "../../../../../wallets/smart/types.js";
3
7
  import { useCustomTheme } from "../../../../core/design-system/CustomThemeProvider.js";
4
8
  import {
5
9
  type Theme,
@@ -7,18 +11,20 @@ import {
7
11
  radius,
8
12
  shadow,
9
13
  } from "../../../../core/design-system/index.js";
10
- import { useConnectUI } from "../../../../core/hooks/others/useWalletConnectionCtx.js";
14
+ import type { SiweAuthOptions } from "../../../../core/hooks/auth/useSiweAuth.js";
11
15
  import { WalletUIStatesProvider } from "../../../providers/wallet-ui-states-provider.js";
12
16
  import { canFitWideModal } from "../../../utils/canFitWideModal.js";
13
17
  import { DynamicHeight } from "../../components/DynamicHeight.js";
14
18
  import { CrossContainer } from "../../components/Modal.js";
15
19
  import { IconButton } from "../../components/buttons.js";
16
20
  import { StyledDiv } from "../../design-system/elements.js";
21
+ import type { LocaleId } from "../../types.js";
17
22
  import {
18
23
  modalMaxWidthCompact,
19
24
  modalMaxWidthWide,
20
25
  wideModalMaxHeight,
21
26
  } from "../constants.js";
27
+ import type { ConnectLocale } from "../locale/types.js";
22
28
  import type { WelcomeScreen } from "../screens/types.js";
23
29
  import { ConnectModalContent } from "./ConnectModalContent.js";
24
30
  import { useSetupScreen } from "./screen.js";
@@ -28,7 +34,6 @@ import { useSetupScreen } from "./screen.js";
28
34
  */
29
35
  export type ConnectModalInlineProps = {
30
36
  chainId?: bigint;
31
- chains?: (bigint | number)[];
32
37
  className?: string;
33
38
  theme?: "dark" | "light" | Theme;
34
39
  modalTitle?: string;
@@ -37,25 +42,62 @@ export type ConnectModalInlineProps = {
37
42
  modalSize?: "compact" | "wide";
38
43
  termsOfServiceUrl?: string;
39
44
  privacyPolicyUrl?: string;
40
- welcomeScreen?: WelcomeScreen;
41
45
  showThirdwebBranding?: boolean;
46
+ accountAbstraction: SmartWalletOptions | undefined;
47
+ auth: SiweAuthOptions | undefined;
48
+ chain: Chain | undefined;
49
+ chains: Chain[] | undefined;
50
+ client: ThirdwebClient;
51
+ connectLocale: ConnectLocale;
52
+ size: "compact" | "wide";
53
+ welcomeScreen: WelcomeScreen;
54
+ meta: {
55
+ title?: string;
56
+ titleIconUrl?: string;
57
+ showThirdwebBranding?: boolean;
58
+ termsOfServiceUrl?: string;
59
+ privacyPolicyUrl?: string;
60
+ };
61
+ isEmbed: boolean;
62
+ localeId: LocaleId;
63
+ onConnect: ((wallet: Wallet) => void) | undefined;
64
+ recommendedWallets: Wallet[] | undefined;
65
+ showAllWallets: boolean | undefined;
66
+ wallets: Wallet[];
67
+ walletConnect:
68
+ | {
69
+ projectId?: string;
70
+ }
71
+ | undefined;
42
72
  };
43
73
 
44
74
  /**
45
75
  * @internal
46
76
  */
47
77
  export const ConnectModalInline = (props: ConnectModalInlineProps) => {
48
- const walletConfigs = useConnectUI().wallets;
49
78
  const modalSize =
50
- !canFitWideModal() || walletConfigs.length === 1
51
- ? "compact"
52
- : props.modalSize;
79
+ !canFitWideModal() || props.wallets.length === 1 ? "compact" : props.size;
53
80
 
54
81
  return (
55
82
  <WalletUIStatesProvider theme={props.theme} isOpen={true}>
56
83
  <ConnectModalInlineContent
57
84
  className={props.className}
58
- modalSize={modalSize}
85
+ size={modalSize}
86
+ meta={props.meta}
87
+ welcomeScreen={props.welcomeScreen}
88
+ wallets={props.wallets}
89
+ accountAbstraction={props.accountAbstraction}
90
+ auth={props.auth}
91
+ chain={props.chain}
92
+ client={props.client}
93
+ connectLocale={props.connectLocale}
94
+ isEmbed={props.isEmbed}
95
+ localeId={props.localeId}
96
+ onConnect={props.onConnect}
97
+ recommendedWallets={props.recommendedWallets}
98
+ showAllWallets={props.showAllWallets}
99
+ chains={props.chains}
100
+ walletConnect={props.walletConnect}
59
101
  />
60
102
  </WalletUIStatesProvider>
61
103
  );
@@ -63,10 +105,39 @@ export const ConnectModalInline = (props: ConnectModalInlineProps) => {
63
105
 
64
106
  function ConnectModalInlineContent(props: {
65
107
  className?: string;
66
- modalSize?: "compact" | "wide";
67
108
  style?: React.CSSProperties;
109
+ accountAbstraction: SmartWalletOptions | undefined;
110
+ auth: SiweAuthOptions | undefined;
111
+ chain: Chain | undefined;
112
+ chains: Chain[] | undefined;
113
+ client: ThirdwebClient;
114
+ connectLocale: ConnectLocale;
115
+ size: "compact" | "wide";
116
+ welcomeScreen: WelcomeScreen | undefined;
117
+ meta: {
118
+ title?: string;
119
+ titleIconUrl?: string;
120
+ showThirdwebBranding?: boolean;
121
+ termsOfServiceUrl?: string;
122
+ privacyPolicyUrl?: string;
123
+ };
124
+ isEmbed: boolean;
125
+ localeId: LocaleId;
126
+ onConnect: ((wallet: Wallet) => void) | undefined;
127
+ recommendedWallets: Wallet[] | undefined;
128
+ showAllWallets: boolean | undefined;
129
+ wallets: Wallet[];
130
+ walletConnect:
131
+ | {
132
+ projectId?: string;
133
+ }
134
+ | undefined;
68
135
  }) {
69
- const screenSetup = useSetupScreen();
136
+ const screenSetup = useSetupScreen({
137
+ size: props.size,
138
+ welcomeScreen: props.welcomeScreen,
139
+ wallets: props.wallets,
140
+ });
70
141
 
71
142
  const content = (
72
143
  <>
@@ -80,6 +151,22 @@ function ConnectModalInlineContent(props: {
80
151
  onClose={() => {
81
152
  // no op
82
153
  }}
154
+ accountAbstraction={props.accountAbstraction}
155
+ auth={props.auth}
156
+ chain={props.chain}
157
+ client={props.client}
158
+ connectLocale={props.connectLocale}
159
+ size={props.size}
160
+ meta={props.meta}
161
+ welcomeScreen={props.welcomeScreen}
162
+ isEmbed={props.isEmbed}
163
+ localeId={props.localeId}
164
+ onConnect={props.onConnect}
165
+ recommendedWallets={props.recommendedWallets}
166
+ showAllWallets={props.showAllWallets}
167
+ wallets={props.wallets}
168
+ chains={props.chains}
169
+ walletConnect={props.walletConnect}
83
170
  />
84
171
 
85
172
  {/* close icon */}
@@ -101,15 +188,13 @@ function ConnectModalInlineContent(props: {
101
188
  <ConnectModalInlineContainer
102
189
  className={props.className}
103
190
  style={{
104
- height: props.modalSize === "compact" ? "auto" : wideModalMaxHeight,
191
+ height: props.size === "compact" ? "auto" : wideModalMaxHeight,
105
192
  maxWidth:
106
- props.modalSize === "compact"
107
- ? modalMaxWidthCompact
108
- : modalMaxWidthWide,
193
+ props.size === "compact" ? modalMaxWidthCompact : modalMaxWidthWide,
109
194
  ...props.style,
110
195
  }}
111
196
  >
112
- {props.modalSize === "compact" ? (
197
+ {props.size === "compact" ? (
113
198
  <DynamicHeight> {content} </DynamicHeight>
114
199
  ) : (
115
200
  content
@@ -1,12 +1,12 @@
1
1
  "use client";
2
2
  import { keyframes } from "@emotion/react";
3
3
  import { ExternalLinkIcon } from "@radix-ui/react-icons";
4
+ import type { ThirdwebClient } from "../../../../../client/client.js";
4
5
  import type { InjectedSupportedWalletIds } from "../../../../../wallets/__generated__/wallet-ids.js";
5
6
  import type { Wallet } from "../../../../../wallets/interfaces/wallet.js";
6
7
  import type { WalletInfo } from "../../../../../wallets/wallet-info.js";
7
8
  import { useCustomTheme } from "../../../../core/design-system/CustomThemeProvider.js";
8
9
  import { iconSize, radius } from "../../../../core/design-system/index.js";
9
- import { useConnectUI } from "../../../../core/hooks/others/useWalletConnectionCtx.js";
10
10
  import type { InjectedWalletLocale } from "../../../wallets/injected/locale/types.js";
11
11
  import { WalletImage } from "../../components/WalletImage.js";
12
12
  import { Container, ModalHeader } from "../../components/basic.js";
@@ -23,10 +23,8 @@ export const DeepLinkConnectUI = (props: {
23
23
  walletInfo: WalletInfo;
24
24
  deepLinkPrefix: string;
25
25
  onBack?: () => void;
26
+ client: ThirdwebClient;
26
27
  }) => {
27
- const { client } = useConnectUI();
28
- const { wallet } = props;
29
-
30
28
  return (
31
29
  <Container animate="fadein">
32
30
  <Container p="lg">
@@ -35,7 +33,7 @@ export const DeepLinkConnectUI = (props: {
35
33
 
36
34
  <Container flex="row" center="x" animate="fadein" py="3xl">
37
35
  <PulsatingContainer>
38
- <WalletImage id={wallet.id} client={client} size={"80"} />
36
+ <WalletImage id={props.wallet.id} client={props.client} size={"80"} />
39
37
  </PulsatingContainer>
40
38
  </Container>
41
39
 
@@ -1,8 +1,9 @@
1
1
  "use client";
2
2
  import { useCallback, useEffect, useRef, useState } from "react";
3
+ import type { Chain } from "../../../../../chains/types.js";
4
+ import type { ThirdwebClient } from "../../../../../client/client.js";
3
5
  import type { InjectedSupportedWalletIds } from "../../../../../wallets/__generated__/wallet-ids.js";
4
6
  import type { Wallet } from "../../../../../wallets/interfaces/wallet.js";
5
- import { useConnectUI } from "../../../../core/hooks/others/useWalletConnectionCtx.js";
6
7
  import { wait } from "../../../../core/utils/wait.js";
7
8
  import type { InjectedWalletLocale } from "../../../wallets/injected/locale/types.js";
8
9
  import { ConnectingScreen } from "../../../wallets/shared/ConnectingScreen.js";
@@ -17,9 +18,11 @@ export const InjectedConnectUI = (props: {
17
18
  walletName: string;
18
19
  onBack?: () => void;
19
20
  done: () => void;
21
+ client: ThirdwebClient;
22
+ chain: Chain | undefined;
23
+ size: "compact" | "wide";
20
24
  }) => {
21
25
  const { wallet, done } = props;
22
- const { client, chain } = useConnectUI();
23
26
  const [errorConnecting, setErrorConnecting] = useState(false);
24
27
  const locale = props.locale;
25
28
 
@@ -29,8 +32,8 @@ export const InjectedConnectUI = (props: {
29
32
  setErrorConnecting(false);
30
33
  await wait(1000);
31
34
  await wallet.connect({
32
- client,
33
- chain: chain,
35
+ client: props.client,
36
+ chain: props.chain,
34
37
  });
35
38
 
36
39
  done();
@@ -38,7 +41,7 @@ export const InjectedConnectUI = (props: {
38
41
  setErrorConnecting(true);
39
42
  console.error(e);
40
43
  }
41
- }, [client, chain, done, wallet]);
44
+ }, [props.client, props.chain, done, wallet]);
42
45
 
43
46
  const connectPrompted = useRef(false);
44
47
  useEffect(() => {
@@ -66,6 +69,8 @@ export const InjectedConnectUI = (props: {
66
69
  connectToExtension();
67
70
  }}
68
71
  errorConnecting={errorConnecting}
72
+ client={props.client}
73
+ size={props.size}
69
74
  />
70
75
  );
71
76
  };
@@ -1,6 +1,8 @@
1
1
  "use client";
2
2
  import { ExclamationTriangleIcon } from "@radix-ui/react-icons";
3
3
  import { useCallback, useEffect, useRef, useState } from "react";
4
+ import type { Chain } from "../../../../../chains/types.js";
5
+ import type { ThirdwebClient } from "../../../../../client/client.js";
4
6
  import { webLocalStorage } from "../../../../../utils/storage/webStorage.js";
5
7
  import type { Wallet } from "../../../../../wallets/interfaces/wallet.js";
6
8
  import type { SmartWalletOptions } from "../../../../../wallets/smart/types.js";
@@ -11,7 +13,6 @@ import {
11
13
  iconSize,
12
14
  spacing,
13
15
  } from "../../../../core/design-system/index.js";
14
- import { useConnectUI } from "../../../../core/hooks/others/useWalletConnectionCtx.js";
15
16
  import { LoadingScreen } from "../../../wallets/shared/LoadingScreen.js";
16
17
  import { getSmartWalletLocale } from "../../../wallets/smartWallet/locale/getSmartWalletLocale.js";
17
18
  import type { SmartWalletLocale } from "../../../wallets/smartWallet/locale/types.js";
@@ -21,6 +22,8 @@ import { Container, ModalHeader } from "../../components/basic.js";
21
22
  import { Button } from "../../components/buttons.js";
22
23
  import { Text } from "../../components/text.js";
23
24
  import { useWalletInfo } from "../../hooks/useWalletInfo.js";
25
+ import type { LocaleId } from "../../types.js";
26
+ import type { ConnectLocale } from "../locale/types.js";
24
27
  import { AnyWalletConnectUI } from "./AnyWalletConnectUI.js";
25
28
 
26
29
  /**
@@ -32,6 +35,24 @@ export function SmartConnectUI(props: {
32
35
  onBack?: () => void;
33
36
  accountAbstraction: SmartWalletOptions;
34
37
  setModalVisibility: (value: boolean) => void;
38
+ localeId: LocaleId;
39
+ meta: {
40
+ title?: string;
41
+ titleIconUrl?: string;
42
+ showThirdwebBranding?: boolean;
43
+ termsOfServiceUrl?: string;
44
+ privacyPolicyUrl?: string;
45
+ };
46
+ size: "compact" | "wide";
47
+ client: ThirdwebClient;
48
+ chain: Chain | undefined;
49
+ chains: Chain[] | undefined;
50
+ connectLocale: ConnectLocale;
51
+ walletConnect:
52
+ | {
53
+ projectId?: string;
54
+ }
55
+ | undefined;
35
56
  }) {
36
57
  const personalWalletInfo = useWalletInfo(props.personalWallet.id);
37
58
  const [keyConnected, setKeyConnected] = useState(false);
@@ -50,6 +71,14 @@ export function SmartConnectUI(props: {
50
71
  }}
51
72
  onBack={props.onBack}
52
73
  setModalVisibility={props.setModalVisibility}
74
+ chain={props.chain}
75
+ chains={props.chains}
76
+ client={props.client}
77
+ meta={props.meta}
78
+ size={props.size}
79
+ localeId={props.localeId}
80
+ walletConnect={props.walletConnect}
81
+ connectLocale={props.connectLocale}
53
82
  />
54
83
  );
55
84
  }
@@ -61,6 +90,9 @@ export function SmartConnectUI(props: {
61
90
  accountAbstraction={props.accountAbstraction}
62
91
  onBack={props.onBack}
63
92
  personalWalletInfo={personalWalletInfo.data}
93
+ localeId={props.localeId}
94
+ size={props.size}
95
+ client={props.client}
64
96
  />
65
97
  );
66
98
  }
@@ -71,16 +103,17 @@ function SmartWalletConnecting(props: {
71
103
  accountAbstraction: SmartWalletOptions;
72
104
  onBack?: () => void;
73
105
  personalWalletInfo: WalletInfo;
106
+ localeId: LocaleId;
107
+ size: "compact" | "wide";
108
+ client: ThirdwebClient;
74
109
  }) {
75
- const { locale: localeId, connectModal } = useConnectUI();
76
- const client = useConnectUI().client;
77
110
  const [locale, setLocale] = useState<SmartWalletLocale | undefined>();
78
- const modalSize = connectModal.size;
79
111
  const { chain: smartWalletChain } = props.accountAbstraction;
80
112
 
113
+ // FIXME: use a query instead
81
114
  useEffect(() => {
82
- getSmartWalletLocale(localeId).then(setLocale);
83
- }, [localeId]);
115
+ getSmartWalletLocale(props.localeId).then(setLocale);
116
+ }, [props.localeId]);
84
117
 
85
118
  const { personalWallet } = props;
86
119
  const { done } = props;
@@ -119,7 +152,7 @@ function SmartWalletConnecting(props: {
119
152
  webLocalStorage,
120
153
  ).handleConnection(personalWallet, {
121
154
  accountAbstraction: props.accountAbstraction,
122
- client,
155
+ client: props.client,
123
156
  });
124
157
  done(connected);
125
158
  setSmartWalletConnectionStatus("idle");
@@ -127,7 +160,7 @@ function SmartWalletConnecting(props: {
127
160
  console.error(e);
128
161
  setSmartWalletConnectionStatus("connect-error");
129
162
  }
130
- }, [done, personalWallet, client, props.accountAbstraction]);
163
+ }, [done, personalWallet, props.client, props.accountAbstraction]);
131
164
 
132
165
  const connectStarted = useRef(false);
133
166
  useEffect(() => {
@@ -151,10 +184,10 @@ function SmartWalletConnecting(props: {
151
184
  />
152
185
  </Container>
153
186
 
154
- {modalSize === "compact" && <Spacer y="lg" />}
187
+ {props.size === "compact" && <Spacer y="lg" />}
155
188
 
156
189
  <Container expand flex="column" center="both" p="lg">
157
- <Container p={modalSize === "wide" ? "lg" : undefined}>
190
+ <Container p={props.size === "wide" ? "lg" : undefined}>
158
191
  <Container flex="row" center="x" color="danger">
159
192
  <ExclamationTriangleIcon
160
193
  width={iconSize.lg}
@@ -1,8 +1,8 @@
1
1
  "use client";
2
- import { useConnectUI } from "../../../../core/hooks/others/useWalletConnectionCtx.js";
3
2
  import { Container } from "../../components/basic.js";
4
3
  import { Link } from "../../components/text.js";
5
4
  import { Text } from "../../components/text.js";
5
+ import type { ConnectLocale } from "../locale/types.js";
6
6
 
7
7
  /**
8
8
  * @internal
@@ -10,9 +10,9 @@ import { Text } from "../../components/text.js";
10
10
  export function TOS(props: {
11
11
  termsOfServiceUrl?: string;
12
12
  privacyPolicyUrl?: string;
13
+ locale: ConnectLocale["agreement"];
13
14
  }) {
14
- const { termsOfServiceUrl, privacyPolicyUrl } = props;
15
- const locale = useConnectUI().connectLocale.agreement;
15
+ const { termsOfServiceUrl, privacyPolicyUrl, locale } = props;
16
16
 
17
17
  if (!termsOfServiceUrl && !privacyPolicyUrl) {
18
18
  return null;