@lanaco/lnc-react-ui 4.0.193 → 4.0.195
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 +138 -64
- package/dist/DetailedProductsSection.cjs +2 -2
- package/dist/DetailedProductsSection.js +42 -40
- package/dist/UrgentSaleProductsSection.cjs +2 -2
- package/dist/UrgentSaleProductsSection.js +17 -15
- package/dist/{index-Lmz3An4A.cjs → index-CS4w87SW.cjs} +14 -14
- package/dist/{index-DqBXIFsQ.js → index-Csxc_5p0.js} +214 -211
- 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"),h=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"),f=require("./index-CS4w87SW.cjs"),Z=require("./index-CSNxZFTX.cjs"),l=require("./style-BAcV7F53.cjs"),H=h.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=h.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(f.DetailedProductCard),te=c.forwardRef((o,d)=>{const{title:n,icon:i,items:r,limit:b=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:F="label",optionValue:z="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,hasFreeShipping:e==null?void 0:e.hasFreeShipping},s)),[r]);return t.jsxs(H,{ref:d,limit:b,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:F,valueKey:z,codeKey:U,noMargin:!0,productsToolbarName:$,noGradient:!0,className:"section__options"})}),t.jsx(f.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 l, 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 s } from "./utils-Dc5zIpaz.js";
|
|
8
|
+
import { u as Y } from "./useDetectMobile-Bkvj0VMa.js";
|
|
9
|
+
import { D as x, S as ee } from "./index-Csxc_5p0.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__ */ l(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 }), se = 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: h = 4,
|
|
129
|
+
isLoading: d = !1,
|
|
130
|
+
onSelectCard: b = () => {
|
|
90
131
|
},
|
|
91
|
-
onLoadMore:
|
|
132
|
+
onLoadMore: S = () => {
|
|
92
133
|
},
|
|
93
|
-
onButtonAction:
|
|
134
|
+
onButtonAction: w = () => {
|
|
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: F = "All",
|
|
160
|
+
onSelectAllOptions: z = () => {
|
|
161
|
+
},
|
|
162
|
+
optionLabel: E = "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
|
+
se,
|
|
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: (le, K) => b({ 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,86 @@ 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,
|
|
205
|
+
hasFreeShipping: e == null ? void 0 : e.hasFreeShipping
|
|
150
206
|
},
|
|
151
|
-
|
|
152
|
-
)), [
|
|
153
|
-
return /* @__PURE__ */
|
|
154
|
-
/* @__PURE__ */
|
|
155
|
-
|
|
156
|
-
|
|
207
|
+
a
|
|
208
|
+
)), [r]);
|
|
209
|
+
return /* @__PURE__ */ l(ie, { ref: c, limit: h, children: [
|
|
210
|
+
/* @__PURE__ */ l("div", { className: "section__heading", children: [
|
|
211
|
+
s(i) && /* @__PURE__ */ l("div", { className: "section__title", children: [
|
|
212
|
+
s(n) && /* @__PURE__ */ o("i", { className: n }),
|
|
157
213
|
" ",
|
|
158
|
-
|
|
214
|
+
i
|
|
159
215
|
] }),
|
|
160
|
-
|
|
161
|
-
|
|
216
|
+
g && s(u) && s(p) && !d && /* @__PURE__ */ o(
|
|
217
|
+
J,
|
|
162
218
|
{
|
|
163
219
|
type: "button",
|
|
164
220
|
btnType: "tinted",
|
|
165
221
|
color: "neutral",
|
|
166
222
|
onClick: (e) => {
|
|
167
|
-
var
|
|
168
|
-
(
|
|
223
|
+
var a;
|
|
224
|
+
(a = e == null ? void 0 : e.target) == null || a.blur(), w(u);
|
|
169
225
|
},
|
|
170
226
|
borderRadius: "curved",
|
|
171
227
|
className: "section__view-all",
|
|
172
|
-
children:
|
|
228
|
+
children: p
|
|
173
229
|
}
|
|
174
230
|
)
|
|
175
231
|
] }),
|
|
176
|
-
/* @__PURE__ */
|
|
177
|
-
|
|
232
|
+
/* @__PURE__ */ o(ae, { isLoading: T, children: /* @__PURE__ */ o(
|
|
233
|
+
oe,
|
|
234
|
+
{
|
|
235
|
+
items: R,
|
|
236
|
+
selectedIds: $,
|
|
237
|
+
onRemove: A,
|
|
238
|
+
onSelect: I,
|
|
239
|
+
allButton: D,
|
|
240
|
+
onSelectAll: z,
|
|
241
|
+
labelKey: E,
|
|
242
|
+
valueKey: U,
|
|
243
|
+
codeKey: V,
|
|
244
|
+
noMargin: !0,
|
|
245
|
+
productsToolbarName: F,
|
|
246
|
+
noGradient: !0,
|
|
247
|
+
className: "section__options"
|
|
248
|
+
}
|
|
249
|
+
) }),
|
|
250
|
+
/* @__PURE__ */ o(
|
|
251
|
+
ee,
|
|
178
252
|
{
|
|
179
|
-
isLoading:
|
|
253
|
+
isLoading: d,
|
|
180
254
|
keyPrefix: "detailed-product-card-skeleton",
|
|
181
|
-
children: /* @__PURE__ */
|
|
255
|
+
children: /* @__PURE__ */ o("div", { className: "section__items", children: j })
|
|
182
256
|
}
|
|
183
257
|
),
|
|
184
|
-
!
|
|
185
|
-
|
|
258
|
+
!g && !d && P && /* @__PURE__ */ o(
|
|
259
|
+
H,
|
|
186
260
|
{
|
|
187
261
|
icon: y,
|
|
188
262
|
borderRadius: "curved",
|
|
189
263
|
btnType: "basic",
|
|
190
264
|
color: "neutral",
|
|
191
265
|
className: "section__show-more",
|
|
192
|
-
onClick:
|
|
266
|
+
onClick: S
|
|
193
267
|
}
|
|
194
268
|
)
|
|
195
269
|
] });
|
|
196
270
|
});
|
|
197
271
|
export {
|
|
198
|
-
|
|
272
|
+
_e as default
|
|
199
273
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const t=require("react/jsx-runtime"),c=require("react"),
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),c=require("react"),E=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-CS4w87SW.cjs"),_=require("./index-CSNxZFTX.cjs"),$=E.styled.div`
|
|
2
2
|
display: grid;
|
|
3
3
|
grid-template-columns: ${o=>`repeat(${o.limit}, minmax(0, 1fr))`};
|
|
4
4
|
gap: 1.25rem;
|
|
@@ -26,4 +26,4 @@
|
|
|
26
26
|
/* Safari and Chrome */
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
|
-
`,v=c.memo(w.DetailedProductCard),O=c.forwardRef((o,
|
|
29
|
+
`,v=c.memo(w.DetailedProductCard),O=c.forwardRef((o,F)=>{const{icon:u,title:D,buttonLink:d,items:i,buttonText:m,limit:n=4,onSelectCard:g=()=>{},onButtonAction:L=()=>{},isLoading:p=!1,getImage:b=()=>{},negotiableText:k,freeText:S,options:r,onSelectOption:h=()=>{},productsToolbarName:T="All",sponsoredText:y,onBookmark:C=()=>{},actionComponent:f,componentName:N,LinkComponent:P,urgentText:q}=o,j=I.useDetectMobile(),U=c.useMemo(()=>t.jsx(t.Fragment,{children:j===!0?i==null?void 0:i.map((e,a)=>t.jsx(v,{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,nameSlug:e==null?void 0:e.nameSlug,onSelectCard:(M,s)=>g({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),sellerName:e==null?void 0:e.sellerName,imageUrl:b(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:S,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,forCart:e==null?void 0:e.forCart,sponsoredText:y,onBookmark:C,actionComponent:f,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:N},LinkComponent:P,activeSalesPackages:e==null?void 0:e.activeSalesPackages,urgentText:q,hasFreeShipping:e==null?void 0:e.hasFreeShipping},a)):i==null?void 0:i.slice(0,n).map((e,a)=>t.jsx(v,{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)=>g({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),nameSlug:e==null?void 0:e.nameSlug,imageUrl:b(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:S,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,forCart:e==null?void 0:e.forCart,sponsoredText:y,onBookmark:C,actionComponent:f,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:N},sellerName:e==null?void 0:e.sellerName,LinkComponent:P,activeSalesPackages:e==null?void 0:e.activeSalesPackages,urgentText:q,hasFreeShipping:e==null?void 0:e.hasFreeShipping},a))}),[i,j,n]);return t.jsxs(Q.TitleWithOptionsSectionWrapper,{ref:F,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[l.isDefinedNotEmptyString(u)&&t.jsx("i",{className:u}),t.jsx("span",{children:D})]}),l.isDefinedNotEmptyString(d)&&l.isDefinedNotEmptyString(m)&&!p&&t.jsx(R,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var a;(a=e==null?void 0:e.target)==null||a.blur(),L(d)},borderRadius:"curved",className:"button-link",children:m})]}),(r==null?void 0:r.length)>0&&t.jsx(_.SelectBar,{items:r,onRemove:e=>{h(e)},onSelect:e=>{h(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:T}),t.jsx(w.SuspenseDetailedProductCard,{isLoading:p,keyPrefix:"detailed-products-skeleton",children:t.jsx($,{limit:n,children:U})})]})});module.exports=O;
|
|
@@ -6,11 +6,11 @@ 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-Csxc_5p0.js";
|
|
10
10
|
import { S as K } from "./index-BGiZlEQt.js";
|
|
11
11
|
const _ = O.div`
|
|
12
12
|
display: grid;
|
|
13
|
-
grid-template-columns: ${(
|
|
13
|
+
grid-template-columns: ${(r) => `repeat(${r.limit}, minmax(0, 1fr))`};
|
|
14
14
|
gap: 1.25rem;
|
|
15
15
|
|
|
16
16
|
& .button-link {
|
|
@@ -36,36 +36,36 @@ const _ = O.div`
|
|
|
36
36
|
/* Safari and Chrome */
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
|
-
`,
|
|
39
|
+
`, F = E(z), te = I((r, T) => {
|
|
40
40
|
const {
|
|
41
41
|
icon: c,
|
|
42
|
-
title:
|
|
42
|
+
title: L,
|
|
43
43
|
buttonLink: d,
|
|
44
44
|
items: t,
|
|
45
45
|
buttonText: u,
|
|
46
46
|
limit: n = 4,
|
|
47
|
-
onSelectCard:
|
|
47
|
+
onSelectCard: p = () => {
|
|
48
48
|
},
|
|
49
|
-
onButtonAction:
|
|
49
|
+
onButtonAction: U = () => {
|
|
50
50
|
},
|
|
51
|
-
isLoading:
|
|
51
|
+
isLoading: g = !1,
|
|
52
52
|
getImage: k = () => {
|
|
53
53
|
},
|
|
54
54
|
negotiableText: b,
|
|
55
|
-
freeText:
|
|
56
|
-
options:
|
|
57
|
-
onSelectOption:
|
|
55
|
+
freeText: S,
|
|
56
|
+
options: i,
|
|
57
|
+
onSelectOption: f = () => {
|
|
58
58
|
},
|
|
59
|
-
productsToolbarName:
|
|
60
|
-
sponsoredText:
|
|
61
|
-
onBookmark:
|
|
59
|
+
productsToolbarName: M = "All",
|
|
60
|
+
sponsoredText: h,
|
|
61
|
+
onBookmark: y = () => {
|
|
62
62
|
},
|
|
63
|
-
actionComponent:
|
|
63
|
+
actionComponent: C,
|
|
64
64
|
componentName: N,
|
|
65
65
|
LinkComponent: P,
|
|
66
66
|
urgentText: v
|
|
67
|
-
} =
|
|
68
|
-
|
|
67
|
+
} = r, w = $(), D = Q(() => /* @__PURE__ */ a(q, { children: w === !0 ? t == null ? void 0 : t.map((e, o) => /* @__PURE__ */ a(
|
|
68
|
+
F,
|
|
69
69
|
{
|
|
70
70
|
name: e == null ? void 0 : e.name,
|
|
71
71
|
price: e == null ? void 0 : e.price,
|
|
@@ -77,7 +77,7 @@ const _ = O.div`
|
|
|
77
77
|
sponsored: e == null ? void 0 : e.sponsored,
|
|
78
78
|
imageComponent: e == null ? void 0 : e.imageComponent,
|
|
79
79
|
nameSlug: e == null ? void 0 : e.nameSlug,
|
|
80
|
-
onSelectCard: (B, s) =>
|
|
80
|
+
onSelectCard: (B, s) => p({
|
|
81
81
|
uuid: e == null ? void 0 : e.uuid,
|
|
82
82
|
nameSlug: e == null ? void 0 : e.nameSlug,
|
|
83
83
|
cardRef: s
|
|
@@ -87,7 +87,7 @@ const _ = O.div`
|
|
|
87
87
|
isFree: e == null ? void 0 : e.isFree,
|
|
88
88
|
isNegotiable: e == null ? void 0 : e.isNegotiable,
|
|
89
89
|
negotiableText: b,
|
|
90
|
-
freeText:
|
|
90
|
+
freeText: S,
|
|
91
91
|
tags: e == null ? void 0 : e.tags,
|
|
92
92
|
categoryCode: e == null ? void 0 : e.categoryCode,
|
|
93
93
|
condition: e == null ? void 0 : e.condition,
|
|
@@ -96,19 +96,20 @@ const _ = O.div`
|
|
|
96
96
|
status: e == null ? void 0 : e.status,
|
|
97
97
|
trade: e == null ? void 0 : e.trade,
|
|
98
98
|
forCart: e == null ? void 0 : e.forCart,
|
|
99
|
-
sponsoredText:
|
|
100
|
-
onBookmark:
|
|
101
|
-
actionComponent:
|
|
99
|
+
sponsoredText: h,
|
|
100
|
+
onBookmark: y,
|
|
101
|
+
actionComponent: C,
|
|
102
102
|
bookmarked: e == null ? void 0 : e.bookmarked,
|
|
103
103
|
bookmarkLists: e == null ? void 0 : e.bookmarkLists,
|
|
104
104
|
metadata: { accessor: e == null ? void 0 : e.accessor, name: N },
|
|
105
105
|
LinkComponent: P,
|
|
106
106
|
activeSalesPackages: e == null ? void 0 : e.activeSalesPackages,
|
|
107
|
-
urgentText: v
|
|
107
|
+
urgentText: v,
|
|
108
|
+
hasFreeShipping: e == null ? void 0 : e.hasFreeShipping
|
|
108
109
|
},
|
|
109
110
|
o
|
|
110
111
|
)) : t == null ? void 0 : t.slice(0, n).map((e, o) => /* @__PURE__ */ a(
|
|
111
|
-
|
|
112
|
+
F,
|
|
112
113
|
{
|
|
113
114
|
name: e == null ? void 0 : e.name,
|
|
114
115
|
price: e == null ? void 0 : e.price,
|
|
@@ -120,7 +121,7 @@ const _ = O.div`
|
|
|
120
121
|
location: e == null ? void 0 : e.location,
|
|
121
122
|
sponsored: e == null ? void 0 : e.sponsored,
|
|
122
123
|
imageComponent: e == null ? void 0 : e.imageComponent,
|
|
123
|
-
onSelectCard: (B, s) =>
|
|
124
|
+
onSelectCard: (B, s) => p({
|
|
124
125
|
uuid: e == null ? void 0 : e.uuid,
|
|
125
126
|
nameSlug: e == null ? void 0 : e.nameSlug,
|
|
126
127
|
cardRef: s
|
|
@@ -130,7 +131,7 @@ const _ = O.div`
|
|
|
130
131
|
isFree: e == null ? void 0 : e.isFree,
|
|
131
132
|
isNegotiable: e == null ? void 0 : e.isNegotiable,
|
|
132
133
|
negotiableText: b,
|
|
133
|
-
freeText:
|
|
134
|
+
freeText: S,
|
|
134
135
|
tags: e == null ? void 0 : e.tags,
|
|
135
136
|
categoryCode: e == null ? void 0 : e.categoryCode,
|
|
136
137
|
condition: e == null ? void 0 : e.condition,
|
|
@@ -139,26 +140,27 @@ const _ = O.div`
|
|
|
139
140
|
status: e == null ? void 0 : e.status,
|
|
140
141
|
trade: e == null ? void 0 : e.trade,
|
|
141
142
|
forCart: e == null ? void 0 : e.forCart,
|
|
142
|
-
sponsoredText:
|
|
143
|
-
onBookmark:
|
|
144
|
-
actionComponent:
|
|
143
|
+
sponsoredText: h,
|
|
144
|
+
onBookmark: y,
|
|
145
|
+
actionComponent: C,
|
|
145
146
|
bookmarked: e == null ? void 0 : e.bookmarked,
|
|
146
147
|
bookmarkLists: e == null ? void 0 : e.bookmarkLists,
|
|
147
148
|
metadata: { accessor: e == null ? void 0 : e.accessor, name: N },
|
|
148
149
|
sellerName: e == null ? void 0 : e.sellerName,
|
|
149
150
|
LinkComponent: P,
|
|
150
151
|
activeSalesPackages: e == null ? void 0 : e.activeSalesPackages,
|
|
151
|
-
urgentText: v
|
|
152
|
+
urgentText: v,
|
|
153
|
+
hasFreeShipping: e == null ? void 0 : e.hasFreeShipping
|
|
152
154
|
},
|
|
153
155
|
o
|
|
154
156
|
)) }), [t, w, n]);
|
|
155
|
-
return /* @__PURE__ */ l(j, { ref:
|
|
157
|
+
return /* @__PURE__ */ l(j, { ref: T, children: [
|
|
156
158
|
/* @__PURE__ */ l("div", { className: "regular-title", children: [
|
|
157
159
|
/* @__PURE__ */ l("div", { className: "regular-title-text", children: [
|
|
158
160
|
m(c) && /* @__PURE__ */ a("i", { className: c }),
|
|
159
|
-
/* @__PURE__ */ a("span", { children:
|
|
161
|
+
/* @__PURE__ */ a("span", { children: L })
|
|
160
162
|
] }),
|
|
161
|
-
m(d) && m(u) && !
|
|
163
|
+
m(d) && m(u) && !g && /* @__PURE__ */ a(
|
|
162
164
|
W,
|
|
163
165
|
{
|
|
164
166
|
type: "button",
|
|
@@ -166,7 +168,7 @@ const _ = O.div`
|
|
|
166
168
|
color: "neutral",
|
|
167
169
|
onClick: (e) => {
|
|
168
170
|
var o;
|
|
169
|
-
(o = e == null ? void 0 : e.target) == null || o.blur(),
|
|
171
|
+
(o = e == null ? void 0 : e.target) == null || o.blur(), U(d);
|
|
170
172
|
},
|
|
171
173
|
borderRadius: "curved",
|
|
172
174
|
className: "button-link",
|
|
@@ -174,28 +176,28 @@ const _ = O.div`
|
|
|
174
176
|
}
|
|
175
177
|
)
|
|
176
178
|
] }),
|
|
177
|
-
(
|
|
179
|
+
(i == null ? void 0 : i.length) > 0 && /* @__PURE__ */ a(
|
|
178
180
|
K,
|
|
179
181
|
{
|
|
180
|
-
items:
|
|
182
|
+
items: i,
|
|
181
183
|
onRemove: (e) => {
|
|
182
|
-
|
|
184
|
+
f(e);
|
|
183
185
|
},
|
|
184
186
|
onSelect: (e) => {
|
|
185
|
-
|
|
187
|
+
f(e);
|
|
186
188
|
},
|
|
187
189
|
labelKey: "name",
|
|
188
190
|
valueKey: "code",
|
|
189
191
|
noMargin: !0,
|
|
190
|
-
productsToolbarName:
|
|
192
|
+
productsToolbarName: M
|
|
191
193
|
}
|
|
192
194
|
),
|
|
193
195
|
/* @__PURE__ */ a(
|
|
194
196
|
A,
|
|
195
197
|
{
|
|
196
|
-
isLoading:
|
|
198
|
+
isLoading: g,
|
|
197
199
|
keyPrefix: "detailed-products-skeleton",
|
|
198
|
-
children: /* @__PURE__ */ a(_, { limit: n, children:
|
|
200
|
+
children: /* @__PURE__ */ a(_, { limit: n, children: D })
|
|
199
201
|
}
|
|
200
202
|
)
|
|
201
203
|
] });
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const a=require("react/jsx-runtime"),s=require("react")
|
|
1
|
+
"use strict";const a=require("react/jsx-runtime"),s=require("react"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),$=require("./useDetectMobile-zkbzoOGV.cjs"),T=require("./Button.cjs"),P=require("./index-CS4w87SW.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))`};
|
|
@@ -71,4 +71,4 @@
|
|
|
71
71
|
display: flex;
|
|
72
72
|
flex-direction: column;
|
|
73
73
|
}
|
|
74
|
-
`,N=s.memo(P.DetailedProductCard),B=s.forwardRef((t,j)=>{const{items:r,limit:n=5,limitMobile:l=4,onSelectCard:u=()=>{},title:q="Urgent sale",showLessText:L="Show less",showMoreText:M="Show more",isLoading:g=!1,getImage:p=()=>{},negotiableText:
|
|
74
|
+
`,N=s.memo(P.DetailedProductCard),B=s.forwardRef((t,j)=>{const{items:r,limit:n=5,limitMobile:l=4,onSelectCard:u=()=>{},title:q="Urgent sale",showLessText:L="Show less",showMoreText:M="Show more",isLoading:g=!1,getImage:p=()=>{},negotiableText:h,freeText:f,onBookmark:b=()=>{},actionComponent:k,componentName:S,sponsoredText:C,LinkComponent:y}=t,d=$.useDetectMobile(),[o,U]=s.useState(!1),F=s.useMemo(()=>{var i;return a.jsx(a.Fragment,{children:d===!0?(i=r==null?void 0:r.slice(0,o===!0?r==null?void 0:r.length:l))==null?void 0:i.map((e,m)=>a.jsx(N,{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}),nameSlug:e==null?void 0:e.nameSlug,image:e==null?void 0:e.image,imageUrl:p(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:h,freeText:f,onBookmark:b,actionComponent:k,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{name:S,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,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,forCart:e==null?void 0:e.forCart,sponsoredText:C,LinkComponent:y,hasFreeShipping:e==null?void 0:e.hasFreeShipping},m)):r==null?void 0:r.slice(0,n).map((e,m)=>a.jsx(N,{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}),nameSlug:e==null?void 0:e.nameSlug,image:e==null?void 0:e.image,imageUrl:p(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:h,freeText:f,onBookmark:b,actionComponent:k,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{name:S,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,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,forCart:e==null?void 0:e.forCart,sponsoredText:C,sellerName:e==null?void 0:e.sellerName,LinkComponent:y,hasFreeShipping:e==null?void 0:e.hasFreeShipping},m))})},[r,d,n,l,o]);return a.jsx(P.SuspenseDetailedProductCard,{isLoading:g,keyPrefix:"urgent-sale-products-skeleton",children:a.jsxs(I,{ref:j,limit:n,children:[a.jsxs("div",{className:"urgent-tag",children:[a.jsx("i",{className:"mng mng-lnc-bolt-filled"}),a.jsx("span",{children:q})]})," ",F," ",d===!0&&l<(r==null?void 0:r.length)&&!g&&a.jsx(T,{className:"show-more",btnType:"basic",type:"button",color:"neutral",onClick:i=>{var e;(e=i==null?void 0:i.target)==null||e.blur(),U(!o)},children:o===!0?L:M})]})})});module.exports=B;
|