@lanaco/lnc-react-ui 4.0.183 → 4.0.185

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

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

package/dist/{index-DWLKvVyZ.js → index-C8QkdNHi.js}

@@ -1,9 +1,11 @@
 import { jsxs as r, jsx as s } from "react/jsx-runtime";
-import { forwardRef as b, useRef as h } from "react";
-import { s as x } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { o as y, l as v, p as w, G as k } from "./utils-Dc5zIpaz.js";
-import { P as z } from "./index-C_NnINik.js";
-const C = x.div`
+import { forwardRef as x, useRef as y } from "react";
+import { s as v } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { o as w, l as k, p as z, G as N, k as C } from "./utils-Dc5zIpaz.js";
+import { P as S } from "./index-C_NnINik.js";
+const $ = v.a`
+  text-decoration: none;
+  color: var(--gray-950);
   display: flex;
   flex-direction: column;
   justify-content: end;
@@ -74,7 +76,7 @@ const C = x.div`
     z-index: 1;
     color: var(--white, #fff);
     transition: all 0.2s ease;
-    ${y(2)}
+    ${w(2)}
   }
 
   &:hover {
@@ -82,39 +84,41 @@ const C = x.div`
       z-index: 1;
     }
   }
-`, G = b((c, N) => {
+`, I = x((l, j) => {
   const {
-    uuid: j,
-    title: l,
+    uuid: m,
+    title: p,
     price: i = 0,
     currency: t,
     isNegotiable: o,
     isFree: a,
-    image: m,
+    image: f,
     sellerUuid: P,
-    onSelectCard: p = () => {
+    nameSlug: n,
+    onSelectCard: g = () => {
     },
-    imageComponent: n,
-    negotiableText: f = "Negotiable",
-    freeText: g = "Free",
+    imageComponent: c,
+    negotiableText: u = "Negotiable",
+    freeText: b = "Free",
     metadata: e
-  } = c, d = h();
+  } = l, d = y();
   return /* @__PURE__ */ r(
-    C,
+    $,
     {
       ref: d,
       className: "simple-product-card",
       "data-accessor": e == null ? void 0 : e.accessor,
       name: e == null ? void 0 : e.name,
-      onClick: (u) => p(u, d),
+      onClick: (h) => g(h, d),
+      href: `/product/${C(n) ? `${n}-` : ""}${m}`,
       children: [
-        v(n) ? n : /* @__PURE__ */ s(z, { src: m }),
+        k(c) ? c : /* @__PURE__ */ s(S, { src: f }),
         /* @__PURE__ */ r("div", { className: "text-block", children: [
-          /* @__PURE__ */ s("div", { className: "title-simple-product-card", children: l }),
+          /* @__PURE__ */ s("div", { className: "title-simple-product-card", children: p }),
           /* @__PURE__ */ r("div", { className: "price-chip", children: [
-            i > 0 && t && o !== !0 && a !== !0 && `${w(i)} ${k(t)}`,
-            o && f,
-            a && g
+            i > 0 && t && o !== !0 && a !== !0 && `${z(i)} ${N(t)}`,
+            o && u,
+            a && b
           ] })
         ] })
       ]
@@ -122,5 +126,5 @@ const C = x.div`
   );
 });
 export {
-  G as S
+  I as S
 };

package/dist/{index-B8I1mHMA.js → index-CA59z2ge.js}

@@ -1,12 +1,14 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { forwardRef as $, useRef as _, useEffect as k, Fragment as I } from "react";
-import g from "./Icon.js";
-import { o as f, l as h } from "./utils-Dc5zIpaz.js";
+import { forwardRef as L, useRef as g, useEffect as k, Fragment as I } from "react";
+import f from "./Icon.js";
+import { o as h, l as w } from "./utils-Dc5zIpaz.js";
 import { s as P } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as z } from "./consts-BuFChS64.js";
-import { D as w } from "./ShopAvatar-4-fCYGEc.js";
+import { D as d } from "./ShopAvatar-4-fCYGEc.js";
 import { P as D } from "./index-C_NnINik.js";
-const M = P.div`
+const M = P.a`
+  text-decoration: none;
+  color: var(--gray-950);
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -59,7 +61,7 @@ const M = P.div`
       font-weight: 500;
       line-height: 1.5rem;
       letter-spacing: -0.0112rem;
-      ${f(2)}
+      ${h(2)}
       text-align: center;
     }
 
@@ -71,7 +73,7 @@ const M = P.div`
       font-weight: 400;
       line-height: 1.25rem;
       letter-spacing: -0.0056rem;
-      ${f(2)}
+      ${h(2)}
     }
 
     & .wrapper__badges {
@@ -145,31 +147,31 @@ const M = P.div`
       }
     }
   }
-`, X = $(
+`, X = L(
   ({
-    uuid: d,
-    image: o,
-    imageComponent: c,
+    uuid: m,
+    image: c,
+    imageComponent: p,
     title: x,
     subtitle: v,
     badges: y,
     rating: b,
-    reviewCount: m,
+    reviewCount: o,
     products: t,
     onSelectCard: N = () => {
     },
     getProductImage: E = () => {
     },
     canAcceptPayments: S,
-    hideProducts: j = !1,
-    showRating: L = !0,
+    hideProducts: $ = !1,
+    showRating: j = !0,
     metadata: s = {}
   }, W) => {
-    const i = _(), p = _();
+    const i = g(), _ = g();
     return k(() => {
       var n;
       const e = (a) => {
-        a.target.src = w, a.onerror = null;
+        a.target.src = d, a.onerror = null;
       };
       return (n = i == null ? void 0 : i.current) == null || n.addEventListener("error", e), () => {
         var a;
@@ -178,24 +180,25 @@ const M = P.div`
     }, []), /* @__PURE__ */ l(
       M,
       {
-        ref: p,
-        onClick: (e) => N(e, p),
+        ref: _,
         name: s == null ? void 0 : s.name,
         "data-accessor": s == null ? void 0 : s.accessor,
+        onClick: (e) => N(e, _),
+        href: `/shop/${m}`,
         children: [
           /* @__PURE__ */ l("div", { className: "wrapper__content", children: [
-            h(c) ? c : o ? /* @__PURE__ */ r("img", { ref: i, src: o, className: "wrapper__image" }) : /* @__PURE__ */ r("img", { src: w, className: "wrapper__image" }),
+            w(p) ? p : c ? /* @__PURE__ */ r("img", { ref: i, src: c, className: "wrapper__image" }) : /* @__PURE__ */ r("img", { src: d, className: "wrapper__image" }),
             /* @__PURE__ */ l("div", { className: "wrapper__info", children: [
               /* @__PURE__ */ l("div", { className: "wrapper__title", children: [
                 x,
                 " ",
-                S && /* @__PURE__ */ r(g, { color: "secondary", icon: "credit-card", className: "card" })
+                S && /* @__PURE__ */ r(f, { color: "secondary", icon: "credit-card", className: "card" })
               ] }),
               /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: v }),
               y && /* @__PURE__ */ r("div", { className: "wrapper__badges" }),
-              L && /* @__PURE__ */ l("div", { className: "wrapper__rating", children: [
+              j && /* @__PURE__ */ l("div", { className: "wrapper__rating", children: [
                 /* @__PURE__ */ r("div", { className: "wrapper_stars", children: [...Array(5).keys()].map((e, n) => /* @__PURE__ */ r(
-                  g,
+                  f,
                   {
                     icon: " mng-lnc-star--filled",
                     className: `wrapper__star ${e >= b ? "gold-star" : ""}`
@@ -204,13 +207,13 @@ const M = P.div`
                 )) }),
                 /* @__PURE__ */ l("div", { className: "wrapper__review-count", children: [
                   "(",
-                  m == null ? void 0 : m.toLocaleString(),
+                  o == null ? void 0 : o.toLocaleString(),
                   ")"
                 ] })
               ] })
             ] })
           ] }),
-          j !== !0 && /* @__PURE__ */ r("div", { className: "wrapper__products", children: t && (t == null ? void 0 : t.map((e, n) => /* @__PURE__ */ r(I, { children: /* @__PURE__ */ r(
+          $ !== !0 && /* @__PURE__ */ r("div", { className: "wrapper__products", children: t && (t == null ? void 0 : t.map((e, n) => /* @__PURE__ */ r(I, { children: /* @__PURE__ */ r(
             "div",
             {
               className: "wrapper__product",
@@ -218,13 +221,13 @@ const M = P.div`
                 var a;
                 return (a = e == null ? void 0 : e.onSelectProduct) == null ? void 0 : a.call(e, e == null ? void 0 : e.uuid);
               },
-              children: h(e == null ? void 0 : e.imageComponent) ? e == null ? void 0 : e.imageComponent : /* @__PURE__ */ r(
+              children: w(e == null ? void 0 : e.imageComponent) ? e == null ? void 0 : e.imageComponent : /* @__PURE__ */ r(
                 D,
                 {
                   src: E(
                     e == null ? void 0 : e.image,
                     e == null ? void 0 : e.uuid,
-                    d
+                    m
                   ),
                   className: "product__image"
                 }

package/dist/{index-BnYqZk-h.cjs → index-DHV9awrE.cjs}

@@ -1,4 +1,6 @@
-"use strict";const r=require("react/jsx-runtime"),d=require("react"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),i=require("./utils-RnrgDDZP.cjs"),h=require("./index-uwl7BjRF.cjs"),y=b.styled.div`
+"use strict";const r=require("react/jsx-runtime"),l=require("react"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),i=require("./utils-RnrgDDZP.cjs"),v=require("./index-uwl7BjRF.cjs"),w=y.styled.a`
+  text-decoration: none;
+  color: var(--gray-950);
   display: flex;
   flex-direction: column;
   justify-content: end;
@@ -77,4 +79,4 @@
       z-index: 1;
     }
   }
-`,v=d.forwardRef((l,w)=>{const{uuid:j,title:m,price:t=0,currency:o,isNegotiable:n,isFree:s,image:u,sellerUuid:k,onSelectCard:p=()=>{},imageComponent:c,negotiableText:f="Negotiable",freeText:g="Free",metadata:e}=l,a=d.useRef();return r.jsxs(y,{ref:a,className:"simple-product-card","data-accessor":e==null?void 0:e.accessor,name:e==null?void 0:e.name,onClick:x=>p(x,a),children:[i.isDefined(c)?c:r.jsx(h.ProductImageWrapper,{src:u}),r.jsxs("div",{className:"text-block",children:[r.jsx("div",{className:"title-simple-product-card",children:m}),r.jsxs("div",{className:"price-chip",children:[t>0&&o&&n!==!0&&s!==!0&&`${i.formatPrice(t)} ${i.GetCurrencySymbol(o)}`,n&&f,s&&g]})]})]})});exports.SimpleProductCard=v;
+`,j=l.forwardRef((m,k)=>{const{uuid:u,title:p,price:t=0,currency:o,isNegotiable:n,isFree:a,image:f,sellerUuid:z,nameSlug:c,onSelectCard:g=()=>{},imageComponent:s,negotiableText:x="Negotiable",freeText:b="Free",metadata:e}=m,d=l.useRef();return r.jsxs(w,{ref:d,className:"simple-product-card","data-accessor":e==null?void 0:e.accessor,name:e==null?void 0:e.name,onClick:h=>g(h,d),href:`/product/${i.isDefinedNotEmptyString(c)?`${c}-`:""}${u}`,children:[i.isDefined(s)?s:r.jsx(v.ProductImageWrapper,{src:f}),r.jsxs("div",{className:"text-block",children:[r.jsx("div",{className:"title-simple-product-card",children:p}),r.jsxs("div",{className:"price-chip",children:[t>0&&o&&n!==!0&&a!==!0&&`${i.formatPrice(t)} ${i.GetCurrencySymbol(o)}`,n&&x,a&&b]})]})]})});exports.SimpleProductCard=j;