@lanaco/lnc-react-ui 4.0.218 → 4.0.220

package/dist/BlogExploreSection.cjs

@@ -79,7 +79,7 @@
       }
     }
   }
-`,fe=x.forwardRef(({perPageOptions:o=[{code:10,name:"Show 10 items"},{code:25,name:"Show 25 items"},{code:50,name:"Show 50 items"}],perPage:u,handlePerPage:g=()=>{},page:a=1,handlePage:l=()=>{},totalPage:t},_)=>{var d,b;const f=()=>{a>1&&(l==null||l(a-1))},p=()=>{a<t&&(l==null||l(a+1))},h=(()=>{const r=[];if(t<=7)for(let i=1;i<=t;i++)r.push(i);else a<=3?r.push(1,2,3,"...",t):a>=t-2?r.push(1,"...",t-2,t-1,t):r.push(1,2,3,"...",t);return r==null?void 0:r.map((i,v)=>i==="..."?e.jsx("div",{className:"pagination__page ellipsis",children:i},`pagination-ellipsis__${v}`):e.jsx("div",{onClick:()=>l(i),className:`pagination__page ${a===i?"active":""}`,children:i},`pagination-page__${v}`))})();return e.jsxs(ue,{className:"pagination",children:[e.jsx(V,{color:"neutral",control:((d=o==null?void 0:o.find(r=>(r==null?void 0:r.code)===u))==null?void 0:d.name)||((b=o[0])==null?void 0:b.name),placement:"bottom",zIndex:1001,className:"pagination__per-page",children:o==null?void 0:o.map((r,i)=>e.jsx(W,{active:(r==null?void 0:r.code)===(u==null?void 0:u.code),className:"sort-by__item",onClick:()=>g(r),children:r==null?void 0:r.name},`blog-epxlore-section-per-page-option__${i+1}`))}),(h==null?void 0:h.length)>0&&e.jsxs("div",{className:"pagination__pages",children:[e.jsx("div",{className:`pagination__page ${a===1?"disabled":""}`,onClick:f,children:e.jsx(S,{icon:" mng-lnc-chevron--left"})}),h,e.jsx("div",{className:`pagination__page ${a===t?"disabled":""}`,onClick:p,children:e.jsx(S,{icon:" mng-lnc-chevron--right"})})]})]})}),xe=F.styled.div`
+`,fe=x.forwardRef(({perPageOptions:o=[{code:10,name:"Show 10 items"},{code:25,name:"Show 25 items"},{code:50,name:"Show 50 items"}],perPage:u,handlePerPage:g=()=>{},page:a=1,handlePage:l=()=>{},totalPage:t},_)=>{var d,b;const f=()=>{a>1&&(l==null||l(a-1))},p=()=>{a<t&&(l==null||l(a+1))},h=(()=>{const r=[];if(t<=7)for(let i=1;i<=t;i++)r.push(i);else a<=3?r.push(1,2,3,"...",t):a>=t-2?r.push(1,"...",t-2,t-1,t):r.push(1,2,3,"...",t);return r==null?void 0:r.map((i,v)=>i==="..."?e.jsx("div",{className:"pagination__page ellipsis",children:i},`pagination-ellipsis__${v}`):e.jsx("div",{onClick:()=>l(i),className:`pagination__page ${a===i?"active":""}`,children:i},`pagination-page__${v}`))})();return e.jsxs(ue,{className:"pagination",children:[e.jsx(V,{color:"neutral",control:((d=o==null?void 0:o.find(r=>(r==null?void 0:r.code)===u))==null?void 0:d.name)||((b=o[0])==null?void 0:b.name),placement:"bottom",zIndex:1001,className:"pagination__per-page",children:o==null?void 0:o.map((r,i)=>e.jsx(W,{active:(r==null?void 0:r.code)===(u==null?void 0:u.code),className:"sort-by__item",onClick:()=>g(r),children:r==null?void 0:r.name},`blog-epxlore-section-per-page-option__${i+1}`))}),(h==null?void 0:h.length)>1&&e.jsxs("div",{className:"pagination__pages",children:[e.jsx("div",{className:`pagination__page ${a===1?"disabled":""}`,onClick:f,children:e.jsx(S,{icon:" mng-lnc-chevron--left"})}),h,e.jsx("div",{className:`pagination__page ${a===t?"disabled":""}`,onClick:p,children:e.jsx(S,{icon:" mng-lnc-chevron--right"})})]})]})}),xe=F.styled.div`
   display: flex;
   align-items: flex-start;
   gap: 2rem;

package/dist/BlogExploreSection.js

@@ -160,7 +160,7 @@ const be = E.div`
           ))
         }
       ),
-      (f == null ? void 0 : f.length) > 0 && /* @__PURE__ */ a("div", { className: "pagination__pages", children: [
+      (f == null ? void 0 : f.length) > 1 && /* @__PURE__ */ a("div", { className: "pagination__pages", children: [
         /* @__PURE__ */ n(
           "div",
           {

package/dist/BlogListSection.cjs

@@ -1,8 +1,8 @@
-"use strict";const e=require("react/jsx-runtime"),a=require("react"),P=require("./Icon.cjs"),R=require("./IconButton.cjs"),d=require("./utils-CITgSxXe.cjs"),N=require("./index-DsINTjQk.cjs"),q=require("./style-DC05rdyx.cjs"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),W=require("./breakpoints-CcVm-gVm.cjs"),t=require("./style-BAcV7F53.cjs"),B=v.styled.a`
+"use strict";const e=require("react/jsx-runtime"),a=require("react"),W=require("./Icon.cjs"),f=require("./IconButton.cjs"),d=require("./utils-CITgSxXe.cjs"),G=require("./index-DsINTjQk.cjs"),I=require("./style-DC05rdyx.cjs"),R=require("./emotion-styled.browser.esm-BtEseadx.cjs"),$=require("./breakpoints-CcVm-gVm.cjs"),n=require("./style-BAcV7F53.cjs"),T=R.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
-  padding: 1rem;
+  padding: 1rem 0 1rem 1rem;
   align-items: center;
   gap: 1.25rem;
   border-radius: 1.25rem;
@@ -13,6 +13,21 @@
   position: relative;
   width: 100%;
 
+  & .image-container {
+    position: relative;
+    display: inline-block;
+  }
+
+  .image-container .action {
+    position: absolute;
+    top: -0.5rem;
+    right: -0.5rem;
+
+    & .mobile-only {
+      display: none;
+    }
+  }
+
   & .mobile-only {
     display: none;
   }
@@ -67,10 +82,17 @@
       justify-content: space-between;
       align-items: center;
       width: 100%;
+      & .action {
+        align-self: flex-start;
+        & > button {
+          min-height: 1rem;
+        }
+      }
 
       & .info__content {
         display: flex;
         align-items: center;
+        padding-right: 1rem;
 
         &:first-of-type {
           flex-grow: 1;
@@ -95,7 +117,7 @@
     }
   }
 
-  @media ${W.down("S")} {
+  @media ${$.down("S")} {
     flex-direction: column;
     padding: 0;
     background: transparent;
@@ -146,7 +168,7 @@
       }
     }
   }
-`,G=a.forwardRef(({blogUuid:i,title:l,imageUrl:c,options:o,publishedAt:h,timeToReadText:u="{0} min read",timeToRead:j=0,numberOfLikes:w=0,numberOfComments:f=0,isBookmarked:p=!1,onSelectCard:k=()=>{},onBookmark:_=()=>{},onShare:g=()=>{},bookmarkComponent:r=e.jsx(e.Fragment,{}),metadata:s,titleSlug:m,LinkComponent:S},b)=>{const $=S||"a",x=()=>d.isDefined(r)?a.cloneElement(r,{key:`bookmark_blog__${i}__${p}`,isBookmarked:p,blogUuid:i,onBookmark:(y,C)=>_(y,C),ref:b,componentName:"ExploreBlogSectionCard"}):e.jsx(e.Fragment,{}),L=a.useRef();return e.jsxs(B,{ref:L,name:s==null?void 0:s.name,"data-accessor":s==null?void 0:s.accessor,onClick:n=>k(n,L),className:"blog-card-item",as:$,...S?{to:`/blog/${m}`}:{href:`/blog/${m}`},children:[e.jsx(N.ProductImageWrapper,{src:c,className:"wrapper__image"}),e.jsxs("div",{className:"wrapper__content",children:[e.jsxs("div",{className:"wrapper__subcontent",children:[e.jsx("div",{className:"wrapper__title",children:l}),e.jsxs("div",{className:"wrapper__tags-action",children:[e.jsx("div",{className:"wrapper__tags",children:o&&(o==null?void 0:o.map((n,y)=>e.jsx(q.BlogTag,{color:n==null?void 0:n.color,children:n==null?void 0:n.name},`blog-card-sponsored-option__${y+1}`)))}),e.jsxs("div",{className:"info__content mobile-only",onClick:n=>{n.stopPropagation(),n.preventDefault()},children:[e.jsx(x,{}),e.jsx(R,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:()=>{g()}})]})]})]}),e.jsxs("div",{className:"wrapper__info",children:[e.jsxs("div",{className:"info__content",children:[e.jsx("div",{className:"info__text",children:`${d.formatLocaleDateString(h)} • ${d.formatString(u,j)}`}),e.jsxs("div",{className:"info__text",children:[e.jsxs("div",{children:[e.jsx(P,{icon:" mng-lnc-thumbs-up--filled",sizeInUnits:"1rem"}),d.getRoundedNumber(w)]}),e.jsxs("div",{children:[e.jsx(P,{icon:" mng-lnc-messages-filled",sizeInUnits:"1rem"}),d.getRoundedNumber(f)]})]})]}),e.jsxs("div",{className:"info__content desktop-only",onClick:n=>{n==null||n.preventDefault(),n==null||n.stopPropagation()},children:[e.jsx(x,{}),e.jsx(R,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:()=>{g()}})]})]})]})]})}),I=v.styled.div`
+`,z=a.forwardRef(({blogUuid:i,title:l,imageUrl:c,options:o,publishedAt:m,timeToReadText:k="{0} min read",timeToRead:_=0,numberOfLikes:b=0,numberOfComments:S=0,isBookmarked:p=!1,onSelectCard:y=()=>{},onBookmark:v=()=>{},onShare:g=()=>{},bookmarkComponent:u=e.jsx(e.Fragment,{}),metadata:s,titleSlug:j,LinkComponent:r,hasShare:w=!0,hasDelete:h=!1,onDelete:x=()=>{}},P)=>{const q=r||"a",C=()=>d.isDefined(u)?a.cloneElement(u,{key:`bookmark_blog__${i}__${p}`,isBookmarked:p,blogUuid:i,onBookmark:(L,B)=>v(L,B),ref:P,componentName:"ExploreBlogSectionCard"}):e.jsx(e.Fragment,{}),N=a.useRef();return e.jsxs(T,{ref:N,name:s==null?void 0:s.name,"data-accessor":s==null?void 0:s.accessor,onClick:t=>y(t,N),className:"blog-card-item",as:q,...r?{to:`/blog/${j}`}:{href:`/blog/${j}`},children:[e.jsxs("div",{className:"image-container",children:[h&&e.jsx("div",{className:"action mobile-only",onClick:t=>{t==null||t.preventDefault(),t==null||t.stopPropagation()},children:e.jsx(f,{icon:" mng-lnc-close",borderRadius:"curved",type:"button",btnType:"filled",color:"neutral",size:"large",onClick:()=>{x()}})}),e.jsx(G.ProductImageWrapper,{src:c,className:"wrapper__image"})]}),e.jsxs("div",{className:"wrapper__content",children:[e.jsxs("div",{className:"wrapper__subcontent",children:[e.jsxs("div",{className:"wrapper__info",children:[e.jsx("div",{className:"wrapper__title",children:l}),h&&e.jsx("div",{className:"action desktop-only",onClick:t=>{t==null||t.preventDefault(),t==null||t.stopPropagation()},children:e.jsx(f,{icon:" mng-lnc-close",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:()=>{x()}})})]}),e.jsxs("div",{className:"wrapper__tags-action",children:[e.jsx("div",{className:"wrapper__tags",children:o&&(o==null?void 0:o.map((t,L)=>e.jsx(I.BlogTag,{color:t==null?void 0:t.color,children:t==null?void 0:t.name},`blog-card-sponsored-option__${L+1}`)))}),e.jsxs("div",{className:"info__content mobile-only",onClick:t=>{t.stopPropagation(),t.preventDefault()},children:[e.jsx(C,{}),w&&e.jsx(f,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:()=>{g()}})]})]})]}),e.jsxs("div",{className:"wrapper__info",children:[e.jsxs("div",{className:"info__content",children:[e.jsx("div",{className:"info__text",children:`${d.formatLocaleDateString(m)} • ${d.formatString(k,_)}`}),e.jsxs("div",{className:"info__text",children:[e.jsxs("div",{children:[e.jsx(W,{icon:" mng-lnc-thumbs-up--filled",sizeInUnits:"1rem"}),d.getRoundedNumber(b)]}),e.jsxs("div",{children:[e.jsx(W,{icon:" mng-lnc-messages-filled",sizeInUnits:"1rem"}),d.getRoundedNumber(S)]})]})]}),e.jsxs("div",{className:"info__content desktop-only",onClick:t=>{t==null||t.preventDefault(),t==null||t.stopPropagation()},children:[e.jsx(C,{}),w&&e.jsx(f,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:()=>{g()}})]})]})]})]})}),D=R.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -170,10 +192,10 @@
       bottom: -1.25rem;
     }
   }
-`,z=v.styled(t.SkeletonColumnWrapper)`
-  @media ${W.down("S")} {
+`,F=R.styled(n.SkeletonColumnWrapper)`
+  @media ${$.down("S")} {
     & > div {
       flex-direction: column;
     }
   }
-`,T=({keyPrefix:i})=>e.jsxs(z,{children:[e.jsxs(t.SkeletonRowWrapper,{children:[e.jsx(t.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(t.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(t.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-1`),e.jsxs(t.SkeletonRowWrapper,{children:[e.jsx(t.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(t.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(t.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-2`),e.jsxs(t.SkeletonRowWrapper,{children:[e.jsx(t.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(t.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(t.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-3`),e.jsxs(t.SkeletonRowWrapper,{children:[e.jsx(t.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(t.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(t.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-4`),e.jsxs(t.SkeletonRowWrapper,{children:[e.jsx(t.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(t.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(t.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-5`)]}),D=({keyPrefix:i,isLoading:l=!1,fallbackComponent:c=e.jsx(e.Fragment,{}),children:o})=>e.jsx(a.Suspense,{fallbackComponent:c,children:l===!0?e.jsx(T,{keyPrefix:i}):o}),F=a.memo(G),O=a.forwardRef(({timeToReadText:i="{0} min read",items:l,isLoading:c=!1,onSelectCard:o=()=>{},onShare:h=()=>{},onBookmark:u=()=>{},getImage:j=()=>{},isSeparated:w=!0,bookmarkComponent:f=e.jsx(e.Fragment,{}),componentName:p,LinkComponent:k},_)=>{const g=a.useMemo(()=>l==null?void 0:l.map((r,s)=>{var m;return e.jsx(F,{blogUuid:r==null?void 0:r.uuid,title:r==null?void 0:r.title,titleSlug:r==null?void 0:r.titleSlug,options:r==null?void 0:r.options,publishedAt:r==null?void 0:r.publishedAt,timeToReadText:i,timeToRead:r==null?void 0:r.timeToRead,numberOfLikes:r==null?void 0:r.numberOfLikes,numberOfComments:r==null?void 0:r.numberOfComments,isSponsored:r==null?void 0:r.isSponsored,isBookmarked:r==null?void 0:r.isBookmarked,onSelectCard:(S,b)=>o==null?void 0:o(r,b),onShare:()=>h==null?void 0:h(r),onBookmark:u,imageUrl:j(r==null?void 0:r.imageUrl,r==null?void 0:r.uuid)||null,bookmarkComponent:f,metadata:{name:p,accessor:r==null?void 0:r.accessor},LinkComponent:k},`blog-card-item__${s+1}__${(m=r==null?void 0:r.isBookmarked)==null?void 0:m.toString()}`)}),[l]);return e.jsx(D,{isLoading:c,keyPrefix:"blog-list-skeleton",children:e.jsx(I,{ref:_,className:w?"separated":"",children:g})})});module.exports=O;
+`,O=({keyPrefix:i})=>e.jsxs(F,{children:[e.jsxs(n.SkeletonRowWrapper,{children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(n.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(n.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-1`),e.jsxs(n.SkeletonRowWrapper,{children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(n.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(n.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-2`),e.jsxs(n.SkeletonRowWrapper,{children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(n.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(n.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-3`),e.jsxs(n.SkeletonRowWrapper,{children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(n.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(n.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-4`),e.jsxs(n.SkeletonRowWrapper,{children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(n.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(n.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-5`)]}),U=({keyPrefix:i,isLoading:l=!1,fallbackComponent:c=e.jsx(e.Fragment,{}),children:o})=>e.jsx(a.Suspense,{fallbackComponent:c,children:l===!0?e.jsx(O,{keyPrefix:i}):o}),A=a.memo(z),E=a.forwardRef(({timeToReadText:i="{0} min read",items:l,isLoading:c=!1,onSelectCard:o=()=>{},onShare:m=()=>{},onBookmark:k=()=>{},getImage:_=()=>{},isSeparated:b=!0,bookmarkComponent:S=e.jsx(e.Fragment,{}),componentName:p,LinkComponent:y,hasShare:v=!0,hasDelete:g=!1,onDelete:u=()=>{}},s)=>{const j=a.useMemo(()=>l==null?void 0:l.map((r,w)=>{var h;return e.jsx(A,{blogUuid:r==null?void 0:r.uuid,title:r==null?void 0:r.title,titleSlug:r==null?void 0:r.titleSlug,options:r==null?void 0:r.options,publishedAt:r==null?void 0:r.publishedAt,timeToReadText:i,timeToRead:r==null?void 0:r.timeToRead,numberOfLikes:r==null?void 0:r.numberOfLikes,numberOfComments:r==null?void 0:r.numberOfComments,isSponsored:r==null?void 0:r.isSponsored,isBookmarked:r==null?void 0:r.isBookmarked,onSelectCard:(x,P)=>o==null?void 0:o(r,P),hasShare:v,hasDelete:g,onDelete:u,onShare:()=>m==null?void 0:m(r),onBookmark:k,imageUrl:_(r==null?void 0:r.imageUrl,r==null?void 0:r.uuid)||null,bookmarkComponent:S,metadata:{name:p,accessor:r==null?void 0:r.accessor},LinkComponent:y},`blog-card-item__${w+1}__${(h=r==null?void 0:r.isBookmarked)==null?void 0:h.toString()}`)}),[l]);return e.jsx(U,{isLoading:c,keyPrefix:"blog-list-skeleton",children:e.jsx(D,{ref:s,className:b?"separated":"",children:j})})});module.exports=E;

package/dist/BlogListSection.js

@@ -1,18 +1,18 @@
-import { jsxs as t, jsx as e, Fragment as w } from "react/jsx-runtime";
-import { forwardRef as L, useRef as O, cloneElement as U, Suspense as P, memo as q, useMemo as A } from "react";
-import j from "./Icon.js";
-import I from "./IconButton.js";
-import { n as E, q as M, s as F, v as z, m as H } from "./utils-B2fsQ6PS.js";
-import { P as J } from "./index-BvMY2TbK.js";
-import { B as K } from "./style-BUyFad_y.js";
-import { s as S } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as T } from "./breakpoints-ff0SIcV3.js";
-import { b as s, S as l, c as g, a as i } from "./style-BwQ4djFC.js";
-const Q = S.a`
+import { jsxs as t, jsx as e, Fragment as y } from "react/jsx-runtime";
+import { forwardRef as W, useRef as q, cloneElement as A, Suspense as E, memo as M, useMemo as F } from "react";
+import L from "./Icon.js";
+import v from "./IconButton.js";
+import { n as H, q as J, s as K, v as P, m as Q } from "./utils-B2fsQ6PS.js";
+import { P as V } from "./index-BvMY2TbK.js";
+import { B as X } from "./style-BUyFad_y.js";
+import { s as T } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { d as D } from "./breakpoints-ff0SIcV3.js";
+import { b as m, S as l, c as g, a as n } from "./style-BwQ4djFC.js";
+const Y = T.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
-  padding: 1rem;
+  padding: 1rem 0 1rem 1rem;
   align-items: center;
   gap: 1.25rem;
   border-radius: 1.25rem;
@@ -23,6 +23,21 @@ const Q = S.a`
   position: relative;
   width: 100%;
 
+  & .image-container {
+    position: relative;
+    display: inline-block;
+  }
+
+  .image-container .action {
+    position: absolute;
+    top: -0.5rem;
+    right: -0.5rem;
+
+    & .mobile-only {
+      display: none;
+    }
+  }
+
   & .mobile-only {
     display: none;
   }
@@ -62,7 +77,7 @@ const Q = S.a`
         font-weight: 600;
         line-height: 1.5rem;
         letter-spacing: 0.1px;
-        ${E(3)}
+        ${H(3)}
       }
 
       & .wrapper__tags {
@@ -77,10 +92,17 @@ const Q = S.a`
       justify-content: space-between;
       align-items: center;
       width: 100%;
+      & .action {
+        align-self: flex-start;
+        & > button {
+          min-height: 1rem;
+        }
+      }
 
       & .info__content {
         display: flex;
         align-items: center;
+        padding-right: 1rem;
 
         &:first-of-type {
           flex-grow: 1;
@@ -105,7 +127,7 @@ const Q = S.a`
     }
   }
 
-  @media ${T("S")} {
+  @media ${D("S")} {
     flex-direction: column;
     padding: 0;
     background: transparent;
@@ -156,72 +178,124 @@ const Q = S.a`
       }
     }
   }
-`, V = L(
+`, Z = W(
   ({
     blogUuid: o,
-    title: m,
+    title: s,
     imageUrl: c,
     options: a,
     publishedAt: h,
-    timeToReadText: _ = "{0} min read",
-    timeToRead: b = 0,
-    numberOfLikes: v = 0,
-    numberOfComments: y = 0,
+    timeToReadText: k = "{0} min read",
+    timeToRead: N = 0,
+    numberOfLikes: $ = 0,
+    numberOfComments: C = 0,
     isBookmarked: f = !1,
-    onSelectCard: k = () => {
+    onSelectCard: B = () => {
     },
-    onBookmark: $ = () => {
+    onBookmark: R = () => {
     },
     onShare: u = () => {
     },
-    bookmarkComponent: r = /* @__PURE__ */ e(w, {}),
+    bookmarkComponent: w = /* @__PURE__ */ e(y, {}),
     metadata: d,
-    titleSlug: p,
-    LinkComponent: N
-  }, B) => {
-    const W = N || "a", G = () => H(r) ? U(r, {
+    titleSlug: _,
+    LinkComponent: r,
+    hasShare: b = !0,
+    hasDelete: p = !1,
+    onDelete: S = () => {
+    }
+  }, G) => {
+    const O = r || "a", z = () => Q(w) ? A(w, {
       key: `bookmark_blog__${o}__${f}`,
       isBookmarked: f,
       blogUuid: o,
-      onBookmark: (C, D) => $(C, D),
-      ref: B,
+      onBookmark: (j, U) => R(j, U),
+      ref: G,
       componentName: "ExploreBlogSectionCard"
-    }) : /* @__PURE__ */ e(w, {}), R = O();
+    }) : /* @__PURE__ */ e(y, {}), I = q();
     return /* @__PURE__ */ t(
-      Q,
+      Y,
       {
-        ref: R,
+        ref: I,
         name: d == null ? void 0 : d.name,
         "data-accessor": d == null ? void 0 : d.accessor,
-        onClick: (n) => k(n, R),
+        onClick: (i) => B(i, I),
         className: "blog-card-item",
-        as: W,
-        ...N ? { to: `/blog/${p}` } : { href: `/blog/${p}` },
+        as: O,
+        ...r ? { to: `/blog/${_}` } : { href: `/blog/${_}` },
         children: [
-          /* @__PURE__ */ e(J, { src: c, className: "wrapper__image" }),
+          /* @__PURE__ */ t("div", { className: "image-container", children: [
+            p && /* @__PURE__ */ e(
+              "div",
+              {
+                className: "action mobile-only",
+                onClick: (i) => {
+                  i == null || i.preventDefault(), i == null || i.stopPropagation();
+                },
+                children: /* @__PURE__ */ e(
+                  v,
+                  {
+                    icon: " mng-lnc-close",
+                    borderRadius: "curved",
+                    type: "button",
+                    btnType: "filled",
+                    color: "neutral",
+                    size: "large",
+                    onClick: () => {
+                      S();
+                    }
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ e(V, { src: c, className: "wrapper__image" })
+          ] }),
           /* @__PURE__ */ t("div", { className: "wrapper__content", children: [
             /* @__PURE__ */ t("div", { className: "wrapper__subcontent", children: [
-              /* @__PURE__ */ e("div", { className: "wrapper__title", children: m }),
+              /* @__PURE__ */ t("div", { className: "wrapper__info", children: [
+                /* @__PURE__ */ e("div", { className: "wrapper__title", children: s }),
+                p && /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: "action desktop-only",
+                    onClick: (i) => {
+                      i == null || i.preventDefault(), i == null || i.stopPropagation();
+                    },
+                    children: /* @__PURE__ */ e(
+                      v,
+                      {
+                        icon: " mng-lnc-close",
+                        borderRadius: "curved",
+                        btnType: "basic",
+                        color: "neutral",
+                        onClick: () => {
+                          S();
+                        }
+                      }
+                    )
+                  }
+                )
+              ] }),
               /* @__PURE__ */ t("div", { className: "wrapper__tags-action", children: [
-                /* @__PURE__ */ e("div", { className: "wrapper__tags", children: a && (a == null ? void 0 : a.map((n, C) => /* @__PURE__ */ e(
-                  K,
+                /* @__PURE__ */ e("div", { className: "wrapper__tags", children: a && (a == null ? void 0 : a.map((i, j) => /* @__PURE__ */ e(
+                  X,
                   {
-                    color: n == null ? void 0 : n.color,
-                    children: n == null ? void 0 : n.name
+                    color: i == null ? void 0 : i.color,
+                    children: i == null ? void 0 : i.name
                   },
-                  `blog-card-sponsored-option__${C + 1}`
+                  `blog-card-sponsored-option__${j + 1}`
                 ))) }),
                 /* @__PURE__ */ t(
                   "div",
                   {
                     className: "info__content mobile-only",
-                    onClick: (n) => {
-                      n.stopPropagation(), n.preventDefault();
+                    onClick: (i) => {
+                      i.stopPropagation(), i.preventDefault();
                     },
                     children: [
-                      /* @__PURE__ */ e(G, {}),
-                      /* @__PURE__ */ e(
-                        I,
+                      /* @__PURE__ */ e(z, {}),
+                      b && /* @__PURE__ */ e(
+                        v,
                         {
                           icon: " mng-lnc-share",
                           borderRadius: "curved",
@@ -239,17 +313,17 @@ const Q = S.a`
             ] }),
             /* @__PURE__ */ t("div", { className: "wrapper__info", children: [
               /* @__PURE__ */ t("div", { className: "info__content", children: [
-                /* @__PURE__ */ e("div", { className: "info__text", children: `${M(
+                /* @__PURE__ */ e("div", { className: "info__text", children: `${J(
                   h
-                )} • ${F(_, b)}` }),
+                )} • ${K(k, N)}` }),
                 /* @__PURE__ */ t("div", { className: "info__text", children: [
                   /* @__PURE__ */ t("div", { children: [
-                    /* @__PURE__ */ e(j, { icon: " mng-lnc-thumbs-up--filled", sizeInUnits: "1rem" }),
-                    z(v)
+                    /* @__PURE__ */ e(L, { icon: " mng-lnc-thumbs-up--filled", sizeInUnits: "1rem" }),
+                    P($)
                   ] }),
                   /* @__PURE__ */ t("div", { children: [
-                    /* @__PURE__ */ e(j, { icon: " mng-lnc-messages-filled", sizeInUnits: "1rem" }),
-                    z(y)
+                    /* @__PURE__ */ e(L, { icon: " mng-lnc-messages-filled", sizeInUnits: "1rem" }),
+                    P(C)
                   ] })
                 ] })
               ] }),
@@ -257,13 +331,13 @@ const Q = S.a`
                 "div",
                 {
                   className: "info__content desktop-only",
-                  onClick: (n) => {
-                    n == null || n.preventDefault(), n == null || n.stopPropagation();
+                  onClick: (i) => {
+                    i == null || i.preventDefault(), i == null || i.stopPropagation();
                   },
                   children: [
-                    /* @__PURE__ */ e(G, {}),
-                    /* @__PURE__ */ e(
-                      I,
+                    /* @__PURE__ */ e(z, {}),
+                    b && /* @__PURE__ */ e(
+                      v,
                       {
                         icon: " mng-lnc-share",
                         borderRadius: "curved",
@@ -283,7 +357,7 @@ const Q = S.a`
       }
     );
   }
-), X = S.div`
+), x = T.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -307,100 +381,104 @@ const Q = S.a`
       bottom: -1.25rem;
     }
   }
-`, Y = S(s)`
-  @media ${T("S")} {
+`, ee = T(m)`
+  @media ${D("S")} {
     & > div {
       flex-direction: column;
     }
   }
-`, Z = ({ keyPrefix: o }) => /* @__PURE__ */ t(Y, { children: [
+`, re = ({ keyPrefix: o }) => /* @__PURE__ */ t(ee, { children: [
   /* @__PURE__ */ t(l, { children: [
     /* @__PURE__ */ e(g, { height: "9.5rem", width: "17.75rem" }),
-    /* @__PURE__ */ t(s, { noGradient: !0, children: [
-      /* @__PURE__ */ e(i, { height: "1.5rem" }),
+    /* @__PURE__ */ t(m, { noGradient: !0, children: [
+      /* @__PURE__ */ e(n, { height: "1.5rem" }),
       /* @__PURE__ */ t(l, { noGradient: !0, children: [
-        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" })
+        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" })
       ] })
     ] })
   ] }, `${o}-1`),
   /* @__PURE__ */ t(l, { children: [
     /* @__PURE__ */ e(g, { height: "9.5rem", width: "17.75rem" }),
-    /* @__PURE__ */ t(s, { noGradient: !0, children: [
-      /* @__PURE__ */ e(i, { height: "1.5rem" }),
+    /* @__PURE__ */ t(m, { noGradient: !0, children: [
+      /* @__PURE__ */ e(n, { height: "1.5rem" }),
       /* @__PURE__ */ t(l, { noGradient: !0, children: [
-        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" })
+        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" })
       ] })
     ] })
   ] }, `${o}-2`),
   /* @__PURE__ */ t(l, { children: [
     /* @__PURE__ */ e(g, { height: "9.5rem", width: "17.75rem" }),
-    /* @__PURE__ */ t(s, { noGradient: !0, children: [
-      /* @__PURE__ */ e(i, { height: "1.5rem" }),
+    /* @__PURE__ */ t(m, { noGradient: !0, children: [
+      /* @__PURE__ */ e(n, { height: "1.5rem" }),
       /* @__PURE__ */ t(l, { noGradient: !0, children: [
-        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" })
+        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" })
       ] })
     ] })
   ] }, `${o}-3`),
   /* @__PURE__ */ t(l, { children: [
     /* @__PURE__ */ e(g, { height: "9.5rem", width: "17.75rem" }),
-    /* @__PURE__ */ t(s, { noGradient: !0, children: [
-      /* @__PURE__ */ e(i, { height: "1.5rem" }),
+    /* @__PURE__ */ t(m, { noGradient: !0, children: [
+      /* @__PURE__ */ e(n, { height: "1.5rem" }),
       /* @__PURE__ */ t(l, { noGradient: !0, children: [
-        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" })
+        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" })
       ] })
     ] })
   ] }, `${o}-4`),
   /* @__PURE__ */ t(l, { children: [
     /* @__PURE__ */ e(g, { height: "9.5rem", width: "17.75rem" }),
-    /* @__PURE__ */ t(s, { noGradient: !0, children: [
-      /* @__PURE__ */ e(i, { height: "1.5rem" }),
+    /* @__PURE__ */ t(m, { noGradient: !0, children: [
+      /* @__PURE__ */ e(n, { height: "1.5rem" }),
       /* @__PURE__ */ t(l, { noGradient: !0, children: [
-        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" })
+        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" })
       ] })
     ] })
   ] }, `${o}-5`)
-] }), x = ({
+] }), ie = ({
   keyPrefix: o,
-  isLoading: m = !1,
-  fallbackComponent: c = /* @__PURE__ */ e(w, {}),
+  isLoading: s = !1,
+  fallbackComponent: c = /* @__PURE__ */ e(y, {}),
   children: a
-}) => /* @__PURE__ */ e(P, { fallbackComponent: c, children: m === !0 ? /* @__PURE__ */ e(Z, { keyPrefix: o }) : a }), ee = q(V), ce = L(
+}) => /* @__PURE__ */ e(E, { fallbackComponent: c, children: s === !0 ? /* @__PURE__ */ e(re, { keyPrefix: o }) : a }), te = M(Z), ge = W(
   ({
     timeToReadText: o = "{0} min read",
-    items: m,
+    items: s,
     isLoading: c = !1,
     onSelectCard: a = () => {
     },
     onShare: h = () => {
     },
-    onBookmark: _ = () => {
+    onBookmark: k = () => {
     },
-    getImage: b = () => {
+    getImage: N = () => {
     },
-    isSeparated: v = !0,
-    bookmarkComponent: y = /* @__PURE__ */ e(w, {}),
+    isSeparated: $ = !0,
+    bookmarkComponent: C = /* @__PURE__ */ e(y, {}),
     componentName: f,
-    LinkComponent: k
-  }, $) => {
-    const u = A(() => m == null ? void 0 : m.map((r, d) => {
+    LinkComponent: B,
+    hasShare: R = !0,
+    hasDelete: u = !1,
+    onDelete: w = () => {
+    }
+  }, d) => {
+    const _ = F(() => s == null ? void 0 : s.map((r, b) => {
       var p;
       return /* @__PURE__ */ e(
-        ee,
+        te,
         {
           blogUuid: r == null ? void 0 : r.uuid,
           title: r == null ? void 0 : r.title,
@@ -413,20 +491,23 @@ const Q = S.a`
           numberOfComments: r == null ? void 0 : r.numberOfComments,
           isSponsored: r == null ? void 0 : r.isSponsored,
           isBookmarked: r == null ? void 0 : r.isBookmarked,
-          onSelectCard: (N, B) => a == null ? void 0 : a(r, B),
+          onSelectCard: (S, G) => a == null ? void 0 : a(r, G),
+          hasShare: R,
+          hasDelete: u,
+          onDelete: w,
           onShare: () => h == null ? void 0 : h(r),
-          onBookmark: _,
-          imageUrl: b(r == null ? void 0 : r.imageUrl, r == null ? void 0 : r.uuid) || null,
-          bookmarkComponent: y,
+          onBookmark: k,
+          imageUrl: N(r == null ? void 0 : r.imageUrl, r == null ? void 0 : r.uuid) || null,
+          bookmarkComponent: C,
           metadata: { name: f, accessor: r == null ? void 0 : r.accessor },
-          LinkComponent: k
+          LinkComponent: B
         },
-        `blog-card-item__${d + 1}__${(p = r == null ? void 0 : r.isBookmarked) == null ? void 0 : p.toString()}`
+        `blog-card-item__${b + 1}__${(p = r == null ? void 0 : r.isBookmarked) == null ? void 0 : p.toString()}`
       );
-    }), [m]);
-    return /* @__PURE__ */ e(x, { isLoading: c, keyPrefix: "blog-list-skeleton", children: /* @__PURE__ */ e(X, { ref: $, className: v ? "separated" : "", children: u }) });
+    }), [s]);
+    return /* @__PURE__ */ e(ie, { isLoading: c, keyPrefix: "blog-list-skeleton", children: /* @__PURE__ */ e(x, { ref: d, className: $ ? "separated" : "", children: _ }) });
   }
 );
 export {
-  ce as default
+  ge as default
 };

package/dist/DetailedProductsInfinitiveSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),l=require("react"),K=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./breakpoints-CcVm-gVm.cjs"),Q=require("./IconButton.cjs"),G=require("./Button.cjs"),r=require("./utils-CITgSxXe.cjs"),H=require("./useDetectMobile-DYV6V1yw.cjs"),f=require("./index-BEgD9vNo.cjs"),J=require("./index-vQOR22Py.cjs"),W=require("./index-oYE1Pl7q.cjs"),X=K.styled.div`
+"use strict";const t=require("react/jsx-runtime"),l=require("react"),K=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./breakpoints-CcVm-gVm.cjs"),Q=require("./IconButton.cjs"),G=require("./Button.cjs"),r=require("./utils-CITgSxXe.cjs"),H=require("./useDetectMobile-DYV6V1yw.cjs"),f=require("./index-DZFKpq77.cjs"),J=require("./index-vQOR22Py.cjs"),W=require("./index-oYE1Pl7q.cjs"),X=K.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;

package/dist/DetailedProductsInfinitiveSection.js

@@ -6,7 +6,7 @@ import H from "./IconButton.js";
 import J from "./Button.js";
 import { l as n } from "./utils-B2fsQ6PS.js";
 import { u as W } from "./useDetectMobile-CcVo3PNi.js";
-import { D as X, S as Y } from "./index-rYUwBlpp.js";
+import { D as X, S as Y } from "./index-DDShXLaW.js";
 import { S as Z } from "./index-BzSWu-7v.js";
 import { S as x } from "./index-4wvppFLx.js";
 const ee = G.div`

package/dist/DetailedProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),c=require("react"),K=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./breakpoints-CcVm-gVm.cjs"),W=require("./Button.cjs"),l=require("./utils-CITgSxXe.cjs"),z=require("./useDetectMobile-DYV6V1yw.cjs"),G=require("./style-DC05rdyx.cjs"),P=require("./index-BEgD9vNo.cjs"),V=require("./index-vQOR22Py.cjs"),H=require("./index-oYE1Pl7q.cjs"),J=K.styled.div`
+"use strict";const t=require("react/jsx-runtime"),c=require("react"),K=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./breakpoints-CcVm-gVm.cjs"),W=require("./Button.cjs"),l=require("./utils-CITgSxXe.cjs"),z=require("./useDetectMobile-DYV6V1yw.cjs"),G=require("./style-DC05rdyx.cjs"),P=require("./index-DZFKpq77.cjs"),V=require("./index-vQOR22Py.cjs"),H=require("./index-oYE1Pl7q.cjs"),J=K.styled.div`
   display: grid;
   grid-template-columns: ${n=>`repeat(${n.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/DetailedProductsSection.js

@@ -6,7 +6,7 @@ import V from "./Button.js";
 import { l as c } from "./utils-B2fsQ6PS.js";
 import { u as H } from "./useDetectMobile-CcVo3PNi.js";
 import { T as J } from "./style-BUyFad_y.js";
-import { D as X, S as Y } from "./index-rYUwBlpp.js";
+import { D as X, S as Y } from "./index-DDShXLaW.js";
 import { S as Z } from "./index-BzSWu-7v.js";
 import { S as x } from "./index-4wvppFLx.js";
 const ee = G.div`

package/dist/UrgentSaleProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const a=require("react/jsx-runtime"),s=require("react"),L=require("./emotion-styled.browser.esm-BtEseadx.cjs"),u=require("./breakpoints-CcVm-gVm.cjs"),T=require("./useDetectMobile-DYV6V1yw.cjs"),D=require("./Button.cjs"),j=require("./index-BEgD9vNo.cjs"),Q=L.styled.div`
+"use strict";const a=require("react/jsx-runtime"),s=require("react"),L=require("./emotion-styled.browser.esm-BtEseadx.cjs"),u=require("./breakpoints-CcVm-gVm.cjs"),T=require("./useDetectMobile-DYV6V1yw.cjs"),D=require("./Button.cjs"),j=require("./index-DZFKpq77.cjs"),Q=L.styled.div`
   padding: 1.75rem 3rem;
   display: grid;
   grid-template-columns: ${t=>`repeat(${t.limit||5},  minmax(0, 1fr))`};

package/dist/UrgentSaleProductsSection.js

@@ -4,7 +4,7 @@ import { s as z } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { d as c } from "./breakpoints-ff0SIcV3.js";
 import { u as A } from "./useDetectMobile-CcVo3PNi.js";
 import B from "./Button.js";
-import { D as G, S as R } from "./index-rYUwBlpp.js";
+import { D as G, S as R } from "./index-DDShXLaW.js";
 const I = z.div`
   padding: 1.75rem 3rem;
   display: grid;

package/dist/{index-rYUwBlpp.js → index-DDShXLaW.js}

@@ -1,10 +1,10 @@
-import { jsxs as n, jsx as e, Fragment as O } from "react/jsx-runtime";
+import { jsxs as n, jsx as e, Fragment as U } from "react/jsx-runtime";
 import { forwardRef as ce, useState as ne, useRef as ie, useEffect as Me, cloneElement as te, Suspense as Le } from "react";
 import { s as S } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { d as L } from "./breakpoints-ff0SIcV3.js";
-import { t as j, n as xe, b as Te, m as M, p as ae, G as se, l as le } from "./utils-B2fsQ6PS.js";
+import { t as I, n as xe, b as Te, m as M, p as ae, G as se, l as le } from "./utils-B2fsQ6PS.js";
 import { P as qe } from "./index-BvMY2TbK.js";
-import I from "./Badge.js";
+import O from "./Badge.js";
 import Ae from "./Popover.js";
 import Xe from "./PopoverTrigger.js";
 import Ye from "./PopoverContent.js";
@@ -28,7 +28,7 @@ const Ke = S.a`
   }
   & .seller {
     text-transform: uppercase;
-    ${j()}
+    ${I()}
     color: var(--gray-500);
     font-size: 0.625rem;
     font-weight: 400;
@@ -87,7 +87,7 @@ const Ke = S.a`
   & .price-text {
     font-size: 1rem;
     font-weight: 600;
-    ${j()}
+    ${I()}
     display: flex;
     align-items: end;
     gap: 0.5rem;
@@ -103,6 +103,7 @@ const Ke = S.a`
       font-weight: 400;
       padding-bottom: 0.125rem;
       color: var(--gray-600, #676e79);
+      ${I()}
     }
   }
 
@@ -110,7 +111,7 @@ const Ke = S.a`
     font-size: 0.75rem;
     font-weight: 400;
     color: var(--gray-600, #676e79);
-    ${j()}
+    ${I()}
   }
 
   & .tags-wrapper {
@@ -482,7 +483,7 @@ const Ke = S.a`
 }, kr = ce((a, P) => {
   const {
     uuid: m,
-    sellerUuid: U,
+    sellerUuid: B,
     name: me,
     price: E = 0,
     sellingPrice: R,
@@ -499,7 +500,7 @@ const Ke = S.a`
     categoryCode: V,
     categoryName: be,
     condition: T,
-    quantity: B,
+    quantity: W,
     trade: q,
     sponsoredText: ve,
     forCart: we,
@@ -508,7 +509,7 @@ const Ke = S.a`
     hasVariants: _e,
     hasQuantities: Ne,
     status: Re,
-    onBookmark: W = () => {
+    onBookmark: D = () => {
     },
     actionComponent: w,
     bookmarked: A,
@@ -522,24 +523,24 @@ const Ke = S.a`
     urgentText: Se = "Urgent",
     LinkComponent: Y,
     hasFreeShipping: Pe
-  } = a, Ee = Y || "a", D = He(), Fe = () => {
+  } = a, Ee = Y || "a", j = He(), Fe = () => {
     var c;
-    if (!M(w)) return /* @__PURE__ */ e(O, {});
+    if (!M(w)) return /* @__PURE__ */ e(U, {});
     const r = w, o = (c = w == null ? void 0 : w.props) == null ? void 0 : c.children, s = te(o, {
       key: `bookmark_pr__${A}`,
       bookmarked: A,
       productUuid: m,
-      onAddToBookmark: () => W(!0, m),
-      onRemoveFromBookmark: () => W(!1, m),
+      onAddToBookmark: () => D(!0, m),
+      onRemoveFromBookmark: () => D(!1, m),
       bookmarkedUuidList: ke,
-      sellerUuid: U,
-      handleBookmarking: W,
+      sellerUuid: B,
+      handleBookmarking: D,
       forCart: we,
       forOrder: Ce,
       contactSeller: ye,
       hasVariants: _e,
       status: Re,
-      quantity: B,
+      quantity: W,
       hasQuantities: Ne,
       productBasicInfo: {
         uuid: m,
@@ -571,7 +572,7 @@ const Ke = S.a`
   }, d = ie(null), f = ie([]), [Ie, Q] = ne(t == null ? void 0 : t.length), Oe = () => {
     var c, y, $;
     if (!(d != null && d.current) || ((c = f == null ? void 0 : f.current) == null ? void 0 : c.length) === 0) return;
-    if (D) {
+    if (j) {
       Q(t == null ? void 0 : t.length);
       return;
     }
@@ -595,14 +596,14 @@ const Ke = S.a`
     return o.observe(r), () => {
       o.disconnect();
     };
-  }, [t, D]);
+  }, [t, j]);
   const Ue = () => {
     var r;
     return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = t == null ? void 0 : t.slice(0, Ie)) == null ? void 0 : r.map((o, s) => {
       var b, p, ee, re, oe;
       const c = ((b = l == null ? void 0 : l[o == null ? void 0 : o.code]) == null ? void 0 : b.icon) ?? ((p = l == null ? void 0 : l.default) == null ? void 0 : p.icon) ?? "", y = ((ee = o == null ? void 0 : o.measurementUnit) == null ? void 0 : ee.symbol) ?? ((re = l == null ? void 0 : l[o == null ? void 0 : o.code]) == null ? void 0 : re.measure) ?? "", g = [(o == null ? void 0 : o.value) ?? ((oe = o == null ? void 0 : o.multiOptions) == null ? void 0 : oe[0]) ?? "", y].filter(Boolean).join(" ");
       return /* @__PURE__ */ n(
-        I,
+        O,
         {
           ref: (je) => f.current[s] = je,
           className: "tag",
@@ -621,10 +622,10 @@ const Ke = S.a`
       /* @__PURE__ */ e("span", { className: "tags-popover__name", children: `${$}: ` }),
       /* @__PURE__ */ e("span", { className: "tags-popover__value", children: y })
     ] }, `detailed-products-section-tag-dropdown__${o + 1}`);
-  }) }), We = () => /* @__PURE__ */ n(O, { children: [
-    T && /* @__PURE__ */ e(I, { className: "tag", children: T }, "detailed-products-section-tag__condition"),
-    B && /* @__PURE__ */ e(I, { className: "tag", children: B }, "detailed-products-section-tag__quantity"),
-    q && /* @__PURE__ */ e(I, { className: "tag", children: q }, "detailed-products-section-tag__trade")
+  }) }), We = () => /* @__PURE__ */ n(U, { children: [
+    T && /* @__PURE__ */ e(O, { className: "tag", children: T }, "detailed-products-section-tag__condition"),
+    W && /* @__PURE__ */ e(O, { className: "tag", children: W }, "detailed-products-section-tag__quantity"),
+    q && /* @__PURE__ */ e(O, { className: "tag", children: q }, "detailed-products-section-tag__trade")
   ] }), J = E > 0 && k && F !== !0 && z !== !0 && E !== R, De = h == null ? void 0 : h.some(
     (r) => (r == null ? void 0 : r.salesPackageCode) === "FreeShipping"
   ), Z = Pe === !0 && !De;
@@ -674,7 +675,7 @@ const Ke = S.a`
                         sizeInUnits: "1rem"
                       }
                     ),
-                    (r == null ? void 0 : r.salesPackageCode) === "Urgent" && /* @__PURE__ */ e(O, { children: Se })
+                    (r == null ? void 0 : r.salesPackageCode) === "Urgent" && /* @__PURE__ */ e(U, { children: Se })
                   ]
                 },
                 o
@@ -696,7 +697,7 @@ const Ke = S.a`
                 H && /* @__PURE__ */ e(
                   "div",
                   {
-                    ...D ? {} : {
+                    ...j ? {} : {
                       onMouseEnter: Ve,
                       onMouseLeave: Ge
                     },
@@ -872,9 +873,9 @@ const Ke = S.a`
 ] }), $r = ({
   keyPrefix: a,
   isLoading: P = !1,
-  fallbackComponent: m = /* @__PURE__ */ e(O, {}),
-  children: U
-}) => /* @__PURE__ */ e(Le, { fallbackComponent: m, children: P === !0 ? /* @__PURE__ */ e(cr, { keyPrefix: a }) : U });
+  fallbackComponent: m = /* @__PURE__ */ e(U, {}),
+  children: B
+}) => /* @__PURE__ */ e(Le, { fallbackComponent: m, children: P === !0 ? /* @__PURE__ */ e(cr, { keyPrefix: a }) : B });
 export {
   kr as D,
   $r as S

package/dist/{index-BEgD9vNo.cjs → index-DZFKpq77.cjs}

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.218",
+  "version": "4.0.220",
   "description": "React component library",
   "type": "module",
   "keywords": [