@lanaco/lnc-react-ui 4.0.62 → 4.0.64

package/dist/BlogCardsSponsoredSection.cjs

@@ -9,6 +9,7 @@
   background: var(--white, #fff);
   min-height: 10.5rem;
   position: relative;
+  width: 100%;
 
   &:hover {
     cursor: pointer;

package/dist/BlogCardsSponsoredSection.js

@@ -19,6 +19,7 @@ const T = y.div`
   background: var(--white, #fff);
   min-height: 10.5rem;
   position: relative;
+  width: 100%;
 
   &:hover {
     cursor: pointer;

package/dist/BlogListSection.cjs

@@ -9,6 +9,7 @@
   background: var(--white, #fff);
   min-height: 10.5rem;
   position: relative;
+  width: 100%;
 
   &:hover {
     cursor: pointer;

package/dist/BlogListSection.js

@@ -18,6 +18,7 @@ const L = y.div`
   background: var(--white, #fff);
   min-height: 10.5rem;
   position: relative;
+  width: 100%;
 
   &:hover {
     cursor: pointer;
@@ -133,8 +134,8 @@ const L = y.div`
     publishedAt: l,
     timeToReadText: s = "{0} min read",
     timeToRead: o = 0,
-    numberOfLikes: c = 0,
-    numberOfComments: d = 0,
+    numberOfLikes: d = 0,
+    numberOfComments: c = 0,
     onSelectCard: p = () => {
     },
     onSelectOption: u = () => {
@@ -169,11 +170,11 @@ const L = y.div`
           /* @__PURE__ */ i("div", { className: "info__text", children: [
             /* @__PURE__ */ i("div", { children: [
               /* @__PURE__ */ t(h, { icon: " mng-lnc-thumbs-up", sizeInUnits: "1rem" }),
-              w(c)
+              w(d)
             ] }),
             /* @__PURE__ */ i("div", { children: [
               /* @__PURE__ */ t(h, { icon: " mng-lnc-messages", sizeInUnits: "1rem" }),
-              w(d)
+              w(c)
             ] })
           ] })
         ] }),
@@ -240,8 +241,8 @@ const L = y.div`
     },
     onBookmark: o = () => {
     },
-    isLoading: c = !1,
-    getImage: d = () => {
+    isLoading: d = !1,
+    getImage: c = () => {
     },
     isSeparated: p = !0
   }, u) => {
@@ -261,14 +262,14 @@ const L = y.div`
         onSelectOption: (r) => l == null ? void 0 : l(r),
         onShare: () => s == null ? void 0 : s(e == null ? void 0 : e.uuid),
         onBookmark: () => o == null ? void 0 : o(e == null ? void 0 : e.uuid),
-        imageUrl: d(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null
+        imageUrl: c(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null
       },
       `blog-card-item__${_ + 1}`
     )), [n]);
     return /* @__PURE__ */ t(U, { className: p ? "separated" : "", children: /* @__PURE__ */ t(
       $,
       {
-        isLoading: c,
+        isLoading: d,
         limit: 5,
         keyPrefix: "blog-section",
         children: f

package/dist/BlogProductCardsSection.cjs

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),u=require("react"),q=require("./useDetectMobile-D6d5LpdL.cjs"),P=require("./index-CfA579i2.cjs"),h=require("./suspense-product-card-simple-CQxB1MF4.cjs"),j=require("./Button.cjs"),f=require("./style-OPSfrtFm.cjs"),y=u.memo(P.SimpleProductCard),M=u.forwardRef(({buttonText:t,buttonLink:o,items:i,onButtonAction:l=()=>{},onSelectCard:s=()=>{},isLoading:n=!1,limit:d=4,getImage:a=()=>{},isHighlight:p=!0},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(f.Wrapper,{className:p?"highlight":"",children:[r.jsx("div",{className:"wrapper__grid",children:r.jsx(h.SuspenseSimpleProductCard,{isLoading:n,limit:d,keyPrefix:"blog-section",children:b})}),r.jsx(j,{text:t,borderRadius:"curved",btnType:m?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>l(o)})]})});module.exports=M;
+"use strict";const r=require("react/jsx-runtime"),u=require("react"),q=require("./useDetectMobile-D6d5LpdL.cjs"),P=require("./index-CfA579i2.cjs"),f=require("./suspense-product-card-simple-CQxB1MF4.cjs"),h=require("./Button.cjs"),j=require("./style-OPSfrtFm.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: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;

package/dist/BlogProductCardsSection.js

@@ -8,17 +8,17 @@ import { W as _ } from "./style-DOKM5cZi.js";
 const w = b(y), R = h(
   ({
     buttonText: u,
-    buttonLink: t,
+    buttonLink: l,
     items: r,
-    onButtonAction: l = () => {
+    onButtonAction: a = () => {
     },
     onSelectCard: o = () => {
     },
-    isLoading: a = !1,
+    isLoading: t = !1,
     limit: c = 4,
     getImage: d = () => {
     },
-    isHighlight: m = !0
+    isHighlight: m = !1
   }, U) => {
     const p = N(), n = P(() => {
       var s;
@@ -42,7 +42,7 @@ const w = b(y), R = h(
       /* @__PURE__ */ i("div", { className: "wrapper__grid", children: /* @__PURE__ */ i(
         M,
         {
-          isLoading: a,
+          isLoading: t,
           limit: c,
           keyPrefix: "blog-section",
           children: n
@@ -56,7 +56,7 @@ const w = b(y), R = h(
           btnType: p ? "basic" : "outline",
           color: "neutral",
           className: "wrapper__action",
-          onClick: () => l(t)
+          onClick: () => a(l)
         }
       )
     ] });

package/dist/BlogShopCardsSection.cjs

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

package/dist/BlogShopCardsSection.js

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

package/package.json

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