@lanaco/lnc-react-ui 4.0.166 → 4.0.167

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,4 +1,4 @@
1
- "use strict";const t=require("react/jsx-runtime"),s=require("react"),D=require("./emotion-styled.browser.esm-BtEseadx.cjs"),M=require("./consts-goSZX3xP.cjs"),B=require("./IconButton.cjs"),I=require("./Button.cjs"),r=require("./utils-Dl9xPH4c.cjs"),E=require("./useDetectMobile-zkbzoOGV.cjs"),g=require("./suspense-product-card-detailed-D-pjVe22.cjs"),L=D.styled.div`
1
+ "use strict";const t=require("react/jsx-runtime"),s=require("react"),D=require("./emotion-styled.browser.esm-BtEseadx.cjs"),M=require("./consts-goSZX3xP.cjs"),B=require("./IconButton.cjs"),I=require("./Button.cjs"),r=require("./utils-Dl9xPH4c.cjs"),E=require("./useDetectMobile-zkbzoOGV.cjs"),g=require("./suspense-product-card-detailed-2ws-KyvD.cjs"),L=D.styled.div`
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  gap: 1.5rem;
@@ -70,4 +70,4 @@
70
70
  }
71
71
  }
72
72
  }
73
- `,T=s.memo(g.DetailedProductCard),z=s.forwardRef((n,p)=>{const{title:a,icon:l,items:o,limit:c=4,isLoading:d=!1,onSelectCard:f=()=>{},onLoadMore:b=()=>{},onButtonAction:w=()=>{},getImage:_=()=>{},viewAllbuttonLink:m,viewAllButonText:y="View all",negotiableText:h,freeText:k,loadMoreButtonIcon:v="angle-down",sponsoredText:C,onBookmark:N=()=>{},bookmarkComponent:S,componentName:j}=n,u=E.useDetectMobile(),q=s.useMemo(()=>o==null?void 0:o.map((e,i)=>t.jsx(T,{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:(R,P)=>f({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:P}),imageUrl:_(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:k,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:C,onBookmark:N,bookmarkComponent:S,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:j}},i)),[o]);return t.jsxs(L,{ref:p,limit:c,children:[t.jsxs("div",{className:"section__heading",children:[r.isDefinedNotEmptyString(a)&&t.jsxs("div",{className:"section__title",children:[r.isDefinedNotEmptyString(l)&&t.jsx("i",{className:l})," ",a]}),u&&r.isDefinedNotEmptyString(m)&&t.jsx(I,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var i;(i=e==null?void 0:e.target)==null||i.blur(),w(m)},borderRadius:"curved",className:"section__view-all",children:y})]}),t.jsx("div",{className:"section__items",children:t.jsx(g.SuspenseDetailedProductCard,{isLoading:d,limit:c,keyPrefix:"explore-landing",children:q})}),!u&&!d&&t.jsx(B,{icon:v,borderRadius:"curved",btnType:"basic",color:"neutral",className:"section__show-more",onClick:b})]})});module.exports=z;
73
+ `,T=s.memo(g.DetailedProductCard),z=s.forwardRef((n,p)=>{const{title:a,icon:l,items:o,limit:c=4,isLoading:d=!1,onSelectCard:f=()=>{},onLoadMore:b=()=>{},onButtonAction:w=()=>{},getImage:_=()=>{},viewAllbuttonLink:m,viewAllButonText:y="View all",negotiableText:h,freeText:k,loadMoreButtonIcon:v="angle-down",sponsoredText:C,onBookmark:N=()=>{},bookmarkComponent:S,componentName:j}=n,u=E.useDetectMobile(),q=s.useMemo(()=>o==null?void 0:o.map((e,i)=>t.jsx(T,{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:(R,P)=>f({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:P}),imageUrl:_(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:k,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:C,onBookmark:N,bookmarkComponent:S,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:j},sellerName:e==null?void 0:e.sellerName},i)),[o]);return t.jsxs(L,{ref:p,limit:c,children:[t.jsxs("div",{className:"section__heading",children:[r.isDefinedNotEmptyString(a)&&t.jsxs("div",{className:"section__title",children:[r.isDefinedNotEmptyString(l)&&t.jsx("i",{className:l})," ",a]}),u&&r.isDefinedNotEmptyString(m)&&t.jsx(I,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var i;(i=e==null?void 0:e.target)==null||i.blur(),w(m)},borderRadius:"curved",className:"section__view-all",children:y})]}),t.jsx("div",{className:"section__items",children:t.jsx(g.SuspenseDetailedProductCard,{isLoading:d,limit:c,keyPrefix:"explore-landing",children:q})}),!u&&!d&&t.jsx(B,{icon:v,borderRadius:"curved",btnType:"basic",color:"neutral",className:"section__show-more",onClick:b})]})});module.exports=z;
@@ -6,7 +6,7 @@ import z from "./IconButton.js";
6
6
  import E from "./Button.js";
7
7
  import { k as a } from "./utils-BdsZgOUE.js";
8
8
  import { u as U } from "./useDetectMobile-Bkvj0VMa.js";
9
- import { D as $, S as j } from "./suspense-product-card-detailed-BZtObEfA.js";
9
+ import { D as $, S as j } from "./suspense-product-card-detailed-D3DShJYk.js";
10
10
  const A = L.div`
11
11
  display: flex;
12
12
  flex-direction: column;
@@ -81,11 +81,11 @@ const A = L.div`
81
81
  }
82
82
  `, F = B($), Q = D((r, p) => {
83
83
  const {
84
- title: s,
85
- icon: l,
84
+ title: l,
85
+ icon: s,
86
86
  items: i,
87
- limit: c = 4,
88
- isLoading: m = !1,
87
+ limit: m = 4,
88
+ isLoading: c = !1,
89
89
  onSelectCard: g = () => {
90
90
  },
91
91
  onLoadMore: f = () => {
@@ -132,16 +132,17 @@ const A = L.div`
132
132
  bookmarkComponent: N,
133
133
  bookmarked: e == null ? void 0 : e.bookmarked,
134
134
  bookmarkLists: e == null ? void 0 : e.bookmarkLists,
135
- metadata: { accessor: e == null ? void 0 : e.accessor, name: S }
135
+ metadata: { accessor: e == null ? void 0 : e.accessor, name: S },
136
+ sellerName: e == null ? void 0 : e.sellerName
136
137
  },
137
138
  t
138
139
  )), [i]);
139
- return /* @__PURE__ */ n(A, { ref: p, limit: c, children: [
140
+ return /* @__PURE__ */ n(A, { ref: p, limit: m, children: [
140
141
  /* @__PURE__ */ n("div", { className: "section__heading", children: [
141
- a(s) && /* @__PURE__ */ n("div", { className: "section__title", children: [
142
- a(l) && /* @__PURE__ */ o("i", { className: l }),
142
+ a(l) && /* @__PURE__ */ n("div", { className: "section__title", children: [
143
+ a(s) && /* @__PURE__ */ o("i", { className: s }),
143
144
  " ",
144
- s
145
+ l
145
146
  ] }),
146
147
  u && a(d) && /* @__PURE__ */ o(
147
148
  E,
@@ -162,13 +163,13 @@ const A = L.div`
162
163
  /* @__PURE__ */ o("div", { className: "section__items", children: /* @__PURE__ */ o(
163
164
  j,
164
165
  {
165
- isLoading: m,
166
- limit: c,
166
+ isLoading: c,
167
+ limit: m,
167
168
  keyPrefix: "explore-landing",
168
169
  children: P
169
170
  }
170
171
  ) }),
171
- !u && !m && /* @__PURE__ */ o(
172
+ !u && !c && /* @__PURE__ */ o(
172
173
  z,
173
174
  {
174
175
  icon: k,
@@ -1,4 +1,4 @@
1
- "use strict";const o=require("react/jsx-runtime"),l=require("react"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),F=require("./consts-goSZX3xP.cjs"),B=require("./Button.cjs"),f=require("./utils-Dl9xPH4c.cjs"),E=require("./useDetectMobile-zkbzoOGV.cjs"),R=require("./style-Db3VFbfP.cjs"),j=require("./suspense-product-card-detailed-D-pjVe22.cjs"),I=require("./index-BvQx3xAm.cjs"),_=T.styled.div`
1
+ "use strict";const r=require("react/jsx-runtime"),l=require("react"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),F=require("./consts-goSZX3xP.cjs"),B=require("./Button.cjs"),h=require("./utils-Dl9xPH4c.cjs"),E=require("./useDetectMobile-zkbzoOGV.cjs"),R=require("./style-Db3VFbfP.cjs"),q=require("./suspense-product-card-detailed-2ws-KyvD.cjs"),I=require("./index-BvQx3xAm.cjs"),_=T.styled.div`
2
2
  display: grid;
3
3
  grid-template-columns: ${a=>`repeat(${a.limit}, minmax(0, 1fr))`};
4
4
  gap: 1.25rem;
@@ -26,4 +26,4 @@
26
26
  /* Safari and Chrome */
27
27
  }
28
28
  }
29
- `,q=l.memo(j.DetailedProductCard),O=l.forwardRef((a,w)=>{const{icon:c,title:N,buttonLink:d,items:t,buttonText:P,limit:i=4,onSelectCard:u=()=>{},onButtonAction:v=()=>{},isLoading:D=!1,getImage:m=()=>{},negotiableText:g,freeText:p,options:n,onSelectOption:b=()=>{},productsToolbarName:U="All",sponsoredText:k,onBookmark:y=()=>{},bookmarkComponent:C,componentName:S}=a,h=E.useDetectMobile(),L=l.useMemo(()=>o.jsx(o.Fragment,{children:h===!0?t==null?void 0:t.map((e,r)=>o.jsx(q,{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:(M,s)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),imageUrl:m(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:g,freeText:p,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:k,onBookmark:y,bookmarkComponent:C,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:S}},r)):t==null?void 0:t.slice(0,i).map((e,r)=>o.jsx(q,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:(M,s)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),imageUrl:m(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:g,freeText:p,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:k,onBookmark:y,bookmarkComponent:C,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:S}},r))}),[t,h,i]);return o.jsxs(R.TitleWithOptionsSectionWrapper,{ref:w,children:[o.jsxs("div",{className:"regular-title",children:[o.jsxs("div",{className:"regular-title-text",children:[f.isDefinedNotEmptyString(c)&&o.jsx("i",{className:c}),o.jsx("span",{children:N})]}),f.isDefinedNotEmptyString(d)&&o.jsx(B,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var r;(r=e==null?void 0:e.target)==null||r.blur(),v(d)},borderRadius:"curved",className:"button-link",children:P})]}),(n==null?void 0:n.length)>0&&o.jsx(I.SelectBar,{items:n,onRemove:e=>{b(e)},onSelect:e=>{b(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:U}),o.jsx(_,{limit:i,children:o.jsx(j.SuspenseDetailedProductCard,{isLoading:D,limit:i,keyPrefix:"explore-landing",children:L})})]})});module.exports=O;
29
+ `,f=l.memo(q.DetailedProductCard),O=l.forwardRef((a,j)=>{const{icon:c,title:w,buttonLink:d,items:o,buttonText:P,limit:i=4,onSelectCard:u=()=>{},onButtonAction:v=()=>{},isLoading:D=!1,getImage:m=()=>{},negotiableText:g,freeText:p,options:n,onSelectOption:b=()=>{},productsToolbarName:U="All",sponsoredText:k,onBookmark:y=()=>{},bookmarkComponent:C,componentName:S}=a,N=E.useDetectMobile(),L=l.useMemo(()=>r.jsx(r.Fragment,{children:N===!0?o==null?void 0:o.map((e,t)=>r.jsx(f,{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:(M,s)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),sellerName:e==null?void 0:e.sellerName,imageUrl:m(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:g,freeText:p,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:k,onBookmark:y,bookmarkComponent:C,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:S}},t)):o==null?void 0:o.slice(0,i).map((e,t)=>r.jsx(f,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:(M,s)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),imageUrl:m(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:g,freeText:p,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:k,onBookmark:y,bookmarkComponent:C,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:S},sellerName:e==null?void 0:e.sellerName},t))}),[o,N,i]);return r.jsxs(R.TitleWithOptionsSectionWrapper,{ref:j,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[h.isDefinedNotEmptyString(c)&&r.jsx("i",{className:c}),r.jsx("span",{children:w})]}),h.isDefinedNotEmptyString(d)&&r.jsx(B,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var t;(t=e==null?void 0:e.target)==null||t.blur(),v(d)},borderRadius:"curved",className:"button-link",children:P})]}),(n==null?void 0:n.length)>0&&r.jsx(I.SelectBar,{items:n,onRemove:e=>{b(e)},onSelect:e=>{b(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:U}),r.jsx(_,{limit:i,children:r.jsx(q.SuspenseDetailedProductCard,{isLoading:D,limit:i,keyPrefix:"explore-landing",children:L})})]})});module.exports=O;
@@ -6,7 +6,7 @@ import R from "./Button.js";
6
6
  import { k as h } from "./utils-BdsZgOUE.js";
7
7
  import { u as W } from "./useDetectMobile-Bkvj0VMa.js";
8
8
  import { T as $ } from "./style-DKAOBWn3.js";
9
- import { D as j, S as z } from "./suspense-product-card-detailed-BZtObEfA.js";
9
+ import { D as j, S as z } from "./suspense-product-card-detailed-D3DShJYk.js";
10
10
  import { S as A } from "./index-dXWRbvgi.js";
11
11
  const K = I.div`
12
12
  display: grid;
@@ -36,7 +36,7 @@ const K = I.div`
36
36
  /* Safari and Chrome */
37
37
  }
38
38
  }
39
- `, w = B(j), ee = q((n, N) => {
39
+ `, N = B(j), ee = q((n, w) => {
40
40
  const {
41
41
  icon: m,
42
42
  title: P,
@@ -63,7 +63,7 @@ const K = I.div`
63
63
  bookmarkComponent: y,
64
64
  componentName: S
65
65
  } = n, C = W(), M = E(() => /* @__PURE__ */ o(F, { children: C === !0 ? r == null ? void 0 : r.map((e, i) => /* @__PURE__ */ o(
66
- w,
66
+ N,
67
67
  {
68
68
  name: e == null ? void 0 : e.name,
69
69
  price: e == null ? void 0 : e.price,
@@ -79,6 +79,7 @@ const K = I.div`
79
79
  nameSlug: e == null ? void 0 : e.nameSlug,
80
80
  cardRef: l
81
81
  }),
82
+ sellerName: e == null ? void 0 : e.sellerName,
82
83
  imageUrl: u(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
83
84
  isFree: e == null ? void 0 : e.isFree,
84
85
  isNegotiable: e == null ? void 0 : e.isNegotiable,
@@ -98,7 +99,7 @@ const K = I.div`
98
99
  },
99
100
  i
100
101
  )) : r == null ? void 0 : r.slice(0, t).map((e, i) => /* @__PURE__ */ o(
101
- w,
102
+ N,
102
103
  {
103
104
  name: e == null ? void 0 : e.name,
104
105
  price: e == null ? void 0 : e.price,
@@ -130,11 +131,12 @@ const K = I.div`
130
131
  bookmarkComponent: y,
131
132
  bookmarked: e == null ? void 0 : e.bookmarked,
132
133
  bookmarkLists: e == null ? void 0 : e.bookmarkLists,
133
- metadata: { accessor: e == null ? void 0 : e.accessor, name: S }
134
+ metadata: { accessor: e == null ? void 0 : e.accessor, name: S },
135
+ sellerName: e == null ? void 0 : e.sellerName
134
136
  },
135
137
  i
136
138
  )) }), [r, C, t]);
137
- return /* @__PURE__ */ s($, { ref: N, children: [
139
+ return /* @__PURE__ */ s($, { ref: w, children: [
138
140
  /* @__PURE__ */ s("div", { className: "regular-title", children: [
139
141
  /* @__PURE__ */ s("div", { className: "regular-title-text", children: [
140
142
  h(m) && /* @__PURE__ */ o("i", { className: m }),
@@ -1,4 +1,4 @@
1
- "use strict";const o=require("react/jsx-runtime"),s=require("react"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),$=require("./useDetectMobile-zkbzoOGV.cjs"),T=require("./Button.cjs"),S=require("./suspense-product-card-detailed-D-pjVe22.cjs"),D=_.styled.div`
1
+ "use strict";const o=require("react/jsx-runtime"),n=require("react"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),$=require("./useDetectMobile-zkbzoOGV.cjs"),T=require("./Button.cjs"),S=require("./suspense-product-card-detailed-2ws-KyvD.cjs"),D=_.styled.div`
2
2
  padding: 1.75rem 3rem;
3
3
  display: grid;
4
4
  grid-template-columns: ${a=>`repeat(${a.limit||5}, minmax(0, 1fr))`};
@@ -71,4 +71,4 @@
71
71
  display: flex;
72
72
  flex-direction: column;
73
73
  }
74
- `,w=s.memo(S.DetailedProductCard),F=s.forwardRef((a,P)=>{const{items:r,limit:i=5,limitMobile:l=4,onSelectCard:u=()=>{},title:j="Urgent sale",showLessText:q="Show less",showMoreText:L="Show more",isLoading:M=!1,getImage:g=()=>{},negotiableText:p,freeText:b,onBookmark:f=()=>{},bookmarkComponent:k,componentName:h,sponsoredText:y}=a,d=$.useDetectMobile(),[n,U]=s.useState(!1),v=s.useMemo(()=>{var t;return o.jsx(o.Fragment,{children:d===!0?(t=r==null?void 0:r.slice(0,n===!0?r==null?void 0:r.length:l))==null?void 0:t.map((e,m)=>o.jsx(w,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,categoryCode:e==null?void 0:e.categoryCode,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,sponsored:e==null?void 0:e.sponsored,onSelectCard:(N,c)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:c}),image:e==null?void 0:e.image,imageUrl:g(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,imageComponent:e==null?void 0:e.imageComponent,negotiableText:p,freeText:b,onBookmark:f,bookmarkComponent:k,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{name:h,accessor:e==null?void 0:e.accessor},tags:e==null?void 0:e.tags,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:y},m)):r==null?void 0:r.slice(0,i).map((e,m)=>o.jsx(w,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,categoryCode:e==null?void 0:e.categoryCode,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,sponsored:e==null?void 0:e.sponsored,onSelectCard:(N,c)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:c}),image:e==null?void 0:e.image,imageUrl:g(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,imageComponent:e==null?void 0:e.imageComponent,negotiableText:p,freeText:b,onBookmark:f,bookmarkComponent:k,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{name:h,accessor:e==null?void 0:e.accessor},tags:e==null?void 0:e.tags,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:y},m))})},[r,d,i,l,n]);return o.jsxs(D,{ref:P,limit:i,children:[o.jsxs("div",{className:"urgent-tag",children:[o.jsx("i",{className:"mng mng-lnc-bolt-filled"}),o.jsx("span",{children:j})]}),o.jsx(S.SuspenseDetailedProductCard,{isLoading:M,limit:i,keyPrefix:"explore-landing",children:v}),d===!0&&l<(r==null?void 0:r.length)&&o.jsx(T,{className:"show-more",btnType:"basic",type:"button",color:"neutral",onClick:t=>{var e;(e=t==null?void 0:t.target)==null||e.blur(),U(!n)},children:n===!0?q:L})]})});module.exports=F;
74
+ `,w=n.memo(S.DetailedProductCard),F=n.forwardRef((a,P)=>{const{items:r,limit:i=5,limitMobile:l=4,onSelectCard:u=()=>{},title:N="Urgent sale",showLessText:j="Show less",showMoreText:q="Show more",isLoading:L=!1,getImage:g=()=>{},negotiableText:p,freeText:b,onBookmark:f=()=>{},bookmarkComponent:k,componentName:h,sponsoredText:y}=a,d=$.useDetectMobile(),[s,M]=n.useState(!1),U=n.useMemo(()=>{var t;return o.jsx(o.Fragment,{children:d===!0?(t=r==null?void 0:r.slice(0,s===!0?r==null?void 0:r.length:l))==null?void 0:t.map((e,m)=>o.jsx(w,{sellerName:e==null?void 0:e.sellerName,name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,categoryCode:e==null?void 0:e.categoryCode,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,sponsored:e==null?void 0:e.sponsored,onSelectCard:(v,c)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:c}),image:e==null?void 0:e.image,imageUrl:g(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,imageComponent:e==null?void 0:e.imageComponent,negotiableText:p,freeText:b,onBookmark:f,bookmarkComponent:k,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{name:h,accessor:e==null?void 0:e.accessor},tags:e==null?void 0:e.tags,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:y},m)):r==null?void 0:r.slice(0,i).map((e,m)=>o.jsx(w,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,categoryCode:e==null?void 0:e.categoryCode,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,sponsored:e==null?void 0:e.sponsored,onSelectCard:(v,c)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:c}),image:e==null?void 0:e.image,imageUrl:g(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,imageComponent:e==null?void 0:e.imageComponent,negotiableText:p,freeText:b,onBookmark:f,bookmarkComponent:k,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{name:h,accessor:e==null?void 0:e.accessor},tags:e==null?void 0:e.tags,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:y,sellerName:e==null?void 0:e.sellerName},m))})},[r,d,i,l,s]);return o.jsxs(D,{ref:P,limit:i,children:[o.jsxs("div",{className:"urgent-tag",children:[o.jsx("i",{className:"mng mng-lnc-bolt-filled"}),o.jsx("span",{children:N})]}),o.jsx(S.SuspenseDetailedProductCard,{isLoading:L,limit:i,keyPrefix:"explore-landing",children:U}),d===!0&&l<(r==null?void 0:r.length)&&o.jsx(T,{className:"show-more",btnType:"basic",type:"button",color:"neutral",onClick:t=>{var e;(e=t==null?void 0:t.target)==null||e.blur(),M(!s)},children:s===!0?j:q})]})});module.exports=F;
@@ -1,14 +1,14 @@
1
- import { jsx as a, Fragment as $, jsxs as y } from "react/jsx-runtime";
1
+ import { jsx as o, Fragment as $, jsxs as y } from "react/jsx-runtime";
2
2
  import { memo as T, forwardRef as F, useState as I, useMemo as _ } from "react";
3
3
  import { s as q } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
4
  import { M as B, S as D } from "./consts-BuFChS64.js";
5
5
  import { u as E } from "./useDetectMobile-Bkvj0VMa.js";
6
6
  import j from "./Button.js";
7
- import { D as z, S as A } from "./suspense-product-card-detailed-BZtObEfA.js";
7
+ import { D as z, S as A } from "./suspense-product-card-detailed-D3DShJYk.js";
8
8
  const G = q.div`
9
9
  padding: 1.75rem 3rem;
10
10
  display: grid;
11
- grid-template-columns: ${(o) => `repeat(${o.limit || 5}, minmax(0, 1fr))`};
11
+ grid-template-columns: ${(a) => `repeat(${a.limit || 5}, minmax(0, 1fr))`};
12
12
 
13
13
  gap: 2.97rem;
14
14
 
@@ -41,7 +41,7 @@ const G = q.div`
41
41
  }
42
42
 
43
43
  & .product-card {
44
- max-width: ${(o) => `calc(${100 / o.desktopCols}% - ${(o.desktopCols - 1) * o.columnGapRem / o.desktopCols}rem)`};
44
+ max-width: ${(a) => `calc(${100 / a.desktopCols}% - ${(a.desktopCols - 1) * a.columnGapRem / a.desktopCols}rem)`};
45
45
 
46
46
  animation-duration: 0.2s;
47
47
  animation-name: animate-fade;
@@ -78,7 +78,7 @@ const G = q.div`
78
78
  display: flex;
79
79
  flex-direction: column;
80
80
  }
81
- `, C = T(z), K = F((o, S) => {
81
+ `, C = T(z), K = F((a, S) => {
82
82
  const {
83
83
  items: r,
84
84
  limit: t = 5,
@@ -86,9 +86,9 @@ const G = q.div`
86
86
  onSelectCard: c = () => {
87
87
  },
88
88
  title: w = "Urgent sale",
89
- showLessText: P = "Show less",
90
- showMoreText: L = "Show more",
91
- isLoading: M = !1,
89
+ showLessText: N = "Show less",
90
+ showMoreText: P = "Show more",
91
+ isLoading: L = !1,
92
92
  getImage: u = () => {
93
93
  },
94
94
  negotiableText: g,
@@ -98,11 +98,12 @@ const G = q.div`
98
98
  bookmarkComponent: b,
99
99
  componentName: k,
100
100
  sponsoredText: h
101
- } = o, l = E(), [n, U] = I(!1), v = _(() => {
101
+ } = a, l = E(), [n, M] = I(!1), U = _(() => {
102
102
  var i;
103
- return /* @__PURE__ */ a($, { children: l === !0 ? (i = r == null ? void 0 : r.slice(0, n === !0 ? r == null ? void 0 : r.length : s)) == null ? void 0 : i.map((e, m) => /* @__PURE__ */ a(
103
+ return /* @__PURE__ */ o($, { children: l === !0 ? (i = r == null ? void 0 : r.slice(0, n === !0 ? r == null ? void 0 : r.length : s)) == null ? void 0 : i.map((e, m) => /* @__PURE__ */ o(
104
104
  C,
105
105
  {
106
+ sellerName: e == null ? void 0 : e.sellerName,
106
107
  name: e == null ? void 0 : e.name,
107
108
  price: e == null ? void 0 : e.price,
108
109
  sellingPrice: e == null ? void 0 : e.sellingPrice,
@@ -113,7 +114,7 @@ const G = q.div`
113
114
  sellerUuid: e == null ? void 0 : e.sellerUuid,
114
115
  uuid: e == null ? void 0 : e.uuid,
115
116
  sponsored: e == null ? void 0 : e.sponsored,
116
- onSelectCard: (N, d) => c({
117
+ onSelectCard: (v, d) => c({
117
118
  uuid: e == null ? void 0 : e.uuid,
118
119
  nameSlug: e == null ? void 0 : e.nameSlug,
119
120
  cardRef: d
@@ -135,7 +136,7 @@ const G = q.div`
135
136
  sponsoredText: h
136
137
  },
137
138
  m
138
- )) : r == null ? void 0 : r.slice(0, t).map((e, m) => /* @__PURE__ */ a(
139
+ )) : r == null ? void 0 : r.slice(0, t).map((e, m) => /* @__PURE__ */ o(
139
140
  C,
140
141
  {
141
142
  name: e == null ? void 0 : e.name,
@@ -149,7 +150,7 @@ const G = q.div`
149
150
  uuid: e == null ? void 0 : e.uuid,
150
151
  location: e == null ? void 0 : e.location,
151
152
  sponsored: e == null ? void 0 : e.sponsored,
152
- onSelectCard: (N, d) => c({
153
+ onSelectCard: (v, d) => c({
153
154
  uuid: e == null ? void 0 : e.uuid,
154
155
  nameSlug: e == null ? void 0 : e.nameSlug,
155
156
  cardRef: d
@@ -168,26 +169,27 @@ const G = q.div`
168
169
  condition: e == null ? void 0 : e.condition,
169
170
  quantity: e == null ? void 0 : e.quantity,
170
171
  trade: e == null ? void 0 : e.trade,
171
- sponsoredText: h
172
+ sponsoredText: h,
173
+ sellerName: e == null ? void 0 : e.sellerName
172
174
  },
173
175
  m
174
176
  )) });
175
177
  }, [r, l, t, s, n]);
176
178
  return /* @__PURE__ */ y(G, { ref: S, limit: t, children: [
177
179
  /* @__PURE__ */ y("div", { className: "urgent-tag", children: [
178
- /* @__PURE__ */ a("i", { className: "mng mng-lnc-bolt-filled" }),
179
- /* @__PURE__ */ a("span", { children: w })
180
+ /* @__PURE__ */ o("i", { className: "mng mng-lnc-bolt-filled" }),
181
+ /* @__PURE__ */ o("span", { children: w })
180
182
  ] }),
181
- /* @__PURE__ */ a(
183
+ /* @__PURE__ */ o(
182
184
  A,
183
185
  {
184
- isLoading: M,
186
+ isLoading: L,
185
187
  limit: t,
186
188
  keyPrefix: "explore-landing",
187
- children: v
189
+ children: U
188
190
  }
189
191
  ),
190
- l === !0 && s < (r == null ? void 0 : r.length) && /* @__PURE__ */ a(
192
+ l === !0 && s < (r == null ? void 0 : r.length) && /* @__PURE__ */ o(
191
193
  j,
192
194
  {
193
195
  className: "show-more",
@@ -196,9 +198,9 @@ const G = q.div`
196
198
  color: "neutral",
197
199
  onClick: (i) => {
198
200
  var e;
199
- (e = i == null ? void 0 : i.target) == null || e.blur(), U(!n);
201
+ (e = i == null ? void 0 : i.target) == null || e.blur(), M(!n);
200
202
  },
201
- children: n === !0 ? P : L
203
+ children: n === !0 ? N : P
202
204
  }
203
205
  )
204
206
  ] });
@@ -1,4 +1,4 @@
1
- "use strict";const e=require("react/jsx-runtime"),a=require("react"),t=require("./utils-Dl9xPH4c.cjs"),N=require("./emotion-styled.browser.esm-BtEseadx.cjs"),de=require("./index-BueKsXT8.cjs"),C=require("./Badge.cjs"),me=require("./Popover.cjs"),pe=require("./PopoverTrigger.cjs"),ue=require("./PopoverContent.cjs"),ge=require("./useDetectMobile-zkbzoOGV.cjs"),A=require("./consts-goSZX3xP.cjs"),X=N.styled.div`
1
+ "use strict";const e=require("react/jsx-runtime"),a=require("react"),t=require("./utils-Dl9xPH4c.cjs"),N=require("./emotion-styled.browser.esm-BtEseadx.cjs"),me=require("./index-BueKsXT8.cjs"),C=require("./Badge.cjs"),pe=require("./Popover.cjs"),ue=require("./PopoverTrigger.cjs"),ge=require("./PopoverContent.cjs"),he=require("./useDetectMobile-zkbzoOGV.cjs"),X=require("./consts-goSZX3xP.cjs"),L=N.styled.div`
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  gap: 0.5rem;
@@ -6,6 +6,14 @@
6
6
  overflow: hidden;
7
7
  width: 100%;
8
8
 
9
+ & .seller {
10
+ text-transform: uppercase;
11
+ ${t.truncateText()}
12
+ color: var(--gray-500);
13
+ font-size: 0.625rem;
14
+ font-weight: 400;
15
+ }
16
+
9
17
  & .wrapper-card-1 {
10
18
  display: flex;
11
19
  flex-direction: column;
@@ -127,7 +135,7 @@
127
135
  gap: 0.25rem;
128
136
  }
129
137
 
130
- @media (max-width: ${A.MOBILE_SIZE_PX+"px"}) {
138
+ @media (max-width: ${X.MOBILE_SIZE_PX+"px"}) {
131
139
  overflow: visible;
132
140
 
133
141
  & .wrapper-card-3 {
@@ -190,7 +198,7 @@
190
198
  &:hover .product-image-wrapper img {
191
199
  transform: scale(1.1);
192
200
  }
193
- `,he=N.styled.div`
201
+ `,fe=N.styled.div`
194
202
  position: relative;
195
203
  overflow: hidden;
196
204
  border-radius: 0.75rem;
@@ -222,7 +230,7 @@
222
230
  transition: var(--transition, all 0.3s ease);
223
231
  }
224
232
 
225
- @media (max-width: ${A.MOBILE_SIZE_PX+"px"}) {
233
+ @media (max-width: ${X.MOBILE_SIZE_PX+"px"}) {
226
234
  & img {
227
235
  width: 8.875rem;
228
236
  height: 8.875rem;
@@ -235,7 +243,7 @@
235
243
  display: flex;
236
244
  }
237
245
  }
238
- `,fe=N.styled.div`
246
+ `,ve=N.styled.div`
239
247
  background: var(--white, #fff);
240
248
  z-index: 1;
241
249
 
@@ -285,7 +293,7 @@
285
293
  color: var(--gray-950, #14161a);
286
294
  }
287
295
  }
288
- `,ve=N.styled.div`
296
+ `,we=N.styled.div`
289
297
  display: flex;
290
298
  align-items: center;
291
299
  gap: 0.25rem;
@@ -297,4 +305,4 @@
297
305
  font-size: 1rem;
298
306
  color: var(--warning-500, #F59E0B);
299
307
  }
300
- `,we=a.forwardRef(({sponsoredText:l="Sponsored"},v)=>e.jsxs(ve,{ref:v,className:"sponsored-line",children:[e.jsx("i",{className:"mng-lnc-paw2"}),e.jsx("span",{children:l})]})),be="Vehicles_Cars",ye="Vehicles_Motorcycles",ke="Vehicles_Trucks",je="Vehicles_AgriculturalMachines_Tractors",xe="Vehicles_ConstructionMachines",_e="Vehicles_Bus",Ce="Vehicles_Campers",Ne="RealEstates_",s={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:""}},Pe=a.forwardRef((l,v)=>{const{uuid:d,name:j,price:g=0,sellingPrice:x,currency:_,isNegotiable:P,isFree:$,imageUrl:L,location:U,sponsored:Y,imageComponent:T,onSelectCard:K=()=>{},freeText:Z="Free",negotiableText:H="Negotiable",tags:n=[],categoryCode:E,condition:O,quantity:V,trade:B,sponsoredText:J,onBookmark:F=()=>{},bookmarkComponent:y,bookmarked:M,bookmarkLists:Q,metadata:w}=l,S=ge.useDetectMobile(),ee=()=>{var m;if(!t.isDefined(y))return e.jsx(e.Fragment,{});const r=y,o=(m=y==null?void 0:y.props)==null?void 0:m.children,c=a.cloneElement(o,{key:`bookmark_pr__${M}`,bookmarked:M,productUuid:d,onAddToBookmark:()=>F(!0,d),onRemoveFromBookmark:()=>F(!1,d),bookmarkedUuidList:Q});return a.cloneElement(r,void 0,c)},q=[be,ye,ke,je,xe,_e,Ce,Ne].some(r=>E==null?void 0:E.includes(r)),[re,z]=a.useState(!1),oe=()=>{z(!0)},ne=()=>{z(!1)},i=a.useRef(null),h=a.useRef([]),[te,I]=a.useState(n==null?void 0:n.length),se=()=>{var m,b,k;if(!(i!=null&&i.current)||((m=h==null?void 0:h.current)==null?void 0:m.length)===0)return;if(S){I(n==null?void 0:n.length);return}const r=(b=i==null?void 0:i.current)==null?void 0:b.offsetWidth;let o=0,c=0;for(let p=0;p<(n==null?void 0:n.length);p++){const f=((k=h==null?void 0:h.current[p])==null?void 0:k.offsetWidth)||0,u=o+f+4;if(u<=r)o+=u,c++;else break}I(c)};a.useEffect(()=>{const r=i==null?void 0:i.current;if(!r)return;const o=new ResizeObserver(()=>{se()});return o.observe(r),()=>{o.disconnect()}},[n,S]);const ie=()=>{var r;return e.jsx("div",{className:"tags-popover__trigger",children:(r=n==null?void 0:n.slice(0,te))==null?void 0:r.map((o,c)=>{var f,u,D,R,G;const m=((f=s==null?void 0:s[o==null?void 0:o.code])==null?void 0:f.icon)??((u=s==null?void 0:s.default)==null?void 0:u.icon)??"",b=((D=o==null?void 0:o.measurementUnit)==null?void 0:D.symbol)??((R=s==null?void 0:s[o==null?void 0:o.code])==null?void 0:R.measure)??"",p=[(o==null?void 0:o.value)??((G=o==null?void 0:o.multiOptions)==null?void 0:G[0])??"",b].filter(Boolean).join(" ");return e.jsxs(C,{ref:le=>h.current[c]=le,className:"tag",children:[e.jsx("i",{className:m}),p]},`detailed-products-section-tag__${c+1}`)})})},ae=()=>e.jsx("div",{className:"tags-popover__content",children:n==null?void 0:n.map((r,o)=>{var p,f,u;const c=((p=r==null?void 0:r.measurementUnit)==null?void 0:p.symbol)??((f=s==null?void 0:s[r==null?void 0:r.code])==null?void 0:f.measure)??"",b=[(r==null?void 0:r.value)??((u=r==null?void 0:r.multiOptions)==null?void 0:u[0])??"",c].filter(Boolean).join(" "),k=r==null?void 0:r.name;return e.jsxs("div",{children:[e.jsx("span",{className:"tags-popover__name",children:`${k}: `}),e.jsx("span",{className:"tags-popover__value",children:b})]},`detailed-products-section-tag-dropdown__${o+1}`)})}),ce=()=>e.jsxs(e.Fragment,{children:[O&&e.jsx(C,{className:"tag",children:O},"detailed-products-section-tag__condition"),V&&e.jsx(C,{className:"tag",children:V},"detailed-products-section-tag__quantity"),B&&e.jsx(C,{className:"tag",children:B},"detailed-products-section-tag__trade")]}),W=g>0&&_&&P!==!0&&$!==!0&&g!==x;return e.jsxs(X,{ref:i,className:"product-card","data-accessor":w==null?void 0:w.accessor,name:w==null?void 0:w.name,onClick:r=>K(r,i),children:[e.jsxs(he,{className:"product-image-wrapper",children:[e.jsx(ee,{}),t.isDefined(T)?T:e.jsx(de.ProductImageWrapper,{src:L})]}),e.jsx("div",{className:"wrapper-card-1",children:e.jsx("div",{className:"card-title",children:j})}),e.jsxs("div",{className:"wrapper-card-3",children:[q&&e.jsx("div",{...S?{}:{onMouseEnter:oe,onMouseLeave:ne},children:e.jsxs(me,{placement:"bottom",open:re,children:[e.jsx(pe,{children:ie()}),e.jsx(ue,{style:{all:"unset"},children:e.jsx(fe,{children:ae()})})]})}),!q&&ce()]}),e.jsxs("div",{className:"wrapper-card-2",children:[e.jsxs("div",{className:`price-text ${W?"new-price":""}`,children:[x>0&&_&&P!==!0&&$!==!0&&e.jsx("div",{children:`${t.formatPrice(x)} ${t.GetCurrencySymbol(_)}`}),W&&e.jsx("div",{className:`${x>0?"full-price":""}`,children:`${t.formatPrice(g)} ${t.GetCurrencySymbol(_)}`}),P&&H,$&&Z]}),e.jsx("div",{className:"location-text",children:U})]}),Y===!0&&e.jsx(we,{sponsoredText:J})]})}),$e=a.forwardRef(({},l)=>e.jsxs(X,{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"})]})]})),Ee=({limit:l=5,isLoading:v=!1,keyPrefix:d})=>e.jsx(e.Fragment,{children:Array.from({length:l},(j,g)=>e.jsx($e,{isLoading:v},`${d}-skeleton-product-card-${g}`))}),Se=({children:l,fallbackComponent:v=e.jsx(e.Fragment,{}),isLoading:d=!1,limit:j,keyPrefix:g})=>e.jsx(a.Suspense,{fallbackComponent:v,children:d===!0?e.jsx(Ee,{isLoading:d,limit:j,keyPrefix:g}):l});exports.DetailedProductCard=Pe;exports.SuspenseDetailedProductCard=Se;
308
+ `,be=a.forwardRef(({sponsoredText:l="Sponsored"},v)=>e.jsxs(we,{ref:v,className:"sponsored-line",children:[e.jsx("i",{className:"mng-lnc-paw2"}),e.jsx("span",{children:l})]})),ye="Vehicles_Cars",ke="Vehicles_Motorcycles",je="Vehicles_Trucks",xe="Vehicles_AgriculturalMachines_Tractors",_e="Vehicles_ConstructionMachines",Ce="Vehicles_Bus",Ne="Vehicles_Campers",Pe="RealEstates_",s={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:""}},$e=a.forwardRef((l,v)=>{const{uuid:d,name:j,price:g=0,sellingPrice:x,currency:_,isNegotiable:P,isFree:$,imageUrl:U,location:Y,sponsored:K,imageComponent:T,onSelectCard:Z=()=>{},freeText:H="Free",negotiableText:J="Negotiable",tags:n=[],categoryCode:E,condition:O,quantity:V,trade:B,sponsoredText:Q,onBookmark:F=()=>{},bookmarkComponent:y,bookmarked:z,bookmarkLists:ee,metadata:w,sellerName:M}=l,S=he.useDetectMobile(),re=()=>{var m;if(!t.isDefined(y))return e.jsx(e.Fragment,{});const r=y,o=(m=y==null?void 0:y.props)==null?void 0:m.children,c=a.cloneElement(o,{key:`bookmark_pr__${z}`,bookmarked:z,productUuid:d,onAddToBookmark:()=>F(!0,d),onRemoveFromBookmark:()=>F(!1,d),bookmarkedUuidList:ee});return a.cloneElement(r,void 0,c)},q=[ye,ke,je,xe,_e,Ce,Ne,Pe].some(r=>E==null?void 0:E.includes(r)),[oe,I]=a.useState(!1),ne=()=>{I(!0)},te=()=>{I(!1)},i=a.useRef(null),h=a.useRef([]),[se,W]=a.useState(n==null?void 0:n.length),ie=()=>{var m,b,k;if(!(i!=null&&i.current)||((m=h==null?void 0:h.current)==null?void 0:m.length)===0)return;if(S){W(n==null?void 0:n.length);return}const r=(b=i==null?void 0:i.current)==null?void 0:b.offsetWidth;let o=0,c=0;for(let p=0;p<(n==null?void 0:n.length);p++){const f=((k=h==null?void 0:h.current[p])==null?void 0:k.offsetWidth)||0,u=o+f+4;if(u<=r)o+=u,c++;else break}W(c)};a.useEffect(()=>{const r=i==null?void 0:i.current;if(!r)return;const o=new ResizeObserver(()=>{ie()});return o.observe(r),()=>{o.disconnect()}},[n,S]);const ae=()=>{var r;return e.jsx("div",{className:"tags-popover__trigger",children:(r=n==null?void 0:n.slice(0,se))==null?void 0:r.map((o,c)=>{var f,u,R,G,A;const m=((f=s==null?void 0:s[o==null?void 0:o.code])==null?void 0:f.icon)??((u=s==null?void 0:s.default)==null?void 0:u.icon)??"",b=((R=o==null?void 0:o.measurementUnit)==null?void 0:R.symbol)??((G=s==null?void 0:s[o==null?void 0:o.code])==null?void 0:G.measure)??"",p=[(o==null?void 0:o.value)??((A=o==null?void 0:o.multiOptions)==null?void 0:A[0])??"",b].filter(Boolean).join(" ");return e.jsxs(C,{ref:de=>h.current[c]=de,className:"tag",children:[e.jsx("i",{className:m}),p]},`detailed-products-section-tag__${c+1}`)})})},ce=()=>e.jsx("div",{className:"tags-popover__content",children:n==null?void 0:n.map((r,o)=>{var p,f,u;const c=((p=r==null?void 0:r.measurementUnit)==null?void 0:p.symbol)??((f=s==null?void 0:s[r==null?void 0:r.code])==null?void 0:f.measure)??"",b=[(r==null?void 0:r.value)??((u=r==null?void 0:r.multiOptions)==null?void 0:u[0])??"",c].filter(Boolean).join(" "),k=r==null?void 0:r.name;return e.jsxs("div",{children:[e.jsx("span",{className:"tags-popover__name",children:`${k}: `}),e.jsx("span",{className:"tags-popover__value",children:b})]},`detailed-products-section-tag-dropdown__${o+1}`)})}),le=()=>e.jsxs(e.Fragment,{children:[O&&e.jsx(C,{className:"tag",children:O},"detailed-products-section-tag__condition"),V&&e.jsx(C,{className:"tag",children:V},"detailed-products-section-tag__quantity"),B&&e.jsx(C,{className:"tag",children:B},"detailed-products-section-tag__trade")]}),D=g>0&&_&&P!==!0&&$!==!0&&g!==x;return e.jsxs(L,{ref:i,className:"product-card","data-accessor":w==null?void 0:w.accessor,name:w==null?void 0:w.name,onClick:r=>Z(r,i),children:[e.jsxs(fe,{className:"product-image-wrapper",children:[e.jsx(re,{}),t.isDefined(T)?T:e.jsx(me.ProductImageWrapper,{src:U})]}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"seller",title:M,children:M}),e.jsx("div",{className:"card-title",children:j})]}),e.jsxs("div",{className:"wrapper-card-3",children:[q&&e.jsx("div",{...S?{}:{onMouseEnter:ne,onMouseLeave:te},children:e.jsxs(pe,{placement:"bottom",open:oe,children:[e.jsx(ue,{children:ae()}),e.jsx(ge,{style:{all:"unset"},children:e.jsx(ve,{children:ce()})})]})}),!q&&le()]}),e.jsxs("div",{className:"wrapper-card-2",children:[e.jsxs("div",{className:`price-text ${D?"new-price":""}`,children:[x>0&&_&&P!==!0&&$!==!0&&e.jsx("div",{children:`${t.formatPrice(x)} ${t.GetCurrencySymbol(_)}`}),D&&e.jsx("div",{className:`${x>0?"full-price":""}`,children:`${t.formatPrice(g)} ${t.GetCurrencySymbol(_)}`}),P&&J,$&&H]}),e.jsx("div",{className:"location-text",children:Y})]}),K===!0&&e.jsx(be,{sponsoredText:Q})]})}),Ee=a.forwardRef(({},l)=>e.jsxs(L,{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"})]})]})),Se=({limit:l=5,isLoading:v=!1,keyPrefix:d})=>e.jsx(e.Fragment,{children:Array.from({length:l},(j,g)=>e.jsx(Ee,{isLoading:v},`${d}-skeleton-product-card-${g}`))}),Te=({children:l,fallbackComponent:v=e.jsx(e.Fragment,{}),isLoading:d=!1,limit:j,keyPrefix:g})=>e.jsx(a.Suspense,{fallbackComponent:v,children:d===!0?e.jsx(Se,{isLoading:d,limit:j,keyPrefix:g}):l});exports.DetailedProductCard=$e;exports.SuspenseDetailedProductCard=Te;
@@ -1,15 +1,15 @@
1
1
  import { jsxs as t, jsx as e, Fragment as $ } from "react/jsx-runtime";
2
- import { forwardRef as B, useState as q, useRef as A, useEffect as be, cloneElement as Y, Suspense as ke } from "react";
3
- import { p as ye, t as K, o as y, l as H, q as Z, G as J } from "./utils-BdsZgOUE.js";
2
+ import { forwardRef as B, useState as Y, useRef as K, useEffect as ke, cloneElement as H, Suspense as ye } from "react";
3
+ import { t as z, p as _e, o as y, l as Z, q as J, G as Q } from "./utils-BdsZgOUE.js";
4
4
  import { s as T } from "./emotion-styled.browser.esm-BNN1dTl3.js";
5
- import { P as _e } from "./index-CF3HhgvN.js";
5
+ import { P as Ne } from "./index-CF3HhgvN.js";
6
6
  import P from "./Badge.js";
7
7
  import Ce from "./Popover.js";
8
- import Ne from "./PopoverTrigger.js";
9
- import Pe from "./PopoverContent.js";
10
- import { u as $e } from "./useDetectMobile-Bkvj0VMa.js";
11
- import { M as Q } from "./consts-BuFChS64.js";
12
- const ee = T.div`
8
+ import Pe from "./PopoverTrigger.js";
9
+ import $e from "./PopoverContent.js";
10
+ import { u as Te } from "./useDetectMobile-Bkvj0VMa.js";
11
+ import { M as ee } from "./consts-BuFChS64.js";
12
+ const re = T.div`
13
13
  display: flex;
14
14
  flex-direction: column;
15
15
  gap: 0.5rem;
@@ -17,6 +17,14 @@ const ee = T.div`
17
17
  overflow: hidden;
18
18
  width: 100%;
19
19
 
20
+ & .seller {
21
+ text-transform: uppercase;
22
+ ${z()}
23
+ color: var(--gray-500);
24
+ font-size: 0.625rem;
25
+ font-weight: 400;
26
+ }
27
+
20
28
  & .wrapper-card-1 {
21
29
  display: flex;
22
30
  flex-direction: column;
@@ -64,13 +72,13 @@ const ee = T.div`
64
72
  & .card-title {
65
73
  font-size: 0.875rem;
66
74
  font-weight: 600;
67
- ${ye(2)}
75
+ ${_e(2)}
68
76
  }
69
77
 
70
78
  & .price-text {
71
79
  font-size: 1rem;
72
80
  font-weight: 600;
73
- ${K()}
81
+ ${z()}
74
82
  display: flex;
75
83
  align-items: end;
76
84
  gap: 0.5rem;
@@ -93,7 +101,7 @@ const ee = T.div`
93
101
  font-size: 0.75rem;
94
102
  font-weight: 400;
95
103
  color: var(--gray-600, #676e79);
96
- ${K()}
104
+ ${z()}
97
105
  }
98
106
 
99
107
  & .tags-wrapper {
@@ -138,7 +146,7 @@ const ee = T.div`
138
146
  gap: 0.25rem;
139
147
  }
140
148
 
141
- @media (max-width: ${Q + "px"}) {
149
+ @media (max-width: ${ee + "px"}) {
142
150
  overflow: visible;
143
151
 
144
152
  & .wrapper-card-3 {
@@ -201,7 +209,7 @@ const ee = T.div`
201
209
  &:hover .product-image-wrapper img {
202
210
  transform: scale(1.1);
203
211
  }
204
- `, Te = T.div`
212
+ `, Ee = T.div`
205
213
  position: relative;
206
214
  overflow: hidden;
207
215
  border-radius: 0.75rem;
@@ -233,7 +241,7 @@ const ee = T.div`
233
241
  transition: var(--transition, all 0.3s ease);
234
242
  }
235
243
 
236
- @media (max-width: ${Q + "px"}) {
244
+ @media (max-width: ${ee + "px"}) {
237
245
  & img {
238
246
  width: 8.875rem;
239
247
  height: 8.875rem;
@@ -246,7 +254,7 @@ const ee = T.div`
246
254
  display: flex;
247
255
  }
248
256
  }
249
- `, Ee = T.div`
257
+ `, Se = T.div`
250
258
  background: var(--white, #fff);
251
259
  z-index: 1;
252
260
 
@@ -296,7 +304,7 @@ const ee = T.div`
296
304
  color: var(--gray-950, #14161a);
297
305
  }
298
306
  }
299
- `, Se = T.div`
307
+ `, Ve = T.div`
300
308
  display: flex;
301
309
  align-items: center;
302
310
  gap: 0.25rem;
@@ -308,10 +316,10 @@ const ee = T.div`
308
316
  font-size: 1rem;
309
317
  color: var(--warning-500, #F59E0B);
310
318
  }
311
- `, Ve = B(({ sponsoredText: c = "Sponsored" }, f) => /* @__PURE__ */ t(Se, { ref: f, className: "sponsored-line", children: [
319
+ `, Oe = B(({ sponsoredText: l = "Sponsored" }, f) => /* @__PURE__ */ t(Ve, { ref: f, className: "sponsored-line", children: [
312
320
  /* @__PURE__ */ e("i", { className: "mng-lnc-paw2" }),
313
- /* @__PURE__ */ e("span", { children: c })
314
- ] })), Oe = "Vehicles_Cars", Be = "Vehicles_Motorcycles", ze = "Vehicles_Trucks", Me = "Vehicles_AgriculturalMachines_Tractors", Fe = "Vehicles_ConstructionMachines", We = "Vehicles_Bus", Ie = "Vehicles_Campers", je = "RealEstates_", a = {
321
+ /* @__PURE__ */ e("span", { children: l })
322
+ ] })), ze = "Vehicles_Cars", Be = "Vehicles_Motorcycles", Me = "Vehicles_Trucks", Fe = "Vehicles_AgriculturalMachines_Tractors", We = "Vehicles_ConstructionMachines", Ie = "Vehicles_Bus", je = "Vehicles_Campers", De = "RealEstates_", a = {
315
323
  Mileage: {
316
324
  icon: "mng-lnc-road",
317
325
  measure: "km"
@@ -412,67 +420,68 @@ const ee = T.div`
412
420
  icon: " mng-lnc-clock--filled",
413
421
  measure: ""
414
422
  }
415
- }, Qe = B((c, f) => {
423
+ }, er = B((l, f) => {
416
424
  const {
417
- uuid: l,
425
+ uuid: c,
418
426
  name: _,
419
427
  price: g = 0,
420
- sellingPrice: C,
421
- currency: N,
428
+ sellingPrice: N,
429
+ currency: C,
422
430
  isNegotiable: E,
423
431
  isFree: S,
424
- imageUrl: re,
425
- location: oe,
426
- sponsored: ne,
427
- imageComponent: z,
428
- onSelectCard: te = () => {
432
+ imageUrl: oe,
433
+ location: ne,
434
+ sponsored: te,
435
+ imageComponent: M,
436
+ onSelectCard: ae = () => {
429
437
  },
430
- freeText: ae = "Free",
431
- negotiableText: ie = "Negotiable",
438
+ freeText: ie = "Free",
439
+ negotiableText: se = "Negotiable",
432
440
  tags: n = [],
433
441
  categoryCode: V,
434
- condition: M,
435
- quantity: F,
436
- trade: W,
437
- sponsoredText: se,
438
- onBookmark: I = () => {
442
+ condition: F,
443
+ quantity: W,
444
+ trade: I,
445
+ sponsoredText: le,
446
+ onBookmark: j = () => {
439
447
  },
440
448
  bookmarkComponent: b,
441
- bookmarked: j,
449
+ bookmarked: D,
442
450
  bookmarkLists: ce,
443
- metadata: v
444
- } = c, O = $e(), le = () => {
451
+ metadata: v,
452
+ sellerName: x
453
+ } = l, O = Te(), de = () => {
445
454
  var d;
446
- if (!H(b)) return /* @__PURE__ */ e($, {});
447
- const r = b, o = (d = b == null ? void 0 : b.props) == null ? void 0 : d.children, s = Y(o, {
448
- key: `bookmark_pr__${j}`,
449
- bookmarked: j,
450
- productUuid: l,
451
- onAddToBookmark: () => I(!0, l),
452
- onRemoveFromBookmark: () => I(!1, l),
455
+ if (!Z(b)) return /* @__PURE__ */ e($, {});
456
+ const r = b, o = (d = b == null ? void 0 : b.props) == null ? void 0 : d.children, s = H(o, {
457
+ key: `bookmark_pr__${D}`,
458
+ bookmarked: D,
459
+ productUuid: c,
460
+ onAddToBookmark: () => j(!0, c),
461
+ onRemoveFromBookmark: () => j(!1, c),
453
462
  bookmarkedUuidList: ce
454
463
  });
455
- return Y(r, void 0, s);
456
- }, D = [
457
- Oe,
458
- Be,
464
+ return H(r, void 0, s);
465
+ }, G = [
459
466
  ze,
467
+ Be,
460
468
  Me,
461
469
  Fe,
462
470
  We,
463
471
  Ie,
464
- je
472
+ je,
473
+ De
465
474
  ].some(
466
475
  (r) => V == null ? void 0 : V.includes(r)
467
- ), [de, x] = q(!1), me = () => {
468
- x(!0);
469
- }, pe = () => {
470
- x(!1);
471
- }, i = A(null), u = A([]), [ge, G] = q(n == null ? void 0 : n.length), ue = () => {
476
+ ), [me, R] = Y(!1), pe = () => {
477
+ R(!0);
478
+ }, ge = () => {
479
+ R(!1);
480
+ }, i = K(null), u = K([]), [ue, U] = Y(n == null ? void 0 : n.length), he = () => {
472
481
  var d, w, k;
473
482
  if (!(i != null && i.current) || ((d = u == null ? void 0 : u.current) == null ? void 0 : d.length) === 0) return;
474
483
  if (O) {
475
- G(n == null ? void 0 : n.length);
484
+ U(n == null ? void 0 : n.length);
476
485
  return;
477
486
  }
478
487
  const r = (w = i == null ? void 0 : i.current) == null ? void 0 : w.offsetWidth;
@@ -484,27 +493,27 @@ const ee = T.div`
484
493
  else
485
494
  break;
486
495
  }
487
- G(s);
496
+ U(s);
488
497
  };
489
- be(() => {
498
+ ke(() => {
490
499
  const r = i == null ? void 0 : i.current;
491
500
  if (!r) return;
492
501
  const o = new ResizeObserver(() => {
493
- ue();
502
+ he();
494
503
  });
495
504
  return o.observe(r), () => {
496
505
  o.disconnect();
497
506
  };
498
507
  }, [n, O]);
499
- const he = () => {
508
+ const fe = () => {
500
509
  var r;
501
- return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = n == null ? void 0 : n.slice(0, ge)) == null ? void 0 : r.map((o, s) => {
502
- var h, p, U, X, L;
503
- const d = ((h = a == null ? void 0 : a[o == null ? void 0 : o.code]) == null ? void 0 : h.icon) ?? ((p = a == null ? void 0 : a.default) == null ? void 0 : p.icon) ?? "", w = ((U = o == null ? void 0 : o.measurementUnit) == null ? void 0 : U.symbol) ?? ((X = a == null ? void 0 : a[o == null ? void 0 : o.code]) == null ? void 0 : X.measure) ?? "", m = [(o == null ? void 0 : o.value) ?? ((L = o == null ? void 0 : o.multiOptions) == null ? void 0 : L[0]) ?? "", w].filter(Boolean).join(" ");
510
+ return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = n == null ? void 0 : n.slice(0, ue)) == null ? void 0 : r.map((o, s) => {
511
+ var h, p, L, q, A;
512
+ const d = ((h = a == null ? void 0 : a[o == null ? void 0 : o.code]) == null ? void 0 : h.icon) ?? ((p = a == null ? void 0 : a.default) == null ? void 0 : p.icon) ?? "", w = ((L = o == null ? void 0 : o.measurementUnit) == null ? void 0 : L.symbol) ?? ((q = a == null ? void 0 : a[o == null ? void 0 : o.code]) == null ? void 0 : q.measure) ?? "", m = [(o == null ? void 0 : o.value) ?? ((A = o == null ? void 0 : o.multiOptions) == null ? void 0 : A[0]) ?? "", w].filter(Boolean).join(" ");
504
513
  return /* @__PURE__ */ t(
505
514
  P,
506
515
  {
507
- ref: (we) => u.current[s] = we,
516
+ ref: (be) => u.current[s] = be,
508
517
  className: "tag",
509
518
  children: [
510
519
  /* @__PURE__ */ e("i", { className: d }),
@@ -514,65 +523,68 @@ const ee = T.div`
514
523
  `detailed-products-section-tag__${s + 1}`
515
524
  );
516
525
  }) });
517
- }, fe = () => /* @__PURE__ */ e("div", { className: "tags-popover__content", children: n == null ? void 0 : n.map((r, o) => {
526
+ }, ve = () => /* @__PURE__ */ e("div", { className: "tags-popover__content", children: n == null ? void 0 : n.map((r, o) => {
518
527
  var m, h, p;
519
528
  const s = ((m = r == null ? void 0 : r.measurementUnit) == null ? void 0 : m.symbol) ?? ((h = a == null ? void 0 : a[r == null ? void 0 : r.code]) == null ? void 0 : h.measure) ?? "", w = [(r == null ? void 0 : r.value) ?? ((p = r == null ? void 0 : r.multiOptions) == null ? void 0 : p[0]) ?? "", s].filter(Boolean).join(" "), k = r == null ? void 0 : r.name;
520
529
  return /* @__PURE__ */ t("div", { children: [
521
530
  /* @__PURE__ */ e("span", { className: "tags-popover__name", children: `${k}: ` }),
522
531
  /* @__PURE__ */ e("span", { className: "tags-popover__value", children: w })
523
532
  ] }, `detailed-products-section-tag-dropdown__${o + 1}`);
524
- }) }), ve = () => /* @__PURE__ */ t($, { children: [
525
- M && /* @__PURE__ */ e(P, { className: "tag", children: M }, "detailed-products-section-tag__condition"),
526
- F && /* @__PURE__ */ e(P, { className: "tag", children: F }, "detailed-products-section-tag__quantity"),
527
- W && /* @__PURE__ */ e(P, { className: "tag", children: W }, "detailed-products-section-tag__trade")
528
- ] }), R = g > 0 && N && E !== !0 && S !== !0 && g !== C;
533
+ }) }), we = () => /* @__PURE__ */ t($, { children: [
534
+ F && /* @__PURE__ */ e(P, { className: "tag", children: F }, "detailed-products-section-tag__condition"),
535
+ W && /* @__PURE__ */ e(P, { className: "tag", children: W }, "detailed-products-section-tag__quantity"),
536
+ I && /* @__PURE__ */ e(P, { className: "tag", children: I }, "detailed-products-section-tag__trade")
537
+ ] }), X = g > 0 && C && E !== !0 && S !== !0 && g !== N;
529
538
  return (
530
539
  // <LandingPageProductCardSkeleton />
531
540
  /* @__PURE__ */ t(
532
- ee,
541
+ re,
533
542
  {
534
543
  ref: i,
535
544
  className: "product-card",
536
545
  "data-accessor": v == null ? void 0 : v.accessor,
537
546
  name: v == null ? void 0 : v.name,
538
- onClick: (r) => te(r, i),
547
+ onClick: (r) => ae(r, i),
539
548
  children: [
540
- /* @__PURE__ */ t(Te, { className: "product-image-wrapper", children: [
541
- /* @__PURE__ */ e(le, {}),
542
- H(z) ? z : /* @__PURE__ */ e(_e, { src: re })
549
+ /* @__PURE__ */ t(Ee, { className: "product-image-wrapper", children: [
550
+ /* @__PURE__ */ e(de, {}),
551
+ Z(M) ? M : /* @__PURE__ */ e(Ne, { src: oe })
552
+ ] }),
553
+ /* @__PURE__ */ t("div", { className: "wrapper-card-1", children: [
554
+ /* @__PURE__ */ e("div", { className: "seller", title: x, children: x }),
555
+ /* @__PURE__ */ e("div", { className: "card-title", children: _ })
543
556
  ] }),
544
- /* @__PURE__ */ e("div", { className: "wrapper-card-1", children: /* @__PURE__ */ e("div", { className: "card-title", children: _ }) }),
545
557
  /* @__PURE__ */ t("div", { className: "wrapper-card-3", children: [
546
- D && /* @__PURE__ */ e(
558
+ G && /* @__PURE__ */ e(
547
559
  "div",
548
560
  {
549
561
  ...O ? {} : {
550
- onMouseEnter: me,
551
- onMouseLeave: pe
562
+ onMouseEnter: pe,
563
+ onMouseLeave: ge
552
564
  },
553
- children: /* @__PURE__ */ t(Ce, { placement: "bottom", open: de, children: [
554
- /* @__PURE__ */ e(Ne, { children: he() }),
555
- /* @__PURE__ */ e(Pe, { style: { all: "unset" }, children: /* @__PURE__ */ e(Ee, { children: fe() }) })
565
+ children: /* @__PURE__ */ t(Ce, { placement: "bottom", open: me, children: [
566
+ /* @__PURE__ */ e(Pe, { children: fe() }),
567
+ /* @__PURE__ */ e($e, { style: { all: "unset" }, children: /* @__PURE__ */ e(Se, { children: ve() }) })
556
568
  ] })
557
569
  }
558
570
  ),
559
- !D && ve()
571
+ !G && we()
560
572
  ] }),
561
573
  /* @__PURE__ */ t("div", { className: "wrapper-card-2", children: [
562
- /* @__PURE__ */ t("div", { className: `price-text ${R ? "new-price" : ""}`, children: [
563
- C > 0 && N && E !== !0 && S !== !0 && /* @__PURE__ */ e("div", { children: `${Z(C)} ${J(N)}` }),
564
- R && /* @__PURE__ */ e("div", { className: `${C > 0 ? "full-price" : ""}`, children: `${Z(g)} ${J(N)}` }),
565
- E && ie,
566
- S && ae
574
+ /* @__PURE__ */ t("div", { className: `price-text ${X ? "new-price" : ""}`, children: [
575
+ N > 0 && C && E !== !0 && S !== !0 && /* @__PURE__ */ e("div", { children: `${J(N)} ${Q(C)}` }),
576
+ X && /* @__PURE__ */ e("div", { className: `${N > 0 ? "full-price" : ""}`, children: `${J(g)} ${Q(C)}` }),
577
+ E && se,
578
+ S && ie
567
579
  ] }),
568
- /* @__PURE__ */ e("div", { className: "location-text", children: oe })
580
+ /* @__PURE__ */ e("div", { className: "location-text", children: ne })
569
581
  ] }),
570
- ne === !0 && /* @__PURE__ */ e(Ve, { sponsoredText: se })
582
+ te === !0 && /* @__PURE__ */ e(Oe, { sponsoredText: le })
571
583
  ]
572
584
  }
573
585
  )
574
586
  );
575
- }), De = B(({}, c) => /* @__PURE__ */ t(ee, { className: "product-card", children: [
587
+ }), xe = B(({}, l) => /* @__PURE__ */ t(re, { className: "product-card", children: [
576
588
  /* @__PURE__ */ e("img", { className: "skeleton-img" }),
577
589
  /* @__PURE__ */ t("div", { className: "wrapper-card-1", children: [
578
590
  /* @__PURE__ */ e("div", { className: "skeleton-title" }),
@@ -582,27 +594,27 @@ const ee = T.div`
582
594
  /* @__PURE__ */ e("div", { className: "skeleton-price" }),
583
595
  /* @__PURE__ */ e("div", { className: "skeleton-sponsored" })
584
596
  ] })
585
- ] })), xe = ({ limit: c = 5, isLoading: f = !1, keyPrefix: l }) => /* @__PURE__ */ e($, { children: Array.from({ length: c }, (_, g) => /* @__PURE__ */ e(
586
- De,
597
+ ] })), Ge = ({ limit: l = 5, isLoading: f = !1, keyPrefix: c }) => /* @__PURE__ */ e($, { children: Array.from({ length: l }, (_, g) => /* @__PURE__ */ e(
598
+ xe,
587
599
  {
588
600
  isLoading: f
589
601
  },
590
- `${l}-skeleton-product-card-${g}`
591
- )) }), er = ({
592
- children: c,
602
+ `${c}-skeleton-product-card-${g}`
603
+ )) }), rr = ({
604
+ children: l,
593
605
  fallbackComponent: f = /* @__PURE__ */ e($, {}),
594
- isLoading: l = !1,
606
+ isLoading: c = !1,
595
607
  limit: _,
596
608
  keyPrefix: g
597
- }) => /* @__PURE__ */ e(ke, { fallbackComponent: f, children: l === !0 ? /* @__PURE__ */ e(
598
- xe,
609
+ }) => /* @__PURE__ */ e(ye, { fallbackComponent: f, children: c === !0 ? /* @__PURE__ */ e(
610
+ Ge,
599
611
  {
600
- isLoading: l,
612
+ isLoading: c,
601
613
  limit: _,
602
614
  keyPrefix: g
603
615
  }
604
- ) : c });
616
+ ) : l });
605
617
  export {
606
- Qe as D,
607
- er as S
618
+ er as D,
619
+ rr as S
608
620
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lanaco/lnc-react-ui",
3
- "version": "4.0.166",
3
+ "version": "4.0.167",
4
4
  "description": "React component library",
5
5
  "type": "module",
6
6
  "keywords": [