@net-protocol/bazaar 0.1.0 → 0.1.2

package/dist/react.d.mts

@@ -1,4 +1,4 @@
-import { L as Listing, C as CollectionOffer, E as Erc20Offer } from './types-CY-6M9Ta.mjs';
+import { L as Listing, C as CollectionOffer, E as Erc20Offer, d as Erc20Listing } from './types-KQgBECzI.mjs';
 
 /**
  * React hook for fetching NFT listings from Bazaar
@@ -11,8 +11,14 @@ interface UseBazaarListingsOptions {
     nftAddress: `0x${string}`;
     /** Exclude listings from this address */
     excludeMaker?: `0x${string}`;
+    /** Only include listings from this address */
+    maker?: `0x${string}`;
     /** Maximum number of messages to fetch (default: 200) */
     maxMessages?: number;
+    /** Override start index for message range */
+    startIndex?: number;
+    /** Override end index for message range */
+    endIndex?: number;
     /** Whether the query is enabled (default: true) */
     enabled?: boolean;
 }
@@ -58,7 +64,7 @@ interface UseBazaarListingsResult {
  * );
  * ```
  */
-declare function useBazaarListings({ chainId, nftAddress, excludeMaker, maxMessages, enabled, }: UseBazaarListingsOptions): UseBazaarListingsResult;
+declare function useBazaarListings({ chainId, nftAddress, excludeMaker, maker, maxMessages, startIndex: startIndexOverride, endIndex: endIndexOverride, enabled, }: UseBazaarListingsOptions): UseBazaarListingsResult;
 
 /**
  * React hook for fetching collection offers from Bazaar
@@ -175,4 +181,71 @@ interface UseBazaarErc20OffersResult {
  */
 declare function useBazaarErc20Offers({ chainId, tokenAddress, excludeMaker, maxMessages, enabled, }: UseBazaarErc20OffersOptions): UseBazaarErc20OffersResult;
 
-export { type UseBazaarCollectionOffersOptions, type UseBazaarCollectionOffersResult, type UseBazaarErc20OffersOptions, type UseBazaarErc20OffersResult, type UseBazaarListingsOptions, type UseBazaarListingsResult, useBazaarCollectionOffers, useBazaarErc20Offers, useBazaarListings };
+/**
+ * React hook for fetching ERC20 listings from Bazaar
+ */
+
+interface UseBazaarErc20ListingsOptions {
+    /** Chain ID to query */
+    chainId: number;
+    /** ERC20 token address */
+    tokenAddress: `0x${string}`;
+    /** Exclude listings from this address */
+    excludeMaker?: `0x${string}`;
+    /** Only include listings from this address */
+    maker?: `0x${string}`;
+    /** Maximum number of messages to fetch (default: 200) */
+    maxMessages?: number;
+    /** Override start index for message range */
+    startIndex?: number;
+    /** Override end index for message range */
+    endIndex?: number;
+    /** Whether the query is enabled (default: true) */
+    enabled?: boolean;
+}
+interface UseBazaarErc20ListingsResult {
+    /** Valid ERC20 listings (sorted by price per token, lowest first) */
+    listings: Erc20Listing[];
+    /** Whether the data is loading */
+    isLoading: boolean;
+    /** Error if any */
+    error: Error | undefined;
+    /** Refetch function */
+    refetch: () => void;
+}
+/**
+ * React hook for fetching valid ERC20 listings from Bazaar
+ *
+ * ERC20 listings are available on all supported chains.
+ *
+ * Returns listings that are:
+ * - OPEN status (not filled, cancelled, or expired)
+ * - Not expired
+ * - Seller has sufficient ERC20 token balance
+ *
+ * Results are sorted by price per token (lowest first)
+ *
+ * @example
+ * ```tsx
+ * const { listings, isLoading, error } = useBazaarErc20Listings({
+ *   chainId: 8453,
+ *   tokenAddress: "0x...",
+ * });
+ *
+ * if (isLoading) return <div>Loading...</div>;
+ * if (error) return <div>Error: {error.message}</div>;
+ *
+ * const bestListing = listings[0];
+ * if (bestListing) {
+ *   return (
+ *     <div>
+ *       Best listing: {bestListing.pricePerToken} {bestListing.currency} per token
+ *       (total: {bestListing.price} {bestListing.currency} for {bestListing.tokenAmount.toString()} tokens)
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+declare function useBazaarErc20Listings({ chainId, tokenAddress, excludeMaker, maker, maxMessages, startIndex: startIndexOverride, endIndex: endIndexOverride, enabled, }: UseBazaarErc20ListingsOptions): UseBazaarErc20ListingsResult;
+
+export { type UseBazaarCollectionOffersOptions, type UseBazaarCollectionOffersResult, type UseBazaarErc20ListingsOptions, type UseBazaarErc20ListingsResult, type UseBazaarErc20OffersOptions, type UseBazaarErc20OffersResult, type UseBazaarListingsOptions, type UseBazaarListingsResult, useBazaarCollectionOffers, useBazaarErc20Listings, useBazaarErc20Offers, useBazaarListings };

package/dist/react.d.ts

@@ -1,4 +1,4 @@
-import { L as Listing, C as CollectionOffer, E as Erc20Offer } from './types-CY-6M9Ta.js';
+import { L as Listing, C as CollectionOffer, E as Erc20Offer, d as Erc20Listing } from './types-KQgBECzI.js';
 
 /**
  * React hook for fetching NFT listings from Bazaar
@@ -11,8 +11,14 @@ interface UseBazaarListingsOptions {
     nftAddress: `0x${string}`;
     /** Exclude listings from this address */
     excludeMaker?: `0x${string}`;
+    /** Only include listings from this address */
+    maker?: `0x${string}`;
     /** Maximum number of messages to fetch (default: 200) */
     maxMessages?: number;
+    /** Override start index for message range */
+    startIndex?: number;
+    /** Override end index for message range */
+    endIndex?: number;
     /** Whether the query is enabled (default: true) */
     enabled?: boolean;
 }
@@ -58,7 +64,7 @@ interface UseBazaarListingsResult {
  * );
  * ```
  */
-declare function useBazaarListings({ chainId, nftAddress, excludeMaker, maxMessages, enabled, }: UseBazaarListingsOptions): UseBazaarListingsResult;
+declare function useBazaarListings({ chainId, nftAddress, excludeMaker, maker, maxMessages, startIndex: startIndexOverride, endIndex: endIndexOverride, enabled, }: UseBazaarListingsOptions): UseBazaarListingsResult;
 
 /**
  * React hook for fetching collection offers from Bazaar
@@ -175,4 +181,71 @@ interface UseBazaarErc20OffersResult {
  */
 declare function useBazaarErc20Offers({ chainId, tokenAddress, excludeMaker, maxMessages, enabled, }: UseBazaarErc20OffersOptions): UseBazaarErc20OffersResult;
 
-export { type UseBazaarCollectionOffersOptions, type UseBazaarCollectionOffersResult, type UseBazaarErc20OffersOptions, type UseBazaarErc20OffersResult, type UseBazaarListingsOptions, type UseBazaarListingsResult, useBazaarCollectionOffers, useBazaarErc20Offers, useBazaarListings };
+/**
+ * React hook for fetching ERC20 listings from Bazaar
+ */
+
+interface UseBazaarErc20ListingsOptions {
+    /** Chain ID to query */
+    chainId: number;
+    /** ERC20 token address */
+    tokenAddress: `0x${string}`;
+    /** Exclude listings from this address */
+    excludeMaker?: `0x${string}`;
+    /** Only include listings from this address */
+    maker?: `0x${string}`;
+    /** Maximum number of messages to fetch (default: 200) */
+    maxMessages?: number;
+    /** Override start index for message range */
+    startIndex?: number;
+    /** Override end index for message range */
+    endIndex?: number;
+    /** Whether the query is enabled (default: true) */
+    enabled?: boolean;
+}
+interface UseBazaarErc20ListingsResult {
+    /** Valid ERC20 listings (sorted by price per token, lowest first) */
+    listings: Erc20Listing[];
+    /** Whether the data is loading */
+    isLoading: boolean;
+    /** Error if any */
+    error: Error | undefined;
+    /** Refetch function */
+    refetch: () => void;
+}
+/**
+ * React hook for fetching valid ERC20 listings from Bazaar
+ *
+ * ERC20 listings are available on all supported chains.
+ *
+ * Returns listings that are:
+ * - OPEN status (not filled, cancelled, or expired)
+ * - Not expired
+ * - Seller has sufficient ERC20 token balance
+ *
+ * Results are sorted by price per token (lowest first)
+ *
+ * @example
+ * ```tsx
+ * const { listings, isLoading, error } = useBazaarErc20Listings({
+ *   chainId: 8453,
+ *   tokenAddress: "0x...",
+ * });
+ *
+ * if (isLoading) return <div>Loading...</div>;
+ * if (error) return <div>Error: {error.message}</div>;
+ *
+ * const bestListing = listings[0];
+ * if (bestListing) {
+ *   return (
+ *     <div>
+ *       Best listing: {bestListing.pricePerToken} {bestListing.currency} per token
+ *       (total: {bestListing.price} {bestListing.currency} for {bestListing.tokenAmount.toString()} tokens)
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+declare function useBazaarErc20Listings({ chainId, tokenAddress, excludeMaker, maker, maxMessages, startIndex: startIndexOverride, endIndex: endIndexOverride, enabled, }: UseBazaarErc20ListingsOptions): UseBazaarErc20ListingsResult;
+
+export { type UseBazaarCollectionOffersOptions, type UseBazaarCollectionOffersResult, type UseBazaarErc20ListingsOptions, type UseBazaarErc20ListingsResult, type UseBazaarErc20OffersOptions, type UseBazaarErc20OffersResult, type UseBazaarListingsOptions, type UseBazaarListingsResult, useBazaarCollectionOffers, useBazaarErc20Listings, useBazaarErc20Offers, useBazaarListings };

package/dist/react.js

@@ -179,17 +179,20 @@ var DEFAULT_SEAPORT_ADDRESS = "0x0000000000000068F116a894984e2DB1123eB395";
 var DEFAULT_BAZAAR_ADDRESS = "0x00000000E3dA5fC031282A39759bDDA78ae7fAE5";
 var DEFAULT_COLLECTION_OFFERS_ADDRESS = "0x0000000D43423E0A12CecB307a74591999b32B32";
 var DEFAULT_FEE_COLLECTOR_ADDRESS = "0x32D16C15410248bef498D7aF50D10Db1a546b9E5";
+var DEFAULT_ERC20_BAZAAR_ADDRESS = "0x00000000a2d173a4610c85c7471a25b6bc216a70";
 var DEFAULT_NFT_FEE_BPS = 500;
 var BULK_SEAPORT_ORDER_STATUS_FETCHER_ADDRESS = "0x0000009112ABCE652674b4fE3eD9C765B22d11A7";
 var ERC721_OWNER_OF_HELPER_ADDRESS = "0x000000aa4eFa2e5A4a6002C7F08B6e8Ec8cf1dDa";
 var ERC20_BULK_BALANCE_CHECKER_ADDRESS = "0x000000b50a9f2923f2db931391824f6d1278f712";
 var NET_SEAPORT_COLLECTION_OFFER_ZONE_ADDRESS = "0x000000B799ec6D7aCC1B578f62bFc324c25DFC5A";
+var NET_SEAPORT_PRIVATE_ORDER_ZONE_ADDRESS = "0x000000bC63761cbb05305632212e2f3AE2BE7a9B";
 var BAZAAR_CHAIN_CONFIGS = {
   // Base Mainnet
   8453: {
     bazaarAddress: "0x000000058f3ade587388daf827174d0e6fc97595",
     collectionOffersAddress: "0x0000000f9c45efcff0f78d8b54aa6a40092d66dc",
     erc20OffersAddress: "0x0000000e23a89aa06f317306aa1ae231d3503082",
+    erc20BazaarAddress: "0x00000006557e3629e2fc50bbad0c002b27cac492",
     seaportAddress: DEFAULT_SEAPORT_ADDRESS,
     feeCollectorAddress: "0x66547ff4f7206e291F7BC157b54C026Fc6660961",
     nftFeeBps: 0,
@@ -279,6 +282,7 @@ var BAZAAR_CHAIN_CONFIGS = {
     bazaarAddress: "0x000000058f3ade587388daf827174d0e6fc97595",
     collectionOffersAddress: "0x0000000f9c45efcff0f78d8b54aa6a40092d66dc",
     erc20OffersAddress: "0x0000000e23a89aa06f317306aa1ae231d3503082",
+    erc20BazaarAddress: "0x00000006557e3629e2fc50bbad0c002b27cac492",
     seaportAddress: DEFAULT_SEAPORT_ADDRESS,
     feeCollectorAddress: "0x66547ff4f7206e291F7BC157b54C026Fc6660961",
     nftFeeBps: 0,
@@ -346,6 +350,9 @@ function getHighEthAddress(chainId) {
 function getErc20OffersAddress(chainId) {
   return BAZAAR_CHAIN_CONFIGS[chainId]?.erc20OffersAddress;
 }
+function getErc20BazaarAddress(chainId) {
+  return BAZAAR_CHAIN_CONFIGS[chainId]?.erc20BazaarAddress ?? DEFAULT_ERC20_BAZAAR_ADDRESS;
+}
 function decodeSeaportSubmission(messageData) {
   const [decoded] = viem.decodeAbiParameters(BAZAAR_SUBMISSION_ABI, messageData);
   return {
@@ -543,6 +550,19 @@ function isErc20OfferValid(orderStatus, expirationDate, priceWei, buyerWethBalan
   }
   return true;
 }
+function isErc20ListingValid(orderStatus, expirationDate, tokenAmount, sellerTokenBalance) {
+  if (orderStatus !== 2 /* OPEN */) {
+    return false;
+  }
+  const now = Math.floor(Date.now() / 1e3);
+  if (expirationDate <= now) {
+    return false;
+  }
+  if (sellerTokenBalance < tokenAmount) {
+    return false;
+  }
+  return true;
+}
 
 // src/utils/parsing.ts
 function parseListingFromMessage(message, chainId) {
@@ -558,6 +578,7 @@ function parseListingFromMessage(message, chainId) {
     }
     const priceWei = getTotalConsiderationAmount(parameters);
     const tokenId = offerItem.identifierOrCriteria.toString();
+    const targetFulfiller = parameters.zone.toLowerCase() === NET_SEAPORT_PRIVATE_ORDER_ZONE_ADDRESS.toLowerCase() && parameters.zoneHash !== "0x0000000000000000000000000000000000000000000000000000000000000000" ? parameters.zoneHash : void 0;
     return {
       maker: parameters.offerer,
       nftAddress: offerItem.token,
@@ -574,7 +595,8 @@ function parseListingFromMessage(message, chainId) {
       orderComponents: {
         ...parameters,
         counter: submission.counter
-      }
+      },
+      targetFulfiller
     };
   } catch {
     return null;
@@ -704,6 +726,58 @@ function sortErc20OffersByPricePerToken(offers) {
     return 0;
   });
 }
+function parseErc20ListingFromMessage(message, chainId) {
+  try {
+    const submission = decodeSeaportSubmission(message.data);
+    const { parameters } = submission;
+    if (parameters.zone.toLowerCase() === NET_SEAPORT_COLLECTION_OFFER_ZONE_ADDRESS.toLowerCase()) {
+      return null;
+    }
+    const offerItem = parameters.offer[0];
+    if (!offerItem || offerItem.itemType !== 1 /* ERC20 */) {
+      return null;
+    }
+    const tokenAmount = offerItem.startAmount;
+    if (tokenAmount === BigInt(0)) {
+      return null;
+    }
+    const priceWei = getTotalConsiderationAmount(parameters);
+    if (priceWei === BigInt(0)) {
+      return null;
+    }
+    const pricePerTokenWei = priceWei / tokenAmount;
+    return {
+      maker: parameters.offerer,
+      tokenAddress: offerItem.token,
+      tokenAmount,
+      priceWei,
+      pricePerTokenWei,
+      price: formatPrice(priceWei),
+      pricePerToken: formatPrice(pricePerTokenWei),
+      currency: getCurrencySymbol(chainId),
+      expirationDate: Number(parameters.endTime),
+      orderHash: "0x",
+      // Will be computed later
+      orderStatus: 2 /* OPEN */,
+      // Will be validated later
+      messageData: message.data,
+      orderComponents: {
+        ...parameters,
+        counter: submission.counter
+      }
+    };
+  } catch {
+    return null;
+  }
+}
+function sortErc20ListingsByPricePerToken(listings) {
+  return [...listings].sort((a, b) => {
+    const diff = a.pricePerTokenWei - b.pricePerTokenWei;
+    if (diff < BigInt(0)) return -1;
+    if (diff > BigInt(0)) return 1;
+    return 0;
+  });
+}
 
 // src/client/BazaarClient.ts
 var CHAIN_RPC_URLS = {
@@ -760,25 +834,30 @@ var BazaarClient = class {
    * Results are deduplicated (one per token) and sorted by price (lowest first)
    */
   async getListings(options) {
-    const { nftAddress, excludeMaker, maxMessages = 200 } = options;
+    const { nftAddress, excludeMaker, maker, maxMessages = 200 } = options;
     const bazaarAddress = getBazaarAddress(this.chainId);
-    const count = await this.netClient.getMessageCount({
-      filter: {
-        appAddress: bazaarAddress,
-        topic: nftAddress.toLowerCase()
+    const filter = {
+      appAddress: bazaarAddress,
+      topic: nftAddress.toLowerCase(),
+      maker
+    };
+    let startIndex;
+    let endIndex;
+    if (options.startIndex != null && options.endIndex != null) {
+      startIndex = options.startIndex;
+      endIndex = options.endIndex;
+    } else {
+      const count = await this.netClient.getMessageCount({ filter });
+      if (count === 0) {
+        return [];
       }
-    });
-    if (count === 0) {
-      return [];
+      startIndex = Math.max(0, count - maxMessages);
+      endIndex = count;
     }
-    const startIndex = Math.max(0, count - maxMessages);
     const messages = await this.netClient.getMessages({
-      filter: {
-        appAddress: bazaarAddress,
-        topic: nftAddress.toLowerCase()
-      },
+      filter,
       startIndex,
-      endIndex: count
+      endIndex
     });
     let listings = [];
     for (const message of messages) {
@@ -999,6 +1078,92 @@ var BazaarClient = class {
     });
     return sortErc20OffersByPricePerToken(offers);
   }
+  /**
+   * Get valid ERC20 listings for a token
+   *
+   * Returns listings that are:
+   * - OPEN status (not filled, cancelled, or expired)
+   * - Not expired
+   * - Seller has sufficient ERC20 token balance
+   *
+   * Results are sorted by price per token (lowest first). No deduplication —
+   * all valid listings are returned (grouped by maker in the UI).
+   */
+  async getErc20Listings(options) {
+    const { tokenAddress, excludeMaker, maker, maxMessages = 200 } = options;
+    const erc20BazaarAddress = getErc20BazaarAddress(this.chainId);
+    const filter = {
+      appAddress: erc20BazaarAddress,
+      topic: tokenAddress.toLowerCase(),
+      maker
+    };
+    let startIndex;
+    let endIndex;
+    if (options.startIndex != null && options.endIndex != null) {
+      startIndex = options.startIndex;
+      endIndex = options.endIndex;
+    } else {
+      const count = await this.netClient.getMessageCount({ filter });
+      if (count === 0) {
+        return [];
+      }
+      startIndex = Math.max(0, count - maxMessages);
+      endIndex = count;
+    }
+    const messages = await this.netClient.getMessages({
+      filter,
+      startIndex,
+      endIndex
+    });
+    let listings = [];
+    for (const message of messages) {
+      const listing = parseErc20ListingFromMessage(message, this.chainId);
+      if (!listing) continue;
+      if (listing.tokenAddress.toLowerCase() !== tokenAddress.toLowerCase()) {
+        continue;
+      }
+      if (excludeMaker && listing.maker.toLowerCase() === excludeMaker.toLowerCase()) {
+        continue;
+      }
+      listings.push(listing);
+    }
+    if (listings.length === 0) {
+      return [];
+    }
+    const seaport = createSeaportInstance(this.chainId, this.rpcUrl);
+    for (const listing of listings) {
+      const order = getSeaportOrderFromMessageData(listing.messageData);
+      listing.orderHash = computeOrderHash(seaport, order.parameters, order.counter);
+    }
+    const orderHashes = listings.map((l) => l.orderHash);
+    const statusInfos = await bulkFetchOrderStatuses(this.client, this.chainId, orderHashes);
+    listings.forEach((listing, index) => {
+      const statusInfo = statusInfos[index];
+      listing.orderStatus = getOrderStatusFromInfo(listing.orderComponents, statusInfo);
+    });
+    listings = listings.filter(
+      (l) => l.orderStatus === 2 /* OPEN */ && l.expirationDate > Math.floor(Date.now() / 1e3)
+    );
+    if (listings.length === 0) {
+      return [];
+    }
+    const uniqueMakers = [...new Set(listings.map((l) => l.maker))];
+    const balances = await bulkFetchErc20Balances(this.client, tokenAddress, uniqueMakers);
+    const balanceMap = /* @__PURE__ */ new Map();
+    uniqueMakers.forEach((maker2, index) => {
+      balanceMap.set(maker2.toLowerCase(), balances[index]);
+    });
+    listings = listings.filter((listing) => {
+      const balance = balanceMap.get(listing.maker.toLowerCase()) || BigInt(0);
+      return isErc20ListingValid(
+        listing.orderStatus,
+        listing.expirationDate,
+        listing.tokenAmount,
+        balance
+      );
+    });
+    return sortErc20ListingsByPricePerToken(listings);
+  }
   /**
    * Get the chain ID this client is configured for
    */
@@ -1024,6 +1189,12 @@ var BazaarClient = class {
   getErc20OffersAddress() {
     return getErc20OffersAddress(this.chainId);
   }
+  /**
+   * Get the ERC20 bazaar (listings) contract address for this chain
+   */
+  getErc20BazaarAddress() {
+    return getErc20BazaarAddress(this.chainId);
+  }
   /**
    * Get the Seaport contract address for this chain
    */
@@ -1054,6 +1225,18 @@ var BazaarClient = class {
     }
     return this.prepareCancelOrder(offer.orderComponents);
   }
+  /**
+   * Prepare a transaction to cancel an ERC20 listing
+   *
+   * The listing must have been created by the caller.
+   * Use the orderComponents from the Erc20Listing object returned by getErc20Listings().
+   */
+  prepareCancelErc20Listing(listing) {
+    if (!listing.orderComponents) {
+      throw new Error("Listing does not have order components");
+    }
+    return this.prepareCancelOrder(listing.orderComponents);
+  }
   /**
    * Prepare a transaction to cancel a Seaport order
    *
@@ -1101,13 +1284,17 @@ function useBazaarListings({
   chainId,
   nftAddress,
   excludeMaker,
+  maker,
   maxMessages = 200,
+  startIndex: startIndexOverride,
+  endIndex: endIndexOverride,
   enabled = true
 }) {
   const [listings, setListings] = react.useState([]);
   const [isProcessing, setIsProcessing] = react.useState(false);
   const [processingError, setProcessingError] = react.useState();
   const [refetchTrigger, setRefetchTrigger] = react.useState(0);
+  const hasRangeOverride = startIndexOverride != null && endIndexOverride != null;
   const isSupported = react.useMemo(
     () => isBazaarSupportedOnChain(chainId),
     [chainId]
@@ -1119,19 +1306,18 @@ function useBazaarListings({
   const filter = react.useMemo(
     () => ({
       appAddress: bazaarAddress,
-      topic: nftAddress.toLowerCase()
+      topic: nftAddress.toLowerCase(),
+      maker
     }),
-    [bazaarAddress, nftAddress]
+    [bazaarAddress, nftAddress, maker]
   );
   const { count: totalCount, isLoading: isLoadingCount } = react$1.useNetMessageCount({
     chainId,
     filter,
-    enabled: enabled && isSupported
+    enabled: enabled && isSupported && !hasRangeOverride
   });
-  const startIndex = react.useMemo(
-    () => Math.max(0, totalCount - maxMessages),
-    [totalCount, maxMessages]
-  );
+  const startIndex = hasRangeOverride ? startIndexOverride : Math.max(0, totalCount - maxMessages);
+  const endIndex = hasRangeOverride ? endIndexOverride : totalCount;
   const {
     messages,
     isLoading: isLoadingMessages,
@@ -1141,8 +1327,8 @@ function useBazaarListings({
     chainId,
     filter,
     startIndex,
-    endIndex: totalCount,
-    enabled: enabled && isSupported && totalCount > 0
+    endIndex,
+    enabled: enabled && isSupported && (hasRangeOverride || totalCount > 0)
   });
   react.useEffect(() => {
     if (!isSupported || !enabled) {
@@ -1162,7 +1348,10 @@ function useBazaarListings({
         const validListings = await client.getListings({
           nftAddress,
           excludeMaker,
-          maxMessages
+          maker,
+          maxMessages,
+          startIndex: hasRangeOverride ? startIndexOverride : void 0,
+          endIndex: hasRangeOverride ? endIndexOverride : void 0
         });
         if (!cancelled) {
           setListings(validListings);
@@ -1182,14 +1371,14 @@ function useBazaarListings({
     return () => {
       cancelled = true;
     };
-  }, [chainId, nftAddress, excludeMaker, maxMessages, messages, isSupported, enabled, refetchTrigger]);
+  }, [chainId, nftAddress, excludeMaker, maker, maxMessages, startIndexOverride, endIndexOverride, hasRangeOverride, messages, isSupported, enabled, refetchTrigger]);
   const refetch = () => {
     refetchMessages();
     setRefetchTrigger((t) => t + 1);
   };
   return {
     listings,
-    isLoading: isLoadingCount || isLoadingMessages || isProcessing,
+    isLoading: (hasRangeOverride ? false : isLoadingCount) || isLoadingMessages || isProcessing,
     error: messagesError || processingError,
     refetch
   };
@@ -1389,8 +1578,112 @@ function useBazaarErc20Offers({
     refetch
   };
 }
+function useBazaarErc20Listings({
+  chainId,
+  tokenAddress,
+  excludeMaker,
+  maker,
+  maxMessages = 200,
+  startIndex: startIndexOverride,
+  endIndex: endIndexOverride,
+  enabled = true
+}) {
+  const [listings, setListings] = react.useState([]);
+  const [isProcessing, setIsProcessing] = react.useState(false);
+  const [processingError, setProcessingError] = react.useState();
+  const [refetchTrigger, setRefetchTrigger] = react.useState(0);
+  const hasRangeOverride = startIndexOverride != null && endIndexOverride != null;
+  const isSupported = react.useMemo(
+    () => isBazaarSupportedOnChain(chainId),
+    [chainId]
+  );
+  const erc20BazaarAddress = react.useMemo(
+    () => isSupported ? getErc20BazaarAddress(chainId) : void 0,
+    [chainId, isSupported]
+  );
+  const filter = react.useMemo(
+    () => ({
+      appAddress: erc20BazaarAddress,
+      topic: tokenAddress.toLowerCase(),
+      maker
+    }),
+    [erc20BazaarAddress, tokenAddress, maker]
+  );
+  const { count: totalCount, isLoading: isLoadingCount } = react$1.useNetMessageCount({
+    chainId,
+    filter,
+    enabled: enabled && isSupported && !hasRangeOverride
+  });
+  const startIndex = hasRangeOverride ? startIndexOverride : Math.max(0, totalCount - maxMessages);
+  const endIndex = hasRangeOverride ? endIndexOverride : totalCount;
+  const {
+    messages,
+    isLoading: isLoadingMessages,
+    error: messagesError,
+    refetch: refetchMessages
+  } = react$1.useNetMessages({
+    chainId,
+    filter,
+    startIndex,
+    endIndex,
+    enabled: enabled && isSupported && (hasRangeOverride || totalCount > 0)
+  });
+  react.useEffect(() => {
+    if (!isSupported || !enabled) {
+      setListings([]);
+      return;
+    }
+    if (!messages || messages.length === 0) {
+      setListings([]);
+      return;
+    }
+    let cancelled = false;
+    async function processListings() {
+      setIsProcessing(true);
+      setProcessingError(void 0);
+      try {
+        const client = new BazaarClient({ chainId });
+        const validListings = await client.getErc20Listings({
+          tokenAddress,
+          excludeMaker,
+          maker,
+          maxMessages,
+          startIndex: hasRangeOverride ? startIndexOverride : void 0,
+          endIndex: hasRangeOverride ? endIndexOverride : void 0
+        });
+        if (!cancelled) {
+          setListings(validListings);
+        }
+      } catch (err) {
+        if (!cancelled) {
+          setProcessingError(err instanceof Error ? err : new Error(String(err)));
+          setListings([]);
+        }
+      } finally {
+        if (!cancelled) {
+          setIsProcessing(false);
+        }
+      }
+    }
+    processListings();
+    return () => {
+      cancelled = true;
+    };
+  }, [chainId, tokenAddress, excludeMaker, maker, maxMessages, startIndexOverride, endIndexOverride, hasRangeOverride, messages, isSupported, enabled, refetchTrigger]);
+  const refetch = () => {
+    refetchMessages();
+    setRefetchTrigger((t) => t + 1);
+  };
+  return {
+    listings,
+    isLoading: (hasRangeOverride ? false : isLoadingCount) || isLoadingMessages || isProcessing,
+    error: messagesError || processingError,
+    refetch
+  };
+}
 
 exports.useBazaarCollectionOffers = useBazaarCollectionOffers;
+exports.useBazaarErc20Listings = useBazaarErc20Listings;
 exports.useBazaarErc20Offers = useBazaarErc20Offers;
 exports.useBazaarListings = useBazaarListings;
 //# sourceMappingURL=react.js.map