@lanaco/lnc-react-ui 4.0.150 → 4.0.152
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/AdBannerSection.cjs +3 -3
- package/dist/AdBannerSection.js +16 -16
- package/dist/BannerSectionBasic.cjs +4 -4
- package/dist/BannerSectionBasic.js +33 -32
- package/dist/BannerSectionGrid.cjs +3 -3
- package/dist/BannerSectionGrid.js +33 -33
- package/dist/BlogCardsSponsoredSection.cjs +3 -3
- package/dist/BlogCardsSponsoredSection.js +15 -15
- package/dist/BlogCategoryCardsSection.cjs +1 -1
- package/dist/BlogCategoryCardsSection.js +12 -12
- package/dist/BlogExploreSection.cjs +4 -4
- package/dist/BlogExploreSection.js +30 -30
- package/dist/BlogListSection.cjs +2 -2
- package/dist/BlogListSection.js +28 -28
- package/dist/BlogProductCardsSection.cjs +1 -1
- package/dist/BlogProductCardsSection.js +20 -19
- package/dist/BlogShopCardsSection.cjs +1 -1
- package/dist/BlogShopCardsSection.js +22 -22
- package/dist/BrandHitsSection.cjs +7 -7
- package/dist/BrandHitsSection.js +24 -24
- package/dist/CustomLoanMapSection.cjs +1 -1
- package/dist/CustomLoanMapSection.js +1 -1
- package/dist/{DailyMotion-CPQ6kDJJ.cjs → DailyMotion-BaFUcQKQ.cjs} +1 -1
- package/dist/{DailyMotion-BrbMSyj1.js → DailyMotion-ByXblnua.js} +1 -1
- package/dist/DetailedProductsInfinitiveSection.cjs +3 -3
- package/dist/DetailedProductsInfinitiveSection.js +53 -84
- package/dist/DetailedProductsSection.cjs +1 -1
- package/dist/DetailedProductsSection.js +1 -1
- package/dist/{Facebook-Dw3my9_4.js → Facebook-BCqiOWZO.js} +1 -1
- package/dist/{Facebook-DKhRiODC.cjs → Facebook-D9wwecSW.cjs} +1 -1
- package/dist/FaqSection.cjs +2 -2
- package/dist/FaqSection.js +2 -2
- package/dist/FieldOfInterestsMasonrySection.cjs +6 -6
- package/dist/FieldOfInterestsMasonrySection.js +65 -48
- package/dist/FieldOfInterestsWithAvatarsCardsSection.cjs +3 -3
- package/dist/FieldOfInterestsWithAvatarsCardsSection.js +27 -25
- package/dist/FieldOfInterestsWithTagsCardsSection.cjs +6 -6
- package/dist/FieldOfInterestsWithTagsCardsSection.js +40 -32
- package/dist/{FilePlayer-DlCyGLHB.cjs → FilePlayer-DB6jnpeC.cjs} +1 -1
- package/dist/{FilePlayer-Ckx8dmB0.js → FilePlayer-ktaNhf3p.js} +1 -1
- package/dist/GeneralWithTagsCardsSection.cjs +9 -9
- package/dist/GeneralWithTagsCardsSection.js +15 -15
- package/dist/{Kaltura-31Xm8S1J.cjs → Kaltura-CCdXLzOa.cjs} +1 -1
- package/dist/{Kaltura-qHdDvnjZ.js → Kaltura-CvlN0HDg.js} +1 -1
- package/dist/LoanCalculatorSection.cjs +2 -2
- package/dist/LoanCalculatorSection.js +89 -88
- package/dist/LocationFinderSection.cjs +1 -1
- package/dist/LocationFinderSection.js +1 -1
- package/dist/{Mixcloud-DvH0vfg5.js → Mixcloud-Bb8MTclI.js} +1 -1
- package/dist/{Mixcloud-CP9Zq_TX.cjs → Mixcloud-nG_VyBNt.cjs} +1 -1
- package/dist/{Mux-BlblTeid.cjs → Mux-BgB2a8kM.cjs} +1 -1
- package/dist/{Mux--JeF6dPG.js → Mux-DfYpGTiP.js} +1 -1
- package/dist/OverlayGeneralCardsSection.cjs +5 -5
- package/dist/OverlayGeneralCardsSection.js +11 -11
- package/dist/ProductsWithBannerSection.cjs +1 -1
- package/dist/ProductsWithBannerSection.js +1 -1
- package/dist/QuattroCardsSection.cjs +5 -5
- package/dist/QuattroCardsSection.js +7 -7
- package/dist/QuizSection.cjs +7 -7
- package/dist/QuizSection.js +51 -51
- package/dist/SalesCampaignsSection.cjs +1 -1
- package/dist/SalesCampaignsSection.js +2 -1
- package/dist/SearchSection-BcbHP6QF.cjs +161 -0
- package/dist/{SearchSection-CsfURtvf.js → SearchSection-DDQ_K98T.js} +52 -52
- package/dist/SearchSection.cjs +1 -1
- package/dist/SearchSection.js +1 -1
- 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/{SoundCloud-1hd9TBSO.cjs → SoundCloud-C86xwUG6.cjs} +1 -1
- package/dist/{SoundCloud-CKaavZky.js → SoundCloud-DG91z39R.js} +1 -1
- package/dist/StatsSection.cjs +5 -5
- package/dist/StatsSection.js +22 -22
- package/dist/{Streamable-DLxq1ZNX.cjs → Streamable-4uAnb3WN.cjs} +1 -1
- package/dist/{Streamable-CZEPghiG.js → Streamable-BAIWLgyD.js} +1 -1
- package/dist/ToggleSection.cjs +3 -3
- package/dist/ToggleSection.js +10 -10
- package/dist/{Twitch-Bb8e342z.cjs → Twitch-CVAj24ti.cjs} +1 -1
- package/dist/{Twitch-BJeGquex.js → Twitch-DfXeW5Xs.js} +1 -1
- package/dist/UrgentSaleProductsSection.cjs +1 -1
- package/dist/UrgentSaleProductsSection.js +1 -1
- package/dist/{Vidyard-WNQdOeK1.cjs → Vidyard-DaCcaaH4.cjs} +1 -1
- package/dist/{Vidyard-CuGoX_VE.js → Vidyard-De3pges0.js} +1 -1
- package/dist/{Vimeo-Da2vBv-V.cjs → Vimeo-8wXdCXGs.cjs} +1 -1
- package/dist/{Vimeo-B9eKoxWn.js → Vimeo-N6I2qi_h.js} +1 -1
- package/dist/{Wistia-ZPcGhh1L.cjs → Wistia-BrUzHQoq.cjs} +1 -1
- package/dist/{Wistia-BB50IUif.js → Wistia-dlV6n6tO.js} +1 -1
- package/dist/{YouTube-4RMnpdLL.cjs → YouTube-Cfsj4ZaP.cjs} +1 -1
- package/dist/{YouTube-CG6JL2_w.js → YouTube-DNJxWqRm.js} +1 -1
- package/dist/{index-DzYKmmn2.js → index-BGY3PSA-.js} +18 -18
- package/dist/{index-Djw_s9eq.js → index-C0SKNFzP.js} +15 -15
- package/dist/{index-cd9auaNr.cjs → index-CLoINIGC.cjs} +3 -3
- package/dist/{index-GxCvHDwv.cjs → index-ELUMKl0N.cjs} +2 -2
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/{suspense-categories-card-simple-DuKEj9IU.js → suspense-categories-card-simple-BGj475Ca.js} +11 -10
- package/dist/{suspense-categories-card-simple-DaA0JGJJ.cjs → suspense-categories-card-simple-CjGtzfzp.cjs} +1 -1
- package/dist/suspense-product-card-detailed-BJ-HBkBc.js +577 -0
- package/dist/suspense-product-card-detailed-wPRUytSf.cjs +263 -0
- package/dist/{suspense-product-card-simple-D2m3NcrV.js → suspense-product-card-simple-CLJjab5B.js} +1 -1
- package/dist/{suspense-product-card-simple-BWxWMag0.cjs → suspense-product-card-simple-CrqjSxHI.cjs} +1 -1
- package/dist/{tag-CtleOqEC.js → tag-cRMfP-SZ.js} +9 -9
- package/dist/{tag-Bov1gw34.cjs → tag-yputMSpE.cjs} +4 -4
- package/package.json +1 -1
- package/dist/SearchSection-BGK1Fxaj.cjs +0 -161
- package/dist/suspense-product-card-detailed-C-ZCjG5p.js +0 -538
- package/dist/suspense-product-card-detailed-FuxsUusc.cjs +0 -260
package/dist/BrandHitsSection.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as r, jsxs as h } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import { o as
|
|
4
|
-
import { s as
|
|
5
|
-
import { M as
|
|
6
|
-
const
|
|
2
|
+
import { forwardRef as o } from "react";
|
|
3
|
+
import { o as _, l as g } from "./utils-BdsZgOUE.js";
|
|
4
|
+
import { s as d } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
5
|
+
import { M as l } from "./consts-BuFChS64.js";
|
|
6
|
+
const w = d.div`
|
|
7
7
|
width: 7.5rem;
|
|
8
8
|
height: auto;
|
|
9
9
|
max-height: 7.5rem;
|
|
@@ -17,7 +17,7 @@ const g = o.div`
|
|
|
17
17
|
height: auto;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
@media (max-width: ${
|
|
20
|
+
@media (max-width: ${l + "px"}) {
|
|
21
21
|
width: 4.5rem;
|
|
22
22
|
height: auto;
|
|
23
23
|
max-height: 4.5rem;
|
|
@@ -27,18 +27,18 @@ const g = o.div`
|
|
|
27
27
|
height: auto;
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
|
-
`,
|
|
30
|
+
`, f = d.div`
|
|
31
31
|
width: 7.5rem;
|
|
32
32
|
height: 3.5rem;
|
|
33
|
-
background: ${
|
|
33
|
+
background: ${_("-90deg")};
|
|
34
34
|
|
|
35
|
-
@media (max-width: ${
|
|
35
|
+
@media (max-width: ${l + "px"}) {
|
|
36
36
|
width: 4.5rem;
|
|
37
37
|
height: 4.5rem;
|
|
38
38
|
}
|
|
39
|
-
`,
|
|
40
|
-
({ imageComponent: a, image: i, onSelectCard: t },
|
|
41
|
-
),
|
|
39
|
+
`, x = o(
|
|
40
|
+
({ imageComponent: a, image: i, onSelectCard: t }, n) => /* @__PURE__ */ r(w, { ref: n, children: g(a) ? a : /* @__PURE__ */ r("img", { src: i, className: "wrapper__image", onClick: t }) })
|
|
41
|
+
), u = o(({}, a) => /* @__PURE__ */ r(f, {})), v = d.div`
|
|
42
42
|
display: flex;
|
|
43
43
|
flex-direction: column;
|
|
44
44
|
align-items: flex-start;
|
|
@@ -87,7 +87,7 @@ const g = o.div`
|
|
|
87
87
|
}
|
|
88
88
|
}
|
|
89
89
|
|
|
90
|
-
@media (max-width: ${
|
|
90
|
+
@media (max-width: ${l + "px"}) {
|
|
91
91
|
& .wrapper__content {
|
|
92
92
|
align-content: center;
|
|
93
93
|
gap: 1rem;
|
|
@@ -98,28 +98,28 @@ const g = o.div`
|
|
|
98
98
|
}
|
|
99
99
|
}
|
|
100
100
|
}
|
|
101
|
-
`, B =
|
|
102
|
-
({ title: a, subtitle: i, items: t = [], isLoading:
|
|
103
|
-
} },
|
|
101
|
+
`, B = o(
|
|
102
|
+
({ title: a, subtitle: i, items: t = [], isLoading: n = !1, onSelectCard: p = () => {
|
|
103
|
+
} }, c) => {
|
|
104
104
|
var s;
|
|
105
|
-
return /* @__PURE__ */ h(
|
|
105
|
+
return /* @__PURE__ */ h(v, { ref: c, children: [
|
|
106
106
|
/* @__PURE__ */ h("div", { className: "wrapper__heading", children: [
|
|
107
107
|
a && /* @__PURE__ */ r("div", { className: "wrapper__title", children: a }),
|
|
108
108
|
i && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: i })
|
|
109
109
|
] }),
|
|
110
|
-
/* @__PURE__ */ r("div", { className: "wrapper__content", children:
|
|
111
|
-
|
|
110
|
+
/* @__PURE__ */ r("div", { className: "wrapper__content", children: n ? (s = Array.from("12345")) == null ? void 0 : s.map((e, m) => /* @__PURE__ */ r(
|
|
111
|
+
u,
|
|
112
112
|
{},
|
|
113
|
-
`brand-hit-card-skeleton__${
|
|
114
|
-
)) : t == null ? void 0 : t.map((e,
|
|
115
|
-
|
|
113
|
+
`brand-hit-card-skeleton__${m + 1}`
|
|
114
|
+
)) : t == null ? void 0 : t.map((e, m) => /* @__PURE__ */ r(
|
|
115
|
+
x,
|
|
116
116
|
{
|
|
117
117
|
image: e == null ? void 0 : e.image,
|
|
118
118
|
imageComponent: e == null ? void 0 : e.imageComponent,
|
|
119
|
-
onSelectCard: () =>
|
|
119
|
+
onSelectCard: () => p == null ? void 0 : p(e),
|
|
120
120
|
className: "wrapper__item"
|
|
121
121
|
},
|
|
122
|
-
`brand-hit-card__${
|
|
122
|
+
`brand-hit-card__${m + 1}`
|
|
123
123
|
)) })
|
|
124
124
|
] });
|
|
125
125
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),k=require("react"),z=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=require("./consts-goSZX3xP.cjs"),G=require("./index-
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),k=require("react"),z=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=require("./consts-goSZX3xP.cjs"),G=require("./index-ELUMKl0N.cjs"),J=require("./LoanCalculatorSection.cjs"),K=z.styled.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
gap: 2rem;
|
|
4
4
|
|
|
@@ -2,7 +2,7 @@ import { jsxs as q, jsx as t } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef as z } from "react";
|
|
3
3
|
import { s as D } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
4
|
import { M as G } from "./consts-BuFChS64.js";
|
|
5
|
-
import { L as J } from "./index-
|
|
5
|
+
import { L as J } from "./index-C0SKNFzP.js";
|
|
6
6
|
import K from "./LoanCalculatorSection.js";
|
|
7
7
|
const N = D.div`
|
|
8
8
|
display: flex;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const v=require("./_commonjsHelpers-DwTZ_eVU.cjs"),D=require("react"),h=require("./SearchSection-
|
|
1
|
+
"use strict";const v=require("./_commonjsHelpers-DwTZ_eVU.cjs"),D=require("react"),h=require("./SearchSection-BcbHP6QF.cjs");function O(t,e){for(var r=0;r<e.length;r++){const a=e[r];if(typeof a!="string"&&!Array.isArray(a)){for(const o in a)if(o!=="default"&&!(o in t)){const i=Object.getOwnPropertyDescriptor(a,o);i&&Object.defineProperty(t,o,i.get?i:{enumerable:!0,get:()=>a[o]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var b=Object.create,s=Object.defineProperty,M=Object.getOwnPropertyDescriptor,w=Object.getOwnPropertyNames,S=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty,T=(t,e,r)=>e in t?s(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,A=(t,e)=>{for(var r in e)s(t,r,{get:e[r],enumerable:!0})},d=(t,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of w(e))!j.call(t,o)&&o!==r&&s(t,o,{get:()=>e[o],enumerable:!(a=M(e,o))||a.enumerable});return t},E=(t,e,r)=>(r=t!=null?b(S(t)):{},d(!t||!t.__esModule?s(r,"default",{value:t,enumerable:!0}):r,t)),L=t=>d(s({},"__esModule",{value:!0}),t),n=(t,e,r)=>(T(t,typeof e!="symbol"?e+"":e,r),r),_={};A(_,{default:()=>p});var f=L(_),c=E(D),l=h.utils,g=h.patterns;const C="https://api.dmcdn.net/all.js",N="DM",R="dmAsyncInit";class p extends c.Component{constructor(){super(...arguments),n(this,"callPlayer",l.callPlayer),n(this,"onDurationChange",()=>{const e=this.getDuration();this.props.onDuration(e)}),n(this,"mute",()=>{this.callPlayer("setMuted",!0)}),n(this,"unmute",()=>{this.callPlayer("setMuted",!1)}),n(this,"ref",e=>{this.container=e})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e){const{controls:r,config:a,onError:o,playing:i}=this.props,[,y]=e.match(g.MATCH_URL_DAILYMOTION);if(this.player){this.player.load(y,{start:(0,l.parseStartTime)(e),autoplay:i});return}(0,l.getSDK)(C,N,R,u=>u.player).then(u=>{if(!this.container)return;const m=u.player;this.player=new m(this.container,{width:"100%",height:"100%",video:y,params:{controls:r,autoplay:this.props.playing,mute:this.props.muted,start:(0,l.parseStartTime)(e),origin:window.location.origin,...a.params},events:{apiready:this.props.onReady,seeked:()=>this.props.onSeek(this.player.currentTime),video_end:this.props.onEnded,durationchange:this.onDurationChange,pause:this.props.onPause,playing:this.props.onPlay,waiting:this.props.onBuffer,error:P=>o(P)}})},o)}play(){this.callPlayer("play")}pause(){this.callPlayer("pause")}stop(){}seekTo(e,r=!0){this.callPlayer("seek",e),r||this.pause()}setVolume(e){this.callPlayer("setVolume",e)}getDuration(){return this.player.duration||null}getCurrentTime(){return this.player.currentTime}getSecondsLoaded(){return this.player.bufferedTime}render(){const{display:e}=this.props,r={width:"100%",height:"100%",display:e};return c.default.createElement("div",{style:r},c.default.createElement("div",{ref:this.ref}))}}n(p,"displayName","DailyMotion");n(p,"canPlay",g.canPlay.dailymotion);n(p,"loopOnEnded",!0);const x=v.getDefaultExportFromCjs(f),K=O({__proto__:null,default:x},[f]);exports.DailyMotion=K;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { g as P } from "./_commonjsHelpers-BkfeUUK-.js";
|
|
2
2
|
import v from "react";
|
|
3
|
-
import { u as D, p as O } from "./SearchSection-
|
|
3
|
+
import { u as D, p as O } from "./SearchSection-DDQ_K98T.js";
|
|
4
4
|
function b(t, e) {
|
|
5
5
|
for (var r = 0; r < e.length; r++) {
|
|
6
6
|
const o = e[r];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),r=require("react"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),P=require("./consts-goSZX3xP.cjs"),N=require("./IconButton.cjs"),D=require("./Button.cjs"),d=require("./utils-Dl9xPH4c.cjs"),M=require("./useDetectMobile-zkbzoOGV.cjs"),u=require("./suspense-product-card-detailed-wPRUytSf.cjs"),B=j.styled.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
gap: 1.5rem;
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
|
|
19
19
|
& .section__items {
|
|
20
20
|
display: grid;
|
|
21
|
-
grid-template-columns: ${
|
|
21
|
+
grid-template-columns: ${n=>`repeat(${n.limit}, minmax(0, 1fr))`};
|
|
22
22
|
gap: 2rem;
|
|
23
23
|
}
|
|
24
24
|
|
|
@@ -63,4 +63,4 @@
|
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
|
-
`,
|
|
66
|
+
`,I=r.memo(u.DetailedProductCard),L=r.forwardRef((n,m)=>{const{title:s,items:o,limit:a=4,isLoading:g=!1,onSelectCard:p=()=>{},onLoadMore:b=()=>{},onButtonAction:f=()=>{},getImage:w=()=>{},viewAllbuttonLink:l,viewAllButonText:_="View all",negotiableText:h,freeText:y,loadMoreButtonIcon:k="angle-down",sponsoredText:v,onBookmark:C=()=>{},bookmarkComponent:q}=n,c=M.useDetectMobile(),S=r.useMemo(()=>o==null?void 0:o.map((e,i)=>t.jsx(I,{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:()=>p({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),imageUrl:w(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:h,freeText:y,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,trade:e==null?void 0:e.trade,sponsoredText:v,onBookmark:C,bookmarkComponent:q,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},i)),[o]);return t.jsxs(B,{ref:m,limit:a,children:[t.jsxs("div",{className:"section__heading",children:[d.isDefinedNotEmptyString(s)&&t.jsx("div",{className:"section__title",children:s}),c&&d.isDefinedNotEmptyString(l)&&t.jsx(D,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var i;(i=e==null?void 0:e.target)==null||i.blur(),f(l)},borderRadius:"curved",className:"section__view-all",children:_})]}),t.jsx(u.SuspenseDetailedProductCard,{isLoading:g,limit:a,keyPrefix:"explore-landing",children:t.jsx("div",{className:"section__items",children:S})}),!c&&t.jsx(N,{icon:k,borderRadius:"curved",btnType:"basic",color:"neutral",className:"section__show-more",onClick:b})]})});module.exports=L;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { jsx as o,
|
|
2
|
-
import { memo as
|
|
3
|
-
import { s as
|
|
4
|
-
import { M as
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import { k } from "./utils-BdsZgOUE.js";
|
|
8
|
-
import { u as
|
|
9
|
-
import { D as
|
|
10
|
-
const
|
|
1
|
+
import { jsx as o, jsxs as c } from "react/jsx-runtime";
|
|
2
|
+
import { memo as P, forwardRef as M, useMemo as N } from "react";
|
|
3
|
+
import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
|
+
import { M as D } from "./consts-BuFChS64.js";
|
|
5
|
+
import I from "./IconButton.js";
|
|
6
|
+
import L from "./Button.js";
|
|
7
|
+
import { k as m } from "./utils-BdsZgOUE.js";
|
|
8
|
+
import { u as T } from "./useDetectMobile-Bkvj0VMa.js";
|
|
9
|
+
import { D as z, S as E } from "./suspense-product-card-detailed-BJ-HBkBc.js";
|
|
10
|
+
const U = B.div`
|
|
11
11
|
display: flex;
|
|
12
12
|
flex-direction: column;
|
|
13
13
|
gap: 1.5rem;
|
|
@@ -27,7 +27,7 @@ const z = U.div`
|
|
|
27
27
|
|
|
28
28
|
& .section__items {
|
|
29
29
|
display: grid;
|
|
30
|
-
grid-template-columns: ${(
|
|
30
|
+
grid-template-columns: ${(r) => `repeat(${r.limit}, minmax(0, 1fr))`};
|
|
31
31
|
gap: 2rem;
|
|
32
32
|
}
|
|
33
33
|
|
|
@@ -51,7 +51,7 @@ const z = U.div`
|
|
|
51
51
|
white-space: nowrap;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
-
@media (max-width: ${
|
|
54
|
+
@media (max-width: ${D + "px"}) {
|
|
55
55
|
& .section__items {
|
|
56
56
|
display: flex;
|
|
57
57
|
gap: 1rem;
|
|
@@ -72,31 +72,31 @@ const z = U.div`
|
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
|
-
`,
|
|
75
|
+
`, $ = P(z), G = M((r, d) => {
|
|
76
76
|
const {
|
|
77
|
-
title:
|
|
77
|
+
title: n,
|
|
78
78
|
items: i,
|
|
79
|
-
limit:
|
|
80
|
-
isLoading:
|
|
81
|
-
onSelectCard:
|
|
79
|
+
limit: a = 4,
|
|
80
|
+
isLoading: u = !1,
|
|
81
|
+
onSelectCard: p = () => {
|
|
82
82
|
},
|
|
83
|
-
onLoadMore:
|
|
83
|
+
onLoadMore: g = () => {
|
|
84
84
|
},
|
|
85
|
-
onButtonAction:
|
|
85
|
+
onButtonAction: f = () => {
|
|
86
86
|
},
|
|
87
|
-
getImage:
|
|
87
|
+
getImage: b = () => {
|
|
88
88
|
},
|
|
89
|
-
viewAllbuttonLink:
|
|
90
|
-
viewAllButonText:
|
|
91
|
-
negotiableText:
|
|
92
|
-
freeText:
|
|
93
|
-
loadMoreButtonIcon:
|
|
94
|
-
sponsoredText:
|
|
95
|
-
onBookmark:
|
|
89
|
+
viewAllbuttonLink: l,
|
|
90
|
+
viewAllButonText: w = "View all",
|
|
91
|
+
negotiableText: _,
|
|
92
|
+
freeText: h,
|
|
93
|
+
loadMoreButtonIcon: k = "angle-down",
|
|
94
|
+
sponsoredText: y,
|
|
95
|
+
onBookmark: v = () => {
|
|
96
96
|
},
|
|
97
|
-
bookmarkComponent:
|
|
98
|
-
} =
|
|
99
|
-
|
|
97
|
+
bookmarkComponent: C
|
|
98
|
+
} = r, s = T(), S = N(() => i == null ? void 0 : i.map((e, t) => /* @__PURE__ */ o(
|
|
99
|
+
$,
|
|
100
100
|
{
|
|
101
101
|
name: e == null ? void 0 : e.name,
|
|
102
102
|
price: e == null ? void 0 : e.price,
|
|
@@ -107,97 +107,66 @@ const z = U.div`
|
|
|
107
107
|
uuid: e == null ? void 0 : e.uuid,
|
|
108
108
|
sponsored: e == null ? void 0 : e.sponsored,
|
|
109
109
|
imageComponent: e == null ? void 0 : e.imageComponent,
|
|
110
|
-
onSelectCard: () =>
|
|
111
|
-
imageUrl:
|
|
110
|
+
onSelectCard: () => p({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
|
|
111
|
+
imageUrl: b(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
|
|
112
112
|
isFree: e == null ? void 0 : e.isFree,
|
|
113
113
|
isNegotiable: e == null ? void 0 : e.isNegotiable,
|
|
114
|
-
negotiableText:
|
|
115
|
-
freeText:
|
|
114
|
+
negotiableText: _,
|
|
115
|
+
freeText: h,
|
|
116
116
|
tags: e == null ? void 0 : e.tags,
|
|
117
117
|
categoryCode: e == null ? void 0 : e.categoryCode,
|
|
118
118
|
condition: e == null ? void 0 : e.condition,
|
|
119
119
|
quantity: e == null ? void 0 : e.quantity,
|
|
120
120
|
trade: e == null ? void 0 : e.trade,
|
|
121
|
-
sponsoredText:
|
|
122
|
-
onBookmark:
|
|
123
|
-
bookmarkComponent:
|
|
121
|
+
sponsoredText: y,
|
|
122
|
+
onBookmark: v,
|
|
123
|
+
bookmarkComponent: C,
|
|
124
124
|
bookmarked: e == null ? void 0 : e.bookmarked,
|
|
125
125
|
bookmarkLists: e == null ? void 0 : e.bookmarkLists
|
|
126
126
|
},
|
|
127
127
|
t
|
|
128
|
-
))
|
|
129
|
-
|
|
130
|
-
{
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
currency: e == null ? void 0 : e.currency,
|
|
135
|
-
image: e == null ? void 0 : e.image,
|
|
136
|
-
sellerUuid: e == null ? void 0 : e.sellerUuid,
|
|
137
|
-
uuid: e == null ? void 0 : e.uuid,
|
|
138
|
-
location: e == null ? void 0 : e.location,
|
|
139
|
-
sponsored: e == null ? void 0 : e.sponsored,
|
|
140
|
-
imageComponent: e == null ? void 0 : e.imageComponent,
|
|
141
|
-
onSelectCard: () => s({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
|
|
142
|
-
imageUrl: d(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
|
|
143
|
-
isFree: e == null ? void 0 : e.isFree,
|
|
144
|
-
isNegotiable: e == null ? void 0 : e.isNegotiable,
|
|
145
|
-
negotiableText: m,
|
|
146
|
-
freeText: u,
|
|
147
|
-
tags: e == null ? void 0 : e.tags,
|
|
148
|
-
categoryCode: e == null ? void 0 : e.categoryCode,
|
|
149
|
-
condition: e == null ? void 0 : e.condition,
|
|
150
|
-
quantity: e == null ? void 0 : e.quantity,
|
|
151
|
-
trade: e == null ? void 0 : e.trade,
|
|
152
|
-
sponsoredText: g,
|
|
153
|
-
onBookmark: p,
|
|
154
|
-
bookmarkComponent: f,
|
|
155
|
-
bookmarked: e == null ? void 0 : e.bookmarked,
|
|
156
|
-
bookmarkLists: e == null ? void 0 : e.bookmarkLists
|
|
157
|
-
},
|
|
158
|
-
t
|
|
159
|
-
)) }), [i, n, r]);
|
|
160
|
-
return /* @__PURE__ */ b(z, { limit: r, children: [
|
|
161
|
-
/* @__PURE__ */ b("div", { className: "section__heading", children: [
|
|
162
|
-
k(l) && /* @__PURE__ */ o("div", { className: "section__title", children: l }),
|
|
163
|
-
n && k(c) && /* @__PURE__ */ o(
|
|
164
|
-
F,
|
|
128
|
+
)), [i]);
|
|
129
|
+
return /* @__PURE__ */ c(U, { ref: d, limit: a, children: [
|
|
130
|
+
/* @__PURE__ */ c("div", { className: "section__heading", children: [
|
|
131
|
+
m(n) && /* @__PURE__ */ o("div", { className: "section__title", children: n }),
|
|
132
|
+
s && m(l) && /* @__PURE__ */ o(
|
|
133
|
+
L,
|
|
165
134
|
{
|
|
166
135
|
type: "button",
|
|
167
136
|
btnType: "tinted",
|
|
168
137
|
color: "neutral",
|
|
169
138
|
onClick: (e) => {
|
|
170
139
|
var t;
|
|
171
|
-
(t = e == null ? void 0 : e.target) == null || t.blur(),
|
|
140
|
+
(t = e == null ? void 0 : e.target) == null || t.blur(), f(l);
|
|
172
141
|
},
|
|
173
142
|
borderRadius: "curved",
|
|
174
143
|
className: "section__view-all",
|
|
175
|
-
children:
|
|
144
|
+
children: w
|
|
176
145
|
}
|
|
177
146
|
)
|
|
178
147
|
] }),
|
|
179
148
|
/* @__PURE__ */ o(
|
|
180
|
-
|
|
149
|
+
E,
|
|
181
150
|
{
|
|
182
|
-
isLoading:
|
|
183
|
-
limit:
|
|
151
|
+
isLoading: u,
|
|
152
|
+
limit: a,
|
|
184
153
|
keyPrefix: "explore-landing",
|
|
185
154
|
children: /* @__PURE__ */ o("div", { className: "section__items", children: S })
|
|
186
155
|
}
|
|
187
156
|
),
|
|
188
|
-
!
|
|
189
|
-
|
|
157
|
+
!s && /* @__PURE__ */ o(
|
|
158
|
+
I,
|
|
190
159
|
{
|
|
191
|
-
icon:
|
|
160
|
+
icon: k,
|
|
192
161
|
borderRadius: "curved",
|
|
193
162
|
btnType: "basic",
|
|
194
163
|
color: "neutral",
|
|
195
164
|
className: "section__show-more",
|
|
196
|
-
onClick:
|
|
165
|
+
onClick: g
|
|
197
166
|
}
|
|
198
167
|
)
|
|
199
168
|
] });
|
|
200
169
|
});
|
|
201
170
|
export {
|
|
202
|
-
|
|
171
|
+
G as default
|
|
203
172
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const i=require("react/jsx-runtime"),s=require("react"),U=require("./emotion-styled.browser.esm-BtEseadx.cjs"),L=require("./consts-goSZX3xP.cjs"),M=require("./Button.cjs"),S=require("./utils-Dl9xPH4c.cjs"),T=require("./useDetectMobile-zkbzoOGV.cjs"),F=require("./style-CyHewQxg.cjs"),f=require("./suspense-product-card-detailed-
|
|
1
|
+
"use strict";const i=require("react/jsx-runtime"),s=require("react"),U=require("./emotion-styled.browser.esm-BtEseadx.cjs"),L=require("./consts-goSZX3xP.cjs"),M=require("./Button.cjs"),S=require("./utils-Dl9xPH4c.cjs"),T=require("./useDetectMobile-zkbzoOGV.cjs"),F=require("./style-CyHewQxg.cjs"),f=require("./suspense-product-card-detailed-wPRUytSf.cjs"),B=require("./index-D0xXo7W6.cjs"),E=U.styled.div`
|
|
2
2
|
display: grid;
|
|
3
3
|
grid-template-columns: ${a=>`repeat(${a.limit}, minmax(0, 1fr))`};
|
|
4
4
|
gap: 1.25rem;
|
|
@@ -6,7 +6,7 @@ import E from "./Button.js";
|
|
|
6
6
|
import { k as S } from "./utils-BdsZgOUE.js";
|
|
7
7
|
import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
|
|
8
8
|
import { T as O } from "./style-DFPWLJBr.js";
|
|
9
|
-
import { D as R, S as W } from "./suspense-product-card-detailed-
|
|
9
|
+
import { D as R, S as W } from "./suspense-product-card-detailed-BJ-HBkBc.js";
|
|
10
10
|
import { S as $ } from "./index-Dweo-G3H.js";
|
|
11
11
|
const j = B.div`
|
|
12
12
|
display: grid;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { g as _ } from "./_commonjsHelpers-BkfeUUK-.js";
|
|
2
2
|
import g from "react";
|
|
3
|
-
import { u as P, p as m } from "./SearchSection-
|
|
3
|
+
import { u as P, p as m } from "./SearchSection-DDQ_K98T.js";
|
|
4
4
|
function v(t, e) {
|
|
5
5
|
for (var r = 0; r < e.length; r++) {
|
|
6
6
|
const o = e[r];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const P=require("./_commonjsHelpers-DwTZ_eVU.cjs"),g=require("react"),h=require("./SearchSection-
|
|
1
|
+
"use strict";const P=require("./_commonjsHelpers-DwTZ_eVU.cjs"),g=require("react"),h=require("./SearchSection-BcbHP6QF.cjs");function m(t,e){for(var r=0;r<e.length;r++){const o=e[r];if(typeof o!="string"&&!Array.isArray(o)){for(const s in o)if(s!=="default"&&!(s in t)){const p=Object.getOwnPropertyDescriptor(o,s);p&&Object.defineProperty(t,s,p.get?p:{enumerable:!0,get:()=>o[s]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var v=Object.create,i=Object.defineProperty,O=Object.getOwnPropertyDescriptor,D=Object.getOwnPropertyNames,S=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty,j=(t,e,r)=>e in t?i(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,k=(t,e)=>{for(var r in e)i(t,r,{get:e[r],enumerable:!0})},b=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of D(e))!E.call(t,s)&&s!==r&&i(t,s,{get:()=>e[s],enumerable:!(o=O(e,s))||o.enumerable});return t},I=(t,e,r)=>(r=t!=null?v(S(t)):{},b(!t||!t.__esModule?i(r,"default",{value:t,enumerable:!0}):r,t)),w=t=>b(i({},"__esModule",{value:!0}),t),a=(t,e,r)=>(j(t,typeof e!="symbol"?e+"":e,r),r),d={};k(d,{default:()=>l});var _=w(d),u=I(g),n=h.utils,F=h.patterns;const c="https://connect.facebook.net/en_US/sdk.js",y="FB",f="fbAsyncInit",L="facebook-player-";class l extends u.Component{constructor(){super(...arguments),a(this,"callPlayer",n.callPlayer),a(this,"playerID",this.props.config.playerId||`${L}${(0,n.randomString)()}`),a(this,"mute",()=>{this.callPlayer("mute")}),a(this,"unmute",()=>{this.callPlayer("unmute")})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e,r){if(r){(0,n.getSDK)(c,y,f).then(o=>o.XFBML.parse());return}(0,n.getSDK)(c,y,f).then(o=>{o.init({appId:this.props.config.appId,xfbml:!0,version:this.props.config.version}),o.Event.subscribe("xfbml.render",s=>{this.props.onLoaded()}),o.Event.subscribe("xfbml.ready",s=>{s.type==="video"&&s.id===this.playerID&&(this.player=s.instance,this.player.subscribe("startedPlaying",this.props.onPlay),this.player.subscribe("paused",this.props.onPause),this.player.subscribe("finishedPlaying",this.props.onEnded),this.player.subscribe("startedBuffering",this.props.onBuffer),this.player.subscribe("finishedBuffering",this.props.onBufferEnd),this.player.subscribe("error",this.props.onError),this.props.muted?this.callPlayer("mute"):this.callPlayer("unmute"),this.props.onReady(),document.getElementById(this.playerID).querySelector("iframe").style.visibility="visible")})})}play(){this.callPlayer("play")}pause(){this.callPlayer("pause")}stop(){}seekTo(e,r=!0){this.callPlayer("seek",e),r||this.pause()}setVolume(e){this.callPlayer("setVolume",e)}getDuration(){return this.callPlayer("getDuration")}getCurrentTime(){return this.callPlayer("getCurrentPosition")}getSecondsLoaded(){return null}render(){const{attributes:e}=this.props.config,r={width:"100%",height:"100%"};return u.default.createElement("div",{style:r,id:this.playerID,className:"fb-video","data-href":this.props.url,"data-autoplay":this.props.playing?"true":"false","data-allowfullscreen":"true","data-controls":this.props.controls?"true":"false",...e})}}a(l,"displayName","Facebook");a(l,"canPlay",F.canPlay.facebook);a(l,"loopOnEnded",!0);const M=P.getDefaultExportFromCjs(_),x=m({__proto__:null,default:M},[_]);exports.Facebook=x;
|
package/dist/FaqSection.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),u=require("react"),n=require("./index-BpbMKBf_.cjs"),P=require("./tag-yputMSpE.cjs"),w=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./Icon.cjs"),b=require("./IconButton.cjs"),I=require("./Button.cjs"),N=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),m=({title:t,description:i,questionText:a,feedbackText:g,impressions:l=!1,onSelectItem:p=()=>{},onImpressed:d=()=>{}})=>{const[h,c]=u.useState(!1),[x,y]=u.useState(!1),T=()=>{c(o=>!o),p()},r=(o,_)=>{o==null||o.stopPropagation(),y(!0),d(_)};return e.jsxs(P.ItemContainer,{className:h?"expanded":"",onClick:T,children:[e.jsxs("div",{className:"card__heading",children:[e.jsx("div",{className:"card__title",children:t}),e.jsx(q,{icon:h?" mng-lnc-subtract":" mng-lnc-add",sizeInUnits:"1.25rem",className:"card__icon"})]}),h&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"card__description",children:i}),l&&e.jsx(e.Fragment,{children:x?e.jsxs("div",{className:"card__impression feedback",children:[e.jsx(q,{icon:" mng-lnc-checkmark--outline",sizeInUnits:"1.25rem",color:"success"}),e.jsx("div",{className:"imppression__question",children:g})]}):e.jsxs("div",{className:"card__impression",children:[e.jsx("div",{className:"imppression__question",children:a}),e.jsxs("div",{className:"impression__actions",children:[e.jsx(b,{icon:" mng-lnc-thumbs-up",borderRadius:"curved",btnType:"outline",onClick:o=>r(o,!0)}),e.jsx(b,{icon:" mng-lnc-thumbs-down",borderRadius:"curved",btnType:"outline",onClick:o=>r(o,!1)})]})]})})]})]})},v=u.forwardRef(({items:t=[],questionText:i,feedbackText:a,showMoreText:g,impressions:l=!1,onSelectItem:p=()=>{},onImpressed:d=()=>{}},h)=>{const c=w.useDetectMobile(),[x,y]=u.useState(!1),T=()=>{y(o=>!o)},r=u.useMemo(()=>{if(c)return t==null?void 0:t.map((s,f)=>e.jsx(m,{title:s==null?void 0:s.title,description:s==null?void 0:s.description,questionText:i,feedbackText:a,impressions:l,onSelectItem:()=>p(s),onImpressed:j=>d(s,j)},`faq-section-item__${f+1}`));const o=[],_=[];return t==null||t.forEach((s,f)=>{f%2===0?o.push(e.jsx(m,{title:s==null?void 0:s.title,description:s==null?void 0:s.description,questionText:i,feedbackText:a,impressions:l,onSelectItem:()=>p(s),onImpressed:j=>d(s,j)},`faq-section-item__${f+1}`)):_.push(e.jsx(m,{title:s==null?void 0:s.title,description:s==null?void 0:s.description,questionText:i,feedbackText:a,impressions:l,onSelectItem:()=>p(s),onImpressed:j=>d(s,j)},`faq-section-item__${f+1}`))}),e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"section__column",children:o}),e.jsx("div",{className:"section__column",children:_})]})},[t,c]);return e.jsx(P.ItemsContainer,{ref:h,children:c?x?r:e.jsxs(e.Fragment,{children:[r==null?void 0:r.slice(0,4),(r==null?void 0:r.length)>4&&e.jsx(I,{text:g,btnType:"basic",color:"neutral",className:"section__show-more",onClick:T})]}):r})});m.propTypes={title:n.PropTypes.string,description:n.PropTypes.string,questionText:n.PropTypes.string,feedbackText:n.PropTypes.string,showMoreText:n.PropTypes.string,impressions:n.PropTypes.bool,onSelectItem:n.PropTypes.func,onImpressed:n.PropTypes.func};v.propTypes={items:n.PropTypes.array,questionText:n.PropTypes.string,feedbackText:n.PropTypes.string,showMoreText:n.PropTypes.string,impressions:n.PropTypes.bool,onSelectItem:n.PropTypes.func,onImpressed:n.PropTypes.func};const M=N.styled.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
align-items: center;
|
|
@@ -44,4 +44,4 @@
|
|
|
44
44
|
letter-spacing: 0.25px;
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
|
-
`,S=
|
|
47
|
+
`,S=u.forwardRef(({title:t,description:i,questionText:a="What do you think about this answer?",feedbackText:g="Thank you for feedback!",showMoreText:l="Show more",allTagText:p="All",impressions:d=!1,tags:h=[],items:c=[],onSelectItem:x=()=>{},onImpressed:y=()=>{}},T)=>{const[r,o]=u.useState(null),_=s=>{o(s==null?void 0:s.code)};return e.jsxs(M,{ref:T,children:[e.jsxs("div",{className:"section__heading",children:[t&&e.jsx("div",{className:"section__title",children:t}),i&&e.jsx("div",{className:"section__description",children:i})]}),e.jsx(P.FaqSectionTags,{tags:h,allTagText:p,selectedTagCode:r,onSelectTag:_}),e.jsx(v,{items:r===null?c:c==null?void 0:c.filter(s=>(s==null?void 0:s.tagCode)===r),questionText:a,feedbackText:g,showMoreText:l,impressions:d,onSelectItem:x,onImpressed:y},`faq-section-items__${r}`)]})});S.propTypes={title:n.PropTypes.string,description:n.PropTypes.string,tags:n.PropTypes.array,items:n.PropTypes.array,questionText:n.PropTypes.string,feedbackText:n.PropTypes.string,showMoreText:n.PropTypes.string,allTagText:n.PropTypes.string,impressions:n.PropTypes.bool,onSelectItem:n.PropTypes.func,onImpressed:n.PropTypes.func};module.exports=S;
|
package/dist/FaqSection.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as s, jsxs as i, Fragment as b } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as N, useState as x, useMemo as q } from "react";
|
|
3
3
|
import { P as n } from "./index-CblbdqjE.js";
|
|
4
|
-
import { I as M, a as C, F } from "./tag-
|
|
4
|
+
import { I as M, a as C, F } from "./tag-cRMfP-SZ.js";
|
|
5
5
|
import { u as $ } from "./useDetectMobile-Bkvj0VMa.js";
|
|
6
6
|
import w from "./Icon.js";
|
|
7
7
|
import S from "./IconButton.js";
|
|
@@ -145,7 +145,7 @@ const I = ({
|
|
|
145
145
|
/* @__PURE__ */ s("div", { className: "section__column", children: T })
|
|
146
146
|
] });
|
|
147
147
|
}, [t, c]);
|
|
148
|
-
return /* @__PURE__ */ s(M, { children: c ? u ? o : /* @__PURE__ */ i(b, { children: [
|
|
148
|
+
return /* @__PURE__ */ s(M, { ref: f, children: c ? u ? o : /* @__PURE__ */ i(b, { children: [
|
|
149
149
|
o == null ? void 0 : o.slice(0, 4),
|
|
150
150
|
(o == null ? void 0 : o.length) > 4 && /* @__PURE__ */ s(
|
|
151
151
|
E,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime"),s=require("react"),l=require("./utils-Dl9xPH4c.cjs"),
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),s=require("react"),l=require("./utils-Dl9xPH4c.cjs"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./consts-goSZX3xP.cjs"),q=require("./Icon.cjs"),z=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),R=_.styled.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
width: 100%;
|
|
4
4
|
height: fit-content;
|
|
@@ -63,12 +63,12 @@
|
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
|
-
`,S=
|
|
66
|
+
`,S=_.styled.div`
|
|
67
67
|
width: 100%;
|
|
68
68
|
height: 11.625rem;
|
|
69
69
|
border-radius: 0.75rem;
|
|
70
70
|
background: ${l.linearGradientAnimation("-90deg")};
|
|
71
|
-
`,C=
|
|
71
|
+
`,C=_.styled.div`
|
|
72
72
|
display: flex;
|
|
73
73
|
flex-direction: column;
|
|
74
74
|
align-items: center;
|
|
@@ -152,7 +152,7 @@
|
|
|
152
152
|
white-space: nowrap;
|
|
153
153
|
}
|
|
154
154
|
}
|
|
155
|
-
`,L=
|
|
155
|
+
`,L=_.styled.div`
|
|
156
156
|
width: 7.5rem;
|
|
157
157
|
width: 7.5rem;
|
|
158
158
|
border-radius: 999px;
|
|
@@ -162,7 +162,7 @@
|
|
|
162
162
|
width: 7.5rem;
|
|
163
163
|
height: 2.5rem;
|
|
164
164
|
}
|
|
165
|
-
`,O=s.forwardRef(({},t)=>r.jsx(L,{})),F=s.forwardRef(({text:t,isActive:o=!1,icon:i,onSelectCard:n=()=>{}},
|
|
165
|
+
`,O=s.forwardRef(({},t)=>r.jsx(L,{})),F=s.forwardRef(({text:t,isActive:o=!1,icon:i,onSelectCard:n=()=>{}},d)=>r.jsxs(C,{ref:d,className:o?"active":"",onClick:n,children:[r.jsx(q,{icon:i,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:t})]})),A=s.forwardRef(({image:t,imageComponent:o,title:i,description:n,className:d,onSelectCard:x=()=>{}},u)=>{const{theme:y}=z.useTheme();return r.jsxs(R,{ref:u,theme:y,className:d,onClick:x,children:[l.isDefined(o)?o:r.jsx("img",{src:t,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[i&&r.jsx("div",{className:"wrapper__title",children:i}),n&&r.jsx("div",{className:"wrapper__description",children:n})]})]})}),T=s.forwardRef(({},t)=>r.jsxs(S,{children:[r.jsx("div",{className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[r.jsx("div",{className:"wrapper__title"}),r.jsx("div",{className:"wrapper__description"})]})]})),W=_.styled.div`
|
|
166
166
|
display: flex;
|
|
167
167
|
flex-direction: column;
|
|
168
168
|
align-items: center;
|
|
@@ -243,4 +243,4 @@
|
|
|
243
243
|
grid-template-columns: ${t=>`repeat(${t==null?void 0:t.limitCardsForMobile}, minmax(0, 1fr))`};
|
|
244
244
|
}
|
|
245
245
|
}
|
|
246
|
-
`,B=s.forwardRef(({title:t,subtitle:o,tags:i=[],items:n=[],limitTags:
|
|
246
|
+
`,B=s.forwardRef(({title:t,subtitle:o,tags:i=[],items:n=[],limitTags:d=5,limitTagsForMobile:x=5,limit:u=3,limitForMobile:y=2,selectedTag:E,onSelectTag:v=()=>{},onSelectCard:b=()=>{},className:p},I)=>{var k,$;return s.useLayoutEffect(()=>{if(!l.isDefinedNotEmptyString(p))return;const e=()=>{const c=document.querySelector(`.${p} .wrapper__cards`),m=c.querySelectorAll(".wrapper__card");m.forEach(w=>{const N=w.getBoundingClientRect().height,M=Math.ceil((N+10)/20);w.style.gridRowEnd=`span ${M}`});const j=m==null?void 0:m[m.length-1];if(j){const w=j.offsetTop+j.offsetHeight;c.style.height=`${w}px`}},f=document.querySelector(`.${p} .wrapper__cards`).querySelectorAll(".wrapper__image");let h=0;return f.length===0?e():(f.forEach(c=>{c.complete?h++:c.addEventListener("load",()=>{h++,h===f.length&&e()})}),h===f.length&&e()),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[p,n]),r.jsxs(W,{ref:I,limitTags:d,limitTagsForMobile:x,limitCards:u,limitCardsForMobile:y,className:p,numberOfTags:i==null?void 0:i.length,children:[r.jsxs("div",{className:"wrapper__heading",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),o&&r.jsx("div",{className:"wrapper__subtitle",children:o})]}),r.jsx("div",{className:"wrapper__tags__external",children:r.jsx("div",{className:"wrapper__tags",children:i&&(i==null?void 0:i.length)>0?i==null?void 0:i.map((e,a)=>r.jsx(F,{icon:e==null?void 0:e.icon,text:e==null?void 0:e.title,isActive:(e==null?void 0:e.code)===E,onSelectCard:()=>v==null?void 0:v(e)},`field-of-interests-masonry-tag__${a+1}`)):(k=Array.from("12345"))==null?void 0:k.map((e,a)=>r.jsx(O,{},`field-of-interests-masonry-tag-skeleton__${a+1}`))})}),r.jsx("div",{className:"wrapper__cards",children:n&&(n==null?void 0:n.length)>0?n==null?void 0:n.map((e,a)=>r.jsx(A,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,title:e==null?void 0:e.title,description:e==null?void 0:e.description,onSelectCard:()=>b==null?void 0:b(e),className:"wrapper__card"},`field-of-interests-with-tags-card__${a+1}`)):($=Array.from("12345"))==null?void 0:$.map((e,a)=>r.jsx(T,{},`field-of-interests-with-tags-card-skeleton__${a+1}`))})]})});module.exports=B;
|