@0xsequence/marketplace-sdk 0.8.3 → 0.8.5

package/dist/{chunk-QTV77W42.js → chunk-SFSFIGHM.js}

@@ -2,10 +2,10 @@
 
 import {
   ActionModal
-} from "./chunk-5ATGT5S4.js";
+} from "./chunk-EZFCQZHU.js";
 import {
   useAnalytics
-} from "./chunk-FH4TZRDV.js";
+} from "./chunk-ZVTG6US2.js";
 import {
   BellIcon_default,
   CalendarIcon_default,
@@ -33,7 +33,7 @@ import {
   useSwitchChainModal,
   useTransferTokens,
   useWallet
-} from "./chunk-DFI52A2E.js";
+} from "./chunk-KCLMSSPS.js";
 import {
   DEFAULT_MARKETPLACE_FEE_PERCENTAGE
 } from "./chunk-Y63BOO6M.js";
@@ -1364,7 +1364,7 @@ function PriceInput({
     "div",
     {
       className: cn(
-        "relative flex w-full flex-col",
+        "price-input relative flex w-full flex-col",
         disabled && "pointer-events-none opacity-50"
       ),
       children: [
@@ -4801,7 +4801,6 @@ import { observer as observer18 } from "@legendapp/state/react";
 // src/react/ui/components/_internals/action-button/components/ActionButtonBody.tsx
 import { useOpenConnectModal } from "@0xsequence/connect";
 import { Button as Button8 } from "@0xsequence/design-system";
-import { useAccount as useAccount8 } from "wagmi";
 
 // src/react/ui/components/_internals/action-button/store.ts
 import { observable as observable9 } from "@legendapp/state";
@@ -4838,7 +4837,8 @@ function ActionButtonBody({
   icon,
   action
 }) {
-  const { address } = useAccount8();
+  const { wallet } = useWallet();
+  const address = wallet?.address;
   const { setOpenConnectModal } = useOpenConnectModal();
   const handleClick = (e) => {
     e.preventDefault();
@@ -4978,21 +4978,21 @@ function OwnerActions({
 
 // src/react/ui/components/_internals/action-button/hooks/useActionButtonLogic.ts
 import { useEffect as useEffect11 } from "react";
-import { useAccount as useAccount9 } from "wagmi";
 var useActionButtonLogic = ({
   tokenId,
   owned,
   action,
   onCannotPerformAction
 }) => {
-  const { address } = useAccount9();
+  const { wallet } = useWallet();
+  const address = wallet?.address;
   const actionsThatOwnersCannotPerform = [
     "Buy" /* BUY */,
     "Make an offer" /* OFFER */
   ];
   const pendingActionType = actionButtonStore.pendingAction.type.get();
   useEffect11(() => {
-    if (owned && actionButtonStore.pendingAction.get() && address && !actionsThatOwnersCannotPerform.includes(action) && actionButtonStore.pendingAction.get()?.collectibleId === tokenId) {
+    if (owned && actionButtonStore.pendingAction.get() && address && actionsThatOwnersCannotPerform.includes(action) && actionButtonStore.pendingAction.get()?.collectibleId === tokenId) {
       onCannotPerformAction?.(
         pendingActionType
       );
@@ -5086,6 +5086,7 @@ function CollectibleAssetSkeleton() {
   return /* @__PURE__ */ jsx40(
     Skeleton10,
     {
+      "data-testid": "collectible-asset-skeleton",
       size: "lg",
       className: "absolute inset-0 h-full w-full animate-shimmer",
       style: {
@@ -5299,22 +5300,29 @@ var TokenTypeBalancePill = ({
 // src/react/ui/components/collectible-card/CollectibleCard.tsx
 import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
 function CollectibleSkeleton() {
-  return /* @__PURE__ */ jsxs31("div", { className: "w-card-width overflow-hidden rounded-xl border border-border-base focus-visible:border-border-focus focus-visible:shadow-none focus-visible:outline-focus active:border-border-focus active:shadow-none", children: [
-    /* @__PURE__ */ jsx42("div", { className: "relative aspect-square overflow-hidden bg-background-secondary", children: /* @__PURE__ */ jsx42(
-      Skeleton11,
-      {
-        size: "lg",
-        className: "absolute inset-0 h-full w-full animate-shimmer",
-        style: {
-          borderRadius: 0
-        }
-      }
-    ) }),
-    /* @__PURE__ */ jsxs31("div", { className: "mt-2 flex flex-col gap-2 px-4 pb-4", children: [
-      /* @__PURE__ */ jsx42(Skeleton11, { size: "lg", className: "animate-shimmer" }),
-      /* @__PURE__ */ jsx42(Skeleton11, { size: "sm", className: "animate-shimmer" })
-    ] })
-  ] });
+  return /* @__PURE__ */ jsxs31(
+    "div",
+    {
+      "data-testid": "collectible-card-skeleton",
+      className: "w-card-width overflow-hidden rounded-xl border border-border-base focus-visible:border-border-focus focus-visible:shadow-none focus-visible:outline-focus active:border-border-focus active:shadow-none",
+      children: [
+        /* @__PURE__ */ jsx42("div", { className: "relative aspect-square overflow-hidden bg-background-secondary", children: /* @__PURE__ */ jsx42(
+          Skeleton11,
+          {
+            size: "lg",
+            className: "absolute inset-0 h-full w-full animate-shimmer",
+            style: {
+              borderRadius: 0
+            }
+          }
+        ) }),
+        /* @__PURE__ */ jsxs31("div", { className: "mt-2 flex flex-col gap-2 px-4 pb-4", children: [
+          /* @__PURE__ */ jsx42(Skeleton11, { size: "lg", className: "animate-shimmer" }),
+          /* @__PURE__ */ jsx42(Skeleton11, { size: "sm", className: "animate-shimmer" })
+        ] })
+      ]
+    }
+  );
 }
 function CollectibleCard({
   collectibleId,
@@ -5322,30 +5330,32 @@ function CollectibleCard({
   collectionAddress,
   orderbookKind,
   collectionType,
-  lowestListing,
+  collectible,
   onCollectibleClick,
   onOfferClick,
   balance,
+  balanceIsLoading,
   cardLoading,
   onCannotPerformAction,
   assetSrcPrefixUrl
 }) {
-  const collectibleMetadata = lowestListing?.metadata;
-  const highestOffer = lowestListing?.offer;
+  const collectibleMetadata = collectible?.metadata;
+  const highestOffer = collectible?.offer;
   const { data: lowestListingCurrency } = useCurrency({
     chainId,
-    currencyAddress: lowestListing?.order?.priceCurrencyAddress,
+    currencyAddress: collectible?.listing?.priceCurrencyAddress,
     query: {
-      enabled: !!lowestListing?.order?.priceCurrencyAddress
+      enabled: !!collectible?.listing?.priceCurrencyAddress
     }
   });
   if (cardLoading) {
     return /* @__PURE__ */ jsx42(CollectibleSkeleton, {});
   }
-  const action = balance ? highestOffer && "Sell" /* SELL */ || !lowestListing?.order && "Create listing" /* LIST */ || "Transfer" /* TRANSFER */ : lowestListing?.order && "Buy" /* BUY */ || "Make an offer" /* OFFER */;
+  const action = balance ? highestOffer && "Sell" /* SELL */ || !collectible?.listing && "Create listing" /* LIST */ || "Transfer" /* TRANSFER */ : collectible?.listing && "Buy" /* BUY */ || "Make an offer" /* OFFER */;
   return /* @__PURE__ */ jsx42(
     "div",
     {
+      "data-testid": "collectible-card",
       className: "w-card-width overflow-hidden rounded-xl border border-border-base bg-background-primary focus-visible:border-border-focus focus-visible:shadow-focus-ring focus-visible:outline-focus active:border-border-focus active:shadow-active-ring",
       onClick: () => onCollectibleClick?.(collectibleId),
       onKeyDown: (e) => {
@@ -5369,13 +5379,13 @@ function CollectibleCard({
             type: collectionType,
             onOfferClick: (e) => onOfferClick?.({ order: highestOffer, e }),
             highestOffer,
-            lowestListingPriceAmount: lowestListing?.order?.priceAmount,
+            lowestListingPriceAmount: collectible?.listing?.priceAmount,
             lowestListingCurrency,
             balance,
             decimals: collectibleMetadata?.decimals
           }
         ),
-        (highestOffer || lowestListing) && /* @__PURE__ */ jsx42("div", { className: "-bottom-action-offset absolute flex w-full items-center justify-center bg-overlay-light p-2 backdrop-blur transition-transform duration-200 ease-in-out group-hover:translate-y-[-44px]", children: /* @__PURE__ */ jsx42(
+        (highestOffer || collectible) && !balanceIsLoading && /* @__PURE__ */ jsx42("div", { className: "-bottom-action-offset absolute flex w-full items-center justify-center bg-overlay-light p-2 backdrop-blur transition-transform duration-200 ease-in-out group-hover:translate-y-[-44px]", children: /* @__PURE__ */ jsx42(
           ActionButton,
           {
             chainId,
@@ -5384,7 +5394,7 @@ function CollectibleCard({
             orderbookKind,
             action,
             highestOffer,
-            lowestListing: lowestListing?.order,
+            lowestListing: collectible?.listing,
             owned: !!balance,
             onCannotPerformAction
           }
@@ -5404,4 +5414,4 @@ export {
   useSellModal,
   CollectibleCard
 };
-//# sourceMappingURL=chunk-QTV77W42.js.map
+//# sourceMappingURL=chunk-SFSFIGHM.js.map