@lanaco/lnc-react-ui 4.0.183 → 4.0.185

package/dist/FieldOfInterestsMasonrySection.js

@@ -1,12 +1,14 @@
-import { jsxs as o, jsx as e, Fragment as C } from "react/jsx-runtime";
-import { forwardRef as N, Suspense as z, useLayoutEffect as W } from "react";
-import { o as M, l as j, k as q } from "./utils-Dc5zIpaz.js";
+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.div`
+const D = u.a`
+  text-decoration: none;
+  color: var(--gray-950);
   display: flex;
   width: 100%;
   height: fit-content;
@@ -45,7 +47,7 @@ const D = u.div`
       font-style: normal;
       font-weight: 500;
       line-height: 1.5rem;
-      ${M(2)}
+      ${N(2)}
     }
 
     & .wrapper__description {
@@ -55,7 +57,7 @@ const D = u.div`
       font-weight: 400;
       line-height: 1rem;
       letter-spacing: 0.025rem;
-      ${M(2)}
+      ${N(2)}
     }
   }
 
@@ -112,7 +114,7 @@ const D = u.div`
     font-weight: 400;
     line-height: 1.5rem;
     max-width: 8rem;
-    ${M(2)}
+    ${N(2)}
   }
 
   &.active {
@@ -162,43 +164,45 @@ const D = u.div`
       max-width: unset;
     }
   }
-`, X = N(
+`, X = S(
   ({ text: t, isActive: l = !1, icon: i, onSelectCard: n = () => {
-  } }, c) => /* @__PURE__ */ o(
+  } }, h) => /* @__PURE__ */ o(
     H,
     {
-      ref: c,
+      ref: h,
       className: l ? "active" : "",
       onClick: n,
       children: [
-        /* @__PURE__ */ e(T, { icon: i, className: "wrapper__icon" }),
-        /* @__PURE__ */ e("div", { className: "wrapper__text", children: t })
+        /* @__PURE__ */ r(T, { icon: i, className: "wrapper__icon" }),
+        /* @__PURE__ */ r("div", { className: "wrapper__text", children: t })
       ]
     }
   )
-), Z = N(
+), Z = S(
   ({
     image: t,
     imageComponent: l,
     title: i,
     description: n,
-    className: c,
-    onSelectCard: v = () => {
-    }
-  }, y) => {
-    const { theme: b } = A();
+    className: h,
+    onSelectCard: y = () => {
+    },
+    link: v
+  }, b) => {
+    const { theme: $ } = A();
     return /* @__PURE__ */ o(
       D,
       {
-        ref: y,
-        theme: b,
-        className: c,
-        onClick: v,
+        ref: b,
+        theme: $,
+        className: h,
+        onClick: y,
+        href: `/${v}`,
         children: [
-          j(l) ? l : /* @__PURE__ */ e("img", { src: t, className: "wrapper__image" }),
+          j(l) ? l : /* @__PURE__ */ r("img", { src: t, className: "wrapper__image" }),
           /* @__PURE__ */ o("div", { className: "wrapper__content", children: [
-            i && /* @__PURE__ */ e("div", { className: "wrapper__title", children: i }),
-            n && /* @__PURE__ */ e("div", { className: "wrapper__description", children: n })
+            i && /* @__PURE__ */ r("div", { className: "wrapper__title", children: i }),
+            n && /* @__PURE__ */ r("div", { className: "wrapper__description", children: n })
           ] })
         ]
       }
@@ -286,7 +290,7 @@ const D = u.div`
       grid-template-columns: ${(t) => `repeat(${t == null ? void 0 : t.limitCardsForMobile}, minmax(0, 1fr))`};
     }
   }
-`, E = u(B)`
+`, F = u(B)`
   &.skeleton__tags {
     max-width: 50rem;
   }
@@ -296,15 +300,15 @@ const D = u.div`
       overflow-x: hidden;
     }
   }
-`, K = ({ keyPrefix: t }) => /* @__PURE__ */ o(E, { className: "skeleton__tags", children: [
+`, K = ({ keyPrefix: t }) => /* @__PURE__ */ o(F, { className: "skeleton__tags", children: [
   /* @__PURE__ */ o(
     f,
     {
       alignItems: "center",
       gap: "0.5rem",
       children: [
-        /* @__PURE__ */ e(w, { width: "2.75rem", height: "2.75rem" }),
-        /* @__PURE__ */ e(p, { height: "1.5rem", width: "8rem" })
+        /* @__PURE__ */ r(w, { width: "2.75rem", height: "2.75rem" }),
+        /* @__PURE__ */ r(p, { height: "1.5rem", width: "8rem" })
       ]
     },
     `${t}-1`
@@ -316,8 +320,8 @@ const D = u.div`
       gap: "0.5rem",
       noGradient: !0,
       children: [
-        /* @__PURE__ */ e(w, { width: "2.75rem", height: "2.75rem" }),
-        /* @__PURE__ */ e(p, { height: "1.5rem", width: "8rem" })
+        /* @__PURE__ */ r(w, { width: "2.75rem", height: "2.75rem" }),
+        /* @__PURE__ */ r(p, { height: "1.5rem", width: "8rem" })
       ]
     },
     `${t}-2`
@@ -329,8 +333,8 @@ const D = u.div`
       gap: "0.5rem",
       noGradient: !0,
       children: [
-        /* @__PURE__ */ e(w, { width: "2.75rem", height: "2.75rem" }),
-        /* @__PURE__ */ e(p, { height: "1.5rem", width: "8rem" })
+        /* @__PURE__ */ r(w, { width: "2.75rem", height: "2.75rem" }),
+        /* @__PURE__ */ r(p, { height: "1.5rem", width: "8rem" })
       ]
     },
     `${t}-3`
@@ -342,8 +346,8 @@ const D = u.div`
       gap: "0.5rem",
       noGradient: !0,
       children: [
-        /* @__PURE__ */ e(w, { width: "2.75rem", height: "2.75rem" }),
-        /* @__PURE__ */ e(p, { height: "1.5rem", width: "8rem" })
+        /* @__PURE__ */ r(w, { width: "2.75rem", height: "2.75rem" }),
+        /* @__PURE__ */ r(p, { height: "1.5rem", width: "8rem" })
       ]
     },
     `${t}-4`
@@ -355,8 +359,8 @@ const D = u.div`
       gap: "0.5rem",
       noGradient: !0,
       children: [
-        /* @__PURE__ */ e(w, { width: "2.75rem", height: "2.75rem" }),
-        /* @__PURE__ */ e(p, { height: "1.5rem", width: "8rem" })
+        /* @__PURE__ */ r(w, { width: "2.75rem", height: "2.75rem" }),
+        /* @__PURE__ */ r(p, { height: "1.5rem", width: "8rem" })
       ]
     },
     `${t}-5`
@@ -364,104 +368,105 @@ const D = u.div`
 ] }), Q = ({
   keyPrefix: t,
   isLoading: l = !1,
-  fallbackComponent: i = /* @__PURE__ */ e(C, {}),
+  fallbackComponent: i = /* @__PURE__ */ r(z, {}),
   children: n
-}) => /* @__PURE__ */ e(z, { fallbackComponent: i, children: l === !0 ? /* @__PURE__ */ e(K, { keyPrefix: t }) : n }), U = ({ keyPrefix: t }) => /* @__PURE__ */ o(E, { className: "skeleton__cards", children: [
-  /* @__PURE__ */ e(p, { height: "13.75rem" }, `${t}-1`),
-  /* @__PURE__ */ e(p, { height: "13.75rem" }, `${t}-2`),
-  /* @__PURE__ */ e(p, { height: "13.75rem" }, `${t}-3`)
+}) => /* @__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(p, { height: "13.75rem" }, `${t}-1`),
+  /* @__PURE__ */ r(p, { height: "13.75rem" }, `${t}-2`),
+  /* @__PURE__ */ r(p, { height: "13.75rem" }, `${t}-3`)
 ] }), V = ({
   keyPrefix: t,
   isLoading: l = !1,
-  fallbackComponent: i = /* @__PURE__ */ e(C, {}),
+  fallbackComponent: i = /* @__PURE__ */ r(z, {}),
   children: n
-}) => /* @__PURE__ */ e(z, { fallbackComponent: i, children: l === !0 ? /* @__PURE__ */ e(U, { keyPrefix: t }) : n }), oe = N(
+}) => /* @__PURE__ */ r(E, { fallbackComponent: i, children: l === !0 ? /* @__PURE__ */ r(U, { keyPrefix: t }) : n }), oe = S(
   ({
     title: t,
     subtitle: l,
     tags: i = [],
     items: n = [],
-    limitTags: c = 5,
-    limitTagsForMobile: v = 5,
-    limit: y = 3,
+    limitTags: h = 5,
+    limitTagsForMobile: y = 5,
+    limit: v = 3,
     limitForMobile: b = 2,
-    selectedTag: F,
-    onSelectTag: $ = () => {
+    selectedTag: $,
+    onSelectTag: k = () => {
     },
-    onSelectCard: k = () => {
+    onSelectCard: I = () => {
     },
-    className: h,
+    className: c,
     isLoadingTags: L = !1,
-    isLoadingCards: S = !1
+    isLoadingCards: C = !1
   }, O) => (W(() => {
-    if (!q(h))
+    if (!q(c))
       return;
-    const r = () => {
-      const m = document == null ? void 0 : document.querySelector(`.${h} .wrapper__cards`), s = m == null ? void 0 : m.querySelectorAll(".wrapper__card");
+    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 I = s == null ? void 0 : s[(s == null ? void 0 : s.length) - 1];
-      if (I) {
-        const g = I.offsetTop + I.offsetHeight;
+      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`;
       }
-    }, d = document == null ? void 0 : document.querySelector(`.${h} .wrapper__cards`), a = d == null ? void 0 : d.querySelectorAll(".wrapper__image");
+    }, d = document == null ? void 0 : document.querySelector(`.${c} .wrapper__cards`), a = d == null ? void 0 : d.querySelectorAll(".wrapper__image");
     let _ = 0;
-    return (a == null ? void 0 : a.length) === 0 ? r() : (a == null || a.forEach((m) => {
+    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) && r();
+        _++, _ === (a == null ? void 0 : a.length) && e();
       });
-    }), _ === (a == null ? void 0 : a.length) && r()), window.addEventListener("resize", r), () => {
-      window.removeEventListener("resize", r);
+    }), _ === (a == null ? void 0 : a.length) && e()), window.addEventListener("resize", e), () => {
+      window.removeEventListener("resize", e);
     };
-  }, [h, n, S]), /* @__PURE__ */ o(
+  }, [c, n, C]), /* @__PURE__ */ o(
     J,
     {
       ref: O,
-      limitTags: c,
-      limitTagsForMobile: v,
-      limitCards: y,
+      limitTags: h,
+      limitTagsForMobile: y,
+      limitCards: v,
       limitCardsForMobile: b,
-      className: h,
+      className: c,
       numberOfTags: i == null ? void 0 : i.length,
       children: [
         /* @__PURE__ */ o("div", { className: "wrapper__heading", children: [
-          t && /* @__PURE__ */ e("div", { className: "wrapper__title", children: t }),
-          l && /* @__PURE__ */ e("div", { className: "wrapper__subtitle", children: l })
+          t && /* @__PURE__ */ r("div", { className: "wrapper__title", children: t }),
+          l && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: l })
         ] }),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ r(
           Q,
           {
             isLoading: L,
             keyPrefix: "field-of-interests-masonry-tag",
-            children: /* @__PURE__ */ e("div", { className: "wrapper__tags__external", children: /* @__PURE__ */ e("div", { className: "wrapper__tags", children: i == null ? void 0 : i.map((r, d) => /* @__PURE__ */ e(
+            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,
               {
-                icon: r == null ? void 0 : r.icon,
-                text: r == null ? void 0 : r.title,
-                isActive: (r == null ? void 0 : r.code) === F,
-                onSelectCard: () => $ == null ? void 0 : $(r)
+                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)
               },
               `field-of-interests-masonry-tag__${d + 1}`
             )) }) })
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ r(
           V,
           {
-            isLoading: S,
+            isLoading: C,
             keyPrefix: "field-of-interests-masonry-card",
-            children: /* @__PURE__ */ e("div", { className: "wrapper__cards", children: n == null ? void 0 : n.map((r, d) => /* @__PURE__ */ e(
+            children: /* @__PURE__ */ r("div", { className: "wrapper__cards", children: n == null ? void 0 : n.map((e, d) => /* @__PURE__ */ r(
               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"
+                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),
+                className: "wrapper__card",
+                link: e == null ? void 0 : e.link
               },
               `field-of-interests-with-tags-card__${d + 1}`
             )) })

package/dist/FieldOfInterestsWithAvatarsCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),g=require("react"),v=require("./utils-RnrgDDZP.cjs"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),$=require("./consts-goSZX3xP.cjs"),y=require("./index-BnYqZk-h.cjs"),l=require("./style-BAcV7F53.cjs"),F=j.styled.div`
+"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`
   width: 100%;
   height: auto;
   border-radius: 999px;
@@ -24,7 +24,7 @@
       height: auto;
     }
   }
-`,b=g.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"})})),k=g.forwardRef(({uuid:t,title:r,price:s,currency:n,isNegotiable:o,isFree:p,image:d,sellerUuid:m,onSelectCard:a=()=>{},imageComponent:h,negotiableText:x="Negotiable",freeText:_="Free"},u)=>i.jsx(y.SimpleProductCard,{ref:u,uuid:t,title:r,price:s,currency:n,isNegotiable:o,isFree:p,image:d,imageComponent:h,sellerUuid:m,onSelectCard:a,negotiableText:x,freeText:_})),I=j.styled.div`
+`,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`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -84,7 +84,7 @@
       gap: 1rem;
     }
   }
-`,C=j.styled(l.SkeletonRowWrapper)`
+`,C=c.styled(l.SkeletonRowWrapper)`
   &.skeleton__tags {
     max-width: 50rem;
   }
@@ -108,4 +108,4 @@
       }
     }
   }
-`,S=({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(g.Suspense,{fallbackComponent:s,children:r===!0?i.jsx(S,{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(g.Suspense,{fallbackComponent:s,children:r===!0?i.jsx(O,{keyPrefix:t}):n}),L=g.forwardRef(({title:t,subtitle:r,avatars:s=[],limitAvatars:n=4,limit:o=6,limitAvatarsForMobile:p=4,limitForMobile:d=2,items:m=[],onSelectAvatar:a=()=>{},onSelectCard:h=()=>{},isLoadingTags:x=!1,isLoadingCards:_=!1},u)=>{const f=e=>{a==null||a(e)},w=e=>{h==null||h(e)};return i.jsxs(I,{ref:u,limitAvatars:n,limitAvatarsForMobile:p,limitCards:o,limitCardsForMobile:d,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:x,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:()=>f==null?void 0:f(e)},`field-of-interests-with-avatars-card-avatar__${c+1}`))})}),i.jsx(W,{isLoading:_,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:()=>w==null?void 0:w(e)},`field-of-interests-with-avatars-card__${c+1}`))})})]})});module.exports=L;
+`,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;

package/dist/FieldOfInterestsWithAvatarsCardsSection.js

@@ -1,10 +1,10 @@
-import { jsx as i, jsxs as g, Fragment as F } from "react/jsx-runtime";
-import { forwardRef as v, Suspense as y } from "react";
+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-DWLKvVyZ.js";
-import { a as O, d as h, b as p } from "./style-CXMUA6cI.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`
   width: 100%;
   height: auto;
@@ -31,7 +31,7 @@ const j = C.div`
       height: auto;
     }
   }
-`, k = v(
+`, k = c(
   ({ isActive: t, image: s, imageComponent: r, onSelectCard: n = () => {
   } }, l) => /* @__PURE__ */ i(
     j,
@@ -42,40 +42,42 @@ const j = C.div`
       children: W(r) ? r : /* @__PURE__ */ i("img", { src: s, className: "wrapper__image" })
     }
   )
-), A = v(
+), A = c(
   ({
     uuid: t,
     title: s,
     price: r,
     currency: n,
     isNegotiable: l,
-    isFree: f,
-    image: _,
+    isFree: _,
+    image: u,
     sellerUuid: m,
     onSelectCard: o = () => {
     },
     imageComponent: a,
     negotiableText: d = "Negotiable",
-    freeText: u = "Free"
-  }, w) => /* @__PURE__ */ i(
+    freeText: w = "Free",
+    nameSlug: x
+  }, h) => /* @__PURE__ */ i(
     I,
     {
-      ref: w,
+      ref: h,
       uuid: t,
       title: s,
       price: r,
       currency: n,
       isNegotiable: l,
-      isFree: f,
-      image: _,
+      isFree: _,
+      image: u,
       imageComponent: a,
       sellerUuid: m,
       onSelectCard: o,
       negotiableText: d,
-      freeText: u
+      freeText: w,
+      nameSlug: x
     }
   )
-), T = C.div`
+), S = C.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -159,9 +161,9 @@ const j = C.div`
       }
     }
   }
-`, M = ({ keyPrefix: t }) => /* @__PURE__ */ g(N, { className: "skeleton__tags", justifyContent: "center", children: [
+`, T = ({ keyPrefix: t }) => /* @__PURE__ */ f(N, { className: "skeleton__tags", justifyContent: "center", children: [
   /* @__PURE__ */ i(
-    h,
+    p,
     {
       width: "9.875rem",
       height: "9.875rem"
@@ -169,7 +171,7 @@ const j = C.div`
     `${t}-1`
   ),
   /* @__PURE__ */ i(
-    h,
+    p,
     {
       width: "9.875rem",
       height: "9.875rem"
@@ -177,7 +179,7 @@ const j = C.div`
     `${t}-2`
   ),
   /* @__PURE__ */ i(
-    h,
+    p,
     {
       width: "9.875rem",
       height: "9.875rem"
@@ -185,85 +187,85 @@ const j = C.div`
     `${t}-3`
   ),
   /* @__PURE__ */ i(
-    h,
+    p,
     {
       width: "9.875rem",
       height: "9.875rem"
     },
     `${t}-4`
   )
-] }), L = ({
+] }), M = ({
   keyPrefix: t,
   isLoading: s = !1,
   fallbackComponent: r = /* @__PURE__ */ i(F, {}),
   children: n
-}) => /* @__PURE__ */ i(y, { fallbackComponent: r, children: s === !0 ? /* @__PURE__ */ i(M, { keyPrefix: t }) : n }), S = ({ keyPrefix: t }) => /* @__PURE__ */ g(N, { className: "skeleton__cards", justifyContent: "center", children: [
-  /* @__PURE__ */ i(p, { height: "13.75rem" }, `${t}-1`),
-  /* @__PURE__ */ i(p, { height: "13.75rem" }, `${t}-2`),
-  /* @__PURE__ */ i(p, { height: "13.75rem" }, `${t}-3`),
-  /* @__PURE__ */ i(p, { height: "13.75rem" }, `${t}-3`)
+}) => /* @__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(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 = ({
   keyPrefix: t,
   isLoading: s = !1,
   fallbackComponent: r = /* @__PURE__ */ i(F, {}),
   children: n
-}) => /* @__PURE__ */ i(y, { fallbackComponent: r, children: s === !0 ? /* @__PURE__ */ i(S, { keyPrefix: t }) : n }), q = v(
+}) => /* @__PURE__ */ i(y, { fallbackComponent: r, children: s === !0 ? /* @__PURE__ */ i(L, { keyPrefix: t }) : n }), q = c(
   ({
     title: t,
     subtitle: s,
     avatars: r = [],
     limitAvatars: n = 4,
     limit: l = 6,
-    limitAvatarsForMobile: f = 4,
-    limitForMobile: _ = 2,
+    limitAvatarsForMobile: _ = 4,
+    limitForMobile: u = 2,
     items: m = [],
     onSelectAvatar: o = () => {
     },
     onSelectCard: a = () => {
     },
     isLoadingTags: d = !1,
-    isLoadingCards: u = !1
-  }, w) => {
-    const x = (e) => {
+    isLoadingCards: w = !1
+  }, x) => {
+    const h = (e) => {
       o == null || o(e);
     }, $ = (e) => {
       a == null || a(e);
     };
-    return /* @__PURE__ */ g(
-      T,
+    return /* @__PURE__ */ f(
+      S,
       {
-        ref: w,
+        ref: x,
         limitAvatars: n,
-        limitAvatarsForMobile: f,
+        limitAvatarsForMobile: _,
         limitCards: l,
-        limitCardsForMobile: _,
+        limitCardsForMobile: u,
         children: [
-          /* @__PURE__ */ g("div", { className: "wrapper__heading", children: [
+          /* @__PURE__ */ f("div", { className: "wrapper__heading", children: [
             t && /* @__PURE__ */ i("div", { className: "wrapper__title", children: t }),
             s && /* @__PURE__ */ i("div", { className: "wrapper__subtitle", children: s })
           ] }),
           /* @__PURE__ */ i(
-            L,
+            M,
             {
               isLoading: d,
               keyPrefix: "field-of-interests-with-avatars-tag",
-              children: /* @__PURE__ */ i("div", { className: "wrapper__avatars", children: r == null ? void 0 : r.map((e, c) => /* @__PURE__ */ i(
+              children: /* @__PURE__ */ i("div", { className: "wrapper__avatars", children: r == null ? void 0 : r.map((e, v) => /* @__PURE__ */ i(
                 k,
                 {
                   image: e == null ? void 0 : e.image,
                   imageComponent: e == null ? void 0 : e.imageComponent,
-                  onSelectCard: () => x == null ? void 0 : x(e)
+                  onSelectCard: () => h == null ? void 0 : h(e)
                 },
-                `field-of-interests-with-avatars-card-avatar__${c + 1}`
+                `field-of-interests-with-avatars-card-avatar__${v + 1}`
               )) })
             }
           ),
           /* @__PURE__ */ i(
             z,
             {
-              isLoading: u,
+              isLoading: w,
               keyPrefix: "field-of-interests-with-avatars-card",
-              children: /* @__PURE__ */ i("div", { className: "wrapper__cards", children: m == null ? void 0 : m.map((e, c) => /* @__PURE__ */ i(
+              children: /* @__PURE__ */ i("div", { className: "wrapper__cards", children: m == null ? void 0 : m.map((e, v) => /* @__PURE__ */ i(
                 A,
                 {
                   uuid: e == null ? void 0 : e.uuid,
@@ -277,9 +279,10 @@ 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)
+                  onSelectCard: () => $ == null ? void 0 : $(e),
+                  nameSlug: e == null ? void 0 : e.nameSlug
                 },
-                `field-of-interests-with-avatars-card__${c + 1}`
+                `field-of-interests-with-avatars-card__${v + 1}`
               )) })
             }
           )