@bosonprotocol/react-kit 0.30.0-alpha.1 → 0.30.0-alpha.11
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/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/Detail.style.d.ts +36 -1
- package/dist/cjs/components/modal/components/common/detail/Detail.style.d.ts.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/components/ui/Typography.d.ts +7 -1
- package/dist/cjs/components/ui/Typography.d.ts.map +1 -1
- package/dist/cjs/components/ui/Typography.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/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/Detail.style.d.ts +36 -1
- package/dist/esm/components/modal/components/common/detail/Detail.style.d.ts.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/components/ui/Typography.d.ts +7 -1
- package/dist/esm/components/ui/Typography.d.ts.map +1 -1
- package/dist/esm/components/ui/Typography.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/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/ui/Typography.tsx +1 -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/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,18 +1,21 @@
|
|
|
1
1
|
import { ArrowSquareUpRight } from "phosphor-react";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import styled from "styled-components";
|
|
4
|
-
import {
|
|
4
|
+
import { useBundleItemsImages } from "../../../../../hooks/bundles/useBundleItemsImages";
|
|
5
5
|
import { useErc1155Name } from "../../../../../hooks/contracts/erc1155/useErc1155Name";
|
|
6
6
|
import { useErc721Name } from "../../../../../hooks/contracts/erc721/useErc721Name";
|
|
7
7
|
import { useCoreSDKWithContext } from "../../../../../hooks/core-sdk/useCoreSdkWithContext";
|
|
8
|
+
import { formatAddress } from "../../../../../lib/address/address";
|
|
8
9
|
import { isNftItem, isProductV1Item } from "../../../../../lib/bundle/filter";
|
|
9
10
|
import { getOfferDetails } from "../../../../../lib/offer/getOfferDetails";
|
|
11
|
+
import { theme } from "../../../../../theme";
|
|
12
|
+
import { Tooltip } from "../../../../tooltip/Tooltip";
|
|
10
13
|
import { Grid } from "../../../../ui/Grid";
|
|
11
14
|
import IpfsImage from "../../../../ui/IpfsImage";
|
|
12
15
|
import ThemedButton from "../../../../ui/ThemedButton";
|
|
13
16
|
import { Typography } from "../../../../ui/Typography";
|
|
14
17
|
import Video from "../../../../ui/Video";
|
|
15
|
-
import {
|
|
18
|
+
import { digitalTypeMappingDisplay } from "../../../../../lib/bundle/const";
|
|
16
19
|
const colors = theme.colors.light;
|
|
17
20
|
const imageSize = "2.5rem";
|
|
18
21
|
const MediaWrapper = styled.div `
|
|
@@ -21,6 +24,17 @@ const MediaWrapper = styled.div `
|
|
|
21
24
|
height: ${imageSize};
|
|
22
25
|
min-width: ${imageSize};
|
|
23
26
|
overflow: hidden;
|
|
27
|
+
.loading-container {
|
|
28
|
+
padding-top: 100%;
|
|
29
|
+
}
|
|
30
|
+
`;
|
|
31
|
+
const Pill = styled.div `
|
|
32
|
+
border: 3px solid ${({ theme }) => theme?.colors?.light.accent};
|
|
33
|
+
background: white;
|
|
34
|
+
white-space: nowrap;
|
|
35
|
+
min-width: 9ch;
|
|
36
|
+
box-sizing: content-box;
|
|
37
|
+
text-align: center;
|
|
24
38
|
`;
|
|
25
39
|
const ActionText = ({ children }) => {
|
|
26
40
|
return React.createElement("span", { style: { fontSize: "0.75rem" } }, children);
|
|
@@ -35,22 +49,7 @@ export const PhygitalProduct = ({ offer }) => {
|
|
|
35
49
|
const { data: erc1155Names } = useErc1155Name({
|
|
36
50
|
contractAddresses: contracts
|
|
37
51
|
}, { enabled: !!contracts?.length, coreSDK });
|
|
38
|
-
const {
|
|
39
|
-
tokenIds: bundleItems?.map((bundleItem) => {
|
|
40
|
-
if (isNftItem(bundleItem)) {
|
|
41
|
-
return (bundleItem.tokenIdRange?.min ??
|
|
42
|
-
bundleItem.tokenIdRange?.max ??
|
|
43
|
-
bundleItem.tokenId);
|
|
44
|
-
}
|
|
45
|
-
return null;
|
|
46
|
-
}),
|
|
47
|
-
tokenUris: bundleItems?.map((bundleItem) => {
|
|
48
|
-
if (isNftItem(bundleItem)) {
|
|
49
|
-
return bundleItem.metadataUri;
|
|
50
|
-
}
|
|
51
|
-
return null;
|
|
52
|
-
})
|
|
53
|
-
}, { enabled: !!bundleItems?.length });
|
|
52
|
+
const { images } = useBundleItemsImages({ bundleItems, coreSDK });
|
|
54
53
|
return (React.createElement(Grid, { flexDirection: "column", alignItems: "flex-start", gap: "1rem" },
|
|
55
54
|
React.createElement(Typography, null, "This is what you'll get when you purchase this product."),
|
|
56
55
|
React.createElement(Grid, { flexDirection: "column", alignItems: "flex-start" },
|
|
@@ -63,11 +62,17 @@ export const PhygitalProduct = ({ offer }) => {
|
|
|
63
62
|
let imageSrc;
|
|
64
63
|
let videoSrc;
|
|
65
64
|
let rangeText;
|
|
65
|
+
let pill;
|
|
66
66
|
if (isProductV1Item(bundleItem)) {
|
|
67
67
|
quantity = 1;
|
|
68
68
|
name = bundleItem.product.title;
|
|
69
|
-
imageSrc =
|
|
70
|
-
|
|
69
|
+
imageSrc =
|
|
70
|
+
bundleItem.productOverrides?.visuals_images?.[0]?.url ||
|
|
71
|
+
bundleItem.product.visuals_images?.[0]?.url;
|
|
72
|
+
videoSrc =
|
|
73
|
+
bundleItem.productOverrides?.visuals_videos?.[0]?.url ||
|
|
74
|
+
bundleItem.product.visuals_videos?.[0]?.url;
|
|
75
|
+
pill = React.createElement(Pill, null, "Physical");
|
|
71
76
|
}
|
|
72
77
|
else if (isNftItem(bundleItem)) {
|
|
73
78
|
quantity = bundleItem.quantity || 1;
|
|
@@ -77,7 +82,11 @@ export const PhygitalProduct = ({ offer }) => {
|
|
|
77
82
|
erc1155Names?.[index] ||
|
|
78
83
|
"Untitled";
|
|
79
84
|
contract = bundleItem.contract;
|
|
80
|
-
|
|
85
|
+
if (name === contract && typeof name === "string" && contract) {
|
|
86
|
+
name = (React.createElement(Tooltip, { content: contract, maxWidth: "none", interactive: true, hideOnClick: false, wrap: false },
|
|
87
|
+
React.createElement("span", { style: { wordBreak: "keep-all" } }, formatAddress(contract))));
|
|
88
|
+
}
|
|
89
|
+
imageSrc = images?.[index];
|
|
81
90
|
videoSrc = bundleItem.animationUrl;
|
|
82
91
|
rangeText =
|
|
83
92
|
bundleItem.tokenIdRange?.min ||
|
|
@@ -92,6 +101,10 @@ export const PhygitalProduct = ({ offer }) => {
|
|
|
92
101
|
(!bundleItem.tokenIdRange && bundleItem.tokenId)
|
|
93
102
|
? `ID: ${bundleItem.tokenIdRange?.min || bundleItem.tokenId}`
|
|
94
103
|
: `IDs: ${bundleItem.tokenIdRange?.min}-${bundleItem.tokenIdRange?.max}`)) : null;
|
|
104
|
+
const type = bundleItem.attributes?.find((attribute) => attribute.traitType === "type");
|
|
105
|
+
pill =
|
|
106
|
+
type &&
|
|
107
|
+
digitalTypeMappingDisplay[type.value] ? (React.createElement(Pill, null, digitalTypeMappingDisplay[type.value])) : null;
|
|
95
108
|
}
|
|
96
109
|
else {
|
|
97
110
|
name = "Unknown";
|
|
@@ -99,19 +112,20 @@ export const PhygitalProduct = ({ offer }) => {
|
|
|
99
112
|
return (React.createElement(Grid, { flexGrow: 0, flexShrink: 0, gap: "1rem", justifyContent: "flex-start", flex: 0, as: "li", key: bundleItem.metadataUri, style: {
|
|
100
113
|
color: colors.darkGrey
|
|
101
114
|
} },
|
|
102
|
-
|
|
103
|
-
React.createElement(
|
|
104
|
-
React.createElement(
|
|
115
|
+
videoSrc ? (React.createElement(MediaWrapper, null,
|
|
116
|
+
React.createElement(Video, { src: videoSrc }))) : imageSrc ? (React.createElement(MediaWrapper, null,
|
|
117
|
+
React.createElement(IpfsImage, { src: imageSrc, overrides: { ipfsGateway: "https://ipfs.io/ipfs" } }))) : (React.createElement(MediaWrapper, null)),
|
|
118
|
+
pill,
|
|
105
119
|
React.createElement("div", null,
|
|
106
120
|
quantity,
|
|
107
121
|
"x"),
|
|
108
|
-
React.createElement(Grid, { flexDirection: "column", alignItems: "flex-start" },
|
|
122
|
+
React.createElement(Grid, { flexDirection: "column", alignItems: "flex-start", style: { wordBreak: "break-all" } },
|
|
109
123
|
name,
|
|
110
124
|
" ",
|
|
111
125
|
rangeText),
|
|
112
126
|
contract && (React.createElement("a", { href: coreSDK.getTxExplorerUrl?.(contract, true), target: "_blank", rel: "noreferrer", style: { flex: 0 } },
|
|
113
127
|
React.createElement(ThemedButton, { size: "regular", themeVal: "blankSecondary" },
|
|
114
|
-
React.createElement(ActionText, null, "
|
|
128
|
+
React.createElement(ActionText, null, "Contract"),
|
|
115
129
|
" ",
|
|
116
130
|
React.createElement(ArrowSquareUpRight, { size: "16" }))))));
|
|
117
131
|
})))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhygitalProduct.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/detail/PhygitalProduct.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,
|
|
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"}
|
|
@@ -4,12 +4,12 @@ import { ethers } from "ethers";
|
|
|
4
4
|
import { ArrowSquareUpRight, Check, X } from "phosphor-react";
|
|
5
5
|
import React, { useCallback, useEffect, useMemo, useState } from "react";
|
|
6
6
|
import styled from "styled-components";
|
|
7
|
-
import {
|
|
7
|
+
import { useErc1155Uris } from "../../../../../hooks/contracts/erc1155/useErc1155Uris";
|
|
8
8
|
import { useErc20ExchangeTokenInfo } from "../../../../../hooks/contracts/erc20/useErc20ExchangeTokenInfo";
|
|
9
|
-
import {
|
|
9
|
+
import { useErc721TokenUris } from "../../../../../hooks/contracts/erc721/useErc721TokenUris";
|
|
10
10
|
import { useCoreSDKWithContext } from "../../../../../hooks/core-sdk/useCoreSdkWithContext";
|
|
11
11
|
import { nativeOnChain } from "../../../../../lib/const/tokens";
|
|
12
|
-
import {
|
|
12
|
+
import { useGetTokenUriImages } from "../../../../../hooks/contracts/useGetTokenUriImages";
|
|
13
13
|
import { theme } from "../../../../../theme";
|
|
14
14
|
import { useConfigContext } from "../../../../config/ConfigContext";
|
|
15
15
|
import { PortfolioLogo } from "../../../../logo/PortfolioLogo";
|
|
@@ -121,18 +121,22 @@ export const TokenGatedItem = ({ offer, isConditionMet, onClickBuyOrSwap }) => {
|
|
|
121
121
|
condition.tokenType === TokenType.FungibleToken,
|
|
122
122
|
coreSDK
|
|
123
123
|
});
|
|
124
|
-
const
|
|
125
|
-
|
|
126
|
-
|
|
124
|
+
const pairsContractTokens = [
|
|
125
|
+
{
|
|
126
|
+
contractAddress: condition?.tokenAddress,
|
|
127
|
+
tokenIds: [condition?.minTokenId]
|
|
128
|
+
}
|
|
129
|
+
];
|
|
130
|
+
const { data: erc721TokenUri } = useErc721TokenUris({
|
|
131
|
+
pairsContractTokens
|
|
127
132
|
}, {
|
|
128
133
|
enabled: !!condition?.tokenAddress &&
|
|
129
134
|
condition.tokenType === TokenType.NonFungibleToken &&
|
|
130
135
|
!!condition?.minTokenId,
|
|
131
136
|
coreSDK
|
|
132
137
|
});
|
|
133
|
-
const { data: erc1155Uri } =
|
|
134
|
-
|
|
135
|
-
tokenIds: [condition?.minTokenId]
|
|
138
|
+
const { data: erc1155Uri } = useErc1155Uris({
|
|
139
|
+
pairsContractTokens
|
|
136
140
|
}, {
|
|
137
141
|
enabled: !!condition?.tokenAddress &&
|
|
138
142
|
condition.tokenType === TokenType.MultiToken &&
|
|
@@ -147,16 +151,24 @@ export const TokenGatedItem = ({ offer, isConditionMet, onClickBuyOrSwap }) => {
|
|
|
147
151
|
? new Token(chainId, condition.tokenAddress, Number(erc20TokenInfo.decimals), erc20TokenInfo.symbol, erc20TokenInfo.name)
|
|
148
152
|
: null, [chainId, condition, erc20TokenInfo]);
|
|
149
153
|
const tokenIdForImage = condition?.minTokenId;
|
|
150
|
-
const { data: erc721Image } =
|
|
151
|
-
|
|
152
|
-
|
|
154
|
+
const { data: erc721Image } = useGetTokenUriImages({
|
|
155
|
+
pairsTokenUrisIds: [
|
|
156
|
+
{
|
|
157
|
+
tokenUris: erc721TokenUri?.[0],
|
|
158
|
+
tokenIds: [tokenIdForImage]
|
|
159
|
+
}
|
|
160
|
+
]
|
|
153
161
|
}, { enabled: !!(erc721TokenUri && erc721TokenUri[0] && tokenIdForImage) });
|
|
154
|
-
const { data: erc1155Image } =
|
|
155
|
-
|
|
156
|
-
|
|
162
|
+
const { data: erc1155Image } = useGetTokenUriImages({
|
|
163
|
+
pairsTokenUrisIds: [
|
|
164
|
+
{
|
|
165
|
+
tokenUris: erc1155Uri?.[0],
|
|
166
|
+
tokenIds: [tokenIdForImage]
|
|
167
|
+
}
|
|
168
|
+
]
|
|
157
169
|
}, { enabled: !!(erc1155Uri && erc1155Uri[0] && tokenIdForImage) });
|
|
158
170
|
const Icon = useMemo(() => {
|
|
159
|
-
return (React.createElement(React.Fragment, null, chainId && currency ? (React.createElement(PortfolioLogo, { chainId: chainId, size: imageSize, currencies: [currency] })) : erc721Image ? (React.createElement(ErcImage, { src: erc721Image[0], alt: "erc721" })) : erc1155Image ? (React.createElement(ErcImage, { src: erc1155Image[0], alt: "erc1155" })) : null));
|
|
171
|
+
return (React.createElement(React.Fragment, null, chainId && currency ? (React.createElement(PortfolioLogo, { chainId: chainId, size: imageSize, currencies: [currency] })) : erc721Image ? (React.createElement(ErcImage, { src: erc721Image[0][0], alt: "erc721" })) : erc1155Image ? (React.createElement(ErcImage, { src: erc1155Image[0][0], alt: "erc1155" })) : null));
|
|
160
172
|
}, [chainId, currency, erc1155Image, erc721Image]);
|
|
161
173
|
const Condition = useCallback(({ children }) => {
|
|
162
174
|
return (React.createElement(React.Fragment, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenGatedItem.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/detail/TokenGatedItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAW,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,KAAK,EAAE,EAEZ,WAAW,EACX,SAAS,EACT,OAAO,EACP,QAAQ,EACT,MAAM,OAAO,CAAC;AACf,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"TokenGatedItem.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/detail/TokenGatedItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -23,7 +23,9 @@ interface IProductCard {
|
|
|
23
23
|
tooltip?: string;
|
|
24
24
|
tooltipProps?: Omit<TooltipProps, "content">;
|
|
25
25
|
}
|
|
26
|
-
export declare const PhygitalLabel: (
|
|
26
|
+
export declare const PhygitalLabel: ({ ...rest }: {
|
|
27
|
+
[x: string]: any;
|
|
28
|
+
}) => JSX.Element;
|
|
27
29
|
export declare const ProductCard: (props: IProductCard) => JSX.Element;
|
|
28
30
|
export {};
|
|
29
31
|
//# sourceMappingURL=ProductCard.d.ts.map
|
|
@@ -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;;iBAEzB,CAAC;AACF,eAAO,MAAM,WAAW,UAAW,YAAY,gBA+E9C,CAAC"}
|
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { CurrencyDisplay } from "../currencyDisplay/CurrencyDisplay";
|
|
3
3
|
import { Image } from "../image/Image";
|
|
4
4
|
import { Tooltip } from "../tooltip/Tooltip";
|
|
5
|
-
import { BottomText, ProductCardBottom, ProductCardBottomContent, ProductCardCreator, ProductCardCreatorAvatar, ProductCardCreatorName, ProductCardData, ProductCardImageWrapper,
|
|
5
|
+
import { BottomText, ProductCardBottom, ProductCardBottomContent, ProductCardCreator, ProductCardCreatorAvatar, TopLeftRibbon, ProductCardCreatorName, ProductCardData, ProductCardImageWrapper, ProductCardPrice, ProductCardPriceWrapper, ProductCardTitle, ProductCardTitleWrapper, ProductCardWrapper } from "./ProductCard.styles";
|
|
6
6
|
import { ProductType } from "./const";
|
|
7
7
|
const Wrapper = ({ children, tooltip, tooltipProps }) => {
|
|
8
8
|
if (tooltip && tooltip !== "") {
|
|
@@ -10,8 +10,8 @@ const Wrapper = ({ children, tooltip, tooltipProps }) => {
|
|
|
10
10
|
}
|
|
11
11
|
return React.createElement(React.Fragment, null, children);
|
|
12
12
|
};
|
|
13
|
-
export const PhygitalLabel = () => {
|
|
14
|
-
return React.createElement(
|
|
13
|
+
export const PhygitalLabel = ({ ...rest }) => {
|
|
14
|
+
return React.createElement(TopLeftRibbon, { ...rest, "data-text": "Phygital" });
|
|
15
15
|
};
|
|
16
16
|
export const ProductCard = (props) => {
|
|
17
17
|
const { asterisk = false, avatar, onAvatarError, avatarName, bottomText, currency, dataCard = "product-card", dataTestId = "offer", imageProps, isHoverDisabled = false, onAvatarNameClick, onCardClick, price, productId, title, tooltip = "", tooltipProps = {}, productType } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,eAAe,EAChB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAc,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAgB,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,wBAAwB,EACxB,kBAAkB,EAClB,wBAAwB,EACxB,sBAAsB,EACtB,eAAe,EACf,uBAAuB,
|
|
1
|
+
{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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"}
|
|
@@ -11,6 +11,44 @@ export const ProductCardLabelWrapper = styled.div `
|
|
|
11
11
|
color: ${({ theme }) => theme?.colors?.light.darkGrey};
|
|
12
12
|
z-index: 1;
|
|
13
13
|
`;
|
|
14
|
+
export const TopLeftRibbon = styled.div `
|
|
15
|
+
--d: 6px; /* folded part */
|
|
16
|
+
position: relative;
|
|
17
|
+
z-index: 1;
|
|
18
|
+
&:before {
|
|
19
|
+
content: attr(data-text);
|
|
20
|
+
font-size: var(--f);
|
|
21
|
+
font-weight: 600;
|
|
22
|
+
/* I : position & coloration */
|
|
23
|
+
position: absolute;
|
|
24
|
+
top: 0;
|
|
25
|
+
left: 0;
|
|
26
|
+
transform: translate(0%, 125%) rotate(-45deg);
|
|
27
|
+
transform-origin: bottom left;
|
|
28
|
+
padding: 5px 35px calc(var(--d) + 5px);
|
|
29
|
+
color: ${({ theme }) => theme?.colors?.light.white};
|
|
30
|
+
background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% var(--d)
|
|
31
|
+
no-repeat ${({ theme }) => theme?.colors?.light.secondary};
|
|
32
|
+
/* II : clipping */
|
|
33
|
+
clip-path: polygon(
|
|
34
|
+
0 0,
|
|
35
|
+
100% 0,
|
|
36
|
+
100% 100%,
|
|
37
|
+
calc(100% - var(--d)) calc(100% - var(--d)),
|
|
38
|
+
var(--d) calc(100% - var(--d)),
|
|
39
|
+
0 100%
|
|
40
|
+
);
|
|
41
|
+
/* III : masking */
|
|
42
|
+
-webkit-mask:
|
|
43
|
+
linear-gradient(135deg, transparent calc(50% - var(--d) * 0.707), #fff 0)
|
|
44
|
+
bottom left,
|
|
45
|
+
linear-gradient(-135deg, transparent calc(50% - var(--d) * 0.707), #fff 0)
|
|
46
|
+
bottom right;
|
|
47
|
+
-webkit-mask-size: 300vmax 300vmax;
|
|
48
|
+
-webkit-mask-composite: destination-in;
|
|
49
|
+
mask-composite: intersect;
|
|
50
|
+
}
|
|
51
|
+
`;
|
|
14
52
|
export const ProductCardCreator = styled.div `
|
|
15
53
|
display: flex;
|
|
16
54
|
flex-direction: column;
|
|
@@ -118,8 +156,10 @@ export const ProductCardWrapper = styled.div `
|
|
|
118
156
|
? css `
|
|
119
157
|
transition: all 300ms ease-in-out;
|
|
120
158
|
&:hover {
|
|
121
|
-
box-shadow:
|
|
122
|
-
|
|
159
|
+
box-shadow:
|
|
160
|
+
0px 0px 0px rgba(0, 0, 0, 0.05),
|
|
161
|
+
4px 4px 4px rgba(0, 0, 0, 0.05),
|
|
162
|
+
8px 8px 8px rgba(0, 0, 0, 0.05),
|
|
123
163
|
16px 16px 16px rgba(0, 0, 0, 0.05);
|
|
124
164
|
|
|
125
165
|
[data-image-wrapper] {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCard.styles.js","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;WAOtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,QAAQ;;CAEtD,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI3C,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;CAWjD,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;WAKrC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM;;;;;;CAMpD,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAA;;;WAG7D,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,KAAK;;;;;;;;;CASnD,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;CAShD,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;WAK/B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,QAAQ;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGxC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAA;;gBAE1D,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,KAAK;;;;;CAKzC,CAAC;AACF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;0BAQxB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM;CAClD,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIhD,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAA+B;IACvE,iBAAiB;;;;;;;;;;;;;;;;IAgBjB,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CACzB,CAAC,gBAAgB;IACf,CAAC,CAAC,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"ProductCard.styles.js","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,8 +3,8 @@ import "tippy.js/dist/tippy.css";
|
|
|
3
3
|
import "tippy.js/themes/light-border.css";
|
|
4
4
|
import { TippyProps } from "@tippyjs/react";
|
|
5
5
|
import { IconWeight } from "phosphor-react";
|
|
6
|
-
import React from "react";
|
|
7
|
-
export interface TooltipProps extends TippyProps {
|
|
6
|
+
import React, { ReactNode } from "react";
|
|
7
|
+
export interface TooltipProps extends Omit<TippyProps, "children"> {
|
|
8
8
|
content: React.ReactNode;
|
|
9
9
|
interactive?: boolean;
|
|
10
10
|
size?: number;
|
|
@@ -12,6 +12,7 @@ export interface TooltipProps extends TippyProps {
|
|
|
12
12
|
wrap?: boolean;
|
|
13
13
|
placement?: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "auto" | "auto-start" | "auto-end";
|
|
14
14
|
trigger?: "mouseenter focus" | "mouseenter click" | "click" | "focusin" | "manual";
|
|
15
|
+
children?: ReactNode;
|
|
15
16
|
}
|
|
16
17
|
export declare const Tooltip: ({ content, children, placement, interactive, size, weight, trigger, wrap, ...rest }: TooltipProps) => JSX.Element;
|
|
17
18
|
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,yBAAyB,CAAC;AACjC,OAAO,kCAAkC,CAAC;AAE1C,OAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAY,MAAM,gBAAgB,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,yBAAyB,CAAC;AACjC,OAAO,kCAAkC,CAAC;AAE1C,OAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAY,MAAM,gBAAgB,CAAC;AACtD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKzC,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC;IAChE,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EACN,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,MAAM,GACN,YAAY,GACZ,UAAU,CAAC;IACf,OAAO,CAAC,EACJ,kBAAkB,GAClB,kBAAkB,GAClB,OAAO,GACP,SAAS,GACT,QAAQ,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAaD,eAAO,MAAM,OAAO,wFAUjB,YAAY,gBAuBd,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,yBAAyB,CAAC;AACjC,OAAO,kCAAkC,CAAC;AAE1C,OAAO,KAAqB,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAc,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,yBAAyB,CAAC;AACjC,OAAO,kCAAkC,CAAC;AAE1C,OAAO,KAAqB,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAc,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAiCpC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA;;;WAGjB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ;;;;aAIzB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;;CAEpC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,SAAS,GAAG,QAAQ,EACpB,WAAW,GAAG,KAAK,EACnB,IAAI,GAAG,EAAE,EACT,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,kBAAkB,EAC5B,IAAI,GAAG,IAAI,EACX,GAAG,IAAI,EACM,EAAE,EAAE;IACjB,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAC,cAAc,EACpB,QAAQ,EAAE,GAAG,EACb,SAAS,EAAC,cAAc,EACxB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,KACZ,IAAI,IAEP,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,IAC/B,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,CACxD,CACV,CAAC,CAAC,CAAC,CACF,gCAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,IAC1C,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,CACxD,CACV,CACK,CACT,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -59,7 +59,7 @@ const Details = styled.details `
|
|
|
59
59
|
const caretProps = {
|
|
60
60
|
size: 24
|
|
61
61
|
};
|
|
62
|
-
export const DetailsSummary = ({ summaryText, children, className, initiallyOpen, isOpen, onSetOpen, icon, $paddingSides = "2rem" }) => {
|
|
62
|
+
export const DetailsSummary = ({ summaryText, children, className, initiallyOpen, isOpen = initiallyOpen, onSetOpen, icon, $paddingSides = "2rem" }) => {
|
|
63
63
|
const [open, setOpen] = useState(initiallyOpen ?? false);
|
|
64
64
|
const handleOpen = (o) => {
|
|
65
65
|
setOpen(o);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DetailsSummary.js","sourceRoot":"","sources":["../../../../src/components/ui/DetailsSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,EAA2B,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,MAAyB,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAElC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;sBAMR,MAAM,CAAC,MAAM;gBACnB,MAAM,CAAC,SAAS;CAC/B,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAA4C;;;+BAG3C,MAAM,CAAC,MAAM;;;;;;;;;;;oBAWxB,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa;qBACnC,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa;;4BAE7B,MAAM,CAAC,MAAM;+BACV,MAAM,CAAC,MAAM;;;;;;;;;;;;;;;;;;;;sBAoBtB,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa;uBACnC,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa;;;CAG1D,CAAC;AAaF,MAAM,UAAU,GAAG;IACjB,IAAI,EAAE,EAAE;CACA,CAAC;AACX,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,WAAW,EACX,QAAQ,EACR,SAAS,EACT,aAAa,EACb,MAAM,
|
|
1
|
+
{"version":3,"file":"DetailsSummary.js","sourceRoot":"","sources":["../../../../src/components/ui/DetailsSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,EAA2B,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,MAAyB,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAElC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;sBAMR,MAAM,CAAC,MAAM;gBACnB,MAAM,CAAC,SAAS;CAC/B,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAA4C;;;+BAG3C,MAAM,CAAC,MAAM;;;;;;;;;;;oBAWxB,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa;qBACnC,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa;;4BAE7B,MAAM,CAAC,MAAM;+BACV,MAAM,CAAC,MAAM;;;;;;;;;;;;;;;;;;;;sBAoBtB,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa;uBACnC,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa;;;CAG1D,CAAC;AAaF,MAAM,UAAU,GAAG;IACjB,IAAI,EAAE,EAAE;CACA,CAAC;AACX,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,WAAW,EACX,QAAQ,EACR,SAAS,EACT,aAAa,EACb,MAAM,GAAG,aAAa,EACtB,SAAS,EACT,IAAI,EACJ,aAAa,GAAG,MAAM,EACvB,EAAE,EAAE;IACH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAU,aAAa,IAAI,KAAK,CAAC,CAAC;IAClE,MAAM,UAAU,GAAG,CAAC,CAAU,EAAE,EAAE;QAChC,OAAO,CAAC,CAAC,CAAC,CAAC;QACX,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;IACjB,CAAC,CAAC;IACF,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,MAAM,IAAI,KAAK,CAAC,CAAC;QAC5B,uDAAuD;IACzD,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,OAAO,CACL,oBAAC,OAAO,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,mBAAiB,aAAa;QACrE,iCACE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC;YACpB,CAAC;YAED,oBAAC,IAAI,IAAC,cAAc,EAAC,YAAY,EAAC,GAAG,EAAC,MAAM;gBACzC,IAAI,IAAI,oBAAC,WAAW,IAAC,SAAS,EAAC,cAAc,IAAE,IAAI,CAAe;gBAClE,WAAW,CACP;YACN,IAAI,CAAC,CAAC,CAAC,oBAAC,OAAO,OAAK,UAAU,GAAI,CAAC,CAAC,CAAC,oBAAC,SAAS,OAAK,UAAU,GAAI,CAC3D;QACT,QAAQ,CACD,CACX,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CameraSlash, Image as ImageIcon } from "phosphor-react";
|
|
2
|
-
import React, { useState } from "react";
|
|
2
|
+
import React, { useEffect, useState } from "react";
|
|
3
3
|
import styled from "styled-components";
|
|
4
4
|
import { buttonText } from "./styles";
|
|
5
5
|
import { getFallbackImageUrl, getImageUrl } from "../../lib/images/images";
|
|
@@ -62,20 +62,30 @@ const ImagePlaceholder = styled.div `
|
|
|
62
62
|
text-align: center;
|
|
63
63
|
}
|
|
64
64
|
`;
|
|
65
|
-
const IpfsImage = ({ src, children, dataTestId = "image", alt = "", showPlaceholderText = true, withLoading = true, optimizationOpts, onSetStatus, ...rest }) => {
|
|
65
|
+
const IpfsImage = ({ src, children, dataTestId = "image", alt = "", showPlaceholderText = true, withLoading = true, optimizationOpts, onSetStatus, overrides, ...rest }) => {
|
|
66
66
|
const { ipfsGateway } = useIpfsContext();
|
|
67
67
|
const [status, setStatus] = useState(withLoading ? "loading" : "success");
|
|
68
68
|
const handleSetStatus = (innerStatus) => {
|
|
69
69
|
setStatus(innerStatus);
|
|
70
70
|
onSetStatus?.(innerStatus);
|
|
71
71
|
};
|
|
72
|
-
const [currentSrc, setCurrentSrc] = useState(getImageUrl(src, ipfsGateway, optimizationOpts));
|
|
72
|
+
const [currentSrc, setCurrentSrc] = useState(getImageUrl(src, overrides?.ipfsGateway || ipfsGateway, optimizationOpts));
|
|
73
73
|
const [didOriginalSrcFail, setDidOriginalSrcFail] = useState(false);
|
|
74
|
+
useEffect(() => {
|
|
75
|
+
if (src === currentSrc) {
|
|
76
|
+
return;
|
|
77
|
+
}
|
|
78
|
+
// reset all if src changes
|
|
79
|
+
setStatus(withLoading ? "loading" : "success");
|
|
80
|
+
setCurrentSrc(getImageUrl(src, overrides?.ipfsGateway || ipfsGateway, optimizationOpts));
|
|
81
|
+
setDidOriginalSrcFail(false);
|
|
82
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
83
|
+
}, [src]);
|
|
74
84
|
const isError = status === "error";
|
|
75
85
|
const isLoading = status === "loading";
|
|
76
86
|
const isSuccess = status === "success";
|
|
77
87
|
return (React.createElement(React.Fragment, null,
|
|
78
|
-
React.createElement(ImageWrapper, { ...rest, "$hide": !isLoading },
|
|
88
|
+
React.createElement(ImageWrapper, { ...rest, "$hide": !isLoading, className: "loading-container" },
|
|
79
89
|
React.createElement(ImagePlaceholder, null,
|
|
80
90
|
React.createElement(Typography, { tag: "div" },
|
|
81
91
|
React.createElement(Loading, null)))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IpfsImage.js","sourceRoot":"","sources":["../../../../src/components/ui/IpfsImage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"IpfsImage.js","sourceRoot":"","sources":["../../../../src/components/ui/IpfsImage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -38,6 +38,12 @@ export type TypographyProps = WrapperProps & HTMLAttributes<unknown> & {
|
|
|
38
38
|
onClick?: () => void;
|
|
39
39
|
className?: string;
|
|
40
40
|
};
|
|
41
|
-
export declare const Typography: React.
|
|
41
|
+
export declare const Typography: React.ForwardRefExoticComponent<WrapperProps & React.HTMLAttributes<unknown> & {
|
|
42
|
+
children?: string | React.ReactNode;
|
|
43
|
+
tag?: keyof JSX.IntrinsicElements | undefined;
|
|
44
|
+
style?: React.CSSProperties | undefined;
|
|
45
|
+
onClick?: (() => void) | undefined;
|
|
46
|
+
className?: string | undefined;
|
|
47
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
42
48
|
export {};
|
|
43
49
|
//# sourceMappingURL=Typography.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAC1D,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG1D,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BP,CAAC;AACX,KAAK,YAAY,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,OAAO,WAAW,CAAC,CAAC;AA6ClE,MAAM,MAAM,eAAe,GAAG,YAAY,GACxC,cAAc,CAAC,OAAO,CAAC,GAAG;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACpC,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEJ,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAC1D,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG1D,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BP,CAAC;AACX,KAAK,YAAY,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,OAAO,WAAW,CAAC,CAAC;AA6ClE,MAAM,MAAM,eAAe,GAAG,YAAY,GACxC,cAAc,CAAC,OAAO,CAAC,GAAG;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACpC,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEJ,eAAO,MAAM,UAAU;eAPR,MAAM,GAAG,MAAM,SAAS;;;qBAGnB,IAAI;;wCA2BvB,CAAC"}
|