@lanaco/lnc-react-ui 4.0.169 → 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.
- package/dist/Accordion.js +1 -1
- package/dist/AccordionSummary.js +1 -1
- package/dist/ActionsToolbar.js +1 -1
- package/dist/Alert.js +1 -1
- package/dist/Avatar.js +1 -1
- package/dist/Badge.js +1 -1
- package/dist/BannerSectionCarousel.cjs +9 -48
- package/dist/BannerSectionCarousel.js +208 -249
- package/dist/BannerSectionSimple.js +1 -1
- package/dist/BannerSectionWithList.js +1 -1
- package/dist/BlogCardsSponsoredSection.cjs +8 -8
- package/dist/BlogCardsSponsoredSection.js +67 -68
- package/dist/BlogCategoryCardsSection.cjs +1 -1
- package/dist/BlogCategoryCardsSection.js +22 -30
- package/dist/BlogExploreSection.js +9 -9
- package/dist/BlogListSection.cjs +11 -5
- package/dist/BlogListSection.js +187 -123
- package/dist/BlogProductCardsSection.cjs +1 -1
- package/dist/BlogProductCardsSection.js +28 -37
- package/dist/BlogShopCardsSection.cjs +1 -1
- package/dist/BlogShopCardsSection.js +40 -67
- package/dist/BlogSingleSection.cjs +16 -1
- package/dist/BlogSingleSection.js +47 -45
- package/dist/BlogsSectionDetailed.cjs +8 -27
- package/dist/BlogsSectionDetailed.js +111 -159
- package/dist/BlogsSectionLarge.cjs +19 -4
- package/dist/BlogsSectionLarge.js +73 -37
- package/dist/BlogsSectionSimple.cjs +9 -9
- package/dist/BlogsSectionSimple.js +81 -107
- package/dist/BlogsSectionSimpleCentered.cjs +25 -23
- package/dist/BlogsSectionSimpleCentered.js +103 -96
- package/dist/BlogsSectionWithFilters.cjs +31 -29
- package/dist/BlogsSectionWithFilters.js +173 -134
- package/dist/BrandHitsSection.cjs +10 -14
- package/dist/BrandHitsSection.js +93 -45
- package/dist/Breadcrumbs.js +1 -1
- package/dist/Button.js +1 -1
- package/dist/ButtonGroup.js +1 -1
- package/dist/CalorieCalculatorSection.js +1 -1
- package/dist/CategorySimpleCard-Qe5QStrs.cjs +47 -0
- package/dist/CategorySimpleCard-laAY-RUT.js +70 -0
- package/dist/CheckBoxInput.js +1 -1
- package/dist/Chip.js +1 -1
- package/dist/ColorInput.js +1 -1
- package/dist/ConfirmationForm.js +1 -1
- package/dist/CustomLoanMapSection.js +1 -1
- package/dist/{CustomStyles-SyQRnjuy.js → CustomStyles-ArAVZsIj.js} +1 -1
- package/dist/DateInput.js +1 -1
- package/dist/DecimalInput.js +1 -1
- package/dist/DecimalInputV2.js +1 -1
- package/dist/DetailedProductsInfinitiveSection.cjs +3 -3
- package/dist/DetailedProductsInfinitiveSection.js +35 -36
- package/dist/DetailedProductsSection.cjs +4 -4
- package/dist/DetailedProductsSection.js +62 -63
- package/dist/DetailsView.js +1 -1
- package/dist/DoubleRangeSlider.js +1 -1
- package/dist/DragAndDropFile.js +1 -1
- package/dist/DragDropFiles.js +1 -1
- package/dist/Drawer.js +1 -1
- package/dist/Dropdown.js +2 -2
- package/dist/DropdownItem.js +1 -1
- package/dist/DropdownLookup.js +1 -1
- package/dist/DropdownMenu.js +1 -1
- package/dist/EditableTable.js +1 -1
- package/dist/FeedbackSection.js +1 -1
- package/dist/FieldOfInterestsMasonrySection.cjs +20 -25
- package/dist/FieldOfInterestsMasonrySection.js +228 -154
- package/dist/FieldOfInterestsWithAvatarsCardsSection.cjs +33 -24
- package/dist/FieldOfInterestsWithAvatarsCardsSection.js +178 -113
- package/dist/FieldOfInterestsWithTagsCardsSection.cjs +6 -16
- package/dist/FieldOfInterestsWithTagsCardsSection.js +89 -93
- package/dist/FileInput.js +1 -1
- package/dist/FlexGridItem.js +1 -1
- package/dist/FormField.js +1 -1
- package/dist/FormView.js +1 -1
- package/dist/GeneralWithTagsCardsSection.cjs +11 -27
- package/dist/GeneralWithTagsCardsSection.js +87 -99
- package/dist/GiftCardsSection.cjs +18 -23
- package/dist/GiftCardsSection.js +146 -77
- package/dist/Icon.js +1 -1
- package/dist/IconButton.js +1 -1
- package/dist/Kanban.js +1 -1
- package/dist/KanbanActionsToolbar.js +1 -1
- package/dist/KanbanView.js +1 -1
- package/dist/Link.js +1 -1
- package/dist/LoanCalculatorSection.js +1 -1
- package/dist/LocationFinderSection.js +1 -1
- package/dist/LocationSearchSection.js +1 -1
- package/dist/MasonryGeneralCardsSection.cjs +33 -19
- package/dist/MasonryGeneralCardsSection.js +114 -68
- package/dist/MenuItem.js +1 -1
- package/dist/Modal.js +1 -1
- package/dist/MultiSelectDropdown.js +1 -1
- package/dist/MultiSelectDropdownLookup.js +1 -1
- package/dist/NestedDropdownItem.js +1 -1
- package/dist/NestedMenuItem.js +1 -1
- package/dist/NotificationContainer.js +1 -1
- package/dist/NotificationMessage.js +1 -1
- package/dist/NumberInput.js +1 -1
- package/dist/OverlayGeneralCardsSection.cjs +5 -5
- package/dist/OverlayGeneralCardsSection.js +54 -40
- package/dist/PasswordInput.js +1 -1
- package/dist/PopoverContent.js +1 -1
- package/dist/ProductsWithBannerSection.cjs +15 -20
- package/dist/ProductsWithBannerSection.js +176 -104
- package/dist/ProgressBar.js +1 -1
- package/dist/QuattroCardsSection.cjs +6 -6
- package/dist/QuattroCardsSection.js +42 -34
- package/dist/QuizSection.js +1 -1
- package/dist/RadioInput.js +1 -1
- package/dist/RangeSlider.js +1 -1
- package/dist/ReviewsSection.cjs +24 -30
- package/dist/ReviewsSection.js +170 -137
- package/dist/SalesCampaignsSection.cjs +46 -130
- package/dist/SalesCampaignsSection.js +354 -433
- package/dist/Separator.js +1 -1
- package/dist/ShopCardsSection.cjs +18 -5
- package/dist/ShopCardsSection.js +145 -88
- package/dist/Sidebar.js +1 -1
- package/dist/SimpleCategoriesSection.cjs +10 -4
- package/dist/SimpleCategoriesSection.js +79 -51
- package/dist/SimpleProductsSection.cjs +16 -3
- package/dist/SimpleProductsSection.js +172 -70
- package/dist/Spinner.js +1 -1
- package/dist/StatsSection.js +4 -4
- package/dist/Surface.js +1 -1
- package/dist/SwipeableDrawer.js +1 -1
- package/dist/TabItem.js +1 -1
- package/dist/Table.js +1 -1
- package/dist/TableView.js +1 -1
- package/dist/TextAreaInput.js +1 -1
- package/dist/TextInput.js +1 -1
- package/dist/ThemeProvider.js +1 -1
- package/dist/TimeInput.js +1 -1
- package/dist/Toggle.js +1 -1
- package/dist/TreeMenuSeparator.js +1 -1
- package/dist/UploadedFile.js +1 -1
- package/dist/UrgentSaleProductsSection.cjs +2 -2
- package/dist/UrgentSaleProductsSection.js +62 -61
- package/dist/index-BAJkosVg.cjs +11 -0
- package/dist/{index-dXWRbvgi.js → index-BMOLVn8O.js} +1 -1
- package/dist/{skeleton-5mO22c5S.js → index-BPntOicE.js} +55 -107
- package/dist/index-BSpdEGFd.js +42 -0
- package/dist/{index-CF3HhgvN.js → index-BbltNcou.js} +1 -1
- package/dist/index-BhBRZf4M.js +742 -0
- package/dist/index-BovNbKxB.js +54 -0
- package/dist/{skeleton-Ccd6EDeB.cjs → index-C5r__0lD.cjs} +4 -47
- package/dist/{index-DicTpiG0.cjs → index-CfT9e5O9.cjs} +2 -10
- package/dist/index-D-3I_Ppj.cjs +16 -0
- package/dist/index-D0IYt1s3.cjs +20 -0
- package/dist/{skeleton-CQPwIEP0.js → index-D69SKc-n.cjs} +7 -37
- package/dist/{index-C0SKNFzP.js → index-D8KPbcUf.js} +1 -1
- package/dist/index-DFdPWO4O.js +133 -0
- package/dist/index-DFyV_EK2.cjs +305 -0
- package/dist/index-DxwIu0Wn.js +84 -0
- package/dist/{index-y6sKgrZC.js → index-XYs5Cuh5.js} +21 -30
- package/dist/index.js +1 -1
- package/dist/style-BAcV7F53.cjs +64 -0
- package/dist/style-CXMUA6cI.js +74 -0
- package/dist/{style-DKAOBWn3.js → style-D3pIrH3v.js} +1 -1
- package/dist/{utils-BdsZgOUE.js → utils-DHfRApMf.js} +6 -6
- package/package.json +1 -1
- package/dist/index-1Dm1i6WK.js +0 -52
- package/dist/index-BGTtoLxz.cjs +0 -1
- package/dist/skeleton-BdbB-LdT.cjs +0 -97
- package/dist/suspense-categories-card-simple-BGj475Ca.js +0 -101
- package/dist/suspense-categories-card-simple-CjGtzfzp.cjs +0 -55
- package/dist/suspense-large-BMO7JH52.js +0 -26
- package/dist/suspense-large-CFmcSzX-.cjs +0 -1
- package/dist/suspense-product-card-detailed-CxiFuUOT.js +0 -653
- package/dist/suspense-product-card-detailed-IR4sh-l4.cjs +0 -330
- package/dist/suspense-product-card-simple-DJ8UYolb.cjs +0 -1
- 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"),
|
|
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
|
-
${
|
|
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
|
-
${
|
|
66
|
+
${c.truncateTextInRows(2)}
|
|
67
67
|
}
|
|
68
68
|
|
|
69
69
|
& .wrapper__badges {
|
|
@@ -137,47 +137,4 @@
|
|
|
137
137
|
}
|
|
138
138
|
}
|
|
139
139
|
}
|
|
140
|
-
`,
|
|
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"),
|
|
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
|
-
`,
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
`,
|
|
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
|
-
${
|
|
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
|
-
|
|
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
|
-
`,
|
|
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-
|
|
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
|
+
};
|