@net-protocol/bazaar 0.1.12 → 0.1.13

package/dist/react.mjs

@@ -1,7 +1,7 @@
 import { useState, useMemo, useEffect } from 'react';
 import { usePublicClient } from 'wagmi';
 import { useNetMessageCount, useNetMessages } from '@net-protocol/core/react';
-import { createPublicClient, http, defineChain, decodeAbiParameters, formatEther, keccak256, toBytes } from 'viem';
+import { createPublicClient, http, defineChain, decodeAbiParameters, keccak256, toBytes, formatEther } from 'viem';
 import { readContract } from 'viem/actions';
 import { NetClient } from '@net-protocol/core';
 import { Seaport } from '@opensea/seaport-js';
@@ -851,6 +851,12 @@ function getTotalConsiderationAmount(parameters) {
 function formatPrice(priceWei) {
   return parseFloat(formatEther(priceWei));
 }
+function formatPricePerToken(priceWei, tokenAmount, tokenDecimals = 18) {
+  if (tokenAmount === 0n) return "0";
+  const scaled = priceWei * 10n ** BigInt(tokenDecimals);
+  const result = scaled / tokenAmount;
+  return formatEther(result);
+}
 async function bulkFetchOrderStatuses(client, chainId, orderHashes) {
   if (orderHashes.length === 0) {
     return [];
@@ -1078,7 +1084,7 @@ function sortOffersByPrice(offers) {
     return 0;
   });
 }
-function parseErc20OfferFromMessage(message, chainId) {
+function parseErc20OfferFromMessage(message, chainId, tokenDecimals = 18) {
   try {
     const submission = decodeSeaportSubmission(message.data);
     const { parameters } = submission;
@@ -1108,7 +1114,7 @@ function parseErc20OfferFromMessage(message, chainId) {
       priceWei,
       pricePerTokenWei,
       price: formatPrice(priceWei),
-      pricePerToken: formatPrice(pricePerTokenWei),
+      pricePerToken: formatPricePerToken(priceWei, tokenAmount, tokenDecimals),
       currency: getCurrencySymbol(chainId),
       expirationDate: Number(parameters.endTime),
       orderHash: "0x",
@@ -1133,7 +1139,7 @@ function sortErc20OffersByPricePerToken(offers) {
     return 0;
   });
 }
-function parseErc20ListingFromMessage(message, chainId) {
+function parseErc20ListingFromMessage(message, chainId, tokenDecimals = 18) {
   try {
     const submission = decodeSeaportSubmission(message.data);
     const { parameters } = submission;
@@ -1160,7 +1166,7 @@ function parseErc20ListingFromMessage(message, chainId) {
       priceWei,
       pricePerTokenWei,
       price: formatPrice(priceWei),
-      pricePerToken: formatPrice(pricePerTokenWei),
+      pricePerToken: formatPricePerToken(priceWei, tokenAmount, tokenDecimals),
       currency: getCurrencySymbol(chainId),
       expirationDate: Number(parameters.endTime),
       orderHash: "0x",
@@ -1252,7 +1258,7 @@ function parseSaleFromStoredData(storedData, chainId) {
       amount: offerItem.amount,
       itemType: offerItem.itemType,
       priceWei: totalConsideration,
-      price: parseFloat(formatEther(totalConsideration)),
+      price: formatPrice(totalConsideration),
       currency: getCurrencySymbol(chainId),
       timestamp: Number(timestamp),
       orderHash: zoneParameters.orderHash
@@ -1794,6 +1800,16 @@ var CHAIN_RPC_URLS = {
   9745: ["https://rpc.plasma.to"],
   143: ["https://rpc3.monad.xyz"]
 };
+var ERC20_DECIMALS_ABI = [
+  {
+    type: "function",
+    name: "decimals",
+    inputs: [],
+    outputs: [{ type: "uint8", name: "" }],
+    stateMutability: "view"
+  }
+];
+var tokenDecimalsCache = /* @__PURE__ */ new Map();
 var BazaarClient = class {
   constructor(params) {
     if (!isBazaarSupportedOnChain(params.chainId)) {
@@ -1830,6 +1846,28 @@ var BazaarClient = class {
       overrides: params.rpcUrl ? { rpcUrls: [params.rpcUrl] } : void 0
     });
   }
+  /**
+   * Fetch ERC20 token decimals with caching.
+   * Falls back to 18 if the on-chain call fails.
+   */
+  async fetchTokenDecimals(tokenAddress) {
+    const cacheKey = `${this.chainId}:${tokenAddress.toLowerCase()}`;
+    const cached = tokenDecimalsCache.get(cacheKey);
+    if (cached !== void 0) return cached;
+    try {
+      const result = await readContract(this.client, {
+        address: tokenAddress,
+        abi: ERC20_DECIMALS_ABI,
+        functionName: "decimals"
+      });
+      const decimals = Number(result);
+      tokenDecimalsCache.set(cacheKey, decimals);
+      return decimals;
+    } catch {
+      console.warn(`[BazaarClient] Failed to fetch decimals for ${tokenAddress}, defaulting to 18`);
+      return 18;
+    }
+  }
   /**
    * Get valid NFT listings for a collection
    *
@@ -2133,9 +2171,10 @@ var BazaarClient = class {
     if (!weth) {
       return [];
     }
+    const tokenDecimals = await this.fetchTokenDecimals(tokenAddress);
     let offers = [];
     for (const message of messages) {
-      const offer = parseErc20OfferFromMessage(message, this.chainId);
+      const offer = parseErc20OfferFromMessage(message, this.chainId, tokenDecimals);
       if (!offer) continue;
       const order = getSeaportOrderFromMessageData(offer.messageData);
       const offerToken = order.parameters.offer?.[0]?.token?.toLowerCase();
@@ -2240,9 +2279,10 @@ var BazaarClient = class {
   async processErc20ListingsFromMessages(messages, options) {
     const { tokenAddress, excludeMaker } = options;
     const tag = `[BazaarClient.processErc20Listings chain=${this.chainId}]`;
+    const tokenDecimals = await this.fetchTokenDecimals(tokenAddress);
     let listings = [];
     for (const message of messages) {
-      const listing = parseErc20ListingFromMessage(message, this.chainId);
+      const listing = parseErc20ListingFromMessage(message, this.chainId, tokenDecimals);
       if (!listing) continue;
       if (listing.tokenAddress.toLowerCase() !== tokenAddress.toLowerCase()) {
         continue;