@lanaco/lnc-react-ui 4.0.183 → 4.0.185

package/dist/BlogListSection.js

@@ -1,14 +1,16 @@
-import { jsxs as i, jsx as e, Fragment as w } from "react/jsx-runtime";
-import { forwardRef as j, useRef as T, cloneElement as O, Suspense as W, memo as E, useMemo as M } from "react";
-import G from "./Icon.js";
-import R from "./IconButton.js";
-import { o as P, q as U, s as q, v as I, l as A } from "./utils-Dc5zIpaz.js";
-import { P as D } from "./index-C_NnINik.js";
-import { B as F } from "./style-C7FUSHmS.js";
+import { jsxs as t, jsx as e, Fragment as u } from "react/jsx-runtime";
+import { forwardRef as L, useRef as O, cloneElement as W, Suspense as D, memo as E, useMemo as M } from "react";
+import R from "./Icon.js";
+import I from "./IconButton.js";
+import { o as P, q as U, s as q, v as j, l as A } from "./utils-Dc5zIpaz.js";
+import { P as F } from "./index-C_NnINik.js";
+import { B as X } from "./style-C7FUSHmS.js";
 import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as L } from "./consts-BuFChS64.js";
-import { S as s, a as l, c as p, b as t } from "./style-CXMUA6cI.js";
-const X = B.div`
+import { M as z } from "./consts-BuFChS64.js";
+import { S as s, a as l, c as p, b as i } from "./style-CXMUA6cI.js";
+const Z = B.a`
+  text-decoration: none;
+  color: var(--gray-950);
   display: flex;
   padding: 1rem;
   align-items: center;
@@ -103,7 +105,7 @@ const X = B.div`
     }
   }
 
-  @media (max-width: ${L + "px"}) {
+  @media (max-width: ${z + "px"}) {
     flex-direction: column;
     padding: 0;
     background: transparent;
@@ -154,101 +156,107 @@ const X = B.div`
       }
     }
   }
-`, Z = j(
+`, H = L(
   ({
     blogUuid: o,
     title: d,
     imageUrl: c,
     options: a,
     publishedAt: h,
-    timeToReadText: _ = "{0} min read",
-    timeToRead: b = 0,
-    numberOfLikes: y = 0,
+    timeToReadText: w = "{0} min read",
+    timeToRead: _ = 0,
+    numberOfLikes: b = 0,
     numberOfComments: v = 0,
     isBookmarked: g = !1,
-    onSelectCard: k = () => {
+    onSelectCard: y = () => {
     },
-    onBookmark: N = () => {
+    onBookmark: k = () => {
     },
     onShare: r = () => {
     },
-    bookmarkComponent: f = /* @__PURE__ */ e(w, {}),
-    metadata: m
-  }, S) => {
-    const u = () => A(f) ? O(f, {
+    bookmarkComponent: f = /* @__PURE__ */ e(u, {}),
+    metadata: m,
+    titleSlug: C
+  }, $) => {
+    const S = () => A(f) ? W(f, {
       key: `bookmark_blog__${o}__${g}`,
       isBookmarked: g,
       blogUuid: o,
-      onBookmark: ($, z) => N($, z),
-      ref: S,
+      onBookmark: (N, T) => k(N, T),
+      ref: $,
       componentName: "ExploreBlogSectionCard"
-    }) : /* @__PURE__ */ e(w, {}), C = T();
-    return /* @__PURE__ */ i(
-      X,
+    }) : /* @__PURE__ */ e(u, {}), G = O();
+    return /* @__PURE__ */ t(
+      Z,
       {
-        ref: C,
+        ref: G,
         name: m == null ? void 0 : m.name,
         "data-accessor": m == null ? void 0 : m.accessor,
-        onClick: (n) => k(n, C),
+        onClick: (n) => y(n, G),
         className: "blog-card-item",
+        href: `/blog/${C}`,
         children: [
-          /* @__PURE__ */ e(D, { src: c, className: "wrapper__image" }),
-          /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
-            /* @__PURE__ */ i("div", { className: "wrapper__subcontent", children: [
+          /* @__PURE__ */ e(F, { src: c, className: "wrapper__image" }),
+          /* @__PURE__ */ t("div", { className: "wrapper__content", children: [
+            /* @__PURE__ */ t("div", { className: "wrapper__subcontent", children: [
               /* @__PURE__ */ e("div", { className: "wrapper__title", children: d }),
-              /* @__PURE__ */ i("div", { className: "wrapper__tags-action", children: [
-                /* @__PURE__ */ e("div", { className: "wrapper__tags", children: a && (a == null ? void 0 : a.map((n, $) => /* @__PURE__ */ e(
-                  F,
+              /* @__PURE__ */ t("div", { className: "wrapper__tags-action", children: [
+                /* @__PURE__ */ e("div", { className: "wrapper__tags", children: a && (a == null ? void 0 : a.map((n, N) => /* @__PURE__ */ e(
+                  X,
                   {
                     color: n == null ? void 0 : n.color,
                     children: n == null ? void 0 : n.name
                   },
-                  `blog-card-sponsored-option__${$ + 1}`
+                  `blog-card-sponsored-option__${N + 1}`
                 ))) }),
-                /* @__PURE__ */ i("div", { className: "info__content mobile-only", children: [
-                  /* @__PURE__ */ e(u, {}),
+                /* @__PURE__ */ t("div", { className: "info__content mobile-only", onClick: (n) => {
+                  n.stopPropagation(), n.preventDefault();
+                }, children: [
+                  /* @__PURE__ */ e(S, {}),
                   /* @__PURE__ */ e(
-                    R,
+                    I,
                     {
                       icon: " mng-lnc-share",
                       borderRadius: "curved",
                       btnType: "basic",
                       color: "neutral",
-                      onClick: (n) => {
-                        n == null || n.stopPropagation(), r();
+                      onClick: () => {
+                        r();
                       }
                     }
                   )
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ i("div", { className: "wrapper__info", children: [
-              /* @__PURE__ */ i("div", { className: "info__content", children: [
+            /* @__PURE__ */ t("div", { className: "wrapper__info", children: [
+              /* @__PURE__ */ t("div", { className: "info__content", children: [
                 /* @__PURE__ */ e("div", { className: "info__text", children: `${U(
                   h
-                )} • ${q(_, b)}` }),
-                /* @__PURE__ */ i("div", { className: "info__text", children: [
-                  /* @__PURE__ */ i("div", { children: [
-                    /* @__PURE__ */ e(G, { icon: " mng-lnc-thumbs-up--filled", sizeInUnits: "1rem" }),
-                    I(y)
+                )} • ${q(w, _)}` }),
+                /* @__PURE__ */ t("div", { className: "info__text", children: [
+                  /* @__PURE__ */ t("div", { children: [
+                    /* @__PURE__ */ e(R, { icon: " mng-lnc-thumbs-up--filled", sizeInUnits: "1rem" }),
+                    j(b)
                   ] }),
-                  /* @__PURE__ */ i("div", { children: [
-                    /* @__PURE__ */ e(G, { icon: " mng-lnc-messages-filled", sizeInUnits: "1rem" }),
-                    I(v)
+                  /* @__PURE__ */ t("div", { children: [
+                    /* @__PURE__ */ e(R, { icon: " mng-lnc-messages-filled", sizeInUnits: "1rem" }),
+                    j(v)
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ i("div", { className: "info__content desktop-only", children: [
-                /* @__PURE__ */ e(u, {}),
+              /* @__PURE__ */ t("div", { className: "info__content desktop-only", onClick: (n) => {
+                n == null || n.preventDefault(), n == null || n.stopPropagation();
+              }, children: [
+                /* @__PURE__ */ e(S, {}),
                 /* @__PURE__ */ e(
-                  R,
+                  I,
                   {
                     icon: " mng-lnc-share",
                     borderRadius: "curved",
                     btnType: "basic",
                     color: "neutral",
-                    onClick: (n) => {
-                      n == null || n.stopPropagation(), r();
+                    onClick: () => {
+                      r();
                     }
                   }
                 )
@@ -259,7 +267,7 @@ const X = B.div`
       }
     );
   }
-), H = B.div`
+), J = B.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -283,79 +291,79 @@ const X = B.div`
       bottom: -1.25rem;
     }
   }
-`, J = B(s)`
-  @media (max-width: ${L + "px"}) {
+`, K = B(s)`
+  @media (max-width: ${z + "px"}) {
     & > div {
       flex-direction: column;
     }
   }
-`, K = ({ keyPrefix: o }) => /* @__PURE__ */ i(J, { children: [
-  /* @__PURE__ */ i(l, { children: [
+`, Q = ({ keyPrefix: o }) => /* @__PURE__ */ t(K, { children: [
+  /* @__PURE__ */ t(l, { children: [
     /* @__PURE__ */ e(p, { height: "9.5rem", width: "17.75rem" }),
-    /* @__PURE__ */ i(s, { noGradient: !0, children: [
-      /* @__PURE__ */ e(t, { height: "1.5rem" }),
-      /* @__PURE__ */ i(l, { noGradient: !0, children: [
-        /* @__PURE__ */ e(t, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(t, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(t, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(t, { width: "5rem", height: "1.25rem" })
+    /* @__PURE__ */ t(s, { noGradient: !0, children: [
+      /* @__PURE__ */ e(i, { height: "1.5rem" }),
+      /* @__PURE__ */ t(l, { noGradient: !0, children: [
+        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" })
       ] })
     ] })
   ] }, `${o}-1`),
-  /* @__PURE__ */ i(l, { children: [
+  /* @__PURE__ */ t(l, { children: [
     /* @__PURE__ */ e(p, { height: "9.5rem", width: "17.75rem" }),
-    /* @__PURE__ */ i(s, { noGradient: !0, children: [
-      /* @__PURE__ */ e(t, { height: "1.5rem" }),
-      /* @__PURE__ */ i(l, { noGradient: !0, children: [
-        /* @__PURE__ */ e(t, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(t, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(t, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(t, { width: "5rem", height: "1.25rem" })
+    /* @__PURE__ */ t(s, { noGradient: !0, children: [
+      /* @__PURE__ */ e(i, { height: "1.5rem" }),
+      /* @__PURE__ */ t(l, { noGradient: !0, children: [
+        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" })
       ] })
     ] })
   ] }, `${o}-2`),
-  /* @__PURE__ */ i(l, { children: [
+  /* @__PURE__ */ t(l, { children: [
     /* @__PURE__ */ e(p, { height: "9.5rem", width: "17.75rem" }),
-    /* @__PURE__ */ i(s, { noGradient: !0, children: [
-      /* @__PURE__ */ e(t, { height: "1.5rem" }),
-      /* @__PURE__ */ i(l, { noGradient: !0, children: [
-        /* @__PURE__ */ e(t, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(t, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(t, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(t, { width: "5rem", height: "1.25rem" })
+    /* @__PURE__ */ t(s, { noGradient: !0, children: [
+      /* @__PURE__ */ e(i, { height: "1.5rem" }),
+      /* @__PURE__ */ t(l, { noGradient: !0, children: [
+        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" })
       ] })
     ] })
   ] }, `${o}-3`),
-  /* @__PURE__ */ i(l, { children: [
+  /* @__PURE__ */ t(l, { children: [
     /* @__PURE__ */ e(p, { height: "9.5rem", width: "17.75rem" }),
-    /* @__PURE__ */ i(s, { noGradient: !0, children: [
-      /* @__PURE__ */ e(t, { height: "1.5rem" }),
-      /* @__PURE__ */ i(l, { noGradient: !0, children: [
-        /* @__PURE__ */ e(t, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(t, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(t, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(t, { width: "5rem", height: "1.25rem" })
+    /* @__PURE__ */ t(s, { noGradient: !0, children: [
+      /* @__PURE__ */ e(i, { height: "1.5rem" }),
+      /* @__PURE__ */ t(l, { noGradient: !0, children: [
+        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" })
       ] })
     ] })
   ] }, `${o}-4`),
-  /* @__PURE__ */ i(l, { children: [
+  /* @__PURE__ */ t(l, { children: [
     /* @__PURE__ */ e(p, { height: "9.5rem", width: "17.75rem" }),
-    /* @__PURE__ */ i(s, { noGradient: !0, children: [
-      /* @__PURE__ */ e(t, { height: "1.5rem" }),
-      /* @__PURE__ */ i(l, { noGradient: !0, children: [
-        /* @__PURE__ */ e(t, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(t, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(t, { width: "5rem", height: "1.25rem" }),
-        /* @__PURE__ */ e(t, { width: "5rem", height: "1.25rem" })
+    /* @__PURE__ */ t(s, { noGradient: !0, children: [
+      /* @__PURE__ */ e(i, { height: "1.5rem" }),
+      /* @__PURE__ */ t(l, { noGradient: !0, children: [
+        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" }),
+        /* @__PURE__ */ e(i, { width: "5rem", height: "1.25rem" })
       ] })
     ] })
   ] }, `${o}-5`)
-] }), Q = ({
+] }), V = ({
   keyPrefix: o,
   isLoading: d = !1,
-  fallbackComponent: c = /* @__PURE__ */ e(w, {}),
+  fallbackComponent: c = /* @__PURE__ */ e(u, {}),
   children: a
-}) => /* @__PURE__ */ e(W, { fallbackComponent: c, children: d === !0 ? /* @__PURE__ */ e(K, { keyPrefix: o }) : a }), V = E(Z), me = j(
+}) => /* @__PURE__ */ e(D, { fallbackComponent: c, children: d === !0 ? /* @__PURE__ */ e(Q, { keyPrefix: o }) : a }), Y = E(H), de = L(
   ({
     timeToReadText: o = "{0} min read",
     items: d,
@@ -364,18 +372,18 @@ const X = B.div`
     },
     onShare: h = () => {
     },
-    onBookmark: _ = () => {
+    onBookmark: w = () => {
     },
-    getImage: b = () => {
+    getImage: _ = () => {
     },
-    isSeparated: y = !0,
-    bookmarkComponent: v = /* @__PURE__ */ e(w, {}),
+    isSeparated: b = !0,
+    bookmarkComponent: v = /* @__PURE__ */ e(u, {}),
     componentName: g
-  }, k) => {
-    const N = M(() => d == null ? void 0 : d.map((r, f) => {
+  }, y) => {
+    const k = M(() => d == null ? void 0 : d.map((r, f) => {
       var m;
       return /* @__PURE__ */ e(
-        V,
+        Y,
         {
           blogUuid: r == null ? void 0 : r.uuid,
           title: r == null ? void 0 : r.title,
@@ -388,19 +396,19 @@ const X = B.div`
           numberOfComments: r == null ? void 0 : r.numberOfComments,
           isSponsored: r == null ? void 0 : r.isSponsored,
           isBookmarked: r == null ? void 0 : r.isBookmarked,
-          onSelectCard: (S, u) => a == null ? void 0 : a(r, u),
+          onSelectCard: (C, $) => a == null ? void 0 : a(r, $),
           onShare: () => h == null ? void 0 : h(r),
-          onBookmark: _,
-          imageUrl: b(r == null ? void 0 : r.imageUrl, r == null ? void 0 : r.uuid) || null,
+          onBookmark: w,
+          imageUrl: _(r == null ? void 0 : r.imageUrl, r == null ? void 0 : r.uuid) || null,
           bookmarkComponent: v,
           metadata: { name: g, accessor: r == null ? void 0 : r.accessor }
         },
         `blog-card-item__${f + 1}__${(m = r == null ? void 0 : r.isBookmarked) == null ? void 0 : m.toString()}`
       );
     }), [d]);
-    return /* @__PURE__ */ e(Q, { isLoading: c, keyPrefix: "blog-list-skeleton", children: /* @__PURE__ */ e(H, { ref: k, className: y ? "separated" : "", children: N }) });
+    return /* @__PURE__ */ e(V, { isLoading: c, keyPrefix: "blog-list-skeleton", children: /* @__PURE__ */ e(J, { ref: y, className: b ? "separated" : "", children: k }) });
   }
 );
 export {
-  me as default
+  de as default
 };

package/dist/BlogProductCardsSection.cjs

@@ -1 +1 @@
-"use strict";const i=require("react/jsx-runtime"),c=require("react"),h=require("./useDetectMobile-zkbzoOGV.cjs"),j=require("./index-BnYqZk-h.cjs"),M=require("./Button.cjs"),N=require("./style-BTTXJFJN.cjs"),f=c.memo(j.SimpleProductCard),y=c.forwardRef(({buttonText:t,buttonLink:u,items:r,onButtonAction:a=()=>{},onSelectCard:s=()=>{},isLoading:P=!1,limit:R=4,getImage:l=()=>{},isHighlight:n=!1,componentName:d},m)=>{const p=h.useDetectMobile(),g=c.useMemo(()=>{var o;return(o=r==null?void 0:r.slice(0,4))==null?void 0:o.map((e,b)=>i.jsx(f,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:(_,q)=>s==null?void 0:s(e==null?void 0:e.uuid,q),image:l(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,metadata:{name:d,accessor:e==null?void 0:e.accessor}},b))},[r]);return i.jsxs(N.Wrapper,{ref:m,className:`blog-product-cards-section ${n?"highlight":""}`,children:[i.jsx("div",{className:"wrapper__grid",children:g}),i.jsx(M,{text:t,borderRadius:"curved",btnType:p?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>a(u)})]})});module.exports=y;
+"use strict";const i=require("react/jsx-runtime"),c=require("react"),h=require("./useDetectMobile-zkbzoOGV.cjs"),j=require("./index-DHV9awrE.cjs"),M=require("./Button.cjs"),N=require("./style-BTTXJFJN.cjs"),f=c.memo(j.SimpleProductCard),y=c.forwardRef(({buttonText:t,buttonLink:u,items:r,onButtonAction:a=()=>{},onSelectCard:s=()=>{},isLoading:P=!1,limit:R=4,getImage:l=()=>{},isHighlight:n=!1,componentName:d},m)=>{const p=h.useDetectMobile(),g=c.useMemo(()=>{var o;return(o=r==null?void 0:r.slice(0,4))==null?void 0:o.map((e,b)=>i.jsx(f,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:(_,q)=>s==null?void 0:s(e==null?void 0:e.uuid,q),image:l(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,metadata:{name:d,accessor:e==null?void 0:e.accessor}},b))},[r]);return i.jsxs(N.Wrapper,{ref:m,className:`blog-product-cards-section ${n?"highlight":""}`,children:[i.jsx("div",{className:"wrapper__grid",children:g}),i.jsx(M,{text:t,borderRadius:"curved",btnType:p?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>a(u)})]})});module.exports=y;

package/dist/BlogProductCardsSection.js

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as b } from "react/jsx-runtime";
 import { memo as h, forwardRef as N, useMemo as M } from "react";
 import { u as P } from "./useDetectMobile-Bkvj0VMa.js";
-import { S as _ } from "./index-DWLKvVyZ.js";
+import { S as _ } from "./index-C8QkdNHi.js";
 import w from "./Button.js";
 import { W as y } from "./style-tw6KjI2J.js";
 const U = h(_), D = N(

package/dist/BlogShopCardsSection.cjs

@@ -1 +1 @@
-"use strict";const i=require("react/jsx-runtime"),o=require("react"),q=require("./useDetectMobile-zkbzoOGV.cjs"),_=require("./index-DoKMLSVY.cjs"),f=require("./Button.cjs"),j=require("./style-BTTXJFJN.cjs"),w=o.memo(_.ShopCard),M=o.forwardRef(({buttonText:u,buttonLink:a,items:r,onButtonAction:c=()=>{},onSelectCard:s=()=>{},isLoading:v=!1,limit:R=4,getImage:n=()=>{},isHighlight:l=!1,componentName:d},p)=>{const h=q.useDetectMobile(),m=o.useMemo(()=>{var t;return(t=r==null?void 0:r.slice(0,4))==null?void 0:t.map((e,g)=>i.jsx(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.rating,reviewCount:e==null?void 0:e.reviewCount,onSelectCard:(C,b)=>s==null?void 0:s(e==null?void 0:e.uuid,b),image:n(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,hideProducts:!0,metadata:{name:d,accessor:e==null?void 0:e.accessor}},`shop-card__${g+1}`))},[r]);return i.jsxs(j.Wrapper,{ref:p,className:l?"highlight":"",children:[i.jsx("div",{className:"wrapper__grid",children:m}),i.jsx(f,{text:u,borderRadius:"curved",btnType:h?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>c(a)})]})});module.exports=M;
+"use strict";const i=require("react/jsx-runtime"),o=require("react"),q=require("./useDetectMobile-zkbzoOGV.cjs"),_=require("./index-0p_3g3pT.cjs"),f=require("./Button.cjs"),j=require("./style-BTTXJFJN.cjs"),w=o.memo(_.ShopCard),M=o.forwardRef(({buttonText:u,buttonLink:a,items:r,onButtonAction:c=()=>{},onSelectCard:s=()=>{},isLoading:v=!1,limit:R=4,getImage:n=()=>{},isHighlight:l=!1,componentName:d},p)=>{const h=q.useDetectMobile(),m=o.useMemo(()=>{var t;return(t=r==null?void 0:r.slice(0,4))==null?void 0:t.map((e,g)=>i.jsx(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.rating,reviewCount:e==null?void 0:e.reviewCount,onSelectCard:(C,b)=>s==null?void 0:s(e==null?void 0:e.uuid,b),image:n(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,hideProducts:!0,metadata:{name:d,accessor:e==null?void 0:e.accessor}},`shop-card__${g+1}`))},[r]);return i.jsxs(j.Wrapper,{ref:p,className:l?"highlight":"",children:[i.jsx("div",{className:"wrapper__grid",children:m}),i.jsx(f,{text:u,borderRadius:"curved",btnType:h?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>c(a)})]})});module.exports=M;

package/dist/BlogShopCardsSection.js

@@ -1,7 +1,7 @@
 import { jsx as i, jsxs as g } from "react/jsx-runtime";
 import { memo as b, forwardRef as _, useMemo as w } from "react";
 import { u as v } from "./useDetectMobile-Bkvj0VMa.js";
-import { S as M } from "./index-B8I1mHMA.js";
+import { S as M } from "./index-CA59z2ge.js";
 import C from "./Button.js";
 import { W as N } from "./style-tw6KjI2J.js";
 const S = b(M), L = _(

package/dist/BlogSingleSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),s=require("react"),u=require("./index-D55MR8tU.cjs"),l=require("./style-BAcV7F53.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),c=require("./consts-goSZX3xP.cjs"),d=g.styled(l.SkeletonColumnWrapper)`
+"use strict";const r=require("react/jsx-runtime"),s=require("react"),u=require("./index-MiN854X_.cjs"),l=require("./style-BAcV7F53.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),c=require("./consts-goSZX3xP.cjs"),d=g.styled(l.SkeletonColumnWrapper)`
   @media (max-width: ${c.MOBILE_SIZE_PX+"px"}) {
     & > div {
       height: 13.25rem;

package/dist/BlogSingleSection.js

@@ -1,6 +1,6 @@
 import { jsx as r, Fragment as s } from "react/jsx-runtime";
 import { Suspense as i, forwardRef as g } from "react";
-import { B as d } from "./index-Bhfq_YpE.js";
+import { B as d } from "./index-BipuzfLW.js";
 import { S as u, b as f } from "./style-CXMUA6cI.js";
 import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as p } from "./consts-BuFChS64.js";

package/dist/BlogsSectionDetailed.cjs

@@ -6,7 +6,9 @@
   @media (max-width: ${R.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`,D=N.styled.div`
+`,D=N.styled.a`
+  text-decoration: none;
+  color: var(--gray-950);
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -47,7 +49,7 @@
     max-height: 100%;
     min-height: 100%;
   }
-`,A=N.styled.div`
+`,$=N.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0;
@@ -92,4 +94,4 @@
     align-items: center;
     gap: 1rem;
   }
-`,E=u.forwardRef((o,v)=>{const{title:p,imageUrl:b,text:j,numberOfLikes:i,numberOfComments:f,timeToRead:c,publishedAt:d,tags:n,onCardClick:h,timeToReadText:m="{0} min read",metadata:s}=o,g=u.useRef();return t.jsxs(D,{ref:g,className:"blog-card","data-accessor":s==null?void 0:s.accessor,name:s==null?void 0:s.name,onClick:r=>h(r,g),children:[t.jsx(q.ProductImageWrapper,{src:b}),t.jsxs("div",{className:"blog-card-content",children:[t.jsxs(A,{children:[t.jsxs("div",{className:"info-wr",children:[t.jsxs("div",{className:"info-wr-1",children:[t.jsxs("span",{children:[a.formatLocaleDateString(d)," "]}),t.jsx("span",{className:"small-dot",children:"●"}),c&&m?`${a.formatString(m,c)}`:"N/A"]}),t.jsxs("div",{className:"info-wr-2",children:[t.jsxs("span",{className:"info-wr-1",children:[t.jsx("i",{className:"mng mng-lnc-thumbs-up--filled"}),t.jsx("span",{children:a.getRoundedNumber(i)})]}),t.jsxs("span",{className:"info-wr-1",children:[t.jsx("i",{className:"mng mng-lnc-messages-filled"}),t.jsx("span",{children:a.getRoundedNumber(f)})]})]})]}),t.jsx("div",{className:"text-wr-title",children:p}),t.jsx("div",{className:"text-wr",children:j})]}),n&&t.jsx("div",{className:"tags-wr",children:n==null?void 0:n.map((r,w)=>t.jsx(C.BlogTag,{color:r==null?void 0:r.color,children:r==null?void 0:r.name},w))})]})]})}),S=u.memo(E),I=u.forwardRef((o,v)=>{const{icon:p,title:b,onButtonAction:j,items:i,buttonText:f,timeToReadText:c,limit:d=3,onSelectCard:n=()=>{},isLoading:h=!1,buttonLink:m,getImage:s=()=>{},componentName:g}=o,r=T.useDetectMobile(),w=u.useMemo(()=>t.jsx(t.Fragment,{children:r===!0?i==null?void 0:i.map((e,l)=>t.jsx(S,{title:e==null?void 0:e.title,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,publishedAt:e==null?void 0:e.publishedAt,timeToRead:e==null?void 0:e.timeToRead,timeToReadText:c,tags:e==null?void 0:e.tags,onCardClick:(k,y)=>n(e==null?void 0:e.titleSlug,y),imageUrl:s(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,metadata:{name:g,accessor:e==null?void 0:e.accessor}},l)):i==null?void 0:i.slice(0,d).map((e,l)=>t.jsx(S,{title:e==null?void 0:e.title,imageUrl:s(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,tags:e==null?void 0:e.tags,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,publishedAt:e==null?void 0:e.publishedAt,timeToRead:e==null?void 0:e.timeToRead,timeToReadText:c,onCardClick:(k,y)=>n(e==null?void 0:e.titleSlug,y),metadata:{name:g,accessor:e==null?void 0:e.accessor}},l))}),[i,r,d,n]);return t.jsxs(C.RegulatTitleSectionWrapper,{ref:v,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[a.isDefinedNotEmptyString(p)&&t.jsx("i",{className:p}),t.jsx("span",{children:b})]}),a.isDefinedNotEmptyString(f)&&a.isDefinedNotEmptyString(m)&&!h&&t.jsx(O,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var l;(l=e==null?void 0:e.target)==null||l.blur(),j(m)},borderRadius:"curved",className:"button-link",children:f})]}),t.jsx(L.SuspenseBlogsSectionDetailed,{isLoading:h,keyPrefix:"blogs-detailed-skeleton",children:t.jsx(B,{limit:d,children:w})})]})});module.exports=I;
+`,A=u.forwardRef((o,v)=>{const{title:p,imageUrl:j,text:w,numberOfLikes:i,numberOfComments:f,timeToRead:c,publishedAt:d,tags:n,onCardClick:h,timeToReadText:m="{0} min read",metadata:s,titleSlug:b}=o,g=u.useRef();return t.jsxs(D,{ref:g,className:"blog-card","data-accessor":s==null?void 0:s.accessor,name:s==null?void 0:s.name,onClick:r=>h(r,g),href:`/blog/${b}`,children:[t.jsx(q.ProductImageWrapper,{src:j}),t.jsxs("div",{className:"blog-card-content",children:[t.jsxs($,{children:[t.jsxs("div",{className:"info-wr",children:[t.jsxs("div",{className:"info-wr-1",children:[t.jsxs("span",{children:[a.formatLocaleDateString(d)," "]}),t.jsx("span",{className:"small-dot",children:"●"}),c&&m?`${a.formatString(m,c)}`:"N/A"]}),t.jsxs("div",{className:"info-wr-2",children:[t.jsxs("span",{className:"info-wr-1",children:[t.jsx("i",{className:"mng mng-lnc-thumbs-up--filled"}),t.jsx("span",{children:a.getRoundedNumber(i)})]}),t.jsxs("span",{className:"info-wr-1",children:[t.jsx("i",{className:"mng mng-lnc-messages-filled"}),t.jsx("span",{children:a.getRoundedNumber(f)})]})]})]}),t.jsx("div",{className:"text-wr-title",children:p}),t.jsx("div",{className:"text-wr",children:w})]}),n&&t.jsx("div",{className:"tags-wr",children:n==null?void 0:n.map((r,e)=>t.jsx(C.BlogTag,{color:r==null?void 0:r.color,children:r==null?void 0:r.name},e))})]})]})}),S=u.memo(A),E=u.forwardRef((o,v)=>{const{icon:p,title:j,onButtonAction:w,items:i,buttonText:f,timeToReadText:c,limit:d=3,onSelectCard:n=()=>{},isLoading:h=!1,buttonLink:m,getImage:s=()=>{},componentName:b}=o,g=T.useDetectMobile(),r=u.useMemo(()=>t.jsx(t.Fragment,{children:g===!0?i==null?void 0:i.map((e,l)=>t.jsx(S,{title:e==null?void 0:e.title,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,publishedAt:e==null?void 0:e.publishedAt,timeToRead:e==null?void 0:e.timeToRead,timeToReadText:c,tags:e==null?void 0:e.tags,onCardClick:(k,y)=>n(e==null?void 0:e.titleSlug,y),imageUrl:s(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,metadata:{name:b,accessor:e==null?void 0:e.accessor}},l)):i==null?void 0:i.slice(0,d).map((e,l)=>t.jsx(S,{title:e==null?void 0:e.title,imageUrl:s(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,tags:e==null?void 0:e.tags,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,publishedAt:e==null?void 0:e.publishedAt,timeToRead:e==null?void 0:e.timeToRead,timeToReadText:c,onCardClick:(k,y)=>n(e==null?void 0:e.titleSlug,y),metadata:{name:b,accessor:e==null?void 0:e.accessor}},l))}),[i,g,d,n]);return t.jsxs(C.RegulatTitleSectionWrapper,{ref:v,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[a.isDefinedNotEmptyString(p)&&t.jsx("i",{className:p}),t.jsx("span",{children:j})]}),a.isDefinedNotEmptyString(f)&&a.isDefinedNotEmptyString(m)&&!h&&t.jsx(O,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var l;(l=e==null?void 0:e.target)==null||l.blur(),w(m)},borderRadius:"curved",className:"button-link",children:f})]}),t.jsx(L.SuspenseBlogsSectionDetailed,{isLoading:h,keyPrefix:"blogs-detailed-skeleton",children:t.jsx(B,{limit:d,children:r})})]})});module.exports=E;