@lanaco/lnc-react-ui 4.0.166 → 4.0.168
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/DetailedProductsInfinitiveSection.cjs +3 -3
- package/dist/DetailedProductsInfinitiveSection.js +35 -30
- package/dist/DetailedProductsSection.cjs +2 -2
- package/dist/DetailedProductsSection.js +8 -6
- package/dist/UrgentSaleProductsSection.cjs +2 -2
- package/dist/UrgentSaleProductsSection.js +24 -22
- package/dist/{suspense-product-card-detailed-D-pjVe22.cjs → suspense-product-card-detailed-Btr-xP7S.cjs} +37 -7
- package/dist/{suspense-product-card-detailed-BZtObEfA.js → suspense-product-card-detailed-DfI0t5-Q.js} +177 -132
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const t=require("react/jsx-runtime"),s=require("react"),D=require("./emotion-styled.browser.esm-BtEseadx.cjs"),M=require("./consts-goSZX3xP.cjs"),B=require("./IconButton.cjs"),I=require("./Button.cjs"),
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),s=require("react"),D=require("./emotion-styled.browser.esm-BtEseadx.cjs"),M=require("./consts-goSZX3xP.cjs"),B=require("./IconButton.cjs"),I=require("./Button.cjs"),n=require("./utils-Dl9xPH4c.cjs"),E=require("./useDetectMobile-zkbzoOGV.cjs"),g=require("./suspense-product-card-detailed-Btr-xP7S.cjs"),L=D.styled.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
gap: 1.5rem;
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
|
|
24
24
|
& .section__items {
|
|
25
25
|
display: grid;
|
|
26
|
-
grid-template-columns: ${
|
|
26
|
+
grid-template-columns: ${r=>`repeat(${r.limit}, minmax(0, 1fr))`};
|
|
27
27
|
gap: 2rem;
|
|
28
28
|
}
|
|
29
29
|
|
|
@@ -70,4 +70,4 @@
|
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
|
-
`,T=s.memo(g.DetailedProductCard),z=s.forwardRef((
|
|
73
|
+
`,T=s.memo(g.DetailedProductCard),z=s.forwardRef((r,p)=>{const{title:a,icon:l,items:o,limit:c=4,isLoading:d=!1,onSelectCard:f=()=>{},onLoadMore:b=()=>{},onButtonAction:w=()=>{},getImage:_=()=>{},viewAllbuttonLink:m,viewAllButonText:h="View all",negotiableText:y,freeText:k,loadMoreButtonIcon:v="angle-down",sponsoredText:C,onBookmark:N=()=>{},bookmarkComponent:S,componentName:j}=r,u=E.useDetectMobile(),q=s.useMemo(()=>o==null?void 0:o.map((e,i)=>t.jsx(T,{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:(R,P)=>f({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:P}),imageUrl:_(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:y,freeText:k,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:C,onBookmark:N,bookmarkComponent:S,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:j},sellerName:e==null?void 0:e.sellerName,forCart:e==null?void 0:e.forCart,forOrder:e==null?void 0:e.forOrder,contactSeller:e==null?void 0:e.contactSeller,hasVariants:e==null?void 0:e.hasVariants},i)),[o]);return t.jsxs(L,{ref:p,limit:c,children:[t.jsxs("div",{className:"section__heading",children:[n.isDefinedNotEmptyString(a)&&t.jsxs("div",{className:"section__title",children:[n.isDefinedNotEmptyString(l)&&t.jsx("i",{className:l})," ",a]}),u&&n.isDefinedNotEmptyString(m)&&t.jsx(I,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var i;(i=e==null?void 0:e.target)==null||i.blur(),w(m)},borderRadius:"curved",className:"section__view-all",children:h})]}),t.jsx("div",{className:"section__items",children:t.jsx(g.SuspenseDetailedProductCard,{isLoading:d,limit:c,keyPrefix:"explore-landing",children:q})}),!u&&!d&&t.jsx(B,{icon:v,borderRadius:"curved",btnType:"basic",color:"neutral",className:"section__show-more",onClick:b})]})});module.exports=z;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { jsx as o, jsxs as
|
|
1
|
+
import { jsx as o, jsxs as a } from "react/jsx-runtime";
|
|
2
2
|
import { memo as B, forwardRef as D, useMemo as I } from "react";
|
|
3
3
|
import { s as L } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
4
|
import { M as T } from "./consts-BuFChS64.js";
|
|
5
5
|
import z from "./IconButton.js";
|
|
6
6
|
import E from "./Button.js";
|
|
7
|
-
import { k as
|
|
7
|
+
import { k as n } from "./utils-BdsZgOUE.js";
|
|
8
8
|
import { u as U } from "./useDetectMobile-Bkvj0VMa.js";
|
|
9
|
-
import { D as $, S as j } from "./suspense-product-card-detailed-
|
|
9
|
+
import { D as $, S as j } from "./suspense-product-card-detailed-DfI0t5-Q.js";
|
|
10
10
|
const A = L.div`
|
|
11
11
|
display: flex;
|
|
12
12
|
flex-direction: column;
|
|
@@ -32,7 +32,7 @@ const A = L.div`
|
|
|
32
32
|
|
|
33
33
|
& .section__items {
|
|
34
34
|
display: grid;
|
|
35
|
-
grid-template-columns: ${(
|
|
35
|
+
grid-template-columns: ${(i) => `repeat(${i.limit}, minmax(0, 1fr))`};
|
|
36
36
|
gap: 2rem;
|
|
37
37
|
}
|
|
38
38
|
|
|
@@ -79,24 +79,24 @@ const A = L.div`
|
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
81
|
}
|
|
82
|
-
`, F = B($), Q = D((
|
|
82
|
+
`, F = B($), Q = D((i, p) => {
|
|
83
83
|
const {
|
|
84
|
-
title:
|
|
85
|
-
icon:
|
|
86
|
-
items:
|
|
84
|
+
title: l,
|
|
85
|
+
icon: s,
|
|
86
|
+
items: t,
|
|
87
87
|
limit: c = 4,
|
|
88
88
|
isLoading: m = !1,
|
|
89
|
-
onSelectCard:
|
|
89
|
+
onSelectCard: f = () => {
|
|
90
90
|
},
|
|
91
|
-
onLoadMore:
|
|
91
|
+
onLoadMore: g = () => {
|
|
92
92
|
},
|
|
93
93
|
onButtonAction: b = () => {
|
|
94
94
|
},
|
|
95
|
-
getImage:
|
|
95
|
+
getImage: h = () => {
|
|
96
96
|
},
|
|
97
97
|
viewAllbuttonLink: d,
|
|
98
|
-
viewAllButonText:
|
|
99
|
-
negotiableText:
|
|
98
|
+
viewAllButonText: w = "View all",
|
|
99
|
+
negotiableText: _,
|
|
100
100
|
freeText: y,
|
|
101
101
|
loadMoreButtonIcon: k = "angle-down",
|
|
102
102
|
sponsoredText: v,
|
|
@@ -104,7 +104,7 @@ const A = L.div`
|
|
|
104
104
|
},
|
|
105
105
|
bookmarkComponent: N,
|
|
106
106
|
componentName: S
|
|
107
|
-
} =
|
|
107
|
+
} = i, u = U(), P = I(() => t == null ? void 0 : t.map((e, r) => /* @__PURE__ */ o(
|
|
108
108
|
F,
|
|
109
109
|
{
|
|
110
110
|
name: e == null ? void 0 : e.name,
|
|
@@ -116,11 +116,11 @@ const A = L.div`
|
|
|
116
116
|
uuid: e == null ? void 0 : e.uuid,
|
|
117
117
|
sponsored: e == null ? void 0 : e.sponsored,
|
|
118
118
|
imageComponent: e == null ? void 0 : e.imageComponent,
|
|
119
|
-
onSelectCard: (
|
|
120
|
-
imageUrl:
|
|
119
|
+
onSelectCard: (O, M) => f({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug, cardRef: M }),
|
|
120
|
+
imageUrl: h(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
|
|
121
121
|
isFree: e == null ? void 0 : e.isFree,
|
|
122
122
|
isNegotiable: e == null ? void 0 : e.isNegotiable,
|
|
123
|
-
negotiableText:
|
|
123
|
+
negotiableText: _,
|
|
124
124
|
freeText: y,
|
|
125
125
|
tags: e == null ? void 0 : e.tags,
|
|
126
126
|
categoryCode: e == null ? void 0 : e.categoryCode,
|
|
@@ -132,30 +132,35 @@ const A = L.div`
|
|
|
132
132
|
bookmarkComponent: N,
|
|
133
133
|
bookmarked: e == null ? void 0 : e.bookmarked,
|
|
134
134
|
bookmarkLists: e == null ? void 0 : e.bookmarkLists,
|
|
135
|
-
metadata: { accessor: e == null ? void 0 : e.accessor, name: S }
|
|
135
|
+
metadata: { accessor: e == null ? void 0 : e.accessor, name: S },
|
|
136
|
+
sellerName: e == null ? void 0 : e.sellerName,
|
|
137
|
+
forCart: e == null ? void 0 : e.forCart,
|
|
138
|
+
forOrder: e == null ? void 0 : e.forOrder,
|
|
139
|
+
contactSeller: e == null ? void 0 : e.contactSeller,
|
|
140
|
+
hasVariants: e == null ? void 0 : e.hasVariants
|
|
136
141
|
},
|
|
137
|
-
|
|
138
|
-
)), [
|
|
139
|
-
return /* @__PURE__ */
|
|
140
|
-
/* @__PURE__ */
|
|
141
|
-
|
|
142
|
-
|
|
142
|
+
r
|
|
143
|
+
)), [t]);
|
|
144
|
+
return /* @__PURE__ */ a(A, { ref: p, limit: c, children: [
|
|
145
|
+
/* @__PURE__ */ a("div", { className: "section__heading", children: [
|
|
146
|
+
n(l) && /* @__PURE__ */ a("div", { className: "section__title", children: [
|
|
147
|
+
n(s) && /* @__PURE__ */ o("i", { className: s }),
|
|
143
148
|
" ",
|
|
144
|
-
|
|
149
|
+
l
|
|
145
150
|
] }),
|
|
146
|
-
u &&
|
|
151
|
+
u && n(d) && /* @__PURE__ */ o(
|
|
147
152
|
E,
|
|
148
153
|
{
|
|
149
154
|
type: "button",
|
|
150
155
|
btnType: "tinted",
|
|
151
156
|
color: "neutral",
|
|
152
157
|
onClick: (e) => {
|
|
153
|
-
var
|
|
154
|
-
(
|
|
158
|
+
var r;
|
|
159
|
+
(r = e == null ? void 0 : e.target) == null || r.blur(), b(d);
|
|
155
160
|
},
|
|
156
161
|
borderRadius: "curved",
|
|
157
162
|
className: "section__view-all",
|
|
158
|
-
children:
|
|
163
|
+
children: w
|
|
159
164
|
}
|
|
160
165
|
)
|
|
161
166
|
] }),
|
|
@@ -176,7 +181,7 @@ const A = L.div`
|
|
|
176
181
|
btnType: "basic",
|
|
177
182
|
color: "neutral",
|
|
178
183
|
className: "section__show-more",
|
|
179
|
-
onClick:
|
|
184
|
+
onClick: g
|
|
180
185
|
}
|
|
181
186
|
)
|
|
182
187
|
] });
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),l=require("react"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),F=require("./consts-goSZX3xP.cjs"),B=require("./Button.cjs"),h=require("./utils-Dl9xPH4c.cjs"),E=require("./useDetectMobile-zkbzoOGV.cjs"),R=require("./style-Db3VFbfP.cjs"),q=require("./suspense-product-card-detailed-Btr-xP7S.cjs"),I=require("./index-BvQx3xAm.cjs"),_=T.styled.div`
|
|
2
2
|
display: grid;
|
|
3
3
|
grid-template-columns: ${a=>`repeat(${a.limit}, minmax(0, 1fr))`};
|
|
4
4
|
gap: 1.25rem;
|
|
@@ -26,4 +26,4 @@
|
|
|
26
26
|
/* Safari and Chrome */
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
|
-
`,
|
|
29
|
+
`,f=l.memo(q.DetailedProductCard),O=l.forwardRef((a,j)=>{const{icon:c,title:w,buttonLink:d,items:o,buttonText:P,limit:i=4,onSelectCard:u=()=>{},onButtonAction:v=()=>{},isLoading:D=!1,getImage:m=()=>{},negotiableText:g,freeText:p,options:n,onSelectOption:b=()=>{},productsToolbarName:U="All",sponsoredText:k,onBookmark:y=()=>{},bookmarkComponent:C,componentName:S}=a,N=E.useDetectMobile(),L=l.useMemo(()=>r.jsx(r.Fragment,{children:N===!0?o==null?void 0:o.map((e,t)=>r.jsx(f,{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:(M,s)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),sellerName:e==null?void 0:e.sellerName,imageUrl:m(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:g,freeText:p,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:k,onBookmark:y,bookmarkComponent:C,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:S}},t)):o==null?void 0:o.slice(0,i).map((e,t)=>r.jsx(f,{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:(M,s)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),imageUrl:m(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:g,freeText:p,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:k,onBookmark:y,bookmarkComponent:C,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:S},sellerName:e==null?void 0:e.sellerName},t))}),[o,N,i]);return r.jsxs(R.TitleWithOptionsSectionWrapper,{ref:j,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[h.isDefinedNotEmptyString(c)&&r.jsx("i",{className:c}),r.jsx("span",{children:w})]}),h.isDefinedNotEmptyString(d)&&r.jsx(B,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var t;(t=e==null?void 0:e.target)==null||t.blur(),v(d)},borderRadius:"curved",className:"button-link",children:P})]}),(n==null?void 0:n.length)>0&&r.jsx(I.SelectBar,{items:n,onRemove:e=>{b(e)},onSelect:e=>{b(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:U}),r.jsx(_,{limit:i,children:r.jsx(q.SuspenseDetailedProductCard,{isLoading:D,limit:i,keyPrefix:"explore-landing",children:L})})]})});module.exports=O;
|
|
@@ -6,7 +6,7 @@ import R from "./Button.js";
|
|
|
6
6
|
import { k as h } from "./utils-BdsZgOUE.js";
|
|
7
7
|
import { u as W } from "./useDetectMobile-Bkvj0VMa.js";
|
|
8
8
|
import { T as $ } from "./style-DKAOBWn3.js";
|
|
9
|
-
import { D as j, S as z } from "./suspense-product-card-detailed-
|
|
9
|
+
import { D as j, S as z } from "./suspense-product-card-detailed-DfI0t5-Q.js";
|
|
10
10
|
import { S as A } from "./index-dXWRbvgi.js";
|
|
11
11
|
const K = I.div`
|
|
12
12
|
display: grid;
|
|
@@ -36,7 +36,7 @@ const K = I.div`
|
|
|
36
36
|
/* Safari and Chrome */
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
|
-
`,
|
|
39
|
+
`, N = B(j), ee = q((n, w) => {
|
|
40
40
|
const {
|
|
41
41
|
icon: m,
|
|
42
42
|
title: P,
|
|
@@ -63,7 +63,7 @@ const K = I.div`
|
|
|
63
63
|
bookmarkComponent: y,
|
|
64
64
|
componentName: S
|
|
65
65
|
} = n, C = W(), M = E(() => /* @__PURE__ */ o(F, { children: C === !0 ? r == null ? void 0 : r.map((e, i) => /* @__PURE__ */ o(
|
|
66
|
-
|
|
66
|
+
N,
|
|
67
67
|
{
|
|
68
68
|
name: e == null ? void 0 : e.name,
|
|
69
69
|
price: e == null ? void 0 : e.price,
|
|
@@ -79,6 +79,7 @@ const K = I.div`
|
|
|
79
79
|
nameSlug: e == null ? void 0 : e.nameSlug,
|
|
80
80
|
cardRef: l
|
|
81
81
|
}),
|
|
82
|
+
sellerName: e == null ? void 0 : e.sellerName,
|
|
82
83
|
imageUrl: u(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
|
|
83
84
|
isFree: e == null ? void 0 : e.isFree,
|
|
84
85
|
isNegotiable: e == null ? void 0 : e.isNegotiable,
|
|
@@ -98,7 +99,7 @@ const K = I.div`
|
|
|
98
99
|
},
|
|
99
100
|
i
|
|
100
101
|
)) : r == null ? void 0 : r.slice(0, t).map((e, i) => /* @__PURE__ */ o(
|
|
101
|
-
|
|
102
|
+
N,
|
|
102
103
|
{
|
|
103
104
|
name: e == null ? void 0 : e.name,
|
|
104
105
|
price: e == null ? void 0 : e.price,
|
|
@@ -130,11 +131,12 @@ const K = I.div`
|
|
|
130
131
|
bookmarkComponent: y,
|
|
131
132
|
bookmarked: e == null ? void 0 : e.bookmarked,
|
|
132
133
|
bookmarkLists: e == null ? void 0 : e.bookmarkLists,
|
|
133
|
-
metadata: { accessor: e == null ? void 0 : e.accessor, name: S }
|
|
134
|
+
metadata: { accessor: e == null ? void 0 : e.accessor, name: S },
|
|
135
|
+
sellerName: e == null ? void 0 : e.sellerName
|
|
134
136
|
},
|
|
135
137
|
i
|
|
136
138
|
)) }), [r, C, t]);
|
|
137
|
-
return /* @__PURE__ */ s($, { ref:
|
|
139
|
+
return /* @__PURE__ */ s($, { ref: w, children: [
|
|
138
140
|
/* @__PURE__ */ s("div", { className: "regular-title", children: [
|
|
139
141
|
/* @__PURE__ */ s("div", { className: "regular-title-text", children: [
|
|
140
142
|
h(m) && /* @__PURE__ */ o("i", { className: m }),
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const o=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";const o=require("react/jsx-runtime"),n=require("react"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),$=require("./useDetectMobile-zkbzoOGV.cjs"),T=require("./Button.cjs"),S=require("./suspense-product-card-detailed-Btr-xP7S.cjs"),D=_.styled.div`
|
|
2
2
|
padding: 1.75rem 3rem;
|
|
3
3
|
display: grid;
|
|
4
4
|
grid-template-columns: ${a=>`repeat(${a.limit||5}, minmax(0, 1fr))`};
|
|
@@ -71,4 +71,4 @@
|
|
|
71
71
|
display: flex;
|
|
72
72
|
flex-direction: column;
|
|
73
73
|
}
|
|
74
|
-
`,w=
|
|
74
|
+
`,w=n.memo(S.DetailedProductCard),F=n.forwardRef((a,P)=>{const{items:r,limit:i=5,limitMobile:l=4,onSelectCard:u=()=>{},title:N="Urgent sale",showLessText:j="Show less",showMoreText:q="Show more",isLoading:L=!1,getImage:g=()=>{},negotiableText:p,freeText:b,onBookmark:f=()=>{},bookmarkComponent:k,componentName:h,sponsoredText:y}=a,d=$.useDetectMobile(),[s,M]=n.useState(!1),U=n.useMemo(()=>{var t;return o.jsx(o.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)=>o.jsx(w,{sellerName:e==null?void 0:e.sellerName,name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,categoryCode:e==null?void 0:e.categoryCode,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,sponsored:e==null?void 0:e.sponsored,onSelectCard:(v,c)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:c}),image:e==null?void 0:e.image,imageUrl:g(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,imageComponent:e==null?void 0:e.imageComponent,negotiableText:p,freeText:b,onBookmark:f,bookmarkComponent:k,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{name:h,accessor:e==null?void 0:e.accessor},tags:e==null?void 0:e.tags,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:y},m)):r==null?void 0:r.slice(0,i).map((e,m)=>o.jsx(w,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,categoryCode:e==null?void 0:e.categoryCode,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,onSelectCard:(v,c)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:c}),image:e==null?void 0:e.image,imageUrl:g(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,imageComponent:e==null?void 0:e.imageComponent,negotiableText:p,freeText:b,onBookmark:f,bookmarkComponent:k,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{name:h,accessor:e==null?void 0:e.accessor},tags:e==null?void 0:e.tags,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:y,sellerName:e==null?void 0:e.sellerName},m))})},[r,d,i,l,s]);return o.jsxs(D,{ref:P,limit:i,children:[o.jsxs("div",{className:"urgent-tag",children:[o.jsx("i",{className:"mng mng-lnc-bolt-filled"}),o.jsx("span",{children:N})]}),o.jsx(S.SuspenseDetailedProductCard,{isLoading:L,limit:i,keyPrefix:"explore-landing",children:U}),d===!0&&l<(r==null?void 0:r.length)&&o.jsx(T,{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?j:q})]})});module.exports=F;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as o, Fragment as $, jsxs as y } from "react/jsx-runtime";
|
|
2
2
|
import { memo as T, forwardRef as F, useState as I, useMemo as _ } from "react";
|
|
3
3
|
import { s as q } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
4
|
import { M as B, S as D } from "./consts-BuFChS64.js";
|
|
5
5
|
import { u as E } from "./useDetectMobile-Bkvj0VMa.js";
|
|
6
6
|
import j from "./Button.js";
|
|
7
|
-
import { D as z, S as A } from "./suspense-product-card-detailed-
|
|
7
|
+
import { D as z, S as A } from "./suspense-product-card-detailed-DfI0t5-Q.js";
|
|
8
8
|
const G = q.div`
|
|
9
9
|
padding: 1.75rem 3rem;
|
|
10
10
|
display: grid;
|
|
11
|
-
grid-template-columns: ${(
|
|
11
|
+
grid-template-columns: ${(a) => `repeat(${a.limit || 5}, minmax(0, 1fr))`};
|
|
12
12
|
|
|
13
13
|
gap: 2.97rem;
|
|
14
14
|
|
|
@@ -41,7 +41,7 @@ const G = q.div`
|
|
|
41
41
|
}
|
|
42
42
|
|
|
43
43
|
& .product-card {
|
|
44
|
-
max-width: ${(
|
|
44
|
+
max-width: ${(a) => `calc(${100 / a.desktopCols}% - ${(a.desktopCols - 1) * a.columnGapRem / a.desktopCols}rem)`};
|
|
45
45
|
|
|
46
46
|
animation-duration: 0.2s;
|
|
47
47
|
animation-name: animate-fade;
|
|
@@ -78,7 +78,7 @@ const G = q.div`
|
|
|
78
78
|
display: flex;
|
|
79
79
|
flex-direction: column;
|
|
80
80
|
}
|
|
81
|
-
`, C = T(z), K = F((
|
|
81
|
+
`, C = T(z), K = F((a, S) => {
|
|
82
82
|
const {
|
|
83
83
|
items: r,
|
|
84
84
|
limit: t = 5,
|
|
@@ -86,9 +86,9 @@ const G = q.div`
|
|
|
86
86
|
onSelectCard: c = () => {
|
|
87
87
|
},
|
|
88
88
|
title: w = "Urgent sale",
|
|
89
|
-
showLessText:
|
|
90
|
-
showMoreText:
|
|
91
|
-
isLoading:
|
|
89
|
+
showLessText: N = "Show less",
|
|
90
|
+
showMoreText: P = "Show more",
|
|
91
|
+
isLoading: L = !1,
|
|
92
92
|
getImage: u = () => {
|
|
93
93
|
},
|
|
94
94
|
negotiableText: g,
|
|
@@ -98,11 +98,12 @@ const G = q.div`
|
|
|
98
98
|
bookmarkComponent: b,
|
|
99
99
|
componentName: k,
|
|
100
100
|
sponsoredText: h
|
|
101
|
-
} =
|
|
101
|
+
} = a, l = E(), [n, M] = I(!1), U = _(() => {
|
|
102
102
|
var i;
|
|
103
|
-
return /* @__PURE__ */
|
|
103
|
+
return /* @__PURE__ */ o($, { children: l === !0 ? (i = r == null ? void 0 : r.slice(0, n === !0 ? r == null ? void 0 : r.length : s)) == null ? void 0 : i.map((e, m) => /* @__PURE__ */ o(
|
|
104
104
|
C,
|
|
105
105
|
{
|
|
106
|
+
sellerName: e == null ? void 0 : e.sellerName,
|
|
106
107
|
name: e == null ? void 0 : e.name,
|
|
107
108
|
price: e == null ? void 0 : e.price,
|
|
108
109
|
sellingPrice: e == null ? void 0 : e.sellingPrice,
|
|
@@ -113,7 +114,7 @@ const G = q.div`
|
|
|
113
114
|
sellerUuid: e == null ? void 0 : e.sellerUuid,
|
|
114
115
|
uuid: e == null ? void 0 : e.uuid,
|
|
115
116
|
sponsored: e == null ? void 0 : e.sponsored,
|
|
116
|
-
onSelectCard: (
|
|
117
|
+
onSelectCard: (v, d) => c({
|
|
117
118
|
uuid: e == null ? void 0 : e.uuid,
|
|
118
119
|
nameSlug: e == null ? void 0 : e.nameSlug,
|
|
119
120
|
cardRef: d
|
|
@@ -135,7 +136,7 @@ const G = q.div`
|
|
|
135
136
|
sponsoredText: h
|
|
136
137
|
},
|
|
137
138
|
m
|
|
138
|
-
)) : r == null ? void 0 : r.slice(0, t).map((e, m) => /* @__PURE__ */
|
|
139
|
+
)) : r == null ? void 0 : r.slice(0, t).map((e, m) => /* @__PURE__ */ o(
|
|
139
140
|
C,
|
|
140
141
|
{
|
|
141
142
|
name: e == null ? void 0 : e.name,
|
|
@@ -149,7 +150,7 @@ const G = q.div`
|
|
|
149
150
|
uuid: e == null ? void 0 : e.uuid,
|
|
150
151
|
location: e == null ? void 0 : e.location,
|
|
151
152
|
sponsored: e == null ? void 0 : e.sponsored,
|
|
152
|
-
onSelectCard: (
|
|
153
|
+
onSelectCard: (v, d) => c({
|
|
153
154
|
uuid: e == null ? void 0 : e.uuid,
|
|
154
155
|
nameSlug: e == null ? void 0 : e.nameSlug,
|
|
155
156
|
cardRef: d
|
|
@@ -168,26 +169,27 @@ const G = q.div`
|
|
|
168
169
|
condition: e == null ? void 0 : e.condition,
|
|
169
170
|
quantity: e == null ? void 0 : e.quantity,
|
|
170
171
|
trade: e == null ? void 0 : e.trade,
|
|
171
|
-
sponsoredText: h
|
|
172
|
+
sponsoredText: h,
|
|
173
|
+
sellerName: e == null ? void 0 : e.sellerName
|
|
172
174
|
},
|
|
173
175
|
m
|
|
174
176
|
)) });
|
|
175
177
|
}, [r, l, t, s, n]);
|
|
176
178
|
return /* @__PURE__ */ y(G, { ref: S, limit: t, children: [
|
|
177
179
|
/* @__PURE__ */ y("div", { className: "urgent-tag", children: [
|
|
178
|
-
/* @__PURE__ */
|
|
179
|
-
/* @__PURE__ */
|
|
180
|
+
/* @__PURE__ */ o("i", { className: "mng mng-lnc-bolt-filled" }),
|
|
181
|
+
/* @__PURE__ */ o("span", { children: w })
|
|
180
182
|
] }),
|
|
181
|
-
/* @__PURE__ */
|
|
183
|
+
/* @__PURE__ */ o(
|
|
182
184
|
A,
|
|
183
185
|
{
|
|
184
|
-
isLoading:
|
|
186
|
+
isLoading: L,
|
|
185
187
|
limit: t,
|
|
186
188
|
keyPrefix: "explore-landing",
|
|
187
|
-
children:
|
|
189
|
+
children: U
|
|
188
190
|
}
|
|
189
191
|
),
|
|
190
|
-
l === !0 && s < (r == null ? void 0 : r.length) && /* @__PURE__ */
|
|
192
|
+
l === !0 && s < (r == null ? void 0 : r.length) && /* @__PURE__ */ o(
|
|
191
193
|
j,
|
|
192
194
|
{
|
|
193
195
|
className: "show-more",
|
|
@@ -196,9 +198,9 @@ const G = q.div`
|
|
|
196
198
|
color: "neutral",
|
|
197
199
|
onClick: (i) => {
|
|
198
200
|
var e;
|
|
199
|
-
(e = i == null ? void 0 : i.target) == null || e.blur(),
|
|
201
|
+
(e = i == null ? void 0 : i.target) == null || e.blur(), M(!n);
|
|
200
202
|
},
|
|
201
|
-
children: n === !0 ?
|
|
203
|
+
children: n === !0 ? N : P
|
|
202
204
|
}
|
|
203
205
|
)
|
|
204
206
|
] });
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),a=require("react"),t=require("./utils-Dl9xPH4c.cjs"),N=require("./emotion-styled.browser.esm-BtEseadx.cjs"),
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),a=require("react"),t=require("./utils-Dl9xPH4c.cjs"),N=require("./emotion-styled.browser.esm-BtEseadx.cjs"),fe=require("./index-BueKsXT8.cjs"),C=require("./Badge.cjs"),ve=require("./Popover.cjs"),we=require("./PopoverTrigger.cjs"),be=require("./PopoverContent.cjs"),ye=require("./useDetectMobile-zkbzoOGV.cjs"),X=require("./consts-goSZX3xP.cjs"),L=N.styled.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
gap: 0.5rem;
|
|
@@ -6,6 +6,14 @@
|
|
|
6
6
|
overflow: hidden;
|
|
7
7
|
width: 100%;
|
|
8
8
|
|
|
9
|
+
& .seller {
|
|
10
|
+
text-transform: uppercase;
|
|
11
|
+
${t.truncateText()}
|
|
12
|
+
color: var(--gray-500);
|
|
13
|
+
font-size: 0.625rem;
|
|
14
|
+
font-weight: 400;
|
|
15
|
+
}
|
|
16
|
+
|
|
9
17
|
& .wrapper-card-1 {
|
|
10
18
|
display: flex;
|
|
11
19
|
flex-direction: column;
|
|
@@ -127,7 +135,7 @@
|
|
|
127
135
|
gap: 0.25rem;
|
|
128
136
|
}
|
|
129
137
|
|
|
130
|
-
@media (max-width: ${
|
|
138
|
+
@media (max-width: ${X.MOBILE_SIZE_PX+"px"}) {
|
|
131
139
|
overflow: visible;
|
|
132
140
|
|
|
133
141
|
& .wrapper-card-3 {
|
|
@@ -190,7 +198,7 @@
|
|
|
190
198
|
&:hover .product-image-wrapper img {
|
|
191
199
|
transform: scale(1.1);
|
|
192
200
|
}
|
|
193
|
-
`,
|
|
201
|
+
`,ke=N.styled.div`
|
|
194
202
|
position: relative;
|
|
195
203
|
overflow: hidden;
|
|
196
204
|
border-radius: 0.75rem;
|
|
@@ -205,6 +213,28 @@
|
|
|
205
213
|
z-index: 1;
|
|
206
214
|
|
|
207
215
|
display: none;
|
|
216
|
+
|
|
217
|
+
display: flex;
|
|
218
|
+
align-items: center;
|
|
219
|
+
justify-content: center;
|
|
220
|
+
|
|
221
|
+
width: 2.25rem;
|
|
222
|
+
height: 2.25rem;
|
|
223
|
+
border-radius: ${c=>t.getBorderRadiusValueWithUnits(c.theme,"curved")};
|
|
224
|
+
border: 1px solid var(--gray-95008);
|
|
225
|
+
background-color: white;
|
|
226
|
+
color: var(--gray-950);
|
|
227
|
+
transition: transform 0.2s ease;
|
|
228
|
+
|
|
229
|
+
&:hover {
|
|
230
|
+
transform: scale(1.05);
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
i {
|
|
234
|
+
color: #14161a;
|
|
235
|
+
font-size: 1.1rem;
|
|
236
|
+
line-height: 1;
|
|
237
|
+
}
|
|
208
238
|
}
|
|
209
239
|
|
|
210
240
|
&:hover {
|
|
@@ -222,7 +252,7 @@
|
|
|
222
252
|
transition: var(--transition, all 0.3s ease);
|
|
223
253
|
}
|
|
224
254
|
|
|
225
|
-
@media (max-width: ${
|
|
255
|
+
@media (max-width: ${X.MOBILE_SIZE_PX+"px"}) {
|
|
226
256
|
& img {
|
|
227
257
|
width: 8.875rem;
|
|
228
258
|
height: 8.875rem;
|
|
@@ -235,7 +265,7 @@
|
|
|
235
265
|
display: flex;
|
|
236
266
|
}
|
|
237
267
|
}
|
|
238
|
-
`,
|
|
268
|
+
`,xe=N.styled.div`
|
|
239
269
|
background: var(--white, #fff);
|
|
240
270
|
z-index: 1;
|
|
241
271
|
|
|
@@ -285,7 +315,7 @@
|
|
|
285
315
|
color: var(--gray-950, #14161a);
|
|
286
316
|
}
|
|
287
317
|
}
|
|
288
|
-
`,
|
|
318
|
+
`,je=N.styled.div`
|
|
289
319
|
display: flex;
|
|
290
320
|
align-items: center;
|
|
291
321
|
gap: 0.25rem;
|
|
@@ -297,4 +327,4 @@
|
|
|
297
327
|
font-size: 1rem;
|
|
298
328
|
color: var(--warning-500, #F59E0B);
|
|
299
329
|
}
|
|
300
|
-
`,
|
|
330
|
+
`,_e=a.forwardRef(({sponsoredText:c="Sponsored"},f)=>e.jsxs(je,{ref:f,className:"sponsored-line",children:[e.jsx("i",{className:"mng-lnc-paw2"}),e.jsx("span",{children:c})]})),Ce="Vehicles_Cars",Ne="Vehicles_Motorcycles",Pe="Vehicles_Trucks",$e="Vehicles_AgriculturalMachines_Tractors",Se="Vehicles_ConstructionMachines",Ee="Vehicles_Bus",Te="Vehicles_Campers",Ve="RealEstates_",s={Mileage:{icon:"mng-lnc-road",measure:"km"},YearOfProduction:{icon:"mng-lnc-calendar",measure:""},Fuel:{icon:"mng-lnc-gas-station",measure:""},EnginePowerKW:{icon:"mng-lnc-engine",measure:"kW"},Transmission:{icon:"mng-lnc-transmission",measure:""},Model:{icon:"mng-lnc-application",measure:""},Brand:{icon:"mng-lnc-car--front",measure:""},SurfaceArea:{icon:"mng-lnc-right-angle",measure:""},Floor:{icon:"mng-lnc-elevator",measure:""},FurnishedCondition:{icon:"mng-lnc-sofa-01",measure:""},AdType:{icon:"mng-lnc-notes",measure:""},NumberOfRooms:{icon:"mng-lnc-meeting-room",measure:""},HeatingType:{icon:"mng-lnc-heat",measure:""},AirConditioning:{icon:"mng-lnc-air-conditioner",measure:""},Type:{icon:"mng-lnc-house-building",measure:""},Parking:{icon:"mng-lnc-parking-area-circle",measure:""},Internet:{icon:"mng-lnc-wifi-02",measure:""},State:{icon:"mng-lnc-settings-1",measure:""},NumberOfPremises:{icon:"mng-lnc-meeting-room",measure:""},Pool:{icon:"mng-lnc-pool",measure:""},Approach:{icon:"mng-lnc-driveway",measure:""},NumberOfBeds:{icon:"mng-lnc-bed",measure:""},Kitchen:{icon:"mng-lnc-fridge",measure:""},BathroomToilet:{icon:"mng-lnc-bath",measure:""},default:{icon:" mng-lnc-clock--filled",measure:""}},Oe=a.forwardRef((c,f)=>{const{uuid:d,sellerUuid:x,name:b,price:P=0,sellingPrice:j,currency:_,isNegotiable:$,isFree:S,imageUrl:Y,location:K,sponsored:Z,imageComponent:O,onSelectCard:H=()=>{},freeText:J="Free",negotiableText:Q="Negotiable",tags:n=[],categoryCode:E,condition:B,quantity:z,trade:F,sponsoredText:ee,forCart:re,forOrder:oe,contactSeller:ne,hasVariants:te,onBookmark:T=()=>{},bookmarkComponent:y,bookmarked:M,bookmarkLists:se,metadata:v,sellerName:q}=c,V=ye.useDetectMobile(),ie=()=>{var m;if(!t.isDefined(y))return e.jsx(e.Fragment,{});const r=y,o=(m=y==null?void 0:y.props)==null?void 0:m.children,l=a.cloneElement(o,{key:`bookmark_pr__${M}`,bookmarked:M,productUuid:d,onAddToBookmark:()=>T(!0,d),onRemoveFromBookmark:()=>T(!1,d),bookmarkedUuidList:se,sellerUuid:x,handleBookmarking:T,forCart:re,forOrder:oe,contactSeller:ne,hasVariants:te});return a.cloneElement(r,void 0,l)},W=[Ce,Ne,Pe,$e,Se,Ee,Te,Ve].some(r=>E==null?void 0:E.includes(r)),[ae,I]=a.useState(!1),ce=()=>{I(!0)},le=()=>{I(!1)},i=a.useRef(null),g=a.useRef([]),[de,R]=a.useState(n==null?void 0:n.length),me=()=>{var m,w,k;if(!(i!=null&&i.current)||((m=g==null?void 0:g.current)==null?void 0:m.length)===0)return;if(V){R(n==null?void 0:n.length);return}const r=(w=i==null?void 0:i.current)==null?void 0:w.offsetWidth;let o=0,l=0;for(let p=0;p<(n==null?void 0:n.length);p++){const h=((k=g==null?void 0:g.current[p])==null?void 0:k.offsetWidth)||0,u=o+h+4;if(u<=r)o+=u,l++;else break}R(l)};a.useEffect(()=>{const r=i==null?void 0:i.current;if(!r)return;const o=new ResizeObserver(()=>{me()});return o.observe(r),()=>{o.disconnect()}},[n,V]);const pe=()=>{var r;return e.jsx("div",{className:"tags-popover__trigger",children:(r=n==null?void 0:n.slice(0,de))==null?void 0:r.map((o,l)=>{var h,u,G,A,U;const m=((h=s==null?void 0:s[o==null?void 0:o.code])==null?void 0:h.icon)??((u=s==null?void 0:s.default)==null?void 0:u.icon)??"",w=((G=o==null?void 0:o.measurementUnit)==null?void 0:G.symbol)??((A=s==null?void 0:s[o==null?void 0:o.code])==null?void 0:A.measure)??"",p=[(o==null?void 0:o.value)??((U=o==null?void 0:o.multiOptions)==null?void 0:U[0])??"",w].filter(Boolean).join(" ");return e.jsxs(C,{ref:he=>g.current[l]=he,className:"tag",children:[e.jsx("i",{className:m}),p]},`detailed-products-section-tag__${l+1}`)})})},ue=()=>e.jsx("div",{className:"tags-popover__content",children:n==null?void 0:n.map((r,o)=>{var p,h,u;const l=((p=r==null?void 0:r.measurementUnit)==null?void 0:p.symbol)??((h=s==null?void 0:s[r==null?void 0:r.code])==null?void 0:h.measure)??"",w=[(r==null?void 0:r.value)??((u=r==null?void 0:r.multiOptions)==null?void 0:u[0])??"",l].filter(Boolean).join(" "),k=r==null?void 0:r.name;return e.jsxs("div",{children:[e.jsx("span",{className:"tags-popover__name",children:`${k}: `}),e.jsx("span",{className:"tags-popover__value",children:w})]},`detailed-products-section-tag-dropdown__${o+1}`)})}),ge=()=>e.jsxs(e.Fragment,{children:[B&&e.jsx(C,{className:"tag",children:B},"detailed-products-section-tag__condition"),z&&e.jsx(C,{className:"tag",children:z},"detailed-products-section-tag__quantity"),F&&e.jsx(C,{className:"tag",children:F},"detailed-products-section-tag__trade")]}),D=P>0&&_&&$!==!0&&S!==!0&&P!==j;return e.jsxs(L,{ref:i,className:"product-card","data-accessor":v==null?void 0:v.accessor,name:v==null?void 0:v.name,onClick:r=>H(r,i),children:[e.jsxs(ke,{className:"product-image-wrapper",children:[e.jsx(ie,{}),t.isDefined(O)?O:e.jsx(fe.ProductImageWrapper,{src:Y})]}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"seller",title:q,children:q}),e.jsx("div",{className:"card-title",children:b})]}),e.jsxs("div",{className:"wrapper-card-3",children:[W&&e.jsx("div",{...V?{}:{onMouseEnter:ce,onMouseLeave:le},children:e.jsxs(ve,{placement:"bottom",open:ae,children:[e.jsx(we,{children:pe()}),e.jsx(be,{style:{all:"unset"},children:e.jsx(xe,{children:ue()})})]})}),!W&&ge()]}),e.jsxs("div",{className:"wrapper-card-2",children:[e.jsxs("div",{className:`price-text ${D?"new-price":""}`,children:[j>0&&_&&$!==!0&&S!==!0&&e.jsx("div",{children:`${t.formatPrice(j)} ${t.GetCurrencySymbol(_)}`}),D&&e.jsx("div",{className:`${j>0?"full-price":""}`,children:`${t.formatPrice(P)} ${t.GetCurrencySymbol(_)}`}),$&&Q,S&&J]}),e.jsx("div",{className:"location-text",children:K})]}),Z===!0&&e.jsx(_e,{sponsoredText:ee})]})}),Be=a.forwardRef(({},c)=>e.jsxs(L,{className:"product-card",children:[e.jsx("img",{className:"skeleton-img"}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"skeleton-title"}),e.jsx("div",{className:"skeleton-tags"})]}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"skeleton-price"}),e.jsx("div",{className:"skeleton-sponsored"})]})]})),ze=({limit:c=5,isLoading:f=!1,keyPrefix:d})=>e.jsx(e.Fragment,{children:Array.from({length:c},(x,b)=>e.jsx(Be,{isLoading:f},`${d}-skeleton-product-card-${b}`))}),Fe=({children:c,fallbackComponent:f=e.jsx(e.Fragment,{}),isLoading:d=!1,limit:x,keyPrefix:b})=>e.jsx(a.Suspense,{fallbackComponent:f,children:d===!0?e.jsx(ze,{isLoading:d,limit:x,keyPrefix:b}):c});exports.DetailedProductCard=Oe;exports.SuspenseDetailedProductCard=Fe;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { jsxs as t, jsx as e, Fragment as $ } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import {
|
|
2
|
+
import { forwardRef as W, useState as K, useRef as H, useEffect as Pe, cloneElement as Z, Suspense as $e } from "react";
|
|
3
|
+
import { t as M, p as Te, o as y, a as Ve, l as J, q as Q, G as ee } from "./utils-BdsZgOUE.js";
|
|
4
4
|
import { s as T } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
5
|
-
import { P as
|
|
5
|
+
import { P as Ee } from "./index-CF3HhgvN.js";
|
|
6
6
|
import P from "./Badge.js";
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import { u as
|
|
11
|
-
import { M as
|
|
12
|
-
const
|
|
7
|
+
import Se from "./Popover.js";
|
|
8
|
+
import Oe from "./PopoverTrigger.js";
|
|
9
|
+
import Be from "./PopoverContent.js";
|
|
10
|
+
import { u as ze } from "./useDetectMobile-Bkvj0VMa.js";
|
|
11
|
+
import { M as re } from "./consts-BuFChS64.js";
|
|
12
|
+
const oe = T.div`
|
|
13
13
|
display: flex;
|
|
14
14
|
flex-direction: column;
|
|
15
15
|
gap: 0.5rem;
|
|
@@ -17,6 +17,14 @@ const ee = T.div`
|
|
|
17
17
|
overflow: hidden;
|
|
18
18
|
width: 100%;
|
|
19
19
|
|
|
20
|
+
& .seller {
|
|
21
|
+
text-transform: uppercase;
|
|
22
|
+
${M()}
|
|
23
|
+
color: var(--gray-500);
|
|
24
|
+
font-size: 0.625rem;
|
|
25
|
+
font-weight: 400;
|
|
26
|
+
}
|
|
27
|
+
|
|
20
28
|
& .wrapper-card-1 {
|
|
21
29
|
display: flex;
|
|
22
30
|
flex-direction: column;
|
|
@@ -64,13 +72,13 @@ const ee = T.div`
|
|
|
64
72
|
& .card-title {
|
|
65
73
|
font-size: 0.875rem;
|
|
66
74
|
font-weight: 600;
|
|
67
|
-
${
|
|
75
|
+
${Te(2)}
|
|
68
76
|
}
|
|
69
77
|
|
|
70
78
|
& .price-text {
|
|
71
79
|
font-size: 1rem;
|
|
72
80
|
font-weight: 600;
|
|
73
|
-
${
|
|
81
|
+
${M()}
|
|
74
82
|
display: flex;
|
|
75
83
|
align-items: end;
|
|
76
84
|
gap: 0.5rem;
|
|
@@ -93,7 +101,7 @@ const ee = T.div`
|
|
|
93
101
|
font-size: 0.75rem;
|
|
94
102
|
font-weight: 400;
|
|
95
103
|
color: var(--gray-600, #676e79);
|
|
96
|
-
${
|
|
104
|
+
${M()}
|
|
97
105
|
}
|
|
98
106
|
|
|
99
107
|
& .tags-wrapper {
|
|
@@ -138,7 +146,7 @@ const ee = T.div`
|
|
|
138
146
|
gap: 0.25rem;
|
|
139
147
|
}
|
|
140
148
|
|
|
141
|
-
@media (max-width: ${
|
|
149
|
+
@media (max-width: ${re + "px"}) {
|
|
142
150
|
overflow: visible;
|
|
143
151
|
|
|
144
152
|
& .wrapper-card-3 {
|
|
@@ -201,7 +209,7 @@ const ee = T.div`
|
|
|
201
209
|
&:hover .product-image-wrapper img {
|
|
202
210
|
transform: scale(1.1);
|
|
203
211
|
}
|
|
204
|
-
`,
|
|
212
|
+
`, Me = T.div`
|
|
205
213
|
position: relative;
|
|
206
214
|
overflow: hidden;
|
|
207
215
|
border-radius: 0.75rem;
|
|
@@ -216,6 +224,28 @@ const ee = T.div`
|
|
|
216
224
|
z-index: 1;
|
|
217
225
|
|
|
218
226
|
display: none;
|
|
227
|
+
|
|
228
|
+
display: flex;
|
|
229
|
+
align-items: center;
|
|
230
|
+
justify-content: center;
|
|
231
|
+
|
|
232
|
+
width: 2.25rem;
|
|
233
|
+
height: 2.25rem;
|
|
234
|
+
border-radius: ${(s) => Ve(s.theme, "curved")};
|
|
235
|
+
border: 1px solid var(--gray-95008);
|
|
236
|
+
background-color: white;
|
|
237
|
+
color: var(--gray-950);
|
|
238
|
+
transition: transform 0.2s ease;
|
|
239
|
+
|
|
240
|
+
&:hover {
|
|
241
|
+
transform: scale(1.05);
|
|
242
|
+
}
|
|
243
|
+
|
|
244
|
+
i {
|
|
245
|
+
color: #14161a;
|
|
246
|
+
font-size: 1.1rem;
|
|
247
|
+
line-height: 1;
|
|
248
|
+
}
|
|
219
249
|
}
|
|
220
250
|
|
|
221
251
|
&:hover {
|
|
@@ -233,7 +263,7 @@ const ee = T.div`
|
|
|
233
263
|
transition: var(--transition, all 0.3s ease);
|
|
234
264
|
}
|
|
235
265
|
|
|
236
|
-
@media (max-width: ${
|
|
266
|
+
@media (max-width: ${re + "px"}) {
|
|
237
267
|
& img {
|
|
238
268
|
width: 8.875rem;
|
|
239
269
|
height: 8.875rem;
|
|
@@ -246,7 +276,7 @@ const ee = T.div`
|
|
|
246
276
|
display: flex;
|
|
247
277
|
}
|
|
248
278
|
}
|
|
249
|
-
`,
|
|
279
|
+
`, We = T.div`
|
|
250
280
|
background: var(--white, #fff);
|
|
251
281
|
z-index: 1;
|
|
252
282
|
|
|
@@ -296,7 +326,7 @@ const ee = T.div`
|
|
|
296
326
|
color: var(--gray-950, #14161a);
|
|
297
327
|
}
|
|
298
328
|
}
|
|
299
|
-
`,
|
|
329
|
+
`, Fe = T.div`
|
|
300
330
|
display: flex;
|
|
301
331
|
align-items: center;
|
|
302
332
|
gap: 0.25rem;
|
|
@@ -308,10 +338,10 @@ const ee = T.div`
|
|
|
308
338
|
font-size: 1rem;
|
|
309
339
|
color: var(--warning-500, #F59E0B);
|
|
310
340
|
}
|
|
311
|
-
`,
|
|
341
|
+
`, Ie = W(({ sponsoredText: s = "Sponsored" }, h) => /* @__PURE__ */ t(Fe, { ref: h, className: "sponsored-line", children: [
|
|
312
342
|
/* @__PURE__ */ e("i", { className: "mng-lnc-paw2" }),
|
|
313
|
-
/* @__PURE__ */ e("span", { children:
|
|
314
|
-
] })),
|
|
343
|
+
/* @__PURE__ */ e("span", { children: s })
|
|
344
|
+
] })), je = "Vehicles_Cars", xe = "Vehicles_Motorcycles", De = "Vehicles_Trucks", Ue = "Vehicles_AgriculturalMachines_Tractors", Re = "Vehicles_ConstructionMachines", Ge = "Vehicles_Bus", Xe = "Vehicles_Campers", Le = "RealEstates_", a = {
|
|
315
345
|
Mileage: {
|
|
316
346
|
icon: "mng-lnc-road",
|
|
317
347
|
measure: "km"
|
|
@@ -412,167 +442,182 @@ const ee = T.div`
|
|
|
412
442
|
icon: " mng-lnc-clock--filled",
|
|
413
443
|
measure: ""
|
|
414
444
|
}
|
|
415
|
-
},
|
|
445
|
+
}, ir = W((s, h) => {
|
|
416
446
|
const {
|
|
417
|
-
uuid:
|
|
418
|
-
|
|
419
|
-
|
|
447
|
+
uuid: c,
|
|
448
|
+
sellerUuid: _,
|
|
449
|
+
name: w,
|
|
450
|
+
price: V = 0,
|
|
420
451
|
sellingPrice: C,
|
|
421
452
|
currency: N,
|
|
422
453
|
isNegotiable: E,
|
|
423
454
|
isFree: S,
|
|
424
|
-
imageUrl:
|
|
425
|
-
location:
|
|
426
|
-
sponsored:
|
|
427
|
-
imageComponent:
|
|
428
|
-
onSelectCard:
|
|
455
|
+
imageUrl: ne,
|
|
456
|
+
location: te,
|
|
457
|
+
sponsored: ae,
|
|
458
|
+
imageComponent: F,
|
|
459
|
+
onSelectCard: ie = () => {
|
|
429
460
|
},
|
|
430
|
-
freeText:
|
|
431
|
-
negotiableText:
|
|
461
|
+
freeText: se = "Free",
|
|
462
|
+
negotiableText: le = "Negotiable",
|
|
432
463
|
tags: n = [],
|
|
433
|
-
categoryCode:
|
|
434
|
-
condition:
|
|
435
|
-
quantity:
|
|
436
|
-
trade:
|
|
437
|
-
sponsoredText:
|
|
438
|
-
|
|
464
|
+
categoryCode: O,
|
|
465
|
+
condition: I,
|
|
466
|
+
quantity: j,
|
|
467
|
+
trade: x,
|
|
468
|
+
sponsoredText: ce,
|
|
469
|
+
forCart: de,
|
|
470
|
+
forOrder: me,
|
|
471
|
+
contactSeller: pe,
|
|
472
|
+
hasVariants: ge,
|
|
473
|
+
onBookmark: B = () => {
|
|
439
474
|
},
|
|
440
475
|
bookmarkComponent: b,
|
|
441
|
-
bookmarked:
|
|
442
|
-
bookmarkLists:
|
|
443
|
-
metadata:
|
|
444
|
-
|
|
476
|
+
bookmarked: D,
|
|
477
|
+
bookmarkLists: ue,
|
|
478
|
+
metadata: f,
|
|
479
|
+
sellerName: U
|
|
480
|
+
} = s, z = ze(), he = () => {
|
|
445
481
|
var d;
|
|
446
|
-
if (!
|
|
447
|
-
const r = b, o = (d = b == null ? void 0 : b.props) == null ? void 0 : d.children,
|
|
448
|
-
key: `bookmark_pr__${
|
|
449
|
-
bookmarked:
|
|
450
|
-
productUuid:
|
|
451
|
-
onAddToBookmark: () =>
|
|
452
|
-
onRemoveFromBookmark: () =>
|
|
453
|
-
bookmarkedUuidList:
|
|
482
|
+
if (!J(b)) return /* @__PURE__ */ e($, {});
|
|
483
|
+
const r = b, o = (d = b == null ? void 0 : b.props) == null ? void 0 : d.children, l = Z(o, {
|
|
484
|
+
key: `bookmark_pr__${D}`,
|
|
485
|
+
bookmarked: D,
|
|
486
|
+
productUuid: c,
|
|
487
|
+
onAddToBookmark: () => B(!0, c),
|
|
488
|
+
onRemoveFromBookmark: () => B(!1, c),
|
|
489
|
+
bookmarkedUuidList: ue,
|
|
490
|
+
sellerUuid: _,
|
|
491
|
+
handleBookmarking: B,
|
|
492
|
+
forCart: de,
|
|
493
|
+
forOrder: me,
|
|
494
|
+
contactSeller: pe,
|
|
495
|
+
hasVariants: ge
|
|
454
496
|
});
|
|
455
|
-
return
|
|
456
|
-
},
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
497
|
+
return Z(r, void 0, l);
|
|
498
|
+
}, R = [
|
|
499
|
+
je,
|
|
500
|
+
xe,
|
|
501
|
+
De,
|
|
502
|
+
Ue,
|
|
503
|
+
Re,
|
|
504
|
+
Ge,
|
|
505
|
+
Xe,
|
|
506
|
+
Le
|
|
465
507
|
].some(
|
|
466
|
-
(r) =>
|
|
467
|
-
), [
|
|
468
|
-
|
|
469
|
-
},
|
|
470
|
-
|
|
471
|
-
}, i =
|
|
472
|
-
var d,
|
|
473
|
-
if (!(i != null && i.current) || ((d =
|
|
474
|
-
if (
|
|
475
|
-
|
|
508
|
+
(r) => O == null ? void 0 : O.includes(r)
|
|
509
|
+
), [fe, G] = K(!1), ve = () => {
|
|
510
|
+
G(!0);
|
|
511
|
+
}, we = () => {
|
|
512
|
+
G(!1);
|
|
513
|
+
}, i = H(null), g = H([]), [be, X] = K(n == null ? void 0 : n.length), ke = () => {
|
|
514
|
+
var d, v, k;
|
|
515
|
+
if (!(i != null && i.current) || ((d = g == null ? void 0 : g.current) == null ? void 0 : d.length) === 0) return;
|
|
516
|
+
if (z) {
|
|
517
|
+
X(n == null ? void 0 : n.length);
|
|
476
518
|
return;
|
|
477
519
|
}
|
|
478
|
-
const r = (
|
|
479
|
-
let o = 0,
|
|
520
|
+
const r = (v = i == null ? void 0 : i.current) == null ? void 0 : v.offsetWidth;
|
|
521
|
+
let o = 0, l = 0;
|
|
480
522
|
for (let m = 0; m < (n == null ? void 0 : n.length); m++) {
|
|
481
|
-
const
|
|
523
|
+
const u = ((k = g == null ? void 0 : g.current[m]) == null ? void 0 : k.offsetWidth) || 0, p = o + u + 4;
|
|
482
524
|
if (p <= r)
|
|
483
|
-
o += p,
|
|
525
|
+
o += p, l++;
|
|
484
526
|
else
|
|
485
527
|
break;
|
|
486
528
|
}
|
|
487
|
-
|
|
529
|
+
X(l);
|
|
488
530
|
};
|
|
489
|
-
|
|
531
|
+
Pe(() => {
|
|
490
532
|
const r = i == null ? void 0 : i.current;
|
|
491
533
|
if (!r) return;
|
|
492
534
|
const o = new ResizeObserver(() => {
|
|
493
|
-
|
|
535
|
+
ke();
|
|
494
536
|
});
|
|
495
537
|
return o.observe(r), () => {
|
|
496
538
|
o.disconnect();
|
|
497
539
|
};
|
|
498
|
-
}, [n,
|
|
499
|
-
const
|
|
540
|
+
}, [n, z]);
|
|
541
|
+
const ye = () => {
|
|
500
542
|
var r;
|
|
501
|
-
return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = n == null ? void 0 : n.slice(0,
|
|
502
|
-
var
|
|
503
|
-
const d = ((
|
|
543
|
+
return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = n == null ? void 0 : n.slice(0, be)) == null ? void 0 : r.map((o, l) => {
|
|
544
|
+
var u, p, q, A, Y;
|
|
545
|
+
const d = ((u = a == null ? void 0 : a[o == null ? void 0 : o.code]) == null ? void 0 : u.icon) ?? ((p = a == null ? void 0 : a.default) == null ? void 0 : p.icon) ?? "", v = ((q = o == null ? void 0 : o.measurementUnit) == null ? void 0 : q.symbol) ?? ((A = a == null ? void 0 : a[o == null ? void 0 : o.code]) == null ? void 0 : A.measure) ?? "", m = [(o == null ? void 0 : o.value) ?? ((Y = o == null ? void 0 : o.multiOptions) == null ? void 0 : Y[0]) ?? "", v].filter(Boolean).join(" ");
|
|
504
546
|
return /* @__PURE__ */ t(
|
|
505
547
|
P,
|
|
506
548
|
{
|
|
507
|
-
ref: (
|
|
549
|
+
ref: (Ne) => g.current[l] = Ne,
|
|
508
550
|
className: "tag",
|
|
509
551
|
children: [
|
|
510
552
|
/* @__PURE__ */ e("i", { className: d }),
|
|
511
553
|
m
|
|
512
554
|
]
|
|
513
555
|
},
|
|
514
|
-
`detailed-products-section-tag__${
|
|
556
|
+
`detailed-products-section-tag__${l + 1}`
|
|
515
557
|
);
|
|
516
558
|
}) });
|
|
517
|
-
},
|
|
518
|
-
var m,
|
|
519
|
-
const
|
|
559
|
+
}, _e = () => /* @__PURE__ */ e("div", { className: "tags-popover__content", children: n == null ? void 0 : n.map((r, o) => {
|
|
560
|
+
var m, u, p;
|
|
561
|
+
const l = ((m = r == null ? void 0 : r.measurementUnit) == null ? void 0 : m.symbol) ?? ((u = a == null ? void 0 : a[r == null ? void 0 : r.code]) == null ? void 0 : u.measure) ?? "", v = [(r == null ? void 0 : r.value) ?? ((p = r == null ? void 0 : r.multiOptions) == null ? void 0 : p[0]) ?? "", l].filter(Boolean).join(" "), k = r == null ? void 0 : r.name;
|
|
520
562
|
return /* @__PURE__ */ t("div", { children: [
|
|
521
563
|
/* @__PURE__ */ e("span", { className: "tags-popover__name", children: `${k}: ` }),
|
|
522
|
-
/* @__PURE__ */ e("span", { className: "tags-popover__value", children:
|
|
564
|
+
/* @__PURE__ */ e("span", { className: "tags-popover__value", children: v })
|
|
523
565
|
] }, `detailed-products-section-tag-dropdown__${o + 1}`);
|
|
524
|
-
}) }),
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
] }),
|
|
566
|
+
}) }), Ce = () => /* @__PURE__ */ t($, { children: [
|
|
567
|
+
I && /* @__PURE__ */ e(P, { className: "tag", children: I }, "detailed-products-section-tag__condition"),
|
|
568
|
+
j && /* @__PURE__ */ e(P, { className: "tag", children: j }, "detailed-products-section-tag__quantity"),
|
|
569
|
+
x && /* @__PURE__ */ e(P, { className: "tag", children: x }, "detailed-products-section-tag__trade")
|
|
570
|
+
] }), L = V > 0 && N && E !== !0 && S !== !0 && V !== C;
|
|
529
571
|
return (
|
|
530
572
|
// <LandingPageProductCardSkeleton />
|
|
531
573
|
/* @__PURE__ */ t(
|
|
532
|
-
|
|
574
|
+
oe,
|
|
533
575
|
{
|
|
534
576
|
ref: i,
|
|
535
577
|
className: "product-card",
|
|
536
|
-
"data-accessor":
|
|
537
|
-
name:
|
|
538
|
-
onClick: (r) =>
|
|
578
|
+
"data-accessor": f == null ? void 0 : f.accessor,
|
|
579
|
+
name: f == null ? void 0 : f.name,
|
|
580
|
+
onClick: (r) => ie(r, i),
|
|
539
581
|
children: [
|
|
540
|
-
/* @__PURE__ */ t(
|
|
541
|
-
/* @__PURE__ */ e(
|
|
542
|
-
|
|
582
|
+
/* @__PURE__ */ t(Me, { className: "product-image-wrapper", children: [
|
|
583
|
+
/* @__PURE__ */ e(he, {}),
|
|
584
|
+
J(F) ? F : /* @__PURE__ */ e(Ee, { src: ne })
|
|
585
|
+
] }),
|
|
586
|
+
/* @__PURE__ */ t("div", { className: "wrapper-card-1", children: [
|
|
587
|
+
/* @__PURE__ */ e("div", { className: "seller", title: U, children: U }),
|
|
588
|
+
/* @__PURE__ */ e("div", { className: "card-title", children: w })
|
|
543
589
|
] }),
|
|
544
|
-
/* @__PURE__ */ e("div", { className: "wrapper-card-1", children: /* @__PURE__ */ e("div", { className: "card-title", children: _ }) }),
|
|
545
590
|
/* @__PURE__ */ t("div", { className: "wrapper-card-3", children: [
|
|
546
|
-
|
|
591
|
+
R && /* @__PURE__ */ e(
|
|
547
592
|
"div",
|
|
548
593
|
{
|
|
549
|
-
...
|
|
550
|
-
onMouseEnter:
|
|
551
|
-
onMouseLeave:
|
|
594
|
+
...z ? {} : {
|
|
595
|
+
onMouseEnter: ve,
|
|
596
|
+
onMouseLeave: we
|
|
552
597
|
},
|
|
553
|
-
children: /* @__PURE__ */ t(
|
|
554
|
-
/* @__PURE__ */ e(
|
|
555
|
-
/* @__PURE__ */ e(
|
|
598
|
+
children: /* @__PURE__ */ t(Se, { placement: "bottom", open: fe, children: [
|
|
599
|
+
/* @__PURE__ */ e(Oe, { children: ye() }),
|
|
600
|
+
/* @__PURE__ */ e(Be, { style: { all: "unset" }, children: /* @__PURE__ */ e(We, { children: _e() }) })
|
|
556
601
|
] })
|
|
557
602
|
}
|
|
558
603
|
),
|
|
559
|
-
!
|
|
604
|
+
!R && Ce()
|
|
560
605
|
] }),
|
|
561
606
|
/* @__PURE__ */ t("div", { className: "wrapper-card-2", children: [
|
|
562
|
-
/* @__PURE__ */ t("div", { className: `price-text ${
|
|
563
|
-
C > 0 && N && E !== !0 && S !== !0 && /* @__PURE__ */ e("div", { children: `${
|
|
564
|
-
|
|
565
|
-
E &&
|
|
566
|
-
S &&
|
|
607
|
+
/* @__PURE__ */ t("div", { className: `price-text ${L ? "new-price" : ""}`, children: [
|
|
608
|
+
C > 0 && N && E !== !0 && S !== !0 && /* @__PURE__ */ e("div", { children: `${Q(C)} ${ee(N)}` }),
|
|
609
|
+
L && /* @__PURE__ */ e("div", { className: `${C > 0 ? "full-price" : ""}`, children: `${Q(V)} ${ee(N)}` }),
|
|
610
|
+
E && le,
|
|
611
|
+
S && se
|
|
567
612
|
] }),
|
|
568
|
-
/* @__PURE__ */ e("div", { className: "location-text", children:
|
|
613
|
+
/* @__PURE__ */ e("div", { className: "location-text", children: te })
|
|
569
614
|
] }),
|
|
570
|
-
|
|
615
|
+
ae === !0 && /* @__PURE__ */ e(Ie, { sponsoredText: ce })
|
|
571
616
|
]
|
|
572
617
|
}
|
|
573
618
|
)
|
|
574
619
|
);
|
|
575
|
-
}),
|
|
620
|
+
}), qe = W(({}, s) => /* @__PURE__ */ t(oe, { className: "product-card", children: [
|
|
576
621
|
/* @__PURE__ */ e("img", { className: "skeleton-img" }),
|
|
577
622
|
/* @__PURE__ */ t("div", { className: "wrapper-card-1", children: [
|
|
578
623
|
/* @__PURE__ */ e("div", { className: "skeleton-title" }),
|
|
@@ -582,27 +627,27 @@ const ee = T.div`
|
|
|
582
627
|
/* @__PURE__ */ e("div", { className: "skeleton-price" }),
|
|
583
628
|
/* @__PURE__ */ e("div", { className: "skeleton-sponsored" })
|
|
584
629
|
] })
|
|
585
|
-
] })),
|
|
586
|
-
|
|
630
|
+
] })), Ae = ({ limit: s = 5, isLoading: h = !1, keyPrefix: c }) => /* @__PURE__ */ e($, { children: Array.from({ length: s }, (_, w) => /* @__PURE__ */ e(
|
|
631
|
+
qe,
|
|
587
632
|
{
|
|
588
|
-
isLoading:
|
|
633
|
+
isLoading: h
|
|
589
634
|
},
|
|
590
|
-
`${
|
|
591
|
-
)) }),
|
|
592
|
-
children:
|
|
593
|
-
fallbackComponent:
|
|
594
|
-
isLoading:
|
|
635
|
+
`${c}-skeleton-product-card-${w}`
|
|
636
|
+
)) }), sr = ({
|
|
637
|
+
children: s,
|
|
638
|
+
fallbackComponent: h = /* @__PURE__ */ e($, {}),
|
|
639
|
+
isLoading: c = !1,
|
|
595
640
|
limit: _,
|
|
596
|
-
keyPrefix:
|
|
597
|
-
}) => /* @__PURE__ */ e(
|
|
598
|
-
|
|
641
|
+
keyPrefix: w
|
|
642
|
+
}) => /* @__PURE__ */ e($e, { fallbackComponent: h, children: c === !0 ? /* @__PURE__ */ e(
|
|
643
|
+
Ae,
|
|
599
644
|
{
|
|
600
|
-
isLoading:
|
|
645
|
+
isLoading: c,
|
|
601
646
|
limit: _,
|
|
602
|
-
keyPrefix:
|
|
647
|
+
keyPrefix: w
|
|
603
648
|
}
|
|
604
|
-
) :
|
|
649
|
+
) : s });
|
|
605
650
|
export {
|
|
606
|
-
|
|
607
|
-
|
|
651
|
+
ir as D,
|
|
652
|
+
sr as S
|
|
608
653
|
};
|