@bosonprotocol/react-kit 0.30.0-alpha.2 → 0.30.0-alpha.4

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

@@ -1,7 +0,0 @@
-import React from "react";
-import IpfsImage from "../ui/IpfsImage";
-import Video from "../ui/Video";
-export const NftItemIcon = ({ nftItem }) => {
-    return nftItem.image ? (React.createElement(IpfsImage, { src: nftItem.image })) : nftItem.animationUrl ? (React.createElement(Video, { src: nftItem.animationUrl })) : null;
-};
-//# sourceMappingURL=NftItemIcon.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NftItemIcon.js","sourceRoot":"","sources":["../../../../src/components/nftItem/NftItemIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,iBAAiB,CAAC;AACxC,OAAO,KAAK,MAAM,aAAa,CAAC;AAMhC,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACrE,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CACrB,oBAAC,SAAS,IAAC,GAAG,EAAE,OAAO,CAAC,KAAK,GAAI,CAClC,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CACzB,oBAAC,KAAK,IAAC,GAAG,EAAE,OAAO,CAAC,YAAY,GAAI,CACrC,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC"}

package/dist/esm/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/esm/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/esm/hooks/contracts/erc1155/useErc1155Uri.js

@@ -1,16 +0,0 @@
-import { useQuery } from "react-query";
-export const useErc1155Uri = (props, { enabled, coreSDK }) => {
-    return useQuery(["useErc1155Uri", coreSDK.uuid, props], async () => {
-        const { contractAddress, tokenIds } = props;
-        if (!contractAddress || !tokenIds) {
-            return;
-        }
-        return Promise.all(tokenIds.map((tokenId) => tokenId
-            ? coreSDK.erc1155Uri({
-                contractAddress,
-                tokenId
-            })
-            : null));
-    }, { enabled });
-};
-//# sourceMappingURL=useErc1155Uri.js.map

package/dist/esm/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,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,KAGC,EACD,EAAE,OAAO,EAAE,OAAO,EAAsD,EACxE,EAAE;IACF,OAAO,QAAQ,CACb,CAAC,eAAe,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,EACtC,KAAK,IAAI,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,EACD,EAAE,OAAO,EAAE,CACZ,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/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/esm/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/esm/hooks/contracts/erc721/useErc721TokenUri.js

@@ -1,16 +0,0 @@
-import { useQuery } from "react-query";
-export const useErc721TokenUri = (props, { enabled, coreSDK }) => {
-    return useQuery(["useErc721TokenUri", coreSDK.uuid, props], async () => {
-        const { contractAddress, tokenIds } = props;
-        if (!contractAddress || !tokenIds) {
-            return;
-        }
-        return Promise.all(tokenIds.map((tokenId) => tokenId
-            ? coreSDK.erc721TokenUri({
-                contractAddress,
-                tokenId
-            })
-            : null));
-    }, { enabled });
-};
-//# sourceMappingURL=useErc721TokenUri.js.map

package/dist/esm/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,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,KAGC,EACD,EAAE,OAAO,EAAE,OAAO,EAAsD,EACxE,EAAE;IACF,OAAO,QAAQ,CACb,CAAC,mBAAmB,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,EAC1C,KAAK,IAAI,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,EACD,EAAE,OAAO,EAAE,CACZ,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/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/esm/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/esm/hooks/contracts/useGetTokenUriImage.js

@@ -1,80 +0,0 @@
-import { getImageUrl } from "../../lib/images/images";
-import { useQuery } from "react-query";
-const replaceUrlWithId = ({ tokenId, url }) => {
-    const urlWithIdReplaced = url.replace("{id}", tokenId);
-    return urlWithIdReplaced;
-};
-export const useGetTokenUriImage = (props, { enabled }) => {
-    const { tokenUris, ipfsGateway = "https://ipfs.io/ipfs", tokenIds } = props;
-    return useQuery(["useGetTokenUriImage", props], async () => {
-        if (!tokenUris || !tokenIds || tokenUris.length !== tokenIds.length) {
-            return [];
-        }
-        try {
-            return Promise.all(tokenUris.map(async (tokenUri, index) => {
-                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 image = jsonMetadata.image;
-                        const imageUrl = getImageUrl(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
-    });
-};
-//# sourceMappingURL=useGetTokenUriImage.js.map

package/dist/esm/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/src/components/nftItem/NftItemIcon.tsx

@@ -1,16 +0,0 @@
-import { NftItemMetadataEntity } from "@bosonprotocol/core-sdk/dist/cjs/subgraph";
-import React from "react";
-import IpfsImage from "../ui/IpfsImage";
-import Video from "../ui/Video";
-
-type NftItemIconProps = {
-  nftItem: NftItemMetadataEntity;
-};
-
-export const NftItemIcon: React.FC<NftItemIconProps> = ({ nftItem }) => {
-  return nftItem.image ? (
-    <IpfsImage src={nftItem.image} />
-  ) : nftItem.animationUrl ? (
-    <Video src={nftItem.animationUrl} />
-  ) : null;
-};

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

@@ -1,31 +0,0 @@
-import { CoreSDK } from "@bosonprotocol/core-sdk";
-import { useQuery } from "react-query";
-
-export const useErc1155Uri = (
-  props: {
-    contractAddress: string | undefined;
-    tokenIds: (string | null | undefined)[] | undefined;
-  },
-  { enabled, coreSDK }: { enabled: boolean | undefined; coreSDK: CoreSDK }
-) => {
-  return useQuery(
-    ["useErc1155Uri", coreSDK.uuid, props],
-    async () => {
-      const { contractAddress, tokenIds } = props;
-      if (!contractAddress || !tokenIds) {
-        return;
-      }
-      return Promise.all(
-        tokenIds.map((tokenId) =>
-          tokenId
-            ? coreSDK.erc1155Uri({
-                contractAddress,
-                tokenId
-              })
-            : null
-        )
-      );
-    },
-    { enabled }
-  );
-};

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

@@ -1,31 +0,0 @@
-import { CoreSDK } from "@bosonprotocol/core-sdk";
-import { useQuery } from "react-query";
-
-export const useErc721TokenUri = (
-  props: {
-    contractAddress: string | undefined;
-    tokenIds: (string | null | undefined)[] | undefined;
-  },
-  { enabled, coreSDK }: { enabled: boolean | undefined; coreSDK: CoreSDK }
-) => {
-  return useQuery(
-    ["useErc721TokenUri", coreSDK.uuid, props],
-    async () => {
-      const { contractAddress, tokenIds } = props;
-      if (!contractAddress || !tokenIds) {
-        return;
-      }
-      return Promise.all(
-        tokenIds.map((tokenId) =>
-          tokenId
-            ? coreSDK.erc721TokenUri({
-                contractAddress,
-                tokenId
-              })
-            : null
-        )
-      );
-    },
-    { enabled }
-  );
-};

package/src/hooks/contracts/useGetTokenUriImage.ts

@@ -1,102 +0,0 @@
-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 useGetTokenUriImage = (
-  props: {
-    tokenUris: (string | null | undefined)[] | undefined | null;
-    ipfsGateway?: string;
-    tokenIds: (string | null | undefined)[] | undefined | null;
-  },
-  { enabled }: { enabled: boolean }
-) => {
-  const { tokenUris, ipfsGateway = "https://ipfs.io/ipfs", tokenIds } = props;
-  return useQuery(
-    ["useGetTokenUriImage", props],
-    async () => {
-      if (!tokenUris || !tokenIds || tokenUris.length !== tokenIds.length) {
-        return [];
-      }
-      try {
-        return Promise.all(
-          tokenUris.map(async (tokenUri, index) => {
-            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 image = jsonMetadata.image;
-                const imageUrl = getImageUrl(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
-    }
-  );
-};