@lanaco/lnc-react-ui 4.0.131 → 4.0.133
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/BannerSectionCarousel.cjs +12 -8
- package/dist/BannerSectionCarousel.js +14 -10
- package/dist/BlogCardsSponsoredSection.cjs +7 -20
- package/dist/BlogCardsSponsoredSection.js +70 -99
- package/dist/BlogExploreSection.cjs +5 -5
- package/dist/BlogExploreSection.js +198 -192
- package/dist/BlogListSection.cjs +4 -18
- package/dist/BlogListSection.js +70 -93
- package/dist/BlogProductCardsSection.js +2 -2
- package/dist/BlogShopCardsSection.cjs +1 -1
- package/dist/BlogShopCardsSection.js +1 -1
- package/dist/BlogSingleSection.js +1 -1
- package/dist/BlogsSectionDetailed.cjs +2 -5
- package/dist/BlogsSectionDetailed.js +23 -26
- package/dist/BlogsSectionLarge.js +1 -1
- package/dist/BlogsSectionSimple.cjs +14 -7
- package/dist/BlogsSectionSimple.js +83 -72
- package/dist/BlogsSectionSimpleCentered.js +1 -1
- package/dist/BlogsSectionWithFilters.js +1 -1
- package/dist/DetailedProductsSection.js +1 -1
- package/dist/FieldOfInterestsWithAvatarsCardsSection.js +1 -1
- package/dist/ProductsWithBannerSection.js +1 -1
- package/dist/ReviewsSection.js +1 -1
- package/dist/SalesCampaignsSection.cjs +33 -33
- package/dist/SalesCampaignsSection.js +274 -275
- package/dist/ShopAvatar-4-fCYGEc.js +4 -0
- package/dist/ShopAvatar-CV3lj34D.cjs +1 -0
- package/dist/ShopCardsSection.cjs +1 -1
- package/dist/ShopCardsSection.js +1 -1
- package/dist/SimpleProductsSection.js +2 -2
- package/dist/UrgentSaleProductsSection.js +1 -1
- package/dist/{index-CU0KClNt.js → index-B7pgRoP5.js} +1 -1
- package/dist/{index-3TFXgZHA.js → index-DRP1yTKe.js} +13 -18
- package/dist/{index-EE-IJbC3.js → index-DiPwx53C.js} +2 -8
- package/dist/{skeleton-fVxknFUi.js → skeleton-ChyJLfsR.js} +36 -35
- package/dist/skeleton-Dw2U9XhS.cjs +168 -0
- package/dist/{suspense-product-card-detailed-BP1opdKD.js → suspense-product-card-detailed-CFZchhUK.js} +1 -1
- package/dist/{suspense-product-card-simple-BT5gv-kY.js → suspense-product-card-simple-BuJtwiwA.js} +1 -1
- package/package.json +1 -1
- package/dist/skeleton-Bl1q9Yqe.cjs +0 -168
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
const C = "data:image/svg+xml,%3csvg%20width='80'%20height='80'%20viewBox='0%200%2080%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M40%200C62.0914%200%2080%2017.9086%2080%2040C80%2062.0914%2062.0914%2080%2040%2080C17.9086%2080%200%2062.0914%200%2040C0%2017.9086%2017.9086%200%2040%200ZM29.7148%2020C29.1939%2019.9981%2028.5387%2019.9954%2027.9199%2020.1973C27.3848%2020.3719%2026.8918%2020.6581%2026.4746%2021.0361C25.9923%2021.4732%2025.6689%2022.0429%2025.4121%2022.4961C25.3881%2022.5384%2025.3647%2022.58%2025.3418%2022.6201L18.2637%2035.0078C17.91%2035.6268%2017.9127%2036.3873%2018.2705%2037.0039C18.6284%2037.6204%2019.2871%2038%2020%2038H22V53.2725C22%2054.0504%2022.0003%2054.7505%2022.0479%2055.333C22.0988%2055.9568%2022.214%2056.6198%2022.5449%2057.2695C23.0243%2058.2103%2023.7897%2058.9757%2024.7305%2059.4551C25.3802%2059.786%2026.0432%2059.9012%2026.667%2059.9521C27.2495%2059.9997%2027.9496%2060%2028.7275%2060H39.2725C40.0504%2060%2040.7505%2059.9997%2041.333%2059.9521C41.9568%2059.9012%2042.6198%2059.786%2043.2695%2059.4551C44.2103%2058.9757%2044.9757%2058.2103%2045.4551%2057.2695C45.786%2056.6198%2045.9012%2055.9568%2045.9521%2055.333C45.9997%2054.7505%2046%2054.0504%2046%2053.2725V38H54V58C54%2059.1046%2054.8954%2060%2056%2060C57.1046%2060%2058%2059.1046%2058%2058V38H60C60.7129%2038%2061.3716%2037.6204%2061.7295%2037.0039C62.0873%2036.3873%2062.09%2035.6268%2061.7363%2035.0078L54.6582%2022.6201C54.6353%2022.58%2054.6119%2022.5384%2054.5879%2022.4961C54.3311%2022.0429%2054.0077%2021.4732%2053.5254%2021.0361C53.1082%2020.6581%2052.6152%2020.3719%2052.0801%2020.1973C51.4613%2019.9954%2050.8061%2019.9981%2050.2852%2020H29.7148ZM42%2038V48H26V38H42Z'%20fill='%2387C6FA'/%3e%3c/svg%3e";
|
|
2
|
+
export {
|
|
3
|
+
C as D
|
|
4
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const C="data:image/svg+xml,%3csvg%20width='80'%20height='80'%20viewBox='0%200%2080%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M40%200C62.0914%200%2080%2017.9086%2080%2040C80%2062.0914%2062.0914%2080%2040%2080C17.9086%2080%200%2062.0914%200%2040C0%2017.9086%2017.9086%200%2040%200ZM29.7148%2020C29.1939%2019.9981%2028.5387%2019.9954%2027.9199%2020.1973C27.3848%2020.3719%2026.8918%2020.6581%2026.4746%2021.0361C25.9923%2021.4732%2025.6689%2022.0429%2025.4121%2022.4961C25.3881%2022.5384%2025.3647%2022.58%2025.3418%2022.6201L18.2637%2035.0078C17.91%2035.6268%2017.9127%2036.3873%2018.2705%2037.0039C18.6284%2037.6204%2019.2871%2038%2020%2038H22V53.2725C22%2054.0504%2022.0003%2054.7505%2022.0479%2055.333C22.0988%2055.9568%2022.214%2056.6198%2022.5449%2057.2695C23.0243%2058.2103%2023.7897%2058.9757%2024.7305%2059.4551C25.3802%2059.786%2026.0432%2059.9012%2026.667%2059.9521C27.2495%2059.9997%2027.9496%2060%2028.7275%2060H39.2725C40.0504%2060%2040.7505%2059.9997%2041.333%2059.9521C41.9568%2059.9012%2042.6198%2059.786%2043.2695%2059.4551C44.2103%2058.9757%2044.9757%2058.2103%2045.4551%2057.2695C45.786%2056.6198%2045.9012%2055.9568%2045.9521%2055.333C45.9997%2054.7505%2046%2054.0504%2046%2053.2725V38H54V58C54%2059.1046%2054.8954%2060%2056%2060C57.1046%2060%2058%2059.1046%2058%2058V38H60C60.7129%2038%2061.3716%2037.6204%2061.7295%2037.0039C62.0873%2036.3873%2062.09%2035.6268%2061.7363%2035.0078L54.6582%2022.6201C54.6353%2022.58%2054.6119%2022.5384%2054.5879%2022.4961C54.3311%2022.0429%2054.0077%2021.4732%2053.5254%2021.0361C53.1082%2020.6581%2052.6152%2020.3719%2052.0801%2020.1973C51.4613%2019.9954%2050.8061%2019.9981%2050.2852%2020H29.7148ZM42%2038V48H26V38H42Z'%20fill='%2387C6FA'/%3e%3c/svg%3e";exports.DefaultShopImage=C;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const t=require("react/jsx-runtime"),c=require("react"),v=require("./Button.cjs"),p=require("./skeleton-
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),c=require("react"),v=require("./Button.cjs"),p=require("./skeleton-Dw2U9XhS.cjs"),j=require("./utils-DmMdPm9O.cjs"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),d=b.styled.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
align-items: flex-start;
|
package/dist/ShopCardsSection.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as n, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as v } from "react";
|
|
3
3
|
import C from "./Button.js";
|
|
4
|
-
import { S as b, a as d } from "./skeleton-
|
|
4
|
+
import { S as b, a as d } from "./skeleton-ChyJLfsR.js";
|
|
5
5
|
import { k as S } from "./utils-BPdU4_1q.js";
|
|
6
6
|
import { s as N } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
7
7
|
import { M as c } from "./consts-BuFChS64.js";
|
|
@@ -3,9 +3,9 @@ import { memo as F, forwardRef as N, useMemo as T } from "react";
|
|
|
3
3
|
import { s as v } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
4
|
import { M as B } from "./consts-BuFChS64.js";
|
|
5
5
|
import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
|
|
6
|
-
import { S as L } from "./index-
|
|
6
|
+
import { S as L } from "./index-B7pgRoP5.js";
|
|
7
7
|
import { T as j } from "./index-DK8dqEUQ.js";
|
|
8
|
-
import { S as z } from "./suspense-product-card-simple-
|
|
8
|
+
import { S as z } from "./suspense-product-card-simple-BuJtwiwA.js";
|
|
9
9
|
const C = v.div`
|
|
10
10
|
display: grid;
|
|
11
11
|
grid-template-columns: repeat(6, 1fr);
|
|
@@ -4,7 +4,7 @@ import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
|
4
4
|
import { M as L, S as F } from "./consts-BuFChS64.js";
|
|
5
5
|
import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
|
|
6
6
|
import T from "./Button.js";
|
|
7
|
-
import { D as _, S as D } from "./suspense-product-card-detailed-
|
|
7
|
+
import { D as _, S as D } from "./suspense-product-card-detailed-CFZchhUK.js";
|
|
8
8
|
const E = C.div`
|
|
9
9
|
padding: 1.75rem 3rem;
|
|
10
10
|
display: grid;
|
|
@@ -2,7 +2,7 @@ import { jsxs as e, jsx as d } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef as f } from "react";
|
|
3
3
|
import { s as n } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
4
|
import { o as u, p as h, l as b, q as x, G as v } from "./utils-BPdU4_1q.js";
|
|
5
|
-
import { P as y } from "./index-
|
|
5
|
+
import { P as y } from "./index-DRP1yTKe.js";
|
|
6
6
|
const G = n.div`
|
|
7
7
|
background-color: var(--gray-200, #dddfe4);
|
|
8
8
|
border-radius: 0.75rem;
|
|
@@ -1,24 +1,19 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as a, useRef as s, useEffect as d, Fragment as f } from "react";
|
|
3
3
|
import { k as g } from "./utils-BPdU4_1q.js";
|
|
4
|
-
const n = "data:image/svg+xml,%3csvg%20width='240'%20height='240'%20viewBox='0%200%20240%20240'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='240'%20height='240'%20rx='12'%20fill='%2314161A'%20fill-opacity='0.04'/%3e%3crect%20x='88'%20y='88'%20width='64'%20height='64'%20rx='32'%20fill='%2314161A'%20fill-opacity='0.08'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M110%20108H130C130.53%20108%20131.039%20108.211%20131.414%20108.586C131.789%20108.961%20132%20109.47%20132%20110V130C132%20130.53%20131.789%20131.039%20131.414%20131.414C131.039%20131.789%20130.53%20132%20130%20132H110C109.47%20132%20108.961%20131.789%20108.586%20131.414C108.211%20131.039%20108%20130.53%20108%20130V110C108%20109.47%20108.211%20108.961%20108.586%20108.586C108.961%20108.211%20109.47%20108%20110%20108ZM110%20124V130H130V128L125%20123L123.41%20124.59C123.035%20124.963%20122.528%20125.172%20122%20125.172C121.472%20125.172%20120.965%20124.963%20120.59%20124.59L115%20119L110%20124ZM126.41%20121.58L130%20125.17V110H110V121.17L113.59%20117.58C113.965%20117.207%20114.472%20116.998%20115%20116.998C115.528%20116.998%20116.035%20117.207%20116.41%20117.58L122%20123.17L123.59%20121.58C123.965%20121.207%20124.472%20120.998%20125%20120.998C125.528%20120.998%20126.035%20121.207%20126.41%20121.58ZM124.667%20117.494C124.173%20117.824%20123.593%20118%20123%20118C122.204%20118%20121.441%20117.684%20120.879%20117.121C120.316%20116.559%20120%20115.796%20120%20115C120%20114.407%20120.176%20113.827%20120.506%20113.333C120.835%20112.84%20121.304%20112.455%20121.852%20112.228C122.4%20112.001%20123.003%20111.942%20123.585%20112.058C124.167%20112.173%20124.702%20112.459%20125.121%20112.879C125.541%20113.298%20125.827%20113.833%20125.942%20114.415C126.058%20114.997%20125.999%20115.6%20125.772%20116.148C125.545%20116.696%20125.16%20117.165%20124.667%20117.494ZM123.556%20114.169C123.391%20114.059%20123.198%20114%20123%20114C122.735%20114%20122.48%20114.105%20122.293%20114.293C122.105%20114.48%20122%20114.735%20122%20115C122%20115.198%20122.059%20115.391%20122.169%20115.556C122.278%20115.72%20122.435%20115.848%20122.617%20115.924C122.8%20116%20123.001%20116.019%20123.195%20115.981C123.389%20115.942%20123.567%20115.847%20123.707%20115.707C123.847%20115.567%20123.942%20115.389%20123.981%20115.195C124.019%20115.001%20124%20114.8%20123.924%20114.617C123.848%20114.435%20123.72%20114.278%20123.556%20114.169Z'%20fill='%23868C98'/%3e%3c/svg%3e", u = a(
|
|
5
|
-
(
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
(e = r == null ? void 0 : r.current) == null || e.removeEventListener("error", i);
|
|
18
|
-
};
|
|
19
|
-
}, []), /* @__PURE__ */ t(f, { ref: c, children: g(C) ? /* @__PURE__ */ t("img", { ref: r, src: C, ...o }) : /* @__PURE__ */ t("img", { src: n, ...o }) });
|
|
20
|
-
}
|
|
21
|
-
);
|
|
4
|
+
const n = "data:image/svg+xml,%3csvg%20width='240'%20height='240'%20viewBox='0%200%20240%20240'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='240'%20height='240'%20rx='12'%20fill='%2314161A'%20fill-opacity='0.04'/%3e%3crect%20x='88'%20y='88'%20width='64'%20height='64'%20rx='32'%20fill='%2314161A'%20fill-opacity='0.08'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M110%20108H130C130.53%20108%20131.039%20108.211%20131.414%20108.586C131.789%20108.961%20132%20109.47%20132%20110V130C132%20130.53%20131.789%20131.039%20131.414%20131.414C131.039%20131.789%20130.53%20132%20130%20132H110C109.47%20132%20108.961%20131.789%20108.586%20131.414C108.211%20131.039%20108%20130.53%20108%20130V110C108%20109.47%20108.211%20108.961%20108.586%20108.586C108.961%20108.211%20109.47%20108%20110%20108ZM110%20124V130H130V128L125%20123L123.41%20124.59C123.035%20124.963%20122.528%20125.172%20122%20125.172C121.472%20125.172%20120.965%20124.963%20120.59%20124.59L115%20119L110%20124ZM126.41%20121.58L130%20125.17V110H110V121.17L113.59%20117.58C113.965%20117.207%20114.472%20116.998%20115%20116.998C115.528%20116.998%20116.035%20117.207%20116.41%20117.58L122%20123.17L123.59%20121.58C123.965%20121.207%20124.472%20120.998%20125%20120.998C125.528%20120.998%20126.035%20121.207%20126.41%20121.58ZM124.667%20117.494C124.173%20117.824%20123.593%20118%20123%20118C122.204%20118%20121.441%20117.684%20120.879%20117.121C120.316%20116.559%20120%20115.796%20120%20115C120%20114.407%20120.176%20113.827%20120.506%20113.333C120.835%20112.84%20121.304%20112.455%20121.852%20112.228C122.4%20112.001%20123.003%20111.942%20123.585%20112.058C124.167%20112.173%20124.702%20112.459%20125.121%20112.879C125.541%20113.298%20125.827%20113.833%20125.942%20114.415C126.058%20114.997%20125.999%20115.6%20125.772%20116.148C125.545%20116.696%20125.16%20117.165%20124.667%20117.494ZM123.556%20114.169C123.391%20114.059%20123.198%20114%20123%20114C122.735%20114%20122.48%20114.105%20122.293%20114.293C122.105%20114.48%20122%20114.735%20122%20115C122%20115.198%20122.059%20115.391%20122.169%20115.556C122.278%20115.72%20122.435%20115.848%20122.617%20115.924C122.8%20116%20123.001%20116.019%20123.195%20115.981C123.389%20115.942%20123.567%20115.847%20123.707%20115.707C123.847%20115.567%20123.942%20115.389%20123.981%20115.195C124.019%20115.001%20124%20114.8%20123.924%20114.617C123.848%20114.435%20123.72%20114.278%20123.556%20114.169Z'%20fill='%23868C98'/%3e%3c/svg%3e", u = a(({ src: C, ...o }, c) => {
|
|
5
|
+
const r = s();
|
|
6
|
+
return d(() => {
|
|
7
|
+
var l;
|
|
8
|
+
const i = (e) => {
|
|
9
|
+
e.target.src = n, e.onerror = null;
|
|
10
|
+
};
|
|
11
|
+
return (l = r == null ? void 0 : r.current) == null || l.addEventListener("error", i), () => {
|
|
12
|
+
var e;
|
|
13
|
+
(e = r == null ? void 0 : r.current) == null || e.removeEventListener("error", i);
|
|
14
|
+
};
|
|
15
|
+
}, []), /* @__PURE__ */ t(f, { ref: c, children: g(C) ? /* @__PURE__ */ t("img", { ref: r, src: C, ...o }) : /* @__PURE__ */ t("img", { src: n, ...o }) });
|
|
16
|
+
});
|
|
22
17
|
export {
|
|
23
18
|
u as P
|
|
24
19
|
};
|
|
@@ -3,15 +3,9 @@ import { forwardRef as p } from "react";
|
|
|
3
3
|
import { W as d, T as u } from "./skeleton-PMiYQLOs.js";
|
|
4
4
|
import { u as b } from "./useDetectMobile-Bkvj0VMa.js";
|
|
5
5
|
import a from "./Button.js";
|
|
6
|
-
import { P as f } from "./index-
|
|
6
|
+
import { P as f } from "./index-DRP1yTKe.js";
|
|
7
7
|
const k = p((l, c) => {
|
|
8
|
-
const {
|
|
9
|
-
title: s,
|
|
10
|
-
imageUrl: n,
|
|
11
|
-
text: m,
|
|
12
|
-
onCardClick: e,
|
|
13
|
-
buttonText: t
|
|
14
|
-
} = l, o = b();
|
|
8
|
+
const { title: s, imageUrl: n, text: m, onCardClick: e, buttonText: t } = l, o = b();
|
|
15
9
|
return /* @__PURE__ */ i(d, { ref: c, className: "blog-card", onClick: e, children: [
|
|
16
10
|
/* @__PURE__ */ r(f, { src: n }),
|
|
17
11
|
/* @__PURE__ */ i(u, { children: [
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { jsxs as i, jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as h, useRef as L, useEffect as
|
|
3
|
-
import
|
|
2
|
+
import { forwardRef as h, useRef as L, useEffect as E, Fragment as z } from "react";
|
|
3
|
+
import c from "./Icon.js";
|
|
4
4
|
import { p as d, o as g, l as _ } from "./utils-BPdU4_1q.js";
|
|
5
|
-
import {
|
|
5
|
+
import { D as f } from "./ShopAvatar-4-fCYGEc.js";
|
|
6
|
+
import { P as D } from "./index-DRP1yTKe.js";
|
|
6
7
|
import { s as w } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
7
|
-
const
|
|
8
|
+
const G = w.div`
|
|
8
9
|
display: flex;
|
|
9
10
|
flex-direction: column;
|
|
10
11
|
align-items: center;
|
|
@@ -128,7 +129,7 @@ const E = w.div`
|
|
|
128
129
|
}
|
|
129
130
|
}
|
|
130
131
|
}
|
|
131
|
-
`,
|
|
132
|
+
`, P = w.div`
|
|
132
133
|
display: flex;
|
|
133
134
|
flex-direction: column;
|
|
134
135
|
align-items: center;
|
|
@@ -171,54 +172,54 @@ const E = w.div`
|
|
|
171
172
|
width: 100%;
|
|
172
173
|
}
|
|
173
174
|
}
|
|
174
|
-
`,
|
|
175
|
+
`, B = h(
|
|
175
176
|
({
|
|
176
177
|
uuid: o,
|
|
177
178
|
image: m,
|
|
178
|
-
imageComponent:
|
|
179
|
+
imageComponent: p,
|
|
179
180
|
title: x,
|
|
180
181
|
subtitle: v,
|
|
181
|
-
badges:
|
|
182
|
-
rating:
|
|
182
|
+
badges: b,
|
|
183
|
+
rating: y,
|
|
183
184
|
reviewCount: t,
|
|
184
|
-
products:
|
|
185
|
-
onSelectCard:
|
|
185
|
+
products: l,
|
|
186
|
+
onSelectCard: N = () => {
|
|
186
187
|
},
|
|
187
|
-
getProductImage:
|
|
188
|
+
getProductImage: k = () => {
|
|
188
189
|
},
|
|
189
|
-
canAcceptPayments:
|
|
190
|
-
hideProducts:
|
|
191
|
-
showRating:
|
|
192
|
-
},
|
|
190
|
+
canAcceptPayments: u,
|
|
191
|
+
hideProducts: S = !1,
|
|
192
|
+
showRating: $ = !0
|
|
193
|
+
}, j) => {
|
|
193
194
|
const n = L();
|
|
194
|
-
return
|
|
195
|
-
var
|
|
195
|
+
return E(() => {
|
|
196
|
+
var s;
|
|
196
197
|
const e = (a) => {
|
|
197
198
|
a.target.src = f, a.onerror = null;
|
|
198
199
|
};
|
|
199
|
-
return (
|
|
200
|
+
return (s = n == null ? void 0 : n.current) == null || s.addEventListener("error", e), () => {
|
|
200
201
|
var a;
|
|
201
202
|
(a = n == null ? void 0 : n.current) == null || a.removeEventListener("error", e);
|
|
202
203
|
};
|
|
203
|
-
}, []), /* @__PURE__ */ i(
|
|
204
|
+
}, []), /* @__PURE__ */ i(G, { ref: j, onClick: N, children: [
|
|
204
205
|
/* @__PURE__ */ i("div", { className: "wrapper__content", children: [
|
|
205
|
-
_(
|
|
206
|
+
_(p) ? p : m ? /* @__PURE__ */ r("img", { ref: n, src: m, className: "wrapper__image" }) : /* @__PURE__ */ r("img", { src: f }),
|
|
206
207
|
/* @__PURE__ */ i("div", { className: "wrapper__info", children: [
|
|
207
208
|
/* @__PURE__ */ i("div", { className: "wrapper__title", children: [
|
|
208
209
|
x,
|
|
209
210
|
" ",
|
|
210
|
-
|
|
211
|
+
u && /* @__PURE__ */ r(c, { color: "secondary", icon: "credit-card", className: "card" })
|
|
211
212
|
] }),
|
|
212
213
|
/* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: v }),
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
/* @__PURE__ */ r("div", { className: "wrapper_stars", children: [...Array(5).keys()].map((e,
|
|
216
|
-
|
|
214
|
+
b && /* @__PURE__ */ r("div", { className: "wrapper__badges" }),
|
|
215
|
+
$ && /* @__PURE__ */ i("div", { className: "wrapper__rating", children: [
|
|
216
|
+
/* @__PURE__ */ r("div", { className: "wrapper_stars", children: [...Array(5).keys()].map((e, s) => /* @__PURE__ */ r(
|
|
217
|
+
c,
|
|
217
218
|
{
|
|
218
219
|
icon: " mng-lnc-star--filled",
|
|
219
|
-
className: `wrapper__star ${e >=
|
|
220
|
+
className: `wrapper__star ${e >= y ? "gold-star" : ""}`
|
|
220
221
|
},
|
|
221
|
-
`shop-card-rating-star__${
|
|
222
|
+
`shop-card-rating-star__${s + 1}`
|
|
222
223
|
)) }),
|
|
223
224
|
/* @__PURE__ */ i("div", { className: "wrapper__review-count", children: [
|
|
224
225
|
"(",
|
|
@@ -228,7 +229,7 @@ const E = w.div`
|
|
|
228
229
|
] })
|
|
229
230
|
] })
|
|
230
231
|
] }),
|
|
231
|
-
|
|
232
|
+
S !== !0 && /* @__PURE__ */ r("div", { className: "wrapper__products", children: l && (l == null ? void 0 : l.map((e, s) => /* @__PURE__ */ r(z, { children: /* @__PURE__ */ r(
|
|
232
233
|
"div",
|
|
233
234
|
{
|
|
234
235
|
className: "wrapper__product",
|
|
@@ -237,9 +238,9 @@ const E = w.div`
|
|
|
237
238
|
return (a = e == null ? void 0 : e.onSelectProduct) == null ? void 0 : a.call(e, e == null ? void 0 : e.uuid);
|
|
238
239
|
},
|
|
239
240
|
children: _(e == null ? void 0 : e.imageComponent) ? e == null ? void 0 : e.imageComponent : /* @__PURE__ */ r(
|
|
240
|
-
|
|
241
|
+
D,
|
|
241
242
|
{
|
|
242
|
-
src:
|
|
243
|
+
src: k(
|
|
243
244
|
e == null ? void 0 : e.image,
|
|
244
245
|
e == null ? void 0 : e.uuid,
|
|
245
246
|
o
|
|
@@ -248,10 +249,10 @@ const E = w.div`
|
|
|
248
249
|
}
|
|
249
250
|
)
|
|
250
251
|
}
|
|
251
|
-
) },
|
|
252
|
+
) }, s))) })
|
|
252
253
|
] });
|
|
253
254
|
}
|
|
254
|
-
),
|
|
255
|
+
), H = h(({}, o) => /* @__PURE__ */ r(P, { children: /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
|
|
255
256
|
/* @__PURE__ */ r("div", { className: "wrapper__image" }),
|
|
256
257
|
/* @__PURE__ */ i("div", { className: "wrapper__info", children: [
|
|
257
258
|
/* @__PURE__ */ r("div", { className: "wrapper__info-item" }),
|
|
@@ -261,6 +262,6 @@ const E = w.div`
|
|
|
261
262
|
] })
|
|
262
263
|
] }) }));
|
|
263
264
|
export {
|
|
264
|
-
|
|
265
|
-
|
|
265
|
+
B as S,
|
|
266
|
+
H as a
|
|
266
267
|
};
|
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),t=require("react"),d=require("./Icon.cjs"),n=require("./utils-DmMdPm9O.cjs"),_=require("./ShopAvatar-CV3lj34D.cjs"),S=require("./index-DiIeF_76.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=g.styled.div`
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
align-items: center;
|
|
5
|
+
border-radius: 1.25rem;
|
|
6
|
+
border: 1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08));
|
|
7
|
+
background: var(--Lanaco-Gray-white, #fff);
|
|
8
|
+
width: 100%;
|
|
9
|
+
height: 100%;
|
|
10
|
+
justify-content: space-between;
|
|
11
|
+
/* drop-shadow-sm */
|
|
12
|
+
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
|
|
13
|
+
|
|
14
|
+
&:hover {
|
|
15
|
+
cursor: pointer;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
& .wrapper__content {
|
|
19
|
+
display: flex;
|
|
20
|
+
padding: 1.25rem;
|
|
21
|
+
flex-direction: column;
|
|
22
|
+
align-items: center;
|
|
23
|
+
gap: 0.75rem;
|
|
24
|
+
align-self: strech;
|
|
25
|
+
|
|
26
|
+
& .wrapper__image {
|
|
27
|
+
object-fit: cover;
|
|
28
|
+
aspect-ratio: 1 / 1;
|
|
29
|
+
max-height: 4rem;
|
|
30
|
+
border-radius: 999px;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
& .wrapper__info {
|
|
35
|
+
display: flex;
|
|
36
|
+
flex-direction: column;
|
|
37
|
+
align-items: center;
|
|
38
|
+
gap: 0.375rem;
|
|
39
|
+
|
|
40
|
+
& .wrapper__title {
|
|
41
|
+
display: flex;
|
|
42
|
+
align-items: center;
|
|
43
|
+
gap: 0.75rem;
|
|
44
|
+
color: var(--gray-950, #14161a);
|
|
45
|
+
font-size: 1rem;
|
|
46
|
+
font-style: normal;
|
|
47
|
+
font-weight: 500;
|
|
48
|
+
line-height: 1.5rem;
|
|
49
|
+
letter-spacing: -0.0112rem;
|
|
50
|
+
${n.truncateTextInRows(2)}
|
|
51
|
+
text-align: center;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
& .wrapper__subtitle {
|
|
55
|
+
color: var(--gray-600, #676e79);
|
|
56
|
+
text-align: center;
|
|
57
|
+
font-size: 0.875rem;
|
|
58
|
+
font-style: normal;
|
|
59
|
+
font-weight: 400;
|
|
60
|
+
line-height: 1.25rem;
|
|
61
|
+
letter-spacing: -0.0056rem;
|
|
62
|
+
${n.truncateTextInRows(2)}
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
& .wrapper__badges {
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
& .wrapper__rating {
|
|
69
|
+
display: flex;
|
|
70
|
+
align-items: center;
|
|
71
|
+
gap: 0.25rem;
|
|
72
|
+
|
|
73
|
+
& .wrapper__star {
|
|
74
|
+
& i {
|
|
75
|
+
color: var(--warning-500);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
& .gold-star {
|
|
79
|
+
& i {
|
|
80
|
+
color: var(--gray-500);
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
& .wrapper__review-count {
|
|
86
|
+
color: var(--gray-600, #676e79);
|
|
87
|
+
font-size: 0.75rem;
|
|
88
|
+
font-style: normal;
|
|
89
|
+
font-weight: 400;
|
|
90
|
+
line-height: 1rem;
|
|
91
|
+
letter-spacing: 0.01px;
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
& .wrapper__products {
|
|
97
|
+
display: flex;
|
|
98
|
+
align-items: flex-start;
|
|
99
|
+
column-gap: 1px;
|
|
100
|
+
width: 100%;
|
|
101
|
+
|
|
102
|
+
& .wrapper__product {
|
|
103
|
+
overflow: hidden;
|
|
104
|
+
cursor: pointer;
|
|
105
|
+
width: 100%;
|
|
106
|
+
max-height: 5.75rem;
|
|
107
|
+
|
|
108
|
+
&:first-child {
|
|
109
|
+
border-radius: 0 0 0 1.25rem;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
&:last-child {
|
|
113
|
+
border-radius: 0 0 1.25rem 0;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
& .product__image {
|
|
117
|
+
width: 100%;
|
|
118
|
+
aspect-ratio: 1 / 1;
|
|
119
|
+
height: calc(100% / 3);
|
|
120
|
+
max-height: 5.75rem;
|
|
121
|
+
object-fit: cover;
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
`,q=g.styled.div`
|
|
126
|
+
display: flex;
|
|
127
|
+
flex-direction: column;
|
|
128
|
+
align-items: center;
|
|
129
|
+
flex: 1 0 0;
|
|
130
|
+
border-radius: 1.25rem;
|
|
131
|
+
border: 1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08));
|
|
132
|
+
background: var(--Lanaco-Gray-white, #fff);
|
|
133
|
+
width: 100%;
|
|
134
|
+
|
|
135
|
+
/* drop-shadow-sm */
|
|
136
|
+
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
|
|
137
|
+
|
|
138
|
+
& .wrapper__content {
|
|
139
|
+
display: flex;
|
|
140
|
+
padding: 1.25rem;
|
|
141
|
+
flex-direction: column;
|
|
142
|
+
align-items: center;
|
|
143
|
+
gap: 0.75rem;
|
|
144
|
+
align-self: strech;
|
|
145
|
+
width: 100%;
|
|
146
|
+
|
|
147
|
+
& .wrapper__image {
|
|
148
|
+
width: 4rem;
|
|
149
|
+
height: 4rem;
|
|
150
|
+
border-radius: 999px;
|
|
151
|
+
background-color: ${n.linearGradientAnimation("-90deg")};
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
& .wrapper__info {
|
|
156
|
+
display: flex;
|
|
157
|
+
flex-direction: column;
|
|
158
|
+
align-items: center;
|
|
159
|
+
gap: 0.375rem;
|
|
160
|
+
width: 100%;
|
|
161
|
+
|
|
162
|
+
& .wrapper__info-item {
|
|
163
|
+
background-color: ${n.linearGradientAnimation("-90deg")};
|
|
164
|
+
height: 1rem;
|
|
165
|
+
width: 100%;
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
`,$=t.forwardRef(({uuid:c,image:m,imageComponent:p,title:x,subtitle:h,badges:f,rating:w,reviewCount:o,products:l,onSelectCard:v=()=>{},getProductImage:j=()=>{},canAcceptPayments:b,hideProducts:y=!1,showRating:N=!0},u)=>{const i=t.useRef();return t.useEffect(()=>{var s;const e=a=>{a.target.src=_.DefaultShopImage,a.onerror=null};return(s=i==null?void 0:i.current)==null||s.addEventListener("error",e),()=>{var a;(a=i==null?void 0:i.current)==null||a.removeEventListener("error",e)}},[]),r.jsxs(k,{ref:u,onClick:v,children:[r.jsxs("div",{className:"wrapper__content",children:[n.isDefined(p)?p:m?r.jsx("img",{ref:i,src:m,className:"wrapper__image"}):r.jsx("img",{src:_.DefaultShopImage}),r.jsxs("div",{className:"wrapper__info",children:[r.jsxs("div",{className:"wrapper__title",children:[x," ",b&&r.jsx(d,{color:"secondary",icon:"credit-card",className:"card"})]}),r.jsx("div",{className:"wrapper__subtitle",children:h}),f&&r.jsx("div",{className:"wrapper__badges"}),N&&r.jsxs("div",{className:"wrapper__rating",children:[r.jsx("div",{className:"wrapper_stars",children:[...Array(5).keys()].map((e,s)=>r.jsx(d,{icon:" mng-lnc-star--filled",className:`wrapper__star ${e>=w?"gold-star":""}`},`shop-card-rating-star__${s+1}`))}),r.jsxs("div",{className:"wrapper__review-count",children:["(",o==null?void 0:o.toLocaleString(),")"]})]})]})]}),y!==!0&&r.jsx("div",{className:"wrapper__products",children:l&&(l==null?void 0:l.map((e,s)=>r.jsx(t.Fragment,{children:r.jsx("div",{className:"wrapper__product",onClick:()=>{var a;return(a=e==null?void 0:e.onSelectProduct)==null?void 0:a.call(e,e==null?void 0:e.uuid)},children:n.isDefined(e==null?void 0:e.imageComponent)?e==null?void 0:e.imageComponent:r.jsx(S.ProductImageWrapper,{src:j(e==null?void 0:e.image,e==null?void 0:e.uuid,c),className:"product__image"})})},s)))})]})}),L=t.forwardRef(({},c)=>r.jsx(q,{children:r.jsxs("div",{className:"wrapper__content",children:[r.jsx("div",{className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__info",children:[r.jsx("div",{className:"wrapper__info-item"}),r.jsx("div",{className:"wrapper__info-item"}),r.jsx("div",{className:"wrapper__info-item"}),r.jsx("div",{className:"wrapper__info-item"})]})]})}));exports.ShopCard=$;exports.ShopCardSkeleton=L;
|
|
@@ -2,7 +2,7 @@ import { jsxs as i, jsx as e, Fragment as x } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef as p, Suspense as z } from "react";
|
|
3
3
|
import { p as C, t as f, o as s, l as D, q as u, G as w } from "./utils-BPdU4_1q.js";
|
|
4
4
|
import { s as g } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
5
|
-
import { P as I } from "./index-
|
|
5
|
+
import { P as I } from "./index-DRP1yTKe.js";
|
|
6
6
|
import { M as v } from "./consts-BuFChS64.js";
|
|
7
7
|
const k = g.div`
|
|
8
8
|
display: flex;
|
package/dist/{suspense-product-card-simple-BT5gv-kY.js → suspense-product-card-simple-BuJtwiwA.js}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as r, Fragment as p } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as a, Suspense as l } from "react";
|
|
3
|
-
import { a as c } from "./index-
|
|
3
|
+
import { a as c } from "./index-B7pgRoP5.js";
|
|
4
4
|
const m = a((e, t) => /* @__PURE__ */ r(c, {})), u = ({ limit: e = 6, isLoading: t = !1, keyPrefix: o }) => /* @__PURE__ */ r(p, { children: Array.from({ length: e }, (s, n) => /* @__PURE__ */ r(
|
|
5
5
|
m,
|
|
6
6
|
{
|
package/package.json
CHANGED
|
@@ -1,168 +0,0 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime"),t=require("react"),p=require("./Icon.cjs"),n=require("./utils-DmMdPm9O.cjs"),u=require("./index-DiIeF_76.cjs"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=_.styled.div`
|
|
2
|
-
display: flex;
|
|
3
|
-
flex-direction: column;
|
|
4
|
-
align-items: center;
|
|
5
|
-
border-radius: 1.25rem;
|
|
6
|
-
border: 1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08));
|
|
7
|
-
background: var(--Lanaco-Gray-white, #fff);
|
|
8
|
-
width: 100%;
|
|
9
|
-
height: 100%;
|
|
10
|
-
justify-content: space-between;
|
|
11
|
-
/* drop-shadow-sm */
|
|
12
|
-
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
|
|
13
|
-
|
|
14
|
-
&:hover {
|
|
15
|
-
cursor: pointer;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
& .wrapper__content {
|
|
19
|
-
display: flex;
|
|
20
|
-
padding: 1.25rem;
|
|
21
|
-
flex-direction: column;
|
|
22
|
-
align-items: center;
|
|
23
|
-
gap: 0.75rem;
|
|
24
|
-
align-self: strech;
|
|
25
|
-
|
|
26
|
-
& .wrapper__image {
|
|
27
|
-
object-fit: cover;
|
|
28
|
-
aspect-ratio: 1 / 1;
|
|
29
|
-
max-height: 4rem;
|
|
30
|
-
border-radius: 999px;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
& .wrapper__info {
|
|
35
|
-
display: flex;
|
|
36
|
-
flex-direction: column;
|
|
37
|
-
align-items: center;
|
|
38
|
-
gap: 0.375rem;
|
|
39
|
-
|
|
40
|
-
& .wrapper__title {
|
|
41
|
-
display: flex;
|
|
42
|
-
align-items: center;
|
|
43
|
-
gap: 0.75rem;
|
|
44
|
-
color: var(--gray-950, #14161a);
|
|
45
|
-
font-size: 1rem;
|
|
46
|
-
font-style: normal;
|
|
47
|
-
font-weight: 500;
|
|
48
|
-
line-height: 1.5rem;
|
|
49
|
-
letter-spacing: -0.0112rem;
|
|
50
|
-
${n.truncateTextInRows(2)}
|
|
51
|
-
text-align: center;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
& .wrapper__subtitle {
|
|
55
|
-
color: var(--gray-600, #676e79);
|
|
56
|
-
text-align: center;
|
|
57
|
-
font-size: 0.875rem;
|
|
58
|
-
font-style: normal;
|
|
59
|
-
font-weight: 400;
|
|
60
|
-
line-height: 1.25rem;
|
|
61
|
-
letter-spacing: -0.0056rem;
|
|
62
|
-
${n.truncateTextInRows(2)}
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
& .wrapper__badges {
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
& .wrapper__rating {
|
|
69
|
-
display: flex;
|
|
70
|
-
align-items: center;
|
|
71
|
-
gap: 0.25rem;
|
|
72
|
-
|
|
73
|
-
& .wrapper__star {
|
|
74
|
-
& i {
|
|
75
|
-
color: var(--warning-500);
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
& .gold-star {
|
|
79
|
-
& i {
|
|
80
|
-
color: var(--gray-500);
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
& .wrapper__review-count {
|
|
86
|
-
color: var(--gray-600, #676e79);
|
|
87
|
-
font-size: 0.75rem;
|
|
88
|
-
font-style: normal;
|
|
89
|
-
font-weight: 400;
|
|
90
|
-
line-height: 1rem;
|
|
91
|
-
letter-spacing: 0.01px;
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
& .wrapper__products {
|
|
97
|
-
display: flex;
|
|
98
|
-
align-items: flex-start;
|
|
99
|
-
column-gap: 1px;
|
|
100
|
-
width: 100%;
|
|
101
|
-
|
|
102
|
-
& .wrapper__product {
|
|
103
|
-
overflow: hidden;
|
|
104
|
-
cursor: pointer;
|
|
105
|
-
width: 100%;
|
|
106
|
-
max-height: 5.75rem;
|
|
107
|
-
|
|
108
|
-
&:first-child {
|
|
109
|
-
border-radius: 0 0 0 1.25rem;
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
&:last-child {
|
|
113
|
-
border-radius: 0 0 1.25rem 0;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
& .product__image {
|
|
117
|
-
width: 100%;
|
|
118
|
-
aspect-ratio: 1 / 1;
|
|
119
|
-
height: calc(100% / 3);
|
|
120
|
-
max-height: 5.75rem;
|
|
121
|
-
object-fit: cover;
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
`,k=_.styled.div`
|
|
126
|
-
display: flex;
|
|
127
|
-
flex-direction: column;
|
|
128
|
-
align-items: center;
|
|
129
|
-
flex: 1 0 0;
|
|
130
|
-
border-radius: 1.25rem;
|
|
131
|
-
border: 1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08));
|
|
132
|
-
background: var(--Lanaco-Gray-white, #fff);
|
|
133
|
-
width: 100%;
|
|
134
|
-
|
|
135
|
-
/* drop-shadow-sm */
|
|
136
|
-
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
|
|
137
|
-
|
|
138
|
-
& .wrapper__content {
|
|
139
|
-
display: flex;
|
|
140
|
-
padding: 1.25rem;
|
|
141
|
-
flex-direction: column;
|
|
142
|
-
align-items: center;
|
|
143
|
-
gap: 0.75rem;
|
|
144
|
-
align-self: strech;
|
|
145
|
-
width: 100%;
|
|
146
|
-
|
|
147
|
-
& .wrapper__image {
|
|
148
|
-
width: 4rem;
|
|
149
|
-
height: 4rem;
|
|
150
|
-
border-radius: 999px;
|
|
151
|
-
background-color: ${n.linearGradientAnimation("-90deg")};
|
|
152
|
-
}
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
& .wrapper__info {
|
|
156
|
-
display: flex;
|
|
157
|
-
flex-direction: column;
|
|
158
|
-
align-items: center;
|
|
159
|
-
gap: 0.375rem;
|
|
160
|
-
width: 100%;
|
|
161
|
-
|
|
162
|
-
& .wrapper__info-item {
|
|
163
|
-
background-color: ${n.linearGradientAnimation("-90deg")};
|
|
164
|
-
height: 1rem;
|
|
165
|
-
width: 100%;
|
|
166
|
-
}
|
|
167
|
-
}
|
|
168
|
-
`,g="data:image/svg+xml,%3csvg%20width='80'%20height='80'%20viewBox='0%200%2080%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M40%200C62.0914%200%2080%2017.9086%2080%2040C80%2062.0914%2062.0914%2080%2040%2080C17.9086%2080%200%2062.0914%200%2040C0%2017.9086%2017.9086%200%2040%200ZM29.7148%2020C29.1939%2019.9981%2028.5387%2019.9954%2027.9199%2020.1973C27.3848%2020.3719%2026.8918%2020.6581%2026.4746%2021.0361C25.9923%2021.4732%2025.6689%2022.0429%2025.4121%2022.4961C25.3881%2022.5384%2025.3647%2022.58%2025.3418%2022.6201L18.2637%2035.0078C17.91%2035.6268%2017.9127%2036.3873%2018.2705%2037.0039C18.6284%2037.6204%2019.2871%2038%2020%2038H22V53.2725C22%2054.0504%2022.0003%2054.7505%2022.0479%2055.333C22.0988%2055.9568%2022.214%2056.6198%2022.5449%2057.2695C23.0243%2058.2103%2023.7897%2058.9757%2024.7305%2059.4551C25.3802%2059.786%2026.0432%2059.9012%2026.667%2059.9521C27.2495%2059.9997%2027.9496%2060%2028.7275%2060H39.2725C40.0504%2060%2040.7505%2059.9997%2041.333%2059.9521C41.9568%2059.9012%2042.6198%2059.786%2043.2695%2059.4551C44.2103%2058.9757%2044.9757%2058.2103%2045.4551%2057.2695C45.786%2056.6198%2045.9012%2055.9568%2045.9521%2055.333C45.9997%2054.7505%2046%2054.0504%2046%2053.2725V38H54V58C54%2059.1046%2054.8954%2060%2056%2060C57.1046%2060%2058%2059.1046%2058%2058V38H60C60.7129%2038%2061.3716%2037.6204%2061.7295%2037.0039C62.0873%2036.3873%2062.09%2035.6268%2061.7363%2035.0078L54.6582%2022.6201C54.6353%2022.58%2054.6119%2022.5384%2054.5879%2022.4961C54.3311%2022.0429%2054.0077%2021.4732%2053.5254%2021.0361C53.1082%2020.6581%2052.6152%2020.3719%2052.0801%2020.1973C51.4613%2019.9954%2050.8061%2019.9981%2050.2852%2020H29.7148ZM42%2038V48H26V38H42Z'%20fill='%2387C6FA'/%3e%3c/svg%3e",H=t.forwardRef(({uuid:c,image:m,imageComponent:d,title:x,subtitle:h,badges:w,rating:f,reviewCount:o,products:l,onSelectCard:v=()=>{},getProductImage:C=()=>{},canAcceptPayments:j,hideProducts:b=!1,showRating:y=!0},N)=>{const i=t.useRef();return t.useEffect(()=>{var s;const e=a=>{a.target.src=g,a.onerror=null};return(s=i==null?void 0:i.current)==null||s.addEventListener("error",e),()=>{var a;(a=i==null?void 0:i.current)==null||a.removeEventListener("error",e)}},[]),r.jsxs(S,{ref:N,onClick:v,children:[r.jsxs("div",{className:"wrapper__content",children:[n.isDefined(d)?d:m?r.jsx("img",{ref:i,src:m,className:"wrapper__image"}):r.jsx("img",{src:g}),r.jsxs("div",{className:"wrapper__info",children:[r.jsxs("div",{className:"wrapper__title",children:[x," ",j&&r.jsx(p,{color:"secondary",icon:"credit-card",className:"card"})]}),r.jsx("div",{className:"wrapper__subtitle",children:h}),w&&r.jsx("div",{className:"wrapper__badges"}),y&&r.jsxs("div",{className:"wrapper__rating",children:[r.jsx("div",{className:"wrapper_stars",children:[...Array(5).keys()].map((e,s)=>r.jsx(p,{icon:" mng-lnc-star--filled",className:`wrapper__star ${e>=f?"gold-star":""}`},`shop-card-rating-star__${s+1}`))}),r.jsxs("div",{className:"wrapper__review-count",children:["(",o==null?void 0:o.toLocaleString(),")"]})]})]})]}),b!==!0&&r.jsx("div",{className:"wrapper__products",children:l&&(l==null?void 0:l.map((e,s)=>r.jsx(t.Fragment,{children:r.jsx("div",{className:"wrapper__product",onClick:()=>{var a;return(a=e==null?void 0:e.onSelectProduct)==null?void 0:a.call(e,e==null?void 0:e.uuid)},children:n.isDefined(e==null?void 0:e.imageComponent)?e==null?void 0:e.imageComponent:r.jsx(u.ProductImageWrapper,{src:C(e==null?void 0:e.image,e==null?void 0:e.uuid,c),className:"product__image"})})},s)))})]})}),L=t.forwardRef(({},c)=>r.jsx(k,{children:r.jsxs("div",{className:"wrapper__content",children:[r.jsx("div",{className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__info",children:[r.jsx("div",{className:"wrapper__info-item"}),r.jsx("div",{className:"wrapper__info-item"}),r.jsx("div",{className:"wrapper__info-item"}),r.jsx("div",{className:"wrapper__info-item"})]})]})}));exports.ShopCard=H;exports.ShopCardSkeleton=L;
|