@0xsequence/marketplace-sdk 0.5.4 → 0.5.5

package/dist/{chunk-ZGVCOQ4I.js → chunk-CIPPTQDA.js}

@@ -3,16 +3,16 @@ import {
   ActionModal,
   CustomSelect,
   useCurrencyBalance
-} from "./chunk-TLNRD4BQ.js";
-import {
-  useAnalytics
-} from "./chunk-WGGZEQHL.js";
+} from "./chunk-P7UNMRZ5.js";
 import {
   CalendarIcon_default,
   MinusIcon_default,
   PlusIcon_default,
   PositiveCircleIcon_default
 } from "./chunk-6YHHCGGY.js";
+import {
+  useAnalytics
+} from "./chunk-3BLBZYQX.js";
 import {
   actionWrapper,
   closeButton,
@@ -44,6 +44,7 @@ import {
   useBalanceOfCollectible,
   useCollectible,
   useCollection,
+  useComparePrices,
   useConfig,
   useCurrencies,
   useCurrency,
@@ -57,12 +58,11 @@ import {
   useSwitchChainModal,
   useTransferTokens,
   useWallet
-} from "./chunk-JWNONWD6.js";
+} from "./chunk-AXTDPTRD.js";
 import {
   iconVariants
 } from "./chunk-TQWM4ER6.js";
 import {
-  calculatePriceDifferencePercentage,
   truncateMiddle
 } from "./chunk-7C7ADZ2H.js";
 import {
@@ -73,7 +73,7 @@ import {
   collectableKeys,
   getMarketplaceClient,
   getQueryClient
-} from "./chunk-WSCUPAGR.js";
+} from "./chunk-SA3U25NU.js";
 import {
   InvalidContractTypeError,
   InvalidStepError
@@ -1280,15 +1280,27 @@ function FloorPriceText({
     }
   });
   const floorPriceRaw = listing?.order?.priceAmount;
-  if (!floorPriceRaw || listingLoading || price.amountRaw === "0") {
+  const { data: priceComparison, isLoading: comparisonLoading } = useComparePrices({
+    chainId,
+    priceAmountRaw: price.amountRaw || "0",
+    priceCurrencyAddress: price.currency.contractAddress,
+    compareToPriceAmountRaw: floorPriceRaw || "0",
+    compareToPriceCurrencyAddress: listing?.order?.priceCurrencyAddress || price.currency.contractAddress,
+    query: {
+      enabled: !!floorPriceRaw && !listingLoading && price.amountRaw !== "0"
+    }
+  });
+  if (!floorPriceRaw || listingLoading || price.amountRaw === "0" || comparisonLoading) {
     return null;
   }
-  const floorPriceDifference = calculatePriceDifferencePercentage({
-    inputPriceRaw: BigInt(price.amountRaw),
-    basePriceRaw: BigInt(floorPriceRaw),
-    decimals: price.currency.decimals
-  });
-  const floorPriceDifferenceText = floorPriceRaw === price.amountRaw ? "Same as floor price" : `${floorPriceDifference}% ${floorPriceRaw > price.amountRaw ? "below" : "above"} floor price`;
+  let floorPriceDifferenceText = "Same as floor price";
+  if (priceComparison) {
+    if (priceComparison.status === "same") {
+      floorPriceDifferenceText = "Same as floor price";
+    } else {
+      floorPriceDifferenceText = `${priceComparison.percentageDifferenceFormatted}% ${priceComparison.status === "below" ? "below" : "above"} floor price`;
+    }
+  }
   return /* @__PURE__ */ jsx10(
     Text7,
     {
@@ -1305,6 +1317,8 @@ function FloorPriceText({
 
 // src/react/ui/modals/_internal/components/priceInput/index.tsx
 import { Box as Box8, NumericInput, Text as Text8 } from "@0xsequence/design-system";
+import { use$ as use$2 } from "@legendapp/state/react";
+import { useEffect as useEffect5, useRef, useState as useState5 } from "react";
 import { parseUnits } from "viem";
 import { useAccount } from "wagmi";
 
@@ -1411,8 +1425,6 @@ var CurrencyOptionsSelect = observer3(function CurrencyOptionsSelect2({
 var currencyOptionsSelect_default = CurrencyOptionsSelect;
 
 // src/react/ui/modals/_internal/components/priceInput/index.tsx
-import { use$ as use$2 } from "@legendapp/state/react";
-import { useState as useState5 } from "react";
 import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 function PriceInput({
   chainId,
@@ -1437,6 +1449,21 @@ function PriceInput({
     checkBalance.callback(balanceError);
   }
   const [value, setValue] = useState5("0");
+  const prevCurrencyDecimals = useRef(currencyDecimals);
+  useEffect5(() => {
+    if (prevCurrencyDecimals.current !== currencyDecimals && value !== "0") {
+      try {
+        const parsedAmount = parseUnits(value, Number(currencyDecimals));
+        $price.amountRaw.set(parsedAmount.toString());
+        if (onPriceChange && parsedAmount !== 0n) {
+          onPriceChange();
+        }
+      } catch {
+        $price.amountRaw.set("0");
+      }
+    }
+    prevCurrencyDecimals.current = currencyDecimals;
+  }, [currencyDecimals, $price.amountRaw, value, onPriceChange]);
   const handleChange = (event) => {
     const newValue = event.target.value;
     setValue(newValue);
@@ -1997,7 +2024,7 @@ function TransactionHeader({
 }
 
 // src/react/ui/modals/SellModal/hooks/useSell.tsx
-import { useEffect as useEffect5 } from "react";
+import { useEffect as useEffect6 } from "react";
 
 // src/react/ui/modals/SellModal/hooks/useGetTokenApproval.tsx
 import { skipToken as skipToken3, useQuery as useQuery3 } from "@tanstack/react-query";
@@ -2269,7 +2296,7 @@ var useSell = ({
     ordersData,
     marketplace
   });
-  useEffect5(() => {
+  useEffect6(() => {
     if (tokenApproval?.step && !tokenApprovalIsLoading) {
       steps$.approval.exist.set(true);
     }
@@ -3028,7 +3055,7 @@ var createListingModal$ = observable7({
 });
 
 // src/react/ui/modals/CreateListingModal/hooks/useCreateListing.tsx
-import { useEffect as useEffect6 } from "react";
+import { useEffect as useEffect7 } from "react";
 
 // src/react/ui/modals/CreateListingModal/hooks/useGetTokenApproval.ts
 import { skipToken as skipToken4, useQuery as useQuery4 } from "@tanstack/react-query";
@@ -3285,7 +3312,7 @@ var useCreateListing = ({
       enabled: !marketplaceIsLoading
     }
   });
-  useEffect6(() => {
+  useEffect7(() => {
     if (tokenApproval?.step && !tokenApprovalIsLoading) {
       steps$.approval.exist.set(true);
     }
@@ -3496,6 +3523,7 @@ import { use$ as use$3 } from "@legendapp/state/react";
 
 // src/react/ui/modals/BuyModal/hooks/useBuyCollectable.ts
 import { useSelectPaymentModal } from "@0xsequence/kit-checkout";
+import { zeroAddress } from "viem";
 
 // src/react/ui/modals/BuyModal/store.ts
 import { observable as observable8 } from "@legendapp/state";
@@ -3590,9 +3618,28 @@ var useBuyCollectable = ({
         additionalFees: [fees],
         walletType: "unknown" /* unknown */
       });
+      const order = await marketplaceClient.getOrders({
+        input: [
+          {
+            orderId: input.orderId,
+            contractAddress: collectionAddress,
+            marketplace: input.marketplace
+          }
+        ]
+      });
       setCheckoutModalLoaded(true);
       setCheckoutModalIsLoading(false);
-      const step = steps3[0];
+      const step = steps3.find((step2) => step2.id === "buy" /* buy */);
+      if (!step) {
+        throw new Error("Buy step not found");
+      }
+      const feesBps = BigInt(fees.amount);
+      let price = String(
+        BigInt(order.orders[0].priceAmount) * BigInt(input.quantity) * (10000n + feesBps) / 10000n
+      );
+      if (order.orders[0].priceCurrencyAddress !== zeroAddress) {
+        price = "0";
+      }
       openSelectPaymentModal({
         chain: chainId,
         collectibles: [
@@ -3603,7 +3650,7 @@ var useBuyCollectable = ({
           }
         ],
         currencyAddress: priceCurrencyAddress,
-        price: step.value,
+        price,
         targetContractAddress: step.to,
         txData: step.data,
         collectionAddress,
@@ -3712,10 +3759,10 @@ var useLoadData = ({
 };
 
 // src/react/ui/modals/BuyModal/modals/CheckoutModal.tsx
-import { useEffect as useEffect7 } from "react";
+import { useEffect as useEffect8 } from "react";
 import { parseUnits as parseUnits5 } from "viem";
 function CheckoutModal({ buy, collectable, order }) {
-  useEffect7(() => {
+  useEffect8(() => {
     if (buyModal$.state.checkoutModalIsLoading.get() || buyModal$.state.checkoutModalLoaded.get())
       return;
     const executeBuy = () => {
@@ -3992,7 +4039,7 @@ var DiamondEye_default = SvgDiamondEyeIcon;
 import { observer as observer12 } from "@legendapp/state/react";
 
 // src/react/ui/components/_internals/action-button/hooks/useActionButtonLogic.ts
-import { useEffect as useEffect8 } from "react";
+import { useEffect as useEffect9 } from "react";
 import { useAccount as useAccount6 } from "wagmi";
 
 // src/react/ui/components/_internals/action-button/store.ts
@@ -4034,7 +4081,7 @@ var useActionButtonLogic = ({
     "Make an offer" /* OFFER */
   ];
   const pendingActionType = actionButtonStore.pendingAction.type.get();
-  useEffect8(() => {
+  useEffect9(() => {
     if (owned && actionButtonStore.pendingAction.get() && address && !actionsThatOwnersCannotPerform.includes(action) && actionButtonStore.pendingAction.get()?.collectibleId === tokenId) {
       onCannotPerformAction?.(
         pendingActionType
@@ -4050,7 +4097,7 @@ var useActionButtonLogic = ({
     onCannotPerformAction,
     pendingActionType
   ]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (address && !owned && actionButtonStore.pendingAction.get() && actionButtonStore.pendingAction.get()?.collectibleId === tokenId) {
       setTimeout(() => {
         executePendingActionIfExists();
@@ -4389,6 +4436,7 @@ var formatPrice = (amount, currency) => {
 var Footer = ({
   name,
   type,
+  decimals,
   onOfferClick,
   highestOffer,
   lowestListingPriceAmount,
@@ -4471,16 +4519,24 @@ var Footer = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx35(TokenTypeBalancePill, { balance, type })
+        /* @__PURE__ */ jsx35(
+          TokenTypeBalancePill,
+          {
+            balance,
+            type,
+            decimals
+          }
+        )
       ]
     }
   );
 };
 var TokenTypeBalancePill = ({
   balance,
-  type
+  type,
+  decimals
 }) => {
-  const displayText = type === "ERC1155" /* ERC1155 */ ? balance ? `Owned: ${balance}` : "ERC-1155" : "ERC-721";
+  const displayText = type === "ERC1155" /* ERC1155 */ ? balance ? `Owned: ${formatUnits8(BigInt(balance), decimals ?? 0)}` : "ERC-1155" : "ERC-721";
   return /* @__PURE__ */ jsx35(
     Text16,
     {
@@ -4632,7 +4688,8 @@ function CollectibleCard({
                     highestOffer,
                     lowestListingPriceAmount: lowestListing?.order?.priceAmount,
                     lowestListingCurrency,
-                    balance
+                    balance,
+                    decimals: collectibleMetadata?.decimals
                   }
                 ),
                 (highestOffer || lowestListing) && /* @__PURE__ */ jsx36(
@@ -4678,4 +4735,4 @@ export {
   useBuyModal,
   CollectibleCard
 };
-//# sourceMappingURL=chunk-ZGVCOQ4I.js.map
+//# sourceMappingURL=chunk-CIPPTQDA.js.map