@bosonprotocol/react-kit 0.30.0-alpha.3 → 0.30.0-alpha.5

package/src/hooks/bundles/useBundleItemsImages.ts

@@ -0,0 +1,71 @@
+import { CoreSDK, subgraph } from "@bosonprotocol/core-sdk";
+import { isNftItem } from "../../lib/bundle/filter";
+import { useErc721TokenUris } from "../contracts/erc721/useErc721TokenUris";
+import { useErc1155Uris } from "../contracts/erc1155/useErc1155Uris";
+import { useGetTokenUriImages } from "../contracts/useGetTokenUriImages";
+import { isTruthy } from "../../types/helpers";
+
+export const useBundleItemsImages = ({
+  bundleItems,
+  coreSDK
+}: {
+  bundleItems:
+    | Extract<
+        subgraph.OfferFieldsFragment["metadata"],
+        { __typename: "BundleMetadataEntity" }
+      >["items"]
+    | undefined;
+  coreSDK: CoreSDK;
+}) => {
+  const pairsContractTokens = bundleItems?.map((bundleItem) =>
+    isNftItem(bundleItem)
+      ? {
+          contractAddress: bundleItem.contract,
+          tokenIds: [
+            bundleItem.tokenId ||
+              bundleItem.tokenIdRange?.min ||
+              bundleItem.tokenIdRange?.max
+          ]
+        }
+      : null
+  );
+  const { data: erc721TokenUris } = useErc721TokenUris(
+    {
+      pairsContractTokens
+    },
+    {
+      enabled: !!pairsContractTokens?.length,
+      coreSDK
+    }
+  );
+  const { data: erc1155Uris } = useErc1155Uris(
+    {
+      pairsContractTokens
+    },
+    {
+      enabled: !!pairsContractTokens?.length,
+      coreSDK
+    }
+  );
+  const { data: ercImages } = useGetTokenUriImages(
+    {
+      pairsTokenUrisIds: pairsContractTokens?.map((pair, index) => {
+        return {
+          tokenIds: pair?.tokenIds,
+          tokenUris: erc721TokenUris?.[index]?.filter(isTruthy).length
+            ? erc721TokenUris?.[index]
+            : erc1155Uris?.[index]
+        };
+      })
+    },
+    { enabled: !!pairsContractTokens?.length }
+  );
+  const images = bundleItems?.map((bundleItem, index) => {
+    const img = ercImages?.[index][0] || ""; // image of first tokenId
+    if (isNftItem(bundleItem)) {
+      return img || bundleItem.image;
+    }
+    return img;
+  });
+  return { images };
+};

package/src/hooks/contracts/erc1155/useErc1155Uris.ts

@@ -0,0 +1,52 @@
+import { CoreSDK } from "@bosonprotocol/core-sdk";
+import { useQuery } from "react-query";
+
+export const useErc1155Uris = (
+  props: {
+    pairsContractTokens:
+      | ({
+          contractAddress: string | undefined | null;
+          tokenIds: (string | null | undefined)[] | undefined;
+        } | null)[]
+      | undefined;
+  },
+  { enabled, coreSDK }: { enabled: boolean | undefined; coreSDK: CoreSDK }
+) => {
+  return useQuery(
+    ["useErc1155Uris", coreSDK.uuid, props],
+    async () => {
+      const { pairsContractTokens } = props;
+      if (!pairsContractTokens) {
+        return;
+      }
+
+      return (
+        await Promise.all(
+          pairsContractTokens.map(async (pair) =>
+            pair && pair.contractAddress && pair.tokenIds
+              ? await Promise.allSettled(
+                  pair.tokenIds.map((tokenId) =>
+                    tokenId && pair.contractAddress
+                      ? coreSDK.erc1155Uri({
+                          contractAddress: pair.contractAddress,
+                          tokenId
+                        })
+                      : null
+                  )
+                )
+              : null
+          )
+        )
+      ).map((promiseSettled) =>
+        promiseSettled
+          ? promiseSettled.map((promiseSettled) =>
+              promiseSettled.status === "fulfilled"
+                ? promiseSettled.value
+                : null
+            )
+          : null
+      );
+    },
+    { enabled }
+  );
+};

package/src/hooks/contracts/erc721/useErc721TokenUris.ts

@@ -0,0 +1,52 @@
+import { CoreSDK } from "@bosonprotocol/core-sdk";
+import { useQuery } from "react-query";
+
+export const useErc721TokenUris = (
+  props: {
+    pairsContractTokens:
+      | ({
+          contractAddress: string | undefined | null;
+          tokenIds: (string | null | undefined)[] | undefined;
+        } | null)[]
+      | undefined;
+  },
+  { enabled, coreSDK }: { enabled: boolean | undefined; coreSDK: CoreSDK }
+) => {
+  return useQuery(
+    ["useErc721TokenUris", coreSDK.uuid, props],
+    async () => {
+      const { pairsContractTokens } = props;
+      if (!pairsContractTokens) {
+        return;
+      }
+
+      return (
+        await Promise.all(
+          pairsContractTokens.map(async (pair) =>
+            pair && pair.contractAddress && pair.tokenIds
+              ? await Promise.allSettled(
+                  pair.tokenIds.map((tokenId) =>
+                    tokenId && pair.contractAddress
+                      ? coreSDK.erc721TokenUri({
+                          contractAddress: pair.contractAddress,
+                          tokenId
+                        })
+                      : null
+                  )
+                )
+              : null
+          )
+        )
+      ).map((promiseSettled) =>
+        promiseSettled
+          ? promiseSettled.map((promiseSettled) =>
+              promiseSettled.status === "fulfilled"
+                ? promiseSettled.value
+                : null
+            )
+          : null
+      );
+    },
+    { enabled }
+  );
+};

package/src/hooks/contracts/useGetTokenUriImages.ts

@@ -0,0 +1,126 @@
+import { getImageUrl } from "../../lib/images/images";
+import { useQuery } from "react-query";
+
+const replaceUrlWithId = ({
+  tokenId,
+  url
+}: {
+  url: string;
+  tokenId: string;
+}) => {
+  const urlWithIdReplaced = url.replace("{id}", tokenId);
+  return urlWithIdReplaced;
+};
+
+export const useGetTokenUriImages = (
+  props: {
+    pairsTokenUrisIds:
+      | ({
+          tokenUris: (string | null | undefined)[] | undefined | null;
+          tokenIds: (string | null | undefined)[] | undefined | null;
+        } | null)[]
+      | undefined;
+
+    ipfsGateway?: string;
+  },
+  { enabled }: { enabled: boolean }
+) => {
+  const { pairsTokenUrisIds, ipfsGateway = "https://ipfs.io/ipfs" } = props;
+  return useQuery(
+    ["useGetTokenUriImages", props],
+    async () => {
+      if (!pairsTokenUrisIds) {
+        return [];
+      }
+      try {
+        return await Promise.all(
+          pairsTokenUrisIds.map(async (pair): Promise<string[]> => {
+            if (!pair) {
+              return Promise.resolve([]);
+            }
+            const { tokenIds, tokenUris } = pair;
+            if (
+              !tokenIds ||
+              !tokenUris ||
+              tokenUris.length !== tokenIds.length
+            ) {
+              return Promise.resolve([]);
+            }
+            return await Promise.all(
+              tokenUris.map(async (tokenUri, index): Promise<string> => {
+                const tokenId = tokenIds[index];
+                if (!tokenUri || !tokenId) {
+                  return "";
+                }
+                if (tokenUri.startsWith("data:application/json")) {
+                  const base64Data = tokenUri.substring(
+                    tokenUri.indexOf(",") + 1
+                  );
+                  const jsonValue = window.atob(base64Data);
+                  const parsedJson = JSON.parse(jsonValue);
+                  const image = parsedJson.image;
+                  const imageUrl = getImageUrl(image, ipfsGateway);
+                  const urlWithIdReplaced = replaceUrlWithId({
+                    url: imageUrl,
+                    tokenId
+                  });
+                  return urlWithIdReplaced;
+                }
+                if (tokenUri.startsWith("ipfs")) {
+                  const imageUrl = getImageUrl(tokenUri, ipfsGateway);
+                  const urlWithIdReplaced = replaceUrlWithId({
+                    url: imageUrl,
+                    tokenId
+                  });
+
+                  const fetchedMetadata = await fetch(urlWithIdReplaced);
+                  try {
+                    const jsonMetadata = await fetchedMetadata.json();
+                    const imageUrl = getImageUrl(
+                      jsonMetadata.image,
+                      ipfsGateway
+                    );
+                    return imageUrl;
+                  } catch (error) {
+                    console.debug(error);
+                  }
+
+                  return urlWithIdReplaced;
+                }
+                if (tokenUri.startsWith("http")) {
+                  const urlWithIdReplaced = replaceUrlWithId({
+                    url: tokenUri,
+                    tokenId
+                  });
+                  const fetchedMetadata = await fetch(urlWithIdReplaced);
+                  try {
+                    const jsonMetadata = await fetchedMetadata.json();
+                    const image = jsonMetadata.image;
+                    const imageUrl = getImageUrl(image, ipfsGateway);
+                    return imageUrl;
+                  } catch (error) {
+                    console.debug(error);
+                  }
+
+                  return urlWithIdReplaced;
+                }
+
+                if (tokenUri.startsWith("data:image")) {
+                  return tokenUri;
+                }
+
+                return "";
+              })
+            );
+          })
+        );
+      } catch (err) {
+        console.error(err);
+        throw err;
+      }
+    },
+    {
+      enabled
+    }
+  );
+};

package/src/hooks/index.ts

@@ -8,12 +8,12 @@ export * from "./useHandleText";
 export * from "./useExchanges";
 export * from "./useMetaTx";
 export * from "../components/widgets/finance/useOffersBacked";
-export * from "./contracts/useGetTokenUriImage";
+export * from "./contracts/useGetTokenUriImages";
 export * from "./products/useProductByUuid";
 export * from "./bundles/useBundleByUuid";
-export * from "./contracts/erc721/useErc721TokenUri";
+export * from "./contracts/erc721/useErc721TokenUris";
 export * from "./contracts/erc721/useErc721Name";
 export * from "./contracts/erc721/useErc721OwnerOf";
 export * from "./contracts/erc1155/useErc1155Name";
-export * from "./contracts/erc1155/useErc1155Uri";
+export * from "./contracts/erc1155/useErc1155Uris";
 export * from "./uniswap/useIsWindowVisible";

package/src/lib/ipfs/ipfs.ts

@@ -1,6 +1,8 @@
 import { CID } from "multiformats/cid";
 import { sanitizeUrl } from "../url/url";
 
+const lensIpfs = "https://lens.infura-ipfs.io/ipfs/";
+
 export function getIpfsGatewayUrl(
   uri: string,
   opts: {
@@ -10,18 +12,26 @@ export function getIpfsGatewayUrl(
   if (!uri) {
     return uri;
   }
+  if (uri.startsWith(lensIpfs)) {
+    return uri;
+  }
   const { gateway } = opts;
-  const cidAndRest = uri.replaceAll("ipfs://", ""); // it may be ipfs://CID/123
-
   try {
-    const [cid] = cidAndRest.split("/", 1); // it may be CID/123
+    const url = new URL(
+      uri.startsWith("ipfs://") ? uri.replace("ipfs://", "https://") : uri
+    );
+    const hostIndex = uri.toLowerCase().indexOf(url.host.toLowerCase());
+    const cid = uri.substring(hostIndex, hostIndex + url.host.length); // we cannot use url.host because the browser changes it to lowercase so a lowercased CID would not be valid
     CID.parse(cid);
-    return `${gateway}/${cidAndRest}`.replace(/([^:]\/)\/+/g, "$1"); // remove double slash
+    return `${gateway}/${cid}${url.pathname === "/" ? "" : url.pathname}${url.search}`.replace(
+      /([^:]\/)\/+/g,
+      "$1"
+    ); // remove double slash
   } catch (error) {
     // If CID.parse throws, then it is either not a valid CID or just an URL
     const cidFromUrl = uri.split("/ipfs/")[1];
     if (cidFromUrl) {
-      return getIpfsGatewayUrl(cidFromUrl.split("?")[0], opts);
+      return getIpfsGatewayUrl(`ipfs://${cidFromUrl}`, opts);
     }
 
     return sanitizeUrl(uri);

package/src/lib/offer/getOfferDetails.ts

@@ -76,10 +76,10 @@ export const getOfferDetails = (
     | undefined = isProductV1(offer)
     ? (offer.metadata as ProductV1Sub)
     : isBundle(offer)
-    ? (offer.metadata?.items?.find((item) => isProductV1Item(item)) as
-        | ProductV1Subitem
-        | undefined)
-    : undefined;
+      ? (offer.metadata?.items?.find((item) => isProductV1Item(item)) as
+          | ProductV1Subitem
+          | undefined)
+      : undefined;
   const name =
     productV1ItemMetadataEntity?.product?.title ||
     offer.metadata?.name ||

package/src/stories/widgets/Commit.stories.tsx

@@ -264,7 +264,7 @@ export const CommitBundle: ComponentStory<typeof CommitWidget> = Template.bind(
 // More on args: https://storybook.js.org/docs/react/writing-stories/args
 CommitBundle.args = {
   envName,
-  configId: envConfig[0].configId,
+  configId: envConfig[1].configId,
   walletConnectProjectId: process.env.REACT_APP_WALLET_CONNECT_PROJECT_ID,
   dateFormat: "YYYY/MM/DD",
   defaultCurrencySymbol: "$",
@@ -278,9 +278,9 @@ CommitBundle.args = {
   offerId: "",
   defaultSelectedOfferId: "",
   disableVariationsSelects: false,
-  bundleUuid: "efc1ca63-c816-4636-bb09-0202ed5e75c3",
+  bundleUuid: "e637fb4-32b2-dd-c0ba-e178826513a3",
   productUuid: undefined,
-  sellerId: "138",
+  sellerId: "5",
   metaTx: {
     apiKey: process.env.STORYBOOK_DATA_META_TX_API_KEY as string,
     apiIds: process.env.STORYBOOK_DATA_META_TX_API_IDS as string

package/dist/cjs/components/nftItem/NftItemIcon.d.ts

@@ -1,8 +0,0 @@
-import { NftItemMetadataEntity } from "@bosonprotocol/core-sdk/dist/cjs/subgraph";
-import React from "react";
-type NftItemIconProps = {
-    nftItem: NftItemMetadataEntity;
-};
-export declare const NftItemIcon: React.FC<NftItemIconProps>;
-export {};
-//# sourceMappingURL=NftItemIcon.d.ts.map

package/dist/cjs/components/nftItem/NftItemIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NftItemIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/nftItem/NftItemIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAClF,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,qBAAqB,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAMlD,CAAC"}

package/dist/cjs/components/nftItem/NftItemIcon.js

@@ -1,14 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NftItemIcon = void 0;
-const react_1 = __importDefault(require("react"));
-const IpfsImage_1 = __importDefault(require("../ui/IpfsImage"));
-const Video_1 = __importDefault(require("../ui/Video"));
-const NftItemIcon = ({ nftItem }) => {
-    return nftItem.image ? (react_1.default.createElement(IpfsImage_1.default, { src: nftItem.image })) : nftItem.animationUrl ? (react_1.default.createElement(Video_1.default, { src: nftItem.animationUrl })) : null;
-};
-exports.NftItemIcon = NftItemIcon;
-//# sourceMappingURL=NftItemIcon.js.map

package/dist/cjs/components/nftItem/NftItemIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NftItemIcon.js","sourceRoot":"","sources":["../../../../src/components/nftItem/NftItemIcon.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,gEAAwC;AACxC,wDAAgC;AAMzB,MAAM,WAAW,GAA+B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACrE,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CACrB,8BAAC,mBAAS,IAAC,GAAG,EAAE,OAAO,CAAC,KAAK,GAAI,CAClC,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CACzB,8BAAC,eAAK,IAAC,GAAG,EAAE,OAAO,CAAC,YAAY,GAAI,CACrC,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AANW,QAAA,WAAW,eAMtB"}

package/dist/cjs/hooks/contracts/erc1155/useErc1155Uri.d.ts

@@ -1,9 +0,0 @@
-import { CoreSDK } from "@bosonprotocol/core-sdk";
-export declare const useErc1155Uri: (props: {
-    contractAddress: string | undefined;
-    tokenIds: (string | null | undefined)[] | undefined;
-}, { enabled, coreSDK }: {
-    enabled: boolean | undefined;
-    coreSDK: CoreSDK;
-}) => import("react-query").UseQueryResult<(string | null)[] | undefined, unknown>;
-//# sourceMappingURL=useErc1155Uri.d.ts.map

package/dist/cjs/hooks/contracts/erc1155/useErc1155Uri.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useErc1155Uri.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/contracts/erc1155/useErc1155Uri.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGlD,eAAO,MAAM,aAAa,UACjB;IACL,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,QAAQ,EAAE,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC;CACrD;aACgC,OAAO,GAAG,SAAS;aAAW,OAAO;kFAsBvE,CAAC"}

package/dist/cjs/hooks/contracts/erc1155/useErc1155Uri.js

@@ -1,29 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useErc1155Uri = void 0;
-const react_query_1 = require("react-query");
-const useErc1155Uri = (props, { enabled, coreSDK }) => {
-    return (0, react_query_1.useQuery)(["useErc1155Uri", coreSDK.uuid, props], () => __awaiter(void 0, void 0, void 0, function* () {
-        const { contractAddress, tokenIds } = props;
-        if (!contractAddress || !tokenIds) {
-            return;
-        }
-        return Promise.all(tokenIds.map((tokenId) => tokenId
-            ? coreSDK.erc1155Uri({
-                contractAddress,
-                tokenId
-            })
-            : null));
-    }), { enabled });
-};
-exports.useErc1155Uri = useErc1155Uri;
-//# sourceMappingURL=useErc1155Uri.js.map

package/dist/cjs/hooks/contracts/erc1155/useErc1155Uri.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useErc1155Uri.js","sourceRoot":"","sources":["../../../../../src/hooks/contracts/erc1155/useErc1155Uri.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,6CAAuC;AAEhC,MAAM,aAAa,GAAG,CAC3B,KAGC,EACD,EAAE,OAAO,EAAE,OAAO,EAAsD,EACxE,EAAE;IACF,OAAO,IAAA,sBAAQ,EACb,CAAC,eAAe,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,EACtC,GAAS,EAAE;QACT,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;QAC5C,IAAI,CAAC,eAAe,IAAI,CAAC,QAAQ,EAAE;YACjC,OAAO;SACR;QACD,OAAO,OAAO,CAAC,GAAG,CAChB,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CACvB,OAAO;YACL,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC;gBACjB,eAAe;gBACf,OAAO;aACR,CAAC;YACJ,CAAC,CAAC,IAAI,CACT,CACF,CAAC;IACJ,CAAC,CAAA,EACD,EAAE,OAAO,EAAE,CACZ,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,aAAa,iBA2BxB"}

package/dist/cjs/hooks/contracts/erc721/useErc721TokenUri.d.ts

@@ -1,9 +0,0 @@
-import { CoreSDK } from "@bosonprotocol/core-sdk";
-export declare const useErc721TokenUri: (props: {
-    contractAddress: string | undefined;
-    tokenIds: (string | null | undefined)[] | undefined;
-}, { enabled, coreSDK }: {
-    enabled: boolean | undefined;
-    coreSDK: CoreSDK;
-}) => import("react-query").UseQueryResult<(string | null)[] | undefined, unknown>;
-//# sourceMappingURL=useErc721TokenUri.d.ts.map

package/dist/cjs/hooks/contracts/erc721/useErc721TokenUri.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useErc721TokenUri.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/contracts/erc721/useErc721TokenUri.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGlD,eAAO,MAAM,iBAAiB,UACrB;IACL,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,QAAQ,EAAE,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC;CACrD;aACgC,OAAO,GAAG,SAAS;aAAW,OAAO;kFAsBvE,CAAC"}

package/dist/cjs/hooks/contracts/erc721/useErc721TokenUri.js

@@ -1,29 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useErc721TokenUri = void 0;
-const react_query_1 = require("react-query");
-const useErc721TokenUri = (props, { enabled, coreSDK }) => {
-    return (0, react_query_1.useQuery)(["useErc721TokenUri", coreSDK.uuid, props], () => __awaiter(void 0, void 0, void 0, function* () {
-        const { contractAddress, tokenIds } = props;
-        if (!contractAddress || !tokenIds) {
-            return;
-        }
-        return Promise.all(tokenIds.map((tokenId) => tokenId
-            ? coreSDK.erc721TokenUri({
-                contractAddress,
-                tokenId
-            })
-            : null));
-    }), { enabled });
-};
-exports.useErc721TokenUri = useErc721TokenUri;
-//# sourceMappingURL=useErc721TokenUri.js.map

package/dist/cjs/hooks/contracts/erc721/useErc721TokenUri.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useErc721TokenUri.js","sourceRoot":"","sources":["../../../../../src/hooks/contracts/erc721/useErc721TokenUri.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,6CAAuC;AAEhC,MAAM,iBAAiB,GAAG,CAC/B,KAGC,EACD,EAAE,OAAO,EAAE,OAAO,EAAsD,EACxE,EAAE;IACF,OAAO,IAAA,sBAAQ,EACb,CAAC,mBAAmB,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,EAC1C,GAAS,EAAE;QACT,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;QAC5C,IAAI,CAAC,eAAe,IAAI,CAAC,QAAQ,EAAE;YACjC,OAAO;SACR;QACD,OAAO,OAAO,CAAC,GAAG,CAChB,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CACvB,OAAO;YACL,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC;gBACrB,eAAe;gBACf,OAAO;aACR,CAAC;YACJ,CAAC,CAAC,IAAI,CACT,CACF,CAAC;IACJ,CAAC,CAAA,EACD,EAAE,OAAO,EAAE,CACZ,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,iBAAiB,qBA2B5B"}

package/dist/cjs/hooks/contracts/useGetTokenUriImage.d.ts

@@ -1,8 +0,0 @@
-export declare const useGetTokenUriImage: (props: {
-    tokenUris: (string | null | undefined)[] | undefined | null;
-    ipfsGateway?: string;
-    tokenIds: (string | null | undefined)[] | undefined | null;
-}, { enabled }: {
-    enabled: boolean;
-}) => import("react-query").UseQueryResult<string[], unknown>;
-//# sourceMappingURL=useGetTokenUriImage.d.ts.map

package/dist/cjs/hooks/contracts/useGetTokenUriImage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useGetTokenUriImage.d.ts","sourceRoot":"","sources":["../../../../src/hooks/contracts/useGetTokenUriImage.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,mBAAmB,UACvB;IACL,SAAS,EAAE,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC;CAC5D;aACuB,OAAO;6DAiFhC,CAAC"}

package/dist/cjs/hooks/contracts/useGetTokenUriImage.js

@@ -1,93 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useGetTokenUriImage = void 0;
-const images_1 = require("../../lib/images/images");
-const react_query_1 = require("react-query");
-const replaceUrlWithId = ({ tokenId, url }) => {
-    const urlWithIdReplaced = url.replace("{id}", tokenId);
-    return urlWithIdReplaced;
-};
-const useGetTokenUriImage = (props, { enabled }) => {
-    const { tokenUris, ipfsGateway = "https://ipfs.io/ipfs", tokenIds } = props;
-    return (0, react_query_1.useQuery)(["useGetTokenUriImage", props], () => __awaiter(void 0, void 0, void 0, function* () {
-        if (!tokenUris || !tokenIds || tokenUris.length !== tokenIds.length) {
-            return [];
-        }
-        try {
-            return Promise.all(tokenUris.map((tokenUri, index) => __awaiter(void 0, void 0, void 0, function* () {
-                const tokenId = tokenIds[index];
-                if (!tokenUri || !tokenId) {
-                    return "";
-                }
-                if (tokenUri.startsWith("data:application/json")) {
-                    const base64Data = tokenUri.substring(tokenUri.indexOf(",") + 1);
-                    const jsonValue = window.atob(base64Data);
-                    const parsedJson = JSON.parse(jsonValue);
-                    const image = parsedJson.image;
-                    const imageUrl = (0, images_1.getImageUrl)(image, ipfsGateway);
-                    const urlWithIdReplaced = replaceUrlWithId({
-                        url: imageUrl,
-                        tokenId
-                    });
-                    return urlWithIdReplaced;
-                }
-                if (tokenUri.startsWith("ipfs")) {
-                    const imageUrl = (0, images_1.getImageUrl)(tokenUri, ipfsGateway);
-                    const urlWithIdReplaced = replaceUrlWithId({
-                        url: imageUrl,
-                        tokenId
-                    });
-                    const fetchedMetadata = yield fetch(urlWithIdReplaced);
-                    try {
-                        const jsonMetadata = yield fetchedMetadata.json();
-                        const image = jsonMetadata.image;
-                        const imageUrl = (0, images_1.getImageUrl)(image, ipfsGateway);
-                        return imageUrl;
-                    }
-                    catch (error) {
-                        console.debug(error);
-                    }
-                    return urlWithIdReplaced;
-                }
-                if (tokenUri.startsWith("http")) {
-                    const urlWithIdReplaced = replaceUrlWithId({
-                        url: tokenUri,
-                        tokenId
-                    });
-                    const fetchedMetadata = yield fetch(urlWithIdReplaced);
-                    try {
-                        const jsonMetadata = yield fetchedMetadata.json();
-                        const image = jsonMetadata.image;
-                        const imageUrl = (0, images_1.getImageUrl)(image, ipfsGateway);
-                        return imageUrl;
-                    }
-                    catch (error) {
-                        console.debug(error);
-                    }
-                    return urlWithIdReplaced;
-                }
-                if (tokenUri.startsWith("data:image")) {
-                    return tokenUri;
-                }
-                return "";
-            })));
-        }
-        catch (err) {
-            console.error(err);
-            throw err;
-        }
-    }), {
-        enabled
-    });
-};
-exports.useGetTokenUriImage = useGetTokenUriImage;
-//# sourceMappingURL=useGetTokenUriImage.js.map

package/dist/cjs/hooks/contracts/useGetTokenUriImage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useGetTokenUriImage.js","sourceRoot":"","sources":["../../../../src/hooks/contracts/useGetTokenUriImage.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/nftItem/NftItemIcon.d.ts

@@ -1,8 +0,0 @@
-import { NftItemMetadataEntity } from "@bosonprotocol/core-sdk/dist/cjs/subgraph";
-import React from "react";
-type NftItemIconProps = {
-    nftItem: NftItemMetadataEntity;
-};
-export declare const NftItemIcon: React.FC<NftItemIconProps>;
-export {};
-//# sourceMappingURL=NftItemIcon.d.ts.map

package/dist/esm/components/nftItem/NftItemIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NftItemIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/nftItem/NftItemIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAClF,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,qBAAqB,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAMlD,CAAC"}