@lanaco/lnc-react-ui 4.0.192 → 4.0.194
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 +13 -4
- package/dist/DetailedProductsInfinitiveSection.js +136 -63
- package/dist/DetailedProductsSection.cjs +1 -1
- package/dist/DetailedProductsSection.js +1 -1
- package/dist/UrgentSaleProductsSection.cjs +1 -1
- package/dist/UrgentSaleProductsSection.js +1 -1
- package/dist/{index-PhMLWAC1.js → index-DqBXIFsQ.js} +78 -72
- package/dist/{index-Coo0aVuh.cjs → index-Lmz3An4A.cjs} +11 -6
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const t=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),c=require("react"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),Q=require("./consts-goSZX3xP.cjs"),G=require("./IconButton.cjs"),W=require("./Button.cjs"),a=require("./utils-RnrgDDZP.cjs"),X=require("./useDetectMobile-zkbzoOGV.cjs"),b=require("./index-Lmz3An4A.cjs"),Z=require("./index-CSNxZFTX.cjs"),l=require("./style-BAcV7F53.cjs"),H=f.styled.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
gap: 1.5rem;
|
|
@@ -21,9 +21,18 @@
|
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
+
& .section__options {
|
|
25
|
+
& button {
|
|
26
|
+
&:focus {
|
|
27
|
+
outline: none;
|
|
28
|
+
outline-offset: 0;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
|
|
24
33
|
& .section__items {
|
|
25
34
|
display: grid;
|
|
26
|
-
grid-template-columns: ${
|
|
35
|
+
grid-template-columns: ${o=>`repeat(${o.limit}, minmax(0, 1fr))`};
|
|
27
36
|
gap: 2rem;
|
|
28
37
|
}
|
|
29
38
|
|
|
@@ -47,7 +56,7 @@
|
|
|
47
56
|
white-space: nowrap;
|
|
48
57
|
}
|
|
49
58
|
|
|
50
|
-
@media (max-width: ${
|
|
59
|
+
@media (max-width: ${Q.MOBILE_SIZE_PX+"px"}) {
|
|
51
60
|
gap: 1.25rem;
|
|
52
61
|
|
|
53
62
|
& .section__items {
|
|
@@ -70,4 +79,4 @@
|
|
|
70
79
|
}
|
|
71
80
|
}
|
|
72
81
|
}
|
|
73
|
-
`,
|
|
82
|
+
`,J=f.styled(l.SkeletonRowWrapper)``,Y=({keyPrefix:o})=>t.jsxs(J,{children:[t.jsx(l.SkeletonLinePlaceholder,{width:"5rem",borderRadius:"0.75rem"},`${o}-1`),t.jsx(l.SkeletonLinePlaceholder,{width:"5rem",borderRadius:"0.75rem"},`${o}-2`),t.jsx(l.SkeletonLinePlaceholder,{width:"5rem",borderRadius:"0.75rem"},`${o}-3`)]}),x=({keyPrefix:o,isLoading:d=!1,fallbackComponent:n=t.jsx(t.Fragment,{}),children:i})=>t.jsx(c.Suspense,{fallbackComponent:n,children:d===!0?t.jsx(Y,{keyPrefix:o}):i}),ee=c.memo(b.DetailedProductCard),te=c.forwardRef((o,d)=>{const{title:n,icon:i,items:r,limit:h=4,isLoading:u=!1,onSelectCard:S=()=>{},onLoadMore:w=()=>{},onButtonAction:_=()=>{},getImage:y=()=>{},viewAllbuttonLink:m,viewAllButonText:p="View all",negotiableText:k,freeText:v,loadMoreButtonIcon:j="angle-down",sponsoredText:C,onBookmark:N=()=>{},actionComponent:L,componentName:q,hasNextPage:P=!1,LinkComponent:B,urgentText:R,options:O=[],isLoadingOptions:D=!1,selectedOption:M,onSelectOption:E=()=>{},onRemoveOption:I=()=>{},allOptionsEnabled:T=!1,allOptionsLabel:$="All",onSelectAllOptions:A=()=>{},optionLabel:z="label",optionValue:F="value",optionCode:U="code"}=o,g=X.useDetectMobile(),V=c.useMemo(()=>r==null?void 0:r.map((e,s)=>t.jsx(ee,{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:(oe,K)=>S({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:K}),nameSlug:e==null?void 0:e.nameSlug,imageUrl:y(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:k,freeText:v,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,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,sponsoredText:C,onBookmark:N,actionComponent:L,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:q},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,LinkComponent:B,activeSalesPackages:e==null?void 0:e.activeSalesPackages,urgentText:R},s)),[r]);return t.jsxs(H,{ref:d,limit:h,children:[t.jsxs("div",{className:"section__heading",children:[a.isDefinedNotEmptyString(n)&&t.jsxs("div",{className:"section__title",children:[a.isDefinedNotEmptyString(i)&&t.jsx("i",{className:i})," ",n]}),g&&a.isDefinedNotEmptyString(m)&&a.isDefinedNotEmptyString(p)&&!u&&t.jsx(W,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var s;(s=e==null?void 0:e.target)==null||s.blur(),_(m)},borderRadius:"curved",className:"section__view-all",children:p})]}),t.jsx(x,{isLoading:D,children:t.jsx(Z.SelectBar,{items:O,selectedIds:M,onRemove:I,onSelect:E,allButton:T,onSelectAll:A,labelKey:z,valueKey:F,codeKey:U,noMargin:!0,productsToolbarName:$,noGradient:!0,className:"section__options"})}),t.jsx(b.SuspenseDetailedProductCard,{isLoading:u,keyPrefix:"detailed-product-card-skeleton",children:t.jsx("div",{className:"section__items",children:V})}),!g&&!u&&P&&t.jsx(G,{icon:j,borderRadius:"curved",btnType:"basic",color:"neutral",className:"section__show-more",onClick:w})]})});module.exports=te;
|
|
@@ -1,13 +1,15 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { memo as
|
|
3
|
-
import { s as
|
|
4
|
-
import { M as
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import { k as
|
|
8
|
-
import { u as
|
|
9
|
-
import { D as
|
|
10
|
-
|
|
1
|
+
import { jsxs as s, jsx as o, Fragment as q } from "react/jsx-runtime";
|
|
2
|
+
import { Suspense as Q, memo as G, forwardRef as W, useMemo as X } from "react";
|
|
3
|
+
import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
|
+
import { M as Z } from "./consts-BuFChS64.js";
|
|
5
|
+
import H from "./IconButton.js";
|
|
6
|
+
import J from "./Button.js";
|
|
7
|
+
import { k as l } from "./utils-Dc5zIpaz.js";
|
|
8
|
+
import { u as Y } from "./useDetectMobile-Bkvj0VMa.js";
|
|
9
|
+
import { D as x, S as ee } from "./index-DqBXIFsQ.js";
|
|
10
|
+
import { S as oe } from "./index-BGiZlEQt.js";
|
|
11
|
+
import { a as te, b as m } from "./style-CXMUA6cI.js";
|
|
12
|
+
const ie = f.div`
|
|
11
13
|
display: flex;
|
|
12
14
|
flex-direction: column;
|
|
13
15
|
gap: 1.5rem;
|
|
@@ -30,9 +32,18 @@ const R = E.div`
|
|
|
30
32
|
}
|
|
31
33
|
}
|
|
32
34
|
|
|
35
|
+
& .section__options {
|
|
36
|
+
& button {
|
|
37
|
+
&:focus {
|
|
38
|
+
outline: none;
|
|
39
|
+
outline-offset: 0;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
33
44
|
& .section__items {
|
|
34
45
|
display: grid;
|
|
35
|
-
grid-template-columns: ${(
|
|
46
|
+
grid-template-columns: ${(t) => `repeat(${t.limit}, minmax(0, 1fr))`};
|
|
36
47
|
gap: 2rem;
|
|
37
48
|
}
|
|
38
49
|
|
|
@@ -56,7 +67,7 @@ const R = E.div`
|
|
|
56
67
|
white-space: nowrap;
|
|
57
68
|
}
|
|
58
69
|
|
|
59
|
-
@media (max-width: ${
|
|
70
|
+
@media (max-width: ${Z + "px"}) {
|
|
60
71
|
gap: 1.25rem;
|
|
61
72
|
|
|
62
73
|
& .section__items {
|
|
@@ -79,36 +90,80 @@ const R = E.div`
|
|
|
79
90
|
}
|
|
80
91
|
}
|
|
81
92
|
}
|
|
82
|
-
`,
|
|
93
|
+
`, ne = f(te)``, re = ({ keyPrefix: t }) => /* @__PURE__ */ s(ne, { children: [
|
|
94
|
+
/* @__PURE__ */ o(
|
|
95
|
+
m,
|
|
96
|
+
{
|
|
97
|
+
width: "5rem",
|
|
98
|
+
borderRadius: "0.75rem"
|
|
99
|
+
},
|
|
100
|
+
`${t}-1`
|
|
101
|
+
),
|
|
102
|
+
/* @__PURE__ */ o(
|
|
103
|
+
m,
|
|
104
|
+
{
|
|
105
|
+
width: "5rem",
|
|
106
|
+
borderRadius: "0.75rem"
|
|
107
|
+
},
|
|
108
|
+
`${t}-2`
|
|
109
|
+
),
|
|
110
|
+
/* @__PURE__ */ o(
|
|
111
|
+
m,
|
|
112
|
+
{
|
|
113
|
+
width: "5rem",
|
|
114
|
+
borderRadius: "0.75rem"
|
|
115
|
+
},
|
|
116
|
+
`${t}-3`
|
|
117
|
+
)
|
|
118
|
+
] }), ae = ({
|
|
119
|
+
keyPrefix: t,
|
|
120
|
+
isLoading: c = !1,
|
|
121
|
+
fallbackComponent: i = /* @__PURE__ */ o(q, {}),
|
|
122
|
+
children: n
|
|
123
|
+
}) => /* @__PURE__ */ o(Q, { fallbackComponent: i, children: c === !0 ? /* @__PURE__ */ o(re, { keyPrefix: t }) : n }), le = G(x), _e = W((t, c) => {
|
|
83
124
|
const {
|
|
84
|
-
title:
|
|
85
|
-
icon:
|
|
86
|
-
items:
|
|
87
|
-
limit:
|
|
88
|
-
isLoading:
|
|
89
|
-
onSelectCard:
|
|
125
|
+
title: i,
|
|
126
|
+
icon: n,
|
|
127
|
+
items: r,
|
|
128
|
+
limit: b = 4,
|
|
129
|
+
isLoading: d = !1,
|
|
130
|
+
onSelectCard: h = () => {
|
|
90
131
|
},
|
|
91
|
-
onLoadMore:
|
|
132
|
+
onLoadMore: w = () => {
|
|
92
133
|
},
|
|
93
|
-
onButtonAction:
|
|
134
|
+
onButtonAction: S = () => {
|
|
94
135
|
},
|
|
95
|
-
getImage:
|
|
136
|
+
getImage: _ = () => {
|
|
96
137
|
},
|
|
97
|
-
viewAllbuttonLink:
|
|
98
|
-
viewAllButonText:
|
|
99
|
-
negotiableText:
|
|
100
|
-
freeText:
|
|
138
|
+
viewAllbuttonLink: u,
|
|
139
|
+
viewAllButonText: p = "View all",
|
|
140
|
+
negotiableText: k,
|
|
141
|
+
freeText: v,
|
|
101
142
|
loadMoreButtonIcon: y = "angle-down",
|
|
102
|
-
sponsoredText:
|
|
103
|
-
onBookmark:
|
|
143
|
+
sponsoredText: C,
|
|
144
|
+
onBookmark: N = () => {
|
|
104
145
|
},
|
|
105
|
-
actionComponent:
|
|
106
|
-
componentName:
|
|
146
|
+
actionComponent: L,
|
|
147
|
+
componentName: B,
|
|
107
148
|
hasNextPage: P = !1,
|
|
108
|
-
LinkComponent:
|
|
109
|
-
urgentText:
|
|
110
|
-
|
|
111
|
-
|
|
149
|
+
LinkComponent: O,
|
|
150
|
+
urgentText: M,
|
|
151
|
+
options: R = [],
|
|
152
|
+
isLoadingOptions: T = !1,
|
|
153
|
+
selectedOption: $,
|
|
154
|
+
onSelectOption: I = () => {
|
|
155
|
+
},
|
|
156
|
+
onRemoveOption: A = () => {
|
|
157
|
+
},
|
|
158
|
+
allOptionsEnabled: D = !1,
|
|
159
|
+
allOptionsLabel: z = "All",
|
|
160
|
+
onSelectAllOptions: E = () => {
|
|
161
|
+
},
|
|
162
|
+
optionLabel: F = "label",
|
|
163
|
+
optionValue: U = "value",
|
|
164
|
+
optionCode: V = "code"
|
|
165
|
+
} = t, g = Y(), j = X(() => r == null ? void 0 : r.map((e, a) => /* @__PURE__ */ o(
|
|
166
|
+
le,
|
|
112
167
|
{
|
|
113
168
|
name: e == null ? void 0 : e.name,
|
|
114
169
|
price: e == null ? void 0 : e.price,
|
|
@@ -119,13 +174,13 @@ const R = E.div`
|
|
|
119
174
|
uuid: e == null ? void 0 : e.uuid,
|
|
120
175
|
sponsored: e == null ? void 0 : e.sponsored,
|
|
121
176
|
imageComponent: e == null ? void 0 : e.imageComponent,
|
|
122
|
-
onSelectCard: (
|
|
177
|
+
onSelectCard: (se, K) => h({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug, cardRef: K }),
|
|
123
178
|
nameSlug: e == null ? void 0 : e.nameSlug,
|
|
124
|
-
imageUrl:
|
|
179
|
+
imageUrl: _(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
|
|
125
180
|
isFree: e == null ? void 0 : e.isFree,
|
|
126
181
|
isNegotiable: e == null ? void 0 : e.isNegotiable,
|
|
127
|
-
negotiableText:
|
|
128
|
-
freeText:
|
|
182
|
+
negotiableText: k,
|
|
183
|
+
freeText: v,
|
|
129
184
|
tags: e == null ? void 0 : e.tags,
|
|
130
185
|
categoryCode: e == null ? void 0 : e.categoryCode,
|
|
131
186
|
condition: e == null ? void 0 : e.condition,
|
|
@@ -133,67 +188,85 @@ const R = E.div`
|
|
|
133
188
|
hasQuantities: e == null ? void 0 : e.hasQuantities,
|
|
134
189
|
status: e == null ? void 0 : e.status,
|
|
135
190
|
trade: e == null ? void 0 : e.trade,
|
|
136
|
-
sponsoredText:
|
|
137
|
-
onBookmark:
|
|
138
|
-
actionComponent:
|
|
191
|
+
sponsoredText: C,
|
|
192
|
+
onBookmark: N,
|
|
193
|
+
actionComponent: L,
|
|
139
194
|
bookmarked: e == null ? void 0 : e.bookmarked,
|
|
140
195
|
bookmarkLists: e == null ? void 0 : e.bookmarkLists,
|
|
141
|
-
metadata: { accessor: e == null ? void 0 : e.accessor, name:
|
|
196
|
+
metadata: { accessor: e == null ? void 0 : e.accessor, name: B },
|
|
142
197
|
sellerName: e == null ? void 0 : e.sellerName,
|
|
143
198
|
forCart: e == null ? void 0 : e.forCart,
|
|
144
199
|
forOrder: e == null ? void 0 : e.forOrder,
|
|
145
200
|
contactSeller: e == null ? void 0 : e.contactSeller,
|
|
146
201
|
hasVariants: e == null ? void 0 : e.hasVariants,
|
|
147
|
-
LinkComponent:
|
|
202
|
+
LinkComponent: O,
|
|
148
203
|
activeSalesPackages: e == null ? void 0 : e.activeSalesPackages,
|
|
149
|
-
urgentText:
|
|
204
|
+
urgentText: M
|
|
150
205
|
},
|
|
151
|
-
|
|
152
|
-
)), [
|
|
153
|
-
return /* @__PURE__ */ s(
|
|
206
|
+
a
|
|
207
|
+
)), [r]);
|
|
208
|
+
return /* @__PURE__ */ s(ie, { ref: c, limit: b, children: [
|
|
154
209
|
/* @__PURE__ */ s("div", { className: "section__heading", children: [
|
|
155
|
-
|
|
156
|
-
|
|
210
|
+
l(i) && /* @__PURE__ */ s("div", { className: "section__title", children: [
|
|
211
|
+
l(n) && /* @__PURE__ */ o("i", { className: n }),
|
|
157
212
|
" ",
|
|
158
|
-
|
|
213
|
+
i
|
|
159
214
|
] }),
|
|
160
|
-
|
|
161
|
-
|
|
215
|
+
g && l(u) && l(p) && !d && /* @__PURE__ */ o(
|
|
216
|
+
J,
|
|
162
217
|
{
|
|
163
218
|
type: "button",
|
|
164
219
|
btnType: "tinted",
|
|
165
220
|
color: "neutral",
|
|
166
221
|
onClick: (e) => {
|
|
167
|
-
var
|
|
168
|
-
(
|
|
222
|
+
var a;
|
|
223
|
+
(a = e == null ? void 0 : e.target) == null || a.blur(), S(u);
|
|
169
224
|
},
|
|
170
225
|
borderRadius: "curved",
|
|
171
226
|
className: "section__view-all",
|
|
172
|
-
children:
|
|
227
|
+
children: p
|
|
173
228
|
}
|
|
174
229
|
)
|
|
175
230
|
] }),
|
|
176
|
-
/* @__PURE__ */
|
|
177
|
-
|
|
231
|
+
/* @__PURE__ */ o(ae, { isLoading: T, children: /* @__PURE__ */ o(
|
|
232
|
+
oe,
|
|
233
|
+
{
|
|
234
|
+
items: R,
|
|
235
|
+
selectedIds: $,
|
|
236
|
+
onRemove: A,
|
|
237
|
+
onSelect: I,
|
|
238
|
+
allButton: D,
|
|
239
|
+
onSelectAll: E,
|
|
240
|
+
labelKey: F,
|
|
241
|
+
valueKey: U,
|
|
242
|
+
codeKey: V,
|
|
243
|
+
noMargin: !0,
|
|
244
|
+
productsToolbarName: z,
|
|
245
|
+
noGradient: !0,
|
|
246
|
+
className: "section__options"
|
|
247
|
+
}
|
|
248
|
+
) }),
|
|
249
|
+
/* @__PURE__ */ o(
|
|
250
|
+
ee,
|
|
178
251
|
{
|
|
179
|
-
isLoading:
|
|
252
|
+
isLoading: d,
|
|
180
253
|
keyPrefix: "detailed-product-card-skeleton",
|
|
181
|
-
children: /* @__PURE__ */
|
|
254
|
+
children: /* @__PURE__ */ o("div", { className: "section__items", children: j })
|
|
182
255
|
}
|
|
183
256
|
),
|
|
184
|
-
!
|
|
185
|
-
|
|
257
|
+
!g && !d && P && /* @__PURE__ */ o(
|
|
258
|
+
H,
|
|
186
259
|
{
|
|
187
260
|
icon: y,
|
|
188
261
|
borderRadius: "curved",
|
|
189
262
|
btnType: "basic",
|
|
190
263
|
color: "neutral",
|
|
191
264
|
className: "section__show-more",
|
|
192
|
-
onClick:
|
|
265
|
+
onClick: w
|
|
193
266
|
}
|
|
194
267
|
)
|
|
195
268
|
] });
|
|
196
269
|
});
|
|
197
270
|
export {
|
|
198
|
-
|
|
271
|
+
_e as default
|
|
199
272
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const t=require("react/jsx-runtime"),c=require("react"),F=require("./emotion-styled.browser.esm-BtEseadx.cjs"),B=require("./consts-goSZX3xP.cjs"),R=require("./Button.cjs"),l=require("./utils-RnrgDDZP.cjs"),I=require("./useDetectMobile-zkbzoOGV.cjs"),Q=require("./style-CkcozOY6.cjs"),w=require("./index-
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),c=require("react"),F=require("./emotion-styled.browser.esm-BtEseadx.cjs"),B=require("./consts-goSZX3xP.cjs"),R=require("./Button.cjs"),l=require("./utils-RnrgDDZP.cjs"),I=require("./useDetectMobile-zkbzoOGV.cjs"),Q=require("./style-CkcozOY6.cjs"),w=require("./index-Lmz3An4A.cjs"),_=require("./index-CSNxZFTX.cjs"),$=F.styled.div`
|
|
2
2
|
display: grid;
|
|
3
3
|
grid-template-columns: ${o=>`repeat(${o.limit}, minmax(0, 1fr))`};
|
|
4
4
|
gap: 1.25rem;
|
|
@@ -6,7 +6,7 @@ import W from "./Button.js";
|
|
|
6
6
|
import { k as m } from "./utils-Dc5zIpaz.js";
|
|
7
7
|
import { u as $ } from "./useDetectMobile-Bkvj0VMa.js";
|
|
8
8
|
import { T as j } from "./style-C7FUSHmS.js";
|
|
9
|
-
import { D as z, S as A } from "./index-
|
|
9
|
+
import { D as z, S as A } from "./index-DqBXIFsQ.js";
|
|
10
10
|
import { S as K } from "./index-BGiZlEQt.js";
|
|
11
11
|
const _ = O.div`
|
|
12
12
|
display: grid;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const a=require("react/jsx-runtime"),s=require("react"),$=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),T=require("./useDetectMobile-zkbzoOGV.cjs"),F=require("./Button.cjs"),P=require("./index-
|
|
1
|
+
"use strict";const a=require("react/jsx-runtime"),s=require("react"),$=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),T=require("./useDetectMobile-zkbzoOGV.cjs"),F=require("./Button.cjs"),P=require("./index-Lmz3An4A.cjs"),I=$.styled.div`
|
|
2
2
|
padding: 1.75rem 3rem;
|
|
3
3
|
display: grid;
|
|
4
4
|
grid-template-columns: ${t=>`repeat(${t.limit||5}, minmax(0, 1fr))`};
|
|
@@ -4,7 +4,7 @@ import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
|
4
4
|
import { M as D, S as E } from "./consts-BuFChS64.js";
|
|
5
5
|
import { u as Q } from "./useDetectMobile-Bkvj0VMa.js";
|
|
6
6
|
import j from "./Button.js";
|
|
7
|
-
import { D as z, S as A } from "./index-
|
|
7
|
+
import { D as z, S as A } from "./index-DqBXIFsQ.js";
|
|
8
8
|
const G = B.div`
|
|
9
9
|
padding: 1.75rem 3rem;
|
|
10
10
|
display: grid;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsxs as n, jsx as e, Fragment as O } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as le, useState as
|
|
3
|
-
import { s as
|
|
4
|
-
import { M as
|
|
5
|
-
import { t as D, o as De, a as Me, l as
|
|
2
|
+
import { forwardRef as le, useState as oe, useRef as ne, useEffect as Fe, cloneElement as te, Suspense as We } from "react";
|
|
3
|
+
import { s as k } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
|
+
import { M as j } from "./consts-BuFChS64.js";
|
|
5
|
+
import { t as D, o as De, a as Me, l as M, p as ie, G as ae, k as se } from "./utils-Dc5zIpaz.js";
|
|
6
6
|
import { P as xe } from "./index-C_NnINik.js";
|
|
7
7
|
import I from "./Badge.js";
|
|
8
8
|
import je from "./Popover.js";
|
|
@@ -10,8 +10,8 @@ import Le from "./PopoverTrigger.js";
|
|
|
10
10
|
import Te from "./PopoverContent.js";
|
|
11
11
|
import { u as Xe } from "./useDetectMobile-Bkvj0VMa.js";
|
|
12
12
|
import qe from "./Icon.js";
|
|
13
|
-
import { a as b, S as p, c as
|
|
14
|
-
const Ae =
|
|
13
|
+
import { a as b, S as p, c as y, b as t } from "./style-CXMUA6cI.js";
|
|
14
|
+
const Ae = k.a`
|
|
15
15
|
display: flex;
|
|
16
16
|
flex-direction: column;
|
|
17
17
|
gap: 0.5rem;
|
|
@@ -21,6 +21,11 @@ const Ae = N.a`
|
|
|
21
21
|
text-decoration: none;
|
|
22
22
|
color: var(--gray-950, #14161a);
|
|
23
23
|
position: relative;
|
|
24
|
+
|
|
25
|
+
& .prevent-el {
|
|
26
|
+
height: 0;
|
|
27
|
+
width: 0;
|
|
28
|
+
}
|
|
24
29
|
& .seller {
|
|
25
30
|
text-transform: uppercase;
|
|
26
31
|
${D()}
|
|
@@ -171,7 +176,7 @@ const Ae = N.a`
|
|
|
171
176
|
padding-inline: 0.5rem;
|
|
172
177
|
}
|
|
173
178
|
|
|
174
|
-
@media (max-width: ${
|
|
179
|
+
@media (max-width: ${j + "px"}) {
|
|
175
180
|
overflow: visible;
|
|
176
181
|
|
|
177
182
|
& .wrapper-card-3 {
|
|
@@ -234,7 +239,7 @@ const Ae = N.a`
|
|
|
234
239
|
&:hover .product-image-wrapper img {
|
|
235
240
|
transform: scale(1.1);
|
|
236
241
|
}
|
|
237
|
-
`, Ye =
|
|
242
|
+
`, Ye = k.div`
|
|
238
243
|
position: relative;
|
|
239
244
|
overflow: hidden;
|
|
240
245
|
border-radius: 0.75rem;
|
|
@@ -287,7 +292,7 @@ const Ae = N.a`
|
|
|
287
292
|
transition: var(--transition, all 0.3s ease);
|
|
288
293
|
}
|
|
289
294
|
|
|
290
|
-
@media (max-width: ${
|
|
295
|
+
@media (max-width: ${j + "px"}) {
|
|
291
296
|
& img {
|
|
292
297
|
width: 8.875rem;
|
|
293
298
|
height: 8.875rem;
|
|
@@ -302,7 +307,7 @@ const Ae = N.a`
|
|
|
302
307
|
top: unset;
|
|
303
308
|
}
|
|
304
309
|
}
|
|
305
|
-
`, He =
|
|
310
|
+
`, He = k.div`
|
|
306
311
|
background: var(--white, #fff);
|
|
307
312
|
z-index: 1;
|
|
308
313
|
|
|
@@ -352,7 +357,7 @@ const Ae = N.a`
|
|
|
352
357
|
color: var(--gray-950, #14161a);
|
|
353
358
|
}
|
|
354
359
|
}
|
|
355
|
-
`, Ke =
|
|
360
|
+
`, Ke = k.div`
|
|
356
361
|
display: flex;
|
|
357
362
|
align-items: center;
|
|
358
363
|
gap: 0.25rem;
|
|
@@ -468,7 +473,7 @@ const Ae = N.a`
|
|
|
468
473
|
icon: " mng-lnc-clock--filled",
|
|
469
474
|
measure: ""
|
|
470
475
|
}
|
|
471
|
-
},
|
|
476
|
+
}, x = {
|
|
472
477
|
ADDDISCOUNT: " mng-lnc-percentage",
|
|
473
478
|
URGENT: " mng-lnc-flash",
|
|
474
479
|
FREEQUANTITY: " mng-lnc-3d-software",
|
|
@@ -480,22 +485,22 @@ const Ae = N.a`
|
|
|
480
485
|
sellerUuid: G,
|
|
481
486
|
name: ce,
|
|
482
487
|
price: P = 0,
|
|
483
|
-
sellingPrice:
|
|
484
|
-
currency:
|
|
488
|
+
sellingPrice: _,
|
|
489
|
+
currency: R,
|
|
485
490
|
isNegotiable: S,
|
|
486
491
|
isFree: E,
|
|
487
492
|
imageUrl: de,
|
|
488
493
|
location: me,
|
|
489
494
|
sponsored: he,
|
|
490
|
-
imageComponent:
|
|
495
|
+
imageComponent: L,
|
|
491
496
|
freeText: ge = "Free",
|
|
492
497
|
negotiableText: pe = "Negotiable",
|
|
493
498
|
tags: i = [],
|
|
494
499
|
categoryCode: V,
|
|
495
500
|
categoryName: ue,
|
|
496
|
-
condition:
|
|
501
|
+
condition: T,
|
|
497
502
|
quantity: B,
|
|
498
|
-
trade:
|
|
503
|
+
trade: X,
|
|
499
504
|
sponsoredText: fe,
|
|
500
505
|
forCart: be,
|
|
501
506
|
forOrder: ve,
|
|
@@ -505,23 +510,23 @@ const Ae = N.a`
|
|
|
505
510
|
status: _e,
|
|
506
511
|
onBookmark: U = () => {
|
|
507
512
|
},
|
|
508
|
-
actionComponent:
|
|
509
|
-
bookmarked:
|
|
513
|
+
actionComponent: v,
|
|
514
|
+
bookmarked: q,
|
|
510
515
|
bookmarkLists: Re,
|
|
511
|
-
metadata:
|
|
512
|
-
sellerName:
|
|
516
|
+
metadata: w,
|
|
517
|
+
sellerName: A,
|
|
513
518
|
nameSlug: z,
|
|
514
|
-
onSelectCard:
|
|
519
|
+
onSelectCard: Ne = () => {
|
|
515
520
|
},
|
|
516
521
|
activeSalesPackages: F,
|
|
517
|
-
urgentText:
|
|
518
|
-
LinkComponent:
|
|
519
|
-
} = a, $e =
|
|
522
|
+
urgentText: ke = "Urgent",
|
|
523
|
+
LinkComponent: Y
|
|
524
|
+
} = a, $e = Y || "a", W = Xe(), Pe = () => {
|
|
520
525
|
var d;
|
|
521
|
-
if (!
|
|
522
|
-
const r =
|
|
523
|
-
key: `bookmark_pr__${
|
|
524
|
-
bookmarked:
|
|
526
|
+
if (!M(v)) return /* @__PURE__ */ e(O, {});
|
|
527
|
+
const r = v, o = (d = v == null ? void 0 : v.props) == null ? void 0 : d.children, s = te(o, {
|
|
528
|
+
key: `bookmark_pr__${q}`,
|
|
529
|
+
bookmarked: q,
|
|
525
530
|
productUuid: m,
|
|
526
531
|
onAddToBookmark: () => U(!0, m),
|
|
527
532
|
onRemoveFromBookmark: () => U(!1, m),
|
|
@@ -538,16 +543,16 @@ const Ae = N.a`
|
|
|
538
543
|
productBasicInfo: {
|
|
539
544
|
uuid: m,
|
|
540
545
|
price: P,
|
|
541
|
-
sellingPrice:
|
|
546
|
+
sellingPrice: _,
|
|
542
547
|
categoryCode: V,
|
|
543
548
|
categoryName: ue,
|
|
544
|
-
currency:
|
|
549
|
+
currency: R,
|
|
545
550
|
isNegotiable: S,
|
|
546
551
|
isFree: E
|
|
547
552
|
}
|
|
548
553
|
});
|
|
549
|
-
return
|
|
550
|
-
},
|
|
554
|
+
return te(r, void 0, s);
|
|
555
|
+
}, H = [
|
|
551
556
|
Ze,
|
|
552
557
|
Je,
|
|
553
558
|
er,
|
|
@@ -558,27 +563,27 @@ const Ae = N.a`
|
|
|
558
563
|
ir
|
|
559
564
|
].some(
|
|
560
565
|
(r) => V == null ? void 0 : V.includes(r)
|
|
561
|
-
), [Se,
|
|
562
|
-
|
|
566
|
+
), [Se, K] = oe(!1), Ee = () => {
|
|
567
|
+
K(!0);
|
|
563
568
|
}, Ve = () => {
|
|
564
|
-
|
|
565
|
-
}, c =
|
|
566
|
-
var d,
|
|
569
|
+
K(!1);
|
|
570
|
+
}, c = ne(null), u = ne([]), [ze, Q] = oe(i == null ? void 0 : i.length), Ie = () => {
|
|
571
|
+
var d, C, N;
|
|
567
572
|
if (!(c != null && c.current) || ((d = u == null ? void 0 : u.current) == null ? void 0 : d.length) === 0) return;
|
|
568
573
|
if (W) {
|
|
569
|
-
|
|
574
|
+
Q(i == null ? void 0 : i.length);
|
|
570
575
|
return;
|
|
571
576
|
}
|
|
572
|
-
const r = (
|
|
577
|
+
const r = (C = c == null ? void 0 : c.current) == null ? void 0 : C.offsetWidth;
|
|
573
578
|
let o = 0, s = 0;
|
|
574
579
|
for (let h = 0; h < (i == null ? void 0 : i.length); h++) {
|
|
575
|
-
const f = ((
|
|
580
|
+
const f = ((N = u == null ? void 0 : u.current[h]) == null ? void 0 : N.offsetWidth) || 0, g = o + f + 4;
|
|
576
581
|
if (g <= r)
|
|
577
582
|
o += g, s++;
|
|
578
583
|
else
|
|
579
584
|
break;
|
|
580
585
|
}
|
|
581
|
-
|
|
586
|
+
Q(s);
|
|
582
587
|
};
|
|
583
588
|
Fe(() => {
|
|
584
589
|
const r = c == null ? void 0 : c.current;
|
|
@@ -593,8 +598,8 @@ const Ae = N.a`
|
|
|
593
598
|
const Oe = () => {
|
|
594
599
|
var r;
|
|
595
600
|
return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = i == null ? void 0 : i.slice(0, ze)) == null ? void 0 : r.map((o, s) => {
|
|
596
|
-
var f, g,
|
|
597
|
-
const d = ((f = l == null ? void 0 : l[o == null ? void 0 : o.code]) == null ? void 0 : f.icon) ?? ((g = l == null ? void 0 : l.default) == null ? void 0 : g.icon) ?? "",
|
|
601
|
+
var f, g, J, ee, re;
|
|
602
|
+
const d = ((f = l == null ? void 0 : l[o == null ? void 0 : o.code]) == null ? void 0 : f.icon) ?? ((g = l == null ? void 0 : l.default) == null ? void 0 : g.icon) ?? "", C = ((J = o == null ? void 0 : o.measurementUnit) == null ? void 0 : J.symbol) ?? ((ee = l == null ? void 0 : l[o == null ? void 0 : o.code]) == null ? void 0 : ee.measure) ?? "", h = [(o == null ? void 0 : o.value) ?? ((re = o == null ? void 0 : o.multiOptions) == null ? void 0 : re[0]) ?? "", C].filter(Boolean).join(" ");
|
|
598
603
|
return /* @__PURE__ */ n(
|
|
599
604
|
I,
|
|
600
605
|
{
|
|
@@ -610,16 +615,16 @@ const Ae = N.a`
|
|
|
610
615
|
}) });
|
|
611
616
|
}, Ge = () => /* @__PURE__ */ e("div", { className: "tags-popover__content", children: i == null ? void 0 : i.map((r, o) => {
|
|
612
617
|
var h, f, g;
|
|
613
|
-
const s = ((h = r == null ? void 0 : r.measurementUnit) == null ? void 0 : h.symbol) ?? ((f = l == null ? void 0 : l[r == null ? void 0 : r.code]) == null ? void 0 : f.measure) ?? "",
|
|
618
|
+
const s = ((h = r == null ? void 0 : r.measurementUnit) == null ? void 0 : h.symbol) ?? ((f = l == null ? void 0 : l[r == null ? void 0 : r.code]) == null ? void 0 : f.measure) ?? "", C = [(r == null ? void 0 : r.value) ?? ((g = r == null ? void 0 : r.multiOptions) == null ? void 0 : g[0]) ?? "", s].filter(Boolean).join(" "), N = r == null ? void 0 : r.name;
|
|
614
619
|
return /* @__PURE__ */ n("div", { children: [
|
|
615
|
-
/* @__PURE__ */ e("span", { className: "tags-popover__name", children: `${
|
|
616
|
-
/* @__PURE__ */ e("span", { className: "tags-popover__value", children:
|
|
620
|
+
/* @__PURE__ */ e("span", { className: "tags-popover__name", children: `${N}: ` }),
|
|
621
|
+
/* @__PURE__ */ e("span", { className: "tags-popover__value", children: C })
|
|
617
622
|
] }, `detailed-products-section-tag-dropdown__${o + 1}`);
|
|
618
623
|
}) }), Be = () => /* @__PURE__ */ n(O, { children: [
|
|
619
|
-
|
|
624
|
+
T && /* @__PURE__ */ e(I, { className: "tag", children: T }, "detailed-products-section-tag__condition"),
|
|
620
625
|
B && /* @__PURE__ */ e(I, { className: "tag", children: B }, "detailed-products-section-tag__quantity"),
|
|
621
|
-
|
|
622
|
-
] }),
|
|
626
|
+
X && /* @__PURE__ */ e(I, { className: "tag", children: X }, "detailed-products-section-tag__trade")
|
|
627
|
+
] }), Z = P > 0 && R && S !== !0 && E !== !0 && P !== _;
|
|
623
628
|
return (
|
|
624
629
|
// <LandingPageProductCardSkeleton />
|
|
625
630
|
/* @__PURE__ */ n(
|
|
@@ -627,27 +632,28 @@ const Ae = N.a`
|
|
|
627
632
|
{
|
|
628
633
|
ref: c,
|
|
629
634
|
className: "product-card",
|
|
630
|
-
"data-accessor":
|
|
631
|
-
name:
|
|
632
|
-
onClick: (r) =>
|
|
635
|
+
"data-accessor": w == null ? void 0 : w.accessor,
|
|
636
|
+
name: w == null ? void 0 : w.name,
|
|
637
|
+
onClick: (r) => Ne(r, c),
|
|
633
638
|
as: $e,
|
|
634
|
-
...
|
|
639
|
+
...Y ? {
|
|
635
640
|
to: `/product/${se(z) ? `${z}-` : ""}${m}`
|
|
636
641
|
} : {
|
|
637
642
|
href: `/product/${se(z) ? `${z}-` : ""}${m}`
|
|
638
643
|
},
|
|
639
644
|
children: [
|
|
640
645
|
/* @__PURE__ */ n(Ye, { className: "product-image-wrapper", children: [
|
|
641
|
-
/* @__PURE__ */ e(
|
|
646
|
+
M(v) && /* @__PURE__ */ e(
|
|
642
647
|
"div",
|
|
643
648
|
{
|
|
649
|
+
className: "prevent-el",
|
|
644
650
|
onClick: (r) => {
|
|
645
651
|
r == null || r.preventDefault(), r == null || r.stopPropagation();
|
|
646
652
|
},
|
|
647
653
|
children: /* @__PURE__ */ e(Pe, {})
|
|
648
654
|
}
|
|
649
655
|
),
|
|
650
|
-
|
|
656
|
+
M(L) ? L : /* @__PURE__ */ e(xe, { src: de })
|
|
651
657
|
] }),
|
|
652
658
|
F && F.length > 0 && /* @__PURE__ */ e("div", { className: "campaign-badges", children: F.map((r, o) => {
|
|
653
659
|
var s, d;
|
|
@@ -659,13 +665,13 @@ const Ae = N.a`
|
|
|
659
665
|
(r == null ? void 0 : r.salesPackageCode) !== "Urgent" && /* @__PURE__ */ e(
|
|
660
666
|
qe,
|
|
661
667
|
{
|
|
662
|
-
icon:
|
|
668
|
+
icon: x == null ? void 0 : x[(d = r == null ? void 0 : r.salesPackageCode) == null ? void 0 : d.toUpperCase()],
|
|
663
669
|
sizeInUnits: "1rem"
|
|
664
670
|
}
|
|
665
671
|
),
|
|
666
672
|
(r == null ? void 0 : r.salesPackageCode) === "Urgent" && /* @__PURE__ */ n(O, { children: [
|
|
667
673
|
" ",
|
|
668
|
-
|
|
674
|
+
ke
|
|
669
675
|
] })
|
|
670
676
|
]
|
|
671
677
|
},
|
|
@@ -673,7 +679,7 @@ const Ae = N.a`
|
|
|
673
679
|
);
|
|
674
680
|
}) }),
|
|
675
681
|
/* @__PURE__ */ n("div", { className: "wrapper-card-1", children: [
|
|
676
|
-
/* @__PURE__ */ e("div", { className: "seller", title:
|
|
682
|
+
/* @__PURE__ */ e("div", { className: "seller", title: A, children: A }),
|
|
677
683
|
/* @__PURE__ */ e("div", { className: "card-title", children: ce })
|
|
678
684
|
] }),
|
|
679
685
|
/* @__PURE__ */ n(
|
|
@@ -684,7 +690,7 @@ const Ae = N.a`
|
|
|
684
690
|
r == null || r.preventDefault(), r == null || r.stopPropagation();
|
|
685
691
|
},
|
|
686
692
|
children: [
|
|
687
|
-
|
|
693
|
+
H && /* @__PURE__ */ e(
|
|
688
694
|
"div",
|
|
689
695
|
{
|
|
690
696
|
...W ? {} : {
|
|
@@ -697,14 +703,14 @@ const Ae = N.a`
|
|
|
697
703
|
] })
|
|
698
704
|
}
|
|
699
705
|
),
|
|
700
|
-
!
|
|
706
|
+
!H && Be()
|
|
701
707
|
]
|
|
702
708
|
}
|
|
703
709
|
),
|
|
704
710
|
/* @__PURE__ */ n("div", { className: "wrapper-card-2", children: [
|
|
705
|
-
/* @__PURE__ */ n("div", { className: `price-text ${
|
|
706
|
-
|
|
707
|
-
|
|
711
|
+
/* @__PURE__ */ n("div", { className: `price-text ${Z ? "new-price" : ""}`, children: [
|
|
712
|
+
_ > 0 && R && S !== !0 && E !== !0 && /* @__PURE__ */ e("div", { children: `${ie(_)} ${ae(R)}` }),
|
|
713
|
+
Z && /* @__PURE__ */ e("div", { className: `${_ > 0 ? "full-price" : ""}`, children: `${ie(P)} ${ae(R)}` }),
|
|
708
714
|
S && pe,
|
|
709
715
|
E && ge
|
|
710
716
|
] }),
|
|
@@ -715,8 +721,8 @@ const Ae = N.a`
|
|
|
715
721
|
}
|
|
716
722
|
)
|
|
717
723
|
);
|
|
718
|
-
}), ar =
|
|
719
|
-
@media (max-width: ${
|
|
724
|
+
}), ar = k(b)`
|
|
725
|
+
@media (max-width: ${j + "px"}) {
|
|
720
726
|
& > div {
|
|
721
727
|
&:nth-of-type(even) {
|
|
722
728
|
display: none;
|
|
@@ -726,7 +732,7 @@ const Ae = N.a`
|
|
|
726
732
|
`, sr = ({ keyPrefix: a }) => /* @__PURE__ */ n(ar, { children: [
|
|
727
733
|
/* @__PURE__ */ n(p, { gap: "0.5rem", children: [
|
|
728
734
|
/* @__PURE__ */ e(
|
|
729
|
-
|
|
735
|
+
y,
|
|
730
736
|
{
|
|
731
737
|
height: "100%",
|
|
732
738
|
width: "100%",
|
|
@@ -747,7 +753,7 @@ const Ae = N.a`
|
|
|
747
753
|
noGradient: !0,
|
|
748
754
|
children: [
|
|
749
755
|
/* @__PURE__ */ e(
|
|
750
|
-
|
|
756
|
+
y,
|
|
751
757
|
{
|
|
752
758
|
height: "100%",
|
|
753
759
|
width: "100%",
|
|
@@ -771,7 +777,7 @@ const Ae = N.a`
|
|
|
771
777
|
noGradient: !0,
|
|
772
778
|
children: [
|
|
773
779
|
/* @__PURE__ */ e(
|
|
774
|
-
|
|
780
|
+
y,
|
|
775
781
|
{
|
|
776
782
|
height: "100%",
|
|
777
783
|
width: "100%",
|
|
@@ -795,7 +801,7 @@ const Ae = N.a`
|
|
|
795
801
|
noGradient: !0,
|
|
796
802
|
children: [
|
|
797
803
|
/* @__PURE__ */ e(
|
|
798
|
-
|
|
804
|
+
y,
|
|
799
805
|
{
|
|
800
806
|
height: "100%",
|
|
801
807
|
width: "100%",
|
|
@@ -819,7 +825,7 @@ const Ae = N.a`
|
|
|
819
825
|
noGradient: !0,
|
|
820
826
|
children: [
|
|
821
827
|
/* @__PURE__ */ e(
|
|
822
|
-
|
|
828
|
+
y,
|
|
823
829
|
{
|
|
824
830
|
height: "100%",
|
|
825
831
|
width: "100%",
|
|
@@ -843,7 +849,7 @@ const Ae = N.a`
|
|
|
843
849
|
noGradient: !0,
|
|
844
850
|
children: [
|
|
845
851
|
/* @__PURE__ */ e(
|
|
846
|
-
|
|
852
|
+
y,
|
|
847
853
|
{
|
|
848
854
|
height: "100%",
|
|
849
855
|
width: "100%",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),m=require("react"),k=require("./emotion-styled.browser.esm-BtEseadx.cjs"),
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),m=require("react"),k=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=require("./consts-goSZX3xP.cjs"),a=require("./utils-RnrgDDZP.cjs"),Pe=require("./index-uwl7BjRF.cjs"),L=require("./Badge.cjs"),ye=require("./Popover.cjs"),Re=require("./PopoverTrigger.cjs"),_e=require("./PopoverContent.cjs"),Ne=require("./useDetectMobile-zkbzoOGV.cjs"),Le=require("./Icon.cjs"),n=require("./style-BAcV7F53.cjs"),$e=k.styled.a`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
gap: 0.5rem;
|
|
@@ -8,6 +8,11 @@
|
|
|
8
8
|
text-decoration: none;
|
|
9
9
|
color: var(--gray-950, #14161a);
|
|
10
10
|
position: relative;
|
|
11
|
+
|
|
12
|
+
& .prevent-el {
|
|
13
|
+
height: 0;
|
|
14
|
+
width: 0;
|
|
15
|
+
}
|
|
11
16
|
& .seller {
|
|
12
17
|
text-transform: uppercase;
|
|
13
18
|
${a.truncateText()}
|
|
@@ -158,7 +163,7 @@
|
|
|
158
163
|
padding-inline: 0.5rem;
|
|
159
164
|
}
|
|
160
165
|
|
|
161
|
-
@media (max-width: ${
|
|
166
|
+
@media (max-width: ${D.MOBILE_SIZE_PX+"px"}) {
|
|
162
167
|
overflow: visible;
|
|
163
168
|
|
|
164
169
|
& .wrapper-card-3 {
|
|
@@ -274,7 +279,7 @@
|
|
|
274
279
|
transition: var(--transition, all 0.3s ease);
|
|
275
280
|
}
|
|
276
281
|
|
|
277
|
-
@media (max-width: ${
|
|
282
|
+
@media (max-width: ${D.MOBILE_SIZE_PX+"px"}) {
|
|
278
283
|
& img {
|
|
279
284
|
width: 8.875rem;
|
|
280
285
|
height: 8.875rem;
|
|
@@ -351,12 +356,12 @@
|
|
|
351
356
|
font-size: 1rem;
|
|
352
357
|
color: var(--warning-500, #F59E0B);
|
|
353
358
|
}
|
|
354
|
-
`,Ie=m.forwardRef(({sponsoredText:i="Sponsored"},C)=>e.jsxs(qe,{ref:C,className:"sponsored-line",children:[e.jsx("i",{className:"mng-lnc-paw2"}),e.jsx("span",{children:i})]})),Oe="Vehicles_Cars",
|
|
355
|
-
@media (max-width: ${
|
|
359
|
+
`,Ie=m.forwardRef(({sponsoredText:i="Sponsored"},C)=>e.jsxs(qe,{ref:C,className:"sponsored-line",children:[e.jsx("i",{className:"mng-lnc-paw2"}),e.jsx("span",{children:i})]})),Oe="Vehicles_Cars",De="Vehicles_Motorcycles",Ve="Vehicles_Trucks",ze="Vehicles_AgriculturalMachines_Tractors",Be="Vehicles_ConstructionMachines",Fe="Vehicles_Bus",Ge="Vehicles_Campers",Ue="RealEstates_",l={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:""}},O={ADDDISCOUNT:" mng-lnc-percentage",URGENT:" mng-lnc-flash",FREEQUANTITY:" mng-lnc-3d-software",INCLUDEGIFTS:" mng-lnc-gift",FREESHIPPING:" mng-lnc-delivery--parcel"},Me=m.forwardRef((i,C)=>{const{uuid:h,sellerUuid:$,name:K,price:P=0,sellingPrice:x,currency:j,isNegotiable:y,isFree:R,imageUrl:Q,location:J,sponsored:ee,imageComponent:V,freeText:re="Free",negotiableText:ne="Negotiable",tags:t=[],categoryCode:_,categoryName:oe,condition:z,quantity:E,trade:B,sponsoredText:te,forCart:ie,forOrder:ae,contactSeller:se,hasVariants:le,hasQuantities:ce,status:de,onBookmark:W=()=>{},actionComponent:b,bookmarked:F,bookmarkLists:me,metadata:w,sellerName:G,nameSlug:N,onSelectCard:he=()=>{},activeSalesPackages:q,urgentText:ue="Urgent",LinkComponent:U}=i,ge=U||"a",I=Ne.useDetectMobile(),pe=()=>{var d;if(!a.isDefined(b))return e.jsx(e.Fragment,{});const r=b,o=(d=b==null?void 0:b.props)==null?void 0:d.children,s=m.cloneElement(o,{key:`bookmark_pr__${F}`,bookmarked:F,productUuid:h,onAddToBookmark:()=>W(!0,h),onRemoveFromBookmark:()=>W(!1,h),bookmarkedUuidList:me,sellerUuid:$,handleBookmarking:W,forCart:ie,forOrder:ae,contactSeller:se,hasVariants:le,status:de,quantity:E,hasQuantities:ce,productBasicInfo:{uuid:h,price:P,sellingPrice:x,categoryCode:_,categoryName:oe,currency:j,isNegotiable:y,isFree:R}});return m.cloneElement(r,void 0,s)},M=[Oe,De,Ve,ze,Be,Fe,Ge,Ue].some(r=>_==null?void 0:_.includes(r)),[fe,T]=m.useState(!1),be=()=>{T(!0)},we=()=>{T(!1)},c=m.useRef(null),p=m.useRef([]),[ve,X]=m.useState(t==null?void 0:t.length),xe=()=>{var d,v,S;if(!(c!=null&&c.current)||((d=p==null?void 0:p.current)==null?void 0:d.length)===0)return;if(I){X(t==null?void 0:t.length);return}const r=(v=c==null?void 0:c.current)==null?void 0:v.offsetWidth;let o=0,s=0;for(let u=0;u<(t==null?void 0:t.length);u++){const f=((S=p==null?void 0:p.current[u])==null?void 0:S.offsetWidth)||0,g=o+f+4;if(g<=r)o+=g,s++;else break}X(s)};m.useEffect(()=>{const r=c==null?void 0:c.current;if(!r)return;const o=new ResizeObserver(()=>{xe()});return o.observe(r),()=>{o.disconnect()}},[t,I]);const je=()=>{var r;return e.jsx("div",{className:"tags-popover__trigger",children:(r=t==null?void 0:t.slice(0,ve))==null?void 0:r.map((o,s)=>{var f,g,Y,Z,H;const d=((f=l==null?void 0:l[o==null?void 0:o.code])==null?void 0:f.icon)??((g=l==null?void 0:l.default)==null?void 0:g.icon)??"",v=((Y=o==null?void 0:o.measurementUnit)==null?void 0:Y.symbol)??((Z=l==null?void 0:l[o==null?void 0:o.code])==null?void 0:Z.measure)??"",u=[(o==null?void 0:o.value)??((H=o==null?void 0:o.multiOptions)==null?void 0:H[0])??"",v].filter(Boolean).join(" ");return e.jsxs(L,{ref:Ce=>p.current[s]=Ce,className:"tag",children:[e.jsx("i",{className:d}),u]},`detailed-products-section-tag__${s+1}`)})})},Se=()=>e.jsx("div",{className:"tags-popover__content",children:t==null?void 0:t.map((r,o)=>{var u,f,g;const s=((u=r==null?void 0:r.measurementUnit)==null?void 0:u.symbol)??((f=l==null?void 0:l[r==null?void 0:r.code])==null?void 0:f.measure)??"",v=[(r==null?void 0:r.value)??((g=r==null?void 0:r.multiOptions)==null?void 0:g[0])??"",s].filter(Boolean).join(" "),S=r==null?void 0:r.name;return e.jsxs("div",{children:[e.jsx("span",{className:"tags-popover__name",children:`${S}: `}),e.jsx("span",{className:"tags-popover__value",children:v})]},`detailed-products-section-tag-dropdown__${o+1}`)})}),ke=()=>e.jsxs(e.Fragment,{children:[z&&e.jsx(L,{className:"tag",children:z},"detailed-products-section-tag__condition"),E&&e.jsx(L,{className:"tag",children:E},"detailed-products-section-tag__quantity"),B&&e.jsx(L,{className:"tag",children:B},"detailed-products-section-tag__trade")]}),A=P>0&&j&&y!==!0&&R!==!0&&P!==x;return e.jsxs($e,{ref:c,className:"product-card","data-accessor":w==null?void 0:w.accessor,name:w==null?void 0:w.name,onClick:r=>he(r,c),as:ge,...U?{to:`/product/${a.isDefinedNotEmptyString(N)?`${N}-`:""}${h}`}:{href:`/product/${a.isDefinedNotEmptyString(N)?`${N}-`:""}${h}`},children:[e.jsxs(Ee,{className:"product-image-wrapper",children:[a.isDefined(b)&&e.jsx("div",{className:"prevent-el",onClick:r=>{r==null||r.preventDefault(),r==null||r.stopPropagation()},children:e.jsx(pe,{})}),a.isDefined(V)?V:e.jsx(Pe.ProductImageWrapper,{src:Q})]}),q&&q.length>0&&e.jsx("div",{className:"campaign-badges",children:q.map((r,o)=>{var s,d;return e.jsxs("div",{className:`campaign-badge campaign-badge-${(s=r==null?void 0:r.salesPackageCode)==null?void 0:s.toLowerCase()}`,children:[(r==null?void 0:r.salesPackageCode)!=="Urgent"&&e.jsx(Le,{icon:O==null?void 0:O[(d=r==null?void 0:r.salesPackageCode)==null?void 0:d.toUpperCase()],sizeInUnits:"1rem"}),(r==null?void 0:r.salesPackageCode)==="Urgent"&&e.jsxs(e.Fragment,{children:[" ",ue]})]},o)})}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"seller",title:G,children:G}),e.jsx("div",{className:"card-title",children:K})]}),e.jsxs("div",{className:"wrapper-card-3",onClick:r=>{r==null||r.preventDefault(),r==null||r.stopPropagation()},children:[M&&e.jsx("div",{...I?{}:{onMouseEnter:be,onMouseLeave:we},children:e.jsxs(ye,{placement:"bottom",open:fe,children:[e.jsx(Re,{children:je()}),e.jsx(_e,{style:{all:"unset"},children:e.jsx(We,{children:Se()})})]})}),!M&&ke()]}),e.jsxs("div",{className:"wrapper-card-2",children:[e.jsxs("div",{className:`price-text ${A?"new-price":""}`,children:[x>0&&j&&y!==!0&&R!==!0&&e.jsx("div",{children:`${a.formatPrice(x)} ${a.GetCurrencySymbol(j)}`}),A&&e.jsx("div",{className:`${x>0?"full-price":""}`,children:`${a.formatPrice(P)} ${a.GetCurrencySymbol(j)}`}),y&&ne,R&&re]}),e.jsx("div",{className:"location-text",children:J})]}),ee===!0&&e.jsx(Ie,{sponsoredText:te})]})}),Te=k.styled(n.SkeletonRowWrapper)`
|
|
360
|
+
@media (max-width: ${D.MOBILE_SIZE_PX+"px"}) {
|
|
356
361
|
& > div {
|
|
357
362
|
&:nth-of-type(even) {
|
|
358
363
|
display: none;
|
|
359
364
|
}
|
|
360
365
|
}
|
|
361
366
|
}
|
|
362
|
-
`,Xe=({keyPrefix:i})=>e.jsxs(Te,{children:[e.jsxs(
|
|
367
|
+
`,Xe=({keyPrefix:i})=>e.jsxs(Te,{children:[e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonColumnWrapper,{height:"1rem",children:e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"})}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonColumnWrapper,{height:"2rem",children:e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})})]},`${i}-1`),e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-2`),e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-3`),e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-4`),e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-5`),e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-6`)]}),Ae=({keyPrefix:i,isLoading:C=!1,fallbackComponent:h=e.jsx(e.Fragment,{}),children:$})=>e.jsx(m.Suspense,{fallbackComponent:h,children:C===!0?e.jsx(Xe,{keyPrefix:i}):$});exports.DetailedProductCard=Me;exports.SuspenseDetailedProductCard=Ae;
|