@lanaco/lnc-react-ui 4.0.78 → 4.0.80

package/dist/BlogsSectionSimpleCentered.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),a=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),p=require("./consts-CtNoHdBj.cjs"),b=require("./useDetectMobile-D6d5LpdL.cjs"),m=require("./utils-BXPz9bck.cjs"),j=require("./Button.cjs"),S=require("./index-CAqPGuiA.cjs"),k=u.styled.div`
+"use strict";const t=require("react/jsx-runtime"),l=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),p=require("./consts-CtNoHdBj.cjs"),x=require("./useDetectMobile-D6d5LpdL.cjs"),m=require("./utils-BXPz9bck.cjs"),w=require("./Button.cjs"),b=require("./index-CAqPGuiA.cjs"),j=u.styled.div`
   display: grid;
   grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -74,4 +74,4 @@
     color: var(--gray-700, #4e555f);
     ${m.truncateTextInRows(3)}
   }
-`,g=a.forwardRef((i,n)=>{const{title:r,imageUrl:l,text:o,buttonText:d,onCardClick:s}=i;return t.jsxs(h,{ref:n,className:"blog-card",onClick:s,children:[t.jsx(S.ProductImageWrapper,{src:l}),t.jsxs(f,{children:[t.jsx("div",{className:"text-wr-title",children:r}),t.jsx("div",{className:"text-wr",children:o})]}),t.jsx(j,{borderRadius:"curved",color:"gray",type:"button",btnType:"outline",onClick:s,size:"medium",children:d})]})}),C=a.forwardRef((i,n)=>{const{onCardClick:r}=i;return t.jsxs(h,{className:"product-card",onClick:r,children:[t.jsx("div",{className:"skeleton-img"}),t.jsx(f,{children:t.jsx("div",{className:"skeleton-title"})})]})}),y=({limit:i=3,isLoading:n=!1,keyPrefix:r})=>t.jsx(t.Fragment,{children:Array.from({length:i},(l,o)=>t.jsx(C,{isLoading:n},`${r}-skeleton-product-card-${o}`))}),v=({children:i,fallbackComponent:n=t.jsx(t.Fragment,{}),isLoading:r=!1,limit:l,keyPrefix:o})=>t.jsx(a.Suspense,{fallbackComponent:n,children:r===!0?t.jsx(y,{isLoading:r,limit:l,keyPrefix:o}):i}),$=a.forwardRef((i,n)=>{const{items:r,limit:l=3,onSelectCard:o=()=>{},isLoading:d=!1,getImage:s=()=>{}}=i,w=b.useDetectMobile();return t.jsx(k,{ref:n,limit:l,children:t.jsx(v,{isLoading:d,limit:l,keyPrefix:"explore-landing",children:t.jsx(t.Fragment,{children:w===!0?r==null?void 0:r.map((e,c)=>t.jsx(g,{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,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>o(e==null?void 0:e.titleSlug)},c)):r==null?void 0:r.slice(0,l).map((e,c)=>t.jsx(g,{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,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>o(e==null?void 0:e.titleSlug)},c))})})})});module.exports=$;
+`,g=l.forwardRef((i,n)=>{const{title:r,image:o,text:a,buttonText:d,onCardClick:s}=i;return t.jsxs(h,{ref:n,className:"blog-card",onClick:s,children:[t.jsx(b.ProductImageWrapper,{src:o}),t.jsxs(f,{children:[t.jsx("div",{className:"text-wr-title",children:r}),t.jsx("div",{className:"text-wr",children:a})]}),t.jsx(w,{borderRadius:"curved",color:"gray",type:"button",btnType:"outline",onClick:s,size:"medium",children:d})]})}),k=l.forwardRef((i,n)=>{const{onCardClick:r}=i;return t.jsxs(h,{className:"product-card",onClick:r,children:[t.jsx("div",{className:"skeleton-img"}),t.jsx(f,{children:t.jsx("div",{className:"skeleton-title"})})]})}),C=({limit:i=3,isLoading:n=!1,keyPrefix:r})=>t.jsx(t.Fragment,{children:Array.from({length:i},(o,a)=>t.jsx(k,{isLoading:n},`${r}-skeleton-product-card-${a}`))}),y=({children:i,fallbackComponent:n=t.jsx(t.Fragment,{}),isLoading:r=!1,limit:o,keyPrefix:a})=>t.jsx(l.Suspense,{fallbackComponent:n,children:r===!0?t.jsx(C,{isLoading:r,limit:o,keyPrefix:a}):i}),v=l.forwardRef((i,n)=>{const{items:r,limit:o=3,onSelectCard:a=()=>{},isLoading:d=!1}=i,s=x.useDetectMobile();return t.jsx(j,{ref:n,limit:o,children:t.jsx(y,{isLoading:d,limit:o,keyPrefix:"explore-landing",children:t.jsx(t.Fragment,{children:s===!0?r==null?void 0:r.map((e,c)=>t.jsx(g,{title:e==null?void 0:e.title,image:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>a(e)},c)):r==null?void 0:r.slice(0,o).map((e,c)=>t.jsx(g,{title:e==null?void 0:e.title,image:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>a(e)},c))})})})});module.exports=v;

package/dist/BlogsSectionSimpleCentered.js

@@ -1,12 +1,12 @@
 import { jsxs as c, jsx as t, Fragment as s } from "react/jsx-runtime";
-import { forwardRef as g, Suspense as C } from "react";
-import { s as p } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { forwardRef as p, Suspense as k } from "react";
+import { s as g } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as h } from "./consts-C1uHV4xc.js";
-import { u as S } from "./useDetectMobile-BC6EGaBc.js";
+import { u as C } from "./useDetectMobile-BC6EGaBc.js";
 import { m as f, t as v } from "./utils-DCs-SbIv.js";
 import y from "./Button.js";
-import { P as $ } from "./index-BLxkXrqU.js";
-const T = p.div`
+import { P as S } from "./index-BLxkXrqU.js";
+const $ = g.div`
   display: grid;
   grid-template-columns: ${(i) => `repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -15,7 +15,7 @@ const T = p.div`
   @media (max-width: ${h + "px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`, b = p.div`
+`, b = g.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -57,7 +57,7 @@ const T = p.div`
   @media (max-width: ${h + "px"}) {
     max-width: unset;
   }
-`, w = p.div`
+`, w = g.div`
   text-align: center;
   display: flex;
   flex-direction: column;
@@ -82,13 +82,13 @@ const T = p.div`
     color: var(--gray-700, #4e555f);
     ${v(3)}
   }
-`, u = g((i, o) => {
-  const { title: r, imageUrl: l, text: n, buttonText: d, onCardClick: a } = i;
-  return /* @__PURE__ */ c(b, { ref: o, className: "blog-card", onClick: a, children: [
-    /* @__PURE__ */ t($, { src: l }),
+`, u = p((i, o) => {
+  const { title: r, image: n, text: a, buttonText: m, onCardClick: l } = i;
+  return /* @__PURE__ */ c(b, { ref: o, className: "blog-card", onClick: l, children: [
+    /* @__PURE__ */ t(S, { src: n }),
     /* @__PURE__ */ c(w, { children: [
       /* @__PURE__ */ t("div", { className: "text-wr-title", children: r }),
-      /* @__PURE__ */ t("div", { className: "text-wr", children: n })
+      /* @__PURE__ */ t("div", { className: "text-wr", children: a })
     ] }),
     /* @__PURE__ */ t(
       y,
@@ -97,13 +97,13 @@ const T = p.div`
         color: "gray",
         type: "button",
         btnType: "outline",
-        onClick: a,
+        onClick: l,
         size: "medium",
-        children: d
+        children: m
       }
     )
   ] });
-}), B = g((i, o) => {
+}), x = p((i, o) => {
   const { onCardClick: r } = i;
   return (
     // <SimpleBlogCardSkeleton />
@@ -112,67 +112,63 @@ const T = p.div`
       /* @__PURE__ */ t(w, { children: /* @__PURE__ */ t("div", { className: "skeleton-title" }) })
     ] })
   );
-}), N = ({ limit: i = 3, isLoading: o = !1, keyPrefix: r }) => /* @__PURE__ */ t(s, { children: Array.from({ length: i }, (l, n) => /* @__PURE__ */ t(
-  B,
+}), T = ({ limit: i = 3, isLoading: o = !1, keyPrefix: r }) => /* @__PURE__ */ t(s, { children: Array.from({ length: i }, (n, a) => /* @__PURE__ */ t(
+  x,
   {
     isLoading: o
   },
-  `${r}-skeleton-product-card-${n}`
-)) }), I = ({
+  `${r}-skeleton-product-card-${a}`
+)) }), B = ({
   children: i,
   fallbackComponent: o = /* @__PURE__ */ t(s, {}),
   isLoading: r = !1,
-  limit: l,
-  keyPrefix: n
-}) => /* @__PURE__ */ t(C, { fallbackComponent: o, children: r === !0 ? /* @__PURE__ */ t(
-  N,
+  limit: n,
+  keyPrefix: a
+}) => /* @__PURE__ */ t(k, { fallbackComponent: o, children: r === !0 ? /* @__PURE__ */ t(
+  T,
   {
     isLoading: r,
-    limit: l,
-    keyPrefix: n
+    limit: n,
+    keyPrefix: a
   }
-) : i }), A = g((i, o) => {
+) : i }), _ = p((i, o) => {
   const {
     items: r,
-    limit: l = 3,
-    onSelectCard: n = () => {
+    limit: n = 3,
+    onSelectCard: a = () => {
     },
-    isLoading: d = !1,
-    getImage: a = () => {
-    }
-  } = i, k = S();
-  return /* @__PURE__ */ t(T, { ref: o, limit: l, children: /* @__PURE__ */ t(
-    I,
+    isLoading: m = !1
+  } = i, l = C();
+  return /* @__PURE__ */ t($, { ref: o, limit: n, children: /* @__PURE__ */ t(
+    B,
     {
-      isLoading: d,
-      limit: l,
+      isLoading: m,
+      limit: n,
       keyPrefix: "explore-landing",
-      children: /* @__PURE__ */ t(s, { children: k === !0 ? r == null ? void 0 : r.map((e, m) => /* @__PURE__ */ t(
+      children: /* @__PURE__ */ t(s, { children: l === !0 ? r == null ? void 0 : r.map((e, d) => /* @__PURE__ */ t(
         u,
         {
           title: e == null ? void 0 : e.title,
-          imageUrl: a(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,
+          image: (e == null ? void 0 : e.image) || null,
+          text: e == null ? void 0 : e.text,
           buttonText: e == null ? void 0 : e.buttonText,
-          onCardClick: () => n(e == null ? void 0 : e.titleSlug)
+          onCardClick: () => a(e)
         },
-        m
-      )) : r == null ? void 0 : r.slice(0, l).map((e, m) => /* @__PURE__ */ t(
+        d
+      )) : r == null ? void 0 : r.slice(0, n).map((e, d) => /* @__PURE__ */ t(
         u,
         {
           title: e == null ? void 0 : e.title,
-          imageUrl: a(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,
+          image: (e == null ? void 0 : e.image) || null,
+          text: e == null ? void 0 : e.text,
           buttonText: e == null ? void 0 : e.buttonText,
-          onCardClick: () => n(e == null ? void 0 : e.titleSlug)
+          onCardClick: () => a(e)
         },
-        m
+        d
       )) })
     }
   ) });
 });
 export {
-  A as default
+  _ as default
 };

package/dist/BlogsSectionWithFilters.cjs

@@ -1,12 +1,12 @@
-"use strict";const t=require("react/jsx-runtime"),d=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-CtNoHdBj.cjs"),N=require("./useDetectMobile-D6d5LpdL.cjs"),a=require("./utils-BXPz9bck.cjs"),q=require("./style-C571ywKV.cjs"),$=require("./Button.cjs"),T=require("./Link.cjs"),B=require("./index-CAqPGuiA.cjs"),M=require("./index-ryadTWiS.cjs"),R=h.styled.div`
+"use strict";const e=require("react/jsx-runtime"),c=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-CtNoHdBj.cjs"),C=require("./useDetectMobile-D6d5LpdL.cjs"),a=require("./utils-BXPz9bck.cjs"),N=require("./style-C571ywKV.cjs"),q=require("./Button.cjs"),$=require("./Link.cjs"),T=require("./index-CAqPGuiA.cjs"),B=require("./index-ryadTWiS.cjs"),M=h.styled.div`
   display: grid;
   grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${k.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`,y=h.styled.div`
+`,w=h.styled.div`
   display: flex;
   width: 100%;
   box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
@@ -42,9 +42,9 @@
     margin-top: auto;
   }
 
-  @media (max-width: ${k.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
   }
-`,S=h.styled.div`
+`,k=h.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -73,4 +73,4 @@
     color: var(--gray-700, #4e555f);
     ${a.truncateTextInRows(3)}
   }
-`,W=d.forwardRef((i,o)=>{const{title:n,imageUrl:s,text:r,buttonText:m,onCardClick:l}=i;return t.jsxs(y,{ref:o,className:"blog-card",onClick:l,children:[t.jsxs(S,{children:[t.jsx("div",{className:"text-wr-title",children:n}),t.jsx("div",{className:"text-wr",children:r}),t.jsx(T,{color:"gray",onClick:l,children:m})]}),t.jsx(B.ProductImageWrapper,{src:s})]})}),I=d.forwardRef(({},i)=>t.jsxs(y,{className:"blog-card",children:[t.jsxs(S,{children:[t.jsx("div",{className:"skeleton-title"}),t.jsx("div",{className:"text-wr"}),t.jsx("div",{className:"skeleton-action"})]}),t.jsx("div",{className:"skeleton-img"})]})),P=({limit:i=3,isLoading:o=!1,keyPrefix:n})=>t.jsx(t.Fragment,{children:Array.from({length:i},(s,r)=>t.jsx(I,{isLoading:o},`${n}-skeleton-product-card-${r}`))}),_=({children:i,fallbackComponent:o=t.jsx(t.Fragment,{}),isLoading:n=!1,limit:s,keyPrefix:r})=>t.jsx(d.Suspense,{fallbackComponent:o,children:n===!0?t.jsx(P,{isLoading:n,limit:s,keyPrefix:r}):i}),w=d.memo(W),z=d.forwardRef((i,o)=>{const{icon:n,title:s,items:r,buttonText:m,limit:l=3,options:c,onButtonAction:v=()=>{},buttonLink:p,onSelectOption:j=()=>{},isLoading:x=!1,onSelectCard:u=()=>{},getImage:b=()=>{}}=i,f=N.useDetectMobile(),C=d.useMemo(()=>t.jsx(t.Fragment,{children:f===!0?r==null?void 0:r.map((e,g)=>t.jsx(w,{title:e==null?void 0:e.title,imageUrl:b(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,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>u(e)},g)):r==null?void 0:r.slice(0,l).map((e,g)=>t.jsx(w,{title:e==null?void 0:e.title,imageUrl:b(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,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>u(e)},g))}),[r,f,l,u]);return t.jsxs(q.TitleWithOptionsSectionWrapper,{ref:o,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[a.isDefinedNotEmptyString(n)&&t.jsx("i",{className:n}),t.jsx("span",{children:s})]}),a.isDefinedNotEmptyString(p)&&t.jsx($,{type:"button",btnType:"tinted",color:"gray",onClick:()=>v(p),borderRadius:"curved",children:m})]}),(c==null?void 0:c.length)>0&&t.jsx(M.SelectBar,{items:c,onRemove:e=>{j(e)},onSelect:e=>{j(e)},labelKey:"name",valueKey:"code",noMargin:!0}),t.jsx(R,{limit:l,children:t.jsx(_,{isLoading:x,limit:l,keyPrefix:"explore-landing",children:C})})]})});module.exports=z;
+`,R=c.forwardRef((i,o)=>{const{title:n,imageUrl:l,text:r,buttonText:m,onCardClick:s}=i;return e.jsxs(w,{ref:o,className:"blog-card",onClick:s,children:[e.jsxs(k,{children:[e.jsx("div",{className:"text-wr-title",children:n}),e.jsx("div",{className:"text-wr",children:r}),e.jsx($,{color:"gray",onClick:s,children:m})]}),e.jsx(T.ProductImageWrapper,{src:l})]})}),W=c.forwardRef(({},i)=>e.jsxs(w,{className:"blog-card",children:[e.jsxs(k,{children:[e.jsx("div",{className:"skeleton-title"}),e.jsx("div",{className:"text-wr"}),e.jsx("div",{className:"skeleton-action"})]}),e.jsx("div",{className:"skeleton-img"})]})),P=({limit:i=3,isLoading:o=!1,keyPrefix:n})=>e.jsx(e.Fragment,{children:Array.from({length:i},(l,r)=>e.jsx(W,{isLoading:o},`${n}-skeleton-product-card-${r}`))}),_=({children:i,fallbackComponent:o=e.jsx(e.Fragment,{}),isLoading:n=!1,limit:l,keyPrefix:r})=>e.jsx(c.Suspense,{fallbackComponent:o,children:n===!0?e.jsx(P,{isLoading:n,limit:l,keyPrefix:r}):i}),b=c.memo(R),z=c.forwardRef((i,o)=>{const{icon:n,title:l,items:r,buttonText:m,limit:s=3,options:d,onButtonAction:y=()=>{},buttonLink:p,onSelectOption:x=()=>{},isLoading:v=!1,onSelectCard:u=()=>{}}=i,j=C.useDetectMobile(),S=c.useMemo(()=>e.jsx(e.Fragment,{children:j===!0?r==null?void 0:r.map((t,g)=>e.jsx(b,{title:t==null?void 0:t.title,imageUrl:(t==null?void 0:t.image)||null,text:t==null?void 0:t.text,buttonText:t==null?void 0:t.buttonText,onCardClick:()=>u(t)},g)):r==null?void 0:r.slice(0,s).map((t,g)=>e.jsx(b,{title:t==null?void 0:t.title,imageUrl:(t==null?void 0:t.image)||null,text:t==null?void 0:t.text,buttonText:t==null?void 0:t.buttonText,onCardClick:()=>u(t)},g))}),[r,j,s,u]);return e.jsxs(N.TitleWithOptionsSectionWrapper,{ref:o,children:[e.jsxs("div",{className:"regular-title",children:[e.jsxs("div",{className:"regular-title-text",children:[a.isDefinedNotEmptyString(n)&&e.jsx("i",{className:n}),e.jsx("span",{children:l})]}),a.isDefinedNotEmptyString(p)&&e.jsx(q,{type:"button",btnType:"tinted",color:"gray",onClick:()=>y(p),borderRadius:"curved",children:m})]}),(d==null?void 0:d.length)>0&&e.jsx(B.SelectBar,{items:d,onRemove:t=>{x(t)},onSelect:t=>{x(t)},labelKey:"name",valueKey:"code",noMargin:!0}),e.jsx(M,{limit:s,children:e.jsx(_,{isLoading:v,limit:s,keyPrefix:"explore-landing",children:S})})]})});module.exports=z;

package/dist/BlogsSectionWithFilters.js

@@ -1,23 +1,23 @@
-import { jsxs as n, jsx as t, Fragment as u } from "react/jsx-runtime";
-import { forwardRef as h, Suspense as M, memo as P, useMemo as z } from "react";
+import { jsxs as l, jsx as t, Fragment as h } from "react/jsx-runtime";
+import { forwardRef as u, Suspense as W, memo as x, useMemo as M } from "react";
 import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as C } from "./consts-C1uHV4xc.js";
-import { u as I } from "./useDetectMobile-BC6EGaBc.js";
-import { m as p, t as U, k as S } from "./utils-DCs-SbIv.js";
-import { T as R } from "./style-CsMpu4iC.js";
-import j from "./Button.js";
-import A from "./Link.js";
-import { P as E } from "./index-BLxkXrqU.js";
-import { S as F } from "./index-DXmajb7F.js";
-const L = f.div`
+import { M as S } from "./consts-C1uHV4xc.js";
+import { u as P } from "./useDetectMobile-BC6EGaBc.js";
+import { m as g, t as z, k as v } from "./utils-DCs-SbIv.js";
+import { T as I } from "./style-CsMpu4iC.js";
+import R from "./Button.js";
+import j from "./Link.js";
+import { P as A } from "./index-BLxkXrqU.js";
+import { S as E } from "./index-DXmajb7F.js";
+const F = f.div`
   display: grid;
   grid-template-columns: ${(i) => `repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${C + "px"}) {
+  @media (max-width: ${S + "px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`, N = f.div`
+`, C = f.div`
   display: flex;
   width: 100%;
   box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
@@ -46,16 +46,16 @@ const L = f.div`
     min-height: 3.3125rem;
     max-height: 3.3125rem;
     border-radius: 0.75rem;
-    background-color: ${p("-90deg")};
+    background-color: ${g("-90deg")};
   }
 
   & a {
     margin-top: auto;
   }
 
-  @media (max-width: ${C + "px"}) {
+  @media (max-width: ${S + "px"}) {
   }
-`, T = f.div`
+`, N = f.div`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -69,118 +69,114 @@ const L = f.div`
   & .skeleton-title {
     height: 1.5rem;
     width: 80%;
-    background-color: ${p("-90deg")};
+    background-color: ${g("-90deg")};
   }
 
   & .skeleton-action {
     height: 1.25rem;
     width: 20%;
-    background-color: ${p("-90deg")};
+    background-color: ${g("-90deg")};
   }
 
   & .text-wr {
     font-weight: 400;
     font-size: 0.875rem;
     color: var(--gray-700, #4e555f);
-    ${U(3)}
+    ${z(3)}
   }
-`, O = h((i, l) => {
-  const { title: o, imageUrl: m, text: r, buttonText: c, onCardClick: a } = i;
-  return /* @__PURE__ */ n(N, { ref: l, className: "blog-card", onClick: a, children: [
-    /* @__PURE__ */ n(T, { children: [
+`, L = u((i, a) => {
+  const { title: o, imageUrl: m, text: r, buttonText: c, onCardClick: n } = i;
+  return /* @__PURE__ */ l(C, { ref: a, className: "blog-card", onClick: n, children: [
+    /* @__PURE__ */ l(N, { children: [
       /* @__PURE__ */ t("div", { className: "text-wr-title", children: o }),
       /* @__PURE__ */ t("div", { className: "text-wr", children: r }),
-      /* @__PURE__ */ t(A, { color: "gray", onClick: a, children: c })
+      /* @__PURE__ */ t(j, { color: "gray", onClick: n, children: c })
     ] }),
-    /* @__PURE__ */ t(E, { src: m })
+    /* @__PURE__ */ t(A, { src: m })
   ] });
-}), _ = h(({}, i) => /* @__PURE__ */ n(N, { className: "blog-card", children: [
-  /* @__PURE__ */ n(T, { children: [
+}), O = u(({}, i) => /* @__PURE__ */ l(C, { className: "blog-card", children: [
+  /* @__PURE__ */ l(N, { children: [
     /* @__PURE__ */ t("div", { className: "skeleton-title" }),
     /* @__PURE__ */ t("div", { className: "text-wr" }),
     /* @__PURE__ */ t("div", { className: "skeleton-action" })
   ] }),
   /* @__PURE__ */ t("div", { className: "skeleton-img" })
-] })), D = ({ limit: i = 3, isLoading: l = !1, keyPrefix: o }) => /* @__PURE__ */ t(u, { children: Array.from({ length: i }, (m, r) => /* @__PURE__ */ t(
-  _,
+] })), U = ({ limit: i = 3, isLoading: a = !1, keyPrefix: o }) => /* @__PURE__ */ t(h, { children: Array.from({ length: i }, (m, r) => /* @__PURE__ */ t(
+  O,
   {
-    isLoading: l
+    isLoading: a
   },
   `${o}-skeleton-product-card-${r}`
-)) }), G = ({
+)) }), _ = ({
   children: i,
-  fallbackComponent: l = /* @__PURE__ */ t(u, {}),
+  fallbackComponent: a = /* @__PURE__ */ t(h, {}),
   isLoading: o = !1,
   limit: m,
   keyPrefix: r
-}) => /* @__PURE__ */ t(M, { fallbackComponent: l, children: o === !0 ? /* @__PURE__ */ t(
-  D,
+}) => /* @__PURE__ */ t(W, { fallbackComponent: a, children: o === !0 ? /* @__PURE__ */ t(
+  U,
   {
     isLoading: o,
     limit: m,
     keyPrefix: r
   }
-) : i }), y = P(O), te = h((i, l) => {
+) : i }), y = x(L), ee = u((i, a) => {
   const {
     icon: o,
     title: m,
     items: r,
     buttonText: c,
-    limit: a = 3,
+    limit: n = 3,
     options: d,
-    onButtonAction: $ = () => {
+    onButtonAction: T = () => {
     },
     buttonLink: b,
     onSelectOption: k = () => {
     },
-    isLoading: B = !1,
+    isLoading: $ = !1,
     onSelectCard: s = () => {
-    },
-    getImage: w = () => {
     }
-  } = i, v = I(), W = z(() => /* @__PURE__ */ t(u, { children: v === !0 ? r == null ? void 0 : r.map((e, g) => /* @__PURE__ */ t(
+  } = i, w = P(), B = M(() => /* @__PURE__ */ t(h, { children: w === !0 ? r == null ? void 0 : r.map((e, p) => /* @__PURE__ */ t(
     y,
     {
       title: e == null ? void 0 : e.title,
-      imageUrl: w(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,
+      imageUrl: (e == null ? void 0 : e.image) || null,
+      text: e == null ? void 0 : e.text,
       buttonText: e == null ? void 0 : e.buttonText,
       onCardClick: () => s(e)
     },
-    g
-  )) : r == null ? void 0 : r.slice(0, a).map((e, g) => /* @__PURE__ */ t(
+    p
+  )) : r == null ? void 0 : r.slice(0, n).map((e, p) => /* @__PURE__ */ t(
     y,
     {
       title: e == null ? void 0 : e.title,
-      imageUrl: w(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,
+      imageUrl: (e == null ? void 0 : e.image) || null,
+      text: e == null ? void 0 : e.text,
       buttonText: e == null ? void 0 : e.buttonText,
       onCardClick: () => s(e)
     },
-    g
-  )) }), [r, v, a, s]);
-  return /* @__PURE__ */ n(R, { ref: l, children: [
-    /* @__PURE__ */ n("div", { className: "regular-title", children: [
-      /* @__PURE__ */ n("div", { className: "regular-title-text", children: [
-        S(o) && /* @__PURE__ */ t("i", { className: o }),
+    p
+  )) }), [r, w, n, s]);
+  return /* @__PURE__ */ l(I, { ref: a, children: [
+    /* @__PURE__ */ l("div", { className: "regular-title", children: [
+      /* @__PURE__ */ l("div", { className: "regular-title-text", children: [
+        v(o) && /* @__PURE__ */ t("i", { className: o }),
         /* @__PURE__ */ t("span", { children: m })
       ] }),
-      S(b) && /* @__PURE__ */ t(
-        j,
+      v(b) && /* @__PURE__ */ t(
+        R,
         {
           type: "button",
           btnType: "tinted",
           color: "gray",
-          onClick: () => $(b),
+          onClick: () => T(b),
           borderRadius: "curved",
           children: c
         }
       )
     ] }),
     (d == null ? void 0 : d.length) > 0 && /* @__PURE__ */ t(
-      F,
+      E,
       {
         items: d,
         onRemove: (e) => {
@@ -194,17 +190,17 @@ const L = f.div`
         noMargin: !0
       }
     ),
-    /* @__PURE__ */ t(L, { limit: a, children: /* @__PURE__ */ t(
-      G,
+    /* @__PURE__ */ t(F, { limit: n, children: /* @__PURE__ */ t(
+      _,
       {
-        isLoading: B,
-        limit: a,
+        isLoading: $,
+        limit: n,
         keyPrefix: "explore-landing",
-        children: W
+        children: B
       }
     ) })
   ] });
 });
 export {
-  te as default
+  ee as default
 };

package/dist/ReviewsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),c=require("react"),m=require("./emotion-styled.browser.esm-BtEseadx.cjs"),R=require("./consts-CtNoHdBj.cjs"),S=require("./useDetectMobile-D6d5LpdL.cjs"),h=require("./utils-BXPz9bck.cjs"),$=require("./ThemeProvider.cjs"),a=require("./index-BPVoEhTF.cjs"),N=require("./index-CAqPGuiA.cjs"),P=m.styled.div`
+"use strict";const r=require("react/jsx-runtime"),d=require("react"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./consts-CtNoHdBj.cjs"),$=require("./useDetectMobile-D6d5LpdL.cjs"),g=require("./utils-BXPz9bck.cjs"),N=require("./ThemeProvider.cjs"),a=require("./index-BPVoEhTF.cjs"),P=require("./index-CAqPGuiA.cjs"),C=c.styled.div`
   display: flex;
   flex-direction: column;
   color: var(--darkest-950);
@@ -8,18 +8,18 @@
     font-weight: 600;
     font-size: 1.5rem;
   }
-`,C=m.styled.div`
+`,R=c.styled.div`
   display: grid;
   grid-template-columns: ${t=>`repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${R.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`,y=m.styled.div`
+`,y=c.styled.div`
   padding-top: 5rem;
   overflow: hidden;
-`,x=m.styled.div`
+`,v=c.styled.div`
   position: relative;
   cursor: pointer;
   display: flex;
@@ -51,11 +51,11 @@
       font-size: 1.375rem;
       font-weight: 600;
       color: var(--gray-950, #14161a);
-      ${h.truncateText()}
+      ${g.truncateText()}
     }
 
     & .cont-text {
-      ${h.truncateTextInRows(2)}
+      ${g.truncateTextInRows(2)}
     }
   }
 
@@ -91,11 +91,11 @@
     box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1),
       0px 4px 6px -2px rgba(0, 0, 0, 0.05);
 
-    ${h.linearGradientAnimation("-90deg")}
+    ${g.linearGradientAnimation("-90deg")}
   }
-`,b=(t,o)=>h.getComponentPropValue(t.theme,"StarRating",t.color,t.disabled===!0?"disabled":"enabled",o),T=m.styled.div`
-  font-size: ${t=>b(t,"fontSize")};
-  line-height: ${t=>b(t,"lineHeight")};
+`,x=(t,o)=>g.getComponentPropValue(t.theme,"StarRating",t.color,t.disabled===!0?"disabled":"enabled",o),k=c.styled.div`
+  font-size: ${t=>x(t,"fontSize")};
+  line-height: ${t=>x(t,"lineHeight")};
   line-height: 1.5rem;
   width: fit-content;
   display: flex;
@@ -114,7 +114,7 @@
     line-height: 1.5rem;
     color: ${t=>t.color};
   }
-`,z=m.styled.span`
+`,T=c.styled.span`
   position: absolute;
   z-index: 1;
   display: block;
@@ -123,10 +123,10 @@
   overflow: hidden;
   width: ${t=>t.width}%;
 
-  color: ${t=>h.getColorRgbaValue(t.theme,"StarRating",t.color,t.disabled===!0?"disabled":"enabled","filledColor")};
-`,k=m.styled.span`
+  color: ${t=>g.getColorRgbaValue(t.theme,"StarRating",t.color,t.disabled===!0?"disabled":"enabled","filledColor")};
+`,z=c.styled.span`
   padding: 0;
   display: block;
   z-index: 0;
   color: ${t=>t.color};
-`,f=c.forwardRef((t,o)=>{const{rating:s=0,reviewCount:i=null,disabled:n=!1,tabIndex:l=0,className:g="",style:p={},color:w="primary",size:e="large"}=t,{theme:u}=$.useTheme(),d={theme:u,color:w,size:e,style:p,disabled:n},j=s/5*100;return r.jsxs(T,{ref:o,tabIndex:l,...d,className:`star-rating ${g}`,children:[r.jsxs("div",{className:"rating",children:[r.jsx(z,{className:"filled-stars",...d,width:j,children:"★★★★★"}),r.jsx(k,{...d,children:"★★★★★"})]}),!isNaN(i)&&Number.isFinite(i)&&r.jsx("div",{className:"review-count",children:`(${i.toLocaleString()})`})]})});f.propTypes={rating:a.PropTypes.number,reviewCount:a.PropTypes.any,disabled:a.PropTypes.bool,tabIndex:a.PropTypes.number,style:a.PropTypes.object,className:a.PropTypes.string,color:a.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral"]),size:a.PropTypes.oneOf(["small","medium","large"])};const q=c.forwardRef((t,o)=>{const{uuid:s,image:i,text:n,title:l,onSelectReview:g=()=>{},rating:p}=t;return r.jsx(y,{ref:o,className:"review-card",onClick:()=>g(s),children:r.jsxs(x,{children:[r.jsx(N.ProductImageWrapper,{src:i}),r.jsxs("div",{className:"cont",children:[r.jsx("span",{className:"cont-title",children:l}),r.jsx("div",{className:"cont-text",children:n})]}),r.jsx(f,{color:"warning",rating:p})]})})}),M=c.forwardRef(({},t)=>r.jsx(y,{className:"review-card",children:r.jsxs(x,{children:[r.jsx("div",{className:"skeleton-img"}),r.jsx("div",{className:"cont"}),r.jsx(f,{color:"warning",rating:0})]})})),I=({limit:t=3,isLoading:o=!1,keyPrefix:s})=>r.jsx(r.Fragment,{children:Array.from({length:t},(i,n)=>r.jsx(M,{isLoading:o},`${s}-skeleton-review-card-${n}`))}),E=({children:t,fallbackComponent:o=r.jsx(r.Fragment,{}),isLoading:s=!1,limit:i,keyPrefix:n})=>r.jsx(c.Suspense,{fallbackComponent:o,children:s===!0?r.jsx(I,{isLoading:s,limit:i,keyPrefix:n}):t}),v=c.memo(q),F=c.forwardRef((t,o)=>{const{title:s="Electronics reviews",items:i,limit:n=3,onSelectCard:l=()=>{},isLoading:g=!1}=t,p=S.useDetectMobile(),w=c.useMemo(()=>r.jsx(r.Fragment,{children:p===!0?i==null?void 0:i.map((e,u)=>r.jsx(v,{text:e==null?void 0:e.text,title:e==null?void 0:e.title,image:e==null?void 0:e.image,uuid:e==null?void 0:e.uuid,rating:e==null?void 0:e.ratingArithmeticMean,productUuid:e==null?void 0:e.productUuid,onSelectReview:d=>l(d)},u)):i==null?void 0:i.slice(0,n).map((e,u)=>r.jsx(v,{text:e==null?void 0:e.text,title:e==null?void 0:e.title,image:e==null?void 0:e.image,uuid:e==null?void 0:e.uuid,rating:e==null?void 0:e.ratingArithmeticMean,productUuid:e==null?void 0:e.productUuid,onSelectReview:d=>l(d)},u))}),[i,p,l,n]);return r.jsxs(P,{ref:o,children:[r.jsx("div",{className:"container-title",children:s}),r.jsx(C,{limit:n,children:r.jsx(E,{isLoading:g,limit:n,keyPrefix:"explore-landing",children:w})})]})});module.exports=F;
+`,w=d.forwardRef((t,o)=>{const{rating:s=0,reviewCount:i=null,disabled:n=!1,tabIndex:l=0,className:m="",style:h={},color:u="primary",size:e="large"}=t,{theme:p}=N.useTheme(),f={theme:p,color:u,size:e,style:h,disabled:n},j=s/5*100;return r.jsxs(k,{ref:o,tabIndex:l,...f,className:`star-rating ${m}`,children:[r.jsxs("div",{className:"rating",children:[r.jsx(T,{className:"filled-stars",...f,width:j,children:"★★★★★"}),r.jsx(z,{...f,children:"★★★★★"})]}),!isNaN(i)&&Number.isFinite(i)&&r.jsx("div",{className:"review-count",children:`(${i.toLocaleString()})`})]})});w.propTypes={rating:a.PropTypes.number,reviewCount:a.PropTypes.any,disabled:a.PropTypes.bool,tabIndex:a.PropTypes.number,style:a.PropTypes.object,className:a.PropTypes.string,color:a.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral"]),size:a.PropTypes.oneOf(["small","medium","large"])};const q=d.forwardRef((t,o)=>{const{image:s,text:i,title:n,onSelectCard:l=()=>{},rating:m}=t;return r.jsx(y,{ref:o,className:"review-card",onClick:l,children:r.jsxs(v,{children:[r.jsx(P.ProductImageWrapper,{src:s}),r.jsxs("div",{className:"cont",children:[r.jsx("span",{className:"cont-title",children:n}),r.jsx("div",{className:"cont-text",children:i})]}),r.jsx(w,{color:"warning",rating:m})]})})}),M=d.forwardRef(({},t)=>r.jsx(y,{className:"review-card",children:r.jsxs(v,{children:[r.jsx("div",{className:"skeleton-img"}),r.jsx("div",{className:"cont"}),r.jsx(w,{color:"warning",rating:0})]})})),I=({limit:t=3,isLoading:o=!1,keyPrefix:s})=>r.jsx(r.Fragment,{children:Array.from({length:t},(i,n)=>r.jsx(M,{isLoading:o},`${s}-skeleton-review-card-${n}`))}),E=({children:t,fallbackComponent:o=r.jsx(r.Fragment,{}),isLoading:s=!1,limit:i,keyPrefix:n})=>r.jsx(d.Suspense,{fallbackComponent:o,children:s===!0?r.jsx(I,{isLoading:s,limit:i,keyPrefix:n}):t}),b=d.memo(q),F=d.forwardRef((t,o)=>{const{title:s="Electronics reviews",items:i,limit:n=3,onSelectCard:l=()=>{},isLoading:m=!1}=t,h=$.useDetectMobile(),u=d.useMemo(()=>r.jsx(r.Fragment,{children:h===!0?i==null?void 0:i.map((e,p)=>r.jsx(b,{text:e==null?void 0:e.text,title:e==null?void 0:e.title,image:e==null?void 0:e.image,link:e==null?void 0:e.link,rating:e==null?void 0:e.ratingArithmeticMean,onSelectCard:()=>l(e)},p)):i==null?void 0:i.slice(0,n).map((e,p)=>r.jsx(b,{text:e==null?void 0:e.text,title:e==null?void 0:e.title,image:e==null?void 0:e.image,link:e==null?void 0:e.link,rating:e==null?void 0:e.ratingArithmeticMean,onSelectCard:()=>l(e)},p))}),[i,h,l,n]);return r.jsxs(C,{ref:o,children:[r.jsx("div",{className:"container-title",children:s}),r.jsx(R,{limit:n,children:r.jsx(E,{isLoading:m,limit:n,keyPrefix:"explore-landing",children:u})})]})});module.exports=F;

package/dist/ReviewsSection.js

@@ -1,13 +1,13 @@
-import { jsxs as p, jsx as t, Fragment as w } from "react/jsx-runtime";
-import { forwardRef as u, Suspense as R, memo as C, useMemo as z } from "react";
-import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as k } from "./consts-C1uHV4xc.js";
+import { jsxs as c, jsx as t, Fragment as w } from "react/jsx-runtime";
+import { forwardRef as h, Suspense as C, memo as k, useMemo as x } from "react";
+import { s as d } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as z } from "./consts-C1uHV4xc.js";
 import { u as P } from "./useDetectMobile-BC6EGaBc.js";
-import { o as M, t as x, m as I, b as j, g as E } from "./utils-DCs-SbIv.js";
+import { o as R, t as M, m as I, b as j, g as E } from "./utils-DCs-SbIv.js";
 import { useTheme as T } from "./ThemeProvider.js";
 import { P as l } from "./index-S5Cd7WrG.js";
 import { P as A } from "./index-BLxkXrqU.js";
-const U = c.div`
+const W = d.div`
   display: flex;
   flex-direction: column;
   color: var(--darkest-950);
@@ -17,18 +17,18 @@ const U = c.div`
     font-weight: 600;
     font-size: 1.5rem;
   }
-`, W = c.div`
+`, F = d.div`
   display: grid;
   grid-template-columns: ${(r) => `repeat(${r.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${k + "px"}) {
+  @media (max-width: ${z + "px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`, N = c.div`
+`, N = d.div`
   padding-top: 5rem;
   overflow: hidden;
-`, S = c.div`
+`, S = d.div`
   position: relative;
   cursor: pointer;
   display: flex;
@@ -60,11 +60,11 @@ const U = c.div`
       font-size: 1.375rem;
       font-weight: 600;
       color: var(--gray-950, #14161a);
-      ${M()}
+      ${R()}
     }
 
     & .cont-text {
-      ${x(2)}
+      ${M(2)}
     }
   }
 
@@ -102,13 +102,13 @@ const U = c.div`
 
     ${I("-90deg")}
   }
-`, v = (r, a) => E(
+`, v = (r, o) => E(
   r.theme,
   "StarRating",
   r.color,
   r.disabled === !0 ? "disabled" : "enabled",
-  a
-), F = c.div`
+  o
+), O = d.div`
   font-size: ${(r) => v(r, "fontSize")};
   line-height: ${(r) => v(r, "lineHeight")};
   line-height: 1.5rem;
@@ -129,7 +129,7 @@ const U = c.div`
     line-height: 1.5rem;
     color: ${(r) => r.color};
   }
-`, O = c.span`
+`, _ = d.span`
   position: absolute;
   z-index: 1;
   display: block;
@@ -145,47 +145,47 @@ const U = c.div`
   r.disabled === !0 ? "disabled" : "enabled",
   "filledColor"
 )};
-`, _ = c.span`
+`, G = d.span`
   padding: 0;
   display: block;
   z-index: 0;
   color: ${(r) => r.color};
-`, b = u((r, a) => {
+`, b = h((r, o) => {
   const {
     rating: n = 0,
     reviewCount: i = null,
-    disabled: o = !1,
+    disabled: a = !1,
     tabIndex: s = 0,
-    className: g = "",
-    style: m = {},
+    className: m = "",
+    style: g = {},
     color: f = "primary",
     size: e = "large"
-  } = r, { theme: h } = T(), d = {
-    theme: h,
+  } = r, { theme: p } = T(), u = {
+    theme: p,
     color: f,
     size: e,
-    style: m,
-    disabled: o
+    style: g,
+    disabled: a
   }, $ = n / 5 * 100;
-  return /* @__PURE__ */ p(
-    F,
+  return /* @__PURE__ */ c(
+    O,
     {
-      ref: a,
+      ref: o,
       tabIndex: s,
-      ...d,
-      className: `star-rating ${g}`,
+      ...u,
+      className: `star-rating ${m}`,
       children: [
-        /* @__PURE__ */ p("div", { className: "rating", children: [
+        /* @__PURE__ */ c("div", { className: "rating", children: [
           /* @__PURE__ */ t(
-            O,
+            _,
             {
               className: "filled-stars",
-              ...d,
+              ...u,
               width: $,
               children: "★★★★★"
             }
           ),
-          /* @__PURE__ */ t(_, { ...d, children: "★★★★★" })
+          /* @__PURE__ */ t(G, { ...u, children: "★★★★★" })
         ] }),
         !isNaN(i) && Number.isFinite(i) && /* @__PURE__ */ t("div", { className: "review-count", children: `(${i.toLocaleString()})` })
       ]
@@ -210,88 +210,78 @@ b.propTypes = {
   ]),
   size: l.oneOf(["small", "medium", "large"])
 };
-const G = u((r, a) => {
-  const { uuid: n, image: i, text: o, title: s, onSelectReview: g = () => {
+const L = h((r, o) => {
+  const { image: n, text: i, title: a, onSelectCard: s = () => {
   }, rating: m } = r;
-  return /* @__PURE__ */ t(
-    N,
-    {
-      ref: a,
-      className: "review-card",
-      onClick: () => g(n),
-      children: /* @__PURE__ */ p(S, { children: [
-        /* @__PURE__ */ t(A, { src: i }),
-        /* @__PURE__ */ p("div", { className: "cont", children: [
-          /* @__PURE__ */ t("span", { className: "cont-title", children: s }),
-          /* @__PURE__ */ t("div", { className: "cont-text", children: o })
-        ] }),
-        /* @__PURE__ */ t(b, { color: "warning", rating: m })
-      ] })
-    }
-  );
-}), L = u(({}, r) => /* @__PURE__ */ t(N, { className: "review-card", children: /* @__PURE__ */ p(S, { children: [
+  return /* @__PURE__ */ t(N, { ref: o, className: "review-card", onClick: s, children: /* @__PURE__ */ c(S, { children: [
+    /* @__PURE__ */ t(A, { src: n }),
+    /* @__PURE__ */ c("div", { className: "cont", children: [
+      /* @__PURE__ */ t("span", { className: "cont-title", children: a }),
+      /* @__PURE__ */ t("div", { className: "cont-text", children: i })
+    ] }),
+    /* @__PURE__ */ t(b, { color: "warning", rating: m })
+  ] }) });
+}), V = h(({}, r) => /* @__PURE__ */ t(N, { className: "review-card", children: /* @__PURE__ */ c(S, { children: [
   /* @__PURE__ */ t("div", { className: "skeleton-img" }),
   /* @__PURE__ */ t("div", { className: "cont" }),
   /* @__PURE__ */ t(b, { color: "warning", rating: 0 })
-] }) })), V = ({ limit: r = 3, isLoading: a = !1, keyPrefix: n }) => /* @__PURE__ */ t(w, { children: Array.from({ length: r }, (i, o) => /* @__PURE__ */ t(
-  L,
+] }) })), B = ({ limit: r = 3, isLoading: o = !1, keyPrefix: n }) => /* @__PURE__ */ t(w, { children: Array.from({ length: r }, (i, a) => /* @__PURE__ */ t(
+  V,
   {
-    isLoading: a
+    isLoading: o
   },
-  `${n}-skeleton-review-card-${o}`
-)) }), B = ({
+  `${n}-skeleton-review-card-${a}`
+)) }), D = ({
   children: r,
-  fallbackComponent: a = /* @__PURE__ */ t(w, {}),
+  fallbackComponent: o = /* @__PURE__ */ t(w, {}),
   isLoading: n = !1,
   limit: i,
-  keyPrefix: o
-}) => /* @__PURE__ */ t(R, { fallbackComponent: a, children: n === !0 ? /* @__PURE__ */ t(
-  V,
+  keyPrefix: a
+}) => /* @__PURE__ */ t(C, { fallbackComponent: o, children: n === !0 ? /* @__PURE__ */ t(
+  B,
   {
     isLoading: n,
     limit: i,
-    keyPrefix: o
+    keyPrefix: a
   }
-) : r }), y = C(G), ee = u((r, a) => {
+) : r }), y = k(L), ee = h((r, o) => {
   const {
     title: n = "Electronics reviews",
     items: i,
-    limit: o = 3,
+    limit: a = 3,
     onSelectCard: s = () => {
     },
-    isLoading: g = !1
-  } = r, m = P(), f = z(() => /* @__PURE__ */ t(w, { children: m === !0 ? i == null ? void 0 : i.map((e, h) => /* @__PURE__ */ t(
+    isLoading: m = !1
+  } = r, g = P(), f = x(() => /* @__PURE__ */ t(w, { children: g === !0 ? i == null ? void 0 : i.map((e, p) => /* @__PURE__ */ t(
     y,
     {
       text: e == null ? void 0 : e.text,
       title: e == null ? void 0 : e.title,
       image: e == null ? void 0 : e.image,
-      uuid: e == null ? void 0 : e.uuid,
+      link: e == null ? void 0 : e.link,
       rating: e == null ? void 0 : e.ratingArithmeticMean,
-      productUuid: e == null ? void 0 : e.productUuid,
-      onSelectReview: (d) => s(d)
+      onSelectCard: () => s(e)
     },
-    h
-  )) : i == null ? void 0 : i.slice(0, o).map((e, h) => /* @__PURE__ */ t(
+    p
+  )) : i == null ? void 0 : i.slice(0, a).map((e, p) => /* @__PURE__ */ t(
     y,
     {
       text: e == null ? void 0 : e.text,
       title: e == null ? void 0 : e.title,
       image: e == null ? void 0 : e.image,
-      uuid: e == null ? void 0 : e.uuid,
+      link: e == null ? void 0 : e.link,
       rating: e == null ? void 0 : e.ratingArithmeticMean,
-      productUuid: e == null ? void 0 : e.productUuid,
-      onSelectReview: (d) => s(d)
+      onSelectCard: () => s(e)
     },
-    h
-  )) }), [i, m, s, o]);
-  return /* @__PURE__ */ p(U, { ref: a, children: [
+    p
+  )) }), [i, g, s, a]);
+  return /* @__PURE__ */ c(W, { ref: o, children: [
     /* @__PURE__ */ t("div", { className: "container-title", children: n }),
-    /* @__PURE__ */ t(W, { limit: o, children: /* @__PURE__ */ t(
-      B,
+    /* @__PURE__ */ t(F, { limit: a, children: /* @__PURE__ */ t(
+      D,
       {
-        isLoading: g,
-        limit: o,
+        isLoading: m,
+        limit: a,
         keyPrefix: "explore-landing",
         children: f
       }

package/package.json

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