@zoralabs/nft-components - npm Package Compare versions

Comparing version 0.0.13 to 0.0.14

dist/context/NFTDataProvider.js

@@ -8,3 +8,2 @@ "use strict";
 const NFTDataProvider = ({ id, children, contract, initialData, }) => {
-    var _a, _b, _c, _d, _e;
     const { nft: nftInitial } = initialData || {};
@@ -16,10 +15,4 @@ const nft = nft_hooks_1.useNFT(contract, id, {
     const metadata = {
-        loading: false,
-        metadata: {
-            name: (_a = nft.data) === null || _a === void 0 ? void 0 : _a.openseaInfo.name,
-            description: (_b = nft.data) === null || _b === void 0 ? void 0 : _b.openseaInfo.description,
-            image: (_c = nft.data) === null || _c === void 0 ? void 0 : _c.openseaInfo.image_url,
-            image_thumbnail_url: (_d = nft.data) === null || _d === void 0 ? void 0 : _d.openseaInfo.image_thumbnail_url,
-            animation_url: (_e = nft.data) === null || _e === void 0 ? void 0 : _e.openseaInfo.animation_url,
-        },
+        loading: !!nft.data,
+        metadata: nft.data ? nft_hooks_1.DataTransformers.openseaDataToMetadata(nft.data) : undefined,
     };
@@ -26,0 +19,0 @@ return (jsx_runtime_1.jsx(NFTDataContext_1.NFTDataContext.Provider, Object.assign({ value: { nft, metadata } }, { children: children }), void 0));

dist/nft-full/CreatorEquity.js

@@ -31,8 +31,7 @@ "use strict";
     const { getStyles } = useMediaContext_1.useMediaContext();
-    if (!data || !('zoraNFT' in data)) {
-        return jsx_runtime_1.jsx(react_1.default.Fragment, {}, void 0);
-    }
-    const getContent = (zoraNFT) => (jsx_runtime_1.jsxs(react_1.default.Fragment, { children: [Math.floor(zoraNFT.creatorBidSharePercentage), "%"] }, void 0));
-    return (jsx_runtime_1.jsx(InfoContainer_1.InfoContainer, Object.assign({ titleString: "CREATOR_EQUITY" }, { children: jsx_runtime_1.jsx("div", Object.assign({}, getStyles("fullInfoCreatorEquityContainer"), { children: data && getContent(data.zoraNFT) }), void 0) }), void 0));
+    const getContent = (bidSharePercentage) => (jsx_runtime_1.jsxs(react_1.default.Fragment, { children: [Math.floor(bidSharePercentage), "%"] }, void 0));
+    return (jsx_runtime_1.jsx(InfoContainer_1.InfoContainer, Object.assign({ titleString: "CREATOR_EQUITY" }, { children: jsx_runtime_1.jsx("div", Object.assign({}, getStyles("fullInfoCreatorEquityContainer"), { children: data &&
+                "zoraNFT" in data &&
+                getContent(data.zoraNFT.creatorBidSharePercentage) }), void 0) }), void 0));
 };
 exports.CreatorEquity = CreatorEquity;

dist/nft-preview/MediaThumbnail.js

@@ -10,5 +10,2 @@ "use strict";
 const NFTDataContext_1 = require("../context/NFTDataContext");
-function isZoraNFT(nftData) {
-    return "zoraNFT" in nftData;
-}
 const MediaThumbnail = () => {
@@ -20,3 +17,3 @@ const { nft: { data }, metadata: { metadata }, } = react_1.useContext(NFTDataContext_1.NFTDataContext);
             return {
-                media: (jsx_runtime_1.jsx(MediaObject_1.MediaObject, { contentURI: isZoraNFT(data) ? data.zoraNFT.contentURI : undefined, metadata: metadata }, void 0)),
+                media: (jsx_runtime_1.jsx(MediaObject_1.MediaObject, { contentURI: data && 'zoraNFT' in data ? data.zoraNFT.contentURI : undefined, metadata: metadata }, void 0)),
                 title: metadata.name,
@@ -23,0 +20,0 @@ };

dist/nft-preview/MediaThumbnailWrapper.d.ts

 /// <reference types="react" />
-export declare const MediaThumbnailWrapper: ({ children, onClick, }: {
+export declare const MediaThumbnailWrapper: ({ children, onClick, href, }: {
     children: React.ReactNode;
     onClick?: ((evt: React.MouseEvent<HTMLElement>) => void) | undefined;
+    href?: string | undefined;
 }) => JSX.Element;

dist/nft-preview/MediaThumbnailWrapper.js

@@ -8,3 +8,3 @@ "use strict";
 const useMediaContext_1 = require("../context/useMediaContext");
-const MediaThumbnailWrapper = ({ children, onClick, }) => {
+const MediaThumbnailWrapper = ({ children, onClick, href, }) => {
     var _a;
@@ -14,4 +14,4 @@ const { getStyles } = useMediaContext_1.useMediaContext();
     const auctionStatus = (_a = nft.data) === null || _a === void 0 ? void 0 : _a.pricing.status;
-    return (jsx_runtime_1.jsx("div", Object.assign({}, getStyles("cardOuter", { hasClickEvent: !!onClick, auctionStatus }), { onClick: onClick }, { children: children }), void 0));
+    return (jsx_runtime_1.jsx("div", Object.assign({}, getStyles("cardOuter", { hasClickEvent: !!onClick, auctionStatus }), { onClick: onClick, href: href }, { children: children }), void 0));
 };
 exports.MediaThumbnailWrapper = MediaThumbnailWrapper;

dist/nft-preview/NFTPreview.d.ts

@@ -5,5 +5,6 @@ /// <reference types="react" />
     onClick?: (evt: React.MouseEvent<HTMLElement>) => void;
+    href?: string;
     children?: React.ReactNode;
     showBids?: boolean;
 } & Omit<NFTPageWrapperProps, "children">;
-export declare const NFTPreview: ({ onClick, showBids, children, ...wrapperProps }: NFTPreviewProps) => JSX.Element;
+export declare const NFTPreview: ({ onClick, href, showBids, children, ...wrapperProps }: NFTPreviewProps) => JSX.Element;

dist/nft-preview/NFTPreview.js

@@ -10,3 +10,3 @@ "use strict";
 const react_1 = require("react");
-const NFTPreview = ({ onClick = undefined, showBids = true, children, ...wrapperProps }) => {
+const NFTPreview = ({ onClick = undefined, href = undefined, showBids = true, children, ...wrapperProps }) => {
     const getChildren = () => {
@@ -19,4 +19,4 @@ if (children) {
     };
-    return (jsx_runtime_1.jsx(NFTPageWrapper_1.NFTPageWrapper, Object.assign({}, wrapperProps, { children: jsx_runtime_1.jsx(MediaThumbnailWrapper_1.MediaThumbnailWrapper, Object.assign({ onClick: onClick }, { children: getChildren() }), void 0) }), void 0));
+    return (jsx_runtime_1.jsx(NFTPageWrapper_1.NFTPageWrapper, Object.assign({}, wrapperProps, { children: jsx_runtime_1.jsx(MediaThumbnailWrapper_1.MediaThumbnailWrapper, Object.assign({ onClick: onClick, href: href }, { children: getChildren() }), void 0) }), void 0));
 };
 exports.NFTPreview = NFTPreview;

package.json

 {
   "name": "@zoralabs/nft-components",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "description": "NFT Media Rendering Components",
@@ -18,3 +18,3 @@ "typings": "dist/index.d.ts",
     "@types/react": "^17.0.5",
-    "@zoralabs/nft-hooks": "^0.2.1",
+    "@zoralabs/nft-hooks": "^0.3.1",
     "merge-anything": "^4.0.1",
@@ -21,0 +21,0 @@ "react": "^17.0.2",

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

Worsened metrics

Total package byte prevSize

149836

decreased by-0.31%

Lines of code

3384

decreased by-0.27%

Dependency changes

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

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

• Updated@zoralabs/nft-hooks@^0.3.1