@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.
Files changed (40) hide show
  1. package/dist/BannerSectionCarousel.cjs +12 -8
  2. package/dist/BannerSectionCarousel.js +14 -10
  3. package/dist/BlogCardsSponsoredSection.cjs +7 -20
  4. package/dist/BlogCardsSponsoredSection.js +70 -99
  5. package/dist/BlogExploreSection.cjs +5 -5
  6. package/dist/BlogExploreSection.js +198 -192
  7. package/dist/BlogListSection.cjs +4 -18
  8. package/dist/BlogListSection.js +70 -93
  9. package/dist/BlogProductCardsSection.js +2 -2
  10. package/dist/BlogShopCardsSection.cjs +1 -1
  11. package/dist/BlogShopCardsSection.js +1 -1
  12. package/dist/BlogSingleSection.js +1 -1
  13. package/dist/BlogsSectionDetailed.cjs +2 -5
  14. package/dist/BlogsSectionDetailed.js +23 -26
  15. package/dist/BlogsSectionLarge.js +1 -1
  16. package/dist/BlogsSectionSimple.cjs +14 -7
  17. package/dist/BlogsSectionSimple.js +83 -72
  18. package/dist/BlogsSectionSimpleCentered.js +1 -1
  19. package/dist/BlogsSectionWithFilters.js +1 -1
  20. package/dist/DetailedProductsSection.js +1 -1
  21. package/dist/FieldOfInterestsWithAvatarsCardsSection.js +1 -1
  22. package/dist/ProductsWithBannerSection.js +1 -1
  23. package/dist/ReviewsSection.js +1 -1
  24. package/dist/SalesCampaignsSection.cjs +33 -33
  25. package/dist/SalesCampaignsSection.js +274 -275
  26. package/dist/ShopAvatar-4-fCYGEc.js +4 -0
  27. package/dist/ShopAvatar-CV3lj34D.cjs +1 -0
  28. package/dist/ShopCardsSection.cjs +1 -1
  29. package/dist/ShopCardsSection.js +1 -1
  30. package/dist/SimpleProductsSection.js +2 -2
  31. package/dist/UrgentSaleProductsSection.js +1 -1
  32. package/dist/{index-CU0KClNt.js → index-B7pgRoP5.js} +1 -1
  33. package/dist/{index-3TFXgZHA.js → index-DRP1yTKe.js} +13 -18
  34. package/dist/{index-EE-IJbC3.js → index-DiPwx53C.js} +2 -8
  35. package/dist/{skeleton-fVxknFUi.js → skeleton-ChyJLfsR.js} +36 -35
  36. package/dist/skeleton-Dw2U9XhS.cjs +168 -0
  37. package/dist/{suspense-product-card-detailed-BP1opdKD.js → suspense-product-card-detailed-CFZchhUK.js} +1 -1
  38. package/dist/{suspense-product-card-simple-BT5gv-kY.js → suspense-product-card-simple-BuJtwiwA.js} +1 -1
  39. package/package.json +1 -1
  40. 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-Bl1q9Yqe.cjs"),j=require("./utils-DmMdPm9O.cjs"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),d=b.styled.div`
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;
@@ -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-fVxknFUi.js";
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-CU0KClNt.js";
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-BT5gv-kY.js";
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-BP1opdKD.js";
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-3TFXgZHA.js";
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
- src: C,
7
- ...o
8
- }, c) => {
9
- const r = s();
10
- return d(() => {
11
- var l;
12
- const i = (e) => {
13
- e.target.src = n, e.onerror = null;
14
- };
15
- return (l = r == null ? void 0 : r.current) == null || l.addEventListener("error", i), () => {
16
- var e;
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-3TFXgZHA.js";
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 V, Fragment as $ } from "react";
3
- import p from "./Icon.js";
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 { P as j } from "./index-3TFXgZHA.js";
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 E = w.div`
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
- `, z = w.div`
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
- `, f = "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", D = h(
175
+ `, B = h(
175
176
  ({
176
177
  uuid: o,
177
178
  image: m,
178
- imageComponent: c,
179
+ imageComponent: p,
179
180
  title: x,
180
181
  subtitle: v,
181
- badges: C,
182
- rating: b,
182
+ badges: b,
183
+ rating: y,
183
184
  reviewCount: t,
184
- products: s,
185
- onSelectCard: y = () => {
185
+ products: l,
186
+ onSelectCard: N = () => {
186
187
  },
187
- getProductImage: N = () => {
188
+ getProductImage: k = () => {
188
189
  },
189
- canAcceptPayments: k,
190
- hideProducts: u = !1,
191
- showRating: S = !0
192
- }, H) => {
190
+ canAcceptPayments: u,
191
+ hideProducts: S = !1,
192
+ showRating: $ = !0
193
+ }, j) => {
193
194
  const n = L();
194
- return V(() => {
195
- var l;
195
+ return E(() => {
196
+ var s;
196
197
  const e = (a) => {
197
198
  a.target.src = f, a.onerror = null;
198
199
  };
199
- return (l = n == null ? void 0 : n.current) == null || l.addEventListener("error", e), () => {
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(E, { ref: H, onClick: y, children: [
204
+ }, []), /* @__PURE__ */ i(G, { ref: j, onClick: N, children: [
204
205
  /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
205
- _(c) ? c : m ? /* @__PURE__ */ r("img", { ref: n, src: m, className: "wrapper__image" }) : /* @__PURE__ */ r("img", { src: f }),
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
- k && /* @__PURE__ */ r(p, { color: "secondary", icon: "credit-card", className: "card" })
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
- C && /* @__PURE__ */ r("div", { className: "wrapper__badges" }),
214
- S && /* @__PURE__ */ i("div", { className: "wrapper__rating", children: [
215
- /* @__PURE__ */ r("div", { className: "wrapper_stars", children: [...Array(5).keys()].map((e, l) => /* @__PURE__ */ r(
216
- p,
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 >= b ? "gold-star" : ""}`
220
+ className: `wrapper__star ${e >= y ? "gold-star" : ""}`
220
221
  },
221
- `shop-card-rating-star__${l + 1}`
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
- u !== !0 && /* @__PURE__ */ r("div", { className: "wrapper__products", children: s && (s == null ? void 0 : s.map((e, l) => /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(
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
- j,
241
+ D,
241
242
  {
242
- src: N(
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
- ) }, l))) })
252
+ ) }, s))) })
252
253
  ] });
253
254
  }
254
- ), F = h(({}, o) => /* @__PURE__ */ r(z, { children: /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
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
- D as S,
265
- F as a
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-3TFXgZHA.js";
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;
@@ -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-CU0KClNt.js";
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,6 +1,6 @@
1
1
  {
2
2
  "name": "@lanaco/lnc-react-ui",
3
- "version": "4.0.131",
3
+ "version": "4.0.133",
4
4
  "description": "React component library",
5
5
  "type": "module",
6
6
  "keywords": [
@@ -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;