@net-protocol/bazaar 0.1.0 → 0.1.1

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--4_RIuQ5.mjs';
 
 /**
  * React hook for fetching NFT listings from Bazaar
@@ -175,4 +175,65 @@ 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}`;
+    /** Maximum number of messages to fetch (default: 200) */
+    maxMessages?: 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, maxMessages, 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--4_RIuQ5.js';
 
 /**
  * React hook for fetching NFT listings from Bazaar
@@ -175,4 +175,65 @@ 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}`;
+    /** Maximum number of messages to fetch (default: 200) */
+    maxMessages?: 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, maxMessages, 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,6 +179,7 @@ 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";
@@ -190,6 +191,7 @@ var BAZAAR_CHAIN_CONFIGS = {
     bazaarAddress: "0x000000058f3ade587388daf827174d0e6fc97595",
     collectionOffersAddress: "0x0000000f9c45efcff0f78d8b54aa6a40092d66dc",
     erc20OffersAddress: "0x0000000e23a89aa06f317306aa1ae231d3503082",
+    erc20BazaarAddress: "0x00000006557e3629e2fc50bbad0c002b27cac492",
     seaportAddress: DEFAULT_SEAPORT_ADDRESS,
     feeCollectorAddress: "0x66547ff4f7206e291F7BC157b54C026Fc6660961",
     nftFeeBps: 0,
@@ -279,6 +281,7 @@ var BAZAAR_CHAIN_CONFIGS = {
     bazaarAddress: "0x000000058f3ade587388daf827174d0e6fc97595",
     collectionOffersAddress: "0x0000000f9c45efcff0f78d8b54aa6a40092d66dc",
     erc20OffersAddress: "0x0000000e23a89aa06f317306aa1ae231d3503082",
+    erc20BazaarAddress: "0x00000006557e3629e2fc50bbad0c002b27cac492",
     seaportAddress: DEFAULT_SEAPORT_ADDRESS,
     feeCollectorAddress: "0x66547ff4f7206e291F7BC157b54C026Fc6660961",
     nftFeeBps: 0,
@@ -346,6 +349,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 +549,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) {
@@ -704,6 +723,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 = {
@@ -999,6 +1070,87 @@ 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, maxMessages = 200 } = options;
+    const erc20BazaarAddress = getErc20BazaarAddress(this.chainId);
+    const count = await this.netClient.getMessageCount({
+      filter: {
+        appAddress: erc20BazaarAddress,
+        topic: tokenAddress.toLowerCase()
+      }
+    });
+    if (count === 0) {
+      return [];
+    }
+    const startIndex = Math.max(0, count - maxMessages);
+    const messages = await this.netClient.getMessages({
+      filter: {
+        appAddress: erc20BazaarAddress,
+        topic: tokenAddress.toLowerCase()
+      },
+      startIndex,
+      endIndex: count
+    });
+    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((maker, index) => {
+      balanceMap.set(maker.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 +1176,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 +1212,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
    *
@@ -1389,8 +1559,106 @@ function useBazaarErc20Offers({
     refetch
   };
 }
+function useBazaarErc20Listings({
+  chainId,
+  tokenAddress,
+  excludeMaker,
+  maxMessages = 200,
+  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 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()
+    }),
+    [erc20BazaarAddress, tokenAddress]
+  );
+  const { count: totalCount, isLoading: isLoadingCount } = react$1.useNetMessageCount({
+    chainId,
+    filter,
+    enabled: enabled && isSupported
+  });
+  const startIndex = react.useMemo(
+    () => Math.max(0, totalCount - maxMessages),
+    [totalCount, maxMessages]
+  );
+  const {
+    messages,
+    isLoading: isLoadingMessages,
+    error: messagesError,
+    refetch: refetchMessages
+  } = react$1.useNetMessages({
+    chainId,
+    filter,
+    startIndex,
+    endIndex: totalCount,
+    enabled: enabled && isSupported && 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,
+          maxMessages
+        });
+        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, maxMessages, messages, isSupported, enabled, refetchTrigger]);
+  const refetch = () => {
+    refetchMessages();
+    setRefetchTrigger((t) => t + 1);
+  };
+  return {
+    listings,
+    isLoading: isLoadingCount || isLoadingMessages || isProcessing,
+    error: messagesError || processingError,
+    refetch
+  };
+}
 
 exports.useBazaarCollectionOffers = useBazaarCollectionOffers;
+exports.useBazaarErc20Listings = useBazaarErc20Listings;
 exports.useBazaarErc20Offers = useBazaarErc20Offers;
 exports.useBazaarListings = useBazaarListings;
 //# sourceMappingURL=react.js.map