@lanaco/lnc-react-ui 4.0.186 → 4.0.189

package/dist/BlogsSectionWithFilters.js

@@ -1,24 +1,24 @@
-import { jsxs as n, jsx as t, Fragment as y } from "react/jsx-runtime";
-import { forwardRef as B, useRef as F, Suspense as O, memo as j, useMemo as A } from "react";
-import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as v } from "./consts-BuFChS64.js";
-import { u as E } from "./useDetectMobile-Bkvj0VMa.js";
-import { o as U, k as S } from "./utils-Dc5zIpaz.js";
-import { T as D } from "./style-C7FUSHmS.js";
-import K from "./Button.js";
-import G from "./Link.js";
-import { P as H } from "./index-C_NnINik.js";
-import { S as P } from "./index-BGiZlEQt.js";
-import { S as X, a as N, b as s } from "./style-CXMUA6cI.js";
-const Z = f.div`
+import { jsxs as a, jsx as t, Fragment as _ } from "react/jsx-runtime";
+import { forwardRef as L, useRef as O, Suspense as j, memo as A, useMemo as E } from "react";
+import { s as w } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as $ } from "./consts-BuFChS64.js";
+import { u as U } from "./useDetectMobile-Bkvj0VMa.js";
+import { o as D, k as C } from "./utils-Dc5zIpaz.js";
+import { T as K } from "./style-C7FUSHmS.js";
+import G from "./Button.js";
+import H from "./Link.js";
+import { P } from "./index-C_NnINik.js";
+import { S as X } from "./index-BGiZlEQt.js";
+import { S as Z, a as y, b as s } from "./style-CXMUA6cI.js";
+const q = w.div`
   display: grid;
   grid-template-columns: ${(r) => `repeat(${r.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${v + "px"}) {
+  @media (max-width: ${$ + "px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`, q = f.a`
+`, J = w.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -51,9 +51,9 @@ const Z = f.div`
     margin-top: auto;
   }
 
-  @media (max-width: ${v + "px"}) {
+  @media (max-width: ${$ + "px"}) {
   }
-`, J = f.div`
+`, Q = w.div`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -68,33 +68,44 @@ const Z = f.div`
     font-weight: 400;
     font-size: 0.875rem;
     color: var(--gray-700, #4e555f);
-    ${U(3)}
+    ${D(3)}
   }
-`, Q = B((r, p) => {
-  const { title: l, imageUrl: d, text: a, buttonText: h, onCardClick: m, metadata: o, link: b } = r, u = F(), c = (g) => {
-    m(g, u);
+`, V = L((r, h) => {
+  const {
+    title: l,
+    imageUrl: m,
+    text: n,
+    buttonText: u,
+    onCardClick: c,
+    metadata: o,
+    link: d,
+    LinkComponent: g
+  } = r, f = g || "a", p = O(), b = (k) => {
+    c(k, p);
   };
-  return /* @__PURE__ */ n(
-    q,
+  return /* @__PURE__ */ a(
+    J,
     {
-      ref: u,
+      ref: p,
       name: o == null ? void 0 : o.name,
       "data-accessor": o == null ? void 0 : o.accessor,
       className: "blog-card",
-      onClick: c,
-      href: `/${b}`,
+      onClick: b,
+      to: `/${d}`,
+      as: f,
+      ...g ? { to: `/${d}` } : { href: `/${d}` },
       children: [
-        /* @__PURE__ */ n(J, { children: [
+        /* @__PURE__ */ a(Q, { children: [
           /* @__PURE__ */ t("div", { className: "text-wr-title", children: l }),
-          /* @__PURE__ */ t("div", { className: "text-wr", children: a }),
-          /* @__PURE__ */ t(G, { color: "gray", onClick: c, children: h })
+          /* @__PURE__ */ t("div", { className: "text-wr", children: n }),
+          /* @__PURE__ */ t(H, { color: "gray", onClick: b, children: u })
         ] }),
-        /* @__PURE__ */ t(H, { src: d })
+        /* @__PURE__ */ t(P, { src: m })
       ]
     }
   );
-}), V = f(X)`
-  @media (max-width: ${v + "px"}) {
+}), Y = w(Z)`
+  @media (max-width: ${$ + "px"}) {
     & .skeleton__tags {
       & > div {
         width: 100%;
@@ -116,8 +127,8 @@ const Z = f.div`
       }
     }
   }
-`, Y = ({ keyPrefix: r }) => /* @__PURE__ */ n(V, { children: [
-  /* @__PURE__ */ n(N, { className: "skeleton__tags", children: [
+`, x = ({ keyPrefix: r }) => /* @__PURE__ */ a(Y, { children: [
+  /* @__PURE__ */ a(y, { className: "skeleton__tags", children: [
     /* @__PURE__ */ t(
       s,
       {
@@ -146,7 +157,7 @@ const Z = f.div`
       `${r}-3`
     )
   ] }),
-  /* @__PURE__ */ n(N, { className: "skeleton__cards", children: [
+  /* @__PURE__ */ a(y, { className: "skeleton__cards", children: [
     /* @__PURE__ */ t(
       s,
       {
@@ -172,100 +183,103 @@ const Z = f.div`
       `${r}-6`
     )
   ] })
-] }), x = ({
+] }), ee = ({
   keyPrefix: r,
-  isLoading: p = !1,
-  fallbackComponent: l = /* @__PURE__ */ t(y, {}),
-  children: d
-}) => /* @__PURE__ */ t(O, { fallbackComponent: l, children: p === !0 ? /* @__PURE__ */ t(Y, { keyPrefix: r }) : d }), W = j(Q), pe = B((r, p) => {
+  isLoading: h = !1,
+  fallbackComponent: l = /* @__PURE__ */ t(_, {}),
+  children: m
+}) => /* @__PURE__ */ t(j, { fallbackComponent: l, children: h === !0 ? /* @__PURE__ */ t(x, { keyPrefix: r }) : m }), B = A(V), he = L((r, h) => {
   const {
     icon: l,
-    title: d,
-    items: a,
-    buttonText: h,
-    limit: m = 3,
+    title: m,
+    items: n,
+    buttonText: u,
+    limit: c = 3,
     options: o,
-    selectedOption: b = [],
-    onButtonAction: u = () => {
+    selectedOption: d = [],
+    onButtonAction: g = () => {
     },
-    buttonLink: c,
-    onSelectOption: g = () => {
+    buttonLink: f,
+    onSelectOption: p = () => {
     },
-    onSelectAll: _ = () => {
+    onSelectAll: b = () => {
     },
-    isLoading: C = !1,
+    isLoading: k = !1,
     onSelectCard: R = () => {
     },
     productsToolbarName: M = "All",
     allButton: z = !1,
-    componentName: $
-  } = r, T = E(), I = A(() => {
+    componentName: T,
+    LinkComponent: N
+  } = r, W = U(), I = E(() => {
     var i;
-    return /* @__PURE__ */ t(y, { children: T === !0 ? a == null ? void 0 : a.map((e, w) => /* @__PURE__ */ t(
-      W,
+    return /* @__PURE__ */ t(_, { children: W === !0 ? n == null ? void 0 : n.map((e, S) => /* @__PURE__ */ t(
+      B,
       {
         title: e == null ? void 0 : e.title,
         imageUrl: (e == null ? void 0 : e.image) || null,
         text: e == null ? void 0 : e.text,
         buttonText: e == null ? void 0 : e.buttonText,
-        onCardClick: (L, k) => R(e, k),
-        metadata: { name: $, accessor: e == null ? void 0 : e.accessor },
-        link: e == null ? void 0 : e.link
+        onCardClick: (F, v) => R(e, v),
+        metadata: { name: T, accessor: e == null ? void 0 : e.accessor },
+        link: e == null ? void 0 : e.link,
+        LinkComponent: N
       },
-      w
-    )) : (i = a == null ? void 0 : a.slice(0, m)) == null ? void 0 : i.map((e, w) => /* @__PURE__ */ t(
-      W,
+      S
+    )) : (i = n == null ? void 0 : n.slice(0, c)) == null ? void 0 : i.map((e, S) => /* @__PURE__ */ t(
+      B,
       {
         title: e == null ? void 0 : e.title,
         imageUrl: (e == null ? void 0 : e.image) || null,
         text: e == null ? void 0 : e.text,
         buttonText: e == null ? void 0 : e.buttonText,
-        onCardClick: (L, k) => R(e, k),
-        metadata: { name: $, accessor: e == null ? void 0 : e.accessor },
-        link: e == null ? void 0 : e.link
+        onCardClick: (F, v) => R(e, v),
+        metadata: { name: T, accessor: e == null ? void 0 : e.accessor },
+        link: e == null ? void 0 : e.link,
+        LinkComponent: N
       },
-      w
+      S
     )) });
-  }, [a, T, m]);
-  return /* @__PURE__ */ n(D, { ref: p, children: [
-    /* @__PURE__ */ n("div", { className: "regular-title", children: [
-      /* @__PURE__ */ n("div", { className: "regular-title-text", children: [
-        S(l) && /* @__PURE__ */ t("i", { className: l }),
-        /* @__PURE__ */ t("span", { children: d })
+  }, [n, W, c]);
+  return /* @__PURE__ */ a(K, { ref: h, children: [
+    /* @__PURE__ */ a("div", { className: "regular-title", children: [
+      /* @__PURE__ */ a("div", { className: "regular-title-text", children: [
+        C(l) && /* @__PURE__ */ t("i", { className: l }),
+        /* @__PURE__ */ t("span", { children: m })
       ] }),
-      S(h) && S(c) && !C && /* @__PURE__ */ t(
-        K,
+      C(u) && C(f) && !k && /* @__PURE__ */ t(
+        G,
         {
           type: "button",
           btnType: "tinted",
           color: "neutral",
           onClick: (i) => {
             var e;
-            (e = i == null ? void 0 : i.target) == null || e.blur(), u(c);
+            (e = i == null ? void 0 : i.target) == null || e.blur(), g(f);
           },
           borderRadius: "curved",
-          children: h
+          children: u
         }
       )
     ] }),
-    /* @__PURE__ */ n(
-      x,
+    /* @__PURE__ */ a(
+      ee,
       {
-        isLoading: C,
+        isLoading: k,
         keyPrefix: "blogs-with-filters-skeleton",
         children: [
           (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ t(
-            P,
+            X,
             {
               items: o,
-              selectedIds: b,
+              selectedIds: d,
               onRemove: (i) => {
-                g(i);
+                p(i);
               },
               onSelect: (i) => {
-                g(i);
+                p(i);
               },
-              onSelectAll: _,
+              onSelectAll: b,
               labelKey: "name",
               valueKey: "code",
               noMargin: !0,
@@ -273,12 +287,12 @@ const Z = f.div`
               allButton: z
             }
           ),
-          /* @__PURE__ */ t(Z, { limit: m, children: I })
+          /* @__PURE__ */ t(q, { limit: c, children: I })
         ]
       }
     )
   ] });
 });
 export {
-  pe as default
+  he as default
 };

package/dist/BrandHitsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),c=require("react"),w=require("./utils-RnrgDDZP.cjs"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),p=require("./consts-goSZX3xP.cjs"),i=require("./style-BAcV7F53.cjs"),x=h.styled.a`
+"use strict";const e=require("react/jsx-runtime"),p=require("react"),_=require("./utils-RnrgDDZP.cjs"),m=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./consts-goSZX3xP.cjs"),o=require("./style-BAcV7F53.cjs"),x=m.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   width: 7.5rem;
@@ -14,7 +14,7 @@
     height: auto;
   }
 
-  @media (max-width: ${p.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
     width: 4.5rem;
     height: auto;
     max-height: 4.5rem;
@@ -24,7 +24,7 @@
       height: auto;
     }
   }
-`,_=c.forwardRef(({imageComponent:r,image:n,onSelectCard:a,urlPrefix:s,urlSufix:o,code:l},d)=>e.jsx(x,{ref:d,onClick:a,href:`${s}${l}${o}`,children:w.isDefined(r)?r:e.jsx("img",{src:n,className:"wrapper__image"})})),u=h.styled.div`
+`,u=p.forwardRef(({imageComponent:r,image:n,onSelectCard:a,urlPrefix:i,urlSufix:s,code:l,LinkComponent:d},c)=>{const h=d||"a";return e.jsx(x,{ref:c,onClick:a,as:h,...d?{to:`${i}${l}${s}`}:{href:`${i}${l}${s}`},children:_.isDefined(r)?r:e.jsx("img",{src:n,className:"wrapper__image"})})}),j=m.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -73,7 +73,7 @@
     }
   }
 
-  @media (max-width: ${p.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__content {
       align-content: center;
       gap: 1rem;
@@ -84,9 +84,9 @@
       }
     }
   }
-`,f=h.styled(i.SkeletonRowWrapper)`
-  @media (max-width: ${p.MOBILE_SIZE_PX+"px"}) {
+`,f=m.styled(o.SkeletonRowWrapper)`
+  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
     gap: 1rem;
     flex-wrap: wrap;
   }
-`,j=({keyPrefix:r})=>e.jsxs(f,{justifyContent:"center",alignItems:"center",gap:"3rem",children:[e.jsx(i.SkeletonLinePlaceholder,{height:"4rem",width:"7.5rem",borderRadius:"0.75rem"},`${r}-1`),e.jsx(i.SkeletonLinePlaceholder,{height:"4rem",width:"7.5rem",borderRadius:"0.75rem"},`${r}-2`),e.jsx(i.SkeletonLinePlaceholder,{height:"4rem",width:"7.5rem",borderRadius:"0.75rem"},`${r}-3`),e.jsx(i.SkeletonLinePlaceholder,{height:"4rem",width:"7.5rem",borderRadius:"0.75rem"},`${r}-4`),e.jsx(i.SkeletonLinePlaceholder,{height:"4rem",width:"7.5rem",borderRadius:"0.75rem"},`${r}-5`)]}),$=({keyPrefix:r,isLoading:n=!1,fallbackComponent:a=e.jsx(e.Fragment,{}),children:s})=>e.jsx(c.Suspense,{fallbackComponent:a,children:n===!0?e.jsx(j,{keyPrefix:r}):s}),y=c.forwardRef(({title:r,subtitle:n,items:a=[],isLoading:s=!1,onSelectCard:o=()=>{},urlPrefix:l,urlSufix:d},m)=>e.jsxs(u,{ref:m,children:[e.jsxs("div",{className:"wrapper__heading",children:[r&&e.jsx("div",{className:"wrapper__title",children:r}),n&&e.jsx("div",{className:"wrapper__subtitle",children:n})]}),e.jsx($,{isLoading:s,keyPrefix:"brand-hits-skeleton",children:e.jsx("div",{className:"wrapper__content",children:a==null?void 0:a.map((t,g)=>e.jsx(_,{image:t==null?void 0:t.image,imageComponent:t==null?void 0:t.imageComponent,onSelectCard:()=>o==null?void 0:o(t),className:"wrapper__item",urlPrefix:l,urlSufix:d,code:t==null?void 0:t.card},`brand-hit-card__${g+1}`))})})]}));module.exports=y;
+`,$=({keyPrefix:r})=>e.jsxs(f,{justifyContent:"center",alignItems:"center",gap:"3rem",children:[e.jsx(o.SkeletonLinePlaceholder,{height:"4rem",width:"7.5rem",borderRadius:"0.75rem"},`${r}-1`),e.jsx(o.SkeletonLinePlaceholder,{height:"4rem",width:"7.5rem",borderRadius:"0.75rem"},`${r}-2`),e.jsx(o.SkeletonLinePlaceholder,{height:"4rem",width:"7.5rem",borderRadius:"0.75rem"},`${r}-3`),e.jsx(o.SkeletonLinePlaceholder,{height:"4rem",width:"7.5rem",borderRadius:"0.75rem"},`${r}-4`),e.jsx(o.SkeletonLinePlaceholder,{height:"4rem",width:"7.5rem",borderRadius:"0.75rem"},`${r}-5`)]}),y=({keyPrefix:r,isLoading:n=!1,fallbackComponent:a=e.jsx(e.Fragment,{}),children:i})=>e.jsx(p.Suspense,{fallbackComponent:a,children:n===!0?e.jsx($,{keyPrefix:r}):i}),v=p.forwardRef(({title:r,subtitle:n,items:a=[],isLoading:i=!1,onSelectCard:s=()=>{},urlPrefix:l,urlSufix:d,LinkComponent:c},h)=>e.jsxs(j,{ref:h,children:[e.jsxs("div",{className:"wrapper__heading",children:[r&&e.jsx("div",{className:"wrapper__title",children:r}),n&&e.jsx("div",{className:"wrapper__subtitle",children:n})]}),e.jsx(y,{isLoading:i,keyPrefix:"brand-hits-skeleton",children:e.jsx("div",{className:"wrapper__content",children:a==null?void 0:a.map((t,w)=>e.jsx(u,{image:t==null?void 0:t.image,imageComponent:t==null?void 0:t.imageComponent,onSelectCard:()=>s==null?void 0:s(t),className:"wrapper__item",urlPrefix:l,urlSufix:d,code:t==null?void 0:t.card,LinkComponent:c},`brand-hit-card__${w+1}`))})})]}));module.exports=v;

package/dist/BrandHitsSection.js

@@ -1,10 +1,10 @@
-import { jsx as e, jsxs as s, Fragment as _ } from "react/jsx-runtime";
-import { forwardRef as c, Suspense as f } from "react";
-import { l as u } from "./utils-Dc5zIpaz.js";
-import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as l } from "./consts-BuFChS64.js";
-import { a as x, b as p } from "./style-CXMUA6cI.js";
-const $ = h.a`
+import { jsx as e, jsxs as h, Fragment as f } from "react/jsx-runtime";
+import { forwardRef as w, Suspense as u } from "react";
+import { l as x } from "./utils-Dc5zIpaz.js";
+import { s as l } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as c } from "./consts-BuFChS64.js";
+import { a as $, b as p } from "./style-CXMUA6cI.js";
+const v = l.a`
   text-decoration: none;
   color: var(--gray-950);
   width: 7.5rem;
@@ -20,7 +20,7 @@ const $ = h.a`
     height: auto;
   }
 
-  @media (max-width: ${l + "px"}) {
+  @media (max-width: ${c + "px"}) {
     width: 4.5rem;
     height: auto;
     max-height: 4.5rem;
@@ -30,9 +30,26 @@ const $ = h.a`
       height: auto;
     }
   }
-`, v = c(
-  ({ imageComponent: r, image: i, onSelectCard: t, urlPrefix: n, urlSufix: o, code: d }, m) => /* @__PURE__ */ e($, { ref: m, onClick: t, href: `${n}${d}${o}`, children: u(r) ? r : /* @__PURE__ */ e("img", { src: i, className: "wrapper__image" }) })
-), b = h.div`
+`, b = w(
+  ({
+    imageComponent: r,
+    image: n,
+    onSelectCard: t,
+    urlPrefix: i,
+    urlSufix: o,
+    code: s,
+    LinkComponent: m
+  }, d) => /* @__PURE__ */ e(
+    v,
+    {
+      ref: d,
+      onClick: t,
+      as: m || "a",
+      ...m ? { to: `${i}${s}${o}` } : { href: `${i}${s}${o}` },
+      children: x(r) ? r : /* @__PURE__ */ e("img", { src: n, className: "wrapper__image" })
+    }
+  )
+), y = l.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -81,7 +98,7 @@ const $ = h.a`
     }
   }
 
-  @media (max-width: ${l + "px"}) {
+  @media (max-width: ${c + "px"}) {
     & .wrapper__content {
       align-content: center;
       gap: 1rem;
@@ -92,12 +109,12 @@ const $ = h.a`
       }
     }
   }
-`, y = h(x)`
-  @media (max-width: ${l + "px"}) {
+`, R = l($)`
+  @media (max-width: ${c + "px"}) {
     gap: 1rem;
     flex-wrap: wrap;
   }
-`, R = ({ keyPrefix: r }) => /* @__PURE__ */ s(y, { justifyContent: "center", alignItems: "center", gap: "3rem", children: [
+`, N = ({ keyPrefix: r }) => /* @__PURE__ */ h(R, { justifyContent: "center", alignItems: "center", gap: "3rem", children: [
   /* @__PURE__ */ e(
     p,
     {
@@ -143,40 +160,41 @@ const $ = h.a`
     },
     `${r}-5`
   )
-] }), N = ({
+] }), B = ({
   keyPrefix: r,
-  isLoading: i = !1,
-  fallbackComponent: t = /* @__PURE__ */ e(_, {}),
-  children: n
-}) => /* @__PURE__ */ e(f, { fallbackComponent: t, children: i === !0 ? /* @__PURE__ */ e(R, { keyPrefix: r }) : n }), k = c(
-  ({ title: r, subtitle: i, items: t = [], isLoading: n = !1, onSelectCard: o = () => {
-  }, urlPrefix: d, urlSufix: m }, g) => /* @__PURE__ */ s(b, { ref: g, children: [
-    /* @__PURE__ */ s("div", { className: "wrapper__heading", children: [
+  isLoading: n = !1,
+  fallbackComponent: t = /* @__PURE__ */ e(f, {}),
+  children: i
+}) => /* @__PURE__ */ e(u, { fallbackComponent: t, children: n === !0 ? /* @__PURE__ */ e(N, { keyPrefix: r }) : i }), z = w(
+  ({ title: r, subtitle: n, items: t = [], isLoading: i = !1, onSelectCard: o = () => {
+  }, urlPrefix: s, urlSufix: m, LinkComponent: d }, g) => /* @__PURE__ */ h(y, { ref: g, children: [
+    /* @__PURE__ */ h("div", { className: "wrapper__heading", children: [
       r && /* @__PURE__ */ e("div", { className: "wrapper__title", children: r }),
-      i && /* @__PURE__ */ e("div", { className: "wrapper__subtitle", children: i })
+      n && /* @__PURE__ */ e("div", { className: "wrapper__subtitle", children: n })
     ] }),
     /* @__PURE__ */ e(
-      N,
+      B,
       {
-        isLoading: n,
+        isLoading: i,
         keyPrefix: "brand-hits-skeleton",
-        children: /* @__PURE__ */ e("div", { className: "wrapper__content", children: t == null ? void 0 : t.map((a, w) => /* @__PURE__ */ e(
-          v,
+        children: /* @__PURE__ */ e("div", { className: "wrapper__content", children: t == null ? void 0 : t.map((a, _) => /* @__PURE__ */ e(
+          b,
           {
             image: a == null ? void 0 : a.image,
             imageComponent: a == null ? void 0 : a.imageComponent,
             onSelectCard: () => o == null ? void 0 : o(a),
             className: "wrapper__item",
-            urlPrefix: d,
+            urlPrefix: s,
             urlSufix: m,
-            code: a == null ? void 0 : a.card
+            code: a == null ? void 0 : a.card,
+            LinkComponent: d
           },
-          `brand-hit-card__${w + 1}`
+          `brand-hit-card__${_ + 1}`
         )) })
       }
     )
   ] })
 );
 export {
-  k as default
+  z as default
 };

package/dist/{CategorySimpleCard-DRQuoxXu.js → CategorySimpleCard-CEzArySG.js}

@@ -1,9 +1,9 @@
-import { jsxs as h, jsx as r } from "react/jsx-runtime";
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import { forwardRef as g } from "react";
 import { s as l } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { o as e } from "./utils-Dc5zIpaz.js";
-import { M as p } from "./consts-BuFChS64.js";
-const x = l.a`
+import { o as a } from "./utils-Dc5zIpaz.js";
+import { M as x } from "./consts-BuFChS64.js";
+const f = l.a`
   text-decoration: none;
   display: flex;
   flex-direction: column;
@@ -26,11 +26,11 @@ const x = l.a`
 
   & .card-content {
     padding: 0.75rem;
-    ${e(2)}
+    ${a(2)}
   }
 
   & .card-content-2 {
-    ${e(2)}
+    ${a(2)}
   }
 
   & img {
@@ -40,7 +40,7 @@ const x = l.a`
     max-height: 8.25rem;
   }
 
-  @media (max-width: ${p + "px"}) {
+  @media (max-width: ${x + "px"}) {
     min-width: 8.75rem;
     max-width: 8.75rem;
 
@@ -50,19 +50,20 @@ const x = l.a`
       max-height: 5.375rem;
     }
   }
-`, y = g((i, o) => {
-  const { image: a, name: t, urlPrefix: m, urlSufix: n, code: d, uuid: c, onSelectCard: s = () => {
-  } } = i;
-  return /* @__PURE__ */ h(
-    x,
+`, y = g((n, m) => {
+  const { image: d, name: s, urlPrefix: e, urlSufix: o, code: t, uuid: c, onSelectCard: h = () => {
+  }, LinkComponent: i } = n;
+  return /* @__PURE__ */ p(
+    f,
     {
-      ref: o,
+      ref: m,
       className: "simple-category-card",
-      onClick: () => s(c),
-      href: `${m}${d}${n}`,
+      onClick: () => h(c),
+      as: i || "a",
+      ...i ? { to: `${e}${t}${o}` } : { href: `${e}${t}${o}` },
       children: [
-        /* @__PURE__ */ r("img", { src: a }),
-        /* @__PURE__ */ r("div", { className: "card-content", children: /* @__PURE__ */ r("div", { className: "card-content-2", children: t }) })
+        /* @__PURE__ */ r("img", { src: d }),
+        /* @__PURE__ */ r("div", { className: "card-content", children: /* @__PURE__ */ r("div", { className: "card-content-2", children: s }) })
       ]
     }
   );

package/dist/{CategorySimpleCard-D5N8cx0Z.cjs → CategorySimpleCard-COGlTj06.cjs}

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),h=require("react"),l=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./utils-RnrgDDZP.cjs"),x=require("./consts-goSZX3xP.cjs"),g=l.styled.a`
+"use strict";const e=require("react/jsx-runtime"),x=require("react"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),n=require("./utils-RnrgDDZP.cjs"),u=require("./consts-goSZX3xP.cjs"),p=g.styled.a`
   text-decoration: none;
   display: flex;
   flex-direction: column;
@@ -21,11 +21,11 @@
 
   & .card-content {
     padding: 0.75rem;
-    ${r.truncateTextInRows(2)}
+    ${n.truncateTextInRows(2)}
   }
 
   & .card-content-2 {
-    ${r.truncateTextInRows(2)}
+    ${n.truncateTextInRows(2)}
   }
 
   & img {
@@ -35,7 +35,7 @@
     max-height: 8.25rem;
   }
 
-  @media (max-width: ${x.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${u.MOBILE_SIZE_PX+"px"}) {
     min-width: 8.75rem;
     max-width: 8.75rem;
 
@@ -45,4 +45,4 @@
       max-height: 5.375rem;
     }
   }
-`,u=h.forwardRef((t,i)=>{const{image:a,name:o,urlPrefix:n,urlSufix:s,code:c,uuid:d,onSelectCard:m=()=>{}}=t;return e.jsxs(g,{ref:i,className:"simple-category-card",onClick:()=>m(d),href:`${n}${c}${s}`,children:[e.jsx("img",{src:a}),e.jsx("div",{className:"card-content",children:e.jsx("div",{className:"card-content-2",children:o})})]})});exports.CategorySimpleCard=u;
+`,f=x.forwardRef((a,s)=>{const{image:c,name:m,urlPrefix:r,urlSufix:t,code:i,uuid:d,onSelectCard:h=()=>{},LinkComponent:o}=a,l=o||"a";return e.jsxs(p,{ref:s,className:"simple-category-card",onClick:()=>h(d),as:l,...o?{to:`${r}${i}${t}`}:{href:`${r}${i}${t}`},children:[e.jsx("img",{src:c}),e.jsx("div",{className:"card-content",children:e.jsx("div",{className:"card-content-2",children:m})})]})});exports.CategorySimpleCard=f;

package/dist/DetailedProductsInfinitiveSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),a=require("react"),M=require("./emotion-styled.browser.esm-BtEseadx.cjs"),B=require("./consts-goSZX3xP.cjs"),E=require("./IconButton.cjs"),I=require("./Button.cjs"),r=require("./utils-RnrgDDZP.cjs"),L=require("./useDetectMobile-zkbzoOGV.cjs"),g=require("./index-Bmr3IeZ_.cjs"),T=M.styled.div`
+"use strict";const t=require("react/jsx-runtime"),a=require("react"),B=require("./emotion-styled.browser.esm-BtEseadx.cjs"),E=require("./consts-goSZX3xP.cjs"),I=require("./IconButton.cjs"),L=require("./Button.cjs"),n=require("./utils-RnrgDDZP.cjs"),T=require("./useDetectMobile-zkbzoOGV.cjs"),g=require("./index-Coo0aVuh.cjs"),z=B.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -23,7 +23,7 @@
 
   & .section__items {
     display: grid;
-    grid-template-columns: ${n=>`repeat(${n.limit},  minmax(0, 1fr))`};
+    grid-template-columns: ${r=>`repeat(${r.limit},  minmax(0, 1fr))`};
     gap: 2rem;
   }
 
@@ -47,7 +47,7 @@
     white-space: nowrap;
   }
 
-  @media (max-width: ${B.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${E.MOBILE_SIZE_PX+"px"}) {
     gap: 1.25rem;
 
     & .section__items {
@@ -70,4 +70,4 @@
       }
     }
   }
-`,z=a.memo(g.DetailedProductCard),R=a.forwardRef((n,p)=>{const{title:l,icon:c,items:i,limit:f=4,isLoading:s=!1,onSelectCard:b=()=>{},onLoadMore:h=()=>{},onButtonAction:w=()=>{},getImage:y=()=>{},viewAllbuttonLink:d,viewAllButonText:m="View all",negotiableText:_,freeText:k,loadMoreButtonIcon:v="angle-down",sponsoredText:S,onBookmark:C=()=>{},actionComponent:N,componentName:j,hasNextPage:q=!1}=n,u=L.useDetectMobile(),P=a.useMemo(()=>i==null?void 0:i.map((e,o)=>t.jsx(z,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:(U,D)=>b({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:D}),nameSlug:e==null?void 0:e.nameSlug,imageUrl:y(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:_,freeText:k,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,sponsoredText:S,onBookmark:C,actionComponent:N,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:j},sellerName:e==null?void 0:e.sellerName,forCart:e==null?void 0:e.forCart,forOrder:e==null?void 0:e.forOrder,contactSeller:e==null?void 0:e.contactSeller,hasVariants:e==null?void 0:e.hasVariants},o)),[i]);return t.jsxs(T,{ref:p,limit:f,children:[t.jsxs("div",{className:"section__heading",children:[r.isDefinedNotEmptyString(l)&&t.jsxs("div",{className:"section__title",children:[r.isDefinedNotEmptyString(c)&&t.jsx("i",{className:c})," ",l]}),u&&r.isDefinedNotEmptyString(d)&&r.isDefinedNotEmptyString(m)&&!s&&t.jsx(I,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var o;(o=e==null?void 0:e.target)==null||o.blur(),w(d)},borderRadius:"curved",className:"section__view-all",children:m})]}),t.jsx(g.SuspenseDetailedProductCard,{isLoading:s,keyPrefix:"detailed-product-card-skeleton",children:t.jsx("div",{className:"section__items",children:P})}),!u&&!s&&q&&t.jsx(E,{icon:v,borderRadius:"curved",btnType:"basic",color:"neutral",className:"section__show-more",onClick:h})]})});module.exports=R;
+`,R=a.memo(g.DetailedProductCard),U=a.forwardRef((r,p)=>{const{title:l,icon:c,items:i,limit:f=4,isLoading:s=!1,onSelectCard:b=()=>{},onLoadMore:h=()=>{},onButtonAction:w=()=>{},getImage:y=()=>{},viewAllbuttonLink:d,viewAllButonText:m="View all",negotiableText:_,freeText:k,loadMoreButtonIcon:v="angle-down",sponsoredText:C,onBookmark:S=()=>{},actionComponent:N,componentName:j,hasNextPage:q=!1,LinkComponent:P}=r,u=T.useDetectMobile(),D=a.useMemo(()=>i==null?void 0:i.map((e,o)=>t.jsx(R,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:(A,M)=>b({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:M}),nameSlug:e==null?void 0:e.nameSlug,imageUrl:y(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:_,freeText:k,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,sponsoredText:C,onBookmark:S,actionComponent:N,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:j},sellerName:e==null?void 0:e.sellerName,forCart:e==null?void 0:e.forCart,forOrder:e==null?void 0:e.forOrder,contactSeller:e==null?void 0:e.contactSeller,hasVariants:e==null?void 0:e.hasVariants,LinkComponent:P},o)),[i]);return t.jsxs(z,{ref:p,limit:f,children:[t.jsxs("div",{className:"section__heading",children:[n.isDefinedNotEmptyString(l)&&t.jsxs("div",{className:"section__title",children:[n.isDefinedNotEmptyString(c)&&t.jsx("i",{className:c})," ",l]}),u&&n.isDefinedNotEmptyString(d)&&n.isDefinedNotEmptyString(m)&&!s&&t.jsx(L,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var o;(o=e==null?void 0:e.target)==null||o.blur(),w(d)},borderRadius:"curved",className:"section__view-all",children:m})]}),t.jsx(g.SuspenseDetailedProductCard,{isLoading:s,keyPrefix:"detailed-product-card-skeleton",children:t.jsx("div",{className:"section__items",children:D})}),!u&&!s&&q&&t.jsx(I,{icon:v,borderRadius:"curved",btnType:"basic",color:"neutral",className:"section__show-more",onClick:h})]})});module.exports=U;