@lanaco/lnc-react-ui 4.0.157 → 4.0.161
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/BlogCardsSponsoredSection.cjs +11 -9
- package/dist/BlogCardsSponsoredSection.js +108 -90
- package/dist/BlogExploreSection.cjs +5 -5
- package/dist/BlogExploreSection.js +88 -84
- package/dist/BlogListSection.cjs +5 -5
- package/dist/BlogListSection.js +139 -126
- package/dist/BlogProductCardsSection.cjs +1 -1
- package/dist/BlogProductCardsSection.js +37 -35
- package/dist/BlogShopCardsSection.cjs +1 -1
- package/dist/BlogShopCardsSection.js +43 -41
- package/dist/BlogSingleSection.cjs +1 -1
- package/dist/BlogSingleSection.js +9 -4
- package/dist/BlogsSectionDetailed.cjs +11 -11
- package/dist/BlogsSectionDetailed.js +122 -108
- package/dist/BlogsSectionLarge.cjs +4 -4
- package/dist/BlogsSectionLarge.js +43 -40
- package/dist/BlogsSectionSimple.cjs +8 -8
- package/dist/BlogsSectionSimple.js +100 -86
- package/dist/BlogsSectionSimpleCentered.cjs +9 -9
- package/dist/BlogsSectionSimpleCentered.js +81 -66
- package/dist/BlogsSectionWithFilters.cjs +11 -11
- package/dist/BlogsSectionWithFilters.js +108 -93
- package/dist/{CustomStyles-Ajyqx0cb.cjs → CustomStyles-BwHfr4iM.cjs} +1 -1
- package/dist/{CustomStyles-DVcu00ul.js → CustomStyles-iconSXFL.js} +0 -1
- package/dist/DetailedProductsInfinitiveSection.cjs +5 -3
- package/dist/DetailedProductsInfinitiveSection.js +31 -27
- package/dist/DetailedProductsSection.cjs +3 -3
- package/dist/DetailedProductsSection.js +76 -65
- package/dist/Dropdown.cjs +1 -1
- package/dist/Dropdown.js +2 -2
- package/dist/DropdownLookup.cjs +1 -1
- package/dist/DropdownLookup.js +1 -1
- package/dist/FieldOfInterestsMasonrySection.cjs +20 -12
- package/dist/FieldOfInterestsMasonrySection.js +35 -27
- package/dist/FieldOfInterestsWithAvatarsCardsSection.cjs +1 -1
- package/dist/FieldOfInterestsWithAvatarsCardsSection.js +1 -1
- package/dist/FieldOfInterestsWithTagsCardsSection.cjs +2 -0
- package/dist/FieldOfInterestsWithTagsCardsSection.js +5 -3
- package/dist/GiftCardsSection.cjs +1 -1
- package/dist/GiftCardsSection.js +1 -1
- package/dist/MasonryGeneralCardsSection.cjs +1 -3
- package/dist/MasonryGeneralCardsSection.js +9 -11
- package/dist/MultiSelectDropdown.cjs +1 -1
- package/dist/MultiSelectDropdown.js +1 -1
- package/dist/MultiSelectDropdownLookup.cjs +1 -1
- package/dist/MultiSelectDropdownLookup.js +1 -1
- package/dist/ProductsWithBannerSection.cjs +20 -27
- package/dist/ProductsWithBannerSection.js +93 -78
- package/dist/QuattroCardsSection.cjs +2 -0
- package/dist/QuattroCardsSection.js +2 -0
- package/dist/SalesCampaignsSection.cjs +29 -27
- package/dist/SalesCampaignsSection.js +247 -239
- package/dist/ShopCardsSection.cjs +5 -3
- package/dist/ShopCardsSection.js +29 -25
- package/dist/SimpleCategoriesSection.cjs +1 -1
- package/dist/SimpleCategoriesSection.js +1 -1
- package/dist/SimpleProductsSection.cjs +3 -3
- package/dist/SimpleProductsSection.js +62 -51
- package/dist/UrgentSaleProductsSection.cjs +6 -6
- package/dist/UrgentSaleProductsSection.js +67 -56
- package/dist/index-1Dm1i6WK.js +52 -0
- package/dist/index-BGTtoLxz.cjs +1 -0
- package/dist/{index-CLoINIGC.cjs → index-DicTpiG0.cjs} +5 -5
- package/dist/{index-BGY3PSA-.js → index-y6sKgrZC.js} +45 -34
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/{skeleton-BWFqIToC.js → skeleton-5mO22c5S.js} +94 -84
- package/dist/{skeleton-CanJ6Gr6.cjs → skeleton-Ccd6EDeB.cjs} +8 -8
- package/dist/{style-BLuyU97E.js → style-DKAOBWn3.js} +1 -0
- package/dist/{style-lSjkOR95.cjs → style-Db3VFbfP.cjs} +1 -0
- package/dist/{suspense-product-card-detailed-BWoxabjZ.js → suspense-product-card-detailed-BZtObEfA.js} +126 -123
- package/dist/{suspense-product-card-detailed-DYyH_jf5.cjs → suspense-product-card-detailed-D-pjVe22.cjs} +7 -7
- package/dist/{suspense-product-card-simple-CrqjSxHI.cjs → suspense-product-card-simple-DJ8UYolb.cjs} +1 -1
- package/dist/{suspense-product-card-simple-CLJjab5B.js → suspense-product-card-simple-ziy0XcLp.js} +1 -1
- package/package.json +1 -1
- package/dist/index-Cm0f72Po.cjs +0 -1
- package/dist/index-DGp7FHms.js +0 -42
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { jsxs as s, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as d, useRef as f } from "react";
|
|
3
|
+
import { W as b, T as x } from "./skeleton-CQPwIEP0.js";
|
|
4
|
+
import { u as g } from "./useDetectMobile-Bkvj0VMa.js";
|
|
5
|
+
import n from "./Button.js";
|
|
6
|
+
import { P as h } from "./index-CF3HhgvN.js";
|
|
7
|
+
const B = d((l, y) => {
|
|
8
|
+
const { title: a, imageUrl: m, text: p, onCardClick: o, buttonText: t, metadata: e } = l, i = g(), c = f();
|
|
9
|
+
return /* @__PURE__ */ s(
|
|
10
|
+
b,
|
|
11
|
+
{
|
|
12
|
+
ref: c,
|
|
13
|
+
className: "blog-card",
|
|
14
|
+
"data-accessor": e == null ? void 0 : e.accessor,
|
|
15
|
+
name: e == null ? void 0 : e.name,
|
|
16
|
+
onClick: (u) => o(u, c),
|
|
17
|
+
children: [
|
|
18
|
+
/* @__PURE__ */ r(h, { src: m }),
|
|
19
|
+
/* @__PURE__ */ s(x, { children: [
|
|
20
|
+
/* @__PURE__ */ r("div", { className: "text-wr-title", children: a }),
|
|
21
|
+
/* @__PURE__ */ r("div", { className: "text-wr", children: p }),
|
|
22
|
+
i !== !0 && /* @__PURE__ */ r(
|
|
23
|
+
n,
|
|
24
|
+
{
|
|
25
|
+
type: "button",
|
|
26
|
+
btnType: "outline",
|
|
27
|
+
size: "medium",
|
|
28
|
+
color: "gray",
|
|
29
|
+
onClick: o,
|
|
30
|
+
children: t
|
|
31
|
+
}
|
|
32
|
+
)
|
|
33
|
+
] }),
|
|
34
|
+
i === !0 && /* @__PURE__ */ r(
|
|
35
|
+
n,
|
|
36
|
+
{
|
|
37
|
+
className: "action",
|
|
38
|
+
type: "button",
|
|
39
|
+
btnType: "outline",
|
|
40
|
+
size: "medium",
|
|
41
|
+
color: "gray",
|
|
42
|
+
onClick: o,
|
|
43
|
+
children: t
|
|
44
|
+
}
|
|
45
|
+
)
|
|
46
|
+
]
|
|
47
|
+
}
|
|
48
|
+
);
|
|
49
|
+
});
|
|
50
|
+
export {
|
|
51
|
+
B
|
|
52
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),i=require("react"),n=require("./skeleton-BdbB-LdT.cjs"),p=require("./useDetectMobile-zkbzoOGV.cjs"),l=require("./Button.cjs"),b=require("./index-BueKsXT8.cjs"),g=i.forwardRef((u,j)=>{const{title:a,imageUrl:d,text:x,onCardClick:t,buttonText:s,metadata:r}=u,c=p.useDetectMobile(),o=i.useRef();return e.jsxs(n.Wrapper,{ref:o,className:"blog-card","data-accessor":r==null?void 0:r.accessor,name:r==null?void 0:r.name,onClick:m=>t(m,o),children:[e.jsx(b.ProductImageWrapper,{src:d}),e.jsxs(n.TextWrapper,{children:[e.jsx("div",{className:"text-wr-title",children:a}),e.jsx("div",{className:"text-wr",children:x}),c!==!0&&e.jsx(l,{type:"button",btnType:"outline",size:"medium",color:"gray",onClick:t,children:s})]}),c===!0&&e.jsx(l,{className:"action",type:"button",btnType:"outline",size:"medium",color:"gray",onClick:t,children:s})]})});exports.BlogCardLarge=g;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),c=require("react"),l=require("./emotion-styled.browser.esm-BtEseadx.cjs"),i=require("./utils-Dl9xPH4c.cjs"),b=require("./index-BueKsXT8.cjs"),y=l.styled.div`
|
|
2
2
|
background-color: var(--gray-200, #dddfe4);
|
|
3
3
|
border-radius: 0.75rem;
|
|
4
4
|
min-width: 11.625rem;
|
|
5
5
|
min-height: 11.625rem;
|
|
6
6
|
max-width: 11.625rem;
|
|
7
7
|
max-height: 11.625rem;
|
|
8
|
-
${
|
|
9
|
-
`,
|
|
8
|
+
${i.linearGradientAnimation("-90deg")}
|
|
9
|
+
`,v=l.styled.div`
|
|
10
10
|
display: flex;
|
|
11
11
|
flex-direction: column;
|
|
12
12
|
justify-content: end;
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
z-index: 1;
|
|
78
78
|
color: var(--white, #fff);
|
|
79
79
|
transition: all 0.2s ease;
|
|
80
|
-
${
|
|
80
|
+
${i.truncateTextInRows(2)}
|
|
81
81
|
}
|
|
82
82
|
|
|
83
83
|
&:hover {
|
|
@@ -85,4 +85,4 @@
|
|
|
85
85
|
z-index: 1;
|
|
86
86
|
}
|
|
87
87
|
}
|
|
88
|
-
`,
|
|
88
|
+
`,w=c.forwardRef((m,k)=>{const{uuid:j,title:u,price:t=0,currency:o,isNegotiable:n,isFree:a,image:p,sellerUuid:z,onSelectCard:g=()=>{},imageComponent:d,negotiableText:f="Negotiable",freeText:h="Free",metadata:e}=m,s=c.useRef();return r.jsxs(v,{ref:s,className:"simple-product-card","data-accessor":e==null?void 0:e.accessor,name:e==null?void 0:e.name,onClick:x=>g(x,s),children:[i.isDefined(d)?d:r.jsx(b.ProductImageWrapper,{src:p}),r.jsxs("div",{className:"text-block",children:[r.jsx("div",{className:"title-simple-product-card",children:u}),r.jsxs("div",{className:"price-chip",children:[t>0&&o&&n!==!0&&a!==!0&&`${i.formatPrice(t)} ${i.GetCurrencySymbol(o)}`,n&&f,a&&h]})]})]})});exports.SimpleProductCard=w;exports.SkeletonWrapper=y;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import { s as
|
|
4
|
-
import { o as
|
|
5
|
-
import { P as
|
|
6
|
-
const
|
|
1
|
+
import { jsxs as r, jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as b, useRef as x } from "react";
|
|
3
|
+
import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
|
+
import { o as v, p as y, l as w, q as k, G as z } from "./utils-BdsZgOUE.js";
|
|
5
|
+
import { P as C } from "./index-CF3HhgvN.js";
|
|
6
|
+
const F = c.div`
|
|
7
7
|
background-color: var(--gray-200, #dddfe4);
|
|
8
8
|
border-radius: 0.75rem;
|
|
9
9
|
min-width: 11.625rem;
|
|
10
10
|
min-height: 11.625rem;
|
|
11
11
|
max-width: 11.625rem;
|
|
12
12
|
max-height: 11.625rem;
|
|
13
|
-
${
|
|
14
|
-
`,
|
|
13
|
+
${v("-90deg")}
|
|
14
|
+
`, N = c.div`
|
|
15
15
|
display: flex;
|
|
16
16
|
flex-direction: column;
|
|
17
17
|
justify-content: end;
|
|
@@ -82,7 +82,7 @@ const G = n.div`
|
|
|
82
82
|
z-index: 1;
|
|
83
83
|
color: var(--white, #fff);
|
|
84
84
|
transition: all 0.2s ease;
|
|
85
|
-
${
|
|
85
|
+
${y(2)}
|
|
86
86
|
}
|
|
87
87
|
|
|
88
88
|
&:hover {
|
|
@@ -90,35 +90,46 @@ const G = n.div`
|
|
|
90
90
|
z-index: 1;
|
|
91
91
|
}
|
|
92
92
|
}
|
|
93
|
-
`,
|
|
93
|
+
`, I = b((l, j) => {
|
|
94
94
|
const {
|
|
95
|
-
uuid:
|
|
96
|
-
title:
|
|
97
|
-
price:
|
|
98
|
-
currency:
|
|
99
|
-
isNegotiable:
|
|
95
|
+
uuid: S,
|
|
96
|
+
title: m,
|
|
97
|
+
price: i = 0,
|
|
98
|
+
currency: t,
|
|
99
|
+
isNegotiable: o,
|
|
100
100
|
isFree: a,
|
|
101
|
-
image:
|
|
102
|
-
sellerUuid:
|
|
103
|
-
onSelectCard:
|
|
101
|
+
image: p,
|
|
102
|
+
sellerUuid: P,
|
|
103
|
+
onSelectCard: f = () => {
|
|
104
104
|
},
|
|
105
|
-
imageComponent:
|
|
105
|
+
imageComponent: n,
|
|
106
106
|
negotiableText: g = "Negotiable",
|
|
107
|
-
freeText:
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
107
|
+
freeText: u = "Free",
|
|
108
|
+
metadata: e
|
|
109
|
+
} = l, d = x();
|
|
110
|
+
return /* @__PURE__ */ r(
|
|
111
|
+
N,
|
|
112
|
+
{
|
|
113
|
+
ref: d,
|
|
114
|
+
className: "simple-product-card",
|
|
115
|
+
"data-accessor": e == null ? void 0 : e.accessor,
|
|
116
|
+
name: e == null ? void 0 : e.name,
|
|
117
|
+
onClick: (h) => f(h, d),
|
|
118
|
+
children: [
|
|
119
|
+
w(n) ? n : /* @__PURE__ */ s(C, { src: p }),
|
|
120
|
+
/* @__PURE__ */ r("div", { className: "text-block", children: [
|
|
121
|
+
/* @__PURE__ */ s("div", { className: "title-simple-product-card", children: m }),
|
|
122
|
+
/* @__PURE__ */ r("div", { className: "price-chip", children: [
|
|
123
|
+
i > 0 && t && o !== !0 && a !== !0 && `${k(i)} ${z(t)}`,
|
|
124
|
+
o && g,
|
|
125
|
+
a && u
|
|
126
|
+
] })
|
|
127
|
+
] })
|
|
128
|
+
]
|
|
129
|
+
}
|
|
130
|
+
);
|
|
120
131
|
});
|
|
121
132
|
export {
|
|
122
|
-
|
|
123
|
-
|
|
133
|
+
I as S,
|
|
134
|
+
F as a
|
|
124
135
|
};
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./CheckBoxInput.cjs"),t=require("./ColorInput.cjs"),e=require("./DateInput.cjs"),n=require("./DecimalInput.cjs"),i=require("./DecimalInputV2.cjs"),c=require("./FileInput.cjs"),a=require("./NumberInput.cjs"),s=require("./PasswordInput.cjs"),u=require("./RadioInput.cjs"),d=require("./RangeSlider.cjs"),q=require("./TextAreaInput.cjs"),l=require("./TextInput.cjs"),S=require("./TimeInput.cjs"),p=require("./Badge.cjs"),g=require("./Chip.cjs"),C=require("./DataView.cjs"),m=require("./DetailsView.cjs"),B=require("./EditableTable.cjs"),I=require("./FormView.cjs"),D=require("./Kanban.cjs"),b=require("./KanbanCard-BDvoqTDS.cjs"),T=require("./KanbanHeader.cjs"),F=require("./KanbanFooter.cjs"),P=require("./KanbanView.cjs"),w=require("./KanbanActionsToolbar.cjs"),h=require("./Table.cjs"),f=require("./TableView.cjs"),M=require("./ActionsToolbar.cjs"),A=require("./Alert.cjs"),v=require("./Notification.cjs"),G=require("./NotificationContainer.cjs"),x=require("./NotificationMessage.cjs"),L=require("./ProgressBar.cjs"),y=require("./Spinner.cjs"),K=require("./Avatar.cjs"),N=require("./Button.cjs"),V=require("./Icon.cjs"),W=require("./IconButton.cjs"),k=require("./Link.cjs"),H=require("./Surface.cjs"),R=require("./UploadedFile.cjs"),O=require("./DoubleRangeSlider.cjs"),E=require("./DragAndDropFile.cjs"),Q=require("./DragDropFiles.cjs"),U=require("./Dropdown.cjs"),z=require("./DropdownLookup.cjs"),j=require("./MultiSelectDropdown.cjs"),J=require("./MultiSelectDropdownLookup.cjs"),X=require("./RadioGroup.cjs"),Y=require("./SearchBar.cjs"),Z=require("./Toggle.cjs"),_=require("./ButtonGroup.cjs"),$=require("./Content.cjs"),ee=require("./FlexBox.cjs"),re=require("./FlexGrid.cjs"),oe=require("./FlexGridItem.cjs"),te=require("./Footer.cjs"),ne=require("./FormField.cjs"),ie=require("./Grid.cjs"),ce=require("./GridItem.cjs"),ae=require("./Header.cjs"),se=require("./PageLayout.cjs"),ue=require("./Sidebar.cjs"),de=require("./Tabs.cjs"),qe=require("./TabItem.cjs"),le=require("./Accordion.cjs"),Se=require("./AccordionSummary.cjs"),pe=require("./AccordionDetails.cjs"),ge=require("./Breadcrumbs.cjs"),Ce=require("./ConfirmationForm.cjs"),me=require("./Drawer.cjs"),Be=require("./DropdownMenu.cjs"),Ie=require("./DropdownItem.cjs"),De=require("./NestedDropdownItem.cjs"),be=require("./Separator.cjs"),Te=require("./Modal.cjs"),Fe=require("./Pagination.cjs"),Pe=require("./Popover.cjs"),we=require("./PopoverClose.cjs"),he=require("./PopoverHeading.cjs"),fe=require("./PopoverContent.cjs"),Me=require("./PopoverTrigger.cjs"),Ae=require("./PopoverDescription.cjs"),ve=require("./SwipeableDrawer.cjs"),Ge=require("./TreeMenu.cjs"),xe=require("./MenuItem.cjs"),Le=require("./NestedMenuItem.cjs"),ye=require("./TreeMenuSeparator.cjs"),Ke=require("./MasonryGeneralCardsSection.cjs"),Ne=require("./DetailedProductsSection.cjs"),Ve=require("./DetailedProductsInfinitiveSection.cjs"),We=require("./ProductsWithBannerSection.cjs"),ke=require("./SimpleProductsSection.cjs"),He=require("./UrgentSaleProductsSection.cjs"),Re=require("./BannerSectionCarousel.cjs"),Oe=require("./BannerSectionGrid.cjs"),Ee=require("./BannerSectionSimple.cjs"),Qe=require("./BannerSectionWithList.cjs"),Ue=require("./BannerSectionWithListImage.cjs"),ze=require("./GiftCardsSection.cjs"),je=require("./BrandHitsSection.cjs"),Je=require("./FieldOfInterestsMasonrySection.cjs"),Xe=require("./FieldOfInterestsWithAvatarsCardsSection.cjs"),Ye=require("./FieldOfInterestsWithTagsCardsSection.cjs"),Ze=require("./BannerSectionBasic.cjs"),_e=require("./GeneralWithTagsCardsSection.cjs"),$e=require("./ShopCardsSection.cjs"),er=require("./QuizSection.cjs"),rr=require("./SalesCampaignsSection.cjs"),or=require("./CalorieCalculatorSection.cjs"),tr=require("./BlogCategoryCardsSection.cjs"),nr=require("./BlogProductCardsSection.cjs"),ir=require("./BlogShopCardsSection.cjs"),cr=require("./BlogCardsSponsoredSection.cjs"),ar=require("./BlogListSection.cjs"),sr=require("./AdBannerSection.cjs"),ur=require("./QuattroCardsSection.cjs"),dr=require("./FeedbackSection.cjs"),qr=require("./HelpBannerSection.cjs"),lr=require("./ContactSection.cjs"),Sr=require("./FaqSection.cjs"),pr=require("./SearchSection-BcbHP6QF.cjs"),gr=require("./StatsSection.cjs"),Cr=require("./ToggleSection.cjs"),mr=require("./BlogExploreSection.cjs"),r=require("./ThemeProvider.cjs"),Br=require("./CustomStyles-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./CheckBoxInput.cjs"),t=require("./ColorInput.cjs"),e=require("./DateInput.cjs"),n=require("./DecimalInput.cjs"),i=require("./DecimalInputV2.cjs"),c=require("./FileInput.cjs"),a=require("./NumberInput.cjs"),s=require("./PasswordInput.cjs"),u=require("./RadioInput.cjs"),d=require("./RangeSlider.cjs"),q=require("./TextAreaInput.cjs"),l=require("./TextInput.cjs"),S=require("./TimeInput.cjs"),p=require("./Badge.cjs"),g=require("./Chip.cjs"),C=require("./DataView.cjs"),m=require("./DetailsView.cjs"),B=require("./EditableTable.cjs"),I=require("./FormView.cjs"),D=require("./Kanban.cjs"),b=require("./KanbanCard-BDvoqTDS.cjs"),T=require("./KanbanHeader.cjs"),F=require("./KanbanFooter.cjs"),P=require("./KanbanView.cjs"),w=require("./KanbanActionsToolbar.cjs"),h=require("./Table.cjs"),f=require("./TableView.cjs"),M=require("./ActionsToolbar.cjs"),A=require("./Alert.cjs"),v=require("./Notification.cjs"),G=require("./NotificationContainer.cjs"),x=require("./NotificationMessage.cjs"),L=require("./ProgressBar.cjs"),y=require("./Spinner.cjs"),K=require("./Avatar.cjs"),N=require("./Button.cjs"),V=require("./Icon.cjs"),W=require("./IconButton.cjs"),k=require("./Link.cjs"),H=require("./Surface.cjs"),R=require("./UploadedFile.cjs"),O=require("./DoubleRangeSlider.cjs"),E=require("./DragAndDropFile.cjs"),Q=require("./DragDropFiles.cjs"),U=require("./Dropdown.cjs"),z=require("./DropdownLookup.cjs"),j=require("./MultiSelectDropdown.cjs"),J=require("./MultiSelectDropdownLookup.cjs"),X=require("./RadioGroup.cjs"),Y=require("./SearchBar.cjs"),Z=require("./Toggle.cjs"),_=require("./ButtonGroup.cjs"),$=require("./Content.cjs"),ee=require("./FlexBox.cjs"),re=require("./FlexGrid.cjs"),oe=require("./FlexGridItem.cjs"),te=require("./Footer.cjs"),ne=require("./FormField.cjs"),ie=require("./Grid.cjs"),ce=require("./GridItem.cjs"),ae=require("./Header.cjs"),se=require("./PageLayout.cjs"),ue=require("./Sidebar.cjs"),de=require("./Tabs.cjs"),qe=require("./TabItem.cjs"),le=require("./Accordion.cjs"),Se=require("./AccordionSummary.cjs"),pe=require("./AccordionDetails.cjs"),ge=require("./Breadcrumbs.cjs"),Ce=require("./ConfirmationForm.cjs"),me=require("./Drawer.cjs"),Be=require("./DropdownMenu.cjs"),Ie=require("./DropdownItem.cjs"),De=require("./NestedDropdownItem.cjs"),be=require("./Separator.cjs"),Te=require("./Modal.cjs"),Fe=require("./Pagination.cjs"),Pe=require("./Popover.cjs"),we=require("./PopoverClose.cjs"),he=require("./PopoverHeading.cjs"),fe=require("./PopoverContent.cjs"),Me=require("./PopoverTrigger.cjs"),Ae=require("./PopoverDescription.cjs"),ve=require("./SwipeableDrawer.cjs"),Ge=require("./TreeMenu.cjs"),xe=require("./MenuItem.cjs"),Le=require("./NestedMenuItem.cjs"),ye=require("./TreeMenuSeparator.cjs"),Ke=require("./MasonryGeneralCardsSection.cjs"),Ne=require("./DetailedProductsSection.cjs"),Ve=require("./DetailedProductsInfinitiveSection.cjs"),We=require("./ProductsWithBannerSection.cjs"),ke=require("./SimpleProductsSection.cjs"),He=require("./UrgentSaleProductsSection.cjs"),Re=require("./BannerSectionCarousel.cjs"),Oe=require("./BannerSectionGrid.cjs"),Ee=require("./BannerSectionSimple.cjs"),Qe=require("./BannerSectionWithList.cjs"),Ue=require("./BannerSectionWithListImage.cjs"),ze=require("./GiftCardsSection.cjs"),je=require("./BrandHitsSection.cjs"),Je=require("./FieldOfInterestsMasonrySection.cjs"),Xe=require("./FieldOfInterestsWithAvatarsCardsSection.cjs"),Ye=require("./FieldOfInterestsWithTagsCardsSection.cjs"),Ze=require("./BannerSectionBasic.cjs"),_e=require("./GeneralWithTagsCardsSection.cjs"),$e=require("./ShopCardsSection.cjs"),er=require("./QuizSection.cjs"),rr=require("./SalesCampaignsSection.cjs"),or=require("./CalorieCalculatorSection.cjs"),tr=require("./BlogCategoryCardsSection.cjs"),nr=require("./BlogProductCardsSection.cjs"),ir=require("./BlogShopCardsSection.cjs"),cr=require("./BlogCardsSponsoredSection.cjs"),ar=require("./BlogListSection.cjs"),sr=require("./AdBannerSection.cjs"),ur=require("./QuattroCardsSection.cjs"),dr=require("./FeedbackSection.cjs"),qr=require("./HelpBannerSection.cjs"),lr=require("./ContactSection.cjs"),Sr=require("./FaqSection.cjs"),pr=require("./SearchSection-BcbHP6QF.cjs"),gr=require("./StatsSection.cjs"),Cr=require("./ToggleSection.cjs"),mr=require("./BlogExploreSection.cjs"),r=require("./ThemeProvider.cjs"),Br=require("./CustomStyles-BwHfr4iM.cjs");exports.CheckBoxInput=o;exports.ColorInput=t;exports.DateInput=e.default;exports.registerLocale=e.registerLocale;exports.DecimalInput=n;exports.DecimalInputV2=i;exports.FileInput=c;exports.NumberInput=a;exports.PasswordInput=s;exports.RadioInput=u;exports.RangeSlider=d;exports.TextAreaInput=q;exports.TextInput=l;exports.TimeInput=S;exports.Badge=p;exports.Chip=g;exports.DataView=C;exports.DetailsView=m;exports.EditableTable=B;exports.FormView=I;exports.Kanban=D;exports.KanbanCard=b.KanbanCard;exports.KanbanHeader=T;exports.KanbanFooter=F;exports.KanbanView=P;exports.KanbanActionsToolbar=w;exports.Table=h.default;exports.TableView=f;exports.ActionsToolbar=M;exports.Alert=A;exports.Notification=v;exports.NotificationContainer=G;exports.NotificationMessage=x;exports.ProgressBar=L;exports.Spinner=y;exports.Avatar=K;exports.Button=N;exports.Icon=V;exports.IconButton=W;exports.Link=k;exports.Surface=H;exports.UploadedFile=R;exports.DoubleRangeSlider=O;exports.DragAndDropFile=E;exports.DragDropFiles=Q;exports.Dropdown=U.default;exports.DropdownLookup=z;exports.MultiSelectDropdown=j;exports.MultiSelectDropdownLookup=J;exports.RadioGroup=X;exports.SearchBar=Y;exports.Toggle=Z;exports.ButtonGroup=_;exports.Content=$;exports.FlexBox=ee;exports.FlexGrid=re;exports.FlexGridItem=oe;exports.Footer=te;exports.FormField=ne;exports.Grid=ie;exports.GridItem=ce;exports.Header=ae;exports.PageLayout=se;exports.Sidebar=ue;exports.Tabs=de;exports.TabItem=qe;exports.Accordion=le;exports.AccordionSummary=Se;exports.AccordionDetails=pe.default;exports.Breadcrumbs=ge;exports.ConfirmationForm=Ce;exports.Drawer=me;exports.DropdownMenu=Be;exports.DropdownItem=Ie;exports.NestedDropdownItem=De;exports.Separator=be;exports.Modal=Te;exports.Pagination=Fe;exports.Popover=Pe;exports.PopoverClose=we;exports.PopoverHeading=he;exports.PopoverContent=fe;exports.PopoverTrigger=Me;exports.PopoverDescription=Ae;exports.SwipeableDrawer=ve;exports.TreeMenu=Ge;exports.MenuItem=xe;exports.NestedMenuItem=Le;exports.TreeMenuSeparator=ye;exports.MasonryGeneralCardsSection=Ke;exports.DetailedProductsSection=Ne;exports.DetailedProductsInfinitiveSection=Ve;exports.ProductsWithBannerSection=We;exports.SimpleProductsSection=ke;exports.UrgentSaleProductsSection=He;exports.BannerSectionCarousel=Re;exports.BannerSectionGrid=Oe;exports.BannerSectionSimple=Ee;exports.BannerSectionWithList=Qe;exports.BannerSectionWithListImage=Ue;exports.GiftCardsSection=ze;exports.BrandHitsSection=je;exports.FieldOfInterestsMasonrySection=Je;exports.FieldOfInterestsWithAvatarsCardsSection=Xe;exports.FieldOfInterestsWithTagsCardsSection=Ye;exports.BannerSectionBasic=Ze;exports.GeneralWithTagsCardsSection=_e;exports.ShopCardsSection=$e;exports.QuizSection=er;exports.SalesCampaignsSection=rr;exports.CalorieCalculatorSection=or;exports.BlogCategoryCardsSection=tr;exports.BlogProductCardsSection=nr;exports.BlogShopCardsSection=ir;exports.BlogCardsSponsoredSection=cr;exports.BlogListSection=ar;exports.AdBannerSection=sr;exports.QuattroCardsSection=ur;exports.FeedbackSection=dr;exports.HelpBannerSection=qr;exports.ContactSection=lr;exports.FaqSection=Sr;exports.SearchSection=pr.SearchSection;exports.StatsSection=gr;exports.ToggleSection=Cr;exports.BlogExploreSection=mr;exports.ThemeProvider=r.default;exports.useTheme=r.useTheme;exports.components=Br.components;
|
package/dist/index.js
CHANGED
|
@@ -124,7 +124,7 @@ import { default as Lr } from "./StatsSection.js";
|
|
|
124
124
|
import { default as Nr } from "./ToggleSection.js";
|
|
125
125
|
import { default as Wr } from "./BlogExploreSection.js";
|
|
126
126
|
import { default as yr, useTheme as Hr } from "./ThemeProvider.js";
|
|
127
|
-
import { c as Or } from "./CustomStyles-
|
|
127
|
+
import { c as Or } from "./CustomStyles-iconSXFL.js";
|
|
128
128
|
export {
|
|
129
129
|
wo as Accordion,
|
|
130
130
|
vo as AccordionDetails,
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsxs as i, jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import
|
|
4
|
-
import { p as
|
|
5
|
-
import { D as
|
|
6
|
-
import { P } from "./index-CF3HhgvN.js";
|
|
7
|
-
import { s as
|
|
8
|
-
import { M as
|
|
9
|
-
const
|
|
2
|
+
import { forwardRef as v, useRef as d, useEffect as I, Fragment as P } from "react";
|
|
3
|
+
import g from "./Icon.js";
|
|
4
|
+
import { p as f, o as h, l as w } from "./utils-BdsZgOUE.js";
|
|
5
|
+
import { D as x } from "./ShopAvatar-4-fCYGEc.js";
|
|
6
|
+
import { P as z } from "./index-CF3HhgvN.js";
|
|
7
|
+
import { s as b } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
8
|
+
import { M as D } from "./consts-BuFChS64.js";
|
|
9
|
+
const G = b.div`
|
|
10
10
|
display: flex;
|
|
11
11
|
flex-direction: column;
|
|
12
12
|
align-items: center;
|
|
@@ -59,7 +59,7 @@ const D = w.div`
|
|
|
59
59
|
font-weight: 500;
|
|
60
60
|
line-height: 1.5rem;
|
|
61
61
|
letter-spacing: -0.0112rem;
|
|
62
|
-
${
|
|
62
|
+
${f(2)}
|
|
63
63
|
text-align: center;
|
|
64
64
|
}
|
|
65
65
|
|
|
@@ -71,7 +71,7 @@ const D = w.div`
|
|
|
71
71
|
font-weight: 400;
|
|
72
72
|
line-height: 1.25rem;
|
|
73
73
|
letter-spacing: -0.0056rem;
|
|
74
|
-
${
|
|
74
|
+
${f(2)}
|
|
75
75
|
}
|
|
76
76
|
|
|
77
77
|
& .wrapper__badges {
|
|
@@ -135,7 +135,7 @@ const D = w.div`
|
|
|
135
135
|
}
|
|
136
136
|
}
|
|
137
137
|
|
|
138
|
-
@media (max-width: ${
|
|
138
|
+
@media (max-width: ${D + "px"}) {
|
|
139
139
|
max-width: 10rem;
|
|
140
140
|
min-width: 10rem;
|
|
141
141
|
|
|
@@ -145,7 +145,7 @@ const D = w.div`
|
|
|
145
145
|
}
|
|
146
146
|
}
|
|
147
147
|
}
|
|
148
|
-
`,
|
|
148
|
+
`, W = b.div`
|
|
149
149
|
display: flex;
|
|
150
150
|
flex-direction: column;
|
|
151
151
|
align-items: center;
|
|
@@ -171,7 +171,7 @@ const D = w.div`
|
|
|
171
171
|
width: 4rem;
|
|
172
172
|
height: 4rem;
|
|
173
173
|
border-radius: 999px;
|
|
174
|
-
background-color: ${
|
|
174
|
+
background-color: ${h("-90deg")};
|
|
175
175
|
}
|
|
176
176
|
}
|
|
177
177
|
|
|
@@ -183,92 +183,102 @@ const D = w.div`
|
|
|
183
183
|
width: 100%;
|
|
184
184
|
|
|
185
185
|
& .wrapper__info-item {
|
|
186
|
-
background-color: ${
|
|
186
|
+
background-color: ${h("-90deg")};
|
|
187
187
|
height: 1rem;
|
|
188
188
|
width: 100%;
|
|
189
189
|
}
|
|
190
190
|
}
|
|
191
|
-
`,
|
|
191
|
+
`, Z = v(
|
|
192
192
|
({
|
|
193
193
|
uuid: m,
|
|
194
|
-
image:
|
|
195
|
-
imageComponent:
|
|
196
|
-
title:
|
|
197
|
-
subtitle:
|
|
198
|
-
badges:
|
|
199
|
-
rating:
|
|
200
|
-
reviewCount:
|
|
201
|
-
products:
|
|
202
|
-
onSelectCard:
|
|
194
|
+
image: p,
|
|
195
|
+
imageComponent: c,
|
|
196
|
+
title: y,
|
|
197
|
+
subtitle: N,
|
|
198
|
+
badges: k,
|
|
199
|
+
rating: S,
|
|
200
|
+
reviewCount: o,
|
|
201
|
+
products: t,
|
|
202
|
+
onSelectCard: u = () => {
|
|
203
203
|
},
|
|
204
|
-
getProductImage:
|
|
204
|
+
getProductImage: $ = () => {
|
|
205
205
|
},
|
|
206
|
-
canAcceptPayments:
|
|
207
|
-
hideProducts:
|
|
208
|
-
showRating:
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
206
|
+
canAcceptPayments: E,
|
|
207
|
+
hideProducts: L = !1,
|
|
208
|
+
showRating: j = !0,
|
|
209
|
+
metadata: s = {}
|
|
210
|
+
}, A) => {
|
|
211
|
+
const n = d(), _ = d();
|
|
212
|
+
return I(() => {
|
|
213
|
+
var l;
|
|
213
214
|
const e = (a) => {
|
|
214
|
-
a.target.src =
|
|
215
|
+
a.target.src = x, a.onerror = null;
|
|
215
216
|
};
|
|
216
|
-
return (
|
|
217
|
+
return (l = n == null ? void 0 : n.current) == null || l.addEventListener("error", e), () => {
|
|
217
218
|
var a;
|
|
218
219
|
(a = n == null ? void 0 : n.current) == null || a.removeEventListener("error", e);
|
|
219
220
|
};
|
|
220
|
-
}, []), /* @__PURE__ */ i(
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
},
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
221
|
+
}, []), /* @__PURE__ */ i(
|
|
222
|
+
G,
|
|
223
|
+
{
|
|
224
|
+
ref: _,
|
|
225
|
+
onClick: (e) => u(e, _),
|
|
226
|
+
name: s == null ? void 0 : s.name,
|
|
227
|
+
"data-accessor": s == null ? void 0 : s.accessor,
|
|
228
|
+
children: [
|
|
229
|
+
/* @__PURE__ */ i("div", { className: "wrapper__content", children: [
|
|
230
|
+
w(c) ? c : p ? /* @__PURE__ */ r("img", { ref: n, src: p, className: "wrapper__image" }) : /* @__PURE__ */ r("img", { src: x, className: "wrapper__image" }),
|
|
231
|
+
/* @__PURE__ */ i("div", { className: "wrapper__info", children: [
|
|
232
|
+
/* @__PURE__ */ i("div", { className: "wrapper__title", children: [
|
|
233
|
+
y,
|
|
234
|
+
" ",
|
|
235
|
+
E && /* @__PURE__ */ r(g, { color: "secondary", icon: "credit-card", className: "card" })
|
|
236
|
+
] }),
|
|
237
|
+
/* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: N }),
|
|
238
|
+
k && /* @__PURE__ */ r("div", { className: "wrapper__badges" }),
|
|
239
|
+
j && /* @__PURE__ */ i("div", { className: "wrapper__rating", children: [
|
|
240
|
+
/* @__PURE__ */ r("div", { className: "wrapper_stars", children: [...Array(5).keys()].map((e, l) => /* @__PURE__ */ r(
|
|
241
|
+
g,
|
|
242
|
+
{
|
|
243
|
+
icon: " mng-lnc-star--filled",
|
|
244
|
+
className: `wrapper__star ${e >= S ? "gold-star" : ""}`
|
|
245
|
+
},
|
|
246
|
+
`shop-card-rating-star__${l + 1}`
|
|
247
|
+
)) }),
|
|
248
|
+
/* @__PURE__ */ i("div", { className: "wrapper__review-count", children: [
|
|
249
|
+
"(",
|
|
250
|
+
o == null ? void 0 : o.toLocaleString(),
|
|
251
|
+
")"
|
|
252
|
+
] })
|
|
253
|
+
] })
|
|
244
254
|
] })
|
|
245
|
-
] })
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
u !== !0 && /* @__PURE__ */ r("div", { className: "wrapper__products", children: s && (s == null ? void 0 : s.map((e, t) => /* @__PURE__ */ r(I, { children: /* @__PURE__ */ r(
|
|
249
|
-
"div",
|
|
250
|
-
{
|
|
251
|
-
className: "wrapper__product",
|
|
252
|
-
onClick: () => {
|
|
253
|
-
var a;
|
|
254
|
-
return (a = e == null ? void 0 : e.onSelectProduct) == null ? void 0 : a.call(e, e == null ? void 0 : e.uuid);
|
|
255
|
-
},
|
|
256
|
-
children: g(e == null ? void 0 : e.imageComponent) ? e == null ? void 0 : e.imageComponent : /* @__PURE__ */ r(
|
|
257
|
-
P,
|
|
255
|
+
] }),
|
|
256
|
+
L !== !0 && /* @__PURE__ */ r("div", { className: "wrapper__products", children: t && (t == null ? void 0 : t.map((e, l) => /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(
|
|
257
|
+
"div",
|
|
258
258
|
{
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
259
|
+
className: "wrapper__product",
|
|
260
|
+
onClick: () => {
|
|
261
|
+
var a;
|
|
262
|
+
return (a = e == null ? void 0 : e.onSelectProduct) == null ? void 0 : a.call(e, e == null ? void 0 : e.uuid);
|
|
263
|
+
},
|
|
264
|
+
children: w(e == null ? void 0 : e.imageComponent) ? e == null ? void 0 : e.imageComponent : /* @__PURE__ */ r(
|
|
265
|
+
z,
|
|
266
|
+
{
|
|
267
|
+
src: $(
|
|
268
|
+
e == null ? void 0 : e.image,
|
|
269
|
+
e == null ? void 0 : e.uuid,
|
|
270
|
+
m
|
|
271
|
+
),
|
|
272
|
+
className: "product__image"
|
|
273
|
+
}
|
|
274
|
+
)
|
|
265
275
|
}
|
|
266
|
-
)
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
276
|
+
) }, l))) })
|
|
277
|
+
]
|
|
278
|
+
}
|
|
279
|
+
);
|
|
270
280
|
}
|
|
271
|
-
),
|
|
281
|
+
), q = v(({}, m) => /* @__PURE__ */ r(W, { children: /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
|
|
272
282
|
/* @__PURE__ */ r("div", { className: "wrapper__image" }),
|
|
273
283
|
/* @__PURE__ */ i("div", { className: "wrapper__info", children: [
|
|
274
284
|
/* @__PURE__ */ r("div", { className: "wrapper__info-item" }),
|
|
@@ -278,6 +288,6 @@ const D = w.div`
|
|
|
278
288
|
] })
|
|
279
289
|
] }) }));
|
|
280
290
|
export {
|
|
281
|
-
|
|
282
|
-
|
|
291
|
+
Z as S,
|
|
292
|
+
q as a
|
|
283
293
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),l=require("react"),g=require("./Icon.cjs"),t=require("./utils-Dl9xPH4c.cjs"),x=require("./ShopAvatar-CV3lj34D.cjs"),k=require("./index-BueKsXT8.cjs"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),q=require("./consts-goSZX3xP.cjs"),$=h.styled.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
align-items: center;
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
font-weight: 500;
|
|
52
52
|
line-height: 1.5rem;
|
|
53
53
|
letter-spacing: -0.0112rem;
|
|
54
|
-
${
|
|
54
|
+
${t.truncateTextInRows(2)}
|
|
55
55
|
text-align: center;
|
|
56
56
|
}
|
|
57
57
|
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
font-weight: 400;
|
|
64
64
|
line-height: 1.25rem;
|
|
65
65
|
letter-spacing: -0.0056rem;
|
|
66
|
-
${
|
|
66
|
+
${t.truncateTextInRows(2)}
|
|
67
67
|
}
|
|
68
68
|
|
|
69
69
|
& .wrapper__badges {
|
|
@@ -127,7 +127,7 @@
|
|
|
127
127
|
}
|
|
128
128
|
}
|
|
129
129
|
|
|
130
|
-
@media (max-width: ${
|
|
130
|
+
@media (max-width: ${q.MOBILE_SIZE_PX+"px"}) {
|
|
131
131
|
max-width: 10rem;
|
|
132
132
|
min-width: 10rem;
|
|
133
133
|
|
|
@@ -137,7 +137,7 @@
|
|
|
137
137
|
}
|
|
138
138
|
}
|
|
139
139
|
}
|
|
140
|
-
|
|
140
|
+
`,E=h.styled.div`
|
|
141
141
|
display: flex;
|
|
142
142
|
flex-direction: column;
|
|
143
143
|
align-items: center;
|
|
@@ -163,7 +163,7 @@
|
|
|
163
163
|
width: 4rem;
|
|
164
164
|
height: 4rem;
|
|
165
165
|
border-radius: 999px;
|
|
166
|
-
background-color: ${
|
|
166
|
+
background-color: ${t.linearGradientAnimation("-90deg")};
|
|
167
167
|
}
|
|
168
168
|
}
|
|
169
169
|
|
|
@@ -175,9 +175,9 @@
|
|
|
175
175
|
width: 100%;
|
|
176
176
|
|
|
177
177
|
& .wrapper__info-item {
|
|
178
|
-
background-color: ${
|
|
178
|
+
background-color: ${t.linearGradientAnimation("-90deg")};
|
|
179
179
|
height: 1rem;
|
|
180
180
|
width: 100%;
|
|
181
181
|
}
|
|
182
182
|
}
|
|
183
|
-
`,
|
|
183
|
+
`,I=l.forwardRef(({uuid:p,image:m,imageComponent:d,title:f,subtitle:w,badges:v,rating:j,reviewCount:c,products:o,onSelectCard:b=()=>{},getProductImage:y=()=>{},canAcceptPayments:u,hideProducts:N=!1,showRating:S=!0,metadata:s={}},R)=>{const i=l.useRef(),_=l.useRef();return l.useEffect(()=>{var n;const e=a=>{a.target.src=x.DefaultShopImage,a.onerror=null};return(n=i==null?void 0:i.current)==null||n.addEventListener("error",e),()=>{var a;(a=i==null?void 0:i.current)==null||a.removeEventListener("error",e)}},[]),r.jsxs($,{ref:_,onClick:e=>b(e,_),name:s==null?void 0:s.name,"data-accessor":s==null?void 0:s.accessor,children:[r.jsxs("div",{className:"wrapper__content",children:[t.isDefined(d)?d:m?r.jsx("img",{ref:i,src:m,className:"wrapper__image"}):r.jsx("img",{src:x.DefaultShopImage,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__info",children:[r.jsxs("div",{className:"wrapper__title",children:[f," ",u&&r.jsx(g,{color:"secondary",icon:"credit-card",className:"card"})]}),r.jsx("div",{className:"wrapper__subtitle",children:w}),v&&r.jsx("div",{className:"wrapper__badges"}),S&&r.jsxs("div",{className:"wrapper__rating",children:[r.jsx("div",{className:"wrapper_stars",children:[...Array(5).keys()].map((e,n)=>r.jsx(g,{icon:" mng-lnc-star--filled",className:`wrapper__star ${e>=j?"gold-star":""}`},`shop-card-rating-star__${n+1}`))}),r.jsxs("div",{className:"wrapper__review-count",children:["(",c==null?void 0:c.toLocaleString(),")"]})]})]})]}),N!==!0&&r.jsx("div",{className:"wrapper__products",children:o&&(o==null?void 0:o.map((e,n)=>r.jsx(l.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:t.isDefined(e==null?void 0:e.imageComponent)?e==null?void 0:e.imageComponent:r.jsx(k.ProductImageWrapper,{src:y(e==null?void 0:e.image,e==null?void 0:e.uuid,p),className:"product__image"})})},n)))})]})}),L=l.forwardRef(({},p)=>r.jsx(E,{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=I;exports.ShopCardSkeleton=L;
|
|
@@ -78,6 +78,7 @@ const o = a.div`
|
|
|
78
78
|
@media (max-width: ${t + "px"}) {
|
|
79
79
|
& .regular-title {
|
|
80
80
|
font-size: 1.375rem;
|
|
81
|
+
padding-bottom: 0.5rem;
|
|
81
82
|
}
|
|
82
83
|
}
|
|
83
84
|
`, i = (e) => (e == null ? void 0 : e.toLowerCase()) == "success" ? "color: var(--success-700, #047857); border: 1px solid var(--success-600, #059669); background-color: var(--sucess-60008, #05966914);" : (e == null ? void 0 : e.toLowerCase()) == "warning" ? "color: var(--warning-600, #d97706); border: 1px solid var(--warning-500, #f59e0b); background-color: var(--warning-50012, #f59e0b1f);" : (e == null ? void 0 : e.toLowerCase()) == "info" ? "color: var(--info-700, #6d28d9); border: 1px solid var(--info-600, #7c3aed); background-color: var(--info-60012, #7c3aed1f);" : (e == null ? void 0 : e.toLowerCase()) == "danger" ? "color: var(--danger-600, #e11d48); border: 1px solid var(--danger-500, #f43f5e); background-color: var(--danger-5008, #f43f5e14);" : (e == null ? void 0 : e.toLowerCase()) == "secondary" ? "color: var(--secondary-700, #2667a0); border: 1px solid var(--secondary-600, #3284cb); background-color: var(--secondary-60012, #3284cb1f);" : "color: var(--gray-950, #14161A); border: 1px solid var(--gray-200, #dddfe4); background-color: var(--white, #fff);", g = a.div`
|
|
@@ -75,6 +75,7 @@
|
|
|
75
75
|
@media (max-width: ${a.MOBILE_SIZE_PX+"px"}) {
|
|
76
76
|
& .regular-title {
|
|
77
77
|
font-size: 1.375rem;
|
|
78
|
+
padding-bottom: 0.5rem;
|
|
78
79
|
}
|
|
79
80
|
}
|
|
80
81
|
`,s=e=>(e==null?void 0:e.toLowerCase())=="success"?"color: var(--success-700, #047857); border: 1px solid var(--success-600, #059669); background-color: var(--sucess-60008, #05966914);":(e==null?void 0:e.toLowerCase())=="warning"?"color: var(--warning-600, #d97706); border: 1px solid var(--warning-500, #f59e0b); background-color: var(--warning-50012, #f59e0b1f);":(e==null?void 0:e.toLowerCase())=="info"?"color: var(--info-700, #6d28d9); border: 1px solid var(--info-600, #7c3aed); background-color: var(--info-60012, #7c3aed1f);":(e==null?void 0:e.toLowerCase())=="danger"?"color: var(--danger-600, #e11d48); border: 1px solid var(--danger-500, #f43f5e); background-color: var(--danger-5008, #f43f5e14);":(e==null?void 0:e.toLowerCase())=="secondary"?"color: var(--secondary-700, #2667a0); border: 1px solid var(--secondary-600, #3284cb); background-color: var(--secondary-60012, #3284cb1f);":"color: var(--gray-950, #14161A); border: 1px solid var(--gray-200, #dddfe4); background-color: var(--white, #fff);",o=t.styled.div`
|