@lanaco/lnc-react-ui 4.0.183 → 4.0.185

package/dist/ShopCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),h=require("react"),u=require("./Button.cjs"),k=require("./index-DoKMLSVY.cjs"),$=require("./utils-RnrgDDZP.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),x=require("./consts-goSZX3xP.cjs"),s=require("./style-BAcV7F53.cjs"),R=g.styled.div`
+"use strict";const t=require("react/jsx-runtime"),h=require("react"),u=require("./Button.cjs"),k=require("./index-0p_3g3pT.cjs"),$=require("./utils-RnrgDDZP.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),x=require("./consts-goSZX3xP.cjs"),s=require("./style-BAcV7F53.cjs"),R=g.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;

package/dist/ShopCardsSection.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as r, Fragment as $ } from "react/jsx-runtime";
 import { Suspense as N, forwardRef as R } from "react";
 import h from "./Button.js";
-import { S as M } from "./index-B8I1mHMA.js";
+import { S as M } from "./index-CA59z2ge.js";
 import { k as j } from "./utils-Dc5zIpaz.js";
 import { s as u } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as g } from "./consts-BuFChS64.js";

package/dist/SimpleCategoriesSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),i=require("react"),q=require("./emotion-styled.browser.esm-BtEseadx.cjs"),b=require("./consts-goSZX3xP.cjs"),C=require("./useDetectMobile-zkbzoOGV.cjs"),u=require("./utils-RnrgDDZP.cjs"),_=require("./style-CkcozOY6.cjs"),y=require("./Button.cjs"),N=require("./CategorySimpleCard-BNYjZQTH.cjs"),o=require("./style-BAcV7F53.cjs"),v=q.styled.div`
+"use strict";const r=require("react/jsx-runtime"),a=require("react"),q=require("./emotion-styled.browser.esm-BtEseadx.cjs"),b=require("./consts-goSZX3xP.cjs"),C=require("./useDetectMobile-zkbzoOGV.cjs"),u=require("./utils-RnrgDDZP.cjs"),_=require("./style-CkcozOY6.cjs"),y=require("./Button.cjs"),N=require("./CategorySimpleCard-D5N8cx0Z.cjs"),o=require("./style-BAcV7F53.cjs"),v=q.styled.div`
   display: grid;
   grid-template-columns: ${t=>"repeat(6,  minmax(0, 1fr))"};
   gap: 2rem;
@@ -28,4 +28,4 @@
       overflow-x: hidden;
     }
   }
-`,R=({keyPrefix:t})=>e.jsxs(E,{children:[e.jsxs(o.SkeletonRowWrapper,{className:"skeleton__cards",children:[e.jsx(o.SkeletonSquarePlaceholder,{height:"8.25rem"},`${t}-1`),e.jsx(o.SkeletonSquarePlaceholder,{height:"8.25rem"},`${t}-2`),e.jsx(o.SkeletonSquarePlaceholder,{height:"8.25rem"},`${t}-3`),e.jsx(o.SkeletonSquarePlaceholder,{height:"8.25rem"},`${t}-4`),e.jsx(o.SkeletonSquarePlaceholder,{height:"8.25rem"},`${t}-5`),e.jsx(o.SkeletonSquarePlaceholder,{height:"8.25rem"},`${t}-6`)]}),e.jsx(o.SkeletonRowWrapper,{children:e.jsxs(o.SkeletonRowWrapper,{className:"skeleton__cards",children:[e.jsx(o.SkeletonSquarePlaceholder,{height:"8.25rem"},`${t}-7`),e.jsx(o.SkeletonSquarePlaceholder,{height:"8.25rem"},`${t}-8`),e.jsx(o.SkeletonSquarePlaceholder,{height:"8.25rem"},`${t}-9`),e.jsx(o.SkeletonSquarePlaceholder,{height:"8.25rem"},`${t}-10`),e.jsx(o.SkeletonSquarePlaceholder,{height:"8.25rem"},`${t}-11`),e.jsx(o.SkeletonSquarePlaceholder,{height:"8.25rem"},`${t}-12`)]})})]}),M=({keyPrefix:t,isLoading:c=!1,fallbackComponent:a=e.jsx(e.Fragment,{}),children:d})=>e.jsx(i.Suspense,{fallbackComponent:a,children:c===!0?e.jsx(R,{keyPrefix:t}):d}),j=i.memo(N.CategorySimpleCard),I=i.forwardRef((t,c)=>{const{icon:a,title:d="Shop by category",items:l,buttonText:m="Shop now",buttonLink:h,limit:S=12,onButtonAction:k=()=>{},onSelectCard:s=()=>{},isLoading:p=!1,getImage:g=()=>{}}=t,w=C.useDetectMobile(),$=i.useMemo(()=>e.jsx(e.Fragment,{children:w===!0?l==null?void 0:l.map((r,n)=>e.jsx(j,{uuid:r==null?void 0:r.uuid,image:g(r==null?void 0:r.image)||null,name:r==null?void 0:r.name,onSelectCard:()=>s==null?void 0:s(r==null?void 0:r.uuid)},n)):l==null?void 0:l.slice(0,S).map((r,n)=>e.jsx(j,{uuid:r==null?void 0:r.uuid,image:g(r==null?void 0:r.image)||null,name:r==null?void 0:r.name,onSelectCard:()=>s==null?void 0:s(r)},n))}),[l]);return e.jsxs(_.RegulatTitleSectionWrapper,{ref:c,children:[e.jsxs("div",{className:"regular-title",children:[e.jsxs("div",{className:"regular-title-text",children:[u.isDefinedNotEmptyString(a)&&e.jsx("i",{className:a}),e.jsx("span",{children:d})]}),u.isDefinedNotEmptyString(m)&&u.isDefinedNotEmptyString(h)&&!p&&e.jsx(y,{type:"button",btnType:"tinted",color:"neutral",onClick:r=>{var n;(n=r==null?void 0:r.target)==null||n.blur(),k(h)},borderRadius:"curved",className:"button-link",children:m})]}),e.jsx(M,{isLoading:p,keyPrefix:"simple-categories-skeleton",children:e.jsx(v,{limit:S,children:$})})]})});module.exports=I;
+`,R=({keyPrefix:t})=>r.jsxs(E,{children:[r.jsxs(o.SkeletonRowWrapper,{className:"skeleton__cards",children:[r.jsx(o.SkeletonSquarePlaceholder,{height:"8.25rem"},`${t}-1`),r.jsx(o.SkeletonSquarePlaceholder,{height:"8.25rem"},`${t}-2`),r.jsx(o.SkeletonSquarePlaceholder,{height:"8.25rem"},`${t}-3`),r.jsx(o.SkeletonSquarePlaceholder,{height:"8.25rem"},`${t}-4`),r.jsx(o.SkeletonSquarePlaceholder,{height:"8.25rem"},`${t}-5`),r.jsx(o.SkeletonSquarePlaceholder,{height:"8.25rem"},`${t}-6`)]}),r.jsx(o.SkeletonRowWrapper,{children:r.jsxs(o.SkeletonRowWrapper,{className:"skeleton__cards",children:[r.jsx(o.SkeletonSquarePlaceholder,{height:"8.25rem"},`${t}-7`),r.jsx(o.SkeletonSquarePlaceholder,{height:"8.25rem"},`${t}-8`),r.jsx(o.SkeletonSquarePlaceholder,{height:"8.25rem"},`${t}-9`),r.jsx(o.SkeletonSquarePlaceholder,{height:"8.25rem"},`${t}-10`),r.jsx(o.SkeletonSquarePlaceholder,{height:"8.25rem"},`${t}-11`),r.jsx(o.SkeletonSquarePlaceholder,{height:"8.25rem"},`${t}-12`)]})})]}),M=({keyPrefix:t,isLoading:c=!1,fallbackComponent:i=r.jsx(r.Fragment,{}),children:d})=>r.jsx(a.Suspense,{fallbackComponent:i,children:c===!0?r.jsx(R,{keyPrefix:t}):d}),j=a.memo(N.CategorySimpleCard),I=a.forwardRef((t,c)=>{const{icon:i,title:d="Shop by category",items:l,buttonText:m="Shop now",buttonLink:h,limit:S=12,onButtonAction:k=()=>{},onSelectCard:s=()=>{},isLoading:p=!1,getImage:g=()=>{}}=t,w=C.useDetectMobile(),$=a.useMemo(()=>r.jsx(r.Fragment,{children:w===!0?l==null?void 0:l.map((e,n)=>r.jsx(j,{uuid:e==null?void 0:e.uuid,image:g(e==null?void 0:e.image)||null,name:e==null?void 0:e.name,code:e==null?void 0:e.code,onSelectCard:()=>s==null?void 0:s(e==null?void 0:e.uuid),...e},n)):l==null?void 0:l.slice(0,S).map((e,n)=>r.jsx(j,{uuid:e==null?void 0:e.uuid,image:g(e==null?void 0:e.image)||null,name:e==null?void 0:e.name,code:e==null?void 0:e.code,onSelectCard:()=>s==null?void 0:s(e==null?void 0:e.uuid),...e},n))}),[l]);return r.jsxs(_.RegulatTitleSectionWrapper,{ref:c,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[u.isDefinedNotEmptyString(i)&&r.jsx("i",{className:i}),r.jsx("span",{children:d})]}),u.isDefinedNotEmptyString(m)&&u.isDefinedNotEmptyString(h)&&!p&&r.jsx(y,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var n;(n=e==null?void 0:e.target)==null||n.blur(),k(h)},borderRadius:"curved",className:"button-link",children:m})]}),r.jsx(M,{isLoading:p,keyPrefix:"simple-categories-skeleton",children:r.jsx(v,{limit:S,children:$})})]})});module.exports=I;

package/dist/SimpleCategoriesSection.js

@@ -6,7 +6,7 @@ import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
 import { k as c } from "./utils-Dc5zIpaz.js";
 import { R as W } from "./style-C7FUSHmS.js";
 import B from "./Button.js";
-import { C as L } from "./CategorySimpleCard-BA0S7TaN.js";
+import { C as L } from "./CategorySimpleCard-DRQuoxXu.js";
 import { S as T, a as p, c as o } from "./style-CXMUA6cI.js";
 const j = w.div`
   display: grid;
@@ -81,7 +81,9 @@ const j = w.div`
       uuid: e == null ? void 0 : e.uuid,
       image: b(e == null ? void 0 : e.image) || null,
       name: e == null ? void 0 : e.name,
-      onSelectCard: () => a == null ? void 0 : a(e == null ? void 0 : e.uuid)
+      code: e == null ? void 0 : e.code,
+      onSelectCard: () => a == null ? void 0 : a(e == null ? void 0 : e.uuid),
+      ...e
     },
     n
   )) : i == null ? void 0 : i.slice(0, g).map((e, n) => /* @__PURE__ */ t(
@@ -90,7 +92,9 @@ const j = w.div`
       uuid: e == null ? void 0 : e.uuid,
       image: b(e == null ? void 0 : e.image) || null,
       name: e == null ? void 0 : e.name,
-      onSelectCard: () => a == null ? void 0 : a(e)
+      code: e == null ? void 0 : e.code,
+      onSelectCard: () => a == null ? void 0 : a(e == null ? void 0 : e.uuid),
+      ...e
     },
     n
   )) }), [i]);

package/dist/SimpleProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),l=require("react"),k=require("./emotion-styled.browser.esm-BtEseadx.cjs"),$=require("./consts-goSZX3xP.cjs"),U=require("./useDetectMobile-zkbzoOGV.cjs"),I=require("./index-BnYqZk-h.cjs"),L=require("./index-CSgGox95.cjs"),i=require("./style-BAcV7F53.cjs"),R=k.styled.div`
+"use strict";const t=require("react/jsx-runtime"),l=require("react"),q=require("./emotion-styled.browser.esm-BtEseadx.cjs"),b=require("./consts-goSZX3xP.cjs"),v=require("./useDetectMobile-zkbzoOGV.cjs"),F=require("./index-DHV9awrE.cjs"),U=require("./index-CSgGox95.cjs"),s=require("./style-BAcV7F53.cjs"),I=q.styled.div`
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   gap: 1.25rem;
@@ -9,7 +9,7 @@
     margin: auto;
   }
 
-  @media (max-width: ${$.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${b.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(2, 1fr);
 
     & .text-block-v1 {
@@ -28,8 +28,8 @@
 
     }
   }
-`,B=k.styled(i.SkeletonColumnWrapper)`
-  @media (max-width: ${$.MOBILE_SIZE_PX+"px"}) {
+`,L=q.styled(s.SkeletonColumnWrapper)`
+  @media (max-width: ${b.MOBILE_SIZE_PX+"px"}) {
     & .skeleton__cards {
       & > div {
         width: 100%;
@@ -41,4 +41,4 @@
       }
     }
   }
-`,E=({keyPrefix:r})=>t.jsxs(B,{children:[t.jsxs(i.SkeletonRowWrapper,{className:"skeleton__cards",children:[t.jsx(i.SkeletonLinePlaceholder,{width:"100%",height:"11.125rem"},`${r}-1`),t.jsx(i.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-2`),t.jsx(i.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-3`),t.jsx(i.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-4`)]}),t.jsxs(i.SkeletonRowWrapper,{className:"skeleton__cards",children:[t.jsx(i.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-5`),t.jsx(i.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-6`),t.jsx(i.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-7`),t.jsx(i.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-8`),t.jsx(i.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-9`),t.jsx(i.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-10`)]})]}),T=({keyPrefix:r,isLoading:n=!1,fallbackComponent:o=t.jsx(t.Fragment,{}),children:a})=>t.jsx(l.Suspense,{fallbackComponent:o,children:n===!0?t.jsx(E,{keyPrefix:r}):a}),b=l.memo(I.SimpleProductCard),W=l.forwardRef((r,n)=>{const{title:o,subtitle:a,description:_,buttonText:P,buttonLink:N,items:s,onButtonAction:C=()=>{},onSelectCard:u=()=>{},isLoading:M=!1,limit:m=6,getImage:h=()=>{},negotiableText:S,freeText:p,componentName:g}=r,j=U.useDetectMobile(),v=l.useMemo(()=>{var w,q;return t.jsx(t.Fragment,{children:j===!0?(w=s==null?void 0:s.slice(0,4))==null?void 0:w.map((e,d)=>t.jsx(b,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:(F,c)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:c}),image:h(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:S,freeText:p,metadata:{name:g,accessor:e==null?void 0:e.accessor}},d)):(q=s==null?void 0:s.slice(0,9))==null?void 0:q.map((e,d)=>t.jsx(b,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:(F,c)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:c}),image:h(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:S,freeText:p,metadata:{name:g,accessor:e==null?void 0:e.accessor}},d))})},[s,j,m]);return t.jsx(T,{isLoading:M,keyPrefix:"simple-products-skeleton",children:t.jsxs(R,{ref:n,limit:m,children:[t.jsx(L.TextBlockV1,{subtitle:a,title:o,description:_,buttonText:P,buttonLink:N,onButtonAction:C,className:"text-block-v1"}),v]})})});module.exports=W;
+`,R=({keyPrefix:r})=>t.jsxs(L,{children:[t.jsxs(s.SkeletonRowWrapper,{className:"skeleton__cards",children:[t.jsx(s.SkeletonLinePlaceholder,{width:"100%",height:"11.125rem"},`${r}-1`),t.jsx(s.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-2`),t.jsx(s.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-3`),t.jsx(s.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-4`)]}),t.jsxs(s.SkeletonRowWrapper,{className:"skeleton__cards",children:[t.jsx(s.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-5`),t.jsx(s.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-6`),t.jsx(s.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-7`),t.jsx(s.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-8`),t.jsx(s.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-9`),t.jsx(s.SkeletonSquarePlaceholder,{height:"11.125rem",width:"11.125rem"},`${r}-10`)]})]}),B=({keyPrefix:r,isLoading:n=!1,fallbackComponent:o=t.jsx(t.Fragment,{}),children:a})=>t.jsx(l.Suspense,{fallbackComponent:o,children:n===!0?t.jsx(R,{keyPrefix:r}):a}),w=l.memo(F.SimpleProductCard),C=l.forwardRef((r,n)=>{const{title:o,subtitle:a,description:k,buttonText:$,buttonLink:_,items:i,onButtonAction:P=()=>{},isLoading:N=!1,limit:d=6,getImage:u=()=>{},negotiableText:m,freeText:h,componentName:p}=r,g=v.useDetectMobile(),M=l.useMemo(()=>{var S,j;return t.jsx(t.Fragment,{children:g===!0?(S=i==null?void 0:i.slice(0,4))==null?void 0:S.map((e,c)=>t.jsx(w,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,image:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:m,freeText:h,metadata:{name:p,accessor:e==null?void 0:e.accessor}},c)):(j=i==null?void 0:i.slice(0,9))==null?void 0:j.map((e,c)=>t.jsx(w,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,image:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:m,freeText:h,metadata:{name:p,accessor:e==null?void 0:e.accessor}},c))})},[i,g,d]);return t.jsx(B,{isLoading:N,keyPrefix:"simple-products-skeleton",children:t.jsxs(I,{ref:n,limit:d,children:[t.jsx(U.TextBlockV1,{subtitle:a,title:o,description:k,buttonText:$,buttonLink:_,onButtonAction:P,className:"text-block-v1"}),M]})})});module.exports=C;

package/dist/SimpleProductsSection.js

@@ -1,12 +1,12 @@
-import { jsxs as m, jsx as t, Fragment as _ } from "react/jsx-runtime";
-import { Suspense as I, memo as W, forwardRef as j, useMemo as z } from "react";
-import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as k } from "./consts-BuFChS64.js";
-import { u as E } from "./useDetectMobile-Bkvj0VMa.js";
-import { S as R } from "./index-DWLKvVyZ.js";
-import { T as q } from "./index-DK8dqEUQ.js";
-import { S as A, a as f, b as D, c as i } from "./style-CXMUA6cI.js";
-const G = C.div`
+import { jsxs as s, jsx as t, Fragment as f } from "react/jsx-runtime";
+import { Suspense as C, memo as L, forwardRef as B, useMemo as I } from "react";
+import { s as N } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as _ } from "./consts-BuFChS64.js";
+import { u as W } from "./useDetectMobile-Bkvj0VMa.js";
+import { S as j } from "./index-C8QkdNHi.js";
+import { T as z } from "./index-DK8dqEUQ.js";
+import { S as E, a as b, b as R, c as i } from "./style-CXMUA6cI.js";
+const q = N.div`
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   gap: 1.25rem;
@@ -17,7 +17,7 @@ const G = C.div`
     margin: auto;
   }
 
-  @media (max-width: ${k + "px"}) {
+  @media (max-width: ${_ + "px"}) {
     grid-template-columns: repeat(2, 1fr);
 
     & .text-block-v1 {
@@ -36,8 +36,8 @@ const G = C.div`
 
     }
   }
-`, O = C(A)`
-  @media (max-width: ${k + "px"}) {
+`, A = N(E)`
+  @media (max-width: ${_ + "px"}) {
     & .skeleton__cards {
       & > div {
         width: 100%;
@@ -49,10 +49,10 @@ const G = C.div`
       }
     }
   }
-`, P = ({ keyPrefix: r }) => /* @__PURE__ */ m(O, { children: [
-  /* @__PURE__ */ m(f, { className: "skeleton__cards", children: [
+`, D = ({ keyPrefix: r }) => /* @__PURE__ */ s(A, { children: [
+  /* @__PURE__ */ s(b, { className: "skeleton__cards", children: [
     /* @__PURE__ */ t(
-      D,
+      R,
       {
         width: "100%",
         height: "11.125rem"
@@ -84,7 +84,7 @@ const G = C.div`
       `${r}-4`
     )
   ] }),
-  /* @__PURE__ */ m(f, { className: "skeleton__cards", children: [
+  /* @__PURE__ */ s(b, { className: "skeleton__cards", children: [
     /* @__PURE__ */ t(
       i,
       {
@@ -134,34 +134,32 @@ const G = C.div`
       `${r}-10`
     )
   ] })
-] }), V = ({
+] }), G = ({
   keyPrefix: r,
-  isLoading: o = !1,
-  fallbackComponent: s = /* @__PURE__ */ t(_, {}),
+  isLoading: a = !1,
+  fallbackComponent: o = /* @__PURE__ */ t(f, {}),
   children: l
-}) => /* @__PURE__ */ t(I, { fallbackComponent: s, children: o === !0 ? /* @__PURE__ */ t(P, { keyPrefix: r }) : l }), N = W(R), x = j((r, o) => {
+}) => /* @__PURE__ */ t(C, { fallbackComponent: o, children: a === !0 ? /* @__PURE__ */ t(D, { keyPrefix: r }) : l }), $ = L(j), K = B((r, a) => {
   const {
-    title: s,
+    title: o,
     subtitle: l,
-    description: v,
-    buttonText: M,
-    buttonLink: U,
-    items: a,
-    onButtonAction: F = () => {
+    description: k,
+    buttonText: v,
+    buttonLink: M,
+    items: m,
+    onButtonAction: U = () => {
     },
-    onSelectCard: c = () => {
+    isLoading: F = !1,
+    limit: d = 6,
+    getImage: c = () => {
     },
-    isLoading: T = !1,
-    limit: u = 6,
-    getImage: h = () => {
-    },
-    negotiableText: p,
-    freeText: g,
-    componentName: S
-  } = r, w = E(), L = z(() => {
-    var b, $;
-    return /* @__PURE__ */ t(_, { children: w === !0 ? (b = a == null ? void 0 : a.slice(0, 4)) == null ? void 0 : b.map((e, d) => /* @__PURE__ */ t(
-      N,
+    negotiableText: u,
+    freeText: h,
+    componentName: p
+  } = r, g = W(), T = I(() => {
+    var w, S;
+    return /* @__PURE__ */ t(f, { children: g === !0 ? (w = m == null ? void 0 : m.slice(0, 4)) == null ? void 0 : w.map((e, n) => /* @__PURE__ */ t(
+      $,
       {
         title: e == null ? void 0 : e.name,
         price: e == null ? void 0 : e.price,
@@ -170,19 +168,15 @@ const G = C.div`
         currency: e == null ? void 0 : e.currency,
         sellerUuid: e == null ? void 0 : e.sellerUuid,
         uuid: e == null ? void 0 : e.uuid,
-        onSelectCard: (B, n) => c({
-          uuid: e == null ? void 0 : e.uuid,
-          nameSlug: e == null ? void 0 : e.nameSlug,
-          cardRef: n
-        }),
-        image: h(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
-        negotiableText: p,
-        freeText: g,
-        metadata: { name: S, accessor: e == null ? void 0 : e.accessor }
+        nameSlug: e == null ? void 0 : e.nameSlug,
+        image: c(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+        negotiableText: u,
+        freeText: h,
+        metadata: { name: p, accessor: e == null ? void 0 : e.accessor }
       },
-      d
-    )) : ($ = a == null ? void 0 : a.slice(0, 9)) == null ? void 0 : $.map((e, d) => /* @__PURE__ */ t(
-      N,
+      n
+    )) : (S = m == null ? void 0 : m.slice(0, 9)) == null ? void 0 : S.map((e, n) => /* @__PURE__ */ t(
+      $,
       {
         title: e == null ? void 0 : e.name,
         price: e == null ? void 0 : e.price,
@@ -191,42 +185,38 @@ const G = C.div`
         currency: e == null ? void 0 : e.currency,
         sellerUuid: e == null ? void 0 : e.sellerUuid,
         uuid: e == null ? void 0 : e.uuid,
-        onSelectCard: (B, n) => c({
-          uuid: e == null ? void 0 : e.uuid,
-          nameSlug: e == null ? void 0 : e.nameSlug,
-          cardRef: n
-        }),
-        image: h(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
-        negotiableText: p,
-        freeText: g,
-        metadata: { name: S, accessor: e == null ? void 0 : e.accessor }
+        nameSlug: e == null ? void 0 : e.nameSlug,
+        image: c(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+        negotiableText: u,
+        freeText: h,
+        metadata: { name: p, accessor: e == null ? void 0 : e.accessor }
       },
-      d
+      n
     )) });
-  }, [a, w, u]);
+  }, [m, g, d]);
   return /* @__PURE__ */ t(
-    V,
+    G,
     {
-      isLoading: T,
+      isLoading: F,
       keyPrefix: "simple-products-skeleton",
-      children: /* @__PURE__ */ m(G, { ref: o, limit: u, children: [
+      children: /* @__PURE__ */ s(q, { ref: a, limit: d, children: [
         /* @__PURE__ */ t(
-          q,
+          z,
           {
             subtitle: l,
-            title: s,
-            description: v,
-            buttonText: M,
-            buttonLink: U,
-            onButtonAction: F,
+            title: o,
+            description: k,
+            buttonText: v,
+            buttonLink: M,
+            onButtonAction: U,
             className: "text-block-v1"
           }
         ),
-        L
+        T
       ] })
     }
   );
 });
 export {
-  x as default
+  K as default
 };

package/dist/UrgentSaleProductsSection.cjs

@@ -1,7 +1,7 @@
-"use strict";const t=require("react/jsx-runtime"),s=require("react"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),$=require("./useDetectMobile-zkbzoOGV.cjs"),T=require("./Button.cjs"),N=require("./index-CaAhRJ2-.cjs"),F=_.styled.div`
+"use strict";const a=require("react/jsx-runtime"),s=require("react"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./consts-goSZX3xP.cjs"),$=require("./useDetectMobile-zkbzoOGV.cjs"),T=require("./Button.cjs"),N=require("./index-Bmr3IeZ_.cjs"),F=_.styled.div`
   padding: 1.75rem 3rem;
   display: grid;
-  grid-template-columns: ${a=>`repeat(${a.limit||5},  minmax(0, 1fr))`};
+  grid-template-columns: ${t=>`repeat(${t.limit||5},  minmax(0, 1fr))`};
 
   gap: 2.97rem;
 
@@ -34,7 +34,7 @@
   }
 
   & .product-card {
-    max-width: ${a=>`calc(${100/a.desktopCols}% - ${(a.desktopCols-1)*a.columnGapRem/a.desktopCols}rem)`};
+    max-width: ${t=>`calc(${100/t.desktopCols}% - ${(t.desktopCols-1)*t.columnGapRem/t.desktopCols}rem)`};
 
     animation-duration: 0.2s;
     animation-name: animate-fade;
@@ -54,7 +54,7 @@
     }
   }
 
-  @media (max-width: ${w.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(2, 1fr);
     padding: 2rem 1.25rem;
     gap: 1.19rem;
@@ -67,8 +67,8 @@
     }
   }
 
-  @media (max-width: ${w.SMALL_MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${S.SMALL_MOBILE_SIZE_PX+"px"}) {
     display: flex;
     flex-direction: column;
   }
-`,S=s.memo(N.DetailedProductCard),I=s.forwardRef((a,P)=>{const{items:r,limit:n=5,limitMobile:l=4,onSelectCard:u=()=>{},title:j="Urgent sale",showLessText:q="Show less",showMoreText:L="Show more",isLoading:g=!1,getImage:p=()=>{},negotiableText:f,freeText:b,onBookmark:h=()=>{},actionComponent:k,componentName:y,sponsoredText:C}=a,d=$.useDetectMobile(),[i,M]=s.useState(!1),U=s.useMemo(()=>{var o;return t.jsx(t.Fragment,{children:d===!0?(o=r==null?void 0:r.slice(0,i===!0?r==null?void 0:r.length:l))==null?void 0:o.map((e,m)=>t.jsx(S,{sellerName:e==null?void 0:e.sellerName,name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,categoryCode:e==null?void 0:e.categoryCode,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,sponsored:e==null?void 0:e.sponsored,onSelectCard:(v,c)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:c}),image:e==null?void 0:e.image,imageUrl:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,imageComponent:e==null?void 0:e.imageComponent,negotiableText:f,freeText:b,onBookmark:h,actionComponent:k,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{name:y,accessor:e==null?void 0:e.accessor},tags:e==null?void 0:e.tags,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,forCart:e==null?void 0:e.forCart,sponsoredText:C},m)):r==null?void 0:r.slice(0,n).map((e,m)=>t.jsx(S,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,categoryCode:e==null?void 0:e.categoryCode,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,sponsored:e==null?void 0:e.sponsored,onSelectCard:(v,c)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:c}),image:e==null?void 0:e.image,imageUrl:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,imageComponent:e==null?void 0:e.imageComponent,negotiableText:f,freeText:b,onBookmark:h,actionComponent:k,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{name:y,accessor:e==null?void 0:e.accessor},tags:e==null?void 0:e.tags,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,forCart:e==null?void 0:e.forCart,sponsoredText:C,sellerName:e==null?void 0:e.sellerName},m))})},[r,d,n,l,i]);return t.jsx(N.SuspenseDetailedProductCard,{isLoading:g,keyPrefix:"urgent-sale-products-skeleton",children:t.jsxs(F,{ref:P,limit:n,children:[t.jsxs("div",{className:"urgent-tag",children:[t.jsx("i",{className:"mng mng-lnc-bolt-filled"}),t.jsx("span",{children:j})]})," ",U," ",d===!0&&l<(r==null?void 0:r.length)&&!g&&t.jsx(T,{className:"show-more",btnType:"basic",type:"button",color:"neutral",onClick:o=>{var e;(e=o==null?void 0:o.target)==null||e.blur(),M(!i)},children:i===!0?q:L})]})})});module.exports=I;
+`,w=s.memo(N.DetailedProductCard),I=s.forwardRef((t,P)=>{const{items:r,limit:n=5,limitMobile:l=4,onSelectCard:u=()=>{},title:j="Urgent sale",showLessText:q="Show less",showMoreText:L="Show more",isLoading:g=!1,getImage:p=()=>{},negotiableText:f,freeText:b,onBookmark:h=()=>{},actionComponent:k,componentName:y,sponsoredText:C}=t,d=$.useDetectMobile(),[i,M]=s.useState(!1),U=s.useMemo(()=>{var o;return a.jsx(a.Fragment,{children:d===!0?(o=r==null?void 0:r.slice(0,i===!0?r==null?void 0:r.length:l))==null?void 0:o.map((e,m)=>a.jsx(w,{sellerName:e==null?void 0:e.sellerName,name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,categoryCode:e==null?void 0:e.categoryCode,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,sponsored:e==null?void 0:e.sponsored,onSelectCard:(v,c)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:c}),nameSlug:e==null?void 0:e.nameSlug,image:e==null?void 0:e.image,imageUrl:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,imageComponent:e==null?void 0:e.imageComponent,negotiableText:f,freeText:b,onBookmark:h,actionComponent:k,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{name:y,accessor:e==null?void 0:e.accessor},tags:e==null?void 0:e.tags,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,forCart:e==null?void 0:e.forCart,sponsoredText:C},m)):r==null?void 0:r.slice(0,n).map((e,m)=>a.jsx(w,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,categoryCode:e==null?void 0:e.categoryCode,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,sponsored:e==null?void 0:e.sponsored,onSelectCard:(v,c)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:c}),nameSlug:e==null?void 0:e.nameSlug,image:e==null?void 0:e.image,imageUrl:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,imageComponent:e==null?void 0:e.imageComponent,negotiableText:f,freeText:b,onBookmark:h,actionComponent:k,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{name:y,accessor:e==null?void 0:e.accessor},tags:e==null?void 0:e.tags,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,forCart:e==null?void 0:e.forCart,sponsoredText:C,sellerName:e==null?void 0:e.sellerName},m))})},[r,d,n,l,i]);return a.jsx(N.SuspenseDetailedProductCard,{isLoading:g,keyPrefix:"urgent-sale-products-skeleton",children:a.jsxs(F,{ref:P,limit:n,children:[a.jsxs("div",{className:"urgent-tag",children:[a.jsx("i",{className:"mng mng-lnc-bolt-filled"}),a.jsx("span",{children:j})]})," ",U," ",d===!0&&l<(r==null?void 0:r.length)&&!g&&a.jsx(T,{className:"show-more",btnType:"basic",type:"button",color:"neutral",onClick:o=>{var e;(e=o==null?void 0:o.target)==null||e.blur(),M(!i)},children:i===!0?q:L})]})})});module.exports=I;

package/dist/UrgentSaleProductsSection.js

@@ -1,10 +1,10 @@
-import { jsx as o, Fragment as $, jsxs as y } from "react/jsx-runtime";
+import { jsx as o, Fragment as $, jsxs as S } from "react/jsx-runtime";
 import { memo as T, forwardRef as F, useState as I, useMemo as _ } from "react";
 import { s as q } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as B, S as D } from "./consts-BuFChS64.js";
 import { u as E } from "./useDetectMobile-Bkvj0VMa.js";
 import Q from "./Button.js";
-import { D as j, S as z } from "./index-DxZ71UZ1.js";
+import { D as j, S as z } from "./index-DZ8515cZ.js";
 const A = q.div`
   padding: 1.75rem 3rem;
   display: grid;
@@ -78,7 +78,7 @@ const A = q.div`
     display: flex;
     flex-direction: column;
   }
-`, S = T(j), J = F((r, w) => {
+`, y = T(j), J = F((r, w) => {
   const {
     items: a,
     limit: s = 5,
@@ -101,7 +101,7 @@ const A = q.div`
   } = r, l = E(), [i, M] = I(!1), U = _(() => {
     var t;
     return /* @__PURE__ */ o($, { children: l === !0 ? (t = a == null ? void 0 : a.slice(0, i === !0 ? a == null ? void 0 : a.length : n)) == null ? void 0 : t.map((e, m) => /* @__PURE__ */ o(
-      S,
+      y,
       {
         sellerName: e == null ? void 0 : e.sellerName,
         name: e == null ? void 0 : e.name,
@@ -119,6 +119,7 @@ const A = q.div`
           nameSlug: e == null ? void 0 : e.nameSlug,
           cardRef: d
         }),
+        nameSlug: e == null ? void 0 : e.nameSlug,
         image: e == null ? void 0 : e.image,
         imageUrl: g(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
         imageComponent: e == null ? void 0 : e.imageComponent,
@@ -140,7 +141,7 @@ const A = q.div`
       },
       m
     )) : a == null ? void 0 : a.slice(0, s).map((e, m) => /* @__PURE__ */ o(
-      S,
+      y,
       {
         name: e == null ? void 0 : e.name,
         price: e == null ? void 0 : e.price,
@@ -158,6 +159,7 @@ const A = q.div`
           nameSlug: e == null ? void 0 : e.nameSlug,
           cardRef: d
         }),
+        nameSlug: e == null ? void 0 : e.nameSlug,
         image: e == null ? void 0 : e.image,
         imageUrl: g(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
         imageComponent: e == null ? void 0 : e.imageComponent,
@@ -186,8 +188,8 @@ const A = q.div`
     {
       isLoading: u,
       keyPrefix: "urgent-sale-products-skeleton",
-      children: /* @__PURE__ */ y(A, { ref: w, limit: s, children: [
-        /* @__PURE__ */ y("div", { className: "urgent-tag", children: [
+      children: /* @__PURE__ */ S(A, { ref: w, limit: s, children: [
+        /* @__PURE__ */ S("div", { className: "urgent-tag", children: [
           /* @__PURE__ */ o("i", { className: "mng mng-lnc-bolt-filled" }),
           /* @__PURE__ */ o("span", { children: N })
         ] }),

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

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

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

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