@lanaco/lnc-react-ui 4.0.108 → 4.0.110
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/BlogCategoryCardsSection.cjs +1 -1
- package/dist/BlogCategoryCardsSection.js +1 -1
- package/dist/BlogListSection.cjs +4 -4
- package/dist/BlogListSection.js +41 -39
- package/dist/BlogProductCardsSection.cjs +1 -1
- package/dist/BlogProductCardsSection.js +2 -2
- package/dist/BlogsSectionDetailed.cjs +6 -9
- package/dist/BlogsSectionDetailed.js +9 -12
- package/dist/BlogsSectionSimple.cjs +6 -9
- package/dist/BlogsSectionSimple.js +23 -26
- package/dist/DetailedProductsSection.cjs +1 -1
- package/dist/DetailedProductsSection.js +1 -1
- package/dist/FieldOfInterestsMasonrySection.cjs +13 -4
- package/dist/FieldOfInterestsMasonrySection.js +51 -41
- package/dist/FieldOfInterestsWithAvatarsCardsSection.cjs +1 -1
- package/dist/FieldOfInterestsWithAvatarsCardsSection.js +1 -1
- package/dist/FieldOfInterestsWithTagsCardsSection.cjs +0 -9
- package/dist/FieldOfInterestsWithTagsCardsSection.js +15 -24
- package/dist/GeneralWithTagsCardsSection.cjs +3 -12
- package/dist/GeneralWithTagsCardsSection.js +5 -14
- package/dist/GiftCardsSection.cjs +10 -3
- package/dist/GiftCardsSection.js +24 -17
- package/dist/LocationSearchSection.cjs +3 -7
- package/dist/LocationSearchSection.js +8 -12
- package/dist/MasonryGeneralCardsSection.cjs +2 -11
- package/dist/MasonryGeneralCardsSection.js +0 -9
- package/dist/OverlayGeneralCardsSection.cjs +17 -11
- package/dist/OverlayGeneralCardsSection.js +37 -31
- package/dist/ProductsWithBannerSection.cjs +5 -11
- package/dist/ProductsWithBannerSection.js +8 -14
- package/dist/SalesCampaignsSection.cjs +9 -12
- package/dist/SalesCampaignsSection.js +22 -25
- package/dist/SimpleCategoriesSection.cjs +1 -1
- package/dist/SimpleCategoriesSection.js +1 -1
- package/dist/SimpleProductsSection.cjs +1 -1
- package/dist/SimpleProductsSection.js +2 -2
- package/dist/UrgentSaleProductsSection.cjs +1 -1
- package/dist/UrgentSaleProductsSection.js +1 -1
- package/dist/{index-CEI_JOki.js → index-B2pFbNKc.js} +4 -5
- package/dist/{index-B30K8mkW.cjs → index-B_HNDmXL.cjs} +3 -4
- package/dist/{suspense-categories-card-simple-Ds6hXZKt.js → suspense-categories-card-simple-BbtBbuWb.js} +15 -17
- package/dist/{suspense-categories-card-simple-B5zd-nnm.cjs → suspense-categories-card-simple-CK7XDK4k.cjs} +2 -4
- package/dist/{suspense-product-card-detailed-DXwya4fQ.cjs → suspense-product-card-detailed-LcBMp1iw.cjs} +4 -10
- package/dist/{suspense-product-card-detailed-bYBpLiXc.js → suspense-product-card-detailed-PArA5O4M.js} +0 -6
- package/dist/{suspense-product-card-simple-Ba1UPqgy.cjs → suspense-product-card-simple-CJwnghtt.cjs} +1 -1
- package/dist/{suspense-product-card-simple-ib6FLerL.js → suspense-product-card-simple-Z-FddSb-.js} +1 -1
- package/package.json +1 -1
|
@@ -75,10 +75,7 @@ const ce = d.div`
|
|
|
75
75
|
font-weight: 600;
|
|
76
76
|
font-size: 1.375rem;
|
|
77
77
|
transition: var(--transition, all 0.3s ease);
|
|
78
|
-
|
|
79
|
-
color: var(--primary-500, #f59e0b);
|
|
80
|
-
font-size: 1.4rem;
|
|
81
|
-
}
|
|
78
|
+
|
|
82
79
|
}
|
|
83
80
|
|
|
84
81
|
& .text-block-wrapper {
|
|
@@ -240,7 +237,7 @@ const ce = d.div`
|
|
|
240
237
|
name: m,
|
|
241
238
|
notifications: v = 0,
|
|
242
239
|
color: c = "primary",
|
|
243
|
-
size:
|
|
240
|
+
size: b = "large",
|
|
244
241
|
style: s,
|
|
245
242
|
disabled: C,
|
|
246
243
|
onClick: l = () => {
|
|
@@ -252,7 +249,7 @@ const ce = d.div`
|
|
|
252
249
|
} = e, $ = {
|
|
253
250
|
theme: A(),
|
|
254
251
|
color: c,
|
|
255
|
-
size:
|
|
252
|
+
size: b,
|
|
256
253
|
style: s,
|
|
257
254
|
disabled: C
|
|
258
255
|
};
|
|
@@ -307,14 +304,14 @@ const V = (e, t) => {
|
|
|
307
304
|
title: m = "",
|
|
308
305
|
description: v,
|
|
309
306
|
badges: c,
|
|
310
|
-
coverPhoto:
|
|
307
|
+
coverPhoto: b,
|
|
311
308
|
onSelect: s,
|
|
312
309
|
status: C,
|
|
313
310
|
startDate: l,
|
|
314
311
|
endDate: y,
|
|
315
312
|
salesPackages: p,
|
|
316
313
|
shopName: x,
|
|
317
|
-
shopImage:
|
|
314
|
+
shopImage: w,
|
|
318
315
|
className: $,
|
|
319
316
|
onSelectCard: _ = () => {
|
|
320
317
|
},
|
|
@@ -347,7 +344,7 @@ const V = (e, t) => {
|
|
|
347
344
|
...Y,
|
|
348
345
|
children: [
|
|
349
346
|
/* @__PURE__ */ f(de, { theme: i, onClick: () => s == null ? void 0 : s(), children: [
|
|
350
|
-
/* @__PURE__ */ a("img", { src:
|
|
347
|
+
/* @__PURE__ */ a("img", { src: b }),
|
|
351
348
|
/* @__PURE__ */ a(fe, { children: p == null ? void 0 : p.map((U, re) => {
|
|
352
349
|
var R, j;
|
|
353
350
|
return /* @__PURE__ */ a(
|
|
@@ -389,8 +386,8 @@ const V = (e, t) => {
|
|
|
389
386
|
/* @__PURE__ */ a(
|
|
390
387
|
"img",
|
|
391
388
|
{
|
|
392
|
-
src:
|
|
393
|
-
className: `${
|
|
389
|
+
src: w,
|
|
390
|
+
className: `${w ? "" : "no-image"}`
|
|
394
391
|
}
|
|
395
392
|
)
|
|
396
393
|
),
|
|
@@ -509,10 +506,10 @@ const F = d.div`
|
|
|
509
506
|
margin-top: 1rem;
|
|
510
507
|
}
|
|
511
508
|
}
|
|
512
|
-
`,
|
|
509
|
+
`, we = d.div`
|
|
513
510
|
display: flex;
|
|
514
511
|
gap: 1.5rem;
|
|
515
|
-
`,
|
|
512
|
+
`, be = P(({}, e) => {
|
|
516
513
|
const t = A();
|
|
517
514
|
return /* @__PURE__ */ f(ve, { ref: e, theme: t, children: [
|
|
518
515
|
/* @__PURE__ */ a("div", { className: "campaign__left-section", children: /* @__PURE__ */ a(
|
|
@@ -544,8 +541,8 @@ const F = d.div`
|
|
|
544
541
|
] })
|
|
545
542
|
] })
|
|
546
543
|
] });
|
|
547
|
-
}), ye = ({ itemsCount: e = 5, keyPrefix: t }) => /* @__PURE__ */ a(
|
|
548
|
-
|
|
544
|
+
}), ye = ({ itemsCount: e = 5, keyPrefix: t }) => /* @__PURE__ */ a(we, { children: Array.from({ length: e }, (i, h) => /* @__PURE__ */ a(
|
|
545
|
+
be,
|
|
549
546
|
{},
|
|
550
547
|
`${t}-skeleton-campaign-card-${h}`
|
|
551
548
|
)) }), $e = ({
|
|
@@ -612,25 +609,25 @@ const F = d.div`
|
|
|
612
609
|
showNavigation: u = !0,
|
|
613
610
|
children: m
|
|
614
611
|
}, v) => {
|
|
615
|
-
const [c,
|
|
612
|
+
const [c, b] = E(0), [s, C] = E(1), [l, y] = E(null), [p, x] = E(null), w = H(), $ = 50, _ = (m == null ? void 0 : m.length) ?? 1;
|
|
616
613
|
ne(() => {
|
|
617
614
|
const o = () => {
|
|
618
|
-
C(
|
|
615
|
+
C(w ? h : i);
|
|
619
616
|
};
|
|
620
617
|
return window.addEventListener("resize", o), o(), () => window.removeEventListener("resize", o);
|
|
621
618
|
}, []);
|
|
622
619
|
const S = m == null ? void 0 : m.slice(c, c + s), D = (o) => {
|
|
623
620
|
var g;
|
|
624
|
-
(g = o == null ? void 0 : o.target) == null || g.blur(), c + s < _ &&
|
|
621
|
+
(g = o == null ? void 0 : o.target) == null || g.blur(), c + s < _ && b(c + s);
|
|
625
622
|
}, r = (o) => {
|
|
626
623
|
var g;
|
|
627
|
-
(g = o == null ? void 0 : o.target) == null || g.blur(), c - s >= 0 &&
|
|
624
|
+
(g = o == null ? void 0 : o.target) == null || g.blur(), c - s >= 0 && b(c - s);
|
|
628
625
|
};
|
|
629
626
|
return /* @__PURE__ */ f(
|
|
630
627
|
_e,
|
|
631
628
|
{
|
|
632
629
|
ref: v,
|
|
633
|
-
...
|
|
630
|
+
...w ? { onTouchStart: (o) => {
|
|
634
631
|
var g;
|
|
635
632
|
x(null), y((g = o == null ? void 0 : o.targetTouches["0"]) == null ? void 0 : g.clientX);
|
|
636
633
|
}, onTouchMove: (o) => {
|
|
@@ -671,7 +668,7 @@ const F = d.div`
|
|
|
671
668
|
},
|
|
672
669
|
`scrollable-section__content-${c}`
|
|
673
670
|
),
|
|
674
|
-
u && _ > s && !
|
|
671
|
+
u && _ > s && !w && /* @__PURE__ */ f("div", { className: "scrollable-section__navigation", children: [
|
|
675
672
|
/* @__PURE__ */ a(
|
|
676
673
|
L,
|
|
677
674
|
{
|
|
@@ -722,14 +719,14 @@ const De = ie(K), Ue = P(
|
|
|
722
719
|
},
|
|
723
720
|
getImage: c = () => {
|
|
724
721
|
},
|
|
725
|
-
campaignSingleText:
|
|
722
|
+
campaignSingleText: b,
|
|
726
723
|
salesCampaignTypes: s = [],
|
|
727
724
|
startsInPrefixTextPlural: C,
|
|
728
725
|
startsinSuffixTextPlural: l,
|
|
729
726
|
startsInPrefixTextSingular: y,
|
|
730
727
|
startsinSuffixTextSingular: p,
|
|
731
728
|
numOfSlides: x = 2,
|
|
732
|
-
numOfSlidesForMobile:
|
|
729
|
+
numOfSlidesForMobile: w = 1,
|
|
733
730
|
showNavigation: $ = !0
|
|
734
731
|
}, _) => {
|
|
735
732
|
const S = H(), D = se(() => t == null ? void 0 : t.map((r, T) => /* @__PURE__ */ a(
|
|
@@ -752,7 +749,7 @@ const De = ie(K), Ue = P(
|
|
|
752
749
|
uuid: r == null ? void 0 : r.campaignUuid,
|
|
753
750
|
onSelectCard: () => m(r == null ? void 0 : r.campaignUuid, r == null ? void 0 : r.shopUuid),
|
|
754
751
|
onSelectShop: () => v(r == null ? void 0 : r.shopUuid),
|
|
755
|
-
campaignSingleText:
|
|
752
|
+
campaignSingleText: b,
|
|
756
753
|
salesCampaignTypes: s,
|
|
757
754
|
startsInPrefixTextPlural: C,
|
|
758
755
|
startsinSuffixTextPlural: l,
|
|
@@ -774,7 +771,7 @@ const De = ie(K), Ue = P(
|
|
|
774
771
|
icon: h,
|
|
775
772
|
title: i,
|
|
776
773
|
numOfSlides: x,
|
|
777
|
-
numOfSlidesForMobile:
|
|
774
|
+
numOfSlidesForMobile: w,
|
|
778
775
|
showNavigation: $,
|
|
779
776
|
children: D
|
|
780
777
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime"),s=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),q=require("./useDetectMobile-zkbzoOGV.cjs"),d=require("./utils-CZynEOC_.cjs"),k=require("./style-JqDQj4jh.cjs"),v=require("./Button.cjs"),p=require("./suspense-categories-card-simple-
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),s=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),q=require("./useDetectMobile-zkbzoOGV.cjs"),d=require("./utils-CZynEOC_.cjs"),k=require("./style-JqDQj4jh.cjs"),v=require("./Button.cjs"),p=require("./suspense-categories-card-simple-CK7XDK4k.cjs"),M=w.styled.div`
|
|
2
2
|
display: grid;
|
|
3
3
|
grid-template-columns: ${a=>"repeat(6, minmax(0, 1fr))"};
|
|
4
4
|
gap: 2rem;
|
|
@@ -6,7 +6,7 @@ import { u as E } from "./useDetectMobile-Bkvj0VMa.js";
|
|
|
6
6
|
import { k as p } from "./utils-BbgAIA9N.js";
|
|
7
7
|
import { R as I } from "./style-08foMKSd.js";
|
|
8
8
|
import R from "./Button.js";
|
|
9
|
-
import { C as B, S as L } from "./suspense-categories-card-simple-
|
|
9
|
+
import { C as B, S as L } from "./suspense-categories-card-simple-BbtBbuWb.js";
|
|
10
10
|
const P = M.div`
|
|
11
11
|
display: grid;
|
|
12
12
|
grid-template-columns: ${(l) => "repeat(6, minmax(0, 1fr))"};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime"),n=require("react"),k=require("./emotion-styled.browser.esm-BtEseadx.cjs"),M=require("./consts-goSZX3xP.cjs"),U=require("./useDetectMobile-zkbzoOGV.cjs"),F=require("./index-
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),n=require("react"),k=require("./emotion-styled.browser.esm-BtEseadx.cjs"),M=require("./consts-goSZX3xP.cjs"),U=require("./useDetectMobile-zkbzoOGV.cjs"),F=require("./index-B_HNDmXL.cjs"),N=require("./index-BaLBHyTh.cjs"),v=require("./suspense-product-card-simple-CJwnghtt.cjs"),T=k.styled.div`
|
|
2
2
|
display: grid;
|
|
3
3
|
grid-template-columns: repeat(6, 1fr);
|
|
4
4
|
gap: 1.25rem;
|
|
@@ -3,9 +3,9 @@ import { memo as F, forwardRef as N, useMemo as T } from "react";
|
|
|
3
3
|
import { s as v } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
4
|
import { M as B } from "./consts-BuFChS64.js";
|
|
5
5
|
import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
|
|
6
|
-
import { S as L } from "./index-
|
|
6
|
+
import { S as L } from "./index-B2pFbNKc.js";
|
|
7
7
|
import { T as j } from "./index-CsrdUl1x.js";
|
|
8
|
-
import { S as z } from "./suspense-product-card-simple-
|
|
8
|
+
import { S as z } from "./suspense-product-card-simple-Z-FddSb-.js";
|
|
9
9
|
const C = v.div`
|
|
10
10
|
display: grid;
|
|
11
11
|
grid-template-columns: repeat(6, 1fr);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const i=require("react/jsx-runtime"),n=require("react"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-goSZX3xP.cjs"),v=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./Button.cjs"),b=require("./suspense-product-card-detailed-
|
|
1
|
+
"use strict";const i=require("react/jsx-runtime"),n=require("react"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-goSZX3xP.cjs"),v=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./Button.cjs"),b=require("./suspense-product-card-detailed-LcBMp1iw.cjs"),C=P.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 C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
|
4
4
|
import { M as L, S as F } from "./consts-BuFChS64.js";
|
|
5
5
|
import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
|
|
6
6
|
import T from "./Button.js";
|
|
7
|
-
import { D as _, S as D } from "./suspense-product-card-detailed-
|
|
7
|
+
import { D as _, S as D } from "./suspense-product-card-detailed-PArA5O4M.js";
|
|
8
8
|
const E = C.div`
|
|
9
9
|
padding: 1.75rem 3rem;
|
|
10
10
|
display: grid;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as e, jsx as d } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as
|
|
2
|
+
import { forwardRef as f } from "react";
|
|
3
3
|
import { s as n } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
4
|
import { o as u, p as h, l as b, q as x, G as v } from "./utils-BbgAIA9N.js";
|
|
5
5
|
import { P as y } from "./index-YGcWbzeb.js";
|
|
@@ -88,10 +88,9 @@ const G = n.div`
|
|
|
88
88
|
&:hover {
|
|
89
89
|
& .title-simple-product-card {
|
|
90
90
|
z-index: 1;
|
|
91
|
-
color: var(--primary-500, #f59e0b);
|
|
92
91
|
}
|
|
93
92
|
}
|
|
94
|
-
`, T =
|
|
93
|
+
`, T = f((m, k) => {
|
|
95
94
|
const {
|
|
96
95
|
uuid: z,
|
|
97
96
|
title: l,
|
|
@@ -105,7 +104,7 @@ const G = n.div`
|
|
|
105
104
|
},
|
|
106
105
|
imageComponent: o,
|
|
107
106
|
negotiableText: p = "Negotiable",
|
|
108
|
-
freeText:
|
|
107
|
+
freeText: g = "Free"
|
|
109
108
|
} = m;
|
|
110
109
|
return /* @__PURE__ */ e(w, { className: "simple-product-card", onClick: c, children: [
|
|
111
110
|
b(o) ? o : /* @__PURE__ */ d(y, { src: s }),
|
|
@@ -114,7 +113,7 @@ const G = n.div`
|
|
|
114
113
|
/* @__PURE__ */ e("div", { className: "price-chip", children: [
|
|
115
114
|
r > 0 && i && t !== !0 && a !== !0 && `${x(r)} ${v(i)}`,
|
|
116
115
|
t && p,
|
|
117
|
-
a &&
|
|
116
|
+
a && g
|
|
118
117
|
] })
|
|
119
118
|
] })
|
|
120
119
|
] });
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),g=require("react"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./utils-CZynEOC_.cjs"),f=require("./index-BvSNRLNa.cjs"),
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),g=require("react"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./utils-CZynEOC_.cjs"),f=require("./index-BvSNRLNa.cjs"),h=d.styled.div`
|
|
2
2
|
background-color: var(--gray-200, #dddfe4);
|
|
3
3
|
border-radius: 0.75rem;
|
|
4
4
|
min-width: 11.625rem;
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
max-width: 11.625rem;
|
|
7
7
|
max-height: 11.625rem;
|
|
8
8
|
${r.linearGradientAnimation("-90deg")}
|
|
9
|
-
`,
|
|
9
|
+
`,x=d.styled.div`
|
|
10
10
|
display: flex;
|
|
11
11
|
flex-direction: column;
|
|
12
12
|
justify-content: end;
|
|
@@ -83,7 +83,6 @@
|
|
|
83
83
|
&:hover {
|
|
84
84
|
& .title-simple-product-card {
|
|
85
85
|
z-index: 1;
|
|
86
|
-
color: var(--primary-500, #f59e0b);
|
|
87
86
|
}
|
|
88
87
|
}
|
|
89
|
-
`,
|
|
88
|
+
`,b=g.forwardRef((s,y)=>{const{uuid:v,title:c,price:i=0,currency:t,isNegotiable:o,isFree:a,image:l,sellerUuid:w,onSelectCard:m=()=>{},imageComponent:n,negotiableText:u="Negotiable",freeText:p="Free"}=s;return e.jsxs(x,{className:"simple-product-card",onClick:m,children:[r.isDefined(n)?n:e.jsx(f.ProductImageWrapper,{src:l}),e.jsxs("div",{className:"text-block",children:[e.jsx("div",{className:"title-simple-product-card",children:c}),e.jsxs("div",{className:"price-chip",children:[i>0&&t&&o!==!0&&a!==!0&&`${r.formatPrice(i)} ${r.GetCurrencySymbol(t)}`,o&&u,a&&p]})]})]})});exports.SimpleProductCard=b;exports.SkeletonWrapper=h;
|
|
@@ -18,9 +18,7 @@ const c = g.div`
|
|
|
18
18
|
cursor: pointer;
|
|
19
19
|
|
|
20
20
|
transition: var(--transition);
|
|
21
|
-
|
|
22
|
-
color: var(--primary-500, #f59e0b);
|
|
23
|
-
}
|
|
21
|
+
|
|
24
22
|
|
|
25
23
|
/* drop-shadow-sm */
|
|
26
24
|
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
|
|
@@ -59,44 +57,44 @@ const c = g.div`
|
|
|
59
57
|
max-height: 5.375rem;
|
|
60
58
|
}
|
|
61
59
|
}
|
|
62
|
-
`,
|
|
63
|
-
const { uuid:
|
|
60
|
+
`, k = d((r, i) => {
|
|
61
|
+
const { uuid: t, image: o, name: a, onSelectCard: l = () => {
|
|
64
62
|
} } = r;
|
|
65
63
|
return /* @__PURE__ */ m(
|
|
66
64
|
c,
|
|
67
65
|
{
|
|
68
66
|
className: "simple-category-card",
|
|
69
|
-
onClick: () => l(
|
|
67
|
+
onClick: () => l(t),
|
|
70
68
|
children: [
|
|
71
69
|
/* @__PURE__ */ e("img", { src: o }),
|
|
72
|
-
/* @__PURE__ */ e("div", { className: "card-content", children: /* @__PURE__ */ e("div", { className: "card-content-2", children:
|
|
70
|
+
/* @__PURE__ */ e("div", { className: "card-content", children: /* @__PURE__ */ e("div", { className: "card-content-2", children: a }) })
|
|
73
71
|
]
|
|
74
72
|
}
|
|
75
73
|
);
|
|
76
74
|
}), x = d(({}, r) => /* @__PURE__ */ m(c, { className: "simple-category-card", children: [
|
|
77
75
|
/* @__PURE__ */ e("div", { className: "skeleton-img" }),
|
|
78
76
|
/* @__PURE__ */ e("div", { className: "card-content" })
|
|
79
|
-
] })), u = ({ limit: r = 12, isLoading: i = !1, keyPrefix:
|
|
77
|
+
] })), u = ({ limit: r = 12, isLoading: i = !1, keyPrefix: t }) => /* @__PURE__ */ e(s, { children: Array.from({ length: r }, (o, a) => /* @__PURE__ */ e(
|
|
80
78
|
x,
|
|
81
79
|
{
|
|
82
80
|
isLoading: i
|
|
83
81
|
},
|
|
84
|
-
`${
|
|
85
|
-
)) }),
|
|
82
|
+
`${t}-skeleton-category-card-${a}`
|
|
83
|
+
)) }), b = ({
|
|
86
84
|
children: r,
|
|
87
85
|
fallbackComponent: i = /* @__PURE__ */ e(s, {}),
|
|
88
|
-
isLoading:
|
|
86
|
+
isLoading: t = !1,
|
|
89
87
|
limit: o,
|
|
90
|
-
keyPrefix:
|
|
91
|
-
}) => /* @__PURE__ */ e(h, { fallbackComponent: i, children:
|
|
88
|
+
keyPrefix: a
|
|
89
|
+
}) => /* @__PURE__ */ e(h, { fallbackComponent: i, children: t === !0 ? /* @__PURE__ */ e(
|
|
92
90
|
u,
|
|
93
91
|
{
|
|
94
|
-
isLoading:
|
|
92
|
+
isLoading: t,
|
|
95
93
|
limit: o,
|
|
96
|
-
keyPrefix:
|
|
94
|
+
keyPrefix: a
|
|
97
95
|
}
|
|
98
96
|
) : r });
|
|
99
97
|
export {
|
|
100
|
-
|
|
101
|
-
|
|
98
|
+
k as C,
|
|
99
|
+
b as S
|
|
102
100
|
};
|
|
@@ -13,9 +13,7 @@
|
|
|
13
13
|
cursor: pointer;
|
|
14
14
|
|
|
15
15
|
transition: var(--transition);
|
|
16
|
-
|
|
17
|
-
color: var(--primary-500, #f59e0b);
|
|
18
|
-
}
|
|
16
|
+
|
|
19
17
|
|
|
20
18
|
/* drop-shadow-sm */
|
|
21
19
|
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
|
|
@@ -54,4 +52,4 @@
|
|
|
54
52
|
max-height: 5.375rem;
|
|
55
53
|
}
|
|
56
54
|
}
|
|
57
|
-
`,
|
|
55
|
+
`,g=o.forwardRef((r,i)=>{const{uuid:t,image:n,name:a,onSelectCard:m=()=>{}}=r;return e.jsxs(c,{className:"simple-category-card",onClick:()=>m(t),children:[e.jsx("img",{src:n}),e.jsx("div",{className:"card-content",children:e.jsx("div",{className:"card-content-2",children:a})})]})}),h=o.forwardRef(({},r)=>e.jsxs(c,{className:"simple-category-card",children:[e.jsx("div",{className:"skeleton-img"}),e.jsx("div",{className:"card-content"})]})),x=({limit:r=12,isLoading:i=!1,keyPrefix:t})=>e.jsx(e.Fragment,{children:Array.from({length:r},(n,a)=>e.jsx(h,{isLoading:i},`${t}-skeleton-category-card-${a}`))}),u=({children:r,fallbackComponent:i=e.jsx(e.Fragment,{}),isLoading:t=!1,limit:n,keyPrefix:a})=>e.jsx(o.Suspense,{fallbackComponent:i,children:t===!0?e.jsx(x,{isLoading:t,limit:n,keyPrefix:a}):r});exports.CategorySimpleCard=g;exports.SuspenseSimpleCategoryCard=u;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),d=require("react"),r=require("./utils-CZynEOC_.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./index-BvSNRLNa.cjs"),
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),d=require("react"),r=require("./utils-CZynEOC_.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./index-BvSNRLNa.cjs"),N=require("./consts-goSZX3xP.cjs"),u=g.styled.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
gap: 0.5rem;
|
|
@@ -57,12 +57,6 @@
|
|
|
57
57
|
gap: 0.5rem;
|
|
58
58
|
}
|
|
59
59
|
|
|
60
|
-
&:hover {
|
|
61
|
-
& .card-title {
|
|
62
|
-
color: var(--primary-500, #f59e0b);
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
|
|
66
60
|
& .skeleton-img {
|
|
67
61
|
background-color: ${r.linearGradientAnimation("-90deg")};
|
|
68
62
|
border-radius: 0.75rem;
|
|
@@ -93,7 +87,7 @@
|
|
|
93
87
|
height: 1rem;
|
|
94
88
|
}
|
|
95
89
|
|
|
96
|
-
@media (max-width: ${
|
|
90
|
+
@media (max-width: ${N.MOBILE_SIZE_PX+"px"}) {
|
|
97
91
|
& img {
|
|
98
92
|
width: 8.875rem;
|
|
99
93
|
height: 8.875rem;
|
|
@@ -109,7 +103,7 @@
|
|
|
109
103
|
font-weight: 600;
|
|
110
104
|
}
|
|
111
105
|
}
|
|
112
|
-
`,
|
|
106
|
+
`,y=g.styled.div`
|
|
113
107
|
display: flex;
|
|
114
108
|
align-items: center;
|
|
115
109
|
gap: 0.25rem;
|
|
@@ -121,4 +115,4 @@
|
|
|
121
115
|
font-size: 1rem;
|
|
122
116
|
color: var(--warning-500, #F59E0B);
|
|
123
117
|
}
|
|
124
|
-
`,b=d.forwardRef(({sponsoredText:t="Sponsored"},s)=>e.jsxs(
|
|
118
|
+
`,b=d.forwardRef(({sponsoredText:t="Sponsored"},s)=>e.jsxs(y,{ref:s,className:"sponsored-line",children:[e.jsx("i",{className:"mng-lnc-paw2"}),e.jsx("span",{children:t})]})),$=d.forwardRef((t,s)=>{const{uuid:a,title:n,price:i=0,sellingPrice:o,currency:c,isNegotiable:l,isFree:m,imageUrl:h,sellerUuid:z,location:x,isSponsored:f,imageComponent:p,onSelectCard:w=()=>{},freeText:j="Free",negotiableText:v="Negotiable"}=t;return e.jsxs(u,{className:"product-card",onClick:w,children:[r.isDefined(p)?p:e.jsx(k.ProductImageWrapper,{src:h}),e.jsx("div",{className:"wrapper-card-1",children:e.jsx("div",{className:"card-title",children:n})}),e.jsxs("div",{className:"wrapper-card-2",children:[e.jsxs("div",{className:"price-text",children:[o>0&&c&&l!==!0&&m!==!0&&e.jsx("div",{children:`${r.formatPrice(o)} ${r.GetCurrencySymbol(c)}`}),i>0&&c&&l!==!0&&m!==!0&&i!==o&&e.jsx("div",{className:`${o>0?"full-price":""}`,children:`${r.formatPrice(i)} ${r.GetCurrencySymbol(c)}`}),l&&v,m&&j]}),e.jsx("div",{className:"location-text",children:x})]}),f===!0&&e.jsx(b,{})]})}),S=d.forwardRef(({},t)=>e.jsxs(u,{className:"product-card",children:[e.jsx("img",{className:"skeleton-img"}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"skeleton-title"}),e.jsx("div",{className:"skeleton-tags"})]}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"skeleton-price"}),e.jsx("div",{className:"skeleton-sponsored"})]})]})),P=({limit:t=5,isLoading:s=!1,keyPrefix:a})=>e.jsx(e.Fragment,{children:Array.from({length:t},(n,i)=>e.jsx(S,{isLoading:s},`${a}-skeleton-product-card-${i}`))}),C=({children:t,fallbackComponent:s=e.jsx(e.Fragment,{}),isLoading:a=!1,limit:n,keyPrefix:i})=>e.jsx(d.Suspense,{fallbackComponent:s,children:a===!0?e.jsx(P,{isLoading:a,limit:n,keyPrefix:i}):t});exports.DetailedProductCard=$;exports.SuspenseDetailedProductCard=C;
|
package/dist/{suspense-product-card-simple-Ba1UPqgy.cjs → suspense-product-card-simple-CJwnghtt.cjs}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),u=require("react"),c=require("./index-
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),u=require("react"),c=require("./index-B_HNDmXL.cjs"),d=u.forwardRef((r,t)=>e.jsx(c.SkeletonWrapper,{})),l=({limit:r=6,isLoading:t=!1,keyPrefix:s})=>e.jsx(e.Fragment,{children:Array.from({length:r},(o,n)=>e.jsx(d,{isLoading:t},`${s}-skeleton-product-card-${n}`))}),a=({children:r,fallbackComponent:t=e.jsx(e.Fragment,{}),isLoading:s=!1,limit:o,keyPrefix:n})=>e.jsx(u.Suspense,{fallbackComponent:t,children:s===!0?e.jsx(l,{isLoading:s,limit:o,keyPrefix:n}):r});exports.SuspenseSimpleProductCard=a;
|
package/dist/{suspense-product-card-simple-ib6FLerL.js → suspense-product-card-simple-Z-FddSb-.js}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as r, Fragment as p } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as a, Suspense as l } from "react";
|
|
3
|
-
import { a as c } from "./index-
|
|
3
|
+
import { a as c } from "./index-B2pFbNKc.js";
|
|
4
4
|
const m = a((e, t) => /* @__PURE__ */ r(c, {})), u = ({ limit: e = 6, isLoading: t = !1, keyPrefix: o }) => /* @__PURE__ */ r(p, { children: Array.from({ length: e }, (s, n) => /* @__PURE__ */ r(
|
|
5
5
|
m,
|
|
6
6
|
{
|