@lanaco/lnc-react-ui 4.0.170 → 4.0.171

package/dist/DetailedProductsSection.js

@@ -3,14 +3,14 @@ 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 O } from "./consts-BuFChS64.js";
 import R from "./Button.js";
-import { k as h } from "./utils-BdsZgOUE.js";
+import { k as m } from "./utils-DHfRApMf.js";
 import { u as W } from "./useDetectMobile-Bkvj0VMa.js";
-import { T as $ } from "./style-DKAOBWn3.js";
-import { D as j, S as z } from "./suspense-product-card-detailed-BU6DPCvJ.js";
-import { S as A } from "./index-dXWRbvgi.js";
+import { T as $ } from "./style-D3pIrH3v.js";
+import { D as j, S as z } from "./index-BhBRZf4M.js";
+import { S as A } from "./index-BMOLVn8O.js";
 const K = I.div`
   display: grid;
-  grid-template-columns: ${(n) => `repeat(${n.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${(a) => `repeat(${a.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
   & .button-link {
@@ -36,34 +36,34 @@ const K = I.div`
       /* Safari and Chrome */
     }
   }
-`, N = B(j), ee = q((n, w) => {
+`, P = B(j), ee = q((a, v) => {
   const {
-    icon: m,
-    title: P,
-    buttonLink: d,
+    icon: d,
+    title: T,
+    buttonLink: c,
     items: r,
-    buttonText: v,
-    limit: t = 4,
-    onSelectCard: c = () => {
+    buttonText: u,
+    limit: n = 4,
+    onSelectCard: p = () => {
     },
-    onButtonAction: T = () => {
+    onButtonAction: U = () => {
     },
-    isLoading: U = !1,
-    getImage: u = () => {
+    isLoading: g = !1,
+    getImage: b = () => {
     },
-    negotiableText: p,
-    freeText: g,
-    options: a,
-    onSelectOption: b = () => {
+    negotiableText: k,
+    freeText: f,
+    options: i,
+    onSelectOption: y = () => {
     },
     productsToolbarName: L = "All",
-    sponsoredText: k,
-    onBookmark: f = () => {
+    sponsoredText: S,
+    onBookmark: C = () => {
     },
-    bookmarkComponent: y,
-    componentName: S
-  } = n, C = W(), M = E(() => /* @__PURE__ */ o(F, { children: C === !0 ? r == null ? void 0 : r.map((e, i) => /* @__PURE__ */ o(
-    N,
+    bookmarkComponent: h,
+    componentName: N
+  } = a, w = W(), M = E(() => /* @__PURE__ */ o(F, { children: w === !0 ? r == null ? void 0 : r.map((e, t) => /* @__PURE__ */ o(
+    P,
     {
       name: e == null ? void 0 : e.name,
       price: e == null ? void 0 : e.price,
@@ -74,32 +74,32 @@ const K = I.div`
       uuid: e == null ? void 0 : e.uuid,
       sponsored: e == null ? void 0 : e.sponsored,
       imageComponent: e == null ? void 0 : e.imageComponent,
-      onSelectCard: (D, l) => c({
+      onSelectCard: (D, l) => p({
         uuid: e == null ? void 0 : e.uuid,
         nameSlug: e == null ? void 0 : e.nameSlug,
         cardRef: l
       }),
       sellerName: e == null ? void 0 : e.sellerName,
-      imageUrl: u(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+      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: p,
-      freeText: g,
+      negotiableText: k,
+      freeText: f,
       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,
       trade: e == null ? void 0 : e.trade,
-      sponsoredText: k,
-      onBookmark: f,
-      bookmarkComponent: y,
+      sponsoredText: S,
+      onBookmark: C,
+      bookmarkComponent: h,
       bookmarked: e == null ? void 0 : e.bookmarked,
       bookmarkLists: e == null ? void 0 : e.bookmarkLists,
-      metadata: { accessor: e == null ? void 0 : e.accessor, name: S }
+      metadata: { accessor: e == null ? void 0 : e.accessor, name: N }
     },
-    i
-  )) : r == null ? void 0 : r.slice(0, t).map((e, i) => /* @__PURE__ */ o(
-    N,
+    t
+  )) : r == null ? void 0 : r.slice(0, n).map((e, t) => /* @__PURE__ */ o(
+    P,
     {
       name: e == null ? void 0 : e.name,
       price: e == null ? void 0 : e.price,
@@ -111,62 +111,62 @@ const K = 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, l) => c({
+      onSelectCard: (D, l) => p({
         uuid: e == null ? void 0 : e.uuid,
         nameSlug: e == null ? void 0 : e.nameSlug,
         cardRef: l
       }),
-      imageUrl: u(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+      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: p,
-      freeText: g,
+      negotiableText: k,
+      freeText: f,
       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,
       trade: e == null ? void 0 : e.trade,
-      sponsoredText: k,
-      onBookmark: f,
-      bookmarkComponent: y,
+      sponsoredText: S,
+      onBookmark: C,
+      bookmarkComponent: h,
       bookmarked: e == null ? void 0 : e.bookmarked,
       bookmarkLists: e == null ? void 0 : e.bookmarkLists,
-      metadata: { accessor: e == null ? void 0 : e.accessor, name: S },
+      metadata: { accessor: e == null ? void 0 : e.accessor, name: N },
       sellerName: e == null ? void 0 : e.sellerName
     },
-    i
-  )) }), [r, C, t]);
-  return /* @__PURE__ */ s($, { ref: w, children: [
+    t
+  )) }), [r, w, n]);
+  return /* @__PURE__ */ s($, { ref: v, children: [
     /* @__PURE__ */ s("div", { className: "regular-title", children: [
       /* @__PURE__ */ s("div", { className: "regular-title-text", children: [
-        h(m) && /* @__PURE__ */ o("i", { className: m }),
-        /* @__PURE__ */ o("span", { children: P })
+        m(d) && /* @__PURE__ */ o("i", { className: d }),
+        /* @__PURE__ */ o("span", { children: T })
       ] }),
-      h(d) && /* @__PURE__ */ o(
+      m(c) && m(u) && !g && /* @__PURE__ */ o(
         R,
         {
           type: "button",
           btnType: "tinted",
           color: "neutral",
           onClick: (e) => {
-            var i;
-            (i = e == null ? void 0 : e.target) == null || i.blur(), T(d);
+            var t;
+            (t = e == null ? void 0 : e.target) == null || t.blur(), U(c);
           },
           borderRadius: "curved",
           className: "button-link",
-          children: v
+          children: u
         }
       )
     ] }),
-    (a == null ? void 0 : a.length) > 0 && /* @__PURE__ */ o(
+    (i == null ? void 0 : i.length) > 0 && /* @__PURE__ */ o(
       A,
       {
-        items: a,
+        items: i,
         onRemove: (e) => {
-          b(e);
+          y(e);
         },
         onSelect: (e) => {
-          b(e);
+          y(e);
         },
         labelKey: "name",
         valueKey: "code",
@@ -174,15 +174,14 @@ const K = I.div`
         productsToolbarName: L
       }
     ),
-    /* @__PURE__ */ o(K, { limit: t, children: /* @__PURE__ */ o(
+    /* @__PURE__ */ o(
       z,
       {
-        isLoading: U,
-        limit: t,
-        keyPrefix: "explore-landing",
-        children: M
+        isLoading: g,
+        keyPrefix: "detailed-products-skeleton",
+        children: /* @__PURE__ */ o(K, { limit: n, children: M })
       }
-    ) })
+    )
   ] });
 });
 export {

package/dist/DetailsView.js

@@ -4,7 +4,7 @@ import { P as e } from "./index-CblbdqjE.js";
 import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import W from "./FlexGrid.js";
 import A from "./FlexGridItem.js";
-import { c as Y, b as B, g as U, a as q } from "./utils-BdsZgOUE.js";
+import { c as Y, b as B, g as U, a as q } from "./utils-DHfRApMf.js";
 import { u as E } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import H from "./Button.js";
 import c from "./IconButton.js";

package/dist/DoubleRangeSlider.js

@@ -2,7 +2,7 @@ import { jsxs as f, jsx as r, Fragment as V } from "react/jsx-runtime";
 import { forwardRef as F, useState as w, useEffect as x, useRef as T, useCallback as j } from "react";
 import { s as $ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { P as i } from "./index-CblbdqjE.js";
-import { b as u, a as R, c as E, d as O } from "./utils-BdsZgOUE.js";
+import { b as u, a as R, c as E, d as O } from "./utils-DHfRApMf.js";
 import { u as D } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const L = ({ theme: e, size: k }) => {
   var s = O(e, k);

package/dist/DragAndDropFile.js

@@ -5,7 +5,7 @@ import { s as Ia } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import Na from "./Icon.js";
 import { b as R } from "./tslib.es6-DQ-SzcmG.js";
 import Ei from "./Button.js";
-import { b as Ua } from "./utils-BdsZgOUE.js";
+import { b as Ua } from "./utils-DHfRApMf.js";
 import { u as Fi } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const Ai = /* @__PURE__ */ new Map([
   // https://github.com/guzzle/psr7/blob/2d9260799e713f1c475d3c5fdc3d6561ff7441b2/src/MimeType.php

package/dist/DragDropFiles.js

@@ -4,7 +4,7 @@ import { P as e } from "./index-CblbdqjE.js";
 import { s as V } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import E from "./DragAndDropFile.js";
 import W from "./UploadedFile.js";
-import { b as q, a as H } from "./utils-BdsZgOUE.js";
+import { b as q, a as H } from "./utils-DHfRApMf.js";
 import J from "./FlexGrid.js";
 import h from "./FlexGridItem.js";
 import { u as K } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";

package/dist/Drawer.js

@@ -2,7 +2,7 @@ import { jsx as I } from "react/jsx-runtime";
 import b, { useRef as T, useEffect as j, useMemo as B, forwardRef as M, useState as q, useImperativeHandle as F } from "react";
 import { P as r } from "./index-CblbdqjE.js";
 import { C as H } from "./emotion-react.browser.esm-DUVZ5oEL.js";
-import { b as Z, c as V } from "./utils-BdsZgOUE.js";
+import { b as Z, c as V } from "./utils-DHfRApMf.js";
 import { u as A } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 function $() {
   return $ = Object.assign || function(n) {

package/dist/Dropdown.js

@@ -2,8 +2,8 @@ import { jsx as g } from "react/jsx-runtime";
 import { P as e } from "./index-CblbdqjE.js";
 import * as O from "react";
 import { forwardRef as t, useCallback as y } from "react";
-import { u as S, S as M, a as h } from "./CustomStyles-SyQRnjuy.js";
-import { c as H } from "./CustomStyles-SyQRnjuy.js";
+import { u as S, S as M, a as h } from "./CustomStyles-ArAVZsIj.js";
+import { c as H } from "./CustomStyles-ArAVZsIj.js";
 import { _ as C, u as x } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import "./index-B1vKwsDE.js";
 import { d as I } from "./index-Dt62UGku.js";

package/dist/DropdownItem.js

@@ -3,7 +3,7 @@ import { forwardRef as J, useRef as Q, useState as W, useEffect as X } from "rea
 import { P as l } from "./index-CblbdqjE.js";
 import { s as Z } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import M from "./Icon.js";
-import { b as t, c as I, h as N } from "./utils-BdsZgOUE.js";
+import { b as t, c as I, h as N } from "./utils-DHfRApMf.js";
 import { u as ee } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const ne = Z.div`
   box-sizing: border-box;

package/dist/DropdownLookup.js

@@ -3,7 +3,7 @@ import { P as e } from "./index-CblbdqjE.js";
 import * as Oe from "react";
 import { useRef as G, useState as a, useEffect as W, useCallback as j, forwardRef as J } from "react";
 import { _ as me, u as be } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import { _ as Se, b as s, h as ge, d as C, u as he, S as ve, a as ye } from "./CustomStyles-SyQRnjuy.js";
+import { _ as Se, b as s, h as ge, d as C, u as he, S as ve, a as ye } from "./CustomStyles-ArAVZsIj.js";
 import { _ as _e } from "./defineProperty-DF3p0mVo.js";
 import "./index-B1vKwsDE.js";
 import { d as Ie } from "./index-Dt62UGku.js";

package/dist/DropdownMenu.js

@@ -3,7 +3,7 @@ import { forwardRef as K, useRef as l, useState as L, Children as U, isValidElem
 import { P as o } from "./index-CblbdqjE.js";
 import { s as T } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import $ from "./Button.js";
-import { b as q } from "./utils-BdsZgOUE.js";
+import { b as q } from "./utils-DHfRApMf.js";
 import { useTheme as A } from "./ThemeProvider.js";
 import G from "./Popover.js";
 import H from "./PopoverTrigger.js";

package/dist/EditableTable.js

@@ -1,7 +1,7 @@
 import { jsx as l, Fragment as $, jsxs as U } from "react/jsx-runtime";
 import { useState as X, useRef as A, useEffect as F, createElement as Z, forwardRef as ee, useImperativeHandle as re } from "react";
 import { P as r } from "./index-CblbdqjE.js";
-import { c as z, r as G, i as V } from "./utils-BdsZgOUE.js";
+import { c as z, r as G, i as V } from "./utils-DHfRApMf.js";
 import te from "./Table.js";
 import { s as Y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import N from "./TextInput.js";

package/dist/FeedbackSection.js

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { forwardRef as d } from "react";
-import { k as t } from "./utils-BdsZgOUE.js";
+import { k as t } from "./utils-DHfRApMf.js";
 import m from "./Button.js";
 import { q as f } from "./styled-components.browser.esm-D-n22PJk.js";
 import { M as g } from "./consts-BuFChS64.js";

package/dist/FieldOfInterestsMasonrySection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),l=require("react"),s=require("./utils-Dl9xPH4c.cjs"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),x=require("./consts-goSZX3xP.cjs"),R=require("./Icon.cjs"),q=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),z=_.styled.div`
+"use strict";const e=require("react/jsx-runtime"),p=require("react"),w=require("./utils-Dl9xPH4c.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.div`
   display: flex;
   width: 100%;
   height: fit-content;
@@ -37,7 +37,7 @@
       font-style: normal;
       font-weight: 500;
       line-height: 1.5rem;
-      ${s.truncateTextInRows(2)}
+      ${w.truncateTextInRows(2)}
     }
 
     & .wrapper__description {
@@ -47,11 +47,11 @@
       font-weight: 400;
       line-height: 1rem;
       letter-spacing: 0.025rem;
-      ${s.truncateTextInRows(2)}
+      ${w.truncateTextInRows(2)}
     }
   }
 
-  @media (max-width: ${x.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__content {
       & .wrapper__title {
         font-size: 0.875rem;
@@ -63,12 +63,7 @@
       }
     }
   }
-`,S=_.styled.div`
-  width: 100%;
-  height: 11.625rem;
-  border-radius: 0.75rem;
-  background: ${s.linearGradientAnimation("-90deg")};
-`,C=_.styled.div`
+`,q=f.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -109,7 +104,7 @@
     font-weight: 400;
     line-height: 1.5rem;
     max-width: 8rem;
-    ${s.truncateTextInRows(2)}
+    ${w.truncateTextInRows(2)}
   }
 
   &.active {
@@ -119,7 +114,7 @@
     }
   }
 
-  @media (max-width: ${x.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
     max-width: unset;
     min-width: unset;
     flex-direction: row;
@@ -159,17 +154,7 @@
       max-width: unset;
     }
   }
-`,L=_.styled.div`
-  width: 7.5rem;
-  width: 7.5rem;
-  border-radius: 999px;
-  background: ${s.linearGradientAnimation("-90deg")};
-
-  @media (max-width: ${x.MOBILE_SIZE_PX+"px"}) {
-    width: 7.5rem;
-    height: 2.5rem;
-  }
-`,O=l.forwardRef(({},t)=>r.jsx(L,{})),F=l.forwardRef(({text:t,isActive:o=!1,icon:i,onSelectCard:n=()=>{}},d)=>r.jsxs(C,{ref:d,className:o?"active":"",onClick:n,children:[r.jsx(R,{icon:i,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:t})]})),A=l.forwardRef(({image:t,imageComponent:o,title:i,description:n,className:d,onSelectCard:g=()=>{}},u)=>{const{theme:y}=q.useTheme();return r.jsxs(z,{ref:u,theme:y,className:d,onClick:g,children:[s.isDefined(o)?o:r.jsx("img",{src:t,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[i&&r.jsx("div",{className:"wrapper__title",children:i}),n&&r.jsx("div",{className:"wrapper__description",children:n})]})]})}),T=l.forwardRef(({},t)=>r.jsxs(S,{children:[r.jsx("div",{className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[r.jsx("div",{className:"wrapper__title"}),r.jsx("div",{className:"wrapper__description"})]})]})),W=_.styled.div`
+`,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=()=>{}},y)=>{const{theme:j}=N.useTheme();return e.jsxs(P,{ref:y,theme:j,className:h,onClick:u,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`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -224,7 +209,7 @@
     }
   }
 
-  @media (max-width: ${x.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
     gap: 1rem;
 
     & .wrapper__tags {
@@ -251,4 +236,14 @@
       grid-template-columns: ${t=>`repeat(${t==null?void 0:t.limitCardsForMobile}, minmax(0, 1fr))`};
     }
   }
-`,B=l.forwardRef(({title:t,subtitle:o,tags:i=[],items:n=[],limitTags:d=5,limitTagsForMobile:g=5,limit:u=3,limitForMobile:y=2,selectedTag:I,onSelectTag:v=()=>{},onSelectCard:b=()=>{},className:p},E)=>{var k,$;return l.useLayoutEffect(()=>{if(!s.isDefinedNotEmptyString(p))return;const e=()=>{const c=document.querySelector(`.${p} .wrapper__cards`),m=c.querySelectorAll(".wrapper__card");m.forEach(f=>{const N=f.getBoundingClientRect().height,M=Math.ceil((N+10)/20);f.style.gridRowEnd=`span ${M}`});const j=m==null?void 0:m[m.length-1];if(j){const f=j.offsetTop+j.offsetHeight;c.style.height=`${f}px`}},h=document.querySelector(`.${p} .wrapper__cards`).querySelectorAll(".wrapper__image");let w=0;return h.length===0?e():(h.forEach(c=>{c.complete?w++:c.addEventListener("load",()=>{w++,w===h.length&&e()})}),w===h.length&&e()),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[p,n]),r.jsxs(W,{ref:E,limitTags:d,limitTagsForMobile:g,limitCards:u,limitCardsForMobile:y,className:p,numberOfTags:i==null?void 0:i.length,children:[r.jsxs("div",{className:"wrapper__heading",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),o&&r.jsx("div",{className:"wrapper__subtitle",children:o})]}),r.jsx("div",{className:"wrapper__tags__external",children:r.jsx("div",{className:"wrapper__tags",children:i&&(i==null?void 0:i.length)>0?i==null?void 0:i.map((e,a)=>r.jsx(F,{icon:e==null?void 0:e.icon,text:e==null?void 0:e.title,isActive:(e==null?void 0:e.code)===I,onSelectCard:()=>v==null?void 0:v(e)},`field-of-interests-masonry-tag__${a+1}`)):(k=Array.from("12345"))==null?void 0:k.map((e,a)=>r.jsx(O,{},`field-of-interests-masonry-tag-skeleton__${a+1}`))})}),r.jsx("div",{className:"wrapper__cards",children:n&&(n==null?void 0:n.length)>0?n==null?void 0:n.map((e,a)=>r.jsx(A,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,title:e==null?void 0:e.title,description:e==null?void 0:e.description,onSelectCard:()=>b==null?void 0:b(e),className:"wrapper__card"},`field-of-interests-with-tags-card__${a+1}`)):($=Array.from("12345"))==null?void 0:$.map((e,a)=>r.jsx(T,{},`field-of-interests-with-tags-card-skeleton__${a+1}`))})]})});module.exports=B;
+`,I=f.styled(n.SkeletonRowWrapper)`
+  &.skeleton__tags {
+    max-width: 50rem;
+  }
+
+  @media (max-width: ${g.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:$,onSelectTag:v=()=>{},onSelectCard:k=()=>{},className:m,isLoadingTags:C=!1,isLoadingCards:S=!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 b=l==null?void 0:l[(l==null?void 0:l.length)-1];if(b){const x=b.offsetTop+b.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,S]),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)===$,onSelectCard:()=>v==null?void 0:v(r)},`field-of-interests-masonry-tag__${d+1}`))})})}),e.jsx(G,{isLoading:S,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:()=>k==null?void 0:k(r),className:"wrapper__card"},`field-of-interests-with-tags-card__${d+1}`))})})]})));module.exports=X;