@zoralabs/nft-components - npm Package Compare versions

Comparing version 1.0.5-pre to 1.0.6-pre

dist/components/AddressView.js

@@ -11,5 +11,3 @@ "use strict";
     const { theme } = style;
-    // @ts-ignore (address can be undefined but not typed correctly for now)
     const ens = nft_hooks_1.useENSAddress(theme.useEnsResolution ? address : undefined);
-    console.log(theme.useEnsResolution, ens);
     // const username = useZoraUsername(
@@ -16,0 +14,0 @@ //   theme.useZoraUsernameResolution || ens.error ? address : undefined

dist/components/MediaObject.d.ts

@@ -6,4 +6,4 @@ /// <reference types="react" />
     description: string;
-    animation_url?: string;
-    image?: string;
+    contentUri?: string;
+    imageUri?: string;
 };
@@ -10,0 +10,0 @@ declare type MediaObjectProps = {

dist/components/MediaObject.js

@@ -10,3 +10,3 @@ "use strict";
     var _a, _b, _c, _d;
-    const mediaType = nft_hooks_1.useNFTContent(contentURI !== null && contentURI !== void 0 ? contentURI : metadata === null || metadata === void 0 ? void 0 : metadata.animation_url);
+    const mediaType = nft_hooks_1.useNFTContent(contentURI !== null && contentURI !== void 0 ? contentURI : metadata === null || metadata === void 0 ? void 0 : metadata.contentUri);
     const { getStyles, getString, renderers, style, networkId } = useMediaContext_1.useMediaContext();
@@ -25,5 +25,5 @@ const request = {
                 : undefined,
-            image: (metadata === null || metadata === void 0 ? void 0 : metadata.image)
+            image: (metadata === null || metadata === void 0 ? void 0 : metadata.imageUri)
                 ? {
-                    uri: metadata === null || metadata === void 0 ? void 0 : metadata.image,
+                    uri: metadata === null || metadata === void 0 ? void 0 : metadata.imageUri,
                     type: "image/",
@@ -33,5 +33,5 @@ }
             // from metadata.animation_url
-            animation: (metadata === null || metadata === void 0 ? void 0 : metadata.animation_url)
+            animation: (metadata === null || metadata === void 0 ? void 0 : metadata.contentUri)
                 ? {
-                    uri: metadata === null || metadata === void 0 ? void 0 : metadata.animation_url,
+                    uri: metadata === null || metadata === void 0 ? void 0 : metadata.contentUri,
                     type: (_d = mediaType.content) === null || _d === void 0 ? void 0 : _d.mimeType,
@@ -38,0 +38,0 @@ }

dist/content-components/Audio.js

@@ -116,3 +116,3 @@ "use strict";
             return request.renderingContext === "FULL"
-                ? RendererConfig_1.RenderingPreference.PRIORITY
+                ? RendererConfig_1.RenderingPreference.PREFERRED
                 : RendererConfig_1.RenderingPreference.LOW;
@@ -119,0 +119,0 @@ }

dist/content-components/HTML.js

@@ -35,3 +35,3 @@ "use strict";
             return request.renderingContext === "FULL"
-                ? RendererConfig_1.RenderingPreference.PRIORITY
+                ? RendererConfig_1.RenderingPreference.PREFERRED
                 : RendererConfig_1.RenderingPreference.INVALID;
@@ -38,0 +38,0 @@ }

dist/content-components/Image.js

@@ -12,3 +12,3 @@ "use strict";
     const { props, loading, error } = MediaLoader_1.useMediaObjectProps({
-        uri: ((_a = request.media.content) === null || _a === void 0 ? void 0 : _a.uri) || ((_b = request.media.image) === null || _b === void 0 ? void 0 : _b.uri),
+        uri: ((_a = request.media.image) === null || _a === void 0 ? void 0 : _a.uri) || ((_b = request.media.content) === null || _b === void 0 ? void 0 : _b.uri),
         preferredIPFSGateway: theme.preferredIPFSGateway,
@@ -15,0 +15,0 @@ ...requestProps,

dist/content-components/Model.js

@@ -14,3 +14,3 @@ "use strict";
             return request.renderingContext === "FULL"
-                ? RendererConfig_1.RenderingPreference.PRIORITY
+                ? RendererConfig_1.RenderingPreference.PREFERRED
                 : RendererConfig_1.RenderingPreference.NORMAL;
@@ -17,0 +17,0 @@ }

dist/content-components/Video.js

@@ -109,6 +109,6 @@ "use strict";
         if ((_b = (_a = request.media.animation) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.startsWith("video/")) {
-            return RendererConfig_1.RenderingPreference.PRIORITY;
+            return RendererConfig_1.RenderingPreference.PREFERRED;
         }
         if ((_d = (_c = request.media.content) === null || _c === void 0 ? void 0 : _c.type) === null || _d === void 0 ? void 0 : _d.startsWith("video/")) {
-            return RendererConfig_1.RenderingPreference.PRIORITY;
+            return RendererConfig_1.RenderingPreference.PREFERRED;
         }
@@ -115,0 +115,0 @@ return RendererConfig_1.RenderingPreference.INVALID;

dist/nft-full/AuctionInfo.d.ts

@@ -5,4 +5,5 @@ /// <reference types="react" />
     showPerpetual?: boolean;
+    showFindersFee?: boolean;
 } & StyleProps;
-export declare const AuctionInfo: ({ showPerpetual, className, }: AuctionInfoProps) => JSX.Element;
+export declare const AuctionInfo: ({ showPerpetual, showFindersFee, className, }: AuctionInfoProps) => JSX.Element;
 export {};

dist/nft-full/AuctionInfo.js

@@ -13,3 +13,3 @@ "use strict";
 const types_1 = require("@zoralabs/nft-hooks/dist/types");
-const AuctionInfo = ({ showPerpetual = true, className, }) => {
+const AuctionInfo = ({ showPerpetual = true, showFindersFee = true, className, }) => {
     var _a;
@@ -21,3 +21,3 @@ const { data } = react_1.useContext(NFTDataContext_1.NFTDataContext);
         return (_a = data === null || data === void 0 ? void 0 : data.markets) === null || _a === void 0 ? void 0 : _a.find((market) => market.source === types_1.AUCTION_SOURCE_TYPES.ZORA_RESERVE_V2 &&
-            market.status !== types_1.MARKET_INFO_STATUSES.CANCELLED);
+            market.status !== types_1.MARKET_INFO_STATUSES.CANCELED);
     }, [data === null || data === void 0 ? void 0 : data.markets]);
@@ -30,3 +30,3 @@ const perpetualAsk = react_1.useMemo(() => {
         var _a;
-        return (_a = data === null || data === void 0 ? void 0 : data.markets) === null || _a === void 0 ? void 0 : _a.find((market) => market.source === types_1.FIXED_PRICE_MARKET_SOURCES.ZORA_ASK_V1);
+        return (_a = data === null || data === void 0 ? void 0 : data.markets) === null || _a === void 0 ? void 0 : _a.find((market) => market.source === types_1.FIXED_PRICE_MARKET_SOURCES.ZORA_ASK_V3);
     }, [data === null || data === void 0 ? void 0 : data.markets]);
@@ -43,4 +43,4 @@ const AuctionInfoWrapper = ({ children, ...containerArgs }) => (jsx_runtime_1.jsx(InfoContainer_1.InfoContainer, Object.assign({}, containerArgs, { className: className }, { children: children }), void 0));
         return (jsx_runtime_1.jsxs(react_1.Fragment, { children: [newAsk && (jsx_runtime_1.jsxs(AuctionInfoWrapper, Object.assign({ titleString: "CURRENT_PRICE" }, { children: [jsx_runtime_1.jsx(PricingString_1.PricingString, { pricing: newAsk.amount }, void 0),
-                        jsx_runtime_1.jsx("div", Object.assign({}, getStyles("fullInfoSpacer", undefined, { width: 15 })), void 0),
-                        jsx_runtime_1.jsx("div", Object.assign({}, getStyles("fullLabel"), { children: getString("FINDERS_FEE") }), void 0), `${Math.floor(parseInt(newAsk.raw.findersFeeBps, 10) / 100)}%`] }), void 0)),
+                        showFindersFee && (jsx_runtime_1.jsxs(react_1.Fragment, { children: [jsx_runtime_1.jsx("div", Object.assign({}, getStyles("fullInfoSpacer", undefined, { width: 15 })), void 0),
+                                jsx_runtime_1.jsx("div", Object.assign({}, getStyles("fullLabel"), { children: getString("FINDERS_FEE") }), void 0), `${Math.floor(parseInt(newAsk.raw.findersFeeBps, 10) / 100)}%`] }, void 0))] }), void 0)),
                 reserveAuction && reserveAuction.status === "active" && (jsx_runtime_1.jsx(AuctionInfoWrapper, Object.assign({ titleString: "RESERVE_PRICE" }, { children: jsx_runtime_1.jsx(PricingString_1.PricingString, { pricing: reserveAuction.amount }, void 0) }), void 0))] }, void 0));
@@ -47,0 +47,0 @@ }

dist/nft-full/BidHistory.js

@@ -11,2 +11,3 @@ "use strict";
 const InfoContainer_1 = require("./InfoContainer");
+const types_1 = require("@zoralabs/nft-hooks/dist/types");
 const PricingString_1 = require("../utils/PricingString");
@@ -34,3 +35,3 @@ const dateFromTimestamp = (timestamp) => {
     const processedData = react_2.useMemo(() => {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         if (!(data === null || data === void 0 ? void 0 : data.nft)) {
@@ -40,21 +41,21 @@ return [];
         const bidEvents = [];
-        if (((_a = data.nft) === null || _a === void 0 ? void 0 : _a.minted) && ((_c = (_b = data.nft.minted) === null || _b === void 0 ? void 0 : _b.at) === null || _c === void 0 ? void 0 : _c.timestamp)) {
+        if (((_b = (_a = data.nft) === null || _a === void 0 ? void 0 : _a.minted) === null || _b === void 0 ? void 0 : _b.address) && ((_d = (_c = data.nft.minted) === null || _c === void 0 ? void 0 : _c.at) === null || _d === void 0 ? void 0 : _d.timestamp)) {
             bidEvents.push({
                 activityDescription: getString("BID_HISTORY_MINTED"),
-                actor: data.nft.minted.minter,
+                actor: data.nft.minted.address,
                 createdAt: data.nft.minted.at.timestamp,
-                transactionHash: data.nft.minted.at.transactionHash,
+                transactionHash: data.nft.minted.at.transactionHash || null,
                 pricing: undefined,
             });
         }
-        (_d = data.markets) === null || _d === void 0 ? void 0 : _d.forEach((market) => {
+        (_e = data.markets) === null || _e === void 0 ? void 0 : _e.forEach((market) => {
             var _a, _b;
-            if (market.type === "Auction") {
+            if (market.type === types_1.MARKET_TYPES.AUCTION) {
                 const typedAuction = market;
-                if (typedAuction.cancelledAt) {
+                if (typedAuction.canceledAt) {
                     bidEvents.push({
                         activityDescription: getString("BID_HISTORY_CANCELLED"),
                         actor: typedAuction.createdBy,
-                        createdAt: typedAuction.cancelledAt.timestamp,
-                        transactionHash: typedAuction.cancelledAt.transactionHash,
+                        createdAt: typedAuction.canceledAt.timestamp,
+                        transactionHash: typedAuction.canceledAt.transactionHash || null,
                         pricing: undefined,
@@ -76,9 +77,9 @@ });
                     actor: bid.creator,
-                    transactionHash: bid.created.transactionHash,
+                    transactionHash: bid.created.transactionHash || null,
                     pricing: bid.amount,
                 }));
             }
-            if (market.type === "FixedPrice") {
-                if (market.side === "ask") {
-                    if (market.status === "active") {
+            if (market.type === types_1.MARKET_TYPES.FIXED_PRICE) {
+                if (market.side === types_1.FIXED_SIDE_TYPES.ASK) {
+                    if (market.status === types_1.MARKET_INFO_STATUSES.ACTIVE) {
                         bidEvents.push({
@@ -88,16 +89,16 @@ activityDescription: getString("HISTORY_ASK_PRICE"),
                             actor: market.createdBy,
-                            transactionHash: market.createdAt.transactionHash,
+                            transactionHash: market.createdAt.transactionHash || null,
                             pricing: market.amount,
                         });
                     }
-                    if (market.status === "cancelled") {
+                    if (market.status === types_1.MARKET_INFO_STATUSES.CANCELED) {
                         bidEvents.push({
                             activityDescription: getString("HISTORY_ASK_CANCELLED"),
-                            createdAt: market.cancelledAt.timestamp,
+                            createdAt: market.canceledAt.timestamp,
                             actor: market.createdBy,
-                            transactionHash: ((_b = market.cancelledAt) === null || _b === void 0 ? void 0 : _b.transactionHash) || null,
+                            transactionHash: ((_b = market.canceledAt) === null || _b === void 0 ? void 0 : _b.transactionHash) || null,
                             pricing: market.amount,
                         });
                     }
-                    if (market.status === "complete") {
+                    if (market.status === types_1.MARKET_INFO_STATUSES.COMPLETE) {
                         bidEvents.push({
@@ -107,3 +108,3 @@ activityDescription: getString("HISTORY_ASK_FILLED"),
                             actor: market.createdBy,
-                            transactionHash: market.createdAt.transactionHash,
+                            transactionHash: market.createdAt.transactionHash || null,
                             pricing: market.amount,
@@ -113,3 +114,3 @@ });
                 }
-                if (market.side === "offer") {
+                if (market.side === types_1.FIXED_SIDE_TYPES.OFFER) {
                     bidEvents.push({
@@ -119,3 +120,3 @@ activityDescription: getString("HISTORY_OFFER_PRICE"),
                         actor: market.createdBy,
-                        transactionHash: market.createdAt.transactionHash,
+                        transactionHash: market.createdAt.transactionHash || null,
                         pricing: market.amount,
@@ -132,3 +133,2 @@ });
     }
-    console.log(processedData);
     const pastBids = processedData
@@ -135,0 +135,0 @@ .sort((bidA, bidB) => (bidA.createdAt > bidB.createdAt ? -1 : 1))

dist/nft-full/CollectionTag.js

@@ -14,3 +14,3 @@ "use strict";
     const getContent = () => {
-        return (jsx_runtime_1.jsxs("a", Object.assign({}, getStyles("colectionTagWrapper"), { href: `https://zora.co/collections/${data === null || data === void 0 ? void 0 : data.nft.contract.address}`, target: "_blank", rel: "noreferrer" }, { children: [jsx_runtime_1.jsx("div", Object.assign({}, getStyles("collectionTagIcon"), { children: /* @ts-ignore */ data && "opensea" in data.rawData
+        return (jsx_runtime_1.jsxs("a", Object.assign({}, getStyles("colectionTagWrapper"), { href: `https://zora.co/collections/${data === null || data === void 0 ? void 0 : data.nft.contract.address}`, target: "_blank", rel: "noreferrer" }, { children: [jsx_runtime_1.jsx("div", Object.assign({}, getStyles("collectionTagIcon"), { children: /* @ts-ignore */ data && "opensea" in data.rawData && data.rawData.opensea.asset_contract.image_url
                         ? jsx_runtime_1.jsx("img", { src: data.rawData.opensea.asset_contract.image_url, alt: data.rawData.opensea.asset_contract.name }, void 0)
@@ -17,0 +17,0 @@ : jsx_runtime_1.jsx(Orb_1.Orb, {}, void 0) }), void 0),

dist/nft-full/CreatorEquity.js

@@ -37,5 +37,5 @@ "use strict";
             activeAuction.raw.curatorFeePercentage &&
-            activeAuction.raw.curatorFeePercentage > 0 && (jsx_runtime_1.jsx(InfoContainer_1.InfoContainer, Object.assign({ titleString: "CURATOR_FEE", className: className }, { children: jsx_runtime_1.jsxs("div", Object.assign({}, getStyles("fullInfoCuratorFeeContainer"), { children: [jsx_runtime_1.jsxs("span", { children: [getContent(activeAuction.raw.curatorFeePercentage), " ", getString("CURATOR_PROCEEDS_DESC")] }, void 0),
-                    activeAuction.raw.curatorAddress && (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: ["\u00A0", jsx_runtime_1.jsx(AddressView_1.AddressView, { address: activeAuction.raw.curatorAddress }, void 0)] }, void 0))] }), void 0) }), void 0)) }, void 0));
+            activeAuction.raw.curatorFeePercentage > 0 ? (jsx_runtime_1.jsx(InfoContainer_1.InfoContainer, Object.assign({ titleString: "CURATOR_FEE", className: className }, { children: jsx_runtime_1.jsxs("div", Object.assign({}, getStyles("fullInfoCuratorFeeContainer"), { children: [jsx_runtime_1.jsxs("span", { children: [getContent(activeAuction.raw.curatorFeePercentage), " ", getString("CURATOR_PROCEEDS_DESC")] }, void 0),
+                    activeAuction.raw.curatorAddress && (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: ["\u00A0", jsx_runtime_1.jsx(AddressView_1.AddressView, { address: activeAuction.raw.curatorAddress }, void 0)] }, void 0))] }), void 0) }), void 0)) : jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0) }, void 0));
 };
 exports.CreatorEquity = CreatorEquity;

dist/nft-full/EditionInfo.js

@@ -10,2 +10,3 @@ "use strict";
 const react_2 = require("react");
+const PricingString_1 = require("../utils/PricingString");
 const EditionInfo = ({ className }) => {
@@ -22,3 +23,3 @@ const { data } = react_1.useContext(NFTDataContext_1.NFTDataContext);
     }
-    return (jsx_runtime_1.jsx(EditionInfoWrapper, Object.assign({ titleString: "EDITION_PRICE" }, { children: jsx_runtime_1.jsxs("div", Object.assign({}, getStyles("pricingAmount"), { children: [edition.amount.prettyAmount && (jsx_runtime_1.jsxs(react_1.Fragment, { children: [" ", edition.amount.prettyAmount, " ", edition.amount.symbol] }, void 0)),
+    return (jsx_runtime_1.jsx(EditionInfoWrapper, Object.assign({ titleString: "EDITION_PRICE" }, { children: jsx_runtime_1.jsxs("div", Object.assign({}, getStyles("pricingAmount"), { children: [edition.amount.amount && (jsx_runtime_1.jsx(PricingString_1.PricingString, { pricing: edition.amount, showUSD: false }, void 0)),
                 jsx_runtime_1.jsxs("div", { children: [jsx_runtime_1.jsx("div", Object.assign({}, getStyles("fullInfoSpacer")), void 0),
@@ -25,0 +26,0 @@ jsx_runtime_1.jsx("div", Object.assign({}, getStyles("fullLabel"), { children: getString("NFTS_COLLECTED") }), void 0), `${edition.totalSupply} / ${edition.editionSize}`] }, void 0)] }), void 0) }), void 0));

dist/nft-full/index.d.ts

 /// <reference types="react" />
 import { NFTFullPage } from "./NFTFullPage";
 declare const FullComponents: {
-    AuctionInfo: ({ showPerpetual, className, }: {
+    AuctionInfo: ({ showPerpetual, showFindersFee, className, }: {
         showPerpetual?: boolean | undefined;
+        showFindersFee?: boolean | undefined;
     } & import("../utils/StyleTypes").StyleProps) => JSX.Element;
@@ -7,0 +8,0 @@ BidHistory: ({ showPerpetual, className, }: {

dist/nft-full/MediaInfo.js

@@ -28,7 +28,7 @@ "use strict";
             jsx_runtime_1.jsx("div", Object.assign({ id: `${a11yIdPrefix}description` }, getStyles("fullDescription"), { children: description }), void 0),
-            !style.theme.showCreator && !style.theme.showOwner ? (jsx_runtime_1.jsx(react_1.Fragment, {}, void 0)) : (jsx_runtime_1.jsxs("dl", Object.assign({}, getStyles("fullCreatorOwnerSection"), { children: [((_a = data === null || data === void 0 ? void 0 : data.nft) === null || _a === void 0 ? void 0 : _a.minted.minter) && style.theme.showCreator && (jsx_runtime_1.jsxs(react_1.Fragment, { children: [jsx_runtime_1.jsx("dt", Object.assign({}, getStyles("fullLabel"), { children: getString("CREATOR") }), void 0),
-                            jsx_runtime_1.jsx("dd", Object.assign({}, getStyles("fullOwnerAddress"), { children: jsx_runtime_1.jsx(AddressView_1.AddressView, { address: data.nft.minted.minter }, void 0) }), void 0)] }, void 0)),
+            !style.theme.showCreator && !style.theme.showOwner ? (jsx_runtime_1.jsx(react_1.Fragment, {}, void 0)) : (jsx_runtime_1.jsxs("dl", Object.assign({}, getStyles("fullCreatorOwnerSection"), { children: [((_a = data === null || data === void 0 ? void 0 : data.nft) === null || _a === void 0 ? void 0 : _a.minted.address) && style.theme.showCreator && (jsx_runtime_1.jsxs(react_1.Fragment, { children: [jsx_runtime_1.jsx("dt", Object.assign({}, getStyles("fullLabel"), { children: getString("CREATOR") }), void 0),
+                            jsx_runtime_1.jsx("dd", Object.assign({}, getStyles("fullOwnerAddress"), { children: jsx_runtime_1.jsx(AddressView_1.AddressView, { address: data.nft.minted.address }, void 0) }), void 0)] }, void 0)),
                     ((_b = data === null || data === void 0 ? void 0 : data.nft) === null || _b === void 0 ? void 0 : _b.owner) && style.theme.showOwner && (jsx_runtime_1.jsxs(react_1.Fragment, { children: [jsx_runtime_1.jsx("dt", Object.assign({}, getStyles("fullLabel"), { children: getString("OWNER") }), void 0),
-                            jsx_runtime_1.jsx("dd", Object.assign({}, getStyles("fullOwnerAddress"), { children: jsx_runtime_1.jsx(AddressView_1.AddressView, { address: data.nft.owner }, void 0) }), void 0)] }, void 0))] }), void 0))] }), void 0));
+                            jsx_runtime_1.jsx("dd", Object.assign({}, getStyles("fullOwnerAddress"), { children: jsx_runtime_1.jsx(AddressView_1.AddressView, { address: data.nft.owner.address }, void 0) }), void 0)] }, void 0))] }), void 0))] }), void 0));
 };
 exports.MediaInfo = MediaInfo;

dist/nft-preview/MediaThumbnail.js

@@ -12,3 +12,3 @@ "use strict";
 const MediaThumbnail = ({ getContentData = getContentDataOptions_1.defaultGetContentData, className, }) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const { data } = react_1.useContext(NFTDataContext_1.NFTDataContext);
@@ -30,4 +30,4 @@ const { getStyles, getString } = useMediaContext_1.useMediaContext();
     const { media, title } = getContent();
-    const hasCreator = (_a = data === null || data === void 0 ? void 0 : data.nft) === null || _a === void 0 ? void 0 : _a.minted.minter;
-    const address = hasCreator ? (_b = data === null || data === void 0 ? void 0 : data.nft) === null || _b === void 0 ? void 0 : _b.minted.minter : (_c = data === null || data === void 0 ? void 0 : data.nft) === null || _c === void 0 ? void 0 : _c.owner;
+    const hasCreator = (_a = data === null || data === void 0 ? void 0 : data.nft) === null || _a === void 0 ? void 0 : _a.minted.address;
+    const address = hasCreator ? (_b = data === null || data === void 0 ? void 0 : data.nft) === null || _b === void 0 ? void 0 : _b.minted.address : (_d = (_c = data === null || data === void 0 ? void 0 : data.nft) === null || _c === void 0 ? void 0 : _c.owner) === null || _d === void 0 ? void 0 : _d.address;
     return (jsx_runtime_1.jsxs("div", Object.assign({ className: className }, { children: [jsx_runtime_1.jsx("div", Object.assign({}, getStyles("cardMediaWrapper"), { children: media }), void 0),
@@ -34,0 +34,0 @@ jsx_runtime_1.jsxs("div", Object.assign({}, getStyles("cardItemInfo"), { children: [jsx_runtime_1.jsx("h5", Object.assign({}, getStyles("cardTitle"), { children: title }), void 0),

dist/nft-preview/PricingComponent.js

@@ -23,3 +23,3 @@ "use strict";
         return (_a = data === null || data === void 0 ? void 0 : data.markets) === null || _a === void 0 ? void 0 : _a.find((market) => market.source === types_1.AUCTION_SOURCE_TYPES.ZORA_RESERVE_V2 &&
-            market.status !== types_1.MARKET_INFO_STATUSES.CANCELLED);
+            market.status !== types_1.MARKET_INFO_STATUSES.CANCELED);
     }, [data === null || data === void 0 ? void 0 : data.markets]);
@@ -26,0 +26,0 @@ const ask = react_1.useMemo(() => {

dist/nft-proposal/ProposalActionList.js

@@ -9,12 +9,17 @@ "use strict";
 const PricingString_1 = require("../utils/PricingString");
+const types_1 = require("@zoralabs/nft-hooks/dist/types");
+const react_2 = require("react");
 /** @deprecated */
 const ProposalActionList = ({ onAccept, onDeny, className, }) => {
-    var _a;
-    const { 
-    // @ts-ignore
-    nft: { data }, } = react_1.useContext(NFTDataContext_1.NFTDataContext);
+    const { data } = react_1.useContext(NFTDataContext_1.NFTDataContext);
+    const reserveAuction = react_2.useMemo(() => {
+        var _a;
+        return (_a = data === null || data === void 0 ? void 0 : data.markets) === null || _a === void 0 ? void 0 : _a.find((market) => market.source === types_1.AUCTION_SOURCE_TYPES.ZORA_RESERVE_V2 &&
+            market.status !== types_1.MARKET_INFO_STATUSES.CANCELED);
+    }, [data === null || data === void 0 ? void 0 : data.markets]);
+    const raw = reserveAuction === null || reserveAuction === void 0 ? void 0 : reserveAuction.raw;
+    console.log("reserveAuction", reserveAuction);
     const { getStyles, getString } = useMediaContext_1.useMediaContext();
     const getActions = () => {
-        var _a, _b;
-        if (((_a = data === null || data === void 0 ? void 0 : data.pricing.reserve) === null || _a === void 0 ? void 0 : _a.approved) === false) {
+        if (!raw.approved) {
             return (jsx_runtime_1.jsxs("div", Object.assign({}, getStyles("nftProposalActions"), { children: [jsx_runtime_1.jsx("button", Object.assign({}, getStyles("nftProposalActionButton", undefined, {
@@ -27,3 +32,3 @@ action: "approve",
         }
-        if ((_b = data === null || data === void 0 ? void 0 : data.pricing.reserve) === null || _b === void 0 ? void 0 : _b.approved) {
+        if (raw.approved) {
             return (jsx_runtime_1.jsx("div", Object.assign({}, getStyles("nftProposalActions"), { children: jsx_runtime_1.jsx("span", Object.assign({}, getStyles("nftProposalAcceptedPill"), { children: getString("PROPOSAL_ACCEPTED") }), void 0) }), void 0));
@@ -34,6 +39,6 @@ }
     return (jsx_runtime_1.jsxs("div", Object.assign({}, getStyles("nftProposalActionList", className), { children: [jsx_runtime_1.jsxs("div", Object.assign({}, getStyles("nftProposalLabelWrapper"), { children: [jsx_runtime_1.jsx("div", Object.assign({}, getStyles("nftProposalLabel"), { children: getString("RESERVE_PRICE") }), void 0),
-                    jsx_runtime_1.jsx("div", Object.assign({}, getStyles("fullOwnerAddress"), { children: ((_a = data === null || data === void 0 ? void 0 : data.pricing.reserve) === null || _a === void 0 ? void 0 : _a.reservePrice) !== undefined && (jsx_runtime_1.jsx(PricingString_1.PricingString, { pricing: data.pricing.reserve.reservePrice, showUSD: false }, void 0)) }), void 0)] }), void 0),
+                    jsx_runtime_1.jsx("div", Object.assign({}, getStyles("fullOwnerAddress"), { children: (reserveAuction === null || reserveAuction === void 0 ? void 0 : reserveAuction.amount) !== undefined && (jsx_runtime_1.jsx(PricingString_1.PricingString, { pricing: reserveAuction.amount, showUSD: false }, void 0)) }), void 0)] }), void 0),
             jsx_runtime_1.jsxs("div", Object.assign({}, getStyles("nftProposalLabelWrapper"), { children: [jsx_runtime_1.jsx("div", Object.assign({}, getStyles("nftProposalLabel"), { children: getString("PROPOSAL_CURATOR_SHARE") }), void 0),
-                    jsx_runtime_1.jsxs("div", Object.assign({}, getStyles("fullOwnerAddress"), { children: [(data === null || data === void 0 ? void 0 : data.pricing.reserve) && data.pricing.reserve.curatorFeePercentage, "%"] }), void 0)] }), void 0), getActions()] }), void 0));
+                    jsx_runtime_1.jsxs("div", Object.assign({}, getStyles("fullOwnerAddress"), { children: [(reserveAuction === null || reserveAuction === void 0 ? void 0 : reserveAuction.amount) && raw.curatorFeePercentage, "%"] }), void 0)] }), void 0), getActions()] }), void 0));
 };
 exports.ProposalActionList = ProposalActionList;

dist/nft-proposal/ProposalMediaDisplay.js

@@ -10,17 +10,21 @@ "use strict";
 const NFTDataContext_1 = require("../context/NFTDataContext");
+const getContentDataOptions_1 = require("../utils/getContentDataOptions");
+const react_2 = require("react");
+const types_1 = require("@zoralabs/nft-hooks/dist/types");
 /** @deprecated */
 const ProposalMediaDisplay = ({ className, }) => {
-    var _a;
-    const { 
-    // @ts-ignore
-    nft: { data }, 
-    // @ts-ignore
-    metadata: { metadata }, } = react_1.useContext(NFTDataContext_1.NFTDataContext);
+    var _a, _b, _c, _d, _e, _f;
+    const { data } = react_1.useContext(NFTDataContext_1.NFTDataContext);
+    const reserveAuction = react_2.useMemo(() => {
+        var _a;
+        return (_a = data === null || data === void 0 ? void 0 : data.markets) === null || _a === void 0 ? void 0 : _a.find((market) => market.source === types_1.AUCTION_SOURCE_TYPES.ZORA_RESERVE_V2 &&
+            market.status !== types_1.MARKET_INFO_STATUSES.CANCELED);
+    }, [data === null || data === void 0 ? void 0 : data.markets]);
     const { getStyles, getString } = useMediaContext_1.useMediaContext();
     const getContent = () => {
         var _a;
-        if (metadata && data) {
+        if (data) {
             return {
-                media: (jsx_runtime_1.jsx(MediaObject_1.MediaObject, { contentURI: data && "zoraNFT" in data ? (_a = data.zoraNFT) === null || _a === void 0 ? void 0 : _a.contentURI : undefined, metadata: metadata }, void 0)),
-                title: metadata.name,
+                media: (jsx_runtime_1.jsx(MediaObject_1.MediaObject, Object.assign({ isFullPage: false }, getContentDataOptions_1.defaultGetContentData(data)), void 0)),
+                title: (_a = data.metadata) === null || _a === void 0 ? void 0 : _a.name,
             };
@@ -34,4 +38,6 @@ }
     const { media, title } = getContent();
-    const hasCreator = data === null || data === void 0 ? void 0 : data.nft.creator;
-    const address = hasCreator ? data === null || data === void 0 ? void 0 : data.nft.creator : data === null || data === void 0 ? void 0 : data.nft.owner;
+    const hasCreator = (_b = (_a = data === null || data === void 0 ? void 0 : data.nft) === null || _a === void 0 ? void 0 : _a.minted) === null || _b === void 0 ? void 0 : _b.address;
+    const address = hasCreator
+        ? (_d = (_c = data === null || data === void 0 ? void 0 : data.nft) === null || _c === void 0 ? void 0 : _c.minted) === null || _d === void 0 ? void 0 : _d.address
+        : (_f = (_e = data === null || data === void 0 ? void 0 : data.nft) === null || _e === void 0 ? void 0 : _e.owner) === null || _f === void 0 ? void 0 : _f.address;
     return (jsx_runtime_1.jsxs("div", Object.assign({ className: className }, { children: [jsx_runtime_1.jsx("div", Object.assign({}, getStyles("nftProposalMediaWrapper"), { children: media }), void 0),
@@ -43,5 +49,5 @@ jsx_runtime_1.jsxs("div", Object.assign({}, getStyles("nftProposalInfoLayout"), { children: [jsx_runtime_1.jsx("div", Object.assign({}, getStyles("nftProposalTitle"), { children: title }), void 0),
                             jsx_runtime_1.jsx("div", Object.assign({}, getStyles("fullOwnerAddress"), { children: address && jsx_runtime_1.jsx(AddressView_1.AddressView, { address: address }, void 0) }), void 0)] }), void 0),
-                    ((_a = data === null || data === void 0 ? void 0 : data.pricing.reserve) === null || _a === void 0 ? void 0 : _a.tokenOwner) && (jsx_runtime_1.jsxs("div", Object.assign({}, getStyles("nftProposalLabelWrapper"), { children: [jsx_runtime_1.jsx("div", Object.assign({}, getStyles("nftProposalLabel"), { children: getString("PROPOSED_BY") }), void 0),
-                            jsx_runtime_1.jsx("div", Object.assign({}, getStyles("fullOwnerAddress"), { children: address && (jsx_runtime_1.jsx(AddressView_1.AddressView, { address: data.pricing.reserve.tokenOwner.id }, void 0)) }), void 0)] }), void 0))] }), void 0)] }), void 0));
+                    (reserveAuction === null || reserveAuction === void 0 ? void 0 : reserveAuction.createdBy) && (jsx_runtime_1.jsxs("div", Object.assign({}, getStyles("nftProposalLabelWrapper"), { children: [jsx_runtime_1.jsx("div", Object.assign({}, getStyles("nftProposalLabel"), { children: getString("PROPOSED_BY") }), void 0),
+                            jsx_runtime_1.jsx("div", Object.assign({}, getStyles("fullOwnerAddress"), { children: address && jsx_runtime_1.jsx(AddressView_1.AddressView, { address: reserveAuction === null || reserveAuction === void 0 ? void 0 : reserveAuction.createdBy }, void 0) }), void 0)] }), void 0))] }), void 0)] }), void 0));
 };
 exports.ProposalMediaDisplay = ProposalMediaDisplay;

dist/utils/getContentDataOptions.d.ts

@@ -1,5 +0,13 @@
-import type { NFTObject } from "@zoralabs/nft-hooks";
+import type { NFTObject } from "@zoralabs/nft-hooks/dist";
 export declare const defaultGetContentData: (nft: NFTObject) => {
     contentURI: string;
-    metadata: any;
+    metadata: {
+        name?: string | undefined;
+        description?: string | undefined;
+        contentUri?: string | undefined;
+        imageUri?: string | undefined;
+        attributes?: readonly import("@zoralabs/nft-hooks/dist/types").MetadataAttributeType[] | undefined;
+        raw?: any;
+        context?: any;
+    } | undefined;
     contract: string | undefined;
@@ -6,0 +14,0 @@ tokenId: string | undefined;

dist/utils/getContentDataOptions.js

@@ -5,10 +5,12 @@ "use strict";
 const defaultGetContentData = (nft) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     return {
-        contentURI: (_a = nft.nft) === null || _a === void 0 ? void 0 : _a.contentURI,
-        metadata: (_b = nft.metadata) === null || _b === void 0 ? void 0 : _b.raw,
-        contract: (_d = (_c = nft.nft) === null || _c === void 0 ? void 0 : _c.contract) === null || _d === void 0 ? void 0 : _d.address,
-        tokenId: (_e = nft.nft) === null || _e === void 0 ? void 0 : _e.tokenId,
+        contentURI: (((_b = (_a = nft.media) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.uri) ||
+            ((_d = (_c = nft.media) === null || _c === void 0 ? void 0 : _c.image) === null || _d === void 0 ? void 0 : _d.uri) ||
+            ((_e = nft.nft) === null || _e === void 0 ? void 0 : _e.contentURI)),
+        metadata: nft.metadata,
+        contract: (_g = (_f = nft.nft) === null || _f === void 0 ? void 0 : _f.contract) === null || _g === void 0 ? void 0 : _g.address,
+        tokenId: (_h = nft.nft) === null || _h === void 0 ? void 0 : _h.tokenId,
     };
 };
 exports.defaultGetContentData = defaultGetContentData;

dist/utils/PricingString.js

@@ -8,2 +8,3 @@ "use strict";
 const PricingString = ({ pricing, showUSD = true, }) => {
+    var _a, _b;
     const { getStyles, style } = useMediaContext_1.useMediaContext();
@@ -14,5 +15,5 @@ const { format } = new Intl.NumberFormat(typeof window === "undefined" ? "en-US" : navigator.language, {
     });
-    return (jsx_runtime_1.jsxs(react_1.Fragment, { children: [jsx_runtime_1.jsxs("span", Object.assign({}, getStyles("pricingAmount"), { children: [format(parseFloat(pricing.prettyAmount)), " ", pricing.symbol] }), void 0),
-            showUSD && pricing.usdValue && (jsx_runtime_1.jsxs("span", Object.assign({}, getStyles("textSubdued"), { children: [" ", "$", format(pricing.usdValue)] }), void 0))] }, void 0));
+    return (jsx_runtime_1.jsxs(react_1.Fragment, { children: [pricing.amount.value && (jsx_runtime_1.jsxs("span", Object.assign({}, getStyles("pricingAmount"), { children: [format(pricing.amount.value), " ", pricing.symbol] }), void 0)),
+            showUSD && ((_a = pricing.usd) === null || _a === void 0 ? void 0 : _a.value) && (jsx_runtime_1.jsxs("span", Object.assign({}, getStyles("textSubdued"), { children: [" ", "$", format((_b = pricing.usd) === null || _b === void 0 ? void 0 : _b.value)] }), void 0))] }, void 0));
 };
 exports.PricingString = PricingString;

package.json

 {
   "name": "@zoralabs/nft-components",
-  "version": "1.0.5-pre",
+  "version": "1.0.6-pre",
   "description": "NFT Media Rendering Components",
@@ -21,3 +21,3 @@ "typings": "dist/index.d.ts",
     "@emotion/css": "^11.1.3",
-    "@zoralabs/nft-hooks": "1.x",
+    "@zoralabs/nft-hooks": "1.0.11",
     "merge-anything": "^4.0.1",
@@ -59,2 +59,3 @@ "merge-deep": "^3.0.3",
     "prepack": "yarn clean && tsc",
+    "publish-prelease": "npm publish --access public --tag=pre-release",
     "build": "yarn run prepack",
@@ -61,0 +62,0 @@ "test": "TZ='EST' jest",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

311996

increased by0.81%

Lines of code

6357

increased by0.39%

Dependency changes

• + Added@zoralabs/nft-hooks@1.0.11(transitive)

• + Added@zoralabs/zdk-alpha@0.0.15(transitive)

• + Addedbase64-js@1.5.1(transitive)

• + Addedbuffer@6.0.3(transitive)

• + Addedgraphql@15.9.016.3.0(transitive)

• + Addedgraphql-request@3.7.04.0.0(transitive)

• + Addedieee754@1.2.1(transitive)

• + Addedis-what@4.1.16(transitive)

• + Addedmerge-anything@5.1.7(transitive)

• + Addedreact-is@17.0.2(transitive)

• + Addedreact-shallow-renderer@16.15.0(transitive)

• + Addedreact-test-renderer@17.0.2(transitive)

• + Addedsha3@2.1.4(transitive)

• - Removed@types/deepmerge@2.2.0(transitive)

• - Removed@zoralabs/nft-hooks@1.2.1(transitive)

• - Removed@zoralabs/zdk@2.1.6(transitive)

• - Removeddeepmerge@4.3.1(transitive)

• - Removedgraphql@16.9.0(transitive)

• - Removedgraphql-request@4.3.0(transitive)

• - Removedswr@1.3.0(transitive)

• Updated@zoralabs/nft-hooks@1.0.11