@bosonprotocol/react-kit 0.30.0-alpha.0 → 0.30.0-alpha.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Loading.js +1 -1
- package/dist/cjs/components/Loading.js.map +1 -1
- package/dist/cjs/components/buttons/CommitButtonView.d.ts +2 -7
- package/dist/cjs/components/buttons/CommitButtonView.d.ts.map +1 -1
- package/dist/cjs/components/buttons/CommitButtonView.js +30 -9
- package/dist/cjs/components/buttons/CommitButtonView.js.map +1 -1
- package/dist/cjs/components/modal/components/Commit/OfferVariantView.d.ts.map +1 -1
- package/dist/cjs/components/modal/components/Commit/OfferVariantView.js +4 -1
- package/dist/cjs/components/modal/components/Commit/OfferVariantView.js.map +1 -1
- package/dist/cjs/components/modal/components/Redeem/Confirmation/Confirmation.d.ts.map +1 -1
- package/dist/cjs/components/modal/components/Redeem/Confirmation/Confirmation.js +4 -1
- package/dist/cjs/components/modal/components/Redeem/Confirmation/Confirmation.js.map +1 -1
- package/dist/cjs/components/modal/components/Redeem/RedeemForm/RedeemForm.d.ts +4 -1
- package/dist/cjs/components/modal/components/Redeem/RedeemForm/RedeemForm.d.ts.map +1 -1
- package/dist/cjs/components/modal/components/Redeem/RedeemForm/RedeemForm.js +13 -2
- package/dist/cjs/components/modal/components/Redeem/RedeemForm/RedeemForm.js.map +1 -1
- package/dist/cjs/components/modal/components/Redeem/RedeemForm/RedeemFormView.d.ts +2 -1
- package/dist/cjs/components/modal/components/Redeem/RedeemForm/RedeemFormView.d.ts.map +1 -1
- package/dist/cjs/components/modal/components/Redeem/RedeemForm/RedeemFormView.js +2 -2
- package/dist/cjs/components/modal/components/Redeem/RedeemForm/RedeemFormView.js.map +1 -1
- package/dist/cjs/components/modal/components/Redeem/RedeemFormModel.d.ts +7 -1
- package/dist/cjs/components/modal/components/Redeem/RedeemFormModel.d.ts.map +1 -1
- package/dist/cjs/components/modal/components/Redeem/RedeemFormModel.js +6 -0
- package/dist/cjs/components/modal/components/Redeem/RedeemFormModel.js.map +1 -1
- package/dist/cjs/components/modal/components/Redeem/RedeemNonModal.d.ts.map +1 -1
- package/dist/cjs/components/modal/components/Redeem/RedeemNonModal.js +22 -3
- package/dist/cjs/components/modal/components/Redeem/RedeemNonModal.js.map +1 -1
- package/dist/cjs/components/modal/components/common/OfferFullDescription/DigitalProductData.d.ts.map +1 -1
- package/dist/cjs/components/modal/components/common/OfferFullDescription/DigitalProductData.js +41 -13
- package/dist/cjs/components/modal/components/common/OfferFullDescription/DigitalProductData.js.map +1 -1
- package/dist/cjs/components/modal/components/common/detail/PhygitalProduct.d.ts.map +1 -1
- package/dist/cjs/components/modal/components/common/detail/PhygitalProduct.js +48 -33
- package/dist/cjs/components/modal/components/common/detail/PhygitalProduct.js.map +1 -1
- package/dist/cjs/components/modal/components/common/detail/TokenGatedItem.d.ts.map +1 -1
- package/dist/cjs/components/modal/components/common/detail/TokenGatedItem.js +28 -16
- package/dist/cjs/components/modal/components/common/detail/TokenGatedItem.js.map +1 -1
- package/dist/cjs/components/productCard/ProductCard.d.ts +3 -1
- package/dist/cjs/components/productCard/ProductCard.d.ts.map +1 -1
- package/dist/cjs/components/productCard/ProductCard.js +14 -2
- package/dist/cjs/components/productCard/ProductCard.js.map +1 -1
- package/dist/cjs/components/productCard/ProductCard.styles.d.ts +1 -0
- package/dist/cjs/components/productCard/ProductCard.styles.d.ts.map +1 -1
- package/dist/cjs/components/productCard/ProductCard.styles.js +43 -3
- package/dist/cjs/components/productCard/ProductCard.styles.js.map +1 -1
- package/dist/cjs/components/tooltip/Tooltip.d.ts +3 -2
- package/dist/cjs/components/tooltip/Tooltip.d.ts.map +1 -1
- package/dist/cjs/components/tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/components/ui/DetailsSummary.js +1 -1
- package/dist/cjs/components/ui/DetailsSummary.js.map +1 -1
- package/dist/cjs/components/ui/IpfsImage.d.ts +3 -0
- package/dist/cjs/components/ui/IpfsImage.d.ts.map +1 -1
- package/dist/cjs/components/ui/IpfsImage.js +13 -3
- package/dist/cjs/components/ui/IpfsImage.js.map +1 -1
- package/dist/cjs/hooks/bundles/useBundleItemsImages.d.ts +10 -0
- package/dist/cjs/hooks/bundles/useBundleItemsImages.d.ts.map +1 -0
- package/dist/cjs/hooks/bundles/useBundleItemsImages.js +56 -0
- package/dist/cjs/hooks/bundles/useBundleItemsImages.js.map +1 -0
- package/dist/cjs/hooks/contracts/erc1155/useErc1155Uris.d.ts +11 -0
- package/dist/cjs/hooks/contracts/erc1155/useErc1155Uris.d.ts.map +1 -0
- package/dist/cjs/hooks/contracts/erc1155/useErc1155Uris.js +37 -0
- package/dist/cjs/hooks/contracts/erc1155/useErc1155Uris.js.map +1 -0
- package/dist/cjs/hooks/contracts/erc721/useErc721TokenUris.d.ts +11 -0
- package/dist/cjs/hooks/contracts/erc721/useErc721TokenUris.d.ts.map +1 -0
- package/dist/cjs/hooks/contracts/erc721/useErc721TokenUris.js +37 -0
- package/dist/cjs/hooks/contracts/erc721/useErc721TokenUris.js.map +1 -0
- package/dist/cjs/hooks/contracts/useGetTokenUriImages.d.ts +10 -0
- package/dist/cjs/hooks/contracts/useGetTokenUriImages.d.ts.map +1 -0
- package/dist/cjs/hooks/contracts/useGetTokenUriImages.js +103 -0
- package/dist/cjs/hooks/contracts/useGetTokenUriImages.js.map +1 -0
- package/dist/cjs/hooks/index.d.ts +3 -3
- package/dist/cjs/hooks/index.d.ts.map +1 -1
- package/dist/cjs/hooks/index.js +3 -3
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/transactions/usePendingTransactionsWithContext.d.ts +1 -1
- package/dist/cjs/lib/address/address.d.ts +1 -0
- package/dist/cjs/lib/address/address.d.ts.map +1 -1
- package/dist/cjs/lib/address/address.js +8 -1
- package/dist/cjs/lib/address/address.js.map +1 -1
- package/dist/cjs/lib/bundle/const.d.ts +19 -5
- package/dist/cjs/lib/bundle/const.d.ts.map +1 -1
- package/dist/cjs/lib/bundle/const.js +18 -3
- package/dist/cjs/lib/bundle/const.js.map +1 -1
- package/dist/cjs/lib/ipfs/ipfs.d.ts.map +1 -1
- package/dist/cjs/lib/ipfs/ipfs.js +9 -4
- package/dist/cjs/lib/ipfs/ipfs.js.map +1 -1
- package/dist/cjs/lib/offer/filter.d.ts +3 -0
- package/dist/cjs/lib/offer/filter.d.ts.map +1 -1
- package/dist/cjs/lib/offer/filter.js +21 -1
- package/dist/cjs/lib/offer/filter.js.map +1 -1
- package/dist/cjs/lib/offer/getOfferDetails.d.ts.map +1 -1
- package/dist/cjs/lib/offer/getOfferDetails.js +21 -9
- package/dist/cjs/lib/offer/getOfferDetails.js.map +1 -1
- package/dist/esm/components/Loading.js +1 -1
- package/dist/esm/components/Loading.js.map +1 -1
- package/dist/esm/components/buttons/CommitButtonView.d.ts +2 -7
- package/dist/esm/components/buttons/CommitButtonView.d.ts.map +1 -1
- package/dist/esm/components/buttons/CommitButtonView.js +30 -9
- package/dist/esm/components/buttons/CommitButtonView.js.map +1 -1
- package/dist/esm/components/modal/components/Commit/OfferVariantView.d.ts.map +1 -1
- package/dist/esm/components/modal/components/Commit/OfferVariantView.js +4 -1
- package/dist/esm/components/modal/components/Commit/OfferVariantView.js.map +1 -1
- package/dist/esm/components/modal/components/Redeem/Confirmation/Confirmation.d.ts.map +1 -1
- package/dist/esm/components/modal/components/Redeem/Confirmation/Confirmation.js +4 -1
- package/dist/esm/components/modal/components/Redeem/Confirmation/Confirmation.js.map +1 -1
- package/dist/esm/components/modal/components/Redeem/RedeemForm/RedeemForm.d.ts +4 -1
- package/dist/esm/components/modal/components/Redeem/RedeemForm/RedeemForm.d.ts.map +1 -1
- package/dist/esm/components/modal/components/Redeem/RedeemForm/RedeemForm.js +13 -2
- package/dist/esm/components/modal/components/Redeem/RedeemForm/RedeemForm.js.map +1 -1
- package/dist/esm/components/modal/components/Redeem/RedeemForm/RedeemFormView.d.ts +2 -1
- package/dist/esm/components/modal/components/Redeem/RedeemForm/RedeemFormView.d.ts.map +1 -1
- package/dist/esm/components/modal/components/Redeem/RedeemForm/RedeemFormView.js +2 -2
- package/dist/esm/components/modal/components/Redeem/RedeemForm/RedeemFormView.js.map +1 -1
- package/dist/esm/components/modal/components/Redeem/RedeemFormModel.d.ts +7 -1
- package/dist/esm/components/modal/components/Redeem/RedeemFormModel.d.ts.map +1 -1
- package/dist/esm/components/modal/components/Redeem/RedeemFormModel.js +6 -0
- package/dist/esm/components/modal/components/Redeem/RedeemFormModel.js.map +1 -1
- package/dist/esm/components/modal/components/Redeem/RedeemNonModal.d.ts.map +1 -1
- package/dist/esm/components/modal/components/Redeem/RedeemNonModal.js +22 -3
- package/dist/esm/components/modal/components/Redeem/RedeemNonModal.js.map +1 -1
- package/dist/esm/components/modal/components/common/OfferFullDescription/DigitalProductData.d.ts.map +1 -1
- package/dist/esm/components/modal/components/common/OfferFullDescription/DigitalProductData.js +44 -11
- package/dist/esm/components/modal/components/common/OfferFullDescription/DigitalProductData.js.map +1 -1
- package/dist/esm/components/modal/components/common/detail/PhygitalProduct.d.ts.map +1 -1
- package/dist/esm/components/modal/components/common/detail/PhygitalProduct.js +40 -26
- package/dist/esm/components/modal/components/common/detail/PhygitalProduct.js.map +1 -1
- package/dist/esm/components/modal/components/common/detail/TokenGatedItem.d.ts.map +1 -1
- package/dist/esm/components/modal/components/common/detail/TokenGatedItem.js +28 -16
- package/dist/esm/components/modal/components/common/detail/TokenGatedItem.js.map +1 -1
- package/dist/esm/components/productCard/ProductCard.d.ts +3 -1
- package/dist/esm/components/productCard/ProductCard.d.ts.map +1 -1
- package/dist/esm/components/productCard/ProductCard.js +3 -3
- package/dist/esm/components/productCard/ProductCard.js.map +1 -1
- package/dist/esm/components/productCard/ProductCard.styles.d.ts +1 -0
- package/dist/esm/components/productCard/ProductCard.styles.d.ts.map +1 -1
- package/dist/esm/components/productCard/ProductCard.styles.js +42 -2
- package/dist/esm/components/productCard/ProductCard.styles.js.map +1 -1
- package/dist/esm/components/tooltip/Tooltip.d.ts +3 -2
- package/dist/esm/components/tooltip/Tooltip.d.ts.map +1 -1
- package/dist/esm/components/tooltip/Tooltip.js.map +1 -1
- package/dist/esm/components/ui/DetailsSummary.js +1 -1
- package/dist/esm/components/ui/DetailsSummary.js.map +1 -1
- package/dist/esm/components/ui/IpfsImage.d.ts +3 -0
- package/dist/esm/components/ui/IpfsImage.d.ts.map +1 -1
- package/dist/esm/components/ui/IpfsImage.js +14 -4
- package/dist/esm/components/ui/IpfsImage.js.map +1 -1
- package/dist/esm/hooks/bundles/useBundleItemsImages.d.ts +10 -0
- package/dist/esm/hooks/bundles/useBundleItemsImages.d.ts.map +1 -0
- package/dist/esm/hooks/bundles/useBundleItemsImages.js +48 -0
- package/dist/esm/hooks/bundles/useBundleItemsImages.js.map +1 -0
- package/dist/esm/hooks/contracts/erc1155/useErc1155Uris.d.ts +11 -0
- package/dist/esm/hooks/contracts/erc1155/useErc1155Uris.d.ts.map +1 -0
- package/dist/esm/hooks/contracts/erc1155/useErc1155Uris.js +22 -0
- package/dist/esm/hooks/contracts/erc1155/useErc1155Uris.js.map +1 -0
- package/dist/esm/hooks/contracts/erc721/useErc721TokenUris.d.ts +11 -0
- package/dist/esm/hooks/contracts/erc721/useErc721TokenUris.d.ts.map +1 -0
- package/dist/esm/hooks/contracts/erc721/useErc721TokenUris.js +22 -0
- package/dist/esm/hooks/contracts/erc721/useErc721TokenUris.js.map +1 -0
- package/dist/esm/hooks/contracts/useGetTokenUriImages.d.ts +10 -0
- package/dist/esm/hooks/contracts/useGetTokenUriImages.d.ts.map +1 -0
- package/dist/esm/hooks/contracts/useGetTokenUriImages.js +90 -0
- package/dist/esm/hooks/contracts/useGetTokenUriImages.js.map +1 -0
- package/dist/esm/hooks/index.d.ts +3 -3
- package/dist/esm/hooks/index.d.ts.map +1 -1
- package/dist/esm/hooks/index.js +3 -3
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/esm/hooks/transactions/usePendingTransactionsWithContext.d.ts +1 -1
- package/dist/esm/lib/address/address.d.ts +1 -0
- package/dist/esm/lib/address/address.d.ts.map +1 -1
- package/dist/esm/lib/address/address.js +6 -0
- package/dist/esm/lib/address/address.js.map +1 -1
- package/dist/esm/lib/bundle/const.d.ts +19 -5
- package/dist/esm/lib/bundle/const.d.ts.map +1 -1
- package/dist/esm/lib/bundle/const.js +17 -2
- package/dist/esm/lib/bundle/const.js.map +1 -1
- package/dist/esm/lib/ipfs/ipfs.d.ts.map +1 -1
- package/dist/esm/lib/ipfs/ipfs.js +9 -4
- package/dist/esm/lib/ipfs/ipfs.js.map +1 -1
- package/dist/esm/lib/offer/filter.d.ts +3 -0
- package/dist/esm/lib/offer/filter.d.ts.map +1 -1
- package/dist/esm/lib/offer/filter.js +18 -0
- package/dist/esm/lib/offer/filter.js.map +1 -1
- package/dist/esm/lib/offer/getOfferDetails.d.ts.map +1 -1
- package/dist/esm/lib/offer/getOfferDetails.js +17 -5
- package/dist/esm/lib/offer/getOfferDetails.js.map +1 -1
- package/package.json +4 -4
- package/src/components/Loading.tsx +1 -1
- package/src/components/buttons/CommitButtonView.tsx +35 -23
- package/src/components/modal/components/Commit/OfferVariantView.tsx +4 -1
- package/src/components/modal/components/Redeem/Confirmation/Confirmation.tsx +6 -1
- package/src/components/modal/components/Redeem/RedeemForm/RedeemForm.tsx +32 -3
- package/src/components/modal/components/Redeem/RedeemForm/RedeemFormView.tsx +5 -1
- package/src/components/modal/components/Redeem/RedeemFormModel.ts +7 -1
- package/src/components/modal/components/Redeem/RedeemNonModal.tsx +29 -2
- package/src/components/modal/components/common/OfferFullDescription/DigitalProductData.tsx +166 -99
- package/src/components/modal/components/common/detail/PhygitalProduct.tsx +75 -34
- package/src/components/modal/components/common/detail/TokenGatedItem.tsx +27 -15
- package/src/components/productCard/ProductCard.styles.ts +43 -2
- package/src/components/productCard/ProductCard.tsx +3 -2
- package/src/components/tooltip/Tooltip.tsx +3 -2
- package/src/components/ui/DetailsSummary.tsx +1 -1
- package/src/components/ui/IpfsImage.tsx +19 -4
- package/src/components/widgets/commit/CommitWidget.tsx +1 -1
- package/src/hooks/bundles/useBundleItemsImages.ts +71 -0
- package/src/hooks/contracts/erc1155/useErc1155Uris.ts +52 -0
- package/src/hooks/contracts/erc721/useErc721TokenUris.ts +52 -0
- package/src/hooks/contracts/useGetTokenUriImages.ts +126 -0
- package/src/hooks/index.ts +3 -3
- package/src/lib/address/address.ts +8 -1
- package/src/lib/bundle/const.ts +20 -3
- package/src/lib/ipfs/ipfs.ts +15 -5
- package/src/lib/offer/filter.ts +28 -0
- package/src/lib/offer/getOfferDetails.ts +30 -16
- package/src/stories/buttons/CommitButtonView.stories.tsx +0 -1
- package/src/stories/widgets/Commit.stories.tsx +3 -3
- package/dist/cjs/components/nftItem/NftItemIcon.d.ts +0 -8
- package/dist/cjs/components/nftItem/NftItemIcon.d.ts.map +0 -1
- package/dist/cjs/components/nftItem/NftItemIcon.js +0 -14
- package/dist/cjs/components/nftItem/NftItemIcon.js.map +0 -1
- package/dist/cjs/hooks/contracts/erc1155/useErc1155Uri.d.ts +0 -9
- package/dist/cjs/hooks/contracts/erc1155/useErc1155Uri.d.ts.map +0 -1
- package/dist/cjs/hooks/contracts/erc1155/useErc1155Uri.js +0 -29
- package/dist/cjs/hooks/contracts/erc1155/useErc1155Uri.js.map +0 -1
- package/dist/cjs/hooks/contracts/erc721/useErc721TokenUri.d.ts +0 -9
- package/dist/cjs/hooks/contracts/erc721/useErc721TokenUri.d.ts.map +0 -1
- package/dist/cjs/hooks/contracts/erc721/useErc721TokenUri.js +0 -29
- package/dist/cjs/hooks/contracts/erc721/useErc721TokenUri.js.map +0 -1
- package/dist/cjs/hooks/contracts/useGetTokenUriImage.d.ts +0 -8
- package/dist/cjs/hooks/contracts/useGetTokenUriImage.d.ts.map +0 -1
- package/dist/cjs/hooks/contracts/useGetTokenUriImage.js +0 -93
- package/dist/cjs/hooks/contracts/useGetTokenUriImage.js.map +0 -1
- package/dist/esm/components/nftItem/NftItemIcon.d.ts +0 -8
- package/dist/esm/components/nftItem/NftItemIcon.d.ts.map +0 -1
- package/dist/esm/components/nftItem/NftItemIcon.js +0 -7
- package/dist/esm/components/nftItem/NftItemIcon.js.map +0 -1
- package/dist/esm/hooks/contracts/erc1155/useErc1155Uri.d.ts +0 -9
- package/dist/esm/hooks/contracts/erc1155/useErc1155Uri.d.ts.map +0 -1
- package/dist/esm/hooks/contracts/erc1155/useErc1155Uri.js +0 -16
- package/dist/esm/hooks/contracts/erc1155/useErc1155Uri.js.map +0 -1
- package/dist/esm/hooks/contracts/erc721/useErc721TokenUri.d.ts +0 -9
- package/dist/esm/hooks/contracts/erc721/useErc721TokenUri.d.ts.map +0 -1
- package/dist/esm/hooks/contracts/erc721/useErc721TokenUri.js +0 -16
- package/dist/esm/hooks/contracts/erc721/useErc721TokenUri.js.map +0 -1
- package/dist/esm/hooks/contracts/useGetTokenUriImage.d.ts +0 -8
- package/dist/esm/hooks/contracts/useGetTokenUriImage.d.ts.map +0 -1
- package/dist/esm/hooks/contracts/useGetTokenUriImage.js +0 -80
- package/dist/esm/hooks/contracts/useGetTokenUriImage.js.map +0 -1
- package/src/components/nftItem/NftItemIcon.tsx +0 -16
- package/src/hooks/contracts/erc1155/useErc1155Uri.ts +0 -31
- package/src/hooks/contracts/erc721/useErc721TokenUri.ts +0 -31
- package/src/hooks/contracts/useGetTokenUriImage.ts +0 -102
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.NftItemIcon = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const IpfsImage_1 = __importDefault(require("../ui/IpfsImage"));
|
|
9
|
-
const Video_1 = __importDefault(require("../ui/Video"));
|
|
10
|
-
const NftItemIcon = ({ nftItem }) => {
|
|
11
|
-
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;
|
|
12
|
-
};
|
|
13
|
-
exports.NftItemIcon = NftItemIcon;
|
|
14
|
-
//# sourceMappingURL=NftItemIcon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { CoreSDK } from "@bosonprotocol/core-sdk";
|
|
2
|
-
export declare const useErc1155Uri: (props: {
|
|
3
|
-
contractAddress: string | undefined;
|
|
4
|
-
tokenIds: (string | null | undefined)[] | undefined;
|
|
5
|
-
}, { enabled, coreSDK }: {
|
|
6
|
-
enabled: boolean | undefined;
|
|
7
|
-
coreSDK: CoreSDK;
|
|
8
|
-
}) => import("react-query").UseQueryResult<(string | null)[] | undefined, unknown>;
|
|
9
|
-
//# sourceMappingURL=useErc1155Uri.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
3
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
4
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
5
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
6
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
7
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
8
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
9
|
-
});
|
|
10
|
-
};
|
|
11
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
|
-
exports.useErc1155Uri = void 0;
|
|
13
|
-
const react_query_1 = require("react-query");
|
|
14
|
-
const useErc1155Uri = (props, { enabled, coreSDK }) => {
|
|
15
|
-
return (0, react_query_1.useQuery)(["useErc1155Uri", coreSDK.uuid, props], () => __awaiter(void 0, void 0, void 0, function* () {
|
|
16
|
-
const { contractAddress, tokenIds } = props;
|
|
17
|
-
if (!contractAddress || !tokenIds) {
|
|
18
|
-
return;
|
|
19
|
-
}
|
|
20
|
-
return Promise.all(tokenIds.map((tokenId) => tokenId
|
|
21
|
-
? coreSDK.erc1155Uri({
|
|
22
|
-
contractAddress,
|
|
23
|
-
tokenId
|
|
24
|
-
})
|
|
25
|
-
: null));
|
|
26
|
-
}), { enabled });
|
|
27
|
-
};
|
|
28
|
-
exports.useErc1155Uri = useErc1155Uri;
|
|
29
|
-
//# sourceMappingURL=useErc1155Uri.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { CoreSDK } from "@bosonprotocol/core-sdk";
|
|
2
|
-
export declare const useErc721TokenUri: (props: {
|
|
3
|
-
contractAddress: string | undefined;
|
|
4
|
-
tokenIds: (string | null | undefined)[] | undefined;
|
|
5
|
-
}, { enabled, coreSDK }: {
|
|
6
|
-
enabled: boolean | undefined;
|
|
7
|
-
coreSDK: CoreSDK;
|
|
8
|
-
}) => import("react-query").UseQueryResult<(string | null)[] | undefined, unknown>;
|
|
9
|
-
//# sourceMappingURL=useErc721TokenUri.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
3
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
4
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
5
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
6
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
7
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
8
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
9
|
-
});
|
|
10
|
-
};
|
|
11
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
|
-
exports.useErc721TokenUri = void 0;
|
|
13
|
-
const react_query_1 = require("react-query");
|
|
14
|
-
const useErc721TokenUri = (props, { enabled, coreSDK }) => {
|
|
15
|
-
return (0, react_query_1.useQuery)(["useErc721TokenUri", coreSDK.uuid, props], () => __awaiter(void 0, void 0, void 0, function* () {
|
|
16
|
-
const { contractAddress, tokenIds } = props;
|
|
17
|
-
if (!contractAddress || !tokenIds) {
|
|
18
|
-
return;
|
|
19
|
-
}
|
|
20
|
-
return Promise.all(tokenIds.map((tokenId) => tokenId
|
|
21
|
-
? coreSDK.erc721TokenUri({
|
|
22
|
-
contractAddress,
|
|
23
|
-
tokenId
|
|
24
|
-
})
|
|
25
|
-
: null));
|
|
26
|
-
}), { enabled });
|
|
27
|
-
};
|
|
28
|
-
exports.useErc721TokenUri = useErc721TokenUri;
|
|
29
|
-
//# sourceMappingURL=useErc721TokenUri.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export declare const useGetTokenUriImage: (props: {
|
|
2
|
-
tokenUris: (string | null | undefined)[] | undefined | null;
|
|
3
|
-
ipfsGateway?: string;
|
|
4
|
-
tokenIds: (string | null | undefined)[] | undefined | null;
|
|
5
|
-
}, { enabled }: {
|
|
6
|
-
enabled: boolean;
|
|
7
|
-
}) => import("react-query").UseQueryResult<string[], unknown>;
|
|
8
|
-
//# sourceMappingURL=useGetTokenUriImage.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
3
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
4
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
5
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
6
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
7
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
8
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
9
|
-
});
|
|
10
|
-
};
|
|
11
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
|
-
exports.useGetTokenUriImage = void 0;
|
|
13
|
-
const images_1 = require("../../lib/images/images");
|
|
14
|
-
const react_query_1 = require("react-query");
|
|
15
|
-
const replaceUrlWithId = ({ tokenId, url }) => {
|
|
16
|
-
const urlWithIdReplaced = url.replace("{id}", tokenId);
|
|
17
|
-
return urlWithIdReplaced;
|
|
18
|
-
};
|
|
19
|
-
const useGetTokenUriImage = (props, { enabled }) => {
|
|
20
|
-
const { tokenUris, ipfsGateway = "https://ipfs.io/ipfs", tokenIds } = props;
|
|
21
|
-
return (0, react_query_1.useQuery)(["useGetTokenUriImage", props], () => __awaiter(void 0, void 0, void 0, function* () {
|
|
22
|
-
if (!tokenUris || !tokenIds || tokenUris.length !== tokenIds.length) {
|
|
23
|
-
return [];
|
|
24
|
-
}
|
|
25
|
-
try {
|
|
26
|
-
return Promise.all(tokenUris.map((tokenUri, index) => __awaiter(void 0, void 0, void 0, function* () {
|
|
27
|
-
const tokenId = tokenIds[index];
|
|
28
|
-
if (!tokenUri || !tokenId) {
|
|
29
|
-
return "";
|
|
30
|
-
}
|
|
31
|
-
if (tokenUri.startsWith("data:application/json")) {
|
|
32
|
-
const base64Data = tokenUri.substring(tokenUri.indexOf(",") + 1);
|
|
33
|
-
const jsonValue = window.atob(base64Data);
|
|
34
|
-
const parsedJson = JSON.parse(jsonValue);
|
|
35
|
-
const image = parsedJson.image;
|
|
36
|
-
const imageUrl = (0, images_1.getImageUrl)(image, ipfsGateway);
|
|
37
|
-
const urlWithIdReplaced = replaceUrlWithId({
|
|
38
|
-
url: imageUrl,
|
|
39
|
-
tokenId
|
|
40
|
-
});
|
|
41
|
-
return urlWithIdReplaced;
|
|
42
|
-
}
|
|
43
|
-
if (tokenUri.startsWith("ipfs")) {
|
|
44
|
-
const imageUrl = (0, images_1.getImageUrl)(tokenUri, ipfsGateway);
|
|
45
|
-
const urlWithIdReplaced = replaceUrlWithId({
|
|
46
|
-
url: imageUrl,
|
|
47
|
-
tokenId
|
|
48
|
-
});
|
|
49
|
-
const fetchedMetadata = yield fetch(urlWithIdReplaced);
|
|
50
|
-
try {
|
|
51
|
-
const jsonMetadata = yield fetchedMetadata.json();
|
|
52
|
-
const image = jsonMetadata.image;
|
|
53
|
-
const imageUrl = (0, images_1.getImageUrl)(image, ipfsGateway);
|
|
54
|
-
return imageUrl;
|
|
55
|
-
}
|
|
56
|
-
catch (error) {
|
|
57
|
-
console.debug(error);
|
|
58
|
-
}
|
|
59
|
-
return urlWithIdReplaced;
|
|
60
|
-
}
|
|
61
|
-
if (tokenUri.startsWith("http")) {
|
|
62
|
-
const urlWithIdReplaced = replaceUrlWithId({
|
|
63
|
-
url: tokenUri,
|
|
64
|
-
tokenId
|
|
65
|
-
});
|
|
66
|
-
const fetchedMetadata = yield fetch(urlWithIdReplaced);
|
|
67
|
-
try {
|
|
68
|
-
const jsonMetadata = yield fetchedMetadata.json();
|
|
69
|
-
const image = jsonMetadata.image;
|
|
70
|
-
const imageUrl = (0, images_1.getImageUrl)(image, ipfsGateway);
|
|
71
|
-
return imageUrl;
|
|
72
|
-
}
|
|
73
|
-
catch (error) {
|
|
74
|
-
console.debug(error);
|
|
75
|
-
}
|
|
76
|
-
return urlWithIdReplaced;
|
|
77
|
-
}
|
|
78
|
-
if (tokenUri.startsWith("data:image")) {
|
|
79
|
-
return tokenUri;
|
|
80
|
-
}
|
|
81
|
-
return "";
|
|
82
|
-
})));
|
|
83
|
-
}
|
|
84
|
-
catch (err) {
|
|
85
|
-
console.error(err);
|
|
86
|
-
throw err;
|
|
87
|
-
}
|
|
88
|
-
}), {
|
|
89
|
-
enabled
|
|
90
|
-
});
|
|
91
|
-
};
|
|
92
|
-
exports.useGetTokenUriImage = useGetTokenUriImage;
|
|
93
|
-
//# sourceMappingURL=useGetTokenUriImage.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useGetTokenUriImage.js","sourceRoot":"","sources":["../../../../src/hooks/contracts/useGetTokenUriImage.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { NftItemMetadataEntity } from "@bosonprotocol/core-sdk/dist/cjs/subgraph";
|
|
2
|
-
import React from "react";
|
|
3
|
-
type NftItemIconProps = {
|
|
4
|
-
nftItem: NftItemMetadataEntity;
|
|
5
|
-
};
|
|
6
|
-
export declare const NftItemIcon: React.FC<NftItemIconProps>;
|
|
7
|
-
export {};
|
|
8
|
-
//# sourceMappingURL=NftItemIcon.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import IpfsImage from "../ui/IpfsImage";
|
|
3
|
-
import Video from "../ui/Video";
|
|
4
|
-
export const NftItemIcon = ({ nftItem }) => {
|
|
5
|
-
return nftItem.image ? (React.createElement(IpfsImage, { src: nftItem.image })) : nftItem.animationUrl ? (React.createElement(Video, { src: nftItem.animationUrl })) : null;
|
|
6
|
-
};
|
|
7
|
-
//# sourceMappingURL=NftItemIcon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { CoreSDK } from "@bosonprotocol/core-sdk";
|
|
2
|
-
export declare const useErc1155Uri: (props: {
|
|
3
|
-
contractAddress: string | undefined;
|
|
4
|
-
tokenIds: (string | null | undefined)[] | undefined;
|
|
5
|
-
}, { enabled, coreSDK }: {
|
|
6
|
-
enabled: boolean | undefined;
|
|
7
|
-
coreSDK: CoreSDK;
|
|
8
|
-
}) => import("react-query").UseQueryResult<(string | null)[] | undefined, unknown>;
|
|
9
|
-
//# sourceMappingURL=useErc1155Uri.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { useQuery } from "react-query";
|
|
2
|
-
export const useErc1155Uri = (props, { enabled, coreSDK }) => {
|
|
3
|
-
return useQuery(["useErc1155Uri", coreSDK.uuid, props], async () => {
|
|
4
|
-
const { contractAddress, tokenIds } = props;
|
|
5
|
-
if (!contractAddress || !tokenIds) {
|
|
6
|
-
return;
|
|
7
|
-
}
|
|
8
|
-
return Promise.all(tokenIds.map((tokenId) => tokenId
|
|
9
|
-
? coreSDK.erc1155Uri({
|
|
10
|
-
contractAddress,
|
|
11
|
-
tokenId
|
|
12
|
-
})
|
|
13
|
-
: null));
|
|
14
|
-
}, { enabled });
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=useErc1155Uri.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { CoreSDK } from "@bosonprotocol/core-sdk";
|
|
2
|
-
export declare const useErc721TokenUri: (props: {
|
|
3
|
-
contractAddress: string | undefined;
|
|
4
|
-
tokenIds: (string | null | undefined)[] | undefined;
|
|
5
|
-
}, { enabled, coreSDK }: {
|
|
6
|
-
enabled: boolean | undefined;
|
|
7
|
-
coreSDK: CoreSDK;
|
|
8
|
-
}) => import("react-query").UseQueryResult<(string | null)[] | undefined, unknown>;
|
|
9
|
-
//# sourceMappingURL=useErc721TokenUri.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { useQuery } from "react-query";
|
|
2
|
-
export const useErc721TokenUri = (props, { enabled, coreSDK }) => {
|
|
3
|
-
return useQuery(["useErc721TokenUri", coreSDK.uuid, props], async () => {
|
|
4
|
-
const { contractAddress, tokenIds } = props;
|
|
5
|
-
if (!contractAddress || !tokenIds) {
|
|
6
|
-
return;
|
|
7
|
-
}
|
|
8
|
-
return Promise.all(tokenIds.map((tokenId) => tokenId
|
|
9
|
-
? coreSDK.erc721TokenUri({
|
|
10
|
-
contractAddress,
|
|
11
|
-
tokenId
|
|
12
|
-
})
|
|
13
|
-
: null));
|
|
14
|
-
}, { enabled });
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=useErc721TokenUri.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export declare const useGetTokenUriImage: (props: {
|
|
2
|
-
tokenUris: (string | null | undefined)[] | undefined | null;
|
|
3
|
-
ipfsGateway?: string;
|
|
4
|
-
tokenIds: (string | null | undefined)[] | undefined | null;
|
|
5
|
-
}, { enabled }: {
|
|
6
|
-
enabled: boolean;
|
|
7
|
-
}) => import("react-query").UseQueryResult<string[], unknown>;
|
|
8
|
-
//# sourceMappingURL=useGetTokenUriImage.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
import { getImageUrl } from "../../lib/images/images";
|
|
2
|
-
import { useQuery } from "react-query";
|
|
3
|
-
const replaceUrlWithId = ({ tokenId, url }) => {
|
|
4
|
-
const urlWithIdReplaced = url.replace("{id}", tokenId);
|
|
5
|
-
return urlWithIdReplaced;
|
|
6
|
-
};
|
|
7
|
-
export const useGetTokenUriImage = (props, { enabled }) => {
|
|
8
|
-
const { tokenUris, ipfsGateway = "https://ipfs.io/ipfs", tokenIds } = props;
|
|
9
|
-
return useQuery(["useGetTokenUriImage", props], async () => {
|
|
10
|
-
if (!tokenUris || !tokenIds || tokenUris.length !== tokenIds.length) {
|
|
11
|
-
return [];
|
|
12
|
-
}
|
|
13
|
-
try {
|
|
14
|
-
return Promise.all(tokenUris.map(async (tokenUri, index) => {
|
|
15
|
-
const tokenId = tokenIds[index];
|
|
16
|
-
if (!tokenUri || !tokenId) {
|
|
17
|
-
return "";
|
|
18
|
-
}
|
|
19
|
-
if (tokenUri.startsWith("data:application/json")) {
|
|
20
|
-
const base64Data = tokenUri.substring(tokenUri.indexOf(",") + 1);
|
|
21
|
-
const jsonValue = window.atob(base64Data);
|
|
22
|
-
const parsedJson = JSON.parse(jsonValue);
|
|
23
|
-
const image = parsedJson.image;
|
|
24
|
-
const imageUrl = getImageUrl(image, ipfsGateway);
|
|
25
|
-
const urlWithIdReplaced = replaceUrlWithId({
|
|
26
|
-
url: imageUrl,
|
|
27
|
-
tokenId
|
|
28
|
-
});
|
|
29
|
-
return urlWithIdReplaced;
|
|
30
|
-
}
|
|
31
|
-
if (tokenUri.startsWith("ipfs")) {
|
|
32
|
-
const imageUrl = getImageUrl(tokenUri, ipfsGateway);
|
|
33
|
-
const urlWithIdReplaced = replaceUrlWithId({
|
|
34
|
-
url: imageUrl,
|
|
35
|
-
tokenId
|
|
36
|
-
});
|
|
37
|
-
const fetchedMetadata = await fetch(urlWithIdReplaced);
|
|
38
|
-
try {
|
|
39
|
-
const jsonMetadata = await fetchedMetadata.json();
|
|
40
|
-
const image = jsonMetadata.image;
|
|
41
|
-
const imageUrl = getImageUrl(image, ipfsGateway);
|
|
42
|
-
return imageUrl;
|
|
43
|
-
}
|
|
44
|
-
catch (error) {
|
|
45
|
-
console.debug(error);
|
|
46
|
-
}
|
|
47
|
-
return urlWithIdReplaced;
|
|
48
|
-
}
|
|
49
|
-
if (tokenUri.startsWith("http")) {
|
|
50
|
-
const urlWithIdReplaced = replaceUrlWithId({
|
|
51
|
-
url: tokenUri,
|
|
52
|
-
tokenId
|
|
53
|
-
});
|
|
54
|
-
const fetchedMetadata = await fetch(urlWithIdReplaced);
|
|
55
|
-
try {
|
|
56
|
-
const jsonMetadata = await fetchedMetadata.json();
|
|
57
|
-
const image = jsonMetadata.image;
|
|
58
|
-
const imageUrl = getImageUrl(image, ipfsGateway);
|
|
59
|
-
return imageUrl;
|
|
60
|
-
}
|
|
61
|
-
catch (error) {
|
|
62
|
-
console.debug(error);
|
|
63
|
-
}
|
|
64
|
-
return urlWithIdReplaced;
|
|
65
|
-
}
|
|
66
|
-
if (tokenUri.startsWith("data:image")) {
|
|
67
|
-
return tokenUri;
|
|
68
|
-
}
|
|
69
|
-
return "";
|
|
70
|
-
}));
|
|
71
|
-
}
|
|
72
|
-
catch (err) {
|
|
73
|
-
console.error(err);
|
|
74
|
-
throw err;
|
|
75
|
-
}
|
|
76
|
-
}, {
|
|
77
|
-
enabled
|
|
78
|
-
});
|
|
79
|
-
};
|
|
80
|
-
//# sourceMappingURL=useGetTokenUriImage.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useGetTokenUriImage.js","sourceRoot":"","sources":["../../../../src/hooks/contracts/useGetTokenUriImage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,gBAAgB,GAAG,CAAC,EACxB,OAAO,EACP,GAAG,EAIJ,EAAE,EAAE;IACH,MAAM,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvD,OAAO,iBAAiB,CAAC;AAC3B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,KAIC,EACD,EAAE,OAAO,EAAwB,EACjC,EAAE;IACF,MAAM,EAAE,SAAS,EAAE,WAAW,GAAG,sBAAsB,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC5E,OAAO,QAAQ,CACb,CAAC,qBAAqB,EAAE,KAAK,CAAC,EAC9B,KAAK,IAAI,EAAE;QACT,IAAI,CAAC,SAAS,IAAI,CAAC,QAAQ,IAAI,SAAS,CAAC,MAAM,KAAK,QAAQ,CAAC,MAAM,EAAE;YACnE,OAAO,EAAE,CAAC;SACX;QACD,IAAI;YACF,OAAO,OAAO,CAAC,GAAG,CAChB,SAAS,CAAC,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;gBACtC,MAAM,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;gBAChC,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,EAAE;oBACzB,OAAO,EAAE,CAAC;iBACX;gBACD,IAAI,QAAQ,CAAC,UAAU,CAAC,uBAAuB,CAAC,EAAE;oBAChD,MAAM,UAAU,GAAG,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;oBACjE,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;oBAC1C,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;oBACzC,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC;oBAC/B,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;oBACjD,MAAM,iBAAiB,GAAG,gBAAgB,CAAC;wBACzC,GAAG,EAAE,QAAQ;wBACb,OAAO;qBACR,CAAC,CAAC;oBACH,OAAO,iBAAiB,CAAC;iBAC1B;gBACD,IAAI,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;oBAC/B,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;oBACpD,MAAM,iBAAiB,GAAG,gBAAgB,CAAC;wBACzC,GAAG,EAAE,QAAQ;wBACb,OAAO;qBACR,CAAC,CAAC;oBAEH,MAAM,eAAe,GAAG,MAAM,KAAK,CAAC,iBAAiB,CAAC,CAAC;oBACvD,IAAI;wBACF,MAAM,YAAY,GAAG,MAAM,eAAe,CAAC,IAAI,EAAE,CAAC;wBAClD,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC;wBACjC,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;wBACjD,OAAO,QAAQ,CAAC;qBACjB;oBAAC,OAAO,KAAK,EAAE;wBACd,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;qBACtB;oBAED,OAAO,iBAAiB,CAAC;iBAC1B;gBACD,IAAI,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;oBAC/B,MAAM,iBAAiB,GAAG,gBAAgB,CAAC;wBACzC,GAAG,EAAE,QAAQ;wBACb,OAAO;qBACR,CAAC,CAAC;oBACH,MAAM,eAAe,GAAG,MAAM,KAAK,CAAC,iBAAiB,CAAC,CAAC;oBACvD,IAAI;wBACF,MAAM,YAAY,GAAG,MAAM,eAAe,CAAC,IAAI,EAAE,CAAC;wBAClD,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC;wBACjC,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;wBACjD,OAAO,QAAQ,CAAC;qBACjB;oBAAC,OAAO,KAAK,EAAE;wBACd,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;qBACtB;oBAED,OAAO,iBAAiB,CAAC;iBAC1B;gBAED,IAAI,QAAQ,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE;oBACrC,OAAO,QAAQ,CAAC;iBACjB;gBAED,OAAO,EAAE,CAAC;YACZ,CAAC,CAAC,CACH,CAAC;SACH;QAAC,OAAO,GAAG,EAAE;YACZ,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACnB,MAAM,GAAG,CAAC;SACX;IACH,CAAC,EACD;QACE,OAAO;KACR,CACF,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { NftItemMetadataEntity } from "@bosonprotocol/core-sdk/dist/cjs/subgraph";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import IpfsImage from "../ui/IpfsImage";
|
|
4
|
-
import Video from "../ui/Video";
|
|
5
|
-
|
|
6
|
-
type NftItemIconProps = {
|
|
7
|
-
nftItem: NftItemMetadataEntity;
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
export const NftItemIcon: React.FC<NftItemIconProps> = ({ nftItem }) => {
|
|
11
|
-
return nftItem.image ? (
|
|
12
|
-
<IpfsImage src={nftItem.image} />
|
|
13
|
-
) : nftItem.animationUrl ? (
|
|
14
|
-
<Video src={nftItem.animationUrl} />
|
|
15
|
-
) : null;
|
|
16
|
-
};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { CoreSDK } from "@bosonprotocol/core-sdk";
|
|
2
|
-
import { useQuery } from "react-query";
|
|
3
|
-
|
|
4
|
-
export const useErc1155Uri = (
|
|
5
|
-
props: {
|
|
6
|
-
contractAddress: string | undefined;
|
|
7
|
-
tokenIds: (string | null | undefined)[] | undefined;
|
|
8
|
-
},
|
|
9
|
-
{ enabled, coreSDK }: { enabled: boolean | undefined; coreSDK: CoreSDK }
|
|
10
|
-
) => {
|
|
11
|
-
return useQuery(
|
|
12
|
-
["useErc1155Uri", coreSDK.uuid, props],
|
|
13
|
-
async () => {
|
|
14
|
-
const { contractAddress, tokenIds } = props;
|
|
15
|
-
if (!contractAddress || !tokenIds) {
|
|
16
|
-
return;
|
|
17
|
-
}
|
|
18
|
-
return Promise.all(
|
|
19
|
-
tokenIds.map((tokenId) =>
|
|
20
|
-
tokenId
|
|
21
|
-
? coreSDK.erc1155Uri({
|
|
22
|
-
contractAddress,
|
|
23
|
-
tokenId
|
|
24
|
-
})
|
|
25
|
-
: null
|
|
26
|
-
)
|
|
27
|
-
);
|
|
28
|
-
},
|
|
29
|
-
{ enabled }
|
|
30
|
-
);
|
|
31
|
-
};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { CoreSDK } from "@bosonprotocol/core-sdk";
|
|
2
|
-
import { useQuery } from "react-query";
|
|
3
|
-
|
|
4
|
-
export const useErc721TokenUri = (
|
|
5
|
-
props: {
|
|
6
|
-
contractAddress: string | undefined;
|
|
7
|
-
tokenIds: (string | null | undefined)[] | undefined;
|
|
8
|
-
},
|
|
9
|
-
{ enabled, coreSDK }: { enabled: boolean | undefined; coreSDK: CoreSDK }
|
|
10
|
-
) => {
|
|
11
|
-
return useQuery(
|
|
12
|
-
["useErc721TokenUri", coreSDK.uuid, props],
|
|
13
|
-
async () => {
|
|
14
|
-
const { contractAddress, tokenIds } = props;
|
|
15
|
-
if (!contractAddress || !tokenIds) {
|
|
16
|
-
return;
|
|
17
|
-
}
|
|
18
|
-
return Promise.all(
|
|
19
|
-
tokenIds.map((tokenId) =>
|
|
20
|
-
tokenId
|
|
21
|
-
? coreSDK.erc721TokenUri({
|
|
22
|
-
contractAddress,
|
|
23
|
-
tokenId
|
|
24
|
-
})
|
|
25
|
-
: null
|
|
26
|
-
)
|
|
27
|
-
);
|
|
28
|
-
},
|
|
29
|
-
{ enabled }
|
|
30
|
-
);
|
|
31
|
-
};
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
import { getImageUrl } from "../../lib/images/images";
|
|
2
|
-
import { useQuery } from "react-query";
|
|
3
|
-
|
|
4
|
-
const replaceUrlWithId = ({
|
|
5
|
-
tokenId,
|
|
6
|
-
url
|
|
7
|
-
}: {
|
|
8
|
-
url: string;
|
|
9
|
-
tokenId: string;
|
|
10
|
-
}) => {
|
|
11
|
-
const urlWithIdReplaced = url.replace("{id}", tokenId);
|
|
12
|
-
return urlWithIdReplaced;
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
export const useGetTokenUriImage = (
|
|
16
|
-
props: {
|
|
17
|
-
tokenUris: (string | null | undefined)[] | undefined | null;
|
|
18
|
-
ipfsGateway?: string;
|
|
19
|
-
tokenIds: (string | null | undefined)[] | undefined | null;
|
|
20
|
-
},
|
|
21
|
-
{ enabled }: { enabled: boolean }
|
|
22
|
-
) => {
|
|
23
|
-
const { tokenUris, ipfsGateway = "https://ipfs.io/ipfs", tokenIds } = props;
|
|
24
|
-
return useQuery(
|
|
25
|
-
["useGetTokenUriImage", props],
|
|
26
|
-
async () => {
|
|
27
|
-
if (!tokenUris || !tokenIds || tokenUris.length !== tokenIds.length) {
|
|
28
|
-
return [];
|
|
29
|
-
}
|
|
30
|
-
try {
|
|
31
|
-
return Promise.all(
|
|
32
|
-
tokenUris.map(async (tokenUri, index) => {
|
|
33
|
-
const tokenId = tokenIds[index];
|
|
34
|
-
if (!tokenUri || !tokenId) {
|
|
35
|
-
return "";
|
|
36
|
-
}
|
|
37
|
-
if (tokenUri.startsWith("data:application/json")) {
|
|
38
|
-
const base64Data = tokenUri.substring(tokenUri.indexOf(",") + 1);
|
|
39
|
-
const jsonValue = window.atob(base64Data);
|
|
40
|
-
const parsedJson = JSON.parse(jsonValue);
|
|
41
|
-
const image = parsedJson.image;
|
|
42
|
-
const imageUrl = getImageUrl(image, ipfsGateway);
|
|
43
|
-
const urlWithIdReplaced = replaceUrlWithId({
|
|
44
|
-
url: imageUrl,
|
|
45
|
-
tokenId
|
|
46
|
-
});
|
|
47
|
-
return urlWithIdReplaced;
|
|
48
|
-
}
|
|
49
|
-
if (tokenUri.startsWith("ipfs")) {
|
|
50
|
-
const imageUrl = getImageUrl(tokenUri, ipfsGateway);
|
|
51
|
-
const urlWithIdReplaced = replaceUrlWithId({
|
|
52
|
-
url: imageUrl,
|
|
53
|
-
tokenId
|
|
54
|
-
});
|
|
55
|
-
|
|
56
|
-
const fetchedMetadata = await fetch(urlWithIdReplaced);
|
|
57
|
-
try {
|
|
58
|
-
const jsonMetadata = await fetchedMetadata.json();
|
|
59
|
-
const image = jsonMetadata.image;
|
|
60
|
-
const imageUrl = getImageUrl(image, ipfsGateway);
|
|
61
|
-
return imageUrl;
|
|
62
|
-
} catch (error) {
|
|
63
|
-
console.debug(error);
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
return urlWithIdReplaced;
|
|
67
|
-
}
|
|
68
|
-
if (tokenUri.startsWith("http")) {
|
|
69
|
-
const urlWithIdReplaced = replaceUrlWithId({
|
|
70
|
-
url: tokenUri,
|
|
71
|
-
tokenId
|
|
72
|
-
});
|
|
73
|
-
const fetchedMetadata = await fetch(urlWithIdReplaced);
|
|
74
|
-
try {
|
|
75
|
-
const jsonMetadata = await fetchedMetadata.json();
|
|
76
|
-
const image = jsonMetadata.image;
|
|
77
|
-
const imageUrl = getImageUrl(image, ipfsGateway);
|
|
78
|
-
return imageUrl;
|
|
79
|
-
} catch (error) {
|
|
80
|
-
console.debug(error);
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
return urlWithIdReplaced;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
if (tokenUri.startsWith("data:image")) {
|
|
87
|
-
return tokenUri;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
return "";
|
|
91
|
-
})
|
|
92
|
-
);
|
|
93
|
-
} catch (err) {
|
|
94
|
-
console.error(err);
|
|
95
|
-
throw err;
|
|
96
|
-
}
|
|
97
|
-
},
|
|
98
|
-
{
|
|
99
|
-
enabled
|
|
100
|
-
}
|
|
101
|
-
);
|
|
102
|
-
};
|