@lanaco/lnc-react-ui 4.0.151 → 4.0.153

package/dist/BlogExploreSection.js

@@ -1,19 +1,19 @@
 import { jsxs as l, jsx as n, Fragment as z } from "react/jsx-runtime";
-import { forwardRef as A, Fragment as Q } from "react";
+import { forwardRef as A, Fragment as Y } from "react";
 import { P as e } from "./index-CblbdqjE.js";
-import { p as Y, s as B } from "./utils-BdsZgOUE.js";
-import O from "./TextInput.js";
+import { p as B, s as O } from "./utils-BdsZgOUE.js";
+import P from "./TextInput.js";
 import S from "./Icon.js";
-import P from "./Link.js";
+import ee from "./Link.js";
 import j from "./DropdownMenu.js";
 import F from "./DropdownItem.js";
-import { F as ee } from "./tag-CtleOqEC.js";
-import ne from "./BlogProductCardsSection.js";
+import { F as ne } from "./tag-cRMfP-SZ.js";
+import te from "./BlogProductCardsSection.js";
 import { s as E } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { P as te } from "./index-CF3HhgvN.js";
+import { P as re } from "./index-CF3HhgvN.js";
 import L from "./BlogListSection.js";
-import { M as re } from "./consts-BuFChS64.js";
-const ie = E.div`
+import { M as ie } from "./consts-BuFChS64.js";
+const ae = E.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -94,7 +94,7 @@ const ie = E.div`
       }
     }
   }
-`, ae = A(
+`, ce = A(
   ({
     perPageOptions: o = [
       { code: 10, name: "Show 10 items" },
@@ -138,7 +138,7 @@ const ie = E.div`
         `pagination-page__${v}`
       ));
     };
-    return /* @__PURE__ */ l(ie, { className: "pagination", children: [
+    return /* @__PURE__ */ l(ae, { className: "pagination", children: [
       /* @__PURE__ */ n(
         j,
         {
@@ -180,7 +180,7 @@ const ie = E.div`
       ] })
     ] });
   }
-), ce = E.div`
+), oe = E.div`
   display: flex;
   align-items: flex-start;
   gap: 2rem;
@@ -356,7 +356,7 @@ const ie = E.div`
             font-style: normal;
             font-weight: 500;
             line-height: 1.25rem;
-            ${Y(2)}
+            ${B(2)}
           }
 
           & .item__description {
@@ -371,7 +371,7 @@ const ie = E.div`
     }
   }
 
-  @media (max-width: ${re + "px"}) {
+  @media (max-width: ${ie + "px"}) {
     flex-direction: column;
 
     & .landing__main-content {
@@ -418,7 +418,7 @@ const ie = E.div`
       display: none;
     }
   }
-`, oe = A(
+`, le = A(
   ({
     mainTitle: o,
     sideTitle: f,
@@ -450,7 +450,7 @@ const ie = E.div`
     showAllButtonLink: M,
     showAllButtonText: D = "Show all products",
     viewAllButtonText: R = "View all (11)",
-    viewAllButtonLink: le,
+    viewAllButtonLink: se,
     handleViewAll: U = () => {
     },
     handleShowAll: V = () => {
@@ -472,15 +472,15 @@ const ie = E.div`
     onBookmark: I = () => {
     },
     bookmarkComponent: $ = /* @__PURE__ */ n(z, { children: " " })
-  }, se) => {
-    const K = (r) => {
+  }, K) => {
+    const Q = (r) => {
       document.getElementById("landing__container").scrollIntoView({ behavior: "smooth", block: "start" }), b == null || b(r);
     };
-    return /* @__PURE__ */ l(ce, { id: "landing__container", children: [
+    return /* @__PURE__ */ l(oe, { ref: K, id: "landing__container", children: [
       /* @__PURE__ */ l("div", { className: "landing__main-content", children: [
         o && /* @__PURE__ */ n("div", { className: "main-content__title", children: o }),
         g && /* @__PURE__ */ n(
-          ee,
+          ne,
           {
             tags: g,
             allTagText: a,
@@ -490,7 +490,7 @@ const ie = E.div`
         ),
         /* @__PURE__ */ l("div", { className: "main-content__actions", children: [
           /* @__PURE__ */ n(
-            O,
+            P,
             {
               className: "main-content__search",
               placeholder: v,
@@ -544,7 +544,7 @@ const ie = E.div`
           ),
           /* @__PURE__ */ n("div", { className: "main-content__divider" }),
           h && (h == null ? void 0 : h.length) > 0 && /* @__PURE__ */ n(
-            ne,
+            te,
             {
               buttonText: D,
               buttonLink: M,
@@ -573,13 +573,13 @@ const ie = E.div`
           )
         ] }),
         N && N > 1 && /* @__PURE__ */ n(
-          ae,
+          ce,
           {
             perPageOptions: G,
             perPage: X,
             handlePerPage: Z,
             page: W,
-            handlePage: K,
+            handlePage: Q,
             totalPage: N
           }
         )
@@ -587,14 +587,14 @@ const ie = E.div`
       /* @__PURE__ */ l("div", { className: "landing__side-content", children: [
         f && /* @__PURE__ */ n("div", { className: "side-content__title", children: f }),
         m && (m == null ? void 0 : m.length) > 0 && /* @__PURE__ */ l(z, { children: [
-          /* @__PURE__ */ n("div", { className: "side-content__items", children: m == null ? void 0 : m.map((r, u) => /* @__PURE__ */ n(Q, { children: /* @__PURE__ */ l(
+          /* @__PURE__ */ n("div", { className: "side-content__items", children: m == null ? void 0 : m.map((r, u) => /* @__PURE__ */ n(Y, { children: /* @__PURE__ */ l(
             "div",
             {
               className: "side-content__item",
               onClick: () => w(r),
               children: [
                 /* @__PURE__ */ n(
-                  te,
+                  re,
                   {
                     src: y(r == null ? void 0 : r.imageUrl, r == null ? void 0 : r.uuid) || null,
                     alt: `Mini blog ${u + 1}`,
@@ -603,18 +603,18 @@ const ie = E.div`
                 ),
                 /* @__PURE__ */ l("div", { className: "item__content", children: [
                   /* @__PURE__ */ n("div", { className: "item__title", children: r == null ? void 0 : r.title }),
-                  /* @__PURE__ */ n("div", { className: "item__description", children: B(r == null ? void 0 : r.publishedAt) })
+                  /* @__PURE__ */ n("div", { className: "item__description", children: O(r == null ? void 0 : r.publishedAt) })
                 ] })
               ]
             }
           ) }, `mini_blg_${u}`)) }),
-          /* @__PURE__ */ n(P, { onClick: U, className: "side-content__link", children: R })
+          /* @__PURE__ */ n(ee, { onClick: U, className: "side-content__link", children: R })
         ] })
       ] })
     ] });
   }
 );
-oe.propTypes = {
+le.propTypes = {
   mainTitle: e.string,
   sideTitle: e.string,
   tags: e.array,
@@ -651,5 +651,5 @@ oe.propTypes = {
   handleSearch: e.func
 };
 export {
-  oe as default
+  le as default
 };

package/dist/BlogListSection.cjs

@@ -144,7 +144,7 @@
       }
     }
   }
-`,C=l.forwardRef(({blogUuid:c,title:n,imageUrl:o,options:i,publishedAt:m,timeToReadText:p="{0} min read",timeToRead:g=0,numberOfLikes:f=0,numberOfComments:u=0,isBookmarked:_=!1,onSelectCard:h=()=>{},onBookmark:e=()=>{},onShare:d=()=>{},bookmarkComponent:a=r.jsx(r.Fragment,{})},k)=>{const b=()=>s.isDefined(a)?l.cloneElement(a,{key:`bookmark_blog__${c}__${_}`,isBookmarked:_,blogUuid:c,onBookmark:(w,N)=>e(w,N),ref:k,componentName:"ExploreBlogSectionCard"}):r.jsx(r.Fragment,{});return r.jsxs($,{onClick:h,className:"blog-card-item",children:[r.jsx(B.ProductImageWrapper,{src:o,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[r.jsxs("div",{className:"wrapper__subcontent",children:[r.jsx("div",{className:"wrapper__title",children:n}),r.jsxs("div",{className:"wrapper__tags-action",children:[r.jsx("div",{className:"wrapper__tags",children:i&&(i==null?void 0:i.map((t,w)=>r.jsx(R.BlogTag,{color:t==null?void 0:t.color,children:t==null?void 0:t.name},`blog-card-sponsored-option__${w+1}`)))}),r.jsxs("div",{className:"info__content mobile-only",children:[r.jsx(b,{}),r.jsx(j,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:t=>{t==null||t.stopPropagation(),d()}})]})]})]}),r.jsxs("div",{className:"wrapper__info",children:[r.jsxs("div",{className:"info__content",children:[r.jsx("div",{className:"info__text",children:`${s.formatLocaleDateString(m)} • ${s.formatString(p,g)}`}),r.jsxs("div",{className:"info__text",children:[r.jsxs("div",{children:[r.jsx(y,{icon:" mng-lnc-thumbs-up--filled",sizeInUnits:"1rem"}),s.getRoundedNumber(f)]}),r.jsxs("div",{children:[r.jsx(y,{icon:" mng-lnc-messages-filled",sizeInUnits:"1rem"}),s.getRoundedNumber(u)]})]})]}),r.jsxs("div",{className:"info__content desktop-only",children:[r.jsx(b,{}),r.jsx(j,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:t=>{t==null||t.stopPropagation(),d()}})]})]})]})]})}),L=v.styled.div`
+`,C=l.forwardRef(({blogUuid:c,title:n,imageUrl:o,options:i,publishedAt:p,timeToReadText:g="{0} min read",timeToRead:u=0,numberOfLikes:f=0,numberOfComments:_=0,isBookmarked:d=!1,onSelectCard:h=()=>{},onBookmark:e=()=>{},onShare:m=()=>{},bookmarkComponent:a=r.jsx(r.Fragment,{})},k)=>{const b=()=>s.isDefined(a)?l.cloneElement(a,{key:`bookmark_blog__${c}__${d}`,isBookmarked:d,blogUuid:c,onBookmark:(w,N)=>e(w,N),ref:k,componentName:"ExploreBlogSectionCard"}):r.jsx(r.Fragment,{});return r.jsxs($,{onClick:h,className:"blog-card-item",children:[r.jsx(B.ProductImageWrapper,{src:o,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[r.jsxs("div",{className:"wrapper__subcontent",children:[r.jsx("div",{className:"wrapper__title",children:n}),r.jsxs("div",{className:"wrapper__tags-action",children:[r.jsx("div",{className:"wrapper__tags",children:i&&(i==null?void 0:i.map((t,w)=>r.jsx(R.BlogTag,{color:t==null?void 0:t.color,children:t==null?void 0:t.name},`blog-card-sponsored-option__${w+1}`)))}),r.jsxs("div",{className:"info__content mobile-only",children:[r.jsx(b,{}),r.jsx(j,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:t=>{t==null||t.stopPropagation(),m()}})]})]})]}),r.jsxs("div",{className:"wrapper__info",children:[r.jsxs("div",{className:"info__content",children:[r.jsx("div",{className:"info__text",children:`${s.formatLocaleDateString(p)} • ${s.formatString(g,u)}`}),r.jsxs("div",{className:"info__text",children:[r.jsxs("div",{children:[r.jsx(y,{icon:" mng-lnc-thumbs-up--filled",sizeInUnits:"1rem"}),s.getRoundedNumber(f)]}),r.jsxs("div",{children:[r.jsx(y,{icon:" mng-lnc-messages-filled",sizeInUnits:"1rem"}),s.getRoundedNumber(_)]})]})]}),r.jsxs("div",{className:"info__content desktop-only",children:[r.jsx(b,{}),r.jsx(j,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:t=>{t==null||t.stopPropagation(),m()}})]})]})]})]})}),L=v.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -168,4 +168,4 @@
       bottom: -1.25rem;
     }
   }
-`,z=l.memo(C),T=l.forwardRef(({timeToReadText:c="{0} min read",items:n,onSelectCard:o=()=>{},onShare:i=()=>{},onBookmark:m=()=>{},isLoading:p=!1,getImage:g=()=>{},isSeparated:f=!0,bookmarkComponent:u=r.jsx(r.Fragment,{})},_)=>{const h=l.useMemo(()=>n==null?void 0:n.map((e,d)=>{var a;return r.jsx(z,{blogUuid:e==null?void 0:e.uuid,title:e==null?void 0:e.title,titleSlug:e==null?void 0:e.titleSlug,options:e==null?void 0:e.options,publishedAt:e==null?void 0:e.publishedAt,timeToReadText:c,timeToRead:e==null?void 0:e.timeToRead,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,isSponsored:e==null?void 0:e.isSponsored,isBookmarked:e==null?void 0:e.isBookmarked,onSelectCard:()=>o==null?void 0:o(e),onShare:()=>i==null?void 0:i(e),onBookmark:m,imageUrl:g(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,bookmarkComponent:u},`blog-card-item__${d+1}__${(a=e==null?void 0:e.isBookmarked)==null?void 0:a.toString()}`)}),[n]);return r.jsx(L,{className:f?"separated":"",children:r.jsx(I.SuspenseBlogLarge,{isLoading:p,limit:5,keyPrefix:"blog-section",children:h})})});module.exports=T;
+`,z=l.memo(C),T=l.forwardRef(({timeToReadText:c="{0} min read",items:n,onSelectCard:o=()=>{},onShare:i=()=>{},onBookmark:p=()=>{},isLoading:g=!1,getImage:u=()=>{},isSeparated:f=!0,bookmarkComponent:_=r.jsx(r.Fragment,{})},d)=>{const h=l.useMemo(()=>n==null?void 0:n.map((e,m)=>{var a;return r.jsx(z,{blogUuid:e==null?void 0:e.uuid,title:e==null?void 0:e.title,titleSlug:e==null?void 0:e.titleSlug,options:e==null?void 0:e.options,publishedAt:e==null?void 0:e.publishedAt,timeToReadText:c,timeToRead:e==null?void 0:e.timeToRead,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,isSponsored:e==null?void 0:e.isSponsored,isBookmarked:e==null?void 0:e.isBookmarked,onSelectCard:()=>o==null?void 0:o(e),onShare:()=>i==null?void 0:i(e),onBookmark:p,imageUrl:u(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,bookmarkComponent:_},`blog-card-item__${m+1}__${(a=e==null?void 0:e.isBookmarked)==null?void 0:a.toString()}`)}),[n]);return r.jsx(L,{ref:d,className:f?"separated":"",children:r.jsx(I.SuspenseBlogLarge,{isLoading:g,limit:5,keyPrefix:"blog-section",children:h})})});module.exports=T;

package/dist/BlogListSection.js

@@ -160,23 +160,23 @@ const U = B.div`
     title: n,
     imageUrl: o,
     options: a,
-    publishedAt: d,
-    timeToReadText: c = "{0} min read",
-    timeToRead: p = 0,
-    numberOfLikes: f = 0,
-    numberOfComments: g = 0,
-    isBookmarked: _ = !1,
+    publishedAt: c,
+    timeToReadText: p = "{0} min read",
+    timeToRead: f = 0,
+    numberOfLikes: g = 0,
+    numberOfComments: _ = 0,
+    isBookmarked: m = !1,
     onSelectCard: u = () => {
     },
     onBookmark: e = () => {
     },
-    onShare: m = () => {
+    onShare: d = () => {
     },
     bookmarkComponent: l = /* @__PURE__ */ r(w, {})
   }, $) => {
     const b = () => T(l) ? j(l, {
-      key: `bookmark_blog__${s}__${_}`,
-      isBookmarked: _,
+      key: `bookmark_blog__${s}__${m}`,
+      isBookmarked: m,
       blogUuid: s,
       onBookmark: (h, I) => e(h, I),
       ref: $,
@@ -206,7 +206,7 @@ const U = B.div`
                   btnType: "basic",
                   color: "neutral",
                   onClick: (t) => {
-                    t == null || t.stopPropagation(), m();
+                    t == null || t.stopPropagation(), d();
                   }
                 }
               )
@@ -216,16 +216,16 @@ const U = B.div`
         /* @__PURE__ */ i("div", { className: "wrapper__info", children: [
           /* @__PURE__ */ i("div", { className: "info__content", children: [
             /* @__PURE__ */ r("div", { className: "info__text", children: `${L(
-              d
-            )} • ${P(c, p)}` }),
+              c
+            )} • ${P(p, f)}` }),
             /* @__PURE__ */ i("div", { className: "info__text", children: [
               /* @__PURE__ */ i("div", { children: [
                 /* @__PURE__ */ r(y, { icon: " mng-lnc-thumbs-up--filled", sizeInUnits: "1rem" }),
-                k(f)
+                k(g)
               ] }),
               /* @__PURE__ */ i("div", { children: [
                 /* @__PURE__ */ r(y, { icon: " mng-lnc-messages-filled", sizeInUnits: "1rem" }),
-                k(g)
+                k(_)
               ] })
             ] })
           ] }),
@@ -239,7 +239,7 @@ const U = B.div`
                 btnType: "basic",
                 color: "neutral",
                 onClick: (t) => {
-                  t == null || t.stopPropagation(), m();
+                  t == null || t.stopPropagation(), d();
                 }
               }
             )
@@ -280,15 +280,15 @@ const U = B.div`
     },
     onShare: a = () => {
     },
-    onBookmark: d = () => {
+    onBookmark: c = () => {
     },
-    isLoading: c = !1,
-    getImage: p = () => {
+    isLoading: p = !1,
+    getImage: f = () => {
     },
-    isSeparated: f = !0,
-    bookmarkComponent: g = /* @__PURE__ */ r(w, {})
-  }, _) => {
-    const u = R(() => n == null ? void 0 : n.map((e, m) => {
+    isSeparated: g = !0,
+    bookmarkComponent: _ = /* @__PURE__ */ r(w, {})
+  }, m) => {
+    const u = R(() => n == null ? void 0 : n.map((e, d) => {
       var l;
       return /* @__PURE__ */ r(
         D,
@@ -306,17 +306,17 @@ const U = B.div`
           isBookmarked: e == null ? void 0 : e.isBookmarked,
           onSelectCard: () => o == null ? void 0 : o(e),
           onShare: () => a == null ? void 0 : a(e),
-          onBookmark: d,
-          imageUrl: p(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
-          bookmarkComponent: g
+          onBookmark: c,
+          imageUrl: f(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
+          bookmarkComponent: _
         },
-        `blog-card-item__${m + 1}__${(l = e == null ? void 0 : e.isBookmarked) == null ? void 0 : l.toString()}`
+        `blog-card-item__${d + 1}__${(l = e == null ? void 0 : e.isBookmarked) == null ? void 0 : l.toString()}`
       );
     }), [n]);
-    return /* @__PURE__ */ r(A, { className: f ? "separated" : "", children: /* @__PURE__ */ r(
+    return /* @__PURE__ */ r(A, { ref: m, className: g ? "separated" : "", children: /* @__PURE__ */ r(
       M,
       {
-        isLoading: c,
+        isLoading: p,
         limit: 5,
         keyPrefix: "blog-section",
         children: u

package/dist/BlogProductCardsSection.cjs

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

package/dist/BlogProductCardsSection.js

@@ -1,11 +1,11 @@
-import { jsx as i, jsxs as g } from "react/jsx-runtime";
-import { memo as b, forwardRef as h, useMemo as P } from "react";
-import { u as N } from "./useDetectMobile-Bkvj0VMa.js";
-import { S as y } from "./index-DzYKmmn2.js";
-import { S as M } from "./suspense-product-card-simple-D2m3NcrV.js";
-import S from "./Button.js";
-import { W as _ } from "./style-tw6KjI2J.js";
-const w = b(y), R = h(
+import { jsx as i, jsxs as b } from "react/jsx-runtime";
+import { memo as h, forwardRef as P, useMemo as N } from "react";
+import { u as y } from "./useDetectMobile-Bkvj0VMa.js";
+import { S as M } from "./index-BGY3PSA-.js";
+import { S } from "./suspense-product-card-simple-CLJjab5B.js";
+import _ from "./Button.js";
+import { W as w } from "./style-tw6KjI2J.js";
+const U = h(M), R = P(
   ({
     buttonText: u,
     buttonLink: l,
@@ -19,11 +19,11 @@ const w = b(y), R = h(
     getImage: d = () => {
     },
     isHighlight: m = !1
-  }, U) => {
-    const p = N(), n = P(() => {
+  }, p) => {
+    const n = y(), f = N(() => {
       var s;
-      return (s = r == null ? void 0 : r.slice(0, 4)) == null ? void 0 : s.map((e, f) => /* @__PURE__ */ i(
-        w,
+      return (s = r == null ? void 0 : r.slice(0, 4)) == null ? void 0 : s.map((e, g) => /* @__PURE__ */ i(
+        U,
         {
           title: e == null ? void 0 : e.name,
           price: e == null ? void 0 : e.price,
@@ -35,29 +35,30 @@ const w = b(y), R = h(
           onSelectCard: () => o == null ? void 0 : o(e == null ? void 0 : e.uuid),
           image: d(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null
         },
-        f
+        g
       ));
     }, [r]);
-    return /* @__PURE__ */ g(
-      _,
+    return /* @__PURE__ */ b(
+      w,
       {
+        ref: p,
         className: `blog-product-cards-section ${m ? "highlight" : ""}`,
         children: [
           /* @__PURE__ */ i("div", { className: "wrapper__grid", children: /* @__PURE__ */ i(
-            M,
+            S,
             {
               isLoading: a,
               limit: c,
               keyPrefix: "blog-section",
-              children: n
+              children: f
             }
           ) }),
           /* @__PURE__ */ i(
-            S,
+            _,
             {
               text: u,
               borderRadius: "curved",
-              btnType: p ? "basic" : "outline",
+              btnType: n ? "basic" : "outline",
               color: "neutral",
               className: "wrapper__action",
               onClick: () => t(l)

package/dist/BlogShopCardsSection.cjs

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

package/dist/BlogShopCardsSection.js

@@ -1,29 +1,29 @@
-import { jsx as o, Fragment as u, jsxs as g } from "react/jsx-runtime";
-import { Suspense as S, memo as b, forwardRef as _, useMemo as C } from "react";
-import { u as k } from "./useDetectMobile-Bkvj0VMa.js";
-import { a as w, S as v } from "./skeleton-Bil8w1A7.js";
-import M from "./Button.js";
-import { W as y } from "./style-tw6KjI2J.js";
-const N = ({ limit: s = 4, isLoading: a = !1, keyPrefix: r }) => /* @__PURE__ */ o(u, { children: Array.from({ length: s }, (i, t) => /* @__PURE__ */ o(
-  w,
+import { jsx as o, Fragment as u, jsxs as S } from "react/jsx-runtime";
+import { Suspense as b, memo as _, forwardRef as C, useMemo as k } from "react";
+import { u as w } from "./useDetectMobile-Bkvj0VMa.js";
+import { a as v, S as M } from "./skeleton-Bil8w1A7.js";
+import y from "./Button.js";
+import { W as N } from "./style-tw6KjI2J.js";
+const $ = ({ limit: s = 4, isLoading: a = !1, keyPrefix: r }) => /* @__PURE__ */ o(u, { children: Array.from({ length: s }, (i, t) => /* @__PURE__ */ o(
+  v,
   {
     isLoading: a
   },
   `${r}-skeleton-shop-card-${t}`
-)) }), $ = ({
+)) }), j = ({
   children: s,
   fallbackComponent: a = /* @__PURE__ */ o(u, {}),
   isLoading: r = !1,
   limit: i,
   keyPrefix: t
-}) => /* @__PURE__ */ o(S, { fallbackComponent: a, children: r === !0 ? /* @__PURE__ */ o(
-  N,
+}) => /* @__PURE__ */ o(b, { fallbackComponent: a, children: r === !0 ? /* @__PURE__ */ o(
+  $,
   {
     isLoading: r,
     limit: i,
     keyPrefix: t
   }
-) : s }), j = b(v), F = _(
+) : s }), z = _(M), F = C(
   ({
     buttonText: s,
     buttonLink: a,
@@ -37,11 +37,11 @@ const N = ({ limit: s = 4, isLoading: a = !1, keyPrefix: r }) => /* @__PURE__ */
     getImage: c = () => {
     },
     isHighlight: d = !1
-  }, z) => {
-    const m = k(), h = C(() => {
+  }, m) => {
+    const h = w(), f = k(() => {
       var n;
-      return (n = r == null ? void 0 : r.slice(0, 4)) == null ? void 0 : n.map((e, f) => /* @__PURE__ */ o(
-        j,
+      return (n = r == null ? void 0 : r.slice(0, 4)) == null ? void 0 : n.map((e, g) => /* @__PURE__ */ o(
+        z,
         {
           uuid: e == null ? void 0 : e.uuid,
           title: e == null ? void 0 : e.name,
@@ -52,25 +52,25 @@ const N = ({ limit: s = 4, isLoading: a = !1, keyPrefix: r }) => /* @__PURE__ */
           image: c(e == null ? void 0 : e.profileImage, e == null ? void 0 : e.uuid) || null,
           hideProducts: !0
         },
-        `shop-card__${f + 1}`
+        `shop-card__${g + 1}`
       ));
     }, [r]);
-    return /* @__PURE__ */ g(y, { className: d ? "highlight" : "", children: [
+    return /* @__PURE__ */ S(N, { ref: m, className: d ? "highlight" : "", children: [
       /* @__PURE__ */ o("div", { className: "wrapper__grid", children: /* @__PURE__ */ o(
-        $,
+        j,
         {
           isLoading: l,
           limit: p,
           keyPrefix: "blog-section",
-          children: h
+          children: f
         }
       ) }),
       /* @__PURE__ */ o(
-        M,
+        y,
         {
           text: s,
           borderRadius: "curved",
-          btnType: m ? "basic" : "outline",
+          btnType: h ? "basic" : "outline",
           color: "neutral",
           className: "wrapper__action",
           onClick: () => i(a)

package/dist/BrandHitsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),p=require("react"),m=require("./utils-Dl9xPH4c.cjs"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./consts-goSZX3xP.cjs"),h=o.styled.div`
+"use strict";const e=require("react/jsx-runtime"),o=require("react"),m=require("./utils-Dl9xPH4c.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),l=require("./consts-goSZX3xP.cjs"),_=d.styled.div`
   width: 7.5rem;
   height: auto;
   max-height: 7.5rem;
@@ -12,7 +12,7 @@
     height: auto;
   }
 
-  @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${l.MOBILE_SIZE_PX+"px"}) {
     width: 4.5rem;
     height: auto;
     max-height: 4.5rem;
@@ -22,16 +22,16 @@
       height: auto;
     }
   }
-`,_=o.styled.div`
+`,g=d.styled.div`
   width: 7.5rem;
   height: 3.5rem;
   background: ${m.linearGradientAnimation("-90deg")};
 
-  @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${l.MOBILE_SIZE_PX+"px"}) {
     width: 4.5rem;
     height: 4.5rem;
   }
-`,g=p.forwardRef(({imageComponent:t,image:i,onSelectCard:a},l)=>e.jsx(h,{children:m.isDefined(t)?t:e.jsx("img",{src:i,className:"wrapper__image",onClick:a})})),w=p.forwardRef(({},t)=>e.jsx(_,{})),x=o.styled.div`
+`,w=o.forwardRef(({imageComponent:t,image:i,onSelectCard:a},n)=>e.jsx(_,{ref:n,children:m.isDefined(t)?t:e.jsx("img",{src:i,className:"wrapper__image",onClick:a})})),x=o.forwardRef(({},t)=>e.jsx(g,{})),f=d.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -80,7 +80,7 @@
     }
   }
 
-  @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${l.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__content {
       align-content: center;
       gap: 1rem;
@@ -91,4 +91,4 @@
       }
     }
   }
-`,f=p.forwardRef(({title:t,subtitle:i,items:a=[],isLoading:l=!1,onSelectCard:n=()=>{}},u)=>{var c;return e.jsxs(x,{children:[e.jsxs("div",{className:"wrapper__heading",children:[t&&e.jsx("div",{className:"wrapper__title",children:t}),i&&e.jsx("div",{className:"wrapper__subtitle",children:i})]}),e.jsx("div",{className:"wrapper__content",children:l?(c=Array.from("12345"))==null?void 0:c.map((r,s)=>e.jsx(w,{},`brand-hit-card-skeleton__${s+1}`)):a==null?void 0:a.map((r,s)=>e.jsx(g,{image:r==null?void 0:r.image,imageComponent:r==null?void 0:r.imageComponent,onSelectCard:()=>n==null?void 0:n(r),className:"wrapper__item"},`brand-hit-card__${s+1}`))})]})});module.exports=f;
+`,u=o.forwardRef(({title:t,subtitle:i,items:a=[],isLoading:n=!1,onSelectCard:s=()=>{}},h)=>{var c;return e.jsxs(f,{ref:h,children:[e.jsxs("div",{className:"wrapper__heading",children:[t&&e.jsx("div",{className:"wrapper__title",children:t}),i&&e.jsx("div",{className:"wrapper__subtitle",children:i})]}),e.jsx("div",{className:"wrapper__content",children:n?(c=Array.from("12345"))==null?void 0:c.map((r,p)=>e.jsx(x,{},`brand-hit-card-skeleton__${p+1}`)):a==null?void 0:a.map((r,p)=>e.jsx(w,{image:r==null?void 0:r.image,imageComponent:r==null?void 0:r.imageComponent,onSelectCard:()=>s==null?void 0:s(r),className:"wrapper__item"},`brand-hit-card__${p+1}`))})]})});module.exports=u;