@lanaco/lnc-react-ui 4.0.185 → 4.0.188

package/dist/DetailedProductsInfinitiveSection.js

@@ -1,13 +1,13 @@
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { memo as D, forwardRef as I, useMemo as L } from "react";
-import { s as T } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as z } from "./consts-BuFChS64.js";
-import E from "./IconButton.js";
-import U from "./Button.js";
+import { memo as D, forwardRef as I, useMemo as T } from "react";
+import { s as z } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as E } from "./consts-BuFChS64.js";
+import U from "./IconButton.js";
+import $ from "./Button.js";
 import { k as r } from "./utils-Dc5zIpaz.js";
-import { u as $ } from "./useDetectMobile-Bkvj0VMa.js";
-import { D as j, S as A } from "./index-DZ8515cZ.js";
-const F = T.div`
+import { u as j } from "./useDetectMobile-Bkvj0VMa.js";
+import { D as A, S as F } from "./index-DdUC0zgY.js";
+const O = z.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -56,7 +56,7 @@ const F = T.div`
     white-space: nowrap;
   }
 
-  @media (max-width: ${z + "px"}) {
+  @media (max-width: ${E + "px"}) {
     gap: 1.25rem;
 
     & .section__items {
@@ -79,7 +79,7 @@ const F = T.div`
       }
     }
   }
-`, O = D(j), W = I((a, p) => {
+`, R = D(A), Y = I((a, p) => {
   const {
     title: l,
     icon: c,
@@ -104,9 +104,10 @@ const F = T.div`
     },
     actionComponent: S,
     componentName: N,
-    hasNextPage: P = !1
-  } = a, u = $(), M = L(() => t == null ? void 0 : t.map((e, i) => /* @__PURE__ */ o(
-    O,
+    hasNextPage: P = !1,
+    LinkComponent: M
+  } = a, u = j(), B = T(() => t == null ? void 0 : t.map((e, i) => /* @__PURE__ */ o(
+    R,
     {
       name: e == null ? void 0 : e.name,
       price: e == null ? void 0 : e.price,
@@ -117,7 +118,7 @@ const F = T.div`
       uuid: e == null ? void 0 : e.uuid,
       sponsored: e == null ? void 0 : e.sponsored,
       imageComponent: e == null ? void 0 : e.imageComponent,
-      onSelectCard: (R, B) => g({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug, cardRef: B }),
+      onSelectCard: (V, L) => g({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug, cardRef: L }),
       nameSlug: e == null ? void 0 : e.nameSlug,
       imageUrl: w(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
       isFree: e == null ? void 0 : e.isFree,
@@ -141,11 +142,12 @@ const F = T.div`
       forCart: e == null ? void 0 : e.forCart,
       forOrder: e == null ? void 0 : e.forOrder,
       contactSeller: e == null ? void 0 : e.contactSeller,
-      hasVariants: e == null ? void 0 : e.hasVariants
+      hasVariants: e == null ? void 0 : e.hasVariants,
+      LinkComponent: M
     },
     i
   )), [t]);
-  return /* @__PURE__ */ s(F, { ref: p, limit: f, children: [
+  return /* @__PURE__ */ s(O, { ref: p, limit: f, children: [
     /* @__PURE__ */ s("div", { className: "section__heading", children: [
       r(l) && /* @__PURE__ */ s("div", { className: "section__title", children: [
         r(c) && /* @__PURE__ */ o("i", { className: c }),
@@ -153,7 +155,7 @@ const F = T.div`
         l
       ] }),
       u && r(m) && r(d) && !n && /* @__PURE__ */ o(
-        U,
+        $,
         {
           type: "button",
           btnType: "tinted",
@@ -169,15 +171,15 @@ const F = T.div`
       )
     ] }),
     /* @__PURE__ */ o(
-      A,
+      F,
       {
         isLoading: n,
         keyPrefix: "detailed-product-card-skeleton",
-        children: /* @__PURE__ */ o("div", { className: "section__items", children: M })
+        children: /* @__PURE__ */ o("div", { className: "section__items", children: B })
       }
     ),
     !u && !n && P && /* @__PURE__ */ o(
-      E,
+      U,
       {
         icon: k,
         borderRadius: "curved",
@@ -190,5 +192,5 @@ const F = T.div`
   ] });
 });
 export {
-  W as default
+  Y as default
 };

package/dist/DetailedProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),c=require("react"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),E=require("./consts-goSZX3xP.cjs"),F=require("./Button.cjs"),l=require("./utils-RnrgDDZP.cjs"),B=require("./useDetectMobile-zkbzoOGV.cjs"),R=require("./style-CkcozOY6.cjs"),w=require("./index-Bmr3IeZ_.cjs"),I=require("./index-CSNxZFTX.cjs"),Q=T.styled.div`
+"use strict";const t=require("react/jsx-runtime"),c=require("react"),E=require("./emotion-styled.browser.esm-BtEseadx.cjs"),F=require("./consts-goSZX3xP.cjs"),B=require("./Button.cjs"),l=require("./utils-RnrgDDZP.cjs"),R=require("./useDetectMobile-zkbzoOGV.cjs"),I=require("./style-CkcozOY6.cjs"),P=require("./index-DBokGIps.cjs"),Q=require("./index-CSNxZFTX.cjs"),_=E.styled.div`
   display: grid;
   grid-template-columns: ${a=>`repeat(${a.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -7,7 +7,7 @@
     white-space: nowrap;
   }
 
-  @media (max-width: ${E.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${F.MOBILE_SIZE_PX+"px"}) {
     display: flex;
     gap: 1rem;
     overflow-x: auto;
@@ -26,4 +26,4 @@
       /* Safari and Chrome */
     }
   }
-`,j=c.memo(w.DetailedProductCard),_=c.forwardRef((a,P)=>{const{icon:u,title:v,buttonLink:d,items:i,buttonText:m,limit:n=4,onSelectCard:g=()=>{},onButtonAction:D=()=>{},isLoading:p=!1,getImage:b=()=>{},negotiableText:k,freeText:y,options:o,onSelectOption:S=()=>{},productsToolbarName:U="All",sponsoredText:C,onBookmark:f=()=>{},actionComponent:h,componentName:N}=a,q=B.useDetectMobile(),L=c.useMemo(()=>t.jsx(t.Fragment,{children:q===!0?i==null?void 0:i.map((e,r)=>t.jsx(j,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,nameSlug:e==null?void 0:e.nameSlug,onSelectCard:(M,s)=>g({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),sellerName:e==null?void 0:e.sellerName,imageUrl:b(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:k,freeText:y,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,forCart:e==null?void 0:e.forCart,sponsoredText:C,onBookmark:f,actionComponent:h,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:N}},r)):i==null?void 0:i.slice(0,n).map((e,r)=>t.jsx(j,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:(M,s)=>g({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),nameSlug:e==null?void 0:e.nameSlug,imageUrl:b(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:k,freeText:y,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,forCart:e==null?void 0:e.forCart,sponsoredText:C,onBookmark:f,actionComponent:h,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:N},sellerName:e==null?void 0:e.sellerName},r))}),[i,q,n]);return t.jsxs(R.TitleWithOptionsSectionWrapper,{ref:P,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[l.isDefinedNotEmptyString(u)&&t.jsx("i",{className:u}),t.jsx("span",{children:v})]}),l.isDefinedNotEmptyString(d)&&l.isDefinedNotEmptyString(m)&&!p&&t.jsx(F,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var r;(r=e==null?void 0:e.target)==null||r.blur(),D(d)},borderRadius:"curved",className:"button-link",children:m})]}),(o==null?void 0:o.length)>0&&t.jsx(I.SelectBar,{items:o,onRemove:e=>{S(e)},onSelect:e=>{S(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:U}),t.jsx(w.SuspenseDetailedProductCard,{isLoading:p,keyPrefix:"detailed-products-skeleton",children:t.jsx(Q,{limit:n,children:L})})]})});module.exports=_;
+`,w=c.memo(P.DetailedProductCard),$=c.forwardRef((a,v)=>{const{icon:u,title:D,buttonLink:d,items:i,buttonText:m,limit:n=4,onSelectCard:g=()=>{},onButtonAction:L=()=>{},isLoading:p=!1,getImage:b=()=>{},negotiableText:k,freeText:y,options:o,onSelectOption:S=()=>{},productsToolbarName:U="All",sponsoredText:C,onBookmark:f=()=>{},actionComponent:h,componentName:N,LinkComponent:q}=a,j=R.useDetectMobile(),M=c.useMemo(()=>t.jsx(t.Fragment,{children:j===!0?i==null?void 0:i.map((e,r)=>t.jsx(w,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,nameSlug:e==null?void 0:e.nameSlug,onSelectCard:(T,s)=>g({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),sellerName:e==null?void 0:e.sellerName,imageUrl:b(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:k,freeText:y,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,forCart:e==null?void 0:e.forCart,sponsoredText:C,onBookmark:f,actionComponent:h,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:N},LinkComponent:q},r)):i==null?void 0:i.slice(0,n).map((e,r)=>t.jsx(w,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:(T,s)=>g({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),nameSlug:e==null?void 0:e.nameSlug,imageUrl:b(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:k,freeText:y,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,forCart:e==null?void 0:e.forCart,sponsoredText:C,onBookmark:f,actionComponent:h,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:N},sellerName:e==null?void 0:e.sellerName,LinkComponent:q},r))}),[i,j,n]);return t.jsxs(I.TitleWithOptionsSectionWrapper,{ref:v,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[l.isDefinedNotEmptyString(u)&&t.jsx("i",{className:u}),t.jsx("span",{children:D})]}),l.isDefinedNotEmptyString(d)&&l.isDefinedNotEmptyString(m)&&!p&&t.jsx(B,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var r;(r=e==null?void 0:e.target)==null||r.blur(),L(d)},borderRadius:"curved",className:"button-link",children:m})]}),(o==null?void 0:o.length)>0&&t.jsx(Q.SelectBar,{items:o,onRemove:e=>{S(e)},onSelect:e=>{S(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:U}),t.jsx(P.SuspenseDetailedProductCard,{isLoading:p,keyPrefix:"detailed-products-skeleton",children:t.jsx(_,{limit:n,children:M})})]})});module.exports=$;

package/dist/DetailedProductsSection.js

@@ -1,14 +1,14 @@
-import { jsx as t, Fragment as F, jsxs as l } from "react/jsx-runtime";
-import { memo as B, forwardRef as q, useMemo as E } from "react";
-import { s as I } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as Q } from "./consts-BuFChS64.js";
-import O from "./Button.js";
+import { jsx as t, Fragment as B, jsxs as l } from "react/jsx-runtime";
+import { memo as q, forwardRef as E, useMemo as I } from "react";
+import { s as Q } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as O } from "./consts-BuFChS64.js";
+import R from "./Button.js";
 import { k as m } from "./utils-Dc5zIpaz.js";
-import { u as R } from "./useDetectMobile-Bkvj0VMa.js";
-import { T as W } from "./style-C7FUSHmS.js";
-import { D as $, S as j } from "./index-DZ8515cZ.js";
-import { S as z } from "./index-BGiZlEQt.js";
-const A = I.div`
+import { u as W } from "./useDetectMobile-Bkvj0VMa.js";
+import { T as $ } from "./style-C7FUSHmS.js";
+import { D as j, S as z } from "./index-DdUC0zgY.js";
+import { S as A } from "./index-BGiZlEQt.js";
+const K = Q.div`
   display: grid;
   grid-template-columns: ${(i) => `repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -17,7 +17,7 @@ const A = I.div`
     white-space: nowrap;
   }
 
-  @media (max-width: ${Q + "px"}) {
+  @media (max-width: ${O + "px"}) {
     display: flex;
     gap: 1rem;
     overflow-x: auto;
@@ -36,7 +36,7 @@ const A = I.div`
       /* Safari and Chrome */
     }
   }
-`, P = B($), ee = q((i, v) => {
+`, v = q(j), te = E((i, L) => {
   const {
     icon: d,
     title: T,
@@ -56,14 +56,15 @@ const A = I.div`
     options: a,
     onSelectOption: y = () => {
     },
-    productsToolbarName: L = "All",
-    sponsoredText: S,
-    onBookmark: C = () => {
+    productsToolbarName: M = "All",
+    sponsoredText: C,
+    onBookmark: S = () => {
     },
     actionComponent: h,
-    componentName: N
-  } = i, w = R(), M = E(() => /* @__PURE__ */ t(F, { children: w === !0 ? o == null ? void 0 : o.map((e, r) => /* @__PURE__ */ t(
-    P,
+    componentName: N,
+    LinkComponent: w
+  } = i, P = W(), D = I(() => /* @__PURE__ */ t(B, { children: P === !0 ? o == null ? void 0 : o.map((e, r) => /* @__PURE__ */ t(
+    v,
     {
       name: e == null ? void 0 : e.name,
       price: e == null ? void 0 : e.price,
@@ -75,7 +76,7 @@ const A = I.div`
       sponsored: e == null ? void 0 : e.sponsored,
       imageComponent: e == null ? void 0 : e.imageComponent,
       nameSlug: e == null ? void 0 : e.nameSlug,
-      onSelectCard: (D, s) => p({
+      onSelectCard: (F, s) => p({
         uuid: e == null ? void 0 : e.uuid,
         nameSlug: e == null ? void 0 : e.nameSlug,
         cardRef: s
@@ -94,16 +95,17 @@ const A = I.div`
       status: e == null ? void 0 : e.status,
       trade: e == null ? void 0 : e.trade,
       forCart: e == null ? void 0 : e.forCart,
-      sponsoredText: S,
-      onBookmark: C,
+      sponsoredText: C,
+      onBookmark: S,
       actionComponent: h,
       bookmarked: e == null ? void 0 : e.bookmarked,
       bookmarkLists: e == null ? void 0 : e.bookmarkLists,
-      metadata: { accessor: e == null ? void 0 : e.accessor, name: N }
+      metadata: { accessor: e == null ? void 0 : e.accessor, name: N },
+      LinkComponent: w
     },
     r
   )) : o == null ? void 0 : o.slice(0, n).map((e, r) => /* @__PURE__ */ t(
-    P,
+    v,
     {
       name: e == null ? void 0 : e.name,
       price: e == null ? void 0 : e.price,
@@ -115,7 +117,7 @@ const A = I.div`
       location: e == null ? void 0 : e.location,
       sponsored: e == null ? void 0 : e.sponsored,
       imageComponent: e == null ? void 0 : e.imageComponent,
-      onSelectCard: (D, s) => p({
+      onSelectCard: (F, s) => p({
         uuid: e == null ? void 0 : e.uuid,
         nameSlug: e == null ? void 0 : e.nameSlug,
         cardRef: s
@@ -134,24 +136,25 @@ const A = I.div`
       status: e == null ? void 0 : e.status,
       trade: e == null ? void 0 : e.trade,
       forCart: e == null ? void 0 : e.forCart,
-      sponsoredText: S,
-      onBookmark: C,
+      sponsoredText: C,
+      onBookmark: S,
       actionComponent: h,
       bookmarked: e == null ? void 0 : e.bookmarked,
       bookmarkLists: e == null ? void 0 : e.bookmarkLists,
       metadata: { accessor: e == null ? void 0 : e.accessor, name: N },
-      sellerName: e == null ? void 0 : e.sellerName
+      sellerName: e == null ? void 0 : e.sellerName,
+      LinkComponent: w
     },
     r
-  )) }), [o, w, n]);
-  return /* @__PURE__ */ l(W, { ref: v, children: [
+  )) }), [o, P, n]);
+  return /* @__PURE__ */ l($, { ref: L, children: [
     /* @__PURE__ */ l("div", { className: "regular-title", children: [
       /* @__PURE__ */ l("div", { className: "regular-title-text", children: [
         m(d) && /* @__PURE__ */ t("i", { className: d }),
         /* @__PURE__ */ t("span", { children: T })
       ] }),
       m(c) && m(u) && !g && /* @__PURE__ */ t(
-        O,
+        R,
         {
           type: "button",
           btnType: "tinted",
@@ -167,7 +170,7 @@ const A = I.div`
       )
     ] }),
     (a == null ? void 0 : a.length) > 0 && /* @__PURE__ */ t(
-      z,
+      A,
       {
         items: a,
         onRemove: (e) => {
@@ -179,19 +182,19 @@ const A = I.div`
         labelKey: "name",
         valueKey: "code",
         noMargin: !0,
-        productsToolbarName: L
+        productsToolbarName: M
       }
     ),
     /* @__PURE__ */ t(
-      j,
+      z,
       {
         isLoading: g,
         keyPrefix: "detailed-products-skeleton",
-        children: /* @__PURE__ */ t(A, { limit: n, children: M })
+        children: /* @__PURE__ */ t(K, { limit: n, children: D })
       }
     )
   ] });
 });
 export {
-  ee as default
+  te as default
 };

package/dist/FieldOfInterestsMasonrySection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),p=require("react"),w=require("./utils-RnrgDDZP.cjs"),F=require("./Icon.cjs"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./consts-goSZX3xP.cjs"),N=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),n=require("./style-BAcV7F53.cjs"),P=f.styled.a`
+"use strict";const e=require("react/jsx-runtime"),p=require("react"),x=require("./utils-RnrgDDZP.cjs"),N=require("./Icon.cjs"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),P=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),n=require("./style-BAcV7F53.cjs"),q=j.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -39,7 +39,7 @@
       font-style: normal;
       font-weight: 500;
       line-height: 1.5rem;
-      ${w.truncateTextInRows(2)}
+      ${x.truncateTextInRows(2)}
     }
 
     & .wrapper__description {
@@ -49,11 +49,11 @@
       font-weight: 400;
       line-height: 1rem;
       letter-spacing: 0.025rem;
-      ${w.truncateTextInRows(2)}
+      ${x.truncateTextInRows(2)}
     }
   }
 
-  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__content {
       & .wrapper__title {
         font-size: 0.875rem;
@@ -65,7 +65,7 @@
       }
     }
   }
-`,q=f.styled.div`
+`,O=j.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -106,7 +106,7 @@
     font-weight: 400;
     line-height: 1.5rem;
     max-width: 8rem;
-    ${w.truncateTextInRows(2)}
+    ${x.truncateTextInRows(2)}
   }
 
   &.active {
@@ -116,7 +116,7 @@
     }
   }
 
-  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
     max-width: unset;
     min-width: unset;
     flex-direction: row;
@@ -156,7 +156,7 @@
       max-width: unset;
     }
   }
-`,O=p.forwardRef(({text:t,isActive:o=!1,icon:i,onSelectCard:a=()=>{}},h)=>e.jsxs(q,{ref:h,className:o?"active":"",onClick:a,children:[e.jsx(F,{icon:i,className:"wrapper__icon"}),e.jsx("div",{className:"wrapper__text",children:t})]})),z=p.forwardRef(({image:t,imageComponent:o,title:i,description:a,className:h,onSelectCard:u=()=>{},link:y},j)=>{const{theme:v}=N.useTheme();return e.jsxs(P,{ref:j,theme:v,className:h,onClick:u,href:`/${y}`,children:[w.isDefined(o)?o:e.jsx("img",{src:t,className:"wrapper__image"}),e.jsxs("div",{className:"wrapper__content",children:[i&&e.jsx("div",{className:"wrapper__title",children:i}),a&&e.jsx("div",{className:"wrapper__description",children:a})]})]})}),R=f.styled.div`
+`,z=p.forwardRef(({text:t,isActive:o=!1,icon:i,onSelectCard:a=()=>{}},h)=>e.jsxs(O,{ref:h,className:o?"active":"",onClick:a,children:[e.jsx(N,{icon:i,className:"wrapper__icon"}),e.jsx("div",{className:"wrapper__text",children:t})]})),R=p.forwardRef(({image:t,imageComponent:o,title:i,description:a,className:h,onSelectCard:k=()=>{},link:f,LinkComponent:g},b)=>{const m=g||"a",{theme:w}=P.useTheme();return e.jsxs(q,{ref:b,theme:w,className:h,onClick:k,as:m,...g?{to:`/${f}`}:{href:`/${f}`},children:[x.isDefined(o)?o:e.jsx("img",{src:t,className:"wrapper__image"}),e.jsxs("div",{className:"wrapper__content",children:[i&&e.jsx("div",{className:"wrapper__title",children:i}),a&&e.jsx("div",{className:"wrapper__description",children:a})]})]})}),W=j.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -211,7 +211,7 @@
     }
   }
 
-  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
     gap: 1rem;
 
     & .wrapper__tags {
@@ -238,14 +238,14 @@
       grid-template-columns: ${t=>`repeat(${t==null?void 0:t.limitCardsForMobile}, minmax(0, 1fr))`};
     }
   }
-`,I=f.styled(n.SkeletonRowWrapper)`
+`,I=j.styled(n.SkeletonRowWrapper)`
   &.skeleton__tags {
     max-width: 50rem;
   }
 
-  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
     &.skeleton__tags {
       overflow-x: hidden;
     }
   }
-`,W=({keyPrefix:t})=>e.jsxs(I,{className:"skeleton__tags",children:[e.jsxs(n.SkeletonColumnWrapper,{alignItems:"center",gap:"0.5rem",children:[e.jsx(n.SkeletonCirclePlaceholder,{width:"2.75rem",height:"2.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",width:"8rem"})]},`${t}-1`),e.jsxs(n.SkeletonColumnWrapper,{alignItems:"center",gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonCirclePlaceholder,{width:"2.75rem",height:"2.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",width:"8rem"})]},`${t}-2`),e.jsxs(n.SkeletonColumnWrapper,{alignItems:"center",gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonCirclePlaceholder,{width:"2.75rem",height:"2.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",width:"8rem"})]},`${t}-3`),e.jsxs(n.SkeletonColumnWrapper,{alignItems:"center",gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonCirclePlaceholder,{width:"2.75rem",height:"2.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",width:"8rem"})]},`${t}-4`),e.jsxs(n.SkeletonColumnWrapper,{alignItems:"center",gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonCirclePlaceholder,{width:"2.75rem",height:"2.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",width:"8rem"})]},`${t}-5`)]}),T=({keyPrefix:t,isLoading:o=!1,fallbackComponent:i=e.jsx(e.Fragment,{}),children:a})=>e.jsx(p.Suspense,{fallbackComponent:i,children:o===!0?e.jsx(W,{keyPrefix:t}):a}),B=({keyPrefix:t})=>e.jsxs(I,{className:"skeleton__cards",children:[e.jsx(n.SkeletonLinePlaceholder,{height:"13.75rem"},`${t}-1`),e.jsx(n.SkeletonLinePlaceholder,{height:"13.75rem"},`${t}-2`),e.jsx(n.SkeletonLinePlaceholder,{height:"13.75rem"},`${t}-3`)]}),G=({keyPrefix:t,isLoading:o=!1,fallbackComponent:i=e.jsx(e.Fragment,{}),children:a})=>e.jsx(p.Suspense,{fallbackComponent:i,children:o===!0?e.jsx(B,{keyPrefix:t}):a}),X=p.forwardRef(({title:t,subtitle:o,tags:i=[],items:a=[],limitTags:h=5,limitTagsForMobile:u=5,limit:y=3,limitForMobile:j=2,selectedTag:v,onSelectTag:k=()=>{},onSelectCard:b=()=>{},className:m,isLoadingTags:C=!1,isLoadingCards:$=!1},L)=>(p.useLayoutEffect(()=>{if(!w.isDefinedNotEmptyString(m))return;const r=()=>{const c=document==null?void 0:document.querySelector(`.${m} .wrapper__cards`),l=c==null?void 0:c.querySelectorAll(".wrapper__card");l==null||l.forEach(x=>{const E=x.getBoundingClientRect().height,M=Math.ceil((E+10)/20);x.style.gridRowEnd=`span ${M}`});const S=l==null?void 0:l[(l==null?void 0:l.length)-1];if(S){const x=S.offsetTop+S.offsetHeight;c.style.height=`${x}px`}},d=document==null?void 0:document.querySelector(`.${m} .wrapper__cards`),s=d==null?void 0:d.querySelectorAll(".wrapper__image");let _=0;return(s==null?void 0:s.length)===0?r():(s==null||s.forEach(c=>{c.complete?_++:c.addEventListener("load",()=>{_++,_===(s==null?void 0:s.length)&&r()})}),_===(s==null?void 0:s.length)&&r()),window.addEventListener("resize",r),()=>{window.removeEventListener("resize",r)}},[m,a,$]),e.jsxs(R,{ref:L,limitTags:h,limitTagsForMobile:u,limitCards:y,limitCardsForMobile:j,className:m,numberOfTags:i==null?void 0:i.length,children:[e.jsxs("div",{className:"wrapper__heading",children:[t&&e.jsx("div",{className:"wrapper__title",children:t}),o&&e.jsx("div",{className:"wrapper__subtitle",children:o})]}),e.jsx(T,{isLoading:C,keyPrefix:"field-of-interests-masonry-tag",children:e.jsx("div",{className:"wrapper__tags__external",children:e.jsx("div",{className:"wrapper__tags",children:i==null?void 0:i.map((r,d)=>e.jsx(O,{icon:r==null?void 0:r.icon,text:r==null?void 0:r.title,isActive:(r==null?void 0:r.code)===v,onSelectCard:()=>k==null?void 0:k(r)},`field-of-interests-masonry-tag__${d+1}`))})})}),e.jsx(G,{isLoading:$,keyPrefix:"field-of-interests-masonry-card",children:e.jsx("div",{className:"wrapper__cards",children:a==null?void 0:a.map((r,d)=>e.jsx(z,{image:r==null?void 0:r.image,imageComponent:r==null?void 0:r.imageComponent,title:r==null?void 0:r.title,description:r==null?void 0:r.description,onSelectCard:()=>b==null?void 0:b(r),className:"wrapper__card",link:r==null?void 0:r.link},`field-of-interests-with-tags-card__${d+1}`))})})]})));module.exports=X;
+`,T=({keyPrefix:t})=>e.jsxs(I,{className:"skeleton__tags",children:[e.jsxs(n.SkeletonColumnWrapper,{alignItems:"center",gap:"0.5rem",children:[e.jsx(n.SkeletonCirclePlaceholder,{width:"2.75rem",height:"2.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",width:"8rem"})]},`${t}-1`),e.jsxs(n.SkeletonColumnWrapper,{alignItems:"center",gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonCirclePlaceholder,{width:"2.75rem",height:"2.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",width:"8rem"})]},`${t}-2`),e.jsxs(n.SkeletonColumnWrapper,{alignItems:"center",gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonCirclePlaceholder,{width:"2.75rem",height:"2.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",width:"8rem"})]},`${t}-3`),e.jsxs(n.SkeletonColumnWrapper,{alignItems:"center",gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonCirclePlaceholder,{width:"2.75rem",height:"2.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",width:"8rem"})]},`${t}-4`),e.jsxs(n.SkeletonColumnWrapper,{alignItems:"center",gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonCirclePlaceholder,{width:"2.75rem",height:"2.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",width:"8rem"})]},`${t}-5`)]}),B=({keyPrefix:t,isLoading:o=!1,fallbackComponent:i=e.jsx(e.Fragment,{}),children:a})=>e.jsx(p.Suspense,{fallbackComponent:i,children:o===!0?e.jsx(T,{keyPrefix:t}):a}),G=({keyPrefix:t})=>e.jsxs(I,{className:"skeleton__cards",children:[e.jsx(n.SkeletonLinePlaceholder,{height:"13.75rem"},`${t}-1`),e.jsx(n.SkeletonLinePlaceholder,{height:"13.75rem"},`${t}-2`),e.jsx(n.SkeletonLinePlaceholder,{height:"13.75rem"},`${t}-3`)]}),X=({keyPrefix:t,isLoading:o=!1,fallbackComponent:i=e.jsx(e.Fragment,{}),children:a})=>e.jsx(p.Suspense,{fallbackComponent:i,children:o===!0?e.jsx(G,{keyPrefix:t}):a}),Z=p.forwardRef(({title:t,subtitle:o,tags:i=[],items:a=[],limitTags:h=5,limitTagsForMobile:k=5,limit:f=3,limitForMobile:g=2,selectedTag:b,onSelectTag:m=()=>{},onSelectCard:w=()=>{},className:_,isLoadingTags:C=!1,isLoadingCards:$=!1,LinkComponent:E},L)=>(p.useLayoutEffect(()=>{if(!x.isDefinedNotEmptyString(_))return;const r=()=>{const c=document==null?void 0:document.querySelector(`.${_} .wrapper__cards`),l=c==null?void 0:c.querySelectorAll(".wrapper__card");l==null||l.forEach(y=>{const M=y.getBoundingClientRect().height,F=Math.ceil((M+10)/20);y.style.gridRowEnd=`span ${F}`});const S=l==null?void 0:l[(l==null?void 0:l.length)-1];if(S){const y=S.offsetTop+S.offsetHeight;c.style.height=`${y}px`}},d=document==null?void 0:document.querySelector(`.${_} .wrapper__cards`),s=d==null?void 0:d.querySelectorAll(".wrapper__image");let u=0;return(s==null?void 0:s.length)===0?r():(s==null||s.forEach(c=>{c.complete?u++:c.addEventListener("load",()=>{u++,u===(s==null?void 0:s.length)&&r()})}),u===(s==null?void 0:s.length)&&r()),window.addEventListener("resize",r),()=>{window.removeEventListener("resize",r)}},[_,a,$]),e.jsxs(W,{ref:L,limitTags:h,limitTagsForMobile:k,limitCards:f,limitCardsForMobile:g,className:_,numberOfTags:i==null?void 0:i.length,children:[e.jsxs("div",{className:"wrapper__heading",children:[t&&e.jsx("div",{className:"wrapper__title",children:t}),o&&e.jsx("div",{className:"wrapper__subtitle",children:o})]}),e.jsx(B,{isLoading:C,keyPrefix:"field-of-interests-masonry-tag",children:e.jsx("div",{className:"wrapper__tags__external",children:e.jsx("div",{className:"wrapper__tags",children:i==null?void 0:i.map((r,d)=>e.jsx(z,{icon:r==null?void 0:r.icon,text:r==null?void 0:r.title,isActive:(r==null?void 0:r.code)===b,onSelectCard:()=>m==null?void 0:m(r)},`field-of-interests-masonry-tag__${d+1}`))})})}),e.jsx(X,{isLoading:$,keyPrefix:"field-of-interests-masonry-card",children:e.jsx("div",{className:"wrapper__cards",children:a==null?void 0:a.map((r,d)=>e.jsx(R,{image:r==null?void 0:r.image,imageComponent:r==null?void 0:r.imageComponent,title:r==null?void 0:r.title,description:r==null?void 0:r.description,onSelectCard:()=>w==null?void 0:w(r),className:"wrapper__card",link:r==null?void 0:r.link,LinkComponent:E},`field-of-interests-with-tags-card__${d+1}`))})})]})));module.exports=Z;