@0xsequence/marketplace-sdk 0.9.0 → 0.10.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 (326) hide show
  1. package/.storybook/main.ts +63 -0
  2. package/.storybook/preview.ts +24 -0
  3. package/.storybook/vitest.setup.ts +6 -0
  4. package/CHANGELOG.md +77 -8
  5. package/dist/{CalendarIcon-DbQ7Vxcw.js → CalendarIcon-CqsuAuCm.js} +4 -51
  6. package/dist/CalendarIcon-CqsuAuCm.js.map +1 -0
  7. package/dist/{CollectibleCard-C8Ae64Ab.d.ts → CollectibleCard-Dd-CG6dE.d.ts} +8 -7
  8. package/dist/InfoIcon-v0w_Lu7t.js +53 -0
  9. package/dist/InfoIcon-v0w_Lu7t.js.map +1 -0
  10. package/dist/{_internal-BgWcRIak.js → _internal-C75gOSNo.js} +2 -10
  11. package/dist/_internal-C75gOSNo.js.map +1 -0
  12. package/dist/actionModal-CMUeVsFX.js +116 -0
  13. package/dist/actionModal-CMUeVsFX.js.map +1 -0
  14. package/dist/{alien_swap-B_76IMma.js → alien_swap-CYv6YlOF.js} +1 -1
  15. package/dist/{alien_swap-B_76IMma.js.map → alien_swap-CYv6YlOF.js.map} +1 -1
  16. package/dist/{api-DTIan01C.js → api-BiMGqWdz.js} +17 -34
  17. package/dist/api-BiMGqWdz.js.map +1 -0
  18. package/dist/{aqua-xyz-CMN_TFY5.js → aqua-xyz-Bzn5baeH.js} +1 -1
  19. package/dist/{aqua-xyz-CMN_TFY5.js.map → aqua-xyz-Bzn5baeH.js.map} +1 -1
  20. package/dist/{aura-Cye_TuHj.js → aura-DzIWh8WT.js} +1 -1
  21. package/dist/{aura-Cye_TuHj.js.map → aura-DzIWh8WT.js.map} +1 -1
  22. package/dist/base-DqaJPvfN.js +22 -0
  23. package/dist/base-DqaJPvfN.js.map +1 -0
  24. package/dist/{blur-DWDMyMpK.js → blur-DSH-Cbpj.js} +1 -1
  25. package/dist/{blur-DWDMyMpK.js.map → blur-DSH-Cbpj.js.map} +1 -1
  26. package/dist/{coinbase-ByA_XRB0.js → coinbase-Df8URNxq.js} +1 -1
  27. package/dist/{coinbase-ByA_XRB0.js.map → coinbase-Df8URNxq.js.map} +1 -1
  28. package/dist/{new-marketplace-types-Bfis0U4J.d.ts → create-config-DKJ-F0jc.d.ts} +402 -41
  29. package/dist/{wagmi-CDzEQbfk.js → create-config-fQ-jbJD1.js} +20 -10
  30. package/dist/create-config-fQ-jbJD1.js.map +1 -0
  31. package/dist/{element-b77CyXIZ.js → element-Cx6uJu5N.js} +1 -1
  32. package/dist/{element-b77CyXIZ.js.map → element-Cx6uJu5N.js.map} +1 -1
  33. package/dist/{foundation-DbOrKP9Y.js → foundation-D6U4aRLN.js} +1 -1
  34. package/dist/{foundation-DbOrKP9Y.js.map → foundation-D6U4aRLN.js.map} +1 -1
  35. package/dist/get-provider-CYYHfrlg.js +10 -0
  36. package/dist/get-provider-CYYHfrlg.js.map +1 -0
  37. package/dist/get-query-client-D19vvfJo.js +23 -0
  38. package/dist/get-query-client-D19vvfJo.js.map +1 -0
  39. package/dist/hooks-4pxIbLbM.js +4044 -0
  40. package/dist/hooks-4pxIbLbM.js.map +1 -0
  41. package/dist/{index-BL9RUSEK.d.ts → index-136YrWDH.d.ts} +1 -1
  42. package/dist/{index-D5v5iluA.d.ts → index-BAhaEfqY.d.ts} +1 -1
  43. package/dist/index-BKBin-rq.d.ts +979 -0
  44. package/dist/{index-BQsgAvtX.d.ts → index-BUWB_RXp.d.ts} +776 -570
  45. package/dist/{index-21LE7OhL.d.ts → index-BhVFc2rX.d.ts} +6 -3
  46. package/dist/{index-DXMfTZ1F.d.ts → index-C5aqo8xu.d.ts} +1 -1
  47. package/dist/{index-ByznONYE.d.ts → index-CKrYP7ot.d.ts} +20 -48
  48. package/dist/{index-DaE5ZNHb.d.ts → index-CUwMH7Ht.d.ts} +5 -5
  49. package/dist/{index-CLy8y5hm.d.ts → index-Cu70Lw-w.d.ts} +1 -1
  50. package/dist/index.css +414 -1
  51. package/dist/index.d.ts +8 -10
  52. package/dist/index.js +13 -9
  53. package/dist/{looks-rare-C1VqNcSM.js → looks-rare-ChBRBY-p.js} +1 -1
  54. package/dist/{looks-rare-C1VqNcSM.js.map → looks-rare-ChBRBY-p.js.map} +1 -1
  55. package/dist/{magic-eden-ea_AGCZr.js → magic-eden-D5U7N1xL.js} +1 -1
  56. package/dist/{magic-eden-ea_AGCZr.js.map → magic-eden-D5U7N1xL.js.map} +1 -1
  57. package/dist/{manifold-8y8J2sjT.js → manifold-CtLF52zU.js} +1 -1
  58. package/dist/{manifold-8y8J2sjT.js.map → manifold-CtLF52zU.js.map} +1 -1
  59. package/dist/{marketplace-nwnZv9Cb.js → marketplace-DmFiyBoS.js} +1 -1
  60. package/dist/{marketplace-nwnZv9Cb.js.map → marketplace-DmFiyBoS.js.map} +1 -1
  61. package/dist/{marketplace-logos-CSeGcPW4.js → marketplace-logos-Cd6W-qOq.js} +21 -21
  62. package/dist/{marketplace-logos-CSeGcPW4.js.map → marketplace-logos-Cd6W-qOq.js.map} +1 -1
  63. package/dist/{marketplace.gen-BSDIX7NZ.js → marketplace.gen-HpnpL5xU.js} +3 -3
  64. package/dist/marketplace.gen-HpnpL5xU.js.map +1 -0
  65. package/dist/{marketplaceConfig-C6X1SUik.js → marketplaceConfig-GQTTmihy.js} +3 -3
  66. package/dist/marketplaceConfig-GQTTmihy.js.map +1 -0
  67. package/dist/{mintify-LA68TzWg.js → mintify-Bi3Bce68.js} +1 -1
  68. package/dist/{mintify-LA68TzWg.js.map → mintify-Bi3Bce68.js.map} +1 -1
  69. package/dist/network-CGD0oKtS.js +15 -0
  70. package/dist/network-CGD0oKtS.js.map +1 -0
  71. package/dist/{nftx-D3Tc8nzd.js → nftx-BDQZjtkX.js} +1 -1
  72. package/dist/{nftx-D3Tc8nzd.js.map → nftx-BDQZjtkX.js.map} +1 -1
  73. package/dist/{okx-hbqg6oIJ.js → okx-D4meadLe.js} +1 -1
  74. package/dist/{okx-hbqg6oIJ.js.map → okx-D4meadLe.js.map} +1 -1
  75. package/dist/{open-sea-BccuK8-t.js → open-sea-DN0hgfVw.js} +1 -1
  76. package/dist/{open-sea-BccuK8-t.js.map → open-sea-DN0hgfVw.js.map} +1 -1
  77. package/dist/{primary-sale-C55ALnfQ.js → primary-sale-CmWxSfFQ.js} +1 -1
  78. package/dist/{primary-sale-C55ALnfQ.js.map → primary-sale-CmWxSfFQ.js.map} +1 -1
  79. package/dist/provider-DPGUA10G.js +125 -0
  80. package/dist/provider-DPGUA10G.js.map +1 -0
  81. package/dist/{queries-CUU65uYZ.js → queries-Ce_2othB.js} +165 -7
  82. package/dist/queries-Ce_2othB.js.map +1 -0
  83. package/dist/{rarible-BgTwwj9g.js → rarible-B0xlD88A.js} +1 -1
  84. package/dist/{rarible-BgTwwj9g.js.map → rarible-B0xlD88A.js.map} +1 -1
  85. package/dist/react/_internal/api/index.d.ts +2 -4
  86. package/dist/react/_internal/api/index.js +7 -4
  87. package/dist/react/_internal/databeat/index.d.ts +2 -73
  88. package/dist/react/_internal/databeat/index.js +4 -21
  89. package/dist/react/_internal/index.d.ts +2 -7
  90. package/dist/react/_internal/index.js +11 -6
  91. package/dist/react/_internal/wagmi/index.d.ts +2 -4
  92. package/dist/react/_internal/wagmi/index.js +5 -3
  93. package/dist/react/hooks/index.d.ts +12 -17
  94. package/dist/react/hooks/index.js +23 -19
  95. package/dist/react/hooks/options/index.d.ts +2 -3
  96. package/dist/react/hooks/options/index.js +12 -7
  97. package/dist/react/index.d.ts +12 -17
  98. package/dist/react/index.js +28 -19
  99. package/dist/react/queries/index.d.ts +9 -8
  100. package/dist/react/queries/index.js +20 -15
  101. package/dist/react/ssr/index.d.ts +7 -9
  102. package/dist/react/ssr/index.js +11 -6
  103. package/dist/react/ssr/index.js.map +1 -1
  104. package/dist/react/ui/components/marketplace-collectible-card/index.d.ts +3 -8
  105. package/dist/react/ui/components/marketplace-collectible-card/index.js +27 -18
  106. package/dist/react/ui/components/marketplace-collectible-card/utils/index.d.ts +2 -7
  107. package/dist/react/ui/components/marketplace-collectible-card/utils/index.js +11 -6
  108. package/dist/react/ui/components/marketplace-logos/index.d.ts +21 -21
  109. package/dist/react/ui/components/marketplace-logos/index.js +1 -1
  110. package/dist/react/ui/icons/index.js +13 -9
  111. package/dist/react/ui/index.d.ts +3 -8
  112. package/dist/react/ui/index.js +27 -18
  113. package/dist/react/ui/modals/_internal/components/actionModal/index.d.ts +2 -2
  114. package/dist/react/ui/modals/_internal/components/actionModal/index.js +23 -18
  115. package/dist/{react-DAIicQPT.js → react-DP0M2Wfm.js} +799 -4306
  116. package/dist/react-DP0M2Wfm.js.map +1 -0
  117. package/dist/{react-BbHBl6gg.css → react-DeDyTgo7.css} +1 -1
  118. package/dist/{react-BbHBl6gg.css.map → react-DeDyTgo7.css.map} +1 -1
  119. package/dist/{sequence-Do3kzb4J.js → sequence-BIrOVRXO.js} +1 -1
  120. package/dist/{sequence-Do3kzb4J.js.map → sequence-BIrOVRXO.js.map} +1 -1
  121. package/dist/{sudo-swap-B6vPKxBz.js → sudo-swap-BPMon-M5.js} +1 -1
  122. package/dist/{sudo-swap-B6vPKxBz.js.map → sudo-swap-BPMon-M5.js.map} +1 -1
  123. package/dist/{super-rare-eCm1SE6O.js → super-rare-kPN6Ua8i.js} +1 -1
  124. package/dist/{super-rare-eCm1SE6O.js.map → super-rare-kPN6Ua8i.js.map} +1 -1
  125. package/dist/{token-Da4TdyUk.js → token-CHSBPYVG.js} +1 -1
  126. package/dist/{token-Da4TdyUk.js.map → token-CHSBPYVG.js.map} +1 -1
  127. package/dist/{transaction-CcVViHEL.js → transaction-CnctdNzS.js} +3 -21
  128. package/dist/transaction-CnctdNzS.js.map +1 -0
  129. package/dist/types/index.d.ts +2 -3
  130. package/dist/types/index.js +2 -2
  131. package/dist/{types-DwWE6xOF.js → types-Yw2ywj6j.js} +1 -1
  132. package/dist/{types-DwWE6xOF.js.map → types-Yw2ywj6j.js.map} +1 -1
  133. package/dist/utils/abi/index.d.ts +4 -4
  134. package/dist/utils/abi/index.js +4 -4
  135. package/dist/utils/abi/marketplace/index.d.ts +1 -1
  136. package/dist/utils/abi/marketplace/index.js +1 -1
  137. package/dist/utils/abi/primary-sale/index.d.ts +1 -1
  138. package/dist/utils/abi/primary-sale/index.js +1 -1
  139. package/dist/utils/abi/token/index.d.ts +1 -1
  140. package/dist/utils/abi/token/index.js +1 -1
  141. package/dist/utils/index.d.ts +7 -8
  142. package/dist/utils/index.js +12 -9
  143. package/dist/{utils-CW2NA5KG.js → utils-9RXDgcBl.js} +4 -11
  144. package/dist/utils-9RXDgcBl.js.map +1 -0
  145. package/dist/{utils-BPYfgDSL.js → utils-DjVJ9tov.js} +5 -6
  146. package/dist/utils-DjVJ9tov.js.map +1 -0
  147. package/dist/wagmi-Do_KW5ke.js +0 -0
  148. package/dist/{x2y2-DD17tT91.js → x2y2-BLz-_Q2O.js} +1 -1
  149. package/dist/{x2y2-DD17tT91.js.map → x2y2-BLz-_Q2O.js.map} +1 -1
  150. package/dist/{zora-BpSG9UzS.js → zora-UGhKs-aL.js} +1 -1
  151. package/dist/{zora-BpSG9UzS.js.map → zora-UGhKs-aL.js.map} +1 -1
  152. package/eslint.config.mjs +4 -0
  153. package/package.json +27 -14
  154. package/postcss.config.mjs +6 -0
  155. package/src/index.css +5 -4
  156. package/src/index.ts +1 -0
  157. package/src/react/__tests__/provider.test.tsx +4 -3
  158. package/src/react/_internal/api/__mocks__/indexer.msw.ts +16 -0
  159. package/src/react/_internal/api/__mocks__/laos.msw.ts +387 -0
  160. package/src/react/_internal/api/__mocks__/marketplace.msw.ts +2 -0
  161. package/src/react/_internal/api/__tests__/laos-api.test.ts +756 -0
  162. package/src/react/_internal/api/laos-api.ts +3 -0
  163. package/src/react/_internal/api/marketplace.gen.ts +5 -3
  164. package/src/react/_internal/api/query-keys.ts +12 -4
  165. package/src/react/_internal/api/services.ts +2 -14
  166. package/src/react/_internal/databeat/index.ts +15 -14
  167. package/src/react/_internal/databeat/types.ts +22 -0
  168. package/src/react/_internal/databeat/utils.ts +26 -0
  169. package/src/react/_internal/utils.ts +4 -4
  170. package/src/react/_internal/wagmi/create-config.ts +28 -13
  171. package/src/react/_internal/wallet/wallet.ts +4 -4
  172. package/src/react/hooks/__tests__/useBalanceOfCollectible.laos.test.tsx +367 -0
  173. package/src/react/hooks/__tests__/useCheckoutOptions.test.tsx +158 -0
  174. package/src/react/hooks/__tests__/useCheckoutOptionsSalesContract.test.tsx +42 -65
  175. package/src/react/hooks/__tests__/useCollectionBalanceDetails.test.tsx +17 -0
  176. package/src/react/hooks/__tests__/useCollectionDetailsPolling.test.tsx +11 -3
  177. package/src/react/hooks/__tests__/useConvertPriceToUSD.test.tsx +3 -3
  178. package/src/react/hooks/__tests__/useCurrencyBalance.test.tsx +7 -3
  179. package/src/react/hooks/__tests__/useFilters.test.tsx +2 -2
  180. package/src/react/hooks/__tests__/useGetTokenRanges.test.tsx +111 -0
  181. package/src/react/hooks/__tests__/useListTokenMetadata.test.tsx +83 -57
  182. package/src/react/hooks/__tests__/useTransferTokens.test.tsx +469 -0
  183. package/src/react/hooks/index.ts +3 -1
  184. package/src/react/hooks/useCheckoutOptions.tsx +96 -0
  185. package/src/react/hooks/useCheckoutOptionsSalesContract.tsx +98 -57
  186. package/src/react/hooks/useCollectionBalanceDetails.tsx +95 -68
  187. package/src/react/hooks/useCollectionDetailsPolling.tsx +3 -7
  188. package/src/react/hooks/useComparePrices.tsx +90 -82
  189. package/src/react/hooks/useConvertPriceToUSD.tsx +85 -71
  190. package/src/react/hooks/useCurrencyBalance.tsx +132 -46
  191. package/src/react/hooks/useERC721SaleMintedTokens.tsx +8 -5
  192. package/src/react/hooks/useFilters.tsx +154 -111
  193. package/src/react/hooks/useGetCountOfPrimarySaleItems.tsx +48 -0
  194. package/src/react/hooks/useGetTokenRanges.tsx +83 -22
  195. package/src/react/hooks/useList1155ShopCardData.tsx +2 -0
  196. package/src/react/hooks/useList721ShopCardData.tsx +12 -7
  197. package/src/react/hooks/useListCollections.tsx +25 -25
  198. package/src/react/hooks/useListMarketCardData.tsx +2 -1
  199. package/src/react/hooks/useListPrimarySaleItems.tsx +66 -0
  200. package/src/react/hooks/useListTokenMetadata.ts +71 -0
  201. package/src/react/hooks/useOpenConnectModal.tsx +9 -0
  202. package/src/react/hooks/useTokenSaleDetailsBatch.tsx +3 -7
  203. package/src/react/hooks/useTokenSupplies.ts +81 -0
  204. package/src/react/hooks/useTransferTokens.tsx +2 -2
  205. package/src/react/provider.tsx +73 -9
  206. package/src/react/queries/__tests__/balanceOfCollectible.laos.test.ts +123 -0
  207. package/src/react/queries/__tests__/inventory.laos.test.ts +496 -0
  208. package/src/react/queries/balanceOfCollectible.ts +7 -4
  209. package/src/react/queries/checkoutOptions.ts +85 -0
  210. package/src/react/queries/checkoutOptionsSalesContract.ts +89 -0
  211. package/src/react/queries/collectionBalanceDetails.ts +92 -0
  212. package/src/react/queries/comparePrices.ts +108 -0
  213. package/src/react/queries/convertPriceToUSD.ts +92 -0
  214. package/src/react/queries/filters.ts +138 -0
  215. package/src/react/queries/getTokenRanges.ts +62 -0
  216. package/src/react/queries/index.ts +3 -0
  217. package/src/react/queries/inventory.ts +6 -0
  218. package/src/react/queries/listBalances.ts +4 -3
  219. package/src/react/queries/listCollections.ts +7 -3
  220. package/src/react/queries/listTokenMetadata.ts +2 -2
  221. package/src/react/queries/marketplaceConfig.ts +1 -1
  222. package/src/react/queries/primarySaleItems.ts +85 -0
  223. package/src/react/queries/primarySaleItemsCount.ts +64 -0
  224. package/src/react/queries/tokenSupplies.ts +93 -0
  225. package/src/react/ui/components/_internals/action-button/ActionButton.tsx +66 -66
  226. package/src/react/ui/components/_internals/action-button/__tests__/ActionButtonBody.test.tsx +22 -4
  227. package/src/react/ui/components/_internals/action-button/components/ActionButtonBody.tsx +5 -4
  228. package/src/react/ui/components/_internals/action-button/components/NonOwnerActions.tsx +3 -0
  229. package/src/react/ui/components/_internals/action-button/components/OwnerActions.tsx +4 -4
  230. package/src/react/ui/components/_internals/action-button/hooks/useActionButtonLogic.ts +13 -8
  231. package/src/react/ui/components/_internals/action-button/store.ts +44 -34
  232. package/src/react/ui/components/_internals/custom-select/CustomSelect.stories.tsx +582 -0
  233. package/src/react/ui/components/_internals/pill/Pill.stories.tsx +83 -0
  234. package/src/react/ui/components/marketplace-collectible-card/Footer.tsx +11 -4
  235. package/src/react/ui/components/marketplace-collectible-card/components/ActionButtonWrapper.tsx +7 -4
  236. package/src/react/ui/components/marketplace-collectible-card/types.ts +4 -3
  237. package/src/react/ui/components/marketplace-collectible-card/utils/supplyStatus.ts +4 -7
  238. package/src/react/ui/components/marketplace-collectible-card/variants/ShopCard.tsx +5 -1
  239. package/src/react/ui/components/marketplace-logos/marketplace-logos.stories.tsx +199 -0
  240. package/src/react/ui/components/media/Media.stories.tsx +642 -0
  241. package/src/react/ui/components/media/Media.tsx +24 -19
  242. package/src/react/ui/components/media/types.ts +6 -0
  243. package/src/react/ui/modals/BuyModal/__tests__/BuyModalRouter.test.tsx +15 -0
  244. package/src/react/ui/modals/BuyModal/__tests__/ERC1155ShopModal.test.tsx +6 -0
  245. package/src/react/ui/modals/BuyModal/__tests__/Modal1155.test.tsx +7 -1
  246. package/src/react/ui/modals/BuyModal/__tests__/store.test.ts +9 -1
  247. package/src/react/ui/modals/BuyModal/components/ERC1155QuantityModal.tsx +15 -8
  248. package/src/react/ui/modals/BuyModal/components/ERC1155ShopModal.tsx +3 -0
  249. package/src/react/ui/modals/BuyModal/hooks/__tests__/useERC1155Checkout.test.tsx +30 -27
  250. package/src/react/ui/modals/BuyModal/hooks/useCheckoutOptions.ts +2 -2
  251. package/src/react/ui/modals/BuyModal/hooks/useERC1155Checkout.ts +11 -2
  252. package/src/react/ui/modals/BuyModal/hooks/useERC721SalePaymentParams.ts +1 -1
  253. package/src/react/ui/modals/BuyModal/hooks/usePaymentModalParams.ts +7 -0
  254. package/src/react/ui/modals/BuyModal/index.tsx +9 -1
  255. package/src/react/ui/modals/BuyModal/store.ts +26 -0
  256. package/src/react/ui/modals/CreateListingModal/Modal.tsx +28 -11
  257. package/src/react/ui/modals/CreateListingModal/store.ts +3 -3
  258. package/src/react/ui/modals/MakeOfferModal/Modal.tsx +30 -13
  259. package/src/react/ui/modals/MakeOfferModal/store.ts +3 -3
  260. package/src/react/ui/modals/SellModal/Modal.tsx +11 -8
  261. package/src/react/ui/modals/SellModal/store.ts +3 -3
  262. package/src/react/ui/modals/TransferModal/__tests__/__snapshots__/store.test.ts.snap +17 -0
  263. package/src/react/ui/modals/TransferModal/__tests__/store.test.ts +366 -0
  264. package/src/react/ui/modals/TransferModal/_views/enterWalletAddress/__tests__/useHandleTransfer.test.tsx +402 -0
  265. package/src/react/ui/modals/TransferModal/_views/enterWalletAddress/_components/TokenQuantityInput.tsx +51 -48
  266. package/src/react/ui/modals/TransferModal/_views/enterWalletAddress/_components/TransferButton.tsx +39 -47
  267. package/src/react/ui/modals/TransferModal/_views/enterWalletAddress/_components/WalletAddressInput.tsx +9 -8
  268. package/src/react/ui/modals/TransferModal/_views/enterWalletAddress/index.tsx +31 -35
  269. package/src/react/ui/modals/TransferModal/_views/enterWalletAddress/useHandleTransfer.tsx +19 -10
  270. package/src/react/ui/modals/TransferModal/index.tsx +28 -31
  271. package/src/react/ui/modals/TransferModal/messages.ts +1 -1
  272. package/src/react/ui/modals/TransferModal/store.ts +122 -0
  273. package/src/react/ui/modals/_internal/components/calendar/index.tsx +0 -1
  274. package/src/react/ui/modals/_internal/components/currencyImage/index.tsx +10 -14
  275. package/src/react/ui/modals/_internal/components/currencyOptionsSelect/__tests__/index.test.tsx +5 -2
  276. package/src/react/ui/modals/_internal/components/currencyOptionsSelect/index.tsx +23 -17
  277. package/src/react/ui/modals/_internal/components/expirationDateSelect/index.tsx +10 -10
  278. package/src/react/ui/modals/_internal/components/floorPriceText/__tests__/FloorPriceText.test.tsx +6 -6
  279. package/src/react/ui/modals/_internal/components/priceInput/__tests__/PriceInput.test.tsx +13 -5
  280. package/src/react/ui/modals/_internal/components/priceInput/index.tsx +41 -26
  281. package/src/react/ui/modals/_internal/components/quantityInput/__tests__/index.test.tsx +68 -59
  282. package/src/react/ui/modals/_internal/components/quantityInput/index.tsx +155 -20
  283. package/src/react/ui/modals/_internal/components/selectWaasFeeOptions/__tests__/SelectWaasFeeOptions.test.tsx +339 -40
  284. package/src/react/ui/modals/_internal/components/selectWaasFeeOptions/index.tsx +95 -101
  285. package/src/react/ui/modals/_internal/components/selectWaasFeeOptions/store.ts +72 -14
  286. package/src/react/ui/modals/_internal/components/selectWaasFeeOptions/useWaasFeeOptionManager.tsx +29 -13
  287. package/src/react/ui/modals/_internal/components/tokenPreview/index.tsx +2 -2
  288. package/src/react/ui/modals/_internal/components/transactionDetails/index.tsx +2 -2
  289. package/src/react/ui/modals/_internal/components/transactionPreview/index.tsx +88 -89
  290. package/src/react/ui/modals/_internal/components/transactionStatusModal/__tests__/TransactionStatusModal.test.tsx +36 -10
  291. package/src/react/ui/modals/_internal/components/transactionStatusModal/index.tsx +32 -20
  292. package/src/react/ui/modals/_internal/components/transactionStatusModal/store.ts +91 -62
  293. package/src/react/ui/modals/_internal/components/waasFeeOptionsSelect/WaasFeeOptionsSelect.tsx +43 -44
  294. package/src/react/ui/modals/_internal/types.ts +2 -2
  295. package/src/types/sdk-config.ts +6 -1
  296. package/src/utils/network.ts +15 -0
  297. package/test/test-utils.tsx +2 -0
  298. package/vitest.shims.d.ts +2 -0
  299. package/vitest.storybook.config.js +33 -0
  300. package/dist/CalendarIcon-DbQ7Vxcw.js.map +0 -1
  301. package/dist/_internal-BgWcRIak.js.map +0 -1
  302. package/dist/api-DTIan01C.js.map +0 -1
  303. package/dist/builder-api-C_zj5mr3.d.ts +0 -12
  304. package/dist/index-BUVWziLP.d.ts +0 -60
  305. package/dist/index-COt10OgI.d.ts +0 -24
  306. package/dist/index-DPNWNa7t.d.ts +0 -414
  307. package/dist/index-DsfCs3-x.d.ts +0 -122
  308. package/dist/index-dUb6wb4Y.d.ts +0 -22
  309. package/dist/marketplace.gen-BSDIX7NZ.js.map +0 -1
  310. package/dist/marketplaceConfig-C6X1SUik.js.map +0 -1
  311. package/dist/queries-CUU65uYZ.js.map +0 -1
  312. package/dist/react-DAIicQPT.js.map +0 -1
  313. package/dist/transaction-CcVViHEL.js.map +0 -1
  314. package/dist/utils-BPYfgDSL.js.map +0 -1
  315. package/dist/utils-CW2NA5KG.js.map +0 -1
  316. package/dist/wagmi-CDzEQbfk.js.map +0 -1
  317. package/src/react/hooks/__tests__/useGetTokenSuppliesMap.test.tsx +0 -104
  318. package/src/react/hooks/useGetTokenSuppliesMap.tsx +0 -73
  319. package/src/react/hooks/useListPrimarySaleItems.ts +0 -102
  320. package/src/react/queries/getTokenSuppliesMap.ts +0 -77
  321. package/src/react/ui/modals/TransferModal/_store.ts +0 -66
  322. package/src/react/ui/modals/_internal/components/quantityInput/QuantityInputBase.tsx +0 -166
  323. package/src/react/ui/modals/_internal/stores/accountModal.ts +0 -3
  324. /package/dist/{abi-BKyRjVcZ.js → abi-BMvgNbKQ.js} +0 -0
  325. /package/dist/{index-C39K_8SG.d.ts → index-CD2bj_xW.d.ts} +0 -0
  326. /package/dist/{options-B4QN7Xou.js → options-BBBR8u_4.js} +0 -0
@@ -138,4 +138,21 @@ describe('useCollectionBalanceDetails', () => {
138
138
 
139
139
  expect(result.current.data?.balances[0].contractAddress).toBe(zeroAddress);
140
140
  });
141
+
142
+ it('should handle disabled query when required params are missing', async () => {
143
+ const { result } = renderHook(() =>
144
+ useCollectionBalanceDetails({
145
+ chainId: 1,
146
+ filter: {
147
+ accountAddresses: [], // Empty array should disable the query
148
+ omitNativeBalances: true,
149
+ },
150
+ }),
151
+ );
152
+
153
+ // Query should be disabled when accountAddresses is empty
154
+ expect(result.current.isLoading).toBe(false);
155
+ expect(result.current.data).toBeUndefined();
156
+ expect(result.current.error).toBeNull();
157
+ });
141
158
  });
@@ -45,7 +45,9 @@ describe('useCollectionDetailsPolling', () => {
45
45
  );
46
46
 
47
47
  const { result } = renderHook(() =>
48
- useCollectionDetailsPolling(defaultArgs),
48
+ useCollectionDetailsPolling({
49
+ ...defaultArgs,
50
+ }),
49
51
  );
50
52
 
51
53
  // Initially loading
@@ -90,7 +92,11 @@ describe('useCollectionDetailsPolling', () => {
90
92
  }),
91
93
  );
92
94
 
93
- renderHook(() => useCollectionDetailsPolling(defaultArgs));
95
+ renderHook(() =>
96
+ useCollectionDetailsPolling({
97
+ ...defaultArgs,
98
+ }),
99
+ );
94
100
 
95
101
  // Fast-forward through all attempts
96
102
  for (let i = 0; i < 30; i++) {
@@ -116,7 +122,9 @@ describe('useCollectionDetailsPolling', () => {
116
122
  );
117
123
 
118
124
  const { result } = renderHook(() =>
119
- useCollectionDetailsPolling(defaultArgs),
125
+ useCollectionDetailsPolling({
126
+ ...defaultArgs,
127
+ }),
120
128
  );
121
129
 
122
130
  await waitFor(() => {
@@ -6,11 +6,11 @@ import {
6
6
  mockCurrencies,
7
7
  mockMarketplaceEndpoint,
8
8
  } from '../../_internal/api/__mocks__/marketplace.msw';
9
- import type { UseConvertPriceToUSDArgs } from '../useConvertPriceToUSD';
9
+ import type { UseConvertPriceToUSDParams } from '../useConvertPriceToUSD';
10
10
  import { useConvertPriceToUSD } from '../useConvertPriceToUSD';
11
11
 
12
12
  describe('useConvertPriceToUSD', () => {
13
- const defaultArgs: UseConvertPriceToUSDArgs = {
13
+ const defaultArgs: UseConvertPriceToUSDParams = {
14
14
  chainId: 1,
15
15
  currencyAddress: zeroAddress,
16
16
  amountRaw: '1000000000000000000', // 1 ETH
@@ -113,7 +113,7 @@ describe('useConvertPriceToUSD', () => {
113
113
  );
114
114
 
115
115
  const { result, rerender } = renderHook(
116
- (args: UseConvertPriceToUSDArgs = defaultArgs) =>
116
+ (args: UseConvertPriceToUSDParams = defaultArgs) =>
117
117
  useConvertPriceToUSD(args),
118
118
  );
119
119
 
@@ -63,11 +63,15 @@ describe('useCurrencyBalance', () => {
63
63
  `);
64
64
  });
65
65
 
66
- it('should return skipToken when required parameters are missing', () => {
66
+ it('should handle disabled query when enabled is false', () => {
67
67
  const { result } = renderHook(() =>
68
- // @ts-expect-error - missing params
69
68
  useCurrencyBalance({
70
- chainId: undefined,
69
+ chainId: 1,
70
+ currencyAddress: zeroAddress,
71
+ userAddress: USDC_HOLDER,
72
+ query: {
73
+ enabled: false,
74
+ },
71
75
  }),
72
76
  );
73
77
 
@@ -3,11 +3,11 @@ import { HttpResponse, http } from 'msw';
3
3
  import { zeroAddress } from 'viem';
4
4
  import { describe, expect, it } from 'vitest';
5
5
  import { mockMetadataEndpoint } from '../../_internal/api/__mocks__/metadata.msw';
6
- import type { UseFiltersArgs } from '../useFilters';
6
+ import type { UseFiltersParams } from '../useFilters';
7
7
  import { useFilters } from '../useFilters';
8
8
 
9
9
  describe('useFilters', () => {
10
- const defaultArgs: UseFiltersArgs = {
10
+ const defaultArgs: UseFiltersParams = {
11
11
  chainId: 1,
12
12
  collectionAddress: zeroAddress,
13
13
  };
@@ -0,0 +1,111 @@
1
+ import { renderHook, server, waitFor } from '@test';
2
+ import { HttpResponse, http } from 'msw';
3
+ import { zeroAddress } from 'viem';
4
+ import { describe, expect, it } from 'vitest';
5
+ import { mockIndexerEndpoint } from '../../_internal/api/__mocks__/indexer.msw';
6
+ import type { UseGetTokenRangesParams } from '../useGetTokenRanges';
7
+ import { useGetTokenRanges } from '../useGetTokenRanges';
8
+
9
+ describe('useGetTokenRanges', () => {
10
+ const defaultArgs: UseGetTokenRangesParams = {
11
+ chainId: 1,
12
+ collectionAddress: zeroAddress,
13
+ };
14
+
15
+ it('should fetch token ranges successfully', async () => {
16
+ const { result } = renderHook(() => useGetTokenRanges(defaultArgs));
17
+
18
+ // Initially loading
19
+ expect(result.current.isLoading).toBe(true);
20
+ expect(result.current.data).toBeUndefined();
21
+
22
+ // Wait for data to be loaded
23
+ await waitFor(() => {
24
+ expect(result.current.isLoading).toBe(false);
25
+ });
26
+
27
+ expect(result.current.data).toBeDefined();
28
+ expect(result.current.data?.tokenIDRanges).toBeDefined();
29
+ expect(result.current.error).toBeNull();
30
+ });
31
+
32
+ it('should handle error states', async () => {
33
+ // Override the handler for this test to return an error
34
+ server.use(
35
+ http.post(mockIndexerEndpoint('GetTokenIDRanges'), () => {
36
+ return HttpResponse.json(
37
+ { error: { message: 'Failed to fetch token ranges' } },
38
+ { status: 500 },
39
+ );
40
+ }),
41
+ );
42
+
43
+ const { result } = renderHook(() => useGetTokenRanges(defaultArgs));
44
+
45
+ // Wait for the error state
46
+ await waitFor(() => {
47
+ expect(result.current.isError).toBe(true);
48
+ });
49
+
50
+ expect(result.current.error).toBeDefined();
51
+ expect(result.current.data).toBeUndefined();
52
+ });
53
+
54
+ it('should refetch when args change', async () => {
55
+ const { result, rerender } = renderHook(() =>
56
+ useGetTokenRanges(defaultArgs),
57
+ );
58
+
59
+ // Wait for initial data
60
+ await waitFor(() => {
61
+ expect(result.current.isLoading).toBe(false);
62
+ });
63
+
64
+ // Change args and rerender
65
+ const newArgs = {
66
+ ...defaultArgs,
67
+ collectionAddress:
68
+ '0x1234567890123456789012345678901234567890' as `0x${string}`,
69
+ };
70
+
71
+ rerender(() => useGetTokenRanges(newArgs));
72
+
73
+ // Wait for new data
74
+ await waitFor(() => {
75
+ expect(result.current.data).toBeDefined();
76
+ });
77
+
78
+ expect(result.current.isSuccess).toBe(true);
79
+ });
80
+
81
+ it('should handle disabled query when required params are missing', async () => {
82
+ const { result } = renderHook(() =>
83
+ useGetTokenRanges({
84
+ chainId: 0, // Invalid chainId should disable the query
85
+ collectionAddress: zeroAddress,
86
+ }),
87
+ );
88
+
89
+ // Query should be disabled when chainId is invalid
90
+ expect(result.current.isLoading).toBe(false);
91
+ expect(result.current.data).toBeUndefined();
92
+ expect(result.current.error).toBeNull();
93
+ });
94
+
95
+ it('should handle enabled/disabled state from query options', async () => {
96
+ const { result } = renderHook(() =>
97
+ useGetTokenRanges({
98
+ ...defaultArgs,
99
+ query: {
100
+ enabled: false, // Explicitly disable the query
101
+ },
102
+ }),
103
+ );
104
+
105
+ // Query should be disabled
106
+ expect(result.current.isLoading).toBe(false);
107
+ expect(result.current.data).toBeUndefined();
108
+ expect(result.current.error).toBeNull();
109
+ expect(result.current.fetchStatus).toBe('idle');
110
+ });
111
+ });
@@ -1,50 +1,23 @@
1
1
  import { renderHook, server, waitFor } from '@test';
2
2
  import { HttpResponse, http } from 'msw';
3
3
  import { describe, expect, it } from 'vitest';
4
+ import {
5
+ mockEthCollection,
6
+ mockMetadataEndpoint,
7
+ mockTokenMetadata,
8
+ } from '../../_internal/api/__mocks__/metadata.msw';
9
+ import type { UseListTokenMetadataParams } from '../useListTokenMetadata';
4
10
  import { useListTokenMetadata } from '../useListTokenMetadata';
5
11
 
6
12
  describe('useListTokenMetadata', () => {
7
- const defaultParams = {
8
- chainId: 1,
9
- contractAddress: '0x1234567890123456789012345678901234567890',
13
+ const defaultArgs: UseListTokenMetadataParams = {
14
+ chainId: mockEthCollection.chainId,
15
+ contractAddress: mockEthCollection.address,
10
16
  tokenIds: ['1', '2', '3'],
11
17
  };
12
18
 
13
- const mockTokenMetadata = [
14
- {
15
- tokenId: '1',
16
- contractAddress: '0x1234567890123456789012345678901234567890',
17
- name: 'Token 1',
18
- description: 'First token',
19
- image: 'https://example.com/1.png',
20
- },
21
- {
22
- tokenId: '2',
23
- contractAddress: '0x1234567890123456789012345678901234567890',
24
- name: 'Token 2',
25
- description: 'Second token',
26
- image: 'https://example.com/2.png',
27
- },
28
- {
29
- tokenId: '3',
30
- contractAddress: '0x1234567890123456789012345678901234567890',
31
- name: 'Token 3',
32
- description: 'Third token',
33
- image: 'https://example.com/3.png',
34
- },
35
- ];
36
-
37
19
  it('should fetch token metadata successfully', async () => {
38
- // Mock the metadata API response
39
- server.use(
40
- http.post('*/rpc/Metadata/GetTokenMetadata', () => {
41
- return HttpResponse.json({
42
- tokenMetadata: mockTokenMetadata,
43
- });
44
- }),
45
- );
46
-
47
- const { result } = renderHook(() => useListTokenMetadata(defaultParams));
20
+ const { result } = renderHook(() => useListTokenMetadata(defaultArgs));
48
21
 
49
22
  // Initially loading
50
23
  expect(result.current.isLoading).toBe(true);
@@ -56,27 +29,35 @@ describe('useListTokenMetadata', () => {
56
29
  });
57
30
 
58
31
  // Verify the data matches our mock
59
- expect(result.current.data).toEqual(mockTokenMetadata);
32
+ expect(result.current.data).toEqual([mockTokenMetadata]);
60
33
  expect(result.current.error).toBeNull();
61
34
  });
62
35
 
63
- it('should handle empty token IDs', async () => {
64
- const emptyParams = {
65
- ...defaultParams,
66
- tokenIds: [],
67
- };
36
+ it('should handle error states', async () => {
37
+ // Override the handler for this test to return an error
38
+ server.use(
39
+ http.post(mockMetadataEndpoint('GetTokenMetadata'), () => {
40
+ return HttpResponse.json(
41
+ { error: { message: 'Failed to fetch token metadata' } },
42
+ { status: 500 },
43
+ );
44
+ }),
45
+ );
68
46
 
69
- const { result } = renderHook(() => useListTokenMetadata(emptyParams));
47
+ const { result } = renderHook(() => useListTokenMetadata(defaultArgs));
48
+
49
+ // Wait for error to be set
50
+ await waitFor(() => {
51
+ expect(result.current.isError).toBe(true);
52
+ });
70
53
 
71
- // Should not trigger request with empty token IDs
72
- expect(result.current.isLoading).toBe(false);
73
54
  expect(result.current.data).toBeUndefined();
74
- expect(result.current.error).toBeNull();
55
+ expect(result.current.error).toBeTruthy();
75
56
  });
76
57
 
77
- it('should handle disabled queries', async () => {
58
+ it('should handle disabled queries', () => {
78
59
  const disabledParams = {
79
- ...defaultParams,
60
+ ...defaultArgs,
80
61
  query: {
81
62
  enabled: false,
82
63
  },
@@ -90,22 +71,67 @@ describe('useListTokenMetadata', () => {
90
71
  expect(result.current.error).toBeNull();
91
72
  });
92
73
 
93
- it('should handle API errors', async () => {
94
- // Mock API error
74
+ it('should handle empty token IDs array', () => {
75
+ const emptyTokensParams = {
76
+ ...defaultArgs,
77
+ tokenIds: [],
78
+ };
79
+
80
+ const { result } = renderHook(() =>
81
+ useListTokenMetadata(emptyTokensParams),
82
+ );
83
+
84
+ // Empty token IDs should disable the query
85
+ expect(result.current.isLoading).toBe(false);
86
+ expect(result.current.data).toBeUndefined();
87
+ expect(result.current.error).toBeNull();
88
+ });
89
+
90
+ it('should handle missing required parameters', () => {
91
+ const invalidParams = {
92
+ chainId: defaultArgs.chainId,
93
+ contractAddress: '',
94
+ tokenIds: defaultArgs.tokenIds,
95
+ };
96
+
97
+ const { result } = renderHook(() => useListTokenMetadata(invalidParams));
98
+
99
+ // Missing contract address should disable the query
100
+ expect(result.current.isLoading).toBe(false);
101
+ expect(result.current.data).toBeUndefined();
102
+ expect(result.current.error).toBeNull();
103
+ });
104
+
105
+ it('should pass correct parameters to API', async () => {
106
+ let capturedRequest: unknown;
107
+
108
+ // Override the handler to capture the request
95
109
  server.use(
96
- http.post('*/rpc/Metadata/GetTokenMetadata', () => {
97
- return new HttpResponse(null, { status: 500 });
110
+ http.post(mockMetadataEndpoint('GetTokenMetadata'), async (request) => {
111
+ capturedRequest = await request.request.json();
112
+ return HttpResponse.json({
113
+ tokenMetadata: [mockTokenMetadata],
114
+ });
98
115
  }),
99
116
  );
100
117
 
101
- const { result } = renderHook(() => useListTokenMetadata(defaultParams));
118
+ const customParams = {
119
+ chainId: 137,
120
+ contractAddress: '0x1234567890123456789012345678901234567890',
121
+ tokenIds: ['10', '20', '30'],
122
+ };
123
+
124
+ const { result } = renderHook(() => useListTokenMetadata(customParams));
102
125
 
103
- // Wait for error state
104
126
  await waitFor(() => {
105
127
  expect(result.current.isLoading).toBe(false);
106
128
  });
107
129
 
108
- expect(result.current.data).toBeUndefined();
109
- expect(result.current.error).toBeTruthy();
130
+ // Verify the API was called with correct parameters
131
+ expect(capturedRequest).toEqual({
132
+ chainID: '137',
133
+ contractAddress: '0x1234567890123456789012345678901234567890',
134
+ tokenIDs: ['10', '20', '30'],
135
+ });
110
136
  });
111
137
  });