@lanaco/lnc-react-ui 4.0.146 → 4.0.148
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/DetailedProductsSection.cjs +4 -4
- package/dist/DetailedProductsSection.js +24 -24
- package/dist/ProductsWithBannerSection.cjs +3 -3
- package/dist/ProductsWithBannerSection.js +40 -40
- package/dist/SimpleProductsSection.cjs +3 -3
- package/dist/SimpleProductsSection.js +41 -41
- package/dist/UrgentSaleProductsSection.cjs +2 -2
- package/dist/UrgentSaleProductsSection.js +43 -43
- package/dist/suspense-product-card-detailed-C-ZCjG5p.js +538 -0
- package/dist/suspense-product-card-detailed-FuxsUusc.cjs +260 -0
- package/package.json +1 -1
- package/dist/suspense-product-card-detailed-BVYLuo75.cjs +0 -265
- package/dist/suspense-product-card-detailed-Bv1nJaPz.js +0 -579
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const i=require("react/jsx-runtime"),s=require("react"),U=require("./emotion-styled.browser.esm-BtEseadx.cjs"),L=require("./consts-goSZX3xP.cjs"),M=require("./Button.cjs"),S=require("./utils-Dl9xPH4c.cjs"),T=require("./useDetectMobile-zkbzoOGV.cjs"),F=require("./style-CyHewQxg.cjs"),f=require("./suspense-product-card-detailed-FuxsUusc.cjs"),B=require("./index-D0xXo7W6.cjs"),E=U.styled.div`
|
|
2
2
|
display: grid;
|
|
3
|
-
grid-template-columns: ${
|
|
3
|
+
grid-template-columns: ${a=>`repeat(${a.limit}, minmax(0, 1fr))`};
|
|
4
4
|
gap: 1.25rem;
|
|
5
5
|
|
|
6
6
|
& .button-link {
|
|
7
7
|
white-space: nowrap;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
@media (max-width: ${
|
|
10
|
+
@media (max-width: ${L.MOBILE_SIZE_PX+"px"}) {
|
|
11
11
|
display: flex;
|
|
12
12
|
gap: 1rem;
|
|
13
13
|
overflow-x: auto;
|
|
@@ -26,4 +26,4 @@
|
|
|
26
26
|
/* Safari and Chrome */
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
|
-
`,
|
|
29
|
+
`,h=s.memo(f.DetailedProductCard),R=s.forwardRef((a,q)=>{const{icon:l,title:j,buttonLink:d,items:t,buttonText:w,limit:r=4,onSelectCard:c=()=>{},onButtonAction:P=()=>{},isLoading:N=!1,getImage:u=()=>{},negotiableText:m,freeText:g,options:n,onSelectOption:p=()=>{},productsToolbarName:v="All",sponsoredText:b,onBookmark:k=()=>{},bookmarkComponent:y}=a,C=T.useDetectMobile(),D=s.useMemo(()=>i.jsx(i.Fragment,{children:C===!0?t==null?void 0:t.map((e,o)=>i.jsx(h,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>c({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),imageUrl:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:m,freeText:g,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:b,onBookmark:k,bookmarkComponent:y,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},o)):t==null?void 0:t.slice(0,r).map((e,o)=>i.jsx(h,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>c({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),imageUrl:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:m,freeText:g,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:b,onBookmark:k,bookmarkComponent:y,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},o))}),[t,C,r]);return i.jsxs(F.TitleWithOptionsSectionWrapper,{ref:q,children:[i.jsxs("div",{className:"regular-title",children:[i.jsxs("div",{className:"regular-title-text",children:[S.isDefinedNotEmptyString(l)&&i.jsx("i",{className:l}),i.jsx("span",{children:j})]}),S.isDefinedNotEmptyString(d)&&i.jsx(M,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var o;(o=e==null?void 0:e.target)==null||o.blur(),P(d)},borderRadius:"curved",className:"button-link",children:w})]}),(n==null?void 0:n.length)>0&&i.jsx(B.SelectBar,{items:n,onRemove:e=>{p(e)},onSelect:e=>{p(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:v}),i.jsx(E,{limit:r,children:i.jsx(f.SuspenseDetailedProductCard,{isLoading:N,limit:r,keyPrefix:"explore-landing",children:D})})]})});module.exports=R;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { jsx as o, Fragment as
|
|
1
|
+
import { jsx as o, Fragment as L, jsxs as l } from "react/jsx-runtime";
|
|
2
2
|
import { memo as M, forwardRef as D, useMemo as F } from "react";
|
|
3
3
|
import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
4
|
import { M as q } from "./consts-BuFChS64.js";
|
|
5
5
|
import E from "./Button.js";
|
|
6
|
-
import { k as
|
|
6
|
+
import { k as S } from "./utils-BdsZgOUE.js";
|
|
7
7
|
import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
|
|
8
8
|
import { T as O } from "./style-DFPWLJBr.js";
|
|
9
|
-
import { D as R, S as W } from "./suspense-product-card-detailed-
|
|
9
|
+
import { D as R, S as W } from "./suspense-product-card-detailed-C-ZCjG5p.js";
|
|
10
10
|
import { S as $ } from "./index-Dweo-G3H.js";
|
|
11
11
|
const j = B.div`
|
|
12
12
|
display: grid;
|
|
@@ -36,19 +36,19 @@ const j = B.div`
|
|
|
36
36
|
/* Safari and Chrome */
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
|
-
`,
|
|
39
|
+
`, C = M(R), V = D((n, h) => {
|
|
40
40
|
const {
|
|
41
41
|
icon: s,
|
|
42
|
-
title:
|
|
42
|
+
title: w,
|
|
43
43
|
buttonLink: d,
|
|
44
44
|
items: r,
|
|
45
|
-
buttonText:
|
|
45
|
+
buttonText: P,
|
|
46
46
|
limit: t = 4,
|
|
47
47
|
onSelectCard: m = () => {
|
|
48
48
|
},
|
|
49
|
-
onButtonAction:
|
|
49
|
+
onButtonAction: N = () => {
|
|
50
50
|
},
|
|
51
|
-
isLoading:
|
|
51
|
+
isLoading: v = !1,
|
|
52
52
|
getImage: c = () => {
|
|
53
53
|
},
|
|
54
54
|
negotiableText: u,
|
|
@@ -56,13 +56,13 @@ const j = B.div`
|
|
|
56
56
|
options: a,
|
|
57
57
|
onSelectOption: g = () => {
|
|
58
58
|
},
|
|
59
|
-
productsToolbarName:
|
|
59
|
+
productsToolbarName: T = "All",
|
|
60
60
|
sponsoredText: b,
|
|
61
61
|
onBookmark: k = () => {
|
|
62
62
|
},
|
|
63
|
-
bookmarkComponent: f
|
|
64
|
-
} = n, y = I(),
|
|
65
|
-
|
|
63
|
+
bookmarkComponent: f
|
|
64
|
+
} = n, y = I(), U = F(() => /* @__PURE__ */ o(L, { children: y === !0 ? r == null ? void 0 : r.map((e, i) => /* @__PURE__ */ o(
|
|
65
|
+
C,
|
|
66
66
|
{
|
|
67
67
|
name: e == null ? void 0 : e.name,
|
|
68
68
|
price: e == null ? void 0 : e.price,
|
|
@@ -73,7 +73,7 @@ const j = B.div`
|
|
|
73
73
|
uuid: e == null ? void 0 : e.uuid,
|
|
74
74
|
sponsored: e == null ? void 0 : e.sponsored,
|
|
75
75
|
imageComponent: e == null ? void 0 : e.imageComponent,
|
|
76
|
-
onSelectCard: () => m(e == null ? void 0 : e.uuid),
|
|
76
|
+
onSelectCard: () => m({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
|
|
77
77
|
imageUrl: c(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
|
|
78
78
|
isFree: e == null ? void 0 : e.isFree,
|
|
79
79
|
isNegotiable: e == null ? void 0 : e.isNegotiable,
|
|
@@ -92,7 +92,7 @@ const j = B.div`
|
|
|
92
92
|
},
|
|
93
93
|
i
|
|
94
94
|
)) : r == null ? void 0 : r.slice(0, t).map((e, i) => /* @__PURE__ */ o(
|
|
95
|
-
|
|
95
|
+
C,
|
|
96
96
|
{
|
|
97
97
|
name: e == null ? void 0 : e.name,
|
|
98
98
|
price: e == null ? void 0 : e.price,
|
|
@@ -104,7 +104,7 @@ const j = B.div`
|
|
|
104
104
|
location: e == null ? void 0 : e.location,
|
|
105
105
|
sponsored: e == null ? void 0 : e.sponsored,
|
|
106
106
|
imageComponent: e == null ? void 0 : e.imageComponent,
|
|
107
|
-
onSelectCard: () => m(e == null ? void 0 : e.uuid),
|
|
107
|
+
onSelectCard: () => m({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
|
|
108
108
|
imageUrl: c(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
|
|
109
109
|
isFree: e == null ? void 0 : e.isFree,
|
|
110
110
|
isNegotiable: e == null ? void 0 : e.isNegotiable,
|
|
@@ -123,13 +123,13 @@ const j = B.div`
|
|
|
123
123
|
},
|
|
124
124
|
i
|
|
125
125
|
)) }), [r, y, t]);
|
|
126
|
-
return /* @__PURE__ */ l(O, { ref:
|
|
126
|
+
return /* @__PURE__ */ l(O, { ref: h, children: [
|
|
127
127
|
/* @__PURE__ */ l("div", { className: "regular-title", children: [
|
|
128
128
|
/* @__PURE__ */ l("div", { className: "regular-title-text", children: [
|
|
129
|
-
|
|
130
|
-
/* @__PURE__ */ o("span", { children:
|
|
129
|
+
S(s) && /* @__PURE__ */ o("i", { className: s }),
|
|
130
|
+
/* @__PURE__ */ o("span", { children: w })
|
|
131
131
|
] }),
|
|
132
|
-
|
|
132
|
+
S(d) && /* @__PURE__ */ o(
|
|
133
133
|
E,
|
|
134
134
|
{
|
|
135
135
|
type: "button",
|
|
@@ -137,11 +137,11 @@ const j = B.div`
|
|
|
137
137
|
color: "neutral",
|
|
138
138
|
onClick: (e) => {
|
|
139
139
|
var i;
|
|
140
|
-
(i = e == null ? void 0 : e.target) == null || i.blur(),
|
|
140
|
+
(i = e == null ? void 0 : e.target) == null || i.blur(), N(d);
|
|
141
141
|
},
|
|
142
142
|
borderRadius: "curved",
|
|
143
143
|
className: "button-link",
|
|
144
|
-
children:
|
|
144
|
+
children: P
|
|
145
145
|
}
|
|
146
146
|
)
|
|
147
147
|
] }),
|
|
@@ -158,16 +158,16 @@ const j = B.div`
|
|
|
158
158
|
labelKey: "name",
|
|
159
159
|
valueKey: "code",
|
|
160
160
|
noMargin: !0,
|
|
161
|
-
productsToolbarName:
|
|
161
|
+
productsToolbarName: T
|
|
162
162
|
}
|
|
163
163
|
),
|
|
164
164
|
/* @__PURE__ */ o(j, { limit: t, children: /* @__PURE__ */ o(
|
|
165
165
|
W,
|
|
166
166
|
{
|
|
167
|
-
isLoading:
|
|
167
|
+
isLoading: v,
|
|
168
168
|
limit: t,
|
|
169
169
|
keyPrefix: "explore-landing",
|
|
170
|
-
children:
|
|
170
|
+
children: U
|
|
171
171
|
}
|
|
172
172
|
) })
|
|
173
173
|
] });
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),a=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./consts-goSZX3xP.cjs"),k=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-CyHewQxg.cjs"),l=require("./utils-Dl9xPH4c.cjs"),y=require("./index-BueKsXT8.cjs"),C=u.styled.div`
|
|
2
2
|
width: 100%;
|
|
3
3
|
height: 22.5rem;
|
|
4
4
|
min-height: 22.5rem;
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
height: 100%;
|
|
16
16
|
object-fit: cover;
|
|
17
17
|
}
|
|
18
|
-
`,
|
|
18
|
+
`,P=u.styled.div`
|
|
19
19
|
display: grid;
|
|
20
20
|
grid-template-columns: ${t=>`repeat(${t.limit}, minmax(0, 1fr))`};
|
|
21
21
|
gap: 1.25rem;
|
|
@@ -81,4 +81,4 @@
|
|
|
81
81
|
object-fit: cover;
|
|
82
82
|
}
|
|
83
83
|
}
|
|
84
|
-
`,N=
|
|
84
|
+
`,N=a.forwardRef((t,o)=>{const{uuid:n,title:i,image:s,sellerUuid:g,onSelectCard:d=()=>{},imageComponent:c}=t;return r.jsxs(b,{className:"product-card",onClick:d,children:[l.isDefined(c)?c:r.jsx(y.ProductImageWrapper,{src:s}),r.jsx("div",{className:"card-title",children:i})]})}),$=a.forwardRef(({},t)=>r.jsxs(b,{className:"product-card",children:[r.jsx("img",{className:"skeleton-img"}),r.jsx("div",{className:"skeleton-title"})]})),q=({limit:t=4,isLoading:o=!1,keyPrefix:n})=>r.jsx(r.Fragment,{children:Array.from({length:t},(i,s)=>r.jsx($,{isLoading:o},`${n}-skeleton-product-card-${s}`))}),I=({children:t,fallbackComponent:o=r.jsx(r.Fragment,{}),isLoading:n=!1,limit:i,keyPrefix:s})=>r.jsx(a.Suspense,{fallbackComponent:o,children:n===!0?r.jsx(q,{isLoading:n,limit:i,keyPrefix:s}):t}),f=a.memo(N),U=a.forwardRef((t,o)=>{const{icon:n,items:i,limit:s=4,imageUrl:g,onSelectCard:d=()=>{},title:c="Season inspiration",isLoading:w=!1,getImage:p=()=>{}}=t,h=k.useDetectMobile(),S=a.useMemo(()=>r.jsx(r.Fragment,{children:h===!0?i==null?void 0:i.map((e,m)=>r.jsx(f,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>d({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),image:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null},m)):i==null?void 0:i.slice(0,s).map((e,m)=>r.jsx(f,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>d({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),image:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null},m))}),[i,h,s]);return r.jsxs(v.RegulatTitleSectionWrapper,{ref:o,children:[r.jsx("div",{className:"regular-title",children:r.jsxs("div",{className:"regular-title-text",children:[l.isDefinedNotEmptyString(n)&&r.jsx("i",{className:n}),r.jsx("span",{children:c})]})}),r.jsx(C,{className:"products-banner",children:r.jsx("img",{src:g})}),r.jsx(P,{limit:s,children:r.jsx(I,{isLoading:w,limit:s,keyPrefix:"explore-landing",children:S})})]})});module.exports=U;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as s, jsx as r, Fragment as c } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as u, Suspense as
|
|
2
|
+
import { forwardRef as u, Suspense as P, memo as y, useMemo as N } from "react";
|
|
3
3
|
import { s as p } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
|
-
import { M as
|
|
4
|
+
import { M as S } from "./consts-BuFChS64.js";
|
|
5
5
|
import { u as $ } from "./useDetectMobile-Bkvj0VMa.js";
|
|
6
6
|
import { R as U } from "./style-DFPWLJBr.js";
|
|
7
7
|
import { p as I, o as b, l as M, k as W } from "./utils-BdsZgOUE.js";
|
|
@@ -28,7 +28,7 @@ const E = p.div`
|
|
|
28
28
|
grid-template-columns: ${(t) => `repeat(${t.limit}, minmax(0, 1fr))`};
|
|
29
29
|
gap: 1.25rem;
|
|
30
30
|
|
|
31
|
-
@media (max-width: ${
|
|
31
|
+
@media (max-width: ${S + "px"}) {
|
|
32
32
|
display: flex;
|
|
33
33
|
gap: 1rem;
|
|
34
34
|
overflow-x: auto;
|
|
@@ -47,7 +47,7 @@ const E = p.div`
|
|
|
47
47
|
/* Safari and Chrome */
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
|
-
`,
|
|
50
|
+
`, k = p.div`
|
|
51
51
|
display: flex;
|
|
52
52
|
flex-direction: column;
|
|
53
53
|
gap: 0.5rem;
|
|
@@ -78,7 +78,7 @@ const E = p.div`
|
|
|
78
78
|
height: 1.25rem;
|
|
79
79
|
}
|
|
80
80
|
|
|
81
|
-
@media (max-width: ${
|
|
81
|
+
@media (max-width: ${S + "px"}) {
|
|
82
82
|
& img {
|
|
83
83
|
width: 8.875rem;
|
|
84
84
|
height: 8.875rem;
|
|
@@ -89,88 +89,88 @@ const E = p.div`
|
|
|
89
89
|
object-fit: cover;
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
|
-
`, z = u((t,
|
|
92
|
+
`, z = u((t, l) => {
|
|
93
93
|
const {
|
|
94
|
-
uuid:
|
|
94
|
+
uuid: o,
|
|
95
95
|
title: i,
|
|
96
|
-
image:
|
|
96
|
+
image: a,
|
|
97
97
|
sellerUuid: g,
|
|
98
|
-
onSelectCard:
|
|
98
|
+
onSelectCard: n = () => {
|
|
99
99
|
},
|
|
100
|
-
imageComponent:
|
|
100
|
+
imageComponent: d
|
|
101
101
|
} = t;
|
|
102
|
-
return /* @__PURE__ */ s(
|
|
103
|
-
M(
|
|
102
|
+
return /* @__PURE__ */ s(k, { className: "product-card", onClick: n, children: [
|
|
103
|
+
M(d) ? d : /* @__PURE__ */ r(j, { src: a }),
|
|
104
104
|
/* @__PURE__ */ r("div", { className: "card-title", children: i })
|
|
105
105
|
] });
|
|
106
|
-
}), B = u(({}, t) => /* @__PURE__ */ s(
|
|
106
|
+
}), B = u(({}, t) => /* @__PURE__ */ s(k, { className: "product-card", children: [
|
|
107
107
|
/* @__PURE__ */ r("img", { className: "skeleton-img" }),
|
|
108
108
|
/* @__PURE__ */ r("div", { className: "skeleton-title" })
|
|
109
|
-
] })), D = ({ limit: t = 4, isLoading:
|
|
109
|
+
] })), D = ({ limit: t = 4, isLoading: l = !1, keyPrefix: o }) => /* @__PURE__ */ r(c, { children: Array.from({ length: t }, (i, a) => /* @__PURE__ */ r(
|
|
110
110
|
B,
|
|
111
111
|
{
|
|
112
|
-
isLoading:
|
|
112
|
+
isLoading: l
|
|
113
113
|
},
|
|
114
|
-
`${
|
|
114
|
+
`${o}-skeleton-product-card-${a}`
|
|
115
115
|
)) }), _ = ({
|
|
116
116
|
children: t,
|
|
117
|
-
fallbackComponent:
|
|
118
|
-
isLoading:
|
|
117
|
+
fallbackComponent: l = /* @__PURE__ */ r(c, {}),
|
|
118
|
+
isLoading: o = !1,
|
|
119
119
|
limit: i,
|
|
120
|
-
keyPrefix:
|
|
121
|
-
}) => /* @__PURE__ */ r(
|
|
120
|
+
keyPrefix: a
|
|
121
|
+
}) => /* @__PURE__ */ r(P, { fallbackComponent: l, children: o === !0 ? /* @__PURE__ */ r(
|
|
122
122
|
D,
|
|
123
123
|
{
|
|
124
|
-
isLoading:
|
|
124
|
+
isLoading: o,
|
|
125
125
|
limit: i,
|
|
126
|
-
keyPrefix:
|
|
126
|
+
keyPrefix: a
|
|
127
127
|
}
|
|
128
|
-
) : t }), w =
|
|
128
|
+
) : t }), w = y(z), q = u((t, l) => {
|
|
129
129
|
const {
|
|
130
|
-
icon:
|
|
130
|
+
icon: o,
|
|
131
131
|
items: i,
|
|
132
|
-
limit:
|
|
132
|
+
limit: a = 4,
|
|
133
133
|
imageUrl: g,
|
|
134
|
-
onSelectCard:
|
|
134
|
+
onSelectCard: n = () => {
|
|
135
135
|
},
|
|
136
|
-
title:
|
|
137
|
-
isLoading:
|
|
136
|
+
title: d = "Season inspiration",
|
|
137
|
+
isLoading: v = !1,
|
|
138
138
|
getImage: h = () => {
|
|
139
139
|
}
|
|
140
|
-
} = t, f = $(),
|
|
140
|
+
} = t, f = $(), C = N(() => /* @__PURE__ */ r(c, { children: f === !0 ? i == null ? void 0 : i.map((e, m) => /* @__PURE__ */ r(
|
|
141
141
|
w,
|
|
142
142
|
{
|
|
143
143
|
title: e == null ? void 0 : e.name,
|
|
144
144
|
sellerUuid: e == null ? void 0 : e.sellerUuid,
|
|
145
145
|
uuid: e == null ? void 0 : e.uuid,
|
|
146
|
-
onSelectCard: () =>
|
|
146
|
+
onSelectCard: () => n({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
|
|
147
147
|
image: h(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null
|
|
148
148
|
},
|
|
149
149
|
m
|
|
150
|
-
)) : i == null ? void 0 : i.slice(0,
|
|
150
|
+
)) : i == null ? void 0 : i.slice(0, a).map((e, m) => /* @__PURE__ */ r(
|
|
151
151
|
w,
|
|
152
152
|
{
|
|
153
153
|
title: e == null ? void 0 : e.name,
|
|
154
154
|
sellerUuid: e == null ? void 0 : e.sellerUuid,
|
|
155
155
|
uuid: e == null ? void 0 : e.uuid,
|
|
156
|
-
onSelectCard: () =>
|
|
156
|
+
onSelectCard: () => n({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
|
|
157
157
|
image: h(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null
|
|
158
158
|
},
|
|
159
159
|
m
|
|
160
|
-
)) }), [i, f,
|
|
161
|
-
return /* @__PURE__ */ s(U, { ref:
|
|
160
|
+
)) }), [i, f, a]);
|
|
161
|
+
return /* @__PURE__ */ s(U, { ref: l, children: [
|
|
162
162
|
/* @__PURE__ */ r("div", { className: "regular-title", children: /* @__PURE__ */ s("div", { className: "regular-title-text", children: [
|
|
163
|
-
W(
|
|
164
|
-
/* @__PURE__ */ r("span", { children:
|
|
163
|
+
W(o) && /* @__PURE__ */ r("i", { className: o }),
|
|
164
|
+
/* @__PURE__ */ r("span", { children: d })
|
|
165
165
|
] }) }),
|
|
166
166
|
/* @__PURE__ */ r(E, { className: "products-banner", children: /* @__PURE__ */ r("img", { src: g }) }),
|
|
167
|
-
/* @__PURE__ */ r(R, { limit:
|
|
167
|
+
/* @__PURE__ */ r(R, { limit: a, children: /* @__PURE__ */ r(
|
|
168
168
|
_,
|
|
169
169
|
{
|
|
170
|
-
isLoading:
|
|
171
|
-
limit:
|
|
170
|
+
isLoading: v,
|
|
171
|
+
limit: a,
|
|
172
172
|
keyPrefix: "explore-landing",
|
|
173
|
-
children:
|
|
173
|
+
children: C
|
|
174
174
|
}
|
|
175
175
|
) })
|
|
176
176
|
] });
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),s=require("react"),C=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),M=require("./useDetectMobile-zkbzoOGV.cjs"),U=require("./index-cd9auaNr.cjs"),F=require("./index-CSgGox95.cjs"),N=require("./suspense-product-card-simple-BWxWMag0.cjs"),v=C.styled.div`
|
|
2
2
|
display: grid;
|
|
3
3
|
grid-template-columns: repeat(6, 1fr);
|
|
4
4
|
gap: 1.25rem;
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
margin: auto;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
-
@media (max-width: ${
|
|
12
|
+
@media (max-width: ${k.MOBILE_SIZE_PX+"px"}) {
|
|
13
13
|
grid-template-columns: repeat(2, 1fr);
|
|
14
14
|
|
|
15
15
|
& .text-block-v1 {
|
|
@@ -28,4 +28,4 @@
|
|
|
28
28
|
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
|
-
`,p=
|
|
31
|
+
`,p=s.memo(U.SimpleProductCard),T=s.forwardRef((g,b)=>{const{title:S,subtitle:h,description:w,buttonText:q,buttonLink:y,items:i,onButtonAction:P=()=>{},onSelectCard:n=()=>{},isLoading:f=!1,limit:t=6,getImage:l=()=>{},negotiableText:o,freeText:c}=g,d=M.useDetectMobile(),j=s.useMemo(()=>{var a,m;return r.jsx(r.Fragment,{children:d===!0?(a=i==null?void 0:i.slice(0,4))==null?void 0:a.map((e,u)=>r.jsx(p,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>n({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),image:l(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:o,freeText:c},u)):(m=i==null?void 0:i.slice(0,9))==null?void 0:m.map((e,u)=>r.jsx(p,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>n({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),image:l(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:o,freeText:c},u))})},[i,d,t]);return r.jsxs(v,{ref:b,limit:t,children:[r.jsx(F.TextBlockV1,{subtitle:h,title:S,description:w,buttonText:q,buttonLink:y,onButtonAction:P,className:"text-block-v1"}),r.jsx(N.SuspenseSimpleProductCard,{isLoading:f,limit:t,keyPrefix:"explore-landing",children:j})]})});module.exports=T;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { memo as
|
|
3
|
-
import { s as
|
|
4
|
-
import { M as
|
|
5
|
-
import { u as
|
|
6
|
-
import { S as
|
|
7
|
-
import { T as
|
|
8
|
-
import { S as
|
|
9
|
-
const
|
|
1
|
+
import { jsx as r, Fragment as C, jsxs as M } from "react/jsx-runtime";
|
|
2
|
+
import { memo as U, forwardRef as F, useMemo as N } from "react";
|
|
3
|
+
import { s as T } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
|
+
import { M as v } from "./consts-BuFChS64.js";
|
|
5
|
+
import { u as B } from "./useDetectMobile-Bkvj0VMa.js";
|
|
6
|
+
import { S as I } from "./index-DzYKmmn2.js";
|
|
7
|
+
import { T as L } from "./index-DK8dqEUQ.js";
|
|
8
|
+
import { S as j } from "./suspense-product-card-simple-D2m3NcrV.js";
|
|
9
|
+
const z = T.div`
|
|
10
10
|
display: grid;
|
|
11
11
|
grid-template-columns: repeat(6, 1fr);
|
|
12
12
|
gap: 1.25rem;
|
|
@@ -17,7 +17,7 @@ const C = v.div`
|
|
|
17
17
|
margin: auto;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
@media (max-width: ${
|
|
20
|
+
@media (max-width: ${v + "px"}) {
|
|
21
21
|
grid-template-columns: repeat(2, 1fr);
|
|
22
22
|
|
|
23
23
|
& .text-block-v1 {
|
|
@@ -36,27 +36,27 @@ const C = v.div`
|
|
|
36
36
|
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
|
-
`, c =
|
|
39
|
+
`, c = U(I), W = F((p, g) => {
|
|
40
40
|
const {
|
|
41
41
|
title: f,
|
|
42
|
-
subtitle:
|
|
43
|
-
description:
|
|
44
|
-
buttonText:
|
|
45
|
-
buttonLink:
|
|
42
|
+
subtitle: S,
|
|
43
|
+
description: b,
|
|
44
|
+
buttonText: h,
|
|
45
|
+
buttonLink: w,
|
|
46
46
|
items: i,
|
|
47
|
-
onButtonAction:
|
|
47
|
+
onButtonAction: y = () => {
|
|
48
48
|
},
|
|
49
|
-
onSelectCard:
|
|
49
|
+
onSelectCard: o = () => {
|
|
50
50
|
},
|
|
51
|
-
isLoading:
|
|
52
|
-
limit:
|
|
51
|
+
isLoading: P = !1,
|
|
52
|
+
limit: t = 6,
|
|
53
53
|
getImage: l = () => {
|
|
54
54
|
},
|
|
55
|
-
negotiableText:
|
|
55
|
+
negotiableText: a,
|
|
56
56
|
freeText: m
|
|
57
|
-
} = p, d =
|
|
58
|
-
var
|
|
59
|
-
return /* @__PURE__ */
|
|
57
|
+
} = p, d = B(), k = N(() => {
|
|
58
|
+
var s, n;
|
|
59
|
+
return /* @__PURE__ */ r(C, { children: d === !0 ? (s = i == null ? void 0 : i.slice(0, 4)) == null ? void 0 : s.map((e, u) => /* @__PURE__ */ r(
|
|
60
60
|
c,
|
|
61
61
|
{
|
|
62
62
|
title: e == null ? void 0 : e.name,
|
|
@@ -66,13 +66,13 @@ const C = v.div`
|
|
|
66
66
|
currency: e == null ? void 0 : e.currency,
|
|
67
67
|
sellerUuid: e == null ? void 0 : e.sellerUuid,
|
|
68
68
|
uuid: e == null ? void 0 : e.uuid,
|
|
69
|
-
onSelectCard: () =>
|
|
69
|
+
onSelectCard: () => o({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
|
|
70
70
|
image: l(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
|
|
71
|
-
negotiableText:
|
|
71
|
+
negotiableText: a,
|
|
72
72
|
freeText: m
|
|
73
73
|
},
|
|
74
74
|
u
|
|
75
|
-
)) : (n = i == null ? void 0 : i.slice(0, 9)) == null ? void 0 : n.map((e, u) => /* @__PURE__ */
|
|
75
|
+
)) : (n = i == null ? void 0 : i.slice(0, 9)) == null ? void 0 : n.map((e, u) => /* @__PURE__ */ r(
|
|
76
76
|
c,
|
|
77
77
|
{
|
|
78
78
|
title: e == null ? void 0 : e.name,
|
|
@@ -82,32 +82,32 @@ const C = v.div`
|
|
|
82
82
|
currency: e == null ? void 0 : e.currency,
|
|
83
83
|
sellerUuid: e == null ? void 0 : e.sellerUuid,
|
|
84
84
|
uuid: e == null ? void 0 : e.uuid,
|
|
85
|
-
onSelectCard: () =>
|
|
85
|
+
onSelectCard: () => o({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
|
|
86
86
|
image: l(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
|
|
87
|
-
negotiableText:
|
|
87
|
+
negotiableText: a,
|
|
88
88
|
freeText: m
|
|
89
89
|
},
|
|
90
90
|
u
|
|
91
91
|
)) });
|
|
92
|
-
}, [i, d,
|
|
93
|
-
return /* @__PURE__ */
|
|
94
|
-
/* @__PURE__ */
|
|
95
|
-
|
|
92
|
+
}, [i, d, t]);
|
|
93
|
+
return /* @__PURE__ */ M(z, { ref: g, limit: t, children: [
|
|
94
|
+
/* @__PURE__ */ r(
|
|
95
|
+
L,
|
|
96
96
|
{
|
|
97
|
-
subtitle:
|
|
97
|
+
subtitle: S,
|
|
98
98
|
title: f,
|
|
99
|
-
description:
|
|
100
|
-
buttonText:
|
|
101
|
-
buttonLink:
|
|
102
|
-
onButtonAction:
|
|
99
|
+
description: b,
|
|
100
|
+
buttonText: h,
|
|
101
|
+
buttonLink: w,
|
|
102
|
+
onButtonAction: y,
|
|
103
103
|
className: "text-block-v1"
|
|
104
104
|
}
|
|
105
105
|
),
|
|
106
|
-
/* @__PURE__ */
|
|
107
|
-
|
|
106
|
+
/* @__PURE__ */ r(
|
|
107
|
+
j,
|
|
108
108
|
{
|
|
109
|
-
isLoading:
|
|
110
|
-
limit:
|
|
109
|
+
isLoading: P,
|
|
110
|
+
limit: t,
|
|
111
111
|
keyPrefix: "explore-landing",
|
|
112
112
|
children: k
|
|
113
113
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const i=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";const i=require("react/jsx-runtime"),n=require("react"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),v=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./Button.cjs"),S=require("./suspense-product-card-detailed-FuxsUusc.cjs"),N=P.styled.div`
|
|
2
2
|
padding: 1.75rem 3rem;
|
|
3
3
|
display: grid;
|
|
4
4
|
grid-template-columns: ${o=>`repeat(${o.limit||5}, minmax(0, 1fr))`};
|
|
@@ -71,4 +71,4 @@
|
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
|
-
`,h=
|
|
74
|
+
`,h=n.memo(S.DetailedProductCard),_=n.forwardRef((o,w)=>{const{items:r,limit:a=5,limitMobile:l=4,onSelectCard:c=()=>{},title:y="Urgent sale",showLessText:C="Show less",showMoreText:j="Show more",isLoading:L=!1,getImage:u=()=>{},negotiableText:g,freeText:p,onBookmark:b=()=>{},bookmarkComponent:f}=o,d=v.useDetectMobile(),[s,M]=n.useState(!1),U=n.useMemo(()=>{var t;return i.jsx(i.Fragment,{children:d===!0?(t=r==null?void 0:r.slice(0,s===!0?r==null?void 0:r.length:l))==null?void 0:t.map((e,m)=>i.jsx(h,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>c({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),imageUrl:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:g,freeText:p,onBookmark:b,bookmarkComponent:f,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},m)):r==null?void 0:r.slice(0,a).map((e,m)=>i.jsx(h,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>c({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),imageUrl:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:g,freeText:p,onBookmark:b,bookmarkComponent:f,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},m))})},[r,d,a,l,s]);return i.jsxs(N,{ref:w,limit:a,children:[i.jsxs("div",{className:"urgent-tag",children:[i.jsx("i",{className:"mng mng-lnc-bolt-filled"}),i.jsx("span",{children:y})]}),i.jsx(S.SuspenseDetailedProductCard,{isLoading:L,limit:a,keyPrefix:"explore-landing",children:U}),d===!0&&l<(r==null?void 0:r.length)&&i.jsx(q,{className:"show-more",btnType:"basic",type:"button",color:"neutral",onClick:t=>{var e;(e=t==null?void 0:t.target)==null||e.blur(),M(!s)},children:s===!0?C:j})]})});module.exports=_;
|