@iota/dapp-kit 0.1.2 → 0.3.0

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 (359) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/README.md +14 -12
  3. package/dist/cjs/components/AccountDropdownMenu.css +4 -5
  4. package/dist/cjs/components/AccountDropdownMenu.css.css.map +1 -1
  5. package/dist/cjs/components/AccountDropdownMenu.css.map +3 -3
  6. package/dist/cjs/components/AccountDropdownMenu.d.ts +3 -1
  7. package/dist/cjs/components/AccountDropdownMenu.js +50 -106
  8. package/dist/cjs/components/AccountDropdownMenu.js.map +4 -4
  9. package/dist/cjs/components/ConnectButton.css +5 -10
  10. package/dist/cjs/components/ConnectButton.css.map +3 -3
  11. package/dist/cjs/components/ConnectButton.d.ts +5 -3
  12. package/dist/cjs/components/ConnectButton.js +129 -179
  13. package/dist/cjs/components/ConnectButton.js.map +4 -4
  14. package/dist/cjs/components/IotaClientProvider.d.ts +0 -1
  15. package/dist/cjs/components/WalletProvider.d.ts +3 -3
  16. package/dist/cjs/components/WalletProvider.js +115 -75
  17. package/dist/cjs/components/WalletProvider.js.map +2 -2
  18. package/dist/cjs/components/connect-modal/ConnectModal.css +5 -10
  19. package/dist/cjs/components/connect-modal/ConnectModal.css.css.map +1 -1
  20. package/dist/cjs/components/connect-modal/ConnectModal.css.map +3 -3
  21. package/dist/cjs/components/connect-modal/ConnectModal.js +15 -9
  22. package/dist/cjs/components/connect-modal/ConnectModal.js.map +3 -3
  23. package/dist/cjs/components/connect-modal/InfoSection.css.css.map +1 -1
  24. package/dist/cjs/components/connect-modal/InfoSection.css.map +1 -1
  25. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css +4 -5
  26. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.css.map +1 -1
  27. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.map +3 -3
  28. package/dist/cjs/components/connect-modal/views/ConnectionStatus.js.map +2 -2
  29. package/dist/cjs/components/connect-modal/views/GetTheWallet.css +78 -0
  30. package/dist/cjs/components/connect-modal/views/GetTheWallet.css.css +35 -0
  31. package/dist/cjs/components/connect-modal/views/GetTheWallet.css.css.map +7 -0
  32. package/dist/cjs/components/connect-modal/views/GetTheWallet.css.d.ts +5 -0
  33. package/dist/cjs/components/connect-modal/views/GetTheWallet.css.js +35 -0
  34. package/dist/cjs/components/connect-modal/views/GetTheWallet.css.js.map +7 -0
  35. package/dist/cjs/components/connect-modal/views/GetTheWallet.css.map +7 -0
  36. package/dist/cjs/components/connect-modal/views/GetTheWallet.d.ts +1 -0
  37. package/dist/cjs/components/connect-modal/views/GetTheWallet.js +145 -0
  38. package/dist/cjs/components/connect-modal/views/GetTheWallet.js.map +7 -0
  39. package/dist/cjs/components/connect-modal/views/GettingStarted.css +4 -5
  40. package/dist/cjs/components/connect-modal/views/GettingStarted.css.css.map +1 -1
  41. package/dist/cjs/components/connect-modal/views/GettingStarted.css.map +3 -3
  42. package/dist/cjs/components/connect-modal/views/GettingStarted.js +2 -2
  43. package/dist/cjs/components/connect-modal/views/GettingStarted.js.map +1 -1
  44. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.css.map +1 -1
  45. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.map +1 -1
  46. package/dist/cjs/components/connect-modal/views/index.css +205 -0
  47. package/dist/cjs/components/connect-modal/views/index.css.map +7 -0
  48. package/dist/cjs/components/connect-modal/views/index.d.ts +3 -0
  49. package/dist/cjs/components/connect-modal/views/index.js +286 -0
  50. package/dist/cjs/components/connect-modal/views/index.js.map +7 -0
  51. package/dist/cjs/components/connect-modal/wallet-list/WalletList.css.css.map +1 -1
  52. package/dist/cjs/components/connect-modal/wallet-list/WalletList.css.map +1 -1
  53. package/dist/cjs/components/connect-modal/wallet-list/WalletList.js +1 -1
  54. package/dist/cjs/components/connect-modal/wallet-list/WalletList.js.map +2 -2
  55. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.css.map +1 -1
  56. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.map +1 -1
  57. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.js.map +1 -1
  58. package/dist/cjs/components/icons/ArrowRightIcon.d.ts +2 -0
  59. package/dist/cjs/components/icons/ArrowRightIcon.js +47 -0
  60. package/dist/cjs/components/icons/ArrowRightIcon.js.map +7 -0
  61. package/dist/cjs/components/icons/ArrowTopRightIcon.d.ts +2 -0
  62. package/dist/cjs/components/icons/ArrowTopRightIcon.js +47 -0
  63. package/dist/cjs/components/icons/ArrowTopRightIcon.js.map +7 -0
  64. package/dist/cjs/components/styling/InjectedThemeStyles.js +15 -8
  65. package/dist/cjs/components/styling/InjectedThemeStyles.js.map +2 -2
  66. package/dist/cjs/components/styling/StyleMarker.css.css.map +1 -1
  67. package/dist/cjs/components/styling/StyleMarker.css.map +1 -1
  68. package/dist/cjs/components/styling/StyleMarker.d.ts +0 -1
  69. package/dist/cjs/components/styling/StyleMarker.js +2 -2
  70. package/dist/cjs/components/styling/StyleMarker.js.map +3 -3
  71. package/dist/cjs/components/ui/Button.css +4 -5
  72. package/dist/cjs/components/ui/Button.css.css +4 -5
  73. package/dist/cjs/components/ui/Button.css.css.map +3 -3
  74. package/dist/cjs/components/ui/Button.css.d.ts +0 -1
  75. package/dist/cjs/components/ui/Button.css.js.map +1 -1
  76. package/dist/cjs/components/ui/Button.css.map +3 -3
  77. package/dist/cjs/components/ui/Button.d.ts +1 -1
  78. package/dist/cjs/components/ui/Button.js.map +1 -1
  79. package/dist/cjs/components/ui/Heading.css.css.map +1 -1
  80. package/dist/cjs/components/ui/Heading.css.map +1 -1
  81. package/dist/cjs/components/ui/Heading.d.ts +0 -1
  82. package/dist/cjs/components/ui/IconButton.css +1 -5
  83. package/dist/cjs/components/ui/IconButton.css.css +1 -5
  84. package/dist/cjs/components/ui/IconButton.css.css.map +3 -3
  85. package/dist/cjs/components/ui/IconButton.css.js.map +1 -1
  86. package/dist/cjs/components/ui/IconButton.css.map +3 -3
  87. package/dist/cjs/components/ui/IconButton.d.ts +1 -1
  88. package/dist/cjs/components/ui/IconButton.js.map +1 -1
  89. package/dist/cjs/components/ui/Text.css.css.map +1 -1
  90. package/dist/cjs/components/ui/Text.css.map +1 -1
  91. package/dist/cjs/components/ui/Text.d.ts +0 -1
  92. package/dist/cjs/constants/styleDataAttribute.js.map +1 -1
  93. package/dist/cjs/constants/walletDefaults.d.ts +3 -2
  94. package/dist/cjs/constants/walletDefaults.js +8 -6
  95. package/dist/cjs/constants/walletDefaults.js.map +2 -2
  96. package/dist/cjs/constants/walletMutationKeys.d.ts +3 -2
  97. package/dist/cjs/constants/walletMutationKeys.js +4 -3
  98. package/dist/cjs/constants/walletMutationKeys.js.map +2 -2
  99. package/dist/cjs/contexts/walletContext.d.ts +1 -2
  100. package/dist/cjs/hooks/useIotaClientInfiniteQuery.js.map +2 -2
  101. package/dist/cjs/hooks/useIotaClientQuery.js +3 -1
  102. package/dist/cjs/hooks/useIotaClientQuery.js.map +2 -2
  103. package/dist/cjs/hooks/wallet/useAutoConnectWallet.js +17 -7
  104. package/dist/cjs/hooks/wallet/useAutoConnectWallet.js.map +2 -2
  105. package/dist/cjs/hooks/wallet/useConnectWallet.js +10 -4
  106. package/dist/cjs/hooks/wallet/useConnectWallet.js.map +2 -2
  107. package/dist/cjs/hooks/wallet/useCurrentWallet.d.ts +3 -0
  108. package/dist/cjs/hooks/wallet/useCurrentWallet.js +7 -3
  109. package/dist/cjs/hooks/wallet/useCurrentWallet.js.map +2 -2
  110. package/dist/cjs/hooks/wallet/useDisconnectWallet.js +11 -6
  111. package/dist/cjs/hooks/wallet/useDisconnectWallet.js.map +2 -2
  112. package/dist/cjs/hooks/wallet/useReportTransactionEffects.d.ts +15 -0
  113. package/dist/cjs/hooks/wallet/{useSignTransactionBlock.js → useReportTransactionEffects.js} +41 -37
  114. package/dist/cjs/hooks/wallet/useReportTransactionEffects.js.map +7 -0
  115. package/dist/cjs/hooks/wallet/useSignAndExecuteTransaction.d.ts +29 -0
  116. package/dist/cjs/hooks/wallet/useSignAndExecuteTransaction.js +252 -0
  117. package/dist/cjs/hooks/wallet/useSignAndExecuteTransaction.js.map +7 -0
  118. package/dist/cjs/hooks/wallet/useSignPersonalMessage.js +21 -27
  119. package/dist/cjs/hooks/wallet/useSignPersonalMessage.js.map +2 -2
  120. package/dist/cjs/hooks/wallet/useSignTransaction.d.ts +18 -0
  121. package/dist/cjs/hooks/wallet/{useSignAndExecuteTransactionBlock.js → useSignTransaction.js} +86 -46
  122. package/dist/cjs/hooks/wallet/useSignTransaction.js.map +7 -0
  123. package/dist/cjs/hooks/wallet/useSwitchAccount.js +11 -6
  124. package/dist/cjs/hooks/wallet/useSwitchAccount.js.map +2 -2
  125. package/dist/cjs/hooks/wallet/useUnsafeBurnerWallet.js +45 -33
  126. package/dist/cjs/hooks/wallet/useUnsafeBurnerWallet.js.map +2 -2
  127. package/dist/cjs/hooks/wallet/useWalletPropertiesChanged.js +7 -3
  128. package/dist/cjs/hooks/wallet/useWalletPropertiesChanged.js.map +2 -2
  129. package/dist/cjs/hooks/wallet/useWalletsChanged.d.ts +1 -1
  130. package/dist/cjs/hooks/wallet/useWalletsChanged.js +7 -6
  131. package/dist/cjs/hooks/wallet/useWalletsChanged.js.map +2 -2
  132. package/dist/cjs/index.css +5 -10
  133. package/dist/cjs/index.css.map +3 -3
  134. package/dist/cjs/index.d.ts +4 -3
  135. package/dist/cjs/index.js +437 -287
  136. package/dist/cjs/index.js.map +4 -4
  137. package/dist/cjs/themes/darkTheme.d.ts +2 -0
  138. package/dist/cjs/themes/darkTheme.js +88 -0
  139. package/dist/cjs/themes/darkTheme.js.map +7 -0
  140. package/dist/cjs/themes/lightTheme.js +13 -8
  141. package/dist/cjs/themes/lightTheme.js.map +2 -2
  142. package/dist/cjs/themes/themeContract.d.ts +22 -12
  143. package/dist/cjs/themes/themeContract.js +13 -8
  144. package/dist/cjs/themes/themeContract.js.map +2 -2
  145. package/dist/cjs/types.d.ts +1 -1
  146. package/dist/cjs/types.js.map +1 -1
  147. package/dist/cjs/utils/assertUnreachable.js.map +1 -1
  148. package/dist/cjs/utils/walletUtils.d.ts +2 -2
  149. package/dist/cjs/utils/walletUtils.js +2 -2
  150. package/dist/cjs/utils/walletUtils.js.map +2 -2
  151. package/dist/cjs/walletStore.d.ts +3 -2
  152. package/dist/cjs/walletStore.js +8 -4
  153. package/dist/cjs/walletStore.js.map +2 -2
  154. package/dist/esm/components/AccountDropdownMenu.css +4 -5
  155. package/dist/esm/components/AccountDropdownMenu.css.css.map +1 -1
  156. package/dist/esm/components/AccountDropdownMenu.css.map +3 -3
  157. package/dist/esm/components/AccountDropdownMenu.d.ts +3 -1
  158. package/dist/esm/components/AccountDropdownMenu.js +39 -95
  159. package/dist/esm/components/AccountDropdownMenu.js.map +4 -4
  160. package/dist/esm/components/ConnectButton.css +5 -10
  161. package/dist/esm/components/ConnectButton.css.map +3 -3
  162. package/dist/esm/components/ConnectButton.d.ts +5 -3
  163. package/dist/esm/components/ConnectButton.js +101 -151
  164. package/dist/esm/components/ConnectButton.js.map +4 -4
  165. package/dist/esm/components/IotaClientProvider.d.ts +0 -1
  166. package/dist/esm/components/WalletProvider.d.ts +3 -3
  167. package/dist/esm/components/WalletProvider.js +114 -74
  168. package/dist/esm/components/WalletProvider.js.map +2 -2
  169. package/dist/esm/components/connect-modal/ConnectModal.css +5 -10
  170. package/dist/esm/components/connect-modal/ConnectModal.css.css.map +1 -1
  171. package/dist/esm/components/connect-modal/ConnectModal.css.map +3 -3
  172. package/dist/esm/components/connect-modal/ConnectModal.js +15 -9
  173. package/dist/esm/components/connect-modal/ConnectModal.js.map +3 -3
  174. package/dist/esm/components/connect-modal/InfoSection.css.css.map +1 -1
  175. package/dist/esm/components/connect-modal/InfoSection.css.map +1 -1
  176. package/dist/esm/components/connect-modal/views/ConnectionStatus.css +4 -5
  177. package/dist/esm/components/connect-modal/views/ConnectionStatus.css.css.map +1 -1
  178. package/dist/esm/components/connect-modal/views/ConnectionStatus.css.map +3 -3
  179. package/dist/esm/components/connect-modal/views/ConnectionStatus.js.map +2 -2
  180. package/dist/esm/components/connect-modal/views/GetTheWallet.css +78 -0
  181. package/dist/esm/components/connect-modal/views/GetTheWallet.css.css +35 -0
  182. package/dist/esm/components/connect-modal/views/GetTheWallet.css.css.map +7 -0
  183. package/dist/esm/components/connect-modal/views/GetTheWallet.css.d.ts +5 -0
  184. package/dist/esm/components/connect-modal/views/GetTheWallet.css.js +14 -0
  185. package/dist/esm/components/connect-modal/views/GetTheWallet.css.js.map +7 -0
  186. package/dist/esm/components/connect-modal/views/GetTheWallet.css.map +7 -0
  187. package/dist/esm/components/connect-modal/views/GetTheWallet.d.ts +1 -0
  188. package/dist/esm/components/connect-modal/views/GetTheWallet.js +112 -0
  189. package/dist/esm/components/connect-modal/views/GetTheWallet.js.map +7 -0
  190. package/dist/esm/components/connect-modal/views/GettingStarted.css +4 -5
  191. package/dist/esm/components/connect-modal/views/GettingStarted.css.css.map +1 -1
  192. package/dist/esm/components/connect-modal/views/GettingStarted.css.map +3 -3
  193. package/dist/esm/components/connect-modal/views/GettingStarted.js +2 -2
  194. package/dist/esm/components/connect-modal/views/GettingStarted.js.map +1 -1
  195. package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.css.map +1 -1
  196. package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.map +1 -1
  197. package/dist/esm/components/connect-modal/views/index.css +205 -0
  198. package/dist/esm/components/connect-modal/views/index.css.map +7 -0
  199. package/dist/esm/components/connect-modal/views/index.d.ts +3 -0
  200. package/dist/esm/components/connect-modal/views/index.js +253 -0
  201. package/dist/esm/components/connect-modal/views/index.js.map +7 -0
  202. package/dist/esm/components/connect-modal/wallet-list/WalletList.css.css.map +1 -1
  203. package/dist/esm/components/connect-modal/wallet-list/WalletList.css.map +1 -1
  204. package/dist/esm/components/connect-modal/wallet-list/WalletList.js +1 -1
  205. package/dist/esm/components/connect-modal/wallet-list/WalletList.js.map +2 -2
  206. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.css.map +1 -1
  207. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.map +1 -1
  208. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.js.map +1 -1
  209. package/dist/esm/components/icons/ArrowRightIcon.d.ts +2 -0
  210. package/dist/esm/components/icons/ArrowRightIcon.js +26 -0
  211. package/dist/esm/components/icons/ArrowRightIcon.js.map +7 -0
  212. package/dist/esm/components/icons/ArrowTopRightIcon.d.ts +2 -0
  213. package/dist/esm/components/icons/ArrowTopRightIcon.js +26 -0
  214. package/dist/esm/components/icons/ArrowTopRightIcon.js.map +7 -0
  215. package/dist/esm/components/styling/InjectedThemeStyles.js +15 -8
  216. package/dist/esm/components/styling/InjectedThemeStyles.js.map +2 -2
  217. package/dist/esm/components/styling/StyleMarker.css.css.map +1 -1
  218. package/dist/esm/components/styling/StyleMarker.css.js +2 -2
  219. package/dist/esm/components/styling/StyleMarker.css.js.map +3 -3
  220. package/dist/esm/components/styling/StyleMarker.css.map +1 -1
  221. package/dist/esm/components/styling/StyleMarker.d.ts +0 -1
  222. package/dist/esm/components/styling/StyleMarker.js +2 -2
  223. package/dist/esm/components/styling/StyleMarker.js.map +3 -3
  224. package/dist/esm/components/ui/Button.css +4 -5
  225. package/dist/esm/components/ui/Button.css.css +4 -5
  226. package/dist/esm/components/ui/Button.css.css.map +3 -3
  227. package/dist/esm/components/ui/Button.css.d.ts +0 -1
  228. package/dist/esm/components/ui/Button.css.js.map +1 -1
  229. package/dist/esm/components/ui/Button.css.map +3 -3
  230. package/dist/esm/components/ui/Button.d.ts +1 -1
  231. package/dist/esm/components/ui/Button.js.map +1 -1
  232. package/dist/esm/components/ui/Heading.css.css.map +1 -1
  233. package/dist/esm/components/ui/Heading.css.map +1 -1
  234. package/dist/esm/components/ui/Heading.d.ts +0 -1
  235. package/dist/esm/components/ui/IconButton.css +1 -5
  236. package/dist/esm/components/ui/IconButton.css.css +1 -5
  237. package/dist/esm/components/ui/IconButton.css.css.map +3 -3
  238. package/dist/esm/components/ui/IconButton.css.js.map +1 -1
  239. package/dist/esm/components/ui/IconButton.css.map +3 -3
  240. package/dist/esm/components/ui/IconButton.d.ts +1 -1
  241. package/dist/esm/components/ui/IconButton.js.map +1 -1
  242. package/dist/esm/components/ui/Text.css.css.map +1 -1
  243. package/dist/esm/components/ui/Text.css.map +1 -1
  244. package/dist/esm/components/ui/Text.d.ts +0 -1
  245. package/dist/esm/constants/styleDataAttribute.js.map +1 -1
  246. package/dist/esm/constants/walletDefaults.d.ts +3 -2
  247. package/dist/esm/constants/walletDefaults.js +8 -6
  248. package/dist/esm/constants/walletDefaults.js.map +2 -2
  249. package/dist/esm/constants/walletMutationKeys.d.ts +3 -2
  250. package/dist/esm/constants/walletMutationKeys.js +4 -3
  251. package/dist/esm/constants/walletMutationKeys.js.map +2 -2
  252. package/dist/esm/contexts/walletContext.d.ts +1 -2
  253. package/dist/esm/hooks/useIotaClientInfiniteQuery.js.map +2 -2
  254. package/dist/esm/hooks/useIotaClientQuery.js +3 -1
  255. package/dist/esm/hooks/useIotaClientQuery.js.map +2 -2
  256. package/dist/esm/hooks/wallet/useAutoConnectWallet.js +17 -7
  257. package/dist/esm/hooks/wallet/useAutoConnectWallet.js.map +2 -2
  258. package/dist/esm/hooks/wallet/useConnectWallet.js +10 -4
  259. package/dist/esm/hooks/wallet/useConnectWallet.js.map +2 -2
  260. package/dist/esm/hooks/wallet/useCurrentWallet.d.ts +3 -0
  261. package/dist/esm/hooks/wallet/useCurrentWallet.js +7 -3
  262. package/dist/esm/hooks/wallet/useCurrentWallet.js.map +2 -2
  263. package/dist/esm/hooks/wallet/useDisconnectWallet.js +11 -6
  264. package/dist/esm/hooks/wallet/useDisconnectWallet.js.map +2 -2
  265. package/dist/esm/hooks/wallet/useReportTransactionEffects.d.ts +15 -0
  266. package/dist/esm/hooks/wallet/{useSignTransactionBlock.js → useReportTransactionEffects.js} +38 -34
  267. package/dist/esm/hooks/wallet/useReportTransactionEffects.js.map +7 -0
  268. package/dist/esm/hooks/wallet/useSignAndExecuteTransaction.d.ts +29 -0
  269. package/dist/esm/hooks/wallet/useSignAndExecuteTransaction.js +231 -0
  270. package/dist/esm/hooks/wallet/useSignAndExecuteTransaction.js.map +7 -0
  271. package/dist/esm/hooks/wallet/useSignPersonalMessage.js +21 -27
  272. package/dist/esm/hooks/wallet/useSignPersonalMessage.js.map +2 -2
  273. package/dist/esm/hooks/wallet/useSignTransaction.d.ts +18 -0
  274. package/dist/esm/hooks/wallet/{useSignAndExecuteTransactionBlock.js → useSignTransaction.js} +83 -43
  275. package/dist/esm/hooks/wallet/useSignTransaction.js.map +7 -0
  276. package/dist/esm/hooks/wallet/useSwitchAccount.js +11 -6
  277. package/dist/esm/hooks/wallet/useSwitchAccount.js.map +2 -2
  278. package/dist/esm/hooks/wallet/useUnsafeBurnerWallet.js +44 -32
  279. package/dist/esm/hooks/wallet/useUnsafeBurnerWallet.js.map +2 -2
  280. package/dist/esm/hooks/wallet/useWalletPropertiesChanged.js +7 -3
  281. package/dist/esm/hooks/wallet/useWalletPropertiesChanged.js.map +2 -2
  282. package/dist/esm/hooks/wallet/useWalletsChanged.d.ts +1 -1
  283. package/dist/esm/hooks/wallet/useWalletsChanged.js +7 -6
  284. package/dist/esm/hooks/wallet/useWalletsChanged.js.map +2 -2
  285. package/dist/esm/index.css +5 -10
  286. package/dist/esm/index.css.map +3 -3
  287. package/dist/esm/index.d.ts +4 -3
  288. package/dist/esm/index.js +424 -274
  289. package/dist/esm/index.js.map +4 -4
  290. package/dist/esm/themes/darkTheme.d.ts +2 -0
  291. package/dist/esm/themes/darkTheme.js +67 -0
  292. package/dist/esm/themes/darkTheme.js.map +7 -0
  293. package/dist/esm/themes/lightTheme.js +13 -8
  294. package/dist/esm/themes/lightTheme.js.map +2 -2
  295. package/dist/esm/themes/themeContract.d.ts +22 -12
  296. package/dist/esm/themes/themeContract.js +13 -8
  297. package/dist/esm/themes/themeContract.js.map +2 -2
  298. package/dist/esm/types.d.ts +1 -1
  299. package/dist/esm/utils/assertUnreachable.js.map +1 -1
  300. package/dist/esm/utils/walletUtils.d.ts +2 -2
  301. package/dist/esm/utils/walletUtils.js +2 -2
  302. package/dist/esm/utils/walletUtils.js.map +2 -2
  303. package/dist/esm/walletStore.d.ts +3 -2
  304. package/dist/esm/walletStore.js +8 -4
  305. package/dist/esm/walletStore.js.map +2 -2
  306. package/dist/index.css/package.json +5 -0
  307. package/dist/tsconfig.esm.tsbuildinfo +1 -1
  308. package/dist/tsconfig.tsbuildinfo +1 -1
  309. package/package.json +27 -28
  310. package/src/components/AccountDropdownMenu.tsx +5 -12
  311. package/src/components/ConnectButton.tsx +8 -4
  312. package/src/components/WalletProvider.tsx +9 -9
  313. package/src/components/connect-modal/views/GetTheWallet.css.ts +38 -0
  314. package/src/components/connect-modal/views/GetTheWallet.tsx +25 -0
  315. package/src/components/connect-modal/views/GettingStarted.tsx +3 -3
  316. package/src/components/connect-modal/views/index.ts +6 -0
  317. package/src/components/connect-modal/wallet-list/WalletList.tsx +1 -1
  318. package/src/components/icons/ArrowRightIcon.tsx +23 -0
  319. package/src/components/icons/ArrowTopRightIcon.tsx +23 -0
  320. package/src/components/styling/InjectedThemeStyles.tsx +4 -0
  321. package/src/components/ui/Button.css.ts +3 -5
  322. package/src/components/ui/IconButton.css.ts +0 -3
  323. package/src/constants/walletDefaults.ts +11 -5
  324. package/src/constants/walletMutationKeys.ts +3 -2
  325. package/src/hooks/useIotaClientInfiniteQuery.ts +2 -1
  326. package/src/hooks/useIotaClientQuery.ts +3 -1
  327. package/src/hooks/wallet/useAutoConnectWallet.ts +1 -1
  328. package/src/hooks/wallet/useConnectWallet.ts +6 -1
  329. package/src/hooks/wallet/useCurrentWallet.ts +4 -0
  330. package/src/hooks/wallet/useReportTransactionEffects.ts +87 -0
  331. package/src/hooks/wallet/useSignAndExecuteTransaction.ts +165 -0
  332. package/src/hooks/wallet/useSignPersonalMessage.ts +11 -25
  333. package/src/hooks/wallet/useSignTransaction.ts +117 -0
  334. package/src/hooks/wallet/useUnsafeBurnerWallet.ts +41 -18
  335. package/src/hooks/wallet/useWalletsChanged.ts +5 -4
  336. package/src/index.ts +4 -3
  337. package/src/themes/darkTheme.ts +69 -0
  338. package/src/themes/lightTheme.ts +11 -6
  339. package/src/themes/themeContract.ts +11 -6
  340. package/src/types.ts +1 -1
  341. package/src/utils/walletUtils.ts +8 -3
  342. package/src/walletStore.ts +12 -1
  343. package/dist/cjs/hooks/useResolveIotaNSNames.d.ts +0 -3
  344. package/dist/cjs/hooks/useResolveIotaNSNames.js +0 -83
  345. package/dist/cjs/hooks/useResolveIotaNSNames.js.map +0 -7
  346. package/dist/cjs/hooks/wallet/useSignAndExecuteTransactionBlock.d.ts +0 -15
  347. package/dist/cjs/hooks/wallet/useSignAndExecuteTransactionBlock.js.map +0 -7
  348. package/dist/cjs/hooks/wallet/useSignTransactionBlock.d.ts +0 -13
  349. package/dist/cjs/hooks/wallet/useSignTransactionBlock.js.map +0 -7
  350. package/dist/esm/hooks/useResolveIotaNSNames.d.ts +0 -3
  351. package/dist/esm/hooks/useResolveIotaNSNames.js +0 -60
  352. package/dist/esm/hooks/useResolveIotaNSNames.js.map +0 -7
  353. package/dist/esm/hooks/wallet/useSignAndExecuteTransactionBlock.d.ts +0 -15
  354. package/dist/esm/hooks/wallet/useSignAndExecuteTransactionBlock.js.map +0 -7
  355. package/dist/esm/hooks/wallet/useSignTransactionBlock.d.ts +0 -13
  356. package/dist/esm/hooks/wallet/useSignTransactionBlock.js.map +0 -7
  357. package/src/hooks/useResolveIotaNSNames.ts +0 -31
  358. package/src/hooks/wallet/useSignAndExecuteTransactionBlock.ts +0 -117
  359. package/src/hooks/wallet/useSignTransactionBlock.ts +0 -85
@@ -1,16 +1,9 @@
1
- var __accessCheck = (obj, member, msg) => {
2
- if (!member.has(obj))
3
- throw TypeError("Cannot " + msg);
4
- };
5
- var __privateGet = (obj, member, getter) => {
6
- __accessCheck(obj, member, "read from private field");
7
- return getter ? getter.call(obj) : member.get(obj);
8
- };
9
- var __privateAdd = (obj, member, value) => {
10
- if (member.has(obj))
11
- throw TypeError("Cannot add the same private member more than once");
12
- member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
1
+ var __typeError = (msg) => {
2
+ throw TypeError(msg);
13
3
  };
4
+ var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
5
+ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
6
+ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
14
7
 
15
8
  // src/components/WalletProvider.tsx
16
9
  import { useRef } from "react";
@@ -32,13 +25,14 @@ function createInMemoryStore() {
32
25
  }
33
26
 
34
27
  // src/constants/walletDefaults.ts
35
- var IOTA_WALLET_NAME = "Iota Wallet";
28
+ var IOTA_WALLET_NAME = "IOTA Wallet";
36
29
  var DEFAULT_STORAGE = typeof window !== "undefined" && window.localStorage ? localStorage : createInMemoryStore();
37
30
  var DEFAULT_STORAGE_KEY = "iota-dapp-kit:wallet-connection-info";
38
- var DEFAULT_REQUIRED_FEATURES = [
39
- "iota:signTransactionBlock"
40
- ];
31
+ var SIGN_FEATURES = ["iota:signTransaction"];
32
+ var DEFAULT_WALLET_FILTER = (wallet) => SIGN_FEATURES.some((feature) => wallet.features[feature]);
41
33
  var DEFAULT_PREFERRED_WALLETS = [IOTA_WALLET_NAME];
34
+ var WALLET_CHROME_EXTENSION_ID = "TODO";
35
+ var WALLET_DOWNLOAD_URL = "https://chromewebstore.google.com/detail/" + WALLET_CHROME_EXTENSION_ID;
42
36
 
43
37
  // src/contexts/walletContext.ts
44
38
  import { createContext } from "react";
@@ -50,11 +44,11 @@ import { useLayoutEffect, useState } from "react";
50
44
 
51
45
  // src/utils/walletUtils.ts
52
46
  import { getWallets, isWalletWithRequiredFeatureSet } from "@iota/wallet-standard";
53
- function getRegisteredWallets(preferredWallets, requiredFeatures) {
47
+ function getRegisteredWallets(preferredWallets, walletFilter) {
54
48
  const walletsApi = getWallets();
55
49
  const wallets = walletsApi.get();
56
50
  const iotaWallets = wallets.filter(
57
- (wallet) => isWalletWithRequiredFeatureSet(wallet, requiredFeatures)
51
+ (wallet) => isWalletWithRequiredFeatureSet(wallet) && (!walletFilter || walletFilter(wallet))
58
52
  );
59
53
  return [
60
54
  // Preferred wallets, in order:
@@ -78,9 +72,10 @@ var walletMutationKeys = {
78
72
  autoconnectWallet: formMutationKeyFn("autoconnect-wallet"),
79
73
  disconnectWallet: formMutationKeyFn("disconnect-wallet"),
80
74
  signPersonalMessage: formMutationKeyFn("sign-personal-message"),
81
- signTransactionBlock: formMutationKeyFn("sign-transaction-block"),
82
- signAndExecuteTransactionBlock: formMutationKeyFn("sign-and-execute-transaction-block"),
83
- switchAccount: formMutationKeyFn("switch-account")
75
+ signTransaction: formMutationKeyFn("sign-transaction"),
76
+ signAndExecuteTransaction: formMutationKeyFn("sign-and-execute-transaction"),
77
+ switchAccount: formMutationKeyFn("switch-account"),
78
+ reportTransactionEffects: formMutationKeyFn("report-transaction-effects")
84
79
  };
85
80
  function formMutationKeyFn(baseEntity) {
86
81
  return function mutationKeyFn(additionalKeys = []) {
@@ -118,7 +113,12 @@ function useConnectWallet({
118
113
  (account) => account.chains.some(isSupportedChain)
119
114
  );
120
115
  const selectedAccount = getSelectedAccount(connectedIotaAccounts, accountAddress);
121
- setWalletConnected(wallet, connectedIotaAccounts, selectedAccount);
116
+ setWalletConnected(
117
+ wallet,
118
+ connectedIotaAccounts,
119
+ selectedAccount,
120
+ connectResult.supportedIntents
121
+ );
122
122
  return { accounts: connectedIotaAccounts };
123
123
  } catch (error) {
124
124
  setConnectionStatus("disconnected");
@@ -145,6 +145,7 @@ function getSelectedAccount(connectedAccounts, accountAddress) {
145
145
  function useCurrentWallet() {
146
146
  const currentWallet = useWalletStore((state) => state.currentWallet);
147
147
  const connectionStatus = useWalletStore((state) => state.connectionStatus);
148
+ const supportedIntents = useWalletStore((state) => state.supportedIntents);
148
149
  switch (connectionStatus) {
149
150
  case "connecting":
150
151
  return {
@@ -152,7 +153,8 @@ function useCurrentWallet() {
152
153
  currentWallet: null,
153
154
  isDisconnected: false,
154
155
  isConnecting: true,
155
- isConnected: false
156
+ isConnected: false,
157
+ supportedIntents: []
156
158
  };
157
159
  case "disconnected":
158
160
  return {
@@ -160,7 +162,8 @@ function useCurrentWallet() {
160
162
  currentWallet: null,
161
163
  isDisconnected: true,
162
164
  isConnecting: false,
163
- isConnected: false
165
+ isConnected: false,
166
+ supportedIntents: []
164
167
  };
165
168
  case "connected": {
166
169
  return {
@@ -168,7 +171,8 @@ function useCurrentWallet() {
168
171
  currentWallet,
169
172
  isDisconnected: false,
170
173
  isConnecting: false,
171
- isConnected: true
174
+ isConnected: true,
175
+ supportedIntents
172
176
  };
173
177
  }
174
178
  }
@@ -254,6 +258,8 @@ function useAutoConnectWallet() {
254
258
 
255
259
  // src/hooks/wallet/useUnsafeBurnerWallet.ts
256
260
  import { Ed25519Keypair } from "@iota/iota-sdk/keypairs/ed25519";
261
+ import { Transaction } from "@iota/iota-sdk/transactions";
262
+ import { toB64 } from "@iota/iota-sdk/utils";
257
263
  import { getWallets as getWallets2, ReadonlyWalletAccount, SUPPORTED_CHAINS } from "@iota/wallet-standard";
258
264
  import { useEffect } from "react";
259
265
 
@@ -296,7 +302,7 @@ function useUnsafeBurnerWallet(enabled) {
296
302
  }, [enabled, iotaClient]);
297
303
  }
298
304
  function registerUnsafeBurnerWallet(iotaClient) {
299
- var _on, _connect, _signPersonalMessage, _signTransactionBlock, _signAndExecuteTransactionBlock;
305
+ var _on, _connect, _signPersonalMessage, _signTransaction, _signAndExecuteTransaction;
300
306
  const walletsApi = getWallets2();
301
307
  const registeredWallets = walletsApi.get();
302
308
  if (registeredWallets.find((wallet) => wallet.name === WALLET_NAME)) {
@@ -313,7 +319,7 @@ function registerUnsafeBurnerWallet(iotaClient) {
313
319
  address: keypair.getPublicKey().toIotaAddress(),
314
320
  publicKey: keypair.getPublicKey().toIotaBytes(),
315
321
  chains: ["iota:unknown"],
316
- features: ["iota:signAndExecuteTransactionBlock", "iota:signTransactionBlock"]
322
+ features: ["iota:signTransaction", "iota:signAndExecuteTransaction"]
317
323
  });
318
324
  class UnsafeBurnerWallet {
319
325
  constructor() {
@@ -328,23 +334,40 @@ function registerUnsafeBurnerWallet(iotaClient) {
328
334
  const { bytes, signature } = await keypair.signPersonalMessage(messageInput.message);
329
335
  return { bytes, signature };
330
336
  });
331
- __privateAdd(this, _signTransactionBlock, async (transactionInput) => {
332
- const { bytes, signature } = await transactionInput.transactionBlock.sign({
337
+ __privateAdd(this, _signTransaction, async (transactionInput) => {
338
+ const { bytes, signature } = await Transaction.from(
339
+ await transactionInput.transaction.toJSON()
340
+ ).sign({
333
341
  client: iotaClient,
334
342
  signer: keypair
335
343
  });
344
+ transactionInput.signal?.throwIfAborted();
336
345
  return {
337
- transactionBlockBytes: bytes,
346
+ bytes,
338
347
  signature
339
348
  };
340
349
  });
341
- __privateAdd(this, _signAndExecuteTransactionBlock, async (transactionInput) => {
342
- return await iotaClient.signAndExecuteTransactionBlock({
343
- signer: keypair,
344
- transactionBlock: transactionInput.transactionBlock,
345
- options: transactionInput.options,
346
- requestType: transactionInput.requestType
350
+ __privateAdd(this, _signAndExecuteTransaction, async (transactionInput) => {
351
+ const { bytes, signature } = await Transaction.from(
352
+ await transactionInput.transaction.toJSON()
353
+ ).sign({
354
+ client: iotaClient,
355
+ signer: keypair
347
356
  });
357
+ transactionInput.signal?.throwIfAborted();
358
+ const { rawEffects, digest } = await iotaClient.executeTransactionBlock({
359
+ signature,
360
+ transactionBlock: bytes,
361
+ options: {
362
+ showRawEffects: true
363
+ }
364
+ });
365
+ return {
366
+ bytes,
367
+ signature,
368
+ digest,
369
+ effects: toB64(new Uint8Array(rawEffects))
370
+ };
348
371
  });
349
372
  }
350
373
  get version() {
@@ -356,7 +379,7 @@ function registerUnsafeBurnerWallet(iotaClient) {
356
379
  get icon() {
357
380
  return "data:image/png;base64,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";
358
381
  }
359
- // Return the Iota chains that your wallet supports.
382
+ // Return the IOTA chains that your wallet supports.
360
383
  get chains() {
361
384
  return SUPPORTED_CHAINS;
362
385
  }
@@ -377,13 +400,13 @@ function registerUnsafeBurnerWallet(iotaClient) {
377
400
  version: "1.0.0",
378
401
  signPersonalMessage: __privateGet(this, _signPersonalMessage)
379
402
  },
380
- "iota:signTransactionBlock": {
381
- version: "1.0.0",
382
- signTransactionBlock: __privateGet(this, _signTransactionBlock)
403
+ "iota:signTransaction": {
404
+ version: "2.0.0",
405
+ signTransaction: __privateGet(this, _signTransaction)
383
406
  },
384
- "iota:signAndExecuteTransactionBlock": {
385
- version: "1.0.0",
386
- signAndExecuteTransactionBlock: __privateGet(this, _signAndExecuteTransactionBlock)
407
+ "iota:signAndExecuteTransaction": {
408
+ version: "2.0.0",
409
+ signAndExecuteTransaction: __privateGet(this, _signAndExecuteTransaction)
387
410
  }
388
411
  };
389
412
  }
@@ -391,8 +414,8 @@ function registerUnsafeBurnerWallet(iotaClient) {
391
414
  _on = new WeakMap();
392
415
  _connect = new WeakMap();
393
416
  _signPersonalMessage = new WeakMap();
394
- _signTransactionBlock = new WeakMap();
395
- _signAndExecuteTransactionBlock = new WeakMap();
417
+ _signTransaction = new WeakMap();
418
+ _signAndExecuteTransaction = new WeakMap();
396
419
  return walletsApi.register(new UnsafeBurnerWallet());
397
420
  }
398
421
 
@@ -417,17 +440,18 @@ function useWalletPropertiesChanged() {
417
440
  // src/hooks/wallet/useWalletsChanged.ts
418
441
  import { getWallets as getWallets3 } from "@iota/wallet-standard";
419
442
  import { useEffect as useEffect3 } from "react";
420
- function useWalletsChanged(preferredWallets, requiredFeatures) {
443
+ function useWalletsChanged(preferredWallets, walletFilter) {
421
444
  const setWalletRegistered = useWalletStore((state) => state.setWalletRegistered);
422
445
  const setWalletUnregistered = useWalletStore((state) => state.setWalletUnregistered);
423
446
  useEffect3(() => {
424
447
  const walletsApi = getWallets3();
448
+ setWalletRegistered(getRegisteredWallets(preferredWallets, walletFilter));
425
449
  const unsubscribeFromRegister = walletsApi.on("register", () => {
426
- setWalletRegistered(getRegisteredWallets(preferredWallets, requiredFeatures));
450
+ setWalletRegistered(getRegisteredWallets(preferredWallets, walletFilter));
427
451
  });
428
452
  const unsubscribeFromUnregister = walletsApi.on("unregister", (unregisteredWallet) => {
429
453
  setWalletUnregistered(
430
- getRegisteredWallets(preferredWallets, requiredFeatures),
454
+ getRegisteredWallets(preferredWallets, walletFilter),
431
455
  unregisteredWallet
432
456
  );
433
457
  });
@@ -435,7 +459,7 @@ function useWalletsChanged(preferredWallets, requiredFeatures) {
435
459
  unsubscribeFromRegister();
436
460
  unsubscribeFromUnregister();
437
461
  };
438
- }, [preferredWallets, requiredFeatures, setWalletRegistered, setWalletUnregistered]);
462
+ }, [preferredWallets, walletFilter, setWalletRegistered, setWalletUnregistered]);
439
463
  }
440
464
 
441
465
  // src/themes/lightTheme.ts
@@ -451,18 +475,18 @@ var lightTheme = {
451
475
  modalPrimary: "white",
452
476
  modalSecondary: "#F7F8F8",
453
477
  iconButton: "transparent",
454
- iconButtonHover: "#F0F1F2",
455
478
  dropdownMenu: "#FFFFFF",
456
479
  dropdownMenuSeparator: "#F3F6F8",
457
480
  walletItemSelected: "white",
458
- walletItemHover: "#3C424226"
481
+ walletItemHover: "#3C424226",
482
+ scrollThumb: "#cad4e2"
459
483
  },
460
484
  borderColors: {
461
485
  outlineButton: "#E4E4E7"
462
486
  },
463
487
  colors: {
464
488
  primaryButton: "#373737",
465
- outlineButton: "#373737",
489
+ outlineButtonHover: "#373737",
466
490
  iconButton: "#000000",
467
491
  body: "#182435",
468
492
  bodyMuted: "#767A81",
@@ -472,11 +496,8 @@ var lightTheme = {
472
496
  small: "6px",
473
497
  medium: "8px",
474
498
  large: "12px",
475
- xlarge: "16px"
476
- },
477
- shadows: {
478
- primaryButton: "0px 4px 12px rgba(0, 0, 0, 0.1)",
479
- walletItemSelected: "0px 2px 6px rgba(0, 0, 0, 0.05)"
499
+ xlarge: "16px",
500
+ full: "120px"
480
501
  },
481
502
  fontWeights: {
482
503
  normal: "400",
@@ -494,6 +515,14 @@ var lightTheme = {
494
515
  fontStyle: "normal",
495
516
  lineHeight: "1.3",
496
517
  letterSpacing: "1"
518
+ },
519
+ spacing: {
520
+ xxsmall: "4px",
521
+ xsmall: "8px",
522
+ small: "12px",
523
+ medium: "16px",
524
+ large: "24px",
525
+ xlarge: "32px"
497
526
  }
498
527
  };
499
528
 
@@ -517,19 +546,21 @@ function createWalletStore({
517
546
  lastConnectedAccountAddress: null,
518
547
  lastConnectedWalletName: null,
519
548
  connectionStatus: "disconnected",
549
+ supportedIntents: [],
520
550
  setConnectionStatus(connectionStatus) {
521
551
  set(() => ({
522
552
  connectionStatus
523
553
  }));
524
554
  },
525
- setWalletConnected(wallet, connectedAccounts, selectedAccount) {
555
+ setWalletConnected(wallet, connectedAccounts, selectedAccount, supportedIntents = []) {
526
556
  set(() => ({
527
557
  accounts: connectedAccounts,
528
558
  currentWallet: wallet,
529
559
  currentAccount: selectedAccount,
530
560
  lastConnectedWalletName: getWalletUniqueIdentifier(wallet),
531
561
  lastConnectedAccountAddress: selectedAccount?.address,
532
- connectionStatus: "connected"
562
+ connectionStatus: "connected",
563
+ supportedIntents
533
564
  }));
534
565
  },
535
566
  setWalletDisconnected() {
@@ -539,7 +570,8 @@ function createWalletStore({
539
570
  currentAccount: null,
540
571
  lastConnectedWalletName: null,
541
572
  lastConnectedAccountAddress: null,
542
- connectionStatus: "disconnected"
573
+ connectionStatus: "disconnected",
574
+ supportedIntents: []
543
575
  }));
544
576
  },
545
577
  setAccountSwitched(selectedAccount) {
@@ -560,7 +592,8 @@ function createWalletStore({
560
592
  currentAccount: null,
561
593
  lastConnectedWalletName: null,
562
594
  lastConnectedAccountAddress: null,
563
- connectionStatus: "disconnected"
595
+ connectionStatus: "disconnected",
596
+ supportedIntents: []
564
597
  }));
565
598
  } else {
566
599
  set(() => ({ wallets: updatedWallets }));
@@ -612,16 +645,16 @@ var themeContractValues = {
612
645
  modalPrimary: "",
613
646
  modalSecondary: "",
614
647
  iconButton: "",
615
- iconButtonHover: "",
616
648
  dropdownMenu: "",
617
- dropdownMenuSeparator: ""
649
+ dropdownMenuSeparator: "",
650
+ scrollThumb: ""
618
651
  },
619
652
  borderColors: {
620
653
  outlineButton: ""
621
654
  },
622
655
  colors: {
623
656
  primaryButton: "",
624
- outlineButton: "",
657
+ outlineButtonHover: "",
625
658
  body: "",
626
659
  bodyMuted: "",
627
660
  bodyDanger: "",
@@ -631,11 +664,8 @@ var themeContractValues = {
631
664
  small: "",
632
665
  medium: "",
633
666
  large: "",
634
- xlarge: ""
635
- },
636
- shadows: {
637
- primaryButton: "",
638
- walletItemSelected: ""
667
+ xlarge: "",
668
+ full: ""
639
669
  },
640
670
  fontWeights: {
641
671
  normal: "",
@@ -653,6 +683,14 @@ var themeContractValues = {
653
683
  fontStyle: "",
654
684
  lineHeight: "",
655
685
  letterSpacing: ""
686
+ },
687
+ spacing: {
688
+ xxsmall: "",
689
+ xsmall: "",
690
+ small: "",
691
+ medium: "",
692
+ large: "",
693
+ xlarge: ""
656
694
  }
657
695
  };
658
696
  var themeVars = createGlobalThemeContract(
@@ -667,6 +705,8 @@ function InjectedThemeStyles({ theme }) {
667
705
  return /* @__PURE__ */ jsx2(
668
706
  "style",
669
707
  {
708
+ precedence: "default",
709
+ href: "iota-dapp-kit-theme",
670
710
  dangerouslySetInnerHTML: {
671
711
  __html: themeStyles
672
712
  }
@@ -691,7 +731,7 @@ function cssStringFromTheme(theme) {
691
731
  import { jsx as jsx3, jsxs } from "react/jsx-runtime";
692
732
  function WalletProvider({
693
733
  preferredWallets = DEFAULT_PREFERRED_WALLETS,
694
- requiredFeatures = DEFAULT_REQUIRED_FEATURES,
734
+ walletFilter = DEFAULT_WALLET_FILTER,
695
735
  storage = DEFAULT_STORAGE,
696
736
  storageKey = DEFAULT_STORAGE_KEY,
697
737
  enableUnsafeBurner = false,
@@ -702,7 +742,7 @@ function WalletProvider({
702
742
  const storeRef = useRef(
703
743
  createWalletStore({
704
744
  autoConnectEnabled: autoConnect,
705
- wallets: getRegisteredWallets(preferredWallets, requiredFeatures),
745
+ wallets: getRegisteredWallets(preferredWallets, walletFilter),
706
746
  storage: storage || createInMemoryStore(),
707
747
  storageKey
708
748
  })
@@ -711,7 +751,7 @@ function WalletProvider({
711
751
  WalletConnectionManager,
712
752
  {
713
753
  preferredWallets,
714
- requiredFeatures,
754
+ walletFilter,
715
755
  enableUnsafeBurner,
716
756
  children: [
717
757
  theme ? /* @__PURE__ */ jsx3(InjectedThemeStyles, { theme }) : null,
@@ -722,11 +762,11 @@ function WalletProvider({
722
762
  }
723
763
  function WalletConnectionManager({
724
764
  preferredWallets = DEFAULT_PREFERRED_WALLETS,
725
- requiredFeatures = DEFAULT_REQUIRED_FEATURES,
765
+ walletFilter = DEFAULT_WALLET_FILTER,
726
766
  enableUnsafeBurner = false,
727
767
  children
728
768
  }) {
729
- useWalletsChanged(preferredWallets, requiredFeatures);
769
+ useWalletsChanged(preferredWallets, walletFilter);
730
770
  useWalletPropertiesChanged();
731
771
  useUnsafeBurnerWallet(enableUnsafeBurner);
732
772
  useAutoConnectWallet();