@lanaco/lnc-react-ui 4.0.226 → 4.0.227

package/dist/ShopCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),g=require("react"),h=require("./Button.cjs"),$=require("./index-D4-_TrSn.cjs"),R=require("./utils-CITgSxXe.cjs"),f=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),p=require("./breakpoints-CcVm-gVm.cjs"),s=require("./style-Ito6YFqi.cjs"),N=f.styled.div`
+"use strict";const t=require("react/jsx-runtime"),_=require("react"),m=require("./Button.cjs"),N=require("./index-D4-_TrSn.cjs"),$=require("./utils-CITgSxXe.cjs"),g=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),u=require("./breakpoints-CcVm-gVm.cjs"),h=require("./style-CQdEALKR.cjs"),q=g.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -60,14 +60,14 @@
 
   & .wrapper__cards {
     display: grid;
-    grid-template-columns: ${r=>`repeat(${r==null?void 0:r.limitCards}, minmax(0, 1fr))`};
+    grid-template-columns: ${i=>`repeat(${i==null?void 0:i.limitCards}, minmax(0, 1fr))`};
     gap: 1.25rem;
     justify-items: center;
     align-items: center;
     width: 100%;
   }
 
-  @media ${p.down("M")} {
+  @media ${u.down("M")} {
     & .wrapper__cards {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
@@ -89,7 +89,7 @@
     display: none;
   }
 
-  @media ${p.down("S")} {
+  @media ${u.down("S")} {
     gap: 1.25rem;
 
     & .wrapper__view-all {
@@ -109,7 +109,7 @@
     & .wrapper__cards {
       gap: 1rem;
 
-      ${r=>r!=null&&r.gridView?`
+      ${i=>i!=null&&i.gridView?`
             grid-template-columns: repeat(2, minmax(0, 1fr)); 
             & > div {
               min-width:100%;
@@ -134,17 +134,4 @@
             }`}
     }
   }
-`,q=f.styled(s.SkeletonRowWrapper)`
-  @media ${p.down("S")} {
-    & > div {
-      background: linear-gradient(
-        to right,
-        transparent 0%,
-        #f4f6fb 10%,
-        #f4f6fb 100%
-      );
-
-      box-shadow: none;
-    }
-  }
-`,z=({keyPrefix:r})=>t.jsxs(q,{children:[t.jsx(s.SkeletonLinePlaceholder,{height:"18rem",borderRadius:"0.75rem"},`${r}-1`),t.jsx(s.SkeletonLinePlaceholder,{height:"18rem",borderRadius:"0.75rem"},`${r}-2`),t.jsx(s.SkeletonLinePlaceholder,{height:"18rem",borderRadius:"0.75rem"},`${r}-3`),t.jsx(s.SkeletonLinePlaceholder,{height:"18rem",borderRadius:"0.75rem"},`${r}-4`)]}),M=({keyPrefix:r,isLoading:l=!1,fallbackComponent:i=t.jsx(t.Fragment,{}),children:n})=>t.jsx(g.Suspense,{fallbackComponent:i,children:l===!0?t.jsx(z,{keyPrefix:r}):n}),P=g.forwardRef(({title:r,subtitle:l,items:i,isLoading:n=!1,limit:w=4,limitForMobile:_=2,buttonText:m="Show More",onSelectCard:x=()=>{},onButtonAction:o=()=>{},icon:u,getImage:c=()=>{},getProductImage:d=()=>{},hideProducts:b=!1,showRating:y=!0,gridView:a=!1,componentName:v,LinkComponent:j},S)=>t.jsxs(N,{ref:S,limitCards:w,limitCardsForMobile:_,gridView:a,children:[t.jsxs("div",{className:"wrapper__heading",children:[t.jsxs("div",{className:"wrapper__title",children:[r&&t.jsxs("div",{className:"title__text",children:[R.isDefinedNotEmptyString(u)&&t.jsx("i",{className:u}),t.jsx("span",{children:r})]}),o&&!n&&t.jsx(h,{text:m,color:"neutral",borderRadius:"curved",btnType:"tinted",className:`title__action ${a?"grid":""}`,onClick:o})]}),l&&t.jsx("div",{className:"wrapper__subtitle",children:l})]}),t.jsx(M,{isLoading:n,keyPrefix:"shop-cards-skeleton",children:t.jsx("div",{className:"wrapper__cards",children:i==null?void 0:i.map((e,k)=>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:(F,C)=>x(e==null?void 0:e.uuid,C),image:c(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,getProductImage:d,canAcceptPayments:e==null?void 0:e.canAcceptPayments,hideProducts:b,metadata:{name:v,accessor:e==null?void 0:e.accessor},LinkComponent:j},`shop-card__${k+1}`))})}),a&&o&&!n&&t.jsx(h,{text:m,borderRadius:"curved",btnType:"basic",color:"neutral",className:"wrapper__view-all",onClick:o})]}));module.exports=P;
+`,R=g.styled(h.SkeletonContainer)``,z=({keyPrefix:i})=>t.jsx(R,{children:[1,2,3,4].map(n=>t.jsx(h.SkeletonRect,{height:"18rem",width:"100%"},`${i}-${n}`))}),M=({keyPrefix:i,isLoading:n=!1,fallbackComponent:r=t.jsx(t.Fragment,{}),children:s})=>t.jsx(_.Suspense,{fallbackComponent:r,children:n===!0?t.jsx(z,{keyPrefix:i}):s}),F=_.forwardRef(({title:i,subtitle:n,items:r,isLoading:s=!1,limit:w=4,limitForMobile:f=2,buttonText:a="Show More",onSelectCard:x=()=>{},onButtonAction:l=()=>{},icon:p,getImage:c=()=>{},getProductImage:y=()=>{},hideProducts:v=!1,showRating:d=!0,gridView:o=!1,componentName:b,LinkComponent:j},C)=>t.jsxs(q,{ref:C,limitCards:w,limitCardsForMobile:f,gridView:o,children:[t.jsxs("div",{className:"wrapper__heading",children:[t.jsxs("div",{className:"wrapper__title",children:[i&&t.jsxs("div",{className:"title__text",children:[$.isDefinedNotEmptyString(p)&&t.jsx("i",{className:p}),t.jsx("span",{children:i})]}),l&&!s&&t.jsx(m,{text:a,color:"neutral",borderRadius:"curved",btnType:"tinted",className:`title__action ${o?"grid":""}`,onClick:l})]}),n&&t.jsx("div",{className:"wrapper__subtitle",children:n})]}),t.jsx(M,{isLoading:s,keyPrefix:"shop-cards-skeleton",children:t.jsx("div",{className:"wrapper__cards",children:r==null?void 0:r.map((e,S)=>t.jsx(N.ShopCard,{showRating:d,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:(P,k)=>x(e==null?void 0:e.uuid,k),image:c(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,getProductImage:y,canAcceptPayments:e==null?void 0:e.canAcceptPayments,hideProducts:v,metadata:{name:b,accessor:e==null?void 0:e.accessor},LinkComponent:j},`shop-card__${S+1}`))})}),o&&l&&!s&&t.jsx(m,{text:a,borderRadius:"curved",btnType:"basic",color:"neutral",className:"wrapper__view-all",onClick:l})]}));module.exports=F;

package/dist/ShopCardsSection.js

@@ -1,12 +1,12 @@
-import { jsxs as l, jsx as r, Fragment as N } from "react/jsx-runtime";
-import { Suspense as R, forwardRef as j } from "react";
-import u from "./Button.js";
+import { jsx as i, Fragment as N, jsxs as a } from "react/jsx-runtime";
+import { Suspense as $, forwardRef as j } from "react";
+import f from "./Button.js";
 import { S as z } from "./index-Dx2hfxCG.js";
 import { l as M } from "./utils-MoGhNMmj.js";
 import { s as g } from "./emotion-styled.browser.esm-DfbrHHed.js";
-import { d as m } from "./breakpoints-BubDitvo.js";
-import { S as F, a as s } from "./style-DvkivBNg.js";
-const D = g.div`
+import { d as u } from "./breakpoints-BubDitvo.js";
+import { c as R, a as F } from "./style-BFPpppS9.js";
+const P = g.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -75,7 +75,7 @@ const D = g.div`
     width: 100%;
   }
 
-  @media ${m("M")} {
+  @media ${u("M")} {
     & .wrapper__cards {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
@@ -97,7 +97,7 @@ const D = g.div`
     display: none;
   }
 
-  @media ${m("S")} {
+  @media ${u("S")} {
     gap: 1.25rem;
 
     & .wrapper__view-all {
@@ -142,117 +142,71 @@ const D = g.div`
             }`}
     }
   }
-`, E = g(F)`
-  @media ${m("S")} {
-    & > div {
-      background: linear-gradient(
-        to right,
-        transparent 0%,
-        #f4f6fb 10%,
-        #f4f6fb 100%
-      );
-
-      box-shadow: none;
-    }
-  }
-`, I = ({ keyPrefix: t }) => /* @__PURE__ */ l(E, { children: [
-  /* @__PURE__ */ r(
-    s,
-    {
-      height: "18rem",
-      borderRadius: "0.75rem"
-    },
-    `${t}-1`
-  ),
-  /* @__PURE__ */ r(
-    s,
-    {
-      height: "18rem",
-      borderRadius: "0.75rem"
-    },
-    `${t}-2`
-  ),
-  /* @__PURE__ */ r(
-    s,
-    {
-      height: "18rem",
-      borderRadius: "0.75rem"
-    },
-    `${t}-3`
-  ),
-  /* @__PURE__ */ r(
-    s,
-    {
-      height: "18rem",
-      borderRadius: "0.75rem"
-    },
-    `${t}-4`
-  )
-] }), W = ({
+`, D = g(R)``, E = ({ keyPrefix: t }) => /* @__PURE__ */ i(D, { children: [1, 2, 3, 4].map((r) => /* @__PURE__ */ i(F, { height: "18rem", width: "100%" }, `${t}-${r}`)) }), I = ({
   keyPrefix: t,
-  isLoading: o = !1,
-  fallbackComponent: i = /* @__PURE__ */ r(N, {}),
+  isLoading: r = !1,
+  fallbackComponent: l = /* @__PURE__ */ i(N, {}),
   children: n
-}) => /* @__PURE__ */ r(R, { fallbackComponent: i, children: o === !0 ? /* @__PURE__ */ r(I, { keyPrefix: t }) : n }), Q = j(
+}) => /* @__PURE__ */ i($, { fallbackComponent: l, children: r === !0 ? /* @__PURE__ */ i(E, { keyPrefix: t }) : n }), Q = j(
   ({
     title: t,
-    subtitle: o,
-    items: i,
+    subtitle: r,
+    items: l,
     isLoading: n = !1,
-    limit: w = 4,
+    limit: h = 4,
     limitForMobile: _ = 2,
-    buttonText: f = "Show More",
-    onSelectCard: d = () => {
+    buttonText: p = "Show More",
+    onSelectCard: w = () => {
     },
-    onButtonAction: a = () => {
+    onButtonAction: o = () => {
     },
-    icon: h,
-    getImage: b = () => {
+    icon: m,
+    getImage: c = () => {
     },
-    getProductImage: c = () => {
+    getProductImage: y = () => {
     },
     hideProducts: v = !1,
-    showRating: y = !0,
-    gridView: p = !1,
-    componentName: x,
-    LinkComponent: S
-  }, C) => /* @__PURE__ */ l(
-    D,
+    showRating: x = !0,
+    gridView: s = !1,
+    componentName: d,
+    LinkComponent: b
+  }, C) => /* @__PURE__ */ a(
+    P,
     {
       ref: C,
-      limitCards: w,
+      limitCards: h,
       limitCardsForMobile: _,
-      gridView: p,
+      gridView: s,
       children: [
-        /* @__PURE__ */ l("div", { className: "wrapper__heading", children: [
-          /* @__PURE__ */ l("div", { className: "wrapper__title", children: [
-            t && /* @__PURE__ */ l("div", { className: "title__text", children: [
-              M(h) && /* @__PURE__ */ r("i", { className: h }),
-              /* @__PURE__ */ r("span", { children: t })
+        /* @__PURE__ */ a("div", { className: "wrapper__heading", children: [
+          /* @__PURE__ */ a("div", { className: "wrapper__title", children: [
+            t && /* @__PURE__ */ a("div", { className: "title__text", children: [
+              M(m) && /* @__PURE__ */ i("i", { className: m }),
+              /* @__PURE__ */ i("span", { children: t })
             ] }),
-            a && !n && /* @__PURE__ */ r(
-              u,
+            o && !n && /* @__PURE__ */ i(
+              f,
               {
-                text: f,
+                text: p,
                 color: "neutral",
                 borderRadius: "curved",
                 btnType: "tinted",
-                className: `title__action ${p ? "grid" : ""}`,
-                onClick: a
+                className: `title__action ${s ? "grid" : ""}`,
+                onClick: o
               }
             )
           ] }),
-          o && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: o })
+          r && /* @__PURE__ */ i("div", { className: "wrapper__subtitle", children: r })
         ] }),
-        /* @__PURE__ */ r(
-          W,
+        /* @__PURE__ */ i(
+          I,
           {
             isLoading: n,
             keyPrefix: "shop-cards-skeleton",
-            children: /* @__PURE__ */ r("div", { className: "wrapper__cards", children: i == null ? void 0 : i.map((e, k) => /* @__PURE__ */ r(
+            children: /* @__PURE__ */ i("div", { className: "wrapper__cards", children: l == null ? void 0 : l.map((e, S) => /* @__PURE__ */ i(
               z,
               {
-                showRating: y,
+                showRating: x,
                 uuid: e == null ? void 0 : e.uuid,
                 title: e == null ? void 0 : e.name,
                 subtitle: e == null ? void 0 : e.shortDescription,
@@ -260,27 +214,27 @@ const D = g.div`
                 reviewCount: e == null ? void 0 : e.reviewCount,
                 products: e == null ? void 0 : e.products,
                 imageComponent: e == null ? void 0 : e.imageComponent,
-                onSelectCard: (P, $) => d(e == null ? void 0 : e.uuid, $),
-                image: b(e == null ? void 0 : e.profileImage, e == null ? void 0 : e.uuid) || null,
-                getProductImage: c,
+                onSelectCard: (T, k) => w(e == null ? void 0 : e.uuid, k),
+                image: c(e == null ? void 0 : e.profileImage, e == null ? void 0 : e.uuid) || null,
+                getProductImage: y,
                 canAcceptPayments: e == null ? void 0 : e.canAcceptPayments,
                 hideProducts: v,
-                metadata: { name: x, accessor: e == null ? void 0 : e.accessor },
-                LinkComponent: S
+                metadata: { name: d, accessor: e == null ? void 0 : e.accessor },
+                LinkComponent: b
               },
-              `shop-card__${k + 1}`
+              `shop-card__${S + 1}`
             )) })
           }
         ),
-        p && a && !n && /* @__PURE__ */ r(
-          u,
+        s && o && !n && /* @__PURE__ */ i(
+          f,
           {
-            text: f,
+            text: p,
             borderRadius: "curved",
             btnType: "basic",
             color: "neutral",
             className: "wrapper__view-all",
-            onClick: a
+            onClick: o
           }
         )
       ]

package/dist/SimpleCategoriesSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),a=require("react"),b=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),m=require("./breakpoints-CcVm-gVm.cjs"),y=require("./useDetectMobile-DYV6V1yw.cjs"),u=require("./utils-CITgSxXe.cjs"),N=require("./style-Boz6dk5s.cjs"),v=require("./Button.cjs"),R=require("./CategorySimpleCard-lIdzBNDa.cjs"),o=require("./style-Ito6YFqi.cjs"),_=b.styled.div`
+"use strict";const t=require("react/jsx-runtime"),c=require("react"),f=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),m=require("./breakpoints-CcVm-gVm.cjs"),C=require("./useDetectMobile-DYV6V1yw.cjs"),d=require("./utils-CITgSxXe.cjs"),v=require("./style-Boz6dk5s.cjs"),z=require("./Button.cjs"),N=require("./CategorySimpleCard-lIdzBNDa.cjs"),r=require("./style-CQdEALKR.cjs"),$=f.styled.div`
   display: grid;
   grid-template-columns: ${()=>"repeat(6,  minmax(0, 1fr))"};
   gap: 2rem;
@@ -26,10 +26,10 @@
       /* Safari and Chrome */
     }
   }
-`,f=b.styled(o.SkeletonColumnWrapper)`
+`,M=f.styled(r.SkeletonAnimationColumnContainer)`
   @media ${m.down("S")} {
     & .skeleton__cards {
       overflow-x: hidden;
     }
   }
-`,M=({keyPrefix:t})=>r.jsxs(f,{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`)]})})]}),W=({keyPrefix:t,isLoading:c=!1,fallbackComponent:i=r.jsx(r.Fragment,{}),children:d})=>r.jsx(a.Suspense,{fallbackComponent:i,children:c===!0?r.jsx(M,{keyPrefix:t}):d}),k=a.memo(R.CategorySimpleCard),D=a.forwardRef((t,c)=>{const{icon:i,title:d="Shop by category",items:n,buttonText:h="Shop now",buttonLink:S,limit:p=12,onButtonAction:w=()=>{},onSelectCard:l=()=>{},isLoading:g=!1,getImage:j=()=>{},LinkComponent:q}=t,$=y.useDetectMobile(),C=a.useMemo(()=>r.jsx(r.Fragment,{children:$===!0?n==null?void 0:n.map((e,s)=>r.jsx(k,{uuid:e==null?void 0:e.uuid,image:j(e==null?void 0:e.image)||null,name:e==null?void 0:e.name,code:e==null?void 0:e.code,onSelectCard:()=>l==null?void 0:l(e==null?void 0:e.uuid),LinkComponent:q,...e},s)):n==null?void 0:n.slice(0,p).map((e,s)=>r.jsx(k,{uuid:e==null?void 0:e.uuid,image:j(e==null?void 0:e.image)||null,name:e==null?void 0:e.name,code:e==null?void 0:e.code,onSelectCard:()=>l==null?void 0:l(e==null?void 0:e.uuid),LinkComponent:q,...e},s))}),[n]);return r.jsxs(N.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(h)&&u.isDefinedNotEmptyString(S)&&!g&&r.jsx(v,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var s;(s=e==null?void 0:e.target)==null||s.blur(),w(S)},borderRadius:"curved",className:"button-link",children:h})]}),r.jsx(W,{isLoading:g,keyPrefix:"simple-categories-skeleton",children:r.jsx(_,{limit:p,children:C})})]})});module.exports=D;
+`,_=({keyPrefix:s})=>t.jsx(M,{children:[1,2].map(l=>t.jsxs(r.SkeletonContainer,{className:"skeleton__cards",children:[t.jsx(r.SkeletonSquare,{size:"8.25rem"}),t.jsx(r.SkeletonSquare,{size:"8.25rem"}),t.jsx(r.SkeletonSquare,{size:"8.25rem"}),t.jsx(r.SkeletonSquare,{size:"8.25rem"}),t.jsx(r.SkeletonSquare,{size:"8.25rem"}),t.jsx(r.SkeletonSquare,{size:"8.25rem"})]},`${s}-${l}`))}),D=({keyPrefix:s,isLoading:l=!1,fallbackComponent:a=t.jsx(t.Fragment,{}),children:u})=>t.jsx(c.Suspense,{fallbackComponent:a,children:l===!0?t.jsx(_,{keyPrefix:s}):u}),y=c.memo(N.CategorySimpleCard),R=c.forwardRef((s,l)=>{const{icon:a,title:u="Shop by category",items:n,buttonText:p="Shop now",buttonLink:S,limit:g=12,onButtonAction:h=()=>{},onSelectCard:i=()=>{},isLoading:j=!1,getImage:k=()=>{},LinkComponent:b}=s,q=C.useDetectMobile(),w=c.useMemo(()=>t.jsx(t.Fragment,{children:q===!0?n==null?void 0:n.map((e,o)=>t.jsx(y,{uuid:e==null?void 0:e.uuid,image:k(e==null?void 0:e.image)||null,name:e==null?void 0:e.name,code:e==null?void 0:e.code,onSelectCard:()=>i==null?void 0:i(e==null?void 0:e.uuid),LinkComponent:b,...e},o)):n==null?void 0:n.slice(0,g).map((e,o)=>t.jsx(y,{uuid:e==null?void 0:e.uuid,image:k(e==null?void 0:e.image)||null,name:e==null?void 0:e.name,code:e==null?void 0:e.code,onSelectCard:()=>i==null?void 0:i(e==null?void 0:e.uuid),LinkComponent:b,...e},o))}),[n]);return t.jsxs(v.RegulatTitleSectionWrapper,{ref:l,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[d.isDefinedNotEmptyString(a)&&t.jsx("i",{className:a}),t.jsx("span",{children:u})]}),d.isDefinedNotEmptyString(p)&&d.isDefinedNotEmptyString(S)&&!j&&t.jsx(z,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var o;(o=e==null?void 0:e.target)==null||o.blur(),h(S)},borderRadius:"curved",className:"button-link",children:p})]}),t.jsx(D,{isLoading:j,keyPrefix:"simple-categories-skeleton",children:t.jsx($,{limit:g,children:w})})]})});module.exports=R;

package/dist/SimpleCategoriesSection.js

@@ -1,14 +1,14 @@
-import { jsxs as l, jsx as r, Fragment as C } from "react/jsx-runtime";
-import { Suspense as M, memo as R, forwardRef as W, useMemo as L } from "react";
-import { s as v } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { jsx as r, jsxs as m, Fragment as C } from "react/jsx-runtime";
+import { Suspense as N, memo as $, forwardRef as M, useMemo as R } from "react";
+import { s as y } from "./emotion-styled.browser.esm-DfbrHHed.js";
 import { d as u } from "./breakpoints-BubDitvo.js";
-import { u as T } from "./useDetectMobile-B0Jog4jQ.js";
+import { u as _ } from "./useDetectMobile-B0Jog4jQ.js";
 import { l as c } from "./utils-MoGhNMmj.js";
-import { R as j } from "./style-D54KOzZj.js";
-import y from "./Button.js";
-import { C as z } from "./CategorySimpleCard-TJRJ_2Sb.js";
-import { b as B, S as p, c as o } from "./style-DvkivBNg.js";
-const D = v.div`
+import { R as L } from "./style-D54KOzZj.js";
+import T from "./Button.js";
+import { C as j } from "./CategorySimpleCard-TJRJ_2Sb.js";
+import { b as A, c as B, d as n } from "./style-BFPpppS9.js";
+const D = y.div`
   display: grid;
   grid-template-columns: ${() => "repeat(6,  minmax(0, 1fr))"};
   gap: 2rem;
@@ -36,107 +36,104 @@ const D = v.div`
       /* Safari and Chrome */
     }
   }
-`, E = v(B)`
+`, E = y(A)`
   @media ${u("S")} {
     & .skeleton__cards {
       overflow-x: hidden;
     }
   }
-`, F = ({ keyPrefix: t }) => /* @__PURE__ */ l(E, { children: [
-  /* @__PURE__ */ l(p, { className: "skeleton__cards", children: [
-    /* @__PURE__ */ r(o, { height: "8.25rem" }, `${t}-1`),
-    /* @__PURE__ */ r(o, { height: "8.25rem" }, `${t}-2`),
-    /* @__PURE__ */ r(o, { height: "8.25rem" }, `${t}-3`),
-    /* @__PURE__ */ r(o, { height: "8.25rem" }, `${t}-4`),
-    /* @__PURE__ */ r(o, { height: "8.25rem" }, `${t}-5`),
-    /* @__PURE__ */ r(o, { height: "8.25rem" }, `${t}-6`)
-  ] }),
-  /* @__PURE__ */ r(p, { children: /* @__PURE__ */ l(p, { className: "skeleton__cards", children: [
-    /* @__PURE__ */ r(o, { height: "8.25rem" }, `${t}-7`),
-    /* @__PURE__ */ r(o, { height: "8.25rem" }, `${t}-8`),
-    /* @__PURE__ */ r(o, { height: "8.25rem" }, `${t}-9`),
-    /* @__PURE__ */ r(o, { height: "8.25rem" }, `${t}-10`),
-    /* @__PURE__ */ r(o, { height: "8.25rem" }, `${t}-11`),
-    /* @__PURE__ */ r(o, { height: "8.25rem" }, `${t}-12`)
-  ] }) })
-] }), I = ({
-  keyPrefix: t,
-  isLoading: s = !1,
-  fallbackComponent: m = /* @__PURE__ */ r(C, {}),
+`, F = ({ keyPrefix: a }) => /* @__PURE__ */ r(E, { children: [1, 2].map((l) => /* @__PURE__ */ m(
+  B,
+  {
+    className: "skeleton__cards",
+    children: [
+      /* @__PURE__ */ r(n, { size: "8.25rem" }),
+      /* @__PURE__ */ r(n, { size: "8.25rem" }),
+      /* @__PURE__ */ r(n, { size: "8.25rem" }),
+      /* @__PURE__ */ r(n, { size: "8.25rem" }),
+      /* @__PURE__ */ r(n, { size: "8.25rem" }),
+      /* @__PURE__ */ r(n, { size: "8.25rem" })
+    ]
+  },
+  `${a}-${l}`
+)) }), I = ({
+  keyPrefix: a,
+  isLoading: l = !1,
+  fallbackComponent: s = /* @__PURE__ */ r(C, {}),
   children: d
-}) => /* @__PURE__ */ r(M, { fallbackComponent: m, children: s === !0 ? /* @__PURE__ */ r(F, { keyPrefix: t }) : d }), w = R(z), X = W((t, s) => {
+}) => /* @__PURE__ */ r(N, { fallbackComponent: s, children: l === !0 ? /* @__PURE__ */ r(F, { keyPrefix: a }) : d }), k = $(j), V = M((a, l) => {
   const {
-    icon: m,
+    icon: s,
     title: d = "Shop by category",
-    items: i,
-    buttonText: h = "Shop now",
-    buttonLink: g,
-    limit: S = 12,
-    onButtonAction: k = () => {
+    items: o,
+    buttonText: p = "Shop now",
+    buttonLink: f,
+    limit: g = 12,
+    onButtonAction: w = () => {
     },
-    onSelectCard: n = () => {
+    onSelectCard: t = () => {
     },
-    isLoading: b = !1,
-    getImage: $ = () => {
+    isLoading: S = !1,
+    getImage: b = () => {
     },
-    LinkComponent: f
-  } = t, N = T(), _ = L(() => /* @__PURE__ */ r(C, { children: N === !0 ? i == null ? void 0 : i.map((e, a) => /* @__PURE__ */ r(
-    w,
+    LinkComponent: h
+  } = a, v = _(), z = R(() => /* @__PURE__ */ r(C, { children: v === !0 ? o == null ? void 0 : o.map((e, i) => /* @__PURE__ */ r(
+    k,
     {
       uuid: e == null ? void 0 : e.uuid,
-      image: $(e == null ? void 0 : e.image) || null,
+      image: b(e == null ? void 0 : e.image) || null,
       name: e == null ? void 0 : e.name,
       code: e == null ? void 0 : e.code,
-      onSelectCard: () => n == null ? void 0 : n(e == null ? void 0 : e.uuid),
-      LinkComponent: f,
+      onSelectCard: () => t == null ? void 0 : t(e == null ? void 0 : e.uuid),
+      LinkComponent: h,
       ...e
     },
-    a
-  )) : i == null ? void 0 : i.slice(0, S).map((e, a) => /* @__PURE__ */ r(
-    w,
+    i
+  )) : o == null ? void 0 : o.slice(0, g).map((e, i) => /* @__PURE__ */ r(
+    k,
     {
       uuid: e == null ? void 0 : e.uuid,
-      image: $(e == null ? void 0 : e.image) || null,
+      image: b(e == null ? void 0 : e.image) || null,
       name: e == null ? void 0 : e.name,
       code: e == null ? void 0 : e.code,
-      onSelectCard: () => n == null ? void 0 : n(e == null ? void 0 : e.uuid),
-      LinkComponent: f,
+      onSelectCard: () => t == null ? void 0 : t(e == null ? void 0 : e.uuid),
+      LinkComponent: h,
       ...e
     },
-    a
-  )) }), [i]);
-  return /* @__PURE__ */ l(j, { ref: s, children: [
-    /* @__PURE__ */ l("div", { className: "regular-title", children: [
-      /* @__PURE__ */ l("div", { className: "regular-title-text", children: [
-        c(m) && /* @__PURE__ */ r("i", { className: m }),
+    i
+  )) }), [o]);
+  return /* @__PURE__ */ m(L, { ref: l, children: [
+    /* @__PURE__ */ m("div", { className: "regular-title", children: [
+      /* @__PURE__ */ m("div", { className: "regular-title-text", children: [
+        c(s) && /* @__PURE__ */ r("i", { className: s }),
         /* @__PURE__ */ r("span", { children: d })
       ] }),
-      c(h) && c(g) && !b && /* @__PURE__ */ r(
-        y,
+      c(p) && c(f) && !S && /* @__PURE__ */ r(
+        T,
         {
           type: "button",
           btnType: "tinted",
           color: "neutral",
           onClick: (e) => {
-            var a;
-            (a = e == null ? void 0 : e.target) == null || a.blur(), k(g);
+            var i;
+            (i = e == null ? void 0 : e.target) == null || i.blur(), w(f);
           },
           borderRadius: "curved",
           className: "button-link",
-          children: h
+          children: p
         }
       )
     ] }),
     /* @__PURE__ */ r(
       I,
       {
-        isLoading: b,
+        isLoading: S,
         keyPrefix: "simple-categories-skeleton",
-        children: /* @__PURE__ */ r(D, { limit: S, children: _ })
+        children: /* @__PURE__ */ r(D, { limit: g, children: z })
       }
     )
   ] });
 });
 export {
-  X as default
+  V as default
 };

package/dist/SimpleProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),s=require("react"),q=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),l=require("./breakpoints-CcVm-gVm.cjs"),y=require("./useDetectMobile-DYV6V1yw.cjs"),M=require("./index-BkztbBWe.cjs"),F=require("./index-DgUNsgfF.cjs"),i=require("./style-Ito6YFqi.cjs"),U=q.styled.div`
+"use strict";const t=require("react/jsx-runtime"),l=require("react"),j=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),s=require("./breakpoints-CcVm-gVm.cjs"),P=require("./useDetectMobile-DYV6V1yw.cjs"),$=require("./index-BkztbBWe.cjs"),F=require("./index-DgUNsgfF.cjs"),i=require("./style-CQdEALKR.cjs"),U=j.styled.div`
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   gap: 1.25rem;
@@ -10,7 +10,7 @@
   }
 
   /* Tablet (768–1024px) – text 3/4 left, 1 card top-right, 4 equal product cols below */
-  @media ${l.down("M")} {
+  @media ${s.down("M")} {
     grid-template-columns: repeat(4, 1fr);
     grid-template-rows: auto;
 
@@ -34,7 +34,7 @@
   }
 
   /* Mobile (≤767px) – title full width above, 2-col product grid below */
-  @media ${l.down("S")} {
+  @media ${s.down("S")} {
     grid-template-columns: repeat(2, 1fr);
     gap: 1rem;
 
@@ -57,12 +57,12 @@
   }
 
   /* Small phones (≤480px) – single column */
-  @media ${l.down("XS")} {
+  @media ${s.down("XS")} {
     grid-template-columns: 1fr;
     gap: 0.75rem;
   }
-`,C=q.styled(i.SkeletonColumnWrapper)`
-  @media ${l.down("S")} {
+`,_=j.styled(i.SkeletonAnimationColumnContainer)`
+  @media ${s.down("S")} {
     & .skeleton__cards {
       & > div {
         width: 100%;
@@ -74,4 +74,4 @@
       }
     }
   }
-`,R=({keyPrefix:r})=>t.jsxs(C,{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:a=t.jsx(t.Fragment,{}),children:d})=>t.jsx(s.Suspense,{fallbackComponent:a,children:n===!0?t.jsx(R,{keyPrefix:r}):d}),k=s.memo(M.SimpleProductCard),L=s.forwardRef((r,n)=>{const{title:a,subtitle:d,description:$,buttonText:f,buttonLink:v,items:o,onButtonAction:N=()=>{},isLoading:P=!1,limit:u=6,getImage:m=()=>{},negotiableText:h,freeText:p,componentName:g,LinkComponent:S}=r,w=y.useDetectMobile(),_=s.useMemo(()=>{var j,b;return t.jsx(t.Fragment,{children:w===!0?(j=o==null?void 0:o.slice(0,4))==null?void 0:j.map((e,c)=>t.jsx(k,{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:m(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:h,freeText:p,metadata:{name:g,accessor:e==null?void 0:e.accessor},LinkComponent:S},c)):(b=o==null?void 0:o.slice(0,9))==null?void 0:b.map((e,c)=>t.jsx(k,{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:m(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:h,freeText:p,metadata:{name:g,accessor:e==null?void 0:e.accessor},LinkComponent:S},c))})},[o,w,u]);return t.jsx(T,{isLoading:P,keyPrefix:"simple-products-skeleton",children:t.jsxs(U,{ref:n,limit:u,children:[t.jsx(F.TextBlockV1,{subtitle:d,title:a,description:$,buttonText:f,buttonLink:v,onButtonAction:N,className:"text-block-v1"}),_]})})});module.exports=L;
+`,z=({keyPrefix:o})=>t.jsx(_,{children:[1,2].map(n=>t.jsxs(i.SkeletonContainer,{className:"skeleton__cards",children:[t.jsx(i.SkeletonRect,{width:"100%",height:"11.125rem"}),t.jsx(i.SkeletonSquare,{size:"11.125rem"}),t.jsx(i.SkeletonSquare,{size:"11.125rem"}),t.jsx(i.SkeletonSquare,{size:"11.125rem"})]},`${o}-${n}`))}),T=({keyPrefix:o,isLoading:n=!1,fallbackComponent:a=t.jsx(t.Fragment,{}),children:c})=>t.jsx(l.Suspense,{fallbackComponent:a,children:n===!0?t.jsx(z,{keyPrefix:o}):c}),k=l.memo($.SimpleProductCard),R=l.forwardRef((o,n)=>{const{title:a,subtitle:c,description:y,buttonText:q,buttonLink:v,items:r,onButtonAction:C=()=>{},isLoading:M=!1,limit:d=6,getImage:m=()=>{},negotiableText:p,freeText:g,componentName:h,LinkComponent:S}=o,w=P.useDetectMobile(),N=l.useMemo(()=>{var b,f;return t.jsx(t.Fragment,{children:w===!0?(b=r==null?void 0:r.slice(0,4))==null?void 0:b.map((e,u)=>t.jsx(k,{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:m(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:h,accessor:e==null?void 0:e.accessor},LinkComponent:S},u)):(f=r==null?void 0:r.slice(0,9))==null?void 0:f.map((e,u)=>t.jsx(k,{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:m(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:h,accessor:e==null?void 0:e.accessor},LinkComponent:S},u))})},[r,w,d]);return t.jsx(T,{isLoading:M,keyPrefix:"simple-products-skeleton",children:t.jsxs(U,{ref:n,limit:d,children:[t.jsx(F.TextBlockV1,{subtitle:c,title:a,description:y,buttonText:q,buttonLink:v,onButtonAction:C,className:"text-block-v1"}),N]})})});module.exports=R;