@lanaco/lnc-react-ui 4.0.86 → 4.0.87

package/dist/FieldOfInterestsWithTagsCardsSection.js

@@ -1,11 +1,11 @@
-import { jsx as i, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { t as y, m as b, k as $, l as N } from "./utils-BE-UlkKf.js";
-import C from "./Icon.js";
-import { u as I } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import { M as W } from "./consts-C1uHV4xc.js";
-const F = m.div`
+import { jsx as i, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { s as p } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { t as y, m as b, k as C, l as I } from "./utils-BE-UlkKf.js";
+import W from "./Icon.js";
+import { u as F } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { M as j } from "./consts-BuFChS64.js";
+const z = p.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -65,12 +65,12 @@ const F = m.div`
       }
     }
   }
-`, j = m.div`
+`, O = p.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
   background: ${b("-90deg")};
-`, z = m.div`
+`, A = p.div`
   display: flex;
   padding: 0 0.75rem 0 0.75rem;
   align-items: center;
@@ -119,30 +119,30 @@ const F = m.div`
       color: var(--white, #fff);
     }
   }
-`, O = m.div`
+`, E = p.div`
   width: 7rem;
   height: 3rem;
   border-radius: 999px;
   background: ${b("-90deg")};
-`, A = p(({}, r) => /* @__PURE__ */ i(O, {})), E = p(
-  ({ name: r, isActive: n, icon: t, onSelectCard: s = () => {
-  } }, f) => /* @__PURE__ */ l(z, { className: n ? "active" : "", onClick: s, children: [
-    $(t) && /* @__PURE__ */ i(C, { icon: t, className: "wrapper__icon" }),
+`, M = l(({}, r) => /* @__PURE__ */ i(E, {})), D = l(
+  ({ name: r, isActive: n, icon: t, onSelectCard: o = () => {
+  } }, m) => /* @__PURE__ */ s(A, { className: n ? "active" : "", onClick: o, children: [
+    C(t) && /* @__PURE__ */ i(W, { icon: t, className: "wrapper__icon" }),
     /* @__PURE__ */ i("div", { className: "wrapper__text", children: r })
   ] })
-), M = p(
-  ({ image: r, imageComponent: n, name: t, description: s, onSelectCard: f = () => {
+), G = l(
+  ({ image: r, imageComponent: n, name: t, description: o, onSelectCard: m = () => {
   } }, u) => {
-    const { theme: d } = I();
-    return /* @__PURE__ */ l(F, { theme: d, onClick: f, children: [
-      N(n) ? n : /* @__PURE__ */ i("img", { src: r, className: "wrapper__image" }),
-      /* @__PURE__ */ l("div", { className: "wrapper__content", children: [
+    const { theme: f } = F();
+    return /* @__PURE__ */ s(z, { theme: f, onClick: m, children: [
+      I(n) ? n : /* @__PURE__ */ i("img", { src: r, className: "wrapper__image" }),
+      /* @__PURE__ */ s("div", { className: "wrapper__content", children: [
         t && /* @__PURE__ */ i("div", { className: "wrapper__title", children: t }),
-        s && /* @__PURE__ */ i("div", { className: "wrapper__description", children: s })
+        o && /* @__PURE__ */ i("div", { className: "wrapper__description", children: o })
       ] })
     ] });
   }
-), D = p(({}, r) => /* @__PURE__ */ i(j, {})), G = m.div`
+), L = l(({}, r) => /* @__PURE__ */ i(O, {})), R = p.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -190,7 +190,7 @@ const F = m.div`
     width: 100%;
   }
 
-  @media (max-width: ${W + "px"}) {
+  @media (max-width: ${j + "px"}) {
     & .wrapper__tags {
       overflow-x: scroll;
       justify-content: flex-start;
@@ -216,70 +216,72 @@ const F = m.div`
       gap: 1rem;
     }
   }
-`, q = p(
+`, J = l(
   ({
     title: r,
     subtitle: n,
     tags: t = [],
-    limitTags: s = 7,
-    limitTagsForMobile: f = 7,
+    limitTags: o = 7,
+    limitTagsForMobile: m = 7,
     limit: u = 3,
-    limitForMobile: d = 2,
-    items: a = [],
+    limitForMobile: f = 2,
+    items: d = [],
     selectedTag: c,
+    isLoadingTags: k = !1,
+    isLoadingItems: $ = !1,
     onSelectTag: h = () => {
     },
     onSelectCard: _ = () => {
     },
-    getImage: k = () => {
+    getImage: N = () => {
     }
-  }, L) => {
+  }, T) => {
     var x, v;
     const w = (e) => {
       h == null || h(e);
     }, g = (e) => {
       _ == null || _(e);
     };
-    return /* @__PURE__ */ l(
-      G,
+    return /* @__PURE__ */ s(
+      R,
       {
-        limitTags: s,
-        limitTagsForMobile: f,
+        limitTags: o,
+        limitTagsForMobile: m,
         limitCards: u,
-        limitCardsForMobile: d,
+        limitCardsForMobile: f,
         children: [
-          /* @__PURE__ */ l("div", { className: "wrapper__heading", children: [
+          /* @__PURE__ */ s("div", { className: "wrapper__heading", children: [
             r && /* @__PURE__ */ i("div", { className: "wrapper__title", children: r }),
             n && /* @__PURE__ */ i("div", { className: "wrapper__subtitle", children: n })
           ] }),
-          /* @__PURE__ */ i("div", { className: "wrapper__tags", children: t && (t == null ? void 0 : t.length) > 0 ? t == null ? void 0 : t.map((e, o) => /* @__PURE__ */ i(
-            E,
+          /* @__PURE__ */ i("div", { className: "wrapper__tags", children: k ? (x = Array.from("123")) == null ? void 0 : x.map((e, a) => /* @__PURE__ */ i(
+            M,
+            {},
+            `field-of-interests-with-tags-card-tag-skeleton__${a + 1}`
+          )) : t == null ? void 0 : t.map((e, a) => /* @__PURE__ */ i(
+            D,
             {
               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__${o + 1}`
-          )) : (x = Array.from("123")) == null ? void 0 : x.map((e, o) => /* @__PURE__ */ i(
-            A,
-            {},
-            `field-of-interests-with-tags-card-tag-skeleton__${o + 1}`
+            `field-of-interests-with-tags-card-tag__${a + 1}`
           )) }),
-          /* @__PURE__ */ i("div", { className: "wrapper__cards", children: a && (a == null ? void 0 : a.length) > 0 ? a == null ? void 0 : a.map((e, o) => /* @__PURE__ */ i(
-            M,
+          /* @__PURE__ */ i("div", { className: "wrapper__cards", children: $ ? (v = Array.from("123")) == null ? void 0 : v.map((e, a) => /* @__PURE__ */ i(
+            L,
+            {},
+            `field-of-interests-with-tags-card-skeleton__${a + 1}`
+          )) : d == null ? void 0 : d.map((e, a) => /* @__PURE__ */ i(
+            G,
             {
-              image: k(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid),
+              image: N(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: () => g == null ? void 0 : g(e)
             },
-            `field-of-interests-with-tags-card__${o + 1}`
-          )) : (v = Array.from("123")) == null ? void 0 : v.map((e, o) => /* @__PURE__ */ i(
-            D,
-            {},
-            `field-of-interests-with-tags-card-skeleton__${o + 1}`
+            `field-of-interests-with-tags-card__${a + 1}`
           )) })
         ]
       }
@@ -287,5 +289,5 @@ const F = m.div`
   }
 );
 export {
-  q as default
+  J as default
 };

package/dist/GeneralWithTagsCardsSection.cjs

@@ -1,9 +1,8 @@
-"use strict";const r=require("react/jsx-runtime"),l=require("react"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./consts-CtNoHdBj.cjs"),d=require("./utils-DhRHf5Ed.cjs"),y=require("./Icon.cjs"),v=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),j=o.styled.div`
+"use strict";const r=require("react/jsx-runtime"),l=require("react"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./consts-goSZX3xP.cjs"),d=require("./utils-DhRHf5Ed.cjs"),y=require("./Icon.cjs"),v=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),j=o.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  flex-shrink: 0;
-  align-self: stretch;
+  width: fit-content;
   border-radius: 0.75rem;
   border: 1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08));
   background: var(--Lanaco-Gray-white, #fff);
@@ -17,9 +16,9 @@
 
   & .wrapper__image {
     width: 100%;
+    max-width: 18rem;
     object-fit: cover;
     height: auto;
-    max-height: 19.5rem;
     border-radius: 0.75rem 0.75rem 0 0;
   }
 
@@ -181,7 +180,6 @@
     justify-content: center;
     align-items: center;
     gap: 1.5rem;
-    width: 100%;
   }
 
   @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {

package/dist/GeneralWithTagsCardsSection.js

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as m } from "react/jsx-runtime";
 import { forwardRef as o } from "react";
 import { s } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as d } from "./consts-C1uHV4xc.js";
+import { M as d } from "./consts-BuFChS64.js";
 import { t as y, m as x, k, l as $ } from "./utils-BE-UlkKf.js";
 import N from "./Icon.js";
 import { u as C } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
@@ -9,8 +9,7 @@ const W = s.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  flex-shrink: 0;
-  align-self: stretch;
+  width: fit-content;
   border-radius: 0.75rem;
   border: 1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08));
   background: var(--Lanaco-Gray-white, #fff);
@@ -24,9 +23,9 @@ const W = s.div`
 
   & .wrapper__image {
     width: 100%;
+    max-width: 18rem;
     object-fit: cover;
     height: auto;
-    max-height: 19.5rem;
     border-radius: 0.75rem 0.75rem 0 0;
   }
 
@@ -204,7 +203,6 @@ const W = s.div`
     justify-content: center;
     align-items: center;
     gap: 1.5rem;
-    width: 100%;
   }
 
   @media (max-width: ${d + "px"}) {
@@ -247,11 +245,11 @@ const W = s.div`
     items: n = [],
     onSelectTag: h = () => {
     },
-    onSelectCard: f = () => {
+    onSelectCard: w = () => {
     },
     isLoading: b
   }, v) => {
-    var w, _;
+    var f, _;
     return /* @__PURE__ */ m(
       A,
       {
@@ -272,11 +270,11 @@ const W = s.div`
               imageComponent: e == null ? void 0 : e.imageComponent,
               title: e == null ? void 0 : e.title,
               onSelectCard: () => {
-                f == null || f(e);
+                w == null || w(e);
               }
             },
             `general-with-tags-card__${l + 1}`
-          )) : (w = Array.from("123")) == null ? void 0 : w.map((e, l) => /* @__PURE__ */ a(
+          )) : (f = Array.from("123")) == null ? void 0 : f.map((e, l) => /* @__PURE__ */ a(
             M,
             {},
             `general-with-tags-card-skeleton__${l + 1}`

package/dist/GiftCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),f=require("react"),w=require("./useDetectMobile-D6d5LpdL.cjs"),v=require("./style-C571ywKV.cjs"),n=require("./utils-DhRHf5Ed.cjs"),j=require("./Button.cjs"),s=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-CtNoHdBj.cjs"),S=s.styled.div`
+"use strict";const r=require("react/jsx-runtime"),f=require("react"),w=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-xvwWn3Zv.cjs"),n=require("./utils-DhRHf5Ed.cjs"),j=require("./Button.cjs"),s=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),S=s.styled.div`
   display: grid;
   grid-template-columns: ${o=>`repeat(${o.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/GiftCardsSection.js

@@ -1,11 +1,11 @@
 import { jsxs as a, jsx as t } from "react/jsx-runtime";
 import { forwardRef as h } from "react";
-import { u as C } from "./useDetectMobile-BC6EGaBc.js";
-import { R as k } from "./style-CsMpu4iC.js";
+import { u as C } from "./useDetectMobile-Bkvj0VMa.js";
+import { R as k } from "./style-sLF37aOA.js";
 import { m as b, n as G, G as S, k as u } from "./utils-BE-UlkKf.js";
 import N from "./Button.js";
 import { s as d } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as $ } from "./consts-C1uHV4xc.js";
+import { M as $ } from "./consts-BuFChS64.js";
 const T = d.div`
   display: grid;
   grid-template-columns: ${(o) => `repeat(${o.limit},  minmax(0, 1fr))`};