@lanaco/lnc-react-ui 4.0.186 → 4.0.188

package/dist/{index-Bmr3IeZ_.cjs → index-DBokGIps.cjs}

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),c=require("react"),S=require("./emotion-styled.browser.esm-BtEseadx.cjs"),T=require("./consts-goSZX3xP.cjs"),s=require("./utils-RnrgDDZP.cjs"),je=require("./index-uwl7BjRF.cjs"),L=require("./Badge.cjs"),xe=require("./Popover.cjs"),ke=require("./PopoverTrigger.cjs"),Se=require("./PopoverContent.cjs"),ye=require("./useDetectMobile-zkbzoOGV.cjs"),r=require("./style-BAcV7F53.cjs"),Pe=S.styled.a`
+"use strict";const e=require("react/jsx-runtime"),c=require("react"),S=require("./emotion-styled.browser.esm-BtEseadx.cjs"),q=require("./consts-goSZX3xP.cjs"),a=require("./utils-RnrgDDZP.cjs"),xe=require("./index-uwl7BjRF.cjs"),N=require("./Badge.cjs"),Se=require("./Popover.cjs"),ye=require("./PopoverTrigger.cjs"),Pe=require("./PopoverContent.cjs"),Ce=require("./useDetectMobile-zkbzoOGV.cjs"),r=require("./style-BAcV7F53.cjs"),_e=S.styled.a`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -9,7 +9,7 @@
   color: var(--gray-950, #14161a);
   & .seller {
     text-transform: uppercase;
-    ${s.truncateText()}
+    ${a.truncateText()}
     color: var(--gray-500);
     font-size: 0.625rem;
     font-weight: 400;
@@ -62,13 +62,13 @@
   & .card-title {
     font-size: 0.875rem;
     font-weight: 600;
-    ${s.truncateTextInRows(2)}
+    ${a.truncateTextInRows(2)}
   }
 
   & .price-text {
     font-size: 1rem;
     font-weight: 600;
-    ${s.truncateText()}
+    ${a.truncateText()}
     display: flex;
     align-items: end;
     gap: 0.5rem;
@@ -91,7 +91,7 @@
     font-size: 0.75rem;
     font-weight: 400;
     color: var(--gray-600, #676e79);
-    ${s.truncateText()}
+    ${a.truncateText()}
   }
 
   & .tags-wrapper {
@@ -104,7 +104,7 @@
     gap: 0.25rem;
   }
 
-  @media (max-width: ${T.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${q.MOBILE_SIZE_PX+"px"}) {
     overflow: visible;
 
     & .wrapper-card-3 {
@@ -167,7 +167,7 @@
   &:hover .product-image-wrapper img {
     transform: scale(1.1);
   }
-`,Ce=S.styled.div`
+`,Re=S.styled.div`
   position: relative;
   overflow: hidden;
   border-radius: 0.75rem;
@@ -188,7 +188,7 @@
 
     width: 2.25rem;
     height: 2.25rem;
-    border-radius: ${i=>s.getBorderRadiusValueWithUnits(i.theme,"curved")};
+    border-radius: ${i=>a.getBorderRadiusValueWithUnits(i.theme,"curved")};
     border: 1px solid var(--gray-95008);
     background-color: white;
     color: var(--gray-950);
@@ -220,7 +220,7 @@
     transition: var(--transition, all 0.3s ease);
   }
 
-  @media (max-width: ${T.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${q.MOBILE_SIZE_PX+"px"}) {
     & img {
       width: 8.875rem;
       height: 8.875rem;
@@ -235,7 +235,7 @@
       top: unset;
     }
   }
-`,_e=S.styled.div`
+`,Le=S.styled.div`
   background: var(--white, #fff);
   z-index: 1;
 
@@ -285,7 +285,7 @@
       color: var(--gray-950, #14161a);
     }
   }
-`,Re=S.styled.div`
+`,Ne=S.styled.div`
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -297,12 +297,12 @@
     font-size: 1rem;
     color: var(--warning-500, #F59E0B);
   }
-`,Le=c.forwardRef(({sponsoredText:i="Sponsored"},y)=>e.jsxs(Re,{ref:y,className:"sponsored-line",children:[e.jsx("i",{className:"mng-lnc-paw2"}),e.jsx("span",{children:i})]})),Ne="Vehicles_Cars",We="Vehicles_Motorcycles",$e="Vehicles_Trucks",Ee="Vehicles_AgriculturalMachines_Tractors",Te="Vehicles_ConstructionMachines",qe="Vehicles_Bus",Oe="Vehicles_Campers",Ve="RealEstates_",a={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:""}},Be=c.forwardRef((i,y)=>{const{uuid:u,sellerUuid:N,name:Z,price:P=0,sellingPrice:w,currency:j,isNegotiable:C,isFree:_,imageUrl:A,location:K,sponsored:H,imageComponent:q,freeText:Q="Free",negotiableText:J="Negotiable",tags:t=[],categoryCode:R,categoryName:ee,condition:O,quantity:W,trade:V,sponsoredText:re,forCart:oe,forOrder:ne,contactSeller:te,hasVariants:ie,hasQuantities:ae,status:se,onBookmark:$=()=>{},actionComponent:x,bookmarked:B,bookmarkLists:le,metadata:b,sellerName:z,nameSlug:I,onSelectCard:ce=()=>{}}=i,E=ye.useDetectMobile(),de=()=>{var m;if(!s.isDefined(x))return e.jsx(e.Fragment,{});const o=x,n=(m=x==null?void 0:x.props)==null?void 0:m.children,d=c.cloneElement(n,{key:`bookmark_pr__${B}`,bookmarked:B,productUuid:u,onAddToBookmark:()=>$(!0,u),onRemoveFromBookmark:()=>$(!1,u),bookmarkedUuidList:le,sellerUuid:N,handleBookmarking:$,forCart:oe,forOrder:ne,contactSeller:te,hasVariants:ie,status:se,quantity:W,hasQuantities:ae,productBasicInfo:{uuid:u,price:P,sellingPrice:w,categoryCode:R,categoryName:ee,currency:j,isNegotiable:C,isFree:_}});return c.cloneElement(o,void 0,d)},M=[Ne,We,$e,Ee,Te,qe,Oe,Ve].some(o=>R==null?void 0:R.includes(o)),[me,F]=c.useState(!1),he=()=>{F(!0)},pe=()=>{F(!1)},l=c.useRef(null),g=c.useRef([]),[ue,G]=c.useState(t==null?void 0:t.length),ge=()=>{var m,v,k;if(!(l!=null&&l.current)||((m=g==null?void 0:g.current)==null?void 0:m.length)===0)return;if(E){G(t==null?void 0:t.length);return}const o=(v=l==null?void 0:l.current)==null?void 0:v.offsetWidth;let n=0,d=0;for(let h=0;h<(t==null?void 0:t.length);h++){const f=((k=g==null?void 0:g.current[h])==null?void 0:k.offsetWidth)||0,p=n+f+4;if(p<=o)n+=p,d++;else break}G(d)};c.useEffect(()=>{const o=l==null?void 0:l.current;if(!o)return;const n=new ResizeObserver(()=>{ge()});return n.observe(o),()=>{n.disconnect()}},[t,E]);const fe=()=>{var o;return e.jsx("div",{className:"tags-popover__trigger",children:(o=t==null?void 0:t.slice(0,ue))==null?void 0:o.map((n,d)=>{var f,p,U,X,Y;const m=((f=a==null?void 0:a[n==null?void 0:n.code])==null?void 0:f.icon)??((p=a==null?void 0:a.default)==null?void 0:p.icon)??"",v=((U=n==null?void 0:n.measurementUnit)==null?void 0:U.symbol)??((X=a==null?void 0:a[n==null?void 0:n.code])==null?void 0:X.measure)??"",h=[(n==null?void 0:n.value)??((Y=n==null?void 0:n.multiOptions)==null?void 0:Y[0])??"",v].filter(Boolean).join(" ");return e.jsxs(L,{ref:we=>g.current[d]=we,className:"tag",children:[e.jsx("i",{className:m}),h]},`detailed-products-section-tag__${d+1}`)})})},be=()=>e.jsx("div",{className:"tags-popover__content",children:t==null?void 0:t.map((o,n)=>{var h,f,p;const d=((h=o==null?void 0:o.measurementUnit)==null?void 0:h.symbol)??((f=a==null?void 0:a[o==null?void 0:o.code])==null?void 0:f.measure)??"",v=[(o==null?void 0:o.value)??((p=o==null?void 0:o.multiOptions)==null?void 0:p[0])??"",d].filter(Boolean).join(" "),k=o==null?void 0:o.name;return e.jsxs("div",{children:[e.jsx("span",{className:"tags-popover__name",children:`${k}: `}),e.jsx("span",{className:"tags-popover__value",children:v})]},`detailed-products-section-tag-dropdown__${n+1}`)})}),ve=()=>e.jsxs(e.Fragment,{children:[O&&e.jsx(L,{className:"tag",children:O},"detailed-products-section-tag__condition"),W&&e.jsx(L,{className:"tag",children:W},"detailed-products-section-tag__quantity"),V&&e.jsx(L,{className:"tag",children:V},"detailed-products-section-tag__trade")]}),D=P>0&&j&&C!==!0&&_!==!0&&P!==w;return e.jsxs(Pe,{ref:l,className:"product-card","data-accessor":b==null?void 0:b.accessor,name:b==null?void 0:b.name,onClick:o=>ce(o,l),href:`/product/${s.isDefinedNotEmptyString(I)?`${I}-`:""}${u}`,children:[e.jsxs(Ce,{className:"product-image-wrapper",children:[e.jsx("div",{onClick:o=>{o==null||o.preventDefault(),o==null||o.stopPropagation()},children:e.jsx(de,{})}),s.isDefined(q)?q:e.jsx(je.ProductImageWrapper,{src:A})]}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"seller",title:z,children:z}),e.jsx("div",{className:"card-title",children:Z})]}),e.jsxs("div",{className:"wrapper-card-3",onClick:o=>{o==null||o.preventDefault(),o==null||o.stopPropagation()},children:[M&&e.jsx("div",{...E?{}:{onMouseEnter:he,onMouseLeave:pe},children:e.jsxs(xe,{placement:"bottom",open:me,children:[e.jsx(ke,{children:fe()}),e.jsx(Se,{style:{all:"unset"},children:e.jsx(_e,{children:be()})})]})}),!M&&ve()]}),e.jsxs("div",{className:"wrapper-card-2",children:[e.jsxs("div",{className:`price-text ${D?"new-price":""}`,children:[w>0&&j&&C!==!0&&_!==!0&&e.jsx("div",{children:`${s.formatPrice(w)} ${s.GetCurrencySymbol(j)}`}),D&&e.jsx("div",{className:`${w>0?"full-price":""}`,children:`${s.formatPrice(P)} ${s.GetCurrencySymbol(j)}`}),C&&J,_&&Q]}),e.jsx("div",{className:"location-text",children:K})]}),H===!0&&e.jsx(Le,{sponsoredText:re})]})}),ze=S.styled(r.SkeletonRowWrapper)`
-  @media (max-width: ${T.MOBILE_SIZE_PX+"px"}) {
+`,$e=c.forwardRef(({sponsoredText:i="Sponsored"},y)=>e.jsxs(Ne,{ref:y,className:"sponsored-line",children:[e.jsx("i",{className:"mng-lnc-paw2"}),e.jsx("span",{children:i})]})),We="Vehicles_Cars",Ee="Vehicles_Motorcycles",Te="Vehicles_Trucks",qe="Vehicles_AgriculturalMachines_Tractors",Oe="Vehicles_ConstructionMachines",Ve="Vehicles_Bus",Be="Vehicles_Campers",ze="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:""}},Ie=c.forwardRef((i,y)=>{const{uuid:m,sellerUuid:$,name:A,price:P=0,sellingPrice:w,currency:j,isNegotiable:C,isFree:_,imageUrl:K,location:H,sponsored:Q,imageComponent:O,freeText:J="Free",negotiableText:ee="Negotiable",tags:t=[],categoryCode:R,categoryName:re,condition:V,quantity:W,trade:B,sponsoredText:oe,forCart:ne,forOrder:te,contactSeller:ie,hasVariants:ae,hasQuantities:se,status:le,onBookmark:E=()=>{},actionComponent:k,bookmarked:z,bookmarkLists:ce,metadata:b,sellerName:I,nameSlug:L,onSelectCard:de=()=>{},LinkComponent:M}=i,me=M||"a",T=Ce.useDetectMobile(),he=()=>{var h;if(!a.isDefined(k))return e.jsx(e.Fragment,{});const o=k,n=(h=k==null?void 0:k.props)==null?void 0:h.children,d=c.cloneElement(n,{key:`bookmark_pr__${z}`,bookmarked:z,productUuid:m,onAddToBookmark:()=>E(!0,m),onRemoveFromBookmark:()=>E(!1,m),bookmarkedUuidList:ce,sellerUuid:$,handleBookmarking:E,forCart:ne,forOrder:te,contactSeller:ie,hasVariants:ae,status:le,quantity:W,hasQuantities:se,productBasicInfo:{uuid:m,price:P,sellingPrice:w,categoryCode:R,categoryName:re,currency:j,isNegotiable:C,isFree:_}});return c.cloneElement(o,void 0,d)},D=[We,Ee,Te,qe,Oe,Ve,Be,ze].some(o=>R==null?void 0:R.includes(o)),[pe,F]=c.useState(!1),ue=()=>{F(!0)},ge=()=>{F(!1)},l=c.useRef(null),g=c.useRef([]),[fe,G]=c.useState(t==null?void 0:t.length),be=()=>{var h,v,x;if(!(l!=null&&l.current)||((h=g==null?void 0:g.current)==null?void 0:h.length)===0)return;if(T){G(t==null?void 0:t.length);return}const o=(v=l==null?void 0:l.current)==null?void 0:v.offsetWidth;let n=0,d=0;for(let p=0;p<(t==null?void 0:t.length);p++){const f=((x=g==null?void 0:g.current[p])==null?void 0:x.offsetWidth)||0,u=n+f+4;if(u<=o)n+=u,d++;else break}G(d)};c.useEffect(()=>{const o=l==null?void 0:l.current;if(!o)return;const n=new ResizeObserver(()=>{be()});return n.observe(o),()=>{n.disconnect()}},[t,T]);const ve=()=>{var o;return e.jsx("div",{className:"tags-popover__trigger",children:(o=t==null?void 0:t.slice(0,fe))==null?void 0:o.map((n,d)=>{var f,u,X,Y,Z;const h=((f=s==null?void 0:s[n==null?void 0:n.code])==null?void 0:f.icon)??((u=s==null?void 0:s.default)==null?void 0:u.icon)??"",v=((X=n==null?void 0:n.measurementUnit)==null?void 0:X.symbol)??((Y=s==null?void 0:s[n==null?void 0:n.code])==null?void 0:Y.measure)??"",p=[(n==null?void 0:n.value)??((Z=n==null?void 0:n.multiOptions)==null?void 0:Z[0])??"",v].filter(Boolean).join(" ");return e.jsxs(N,{ref:ke=>g.current[d]=ke,className:"tag",children:[e.jsx("i",{className:h}),p]},`detailed-products-section-tag__${d+1}`)})})},we=()=>e.jsx("div",{className:"tags-popover__content",children:t==null?void 0:t.map((o,n)=>{var p,f,u;const d=((p=o==null?void 0:o.measurementUnit)==null?void 0:p.symbol)??((f=s==null?void 0:s[o==null?void 0:o.code])==null?void 0:f.measure)??"",v=[(o==null?void 0:o.value)??((u=o==null?void 0:o.multiOptions)==null?void 0:u[0])??"",d].filter(Boolean).join(" "),x=o==null?void 0:o.name;return e.jsxs("div",{children:[e.jsx("span",{className:"tags-popover__name",children:`${x}: `}),e.jsx("span",{className:"tags-popover__value",children:v})]},`detailed-products-section-tag-dropdown__${n+1}`)})}),je=()=>e.jsxs(e.Fragment,{children:[V&&e.jsx(N,{className:"tag",children:V},"detailed-products-section-tag__condition"),W&&e.jsx(N,{className:"tag",children:W},"detailed-products-section-tag__quantity"),B&&e.jsx(N,{className:"tag",children:B},"detailed-products-section-tag__trade")]}),U=P>0&&j&&C!==!0&&_!==!0&&P!==w;return e.jsxs(_e,{ref:l,className:"product-card","data-accessor":b==null?void 0:b.accessor,name:b==null?void 0:b.name,onClick:o=>de(o,l),as:me,...M?{to:`/product/${a.isDefinedNotEmptyString(L)?`${L}-`:""}${m}`}:{href:`/product/${a.isDefinedNotEmptyString(L)?`${L}-`:""}${m}`},children:[e.jsxs(Re,{className:"product-image-wrapper",children:[e.jsx("div",{onClick:o=>{o==null||o.preventDefault(),o==null||o.stopPropagation()},children:e.jsx(he,{})}),a.isDefined(O)?O:e.jsx(xe.ProductImageWrapper,{src:K})]}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"seller",title:I,children:I}),e.jsx("div",{className:"card-title",children:A})]}),e.jsxs("div",{className:"wrapper-card-3",onClick:o=>{o==null||o.preventDefault(),o==null||o.stopPropagation()},children:[D&&e.jsx("div",{...T?{}:{onMouseEnter:ue,onMouseLeave:ge},children:e.jsxs(Se,{placement:"bottom",open:pe,children:[e.jsx(ye,{children:ve()}),e.jsx(Pe,{style:{all:"unset"},children:e.jsx(Le,{children:we()})})]})}),!D&&je()]}),e.jsxs("div",{className:"wrapper-card-2",children:[e.jsxs("div",{className:`price-text ${U?"new-price":""}`,children:[w>0&&j&&C!==!0&&_!==!0&&e.jsx("div",{children:`${a.formatPrice(w)} ${a.GetCurrencySymbol(j)}`}),U&&e.jsx("div",{className:`${w>0?"full-price":""}`,children:`${a.formatPrice(P)} ${a.GetCurrencySymbol(j)}`}),C&&ee,_&&J]}),e.jsx("div",{className:"location-text",children:H})]}),Q===!0&&e.jsx($e,{sponsoredText:oe})]})}),Me=S.styled(r.SkeletonRowWrapper)`
+  @media (max-width: ${q.MOBILE_SIZE_PX+"px"}) {
     & > div {
       &:nth-of-type(even) {
         display: none;
       }
     }
   }
-`,Ie=({keyPrefix:i})=>e.jsxs(ze,{children:[e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonColumnWrapper,{height:"1rem",children:e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"})}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonColumnWrapper,{height:"2rem",children:e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})})]},`${i}-1`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-2`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-3`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-4`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-5`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-6`)]}),Me=({keyPrefix:i,isLoading:y=!1,fallbackComponent:u=e.jsx(e.Fragment,{}),children:N})=>e.jsx(c.Suspense,{fallbackComponent:u,children:y===!0?e.jsx(Ie,{keyPrefix:i}):N});exports.DetailedProductCard=Be;exports.SuspenseDetailedProductCard=Me;
+`,De=({keyPrefix:i})=>e.jsxs(Me,{children:[e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonColumnWrapper,{height:"1rem",children:e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"})}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonColumnWrapper,{height:"2rem",children:e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})})]},`${i}-1`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-2`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-3`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-4`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-5`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-6`)]}),Fe=({keyPrefix:i,isLoading:y=!1,fallbackComponent:m=e.jsx(e.Fragment,{}),children:$})=>e.jsx(c.Suspense,{fallbackComponent:m,children:y===!0?e.jsx(De,{keyPrefix:i}):$});exports.DetailedProductCard=Ie;exports.SuspenseDetailedProductCard=Fe;

package/dist/{index-BipuzfLW.js → index-DMHtIdm-.js}

@@ -1,12 +1,12 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { forwardRef as u, useRef as f } from "react";
-import { s as d } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as c } from "./consts-BuFChS64.js";
-import { o as w } from "./utils-Dc5zIpaz.js";
-import { u as b } from "./useDetectMobile-Bkvj0VMa.js";
-import n from "./Button.js";
-import { P as y } from "./index-C_NnINik.js";
-const v = d.a`
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { forwardRef as w, useRef as b } from "react";
+import { s } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as l } from "./consts-BuFChS64.js";
+import { o as y } from "./utils-Dc5zIpaz.js";
+import { u as v } from "./useDetectMobile-Bkvj0VMa.js";
+import c from "./Button.js";
+import { P as C } from "./index-C_NnINik.js";
+const k = s.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -35,7 +35,7 @@ const v = d.a`
     border-radius: 0.75rem 0 0 0.75rem;
   }
 
-  @media (max-width: ${c + "px"}) {
+  @media (max-width: ${l + "px"}) {
     padding: 1rem;
     column-gap: 1.5rem;
     row-gap: 1rem;
@@ -60,7 +60,7 @@ const v = d.a`
       margin-top: auto;
     }
   }
-`, C = d.div`
+`, T = s.div`
   padding: 1rem;
   display: flex;
   flex-direction: column;
@@ -76,7 +76,7 @@ const v = d.a`
     font-weight: 400;
     font-size: 0.875rem;
     color: var(--gray-700, #4e555f);
-    ${w(3)}
+    ${y(3)}
   }
 
   & button {
@@ -84,27 +84,37 @@ const v = d.a`
     margin-top: auto;
   }
 
-  @media (max-width: ${c + "px"}) {
+  @media (max-width: ${l + "px"}) {
     padding: 0;
   }
-`, j = u((s, k) => {
-  const { title: l, imageUrl: p, text: g, onCardClick: t, buttonText: o, metadata: r, titleSlug: h } = s, i = b(), a = f();
-  return /* @__PURE__ */ m(
-    v,
+`, P = w((p, $) => {
+  const {
+    title: g,
+    imageUrl: h,
+    text: x,
+    onCardClick: t,
+    buttonText: o,
+    metadata: r,
+    titleSlug: i,
+    LinkComponent: a
+  } = p, u = a || "a", m = v(), n = b();
+  return /* @__PURE__ */ d(
+    k,
     {
-      ref: a,
+      ref: n,
       className: "blog-card",
       "data-accessor": r == null ? void 0 : r.accessor,
       name: r == null ? void 0 : r.name,
-      onClick: (x) => t(x, a),
-      href: `/blog/${h}`,
+      onClick: (f) => t(f, n),
+      as: u,
+      ...a ? { to: `/blog/${i}` } : { href: `/blog/${i}` },
       children: [
-        /* @__PURE__ */ e(y, { src: p }),
-        /* @__PURE__ */ m(C, { children: [
-          /* @__PURE__ */ e("div", { className: "text-wr-title", children: l }),
-          /* @__PURE__ */ e("div", { className: "text-wr", children: g }),
-          i !== !0 && /* @__PURE__ */ e(
-            n,
+        /* @__PURE__ */ e(C, { src: h }),
+        /* @__PURE__ */ d(T, { children: [
+          /* @__PURE__ */ e("div", { className: "text-wr-title", children: g }),
+          /* @__PURE__ */ e("div", { className: "text-wr", children: x }),
+          m !== !0 && /* @__PURE__ */ e(
+            c,
             {
               type: "button",
               btnType: "outline",
@@ -115,8 +125,8 @@ const v = d.a`
             }
           )
         ] }),
-        i === !0 && /* @__PURE__ */ e(
-          n,
+        m === !0 && /* @__PURE__ */ e(
+          c,
           {
             className: "action",
             type: "button",
@@ -132,5 +142,5 @@ const v = d.a`
   );
 });
 export {
-  j as B
+  P as B
 };

package/dist/{index-0p_3g3pT.cjs → index-D_5jNP-o.cjs}

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),t=require("react"),h=require("./Icon.cjs"),c=require("./utils-RnrgDDZP.cjs"),S=require("./emotion-styled.browser.esm-BtEseadx.cjs"),q=require("./consts-goSZX3xP.cjs"),x=require("./ShopAvatar-CV3lj34D.cjs"),E=require("./index-uwl7BjRF.cjs"),I=S.styled.a`
+"use strict";const r=require("react/jsx-runtime"),t=require("react"),x=require("./Icon.cjs"),c=require("./utils-RnrgDDZP.cjs"),$=require("./emotion-styled.browser.esm-BtEseadx.cjs"),E=require("./consts-goSZX3xP.cjs"),f=require("./ShopAvatar-CV3lj34D.cjs"),I=require("./index-uwl7BjRF.cjs"),R=$.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -129,7 +129,7 @@
     }
   }
 
-  @media (max-width: ${q.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${E.MOBILE_SIZE_PX+"px"}) {
     max-width: 10rem;
     min-width: 10rem;
 
@@ -139,4 +139,4 @@
       }
     }
   }
-`,$=t.forwardRef(({uuid:m,image:p,imageComponent:_,title:f,subtitle:w,badges:d,rating:v,reviewCount:o,products:l,onSelectCard:y=()=>{},getProductImage:j=()=>{},canAcceptPayments:b,hideProducts:N=!1,showRating:u=!0,metadata:i={}},L)=>{const s=t.useRef(),g=t.useRef();return t.useEffect(()=>{var n;const e=a=>{a.target.src=x.DefaultShopImage,a.onerror=null};return(n=s==null?void 0:s.current)==null||n.addEventListener("error",e),()=>{var a;(a=s==null?void 0:s.current)==null||a.removeEventListener("error",e)}},[]),r.jsxs(I,{ref:g,name:i==null?void 0:i.name,"data-accessor":i==null?void 0:i.accessor,onClick:e=>y(e,g),href:`/shop/${m}`,children:[r.jsxs("div",{className:"wrapper__content",children:[c.isDefined(_)?_:p?r.jsx("img",{ref:s,src:p,className:"wrapper__image"}):r.jsx("img",{src:x.DefaultShopImage,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__info",children:[r.jsxs("div",{className:"wrapper__title",children:[f," ",b&&r.jsx(h,{color:"secondary",icon:"credit-card",className:"card"})]}),r.jsx("div",{className:"wrapper__subtitle",children:w}),d&&r.jsx("div",{className:"wrapper__badges"}),u&&r.jsxs("div",{className:"wrapper__rating",children:[r.jsx("div",{className:"wrapper_stars",children:[...Array(5).keys()].map((e,n)=>r.jsx(h,{icon:" mng-lnc-star--filled",className:`wrapper__star ${e>=v?"gold-star":""}`},`shop-card-rating-star__${n+1}`))}),r.jsxs("div",{className:"wrapper__review-count",children:["(",o==null?void 0:o.toLocaleString(),")"]})]})]})]}),N!==!0&&r.jsx("div",{className:"wrapper__products",children:l&&(l==null?void 0:l.map((e,n)=>r.jsx(t.Fragment,{children:r.jsx("div",{className:"wrapper__product",onClick:()=>{var a;return(a=e==null?void 0:e.onSelectProduct)==null?void 0:a.call(e,e==null?void 0:e.uuid)},children:c.isDefined(e==null?void 0:e.imageComponent)?e==null?void 0:e.imageComponent:r.jsx(E.ProductImageWrapper,{src:j(e==null?void 0:e.image,e==null?void 0:e.uuid,m),className:"product__image"})})},n)))})]})});exports.ShopCard=$;
+`,D=t.forwardRef(({uuid:o,image:p,imageComponent:_,title:w,subtitle:d,badges:v,rating:y,reviewCount:m,products:l,onSelectCard:j=()=>{},getProductImage:b=()=>{},canAcceptPayments:N,hideProducts:S=!1,showRating:q=!0,metadata:i={},LinkComponent:g},L)=>{const u=g||"a",s=t.useRef(),h=t.useRef();return t.useEffect(()=>{var n;const e=a=>{a.target.src=f.DefaultShopImage,a.onerror=null};return(n=s==null?void 0:s.current)==null||n.addEventListener("error",e),()=>{var a;(a=s==null?void 0:s.current)==null||a.removeEventListener("error",e)}},[]),r.jsxs(R,{ref:h,name:i==null?void 0:i.name,"data-accessor":i==null?void 0:i.accessor,onClick:e=>j(e,h),as:u,...g?{to:`/shop/${o}`}:{href:`/shop/${o}`},children:[r.jsxs("div",{className:"wrapper__content",children:[c.isDefined(_)?_:p?r.jsx("img",{ref:s,src:p,className:"wrapper__image"}):r.jsx("img",{src:f.DefaultShopImage,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__info",children:[r.jsxs("div",{className:"wrapper__title",children:[w," ",N&&r.jsx(x,{color:"secondary",icon:"credit-card",className:"card"})]}),r.jsx("div",{className:"wrapper__subtitle",children:d}),v&&r.jsx("div",{className:"wrapper__badges"}),q&&r.jsxs("div",{className:"wrapper__rating",children:[r.jsx("div",{className:"wrapper_stars",children:[...Array(5).keys()].map((e,n)=>r.jsx(x,{icon:" mng-lnc-star--filled",className:`wrapper__star ${e>=y?"gold-star":""}`},`shop-card-rating-star__${n+1}`))}),r.jsxs("div",{className:"wrapper__review-count",children:["(",m==null?void 0:m.toLocaleString(),")"]})]})]})]}),S!==!0&&r.jsx("div",{className:"wrapper__products",children:l&&(l==null?void 0:l.map((e,n)=>r.jsx(t.Fragment,{children:r.jsx("div",{className:"wrapper__product",onClick:()=>{var a;return(a=e==null?void 0:e.onSelectProduct)==null?void 0:a.call(e,e==null?void 0:e.uuid)},children:c.isDefined(e==null?void 0:e.imageComponent)?e==null?void 0:e.imageComponent:r.jsx(I.ProductImageWrapper,{src:b(e==null?void 0:e.image,e==null?void 0:e.uuid,o),className:"product__image"})})},n)))})]})});exports.ShopCard=D;