@iota/dapp-kit 0.2.0 → 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 (437) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/README.md +14 -12
  3. package/dist/cjs/components/AccountDropdownMenu.css +26 -54
  4. package/dist/cjs/components/AccountDropdownMenu.css.css +18 -27
  5. package/dist/cjs/components/AccountDropdownMenu.css.css.map +3 -3
  6. package/dist/cjs/components/AccountDropdownMenu.css.d.ts +0 -1
  7. package/dist/cjs/components/AccountDropdownMenu.css.js +4 -6
  8. package/dist/cjs/components/AccountDropdownMenu.css.js.map +2 -2
  9. package/dist/cjs/components/AccountDropdownMenu.css.map +3 -3
  10. package/dist/cjs/components/AccountDropdownMenu.d.ts +3 -1
  11. package/dist/cjs/components/AccountDropdownMenu.js +25 -21
  12. package/dist/cjs/components/AccountDropdownMenu.js.map +3 -3
  13. package/dist/cjs/components/ConnectButton.css +181 -190
  14. package/dist/cjs/components/ConnectButton.css.map +3 -3
  15. package/dist/cjs/components/ConnectButton.d.ts +5 -3
  16. package/dist/cjs/components/ConnectButton.js +344 -669
  17. package/dist/cjs/components/ConnectButton.js.map +4 -4
  18. package/dist/cjs/components/IotaClientProvider.d.ts +0 -1
  19. package/dist/cjs/components/WalletProvider.d.ts +3 -3
  20. package/dist/cjs/components/WalletProvider.js +107 -152
  21. package/dist/cjs/components/WalletProvider.js.map +3 -3
  22. package/dist/cjs/components/connect-modal/ConnectModal.css +214 -172
  23. package/dist/cjs/components/connect-modal/ConnectModal.css.css +69 -32
  24. package/dist/cjs/components/connect-modal/ConnectModal.css.css.map +3 -3
  25. package/dist/cjs/components/connect-modal/ConnectModal.css.d.ts +5 -1
  26. package/dist/cjs/components/connect-modal/ConnectModal.css.js +15 -7
  27. package/dist/cjs/components/connect-modal/ConnectModal.css.js.map +2 -2
  28. package/dist/cjs/components/connect-modal/ConnectModal.css.map +3 -3
  29. package/dist/cjs/components/connect-modal/ConnectModal.js +411 -707
  30. package/dist/cjs/components/connect-modal/ConnectModal.js.map +4 -4
  31. package/dist/cjs/components/connect-modal/InfoSection.css +7 -11
  32. package/dist/cjs/components/connect-modal/InfoSection.css.css.map +1 -1
  33. package/dist/cjs/components/connect-modal/InfoSection.css.map +3 -3
  34. package/dist/cjs/components/connect-modal/InfoSection.js +1 -1
  35. package/dist/cjs/components/connect-modal/InfoSection.js.map +2 -2
  36. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css +145 -0
  37. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.css +32 -0
  38. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.css.map +7 -0
  39. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.d.ts +5 -0
  40. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.js +35 -0
  41. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.js.map +7 -0
  42. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.map +7 -0
  43. package/dist/cjs/components/connect-modal/views/ConnectionStatus.d.ts +8 -0
  44. package/dist/cjs/components/connect-modal/views/ConnectionStatus.js +173 -0
  45. package/dist/cjs/components/connect-modal/views/ConnectionStatus.js.map +7 -0
  46. package/dist/cjs/components/connect-modal/views/GetTheWallet.css.css.map +1 -1
  47. package/dist/cjs/components/connect-modal/views/GetTheWallet.css.map +1 -1
  48. package/dist/cjs/components/connect-modal/views/GetTheWallet.js +12 -391
  49. package/dist/cjs/components/connect-modal/views/GetTheWallet.js.map +2 -2
  50. package/dist/cjs/components/connect-modal/views/GettingStarted.css +144 -0
  51. package/dist/cjs/components/connect-modal/views/GettingStarted.css.css +23 -0
  52. package/dist/cjs/components/connect-modal/views/GettingStarted.css.css.map +7 -0
  53. package/dist/cjs/components/connect-modal/views/GettingStarted.css.d.ts +3 -0
  54. package/dist/cjs/components/connect-modal/views/GettingStarted.css.js +31 -0
  55. package/dist/cjs/components/connect-modal/views/GettingStarted.css.js.map +7 -0
  56. package/dist/cjs/components/connect-modal/views/GettingStarted.css.map +7 -0
  57. package/dist/cjs/components/connect-modal/views/GettingStarted.d.ts +1 -0
  58. package/dist/cjs/components/connect-modal/views/GettingStarted.js +172 -0
  59. package/dist/cjs/components/connect-modal/views/GettingStarted.js.map +7 -0
  60. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css +95 -0
  61. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.css +17 -0
  62. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.css.map +7 -0
  63. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.d.ts +2 -0
  64. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.js +29 -0
  65. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.js.map +7 -0
  66. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.map +7 -0
  67. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.d.ts +1 -0
  68. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.js +135 -0
  69. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.js.map +7 -0
  70. package/dist/cjs/components/connect-modal/views/index.css +115 -124
  71. package/dist/cjs/components/connect-modal/views/index.css.map +3 -3
  72. package/dist/cjs/components/connect-modal/views/index.d.ts +2 -1
  73. package/dist/cjs/components/connect-modal/views/index.js +136 -640
  74. package/dist/cjs/components/connect-modal/views/index.js.map +4 -4
  75. package/dist/cjs/components/connect-modal/wallet-list/WalletList.css +10 -22
  76. package/dist/cjs/components/connect-modal/wallet-list/WalletList.css.css +2 -5
  77. package/dist/cjs/components/connect-modal/wallet-list/WalletList.css.css.map +3 -3
  78. package/dist/cjs/components/connect-modal/wallet-list/WalletList.css.js.map +1 -1
  79. package/dist/cjs/components/connect-modal/wallet-list/WalletList.css.map +3 -3
  80. package/dist/cjs/components/connect-modal/wallet-list/WalletList.d.ts +4 -4
  81. package/dist/cjs/components/connect-modal/wallet-list/WalletList.js +61 -38
  82. package/dist/cjs/components/connect-modal/wallet-list/WalletList.js.map +4 -4
  83. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css +8 -17
  84. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.css +8 -17
  85. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.css.map +3 -3
  86. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.d.ts +0 -1
  87. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.js +2 -4
  88. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.js.map +2 -2
  89. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.map +3 -3
  90. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.js +5 -32
  91. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.js.map +4 -4
  92. package/dist/cjs/components/icons/BackIcon.d.ts +2 -0
  93. package/dist/cjs/components/icons/BackIcon.js +36 -0
  94. package/dist/cjs/components/icons/BackIcon.js.map +7 -0
  95. package/dist/cjs/components/icons/IotaIcon.js +12 -391
  96. package/dist/cjs/components/icons/IotaIcon.js.map +2 -2
  97. package/dist/cjs/components/styling/InjectedThemeStyles.js +2 -0
  98. package/dist/cjs/components/styling/InjectedThemeStyles.js.map +2 -2
  99. package/dist/cjs/components/styling/StyleMarker.css +1 -16
  100. package/dist/cjs/components/styling/StyleMarker.css.css +1 -16
  101. package/dist/cjs/components/styling/StyleMarker.css.css.map +3 -3
  102. package/dist/cjs/components/styling/StyleMarker.css.map +3 -3
  103. package/dist/cjs/components/styling/StyleMarker.d.ts +0 -1
  104. package/dist/cjs/components/styling/StyleMarker.js +4 -4
  105. package/dist/cjs/components/styling/StyleMarker.js.map +3 -3
  106. package/dist/cjs/components/ui/Button.css.css.map +1 -1
  107. package/dist/cjs/components/ui/Button.css.map +1 -1
  108. package/dist/cjs/components/ui/Button.d.ts +1 -1
  109. package/dist/cjs/components/ui/Heading.css.css.map +1 -1
  110. package/dist/cjs/components/ui/Heading.css.map +1 -1
  111. package/dist/cjs/components/ui/Heading.d.ts +0 -1
  112. package/dist/cjs/components/ui/IconButton.css.css.map +1 -1
  113. package/dist/cjs/components/ui/IconButton.css.map +1 -1
  114. package/dist/cjs/components/ui/IconButton.d.ts +1 -1
  115. package/dist/cjs/components/ui/Text.css +7 -11
  116. package/dist/cjs/components/ui/Text.css.css +7 -11
  117. package/dist/cjs/components/ui/Text.css.css.map +3 -3
  118. package/dist/cjs/components/ui/Text.css.d.ts +0 -3
  119. package/dist/cjs/components/ui/Text.css.js +1 -1
  120. package/dist/cjs/components/ui/Text.css.js.map +2 -2
  121. package/dist/cjs/components/ui/Text.css.map +3 -3
  122. package/dist/cjs/components/ui/Text.d.ts +0 -1
  123. package/dist/cjs/components/ui/Text.js +1 -1
  124. package/dist/cjs/components/ui/Text.js.map +2 -2
  125. package/dist/cjs/constants/styleDataAttribute.js.map +1 -1
  126. package/dist/cjs/constants/walletDefaults.d.ts +2 -2
  127. package/dist/cjs/constants/walletDefaults.js +4 -5
  128. package/dist/cjs/constants/walletDefaults.js.map +2 -2
  129. package/dist/cjs/constants/walletMutationKeys.d.ts +3 -2
  130. package/dist/cjs/constants/walletMutationKeys.js +4 -3
  131. package/dist/cjs/constants/walletMutationKeys.js.map +2 -2
  132. package/dist/cjs/contexts/walletContext.d.ts +1 -2
  133. package/dist/cjs/hooks/useIotaClientInfiniteQuery.js.map +2 -2
  134. package/dist/cjs/hooks/useIotaClientQuery.js +3 -1
  135. package/dist/cjs/hooks/useIotaClientQuery.js.map +2 -2
  136. package/dist/cjs/hooks/wallet/useAutoConnectWallet.js +17 -7
  137. package/dist/cjs/hooks/wallet/useAutoConnectWallet.js.map +2 -2
  138. package/dist/cjs/hooks/wallet/useConnectWallet.js +10 -4
  139. package/dist/cjs/hooks/wallet/useConnectWallet.js.map +2 -2
  140. package/dist/cjs/hooks/wallet/useCurrentWallet.d.ts +3 -0
  141. package/dist/cjs/hooks/wallet/useCurrentWallet.js +7 -3
  142. package/dist/cjs/hooks/wallet/useCurrentWallet.js.map +2 -2
  143. package/dist/cjs/hooks/wallet/useDisconnectWallet.js +11 -6
  144. package/dist/cjs/hooks/wallet/useDisconnectWallet.js.map +2 -2
  145. package/dist/cjs/hooks/wallet/useReportTransactionEffects.d.ts +15 -0
  146. package/dist/cjs/hooks/wallet/{useSignTransactionBlock.js → useReportTransactionEffects.js} +41 -37
  147. package/dist/cjs/hooks/wallet/useReportTransactionEffects.js.map +7 -0
  148. package/dist/cjs/hooks/wallet/useSignAndExecuteTransaction.d.ts +29 -0
  149. package/dist/cjs/hooks/wallet/useSignAndExecuteTransaction.js +252 -0
  150. package/dist/cjs/hooks/wallet/useSignAndExecuteTransaction.js.map +7 -0
  151. package/dist/cjs/hooks/wallet/useSignPersonalMessage.js +21 -27
  152. package/dist/cjs/hooks/wallet/useSignPersonalMessage.js.map +2 -2
  153. package/dist/cjs/hooks/wallet/useSignTransaction.d.ts +18 -0
  154. package/dist/cjs/hooks/wallet/{useSignAndExecuteTransactionBlock.js → useSignTransaction.js} +86 -46
  155. package/dist/cjs/hooks/wallet/useSignTransaction.js.map +7 -0
  156. package/dist/cjs/hooks/wallet/useSwitchAccount.js +11 -6
  157. package/dist/cjs/hooks/wallet/useSwitchAccount.js.map +2 -2
  158. package/dist/cjs/hooks/wallet/useUnsafeBurnerWallet.js +45 -33
  159. package/dist/cjs/hooks/wallet/useUnsafeBurnerWallet.js.map +2 -2
  160. package/dist/cjs/hooks/wallet/useWalletPropertiesChanged.js +7 -3
  161. package/dist/cjs/hooks/wallet/useWalletPropertiesChanged.js.map +2 -2
  162. package/dist/cjs/hooks/wallet/useWalletsChanged.d.ts +1 -1
  163. package/dist/cjs/hooks/wallet/useWalletsChanged.js +7 -6
  164. package/dist/cjs/hooks/wallet/useWalletsChanged.js.map +2 -2
  165. package/dist/cjs/index.css +232 -241
  166. package/dist/cjs/index.css.map +3 -3
  167. package/dist/cjs/index.d.ts +4 -3
  168. package/dist/cjs/index.js +816 -1042
  169. package/dist/cjs/index.js.map +4 -4
  170. package/dist/cjs/themes/lightTheme.js +19 -19
  171. package/dist/cjs/themes/lightTheme.js.map +1 -1
  172. package/dist/cjs/themes/themeContract.js.map +1 -1
  173. package/dist/cjs/types.d.ts +1 -1
  174. package/dist/cjs/types.js.map +1 -1
  175. package/dist/cjs/utils/assertUnreachable.js.map +1 -1
  176. package/dist/cjs/utils/walletUtils.d.ts +2 -2
  177. package/dist/cjs/utils/walletUtils.js +2 -2
  178. package/dist/cjs/utils/walletUtils.js.map +2 -2
  179. package/dist/cjs/walletStore.d.ts +3 -2
  180. package/dist/cjs/walletStore.js +8 -4
  181. package/dist/cjs/walletStore.js.map +2 -2
  182. package/dist/esm/components/AccountDropdownMenu.css +26 -54
  183. package/dist/esm/components/AccountDropdownMenu.css.css +18 -27
  184. package/dist/esm/components/AccountDropdownMenu.css.css.map +3 -3
  185. package/dist/esm/components/AccountDropdownMenu.css.d.ts +0 -1
  186. package/dist/esm/components/AccountDropdownMenu.css.js +4 -6
  187. package/dist/esm/components/AccountDropdownMenu.css.js.map +2 -2
  188. package/dist/esm/components/AccountDropdownMenu.css.map +3 -3
  189. package/dist/esm/components/AccountDropdownMenu.d.ts +3 -1
  190. package/dist/esm/components/AccountDropdownMenu.js +25 -21
  191. package/dist/esm/components/AccountDropdownMenu.js.map +3 -3
  192. package/dist/esm/components/ConnectButton.css +181 -190
  193. package/dist/esm/components/ConnectButton.css.map +3 -3
  194. package/dist/esm/components/ConnectButton.d.ts +5 -3
  195. package/dist/esm/components/ConnectButton.js +344 -669
  196. package/dist/esm/components/ConnectButton.js.map +4 -4
  197. package/dist/esm/components/IotaClientProvider.d.ts +0 -1
  198. package/dist/esm/components/WalletProvider.d.ts +3 -3
  199. package/dist/esm/components/WalletProvider.js +106 -151
  200. package/dist/esm/components/WalletProvider.js.map +3 -3
  201. package/dist/esm/components/connect-modal/ConnectModal.css +214 -172
  202. package/dist/esm/components/connect-modal/ConnectModal.css.css +69 -32
  203. package/dist/esm/components/connect-modal/ConnectModal.css.css.map +3 -3
  204. package/dist/esm/components/connect-modal/ConnectModal.css.d.ts +5 -1
  205. package/dist/esm/components/connect-modal/ConnectModal.css.js +15 -7
  206. package/dist/esm/components/connect-modal/ConnectModal.css.js.map +2 -2
  207. package/dist/esm/components/connect-modal/ConnectModal.css.map +3 -3
  208. package/dist/esm/components/connect-modal/ConnectModal.js +407 -703
  209. package/dist/esm/components/connect-modal/ConnectModal.js.map +4 -4
  210. package/dist/esm/components/connect-modal/InfoSection.css +7 -11
  211. package/dist/esm/components/connect-modal/InfoSection.css.css.map +1 -1
  212. package/dist/esm/components/connect-modal/InfoSection.css.map +3 -3
  213. package/dist/esm/components/connect-modal/InfoSection.js +1 -1
  214. package/dist/esm/components/connect-modal/InfoSection.js.map +2 -2
  215. package/dist/esm/components/connect-modal/views/ConnectionStatus.css +145 -0
  216. package/dist/esm/components/connect-modal/views/ConnectionStatus.css.css +32 -0
  217. package/dist/esm/components/connect-modal/views/ConnectionStatus.css.css.map +7 -0
  218. package/dist/esm/components/connect-modal/views/ConnectionStatus.css.d.ts +5 -0
  219. package/dist/esm/components/connect-modal/views/ConnectionStatus.css.js +14 -0
  220. package/dist/esm/components/connect-modal/views/ConnectionStatus.css.js.map +7 -0
  221. package/dist/esm/components/connect-modal/views/ConnectionStatus.css.map +7 -0
  222. package/dist/esm/components/connect-modal/views/ConnectionStatus.d.ts +8 -0
  223. package/dist/esm/components/connect-modal/views/ConnectionStatus.js +140 -0
  224. package/dist/esm/components/connect-modal/views/ConnectionStatus.js.map +7 -0
  225. package/dist/esm/components/connect-modal/views/GetTheWallet.css.css.map +1 -1
  226. package/dist/esm/components/connect-modal/views/GetTheWallet.css.map +1 -1
  227. package/dist/esm/components/connect-modal/views/GetTheWallet.js +12 -391
  228. package/dist/esm/components/connect-modal/views/GetTheWallet.js.map +2 -2
  229. package/dist/esm/components/connect-modal/views/GettingStarted.css +144 -0
  230. package/dist/esm/components/connect-modal/views/GettingStarted.css.css +23 -0
  231. package/dist/esm/components/connect-modal/views/GettingStarted.css.css.map +7 -0
  232. package/dist/esm/components/connect-modal/views/GettingStarted.css.d.ts +3 -0
  233. package/dist/esm/components/connect-modal/views/GettingStarted.css.js +10 -0
  234. package/dist/esm/components/connect-modal/views/GettingStarted.css.js.map +7 -0
  235. package/dist/esm/components/connect-modal/views/GettingStarted.css.map +7 -0
  236. package/dist/esm/components/connect-modal/views/GettingStarted.d.ts +1 -0
  237. package/dist/esm/components/connect-modal/views/GettingStarted.js +139 -0
  238. package/dist/esm/components/connect-modal/views/GettingStarted.js.map +7 -0
  239. package/dist/esm/components/connect-modal/views/WhatIsAWallet.css +95 -0
  240. package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.css +17 -0
  241. package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.css.map +7 -0
  242. package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.d.ts +2 -0
  243. package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.js +8 -0
  244. package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.js.map +7 -0
  245. package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.map +7 -0
  246. package/dist/esm/components/connect-modal/views/WhatIsAWallet.d.ts +1 -0
  247. package/dist/esm/components/connect-modal/views/WhatIsAWallet.js +102 -0
  248. package/dist/esm/components/connect-modal/views/WhatIsAWallet.js.map +7 -0
  249. package/dist/esm/components/connect-modal/views/index.css +115 -124
  250. package/dist/esm/components/connect-modal/views/index.css.map +3 -3
  251. package/dist/esm/components/connect-modal/views/index.d.ts +2 -1
  252. package/dist/esm/components/connect-modal/views/index.js +141 -645
  253. package/dist/esm/components/connect-modal/views/index.js.map +4 -4
  254. package/dist/esm/components/connect-modal/wallet-list/WalletList.css +10 -22
  255. package/dist/esm/components/connect-modal/wallet-list/WalletList.css.css +2 -5
  256. package/dist/esm/components/connect-modal/wallet-list/WalletList.css.css.map +3 -3
  257. package/dist/esm/components/connect-modal/wallet-list/WalletList.css.js.map +1 -1
  258. package/dist/esm/components/connect-modal/wallet-list/WalletList.css.map +3 -3
  259. package/dist/esm/components/connect-modal/wallet-list/WalletList.d.ts +4 -4
  260. package/dist/esm/components/connect-modal/wallet-list/WalletList.js +61 -38
  261. package/dist/esm/components/connect-modal/wallet-list/WalletList.js.map +4 -4
  262. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css +8 -17
  263. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.css +8 -17
  264. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.css.map +3 -3
  265. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.d.ts +0 -1
  266. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.js +2 -4
  267. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.js.map +2 -2
  268. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.map +3 -3
  269. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.js +5 -32
  270. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.js.map +4 -4
  271. package/dist/esm/components/icons/BackIcon.d.ts +2 -0
  272. package/dist/esm/components/icons/BackIcon.js +15 -0
  273. package/dist/esm/components/icons/BackIcon.js.map +7 -0
  274. package/dist/esm/components/icons/IotaIcon.js +12 -391
  275. package/dist/esm/components/icons/IotaIcon.js.map +2 -2
  276. package/dist/esm/components/styling/InjectedThemeStyles.js +2 -0
  277. package/dist/esm/components/styling/InjectedThemeStyles.js.map +2 -2
  278. package/dist/esm/components/styling/StyleMarker.css +1 -16
  279. package/dist/esm/components/styling/StyleMarker.css.css +1 -16
  280. package/dist/esm/components/styling/StyleMarker.css.css.map +3 -3
  281. package/dist/esm/components/styling/StyleMarker.css.js +4 -4
  282. package/dist/esm/components/styling/StyleMarker.css.js.map +3 -3
  283. package/dist/esm/components/styling/StyleMarker.css.map +3 -3
  284. package/dist/esm/components/styling/StyleMarker.d.ts +0 -1
  285. package/dist/esm/components/styling/StyleMarker.js +4 -4
  286. package/dist/esm/components/styling/StyleMarker.js.map +3 -3
  287. package/dist/esm/components/ui/Button.css.css.map +1 -1
  288. package/dist/esm/components/ui/Button.css.map +1 -1
  289. package/dist/esm/components/ui/Button.d.ts +1 -1
  290. package/dist/esm/components/ui/Heading.css.css.map +1 -1
  291. package/dist/esm/components/ui/Heading.css.map +1 -1
  292. package/dist/esm/components/ui/Heading.d.ts +0 -1
  293. package/dist/esm/components/ui/IconButton.css.css.map +1 -1
  294. package/dist/esm/components/ui/IconButton.css.map +1 -1
  295. package/dist/esm/components/ui/IconButton.d.ts +1 -1
  296. package/dist/esm/components/ui/Text.css +7 -11
  297. package/dist/esm/components/ui/Text.css.css +7 -11
  298. package/dist/esm/components/ui/Text.css.css.map +3 -3
  299. package/dist/esm/components/ui/Text.css.d.ts +0 -3
  300. package/dist/esm/components/ui/Text.css.js +1 -1
  301. package/dist/esm/components/ui/Text.css.js.map +2 -2
  302. package/dist/esm/components/ui/Text.css.map +3 -3
  303. package/dist/esm/components/ui/Text.d.ts +0 -1
  304. package/dist/esm/components/ui/Text.js +1 -1
  305. package/dist/esm/components/ui/Text.js.map +2 -2
  306. package/dist/esm/constants/styleDataAttribute.js.map +1 -1
  307. package/dist/esm/constants/walletDefaults.d.ts +2 -2
  308. package/dist/esm/constants/walletDefaults.js +4 -5
  309. package/dist/esm/constants/walletDefaults.js.map +2 -2
  310. package/dist/esm/constants/walletMutationKeys.d.ts +3 -2
  311. package/dist/esm/constants/walletMutationKeys.js +4 -3
  312. package/dist/esm/constants/walletMutationKeys.js.map +2 -2
  313. package/dist/esm/contexts/walletContext.d.ts +1 -2
  314. package/dist/esm/hooks/useIotaClientInfiniteQuery.js.map +2 -2
  315. package/dist/esm/hooks/useIotaClientQuery.js +3 -1
  316. package/dist/esm/hooks/useIotaClientQuery.js.map +2 -2
  317. package/dist/esm/hooks/wallet/useAutoConnectWallet.js +17 -7
  318. package/dist/esm/hooks/wallet/useAutoConnectWallet.js.map +2 -2
  319. package/dist/esm/hooks/wallet/useConnectWallet.js +10 -4
  320. package/dist/esm/hooks/wallet/useConnectWallet.js.map +2 -2
  321. package/dist/esm/hooks/wallet/useCurrentWallet.d.ts +3 -0
  322. package/dist/esm/hooks/wallet/useCurrentWallet.js +7 -3
  323. package/dist/esm/hooks/wallet/useCurrentWallet.js.map +2 -2
  324. package/dist/esm/hooks/wallet/useDisconnectWallet.js +11 -6
  325. package/dist/esm/hooks/wallet/useDisconnectWallet.js.map +2 -2
  326. package/dist/esm/hooks/wallet/useReportTransactionEffects.d.ts +15 -0
  327. package/dist/esm/hooks/wallet/{useSignTransactionBlock.js → useReportTransactionEffects.js} +38 -34
  328. package/dist/esm/hooks/wallet/useReportTransactionEffects.js.map +7 -0
  329. package/dist/esm/hooks/wallet/useSignAndExecuteTransaction.d.ts +29 -0
  330. package/dist/esm/hooks/wallet/useSignAndExecuteTransaction.js +231 -0
  331. package/dist/esm/hooks/wallet/useSignAndExecuteTransaction.js.map +7 -0
  332. package/dist/esm/hooks/wallet/useSignPersonalMessage.js +21 -27
  333. package/dist/esm/hooks/wallet/useSignPersonalMessage.js.map +2 -2
  334. package/dist/esm/hooks/wallet/useSignTransaction.d.ts +18 -0
  335. package/dist/esm/hooks/wallet/{useSignAndExecuteTransactionBlock.js → useSignTransaction.js} +83 -43
  336. package/dist/esm/hooks/wallet/useSignTransaction.js.map +7 -0
  337. package/dist/esm/hooks/wallet/useSwitchAccount.js +11 -6
  338. package/dist/esm/hooks/wallet/useSwitchAccount.js.map +2 -2
  339. package/dist/esm/hooks/wallet/useUnsafeBurnerWallet.js +44 -32
  340. package/dist/esm/hooks/wallet/useUnsafeBurnerWallet.js.map +2 -2
  341. package/dist/esm/hooks/wallet/useWalletPropertiesChanged.js +7 -3
  342. package/dist/esm/hooks/wallet/useWalletPropertiesChanged.js.map +2 -2
  343. package/dist/esm/hooks/wallet/useWalletsChanged.d.ts +1 -1
  344. package/dist/esm/hooks/wallet/useWalletsChanged.js +7 -6
  345. package/dist/esm/hooks/wallet/useWalletsChanged.js.map +2 -2
  346. package/dist/esm/index.css +232 -241
  347. package/dist/esm/index.css.map +3 -3
  348. package/dist/esm/index.d.ts +4 -3
  349. package/dist/esm/index.js +818 -1044
  350. package/dist/esm/index.js.map +4 -4
  351. package/dist/esm/themes/lightTheme.js +19 -19
  352. package/dist/esm/themes/lightTheme.js.map +1 -1
  353. package/dist/esm/themes/themeContract.js.map +1 -1
  354. package/dist/esm/types.d.ts +1 -1
  355. package/dist/esm/utils/assertUnreachable.js.map +1 -1
  356. package/dist/esm/utils/walletUtils.d.ts +2 -2
  357. package/dist/esm/utils/walletUtils.js +2 -2
  358. package/dist/esm/utils/walletUtils.js.map +2 -2
  359. package/dist/esm/walletStore.d.ts +3 -2
  360. package/dist/esm/walletStore.js +8 -4
  361. package/dist/esm/walletStore.js.map +2 -2
  362. package/dist/index.css/package.json +5 -0
  363. package/dist/tsconfig.esm.tsbuildinfo +1 -1
  364. package/dist/tsconfig.tsbuildinfo +1 -1
  365. package/package.json +27 -28
  366. package/src/components/AccountDropdownMenu.css.ts +11 -17
  367. package/src/components/AccountDropdownMenu.tsx +10 -5
  368. package/src/components/ConnectButton.tsx +12 -5
  369. package/src/components/WalletProvider.tsx +11 -22
  370. package/src/components/connect-modal/ConnectModal.css.ts +58 -17
  371. package/src/components/connect-modal/ConnectModal.tsx +101 -16
  372. package/src/components/connect-modal/views/ConnectionStatus.css.ts +36 -0
  373. package/src/components/connect-modal/views/ConnectionStatus.tsx +55 -0
  374. package/src/components/connect-modal/views/GettingStarted.css.ts +26 -0
  375. package/src/components/connect-modal/views/GettingStarted.tsx +40 -0
  376. package/src/components/connect-modal/views/WhatIsAWallet.css.ts +20 -0
  377. package/src/components/connect-modal/views/WhatIsAWallet.tsx +24 -0
  378. package/src/components/connect-modal/views/index.ts +2 -1
  379. package/src/components/connect-modal/wallet-list/WalletList.css.ts +1 -5
  380. package/src/components/connect-modal/wallet-list/WalletList.tsx +25 -11
  381. package/src/components/connect-modal/wallet-list/WalletListItem.css.ts +6 -14
  382. package/src/components/connect-modal/wallet-list/WalletListItem.tsx +9 -12
  383. package/src/components/icons/BackIcon.tsx +18 -0
  384. package/src/components/icons/IotaIcon.tsx +6 -222
  385. package/src/components/styling/InjectedThemeStyles.tsx +4 -0
  386. package/src/components/styling/StyleMarker.css.ts +0 -15
  387. package/src/components/ui/Text.css.ts +1 -1
  388. package/src/constants/walletDefaults.ts +6 -5
  389. package/src/constants/walletMutationKeys.ts +3 -2
  390. package/src/hooks/useIotaClientInfiniteQuery.ts +2 -1
  391. package/src/hooks/useIotaClientQuery.ts +3 -1
  392. package/src/hooks/wallet/useAutoConnectWallet.ts +1 -1
  393. package/src/hooks/wallet/useConnectWallet.ts +6 -1
  394. package/src/hooks/wallet/useCurrentWallet.ts +4 -0
  395. package/src/hooks/wallet/useReportTransactionEffects.ts +87 -0
  396. package/src/hooks/wallet/useSignAndExecuteTransaction.ts +165 -0
  397. package/src/hooks/wallet/useSignPersonalMessage.ts +11 -25
  398. package/src/hooks/wallet/useSignTransaction.ts +117 -0
  399. package/src/hooks/wallet/useUnsafeBurnerWallet.ts +41 -18
  400. package/src/hooks/wallet/useWalletsChanged.ts +5 -4
  401. package/src/index.ts +4 -3
  402. package/src/themes/lightTheme.ts +19 -19
  403. package/src/types.ts +1 -1
  404. package/src/utils/walletUtils.ts +8 -3
  405. package/src/walletStore.ts +12 -1
  406. package/dist/cjs/components/connect-modal/views/WalletConnect.css +0 -179
  407. package/dist/cjs/components/connect-modal/views/WalletConnect.css.css +0 -51
  408. package/dist/cjs/components/connect-modal/views/WalletConnect.css.css.map +0 -7
  409. package/dist/cjs/components/connect-modal/views/WalletConnect.css.d.ts +0 -8
  410. package/dist/cjs/components/connect-modal/views/WalletConnect.css.js +0 -41
  411. package/dist/cjs/components/connect-modal/views/WalletConnect.css.js.map +0 -7
  412. package/dist/cjs/components/connect-modal/views/WalletConnect.css.map +0 -7
  413. package/dist/cjs/components/connect-modal/views/WalletConnect.d.ts +0 -7
  414. package/dist/cjs/components/connect-modal/views/WalletConnect.js +0 -325
  415. package/dist/cjs/components/connect-modal/views/WalletConnect.js.map +0 -7
  416. package/dist/cjs/hooks/wallet/useSignAndExecuteTransactionBlock.d.ts +0 -15
  417. package/dist/cjs/hooks/wallet/useSignAndExecuteTransactionBlock.js.map +0 -7
  418. package/dist/cjs/hooks/wallet/useSignTransactionBlock.d.ts +0 -13
  419. package/dist/cjs/hooks/wallet/useSignTransactionBlock.js.map +0 -7
  420. package/dist/esm/components/connect-modal/views/WalletConnect.css +0 -179
  421. package/dist/esm/components/connect-modal/views/WalletConnect.css.css +0 -51
  422. package/dist/esm/components/connect-modal/views/WalletConnect.css.css.map +0 -7
  423. package/dist/esm/components/connect-modal/views/WalletConnect.css.d.ts +0 -8
  424. package/dist/esm/components/connect-modal/views/WalletConnect.css.js +0 -20
  425. package/dist/esm/components/connect-modal/views/WalletConnect.css.js.map +0 -7
  426. package/dist/esm/components/connect-modal/views/WalletConnect.css.map +0 -7
  427. package/dist/esm/components/connect-modal/views/WalletConnect.d.ts +0 -7
  428. package/dist/esm/components/connect-modal/views/WalletConnect.js +0 -294
  429. package/dist/esm/components/connect-modal/views/WalletConnect.js.map +0 -7
  430. package/dist/esm/hooks/wallet/useSignAndExecuteTransactionBlock.d.ts +0 -15
  431. package/dist/esm/hooks/wallet/useSignAndExecuteTransactionBlock.js.map +0 -7
  432. package/dist/esm/hooks/wallet/useSignTransactionBlock.d.ts +0 -13
  433. package/dist/esm/hooks/wallet/useSignTransactionBlock.js.map +0 -7
  434. package/src/components/connect-modal/views/WalletConnect.css.ts +0 -55
  435. package/src/components/connect-modal/views/WalletConnect.tsx +0 -79
  436. package/src/hooks/wallet/useSignAndExecuteTransactionBlock.ts +0 -117
  437. package/src/hooks/wallet/useSignTransactionBlock.ts +0 -85
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/hooks/wallet/useWalletPropertiesChanged.ts", "../../../../src/hooks/wallet/useWalletStore.ts", "../../../../src/contexts/walletContext.ts", "../../../../src/hooks/wallet/useCurrentWallet.ts"],
4
- "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useEffect } from 'react';\n\nimport { useCurrentWallet } from './useCurrentWallet.js';\nimport { useWalletStore } from './useWalletStore.js';\n\n/**\n * Internal hook for easily handling various changes in properties for a wallet.\n */\nexport function useWalletPropertiesChanged() {\n const { currentWallet } = useCurrentWallet();\n const updateWalletAccounts = useWalletStore((state) => state.updateWalletAccounts);\n\n useEffect(() => {\n const unsubscribeFromEvents = currentWallet?.features['standard:events'].on(\n 'change',\n ({ accounts }) => {\n // TODO: We should handle features changing that might make the list of wallets\n // or even the current wallet incompatible with the dApp.\n if (accounts) {\n updateWalletAccounts(accounts);\n }\n },\n );\n return unsubscribeFromEvents;\n }, [currentWallet?.features, updateWalletAccounts]);\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useContext } from 'react';\nimport { useStore } from 'zustand';\n\nimport { WalletContext } from '../../contexts/walletContext.js';\nimport type { StoreState } from '../../walletStore.js';\n\nexport function useWalletStore<T>(selector: (state: StoreState) => T): T {\n const store = useContext(WalletContext);\n if (!store) {\n throw new Error(\n 'Could not find WalletContext. Ensure that you have set up the WalletProvider.',\n );\n }\n return useStore(store, selector);\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { createContext } from 'react';\n\nimport type { WalletStore } from '../walletStore.js';\n\nexport const WalletContext = createContext<WalletStore | null>(null);\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useWalletStore } from './useWalletStore.js';\n\n/**\n * Retrieves the wallet that is currently connected to the dApp, if one exists.\n */\nexport function useCurrentWallet() {\n const currentWallet = useWalletStore((state) => state.currentWallet);\n const connectionStatus = useWalletStore((state) => state.connectionStatus);\n\n switch (connectionStatus) {\n case 'connecting':\n return {\n connectionStatus,\n currentWallet: null,\n isDisconnected: false,\n isConnecting: true,\n isConnected: false,\n } as const;\n case 'disconnected':\n return {\n connectionStatus,\n currentWallet: null,\n isDisconnected: true,\n isConnecting: false,\n isConnected: false,\n } as const;\n case 'connected': {\n return {\n connectionStatus,\n currentWallet: currentWallet!,\n isDisconnected: false,\n isConnecting: false,\n isConnected: true,\n } as const;\n }\n }\n}\n"],
5
- "mappings": ";AAIA,SAAS,iBAAiB;;;ACA1B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;;;ACDzB,SAAS,qBAAqB;AAIvB,IAAM,gBAAgB,cAAkC,IAAI;;;ADE5D,SAAS,eAAkB,UAAuC;AACrE,QAAM,QAAQ,WAAW,aAAa;AACtC,MAAI,CAAC,OAAO;AACR,UAAM,IAAI;AAAA,MACN;AAAA,IACJ;AAAA,EACJ;AACA,SAAO,SAAS,OAAO,QAAQ;AACnC;;;AETO,SAAS,mBAAmB;AAC/B,QAAM,gBAAgB,eAAe,CAAC,UAAU,MAAM,aAAa;AACnE,QAAM,mBAAmB,eAAe,CAAC,UAAU,MAAM,gBAAgB;AAEzE,UAAQ,kBAAkB;AAAA,IACtB,KAAK;AACD,aAAO;AAAA,QACH;AAAA,QACA,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,cAAc;AAAA,QACd,aAAa;AAAA,MACjB;AAAA,IACJ,KAAK;AACD,aAAO;AAAA,QACH;AAAA,QACA,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,cAAc;AAAA,QACd,aAAa;AAAA,MACjB;AAAA,IACJ,KAAK,aAAa;AACd,aAAO;AAAA,QACH;AAAA,QACA;AAAA,QACA,gBAAgB;AAAA,QAChB,cAAc;AAAA,QACd,aAAa;AAAA,MACjB;AAAA,IACJ;AAAA,EACJ;AACJ;;;AH5BO,SAAS,6BAA6B;AACzC,QAAM,EAAE,cAAc,IAAI,iBAAiB;AAC3C,QAAM,uBAAuB,eAAe,CAAC,UAAU,MAAM,oBAAoB;AAEjF,YAAU,MAAM;AACZ,UAAM,wBAAwB,eAAe,SAAS,iBAAiB,EAAE;AAAA,MACrE;AAAA,MACA,CAAC,EAAE,SAAS,MAAM;AAGd,YAAI,UAAU;AACV,+BAAqB,QAAQ;AAAA,QACjC;AAAA,MACJ;AAAA,IACJ;AACA,WAAO;AAAA,EACX,GAAG,CAAC,eAAe,UAAU,oBAAoB,CAAC;AACtD;",
4
+ "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useEffect } from 'react';\n\nimport { useCurrentWallet } from './useCurrentWallet.js';\nimport { useWalletStore } from './useWalletStore.js';\n\n/**\n * Internal hook for easily handling various changes in properties for a wallet.\n */\nexport function useWalletPropertiesChanged() {\n const { currentWallet } = useCurrentWallet();\n const updateWalletAccounts = useWalletStore((state) => state.updateWalletAccounts);\n\n useEffect(() => {\n const unsubscribeFromEvents = currentWallet?.features['standard:events'].on(\n 'change',\n ({ accounts }) => {\n // TODO: We should handle features changing that might make the list of wallets\n // or even the current wallet incompatible with the dApp.\n if (accounts) {\n updateWalletAccounts(accounts);\n }\n },\n );\n return unsubscribeFromEvents;\n }, [currentWallet?.features, updateWalletAccounts]);\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useContext } from 'react';\nimport { useStore } from 'zustand';\n\nimport { WalletContext } from '../../contexts/walletContext.js';\nimport type { StoreState } from '../../walletStore.js';\n\nexport function useWalletStore<T>(selector: (state: StoreState) => T): T {\n const store = useContext(WalletContext);\n if (!store) {\n throw new Error(\n 'Could not find WalletContext. Ensure that you have set up the WalletProvider.',\n );\n }\n return useStore(store, selector);\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { createContext } from 'react';\n\nimport type { WalletStore } from '../walletStore.js';\n\nexport const WalletContext = createContext<WalletStore | null>(null);\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useWalletStore } from './useWalletStore.js';\n\n/**\n * Retrieves the wallet that is currently connected to the dApp, if one exists.\n */\nexport function useCurrentWallet() {\n const currentWallet = useWalletStore((state) => state.currentWallet);\n const connectionStatus = useWalletStore((state) => state.connectionStatus);\n const supportedIntents = useWalletStore((state) => state.supportedIntents);\n\n switch (connectionStatus) {\n case 'connecting':\n return {\n connectionStatus,\n currentWallet: null,\n isDisconnected: false,\n isConnecting: true,\n isConnected: false,\n supportedIntents: [],\n } as const;\n case 'disconnected':\n return {\n connectionStatus,\n currentWallet: null,\n isDisconnected: true,\n isConnecting: false,\n isConnected: false,\n supportedIntents: [],\n } as const;\n case 'connected': {\n return {\n connectionStatus,\n currentWallet: currentWallet!,\n isDisconnected: false,\n isConnecting: false,\n isConnected: true,\n supportedIntents,\n } as const;\n }\n }\n}\n"],
5
+ "mappings": ";AAIA,SAAS,iBAAiB;;;ACA1B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;;;ACDzB,SAAS,qBAAqB;AAIvB,IAAM,gBAAgB,cAAkC,IAAI;;;ADE5D,SAAS,eAAkB,UAAuC;AACrE,QAAM,QAAQ,WAAW,aAAa;AACtC,MAAI,CAAC,OAAO;AACR,UAAM,IAAI;AAAA,MACN;AAAA,IACJ;AAAA,EACJ;AACA,SAAO,SAAS,OAAO,QAAQ;AACnC;;;AETO,SAAS,mBAAmB;AAC/B,QAAM,gBAAgB,eAAe,CAAC,UAAU,MAAM,aAAa;AACnE,QAAM,mBAAmB,eAAe,CAAC,UAAU,MAAM,gBAAgB;AACzE,QAAM,mBAAmB,eAAe,CAAC,UAAU,MAAM,gBAAgB;AAEzE,UAAQ,kBAAkB;AAAA,IACtB,KAAK;AACD,aAAO;AAAA,QACH;AAAA,QACA,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,cAAc;AAAA,QACd,aAAa;AAAA,QACb,kBAAkB,CAAC;AAAA,MACvB;AAAA,IACJ,KAAK;AACD,aAAO;AAAA,QACH;AAAA,QACA,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,cAAc;AAAA,QACd,aAAa;AAAA,QACb,kBAAkB,CAAC;AAAA,MACvB;AAAA,IACJ,KAAK,aAAa;AACd,aAAO;AAAA,QACH;AAAA,QACA;AAAA,QACA,gBAAgB;AAAA,QAChB,cAAc;AAAA,QACd,aAAa;AAAA,QACb;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ;;;AHhCO,SAAS,6BAA6B;AACzC,QAAM,EAAE,cAAc,IAAI,iBAAiB;AAC3C,QAAM,uBAAuB,eAAe,CAAC,UAAU,MAAM,oBAAoB;AAEjF,YAAU,MAAM;AACZ,UAAM,wBAAwB,eAAe,SAAS,iBAAiB,EAAE;AAAA,MACrE;AAAA,MACA,CAAC,EAAE,SAAS,MAAM;AAGd,YAAI,UAAU;AACV,+BAAqB,QAAQ;AAAA,QACjC;AAAA,MACJ;AAAA,IACJ;AACA,WAAO;AAAA,EACX,GAAG,CAAC,eAAe,UAAU,oBAAoB,CAAC;AACtD;",
6
6
  "names": []
7
7
  }
@@ -2,4 +2,4 @@ import type { WalletWithRequiredFeatures } from '@iota/wallet-standard';
2
2
  /**
3
3
  * Internal hook for easily handling the addition and removal of new wallets.
4
4
  */
5
- export declare function useWalletsChanged(preferredWallets: string[], requiredFeatures: (keyof WalletWithRequiredFeatures['features'])[]): void;
5
+ export declare function useWalletsChanged(preferredWallets: string[], walletFilter?: (wallet: WalletWithRequiredFeatures) => boolean): void;
@@ -4,11 +4,11 @@ import { useEffect } from "react";
4
4
 
5
5
  // src/utils/walletUtils.ts
6
6
  import { getWallets, isWalletWithRequiredFeatureSet } from "@iota/wallet-standard";
7
- function getRegisteredWallets(preferredWallets, requiredFeatures) {
7
+ function getRegisteredWallets(preferredWallets, walletFilter) {
8
8
  const walletsApi = getWallets();
9
9
  const wallets = walletsApi.get();
10
10
  const iotaWallets = wallets.filter(
11
- (wallet) => isWalletWithRequiredFeatureSet(wallet, requiredFeatures)
11
+ (wallet) => isWalletWithRequiredFeatureSet(wallet) && (!walletFilter || walletFilter(wallet))
12
12
  );
13
13
  return [
14
14
  // Preferred wallets, in order:
@@ -38,17 +38,18 @@ function useWalletStore(selector) {
38
38
  }
39
39
 
40
40
  // src/hooks/wallet/useWalletsChanged.ts
41
- function useWalletsChanged(preferredWallets, requiredFeatures) {
41
+ function useWalletsChanged(preferredWallets, walletFilter) {
42
42
  const setWalletRegistered = useWalletStore((state) => state.setWalletRegistered);
43
43
  const setWalletUnregistered = useWalletStore((state) => state.setWalletUnregistered);
44
44
  useEffect(() => {
45
45
  const walletsApi = getWallets2();
46
+ setWalletRegistered(getRegisteredWallets(preferredWallets, walletFilter));
46
47
  const unsubscribeFromRegister = walletsApi.on("register", () => {
47
- setWalletRegistered(getRegisteredWallets(preferredWallets, requiredFeatures));
48
+ setWalletRegistered(getRegisteredWallets(preferredWallets, walletFilter));
48
49
  });
49
50
  const unsubscribeFromUnregister = walletsApi.on("unregister", (unregisteredWallet) => {
50
51
  setWalletUnregistered(
51
- getRegisteredWallets(preferredWallets, requiredFeatures),
52
+ getRegisteredWallets(preferredWallets, walletFilter),
52
53
  unregisteredWallet
53
54
  );
54
55
  });
@@ -56,7 +57,7 @@ function useWalletsChanged(preferredWallets, requiredFeatures) {
56
57
  unsubscribeFromRegister();
57
58
  unsubscribeFromUnregister();
58
59
  };
59
- }, [preferredWallets, requiredFeatures, setWalletRegistered, setWalletUnregistered]);
60
+ }, [preferredWallets, walletFilter, setWalletRegistered, setWalletUnregistered]);
60
61
  }
61
62
  export {
62
63
  useWalletsChanged
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/hooks/wallet/useWalletsChanged.ts", "../../../../src/utils/walletUtils.ts", "../../../../src/hooks/wallet/useWalletStore.ts", "../../../../src/contexts/walletContext.ts"],
4
- "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { WalletWithRequiredFeatures } from '@iota/wallet-standard';\nimport { getWallets } from '@iota/wallet-standard';\nimport { useEffect } from 'react';\n\nimport { getRegisteredWallets } from '../../utils/walletUtils.js';\nimport { useWalletStore } from './useWalletStore.js';\n\n/**\n * Internal hook for easily handling the addition and removal of new wallets.\n */\nexport function useWalletsChanged(\n preferredWallets: string[],\n requiredFeatures: (keyof WalletWithRequiredFeatures['features'])[],\n) {\n const setWalletRegistered = useWalletStore((state) => state.setWalletRegistered);\n const setWalletUnregistered = useWalletStore((state) => state.setWalletUnregistered);\n\n useEffect(() => {\n const walletsApi = getWallets();\n\n const unsubscribeFromRegister = walletsApi.on('register', () => {\n setWalletRegistered(getRegisteredWallets(preferredWallets, requiredFeatures));\n });\n\n const unsubscribeFromUnregister = walletsApi.on('unregister', (unregisteredWallet) => {\n setWalletUnregistered(\n getRegisteredWallets(preferredWallets, requiredFeatures),\n unregisteredWallet,\n );\n });\n\n return () => {\n unsubscribeFromRegister();\n unsubscribeFromUnregister();\n };\n }, [preferredWallets, requiredFeatures, setWalletRegistered, setWalletUnregistered]);\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { MinimallyRequiredFeatures, Wallet, WalletWithFeatures } from '@iota/wallet-standard';\nimport { getWallets, isWalletWithRequiredFeatureSet } from '@iota/wallet-standard';\n\nexport function getRegisteredWallets<AdditionalFeatures extends Wallet['features']>(\n preferredWallets: string[],\n requiredFeatures?: (keyof AdditionalFeatures)[],\n) {\n const walletsApi = getWallets();\n const wallets = walletsApi.get();\n\n const iotaWallets = wallets.filter(\n (wallet): wallet is WalletWithFeatures<MinimallyRequiredFeatures & AdditionalFeatures> =>\n isWalletWithRequiredFeatureSet(wallet, requiredFeatures),\n );\n\n return [\n // Preferred wallets, in order:\n ...(preferredWallets\n .map((name) => iotaWallets.find((wallet) => wallet.name === name))\n .filter(Boolean) as WalletWithFeatures<\n MinimallyRequiredFeatures & AdditionalFeatures\n >[]),\n\n // Wallets in default order:\n ...iotaWallets.filter((wallet) => !preferredWallets.includes(wallet.name)),\n ];\n}\n\nexport function getWalletUniqueIdentifier(wallet?: Wallet) {\n return wallet?.id ?? wallet?.name;\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useContext } from 'react';\nimport { useStore } from 'zustand';\n\nimport { WalletContext } from '../../contexts/walletContext.js';\nimport type { StoreState } from '../../walletStore.js';\n\nexport function useWalletStore<T>(selector: (state: StoreState) => T): T {\n const store = useContext(WalletContext);\n if (!store) {\n throw new Error(\n 'Could not find WalletContext. Ensure that you have set up the WalletProvider.',\n );\n }\n return useStore(store, selector);\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { createContext } from 'react';\n\nimport type { WalletStore } from '../walletStore.js';\n\nexport const WalletContext = createContext<WalletStore | null>(null);\n"],
5
- "mappings": ";AAKA,SAAS,cAAAA,mBAAkB;AAC3B,SAAS,iBAAiB;;;ACD1B,SAAS,YAAY,sCAAsC;AAEpD,SAAS,qBACZ,kBACA,kBACF;AACE,QAAM,aAAa,WAAW;AAC9B,QAAM,UAAU,WAAW,IAAI;AAE/B,QAAM,cAAc,QAAQ;AAAA,IACxB,CAAC,WACG,+BAA+B,QAAQ,gBAAgB;AAAA,EAC/D;AAEA,SAAO;AAAA;AAAA,IAEH,GAAI,iBACC,IAAI,CAAC,SAAS,YAAY,KAAK,CAAC,WAAW,OAAO,SAAS,IAAI,CAAC,EAChE,OAAO,OAAO;AAAA;AAAA,IAKnB,GAAG,YAAY,OAAO,CAAC,WAAW,CAAC,iBAAiB,SAAS,OAAO,IAAI,CAAC;AAAA,EAC7E;AACJ;;;AC1BA,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;;;ACDzB,SAAS,qBAAqB;AAIvB,IAAM,gBAAgB,cAAkC,IAAI;;;ADE5D,SAAS,eAAkB,UAAuC;AACrE,QAAM,QAAQ,WAAW,aAAa;AACtC,MAAI,CAAC,OAAO;AACR,UAAM,IAAI;AAAA,MACN;AAAA,IACJ;AAAA,EACJ;AACA,SAAO,SAAS,OAAO,QAAQ;AACnC;;;AFJO,SAAS,kBACZ,kBACA,kBACF;AACE,QAAM,sBAAsB,eAAe,CAAC,UAAU,MAAM,mBAAmB;AAC/E,QAAM,wBAAwB,eAAe,CAAC,UAAU,MAAM,qBAAqB;AAEnF,YAAU,MAAM;AACZ,UAAM,aAAaC,YAAW;AAE9B,UAAM,0BAA0B,WAAW,GAAG,YAAY,MAAM;AAC5D,0BAAoB,qBAAqB,kBAAkB,gBAAgB,CAAC;AAAA,IAChF,CAAC;AAED,UAAM,4BAA4B,WAAW,GAAG,cAAc,CAAC,uBAAuB;AAClF;AAAA,QACI,qBAAqB,kBAAkB,gBAAgB;AAAA,QACvD;AAAA,MACJ;AAAA,IACJ,CAAC;AAED,WAAO,MAAM;AACT,8BAAwB;AACxB,gCAA0B;AAAA,IAC9B;AAAA,EACJ,GAAG,CAAC,kBAAkB,kBAAkB,qBAAqB,qBAAqB,CAAC;AACvF;",
4
+ "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { WalletWithRequiredFeatures } from '@iota/wallet-standard';\nimport { getWallets } from '@iota/wallet-standard';\nimport { useEffect } from 'react';\n\nimport { getRegisteredWallets } from '../../utils/walletUtils.js';\nimport { useWalletStore } from './useWalletStore.js';\n\n/**\n * Internal hook for easily handling the addition and removal of new wallets.\n */\nexport function useWalletsChanged(\n preferredWallets: string[],\n walletFilter?: (wallet: WalletWithRequiredFeatures) => boolean,\n) {\n const setWalletRegistered = useWalletStore((state) => state.setWalletRegistered);\n const setWalletUnregistered = useWalletStore((state) => state.setWalletUnregistered);\n\n useEffect(() => {\n const walletsApi = getWallets();\n setWalletRegistered(getRegisteredWallets(preferredWallets, walletFilter));\n\n const unsubscribeFromRegister = walletsApi.on('register', () => {\n setWalletRegistered(getRegisteredWallets(preferredWallets, walletFilter));\n });\n\n const unsubscribeFromUnregister = walletsApi.on('unregister', (unregisteredWallet) => {\n setWalletUnregistered(\n getRegisteredWallets(preferredWallets, walletFilter),\n unregisteredWallet,\n );\n });\n\n return () => {\n unsubscribeFromRegister();\n unsubscribeFromUnregister();\n };\n }, [preferredWallets, walletFilter, setWalletRegistered, setWalletUnregistered]);\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type {\n MinimallyRequiredFeatures,\n Wallet,\n WalletWithFeatures,\n WalletWithRequiredFeatures,\n} from '@iota/wallet-standard';\nimport { getWallets, isWalletWithRequiredFeatureSet } from '@iota/wallet-standard';\n\nexport function getRegisteredWallets<AdditionalFeatures extends Wallet['features']>(\n preferredWallets: string[],\n walletFilter?: (wallet: WalletWithRequiredFeatures) => boolean,\n) {\n const walletsApi = getWallets();\n const wallets = walletsApi.get();\n\n const iotaWallets = wallets.filter(\n (wallet): wallet is WalletWithFeatures<MinimallyRequiredFeatures & AdditionalFeatures> =>\n isWalletWithRequiredFeatureSet(wallet) && (!walletFilter || walletFilter(wallet)),\n );\n\n return [\n // Preferred wallets, in order:\n ...(preferredWallets\n .map((name) => iotaWallets.find((wallet) => wallet.name === name))\n .filter(Boolean) as WalletWithFeatures<\n MinimallyRequiredFeatures & AdditionalFeatures\n >[]),\n\n // Wallets in default order:\n ...iotaWallets.filter((wallet) => !preferredWallets.includes(wallet.name)),\n ];\n}\n\nexport function getWalletUniqueIdentifier(wallet?: Wallet) {\n return wallet?.id ?? wallet?.name;\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useContext } from 'react';\nimport { useStore } from 'zustand';\n\nimport { WalletContext } from '../../contexts/walletContext.js';\nimport type { StoreState } from '../../walletStore.js';\n\nexport function useWalletStore<T>(selector: (state: StoreState) => T): T {\n const store = useContext(WalletContext);\n if (!store) {\n throw new Error(\n 'Could not find WalletContext. Ensure that you have set up the WalletProvider.',\n );\n }\n return useStore(store, selector);\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { createContext } from 'react';\n\nimport type { WalletStore } from '../walletStore.js';\n\nexport const WalletContext = createContext<WalletStore | null>(null);\n"],
5
+ "mappings": ";AAKA,SAAS,cAAAA,mBAAkB;AAC3B,SAAS,iBAAiB;;;ACI1B,SAAS,YAAY,sCAAsC;AAEpD,SAAS,qBACZ,kBACA,cACF;AACE,QAAM,aAAa,WAAW;AAC9B,QAAM,UAAU,WAAW,IAAI;AAE/B,QAAM,cAAc,QAAQ;AAAA,IACxB,CAAC,WACG,+BAA+B,MAAM,MAAM,CAAC,gBAAgB,aAAa,MAAM;AAAA,EACvF;AAEA,SAAO;AAAA;AAAA,IAEH,GAAI,iBACC,IAAI,CAAC,SAAS,YAAY,KAAK,CAAC,WAAW,OAAO,SAAS,IAAI,CAAC,EAChE,OAAO,OAAO;AAAA;AAAA,IAKnB,GAAG,YAAY,OAAO,CAAC,WAAW,CAAC,iBAAiB,SAAS,OAAO,IAAI,CAAC;AAAA,EAC7E;AACJ;;;AC/BA,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;;;ACDzB,SAAS,qBAAqB;AAIvB,IAAM,gBAAgB,cAAkC,IAAI;;;ADE5D,SAAS,eAAkB,UAAuC;AACrE,QAAM,QAAQ,WAAW,aAAa;AACtC,MAAI,CAAC,OAAO;AACR,UAAM,IAAI;AAAA,MACN;AAAA,IACJ;AAAA,EACJ;AACA,SAAO,SAAS,OAAO,QAAQ;AACnC;;;AFJO,SAAS,kBACZ,kBACA,cACF;AACE,QAAM,sBAAsB,eAAe,CAAC,UAAU,MAAM,mBAAmB;AAC/E,QAAM,wBAAwB,eAAe,CAAC,UAAU,MAAM,qBAAqB;AAEnF,YAAU,MAAM;AACZ,UAAM,aAAaC,YAAW;AAC9B,wBAAoB,qBAAqB,kBAAkB,YAAY,CAAC;AAExE,UAAM,0BAA0B,WAAW,GAAG,YAAY,MAAM;AAC5D,0BAAoB,qBAAqB,kBAAkB,YAAY,CAAC;AAAA,IAC5E,CAAC;AAED,UAAM,4BAA4B,WAAW,GAAG,cAAc,CAAC,uBAAuB;AAClF;AAAA,QACI,qBAAqB,kBAAkB,YAAY;AAAA,QACnD;AAAA,MACJ;AAAA,IACJ,CAAC;AAED,WAAO,MAAM;AACT,8BAAwB;AACxB,gCAA0B;AAAA,IAC9B;AAAA,EACJ,GAAG,CAAC,kBAAkB,cAAc,qBAAqB,qBAAqB,CAAC;AACnF;",
6
6
  "names": ["getWallets", "getWallets"]
7
7
  }