@lanaco/lnc-react-ui 4.0.218 → 4.0.219
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/BlogExploreSection.cjs +1 -1
- package/dist/BlogExploreSection.js +1 -1
- package/dist/DetailedProductsInfinitiveSection.cjs +1 -1
- package/dist/DetailedProductsInfinitiveSection.js +1 -1
- 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-rYUwBlpp.js → index-DDShXLaW.js} +29 -28
- package/dist/{index-BEgD9vNo.cjs → index-DZFKpq77.cjs} +9 -8
- package/package.json +1 -1
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
81
|
}
|
|
82
|
-
`,fe=x.forwardRef(({perPageOptions:o=[{code:10,name:"Show 10 items"},{code:25,name:"Show 25 items"},{code:50,name:"Show 50 items"}],perPage:u,handlePerPage:g=()=>{},page:a=1,handlePage:l=()=>{},totalPage:t},_)=>{var d,b;const f=()=>{a>1&&(l==null||l(a-1))},p=()=>{a<t&&(l==null||l(a+1))},h=(()=>{const r=[];if(t<=7)for(let i=1;i<=t;i++)r.push(i);else a<=3?r.push(1,2,3,"...",t):a>=t-2?r.push(1,"...",t-2,t-1,t):r.push(1,2,3,"...",t);return r==null?void 0:r.map((i,v)=>i==="..."?e.jsx("div",{className:"pagination__page ellipsis",children:i},`pagination-ellipsis__${v}`):e.jsx("div",{onClick:()=>l(i),className:`pagination__page ${a===i?"active":""}`,children:i},`pagination-page__${v}`))})();return e.jsxs(ue,{className:"pagination",children:[e.jsx(V,{color:"neutral",control:((d=o==null?void 0:o.find(r=>(r==null?void 0:r.code)===u))==null?void 0:d.name)||((b=o[0])==null?void 0:b.name),placement:"bottom",zIndex:1001,className:"pagination__per-page",children:o==null?void 0:o.map((r,i)=>e.jsx(W,{active:(r==null?void 0:r.code)===(u==null?void 0:u.code),className:"sort-by__item",onClick:()=>g(r),children:r==null?void 0:r.name},`blog-epxlore-section-per-page-option__${i+1}`))}),(h==null?void 0:h.length)>
|
|
82
|
+
`,fe=x.forwardRef(({perPageOptions:o=[{code:10,name:"Show 10 items"},{code:25,name:"Show 25 items"},{code:50,name:"Show 50 items"}],perPage:u,handlePerPage:g=()=>{},page:a=1,handlePage:l=()=>{},totalPage:t},_)=>{var d,b;const f=()=>{a>1&&(l==null||l(a-1))},p=()=>{a<t&&(l==null||l(a+1))},h=(()=>{const r=[];if(t<=7)for(let i=1;i<=t;i++)r.push(i);else a<=3?r.push(1,2,3,"...",t):a>=t-2?r.push(1,"...",t-2,t-1,t):r.push(1,2,3,"...",t);return r==null?void 0:r.map((i,v)=>i==="..."?e.jsx("div",{className:"pagination__page ellipsis",children:i},`pagination-ellipsis__${v}`):e.jsx("div",{onClick:()=>l(i),className:`pagination__page ${a===i?"active":""}`,children:i},`pagination-page__${v}`))})();return e.jsxs(ue,{className:"pagination",children:[e.jsx(V,{color:"neutral",control:((d=o==null?void 0:o.find(r=>(r==null?void 0:r.code)===u))==null?void 0:d.name)||((b=o[0])==null?void 0:b.name),placement:"bottom",zIndex:1001,className:"pagination__per-page",children:o==null?void 0:o.map((r,i)=>e.jsx(W,{active:(r==null?void 0:r.code)===(u==null?void 0:u.code),className:"sort-by__item",onClick:()=>g(r),children:r==null?void 0:r.name},`blog-epxlore-section-per-page-option__${i+1}`))}),(h==null?void 0:h.length)>1&&e.jsxs("div",{className:"pagination__pages",children:[e.jsx("div",{className:`pagination__page ${a===1?"disabled":""}`,onClick:f,children:e.jsx(S,{icon:" mng-lnc-chevron--left"})}),h,e.jsx("div",{className:`pagination__page ${a===t?"disabled":""}`,onClick:p,children:e.jsx(S,{icon:" mng-lnc-chevron--right"})})]})]})}),xe=F.styled.div`
|
|
83
83
|
display: flex;
|
|
84
84
|
align-items: flex-start;
|
|
85
85
|
gap: 2rem;
|
|
@@ -160,7 +160,7 @@ const be = E.div`
|
|
|
160
160
|
))
|
|
161
161
|
}
|
|
162
162
|
),
|
|
163
|
-
(f == null ? void 0 : f.length) >
|
|
163
|
+
(f == null ? void 0 : f.length) > 1 && /* @__PURE__ */ a("div", { className: "pagination__pages", children: [
|
|
164
164
|
/* @__PURE__ */ n(
|
|
165
165
|
"div",
|
|
166
166
|
{
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const t=require("react/jsx-runtime"),l=require("react"),K=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./breakpoints-CcVm-gVm.cjs"),Q=require("./IconButton.cjs"),G=require("./Button.cjs"),r=require("./utils-CITgSxXe.cjs"),H=require("./useDetectMobile-DYV6V1yw.cjs"),f=require("./index-
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),l=require("react"),K=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./breakpoints-CcVm-gVm.cjs"),Q=require("./IconButton.cjs"),G=require("./Button.cjs"),r=require("./utils-CITgSxXe.cjs"),H=require("./useDetectMobile-DYV6V1yw.cjs"),f=require("./index-DZFKpq77.cjs"),J=require("./index-vQOR22Py.cjs"),W=require("./index-oYE1Pl7q.cjs"),X=K.styled.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
gap: 1.5rem;
|
|
@@ -6,7 +6,7 @@ import H from "./IconButton.js";
|
|
|
6
6
|
import J from "./Button.js";
|
|
7
7
|
import { l as n } from "./utils-B2fsQ6PS.js";
|
|
8
8
|
import { u as W } from "./useDetectMobile-CcVo3PNi.js";
|
|
9
|
-
import { D as X, S as Y } from "./index-
|
|
9
|
+
import { D as X, S as Y } from "./index-DDShXLaW.js";
|
|
10
10
|
import { S as Z } from "./index-BzSWu-7v.js";
|
|
11
11
|
import { S as x } from "./index-4wvppFLx.js";
|
|
12
12
|
const ee = G.div`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const t=require("react/jsx-runtime"),c=require("react"),K=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./breakpoints-CcVm-gVm.cjs"),W=require("./Button.cjs"),l=require("./utils-CITgSxXe.cjs"),z=require("./useDetectMobile-DYV6V1yw.cjs"),G=require("./style-DC05rdyx.cjs"),P=require("./index-
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),c=require("react"),K=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./breakpoints-CcVm-gVm.cjs"),W=require("./Button.cjs"),l=require("./utils-CITgSxXe.cjs"),z=require("./useDetectMobile-DYV6V1yw.cjs"),G=require("./style-DC05rdyx.cjs"),P=require("./index-DZFKpq77.cjs"),V=require("./index-vQOR22Py.cjs"),H=require("./index-oYE1Pl7q.cjs"),J=K.styled.div`
|
|
2
2
|
display: grid;
|
|
3
3
|
grid-template-columns: ${n=>`repeat(${n.limit}, minmax(0, 1fr))`};
|
|
4
4
|
gap: 1.25rem;
|
|
@@ -6,7 +6,7 @@ import V from "./Button.js";
|
|
|
6
6
|
import { l as c } from "./utils-B2fsQ6PS.js";
|
|
7
7
|
import { u as H } from "./useDetectMobile-CcVo3PNi.js";
|
|
8
8
|
import { T as J } from "./style-BUyFad_y.js";
|
|
9
|
-
import { D as X, S as Y } from "./index-
|
|
9
|
+
import { D as X, S as Y } from "./index-DDShXLaW.js";
|
|
10
10
|
import { S as Z } from "./index-BzSWu-7v.js";
|
|
11
11
|
import { S as x } from "./index-4wvppFLx.js";
|
|
12
12
|
const ee = G.div`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const a=require("react/jsx-runtime"),s=require("react"),L=require("./emotion-styled.browser.esm-BtEseadx.cjs"),u=require("./breakpoints-CcVm-gVm.cjs"),T=require("./useDetectMobile-DYV6V1yw.cjs"),D=require("./Button.cjs"),j=require("./index-
|
|
1
|
+
"use strict";const a=require("react/jsx-runtime"),s=require("react"),L=require("./emotion-styled.browser.esm-BtEseadx.cjs"),u=require("./breakpoints-CcVm-gVm.cjs"),T=require("./useDetectMobile-DYV6V1yw.cjs"),D=require("./Button.cjs"),j=require("./index-DZFKpq77.cjs"),Q=L.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 z } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
|
4
4
|
import { d as c } from "./breakpoints-ff0SIcV3.js";
|
|
5
5
|
import { u as A } from "./useDetectMobile-CcVo3PNi.js";
|
|
6
6
|
import B from "./Button.js";
|
|
7
|
-
import { D as G, S as R } from "./index-
|
|
7
|
+
import { D as G, S as R } from "./index-DDShXLaW.js";
|
|
8
8
|
const I = z.div`
|
|
9
9
|
padding: 1.75rem 3rem;
|
|
10
10
|
display: grid;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { jsxs as n, jsx as e, Fragment as
|
|
1
|
+
import { jsxs as n, jsx as e, Fragment as U } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as ce, useState as ne, useRef as ie, useEffect as Me, cloneElement as te, Suspense as Le } from "react";
|
|
3
3
|
import { s as S } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
4
|
import { d as L } from "./breakpoints-ff0SIcV3.js";
|
|
5
|
-
import { t as
|
|
5
|
+
import { t as I, n as xe, b as Te, m as M, p as ae, G as se, l as le } from "./utils-B2fsQ6PS.js";
|
|
6
6
|
import { P as qe } from "./index-BvMY2TbK.js";
|
|
7
|
-
import
|
|
7
|
+
import O from "./Badge.js";
|
|
8
8
|
import Ae from "./Popover.js";
|
|
9
9
|
import Xe from "./PopoverTrigger.js";
|
|
10
10
|
import Ye from "./PopoverContent.js";
|
|
@@ -28,7 +28,7 @@ const Ke = S.a`
|
|
|
28
28
|
}
|
|
29
29
|
& .seller {
|
|
30
30
|
text-transform: uppercase;
|
|
31
|
-
${
|
|
31
|
+
${I()}
|
|
32
32
|
color: var(--gray-500);
|
|
33
33
|
font-size: 0.625rem;
|
|
34
34
|
font-weight: 400;
|
|
@@ -87,7 +87,7 @@ const Ke = S.a`
|
|
|
87
87
|
& .price-text {
|
|
88
88
|
font-size: 1rem;
|
|
89
89
|
font-weight: 600;
|
|
90
|
-
${
|
|
90
|
+
${I()}
|
|
91
91
|
display: flex;
|
|
92
92
|
align-items: end;
|
|
93
93
|
gap: 0.5rem;
|
|
@@ -103,6 +103,7 @@ const Ke = S.a`
|
|
|
103
103
|
font-weight: 400;
|
|
104
104
|
padding-bottom: 0.125rem;
|
|
105
105
|
color: var(--gray-600, #676e79);
|
|
106
|
+
${I()}
|
|
106
107
|
}
|
|
107
108
|
}
|
|
108
109
|
|
|
@@ -110,7 +111,7 @@ const Ke = S.a`
|
|
|
110
111
|
font-size: 0.75rem;
|
|
111
112
|
font-weight: 400;
|
|
112
113
|
color: var(--gray-600, #676e79);
|
|
113
|
-
${
|
|
114
|
+
${I()}
|
|
114
115
|
}
|
|
115
116
|
|
|
116
117
|
& .tags-wrapper {
|
|
@@ -482,7 +483,7 @@ const Ke = S.a`
|
|
|
482
483
|
}, kr = ce((a, P) => {
|
|
483
484
|
const {
|
|
484
485
|
uuid: m,
|
|
485
|
-
sellerUuid:
|
|
486
|
+
sellerUuid: B,
|
|
486
487
|
name: me,
|
|
487
488
|
price: E = 0,
|
|
488
489
|
sellingPrice: R,
|
|
@@ -499,7 +500,7 @@ const Ke = S.a`
|
|
|
499
500
|
categoryCode: V,
|
|
500
501
|
categoryName: be,
|
|
501
502
|
condition: T,
|
|
502
|
-
quantity:
|
|
503
|
+
quantity: W,
|
|
503
504
|
trade: q,
|
|
504
505
|
sponsoredText: ve,
|
|
505
506
|
forCart: we,
|
|
@@ -508,7 +509,7 @@ const Ke = S.a`
|
|
|
508
509
|
hasVariants: _e,
|
|
509
510
|
hasQuantities: Ne,
|
|
510
511
|
status: Re,
|
|
511
|
-
onBookmark:
|
|
512
|
+
onBookmark: D = () => {
|
|
512
513
|
},
|
|
513
514
|
actionComponent: w,
|
|
514
515
|
bookmarked: A,
|
|
@@ -522,24 +523,24 @@ const Ke = S.a`
|
|
|
522
523
|
urgentText: Se = "Urgent",
|
|
523
524
|
LinkComponent: Y,
|
|
524
525
|
hasFreeShipping: Pe
|
|
525
|
-
} = a, Ee = Y || "a",
|
|
526
|
+
} = a, Ee = Y || "a", j = He(), Fe = () => {
|
|
526
527
|
var c;
|
|
527
|
-
if (!M(w)) return /* @__PURE__ */ e(
|
|
528
|
+
if (!M(w)) return /* @__PURE__ */ e(U, {});
|
|
528
529
|
const r = w, o = (c = w == null ? void 0 : w.props) == null ? void 0 : c.children, s = te(o, {
|
|
529
530
|
key: `bookmark_pr__${A}`,
|
|
530
531
|
bookmarked: A,
|
|
531
532
|
productUuid: m,
|
|
532
|
-
onAddToBookmark: () =>
|
|
533
|
-
onRemoveFromBookmark: () =>
|
|
533
|
+
onAddToBookmark: () => D(!0, m),
|
|
534
|
+
onRemoveFromBookmark: () => D(!1, m),
|
|
534
535
|
bookmarkedUuidList: ke,
|
|
535
|
-
sellerUuid:
|
|
536
|
-
handleBookmarking:
|
|
536
|
+
sellerUuid: B,
|
|
537
|
+
handleBookmarking: D,
|
|
537
538
|
forCart: we,
|
|
538
539
|
forOrder: Ce,
|
|
539
540
|
contactSeller: ye,
|
|
540
541
|
hasVariants: _e,
|
|
541
542
|
status: Re,
|
|
542
|
-
quantity:
|
|
543
|
+
quantity: W,
|
|
543
544
|
hasQuantities: Ne,
|
|
544
545
|
productBasicInfo: {
|
|
545
546
|
uuid: m,
|
|
@@ -571,7 +572,7 @@ const Ke = S.a`
|
|
|
571
572
|
}, d = ie(null), f = ie([]), [Ie, Q] = ne(t == null ? void 0 : t.length), Oe = () => {
|
|
572
573
|
var c, y, $;
|
|
573
574
|
if (!(d != null && d.current) || ((c = f == null ? void 0 : f.current) == null ? void 0 : c.length) === 0) return;
|
|
574
|
-
if (
|
|
575
|
+
if (j) {
|
|
575
576
|
Q(t == null ? void 0 : t.length);
|
|
576
577
|
return;
|
|
577
578
|
}
|
|
@@ -595,14 +596,14 @@ const Ke = S.a`
|
|
|
595
596
|
return o.observe(r), () => {
|
|
596
597
|
o.disconnect();
|
|
597
598
|
};
|
|
598
|
-
}, [t,
|
|
599
|
+
}, [t, j]);
|
|
599
600
|
const Ue = () => {
|
|
600
601
|
var r;
|
|
601
602
|
return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = t == null ? void 0 : t.slice(0, Ie)) == null ? void 0 : r.map((o, s) => {
|
|
602
603
|
var b, p, ee, re, oe;
|
|
603
604
|
const c = ((b = l == null ? void 0 : l[o == null ? void 0 : o.code]) == null ? void 0 : b.icon) ?? ((p = l == null ? void 0 : l.default) == null ? void 0 : p.icon) ?? "", y = ((ee = o == null ? void 0 : o.measurementUnit) == null ? void 0 : ee.symbol) ?? ((re = l == null ? void 0 : l[o == null ? void 0 : o.code]) == null ? void 0 : re.measure) ?? "", g = [(o == null ? void 0 : o.value) ?? ((oe = o == null ? void 0 : o.multiOptions) == null ? void 0 : oe[0]) ?? "", y].filter(Boolean).join(" ");
|
|
604
605
|
return /* @__PURE__ */ n(
|
|
605
|
-
|
|
606
|
+
O,
|
|
606
607
|
{
|
|
607
608
|
ref: (je) => f.current[s] = je,
|
|
608
609
|
className: "tag",
|
|
@@ -621,10 +622,10 @@ const Ke = S.a`
|
|
|
621
622
|
/* @__PURE__ */ e("span", { className: "tags-popover__name", children: `${$}: ` }),
|
|
622
623
|
/* @__PURE__ */ e("span", { className: "tags-popover__value", children: y })
|
|
623
624
|
] }, `detailed-products-section-tag-dropdown__${o + 1}`);
|
|
624
|
-
}) }), We = () => /* @__PURE__ */ n(
|
|
625
|
-
T && /* @__PURE__ */ e(
|
|
626
|
-
|
|
627
|
-
q && /* @__PURE__ */ e(
|
|
625
|
+
}) }), We = () => /* @__PURE__ */ n(U, { children: [
|
|
626
|
+
T && /* @__PURE__ */ e(O, { className: "tag", children: T }, "detailed-products-section-tag__condition"),
|
|
627
|
+
W && /* @__PURE__ */ e(O, { className: "tag", children: W }, "detailed-products-section-tag__quantity"),
|
|
628
|
+
q && /* @__PURE__ */ e(O, { className: "tag", children: q }, "detailed-products-section-tag__trade")
|
|
628
629
|
] }), J = E > 0 && k && F !== !0 && z !== !0 && E !== R, De = h == null ? void 0 : h.some(
|
|
629
630
|
(r) => (r == null ? void 0 : r.salesPackageCode) === "FreeShipping"
|
|
630
631
|
), Z = Pe === !0 && !De;
|
|
@@ -674,7 +675,7 @@ const Ke = S.a`
|
|
|
674
675
|
sizeInUnits: "1rem"
|
|
675
676
|
}
|
|
676
677
|
),
|
|
677
|
-
(r == null ? void 0 : r.salesPackageCode) === "Urgent" && /* @__PURE__ */ e(
|
|
678
|
+
(r == null ? void 0 : r.salesPackageCode) === "Urgent" && /* @__PURE__ */ e(U, { children: Se })
|
|
678
679
|
]
|
|
679
680
|
},
|
|
680
681
|
o
|
|
@@ -696,7 +697,7 @@ const Ke = S.a`
|
|
|
696
697
|
H && /* @__PURE__ */ e(
|
|
697
698
|
"div",
|
|
698
699
|
{
|
|
699
|
-
...
|
|
700
|
+
...j ? {} : {
|
|
700
701
|
onMouseEnter: Ve,
|
|
701
702
|
onMouseLeave: Ge
|
|
702
703
|
},
|
|
@@ -872,9 +873,9 @@ const Ke = S.a`
|
|
|
872
873
|
] }), $r = ({
|
|
873
874
|
keyPrefix: a,
|
|
874
875
|
isLoading: P = !1,
|
|
875
|
-
fallbackComponent: m = /* @__PURE__ */ e(
|
|
876
|
-
children:
|
|
877
|
-
}) => /* @__PURE__ */ e(Le, { fallbackComponent: m, children: P === !0 ? /* @__PURE__ */ e(cr, { keyPrefix: a }) :
|
|
876
|
+
fallbackComponent: m = /* @__PURE__ */ e(U, {}),
|
|
877
|
+
children: B
|
|
878
|
+
}) => /* @__PURE__ */ e(Le, { fallbackComponent: m, children: P === !0 ? /* @__PURE__ */ e(cr, { keyPrefix: a }) : B });
|
|
878
879
|
export {
|
|
879
880
|
kr as D,
|
|
880
881
|
$r as S
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),m=require("react"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=require("./breakpoints-CcVm-gVm.cjs"),
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),m=require("react"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=require("./breakpoints-CcVm-gVm.cjs"),i=require("./utils-CITgSxXe.cjs"),Ne=require("./index-DsINTjQk.cjs"),W=require("./Badge.cjs"),$e=require("./Popover.cjs"),Le=require("./PopoverTrigger.cjs"),We=require("./PopoverContent.cjs"),Ee=require("./useDetectMobile-DYV6V1yw.cjs"),J=require("./Icon.cjs"),n=require("./style-BAcV7F53.cjs"),Fe=y.styled.a`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
gap: 0.5rem;
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
}
|
|
16
16
|
& .seller {
|
|
17
17
|
text-transform: uppercase;
|
|
18
|
-
${
|
|
18
|
+
${i.truncateText()}
|
|
19
19
|
color: var(--gray-500);
|
|
20
20
|
font-size: 0.625rem;
|
|
21
21
|
font-weight: 400;
|
|
@@ -68,13 +68,13 @@
|
|
|
68
68
|
& .card-title {
|
|
69
69
|
font-size: 0.875rem;
|
|
70
70
|
font-weight: 600;
|
|
71
|
-
${
|
|
71
|
+
${i.truncateTextInRows(2)}
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
& .price-text {
|
|
75
75
|
font-size: 1rem;
|
|
76
76
|
font-weight: 600;
|
|
77
|
-
${
|
|
77
|
+
${i.truncateText()}
|
|
78
78
|
display: flex;
|
|
79
79
|
align-items: end;
|
|
80
80
|
gap: 0.5rem;
|
|
@@ -90,6 +90,7 @@
|
|
|
90
90
|
font-weight: 400;
|
|
91
91
|
padding-bottom: 0.125rem;
|
|
92
92
|
color: var(--gray-600, #676e79);
|
|
93
|
+
${i.truncateText()}
|
|
93
94
|
}
|
|
94
95
|
}
|
|
95
96
|
|
|
@@ -97,7 +98,7 @@
|
|
|
97
98
|
font-size: 0.75rem;
|
|
98
99
|
font-weight: 400;
|
|
99
100
|
color: var(--gray-600, #676e79);
|
|
100
|
-
${
|
|
101
|
+
${i.truncateText()}
|
|
101
102
|
}
|
|
102
103
|
|
|
103
104
|
& .tags-wrapper {
|
|
@@ -247,7 +248,7 @@
|
|
|
247
248
|
|
|
248
249
|
width: 2.25rem;
|
|
249
250
|
height: 2.25rem;
|
|
250
|
-
border-radius: ${i
|
|
251
|
+
border-radius: ${s=>i.getBorderRadiusValueWithUnits(s.theme,"curved")};
|
|
251
252
|
border: 1px solid var(--gray-95008);
|
|
252
253
|
background-color: white;
|
|
253
254
|
color: var(--gray-950);
|
|
@@ -356,7 +357,7 @@
|
|
|
356
357
|
font-size: 1rem;
|
|
357
358
|
color: var(--warning-500, #F59E0B);
|
|
358
359
|
}
|
|
359
|
-
`,Ve=m.forwardRef(({sponsoredText:
|
|
360
|
+
`,Ve=m.forwardRef(({sponsoredText:s="Sponsored"},P)=>e.jsxs(De,{ref:P,className:"sponsored-line",children:[e.jsx("i",{className:"mng-lnc-paw2"}),e.jsx("span",{children:s})]})),Ge="Vehicles_Cars",Ie="Vehicles_Motorcycles",Oe="Vehicles_Trucks",Ue="Vehicles_AgriculturalMachines_Tractors",Be="Vehicles_ConstructionMachines",Me="Vehicles_Bus",Te="Vehicles_Campers",Ae="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:""}},x={ADDDISCOUNT:" mng-lnc-percentage",URGENT:" mng-lnc-flash",FREEQUANTITY:" mng-lnc-3d-software",INCLUDEGIFTS:" mng-lnc-gift",FREESHIPPING:" mng-lnc-delivery--parcel"},Xe=m.forwardRef((s,P)=>{const{uuid:h,sellerUuid:E,name:Z,price:R=0,sellingPrice:S,currency:k,isNegotiable:_,isFree:N,imageUrl:ee,location:re,sponsored:ne,imageComponent:V,freeText:oe="Free",negotiableText:te="Negotiable",tags:t=[],categoryCode:$,categoryName:ie,condition:G,quantity:F,trade:I,sponsoredText:se,forCart:ae,forOrder:le,contactSeller:ce,hasVariants:de,hasQuantities:me,status:he,onBookmark:q=()=>{},actionComponent:w,bookmarked:O,bookmarkLists:ue,metadata:v,sellerName:U,nameSlug:L,onSelectCard:pe=()=>{},activeSalesPackages:u,urgentText:ge="Urgent",LinkComponent:B,hasFreeShipping:fe}=s,be=B||"a",z=Ee.useDetectMobile(),we=()=>{var d;if(!i.isDefined(w))return e.jsx(e.Fragment,{});const r=w,o=(d=w==null?void 0:w.props)==null?void 0:d.children,a=m.cloneElement(o,{key:`bookmark_pr__${O}`,bookmarked:O,productUuid:h,onAddToBookmark:()=>q(!0,h),onRemoveFromBookmark:()=>q(!1,h),bookmarkedUuidList:ue,sellerUuid:E,handleBookmarking:q,forCart:ae,forOrder:le,contactSeller:ce,hasVariants:de,status:he,quantity:F,hasQuantities:me,productBasicInfo:{uuid:h,price:R,sellingPrice:S,categoryCode:$,categoryName:ie,currency:k,isNegotiable:_,isFree:N}});return m.cloneElement(r,void 0,a)},M=[Ge,Ie,Oe,Ue,Be,Me,Te,Ae].some(r=>$==null?void 0:$.includes(r)),[ve,T]=m.useState(!1),je=()=>{T(!0)},xe=()=>{T(!1)},c=m.useRef(null),f=m.useRef([]),[Se,A]=m.useState(t==null?void 0:t.length),ke=()=>{var d,j,C;if(!(c!=null&&c.current)||((d=f==null?void 0:f.current)==null?void 0:d.length)===0)return;if(z){A(t==null?void 0:t.length);return}const r=(j=c==null?void 0:c.current)==null?void 0:j.offsetWidth;let o=0,a=0;for(let p=0;p<(t==null?void 0:t.length);p++){const b=((C=f==null?void 0:f.current[p])==null?void 0:C.offsetWidth)||0,g=o+b+4;if(g<=r)o+=g,a++;else break}A(a)};m.useEffect(()=>{const r=c==null?void 0:c.current;if(!r)return;const o=new ResizeObserver(()=>{ke()});return o.observe(r),()=>{o.disconnect()}},[t,z]);const Ce=()=>{var r;return e.jsx("div",{className:"tags-popover__trigger",children:(r=t==null?void 0:t.slice(0,Se))==null?void 0:r.map((o,a)=>{var b,g,H,K,Q;const d=((b=l==null?void 0:l[o==null?void 0:o.code])==null?void 0:b.icon)??((g=l==null?void 0:l.default)==null?void 0:g.icon)??"",j=((H=o==null?void 0:o.measurementUnit)==null?void 0:H.symbol)??((K=l==null?void 0:l[o==null?void 0:o.code])==null?void 0:K.measure)??"",p=[(o==null?void 0:o.value)??((Q=o==null?void 0:o.multiOptions)==null?void 0:Q[0])??"",j].filter(Boolean).join(" ");return e.jsxs(W,{ref:_e=>f.current[a]=_e,className:"tag",children:[e.jsx("i",{className:d}),p]},`detailed-products-section-tag__${a+1}`)})})},ye=()=>e.jsx("div",{className:"tags-popover__content",children:t==null?void 0:t.map((r,o)=>{var p,b,g;const a=((p=r==null?void 0:r.measurementUnit)==null?void 0:p.symbol)??((b=l==null?void 0:l[r==null?void 0:r.code])==null?void 0:b.measure)??"",j=[(r==null?void 0:r.value)??((g=r==null?void 0:r.multiOptions)==null?void 0:g[0])??"",a].filter(Boolean).join(" "),C=r==null?void 0:r.name;return e.jsxs("div",{children:[e.jsx("span",{className:"tags-popover__name",children:`${C}: `}),e.jsx("span",{className:"tags-popover__value",children:j})]},`detailed-products-section-tag-dropdown__${o+1}`)})}),Pe=()=>e.jsxs(e.Fragment,{children:[G&&e.jsx(W,{className:"tag",children:G},"detailed-products-section-tag__condition"),F&&e.jsx(W,{className:"tag",children:F},"detailed-products-section-tag__quantity"),I&&e.jsx(W,{className:"tag",children:I},"detailed-products-section-tag__trade")]}),X=R>0&&k&&_!==!0&&N!==!0&&R!==S,Re=u==null?void 0:u.some(r=>(r==null?void 0:r.salesPackageCode)==="FreeShipping"),Y=fe===!0&&!Re;return e.jsxs(Fe,{ref:c,className:"product-card","data-accessor":v==null?void 0:v.accessor,name:v==null?void 0:v.name,onClick:r=>pe(r,c),as:be,...B?{to:`/product/${i.isDefinedNotEmptyString(L)?`${L}-`:""}${h}`}:{href:`/product/${i.isDefinedNotEmptyString(L)?`${L}-`:""}${h}`},children:[e.jsxs(qe,{className:"product-image-wrapper",children:[i.isDefined(w)&&e.jsx("div",{className:"prevent-el",onClick:r=>{r==null||r.preventDefault(),r==null||r.stopPropagation()},children:e.jsx(we,{})}),i.isDefined(V)?V:e.jsx(Ne.ProductImageWrapper,{src:ee})]}),(Y||u&&u.length>0)&&e.jsxs("div",{className:"campaign-badges",children:[Y&&e.jsx("div",{className:"campaign-badge campaign-badge-freeshipping",children:e.jsx(J,{icon:x==null?void 0:x.FREESHIPPING,sizeInUnits:"1rem"})}),u==null?void 0:u.map((r,o)=>{var a,d;return e.jsxs("div",{className:`campaign-badge campaign-badge-${(a=r==null?void 0:r.salesPackageCode)==null?void 0:a.toLowerCase()}`,children:[(r==null?void 0:r.salesPackageCode)!=="Urgent"&&e.jsx(J,{icon:x==null?void 0:x[(d=r==null?void 0:r.salesPackageCode)==null?void 0:d.toUpperCase()],sizeInUnits:"1rem"}),(r==null?void 0:r.salesPackageCode)==="Urgent"&&e.jsx(e.Fragment,{children:ge})]},o)})]}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"seller",title:U,children:U}),e.jsx("div",{className:"card-title",children:Z})]}),e.jsxs("div",{className:"wrapper-card-3",onClick:r=>{r==null||r.preventDefault(),r==null||r.stopPropagation()},children:[M&&e.jsx("div",{...z?{}:{onMouseEnter:je,onMouseLeave:xe},children:e.jsxs($e,{placement:"bottom",open:ve,children:[e.jsx(Le,{children:Ce()}),e.jsx(We,{style:{all:"unset"},children:e.jsx(ze,{children:ye()})})]})}),!M&&Pe()]}),e.jsxs("div",{className:"wrapper-card-2",children:[e.jsxs("div",{className:`price-text ${X?"new-price":""}`,children:[S>0&&k&&_!==!0&&N!==!0&&e.jsx("div",{children:`${i.formatPrice(S)} ${i.GetCurrencySymbol(k)}`}),X&&e.jsx("div",{className:`${S>0?"full-price":""}`,children:`${i.formatPrice(R)} ${i.GetCurrencySymbol(k)}`}),_&&te,N&&oe]}),e.jsx("div",{className:"location-text",children:re})]}),ne===!0&&e.jsx(Ve,{sponsoredText:se})]})}),Ye=y.styled(n.SkeletonRowWrapper)`
|
|
360
361
|
@media ${D.down("S")} {
|
|
361
362
|
& > div {
|
|
362
363
|
&:nth-of-type(even) {
|
|
@@ -364,4 +365,4 @@
|
|
|
364
365
|
}
|
|
365
366
|
}
|
|
366
367
|
}
|
|
367
|
-
`,He=({keyPrefix:
|
|
368
|
+
`,He=({keyPrefix:s})=>e.jsxs(Ye,{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"})})]},`${s}-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"})]},`${s}-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"})]},`${s}-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"})]},`${s}-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"})]},`${s}-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"})]},`${s}-6`)]}),Ke=({keyPrefix:s,isLoading:P=!1,fallbackComponent:h=e.jsx(e.Fragment,{}),children:E})=>e.jsx(m.Suspense,{fallbackComponent:h,children:P===!0?e.jsx(He,{keyPrefix:s}):E});exports.DetailedProductCard=Xe;exports.SuspenseDetailedProductCard=Ke;
|