@lanaco/lnc-react-ui 4.0.185 → 4.0.188

package/dist/FieldOfInterestsMasonrySection.js

@@ -1,12 +1,12 @@
 import { jsxs as o, jsx as r, Fragment as z } from "react/jsx-runtime";
-import { forwardRef as S, Suspense as E, useLayoutEffect as W } from "react";
-import { o as N, l as j, k as q } from "./utils-Dc5zIpaz.js";
-import T from "./Icon.js";
-import { s as u } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as x } from "./consts-BuFChS64.js";
-import { u as A } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import { a as B, S as f, d as w, b as p } from "./style-CXMUA6cI.js";
-const D = u.a`
+import { forwardRef as S, Suspense as E, useLayoutEffect as j } from "react";
+import { o as N, l as q, k as T } from "./utils-Dc5zIpaz.js";
+import A from "./Icon.js";
+import { s as b } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as $ } from "./consts-BuFChS64.js";
+import { u as B } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { a as D, S as _, d as g, b as p } from "./style-CXMUA6cI.js";
+const H = b.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -61,7 +61,7 @@ const D = u.a`
     }
   }
 
-  @media (max-width: ${x + "px"}) {
+  @media (max-width: ${$ + "px"}) {
     & .wrapper__content {
       & .wrapper__title {
         font-size: 0.875rem;
@@ -73,7 +73,7 @@ const D = u.a`
       }
     }
   }
-`, H = u.div`
+`, X = b.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -124,7 +124,7 @@ const D = u.a`
     }
   }
 
-  @media (max-width: ${x + "px"}) {
+  @media (max-width: ${$ + "px"}) {
     max-width: unset;
     min-width: unset;
     flex-direction: row;
@@ -164,42 +164,44 @@ const D = u.a`
       max-width: unset;
     }
   }
-`, X = S(
+`, Z = S(
   ({ text: t, isActive: l = !1, icon: i, onSelectCard: n = () => {
   } }, h) => /* @__PURE__ */ o(
-    H,
+    X,
     {
       ref: h,
       className: l ? "active" : "",
       onClick: n,
       children: [
-        /* @__PURE__ */ r(T, { icon: i, className: "wrapper__icon" }),
+        /* @__PURE__ */ r(A, { icon: i, className: "wrapper__icon" }),
         /* @__PURE__ */ r("div", { className: "wrapper__text", children: t })
       ]
     }
   )
-), Z = S(
+), J = S(
   ({
     image: t,
     imageComponent: l,
     title: i,
     description: n,
     className: h,
-    onSelectCard: y = () => {
+    onSelectCard: k = () => {
     },
-    link: v
-  }, b) => {
-    const { theme: $ } = A();
+    link: u,
+    LinkComponent: x
+  }, I) => {
+    const c = x || "a", { theme: f } = B();
     return /* @__PURE__ */ o(
-      D,
+      H,
       {
-        ref: b,
-        theme: $,
+        ref: I,
+        theme: f,
         className: h,
-        onClick: y,
-        href: `/${v}`,
+        onClick: k,
+        as: c,
+        ...x ? { to: `/${u}` } : { href: `/${u}` },
         children: [
-          j(l) ? l : /* @__PURE__ */ r("img", { src: t, className: "wrapper__image" }),
+          q(l) ? l : /* @__PURE__ */ r("img", { src: t, className: "wrapper__image" }),
           /* @__PURE__ */ o("div", { className: "wrapper__content", children: [
             i && /* @__PURE__ */ r("div", { className: "wrapper__title", children: i }),
             n && /* @__PURE__ */ r("div", { className: "wrapper__description", children: n })
@@ -208,7 +210,7 @@ const D = u.a`
       }
     );
   }
-), J = u.div`
+), K = b.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -263,7 +265,7 @@ const D = u.a`
     }
   }
 
-  @media (max-width: ${x + "px"}) {
+  @media (max-width: ${$ + "px"}) {
     gap: 1rem;
 
     & .wrapper__tags {
@@ -290,145 +292,146 @@ const D = u.a`
       grid-template-columns: ${(t) => `repeat(${t == null ? void 0 : t.limitCardsForMobile}, minmax(0, 1fr))`};
     }
   }
-`, F = u(B)`
+`, F = b(D)`
   &.skeleton__tags {
     max-width: 50rem;
   }
 
-  @media (max-width: ${x + "px"}) {
+  @media (max-width: ${$ + "px"}) {
     &.skeleton__tags {
       overflow-x: hidden;
     }
   }
-`, K = ({ keyPrefix: t }) => /* @__PURE__ */ o(F, { className: "skeleton__tags", children: [
+`, Q = ({ keyPrefix: t }) => /* @__PURE__ */ o(F, { className: "skeleton__tags", children: [
   /* @__PURE__ */ o(
-    f,
+    _,
     {
       alignItems: "center",
       gap: "0.5rem",
       children: [
-        /* @__PURE__ */ r(w, { width: "2.75rem", height: "2.75rem" }),
+        /* @__PURE__ */ r(g, { width: "2.75rem", height: "2.75rem" }),
         /* @__PURE__ */ r(p, { height: "1.5rem", width: "8rem" })
       ]
     },
     `${t}-1`
   ),
   /* @__PURE__ */ o(
-    f,
+    _,
     {
       alignItems: "center",
       gap: "0.5rem",
       noGradient: !0,
       children: [
-        /* @__PURE__ */ r(w, { width: "2.75rem", height: "2.75rem" }),
+        /* @__PURE__ */ r(g, { width: "2.75rem", height: "2.75rem" }),
         /* @__PURE__ */ r(p, { height: "1.5rem", width: "8rem" })
       ]
     },
     `${t}-2`
   ),
   /* @__PURE__ */ o(
-    f,
+    _,
     {
       alignItems: "center",
       gap: "0.5rem",
       noGradient: !0,
       children: [
-        /* @__PURE__ */ r(w, { width: "2.75rem", height: "2.75rem" }),
+        /* @__PURE__ */ r(g, { width: "2.75rem", height: "2.75rem" }),
         /* @__PURE__ */ r(p, { height: "1.5rem", width: "8rem" })
       ]
     },
     `${t}-3`
   ),
   /* @__PURE__ */ o(
-    f,
+    _,
     {
       alignItems: "center",
       gap: "0.5rem",
       noGradient: !0,
       children: [
-        /* @__PURE__ */ r(w, { width: "2.75rem", height: "2.75rem" }),
+        /* @__PURE__ */ r(g, { width: "2.75rem", height: "2.75rem" }),
         /* @__PURE__ */ r(p, { height: "1.5rem", width: "8rem" })
       ]
     },
     `${t}-4`
   ),
   /* @__PURE__ */ o(
-    f,
+    _,
     {
       alignItems: "center",
       gap: "0.5rem",
       noGradient: !0,
       children: [
-        /* @__PURE__ */ r(w, { width: "2.75rem", height: "2.75rem" }),
+        /* @__PURE__ */ r(g, { width: "2.75rem", height: "2.75rem" }),
         /* @__PURE__ */ r(p, { height: "1.5rem", width: "8rem" })
       ]
     },
     `${t}-5`
   )
-] }), Q = ({
+] }), U = ({
   keyPrefix: t,
   isLoading: l = !1,
   fallbackComponent: i = /* @__PURE__ */ r(z, {}),
   children: n
-}) => /* @__PURE__ */ r(E, { fallbackComponent: i, children: l === !0 ? /* @__PURE__ */ r(K, { keyPrefix: t }) : n }), U = ({ keyPrefix: t }) => /* @__PURE__ */ o(F, { className: "skeleton__cards", children: [
+}) => /* @__PURE__ */ r(E, { fallbackComponent: i, children: l === !0 ? /* @__PURE__ */ r(Q, { keyPrefix: t }) : n }), V = ({ keyPrefix: t }) => /* @__PURE__ */ o(F, { className: "skeleton__cards", children: [
   /* @__PURE__ */ r(p, { height: "13.75rem" }, `${t}-1`),
   /* @__PURE__ */ r(p, { height: "13.75rem" }, `${t}-2`),
   /* @__PURE__ */ r(p, { height: "13.75rem" }, `${t}-3`)
-] }), V = ({
+] }), Y = ({
   keyPrefix: t,
   isLoading: l = !1,
   fallbackComponent: i = /* @__PURE__ */ r(z, {}),
   children: n
-}) => /* @__PURE__ */ r(E, { fallbackComponent: i, children: l === !0 ? /* @__PURE__ */ r(U, { keyPrefix: t }) : n }), oe = S(
+}) => /* @__PURE__ */ r(E, { fallbackComponent: i, children: l === !0 ? /* @__PURE__ */ r(V, { keyPrefix: t }) : n }), le = S(
   ({
     title: t,
     subtitle: l,
     tags: i = [],
     items: n = [],
     limitTags: h = 5,
-    limitTagsForMobile: y = 5,
-    limit: v = 3,
-    limitForMobile: b = 2,
-    selectedTag: $,
-    onSelectTag: k = () => {
+    limitTagsForMobile: k = 5,
+    limit: u = 3,
+    limitForMobile: x = 2,
+    selectedTag: I,
+    onSelectTag: c = () => {
     },
-    onSelectCard: I = () => {
+    onSelectCard: f = () => {
     },
-    className: c,
-    isLoadingTags: L = !1,
-    isLoadingCards: C = !1
-  }, O) => (W(() => {
-    if (!q(c))
+    className: w,
+    isLoadingTags: O = !1,
+    isLoadingCards: C = !1,
+    LinkComponent: L
+  }, G) => (j(() => {
+    if (!T(w))
       return;
     const e = () => {
-      const m = document == null ? void 0 : document.querySelector(`.${c} .wrapper__cards`), s = m == null ? void 0 : m.querySelectorAll(".wrapper__card");
-      s == null || s.forEach((g) => {
-        const G = g.getBoundingClientRect().height, R = Math.ceil((G + 10) / 20);
-        g.style.gridRowEnd = `span ${R}`;
+      const m = document == null ? void 0 : document.querySelector(`.${w} .wrapper__cards`), s = m == null ? void 0 : m.querySelectorAll(".wrapper__card");
+      s == null || s.forEach((v) => {
+        const R = v.getBoundingClientRect().height, W = Math.ceil((R + 10) / 20);
+        v.style.gridRowEnd = `span ${W}`;
       });
       const M = s == null ? void 0 : s[(s == null ? void 0 : s.length) - 1];
       if (M) {
-        const g = M.offsetTop + M.offsetHeight;
-        m.style.height = `${g}px`;
+        const v = M.offsetTop + M.offsetHeight;
+        m.style.height = `${v}px`;
       }
-    }, d = document == null ? void 0 : document.querySelector(`.${c} .wrapper__cards`), a = d == null ? void 0 : d.querySelectorAll(".wrapper__image");
-    let _ = 0;
+    }, d = document == null ? void 0 : document.querySelector(`.${w} .wrapper__cards`), a = d == null ? void 0 : d.querySelectorAll(".wrapper__image");
+    let y = 0;
     return (a == null ? void 0 : a.length) === 0 ? e() : (a == null || a.forEach((m) => {
-      m.complete ? _++ : m.addEventListener("load", () => {
-        _++, _ === (a == null ? void 0 : a.length) && e();
+      m.complete ? y++ : m.addEventListener("load", () => {
+        y++, y === (a == null ? void 0 : a.length) && e();
       });
-    }), _ === (a == null ? void 0 : a.length) && e()), window.addEventListener("resize", e), () => {
+    }), y === (a == null ? void 0 : a.length) && e()), window.addEventListener("resize", e), () => {
       window.removeEventListener("resize", e);
     };
-  }, [c, n, C]), /* @__PURE__ */ o(
-    J,
+  }, [w, n, C]), /* @__PURE__ */ o(
+    K,
     {
-      ref: O,
+      ref: G,
       limitTags: h,
-      limitTagsForMobile: y,
-      limitCards: v,
-      limitCardsForMobile: b,
-      className: c,
+      limitTagsForMobile: k,
+      limitCards: u,
+      limitCardsForMobile: x,
+      className: w,
       numberOfTags: i == null ? void 0 : i.length,
       children: [
         /* @__PURE__ */ o("div", { className: "wrapper__heading", children: [
@@ -436,37 +439,38 @@ const D = u.a`
           l && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: l })
         ] }),
         /* @__PURE__ */ r(
-          Q,
+          U,
           {
-            isLoading: L,
+            isLoading: O,
             keyPrefix: "field-of-interests-masonry-tag",
             children: /* @__PURE__ */ r("div", { className: "wrapper__tags__external", children: /* @__PURE__ */ r("div", { className: "wrapper__tags", children: i == null ? void 0 : i.map((e, d) => /* @__PURE__ */ r(
-              X,
+              Z,
               {
                 icon: e == null ? void 0 : e.icon,
                 text: e == null ? void 0 : e.title,
-                isActive: (e == null ? void 0 : e.code) === $,
-                onSelectCard: () => k == null ? void 0 : k(e)
+                isActive: (e == null ? void 0 : e.code) === I,
+                onSelectCard: () => c == null ? void 0 : c(e)
               },
               `field-of-interests-masonry-tag__${d + 1}`
             )) }) })
           }
         ),
         /* @__PURE__ */ r(
-          V,
+          Y,
           {
             isLoading: C,
             keyPrefix: "field-of-interests-masonry-card",
             children: /* @__PURE__ */ r("div", { className: "wrapper__cards", children: n == null ? void 0 : n.map((e, d) => /* @__PURE__ */ r(
-              Z,
+              J,
               {
                 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: () => I == null ? void 0 : I(e),
+                onSelectCard: () => f == null ? void 0 : f(e),
                 className: "wrapper__card",
-                link: e == null ? void 0 : e.link
+                link: e == null ? void 0 : e.link,
+                LinkComponent: L
               },
               `field-of-interests-with-tags-card__${d + 1}`
             )) })
@@ -477,5 +481,5 @@ const D = u.a`
   ))
 );
 export {
-  oe as default
+  le as default
 };

package/dist/FieldOfInterestsWithAvatarsCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),p=require("react"),v=require("./utils-RnrgDDZP.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),$=require("./consts-goSZX3xP.cjs"),y=require("./index-DHV9awrE.cjs"),l=require("./style-BAcV7F53.cjs"),F=c.styled.div`
+"use strict";const i=require("react/jsx-runtime"),p=require("react"),y=require("./utils-RnrgDDZP.cjs"),$=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),F=require("./index-BFc3nxYZ.cjs"),l=require("./style-BAcV7F53.cjs"),S=$.styled.div`
   width: 100%;
   height: auto;
   border-radius: 999px;
@@ -19,12 +19,12 @@
     border: var(--yellow-600, #d97706);
   }
 
-  @media (max-width: ${$.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${C.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__image {
       height: auto;
     }
   }
-`,S=p.forwardRef(({isActive:t,image:r,imageComponent:s,onSelectCard:n=()=>{}},o)=>i.jsx(F,{ref:o,className:t?"active":"",onClick:n,children:v.isDefined(s)?s:i.jsx("img",{src:r,className:"wrapper__image"})})),b=p.forwardRef(({uuid:t,title:r,price:s,currency:n,isNegotiable:o,isFree:x,image:u,sellerUuid:m,onSelectCard:a=()=>{},imageComponent:h,negotiableText:_="Negotiable",freeText:d="Free",nameSlug:f},g)=>i.jsx(y.SimpleProductCard,{ref:g,uuid:t,title:r,price:s,currency:n,isNegotiable:o,isFree:x,image:u,imageComponent:h,sellerUuid:m,onSelectCard:a,negotiableText:_,freeText:d,nameSlug:f})),k=c.styled.div`
+`,b=p.forwardRef(({isActive:t,image:r,imageComponent:s,onSelectCard:n=()=>{}},o)=>i.jsx(S,{ref:o,className:t?"active":"",onClick:n,children:y.isDefined(s)?s:i.jsx("img",{src:r,className:"wrapper__image"})})),k=p.forwardRef(({uuid:t,title:r,price:s,currency:n,isNegotiable:o,isFree:x,image:u,sellerUuid:m,onSelectCard:a=()=>{},imageComponent:h,negotiableText:_="Negotiable",freeText:d="Free",nameSlug:f,LinkComponent:w},g)=>i.jsx(F.SimpleProductCard,{ref:g,uuid:t,title:r,price:s,currency:n,isNegotiable:o,isFree:x,image:u,imageComponent:h,sellerUuid:m,onSelectCard:a,negotiableText:_,freeText:d,nameSlug:f,LinkComponent:w})),I=$.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -73,7 +73,7 @@
     width: 100%;
   }
 
-  @media (max-width: ${$.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${C.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__avatars {
       grid-template-columns: ${t=>`repeat(${t==null?void 0:t.limitAvatarsForMobile}, minmax(0, 1fr))`};
       gap: auto;
@@ -84,12 +84,12 @@
       gap: 1rem;
     }
   }
-`,C=c.styled(l.SkeletonRowWrapper)`
+`,v=$.styled(l.SkeletonRowWrapper)`
   &.skeleton__tags {
     max-width: 50rem;
   }
 
-  @media (max-width: ${$.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${C.MOBILE_SIZE_PX+"px"}) {
     &.skeleton__tags {
       overflow-x: hidden;
 
@@ -108,4 +108,4 @@
       }
     }
   }
-`,I=({keyPrefix:t})=>i.jsxs(C,{className:"skeleton__tags",justifyContent:"center",children:[i.jsx(l.SkeletonCirclePlaceholder,{width:"9.875rem",height:"9.875rem"},`${t}-1`),i.jsx(l.SkeletonCirclePlaceholder,{width:"9.875rem",height:"9.875rem"},`${t}-2`),i.jsx(l.SkeletonCirclePlaceholder,{width:"9.875rem",height:"9.875rem"},`${t}-3`),i.jsx(l.SkeletonCirclePlaceholder,{width:"9.875rem",height:"9.875rem"},`${t}-4`)]}),N=({keyPrefix:t,isLoading:r=!1,fallbackComponent:s=i.jsx(i.Fragment,{}),children:n})=>i.jsx(p.Suspense,{fallbackComponent:s,children:r===!0?i.jsx(I,{keyPrefix:t}):n}),O=({keyPrefix:t})=>i.jsxs(C,{className:"skeleton__cards",justifyContent:"center",children:[i.jsx(l.SkeletonLinePlaceholder,{height:"13.75rem"},`${t}-1`),i.jsx(l.SkeletonLinePlaceholder,{height:"13.75rem"},`${t}-2`),i.jsx(l.SkeletonLinePlaceholder,{height:"13.75rem"},`${t}-3`),i.jsx(l.SkeletonLinePlaceholder,{height:"13.75rem"},`${t}-3`)]}),W=({keyPrefix:t,isLoading:r=!1,fallbackComponent:s=i.jsx(i.Fragment,{}),children:n})=>i.jsx(p.Suspense,{fallbackComponent:s,children:r===!0?i.jsx(O,{keyPrefix:t}):n}),L=p.forwardRef(({title:t,subtitle:r,avatars:s=[],limitAvatars:n=4,limit:o=6,limitAvatarsForMobile:x=4,limitForMobile:u=2,items:m=[],onSelectAvatar:a=()=>{},onSelectCard:h=()=>{},isLoadingTags:_=!1,isLoadingCards:d=!1},f)=>{const g=e=>{a==null||a(e)},w=e=>{h==null||h(e)};return i.jsxs(k,{ref:f,limitAvatars:n,limitAvatarsForMobile:x,limitCards:o,limitCardsForMobile:u,children:[i.jsxs("div",{className:"wrapper__heading",children:[t&&i.jsx("div",{className:"wrapper__title",children:t}),r&&i.jsx("div",{className:"wrapper__subtitle",children:r})]}),i.jsx(N,{isLoading:_,keyPrefix:"field-of-interests-with-avatars-tag",children:i.jsx("div",{className:"wrapper__avatars",children:s==null?void 0:s.map((e,j)=>i.jsx(S,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>g==null?void 0:g(e)},`field-of-interests-with-avatars-card-avatar__${j+1}`))})}),i.jsx(W,{isLoading:d,keyPrefix:"field-of-interests-with-avatars-card",children:i.jsx("div",{className:"wrapper__cards",children:m==null?void 0:m.map((e,j)=>i.jsx(b,{uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.title,price:e==null?void 0:e.price,currency:e==null?void 0:e.currency,isNegotiable:e==null?void 0:e.isNegotiable,isFree:e==null?void 0:e.isFree,image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,sellerUuid:e==null?void 0:e.sellerUuid,negotiableText:e==null?void 0:e.negotiableText,freeText:e==null?void 0:e.freeText,onSelectCard:()=>w==null?void 0:w(e),nameSlug:e==null?void 0:e.nameSlug},`field-of-interests-with-avatars-card__${j+1}`))})})]})});module.exports=L;
+`,N=({keyPrefix:t})=>i.jsxs(v,{className:"skeleton__tags",justifyContent:"center",children:[i.jsx(l.SkeletonCirclePlaceholder,{width:"9.875rem",height:"9.875rem"},`${t}-1`),i.jsx(l.SkeletonCirclePlaceholder,{width:"9.875rem",height:"9.875rem"},`${t}-2`),i.jsx(l.SkeletonCirclePlaceholder,{width:"9.875rem",height:"9.875rem"},`${t}-3`),i.jsx(l.SkeletonCirclePlaceholder,{width:"9.875rem",height:"9.875rem"},`${t}-4`)]}),O=({keyPrefix:t,isLoading:r=!1,fallbackComponent:s=i.jsx(i.Fragment,{}),children:n})=>i.jsx(p.Suspense,{fallbackComponent:s,children:r===!0?i.jsx(N,{keyPrefix:t}):n}),W=({keyPrefix:t})=>i.jsxs(v,{className:"skeleton__cards",justifyContent:"center",children:[i.jsx(l.SkeletonLinePlaceholder,{height:"13.75rem"},`${t}-1`),i.jsx(l.SkeletonLinePlaceholder,{height:"13.75rem"},`${t}-2`),i.jsx(l.SkeletonLinePlaceholder,{height:"13.75rem"},`${t}-3`),i.jsx(l.SkeletonLinePlaceholder,{height:"13.75rem"},`${t}-3`)]}),L=({keyPrefix:t,isLoading:r=!1,fallbackComponent:s=i.jsx(i.Fragment,{}),children:n})=>i.jsx(p.Suspense,{fallbackComponent:s,children:r===!0?i.jsx(W,{keyPrefix:t}):n}),P=p.forwardRef(({title:t,subtitle:r,avatars:s=[],limitAvatars:n=4,limit:o=6,limitAvatarsForMobile:x=4,limitForMobile:u=2,items:m=[],onSelectAvatar:a=()=>{},onSelectCard:h=()=>{},isLoadingTags:_=!1,isLoadingCards:d=!1,LinkComponent:f},w)=>{const g=e=>{a==null||a(e)},j=e=>{h==null||h(e)};return i.jsxs(I,{ref:w,limitAvatars:n,limitAvatarsForMobile:x,limitCards:o,limitCardsForMobile:u,children:[i.jsxs("div",{className:"wrapper__heading",children:[t&&i.jsx("div",{className:"wrapper__title",children:t}),r&&i.jsx("div",{className:"wrapper__subtitle",children:r})]}),i.jsx(O,{isLoading:_,keyPrefix:"field-of-interests-with-avatars-tag",children:i.jsx("div",{className:"wrapper__avatars",children:s==null?void 0:s.map((e,c)=>i.jsx(b,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>g==null?void 0:g(e)},`field-of-interests-with-avatars-card-avatar__${c+1}`))})}),i.jsx(L,{isLoading:d,keyPrefix:"field-of-interests-with-avatars-card",children:i.jsx("div",{className:"wrapper__cards",children:m==null?void 0:m.map((e,c)=>i.jsx(k,{uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.title,price:e==null?void 0:e.price,currency:e==null?void 0:e.currency,isNegotiable:e==null?void 0:e.isNegotiable,isFree:e==null?void 0:e.isFree,image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,sellerUuid:e==null?void 0:e.sellerUuid,negotiableText:e==null?void 0:e.negotiableText,freeText:e==null?void 0:e.freeText,onSelectCard:()=>j==null?void 0:j(e),nameSlug:e==null?void 0:e.nameSlug,LinkComponent:f},`field-of-interests-with-avatars-card__${c+1}`))})})]})});module.exports=P;

package/dist/FieldOfInterestsWithAvatarsCardsSection.js

@@ -1,11 +1,11 @@
-import { jsx as i, jsxs as f, Fragment as F } from "react/jsx-runtime";
-import { forwardRef as c, Suspense as y } from "react";
-import { l as W } from "./utils-Dc5zIpaz.js";
-import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as b } from "./consts-BuFChS64.js";
-import { S as I } from "./index-C8QkdNHi.js";
-import { a as O, d as p, b as g } from "./style-CXMUA6cI.js";
-const j = C.div`
+import { jsx as i, jsxs as f, Fragment as y } from "react/jsx-runtime";
+import { forwardRef as C, Suspense as N } from "react";
+import { l as I } from "./utils-Dc5zIpaz.js";
+import { s as b } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as F } from "./consts-BuFChS64.js";
+import { S as O } from "./index-BB63Jo6p.js";
+import { a as j, d as p, b as g } from "./style-CXMUA6cI.js";
+const k = b.div`
   width: 100%;
   height: auto;
   border-radius: 999px;
@@ -26,23 +26,23 @@ const j = C.div`
     border: var(--yellow-600, #d97706);
   }
 
-  @media (max-width: ${b + "px"}) {
+  @media (max-width: ${F + "px"}) {
     & .wrapper__image {
       height: auto;
     }
   }
-`, k = c(
+`, A = C(
   ({ isActive: t, image: s, imageComponent: r, onSelectCard: n = () => {
   } }, l) => /* @__PURE__ */ i(
-    j,
+    k,
     {
       ref: l,
       className: t ? "active" : "",
       onClick: n,
-      children: W(r) ? r : /* @__PURE__ */ i("img", { src: s, className: "wrapper__image" })
+      children: I(r) ? r : /* @__PURE__ */ i("img", { src: s, className: "wrapper__image" })
     }
   )
-), A = c(
+), S = C(
   ({
     uuid: t,
     title: s,
@@ -57,9 +57,10 @@ const j = C.div`
     imageComponent: a,
     negotiableText: d = "Negotiable",
     freeText: w = "Free",
-    nameSlug: x
+    nameSlug: x,
+    LinkComponent: $
   }, h) => /* @__PURE__ */ i(
-    I,
+    O,
     {
       ref: h,
       uuid: t,
@@ -74,10 +75,11 @@ const j = C.div`
       onSelectCard: o,
       negotiableText: d,
       freeText: w,
-      nameSlug: x
+      nameSlug: x,
+      LinkComponent: $
     }
   )
-), S = C.div`
+), T = b.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -126,7 +128,7 @@ const j = C.div`
     width: 100%;
   }
 
-  @media (max-width: ${b + "px"}) {
+  @media (max-width: ${F + "px"}) {
     & .wrapper__avatars {
       grid-template-columns: ${(t) => `repeat(${t == null ? void 0 : t.limitAvatarsForMobile}, minmax(0, 1fr))`};
       gap: auto;
@@ -137,12 +139,12 @@ const j = C.div`
       gap: 1rem;
     }
   }
-`, N = C(O)`
+`, W = b(j)`
   &.skeleton__tags {
     max-width: 50rem;
   }
 
-  @media (max-width: ${b + "px"}) {
+  @media (max-width: ${F + "px"}) {
     &.skeleton__tags {
       overflow-x: hidden;
 
@@ -161,7 +163,7 @@ const j = C.div`
       }
     }
   }
-`, T = ({ keyPrefix: t }) => /* @__PURE__ */ f(N, { className: "skeleton__tags", justifyContent: "center", children: [
+`, M = ({ keyPrefix: t }) => /* @__PURE__ */ f(W, { className: "skeleton__tags", justifyContent: "center", children: [
   /* @__PURE__ */ i(
     p,
     {
@@ -194,22 +196,22 @@ const j = C.div`
     },
     `${t}-4`
   )
-] }), M = ({
+] }), L = ({
   keyPrefix: t,
   isLoading: s = !1,
-  fallbackComponent: r = /* @__PURE__ */ i(F, {}),
+  fallbackComponent: r = /* @__PURE__ */ i(y, {}),
   children: n
-}) => /* @__PURE__ */ i(y, { fallbackComponent: r, children: s === !0 ? /* @__PURE__ */ i(T, { keyPrefix: t }) : n }), L = ({ keyPrefix: t }) => /* @__PURE__ */ f(N, { className: "skeleton__cards", justifyContent: "center", children: [
+}) => /* @__PURE__ */ i(N, { fallbackComponent: r, children: s === !0 ? /* @__PURE__ */ i(M, { keyPrefix: t }) : n }), z = ({ keyPrefix: t }) => /* @__PURE__ */ f(W, { className: "skeleton__cards", justifyContent: "center", children: [
   /* @__PURE__ */ i(g, { height: "13.75rem" }, `${t}-1`),
   /* @__PURE__ */ i(g, { height: "13.75rem" }, `${t}-2`),
   /* @__PURE__ */ i(g, { height: "13.75rem" }, `${t}-3`),
   /* @__PURE__ */ i(g, { height: "13.75rem" }, `${t}-3`)
-] }), z = ({
+] }), E = ({
   keyPrefix: t,
   isLoading: s = !1,
-  fallbackComponent: r = /* @__PURE__ */ i(F, {}),
+  fallbackComponent: r = /* @__PURE__ */ i(y, {}),
   children: n
-}) => /* @__PURE__ */ i(y, { fallbackComponent: r, children: s === !0 ? /* @__PURE__ */ i(L, { keyPrefix: t }) : n }), q = c(
+}) => /* @__PURE__ */ i(N, { fallbackComponent: r, children: s === !0 ? /* @__PURE__ */ i(z, { keyPrefix: t }) : n }), G = C(
   ({
     title: t,
     subtitle: s,
@@ -224,17 +226,18 @@ const j = C.div`
     onSelectCard: a = () => {
     },
     isLoadingTags: d = !1,
-    isLoadingCards: w = !1
-  }, x) => {
+    isLoadingCards: w = !1,
+    LinkComponent: x
+  }, $) => {
     const h = (e) => {
       o == null || o(e);
-    }, $ = (e) => {
+    }, v = (e) => {
       a == null || a(e);
     };
     return /* @__PURE__ */ f(
-      S,
+      T,
       {
-        ref: x,
+        ref: $,
         limitAvatars: n,
         limitAvatarsForMobile: _,
         limitCards: l,
@@ -245,28 +248,28 @@ const j = C.div`
             s && /* @__PURE__ */ i("div", { className: "wrapper__subtitle", children: s })
           ] }),
           /* @__PURE__ */ i(
-            M,
+            L,
             {
               isLoading: d,
               keyPrefix: "field-of-interests-with-avatars-tag",
-              children: /* @__PURE__ */ i("div", { className: "wrapper__avatars", children: r == null ? void 0 : r.map((e, v) => /* @__PURE__ */ i(
-                k,
+              children: /* @__PURE__ */ i("div", { className: "wrapper__avatars", children: r == null ? void 0 : r.map((e, c) => /* @__PURE__ */ i(
+                A,
                 {
                   image: e == null ? void 0 : e.image,
                   imageComponent: e == null ? void 0 : e.imageComponent,
                   onSelectCard: () => h == null ? void 0 : h(e)
                 },
-                `field-of-interests-with-avatars-card-avatar__${v + 1}`
+                `field-of-interests-with-avatars-card-avatar__${c + 1}`
               )) })
             }
           ),
           /* @__PURE__ */ i(
-            z,
+            E,
             {
               isLoading: w,
               keyPrefix: "field-of-interests-with-avatars-card",
-              children: /* @__PURE__ */ i("div", { className: "wrapper__cards", children: m == null ? void 0 : m.map((e, v) => /* @__PURE__ */ i(
-                A,
+              children: /* @__PURE__ */ i("div", { className: "wrapper__cards", children: m == null ? void 0 : m.map((e, c) => /* @__PURE__ */ i(
+                S,
                 {
                   uuid: e == null ? void 0 : e.uuid,
                   title: e == null ? void 0 : e.title,
@@ -279,10 +282,11 @@ const j = C.div`
                   sellerUuid: e == null ? void 0 : e.sellerUuid,
                   negotiableText: e == null ? void 0 : e.negotiableText,
                   freeText: e == null ? void 0 : e.freeText,
-                  onSelectCard: () => $ == null ? void 0 : $(e),
-                  nameSlug: e == null ? void 0 : e.nameSlug
+                  onSelectCard: () => v == null ? void 0 : v(e),
+                  nameSlug: e == null ? void 0 : e.nameSlug,
+                  LinkComponent: x
                 },
-                `field-of-interests-with-avatars-card__${v + 1}`
+                `field-of-interests-with-avatars-card__${c + 1}`
               )) })
             }
           )
@@ -292,5 +296,5 @@ const j = C.div`
   }
 );
 export {
-  q as default
+  G as default
 };