@lanaco/lnc-react-ui 4.0.153 → 4.0.154

package/dist/BlogCardsSponsoredSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),m=require("react"),s=require("./utils-Dl9xPH4c.cjs"),w=require("./Icon.cjs"),j=require("./style-CyHewQxg.cjs"),N=require("./index-BueKsXT8.cjs"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),x=require("./suspense-large-BX4jlU4U.cjs"),S=require("./Button.cjs"),z=b.styled.div`
+"use strict";const r=require("react/jsx-runtime"),m=require("react"),s=require("./utils-Dl9xPH4c.cjs"),w=require("./Icon.cjs"),j=require("./style-CyHewQxg.cjs"),N=require("./index-BueKsXT8.cjs"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),x=require("./suspense-large-CFmcSzX-.cjs"),S=require("./Button.cjs"),z=b.styled.div`
   display: flex;
   padding: 1rem;
   align-items: center;

package/dist/BlogCardsSponsoredSection.js

@@ -6,7 +6,7 @@ import { B as R } from "./style-DFPWLJBr.js";
 import { P as L } from "./index-CF3HhgvN.js";
 import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as N } from "./consts-BuFChS64.js";
-import { S as O } from "./suspense-large-DPZHjpEr.js";
+import { S as O } from "./suspense-large-BMO7JH52.js";
 import T from "./Button.js";
 const U = y.div`
   display: flex;

package/dist/BlogListSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),l=require("react"),y=require("./Icon.cjs"),j=require("./IconButton.cjs"),s=require("./utils-Dl9xPH4c.cjs"),B=require("./index-BueKsXT8.cjs"),R=require("./style-CyHewQxg.cjs"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),q=require("./consts-goSZX3xP.cjs"),I=require("./suspense-large-BX4jlU4U.cjs"),$=v.styled.div`
+"use strict";const r=require("react/jsx-runtime"),l=require("react"),y=require("./Icon.cjs"),j=require("./IconButton.cjs"),s=require("./utils-Dl9xPH4c.cjs"),B=require("./index-BueKsXT8.cjs"),R=require("./style-CyHewQxg.cjs"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),q=require("./consts-goSZX3xP.cjs"),I=require("./suspense-large-CFmcSzX-.cjs"),$=v.styled.div`
   display: flex;
   padding: 1rem;
   align-items: center;

package/dist/BlogListSection.js

@@ -7,7 +7,7 @@ import { P as O } from "./index-CF3HhgvN.js";
 import { B as S } from "./style-DFPWLJBr.js";
 import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as E } from "./consts-BuFChS64.js";
-import { S as M } from "./suspense-large-DPZHjpEr.js";
+import { S as M } from "./suspense-large-BMO7JH52.js";
 const U = B.div`
   display: flex;
   padding: 1rem;

package/dist/BlogShopCardsSection.cjs

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),u=require("react"),S=require("./useDetectMobile-zkbzoOGV.cjs"),a=require("./skeleton-CWPYgHom.cjs"),b=require("./Button.cjs"),_=require("./style-BTTXJFJN.cjs"),k=({limit:o=4,isLoading:n=!1,keyPrefix:s})=>r.jsx(r.Fragment,{children:Array.from({length:o},(i,t)=>r.jsx(a.ShopCardSkeleton,{isLoading:n},`${s}-skeleton-shop-card-${t}`))}),q=({children:o,fallbackComponent:n=r.jsx(r.Fragment,{}),isLoading:s=!1,limit:i,keyPrefix:t})=>r.jsx(u.Suspense,{fallbackComponent:n,children:s===!0?r.jsx(k,{isLoading:s,limit:i,keyPrefix:t}):o}),C=u.memo(a.ShopCard),w=u.forwardRef(({buttonText:o,buttonLink:n,items:s,onButtonAction:i=()=>{},onSelectCard:t=()=>{},isLoading:l=!1,limit:d=4,getImage:p=()=>{},isHighlight:h=!1},m)=>{const g=S.useDetectMobile(),j=u.useMemo(()=>{var c;return(c=s==null?void 0:s.slice(0,4))==null?void 0:c.map((e,f)=>r.jsx(C,{uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.name,subtitle:e==null?void 0:e.shortDescription,rating:e==null?void 0:e.rating,reviewCount:e==null?void 0:e.reviewCount,onSelectCard:()=>t==null?void 0:t(e==null?void 0:e.uuid),image:p(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,hideProducts:!0},`shop-card__${f+1}`))},[s]);return r.jsxs(_.Wrapper,{ref:m,className:h?"highlight":"",children:[r.jsx("div",{className:"wrapper__grid",children:r.jsx(q,{isLoading:l,limit:d,keyPrefix:"blog-section",children:j})}),r.jsx(b,{text:o,borderRadius:"curved",btnType:g?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>i(n)})]})});module.exports=w;
+"use strict";const r=require("react/jsx-runtime"),u=require("react"),S=require("./useDetectMobile-zkbzoOGV.cjs"),a=require("./skeleton-CanJ6Gr6.cjs"),b=require("./Button.cjs"),_=require("./style-BTTXJFJN.cjs"),k=({limit:o=4,isLoading:n=!1,keyPrefix:s})=>r.jsx(r.Fragment,{children:Array.from({length:o},(i,t)=>r.jsx(a.ShopCardSkeleton,{isLoading:n},`${s}-skeleton-shop-card-${t}`))}),q=({children:o,fallbackComponent:n=r.jsx(r.Fragment,{}),isLoading:s=!1,limit:i,keyPrefix:t})=>r.jsx(u.Suspense,{fallbackComponent:n,children:s===!0?r.jsx(k,{isLoading:s,limit:i,keyPrefix:t}):o}),C=u.memo(a.ShopCard),w=u.forwardRef(({buttonText:o,buttonLink:n,items:s,onButtonAction:i=()=>{},onSelectCard:t=()=>{},isLoading:l=!1,limit:d=4,getImage:p=()=>{},isHighlight:h=!1},m)=>{const g=S.useDetectMobile(),j=u.useMemo(()=>{var c;return(c=s==null?void 0:s.slice(0,4))==null?void 0:c.map((e,f)=>r.jsx(C,{uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.name,subtitle:e==null?void 0:e.shortDescription,rating:e==null?void 0:e.rating,reviewCount:e==null?void 0:e.reviewCount,onSelectCard:()=>t==null?void 0:t(e==null?void 0:e.uuid),image:p(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,hideProducts:!0},`shop-card__${f+1}`))},[s]);return r.jsxs(_.Wrapper,{ref:m,className:h?"highlight":"",children:[r.jsx("div",{className:"wrapper__grid",children:r.jsx(q,{isLoading:l,limit:d,keyPrefix:"blog-section",children:j})}),r.jsx(b,{text:o,borderRadius:"curved",btnType:g?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>i(n)})]})});module.exports=w;

package/dist/BlogShopCardsSection.js

@@ -1,7 +1,7 @@
 import { jsx as o, Fragment as u, jsxs as S } from "react/jsx-runtime";
 import { Suspense as b, memo as _, forwardRef as C, useMemo as k } from "react";
 import { u as w } from "./useDetectMobile-Bkvj0VMa.js";
-import { a as v, S as M } from "./skeleton-Bil8w1A7.js";
+import { a as v, S as M } from "./skeleton-BWFqIToC.js";
 import y from "./Button.js";
 import { W as N } from "./style-tw6KjI2J.js";
 const $ = ({ limit: s = 4, isLoading: a = !1, keyPrefix: r }) => /* @__PURE__ */ o(u, { children: Array.from({ length: s }, (i, t) => /* @__PURE__ */ o(

package/dist/BlogSingleSection.cjs

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),o=require("react"),g=require("./index-CjQhwLEY.cjs"),a=require("./skeleton-BQd32q08.cjs"),c=({limit:t=1,isLoading:l=!1,keyPrefix:n})=>r.jsx(r.Fragment,{children:Array.from({length:t},(e,s)=>r.jsx(a.BlogCardLargeSkeleton,{isLoading:l},`${n}-skeleton-product-card-${s}`))}),x=({children:t,fallbackComponent:l=r.jsx(r.Fragment,{}),isLoading:n=!1,limit:e,keyPrefix:s})=>r.jsx(o.Suspense,{fallbackComponent:l,children:n===!0?r.jsx(c,{isLoading:n,limit:e,keyPrefix:s}):t}),d=o.forwardRef((t,l)=>{const{isLoading:n,item:e,onSelectCard:s=()=>{},getImage:u=()=>{}}=t;return r.jsx(x,{isLoading:n,limit:1,keyPrefix:"explore-landing",children:r.jsx(g.BlogCardLarge,{ref:l,title:e==null?void 0:e.title,imageUrl:u(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>s(e==null?void 0:e.titleSlug)})})});module.exports=d;
+"use strict";const r=require("react/jsx-runtime"),o=require("react"),g=require("./index-Cm0f72Po.cjs"),a=require("./skeleton-BdbB-LdT.cjs"),c=({limit:t=1,isLoading:l=!1,keyPrefix:n})=>r.jsx(r.Fragment,{children:Array.from({length:t},(e,s)=>r.jsx(a.BlogCardLargeSkeleton,{isLoading:l},`${n}-skeleton-product-card-${s}`))}),x=({children:t,fallbackComponent:l=r.jsx(r.Fragment,{}),isLoading:n=!1,limit:e,keyPrefix:s})=>r.jsx(o.Suspense,{fallbackComponent:l,children:n===!0?r.jsx(c,{isLoading:n,limit:e,keyPrefix:s}):t}),d=o.forwardRef((t,l)=>{const{isLoading:n,item:e,onSelectCard:s=()=>{},getImage:u=()=>{}}=t;return r.jsx(x,{isLoading:n,limit:1,keyPrefix:"explore-landing",children:r.jsx(g.BlogCardLarge,{ref:l,title:e==null?void 0:e.title,imageUrl:u(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>s(e==null?void 0:e.titleSlug)})})});module.exports=d;

package/dist/BlogSingleSection.js

@@ -1,7 +1,7 @@
 import { jsx as e, Fragment as a } from "react/jsx-runtime";
 import { Suspense as s, forwardRef as u } from "react";
-import { B as d } from "./index-DXNlFyQ4.js";
-import { B as c } from "./skeleton-B74purm7.js";
+import { B as d } from "./index-DGp7FHms.js";
+import { B as c } from "./skeleton-CQPwIEP0.js";
 const f = ({ limit: o = 1, isLoading: t = !1, keyPrefix: l }) => /* @__PURE__ */ e(a, { children: Array.from({ length: o }, (r, n) => /* @__PURE__ */ e(
   c,
   {

package/dist/BlogsSectionDetailed.cjs

@@ -22,16 +22,16 @@
   }
 
   & img {
-    max-height: 11.0625rem;
-    min-height: 11.0625rem;
+    max-height: 11.25rem;
+    min-height: 11.25rem;
     object-fit: cover;
     width: 100%;
   }
 
   & .skeleton-img {
     width: 100%;
-    max-height: 11.0625rem;
-    min-height: 11.0625rem;
+    max-height: 11.25rem;
+    min-height: 11.25rem;
     background-color: ${r.linearGradientAnimation("-90deg")};
   }
 

package/dist/BlogsSectionDetailed.js

@@ -31,16 +31,16 @@ const E = y.div`
   }
 
   & img {
-    max-height: 11.0625rem;
-    min-height: 11.0625rem;
+    max-height: 11.25rem;
+    min-height: 11.25rem;
     object-fit: cover;
     width: 100%;
   }
 
   & .skeleton-img {
     width: 100%;
-    max-height: 11.0625rem;
-    min-height: 11.0625rem;
+    max-height: 11.25rem;
+    min-height: 11.25rem;
     background-color: ${k("-90deg")};
   }
 

package/dist/BlogsSectionLarge.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),s=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./consts-goSZX3xP.cjs"),b=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./index-CjQhwLEY.cjs"),C=require("./suspense-large-BX4jlU4U.cjs"),f=p.styled.div`
+"use strict";const i=require("react/jsx-runtime"),s=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./consts-goSZX3xP.cjs"),b=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./index-Cm0f72Po.cjs"),C=require("./suspense-large-CFmcSzX-.cjs"),f=p.styled.div`
   display: grid;
   grid-template-columns: ${l=>`repeat(${l.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/BlogsSectionLarge.js

@@ -3,8 +3,8 @@ import { memo as c, forwardRef as f, useMemo as S } from "react";
 import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as b } from "./consts-BuFChS64.js";
 import { u as B } from "./useDetectMobile-Bkvj0VMa.js";
-import { B as M } from "./index-DXNlFyQ4.js";
-import { S as L } from "./suspense-large-DPZHjpEr.js";
+import { B as M } from "./index-DGp7FHms.js";
+import { S as L } from "./suspense-large-BMO7JH52.js";
 const h = C.div`
   display: grid;
   grid-template-columns: ${(l) => `repeat(${l.limit},  minmax(0, 1fr))`};

package/dist/BlogsSectionSimpleCentered.cjs

@@ -25,7 +25,7 @@
 
   & button {
     width: fit-content;
-    margin-top: auto;
+    margin-top: 1.5rem;
     color: var(--gray-950, #14161a);
     font-size: 0.875rem;
     font-style: normal;

package/dist/BlogsSectionSimpleCentered.js

@@ -33,7 +33,7 @@ const x = g.div`
 
   & button {
     width: fit-content;
-    margin-top: auto;
+    margin-top: 1.5rem;
     color: var(--gray-950, #14161a);
     font-size: 0.875rem;
     font-style: normal;
@@ -92,10 +92,10 @@ const x = g.div`
     letter-spacing: 0.0156rem;
     ${y(3)}
   }
-`, h = p((i, o) => {
-  const { title: r, image: n, text: a, buttonText: m, onCardClick: l } = i;
-  return /* @__PURE__ */ c(w, { ref: o, className: "blog-card", onClick: l, children: [
-    /* @__PURE__ */ t(S, { src: n }),
+`, h = p((i, n) => {
+  const { title: r, image: o, text: a, buttonText: m, onCardClick: l } = i;
+  return /* @__PURE__ */ c(w, { ref: n, className: "blog-card", onClick: l, children: [
+    /* @__PURE__ */ t(S, { src: o }),
     /* @__PURE__ */ c(b, { children: [
       /* @__PURE__ */ t("div", { className: "text-wr-title", children: r }),
       /* @__PURE__ */ t("div", { className: "text-wr", children: a })
@@ -113,7 +113,7 @@ const x = g.div`
       }
     )
   ] });
-}), $ = p((i, o) => {
+}), $ = p((i, n) => {
   const { onCardClick: r } = i;
   return (
     // <SimpleBlogCardSkeleton />
@@ -122,38 +122,38 @@ const x = g.div`
       /* @__PURE__ */ t(b, { children: /* @__PURE__ */ t("div", { className: "skeleton-title" }) })
     ] })
   );
-}), T = ({ limit: i = 3, isLoading: o = !1, keyPrefix: r }) => /* @__PURE__ */ t(s, { children: Array.from({ length: i }, (n, a) => /* @__PURE__ */ t(
+}), T = ({ limit: i = 3, isLoading: n = !1, keyPrefix: r }) => /* @__PURE__ */ t(s, { children: Array.from({ length: i }, (o, a) => /* @__PURE__ */ t(
   $,
   {
-    isLoading: o
+    isLoading: n
   },
   `${r}-skeleton-product-card-${a}`
 )) }), B = ({
   children: i,
-  fallbackComponent: o = /* @__PURE__ */ t(s, {}),
+  fallbackComponent: n = /* @__PURE__ */ t(s, {}),
   isLoading: r = !1,
-  limit: n,
+  limit: o,
   keyPrefix: a
-}) => /* @__PURE__ */ t(k, { fallbackComponent: o, children: r === !0 ? /* @__PURE__ */ t(
+}) => /* @__PURE__ */ t(k, { fallbackComponent: n, children: r === !0 ? /* @__PURE__ */ t(
   T,
   {
     isLoading: r,
-    limit: n,
+    limit: o,
     keyPrefix: a
   }
-) : i }), _ = p((i, o) => {
+) : i }), _ = p((i, n) => {
   const {
     items: r,
-    limit: n = 3,
+    limit: o = 3,
     onSelectCard: a = () => {
     },
     isLoading: m = !1
   } = i, l = C();
-  return /* @__PURE__ */ t(x, { ref: o, limit: n, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(x, { ref: n, limit: o, children: /* @__PURE__ */ t(
     B,
     {
       isLoading: m,
-      limit: n,
+      limit: o,
       keyPrefix: "explore-landing",
       children: /* @__PURE__ */ t(s, { children: l === !0 ? r == null ? void 0 : r.map((e, d) => /* @__PURE__ */ t(
         h,
@@ -165,7 +165,7 @@ const x = g.div`
           onCardClick: () => a(e)
         },
         d
-      )) : r == null ? void 0 : r.slice(0, n).map((e, d) => /* @__PURE__ */ t(
+      )) : r == null ? void 0 : r.slice(0, o).map((e, d) => /* @__PURE__ */ t(
         h,
         {
           title: e == null ? void 0 : e.title,

package/dist/GiftCardsSection.cjs

@@ -33,7 +33,7 @@
   max-height: 11rem;
   position: relative;
   border-radius: 0.75rem;
-  border: 1px solid var(--warning-500);
+  border: 1px solid var(--warning-500, #f59e0b);
   overflow: hidden;
 
   & .skeleton__card {

package/dist/GiftCardsSection.js

@@ -41,7 +41,7 @@ const T = c.div`
   max-height: 11rem;
   position: relative;
   border-radius: 0.75rem;
-  border: 1px solid var(--warning-500);
+  border: 1px solid var(--warning-500, #f59e0b);
   overflow: hidden;
 
   & .skeleton__card {

package/dist/MasonryGeneralCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),m=require("react"),f=require("./Button.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),i=require("./utils-Dl9xPH4c.cjs"),u=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),g=require("./consts-goSZX3xP.cjs"),_=d.styled.div`
+"use strict";const r=require("react/jsx-runtime"),g=require("react"),f=require("./Button.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),i=require("./utils-Dl9xPH4c.cjs"),m=require("./consts-goSZX3xP.cjs"),u=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),_=d.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -104,8 +104,15 @@
       width: 9rem;
     }
   }
-    cursor: pointer;
-`,w=m.forwardRef(({title:t,imageUrl:e,description:n,buttonText:a,onSelectCard:l=()=>{},className:o,position:s,tag:c,backgroundColor:p},x)=>{const h=u.useTheme();return r.jsx(r.Fragment,{children:r.jsxs(_,{ref:x,theme:h,className:o,position:s,backgroundColor:p,onClick:l,children:[r.jsx("img",{src:e,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__text",children:[c&&r.jsx("div",{className:"text__tag",children:c}),r.jsx("div",{className:"text__title",children:t}),i.isDefinedNotEmptyString(n)&&r.jsx("div",{className:"text__description",children:n}),i.isDefinedNotEmptyString(a)&&r.jsx(f,{text:a,className:"text__action"})]})]})})}),b=d.styled.div`
+  cursor: pointer;
+
+  @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
+    & .wrapper__image {
+      height: 100%;
+      max-height: 14.5rem;
+    }
+  }
+`,w=g.forwardRef(({title:t,imageUrl:e,description:n,buttonText:a,onSelectCard:l=()=>{},className:o,position:s,tag:c,backgroundColor:p},x)=>{const h=u.useTheme();return r.jsx(r.Fragment,{children:r.jsxs(_,{ref:x,theme:h,className:o,position:s,backgroundColor:p,onClick:l,children:[r.jsx("img",{src:e,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__text",children:[c&&r.jsx("div",{className:"text__tag",children:c}),r.jsx("div",{className:"text__title",children:t}),i.isDefinedNotEmptyString(n)&&r.jsx("div",{className:"text__description",children:n}),i.isDefinedNotEmptyString(a)&&r.jsx(f,{text:a,className:"text__action"})]})]})})}),b=d.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -129,7 +136,7 @@
     }
   }
 
-  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
     gap: 1.25rem;
 
     & .regular-title {
@@ -150,13 +157,12 @@
   height: 30rem;
   max-height: 30rem;
 
-  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
     display: flex;
     flex-direction: column;
     gap: 1rem;
     width: 100%;
     height: 100%;
     max-height: 100%;
-    padding: 0 1rem;
   }
-`,v=m.forwardRef(({title:t,items:e,limit:n=3,onSelectCard:a=()=>{}},l)=>r.jsxs(b,{ref:l,children:[r.jsx("div",{className:"regular-title",children:r.jsx("div",{className:"regular-title-text",children:r.jsx("span",{children:t})})}),r.jsx(y,{limit:n,children:e&&(e==null?void 0:e.map((o,s)=>r.jsx(w,{...o,onSelectCard:()=>a(o)},`landing-page-masonry-general-card__${s+1}`)))})]}));module.exports=v;
+`,v=g.forwardRef(({title:t,items:e,limit:n=3,onSelectCard:a=()=>{}},l)=>r.jsxs(b,{ref:l,children:[r.jsx("div",{className:"regular-title",children:r.jsx("div",{className:"regular-title-text",children:r.jsx("span",{children:t})})}),r.jsx(y,{limit:n,children:e&&(e==null?void 0:e.map((o,s)=>r.jsx(w,{...o,onSelectCard:()=>a(o)},`landing-page-masonry-general-card__${s+1}`)))})]}));module.exports=v;

package/dist/MasonryGeneralCardsSection.js

@@ -1,10 +1,10 @@
-import { jsx as t, Fragment as w, jsxs as m } from "react/jsx-runtime";
-import { forwardRef as h } from "react";
+import { jsx as t, Fragment as w, jsxs as d } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
 import b from "./Button.js";
 import { s } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { o as n, p as g, k as p } from "./utils-BdsZgOUE.js";
+import { o as n, p, k as h } from "./utils-BdsZgOUE.js";
+import { M as c } from "./consts-BuFChS64.js";
 import { u as v } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import { M as f } from "./consts-BuFChS64.js";
 const y = s.div`
   display: flex;
   flex-direction: column;
@@ -70,7 +70,7 @@ const y = s.div`
       font-style: normal;
       font-weight: 500;
       line-height: 1.5rem;
-      ${g(2)}
+      ${p(2)}
     }
 
     & .text__tag {
@@ -92,7 +92,7 @@ const y = s.div`
       font-style: normal;
       font-weight: 400;
       line-height: 1.25rem;
-      ${g(2)}
+      ${p(2)}
     }
 
     & .text__action {
@@ -123,8 +123,15 @@ const y = s.div`
       width: 9rem;
     }
   }
-    cursor: pointer;
-`, k = h(
+  cursor: pointer;
+
+  @media (max-width: ${c + "px"}) {
+    & .wrapper__image {
+      height: 100%;
+      max-height: 14.5rem;
+    }
+  }
+`, k = f(
   ({
     title: r,
     imageUrl: e,
@@ -133,27 +140,27 @@ const y = s.div`
     onSelectCard: l = () => {
     },
     className: o,
-    position: d,
-    tag: c,
+    position: m,
+    tag: g,
     backgroundColor: x
   }, u) => {
     const _ = v();
-    return /* @__PURE__ */ t(w, { children: /* @__PURE__ */ m(
+    return /* @__PURE__ */ t(w, { children: /* @__PURE__ */ d(
       y,
       {
         ref: u,
         theme: _,
         className: o,
-        position: d,
+        position: m,
         backgroundColor: x,
         onClick: l,
         children: [
           /* @__PURE__ */ t("img", { src: e, className: "wrapper__image" }),
-          /* @__PURE__ */ m("div", { className: "wrapper__text", children: [
-            c && /* @__PURE__ */ t("div", { className: "text__tag", children: c }),
+          /* @__PURE__ */ d("div", { className: "wrapper__text", children: [
+            g && /* @__PURE__ */ t("div", { className: "text__tag", children: g }),
             /* @__PURE__ */ t("div", { className: "text__title", children: r }),
-            p(i) && /* @__PURE__ */ t("div", { className: "text__description", children: i }),
-            p(a) && /* @__PURE__ */ t(
+            h(i) && /* @__PURE__ */ t("div", { className: "text__description", children: i }),
+            h(a) && /* @__PURE__ */ t(
               b,
               {
                 text: a,
@@ -189,7 +196,7 @@ const y = s.div`
     }
   }
 
-  @media (max-width: ${f + "px"}) {
+  @media (max-width: ${c + "px"}) {
     gap: 1.25rem;
 
     & .regular-title {
@@ -210,26 +217,25 @@ const y = s.div`
   height: 30rem;
   max-height: 30rem;
 
-  @media (max-width: ${f + "px"}) {
+  @media (max-width: ${c + "px"}) {
     display: flex;
     flex-direction: column;
     gap: 1rem;
     width: 100%;
     height: 100%;
     max-height: 100%;
-    padding: 0 1rem;
   }
-`, I = h(
+`, I = f(
   ({ title: r, items: e, limit: i = 3, onSelectCard: a = () => {
-  } }, l) => /* @__PURE__ */ m($, { ref: l, children: [
+  } }, l) => /* @__PURE__ */ d($, { ref: l, children: [
     /* @__PURE__ */ t("div", { className: "regular-title", children: /* @__PURE__ */ t("div", { className: "regular-title-text", children: /* @__PURE__ */ t("span", { children: r }) }) }),
-    /* @__PURE__ */ t(N, { limit: i, children: e && (e == null ? void 0 : e.map((o, d) => /* @__PURE__ */ t(
+    /* @__PURE__ */ t(N, { limit: i, children: e && (e == null ? void 0 : e.map((o, m) => /* @__PURE__ */ t(
       k,
       {
         ...o,
         onSelectCard: () => a(o)
       },
-      `landing-page-masonry-general-card__${d + 1}`
+      `landing-page-masonry-general-card__${m + 1}`
     ))) })
   ] })
 );

package/dist/ProductsWithBannerSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),a=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./consts-goSZX3xP.cjs"),k=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-CyHewQxg.cjs"),l=require("./utils-Dl9xPH4c.cjs"),y=require("./index-BueKsXT8.cjs"),C=u.styled.div`
+"use strict";const r=require("react/jsx-runtime"),o=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./consts-goSZX3xP.cjs"),k=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-CyHewQxg.cjs"),d=require("./utils-Dl9xPH4c.cjs"),y=require("./index-BueKsXT8.cjs"),C=u.styled.div`
   width: 100%;
   height: 22.5rem;
   min-height: 22.5rem;
@@ -15,12 +15,19 @@
     height: 100%;
     object-fit: cover;
   }
+
+  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+    height: 100%;
+    min-height: 100%;
+    max-height: 100%;
+    aspect-ratio: 1 / 1;
+  }
 `,P=u.styled.div`
   display: grid;
   grid-template-columns: ${t=>`repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${j.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
     display: flex;
     gap: 1rem;
     overflow-x: auto;
@@ -39,7 +46,7 @@
       /* Safari and Chrome */
     }
   }
-`,b=u.styled.div`
+`,w=u.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -55,22 +62,22 @@
   & .card-title {
     font-size: 0.875rem;
     font-weight: 600;
-     ${l.truncateTextInRows(2)}
+     ${d.truncateTextInRows(2)}
   }
 
   & .skeleton-img {
-    background-color: ${l.linearGradientAnimation("-90deg")};
+    background-color: ${d.linearGradientAnimation("-90deg")};
     border-radius: 0.75rem;
     border: 1px solid white;
   }
 
   & .skeleton-title {
-    background-color: ${l.linearGradientAnimation("-90deg")};
+    background-color: ${d.linearGradientAnimation("-90deg")};
     width: 100%;
     height: 1.25rem;
   }
 
-  @media (max-width: ${j.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
     & img {
       width: 8.875rem;
       height: 8.875rem;
@@ -81,4 +88,4 @@
       object-fit: cover;
     }
   }
-`,N=a.forwardRef((t,o)=>{const{uuid:n,title:i,image:s,sellerUuid:g,onSelectCard:d=()=>{},imageComponent:c}=t;return r.jsxs(b,{ref:o,className:"product-card",onClick:d,children:[l.isDefined(c)?c:r.jsx(y.ProductImageWrapper,{src:s}),r.jsx("div",{className:"card-title",children:i})]})}),$=a.forwardRef(({},t)=>r.jsxs(b,{className:"product-card",children:[r.jsx("img",{className:"skeleton-img"}),r.jsx("div",{className:"skeleton-title"})]})),q=({limit:t=4,isLoading:o=!1,keyPrefix:n})=>r.jsx(r.Fragment,{children:Array.from({length:t},(i,s)=>r.jsx($,{isLoading:o},`${n}-skeleton-product-card-${s}`))}),I=({children:t,fallbackComponent:o=r.jsx(r.Fragment,{}),isLoading:n=!1,limit:i,keyPrefix:s})=>r.jsx(a.Suspense,{fallbackComponent:o,children:n===!0?r.jsx(q,{isLoading:n,limit:i,keyPrefix:s}):t}),f=a.memo(N),U=a.forwardRef((t,o)=>{const{icon:n,items:i,limit:s=4,imageUrl:g,onSelectCard:d=()=>{},title:c="Season inspiration",isLoading:w=!1,getImage:p=()=>{}}=t,h=k.useDetectMobile(),S=a.useMemo(()=>r.jsx(r.Fragment,{children:h===!0?i==null?void 0:i.map((e,m)=>r.jsx(f,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>d({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),image:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null},m)):i==null?void 0:i.slice(0,s).map((e,m)=>r.jsx(f,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>d({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),image:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null},m))}),[i,h,s]);return r.jsxs(v.RegulatTitleSectionWrapper,{ref:o,children:[r.jsx("div",{className:"regular-title",children:r.jsxs("div",{className:"regular-title-text",children:[l.isDefinedNotEmptyString(n)&&r.jsx("i",{className:n}),r.jsx("span",{children:c})]})}),r.jsx(C,{className:"products-banner",children:r.jsx("img",{src:g})}),r.jsx(P,{limit:s,children:r.jsx(I,{isLoading:w,limit:s,keyPrefix:"explore-landing",children:S})})]})});module.exports=U;
+`,I=o.forwardRef((t,a)=>{const{uuid:n,title:i,image:s,sellerUuid:h,onSelectCard:l=()=>{},imageComponent:c}=t;return r.jsxs(w,{ref:a,className:"product-card",onClick:l,children:[d.isDefined(c)?c:r.jsx(y.ProductImageWrapper,{src:s}),r.jsx("div",{className:"card-title",children:i})]})}),N=o.forwardRef(({},t)=>r.jsxs(w,{className:"product-card",children:[r.jsx("img",{className:"skeleton-img"}),r.jsx("div",{className:"skeleton-title"})]})),$=({limit:t=4,isLoading:a=!1,keyPrefix:n})=>r.jsx(r.Fragment,{children:Array.from({length:t},(i,s)=>r.jsx(N,{isLoading:a},`${n}-skeleton-product-card-${s}`))}),_=({children:t,fallbackComponent:a=r.jsx(r.Fragment,{}),isLoading:n=!1,limit:i,keyPrefix:s})=>r.jsx(o.Suspense,{fallbackComponent:a,children:n===!0?r.jsx($,{isLoading:n,limit:i,keyPrefix:s}):t}),j=o.memo(I),q=o.forwardRef((t,a)=>{const{icon:n,items:i,limit:s=4,imageUrl:h,onSelectCard:l=()=>{},title:c="Season inspiration",isLoading:b=!1,getImage:p=()=>{}}=t,f=k.useDetectMobile(),S=o.useMemo(()=>r.jsx(r.Fragment,{children:f===!0?i==null?void 0:i.map((e,m)=>r.jsx(j,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>l({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),image:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null},m)):i==null?void 0:i.slice(0,s).map((e,m)=>r.jsx(j,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>l({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),image:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null},m))}),[i,f,s]);return r.jsxs(v.RegulatTitleSectionWrapper,{ref:a,children:[r.jsx("div",{className:"regular-title",children:r.jsxs("div",{className:"regular-title-text",children:[d.isDefinedNotEmptyString(n)&&r.jsx("i",{className:n}),r.jsx("span",{children:c})]})}),r.jsx(C,{className:"products-banner",children:r.jsx("img",{src:h})}),r.jsx(P,{limit:s,children:r.jsx(_,{isLoading:b,limit:s,keyPrefix:"explore-landing",children:S})})]})});module.exports=q;

package/dist/ProductsWithBannerSection.js

@@ -1,10 +1,10 @@
 import { jsxs as s, jsx as r, Fragment as c } from "react/jsx-runtime";
 import { forwardRef as u, Suspense as P, memo as y, useMemo as N } from "react";
 import { s as p } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as S } from "./consts-BuFChS64.js";
+import { M as g } from "./consts-BuFChS64.js";
 import { u as $ } from "./useDetectMobile-Bkvj0VMa.js";
 import { R as U } from "./style-DFPWLJBr.js";
-import { p as I, o as b, l as M, k as W } from "./utils-BdsZgOUE.js";
+import { p as I, o as w, l as M, k as W } from "./utils-BdsZgOUE.js";
 import { P as j } from "./index-CF3HhgvN.js";
 const E = p.div`
   width: 100%;
@@ -23,12 +23,19 @@ const E = p.div`
     height: 100%;
     object-fit: cover;
   }
+
+  @media (max-width: ${g + "px"}) {
+    height: 100%;
+    min-height: 100%;
+    max-height: 100%;
+    aspect-ratio: 1 / 1;
+  }
 `, R = p.div`
   display: grid;
   grid-template-columns: ${(t) => `repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${S + "px"}) {
+  @media (max-width: ${g + "px"}) {
     display: flex;
     gap: 1rem;
     overflow-x: auto;
@@ -67,18 +74,18 @@ const E = p.div`
   }
 
   & .skeleton-img {
-    background-color: ${b("-90deg")};
+    background-color: ${w("-90deg")};
     border-radius: 0.75rem;
     border: 1px solid white;
   }
 
   & .skeleton-title {
-    background-color: ${b("-90deg")};
+    background-color: ${w("-90deg")};
     width: 100%;
     height: 1.25rem;
   }
 
-  @media (max-width: ${S + "px"}) {
+  @media (max-width: ${g + "px"}) {
     & img {
       width: 8.875rem;
       height: 8.875rem;
@@ -94,13 +101,13 @@ const E = p.div`
     uuid: o,
     title: i,
     image: a,
-    sellerUuid: g,
-    onSelectCard: n = () => {
+    sellerUuid: h,
+    onSelectCard: d = () => {
     },
-    imageComponent: d
+    imageComponent: n
   } = t;
-  return /* @__PURE__ */ s(k, { ref: l, className: "product-card", onClick: n, children: [
-    M(d) ? d : /* @__PURE__ */ r(j, { src: a }),
+  return /* @__PURE__ */ s(k, { ref: l, className: "product-card", onClick: d, children: [
+    M(n) ? n : /* @__PURE__ */ r(j, { src: a }),
     /* @__PURE__ */ r("div", { className: "card-title", children: i })
   ] });
 }), B = u(({}, t) => /* @__PURE__ */ s(k, { className: "product-card", children: [
@@ -125,45 +132,45 @@ const E = p.div`
     limit: i,
     keyPrefix: a
   }
-) : t }), w = y(z), q = u((t, l) => {
+) : t }), S = y(z), q = u((t, l) => {
   const {
     icon: o,
     items: i,
     limit: a = 4,
-    imageUrl: g,
-    onSelectCard: n = () => {
+    imageUrl: h,
+    onSelectCard: d = () => {
     },
-    title: d = "Season inspiration",
+    title: n = "Season inspiration",
     isLoading: v = !1,
-    getImage: h = () => {
+    getImage: f = () => {
     }
-  } = t, f = $(), C = N(() => /* @__PURE__ */ r(c, { children: f === !0 ? i == null ? void 0 : i.map((e, m) => /* @__PURE__ */ r(
-    w,
+  } = t, b = $(), C = N(() => /* @__PURE__ */ r(c, { children: b === !0 ? i == null ? void 0 : i.map((e, m) => /* @__PURE__ */ r(
+    S,
     {
       title: e == null ? void 0 : e.name,
       sellerUuid: e == null ? void 0 : e.sellerUuid,
       uuid: e == null ? void 0 : e.uuid,
-      onSelectCard: () => n({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
-      image: h(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null
+      onSelectCard: () => d({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
+      image: f(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null
     },
     m
   )) : i == null ? void 0 : i.slice(0, a).map((e, m) => /* @__PURE__ */ r(
-    w,
+    S,
     {
       title: e == null ? void 0 : e.name,
       sellerUuid: e == null ? void 0 : e.sellerUuid,
       uuid: e == null ? void 0 : e.uuid,
-      onSelectCard: () => n({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
-      image: h(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null
+      onSelectCard: () => d({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
+      image: f(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null
     },
     m
-  )) }), [i, f, a]);
+  )) }), [i, b, a]);
   return /* @__PURE__ */ s(U, { ref: l, children: [
     /* @__PURE__ */ r("div", { className: "regular-title", children: /* @__PURE__ */ s("div", { className: "regular-title-text", children: [
       W(o) && /* @__PURE__ */ r("i", { className: o }),
-      /* @__PURE__ */ r("span", { children: d })
+      /* @__PURE__ */ r("span", { children: n })
     ] }) }),
-    /* @__PURE__ */ r(E, { className: "products-banner", children: /* @__PURE__ */ r("img", { src: g }) }),
+    /* @__PURE__ */ r(E, { className: "products-banner", children: /* @__PURE__ */ r("img", { src: h }) }),
     /* @__PURE__ */ r(R, { limit: a, children: /* @__PURE__ */ r(
       _,
       {

package/dist/ShopCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),c=require("react"),v=require("./Button.cjs"),p=require("./skeleton-CWPYgHom.cjs"),j=require("./utils-Dl9xPH4c.cjs"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),d=b.styled.div`
+"use strict";const t=require("react/jsx-runtime"),b=require("react"),u=require("./Button.cjs"),_=require("./skeleton-CanJ6Gr6.cjs"),d=require("./utils-Dl9xPH4c.cjs"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),k=j.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -67,25 +67,63 @@
     width: 100%;
   }
 
+  & .wrapper__view-all {
+    align-self: center;
+    color: var(--neutral-600, #0f2a46);
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.25rem;
+    letter-spacing: -0.0056rem;
+
+    &:focus {
+      outline: none;
+    }
+
+    display: none;
+  }
+
   @media (max-width: ${C.MOBILE_SIZE_PX+"px"}) {
+    & .wrapper__view-all {
+      display: unset;
+    }
+
     & .wrapper__heading {
       & .wrapper__title {
         & .title__action {
-          display: none;
+          &.grid {
+            display: none;
+          }
         }
       }
     }
 
     & .wrapper__cards {
-      grid-template-columns: ${i=>`repeat(${i==null?void 0:i.limitCardsForMobile}, minmax(0, 1fr))`};
       gap: 1rem;
-    }
-  }
 
-  @media (max-width: 400px) {
-    & .wrapper__cards {
-      grid-template-columns: repeat(1, minmax(0, 1fr));
-      gap: 1rem;
+      ${i=>i!=null&&i.gridView?`
+            grid-template-columns: repeat(2, minmax(0, 1fr)); 
+            & > div {
+              min-width:100%;
+             max-width:100%;
+            }`:`
+            display: flex;
+            overflow-x: auto;
+
+            -webkit-overflow-scrolling: touch;
+            ::-webkit-scrollbar {
+              -webkit-appearance: none;
+            }
+
+            -ms-overflow-style: none;
+            /* Internet Explorer 10+ */
+            scrollbar-width: none;
+            /* Firefox */
+
+            &::-webkit-scrollbar {
+              display: none;
+              /* Safari and Chrome */
+            }`}
     }
   }
-`,S=c.forwardRef(({title:i,subtitle:s,items:n,limit:m=4,limitForMobile:u=2,buttonText:_="Show More",onSelectCard:g=()=>{},onButtonAction:l=()=>{},icon:o,getImage:x=()=>{},getProductImage:h=()=>{},hideProducts:f=!1,showRating:w=!0},y)=>{var a;return t.jsxs(d,{ref:y,limitCards:m,limitCardsForMobile:u,children:[t.jsxs("div",{className:"wrapper__heading",children:[t.jsxs("div",{className:"wrapper__title",children:[i&&t.jsxs("div",{className:"title__text",children:[j.isDefinedNotEmptyString(o)&&t.jsx("i",{className:o}),t.jsx("span",{children:i})]}),l&&t.jsx(v,{text:_,color:"neutral",borderRadius:"curved",btnType:"tinted",className:"title__action",onClick:l})]}),s&&t.jsx("div",{className:"wrapper__subtitle",children:s})]}),t.jsx("div",{className:"wrapper__cards",children:n&&(n==null?void 0:n.length)>0?n==null?void 0:n.map((e,r)=>t.jsx(p.ShopCard,{showRating:w,uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.name,subtitle:e==null?void 0:e.shortDescription,rating:e==null?void 0:e.ratingArithmeticMean,reviewCount:e==null?void 0:e.reviewCount,products:e==null?void 0:e.products,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>g(e==null?void 0:e.uuid),image:x(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,getProductImage:h,canAcceptPayments:e==null?void 0:e.canAcceptPayments,hideProducts:f},`shop-card__${r+1}`)):(a=Array.from("1234"))==null?void 0:a.map((e,r)=>t.jsx(p.ShopCardSkeleton,{},`shop-card-skeleton__${r+1}`))})]})});module.exports=S;
+`,S=b.forwardRef(({title:i,subtitle:o,items:r,limit:g=4,limitForMobile:w=2,buttonText:a="Show More",onSelectCard:h=()=>{},onButtonAction:n=()=>{},icon:p,getImage:f=()=>{},getProductImage:x=()=>{},hideProducts:c=!1,showRating:y=!0,gridView:l=!1},v)=>{var m;return t.jsxs(k,{ref:v,limitCards:g,limitCardsForMobile:w,gridView:l,children:[t.jsxs("div",{className:"wrapper__heading",children:[t.jsxs("div",{className:"wrapper__title",children:[i&&t.jsxs("div",{className:"title__text",children:[d.isDefinedNotEmptyString(p)&&t.jsx("i",{className:p}),t.jsx("span",{children:i})]}),n&&t.jsx(u,{text:a,color:"neutral",borderRadius:"curved",btnType:"tinted",className:`title__action ${l?"grid":""}`,onClick:n})]}),o&&t.jsx("div",{className:"wrapper__subtitle",children:o})]}),t.jsx("div",{className:"wrapper__cards",children:r&&(r==null?void 0:r.length)>0?r==null?void 0:r.map((e,s)=>t.jsx(_.ShopCard,{showRating:!y,uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.name,subtitle:e==null?void 0:e.shortDescription,rating:e==null?void 0:e.ratingArithmeticMean,reviewCount:e==null?void 0:e.reviewCount,products:e==null?void 0:e.products,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>h(e==null?void 0:e.uuid),image:f(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,getProductImage:x,canAcceptPayments:e==null?void 0:e.canAcceptPayments,hideProducts:!c},`shop-card__${s+1}`)):(m=Array.from("1234"))==null?void 0:m.map((e,s)=>t.jsx(_.ShopCardSkeleton,{},`shop-card-skeleton__${s+1}`))}),l&&n&&t.jsx(u,{text:a,borderRadius:"curved",btnType:"basic",color:"neutral",className:"wrapper__view-all",onClick:n})]})});module.exports=S;

package/dist/ShopCardsSection.js

@@ -1,11 +1,11 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { forwardRef as v } from "react";
-import C from "./Button.js";
-import { S as b, a as d } from "./skeleton-Bil8w1A7.js";
-import { k as S } from "./utils-BdsZgOUE.js";
-import { s as N } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as c } from "./consts-BuFChS64.js";
-const $ = N.div`
+import { jsxs as n, jsx as i } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import _ from "./Button.js";
+import { S as c, a as C } from "./skeleton-BWFqIToC.js";
+import { k } from "./utils-BdsZgOUE.js";
+import { s as S } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as N } from "./consts-BuFChS64.js";
+const $ = S.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -74,79 +74,119 @@ const $ = N.div`
     width: 100%;
   }
 
-  @media (max-width: ${c + "px"}) {
+  & .wrapper__view-all {
+    align-self: center;
+    color: var(--neutral-600, #0f2a46);
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.25rem;
+    letter-spacing: -0.0056rem;
+
+    &:focus {
+      outline: none;
+    }
+
+    display: none;
+  }
+
+  @media (max-width: ${N + "px"}) {
+    & .wrapper__view-all {
+      display: unset;
+    }
+
     & .wrapper__heading {
       & .wrapper__title {
         & .title__action {
-          display: none;
+          &.grid {
+            display: none;
+          }
         }
       }
     }
 
     & .wrapper__cards {
-      grid-template-columns: ${(t) => `repeat(${t == null ? void 0 : t.limitCardsForMobile}, minmax(0, 1fr))`};
       gap: 1rem;
-    }
-  }
 
-  @media (max-width: 400px) {
-    & .wrapper__cards {
-      grid-template-columns: repeat(1, minmax(0, 1fr));
-      gap: 1rem;
+      ${(t) => t != null && t.gridView ? `
+            grid-template-columns: repeat(2, minmax(0, 1fr)); 
+            & > div {
+              min-width:100%;
+             max-width:100%;
+            }` : `
+            display: flex;
+            overflow-x: auto;
+
+            -webkit-overflow-scrolling: touch;
+            ::-webkit-scrollbar {
+              -webkit-appearance: none;
+            }
+
+            -ms-overflow-style: none;
+            /* Internet Explorer 10+ */
+            scrollbar-width: none;
+            /* Firefox */
+
+            &::-webkit-scrollbar {
+              display: none;
+              /* Safari and Chrome */
+            }`}
     }
   }
-`, P = v(
+`, D = d(
   ({
     title: t,
-    subtitle: o,
-    items: i,
-    limit: m = 4,
-    limitForMobile: _ = 2,
-    buttonText: g = "Show More",
-    onSelectCard: f = () => {
+    subtitle: s,
+    items: r,
+    limit: g = 4,
+    limitForMobile: h = 2,
+    buttonText: p = "Show More",
+    onSelectCard: u = () => {
     },
-    onButtonAction: a = () => {
+    onButtonAction: l = () => {
     },
-    icon: p,
-    getImage: u = () => {
+    icon: m,
+    getImage: w = () => {
     },
-    getProductImage: h = () => {
+    getProductImage: y = () => {
     },
-    hideProducts: w = !1,
-    showRating: x = !0
-  }, y) => {
-    var s;
+    hideProducts: v = !1,
+    showRating: x = !0,
+    gridView: o = !1
+  }, b) => {
+    var f;
     return /* @__PURE__ */ n(
       $,
       {
-        ref: y,
-        limitCards: m,
-        limitCardsForMobile: _,
+        ref: b,
+        limitCards: g,
+        limitCardsForMobile: h,
+        gridView: o,
         children: [
           /* @__PURE__ */ n("div", { className: "wrapper__heading", children: [
             /* @__PURE__ */ n("div", { className: "wrapper__title", children: [
               t && /* @__PURE__ */ n("div", { className: "title__text", children: [
-                S(p) && /* @__PURE__ */ r("i", { className: p }),
-                /* @__PURE__ */ r("span", { children: t })
+                k(m) && /* @__PURE__ */ i("i", { className: m }),
+                /* @__PURE__ */ i("span", { children: t })
               ] }),
-              a && /* @__PURE__ */ r(
-                C,
+              l && /* @__PURE__ */ i(
+                _,
                 {
-                  text: g,
+                  text: p,
                   color: "neutral",
                   borderRadius: "curved",
                   btnType: "tinted",
-                  className: "title__action",
-                  onClick: a
+                  className: `title__action ${o ? "grid" : ""}`,
+                  onClick: l
                 }
               )
             ] }),
-            o && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: o })
+            s && /* @__PURE__ */ i("div", { className: "wrapper__subtitle", children: s })
           ] }),
-          /* @__PURE__ */ r("div", { className: "wrapper__cards", children: i && (i == null ? void 0 : i.length) > 0 ? i == null ? void 0 : i.map((e, l) => /* @__PURE__ */ r(
-            b,
+          /* @__PURE__ */ i("div", { className: "wrapper__cards", children: r && (r == null ? void 0 : r.length) > 0 ? r == null ? void 0 : r.map((e, a) => /* @__PURE__ */ i(
+            c,
             {
-              showRating: x,
+              showRating: !x,
               uuid: e == null ? void 0 : e.uuid,
               title: e == null ? void 0 : e.name,
               subtitle: e == null ? void 0 : e.shortDescription,
@@ -154,19 +194,30 @@ const $ = N.div`
               reviewCount: e == null ? void 0 : e.reviewCount,
               products: e == null ? void 0 : e.products,
               imageComponent: e == null ? void 0 : e.imageComponent,
-              onSelectCard: () => f(e == null ? void 0 : e.uuid),
-              image: u(e == null ? void 0 : e.profileImage, e == null ? void 0 : e.uuid) || null,
-              getProductImage: h,
+              onSelectCard: () => u(e == null ? void 0 : e.uuid),
+              image: w(e == null ? void 0 : e.profileImage, e == null ? void 0 : e.uuid) || null,
+              getProductImage: y,
               canAcceptPayments: e == null ? void 0 : e.canAcceptPayments,
-              hideProducts: w
+              hideProducts: !v
             },
-            `shop-card__${l + 1}`
-          )) : (s = Array.from("1234")) == null ? void 0 : s.map((e, l) => /* @__PURE__ */ r(d, {}, `shop-card-skeleton__${l + 1}`)) })
+            `shop-card__${a + 1}`
+          )) : (f = Array.from("1234")) == null ? void 0 : f.map((e, a) => /* @__PURE__ */ i(C, {}, `shop-card-skeleton__${a + 1}`)) }),
+          o && l && /* @__PURE__ */ i(
+            _,
+            {
+              text: p,
+              borderRadius: "curved",
+              btnType: "basic",
+              color: "neutral",
+              className: "wrapper__view-all",
+              onClick: l
+            }
+          )
         ]
       }
     );
   }
 );
 export {
-  P as default
+  D as default
 };

package/dist/{index-CjQhwLEY.cjs → index-Cm0f72Po.cjs}

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),d=require("react"),i=require("./skeleton-BQd32q08.cjs"),x=require("./useDetectMobile-zkbzoOGV.cjs"),c=require("./Button.cjs"),m=require("./index-BueKsXT8.cjs"),p=d.forwardRef((o,n)=>{const{title:l,imageUrl:a,text:u,onCardClick:t,buttonText:r}=o,s=x.useDetectMobile();return e.jsxs(i.Wrapper,{ref:n,className:"blog-card",onClick:t,children:[e.jsx(m.ProductImageWrapper,{src:a}),e.jsxs(i.TextWrapper,{children:[e.jsx("div",{className:"text-wr-title",children:l}),e.jsx("div",{className:"text-wr",children:u}),s!==!0&&e.jsx(c,{type:"button",btnType:"outline",size:"medium",color:"gray",onClick:t,children:r})]}),s===!0&&e.jsx(c,{className:"action",type:"button",btnType:"outline",size:"medium",color:"gray",onClick:t,children:r})]})});exports.BlogCardLarge=p;
+"use strict";const e=require("react/jsx-runtime"),d=require("react"),i=require("./skeleton-BdbB-LdT.cjs"),x=require("./useDetectMobile-zkbzoOGV.cjs"),c=require("./Button.cjs"),m=require("./index-BueKsXT8.cjs"),p=d.forwardRef((o,n)=>{const{title:l,imageUrl:a,text:u,onCardClick:t,buttonText:r}=o,s=x.useDetectMobile();return e.jsxs(i.Wrapper,{ref:n,className:"blog-card",onClick:t,children:[e.jsx(m.ProductImageWrapper,{src:a}),e.jsxs(i.TextWrapper,{children:[e.jsx("div",{className:"text-wr-title",children:l}),e.jsx("div",{className:"text-wr",children:u}),s!==!0&&e.jsx(c,{type:"button",btnType:"outline",size:"medium",color:"gray",onClick:t,children:r})]}),s===!0&&e.jsx(c,{className:"action",type:"button",btnType:"outline",size:"medium",color:"gray",onClick:t,children:r})]})});exports.BlogCardLarge=p;

package/dist/{index-DXNlFyQ4.js → index-DGp7FHms.js}

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { W as d, T as u } from "./skeleton-B74purm7.js";
+import { W as d, T as u } from "./skeleton-CQPwIEP0.js";
 import { u as b } from "./useDetectMobile-Bkvj0VMa.js";
 import a from "./Button.js";
 import { P as f } from "./index-CF3HhgvN.js";

package/dist/{skeleton-Bil8w1A7.js → skeleton-BWFqIToC.js}

@@ -1,11 +1,12 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { forwardRef as h, useRef as L, useEffect as E, Fragment as z } from "react";
+import { forwardRef as h, useRef as L, useEffect as j, Fragment as I } from "react";
 import c from "./Icon.js";
-import { p as d, o as g, l as _ } from "./utils-BdsZgOUE.js";
+import { p as d, o as _, l as g } from "./utils-BdsZgOUE.js";
 import { D as f } from "./ShopAvatar-4-fCYGEc.js";
-import { P as D } from "./index-CF3HhgvN.js";
+import { P } from "./index-CF3HhgvN.js";
 import { s as w } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-const G = w.div`
+import { M as z } from "./consts-BuFChS64.js";
+const D = w.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -38,6 +39,10 @@ const G = w.div`
     }
   }
 
+  & .wrapper_stars {
+    display: flex;
+  }
+
   & .wrapper__info {
     display: flex;
     flex-direction: column;
@@ -129,7 +134,18 @@ const G = w.div`
       }
     }
   }
-`, P = w.div`
+
+  @media (max-width: ${z + "px"}) {
+    max-width: 10rem;
+    min-width: 10rem;
+
+    & .wrapper__content {
+      & .wrapper__image {
+        max-height: 3rem;
+      }
+    }
+  }
+`, G = w.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -155,7 +171,7 @@ const G = w.div`
       width: 4rem;
       height: 4rem;
       border-radius: 999px;
-      background-color: ${g("-90deg")};
+      background-color: ${_("-90deg")};
     }
   }
 
@@ -167,69 +183,69 @@ const G = w.div`
     width: 100%;
 
     & .wrapper__info-item {
-      background-color: ${g("-90deg")};
+      background-color: ${_("-90deg")};
       height: 1rem;
       width: 100%;
     }
   }
-`, B = h(
+`, X = h(
   ({
-    uuid: o,
-    image: m,
+    uuid: m,
+    image: o,
     imageComponent: p,
     title: x,
     subtitle: v,
     badges: b,
     rating: y,
-    reviewCount: t,
-    products: l,
+    reviewCount: l,
+    products: s,
     onSelectCard: N = () => {
     },
     getProductImage: k = () => {
     },
-    canAcceptPayments: u,
-    hideProducts: S = !1,
+    canAcceptPayments: S,
+    hideProducts: u = !1,
     showRating: $ = !0
-  }, j) => {
+  }, E) => {
     const n = L();
-    return E(() => {
-      var s;
+    return j(() => {
+      var t;
       const e = (a) => {
         a.target.src = f, a.onerror = null;
       };
-      return (s = n == null ? void 0 : n.current) == null || s.addEventListener("error", e), () => {
+      return (t = n == null ? void 0 : n.current) == null || t.addEventListener("error", e), () => {
         var a;
         (a = n == null ? void 0 : n.current) == null || a.removeEventListener("error", e);
       };
-    }, []), /* @__PURE__ */ i(G, { ref: j, onClick: N, children: [
+    }, []), /* @__PURE__ */ i(D, { ref: E, onClick: N, children: [
       /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
-        _(p) ? p : m ? /* @__PURE__ */ r("img", { ref: n, src: m, className: "wrapper__image" }) : /* @__PURE__ */ r("img", { src: f }),
+        g(p) ? p : o ? /* @__PURE__ */ r("img", { ref: n, src: o, className: "wrapper__image" }) : /* @__PURE__ */ r("img", { src: f, className: "wrapper__image" }),
         /* @__PURE__ */ i("div", { className: "wrapper__info", children: [
           /* @__PURE__ */ i("div", { className: "wrapper__title", children: [
             x,
             " ",
-            u && /* @__PURE__ */ r(c, { color: "secondary", icon: "credit-card", className: "card" })
+            S && /* @__PURE__ */ r(c, { color: "secondary", icon: "credit-card", className: "card" })
           ] }),
           /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: v }),
           b && /* @__PURE__ */ r("div", { className: "wrapper__badges" }),
           $ && /* @__PURE__ */ i("div", { className: "wrapper__rating", children: [
-            /* @__PURE__ */ r("div", { className: "wrapper_stars", children: [...Array(5).keys()].map((e, s) => /* @__PURE__ */ r(
+            /* @__PURE__ */ r("div", { className: "wrapper_stars", children: [...Array(5).keys()].map((e, t) => /* @__PURE__ */ r(
               c,
               {
                 icon: " mng-lnc-star--filled",
                 className: `wrapper__star ${e >= y ? "gold-star" : ""}`
               },
-              `shop-card-rating-star__${s + 1}`
+              `shop-card-rating-star__${t + 1}`
             )) }),
             /* @__PURE__ */ i("div", { className: "wrapper__review-count", children: [
               "(",
-              t == null ? void 0 : t.toLocaleString(),
+              l == null ? void 0 : l.toLocaleString(),
               ")"
             ] })
           ] })
         ] })
       ] }),
-      S !== !0 && /* @__PURE__ */ r("div", { className: "wrapper__products", children: l && (l == null ? void 0 : l.map((e, s) => /* @__PURE__ */ r(z, { children: /* @__PURE__ */ r(
+      u !== !0 && /* @__PURE__ */ r("div", { className: "wrapper__products", children: s && (s == null ? void 0 : s.map((e, t) => /* @__PURE__ */ r(I, { children: /* @__PURE__ */ r(
         "div",
         {
           className: "wrapper__product",
@@ -237,22 +253,22 @@ const G = w.div`
             var a;
             return (a = e == null ? void 0 : e.onSelectProduct) == null ? void 0 : a.call(e, e == null ? void 0 : e.uuid);
           },
-          children: _(e == null ? void 0 : e.imageComponent) ? e == null ? void 0 : e.imageComponent : /* @__PURE__ */ r(
-            D,
+          children: g(e == null ? void 0 : e.imageComponent) ? e == null ? void 0 : e.imageComponent : /* @__PURE__ */ r(
+            P,
             {
               src: k(
                 e == null ? void 0 : e.image,
                 e == null ? void 0 : e.uuid,
-                o
+                m
               ),
               className: "product__image"
             }
           )
         }
-      ) }, s))) })
+      ) }, t))) })
     ] });
   }
-), H = h(({}, o) => /* @__PURE__ */ r(P, { children: /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
+), Z = h(({}, m) => /* @__PURE__ */ r(G, { children: /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
   /* @__PURE__ */ r("div", { className: "wrapper__image" }),
   /* @__PURE__ */ i("div", { className: "wrapper__info", children: [
     /* @__PURE__ */ r("div", { className: "wrapper__info-item" }),
@@ -262,6 +278,6 @@ const G = w.div`
   ] })
 ] }) }));
 export {
-  B as S,
-  H as a
+  X as S,
+  Z as a
 };

package/dist/{skeleton-BQd32q08.cjs → skeleton-BdbB-LdT.cjs}

@@ -41,8 +41,8 @@
     row-gap: 1rem;
     display: grid;
     grid-template-columns: repeat(2, auto);
-    max-height: 13.25rem;
-    min-height: 13.25rem;
+    max-height: 100%;
+    min-height: 100%;
     & .action {
       grid-column: 1 / 3;
     }

package/dist/{skeleton-B74purm7.js → skeleton-CQPwIEP0.js}

@@ -46,8 +46,8 @@ const d = r.div`
     row-gap: 1rem;
     display: grid;
     grid-template-columns: repeat(2, auto);
-    max-height: 13.25rem;
-    min-height: 13.25rem;
+    max-height: 100%;
+    min-height: 100%;
     & .action {
       grid-column: 1 / 3;
     }

package/dist/{skeleton-CWPYgHom.cjs → skeleton-CanJ6Gr6.cjs}

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),t=require("react"),d=require("./Icon.cjs"),n=require("./utils-Dl9xPH4c.cjs"),_=require("./ShopAvatar-CV3lj34D.cjs"),S=require("./index-BueKsXT8.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=g.styled.div`
+"use strict";const r=require("react/jsx-runtime"),t=require("react"),d=require("./Icon.cjs"),n=require("./utils-Dl9xPH4c.cjs"),_=require("./ShopAvatar-CV3lj34D.cjs"),S=require("./index-BueKsXT8.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),q=g.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -31,6 +31,10 @@
     }
   }
 
+  & .wrapper_stars {
+    display: flex;
+  }
+
   & .wrapper__info {
     display: flex;
     flex-direction: column;
@@ -122,7 +126,18 @@
       }
     }
   }
-`,q=g.styled.div`
+
+  @media (max-width: ${k.MOBILE_SIZE_PX+"px"}) {
+    max-width: 10rem;
+    min-width: 10rem;
+
+    & .wrapper__content {
+      & .wrapper__image {
+        max-height: 3rem;
+      }
+    }
+  }
+`,$=g.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -165,4 +180,4 @@
       width: 100%;
     }
   }
-`,$=t.forwardRef(({uuid:c,image:m,imageComponent:p,title:x,subtitle:h,badges:f,rating:w,reviewCount:o,products:l,onSelectCard:v=()=>{},getProductImage:j=()=>{},canAcceptPayments:b,hideProducts:y=!1,showRating:N=!0},u)=>{const i=t.useRef();return t.useEffect(()=>{var s;const e=a=>{a.target.src=_.DefaultShopImage,a.onerror=null};return(s=i==null?void 0:i.current)==null||s.addEventListener("error",e),()=>{var a;(a=i==null?void 0:i.current)==null||a.removeEventListener("error",e)}},[]),r.jsxs(k,{ref:u,onClick:v,children:[r.jsxs("div",{className:"wrapper__content",children:[n.isDefined(p)?p:m?r.jsx("img",{ref:i,src:m,className:"wrapper__image"}):r.jsx("img",{src:_.DefaultShopImage}),r.jsxs("div",{className:"wrapper__info",children:[r.jsxs("div",{className:"wrapper__title",children:[x," ",b&&r.jsx(d,{color:"secondary",icon:"credit-card",className:"card"})]}),r.jsx("div",{className:"wrapper__subtitle",children:h}),f&&r.jsx("div",{className:"wrapper__badges"}),N&&r.jsxs("div",{className:"wrapper__rating",children:[r.jsx("div",{className:"wrapper_stars",children:[...Array(5).keys()].map((e,s)=>r.jsx(d,{icon:" mng-lnc-star--filled",className:`wrapper__star ${e>=w?"gold-star":""}`},`shop-card-rating-star__${s+1}`))}),r.jsxs("div",{className:"wrapper__review-count",children:["(",o==null?void 0:o.toLocaleString(),")"]})]})]})]}),y!==!0&&r.jsx("div",{className:"wrapper__products",children:l&&(l==null?void 0:l.map((e,s)=>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:n.isDefined(e==null?void 0:e.imageComponent)?e==null?void 0:e.imageComponent:r.jsx(S.ProductImageWrapper,{src:j(e==null?void 0:e.image,e==null?void 0:e.uuid,c),className:"product__image"})})},s)))})]})}),L=t.forwardRef(({},c)=>r.jsx(q,{children:r.jsxs("div",{className:"wrapper__content",children:[r.jsx("div",{className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__info",children:[r.jsx("div",{className:"wrapper__info-item"}),r.jsx("div",{className:"wrapper__info-item"}),r.jsx("div",{className:"wrapper__info-item"}),r.jsx("div",{className:"wrapper__info-item"})]})]})}));exports.ShopCard=$;exports.ShopCardSkeleton=L;
+`,E=t.forwardRef(({uuid:c,image:m,imageComponent:p,title:x,subtitle:h,badges:w,rating:f,reviewCount:o,products:l,onSelectCard:v=()=>{},getProductImage:j=()=>{},canAcceptPayments:b,hideProducts:y=!1,showRating:N=!0},u)=>{const i=t.useRef();return t.useEffect(()=>{var s;const e=a=>{a.target.src=_.DefaultShopImage,a.onerror=null};return(s=i==null?void 0:i.current)==null||s.addEventListener("error",e),()=>{var a;(a=i==null?void 0:i.current)==null||a.removeEventListener("error",e)}},[]),r.jsxs(q,{ref:u,onClick:v,children:[r.jsxs("div",{className:"wrapper__content",children:[n.isDefined(p)?p:m?r.jsx("img",{ref:i,src:m,className:"wrapper__image"}):r.jsx("img",{src:_.DefaultShopImage,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__info",children:[r.jsxs("div",{className:"wrapper__title",children:[x," ",b&&r.jsx(d,{color:"secondary",icon:"credit-card",className:"card"})]}),r.jsx("div",{className:"wrapper__subtitle",children:h}),w&&r.jsx("div",{className:"wrapper__badges"}),N&&r.jsxs("div",{className:"wrapper__rating",children:[r.jsx("div",{className:"wrapper_stars",children:[...Array(5).keys()].map((e,s)=>r.jsx(d,{icon:" mng-lnc-star--filled",className:`wrapper__star ${e>=f?"gold-star":""}`},`shop-card-rating-star__${s+1}`))}),r.jsxs("div",{className:"wrapper__review-count",children:["(",o==null?void 0:o.toLocaleString(),")"]})]})]})]}),y!==!0&&r.jsx("div",{className:"wrapper__products",children:l&&(l==null?void 0:l.map((e,s)=>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:n.isDefined(e==null?void 0:e.imageComponent)?e==null?void 0:e.imageComponent:r.jsx(S.ProductImageWrapper,{src:j(e==null?void 0:e.image,e==null?void 0:e.uuid,c),className:"product__image"})})},s)))})]})}),I=t.forwardRef(({},c)=>r.jsx($,{children:r.jsxs("div",{className:"wrapper__content",children:[r.jsx("div",{className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__info",children:[r.jsx("div",{className:"wrapper__info-item"}),r.jsx("div",{className:"wrapper__info-item"}),r.jsx("div",{className:"wrapper__info-item"}),r.jsx("div",{className:"wrapper__info-item"})]})]})}));exports.ShopCard=E;exports.ShopCardSkeleton=I;

package/dist/{suspense-large-DPZHjpEr.js → suspense-large-BMO7JH52.js}

@@ -1,6 +1,6 @@
 import { jsx as r, Fragment as l } from "react/jsx-runtime";
 import { Suspense as a } from "react";
-import { B as m } from "./skeleton-B74purm7.js";
+import { B as m } from "./skeleton-CQPwIEP0.js";
 const p = ({ limit: o = 2, isLoading: t = !1, keyPrefix: e }) => /* @__PURE__ */ r(l, { children: Array.from({ length: o }, (s, n) => /* @__PURE__ */ r(
   m,
   {

package/dist/{suspense-large-BX4jlU4U.cjs → suspense-large-CFmcSzX-.cjs}

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),l=require("react"),u=require("./skeleton-BQd32q08.cjs"),c=({limit:s=2,isLoading:t=!1,keyPrefix:r})=>e.jsx(e.Fragment,{children:Array.from({length:s},(o,n)=>e.jsx(u.BlogCardLargeSkeleton,{isLoading:t},`${r}-skeleton-product-card-${n}`))}),a=({children:s,fallbackComponent:t=e.jsx(e.Fragment,{}),isLoading:r=!1,limit:o,keyPrefix:n})=>e.jsx(l.Suspense,{fallbackComponent:t,children:r===!0?e.jsx(c,{isLoading:r,limit:o,keyPrefix:n}):s});exports.SuspenseBlogLarge=a;
+"use strict";const e=require("react/jsx-runtime"),l=require("react"),u=require("./skeleton-BdbB-LdT.cjs"),c=({limit:s=2,isLoading:t=!1,keyPrefix:r})=>e.jsx(e.Fragment,{children:Array.from({length:s},(o,n)=>e.jsx(u.BlogCardLargeSkeleton,{isLoading:t},`${r}-skeleton-product-card-${n}`))}),a=({children:s,fallbackComponent:t=e.jsx(e.Fragment,{}),isLoading:r=!1,limit:o,keyPrefix:n})=>e.jsx(l.Suspense,{fallbackComponent:t,children:r===!0?e.jsx(c,{isLoading:r,limit:o,keyPrefix:n}):s});exports.SuspenseBlogLarge=a;

package/package.json

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