@lanaco/lnc-react-ui 4.0.170 → 4.0.171

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 (173) hide show
  1. package/dist/Accordion.js +1 -1
  2. package/dist/AccordionSummary.js +1 -1
  3. package/dist/ActionsToolbar.js +1 -1
  4. package/dist/Alert.js +1 -1
  5. package/dist/Avatar.js +1 -1
  6. package/dist/Badge.js +1 -1
  7. package/dist/BannerSectionCarousel.cjs +9 -48
  8. package/dist/BannerSectionCarousel.js +208 -249
  9. package/dist/BannerSectionSimple.js +1 -1
  10. package/dist/BannerSectionWithList.js +1 -1
  11. package/dist/BlogCardsSponsoredSection.cjs +8 -8
  12. package/dist/BlogCardsSponsoredSection.js +67 -68
  13. package/dist/BlogCategoryCardsSection.cjs +1 -1
  14. package/dist/BlogCategoryCardsSection.js +22 -30
  15. package/dist/BlogExploreSection.js +9 -9
  16. package/dist/BlogListSection.cjs +11 -5
  17. package/dist/BlogListSection.js +187 -123
  18. package/dist/BlogProductCardsSection.cjs +1 -1
  19. package/dist/BlogProductCardsSection.js +28 -37
  20. package/dist/BlogShopCardsSection.cjs +1 -1
  21. package/dist/BlogShopCardsSection.js +40 -67
  22. package/dist/BlogSingleSection.cjs +16 -1
  23. package/dist/BlogSingleSection.js +47 -45
  24. package/dist/BlogsSectionDetailed.cjs +8 -27
  25. package/dist/BlogsSectionDetailed.js +111 -159
  26. package/dist/BlogsSectionLarge.cjs +19 -4
  27. package/dist/BlogsSectionLarge.js +73 -37
  28. package/dist/BlogsSectionSimple.cjs +9 -9
  29. package/dist/BlogsSectionSimple.js +81 -107
  30. package/dist/BlogsSectionSimpleCentered.cjs +25 -23
  31. package/dist/BlogsSectionSimpleCentered.js +103 -96
  32. package/dist/BlogsSectionWithFilters.cjs +31 -29
  33. package/dist/BlogsSectionWithFilters.js +173 -134
  34. package/dist/BrandHitsSection.cjs +10 -14
  35. package/dist/BrandHitsSection.js +93 -45
  36. package/dist/Breadcrumbs.js +1 -1
  37. package/dist/Button.js +1 -1
  38. package/dist/ButtonGroup.js +1 -1
  39. package/dist/CalorieCalculatorSection.js +1 -1
  40. package/dist/CategorySimpleCard-Qe5QStrs.cjs +47 -0
  41. package/dist/CategorySimpleCard-laAY-RUT.js +70 -0
  42. package/dist/CheckBoxInput.js +1 -1
  43. package/dist/Chip.js +1 -1
  44. package/dist/ColorInput.js +1 -1
  45. package/dist/ConfirmationForm.js +1 -1
  46. package/dist/CustomLoanMapSection.js +1 -1
  47. package/dist/{CustomStyles-SyQRnjuy.js → CustomStyles-ArAVZsIj.js} +1 -1
  48. package/dist/DateInput.js +1 -1
  49. package/dist/DecimalInput.js +1 -1
  50. package/dist/DecimalInputV2.js +1 -1
  51. package/dist/DetailedProductsInfinitiveSection.cjs +3 -3
  52. package/dist/DetailedProductsInfinitiveSection.js +35 -36
  53. package/dist/DetailedProductsSection.cjs +4 -4
  54. package/dist/DetailedProductsSection.js +62 -63
  55. package/dist/DetailsView.js +1 -1
  56. package/dist/DoubleRangeSlider.js +1 -1
  57. package/dist/DragAndDropFile.js +1 -1
  58. package/dist/DragDropFiles.js +1 -1
  59. package/dist/Drawer.js +1 -1
  60. package/dist/Dropdown.js +2 -2
  61. package/dist/DropdownItem.js +1 -1
  62. package/dist/DropdownLookup.js +1 -1
  63. package/dist/DropdownMenu.js +1 -1
  64. package/dist/EditableTable.js +1 -1
  65. package/dist/FeedbackSection.js +1 -1
  66. package/dist/FieldOfInterestsMasonrySection.cjs +20 -25
  67. package/dist/FieldOfInterestsMasonrySection.js +228 -154
  68. package/dist/FieldOfInterestsWithAvatarsCardsSection.cjs +33 -24
  69. package/dist/FieldOfInterestsWithAvatarsCardsSection.js +178 -113
  70. package/dist/FieldOfInterestsWithTagsCardsSection.cjs +6 -16
  71. package/dist/FieldOfInterestsWithTagsCardsSection.js +89 -93
  72. package/dist/FileInput.js +1 -1
  73. package/dist/FlexGridItem.js +1 -1
  74. package/dist/FormField.js +1 -1
  75. package/dist/FormView.js +1 -1
  76. package/dist/GeneralWithTagsCardsSection.cjs +11 -27
  77. package/dist/GeneralWithTagsCardsSection.js +87 -99
  78. package/dist/GiftCardsSection.cjs +18 -23
  79. package/dist/GiftCardsSection.js +146 -77
  80. package/dist/Icon.js +1 -1
  81. package/dist/IconButton.js +1 -1
  82. package/dist/Kanban.js +1 -1
  83. package/dist/KanbanActionsToolbar.js +1 -1
  84. package/dist/KanbanView.js +1 -1
  85. package/dist/Link.js +1 -1
  86. package/dist/LoanCalculatorSection.js +1 -1
  87. package/dist/LocationFinderSection.js +1 -1
  88. package/dist/LocationSearchSection.js +1 -1
  89. package/dist/MasonryGeneralCardsSection.cjs +33 -19
  90. package/dist/MasonryGeneralCardsSection.js +114 -68
  91. package/dist/MenuItem.js +1 -1
  92. package/dist/Modal.js +1 -1
  93. package/dist/MultiSelectDropdown.js +1 -1
  94. package/dist/MultiSelectDropdownLookup.js +1 -1
  95. package/dist/NestedDropdownItem.js +1 -1
  96. package/dist/NestedMenuItem.js +1 -1
  97. package/dist/NotificationContainer.js +1 -1
  98. package/dist/NotificationMessage.js +1 -1
  99. package/dist/NumberInput.js +1 -1
  100. package/dist/OverlayGeneralCardsSection.cjs +5 -5
  101. package/dist/OverlayGeneralCardsSection.js +54 -40
  102. package/dist/PasswordInput.js +1 -1
  103. package/dist/PopoverContent.js +1 -1
  104. package/dist/ProductsWithBannerSection.cjs +15 -20
  105. package/dist/ProductsWithBannerSection.js +176 -104
  106. package/dist/ProgressBar.js +1 -1
  107. package/dist/QuattroCardsSection.cjs +6 -6
  108. package/dist/QuattroCardsSection.js +42 -34
  109. package/dist/QuizSection.js +1 -1
  110. package/dist/RadioInput.js +1 -1
  111. package/dist/RangeSlider.js +1 -1
  112. package/dist/ReviewsSection.cjs +24 -30
  113. package/dist/ReviewsSection.js +170 -137
  114. package/dist/SalesCampaignsSection.cjs +46 -130
  115. package/dist/SalesCampaignsSection.js +354 -433
  116. package/dist/Separator.js +1 -1
  117. package/dist/ShopCardsSection.cjs +18 -5
  118. package/dist/ShopCardsSection.js +145 -88
  119. package/dist/Sidebar.js +1 -1
  120. package/dist/SimpleCategoriesSection.cjs +10 -4
  121. package/dist/SimpleCategoriesSection.js +79 -51
  122. package/dist/SimpleProductsSection.cjs +16 -3
  123. package/dist/SimpleProductsSection.js +172 -70
  124. package/dist/Spinner.js +1 -1
  125. package/dist/StatsSection.js +4 -4
  126. package/dist/Surface.js +1 -1
  127. package/dist/SwipeableDrawer.js +1 -1
  128. package/dist/TabItem.js +1 -1
  129. package/dist/Table.js +1 -1
  130. package/dist/TableView.js +1 -1
  131. package/dist/TextAreaInput.js +1 -1
  132. package/dist/TextInput.js +1 -1
  133. package/dist/ThemeProvider.js +1 -1
  134. package/dist/TimeInput.js +1 -1
  135. package/dist/Toggle.js +1 -1
  136. package/dist/TreeMenuSeparator.js +1 -1
  137. package/dist/UploadedFile.js +1 -1
  138. package/dist/UrgentSaleProductsSection.cjs +2 -2
  139. package/dist/UrgentSaleProductsSection.js +62 -61
  140. package/dist/index-BAJkosVg.cjs +11 -0
  141. package/dist/{index-dXWRbvgi.js → index-BMOLVn8O.js} +1 -1
  142. package/dist/{skeleton-5mO22c5S.js → index-BPntOicE.js} +55 -107
  143. package/dist/index-BSpdEGFd.js +42 -0
  144. package/dist/{index-CF3HhgvN.js → index-BbltNcou.js} +1 -1
  145. package/dist/index-BhBRZf4M.js +742 -0
  146. package/dist/index-BovNbKxB.js +54 -0
  147. package/dist/{skeleton-Ccd6EDeB.cjs → index-C5r__0lD.cjs} +4 -47
  148. package/dist/{index-DicTpiG0.cjs → index-CfT9e5O9.cjs} +2 -10
  149. package/dist/index-D-3I_Ppj.cjs +16 -0
  150. package/dist/index-D0IYt1s3.cjs +20 -0
  151. package/dist/{skeleton-CQPwIEP0.js → index-D69SKc-n.cjs} +7 -37
  152. package/dist/{index-C0SKNFzP.js → index-D8KPbcUf.js} +1 -1
  153. package/dist/index-DFdPWO4O.js +133 -0
  154. package/dist/index-DFyV_EK2.cjs +305 -0
  155. package/dist/index-DxwIu0Wn.js +84 -0
  156. package/dist/{index-y6sKgrZC.js → index-XYs5Cuh5.js} +21 -30
  157. package/dist/index.js +1 -1
  158. package/dist/style-BAcV7F53.cjs +64 -0
  159. package/dist/style-CXMUA6cI.js +74 -0
  160. package/dist/{style-DKAOBWn3.js → style-D3pIrH3v.js} +1 -1
  161. package/dist/{utils-BdsZgOUE.js → utils-DHfRApMf.js} +6 -6
  162. package/package.json +1 -1
  163. package/dist/index-1Dm1i6WK.js +0 -52
  164. package/dist/index-BGTtoLxz.cjs +0 -1
  165. package/dist/skeleton-BdbB-LdT.cjs +0 -97
  166. package/dist/suspense-categories-card-simple-BGj475Ca.js +0 -101
  167. package/dist/suspense-categories-card-simple-CjGtzfzp.cjs +0 -55
  168. package/dist/suspense-large-BMO7JH52.js +0 -26
  169. package/dist/suspense-large-CFmcSzX-.cjs +0 -1
  170. package/dist/suspense-product-card-detailed-BU6DPCvJ.js +0 -652
  171. package/dist/suspense-product-card-detailed-BbvQuPOP.cjs +0 -329
  172. package/dist/suspense-product-card-simple-DJ8UYolb.cjs +0 -1
  173. package/dist/suspense-product-card-simple-ziy0XcLp.js +0 -26
@@ -0,0 +1,54 @@
1
+ import { jsxs as s, jsx as e, Fragment as a } from "react/jsx-runtime";
2
+ import { Suspense as m } from "react";
3
+ import { a as d, b as o } from "./style-CXMUA6cI.js";
4
+ import { s as l } from "./emotion-styled.browser.esm-BNN1dTl3.js";
5
+ import { M as h } from "./consts-BuFChS64.js";
6
+ const p = l(d)`
7
+ @media (max-width: ${h + "px"}) {
8
+ flex-direction: column;
9
+
10
+ & > div {
11
+ background: linear-gradient(
12
+ to right,
13
+ transparent 0%,
14
+ #f4f6fb 40%,
15
+ #f4f6fb 100%
16
+ );
17
+
18
+ box-shadow: none;
19
+ }
20
+ }
21
+ `, c = ({ keyPrefix: r }) => /* @__PURE__ */ s(p, { children: [
22
+ /* @__PURE__ */ e(
23
+ o,
24
+ {
25
+ height: "23rem",
26
+ borderRadius: "0.75rem"
27
+ },
28
+ `${r}-1`
29
+ ),
30
+ /* @__PURE__ */ e(
31
+ o,
32
+ {
33
+ height: "23rem",
34
+ borderRadius: "0.75rem"
35
+ },
36
+ `${r}-2`
37
+ ),
38
+ /* @__PURE__ */ e(
39
+ o,
40
+ {
41
+ height: "23rem",
42
+ borderRadius: "0.75rem"
43
+ },
44
+ `${r}-3`
45
+ )
46
+ ] }), x = ({
47
+ keyPrefix: r,
48
+ isLoading: t = !1,
49
+ fallbackComponent: n = /* @__PURE__ */ e(a, {}),
50
+ children: i
51
+ }) => /* @__PURE__ */ e(m, { fallbackComponent: n, children: t === !0 ? /* @__PURE__ */ e(c, { keyPrefix: r }) : i });
52
+ export {
53
+ x as S
54
+ };
@@ -1,4 +1,4 @@
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`
1
+ "use strict";const r=require("react/jsx-runtime"),l=require("react"),g=require("./Icon.cjs"),c=require("./utils-Dl9xPH4c.cjs"),S=require("./emotion-styled.browser.esm-BtEseadx.cjs"),q=require("./consts-goSZX3xP.cjs"),h=require("./ShopAvatar-CV3lj34D.cjs"),E=require("./index-BueKsXT8.cjs"),I=S.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
- ${t.truncateTextInRows(2)}
54
+ ${c.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
- ${t.truncateTextInRows(2)}
66
+ ${c.truncateTextInRows(2)}
67
67
  }
68
68
 
69
69
  & .wrapper__badges {
@@ -137,47 +137,4 @@
137
137
  }
138
138
  }
139
139
  }
140
- `,E=h.styled.div`
141
- display: flex;
142
- flex-direction: column;
143
- align-items: center;
144
- flex: 1 0 0;
145
- border-radius: 1.25rem;
146
- border: 1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08));
147
- background: var(--Lanaco-Gray-white, #fff);
148
- width: 100%;
149
-
150
- /* drop-shadow-sm */
151
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
152
-
153
- & .wrapper__content {
154
- display: flex;
155
- padding: 1.25rem;
156
- flex-direction: column;
157
- align-items: center;
158
- gap: 0.75rem;
159
- align-self: strech;
160
- width: 100%;
161
-
162
- & .wrapper__image {
163
- width: 4rem;
164
- height: 4rem;
165
- border-radius: 999px;
166
- background-color: ${t.linearGradientAnimation("-90deg")};
167
- }
168
- }
169
-
170
- & .wrapper__info {
171
- display: flex;
172
- flex-direction: column;
173
- align-items: center;
174
- gap: 0.375rem;
175
- width: 100%;
176
-
177
- & .wrapper__info-item {
178
- background-color: ${t.linearGradientAnimation("-90deg")};
179
- height: 1rem;
180
- width: 100%;
181
- }
182
- }
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;
140
+ `,L=l.forwardRef(({uuid:x,image:m,imageComponent:p,title:d,subtitle:w,badges:f,rating:v,reviewCount:o,products:t,onSelectCard:j=()=>{},getProductImage:y=()=>{},canAcceptPayments:b,hideProducts:N=!1,showRating:u=!0,metadata:i={}},R)=>{const s=l.useRef(),_=l.useRef();return l.useEffect(()=>{var n;const e=a=>{a.target.src=h.DefaultShopImage,a.onerror=null};return(n=s==null?void 0:s.current)==null||n.addEventListener("error",e),()=>{var a;(a=s==null?void 0:s.current)==null||a.removeEventListener("error",e)}},[]),r.jsxs(I,{ref:_,onClick:e=>j(e,_),name:i==null?void 0:i.name,"data-accessor":i==null?void 0:i.accessor,children:[r.jsxs("div",{className:"wrapper__content",children:[c.isDefined(p)?p:m?r.jsx("img",{ref:s,src:m,className:"wrapper__image"}):r.jsx("img",{src:h.DefaultShopImage,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__info",children:[r.jsxs("div",{className:"wrapper__title",children:[d," ",b&&r.jsx(g,{color:"secondary",icon:"credit-card",className:"card"})]}),r.jsx("div",{className:"wrapper__subtitle",children:w}),f&&r.jsx("div",{className:"wrapper__badges"}),u&&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>=v?"gold-star":""}`},`shop-card-rating-star__${n+1}`))}),r.jsxs("div",{className:"wrapper__review-count",children:["(",o==null?void 0:o.toLocaleString(),")"]})]})]})]}),N!==!0&&r.jsx("div",{className:"wrapper__products",children:t&&(t==null?void 0:t.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:c.isDefined(e==null?void 0:e.imageComponent)?e==null?void 0:e.imageComponent:r.jsx(E.ProductImageWrapper,{src:y(e==null?void 0:e.image,e==null?void 0:e.uuid,x),className:"product__image"})})},n)))})]})});exports.ShopCard=L;
@@ -1,12 +1,4 @@
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
- background-color: var(--gray-200, #dddfe4);
3
- border-radius: 0.75rem;
4
- min-width: 11.625rem;
5
- min-height: 11.625rem;
6
- max-width: 11.625rem;
7
- max-height: 11.625rem;
8
- ${i.linearGradientAnimation("-90deg")}
9
- `,v=l.styled.div`
1
+ "use strict";const r=require("react/jsx-runtime"),d=require("react"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),i=require("./utils-Dl9xPH4c.cjs"),h=require("./index-BueKsXT8.cjs"),y=b.styled.div`
10
2
  display: flex;
11
3
  flex-direction: column;
12
4
  justify-content: end;
@@ -85,4 +77,4 @@
85
77
  z-index: 1;
86
78
  }
87
79
  }
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;
80
+ `,v=d.forwardRef((l,w)=>{const{uuid:j,title:m,price:t=0,currency:o,isNegotiable:n,isFree:s,image:u,sellerUuid:k,onSelectCard:p=()=>{},imageComponent:c,negotiableText:f="Negotiable",freeText:g="Free",metadata:e}=l,a=d.useRef();return r.jsxs(y,{ref:a,className:"simple-product-card","data-accessor":e==null?void 0:e.accessor,name:e==null?void 0:e.name,onClick:x=>p(x,a),children:[i.isDefined(c)?c:r.jsx(h.ProductImageWrapper,{src:u}),r.jsxs("div",{className:"text-block",children:[r.jsx("div",{className:"title-simple-product-card",children:m}),r.jsxs("div",{className:"price-chip",children:[t>0&&o&&n!==!0&&s!==!0&&`${i.formatPrice(t)} ${i.GetCurrencySymbol(o)}`,n&&f,s&&g]})]})]})});exports.SimpleProductCard=v;
@@ -0,0 +1,16 @@
1
+ "use strict";const e=require("react/jsx-runtime"),i=require("react"),t=require("./style-BAcV7F53.cjs"),l=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./consts-goSZX3xP.cjs"),a=l.styled(t.SkeletonRowWrapper)`
2
+ @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
3
+ flex-direction: column;
4
+
5
+ & > div {
6
+ background: linear-gradient(
7
+ to right,
8
+ transparent 0%,
9
+ #f4f6fb 40%,
10
+ #f4f6fb 100%
11
+ );
12
+
13
+ box-shadow: none;
14
+ }
15
+ }
16
+ `,c=({keyPrefix:r})=>e.jsxs(a,{children:[e.jsx(t.SkeletonLinePlaceholder,{height:"23rem",borderRadius:"0.75rem"},`${r}-1`),e.jsx(t.SkeletonLinePlaceholder,{height:"23rem",borderRadius:"0.75rem"},`${r}-2`),e.jsx(t.SkeletonLinePlaceholder,{height:"23rem",borderRadius:"0.75rem"},`${r}-3`)]}),u=({keyPrefix:r,isLoading:n=!1,fallbackComponent:s=e.jsx(e.Fragment,{}),children:o})=>e.jsx(i.Suspense,{fallbackComponent:s,children:n===!0?e.jsx(c,{keyPrefix:r}):o});exports.SuspenseBlogsSectionDetailed=u;
@@ -0,0 +1,20 @@
1
+ "use strict";const e=require("react/jsx-runtime"),l=require("react"),n=require("./style-BAcV7F53.cjs"),i=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./consts-goSZX3xP.cjs"),c=i.styled(n.SkeletonColumnWrapper)`
2
+ @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
3
+ flex-direction: column;
4
+
5
+ & > div {
6
+ flex-direction: column;
7
+
8
+ & > div {
9
+ background: linear-gradient(
10
+ to right,
11
+ transparent 0%,
12
+ #f4f6fb 40%,
13
+ #f4f6fb 100%
14
+ );
15
+
16
+ box-shadow: none;
17
+ }
18
+ }
19
+ }
20
+ `,a=({keyPrefix:r})=>e.jsxs(c,{children:[e.jsxs(n.SkeletonRowWrapper,{children:[e.jsx(n.SkeletonLinePlaceholder,{height:"11.25rem"},`${r}-1`),e.jsx(n.SkeletonLinePlaceholder,{height:"11.25rem"},`${r}-2`)]}),e.jsxs(n.SkeletonRowWrapper,{children:[e.jsx(n.SkeletonLinePlaceholder,{height:"11.25rem"},`${r}-3`),e.jsx(n.SkeletonLinePlaceholder,{height:"11.25rem"},`${r}-4`)]})]}),h=({keyPrefix:r,isLoading:o=!1,fallbackComponent:s=e.jsx(e.Fragment,{}),children:t})=>e.jsx(l.Suspense,{fallbackComponent:s,children:o===!0?e.jsx(a,{keyPrefix:r}):t});exports.SuspenseBlogCardsSponsored=h;
@@ -1,9 +1,4 @@
1
- import { jsxs as m, jsx as e } from "react/jsx-runtime";
2
- import { forwardRef as o } from "react";
3
- import { s as r } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
- import { M as i } from "./consts-BuFChS64.js";
5
- import { o as t, p as a } from "./utils-BdsZgOUE.js";
6
- const d = r.div`
1
+ "use strict";const e=require("react/jsx-runtime"),a=require("react"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./consts-goSZX3xP.cjs"),h=require("./utils-Dl9xPH4c.cjs"),p=require("./useDetectMobile-zkbzoOGV.cjs"),s=require("./Button.cjs"),w=require("./index-BueKsXT8.cjs"),b=c.styled.div`
7
2
  display: flex;
8
3
  width: 100%;
9
4
  gap: 1.25rem;
@@ -30,17 +25,7 @@ const d = r.div`
30
25
  border-radius: 0.75rem 0 0 0.75rem;
31
26
  }
32
27
 
33
- & .skeleton-img {
34
- width: 100%;
35
- max-height: 11.25rem;
36
- min-height: 12.25rem;
37
- min-width: 11.25rem;
38
- max-width: 11.25rem;
39
- background-color: ${t("-90deg")};
40
- border-radius: 0.75rem 0 0 0.75rem;
41
- }
42
-
43
- @media (max-width: ${i + "px"}) {
28
+ @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
44
29
  padding: 1rem;
45
30
  column-gap: 1.5rem;
46
31
  row-gap: 1rem;
@@ -52,8 +37,7 @@ const d = r.div`
52
37
  grid-column: 1 / 3;
53
38
  }
54
39
 
55
- & img,
56
- .skeleton-img {
40
+ & img {
57
41
  max-height: 7.75rem;
58
42
  min-height: 7.75rem;
59
43
  min-width: 7.75rem;
@@ -66,7 +50,7 @@ const d = r.div`
66
50
  margin-top: auto;
67
51
  }
68
52
  }
69
- `, n = r.div`
53
+ `,f=c.styled.div`
70
54
  padding: 1rem;
71
55
  display: flex;
72
56
  flex-direction: column;
@@ -82,7 +66,7 @@ const d = r.div`
82
66
  font-weight: 400;
83
67
  font-size: 0.875rem;
84
68
  color: var(--gray-700, #4e555f);
85
- ${a(3)}
69
+ ${h.truncateTextInRows(3)}
86
70
  }
87
71
 
88
72
  & button {
@@ -90,21 +74,7 @@ const d = r.div`
90
74
  margin-top: auto;
91
75
  }
92
76
 
93
- & .skeleton-title {
94
- height: 1.75rem;
95
- width: 80%;
96
- background-color: ${t("-90deg")};
97
- }
98
-
99
- @media (max-width: ${i + "px"}) {
77
+ @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
100
78
  padding: 0;
101
79
  }
102
- `, c = o(({}, h) => /* @__PURE__ */ m(d, { className: "blog-card", children: [
103
- /* @__PURE__ */ e("div", { className: "skeleton-img" }),
104
- /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e("div", { className: "skeleton-title" }) })
105
- ] }));
106
- export {
107
- c as B,
108
- n as T,
109
- d as W
110
- };
80
+ `,y=a.forwardRef((d,v)=>{const{title:l,imageUrl:u,text:x,onCardClick:t,buttonText:i,metadata:r}=d,o=p.useDetectMobile(),n=a.useRef();return e.jsxs(b,{ref:n,className:"blog-card","data-accessor":r==null?void 0:r.accessor,name:r==null?void 0:r.name,onClick:g=>t(g,n),children:[e.jsx(w.ProductImageWrapper,{src:u}),e.jsxs(f,{children:[e.jsx("div",{className:"text-wr-title",children:l}),e.jsx("div",{className:"text-wr",children:x}),o!==!0&&e.jsx(s,{type:"button",btnType:"outline",size:"medium",color:"gray",onClick:t,children:i})]}),o===!0&&e.jsx(s,{className:"action",type:"button",btnType:"outline",size:"medium",color:"gray",onClick:t,children:i})]})});exports.BlogCardLarge=y;
@@ -2,7 +2,7 @@ import { jsxs as u, jsx as e } from "react/jsx-runtime";
2
2
  import { forwardRef as C, useState as h } from "react";
3
3
  import { s as d } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
4
  import { M as w } from "./consts-BuFChS64.js";
5
- import { t as D, l as V } from "./utils-BdsZgOUE.js";
5
+ import { t as D, l as V } from "./utils-DHfRApMf.js";
6
6
  import { u as E } from "./useDetectMobile-Bkvj0VMa.js";
7
7
  import I from "./Button.js";
8
8
  const M = d.div`
@@ -0,0 +1,133 @@
1
+ import { jsxs as a, jsx as e } from "react/jsx-runtime";
2
+ import { forwardRef as x, useRef as u } from "react";
3
+ import { s as d } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
+ import { M as s } from "./consts-BuFChS64.js";
5
+ import { o as f } from "./utils-DHfRApMf.js";
6
+ import { u as w } from "./useDetectMobile-Bkvj0VMa.js";
7
+ import n from "./Button.js";
8
+ import { P as b } from "./index-BbltNcou.js";
9
+ const y = d.div`
10
+ display: flex;
11
+ width: 100%;
12
+ gap: 1.25rem;
13
+ box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
14
+ 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
15
+ background-color: var(--white);
16
+ border-radius: 0.75rem;
17
+ border: 1px solid var(--gray-95008);
18
+ overflow: hidden;
19
+ max-height: 11.25rem;
20
+ min-height: 11.25rem;
21
+
22
+ &:hover {
23
+ cursor: pointer;
24
+ }
25
+
26
+ & img {
27
+ max-height: 11.25rem;
28
+ min-height: 11.25rem;
29
+ min-width: 11.25rem;
30
+ max-width: 11.25rem;
31
+ object-fit: cover;
32
+ width: 100%;
33
+ border-radius: 0.75rem 0 0 0.75rem;
34
+ }
35
+
36
+ @media (max-width: ${s + "px"}) {
37
+ padding: 1rem;
38
+ column-gap: 1.5rem;
39
+ row-gap: 1rem;
40
+ display: grid;
41
+ grid-template-columns: repeat(2, auto);
42
+ max-height: 100%;
43
+ min-height: 100%;
44
+ & .action {
45
+ grid-column: 1 / 3;
46
+ }
47
+
48
+ & img {
49
+ max-height: 7.75rem;
50
+ min-height: 7.75rem;
51
+ min-width: 7.75rem;
52
+ max-width: 7.75rem;
53
+ border-radius: 0.75rem;
54
+ }
55
+
56
+ & button {
57
+ width: 100%;
58
+ margin-top: auto;
59
+ }
60
+ }
61
+ `, v = d.div`
62
+ padding: 1rem;
63
+ display: flex;
64
+ flex-direction: column;
65
+ gap: 0.25rem;
66
+ color: var(--gray-950, #14161a);
67
+
68
+ & .text-wr-title {
69
+ font-weight: 600;
70
+ font-size: 1.25rem;
71
+ }
72
+
73
+ & .text-wr {
74
+ font-weight: 400;
75
+ font-size: 0.875rem;
76
+ color: var(--gray-700, #4e555f);
77
+ ${f(3)}
78
+ }
79
+
80
+ & button {
81
+ width: fit-content;
82
+ margin-top: auto;
83
+ }
84
+
85
+ @media (max-width: ${s + "px"}) {
86
+ padding: 0;
87
+ }
88
+ `, j = x((c, C) => {
89
+ const { title: p, imageUrl: l, text: h, onCardClick: t, buttonText: i, metadata: r } = c, o = w(), m = u();
90
+ return /* @__PURE__ */ a(
91
+ y,
92
+ {
93
+ ref: m,
94
+ className: "blog-card",
95
+ "data-accessor": r == null ? void 0 : r.accessor,
96
+ name: r == null ? void 0 : r.name,
97
+ onClick: (g) => t(g, m),
98
+ children: [
99
+ /* @__PURE__ */ e(b, { src: l }),
100
+ /* @__PURE__ */ a(v, { children: [
101
+ /* @__PURE__ */ e("div", { className: "text-wr-title", children: p }),
102
+ /* @__PURE__ */ e("div", { className: "text-wr", children: h }),
103
+ o !== !0 && /* @__PURE__ */ e(
104
+ n,
105
+ {
106
+ type: "button",
107
+ btnType: "outline",
108
+ size: "medium",
109
+ color: "gray",
110
+ onClick: t,
111
+ children: i
112
+ }
113
+ )
114
+ ] }),
115
+ o === !0 && /* @__PURE__ */ e(
116
+ n,
117
+ {
118
+ className: "action",
119
+ type: "button",
120
+ btnType: "outline",
121
+ size: "medium",
122
+ color: "gray",
123
+ onClick: t,
124
+ children: i
125
+ }
126
+ )
127
+ ]
128
+ }
129
+ );
130
+ });
131
+ export {
132
+ j as B
133
+ };