@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.
Files changed (77) hide show
  1. package/dist/BlogCardsSponsoredSection.cjs +11 -9
  2. package/dist/BlogCardsSponsoredSection.js +108 -90
  3. package/dist/BlogExploreSection.cjs +5 -5
  4. package/dist/BlogExploreSection.js +88 -84
  5. package/dist/BlogListSection.cjs +5 -5
  6. package/dist/BlogListSection.js +139 -126
  7. package/dist/BlogProductCardsSection.cjs +1 -1
  8. package/dist/BlogProductCardsSection.js +37 -35
  9. package/dist/BlogShopCardsSection.cjs +1 -1
  10. package/dist/BlogShopCardsSection.js +43 -41
  11. package/dist/BlogSingleSection.cjs +1 -1
  12. package/dist/BlogSingleSection.js +9 -4
  13. package/dist/BlogsSectionDetailed.cjs +11 -11
  14. package/dist/BlogsSectionDetailed.js +122 -108
  15. package/dist/BlogsSectionLarge.cjs +4 -4
  16. package/dist/BlogsSectionLarge.js +43 -40
  17. package/dist/BlogsSectionSimple.cjs +8 -8
  18. package/dist/BlogsSectionSimple.js +100 -86
  19. package/dist/BlogsSectionSimpleCentered.cjs +9 -9
  20. package/dist/BlogsSectionSimpleCentered.js +81 -66
  21. package/dist/BlogsSectionWithFilters.cjs +11 -11
  22. package/dist/BlogsSectionWithFilters.js +108 -93
  23. package/dist/{CustomStyles-Ajyqx0cb.cjs → CustomStyles-BwHfr4iM.cjs} +1 -1
  24. package/dist/{CustomStyles-DVcu00ul.js → CustomStyles-iconSXFL.js} +0 -1
  25. package/dist/DetailedProductsInfinitiveSection.cjs +5 -3
  26. package/dist/DetailedProductsInfinitiveSection.js +31 -27
  27. package/dist/DetailedProductsSection.cjs +3 -3
  28. package/dist/DetailedProductsSection.js +76 -65
  29. package/dist/Dropdown.cjs +1 -1
  30. package/dist/Dropdown.js +2 -2
  31. package/dist/DropdownLookup.cjs +1 -1
  32. package/dist/DropdownLookup.js +1 -1
  33. package/dist/FieldOfInterestsMasonrySection.cjs +20 -12
  34. package/dist/FieldOfInterestsMasonrySection.js +35 -27
  35. package/dist/FieldOfInterestsWithAvatarsCardsSection.cjs +1 -1
  36. package/dist/FieldOfInterestsWithAvatarsCardsSection.js +1 -1
  37. package/dist/FieldOfInterestsWithTagsCardsSection.cjs +2 -0
  38. package/dist/FieldOfInterestsWithTagsCardsSection.js +5 -3
  39. package/dist/GiftCardsSection.cjs +1 -1
  40. package/dist/GiftCardsSection.js +1 -1
  41. package/dist/MasonryGeneralCardsSection.cjs +1 -3
  42. package/dist/MasonryGeneralCardsSection.js +9 -11
  43. package/dist/MultiSelectDropdown.cjs +1 -1
  44. package/dist/MultiSelectDropdown.js +1 -1
  45. package/dist/MultiSelectDropdownLookup.cjs +1 -1
  46. package/dist/MultiSelectDropdownLookup.js +1 -1
  47. package/dist/ProductsWithBannerSection.cjs +20 -27
  48. package/dist/ProductsWithBannerSection.js +93 -78
  49. package/dist/QuattroCardsSection.cjs +2 -0
  50. package/dist/QuattroCardsSection.js +2 -0
  51. package/dist/SalesCampaignsSection.cjs +29 -27
  52. package/dist/SalesCampaignsSection.js +247 -239
  53. package/dist/ShopCardsSection.cjs +5 -3
  54. package/dist/ShopCardsSection.js +29 -25
  55. package/dist/SimpleCategoriesSection.cjs +1 -1
  56. package/dist/SimpleCategoriesSection.js +1 -1
  57. package/dist/SimpleProductsSection.cjs +3 -3
  58. package/dist/SimpleProductsSection.js +62 -51
  59. package/dist/UrgentSaleProductsSection.cjs +6 -6
  60. package/dist/UrgentSaleProductsSection.js +67 -56
  61. package/dist/index-1Dm1i6WK.js +52 -0
  62. package/dist/index-BGTtoLxz.cjs +1 -0
  63. package/dist/{index-CLoINIGC.cjs → index-DicTpiG0.cjs} +5 -5
  64. package/dist/{index-BGY3PSA-.js → index-y6sKgrZC.js} +45 -34
  65. package/dist/index.cjs +1 -1
  66. package/dist/index.js +1 -1
  67. package/dist/{skeleton-BWFqIToC.js → skeleton-5mO22c5S.js} +94 -84
  68. package/dist/{skeleton-CanJ6Gr6.cjs → skeleton-Ccd6EDeB.cjs} +8 -8
  69. package/dist/{style-BLuyU97E.js → style-DKAOBWn3.js} +1 -0
  70. package/dist/{style-lSjkOR95.cjs → style-Db3VFbfP.cjs} +1 -0
  71. package/dist/{suspense-product-card-detailed-BWoxabjZ.js → suspense-product-card-detailed-BZtObEfA.js} +126 -123
  72. package/dist/{suspense-product-card-detailed-DYyH_jf5.cjs → suspense-product-card-detailed-D-pjVe22.cjs} +7 -7
  73. package/dist/{suspense-product-card-simple-CrqjSxHI.cjs → suspense-product-card-simple-DJ8UYolb.cjs} +1 -1
  74. package/dist/{suspense-product-card-simple-CLJjab5B.js → suspense-product-card-simple-ziy0XcLp.js} +1 -1
  75. package/package.json +1 -1
  76. package/dist/index-Cm0f72Po.cjs +0 -1
  77. 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 e=require("react/jsx-runtime"),f=require("react"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./utils-Dl9xPH4c.cjs"),h=require("./index-BueKsXT8.cjs"),x=d.styled.div`
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
- ${r.linearGradientAnimation("-90deg")}
9
- `,b=d.styled.div`
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
- ${r.truncateTextInRows(2)}
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
- `,y=f.forwardRef((s,c)=>{const{uuid:v,title:l,price:i=0,currency:t,isNegotiable:o,isFree:a,image:m,sellerUuid:w,onSelectCard:u=()=>{},imageComponent:n,negotiableText:p="Negotiable",freeText:g="Free"}=s;return e.jsxs(b,{ref:c,className:"simple-product-card",onClick:u,children:[r.isDefined(n)?n:e.jsx(h.ProductImageWrapper,{src:m}),e.jsxs("div",{className:"text-block",children:[e.jsx("div",{className:"title-simple-product-card",children:l}),e.jsxs("div",{className:"price-chip",children:[i>0&&t&&o!==!0&&a!==!0&&`${r.formatPrice(i)} ${r.GetCurrencySymbol(t)}`,o&&p,a&&g]})]})]})});exports.SimpleProductCard=y;exports.SkeletonWrapper=x;
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 e, jsx as d } from "react/jsx-runtime";
2
- import { forwardRef as u } from "react";
3
- import { s as n } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
- import { o as h, p as b, l as x, q as v, G as y } from "./utils-BdsZgOUE.js";
5
- import { P as w } from "./index-CF3HhgvN.js";
6
- const G = n.div`
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
- ${h("-90deg")}
14
- `, k = n.div`
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
- ${b(2)}
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
- `, T = u((m, l) => {
93
+ `, I = b((l, j) => {
94
94
  const {
95
- uuid: z,
96
- title: s,
97
- price: r = 0,
98
- currency: i,
99
- isNegotiable: t,
95
+ uuid: S,
96
+ title: m,
97
+ price: i = 0,
98
+ currency: t,
99
+ isNegotiable: o,
100
100
  isFree: a,
101
- image: c,
102
- sellerUuid: N,
103
- onSelectCard: p = () => {
101
+ image: p,
102
+ sellerUuid: P,
103
+ onSelectCard: f = () => {
104
104
  },
105
- imageComponent: o,
105
+ imageComponent: n,
106
106
  negotiableText: g = "Negotiable",
107
- freeText: f = "Free"
108
- } = m;
109
- return /* @__PURE__ */ e(k, { ref: l, className: "simple-product-card", onClick: p, children: [
110
- x(o) ? o : /* @__PURE__ */ d(w, { src: c }),
111
- /* @__PURE__ */ e("div", { className: "text-block", children: [
112
- /* @__PURE__ */ d("div", { className: "title-simple-product-card", children: s }),
113
- /* @__PURE__ */ e("div", { className: "price-chip", children: [
114
- r > 0 && i && t !== !0 && a !== !0 && `${v(r)} ${y(i)}`,
115
- t && g,
116
- a && f
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
- T as S,
123
- G as a
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-Ajyqx0cb.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;
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-DVcu00ul.js";
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 h, useRef as L, useEffect as j, Fragment as I } from "react";
3
- import c from "./Icon.js";
4
- import { p as d, o as _, l as g } from "./utils-BdsZgOUE.js";
5
- import { D as f } from "./ShopAvatar-4-fCYGEc.js";
6
- import { P } from "./index-CF3HhgvN.js";
7
- import { s as w } from "./emotion-styled.browser.esm-BNN1dTl3.js";
8
- import { M as z } from "./consts-BuFChS64.js";
9
- const D = w.div`
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
- ${d(2)}
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
- ${d(2)}
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: ${z + "px"}) {
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
- `, G = w.div`
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: ${_("-90deg")};
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: ${_("-90deg")};
186
+ background-color: ${h("-90deg")};
187
187
  height: 1rem;
188
188
  width: 100%;
189
189
  }
190
190
  }
191
- `, X = h(
191
+ `, Z = v(
192
192
  ({
193
193
  uuid: m,
194
- image: o,
195
- imageComponent: p,
196
- title: x,
197
- subtitle: v,
198
- badges: b,
199
- rating: y,
200
- reviewCount: l,
201
- products: s,
202
- onSelectCard: N = () => {
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: k = () => {
204
+ getProductImage: $ = () => {
205
205
  },
206
- canAcceptPayments: S,
207
- hideProducts: u = !1,
208
- showRating: $ = !0
209
- }, E) => {
210
- const n = L();
211
- return j(() => {
212
- var t;
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 = f, a.onerror = null;
215
+ a.target.src = x, a.onerror = null;
215
216
  };
216
- return (t = n == null ? void 0 : n.current) == null || t.addEventListener("error", e), () => {
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(D, { ref: E, onClick: N, children: [
221
- /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
222
- g(p) ? p : o ? /* @__PURE__ */ r("img", { ref: n, src: o, className: "wrapper__image" }) : /* @__PURE__ */ r("img", { src: f, className: "wrapper__image" }),
223
- /* @__PURE__ */ i("div", { className: "wrapper__info", children: [
224
- /* @__PURE__ */ i("div", { className: "wrapper__title", children: [
225
- x,
226
- " ",
227
- S && /* @__PURE__ */ r(c, { color: "secondary", icon: "credit-card", className: "card" })
228
- ] }),
229
- /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: v }),
230
- b && /* @__PURE__ */ r("div", { className: "wrapper__badges" }),
231
- $ && /* @__PURE__ */ i("div", { className: "wrapper__rating", children: [
232
- /* @__PURE__ */ r("div", { className: "wrapper_stars", children: [...Array(5).keys()].map((e, t) => /* @__PURE__ */ r(
233
- c,
234
- {
235
- icon: " mng-lnc-star--filled",
236
- className: `wrapper__star ${e >= y ? "gold-star" : ""}`
237
- },
238
- `shop-card-rating-star__${t + 1}`
239
- )) }),
240
- /* @__PURE__ */ i("div", { className: "wrapper__review-count", children: [
241
- "(",
242
- l == null ? void 0 : l.toLocaleString(),
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
- src: k(
260
- e == null ? void 0 : e.image,
261
- e == null ? void 0 : e.uuid,
262
- m
263
- ),
264
- className: "product__image"
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
- ) }, t))) })
269
- ] });
276
+ ) }, l))) })
277
+ ]
278
+ }
279
+ );
270
280
  }
271
- ), Z = h(({}, m) => /* @__PURE__ */ r(G, { children: /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
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
- X as S,
282
- Z as a
291
+ Z as S,
292
+ q as a
283
293
  };
@@ -1,4 +1,4 @@
1
- "use strict";const r=require("react/jsx-runtime"),t=require("react"),d=require("./Icon.cjs"),n=require("./utils-Dl9xPH4c.cjs"),_=require("./ShopAvatar-CV3lj34D.cjs"),S=require("./index-BueKsXT8.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),q=g.styled.div`
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
- ${n.truncateTextInRows(2)}
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
- ${n.truncateTextInRows(2)}
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: ${k.MOBILE_SIZE_PX+"px"}) {
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
- `,$=g.styled.div`
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: ${n.linearGradientAnimation("-90deg")};
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: ${n.linearGradientAnimation("-90deg")};
178
+ background-color: ${t.linearGradientAnimation("-90deg")};
179
179
  height: 1rem;
180
180
  width: 100%;
181
181
  }
182
182
  }
183
- `,E=t.forwardRef(({uuid:c,image:m,imageComponent:p,title:x,subtitle:h,badges:w,rating:f,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(q,{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,className:"wrapper__image"}),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}),w&&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>=f?"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)))})]})}),I=t.forwardRef(({},c)=>r.jsx($,{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=E;exports.ShopCardSkeleton=I;
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`