@bosonprotocol/react-kit 0.30.0-alpha.3 → 0.30.0-alpha.4
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/modal/components/Commit/OfferVariantView.d.ts.map +1 -1
- package/dist/cjs/components/modal/components/Commit/OfferVariantView.js +3 -0
- package/dist/cjs/components/modal/components/Commit/OfferVariantView.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 +33 -12
- 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 +9 -23
- 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.map +1 -1
- package/dist/cjs/components/productCard/ProductCard.js +1 -1
- 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/ui/IpfsImage.d.ts +3 -0
- package/dist/cjs/components/ui/IpfsImage.d.ts.map +1 -1
- package/dist/cjs/components/ui/IpfsImage.js +12 -2
- 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/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/getOfferDetails.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 +3 -0
- package/dist/esm/components/modal/components/Commit/OfferVariantView.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 +34 -8
- 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 +9 -24
- 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.map +1 -1
- package/dist/esm/components/productCard/ProductCard.js +2 -2
- 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/ui/IpfsImage.d.ts +3 -0
- package/dist/esm/components/ui/IpfsImage.d.ts.map +1 -1
- package/dist/esm/components/ui/IpfsImage.js +13 -3
- 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/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/getOfferDetails.js.map +1 -1
- package/package.json +4 -4
- package/src/components/modal/components/Commit/OfferVariantView.tsx +3 -0
- package/src/components/modal/components/common/OfferFullDescription/DigitalProductData.tsx +157 -113
- package/src/components/modal/components/common/detail/PhygitalProduct.tsx +13 -30
- 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 +2 -1
- package/src/components/ui/IpfsImage.tsx +18 -3
- 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/ipfs/ipfs.ts +15 -5
- package/src/lib/offer/getOfferDetails.ts +4 -4
- 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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OfferVariantView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal/components/Commit/OfferVariantView.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,QAAQ,EACR,cAAc,EAKf,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAWvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,0BAA0B,EAAE,MAAM,wCAAwC,CAAC;
|
|
1
|
+
{"version":3,"file":"OfferVariantView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal/components/Commit/OfferVariantView.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,QAAQ,EACR,cAAc,EAKf,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAWvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,0BAA0B,EAAE,MAAM,wCAAwC,CAAC;AAiCpF,MAAM,MAAM,qBAAqB,GAAG,uBAAuB,GACzD,IAAI,CAAC,0BAA0B,EAAE,uBAAuB,CAAC,GAAG;IAC1D,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,4BAA4B,EAAE,CAAC,aAAa,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC1E,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,eAAe,EAAE,SAAS,CAAC;IAC3B,kBAAkB,EAAE,QAAQ,CAAC,cAAc,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC;IACpE,WAAW,EAAE,SAAS,EAAE,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,0BAA0B,EAAE,OAAO,CAAC;CACrC,CAAC;AAUJ,wBAAgB,gBAAgB,CAAC,EAC/B,eAAe,EACf,WAAW,EACX,aAAa,EACb,wBAAwB,EACxB,0BAA0B,EAC1B,QAAQ,EACR,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAClB,qBAAqB,EACrB,4BAA4B,EAC5B,gBAAgB,EAChB,sBAAsB,EACtB,kBAAkB,EACnB,EAAE,qBAAqB,eAqJvB"}
|
|
@@ -44,6 +44,7 @@ const SellerAndDescription_1 = require("../common/detail/SellerAndDescription");
|
|
|
44
44
|
const SlickSlider_1 = require("../common/detail/SlickSlider");
|
|
45
45
|
const CommitDetailViewWithProvider_1 = require("./DetailView/CommitDetailViewWithProvider");
|
|
46
46
|
const BosonLogo_1 = require("../common/BosonLogo");
|
|
47
|
+
const ProductCard_1 = require("../../../productCard/ProductCard");
|
|
47
48
|
const colors = theme_1.theme.colors.light;
|
|
48
49
|
const ImageWrapper = styled_components_1.default.div `
|
|
49
50
|
container-type: inline-size;
|
|
@@ -53,6 +54,7 @@ const ImageWrapper = styled_components_1.default.div `
|
|
|
53
54
|
${breakpoint_1.breakpoint.s} {
|
|
54
55
|
max-width: 35rem !important;
|
|
55
56
|
}
|
|
57
|
+
overflow: hidden;
|
|
56
58
|
`;
|
|
57
59
|
const ImageAndSellerIdContainer = (0, styled_components_1.default)(Grid_1.Grid) `
|
|
58
60
|
align-items: center;
|
|
@@ -126,6 +128,7 @@ function OfferVariantView({ selectedVariant, allVariants, showBosonLogo, disable
|
|
|
126
128
|
}, style: { paddingTop: "1rem" }, rowGap: "3rem" },
|
|
127
129
|
react_1.default.createElement(ImageAndSellerIdContainer, { flexDirection: "column", flex: 1 },
|
|
128
130
|
react_1.default.createElement(ImageWrapper, null,
|
|
131
|
+
react_1.default.createElement(ProductCard_1.PhygitalLabel, null),
|
|
129
132
|
mediaFiles.length && (react_1.default.createElement(DetailSlider_1.default, { mediaFiles: mediaFiles, sliderOptions: sliderOptions, arrowsAbove: false, showArrows: false, "data-slider": true, onChangeMedia: ({ index }) => {
|
|
130
133
|
setSliderIndex(index);
|
|
131
134
|
} })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OfferVariantView.js","sourceRoot":"","sources":["../../../../../../src/components/modal/components/Commit/OfferVariantView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAOe;AACf,0EAAuC;AACvC,2EAAwE;AACxE,8DAA2D;AAC3D,6CAA0C;AAC1C,uDAAqD;AAErD,2CAAwC;AACxC,6DAA0D;AAC1D,uDAAoD;AACpD,0EAAuE;AACvE,sDAA6D;AAC7D,iEAAwE;AACxE,iFAAyD;AACzD,gFAA6E;AAC7E,8DAA4E;AAC5E,4FAAyF;AAIzF,mDAAgD;
|
|
1
|
+
{"version":3,"file":"OfferVariantView.js","sourceRoot":"","sources":["../../../../../../src/components/modal/components/Commit/OfferVariantView.tsx"],"names":[],"mappings":"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"}
|
package/dist/cjs/components/modal/components/common/OfferFullDescription/DigitalProductData.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DigitalProductData.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/OfferFullDescription/DigitalProductData.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"DigitalProductData.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/OfferFullDescription/DigitalProductData.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAgCnD,KAAK,uBAAuB,GAAG;IAC7B,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyKhE,CAAC"}
|
package/dist/cjs/components/modal/components/common/OfferFullDescription/DigitalProductData.js
CHANGED
|
@@ -7,13 +7,18 @@ exports.DigitalProductData = void 0;
|
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const styled_components_1 = __importDefault(require("styled-components"));
|
|
9
9
|
const getOfferDetails_1 = require("../../../../../lib/offer/getOfferDetails");
|
|
10
|
-
const NftItemIcon_1 = require("../../../../nftItem/NftItemIcon");
|
|
11
10
|
const DetailsSummary_1 = require("../../../../ui/DetailsSummary");
|
|
12
11
|
const Grid_1 = require("../../../../ui/Grid");
|
|
13
12
|
const Typography_1 = require("../../../../ui/Typography");
|
|
14
13
|
const DetailTable_1 = __importDefault(require("../detail/DetailTable"));
|
|
15
14
|
const SlickSlider_1 = require("../detail/SlickSlider");
|
|
16
15
|
const const_1 = require("../../../../../lib/bundle/const");
|
|
16
|
+
const useBundleItemsImages_1 = require("../../../../../hooks/bundles/useBundleItemsImages");
|
|
17
|
+
const useCoreSdkWithContext_1 = require("../../../../../hooks/core-sdk/useCoreSdkWithContext");
|
|
18
|
+
const filter_1 = require("../../../../../lib/bundle/filter");
|
|
19
|
+
const helpers_1 = require("../../../../../types/helpers");
|
|
20
|
+
const Video_1 = __importDefault(require("../../../../ui/Video"));
|
|
21
|
+
const IpfsImage_1 = __importDefault(require("../../../../ui/IpfsImage"));
|
|
17
22
|
const StyledDetailsSummary = (0, styled_components_1.default)(DetailsSummary_1.DetailsSummary) `
|
|
18
23
|
.icon-wrapper {
|
|
19
24
|
padding: 0;
|
|
@@ -28,11 +33,19 @@ const MediaWrapper = styled_components_1.default.div `
|
|
|
28
33
|
height: 100%;
|
|
29
34
|
`;
|
|
30
35
|
const DigitalProductData = ({ offer, imagesToShow }) => {
|
|
31
|
-
const {
|
|
36
|
+
const { bundleItems } = (0, getOfferDetails_1.getOfferDetails)(offer);
|
|
37
|
+
const { images } = (0, useBundleItemsImages_1.useBundleItemsImages)({
|
|
38
|
+
bundleItems,
|
|
39
|
+
coreSDK: (0, useCoreSdkWithContext_1.useCoreSDKWithContext)()
|
|
40
|
+
});
|
|
32
41
|
return (react_1.default.createElement(Grid_1.Grid, { flexDirection: "column", gap: "0.5rem", alignItems: "flex-start", justifyContent: "space-between" },
|
|
33
|
-
react_1.default.createElement(Typography_1.Typography, { tag: "h3" }, "Digital product data"),
|
|
34
|
-
|
|
35
|
-
var _a, _b, _c;
|
|
42
|
+
react_1.default.createElement(Typography_1.Typography, { tag: "h3" }, "Digital product data"), bundleItems === null || bundleItems === void 0 ? void 0 :
|
|
43
|
+
bundleItems.map((bundleItem, index) => {
|
|
44
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
45
|
+
if (!(0, filter_1.isNftItem)(bundleItem)) {
|
|
46
|
+
return null;
|
|
47
|
+
}
|
|
48
|
+
const nftItem = bundleItem;
|
|
36
49
|
const nftMedia = [
|
|
37
50
|
...(nftItem.image
|
|
38
51
|
? [{ url: nftItem.image, type: "image" }]
|
|
@@ -46,7 +59,11 @@ const DigitalProductData = ({ offer, imagesToShow }) => {
|
|
|
46
59
|
]
|
|
47
60
|
: [])
|
|
48
61
|
];
|
|
49
|
-
const
|
|
62
|
+
const imageSrc = images === null || images === void 0 ? void 0 : images[index];
|
|
63
|
+
const videoSrc = bundleItem.animationUrl;
|
|
64
|
+
const icon = videoSrc ? (react_1.default.createElement(MediaWrapper, null,
|
|
65
|
+
react_1.default.createElement(Video_1.default, { src: videoSrc }))) : imageSrc ? (react_1.default.createElement(MediaWrapper, null,
|
|
66
|
+
react_1.default.createElement(IpfsImage_1.default, { src: imageSrc, overrides: { ipfsGateway: "https://ipfs.io/ipfs" } }))) : null;
|
|
50
67
|
return (react_1.default.createElement(StyledDetailsSummary, { key: nftItem.id, icon: icon ? react_1.default.createElement(MediaWrapper, null, icon) : null, summaryText: nftItem.name || nftItem.contract || "", initiallyOpen: index === 0 },
|
|
51
68
|
react_1.default.createElement(DetailTable_1.default, { align: false, noBorder: true, data: [
|
|
52
69
|
...(nftItem.contract
|
|
@@ -76,11 +93,15 @@ const DigitalProductData = ({ offer, imagesToShow }) => {
|
|
|
76
93
|
...(((_a = nftItem.tokenIdRange) === null || _a === void 0 ? void 0 : _a.min) && nftItem.tokenIdRange.max
|
|
77
94
|
? [
|
|
78
95
|
{
|
|
79
|
-
name:
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
"
|
|
83
|
-
|
|
96
|
+
name: ((_b = nftItem.tokenIdRange) === null || _b === void 0 ? void 0 : _b.min) ===
|
|
97
|
+
((_c = nftItem.tokenIdRange) === null || _c === void 0 ? void 0 : _c.max)
|
|
98
|
+
? "Token ID"
|
|
99
|
+
: "Token IDs",
|
|
100
|
+
value: ((_d = nftItem.tokenIdRange) === null || _d === void 0 ? void 0 : _d.min) ===
|
|
101
|
+
((_e = nftItem.tokenIdRange) === null || _e === void 0 ? void 0 : _e.max) ? (react_1.default.createElement(Typography_1.Typography, { tag: "p" }, (_f = nftItem.tokenIdRange) === null || _f === void 0 ? void 0 : _f.min)) : (react_1.default.createElement(Typography_1.Typography, { tag: "p" }, (_g = nftItem.tokenIdRange) === null || _g === void 0 ? void 0 :
|
|
102
|
+
_g.min,
|
|
103
|
+
"-", (_h = nftItem.tokenIdRange) === null || _h === void 0 ? void 0 :
|
|
104
|
+
_h.max))
|
|
84
105
|
}
|
|
85
106
|
]
|
|
86
107
|
: []),
|
|
@@ -95,7 +116,7 @@ const DigitalProductData = ({ offer, imagesToShow }) => {
|
|
|
95
116
|
], inheritColor: false }),
|
|
96
117
|
!!nftMedia.length && (react_1.default.createElement("div", { style: { width: "100%", padding: "0 2rem 1.5rem 2rem" } },
|
|
97
118
|
react_1.default.createElement(SlickSlider_1.SlickSlider, { settings: Object.assign(Object.assign({}, SlickSlider_1.initialSettings), { slidesToShow: imagesToShow }), mediaFiles: nftMedia, alignLeft: true, imageOptimizationOpts: { height: 500 } })))));
|
|
98
|
-
})));
|
|
119
|
+
}).filter(helpers_1.isTruthy)));
|
|
99
120
|
};
|
|
100
121
|
exports.DigitalProductData = DigitalProductData;
|
|
101
122
|
//# sourceMappingURL=DigitalProductData.js.map
|
package/dist/cjs/components/modal/components/common/OfferFullDescription/DigitalProductData.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DigitalProductData.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/OfferFullDescription/DigitalProductData.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,0EAAuC;AACvC,8EAA2E;AAE3E,
|
|
1
|
+
{"version":3,"file":"DigitalProductData.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/OfferFullDescription/DigitalProductData.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhygitalProduct.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/detail/PhygitalProduct.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PhygitalProduct.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/detail/PhygitalProduct.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAUzC,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAoBnD,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiJ1D,CAAC"}
|
|
@@ -7,20 +7,20 @@ exports.PhygitalProduct = void 0;
|
|
|
7
7
|
const phosphor_react_1 = require("phosphor-react");
|
|
8
8
|
const react_1 = __importDefault(require("react"));
|
|
9
9
|
const styled_components_1 = __importDefault(require("styled-components"));
|
|
10
|
-
const
|
|
10
|
+
const useBundleItemsImages_1 = require("../../../../../hooks/bundles/useBundleItemsImages");
|
|
11
11
|
const useErc1155Name_1 = require("../../../../../hooks/contracts/erc1155/useErc1155Name");
|
|
12
12
|
const useErc721Name_1 = require("../../../../../hooks/contracts/erc721/useErc721Name");
|
|
13
13
|
const useCoreSdkWithContext_1 = require("../../../../../hooks/core-sdk/useCoreSdkWithContext");
|
|
14
|
+
const address_1 = require("../../../../../lib/address/address");
|
|
14
15
|
const filter_1 = require("../../../../../lib/bundle/filter");
|
|
15
16
|
const getOfferDetails_1 = require("../../../../../lib/offer/getOfferDetails");
|
|
17
|
+
const theme_1 = require("../../../../../theme");
|
|
18
|
+
const Tooltip_1 = require("../../../../tooltip/Tooltip");
|
|
16
19
|
const Grid_1 = require("../../../../ui/Grid");
|
|
17
20
|
const IpfsImage_1 = __importDefault(require("../../../../ui/IpfsImage"));
|
|
18
21
|
const ThemedButton_1 = __importDefault(require("../../../../ui/ThemedButton"));
|
|
19
22
|
const Typography_1 = require("../../../../ui/Typography");
|
|
20
23
|
const Video_1 = __importDefault(require("../../../../ui/Video"));
|
|
21
|
-
const theme_1 = require("../../../../../theme");
|
|
22
|
-
const Tooltip_1 = require("../../../../tooltip/Tooltip");
|
|
23
|
-
const address_1 = require("../../../../../lib/address/address");
|
|
24
24
|
const colors = theme_1.theme.colors.light;
|
|
25
25
|
const imageSize = "2.5rem";
|
|
26
26
|
const MediaWrapper = styled_components_1.default.div `
|
|
@@ -43,21 +43,7 @@ const PhygitalProduct = ({ offer }) => {
|
|
|
43
43
|
const { data: erc1155Names } = (0, useErc1155Name_1.useErc1155Name)({
|
|
44
44
|
contractAddresses: contracts
|
|
45
45
|
}, { enabled: !!(contracts === null || contracts === void 0 ? void 0 : contracts.length), coreSDK });
|
|
46
|
-
const {
|
|
47
|
-
tokenIds: bundleItems === null || bundleItems === void 0 ? void 0 : bundleItems.map((bundleItem) => {
|
|
48
|
-
var _a, _b, _c, _d;
|
|
49
|
-
if ((0, filter_1.isNftItem)(bundleItem)) {
|
|
50
|
-
return ((_d = (_b = (_a = bundleItem.tokenIdRange) === null || _a === void 0 ? void 0 : _a.min) !== null && _b !== void 0 ? _b : (_c = bundleItem.tokenIdRange) === null || _c === void 0 ? void 0 : _c.max) !== null && _d !== void 0 ? _d : bundleItem.tokenId);
|
|
51
|
-
}
|
|
52
|
-
return null;
|
|
53
|
-
}),
|
|
54
|
-
tokenUris: bundleItems === null || bundleItems === void 0 ? void 0 : bundleItems.map((bundleItem) => {
|
|
55
|
-
if ((0, filter_1.isNftItem)(bundleItem)) {
|
|
56
|
-
return bundleItem.metadataUri;
|
|
57
|
-
}
|
|
58
|
-
return null;
|
|
59
|
-
})
|
|
60
|
-
}, { enabled: !!(bundleItems === null || bundleItems === void 0 ? void 0 : bundleItems.length) });
|
|
46
|
+
const { images } = (0, useBundleItemsImages_1.useBundleItemsImages)({ bundleItems, coreSDK });
|
|
61
47
|
return (react_1.default.createElement(Grid_1.Grid, { flexDirection: "column", alignItems: "flex-start", gap: "1rem" },
|
|
62
48
|
react_1.default.createElement(Typography_1.Typography, null, "This is what you'll get when you purchase this product."),
|
|
63
49
|
react_1.default.createElement(Grid_1.Grid, { flexDirection: "column", alignItems: "flex-start" },
|
|
@@ -89,7 +75,7 @@ const PhygitalProduct = ({ offer }) => {
|
|
|
89
75
|
name = (react_1.default.createElement(Tooltip_1.Tooltip, { content: contract, maxWidth: "none", interactive: true, hideOnClick: false, wrap: false },
|
|
90
76
|
react_1.default.createElement("span", { style: { wordBreak: "keep-all" } }, (0, address_1.formatAddress)(contract))));
|
|
91
77
|
}
|
|
92
|
-
imageSrc =
|
|
78
|
+
imageSrc = images === null || images === void 0 ? void 0 : images[index];
|
|
93
79
|
videoSrc = bundleItem.animationUrl;
|
|
94
80
|
rangeText =
|
|
95
81
|
((_e = bundleItem.tokenIdRange) === null || _e === void 0 ? void 0 : _e.min) ||
|
|
@@ -111,9 +97,9 @@ const PhygitalProduct = ({ offer }) => {
|
|
|
111
97
|
return (react_1.default.createElement(Grid_1.Grid, { flexGrow: 0, flexShrink: 0, gap: "1rem", justifyContent: "flex-start", flex: 0, as: "li", key: bundleItem.metadataUri, style: {
|
|
112
98
|
color: colors.darkGrey
|
|
113
99
|
} },
|
|
114
|
-
|
|
115
|
-
react_1.default.createElement(
|
|
116
|
-
react_1.default.createElement(
|
|
100
|
+
videoSrc ? (react_1.default.createElement(MediaWrapper, null,
|
|
101
|
+
react_1.default.createElement(Video_1.default, { src: videoSrc }))) : imageSrc ? (react_1.default.createElement(MediaWrapper, null,
|
|
102
|
+
react_1.default.createElement(IpfsImage_1.default, { src: imageSrc, overrides: { ipfsGateway: "https://ipfs.io/ipfs" } }))) : null,
|
|
117
103
|
react_1.default.createElement("div", null,
|
|
118
104
|
quantity,
|
|
119
105
|
"x"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhygitalProduct.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/detail/PhygitalProduct.tsx"],"names":[],"mappings":";;;;;;AAAA,mDAAoD;AACpD,kDAAyC;AACzC,0EAAuC;AACvC,
|
|
1
|
+
{"version":3,"file":"PhygitalProduct.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/detail/PhygitalProduct.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenGatedItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/detail/TokenGatedItem.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAOnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAGlD,KAAK,KAAK,GAAG,uBAAuB,GAAG;IACrC,KAAK,EAAE,KAAK,CAAC;IACb,cAAc,EAAE,OAAO,CAAC;CACzB,CAAC;AAqBF;;;;;;GAMG;AAEH,eAAO,MAAM,cAAc,gDAIxB,KAAK,
|
|
1
|
+
{"version":3,"file":"TokenGatedItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/detail/TokenGatedItem.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAOnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAGlD,KAAK,KAAK,GAAG,uBAAuB,GAAG;IACrC,KAAK,EAAE,KAAK,CAAC;IACb,cAAc,EAAE,OAAO,CAAC;CACzB,CAAC;AAqBF;;;;;;GAMG;AAEH,eAAO,MAAM,cAAc,gDAIxB,KAAK,uBAsVP,CAAC"}
|
|
@@ -42,12 +42,12 @@ const ethers_1 = require("ethers");
|
|
|
42
42
|
const phosphor_react_1 = require("phosphor-react");
|
|
43
43
|
const react_1 = __importStar(require("react"));
|
|
44
44
|
const styled_components_1 = __importDefault(require("styled-components"));
|
|
45
|
-
const
|
|
45
|
+
const useErc1155Uris_1 = require("../../../../../hooks/contracts/erc1155/useErc1155Uris");
|
|
46
46
|
const useErc20ExchangeTokenInfo_1 = require("../../../../../hooks/contracts/erc20/useErc20ExchangeTokenInfo");
|
|
47
|
-
const
|
|
47
|
+
const useErc721TokenUris_1 = require("../../../../../hooks/contracts/erc721/useErc721TokenUris");
|
|
48
48
|
const useCoreSdkWithContext_1 = require("../../../../../hooks/core-sdk/useCoreSdkWithContext");
|
|
49
49
|
const tokens_1 = require("../../../../../lib/const/tokens");
|
|
50
|
-
const
|
|
50
|
+
const useGetTokenUriImages_1 = require("../../../../../hooks/contracts/useGetTokenUriImages");
|
|
51
51
|
const theme_1 = require("../../../../../theme");
|
|
52
52
|
const ConfigContext_1 = require("../../../../config/ConfigContext");
|
|
53
53
|
const PortfolioLogo_1 = require("../../../../logo/PortfolioLogo");
|
|
@@ -161,18 +161,22 @@ const TokenGatedItem = ({ offer, isConditionMet, onClickBuyOrSwap }) => {
|
|
|
161
161
|
condition.tokenType === common_1.TokenType.FungibleToken,
|
|
162
162
|
coreSDK
|
|
163
163
|
});
|
|
164
|
-
const
|
|
165
|
-
|
|
166
|
-
|
|
164
|
+
const pairsContractTokens = [
|
|
165
|
+
{
|
|
166
|
+
contractAddress: condition === null || condition === void 0 ? void 0 : condition.tokenAddress,
|
|
167
|
+
tokenIds: [condition === null || condition === void 0 ? void 0 : condition.minTokenId]
|
|
168
|
+
}
|
|
169
|
+
];
|
|
170
|
+
const { data: erc721TokenUri } = (0, useErc721TokenUris_1.useErc721TokenUris)({
|
|
171
|
+
pairsContractTokens
|
|
167
172
|
}, {
|
|
168
173
|
enabled: !!(condition === null || condition === void 0 ? void 0 : condition.tokenAddress) &&
|
|
169
174
|
condition.tokenType === common_1.TokenType.NonFungibleToken &&
|
|
170
175
|
!!(condition === null || condition === void 0 ? void 0 : condition.minTokenId),
|
|
171
176
|
coreSDK
|
|
172
177
|
});
|
|
173
|
-
const { data: erc1155Uri } = (0,
|
|
174
|
-
|
|
175
|
-
tokenIds: [condition === null || condition === void 0 ? void 0 : condition.minTokenId]
|
|
178
|
+
const { data: erc1155Uri } = (0, useErc1155Uris_1.useErc1155Uris)({
|
|
179
|
+
pairsContractTokens
|
|
176
180
|
}, {
|
|
177
181
|
enabled: !!(condition === null || condition === void 0 ? void 0 : condition.tokenAddress) &&
|
|
178
182
|
condition.tokenType === common_1.TokenType.MultiToken &&
|
|
@@ -187,16 +191,24 @@ const TokenGatedItem = ({ offer, isConditionMet, onClickBuyOrSwap }) => {
|
|
|
187
191
|
? new sdk_core_1.Token(chainId, condition.tokenAddress, Number(erc20TokenInfo.decimals), erc20TokenInfo.symbol, erc20TokenInfo.name)
|
|
188
192
|
: null, [chainId, condition, erc20TokenInfo]);
|
|
189
193
|
const tokenIdForImage = condition === null || condition === void 0 ? void 0 : condition.minTokenId;
|
|
190
|
-
const { data: erc721Image } = (0,
|
|
191
|
-
|
|
192
|
-
|
|
194
|
+
const { data: erc721Image } = (0, useGetTokenUriImages_1.useGetTokenUriImages)({
|
|
195
|
+
pairsTokenUrisIds: [
|
|
196
|
+
{
|
|
197
|
+
tokenUris: erc721TokenUri === null || erc721TokenUri === void 0 ? void 0 : erc721TokenUri[0],
|
|
198
|
+
tokenIds: [tokenIdForImage]
|
|
199
|
+
}
|
|
200
|
+
]
|
|
193
201
|
}, { enabled: !!(erc721TokenUri && erc721TokenUri[0] && tokenIdForImage) });
|
|
194
|
-
const { data: erc1155Image } = (0,
|
|
195
|
-
|
|
196
|
-
|
|
202
|
+
const { data: erc1155Image } = (0, useGetTokenUriImages_1.useGetTokenUriImages)({
|
|
203
|
+
pairsTokenUrisIds: [
|
|
204
|
+
{
|
|
205
|
+
tokenUris: erc1155Uri === null || erc1155Uri === void 0 ? void 0 : erc1155Uri[0],
|
|
206
|
+
tokenIds: [tokenIdForImage]
|
|
207
|
+
}
|
|
208
|
+
]
|
|
197
209
|
}, { enabled: !!(erc1155Uri && erc1155Uri[0] && tokenIdForImage) });
|
|
198
210
|
const Icon = (0, react_1.useMemo)(() => {
|
|
199
|
-
return (react_1.default.createElement(react_1.default.Fragment, null, chainId && currency ? (react_1.default.createElement(PortfolioLogo_1.PortfolioLogo, { chainId: chainId, size: imageSize, currencies: [currency] })) : erc721Image ? (react_1.default.createElement(ErcImage, { src: erc721Image[0], alt: "erc721" })) : erc1155Image ? (react_1.default.createElement(ErcImage, { src: erc1155Image[0], alt: "erc1155" })) : null));
|
|
211
|
+
return (react_1.default.createElement(react_1.default.Fragment, null, chainId && currency ? (react_1.default.createElement(PortfolioLogo_1.PortfolioLogo, { chainId: chainId, size: imageSize, currencies: [currency] })) : erc721Image ? (react_1.default.createElement(ErcImage, { src: erc721Image[0][0], alt: "erc721" })) : erc1155Image ? (react_1.default.createElement(ErcImage, { src: erc1155Image[0][0], alt: "erc1155" })) : null));
|
|
200
212
|
}, [chainId, currency, erc1155Image, erc721Image]);
|
|
201
213
|
const Condition = (0, react_1.useCallback)(({ children }) => {
|
|
202
214
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenGatedItem.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/detail/TokenGatedItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAoE;AACpE,gDAAmD;AACnD,mCAAgC;AAChC,mDAA8D;AAC9D,+CAMe;AACf,0EAAuC;AACvC,
|
|
1
|
+
{"version":3,"file":"TokenGatedItem.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/detail/TokenGatedItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,UAAU,EAEX,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAS,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAW,YAAY,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,UAAU,EAEX,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAS,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAW,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAmB3D,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;IACtE,UAAU,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,UAAU,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;CAC9C;AAoBD,eAAO,MAAM,aAAa,mBAEzB,CAAC;AACF,eAAO,MAAM,WAAW,UAAW,YAAY,gBA+E9C,CAAC"}
|
|
@@ -17,7 +17,7 @@ const Wrapper = ({ children, tooltip, tooltipProps }) => {
|
|
|
17
17
|
return react_1.default.createElement(react_1.default.Fragment, null, children);
|
|
18
18
|
};
|
|
19
19
|
const PhygitalLabel = () => {
|
|
20
|
-
return react_1.default.createElement(ProductCard_styles_1.
|
|
20
|
+
return react_1.default.createElement(ProductCard_styles_1.TopLeftRibbon, { "data-text": "Phygital" });
|
|
21
21
|
};
|
|
22
22
|
exports.PhygitalLabel = PhygitalLabel;
|
|
23
23
|
const ProductCard = (props) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,wEAG4C;AAC5C,0CAAmD;AACnD,gDAA2D;AAC3D,
|
|
1
|
+
{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,wEAG4C;AAC5C,0CAAmD;AACnD,gDAA2D;AAC3D,6DAgB8B;AAE9B,mCAAsC;AAsBtC,MAAM,OAAO,GAAG,CAAC,EACf,QAAQ,EACR,OAAO,EACP,YAAY,EAKb,EAAE,EAAE;IACH,IAAI,OAAO,IAAI,OAAO,KAAK,EAAE,EAAE;QAC7B,OAAO,CACL,8BAAC,iBAAO,kBAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,IAAM,YAAY,GACrD,QAAQ,CACD,CACX,CAAC;KACH;IACD,OAAO,8DAAG,QAAQ,CAAI,CAAC;AACzB,CAAC,CAAC;AACK,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,OAAO,8BAAC,kCAAa,iBAAW,UAAU,GAAG,CAAC;AAChD,CAAC,CAAC;AAFW,QAAA,aAAa,iBAExB;AACK,MAAM,WAAW,GAAG,CAAC,KAAmB,EAAE,EAAE;IACjD,MAAM,EACJ,QAAQ,GAAG,KAAK,EAChB,MAAM,EACN,aAAa,EACb,UAAU,EACV,UAAU,EACV,QAAQ,EACR,QAAQ,GAAG,cAAc,EACzB,UAAU,GAAG,OAAO,EACpB,UAAU,EACV,eAAe,GAAG,KAAK,EACvB,iBAAiB,EACjB,WAAW,EACX,KAAK,EACL,SAAS,EACT,KAAK,EACL,OAAO,GAAG,EAAE,EACZ,YAAY,GAAG,EAAE,EACjB,WAAW,EACZ,GAAG,KAAK,CAAC;IACV,MAAM,UAAU,GAAG,WAAW,KAAK,mBAAW,CAAC,QAAQ,CAAC;IACxD,OAAO,CACL,8BAAC,uCAAkB,iBACN,QAAQ,sBACD,eAAe,iBACpB,UAAU,EACvB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,SAAS,CAAC,CAAC;QAC3B,CAAC;QAED,8BAAC,4CAAuB;YACrB,UAAU,IAAI,8BAAC,qBAAa,OAAG;YAChC,8BAAC,aAAK,oBAAK,UAAU,EAAI,CACD;QAC1B,8BAAC,sCAAiB;YAChB;gBACE,8BAAC,6CAAwB;oBACvB,8BAAC,oCAAe;wBACd,8BAAC,uCAAkB,IACjB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gCACb,CAAC,CAAC,eAAe,EAAE,CAAC;gCACpB,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,EAAI,CAAC;4BACxB,CAAC;4BAED,8BAAC,6CAAwB;gCACvB,uCAAK,GAAG,EAAE,MAAM,EAAE,GAAG,EAAC,QAAQ,EAAC,OAAO,EAAE,aAAa,GAAI,CAChC;4BAC3B,8BAAC,2CAAsB,uBAAiB,cAAc,IACnD,UAAU,CACY,CACN,CACL;oBAClB,8BAAC,4CAAuB;wBACtB,8BAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY;4BACnD;gCACE,8BAAC,qCAAgB;;oCAAQ,QAAQ,IAAI,GAAG,CAAoB;gCAC5D,8BAAC,iCAAe,IACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE;wCACL,SAAS,EAAE,WAAW;wCACtB,UAAU,EAAE,YAAY;wCACxB,cAAc,EAAE,UAAU;qCAC3B,GACD,CACD,CACK,CACc,CACD;gBAC3B,8BAAC,4CAAuB;oBACtB,8BAAC,qCAAgB,QAAE,KAAK,CAAoB,CACpB,CACtB;YACL,UAAU,IAAI,8BAAC,+BAAU,QAAE,UAAU,CAAc,CAClC,CACD,CACtB,CAAC;AACJ,CAAC,CAAC;AA/EW,QAAA,WAAW,eA+EtB"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const ProductCardLabelWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
3
|
+
export declare const TopLeftRibbon: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
3
4
|
export declare const ProductCardCreator: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
4
5
|
export declare const ProductCardCreatorAvatar: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
5
6
|
export declare const ProductCardCreatorName: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCard.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,uBAAuB,gNASnC,CAAC;AAEF,eAAO,MAAM,kBAAkB,gNAI9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,gNAWpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,gNAWlC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;mBAY5B,CAAC;AAEF,eAAO,MAAM,uBAAuB,gNASnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,gNAM5B,CAAC;AAEF,eAAO,MAAM,eAAe,gNAG3B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;mBAO7B,CAAC;AACF,eAAO,MAAM,wBAAwB,gNASpC,CAAC;AAEF,eAAO,MAAM,uBAAuB,gNAInC,CAAC;AAEF,eAAO,MAAM,kBAAkB;sBAAkC,OAAO;
|
|
1
|
+
{"version":3,"file":"ProductCard.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,uBAAuB,gNASnC,CAAC;AAEF,eAAO,MAAM,aAAa,gNAqCzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,gNAI9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,gNAWpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,gNAWlC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;mBAY5B,CAAC;AAEF,eAAO,MAAM,uBAAuB,gNASnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,gNAM5B,CAAC;AAEF,eAAO,MAAM,eAAe,gNAG3B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;mBAO7B,CAAC;AACF,eAAO,MAAM,wBAAwB,gNASpC,CAAC;AAEF,eAAO,MAAM,uBAAuB,gNAInC,CAAC;AAEF,eAAO,MAAM,kBAAkB;sBAAkC,OAAO;GAqCvE,CAAC;AAEF,eAAO,MAAM,cAAc;uBAAmC,OAAO;GAOpE,CAAC;AAEF,eAAO,MAAM,UAAU,4NAQtB,CAAC;AAEF,eAAO,MAAM,uBAAuB,gNAKnC,CAAC"}
|
|
@@ -24,7 +24,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
24
24
|
};
|
|
25
25
|
var _a;
|
|
26
26
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
27
|
-
exports.ProductCardImageWrapper = exports.BottomText = exports.ProductCardTop = exports.ProductCardWrapper = exports.ProductCardTitleWrapper = exports.ProductCardBottomContent = exports.ProductCardBottom = exports.ProductCardData = exports.ProductCardPrice = exports.ProductCardPriceWrapper = exports.ProductCardTitle = exports.ProductCardCreatorName = exports.ProductCardCreatorAvatar = exports.ProductCardCreator = exports.ProductCardLabelWrapper = void 0;
|
|
27
|
+
exports.ProductCardImageWrapper = exports.BottomText = exports.ProductCardTop = exports.ProductCardWrapper = exports.ProductCardTitleWrapper = exports.ProductCardBottomContent = exports.ProductCardBottom = exports.ProductCardData = exports.ProductCardPrice = exports.ProductCardPriceWrapper = exports.ProductCardTitle = exports.ProductCardCreatorName = exports.ProductCardCreatorAvatar = exports.ProductCardCreator = exports.TopLeftRibbon = exports.ProductCardLabelWrapper = void 0;
|
|
28
28
|
const styled_components_1 = __importStar(require("styled-components"));
|
|
29
29
|
const theme_1 = require("../../theme");
|
|
30
30
|
const commonStyles_1 = require("./commonStyles");
|
|
@@ -38,6 +38,44 @@ exports.ProductCardLabelWrapper = styled_components_1.default.div `
|
|
|
38
38
|
color: ${({ theme }) => { var _a; return (_a = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _a === void 0 ? void 0 : _a.light.darkGrey; }};
|
|
39
39
|
z-index: 1;
|
|
40
40
|
`;
|
|
41
|
+
exports.TopLeftRibbon = styled_components_1.default.div `
|
|
42
|
+
--d: 6px; /* folded part */
|
|
43
|
+
position: relative;
|
|
44
|
+
z-index: 1;
|
|
45
|
+
&:before {
|
|
46
|
+
content: attr(data-text);
|
|
47
|
+
font-size: var(--f);
|
|
48
|
+
font-weight: 600;
|
|
49
|
+
/* I : position & coloration */
|
|
50
|
+
position: absolute;
|
|
51
|
+
top: 0;
|
|
52
|
+
left: 0;
|
|
53
|
+
transform: translate(0%, 125%) rotate(-45deg);
|
|
54
|
+
transform-origin: bottom left;
|
|
55
|
+
padding: 5px 35px calc(var(--d) + 5px);
|
|
56
|
+
color: ${({ theme }) => { var _a; return (_a = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _a === void 0 ? void 0 : _a.light.white; }};
|
|
57
|
+
background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% var(--d)
|
|
58
|
+
no-repeat ${({ theme }) => { var _a; return (_a = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _a === void 0 ? void 0 : _a.light.secondary; }};
|
|
59
|
+
/* II : clipping */
|
|
60
|
+
clip-path: polygon(
|
|
61
|
+
0 0,
|
|
62
|
+
100% 0,
|
|
63
|
+
100% 100%,
|
|
64
|
+
calc(100% - var(--d)) calc(100% - var(--d)),
|
|
65
|
+
var(--d) calc(100% - var(--d)),
|
|
66
|
+
0 100%
|
|
67
|
+
);
|
|
68
|
+
/* III : masking */
|
|
69
|
+
-webkit-mask:
|
|
70
|
+
linear-gradient(135deg, transparent calc(50% - var(--d) * 0.707), #fff 0)
|
|
71
|
+
bottom left,
|
|
72
|
+
linear-gradient(-135deg, transparent calc(50% - var(--d) * 0.707), #fff 0)
|
|
73
|
+
bottom right;
|
|
74
|
+
-webkit-mask-size: 300vmax 300vmax;
|
|
75
|
+
-webkit-mask-composite: destination-in;
|
|
76
|
+
mask-composite: intersect;
|
|
77
|
+
}
|
|
78
|
+
`;
|
|
41
79
|
exports.ProductCardCreator = styled_components_1.default.div `
|
|
42
80
|
display: flex;
|
|
43
81
|
flex-direction: column;
|
|
@@ -145,8 +183,10 @@ exports.ProductCardWrapper = styled_components_1.default.div `
|
|
|
145
183
|
? (0, styled_components_1.css) `
|
|
146
184
|
transition: all 300ms ease-in-out;
|
|
147
185
|
&:hover {
|
|
148
|
-
box-shadow:
|
|
149
|
-
|
|
186
|
+
box-shadow:
|
|
187
|
+
0px 0px 0px rgba(0, 0, 0, 0.05),
|
|
188
|
+
4px 4px 4px rgba(0, 0, 0, 0.05),
|
|
189
|
+
8px 8px 8px rgba(0, 0, 0, 0.05),
|
|
150
190
|
16px 16px 16px rgba(0, 0, 0, 0.05);
|
|
151
191
|
|
|
152
192
|
[data-image-wrapper] {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCard.styles.js","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAChD,uCAAoC;AACpC,iDAAmD;AAEtC,QAAA,uBAAuB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;WAOtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,WAAC,OAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,KAAK,CAAC,QAAQ,CAAA,EAAA;;CAEtD,CAAC;AAEW,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAI3C,CAAC;AAEW,QAAA,wBAAwB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;CAWjD,CAAC;AAEW,QAAA,sBAAsB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;WAKrC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,WAAC,OAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,KAAK,CAAC,MAAM,CAAA,EAAA;;;;;;CAMpD,CAAC;AAEW,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAA;;;WAG7D,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,WAAC,OAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,KAAK,CAAC,KAAK,CAAA,EAAA;;;;;;;;;CASnD,CAAC;AAEW,QAAA,uBAAuB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;CAShD,CAAC;AAEW,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;WAK/B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,WAAC,OAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,KAAK,CAAC,QAAQ,CAAA,EAAA;CACtD,CAAC;AAEW,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGxC,CAAC;AAEW,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAA;;gBAE1D,MAAA,aAAK,aAAL,aAAK,uBAAL,aAAK,CAAE,MAAM,0CAAE,KAAK,CAAC,KAAK;;;;;CAKzC,CAAC;AACW,QAAA,wBAAwB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;0BAQxB,aAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM;CAClD,CAAC;AAEW,QAAA,uBAAuB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAIhD,CAAC;AAEW,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAA+B;IACvE,gCAAiB;;;;;;;;;;;;;;;;IAgBjB,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CACzB,CAAC,gBAAgB;IACf,CAAC,CAAC,IAAA,uBAAG,EAAA
|
|
1
|
+
{"version":3,"file":"ProductCard.styles.js","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,9 @@ interface IImage {
|
|
|
10
10
|
withLoading?: boolean;
|
|
11
11
|
optimizationOpts?: Partial<ImageOptimizationOpts>;
|
|
12
12
|
onSetStatus?: (status: LoadingStatus) => void;
|
|
13
|
+
overrides?: {
|
|
14
|
+
ipfsGateway?: string;
|
|
15
|
+
};
|
|
13
16
|
}
|
|
14
17
|
declare const IpfsImage: React.FC<IImage & React.HTMLAttributes<HTMLDivElement>>;
|
|
15
18
|
export default IpfsImage;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IpfsImage.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/IpfsImage.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"IpfsImage.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/IpfsImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAGL,qBAAqB,EACtB,MAAM,yBAAyB,CAAC;AAQjC,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AA0DrD,UAAU,MAAM;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH;AACD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CA4FtE,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -102,15 +102,25 @@ const ImagePlaceholder = styled_components_1.default.div `
|
|
|
102
102
|
}
|
|
103
103
|
`;
|
|
104
104
|
const IpfsImage = (_a) => {
|
|
105
|
-
var { src, children, dataTestId = "image", alt = "", showPlaceholderText = true, withLoading = true, optimizationOpts, onSetStatus } = _a, rest = __rest(_a, ["src", "children", "dataTestId", "alt", "showPlaceholderText", "withLoading", "optimizationOpts", "onSetStatus"]);
|
|
105
|
+
var { src, children, dataTestId = "image", alt = "", showPlaceholderText = true, withLoading = true, optimizationOpts, onSetStatus, overrides } = _a, rest = __rest(_a, ["src", "children", "dataTestId", "alt", "showPlaceholderText", "withLoading", "optimizationOpts", "onSetStatus", "overrides"]);
|
|
106
106
|
const { ipfsGateway } = (0, IpfsContext_1.useIpfsContext)();
|
|
107
107
|
const [status, setStatus] = (0, react_1.useState)(withLoading ? "loading" : "success");
|
|
108
108
|
const handleSetStatus = (innerStatus) => {
|
|
109
109
|
setStatus(innerStatus);
|
|
110
110
|
onSetStatus === null || onSetStatus === void 0 ? void 0 : onSetStatus(innerStatus);
|
|
111
111
|
};
|
|
112
|
-
const [currentSrc, setCurrentSrc] = (0, react_1.useState)((0, images_1.getImageUrl)(src, ipfsGateway, optimizationOpts));
|
|
112
|
+
const [currentSrc, setCurrentSrc] = (0, react_1.useState)((0, images_1.getImageUrl)(src, (overrides === null || overrides === void 0 ? void 0 : overrides.ipfsGateway) || ipfsGateway, optimizationOpts));
|
|
113
113
|
const [didOriginalSrcFail, setDidOriginalSrcFail] = (0, react_1.useState)(false);
|
|
114
|
+
(0, react_1.useEffect)(() => {
|
|
115
|
+
if (src === currentSrc) {
|
|
116
|
+
return;
|
|
117
|
+
}
|
|
118
|
+
// reset all if src changes
|
|
119
|
+
setStatus(withLoading ? "loading" : "success");
|
|
120
|
+
setCurrentSrc((0, images_1.getImageUrl)(src, (overrides === null || overrides === void 0 ? void 0 : overrides.ipfsGateway) || ipfsGateway, optimizationOpts));
|
|
121
|
+
setDidOriginalSrcFail(false);
|
|
122
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
123
|
+
}, [src]);
|
|
114
124
|
const isError = status === "error";
|
|
115
125
|
const isLoading = status === "loading";
|
|
116
126
|
const isSuccess = status === "success";
|