@lanaco/lnc-react-ui 4.0.183 → 4.0.185

package/dist/ColorInput.js

@@ -1,26 +1,25 @@
-import { jsx as o, jsxs as q } from "react/jsx-runtime";
-import { forwardRef as G, useState as S, useCallback as J } from "react";
-import { s as z } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { P as t } from "./index-CblbdqjE.js";
-import { c as M, d as u, b as l, a as T, e as C, f as Q, h as X } from "./utils-Dc5zIpaz.js";
-import { d as Y } from "./index-Dt62UGku.js";
-import { u as Z } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import { u as _ } from "./useUpdateEffect-CuYWz7EA.js";
-const R = (e, n) => `calc(${u(e, n)} - 1rem)`, ee = z.label`
+import { jsx as a, jsxs as p } from "react/jsx-runtime";
+import { forwardRef as q, useState as S, useCallback as G } from "react";
+import { s as w } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { c as J, d as r, b as d, a as V, e as v, f as M, h as Q } from "./utils-Dc5zIpaz.js";
+import { d as X } from "./index-Dt62UGku.js";
+import { u as Y } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { u as Z } from "./useUpdateEffect-CuYWz7EA.js";
+const R = (e, t) => `calc(${r(e, t)} - 1rem)`, _ = w.label`
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
-  ${(e) => M(e.theme, "Input", e.size, "enabled")};
-  min-height: ${(e) => u(e.theme, e.size)};
-  max-height: ${(e) => u(e.theme, e.size)};
-  background-color: ${(e) => l(
+  ${(e) => J(e.theme, "Input", e.size, "enabled")};
+  min-height: ${(e) => r(e.theme, e.size)};
+  max-height: ${(e) => r(e.theme, e.size)};
+  background-color: ${(e) => d(
   e.theme,
   "Input",
   e.color,
   "enabled",
   "background"
 )};
-  color: ${(e) => l(
+  color: ${(e) => d(
   e.theme,
   "Input",
   e.isFocused ? "primary" : e.color,
@@ -28,19 +27,19 @@ const R = (e, n) => `calc(${u(e, n)} - 1rem)`, ee = z.label`
   "text"
 )};
   border: 1px solid
-    ${(e) => l(
+    ${(e) => d(
   e.theme,
   "Input",
   e.isFocused ? "primary" : e.color,
   "enabled",
   "border"
 )};
-  border-radius: ${(e) => T(e.theme, "regular")};
+  border-radius: ${(e) => V(e.theme, "regular")};
   padding: 0.625rem 0.75rem;
   width: 100%;
-  ${(e) => !e.disabled && e.readOnly !== !0 && e.isFocused === !0 && C(e.theme)};
-  /* ${(e) => e.disabled === !0 && Q(e.theme)} */
-  ${(e) => e.disabled === !0 && `background-color: ${l(
+  ${(e) => !e.disabled && e.readOnly !== !0 && e.isFocused === !0 && v(e.theme)};
+  /* ${(e) => e.disabled === !0 && M(e.theme)} */
+  ${(e) => e.disabled === !0 && `background-color: ${d(
   e.theme,
   "Input",
   e.color,
@@ -48,34 +47,34 @@ const R = (e, n) => `calc(${u(e, n)} - 1rem)`, ee = z.label`
   "background",
   "backgroundOpacity"
 )};
-        color: ${(n) => l(
-  n.theme,
+        color: ${(t) => d(
+  t.theme,
   "Input",
-  n.color,
+  t.color,
   "disabled",
   "text"
 )};`}
-  border: 1px solid ${(e) => l(e.theme, "Input", e.color, "disabled", "border")};
-`, te = z.div`
+  border: 1px solid ${(e) => d(e.theme, "Input", e.color, "disabled", "border")};
+`, ee = w.div`
   ${(e) => !e.disabled && e.readOnly !== !0 && "cursor: pointer;"}
-  min-height: ${(e) => u(e.theme, e.size)};
-  max-height: ${(e) => u(e.theme, e.size)};
+  min-height: ${(e) => r(e.theme, e.size)};
+  max-height: ${(e) => r(e.theme, e.size)};
   display: inline-flex;
   align-items: center;
   justify-content: center;
   ${(e) => e.withInput == !0 && "width: 100%;"}
   & div {
     &:focus {
-      ${(e) => e.disabled !== !0 && e.withInput !== !0 && e.readOnly !== !0 && C(e.theme)};
+      ${(e) => e.disabled !== !0 && e.withInput !== !0 && e.readOnly !== !0 && v(e.theme)};
     }
     &:hover {
-      ${(e) => !e.disabled && !e.withInput && e.readOnly !== !0 && C(e.theme)};
+      ${(e) => !e.disabled && !e.withInput && e.readOnly !== !0 && v(e.theme)};
     }
     ${(e) => e.disabled === !0 && `opacity: ${e.theme.palette.opacity[e.theme.palette.disabled.opacity]};`}
     box-sizing: border-box;
     min-width: ${(e) => R(e.theme, e.size)};
     height: ${(e) => R(e.theme, e.size)};
-    border-radius: ${(e) => T(e.theme, "curved")};
+    border-radius: ${(e) => V(e.theme, "curved")};
     overflow: hidden;
     & input[type="color"] {
       border: 0;
@@ -84,8 +83,8 @@ const R = (e, n) => `calc(${u(e, n)} - 1rem)`, ee = z.label`
       height: 200%;
       cursor: pointer;
       transform: translate(-25%, -25%);
-      /* ${(e) => e.disabled === !0 && X(e.theme)}; */
-      ${(e) => e.disabled === !0 && `background-color: ${l(
+      /* ${(e) => e.disabled === !0 && Q(e.theme)}; */
+      ${(e) => e.disabled === !0 && `background-color: ${d(
   e.theme,
   "Input",
   e.color,
@@ -93,16 +92,16 @@ const R = (e, n) => `calc(${u(e, n)} - 1rem)`, ee = z.label`
   "background",
   "backgroundOpacity"
 )};
-        color: ${(n) => l(
-  n.theme,
+        color: ${(t) => d(
+  t.theme,
   "Input",
-  n.color,
+  t.color,
   "disabled",
   "text"
 )};`}
     }
   }
-`, ne = z.span`
+`, te = w.span`
   display: flex;
   align-items: center;
   overflow: hidden;
@@ -113,174 +112,140 @@ const R = (e, n) => `calc(${u(e, n)} - 1rem)`, ee = z.label`
     background-color: transparent;
     width: 100%;
   }
-`, ae = G((e, n) => {
+`, ue = q((e, t) => {
   const {
-    id: s,
-    name: f,
-    defaultValue: F = "#000000",
+    id: u,
+    name: g,
+    defaultValue: z = "#000000",
     value: i,
-    size: p = "small",
-    tabIndex: y,
-    withInput: $ = !1,
-    className: V = "",
-    style: D = {},
-    color: c = "primary",
-    debounceTime: j = 0,
-    readOnly: d,
-    disabled: r,
-    onChange: I = () => {
+    size: F = "small",
+    tabIndex: $,
+    withInput: f = !1,
+    className: T = "",
+    style: j = {},
+    color: s = "primary",
+    debounceTime: D = 0,
+    readOnly: o,
+    disabled: l,
+    onChange: y = () => {
     },
-    onFocus: P = () => {
+    onFocus: U = () => {
     },
-    onBlur: U = () => {
+    onBlur: E = () => {
     },
-    onInput: E = () => {
+    onInput: W = () => {
     },
-    onKeyDown: K = () => {
+    onKeyDown: A = () => {
     },
-    labelRef: N,
+    labelRef: H,
     inputProps: x,
-    ...O
-  } = e, k = Z(), [m, v] = S(i), [W, B] = S(!1), A = new RegExp(/^#[0-9A-F]{6}$/i);
-  _(() => v(i), [i]);
-  const H = J(
-    Y((a, w) => L(a, w), j),
-    [I]
-  ), L = (a, w) => {
-    I && I(a, w);
-  }, h = (a) => {
-    i && v(a.target.value), H(a, a.target.value);
-  }, b = (a) => {
-    B(!0), P(a);
-  }, g = (a) => {
-    A.test(m) || v(F), B(!1), U(a);
+    ...k
+  } = e, O = Y(), [c, I] = S(i), [K, B] = S(!1), L = new RegExp(/^#[0-9A-F]{6}$/i);
+  Z(() => I(i), [i]);
+  const N = G(
+    X((n, C) => P(n, C), D),
+    [y]
+  ), P = (n, C) => {
+    y && y(n, C);
+  }, h = (n) => {
+    i && I(n.target.value), N(n, n.target.value);
+  }, m = (n) => {
+    B(!0), U(n);
+  }, b = (n) => {
+    L.test(c) || I(z), B(!1), E(n);
   };
-  return /* @__PURE__ */ o(
-    te,
+  return /* @__PURE__ */ a(
+    ee,
     {
-      ref: n,
-      theme: k,
-      size: p,
-      className: V,
-      style: D,
-      disabled: r,
-      readOnly: d,
-      withInput: $,
-      ...O,
-      children: $ ? /* @__PURE__ */ q(
-        ee,
+      ref: t,
+      theme: O,
+      size: F,
+      className: T,
+      style: j,
+      disabled: l,
+      readOnly: o,
+      withInput: f,
+      ...k,
+      children: f ? /* @__PURE__ */ p(
+        _,
         {
-          withInput: $,
-          theme: k,
-          color: c,
-          size: p,
-          disabled: r,
-          readOnly: d,
-          tabIndex: y,
-          isFocused: W,
+          withInput: f,
+          theme: O,
+          color: s,
+          size: F,
+          disabled: l,
+          readOnly: o,
+          tabIndex: $,
+          isFocused: K,
           children: [
-            /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+            /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
               "input",
               {
                 type: "color",
-                ref: n,
-                id: s,
-                name: f,
-                value: m,
-                disabled: r || d,
+                ref: t,
+                id: u,
+                name: g,
+                value: c,
+                disabled: l || o,
                 onChange: h,
-                onBlur: g,
-                onFocus: b,
-                color: c,
+                onBlur: b,
+                onFocus: m,
+                color: s,
                 ...x
               }
             ) }),
-            /* @__PURE__ */ o(ne, { children: /* @__PURE__ */ o(
+            /* @__PURE__ */ a(te, { children: /* @__PURE__ */ a(
               "input",
               {
-                ref: N,
-                value: m,
+                ref: H,
+                value: c,
                 onChange: h,
-                onFocus: b,
-                onBlur: g,
-                onInput: E,
-                onKeyDown: K,
-                disabled: r || d,
-                ...O
+                onFocus: m,
+                onBlur: b,
+                onInput: W,
+                onKeyDown: A,
+                disabled: l || o,
+                ...k
               }
             ) })
           ]
         }
-      ) : /* @__PURE__ */ o("div", { children: i == null || i == "undefined" ? /* @__PURE__ */ o(
+      ) : /* @__PURE__ */ a("div", { children: i == null || i == "undefined" ? /* @__PURE__ */ a(
         "input",
         {
           type: "color",
-          ref: n,
-          id: s,
-          name: f,
-          defaultValue: F,
-          disabled: r || d,
+          ref: t,
+          id: u,
+          name: g,
+          defaultValue: z,
+          disabled: l || o,
           onChange: h,
-          onBlur: g,
-          onFocus: b,
-          color: c,
-          tabIndex: y,
+          onBlur: b,
+          onFocus: m,
+          color: s,
+          tabIndex: $,
           ...x
         }
-      ) : /* @__PURE__ */ o(
+      ) : /* @__PURE__ */ a(
         "input",
         {
           type: "color",
-          ref: n,
-          id: s,
-          name: f,
-          value: m,
-          disabled: r || d,
+          ref: t,
+          id: u,
+          name: g,
+          value: c,
+          disabled: l || o,
           onChange: h,
-          onBlur: g,
-          onFocus: b,
-          color: c,
-          tabIndex: y,
+          onBlur: b,
+          onFocus: m,
+          color: s,
+          tabIndex: $,
           ...x
         }
       ) })
     }
   );
 });
-ae.propTypes = {
-  id: t.any,
-  name: t.string,
-  defaultValue: t.string,
-  value: t.string,
-  debounceTime: t.number,
-  disabled: t.bool,
-  readOnly: t.bool,
-  tabIndex: t.number,
-  preventDefault: t.bool,
-  labelRef: t.any,
-  inputProps: t.bool,
-  withInput: t.bool,
-  //---------------------------------------------------------------
-  onChange: t.func,
-  onBlur: t.func,
-  onFocus: t.func,
-  onInput: t.func,
-  onKeyDown: t.func,
-  //---------------------------------------------------------------
-  className: t.string,
-  style: t.object,
-  size: t.oneOf(["small", "medium", "large"]),
-  color: t.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "danger",
-    "warning",
-    "information",
-    "neutral",
-    "gray"
-  ])
-};
 export {
-  ae as default
+  ue as default
 };

package/dist/DetailedProductsInfinitiveSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),a=require("react"),M=require("./emotion-styled.browser.esm-BtEseadx.cjs"),B=require("./consts-goSZX3xP.cjs"),E=require("./IconButton.cjs"),I=require("./Button.cjs"),r=require("./utils-RnrgDDZP.cjs"),L=require("./useDetectMobile-zkbzoOGV.cjs"),g=require("./index-CaAhRJ2-.cjs"),T=M.styled.div`
+"use strict";const t=require("react/jsx-runtime"),a=require("react"),M=require("./emotion-styled.browser.esm-BtEseadx.cjs"),B=require("./consts-goSZX3xP.cjs"),E=require("./IconButton.cjs"),I=require("./Button.cjs"),r=require("./utils-RnrgDDZP.cjs"),L=require("./useDetectMobile-zkbzoOGV.cjs"),g=require("./index-Bmr3IeZ_.cjs"),T=M.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -70,4 +70,4 @@
       }
     }
   }
-`,z=a.memo(g.DetailedProductCard),R=a.forwardRef((n,p)=>{const{title:l,icon:c,items:i,limit:f=4,isLoading:s=!1,onSelectCard:b=()=>{},onLoadMore:h=()=>{},onButtonAction:w=()=>{},getImage:y=()=>{},viewAllbuttonLink:d,viewAllButonText:m="View all",negotiableText:_,freeText:k,loadMoreButtonIcon:v="angle-down",sponsoredText:C,onBookmark:N=()=>{},actionComponent:S,componentName:j,hasNextPage:q=!1}=n,u=L.useDetectMobile(),P=a.useMemo(()=>i==null?void 0:i.map((e,o)=>t.jsx(z,{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,onSelectCard:(U,D)=>b({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:D}),imageUrl:y(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:_,freeText:k,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,sponsoredText:C,onBookmark:N,actionComponent:S,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:j},sellerName:e==null?void 0:e.sellerName,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},o)),[i]);return t.jsxs(T,{ref:p,limit:f,children:[t.jsxs("div",{className:"section__heading",children:[r.isDefinedNotEmptyString(l)&&t.jsxs("div",{className:"section__title",children:[r.isDefinedNotEmptyString(c)&&t.jsx("i",{className:c})," ",l]}),u&&r.isDefinedNotEmptyString(d)&&r.isDefinedNotEmptyString(m)&&!s&&t.jsx(I,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var o;(o=e==null?void 0:e.target)==null||o.blur(),w(d)},borderRadius:"curved",className:"section__view-all",children:m})]}),t.jsx(g.SuspenseDetailedProductCard,{isLoading:s,keyPrefix:"detailed-product-card-skeleton",children:t.jsx("div",{className:"section__items",children:P})}),!u&&!s&&q&&t.jsx(E,{icon:v,borderRadius:"curved",btnType:"basic",color:"neutral",className:"section__show-more",onClick:h})]})});module.exports=R;
+`,z=a.memo(g.DetailedProductCard),R=a.forwardRef((n,p)=>{const{title:l,icon:c,items:i,limit:f=4,isLoading:s=!1,onSelectCard:b=()=>{},onLoadMore:h=()=>{},onButtonAction:w=()=>{},getImage:y=()=>{},viewAllbuttonLink:d,viewAllButonText:m="View all",negotiableText:_,freeText:k,loadMoreButtonIcon:v="angle-down",sponsoredText:S,onBookmark:C=()=>{},actionComponent:N,componentName:j,hasNextPage:q=!1}=n,u=L.useDetectMobile(),P=a.useMemo(()=>i==null?void 0:i.map((e,o)=>t.jsx(z,{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,onSelectCard:(U,D)=>b({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:D}),nameSlug:e==null?void 0:e.nameSlug,imageUrl:y(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:_,freeText:k,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,sponsoredText:S,onBookmark:C,actionComponent:N,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:j},sellerName:e==null?void 0:e.sellerName,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},o)),[i]);return t.jsxs(T,{ref:p,limit:f,children:[t.jsxs("div",{className:"section__heading",children:[r.isDefinedNotEmptyString(l)&&t.jsxs("div",{className:"section__title",children:[r.isDefinedNotEmptyString(c)&&t.jsx("i",{className:c})," ",l]}),u&&r.isDefinedNotEmptyString(d)&&r.isDefinedNotEmptyString(m)&&!s&&t.jsx(I,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var o;(o=e==null?void 0:e.target)==null||o.blur(),w(d)},borderRadius:"curved",className:"section__view-all",children:m})]}),t.jsx(g.SuspenseDetailedProductCard,{isLoading:s,keyPrefix:"detailed-product-card-skeleton",children:t.jsx("div",{className:"section__items",children:P})}),!u&&!s&&q&&t.jsx(E,{icon:v,borderRadius:"curved",btnType:"basic",color:"neutral",className:"section__show-more",onClick:h})]})});module.exports=R;

package/dist/DetailedProductsInfinitiveSection.js

@@ -6,7 +6,7 @@ import E from "./IconButton.js";
 import U 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-DxZ71UZ1.js";
+import { D as j, S as A } from "./index-DZ8515cZ.js";
 const F = T.div`
   display: flex;
   flex-direction: column;
@@ -102,8 +102,8 @@ const F = T.div`
     sponsoredText: v,
     onBookmark: C = () => {
     },
-    actionComponent: N,
-    componentName: S,
+    actionComponent: S,
+    componentName: N,
     hasNextPage: P = !1
   } = a, u = $(), M = L(() => t == null ? void 0 : t.map((e, i) => /* @__PURE__ */ o(
     O,
@@ -118,6 +118,7 @@ const F = T.div`
       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 }),
+      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,
       isNegotiable: e == null ? void 0 : e.isNegotiable,
@@ -132,10 +133,10 @@ const F = T.div`
       trade: e == null ? void 0 : e.trade,
       sponsoredText: v,
       onBookmark: C,
-      actionComponent: N,
+      actionComponent: S,
       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,
       forCart: e == null ? void 0 : e.forCart,
       forOrder: e == null ? void 0 : e.forOrder,

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-CaAhRJ2-.cjs"),I=require("./index-CSNxZFTX.cjs"),Q=T.styled.div`
+"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`
   display: grid;
   grid-template-columns: ${a=>`repeat(${a.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -26,4 +26,4 @@
       /* Safari and Chrome */
     }
   }
-`,j=c.memo(w.DetailedProductCard),_=c.forwardRef((a,P)=>{const{icon:d,title:v,buttonLink:u,items:i,buttonText:m,limit:n=4,onSelectCard:g=()=>{},onButtonAction:D=()=>{},isLoading:p=!1,getImage:b=()=>{},negotiableText:k,freeText:y,options:o,onSelectOption:C=()=>{},productsToolbarName:U="All",sponsoredText:f,onBookmark:h=()=>{},actionComponent:S,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,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:f,onBookmark:h,actionComponent:S,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}),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:f,onBookmark:h,actionComponent:S,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(d)&&t.jsx("i",{className:d}),t.jsx("span",{children:v})]}),l.isDefinedNotEmptyString(u)&&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(u)},borderRadius:"curved",className:"button-link",children:m})]}),(o==null?void 0:o.length)>0&&t.jsx(I.SelectBar,{items:o,onRemove:e=>{C(e)},onSelect:e=>{C(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=_;
+`,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=_;

package/dist/DetailedProductsSection.js

@@ -6,7 +6,7 @@ import O 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-DxZ71UZ1.js";
+import { D as $, S as j } from "./index-DZ8515cZ.js";
 import { S as z } from "./index-BGiZlEQt.js";
 const A = I.div`
   display: grid;
@@ -57,10 +57,10 @@ const A = I.div`
     onSelectOption: y = () => {
     },
     productsToolbarName: L = "All",
-    sponsoredText: C,
-    onBookmark: h = () => {
+    sponsoredText: S,
+    onBookmark: C = () => {
     },
-    actionComponent: 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,
@@ -74,6 +74,7 @@ const A = I.div`
       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: (D, s) => p({
         uuid: e == null ? void 0 : e.uuid,
         nameSlug: e == null ? void 0 : e.nameSlug,
@@ -93,9 +94,9 @@ 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: C,
-      onBookmark: h,
-      actionComponent: S,
+      sponsoredText: S,
+      onBookmark: C,
+      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 }
@@ -119,6 +120,7 @@ const A = I.div`
         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,
@@ -132,9 +134,9 @@ 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: C,
-      onBookmark: h,
-      actionComponent: S,
+      sponsoredText: S,
+      onBookmark: C,
+      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 },

package/dist/FieldOfInterestsMasonrySection.cjs

@@ -1,4 +1,6 @@
-"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.div`
+"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`
+  text-decoration: none;
+  color: var(--gray-950);
   display: flex;
   width: 100%;
   height: fit-content;
@@ -154,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=()=>{}},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`
+`,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`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -246,4 +248,4 @@
       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;
+`,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;