@lanaco/lnc-react-ui 4.0.76 → 4.0.77
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.
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime"),m=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-CtNoHdBj.cjs"),C=require("./useDetectMobile-D6d5LpdL.cjs"),
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),m=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-CtNoHdBj.cjs"),C=require("./useDetectMobile-D6d5LpdL.cjs"),t=require("./utils-BXPz9bck.cjs"),N=require("./style-C571ywKV.cjs"),D=require("./Button.cjs"),R=require("./index-CAqPGuiA.cjs"),O=w.styled.div`
|
|
2
2
|
display: grid;
|
|
3
|
-
grid-template-columns: ${
|
|
3
|
+
grid-template-columns: ${i=>`repeat(${i.limit}, minmax(0, 1fr))`};
|
|
4
4
|
gap: 1.25rem;
|
|
5
5
|
|
|
6
6
|
@media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
|
|
7
7
|
grid-template-columns: repeat(1, 1fr);
|
|
8
8
|
}
|
|
9
|
-
`,
|
|
9
|
+
`,k=w.styled.div`
|
|
10
10
|
display: flex;
|
|
11
11
|
flex-direction: column;
|
|
12
12
|
width: 100%;
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
width: 100%;
|
|
38
38
|
max-height: 11.0625rem;
|
|
39
39
|
min-height: 11.0625rem;
|
|
40
|
-
background-color: ${
|
|
40
|
+
background-color: ${t.linearGradientAnimation("-90deg")};
|
|
41
41
|
}
|
|
42
42
|
|
|
43
43
|
& .tags-wr {
|
|
@@ -63,13 +63,13 @@
|
|
|
63
63
|
}
|
|
64
64
|
|
|
65
65
|
& .info-wr-skeleton {
|
|
66
|
-
background-color: ${
|
|
66
|
+
background-color: ${t.linearGradientAnimation("-90deg")};
|
|
67
67
|
height: 1rem;
|
|
68
68
|
width: 100%;
|
|
69
69
|
}
|
|
70
70
|
|
|
71
71
|
& .skeleton-title {
|
|
72
|
-
background-color: ${
|
|
72
|
+
background-color: ${t.linearGradientAnimation("-90deg")};
|
|
73
73
|
height: 1.5rem;
|
|
74
74
|
width: 70%;
|
|
75
75
|
}
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
font-size: 0.875rem;
|
|
80
80
|
flex: 1;
|
|
81
81
|
color: var(--gray-700, #4e555f);
|
|
82
|
-
${
|
|
82
|
+
${t.truncateTextInRows(2)}
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
& .info-wr {
|
|
@@ -108,4 +108,4 @@
|
|
|
108
108
|
align-items: center;
|
|
109
109
|
gap: 1rem;
|
|
110
110
|
}
|
|
111
|
-
|
|
111
|
+
`,$=m.forwardRef((i,l)=>{const{title:s,imageUrl:c,text:o,numberOfLikes:n,numberOfComments:f,readDuration:d,datePublished:g,tags:u,onCardClick:h,timeToReadText:p="read"}=i;return r.jsxs(k,{ref:l,className:"blog-card",onClick:h,children:[r.jsx(R.ProductImageWrapper,{src:c}),r.jsxs(S,{children:[r.jsxs("div",{className:"info-wr",children:[r.jsxs("div",{className:"info-wr-1",children:[r.jsxs("span",{children:[t.formatLocaleDateString(g)," "]}),r.jsx("span",{className:"small-dot",children:"●"}),d&&p?`${t.formatString(p,d)}`:"N/A"]}),r.jsxs("div",{className:"info-wr-2",children:[r.jsxs("span",{className:"info-wr-1",children:[r.jsx("i",{className:"mng mng-lnc-thumbs-up--filled"}),r.jsx("span",{children:t.getRoundedNumber(n)})]}),r.jsxs("span",{className:"info-wr-1",children:[r.jsx("i",{className:"mng mng-lnc-messages-filled"}),r.jsx("span",{children:t.getRoundedNumber(f)})]})]})]}),r.jsx("div",{className:"text-wr-title",children:s}),r.jsx("div",{className:"text-wr",children:o})]}),r.jsx("div",{className:"tags-wr",children:u==null?void 0:u.map((a,j)=>r.jsx(N.BlogTag,{color:a==null?void 0:a.color,children:a==null?void 0:a.name},j))})]})}),P=m.forwardRef(({},i)=>r.jsxs(k,{className:"blog-card",children:[r.jsx("div",{className:"skeleton-img"}),r.jsxs(S,{children:[r.jsx("div",{className:"info-wr"}),r.jsx("div",{className:"skeleton-title"}),r.jsx("div",{className:"info-wr-skeleton"})]})]})),T=({limit:i=3,isLoading:l=!1,keyPrefix:s})=>r.jsx(r.Fragment,{children:Array.from({length:i},(c,o)=>r.jsx(P,{isLoading:l},`${s}-skeleton-product-card-${o}`))}),q=({children:i,fallbackComponent:l=r.jsx(r.Fragment,{}),isLoading:s=!1,limit:c,keyPrefix:o})=>r.jsx(m.Suspense,{fallbackComponent:l,children:s===!0?r.jsx(T,{isLoading:s,limit:c,keyPrefix:o}):i}),v=m.memo($),B=m.forwardRef((i,l)=>{const{icon:s,title:c,onButtonAction:o,items:n,buttonText:f,limit:d=3,onSelectCard:g=()=>{},isLoading:u=!1,buttonLink:h,getImage:p=()=>{}}=i,a=C.useDetectMobile(),j=m.useMemo(()=>r.jsx(r.Fragment,{children:a===!0?n==null?void 0:n.map((e,b)=>r.jsx(v,{title:e==null?void 0:e.title,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,datePublished:e==null?void 0:e.createdAt,readDuration:e==null?void 0:e.timeToRead,tags:e==null?void 0:e.tags,onCardClick:()=>g(e==null?void 0:e.titleSlug),imageUrl:p(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null},b)):n==null?void 0:n.slice(0,d).map((e,b)=>r.jsx(v,{title:e==null?void 0:e.title,imageUrl:p(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,tags:e==null?void 0:e.tags,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,datePublished:e==null?void 0:e.createdAt,readDuration:e==null?void 0:e.timeToRead,onCardClick:()=>g(e==null?void 0:e.titleSlug)},b))}),[n,a,d,g]);return r.jsxs(N.RegulatTitleSectionWrapper,{ref:l,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[t.isDefinedNotEmptyString(s)&&r.jsx("i",{className:s}),r.jsx("span",{children:c})]}),t.isDefinedNotEmptyString(f)&&t.isDefinedNotEmptyString(h)&&r.jsx(D,{type:"button",btnType:"tinted",color:"gray",onClick:()=>o(h),borderRadius:"curved",children:f})]}),r.jsx(O,{limit:d,children:r.jsx(q,{isLoading:u,limit:d,keyPrefix:"explore-landing",children:j})})]})});module.exports=B;
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { jsxs as t, jsx as r, Fragment as k } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import { s as
|
|
4
|
-
import { M as
|
|
5
|
-
import { u as
|
|
6
|
-
import { m as v, t as
|
|
7
|
-
import { B as
|
|
8
|
-
import
|
|
9
|
-
import { P as
|
|
10
|
-
const
|
|
2
|
+
import { forwardRef as N, Suspense as P, memo as T, useMemo as B } from "react";
|
|
3
|
+
import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
|
+
import { M as O } from "./consts-C1uHV4xc.js";
|
|
5
|
+
import { u as R } from "./useDetectMobile-BC6EGaBc.js";
|
|
6
|
+
import { m as v, t as L, q as z, p as A, s as C, k as w } from "./utils-DCs-SbIv.js";
|
|
7
|
+
import { B as M, R as I } from "./style-CsMpu4iC.js";
|
|
8
|
+
import U from "./Button.js";
|
|
9
|
+
import { P as W } from "./index-BLxkXrqU.js";
|
|
10
|
+
const j = y.div`
|
|
11
11
|
display: grid;
|
|
12
12
|
grid-template-columns: ${(i) => `repeat(${i.limit}, minmax(0, 1fr))`};
|
|
13
13
|
gap: 1.25rem;
|
|
14
14
|
|
|
15
|
-
@media (max-width: ${
|
|
15
|
+
@media (max-width: ${O + "px"}) {
|
|
16
16
|
grid-template-columns: repeat(1, 1fr);
|
|
17
17
|
}
|
|
18
|
-
`, $ =
|
|
18
|
+
`, $ = y.div`
|
|
19
19
|
display: flex;
|
|
20
20
|
flex-direction: column;
|
|
21
21
|
width: 100%;
|
|
@@ -56,9 +56,9 @@ const I = N.div`
|
|
|
56
56
|
padding: 0 1rem 1rem 1rem;
|
|
57
57
|
}
|
|
58
58
|
|
|
59
|
-
@media (max-width: ${
|
|
59
|
+
@media (max-width: ${O + "px"}) {
|
|
60
60
|
}
|
|
61
|
-
`,
|
|
61
|
+
`, D = y.div`
|
|
62
62
|
padding: 1rem 1rem 0 1rem;
|
|
63
63
|
display: flex;
|
|
64
64
|
flex-direction: column;
|
|
@@ -88,7 +88,7 @@ const I = N.div`
|
|
|
88
88
|
font-size: 0.875rem;
|
|
89
89
|
flex: 1;
|
|
90
90
|
color: var(--gray-700, #4e555f);
|
|
91
|
-
${
|
|
91
|
+
${L(2)}
|
|
92
92
|
}
|
|
93
93
|
|
|
94
94
|
& .info-wr {
|
|
@@ -117,12 +117,12 @@ const I = N.div`
|
|
|
117
117
|
align-items: center;
|
|
118
118
|
gap: 1rem;
|
|
119
119
|
}
|
|
120
|
-
`,
|
|
120
|
+
`, E = N((i, o) => {
|
|
121
121
|
const {
|
|
122
122
|
title: a,
|
|
123
123
|
imageUrl: d,
|
|
124
124
|
text: s,
|
|
125
|
-
numberOfLikes:
|
|
125
|
+
numberOfLikes: n,
|
|
126
126
|
numberOfComments: u,
|
|
127
127
|
readDuration: m,
|
|
128
128
|
datePublished: c,
|
|
@@ -133,63 +133,66 @@ const I = N.div`
|
|
|
133
133
|
return (
|
|
134
134
|
// <BlogCardDetailedSkeleton />
|
|
135
135
|
/* @__PURE__ */ t($, { ref: o, className: "blog-card", onClick: f, children: [
|
|
136
|
-
/* @__PURE__ */ r(
|
|
137
|
-
/* @__PURE__ */ t(
|
|
136
|
+
/* @__PURE__ */ r(W, { src: d }),
|
|
137
|
+
/* @__PURE__ */ t(D, { children: [
|
|
138
138
|
/* @__PURE__ */ t("div", { className: "info-wr", children: [
|
|
139
139
|
/* @__PURE__ */ t("div", { className: "info-wr-1", children: [
|
|
140
|
-
/* @__PURE__ */
|
|
140
|
+
/* @__PURE__ */ t("span", { children: [
|
|
141
|
+
A(c),
|
|
142
|
+
" "
|
|
143
|
+
] }),
|
|
141
144
|
/* @__PURE__ */ r("span", { className: "small-dot", children: "●" }),
|
|
142
|
-
m && p ? `${m}
|
|
145
|
+
m && p ? `${z(p, m)}` : "N/A"
|
|
143
146
|
] }),
|
|
144
147
|
/* @__PURE__ */ t("div", { className: "info-wr-2", children: [
|
|
145
148
|
/* @__PURE__ */ t("span", { className: "info-wr-1", children: [
|
|
146
149
|
/* @__PURE__ */ r("i", { className: "mng mng-lnc-thumbs-up--filled" }),
|
|
147
|
-
/* @__PURE__ */ r("span", { children:
|
|
150
|
+
/* @__PURE__ */ r("span", { children: C(n) })
|
|
148
151
|
] }),
|
|
149
152
|
/* @__PURE__ */ t("span", { className: "info-wr-1", children: [
|
|
150
153
|
/* @__PURE__ */ r("i", { className: "mng mng-lnc-messages-filled" }),
|
|
151
|
-
/* @__PURE__ */ r("span", { children: u })
|
|
154
|
+
/* @__PURE__ */ r("span", { children: C(u) })
|
|
152
155
|
] })
|
|
153
156
|
] })
|
|
154
157
|
] }),
|
|
155
158
|
/* @__PURE__ */ r("div", { className: "text-wr-title", children: a }),
|
|
156
159
|
/* @__PURE__ */ r("div", { className: "text-wr", children: s })
|
|
157
160
|
] }),
|
|
158
|
-
/* @__PURE__ */ r("div", { className: "tags-wr", children: g == null ? void 0 : g.map((
|
|
161
|
+
/* @__PURE__ */ r("div", { className: "tags-wr", children: g == null ? void 0 : g.map((l, h) => /* @__PURE__ */ r(M, { color: l == null ? void 0 : l.color, children: l == null ? void 0 : l.name }, h)) })
|
|
159
162
|
] })
|
|
160
163
|
);
|
|
161
|
-
}),
|
|
164
|
+
}), _ = N(({}, i) => /* @__PURE__ */ t($, { className: "blog-card", children: [
|
|
162
165
|
/* @__PURE__ */ r("div", { className: "skeleton-img" }),
|
|
163
|
-
/* @__PURE__ */ t(
|
|
166
|
+
/* @__PURE__ */ t(D, { children: [
|
|
164
167
|
/* @__PURE__ */ r("div", { className: "info-wr" }),
|
|
165
168
|
/* @__PURE__ */ r("div", { className: "skeleton-title" }),
|
|
166
169
|
/* @__PURE__ */ r("div", { className: "info-wr-skeleton" })
|
|
167
170
|
] })
|
|
168
|
-
] })),
|
|
169
|
-
|
|
171
|
+
] })), G = ({ limit: i = 3, isLoading: o = !1, keyPrefix: a }) => /* @__PURE__ */ r(k, { children: Array.from({ length: i }, (d, s) => /* @__PURE__ */ r(
|
|
172
|
+
_,
|
|
170
173
|
{
|
|
171
174
|
isLoading: o
|
|
172
175
|
},
|
|
173
176
|
`${a}-skeleton-product-card-${s}`
|
|
174
|
-
)) }),
|
|
177
|
+
)) }), q = ({
|
|
175
178
|
children: i,
|
|
176
179
|
fallbackComponent: o = /* @__PURE__ */ r(k, {}),
|
|
177
180
|
isLoading: a = !1,
|
|
178
181
|
limit: d,
|
|
179
182
|
keyPrefix: s
|
|
180
183
|
}) => /* @__PURE__ */ r(P, { fallbackComponent: o, children: a === !0 ? /* @__PURE__ */ r(
|
|
181
|
-
|
|
184
|
+
G,
|
|
182
185
|
{
|
|
183
186
|
isLoading: a,
|
|
184
187
|
limit: d,
|
|
185
188
|
keyPrefix: s
|
|
186
189
|
}
|
|
187
|
-
) : i }),
|
|
190
|
+
) : i }), S = T(E), x = N((i, o) => {
|
|
188
191
|
const {
|
|
189
192
|
icon: a,
|
|
190
193
|
title: d,
|
|
191
194
|
onButtonAction: s,
|
|
192
|
-
items:
|
|
195
|
+
items: n,
|
|
193
196
|
buttonText: u,
|
|
194
197
|
limit: m = 3,
|
|
195
198
|
onSelectCard: c = () => {
|
|
@@ -198,8 +201,8 @@ const I = N.div`
|
|
|
198
201
|
buttonLink: f,
|
|
199
202
|
getImage: p = () => {
|
|
200
203
|
}
|
|
201
|
-
} = i,
|
|
202
|
-
|
|
204
|
+
} = i, l = R(), h = B(() => /* @__PURE__ */ r(k, { children: l === !0 ? n == null ? void 0 : n.map((e, b) => /* @__PURE__ */ r(
|
|
205
|
+
S,
|
|
203
206
|
{
|
|
204
207
|
title: e == null ? void 0 : e.title,
|
|
205
208
|
text: e == null ? void 0 : e.description,
|
|
@@ -213,8 +216,8 @@ const I = N.div`
|
|
|
213
216
|
imageUrl: p(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null
|
|
214
217
|
},
|
|
215
218
|
b
|
|
216
|
-
)) :
|
|
217
|
-
|
|
219
|
+
)) : n == null ? void 0 : n.slice(0, m).map((e, b) => /* @__PURE__ */ r(
|
|
220
|
+
S,
|
|
218
221
|
{
|
|
219
222
|
title: e == null ? void 0 : e.title,
|
|
220
223
|
imageUrl: p(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
|
|
@@ -228,15 +231,15 @@ const I = N.div`
|
|
|
228
231
|
onCardClick: () => c(e == null ? void 0 : e.titleSlug)
|
|
229
232
|
},
|
|
230
233
|
b
|
|
231
|
-
)) }), [
|
|
232
|
-
return /* @__PURE__ */ t(
|
|
234
|
+
)) }), [n, l, m, c]);
|
|
235
|
+
return /* @__PURE__ */ t(I, { ref: o, children: [
|
|
233
236
|
/* @__PURE__ */ t("div", { className: "regular-title", children: [
|
|
234
237
|
/* @__PURE__ */ t("div", { className: "regular-title-text", children: [
|
|
235
238
|
w(a) && /* @__PURE__ */ r("i", { className: a }),
|
|
236
239
|
/* @__PURE__ */ r("span", { children: d })
|
|
237
240
|
] }),
|
|
238
241
|
w(u) && w(f) && /* @__PURE__ */ r(
|
|
239
|
-
|
|
242
|
+
U,
|
|
240
243
|
{
|
|
241
244
|
type: "button",
|
|
242
245
|
btnType: "tinted",
|
|
@@ -247,8 +250,8 @@ const I = N.div`
|
|
|
247
250
|
}
|
|
248
251
|
)
|
|
249
252
|
] }),
|
|
250
|
-
/* @__PURE__ */ r(
|
|
251
|
-
|
|
253
|
+
/* @__PURE__ */ r(j, { limit: m, children: /* @__PURE__ */ r(
|
|
254
|
+
q,
|
|
252
255
|
{
|
|
253
256
|
isLoading: g,
|
|
254
257
|
limit: m,
|
|
@@ -259,5 +262,5 @@ const I = N.div`
|
|
|
259
262
|
] });
|
|
260
263
|
});
|
|
261
264
|
export {
|
|
262
|
-
|
|
265
|
+
x as default
|
|
263
266
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const t=require("react/jsx-runtime"),a=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),p=require("./consts-CtNoHdBj.cjs"),b=require("./useDetectMobile-D6d5LpdL.cjs"),m=require("./utils-BXPz9bck.cjs"),j=require("./Button.cjs"),
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),a=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),p=require("./consts-CtNoHdBj.cjs"),b=require("./useDetectMobile-D6d5LpdL.cjs"),m=require("./utils-BXPz9bck.cjs"),j=require("./Button.cjs"),S=require("./index-CAqPGuiA.cjs"),k=u.styled.div`
|
|
2
2
|
display: grid;
|
|
3
3
|
grid-template-columns: ${i=>`repeat(${i.limit}, minmax(0, 1fr))`};
|
|
4
4
|
gap: 1.25rem;
|
|
@@ -74,4 +74,4 @@
|
|
|
74
74
|
color: var(--gray-700, #4e555f);
|
|
75
75
|
${m.truncateTextInRows(3)}
|
|
76
76
|
}
|
|
77
|
-
`,g=a.forwardRef((i,n)=>{const{title:r,imageUrl:
|
|
77
|
+
`,g=a.forwardRef((i,n)=>{const{title:r,imageUrl:l,text:o,buttonText:d,onCardClick:s}=i;return t.jsxs(h,{ref:n,className:"blog-card",onClick:s,children:[t.jsx(S.ProductImageWrapper,{src:l}),t.jsxs(f,{children:[t.jsx("div",{className:"text-wr-title",children:r}),t.jsx("div",{className:"text-wr",children:o})]}),t.jsx(j,{borderRadius:"curved",color:"gray",type:"button",btnType:"outline",onClick:s,size:"medium",children:d})]})}),C=a.forwardRef((i,n)=>{const{onCardClick:r}=i;return t.jsxs(h,{className:"product-card",onClick:r,children:[t.jsx("div",{className:"skeleton-img"}),t.jsx(f,{children:t.jsx("div",{className:"skeleton-title"})})]})}),y=({limit:i=3,isLoading:n=!1,keyPrefix:r})=>t.jsx(t.Fragment,{children:Array.from({length:i},(l,o)=>t.jsx(C,{isLoading:n},`${r}-skeleton-product-card-${o}`))}),v=({children:i,fallbackComponent:n=t.jsx(t.Fragment,{}),isLoading:r=!1,limit:l,keyPrefix:o})=>t.jsx(a.Suspense,{fallbackComponent:n,children:r===!0?t.jsx(y,{isLoading:r,limit:l,keyPrefix:o}):i}),$=a.forwardRef((i,n)=>{const{items:r,limit:l=3,onSelectCard:o=()=>{},isLoading:d=!1,getImage:s=()=>{}}=i,w=b.useDetectMobile();return t.jsx(k,{ref:n,limit:l,children:t.jsx(v,{isLoading:d,limit:l,keyPrefix:"explore-landing",children:t.jsx(t.Fragment,{children:w===!0?r==null?void 0:r.map((e,c)=>t.jsx(g,{title:e==null?void 0:e.title,imageUrl:s(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>o(e==null?void 0:e.titleSlug)},c)):r==null?void 0:r.slice(0,l).map((e,c)=>t.jsx(g,{title:e==null?void 0:e.title,imageUrl:s(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>o(e==null?void 0:e.titleSlug)},c))})})})});module.exports=$;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as c, jsx as t, Fragment as s } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as
|
|
2
|
+
import { forwardRef as g, Suspense as C } from "react";
|
|
3
3
|
import { s as p } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
4
|
import { M as h } from "./consts-C1uHV4xc.js";
|
|
5
5
|
import { u as S } from "./useDetectMobile-BC6EGaBc.js";
|
|
@@ -82,7 +82,7 @@ const T = p.div`
|
|
|
82
82
|
color: var(--gray-700, #4e555f);
|
|
83
83
|
${v(3)}
|
|
84
84
|
}
|
|
85
|
-
`,
|
|
85
|
+
`, u = g((i, o) => {
|
|
86
86
|
const { title: r, imageUrl: l, text: n, buttonText: d, onCardClick: a } = i;
|
|
87
87
|
return /* @__PURE__ */ c(b, { ref: o, className: "blog-card", onClick: a, children: [
|
|
88
88
|
/* @__PURE__ */ t($, { src: l }),
|
|
@@ -103,7 +103,7 @@ const T = p.div`
|
|
|
103
103
|
}
|
|
104
104
|
)
|
|
105
105
|
] });
|
|
106
|
-
}), B =
|
|
106
|
+
}), B = g((i, o) => {
|
|
107
107
|
const { onCardClick: r } = i;
|
|
108
108
|
return (
|
|
109
109
|
// <SimpleBlogCardSkeleton />
|
|
@@ -131,7 +131,7 @@ const T = p.div`
|
|
|
131
131
|
limit: l,
|
|
132
132
|
keyPrefix: n
|
|
133
133
|
}
|
|
134
|
-
) : i }), A =
|
|
134
|
+
) : i }), A = g((i, o) => {
|
|
135
135
|
const {
|
|
136
136
|
items: r,
|
|
137
137
|
limit: l = 3,
|
|
@@ -148,25 +148,25 @@ const T = p.div`
|
|
|
148
148
|
limit: l,
|
|
149
149
|
keyPrefix: "explore-landing",
|
|
150
150
|
children: /* @__PURE__ */ t(s, { children: k === !0 ? r == null ? void 0 : r.map((e, m) => /* @__PURE__ */ t(
|
|
151
|
-
|
|
151
|
+
u,
|
|
152
152
|
{
|
|
153
153
|
title: e == null ? void 0 : e.title,
|
|
154
154
|
imageUrl: a(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
|
|
155
155
|
text: e == null ? void 0 : e.description,
|
|
156
156
|
titleSlug: e == null ? void 0 : e.titleSlug,
|
|
157
157
|
buttonText: e == null ? void 0 : e.buttonText,
|
|
158
|
-
onCardClick: () => n(e == null ? void 0 : e.
|
|
158
|
+
onCardClick: () => n(e == null ? void 0 : e.titleSlug)
|
|
159
159
|
},
|
|
160
160
|
m
|
|
161
161
|
)) : r == null ? void 0 : r.slice(0, l).map((e, m) => /* @__PURE__ */ t(
|
|
162
|
-
|
|
162
|
+
u,
|
|
163
163
|
{
|
|
164
164
|
title: e == null ? void 0 : e.title,
|
|
165
165
|
imageUrl: a(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
|
|
166
166
|
text: e == null ? void 0 : e.description,
|
|
167
167
|
titleSlug: e == null ? void 0 : e.titleSlug,
|
|
168
168
|
buttonText: e == null ? void 0 : e.buttonText,
|
|
169
|
-
onCardClick: () => n(e == null ? void 0 : e.
|
|
169
|
+
onCardClick: () => n(e == null ? void 0 : e.titleSlug)
|
|
170
170
|
},
|
|
171
171
|
m
|
|
172
172
|
)) })
|