@bosonprotocol/react-kit 0.34.0-alpha.2 → 0.34.0-alpha.20
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/connection/utils.d.ts.map +1 -1
- package/dist/cjs/components/connection/utils.js +0 -1
- package/dist/cjs/components/connection/utils.js.map +1 -1
- package/dist/cjs/components/currencyDisplay/CurrencyDisplay.d.ts +5 -2
- package/dist/cjs/components/currencyDisplay/CurrencyDisplay.d.ts.map +1 -1
- package/dist/cjs/components/currencyDisplay/CurrencyDisplay.js +6 -7
- package/dist/cjs/components/currencyDisplay/CurrencyDisplay.js.map +1 -1
- package/dist/cjs/components/exchangeCard/ExchangeCard.d.ts +1 -1
- package/dist/cjs/components/image/Image.styles.d.ts.map +1 -1
- package/dist/cjs/components/image/Image.styles.js +0 -2
- package/dist/cjs/components/image/Image.styles.js.map +1 -1
- package/dist/cjs/components/modal/components/Redeem/MyItems/Exchange.js +1 -1
- package/dist/cjs/components/modal/components/Redeem/MyItems/Exchange.js.map +1 -1
- package/dist/cjs/components/productCard/ProductCard.d.ts +5 -2
- package/dist/cjs/components/productCard/ProductCard.d.ts.map +1 -1
- package/dist/cjs/components/productCard/ProductCard.js +42 -34
- package/dist/cjs/components/productCard/ProductCard.js.map +1 -1
- package/dist/cjs/components/productCard/ProductCard.styles.d.ts +111 -4
- package/dist/cjs/components/productCard/ProductCard.styles.d.ts.map +1 -1
- package/dist/cjs/components/productCard/ProductCard.styles.js +51 -26
- package/dist/cjs/components/productCard/ProductCard.styles.js.map +1 -1
- package/dist/cjs/components/productCard/commonStyles.d.ts.map +1 -1
- package/dist/cjs/components/productCard/commonStyles.js +0 -1
- package/dist/cjs/components/productCard/commonStyles.js.map +1 -1
- package/dist/cjs/components/queryClient/withQueryClientProvider.d.ts +0 -4
- package/dist/cjs/components/queryClient/withQueryClientProvider.d.ts.map +1 -1
- package/dist/cjs/components/queryClient/withQueryClientProvider.js +3 -26
- package/dist/cjs/components/queryClient/withQueryClientProvider.js.map +1 -1
- package/dist/cjs/components/skeleton/CollectionsCardSkeleton.d.ts.map +1 -1
- package/dist/cjs/components/skeleton/CollectionsCardSkeleton.js +39 -17
- package/dist/cjs/components/skeleton/CollectionsCardSkeleton.js.map +1 -1
- package/dist/cjs/components/skeleton/ProductCardSkeleton.d.ts.map +1 -1
- package/dist/cjs/components/skeleton/ProductCardSkeleton.js +18 -19
- package/dist/cjs/components/skeleton/ProductCardSkeleton.js.map +1 -1
- package/dist/cjs/components/wallet/wallet-connection.d.ts +9559 -9559
- package/dist/cjs/components/wallet2/accountDrawer/AuthenticatedHeader.d.ts +3 -3
- package/dist/cjs/components/wallet2/accountDrawer/AuthenticatedHeader.d.ts.map +1 -1
- package/dist/cjs/components/wallet2/accountDrawer/AuthenticatedHeader.js +2 -2
- package/dist/cjs/components/wallet2/accountDrawer/AuthenticatedHeader.js.map +1 -1
- package/dist/cjs/components/wallet2/accountDrawer/miniPortfolio/index.d.ts +3 -3
- package/dist/cjs/components/wallet2/accountDrawer/miniPortfolio/index.d.ts.map +1 -1
- package/dist/cjs/components/wallet2/accountDrawer/miniPortfolio/index.js +2 -2
- package/dist/cjs/components/wallet2/accountDrawer/miniPortfolio/index.js.map +1 -1
- package/dist/cjs/components/wallet2/accountDrawer/miniPortfolio/tokens/index.d.ts +5 -2
- package/dist/cjs/components/wallet2/accountDrawer/miniPortfolio/tokens/index.d.ts.map +1 -1
- package/dist/cjs/components/wallet2/accountDrawer/miniPortfolio/tokens/index.js +3 -2
- package/dist/cjs/components/wallet2/accountDrawer/miniPortfolio/tokens/index.js.map +1 -1
- package/dist/cjs/components/wallet2/selector/ChainSelector.d.ts +4 -1
- package/dist/cjs/components/wallet2/selector/ChainSelector.d.ts.map +1 -1
- package/dist/cjs/components/wallet2/selector/ChainSelector.js +2 -4
- package/dist/cjs/components/wallet2/selector/ChainSelector.js.map +1 -1
- package/dist/cjs/components/wallet2/walletModal/ConnectionErrorView.d.ts +6 -1
- package/dist/cjs/components/wallet2/walletModal/ConnectionErrorView.d.ts.map +1 -1
- package/dist/cjs/components/wallet2/walletModal/ConnectionErrorView.js +7 -5
- package/dist/cjs/components/wallet2/walletModal/ConnectionErrorView.js.map +1 -1
- package/dist/cjs/components/wallet2/walletModal/Option.d.ts +5 -1
- package/dist/cjs/components/wallet2/walletModal/Option.d.ts.map +1 -1
- package/dist/cjs/components/wallet2/walletModal/Option.js +5 -2
- package/dist/cjs/components/wallet2/walletModal/Option.js.map +1 -1
- package/dist/cjs/components/wallet2/walletModal/index.d.ts +5 -2
- package/dist/cjs/components/wallet2/walletModal/index.d.ts.map +1 -1
- package/dist/cjs/components/wallet2/walletModal/index.js +3 -3
- package/dist/cjs/components/wallet2/walletModal/index.js.map +1 -1
- package/dist/cjs/components/wallet2/web3Status/index.d.ts +14 -2
- package/dist/cjs/components/wallet2/web3Status/index.d.ts.map +1 -1
- package/dist/cjs/components/wallet2/web3Status/index.js +13 -5
- package/dist/cjs/components/wallet2/web3Status/index.js.map +1 -1
- package/dist/cjs/hooks/connection/useSyncChainQuery.js.map +1 -1
- package/dist/cjs/hooks/index.d.ts +5 -0
- package/dist/cjs/hooks/index.d.ts.map +1 -1
- package/dist/cjs/hooks/index.js +11 -1
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/useCtaClickHandler.d.ts +1 -1
- package/dist/cjs/hooks/useCtaClickHandler.d.ts.map +1 -1
- package/dist/cjs/hooks/useCtaClickHandler.js.map +1 -1
- package/dist/cjs/hooks/useMetaTx.d.ts +1 -1
- package/dist/cjs/hooks/useMetaTx.d.ts.map +1 -1
- package/dist/cjs/hooks/useMetaTx.js.map +1 -1
- package/dist/cjs/index.d.ts +4 -0
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +4 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/signer/externalSigner.d.ts.map +1 -1
- package/dist/cjs/lib/signer/externalSigner.js +7 -0
- package/dist/cjs/lib/signer/externalSigner.js.map +1 -1
- package/dist/esm/components/connection/utils.d.ts.map +1 -1
- package/dist/esm/components/connection/utils.js +0 -1
- package/dist/esm/components/connection/utils.js.map +1 -1
- package/dist/esm/components/currencyDisplay/CurrencyDisplay.d.ts +5 -2
- package/dist/esm/components/currencyDisplay/CurrencyDisplay.d.ts.map +1 -1
- package/dist/esm/components/currencyDisplay/CurrencyDisplay.js +6 -7
- package/dist/esm/components/currencyDisplay/CurrencyDisplay.js.map +1 -1
- package/dist/esm/components/exchangeCard/ExchangeCard.d.ts +1 -1
- package/dist/esm/components/image/Image.styles.d.ts.map +1 -1
- package/dist/esm/components/image/Image.styles.js +0 -2
- package/dist/esm/components/image/Image.styles.js.map +1 -1
- package/dist/esm/components/modal/components/Redeem/MyItems/Exchange.js +1 -1
- package/dist/esm/components/modal/components/Redeem/MyItems/Exchange.js.map +1 -1
- package/dist/esm/components/productCard/ProductCard.d.ts +5 -2
- package/dist/esm/components/productCard/ProductCard.d.ts.map +1 -1
- package/dist/esm/components/productCard/ProductCard.js +20 -32
- package/dist/esm/components/productCard/ProductCard.js.map +1 -1
- package/dist/esm/components/productCard/ProductCard.styles.d.ts +111 -4
- package/dist/esm/components/productCard/ProductCard.styles.d.ts.map +1 -1
- package/dist/esm/components/productCard/ProductCard.styles.js +50 -24
- package/dist/esm/components/productCard/ProductCard.styles.js.map +1 -1
- package/dist/esm/components/productCard/commonStyles.d.ts.map +1 -1
- package/dist/esm/components/productCard/commonStyles.js +0 -1
- package/dist/esm/components/productCard/commonStyles.js.map +1 -1
- package/dist/esm/components/queryClient/withQueryClientProvider.d.ts +0 -4
- package/dist/esm/components/queryClient/withQueryClientProvider.d.ts.map +1 -1
- package/dist/esm/components/queryClient/withQueryClientProvider.js +1 -11
- package/dist/esm/components/queryClient/withQueryClientProvider.js.map +1 -1
- package/dist/esm/components/skeleton/CollectionsCardSkeleton.d.ts.map +1 -1
- package/dist/esm/components/skeleton/CollectionsCardSkeleton.js +39 -17
- package/dist/esm/components/skeleton/CollectionsCardSkeleton.js.map +1 -1
- package/dist/esm/components/skeleton/ProductCardSkeleton.d.ts.map +1 -1
- package/dist/esm/components/skeleton/ProductCardSkeleton.js +19 -20
- package/dist/esm/components/skeleton/ProductCardSkeleton.js.map +1 -1
- package/dist/esm/components/wallet/wallet-connection.d.ts +9559 -9559
- package/dist/esm/components/wallet2/accountDrawer/AuthenticatedHeader.d.ts +3 -3
- package/dist/esm/components/wallet2/accountDrawer/AuthenticatedHeader.d.ts.map +1 -1
- package/dist/esm/components/wallet2/accountDrawer/AuthenticatedHeader.js +2 -2
- package/dist/esm/components/wallet2/accountDrawer/AuthenticatedHeader.js.map +1 -1
- package/dist/esm/components/wallet2/accountDrawer/miniPortfolio/index.d.ts +3 -3
- package/dist/esm/components/wallet2/accountDrawer/miniPortfolio/index.d.ts.map +1 -1
- package/dist/esm/components/wallet2/accountDrawer/miniPortfolio/index.js +2 -2
- package/dist/esm/components/wallet2/accountDrawer/miniPortfolio/index.js.map +1 -1
- package/dist/esm/components/wallet2/accountDrawer/miniPortfolio/tokens/index.d.ts +5 -2
- package/dist/esm/components/wallet2/accountDrawer/miniPortfolio/tokens/index.d.ts.map +1 -1
- package/dist/esm/components/wallet2/accountDrawer/miniPortfolio/tokens/index.js +3 -2
- package/dist/esm/components/wallet2/accountDrawer/miniPortfolio/tokens/index.js.map +1 -1
- package/dist/esm/components/wallet2/selector/ChainSelector.d.ts +4 -1
- package/dist/esm/components/wallet2/selector/ChainSelector.d.ts.map +1 -1
- package/dist/esm/components/wallet2/selector/ChainSelector.js +3 -5
- package/dist/esm/components/wallet2/selector/ChainSelector.js.map +1 -1
- package/dist/esm/components/wallet2/walletModal/ConnectionErrorView.d.ts +6 -1
- package/dist/esm/components/wallet2/walletModal/ConnectionErrorView.d.ts.map +1 -1
- package/dist/esm/components/wallet2/walletModal/ConnectionErrorView.js +7 -5
- package/dist/esm/components/wallet2/walletModal/ConnectionErrorView.js.map +1 -1
- package/dist/esm/components/wallet2/walletModal/Option.d.ts +5 -1
- package/dist/esm/components/wallet2/walletModal/Option.d.ts.map +1 -1
- package/dist/esm/components/wallet2/walletModal/Option.js +5 -2
- package/dist/esm/components/wallet2/walletModal/Option.js.map +1 -1
- package/dist/esm/components/wallet2/walletModal/index.d.ts +5 -2
- package/dist/esm/components/wallet2/walletModal/index.d.ts.map +1 -1
- package/dist/esm/components/wallet2/walletModal/index.js +3 -3
- package/dist/esm/components/wallet2/walletModal/index.js.map +1 -1
- package/dist/esm/components/wallet2/web3Status/index.d.ts +14 -2
- package/dist/esm/components/wallet2/web3Status/index.d.ts.map +1 -1
- package/dist/esm/components/wallet2/web3Status/index.js +14 -6
- package/dist/esm/components/wallet2/web3Status/index.js.map +1 -1
- package/dist/esm/hooks/connection/useSyncChainQuery.js.map +1 -1
- package/dist/esm/hooks/index.d.ts +5 -0
- package/dist/esm/hooks/index.d.ts.map +1 -1
- package/dist/esm/hooks/index.js +5 -0
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/esm/hooks/useCtaClickHandler.d.ts +1 -1
- package/dist/esm/hooks/useCtaClickHandler.d.ts.map +1 -1
- package/dist/esm/hooks/useCtaClickHandler.js.map +1 -1
- package/dist/esm/hooks/useMetaTx.d.ts +1 -1
- package/dist/esm/hooks/useMetaTx.d.ts.map +1 -1
- package/dist/esm/hooks/useMetaTx.js.map +1 -1
- package/dist/esm/index.d.ts +4 -0
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +4 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/lib/signer/externalSigner.d.ts.map +1 -1
- package/dist/esm/lib/signer/externalSigner.js +7 -0
- package/dist/esm/lib/signer/externalSigner.js.map +1 -1
- package/package.json +5 -5
- package/src/components/connection/utils.ts +0 -1
- package/src/components/currencyDisplay/CurrencyDisplay.tsx +21 -18
- package/src/components/exchangeCard/ExchangeCard.tsx +1 -1
- package/src/components/image/Image.styles.ts +0 -2
- package/src/components/modal/components/Redeem/MyItems/Exchange.tsx +1 -1
- package/src/components/productCard/ProductCard.styles.ts +57 -26
- package/src/components/productCard/ProductCard.tsx +54 -56
- package/src/components/productCard/commonStyles.ts +0 -1
- package/src/components/queryClient/withQueryClientProvider.tsx +1 -26
- package/src/components/skeleton/CollectionsCardSkeleton.tsx +63 -39
- package/src/components/skeleton/ProductCardSkeleton.tsx +24 -37
- package/src/components/wallet2/accountDrawer/AuthenticatedHeader.tsx +5 -6
- package/src/components/wallet2/accountDrawer/miniPortfolio/index.tsx +8 -4
- package/src/components/wallet2/accountDrawer/miniPortfolio/tokens/index.tsx +8 -2
- package/src/components/wallet2/selector/ChainSelector.tsx +25 -13
- package/src/components/wallet2/walletModal/ConnectionErrorView.tsx +21 -6
- package/src/components/wallet2/walletModal/Option.tsx +9 -2
- package/src/components/wallet2/walletModal/index.tsx +11 -4
- package/src/components/wallet2/web3Status/index.tsx +43 -15
- package/src/hooks/connection/useSyncChainQuery.ts +1 -1
- package/src/hooks/index.ts +10 -0
- package/src/hooks/useCtaClickHandler.ts +4 -1
- package/src/hooks/useMetaTx.ts +3 -1
- package/src/index.tsx +4 -0
- package/src/lib/signer/externalSigner.ts +7 -0
- package/src/stories/ConnectWallet.stories.tsx +63 -6
- package/src/stories/ProductCard.stories.tsx +1 -7
- package/src/stories/buttons/Upload.stories.tsx +1 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/connection/utils.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAkB,MAAM,SAAS,CAAC;AAErD,eAAO,MAAM,aAAa,eAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/connection/utils.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAkB,MAAM,SAAS,CAAC;AAErD,eAAO,MAAM,aAAa,eAAiC,CAAC;AAc5D;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,UAAU,CAAC,EAAE,OAAO,GAAG;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAkBA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,eAA2C,CAAC;AAE5E,eAAO,MAAM,mBAAmB,eACY,CAAC;AAqB7C,wBAAgB,aAAa,CAAC,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,GAAG,OAAO,CAQzE"}
|
|
@@ -18,7 +18,6 @@ const InjectedWalletTable = {
|
|
|
18
18
|
isBraveWallet: { name: "Brave", icon: brave_icon_svg_1.default },
|
|
19
19
|
isRabby: { name: "Rabby", icon: rabby_icon_svg_1.default },
|
|
20
20
|
isTrust: { name: "Trust Wallet", icon: trustwallet_icon_svg_1.default },
|
|
21
|
-
// @ts-expect-error this was like this in the dapp, TODO: check if this can be deleted
|
|
22
21
|
isLedgerConnect: { name: "Ledger", icon: ledger_icon_svg_1.default }
|
|
23
22
|
};
|
|
24
23
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/connection/utils.ts"],"names":[],"mappings":";;;;;;AAAA,yFAA6D;AAC7D,2GAA8E;AAC9E,6GAAgF;AAChF,2FAA+D;AAC/D,+FAAmE;AACnE,yFAA6D;AAC7D,qGAA0E;AAE1E,mCAAqD;AAE9C,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;AAA/C,QAAA,aAAa,iBAAkC;AAE5D,MAAM,mBAAmB,GAKrB;IACF,aAAa,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,wBAAU,EAAE;IAClD,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,wBAAU,EAAE;IAC5C,OAAO,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,8BAAiB,EAAE;IAC1D,
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/connection/utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -10,12 +10,15 @@ export declare enum Currencies {
|
|
|
10
10
|
WETH = "WETH"
|
|
11
11
|
}
|
|
12
12
|
interface CurrencyDisplayProps {
|
|
13
|
-
value?:
|
|
13
|
+
value?: string;
|
|
14
14
|
currency: Currencies;
|
|
15
15
|
height?: number;
|
|
16
|
+
fontSize?: number | string;
|
|
17
|
+
iconSize?: number;
|
|
18
|
+
gap?: number | string;
|
|
16
19
|
[x: string]: any;
|
|
17
20
|
}
|
|
18
|
-
export declare const CurrencyDisplay: ({ value, currency, height, ...rest }: CurrencyDisplayProps) => JSX.Element;
|
|
21
|
+
export declare const CurrencyDisplay: ({ value, currency, height, fontSize, iconSize, gap, ...rest }: CurrencyDisplayProps) => JSX.Element;
|
|
19
22
|
export declare const CurrencyLogo: ({ currency, size }: {
|
|
20
23
|
currency: Currencies;
|
|
21
24
|
size?: number | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CurrencyDisplay.d.ts","sourceRoot":"","sources":["../../../../src/components/currencyDisplay/CurrencyDisplay.tsx"],"names":[],"mappings":"AAeA,oBAAY,UAAU;IACpB,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,OAAO,UAAU;IACjB,MAAM,QAAQ;IACd,MAAM,SAAS;IACf,IAAI,SAAS;IACb,IAAI,SAAS;CACd;
|
|
1
|
+
{"version":3,"file":"CurrencyDisplay.d.ts","sourceRoot":"","sources":["../../../../src/components/currencyDisplay/CurrencyDisplay.tsx"],"names":[],"mappings":"AAeA,oBAAY,UAAU;IACpB,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,OAAO,UAAU;IACjB,MAAM,QAAQ;IACd,MAAM,SAAS;IACf,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AAED,UAAU,oBAAoB;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,UAAU,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEtB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED,eAAO,MAAM,eAAe,kEAQzB,oBAAoB,gBActB,CAAC;AAwBF,eAAO,MAAM,YAAY;cAIb,UAAU;;iBAyBrB,CAAC"}
|
|
@@ -54,10 +54,10 @@ var Currencies;
|
|
|
54
54
|
Currencies["WETH"] = "WETH";
|
|
55
55
|
})(Currencies || (exports.Currencies = Currencies = {}));
|
|
56
56
|
const CurrencyDisplay = (_a) => {
|
|
57
|
-
var { value, currency, height = 25 } = _a, rest = __rest(_a, ["value", "currency", "height"]);
|
|
57
|
+
var { value, currency, height = 25, fontSize, iconSize, gap } = _a, rest = __rest(_a, ["value", "currency", "height", "fontSize", "iconSize", "gap"]);
|
|
58
58
|
return (react_1.default.createElement(CurrencyDisplayValueWrapper, Object.assign({ style: { height: `${height}px`, width: "100%" } }, rest),
|
|
59
|
-
react_1.default.createElement(exports.CurrencyLogo, { currency: currency, size: height }),
|
|
60
|
-
value && (react_1.default.createElement(CurrencyDisplayValue, { "$height": height }, value))));
|
|
59
|
+
react_1.default.createElement(exports.CurrencyLogo, { currency: currency, size: iconSize || height }),
|
|
60
|
+
value && (react_1.default.createElement(CurrencyDisplayValue, { "$height": height, "$fontSize": fontSize, "$gap": gap }, value))));
|
|
61
61
|
};
|
|
62
62
|
exports.CurrencyDisplay = CurrencyDisplay;
|
|
63
63
|
const CurrencyDisplayValueWrapper = styled_components_1.default.div `
|
|
@@ -66,16 +66,15 @@ const CurrencyDisplayValueWrapper = styled_components_1.default.div `
|
|
|
66
66
|
align-items: center;
|
|
67
67
|
`;
|
|
68
68
|
const CurrencyDisplayValue = styled_components_1.default.span `
|
|
69
|
-
${({ $height }) => (0, styled_components_1.css) `
|
|
69
|
+
${({ $height, $fontSize, $gap }) => (0, styled_components_1.css) `
|
|
70
70
|
line-height: ${$height}px;
|
|
71
|
-
font-size: ${($height - 5) / 16}rem;
|
|
71
|
+
font-size: ${$fontSize ? $fontSize : `${(Number($height) - 5) / 16}rem`};
|
|
72
|
+
padding-left: ${$gap !== undefined ? $gap : "1rem"};
|
|
72
73
|
`}
|
|
73
|
-
|
|
74
74
|
color: #09182c;
|
|
75
75
|
display: flex;
|
|
76
76
|
text-align: right;
|
|
77
77
|
align-items: center;
|
|
78
|
-
padding-left: 1rem;
|
|
79
78
|
`;
|
|
80
79
|
const CurrencyLogo = ({ currency, size = 25 }) => {
|
|
81
80
|
switch (currency) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CurrencyDisplay.js","sourceRoot":"","sources":["../../../../src/components/currencyDisplay/CurrencyDisplay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,
|
|
1
|
+
{"version":3,"file":"CurrencyDisplay.js","sourceRoot":"","sources":["../../../../src/components/currencyDisplay/CurrencyDisplay.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/image/Image.styles.ts"],"names":[],"mappings":";AAAA,OAAe,EAAE,aAAa,EAAO,MAAM,mBAAmB,CAAC;AAG/D,eAAO,MAAM,YAAY;;GAQxB,CAAC;AAEF,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"Image.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/image/Image.styles.ts"],"names":[],"mappings":";AAAA,OAAe,EAAE,aAAa,EAAO,MAAM,mBAAmB,CAAC;AAG/D,eAAO,MAAM,YAAY;;GAQxB,CAAC;AAEF,eAAO,MAAM,cAAc,uNAI1B,CAAC;AAUF,eAAO,MAAM,gBAAgB;gBACf,aAAa,CAAC,UAAU,CAAC;GA2BtC,CAAC;AAEF,eAAO,MAAM,cAAc,gNAM1B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.styles.js","sourceRoot":"","sources":["../../../../src/components/image/Image.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA+D;AAC/D,uCAAoC;AAEvB,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,CAAqB;aAC9C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC;;;;;;;CAOlE,CAAC;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"Image.styles.js","sourceRoot":"","sources":["../../../../src/components/image/Image.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA+D;AAC/D,uCAAoC;AAEvB,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,CAAqB;aAC9C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC;;;;;;;CAOlE,CAAC;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAIvC,CAAC;AAEF,MAAM,UAAU,GAAG,IAAA,uBAAG,EAAA;;;;;;CAMrB,CAAC;AAEW,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAExC;IACE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAClB,SAAS;IACP,CAAC,CAAC,IAAA,uBAAG,EAAA;sBACW,SAAS;SACtB;IACH,CAAC,CAAC,IAAA,uBAAG,EAAA;;SAEF;;;;sBAIa,aAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ;;;;;;;MAO3C,UAAU;;;aAGH,aAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;;;;CAIpC,CAAC;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;IACpC,UAAU;;;WAGH,aAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;;CAElC,CAAC"}
|
|
@@ -122,7 +122,7 @@ function Exchange({ offer, exchange, onRedeemClick, onCardClick, onCancelExchang
|
|
|
122
122
|
errorConfig: {
|
|
123
123
|
errorIcon: react_1.default.createElement(phosphor_react_1.CameraSlash, { size: 32, color: colors.white })
|
|
124
124
|
}
|
|
125
|
-
}, onAvatarNameClick: handleOnAvatarClick, price:
|
|
125
|
+
}, onAvatarNameClick: handleOnAvatarClick, price: price, currency: offer.exchangeToken.symbol }, createSpecificCardConfig()))));
|
|
126
126
|
}
|
|
127
127
|
exports.default = Exchange;
|
|
128
128
|
//# sourceMappingURL=Exchange.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Exchange.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Redeem/MyItems/Exchange.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,mDAA6C;AAC7C,iCAAgC;AAChC,0EAAuC;AACvC,gFAA2D;AAE3D,wEAAqE;AAErE,sDAAoD;AACpD,gDAA6C;AAC7C,6DAA2E;AAC3E,4DAA4D;AAC5D,8DAA8D;AAC9D,6DAI0C;AAC1C,sEAAmE;AAGnE,2EAGoD;AAEpD,8EAA2E;AAE3E,MAAM,MAAM,GAAG,aAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAYlC,MAAM,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;aAGzB,MAAM,CAAC,KAAK;;;;;;;;;;;CAWxB,CAAC;AAEF,SAAwB,QAAQ,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,aAAa,EACb,WAAW,EACX,qBAAqB,EACrB,mBAAmB,EACnB,aAAa,EACP;;IACN,iDAAiD;IACjD,8DAA8D;IAC9D,MAAM,IAAI,GAAG,EAAS,CAAC;IACvB,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,4BAAc,GAAE,CAAC;IACzC,MAAM,MAAM,GAAG,IAAA,wBAAe,EAAC,IAAA,kCAAwB,EAAC,IAAI,CAAC,EAAE,WAAW,CAAC,CAAC;IAC5E,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAA,iCAAe,EAAC,KAAK,CAAC,CAAC;IACvD,MAAM,aAAa,GAAG,CAAA,MAAA,KAAK,CAAC,QAAQ,0CAAE,QAAQ,KAAI,QAAQ,IAAI,SAAS,IAAI,EAAE,CAAC;IAC9E,MAAM,QAAQ,GAAG,IAAA,oBAAW,EAAC,aAAa,EAAE,WAAW,EAAE;QACvD,MAAM,EAAE,GAAG;KACZ,CAAC,CAAC;IACH,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,uBAAU,GAAE,CAAC;IACjC,MAAM,OAAO,GAAG,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAC,MAAM,OAAK,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EAAE,CAAA,CAAC;IAElE,MAAM,UAAU,GAAG,IAAA,6BAAa,EAAC,KAAK,CAAC,CAAC;IAExC,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE,CAAC,oBAAS,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EAC1C,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,KAAK,GAAG,IAAA,eAAO,EACnB,GAAG,EAAE,CAAC,IAAA,kBAAS,EAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,EAC1D,CAAC,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAC5C,CAAC;IAEF,MAAM,cAAc,GAAG,IAAA,uCAA0B,GAAE,CAAC;IAEpD,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,WAAW,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,wBAAwB,GAAG,GAAG,EAAE;QACpC,QAAQ,MAAM,EAAE;YACd,KAAK,UAAU,CAAC,CAAC;gBACf,MAAM,aAAa,GAAG,GAAG,EAAE;oBACzB,mBAAmB,CAAC,QAAQ,CAAC,CAAC;gBAChC,CAAC,CAAC;gBACF,OAAO;oBACL,MAAM,EAAE,UAAqD;oBAC7D,YAAY,EAAE,OAAO;oBACrB,mBAAmB,EAAE;wBACnB,OAAO,EAAE,aAAa;wBACtB,OAAO,EAAE,mBAA4B;wBACrC,UAAU,EAAE,KAAK;wBACjB,IAAI,EAAE,QAAQ;wBACd,QAAQ,EAAE,cAAc;qBAChB;iBACX,CAAC;aACH;YACD,KAAK,WAAW;gBACd,OAAO;oBACL,MAAM,EAAE,WAAuD;oBAC/D,YAAY,EAAE,OAAO;iBACtB,CAAC;YACJ,KAAK,WAAW,CAAC,CAAC;gBAChB,MAAM,YAAY,GAAG,GAAG,EAAE;oBACxB,aAAa,CAAC,QAAQ,CAAC,CAAC;gBAC1B,CAAC,CAAC;gBACF,MAAM,YAAY,GAAG,GAAG,EAAE;oBACxB,IAAI,CAAC,QAAQ,EAAE;wBACb,OAAO;qBACR;oBACD,qBAAqB,CAAC,QAAQ,CAAC,CAAC;gBAClC,CAAC,CAAC;gBACF,OAAO;oBACL,MAAM,EAAE,WAAuD;oBAC/D,YAAY,EAAE,OAAO;oBACrB,UAAU,EAAE,UAAU;oBACtB,kBAAkB,EAAE;wBAClB,OAAO,EAAE,YAAY;wBACrB,IAAI,EAAE,QAAQ;wBACd,QAAQ,EAAE,cAAc;qBAChB;oBACV,kBAAkB,EAAE;wBAClB,OAAO,EAAE,YAAY;wBACrB,IAAI,EAAE,QAAQ;wBACd,QAAQ,EAAE,cAAc;qBAChB;iBACX,CAAC;aACH;YACD;gBACE,OAAO;oBACL,8DAA8D;oBAC9D,MAAM,EAAE,MAAa;iBACtB,CAAC;SACL;IACH,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,mBAAmB;QAClB,8BAAC,2BAAY,kBACX,WAAW,EAAE,iBAAiB,EAC9B,QAAQ,EAAC,eAAe,EACxB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,KAAK,EAAE,MAAA,MAAA,KAAK,CAAC,QAAQ,0CAAE,IAAI,mCAAI,EAAE,EACjC,UAAU,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,EAAC,CAAC,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,CAAC,CAAC,cAAc,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,EACrE,MAAM,EAAE,MAAM,IAAI,mBAAY,EAC9B,UAAU,EAAE;gBACV,GAAG,EAAE,QAAQ;gBACb,WAAW,EAAE,IAAA,4BAAmB,EAAC,QAAQ,EAAE,WAAW,CAAC;gBACvD,WAAW,EAAE,IAAI;gBACjB,WAAW,EAAE;oBACX,SAAS,EAAE,8BAAC,4BAAW,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,GAAI;iBAC1D;aACF,EACD,iBAAiB,EAAE,mBAAmB,EACtC,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Exchange.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Redeem/MyItems/Exchange.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
2
|
import { Currencies } from "../currencyDisplay/CurrencyDisplay";
|
|
3
3
|
import { IBaseImage } from "../image/Image";
|
|
4
4
|
import { TooltipProps } from "../tooltip/Tooltip";
|
|
@@ -16,12 +16,15 @@ interface IProductCard {
|
|
|
16
16
|
isHoverDisabled?: boolean;
|
|
17
17
|
onAvatarNameClick?: () => void;
|
|
18
18
|
onCardClick?: (id: string | number) => void;
|
|
19
|
-
price:
|
|
19
|
+
price: string;
|
|
20
20
|
productId: string;
|
|
21
21
|
productType?: ProductType;
|
|
22
22
|
title: string;
|
|
23
23
|
tooltip?: string;
|
|
24
24
|
tooltipProps?: Omit<TooltipProps, "content">;
|
|
25
|
+
CTAOnHover?: ReactNode;
|
|
26
|
+
hideCreatorName?: boolean;
|
|
27
|
+
isImageFitCover?: boolean;
|
|
25
28
|
}
|
|
26
29
|
export declare const PhygitalLabel: ({ ...rest }: {
|
|
27
30
|
[x: string]: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AACnD,OAAO,EACL,UAAU,EAEX,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAS,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAW,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAa3D,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,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;IAC7C,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAqBD,eAAO,MAAM,aAAa;;iBAEzB,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,YAAY,gBA2E9C,CAAC"}
|
|
@@ -1,4 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
2
25
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
26
|
var t = {};
|
|
4
27
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -10,17 +33,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
33
|
}
|
|
11
34
|
return t;
|
|
12
35
|
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
37
|
exports.ProductCard = exports.PhygitalLabel = void 0;
|
|
18
|
-
const react_1 =
|
|
38
|
+
const react_1 = __importStar(require("react"));
|
|
19
39
|
const CurrencyDisplay_1 = require("../currencyDisplay/CurrencyDisplay");
|
|
20
40
|
const Image_1 = require("../image/Image");
|
|
21
41
|
const Tooltip_1 = require("../tooltip/Tooltip");
|
|
22
42
|
const ProductCard_styles_1 = require("./ProductCard.styles");
|
|
23
|
-
const
|
|
43
|
+
const Grid_1 = require("../ui/Grid");
|
|
24
44
|
const Wrapper = ({ children, tooltip, tooltipProps }) => {
|
|
25
45
|
if (tooltip && tooltip !== "") {
|
|
26
46
|
return (react_1.default.createElement(Tooltip_1.Tooltip, Object.assign({ wrap: false, content: tooltip }, tooltipProps), children));
|
|
@@ -33,40 +53,28 @@ const PhygitalLabel = (_a) => {
|
|
|
33
53
|
};
|
|
34
54
|
exports.PhygitalLabel = PhygitalLabel;
|
|
35
55
|
const ProductCard = (props) => {
|
|
36
|
-
const {
|
|
37
|
-
const
|
|
38
|
-
return (react_1.default.createElement(ProductCard_styles_1.ProductCardWrapper, { "data-card": dataCard, "$isHoverDisabled": isHoverDisabled, "data-testid": dataTestId, onClick: (e) => {
|
|
56
|
+
const { avatarName, currency, dataCard = "product-card", dataTestId = "offer", imageProps, isHoverDisabled = false, onCardClick, price, productId, title, tooltip = "", tooltipProps = {}, CTAOnHover, hideCreatorName = false, isImageFitCover = false } = props;
|
|
57
|
+
const [isHovered, setIsHovered] = (0, react_1.useState)(false);
|
|
58
|
+
return (react_1.default.createElement(ProductCard_styles_1.ProductCardWrapper, { "data-card": dataCard, "$isHoverDisabled": isHoverDisabled, "data-testid": dataTestId, "$isImageFitCover": isImageFitCover, onClick: (e) => {
|
|
39
59
|
e.preventDefault();
|
|
40
60
|
onCardClick === null || onCardClick === void 0 ? void 0 : onCardClick(productId);
|
|
41
|
-
} },
|
|
61
|
+
}, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false) },
|
|
42
62
|
react_1.default.createElement(ProductCard_styles_1.ProductCardImageWrapper, null,
|
|
43
|
-
isPhygital && react_1.default.createElement(exports.PhygitalLabel, null),
|
|
44
63
|
react_1.default.createElement(Image_1.Image, Object.assign({}, imageProps))),
|
|
64
|
+
CTAOnHover && (react_1.default.createElement(ProductCard_styles_1.CTAOnHoverContainer, { "$isHovered": isHovered }, CTAOnHover)),
|
|
45
65
|
react_1.default.createElement(ProductCard_styles_1.ProductCardBottom, null,
|
|
46
|
-
react_1.default.createElement(
|
|
47
|
-
react_1.default.createElement(
|
|
48
|
-
react_1.default.createElement(ProductCard_styles_1.
|
|
49
|
-
react_1.default.createElement(ProductCard_styles_1.
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
react_1.default.createElement(react_1.default.Fragment, null,
|
|
59
|
-
react_1.default.createElement(ProductCard_styles_1.ProductCardPrice, null,
|
|
60
|
-
"Price ",
|
|
61
|
-
asterisk && "*"),
|
|
62
|
-
react_1.default.createElement(CurrencyDisplay_1.CurrencyDisplay, { value: price, currency: currency, style: {
|
|
63
|
-
wordBreak: "break-all",
|
|
64
|
-
alignItems: "flex-start",
|
|
65
|
-
justifyContent: "flex-end"
|
|
66
|
-
} }))))),
|
|
67
|
-
react_1.default.createElement(ProductCard_styles_1.ProductCardTitleWrapper, null,
|
|
68
|
-
react_1.default.createElement(ProductCard_styles_1.ProductCardTitle, null, title))),
|
|
69
|
-
bottomText && react_1.default.createElement(ProductCard_styles_1.BottomText, null, bottomText))));
|
|
66
|
+
react_1.default.createElement(ProductCard_styles_1.ProductCardBottomContent, null,
|
|
67
|
+
react_1.default.createElement(Grid_1.Grid, { flexDirection: "column" },
|
|
68
|
+
react_1.default.createElement(ProductCard_styles_1.ProductCardTitleWrapper, null,
|
|
69
|
+
react_1.default.createElement(ProductCard_styles_1.ProductCardTitle, { fontSize: "0.75rem", fontWeight: "600" }, title)),
|
|
70
|
+
!hideCreatorName && (react_1.default.createElement(ProductCard_styles_1.ProductCardCreatorName, { "data-avatarname": "product-card" }, avatarName))),
|
|
71
|
+
react_1.default.createElement(Wrapper, { tooltip: tooltip, tooltipProps: tooltipProps },
|
|
72
|
+
react_1.default.createElement(CurrencyDisplay_1.CurrencyDisplay, { value: price, currency: currency, fontSize: "0.875rem", iconSize: 16, gap: "0.3125rem", style: {
|
|
73
|
+
wordBreak: "break-all",
|
|
74
|
+
alignItems: "center",
|
|
75
|
+
justifyContent: "center",
|
|
76
|
+
paddingTop: "0.25rem"
|
|
77
|
+
} }))))));
|
|
70
78
|
};
|
|
71
79
|
exports.ProductCard = ProductCard;
|
|
72
80
|
//# sourceMappingURL=ProductCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AACnD,wEAG4C;AAC5C,0CAAmD;AACnD,gDAA2D;AAC3D,6DAU8B;AAG9B,qCAAkC;AA0BlC,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;AAEK,MAAM,aAAa,GAAG,CAAC,EAAW,EAAE,EAAE;QAAV,IAAI,cAAT,EAAW,CAAF;IACrC,OAAO,8BAAC,kCAAa,oBAAK,IAAI,iBAAY,UAAU,IAAG,CAAC;AAC1D,CAAC,CAAC;AAFW,QAAA,aAAa,iBAExB;AAEK,MAAM,WAAW,GAAG,CAAC,KAAmB,EAAE,EAAE;IACjD,MAAM,EACJ,UAAU,EACV,QAAQ,EACR,QAAQ,GAAG,cAAc,EACzB,UAAU,GAAG,OAAO,EACpB,UAAU,EACV,eAAe,GAAG,KAAK,EACvB,WAAW,EACX,KAAK,EACL,SAAS,EACT,KAAK,EACL,OAAO,GAAG,EAAE,EACZ,YAAY,GAAG,EAAE,EACjB,UAAU,EACV,eAAe,GAAG,KAAK,EACvB,eAAe,GAAG,KAAK,EACxB,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElD,OAAO,CACL,8BAAC,uCAAkB,iBACN,QAAQ,sBACD,eAAe,iBACpB,UAAU,sBACL,eAAe,EACjC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,SAAS,CAAC,CAAC;QAC3B,CAAC,EACD,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACtC,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC;QAEvC,8BAAC,4CAAuB;YACtB,8BAAC,aAAK,oBAAK,UAAU,EAAI,CACD;QACzB,UAAU,IAAI,CACb,8BAAC,wCAAmB,kBAAa,SAAS,IACvC,UAAU,CACS,CACvB;QACD,8BAAC,sCAAiB;YAChB,8BAAC,6CAAwB;gBACvB,8BAAC,WAAI,IAAC,aAAa,EAAC,QAAQ;oBAC1B,8BAAC,4CAAuB;wBACtB,8BAAC,qCAAgB,IAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,IACrD,KAAK,CACW,CACK;oBACzB,CAAC,eAAe,IAAI,CACnB,8BAAC,2CAAsB,uBAAiB,cAAc,IACnD,UAAU,CACY,CAC1B,CACI;gBACP,8BAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY;oBACnD,8BAAC,iCAAe,IACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,EAAE,EACZ,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE;4BACL,SAAS,EAAE,WAAW;4BACtB,UAAU,EAAE,QAAQ;4BACpB,cAAc,EAAE,QAAQ;4BACxB,UAAU,EAAE,SAAS;yBACtB,GACD,CACM,CACe,CACT,CACD,CACtB,CAAC;AACJ,CAAC,CAAC;AA3EW,QAAA,WAAW,eA2EtB"}
|
|
@@ -4,12 +4,114 @@ export declare const TopLeftRibbon: import("styled-components").IStyledComponent
|
|
|
4
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>>;
|
|
5
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>>;
|
|
6
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>>;
|
|
7
|
-
export declare const ProductCardTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<
|
|
8
|
-
|
|
9
|
-
}
|
|
7
|
+
export declare const ProductCardTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<{
|
|
8
|
+
color?: import("csstype").Property.Color | undefined;
|
|
9
|
+
width?: import("csstype").Property.Width<number | (string & {})> | undefined;
|
|
10
|
+
cursor?: import("csstype").Property.Cursor | undefined;
|
|
11
|
+
display?: import("csstype").Property.Display | undefined;
|
|
12
|
+
fontSize?: import("csstype").Property.FontSize<number | (string & {})> | undefined;
|
|
13
|
+
fontWeight?: import("csstype").Property.FontWeight | undefined;
|
|
14
|
+
letterSpacing?: import("csstype").Property.LetterSpacing<number | (string & {})> | undefined;
|
|
15
|
+
opacity?: import("csstype").Property.Opacity | undefined;
|
|
16
|
+
alignItems?: import("csstype").Property.AlignItems | undefined;
|
|
17
|
+
flexBasis?: import("csstype").Property.FlexBasis<number | (string & {})> | undefined;
|
|
18
|
+
flexDirection?: import("csstype").Property.FlexDirection | undefined;
|
|
19
|
+
flexGrow?: import("csstype").Property.FlexGrow | undefined;
|
|
20
|
+
flexShrink?: import("csstype").Property.FlexShrink | undefined;
|
|
21
|
+
justifyContent?: import("csstype").Property.JustifyContent | undefined;
|
|
22
|
+
flexWrap?: import("csstype").Property.FlexWrap | undefined;
|
|
23
|
+
rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
|
|
24
|
+
columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
|
|
25
|
+
gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
|
|
26
|
+
flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
|
|
27
|
+
padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
|
|
28
|
+
margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
|
|
29
|
+
marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
|
|
30
|
+
marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
|
|
31
|
+
marginBottom?: import("csstype").Property.MarginBottom<number | (string & {})> | undefined;
|
|
32
|
+
marginLeft?: import("csstype").Property.MarginLeft<number | (string & {})> | undefined;
|
|
33
|
+
lineHeight?: import("csstype").Property.LineHeight<number | (string & {})> | undefined;
|
|
34
|
+
background?: import("csstype").Property.Background<number | (string & {})> | undefined;
|
|
35
|
+
textAlign?: import("csstype").Property.TextAlign | undefined;
|
|
36
|
+
} & import("react").HTMLAttributes<unknown> & {
|
|
37
|
+
children?: import("react").ReactNode;
|
|
38
|
+
tag?: keyof JSX.IntrinsicElements | undefined;
|
|
39
|
+
style?: import("react").CSSProperties | undefined;
|
|
40
|
+
onClick?: (() => void) | undefined;
|
|
41
|
+
className?: string | undefined;
|
|
42
|
+
} & import("react").RefAttributes<HTMLDivElement>, {
|
|
43
|
+
color?: import("csstype").Property.Color | undefined;
|
|
44
|
+
width?: import("csstype").Property.Width<number | (string & {})> | undefined;
|
|
45
|
+
cursor?: import("csstype").Property.Cursor | undefined;
|
|
46
|
+
display?: import("csstype").Property.Display | undefined;
|
|
47
|
+
fontSize?: import("csstype").Property.FontSize<number | (string & {})> | undefined;
|
|
48
|
+
fontWeight?: import("csstype").Property.FontWeight | undefined;
|
|
49
|
+
letterSpacing?: import("csstype").Property.LetterSpacing<number | (string & {})> | undefined;
|
|
50
|
+
opacity?: import("csstype").Property.Opacity | undefined;
|
|
51
|
+
alignItems?: import("csstype").Property.AlignItems | undefined;
|
|
52
|
+
flexBasis?: import("csstype").Property.FlexBasis<number | (string & {})> | undefined;
|
|
53
|
+
flexDirection?: import("csstype").Property.FlexDirection | undefined;
|
|
54
|
+
flexGrow?: import("csstype").Property.FlexGrow | undefined;
|
|
55
|
+
flexShrink?: import("csstype").Property.FlexShrink | undefined;
|
|
56
|
+
justifyContent?: import("csstype").Property.JustifyContent | undefined;
|
|
57
|
+
flexWrap?: import("csstype").Property.FlexWrap | undefined;
|
|
58
|
+
rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
|
|
59
|
+
columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
|
|
60
|
+
gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
|
|
61
|
+
flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
|
|
62
|
+
padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
|
|
63
|
+
margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
|
|
64
|
+
marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
|
|
65
|
+
marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
|
|
66
|
+
marginBottom?: import("csstype").Property.MarginBottom<number | (string & {})> | undefined;
|
|
67
|
+
marginLeft?: import("csstype").Property.MarginLeft<number | (string & {})> | undefined;
|
|
68
|
+
lineHeight?: import("csstype").Property.LineHeight<number | (string & {})> | undefined;
|
|
69
|
+
background?: import("csstype").Property.Background<number | (string & {})> | undefined;
|
|
70
|
+
textAlign?: import("csstype").Property.TextAlign | undefined;
|
|
71
|
+
} & import("react").HTMLAttributes<unknown> & {
|
|
72
|
+
children?: import("react").ReactNode;
|
|
73
|
+
tag?: keyof JSX.IntrinsicElements | undefined;
|
|
74
|
+
style?: import("react").CSSProperties | undefined;
|
|
75
|
+
onClick?: (() => void) | undefined;
|
|
76
|
+
className?: string | undefined;
|
|
77
|
+
} & import("react").RefAttributes<HTMLDivElement>>, never>, never>> & Omit<import("react").ForwardRefExoticComponent<{
|
|
78
|
+
color?: import("csstype").Property.Color | undefined;
|
|
79
|
+
width?: import("csstype").Property.Width<number | (string & {})> | undefined;
|
|
80
|
+
cursor?: import("csstype").Property.Cursor | undefined;
|
|
81
|
+
display?: import("csstype").Property.Display | undefined;
|
|
82
|
+
fontSize?: import("csstype").Property.FontSize<number | (string & {})> | undefined;
|
|
83
|
+
fontWeight?: import("csstype").Property.FontWeight | undefined;
|
|
84
|
+
letterSpacing?: import("csstype").Property.LetterSpacing<number | (string & {})> | undefined;
|
|
85
|
+
opacity?: import("csstype").Property.Opacity | undefined;
|
|
86
|
+
alignItems?: import("csstype").Property.AlignItems | undefined;
|
|
87
|
+
flexBasis?: import("csstype").Property.FlexBasis<number | (string & {})> | undefined;
|
|
88
|
+
flexDirection?: import("csstype").Property.FlexDirection | undefined;
|
|
89
|
+
flexGrow?: import("csstype").Property.FlexGrow | undefined;
|
|
90
|
+
flexShrink?: import("csstype").Property.FlexShrink | undefined;
|
|
91
|
+
justifyContent?: import("csstype").Property.JustifyContent | undefined;
|
|
92
|
+
flexWrap?: import("csstype").Property.FlexWrap | undefined;
|
|
93
|
+
rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
|
|
94
|
+
columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
|
|
95
|
+
gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
|
|
96
|
+
flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
|
|
97
|
+
padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
|
|
98
|
+
margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
|
|
99
|
+
marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
|
|
100
|
+
marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
|
|
101
|
+
marginBottom?: import("csstype").Property.MarginBottom<number | (string & {})> | undefined;
|
|
102
|
+
marginLeft?: import("csstype").Property.MarginLeft<number | (string & {})> | undefined;
|
|
103
|
+
lineHeight?: import("csstype").Property.LineHeight<number | (string & {})> | undefined;
|
|
104
|
+
background?: import("csstype").Property.Background<number | (string & {})> | undefined;
|
|
105
|
+
textAlign?: import("csstype").Property.TextAlign | undefined;
|
|
106
|
+
} & import("react").HTMLAttributes<unknown> & {
|
|
107
|
+
children?: import("react").ReactNode;
|
|
108
|
+
tag?: keyof JSX.IntrinsicElements | undefined;
|
|
109
|
+
style?: import("react").CSSProperties | undefined;
|
|
110
|
+
onClick?: (() => void) | undefined;
|
|
111
|
+
className?: string | undefined;
|
|
112
|
+
} & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
|
|
10
113
|
export declare const ProductCardPriceWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
11
114
|
export declare const ProductCardPrice: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
12
|
-
export declare const ProductCardData: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
13
115
|
export declare const ProductCardBottom: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
|
|
14
116
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
15
117
|
}>, never>, never>>;
|
|
@@ -17,10 +119,15 @@ export declare const ProductCardBottomContent: import("styled-components").IStyl
|
|
|
17
119
|
export declare const ProductCardTitleWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
18
120
|
export declare const ProductCardWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
19
121
|
$isHoverDisabled: boolean;
|
|
122
|
+
$isImageFitCover?: boolean | undefined;
|
|
20
123
|
}>>;
|
|
21
124
|
export declare const ProductCardTop: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
22
125
|
$isNotImageLoaded: boolean;
|
|
23
126
|
}>>;
|
|
24
127
|
export declare const BottomText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>;
|
|
25
128
|
export declare const ProductCardImageWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
129
|
+
export declare const ProductCardImageAndCTAContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
130
|
+
export declare const CTAOnHoverContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
131
|
+
$isHovered: boolean;
|
|
132
|
+
}>>;
|
|
26
133
|
//# sourceMappingURL=ProductCard.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCard.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.styles.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"ProductCard.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,uBAAuB,gNAQnC,CAAC;AAEF,eAAO,MAAM,aAAa,gNAqCzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,gNAI9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,gNAWpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,gNAelC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kGAa5B,CAAC;AAEF,eAAO,MAAM,uBAAuB,gNASnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,gNAM5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;mBAQ7B,CAAC;AACF,eAAO,MAAM,wBAAwB,gNAQpC,CAAC;AAEF,eAAO,MAAM,uBAAuB,gNAGnC,CAAC;AAEF,eAAO,MAAM,kBAAkB;sBACX,OAAO;;GAqD1B,CAAC;AAEF,eAAO,MAAM,cAAc;uBAAmC,OAAO;GAOpE,CAAC;AAEF,eAAO,MAAM,UAAU,4NAOtB,CAAC;AAEF,eAAO,MAAM,uBAAuB,gNASnC,CAAC;AAEF,eAAO,MAAM,+BAA+B,gNAE3C,CAAC;AAEF,eAAO,MAAM,mBAAmB;gBAA4B,OAAO;GAKlE,CAAC"}
|