@lanaco/lnc-react-ui 4.0.112 → 4.0.114

package/dist/FaqSection.js

@@ -0,0 +1,481 @@
+import { jsx as r, jsxs as l, Fragment as y } from "react/jsx-runtime";
+import { forwardRef as S, useState as T, useMemo as $ } from "react";
+import { P as e } from "./index-CblbdqjE.js";
+import z from "./Chip.js";
+import { s as k } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as I } from "./consts-BuFChS64.js";
+import { u as E } from "./useDetectMobile-Bkvj0VMa.js";
+import N from "./Icon.js";
+import C from "./IconButton.js";
+import F from "./Button.js";
+const j = k.div`
+  display: flex;
+  gap: 0.75rem;
+  align-items: center;
+  align-content: center;
+
+  & .tags__item {
+    color: var(--gray-900, #0c1520);
+    background: var(--gray-100, #f3f6fb);
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 1.25rem;
+    letter-spacing: -0.0056rem;
+    padding: 0.5rem 0.75rem;
+
+    &.active {
+      color: var(--white, #fff);
+      background: var(--gray-900, #0c1520);
+      font-weight: 500;
+
+      &:hover {
+        color: var(--white, #fff);
+        background: var(--gray-900, #0c1520);
+      }
+    }
+
+    &:hover {
+      background: var(--gray-200, #e4e9f0);
+    }
+
+    &:focus {
+      outline: none;
+    }
+  }
+
+  @media (max-width: ${I + "px"}) {
+    width: 100%;
+    overflow-x: auto;
+    white-space: nowrap;
+
+    -webkit-overflow-scrolling: touch;
+    ::-webkit-scrollbar {
+      -webkit-appearance: none;
+    }
+    -ms-overflow-style: none;
+    /* Internet Explorer 10+ */
+    scrollbar-width: none;
+    /* Firefox */
+
+    &::-webkit-scrollbar {
+      display: none;
+      /* Safari and Chrome */
+    }
+  }
+`, P = k.div`
+  display: flex;
+  gap: 1.25rem;
+  width: 100%;
+
+  & .section__column {
+    display: flex;
+    flex-direction: column;
+    gap: 1.25rem;
+    width: 100%;
+  }
+
+  & .section__show-more {
+    color: var(--neutral-600, #0f2a46);
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.25rem;
+    letter-spacing: -0.0056rem;
+
+    &:focus {
+      outline: none;
+    }
+  }
+
+  @media (max-width: ${I + "px"}) {
+    flex-direction: column;
+  }
+`, R = k.div`
+  width: 100%;
+  height: fit-content;
+  background: var(--white, #fff);
+  border: 1px solid var(--gray-100, #f3f6fb);
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  padding: 1rem;
+  border-radius: 0.75rem;
+
+  &:hover {
+    cursor: pointer;
+  }
+
+  &.expanded {
+    border: 1px solid #ff7621;
+    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16),
+      0 1px 4px 0 rgba(255, 118, 33, 0.5) inset;
+  }
+
+  & .card__heading {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+
+    & .card__title {
+      color: var(--neutral-600, #0f2a46);
+      font-size: 1rem;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 1.5rem;
+    }
+
+    & .card__icon {
+      color: var(--neutral-600, #0f2a46);
+    }
+  }
+
+  & .card__description {
+    color: var(--neutral-400, #47607b);
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 1.25rem;
+    letter-spacing: 0.0156rem;
+  }
+
+  & .card__impression {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+
+    & .imppression__question {
+      color: var(--gray-500, #7a8594);
+      font-size: 0.75rem;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 1rem;
+      letter-spacing: 0.0313rem;
+    }
+
+    & .impression__actions {
+      display: flex;
+      gap: 0.5rem;
+
+      button {
+        color: var(--gray-600, #676e79);
+
+        &:focus {
+          outline: none;
+        }
+      }
+    }
+
+    &.feedback {
+      gap: 0.25rem;
+    }
+  }
+
+  @media (max-width: ${I + "px"}) {
+    & .card__impression {
+      justify-content: space-between;
+
+      &.feedback {
+        justify-content: flex-start;
+      }
+    }
+  }
+`, q = S(
+  ({ tags: o = [], selectedTagCode: a = null, onSelectTag: d = () => {
+  } }, u) => /* @__PURE__ */ r(j, { children: o == null ? void 0 : o.map((t, p) => /* @__PURE__ */ r(
+    z,
+    {
+      label: t == null ? void 0 : t.name,
+      borderRadius: "curved",
+      color: "neutral",
+      className: `tags__item ${a === (t == null ? void 0 : t.code) ? "active" : ""}`,
+      onClick: () => {
+        d(t);
+      }
+    },
+    `faq-section-tag__${p + 1}`
+  )) })
+);
+q.propTypes = {
+  tags: e.array,
+  onSelectTag: e.func
+};
+const b = ({
+  title: o,
+  description: a,
+  questionText: d,
+  feedbackText: u,
+  impressions: t = !1,
+  onSelectItem: p = () => {
+  },
+  onImpressed: m = () => {
+  }
+}) => {
+  const [f, g] = T(!1), [_, v] = T(!1), h = () => {
+    g((i) => !i), p();
+  }, s = (i, c) => {
+    i == null || i.stopPropagation(), v(!0), m(c);
+  };
+  return /* @__PURE__ */ l(
+    R,
+    {
+      className: f ? "expanded" : "",
+      onClick: h,
+      children: [
+        /* @__PURE__ */ l("div", { className: "card__heading", children: [
+          /* @__PURE__ */ r("div", { className: "card__title", children: o }),
+          /* @__PURE__ */ r(
+            N,
+            {
+              icon: f ? " mng-lnc-subtract" : " mng-lnc-add",
+              sizeInUnits: "1.25rem",
+              className: "card__icon"
+            }
+          )
+        ] }),
+        f && /* @__PURE__ */ l(y, { children: [
+          /* @__PURE__ */ r("div", { className: "card__description", children: a }),
+          t && /* @__PURE__ */ r(y, { children: _ ? /* @__PURE__ */ l("div", { className: "card__impression feedback", children: [
+            /* @__PURE__ */ r(
+              N,
+              {
+                icon: " mng-lnc-checkmark--outline",
+                sizeInUnits: "1.25rem",
+                color: "success"
+              }
+            ),
+            /* @__PURE__ */ r("div", { className: "imppression__question", children: u })
+          ] }) : /* @__PURE__ */ l("div", { className: "card__impression", children: [
+            /* @__PURE__ */ r("div", { className: "imppression__question", children: d }),
+            /* @__PURE__ */ l("div", { className: "impression__actions", children: [
+              /* @__PURE__ */ r(
+                C,
+                {
+                  icon: " mng-lnc-thumbs-up",
+                  borderRadius: "curved",
+                  btnType: "outline",
+                  onClick: (i) => s(i, !0)
+                }
+              ),
+              /* @__PURE__ */ r(
+                C,
+                {
+                  icon: " mng-lnc-thumbs-down",
+                  borderRadius: "curved",
+                  btnType: "outline",
+                  onClick: (i) => s(i, !1)
+                }
+              )
+            ] })
+          ] }) })
+        ] })
+      ]
+    }
+  );
+}, M = S(
+  ({
+    items: o = [],
+    questionText: a,
+    feedbackText: d,
+    showMoreText: u,
+    impressions: t = !1,
+    onSelectItem: p = () => {
+    },
+    onImpressed: m = () => {
+    }
+  }, f) => {
+    const g = E(), [_, v] = T(!1), h = () => {
+      v((i) => !i);
+    }, s = $(() => {
+      if (g)
+        return o == null ? void 0 : o.map((n, w) => /* @__PURE__ */ r(
+          b,
+          {
+            title: n == null ? void 0 : n.title,
+            description: n == null ? void 0 : n.description,
+            questionText: a,
+            feedbackText: d,
+            impressions: t,
+            onSelectItem: () => p(n),
+            onImpressed: (x) => m(n, x)
+          },
+          `faq-section-item__${w + 1}`
+        ));
+      const i = [], c = [];
+      return o == null || o.forEach((n, w) => {
+        w % 2 === 0 ? i.push(
+          /* @__PURE__ */ r(
+            b,
+            {
+              title: n == null ? void 0 : n.title,
+              description: n == null ? void 0 : n.description,
+              questionText: a,
+              feedbackText: d,
+              impressions: t,
+              onSelectItem: () => p(n),
+              onImpressed: (x) => m(n, x)
+            },
+            `faq-section-item__${w + 1}`
+          )
+        ) : c.push(
+          /* @__PURE__ */ r(
+            b,
+            {
+              title: n == null ? void 0 : n.title,
+              description: n == null ? void 0 : n.description,
+              questionText: a,
+              feedbackText: d,
+              impressions: t,
+              onSelectItem: () => p(n),
+              onImpressed: (x) => m(n, x)
+            },
+            `faq-section-item__${w + 1}`
+          )
+        );
+      }), /* @__PURE__ */ l(y, { children: [
+        /* @__PURE__ */ r("div", { className: "section__column", children: i }),
+        /* @__PURE__ */ r("div", { className: "section__column", children: c })
+      ] });
+    }, [o, g]);
+    return /* @__PURE__ */ r(P, { children: g ? _ ? s : /* @__PURE__ */ l(y, { children: [
+      s == null ? void 0 : s.slice(0, 4),
+      (s == null ? void 0 : s.length) > 4 && /* @__PURE__ */ r(
+        F,
+        {
+          text: u,
+          btnType: "basic",
+          color: "neutral",
+          className: "section__show-more",
+          onClick: h
+        }
+      )
+    ] }) : s });
+  }
+);
+b.propTypes = {
+  title: e.string,
+  description: e.string,
+  questionText: e.string,
+  feedbackText: e.string,
+  showMoreText: e.string,
+  impressions: e.bool,
+  onSelectItem: e.func,
+  onImpressed: e.func
+};
+M.propTypes = {
+  items: e.array,
+  questionText: e.string,
+  feedbackText: e.string,
+  showMoreText: e.string,
+  impressions: e.bool,
+  onSelectItem: e.func,
+  onImpressed: e.func
+};
+const B = k.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 2rem;
+
+  & .section__heading {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    text-align: center;
+    width: 100%;
+  }
+
+  & .section__title {
+    color: var(--navy-900, #0c1520);
+    text-align: center;
+    font-size: 1.5rem;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 2rem;
+  }
+
+  & .section__description {
+    color: var(--navy-500, #7a8594);
+    text-align: center;
+    font-size: 1rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.5rem;
+  }
+
+  @media (max-width: ${I + "px"}) {
+    & .section__title {
+      font-size: 1rem;
+      font-weight: 500;
+      line-height: 1.5rem;
+    }
+
+    & .section__description {
+      font-size: 0.875rem;
+      font-weight: 400;
+      line-height: 1.25rem;
+      letter-spacing: 0.25px;
+    }
+  }
+`, U = S(
+  ({
+    title: o,
+    description: a,
+    questionText: d,
+    feedbackText: u,
+    showMoreText: t,
+    impressions: p = !1,
+    tags: m = [],
+    items: f = [],
+    onSelectItem: g = () => {
+    },
+    onImpressed: _ = () => {
+    }
+  }, v) => {
+    const [h, s] = T(null);
+    return /* @__PURE__ */ l(B, { ref: v, children: [
+      /* @__PURE__ */ l("div", { className: "section__heading", children: [
+        o && /* @__PURE__ */ r("div", { className: "section__title", children: o }),
+        a && /* @__PURE__ */ r("div", { className: "section__description", children: a })
+      ] }),
+      /* @__PURE__ */ r(
+        q,
+        {
+          tags: m,
+          selectedTagCode: h,
+          onSelectTag: (c) => {
+            s(c == null ? void 0 : c.code);
+          }
+        }
+      ),
+      /* @__PURE__ */ r(
+        M,
+        {
+          items: h === null ? f : f == null ? void 0 : f.filter((c) => (c == null ? void 0 : c.tagCode) === h),
+          questionText: d,
+          feedbackText: u,
+          showMoreText: t,
+          impressions: p,
+          onSelectItem: g,
+          onImpressed: _
+        },
+        `faq-section-items__${h}`
+      )
+    ] });
+  }
+);
+U.propTypes = {
+  title: e.string,
+  description: e.string,
+  tags: e.array,
+  items: e.array,
+  questionText: e.string,
+  feedbackText: e.string,
+  showMoreText: e.string,
+  impressions: e.bool,
+  onSelectItem: e.func,
+  onImpressed: e.func
+};
+export {
+  U as default
+};

package/dist/FeedbackSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),l=require("react"),n=require("./utils-CZynEOC_.cjs"),o=require("./Button.cjs"),d=require("./styled-components.browser.esm-CMTEDJ_5.cjs"),f=require("./consts-goSZX3xP.cjs"),m=d.qe.div`
+"use strict";const e=require("react/jsx-runtime"),o=require("react"),n=require("./utils-CZynEOC_.cjs"),d=require("./Button.cjs"),f=require("./styled-components.browser.esm-CvykQBGY.cjs"),m=require("./consts-goSZX3xP.cjs"),g=f.qe.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -45,7 +45,7 @@
     }
   }
 
-  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
     text-align: center;
   }
-`,g=l.forwardRef(({title:i,description:a,buttonText:s,onButtonAction:r=()=>{}},_)=>e.jsxs(m,{children:[e.jsxs("div",{className:"feedback__content",children:[n.isDefinedNotEmptyString(i)&&e.jsx("div",{className:"feedback__title",children:e.jsx("span",{children:i})}),n.isDefinedNotEmptyString(a)&&e.jsx("div",{className:"feedback__description",children:e.jsx("span",{children:a})})]}),n.isDefinedNotEmptyString(s)&&e.jsx(o,{text:s,borderRadius:"curved",btnType:"tinted",color:"neutral",className:"feedback__action",onClick:t=>{var c;(c=t==null?void 0:t.target)==null||c.blur(),r==null||r()}})]}));module.exports=g;
+`,_=o.forwardRef(({title:i,description:a,buttonText:s,onButtonAction:r=()=>{}},l)=>e.jsxs(g,{ref:l,children:[e.jsxs("div",{className:"feedback__content",children:[n.isDefinedNotEmptyString(i)&&e.jsx("div",{className:"feedback__title",children:e.jsx("span",{children:i})}),n.isDefinedNotEmptyString(a)&&e.jsx("div",{className:"feedback__description",children:e.jsx("span",{children:a})})]}),n.isDefinedNotEmptyString(s)&&e.jsx(d,{text:s,borderRadius:"curved",btnType:"tinted",color:"neutral",className:"feedback__action",onClick:t=>{var c;(c=t==null?void 0:t.target)==null||c.blur(),r==null||r()}})]}));module.exports=_;

package/dist/FeedbackSection.js

@@ -1,10 +1,10 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
+import { forwardRef as d } from "react";
 import { k as t } from "./utils-BbgAIA9N.js";
-import d from "./Button.js";
-import { q as f } from "./styled-components.browser.esm-C9FYANiy.js";
-import { M as m } from "./consts-BuFChS64.js";
-const g = f.div`
+import m from "./Button.js";
+import { q as f } from "./styled-components.browser.esm-D-n22PJk.js";
+import { M as g } from "./consts-BuFChS64.js";
+const p = f.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -51,18 +51,18 @@ const g = f.div`
     }
   }
 
-  @media (max-width: ${m + "px"}) {
+  @media (max-width: ${g + "px"}) {
     text-align: center;
   }
-`, y = s(
+`, y = d(
   ({ title: i, description: n, buttonText: l, onButtonAction: r = () => {
-  } }, p) => /* @__PURE__ */ o(g, { children: [
+  } }, s) => /* @__PURE__ */ o(p, { ref: s, children: [
     /* @__PURE__ */ o("div", { className: "feedback__content", children: [
       t(i) && /* @__PURE__ */ e("div", { className: "feedback__title", children: /* @__PURE__ */ e("span", { children: i }) }),
       t(n) && /* @__PURE__ */ e("div", { className: "feedback__description", children: /* @__PURE__ */ e("span", { children: n }) })
     ] }),
     t(l) && /* @__PURE__ */ e(
-      d,
+      m,
       {
         text: l,
         borderRadius: "curved",

package/dist/FieldOfInterestsWithTagsCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),l=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-CZynEOC_.cjs"),k=require("./Icon.cjs"),$=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),N=require("./consts-goSZX3xP.cjs"),I=p.styled.div`
+"use strict";const r=require("react/jsx-runtime"),l=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-CZynEOC_.cjs"),$=require("./Icon.cjs"),N=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),I=require("./consts-goSZX3xP.cjs"),C=p.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -49,12 +49,12 @@
     }
   }
     cursor: pointer;
-`,C=p.styled.div`
+`,W=p.styled.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
   background: ${o.linearGradientAnimation("-90deg")};
-`,W=p.styled.div`
+`,F=p.styled.div`
   display: flex;
   padding: 0 0.75rem 0 0.75rem;
   align-items: center;
@@ -104,12 +104,12 @@
       color: var(--white, #fff);
     }
   }
-`,F=p.styled.div`
+`,R=p.styled.div`
   width: 7rem;
   height: 3rem;
   border-radius: 999px;
   background: ${o.linearGradientAnimation("-90deg")};
-`,R=l.forwardRef(({},i)=>r.jsx(F,{})),q=l.forwardRef(({name:i,isActive:s,icon:t,onSelectCard:a=()=>{}},m)=>r.jsxs(W,{className:s?"active":"",onClick:a,children:[o.isDefinedNotEmptyString(t)&&r.jsx(k,{icon:t,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:i})]})),z=l.forwardRef(({image:i,imageComponent:s,name:t,description:a,onSelectCard:m=()=>{}},g)=>{const{theme:f}=$.useTheme();return r.jsxs(I,{theme:f,onClick:m,children:[o.isDefined(s)?s:r.jsx("img",{src:i,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),a&&r.jsx("div",{className:"wrapper__description",children:a})]})]})}),O=l.forwardRef(({},i)=>r.jsx(C,{})),A=p.styled.div`
+`,q=l.forwardRef(({},i)=>r.jsx(R,{})),z=l.forwardRef(({name:i,isActive:s,icon:t,onSelectCard:a=()=>{}},m)=>r.jsxs(F,{className:s?"active":"",onClick:a,children:[o.isDefinedNotEmptyString(t)&&r.jsx($,{icon:t,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:i})]})),O=l.forwardRef(({image:i,imageComponent:s,name:t,description:a,onSelectCard:m=()=>{}},g)=>{const{theme:f}=N.useTheme();return r.jsxs(C,{theme:f,onClick:m,children:[o.isDefined(s)?s:r.jsx("img",{src:i,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),a&&r.jsx("div",{className:"wrapper__description",children:a})]})]})}),A=l.forwardRef(({},i)=>r.jsx(W,{})),E=p.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -157,7 +157,7 @@
     width: 100%;
   }
 
-  @media (max-width: ${N.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${I.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__tags {
       overflow-x: scroll;
       justify-content: flex-start;
@@ -183,4 +183,4 @@
       gap: 1rem;
     }
   }
-`,E=l.forwardRef(({title:i,subtitle:s,tags:t=[],limitTags:a=7,limitTagsForMobile:m=7,limit:g=3,limitForMobile:f=2,items:d=[],selectedTag:c,isLoadingTags:y=!1,isLoadingItems:b=!1,onSelectTag:_=()=>{},onSelectCard:h=()=>{},getImage:j=()=>{}},D)=>{var u,v;const w=e=>{_==null||_(e)},x=e=>{h==null||h(e)};return r.jsxs(A,{limitTags:a,limitTagsForMobile:m,limitCards:g,limitCardsForMobile:f,children:[r.jsxs("div",{className:"wrapper__heading",children:[i&&r.jsx("div",{className:"wrapper__title",children:i}),s&&r.jsx("div",{className:"wrapper__subtitle",children:s})]}),r.jsx("div",{className:"wrapper__tags",children:y?(u=Array.from("123"))==null?void 0:u.map((e,n)=>r.jsx(R,{},`field-of-interests-with-tags-card-tag-skeleton__${n+1}`)):t==null?void 0:t.map((e,n)=>r.jsx(q,{icon:e==null?void 0:e.icon,name:e==null?void 0:e.name,isActive:(e==null?void 0:e.uuid)===(c==null?void 0:c.uuid),onSelectCard:()=>w==null?void 0:w(e)},`field-of-interests-with-tags-card-tag__${n+1}`))}),r.jsx("div",{className:"wrapper__cards",children:b?(v=Array.from("123"))==null?void 0:v.map((e,n)=>r.jsx(O,{},`field-of-interests-with-tags-card-skeleton__${n+1}`)):d==null?void 0:d.map((e,n)=>r.jsx(z,{image:j(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid),imageComponent:e==null?void 0:e.imageComponent,name:e==null?void 0:e.name,description:(e==null?void 0:e.shortDescription)||(e==null?void 0:e.description),onSelectCard:()=>x==null?void 0:x(e)},`field-of-interests-with-tags-card__${n+1}`))})]})});module.exports=E;
+`,D=l.forwardRef(({title:i,subtitle:s,tags:t=[],limitTags:a=7,limitTagsForMobile:m=7,limit:g=3,limitForMobile:f=2,items:d=[],selectedTag:c,isLoadingTags:y=!1,isLoadingItems:b=!1,onSelectTag:_=()=>{},onSelectCard:h=()=>{},getImage:j=()=>{}},k)=>{var u,v;const w=e=>{_==null||_(e)},x=e=>{h==null||h(e)};return r.jsxs(E,{ref:k,limitTags:a,limitTagsForMobile:m,limitCards:g,limitCardsForMobile:f,children:[r.jsxs("div",{className:"wrapper__heading",children:[i&&r.jsx("div",{className:"wrapper__title",children:i}),s&&r.jsx("div",{className:"wrapper__subtitle",children:s})]}),r.jsx("div",{className:"wrapper__tags",children:y?(u=Array.from("123"))==null?void 0:u.map((e,n)=>r.jsx(q,{},`field-of-interests-with-tags-card-tag-skeleton__${n+1}`)):t==null?void 0:t.map((e,n)=>r.jsx(z,{icon:e==null?void 0:e.icon,name:e==null?void 0:e.name,isActive:(e==null?void 0:e.uuid)===(c==null?void 0:c.uuid),onSelectCard:()=>w==null?void 0:w(e)},`field-of-interests-with-tags-card-tag__${n+1}`))}),r.jsx("div",{className:"wrapper__cards",children:b?(v=Array.from("123"))==null?void 0:v.map((e,n)=>r.jsx(A,{},`field-of-interests-with-tags-card-skeleton__${n+1}`)):d==null?void 0:d.map((e,n)=>r.jsx(O,{image:j(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid),imageComponent:e==null?void 0:e.imageComponent,name:e==null?void 0:e.name,description:(e==null?void 0:e.shortDescription)||(e==null?void 0:e.description),onSelectCard:()=>x==null?void 0:x(e)},`field-of-interests-with-tags-card__${n+1}`))})]})});module.exports=D;