@lanaco/lnc-react-ui 4.0.169 → 4.0.171

package/dist/GiftCardsSection.cjs

@@ -1,12 +1,12 @@
-"use strict";const t=require("react/jsx-runtime"),f=require("react"),w=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-Db3VFbfP.cjs"),o=require("./utils-Dl9xPH4c.cjs"),j=require("./Button.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),S=c.styled.div`
+"use strict";const r=require("react/jsx-runtime"),h=require("react"),y=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-Db3VFbfP.cjs"),c=require("./utils-Dl9xPH4c.cjs"),C=require("./Button.cjs"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),b=require("./consts-goSZX3xP.cjs"),t=require("./style-BAcV7F53.cjs"),R=u.styled.div`
   display: grid;
-  grid-template-columns: ${a=>`repeat(${a.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${C.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${b.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`,k=c.styled.div`
+`,G=u.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -27,7 +27,7 @@
       transform: scale(1.1);
     }
   }
-`,G=c.styled.div`
+`,L=u.styled.div`
   width: 100%;
   min-height: 11rem;
   max-height: 11rem;
@@ -36,18 +36,6 @@
   border: 1px solid var(--warning-500, #f59e0b);
   overflow: hidden;
 
-  & .skeleton__card {
-    height: 100%;
-    width: 100%;
-    ${o.linearGradientAnimation("-90deg")}
-
-    background: linear-gradient(
-      178deg,
-      rgba(0, 0, 0, 0) 1.5%,
-      rgba(0, 0, 0, 0.16) 8.95%,
-      #000 98.39%
-    );
-  }
   & img {
     min-height: 11rem;
     max-height: 11rem;
@@ -76,9 +64,16 @@
     -webkit-transform: rotate(315deg);
     transform: rotate(315deg);
   }
-`;c.styled.div`
-  width: 100%;
-  height: 11.5rem;
-  border-radius: 0.75rem;
-  background: ${o.linearGradientAnimation("-90deg")};
-`;const p=f.forwardRef((a,d)=>{const{image:s,text:l,price:i,currency:r,onSelectGiftCard:m=()=>{}}=a;return t.jsxs(k,{ref:d,className:"simple-gift-card",onClick:()=>m(i),children:[t.jsxs(G,{children:[t.jsx("div",{className:"price-tag",children:i&&r&&`${o.formatPrice(i)} ${o.GetCurrencySymbol(r)}`}),t.jsx("img",{src:s})]}),t.jsx("div",{className:"text-wrap",children:l})]})}),N=f.forwardRef((a,d)=>{const{icon:s,title:l,buttonLink:i,items:r,buttonText:m,limit:u=4,onSelectCard:g=()=>{},onButtonAction:h=()=>{}}=a,b=w.useDetectMobile();return t.jsxs(v.RegulatTitleSectionWrapper,{ref:d,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[o.isDefinedNotEmptyString(s)&&t.jsx("i",{className:s}),t.jsx("span",{children:l})]}),o.isDefinedNotEmptyString(i)&&t.jsx(j,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var n;(n=e==null?void 0:e.target)==null||n.blur(),h(i)},borderRadius:"curved",className:"button-link",children:m})]}),t.jsx(S,{limit:u,children:b===!0?r==null?void 0:r.map((e,n)=>t.jsx(p,{text:e==null?void 0:e.text,price:e==null?void 0:e.priceTo,currency:e==null?void 0:e.currencyIsoCode,image:e==null?void 0:e.imageUrl,uuid:e==null?void 0:e.uuid,onSelectGiftCard:y=>g(e)},n)):r==null?void 0:r.slice(0,u).map((e,n)=>t.jsx(p,{text:e==null?void 0:e.text,price:e==null?void 0:e.priceTo,currency:e==null?void 0:e.currencyIsoCode,image:e==null?void 0:e.imageUrl,uuid:e==null?void 0:e.uuid,onSelectGiftCard:y=>g(e)},n))})]})});module.exports=N;
+`,j=h.forwardRef((i,l)=>{const{image:o,text:d,price:s,currency:n,onSelectGiftCard:m=()=>{}}=i;return r.jsxs(G,{ref:l,className:"simple-gift-card",onClick:()=>m(s),children:[r.jsxs(L,{children:[r.jsx("div",{className:"price-tag",children:s&&n&&`${c.formatPrice(s)} ${c.GetCurrencySymbol(n)}`}),r.jsx("img",{src:o})]}),r.jsx("div",{className:"text-wrap",children:d})]})}),$=u.styled(t.SkeletonRowWrapper)`
+  @media (max-width: ${b.MOBILE_SIZE_PX+"px"}) {
+    flex-direction: column;
+
+    & > div {
+      flex-direction: column;
+
+      & > div {
+        ${t.skeletonGradientBackground}
+      }
+    }
+  }
+`,I=({keyPrefix:i})=>r.jsxs($,{children:[r.jsxs(t.SkeletonColumnWrapper,{alignItems:"center",children:[r.jsx(t.SkeletonLinePlaceholder,{height:"11rem",borderRadius:"0.75rem"}),r.jsx(t.SkeletonLinePlaceholder,{height:"1.25rem",borderRadius:"0.75rem",width:"5rem"})]},`${i}-1`),r.jsxs(t.SkeletonColumnWrapper,{alignItems:"center",noGradient:!0,children:[r.jsx(t.SkeletonLinePlaceholder,{height:"11rem",borderRadius:"0.75rem"}),r.jsx(t.SkeletonLinePlaceholder,{height:"1.25rem",borderRadius:"0.75rem",width:"5rem"})]},`${i}-2`),r.jsxs(t.SkeletonColumnWrapper,{alignItems:"center",noGradient:!0,children:[r.jsx(t.SkeletonLinePlaceholder,{height:"11rem",borderRadius:"0.75rem"}),r.jsx(t.SkeletonLinePlaceholder,{height:"1.25rem",borderRadius:"0.75rem",width:"5rem"})]},`${i}-3`),r.jsxs(t.SkeletonColumnWrapper,{alignItems:"center",noGradient:!0,children:[r.jsx(t.SkeletonLinePlaceholder,{height:"11rem",borderRadius:"0.75rem"}),r.jsx(t.SkeletonLinePlaceholder,{height:"1.25rem",borderRadius:"0.75rem",width:"5rem"})]},`${i}-4`)]}),N=({keyPrefix:i,isLoading:l=!1,fallbackComponent:o=r.jsx(r.Fragment,{}),children:d})=>r.jsx(h.Suspense,{fallbackComponent:o,children:l===!0?r.jsx(I,{keyPrefix:i}):d}),q=h.forwardRef((i,l)=>{const{icon:o,title:d,buttonLink:s,items:n,isLoading:m=!1,buttonText:p,limit:g=4,onSelectCard:f=()=>{},onButtonAction:S=()=>{}}=i,w=y.useDetectMobile();return r.jsxs(v.RegulatTitleSectionWrapper,{ref:l,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[c.isDefinedNotEmptyString(o)&&r.jsx("i",{className:o}),r.jsx("span",{children:d})]}),c.isDefinedNotEmptyString(p)&&c.isDefinedNotEmptyString(s)&&!m&&r.jsx(C,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var a;(a=e==null?void 0:e.target)==null||a.blur(),S(s)},borderRadius:"curved",className:"button-link",children:p})]}),r.jsx(N,{isLoading:m,keyPrefix:"gift-cards-skeleton",children:r.jsx(R,{limit:g,children:w===!0?n==null?void 0:n.map((e,a)=>r.jsx(j,{text:e==null?void 0:e.text,price:e==null?void 0:e.priceTo,currency:e==null?void 0:e.currencyIsoCode,image:e==null?void 0:e.imageUrl,uuid:e==null?void 0:e.uuid,onSelectGiftCard:k=>f(e)},a)):n==null?void 0:n.slice(0,g).map((e,a)=>r.jsx(j,{text:e==null?void 0:e.text,price:e==null?void 0:e.priceTo,currency:e==null?void 0:e.currencyIsoCode,image:e==null?void 0:e.imageUrl,uuid:e==null?void 0:e.uuid,onSelectGiftCard:k=>f(e)},a))})})]})});module.exports=q;

package/dist/GiftCardsSection.js

@@ -1,20 +1,21 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { forwardRef as h } from "react";
-import { u as C } from "./useDetectMobile-Bkvj0VMa.js";
-import { R as k } from "./style-DKAOBWn3.js";
-import { o as b, q as G, G as S, k as u } from "./utils-BdsZgOUE.js";
-import N from "./Button.js";
-import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as $ } from "./consts-BuFChS64.js";
-const T = c.div`
+import { jsxs as i, jsx as r, Fragment as R } from "react/jsx-runtime";
+import { forwardRef as v, Suspense as k } from "react";
+import { u as $ } from "./useDetectMobile-Bkvj0VMa.js";
+import { R as I } from "./style-D3pIrH3v.js";
+import { p as N, G as W, k as h } from "./utils-DHfRApMf.js";
+import T from "./Button.js";
+import { s as p } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as S } from "./consts-BuFChS64.js";
+import { s as j, a as z, S as u, b as o } from "./style-CXMUA6cI.js";
+const B = p.div`
   display: grid;
-  grid-template-columns: ${(a) => `repeat(${a.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${(t) => `repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${$ + "px"}) {
+  @media (max-width: ${S + "px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`, j = c.div`
+`, E = p.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -35,7 +36,7 @@ const T = c.div`
       transform: scale(1.1);
     }
   }
-`, z = c.div`
+`, L = p.div`
   width: 100%;
   min-height: 11rem;
   max-height: 11rem;
@@ -44,18 +45,6 @@ const T = c.div`
   border: 1px solid var(--warning-500, #f59e0b);
   overflow: hidden;
 
-  & .skeleton__card {
-    height: 100%;
-    width: 100%;
-    ${b("-90deg")}
-
-    background: linear-gradient(
-      178deg,
-      rgba(0, 0, 0, 0) 1.5%,
-      rgba(0, 0, 0, 0.16) 8.95%,
-      #000 98.39%
-    );
-  }
   & img {
     min-height: 11rem;
     max-height: 11rem;
@@ -84,97 +73,177 @@ const T = c.div`
     -webkit-transform: rotate(315deg);
     transform: rotate(315deg);
   }
-`;
-c.div`
-  width: 100%;
-  height: 11.5rem;
-  border-radius: 0.75rem;
-  background: ${b("-90deg")};
-`;
-const f = h((a, l) => {
+`, w = v((t, m) => {
   const {
-    image: d,
-    text: s,
-    price: i,
-    currency: r,
-    onSelectGiftCard: m = () => {
+    image: a,
+    text: l,
+    price: d,
+    currency: n,
+    onSelectGiftCard: c = () => {
     }
-  } = a;
-  return /* @__PURE__ */ n(
-    j,
+  } = t;
+  return /* @__PURE__ */ i(
+    E,
     {
-      ref: l,
+      ref: m,
       className: "simple-gift-card",
-      onClick: () => m(i),
+      onClick: () => c(d),
       children: [
-        /* @__PURE__ */ n(z, { children: [
-          /* @__PURE__ */ t("div", { className: "price-tag", children: i && r && `${G(i)} ${S(r)}` }),
-          /* @__PURE__ */ t("img", { src: d })
+        /* @__PURE__ */ i(L, { children: [
+          /* @__PURE__ */ r("div", { className: "price-tag", children: d && n && `${N(d)} ${W(n)}` }),
+          /* @__PURE__ */ r("img", { src: a })
         ] }),
-        /* @__PURE__ */ t("div", { className: "text-wrap", children: s })
+        /* @__PURE__ */ r("div", { className: "text-wrap", children: l })
       ]
     }
   );
-}), D = h((a, l) => {
+}), M = p(z)`
+  @media (max-width: ${S + "px"}) {
+    flex-direction: column;
+
+    & > div {
+      flex-direction: column;
+
+      & > div {
+        ${j}
+      }
+    }
+  }
+`, D = ({ keyPrefix: t }) => /* @__PURE__ */ i(M, { children: [
+  /* @__PURE__ */ i(u, { alignItems: "center", children: [
+    /* @__PURE__ */ r(o, { height: "11rem", borderRadius: "0.75rem" }),
+    /* @__PURE__ */ r(
+      o,
+      {
+        height: "1.25rem",
+        borderRadius: "0.75rem",
+        width: "5rem"
+      }
+    )
+  ] }, `${t}-1`),
+  /* @__PURE__ */ i(
+    u,
+    {
+      alignItems: "center",
+      noGradient: !0,
+      children: [
+        /* @__PURE__ */ r(o, { height: "11rem", borderRadius: "0.75rem" }),
+        /* @__PURE__ */ r(
+          o,
+          {
+            height: "1.25rem",
+            borderRadius: "0.75rem",
+            width: "5rem"
+          }
+        )
+      ]
+    },
+    `${t}-2`
+  ),
+  /* @__PURE__ */ i(
+    u,
+    {
+      alignItems: "center",
+      noGradient: !0,
+      children: [
+        /* @__PURE__ */ r(o, { height: "11rem", borderRadius: "0.75rem" }),
+        /* @__PURE__ */ r(
+          o,
+          {
+            height: "1.25rem",
+            borderRadius: "0.75rem",
+            width: "5rem"
+          }
+        )
+      ]
+    },
+    `${t}-3`
+  ),
+  /* @__PURE__ */ i(
+    u,
+    {
+      alignItems: "center",
+      noGradient: !0,
+      children: [
+        /* @__PURE__ */ r(o, { height: "11rem", borderRadius: "0.75rem" }),
+        /* @__PURE__ */ r(
+          o,
+          {
+            height: "1.25rem",
+            borderRadius: "0.75rem",
+            width: "5rem"
+          }
+        )
+      ]
+    },
+    `${t}-4`
+  )
+] }), U = ({
+  keyPrefix: t,
+  isLoading: m = !1,
+  fallbackComponent: a = /* @__PURE__ */ r(R, {}),
+  children: l
+}) => /* @__PURE__ */ r(k, { fallbackComponent: a, children: m === !0 ? /* @__PURE__ */ r(D, { keyPrefix: t }) : l }), J = v((t, m) => {
   const {
-    icon: d,
-    title: s,
-    buttonLink: i,
-    items: r,
-    buttonText: m,
-    limit: p = 4,
-    onSelectCard: g = () => {
+    icon: a,
+    title: l,
+    buttonLink: d,
+    items: n,
+    isLoading: c = !1,
+    buttonText: g,
+    limit: f = 4,
+    onSelectCard: b = () => {
     },
-    onButtonAction: v = () => {
+    onButtonAction: C = () => {
     }
-  } = a, w = C();
-  return /* @__PURE__ */ n(k, { ref: l, children: [
-    /* @__PURE__ */ n("div", { className: "regular-title", children: [
-      /* @__PURE__ */ n("div", { className: "regular-title-text", children: [
-        u(d) && /* @__PURE__ */ t("i", { className: d }),
-        /* @__PURE__ */ t("span", { children: s })
+  } = t, G = $();
+  return /* @__PURE__ */ i(I, { ref: m, children: [
+    /* @__PURE__ */ i("div", { className: "regular-title", children: [
+      /* @__PURE__ */ i("div", { className: "regular-title-text", children: [
+        h(a) && /* @__PURE__ */ r("i", { className: a }),
+        /* @__PURE__ */ r("span", { children: l })
       ] }),
-      u(i) && /* @__PURE__ */ t(
-        N,
+      h(g) && h(d) && !c && /* @__PURE__ */ r(
+        T,
         {
           type: "button",
           btnType: "tinted",
           color: "neutral",
           onClick: (e) => {
-            var o;
-            (o = e == null ? void 0 : e.target) == null || o.blur(), v(i);
+            var s;
+            (s = e == null ? void 0 : e.target) == null || s.blur(), C(d);
           },
           borderRadius: "curved",
           className: "button-link",
-          children: m
+          children: g
         }
       )
     ] }),
-    /* @__PURE__ */ t(T, { limit: p, children: w === !0 ? r == null ? void 0 : r.map((e, o) => /* @__PURE__ */ t(
-      f,
+    /* @__PURE__ */ r(U, { isLoading: c, keyPrefix: "gift-cards-skeleton", children: /* @__PURE__ */ r(B, { limit: f, children: G === !0 ? n == null ? void 0 : n.map((e, s) => /* @__PURE__ */ r(
+      w,
       {
         text: e == null ? void 0 : e.text,
         price: e == null ? void 0 : e.priceTo,
         currency: e == null ? void 0 : e.currencyIsoCode,
         image: e == null ? void 0 : e.imageUrl,
         uuid: e == null ? void 0 : e.uuid,
-        onSelectGiftCard: (y) => g(e)
+        onSelectGiftCard: (y) => b(e)
       },
-      o
-    )) : r == null ? void 0 : r.slice(0, p).map((e, o) => /* @__PURE__ */ t(
-      f,
+      s
+    )) : n == null ? void 0 : n.slice(0, f).map((e, s) => /* @__PURE__ */ r(
+      w,
       {
         text: e == null ? void 0 : e.text,
         price: e == null ? void 0 : e.priceTo,
         currency: e == null ? void 0 : e.currencyIsoCode,
         image: e == null ? void 0 : e.imageUrl,
         uuid: e == null ? void 0 : e.uuid,
-        onSelectGiftCard: (y) => g(e)
+        onSelectGiftCard: (y) => b(e)
       },
-      o
-    )) })
+      s
+    )) }) })
   ] });
 });
 export {
-  D as default
+  J as default
 };

package/dist/Icon.js

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as z } from "react";
 import { P as o } from "./index-CblbdqjE.js";
 import { s as I } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as b, b as h } from "./utils-BdsZgOUE.js";
+import { c as b, b as h } from "./utils-DHfRApMf.js";
 import { u as p } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const $ = I.span`
   box-sizing: border-box;

package/dist/IconButton.js

@@ -2,7 +2,7 @@ import { jsx as i } from "react/jsx-runtime";
 import { forwardRef as I, isValidElement as S } from "react";
 import { P as n } from "./index-CblbdqjE.js";
 import { s as g } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as f, b as t, d as c, e as k, h as y, a as V } from "./utils-BdsZgOUE.js";
+import { c as f, b as t, d as c, e as k, h as y, a as V } from "./utils-DHfRApMf.js";
 import { u as j } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const x = (e) => `
         outline: none;

package/dist/Kanban.js

@@ -2,7 +2,7 @@ import { jsx as xe, jsxs as Xn } from "react/jsx-runtime";
 import ae, { useEffect as k, useLayoutEffect as vi, useRef as V, useMemo as Q, useCallback as Ne, useState as be, createContext as Cn, memo as Oo, useReducer as bi, useContext as Wt, forwardRef as er, cloneElement as yi } from "react";
 import { r as on } from "./index-B1vKwsDE.js";
 import { P as te } from "./index-CblbdqjE.js";
-import { b as sn, r as nn, z as rn } from "./utils-BdsZgOUE.js";
+import { b as sn, r as nn, z as rn } from "./utils-DHfRApMf.js";
 import { c as lo } from "./index-fN7hCOo3.js";
 import { s as ln } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { u as Vr } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";

package/dist/KanbanActionsToolbar.js

@@ -5,7 +5,7 @@ import { s as w } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import A from "./DropdownMenu.js";
 import N from "./DropdownItem.js";
 import s from "./Button.js";
-import { b as m } from "./utils-BdsZgOUE.js";
+import { b as m } from "./utils-DHfRApMf.js";
 import { useTheme as O } from "./ThemeProvider.js";
 const I = w.div`
   display: flex;

package/dist/KanbanView.js

@@ -3,7 +3,7 @@ import { forwardRef as $ } from "react";
 import { P as e } from "./index-CblbdqjE.js";
 import { s as k } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import P from "./KanbanActionsToolbar.js";
-import { r as i, i as d } from "./utils-BdsZgOUE.js";
+import { r as i, i as d } from "./utils-DHfRApMf.js";
 import ee from "./Kanban.js";
 import { K as oe } from "./KanbanCard-68kSAXL6.js";
 import ne from "./KanbanHeader.js";

package/dist/Link.js

@@ -2,7 +2,7 @@ import { jsx as d } from "react/jsx-runtime";
 import { forwardRef as h } from "react";
 import { P as o } from "./index-CblbdqjE.js";
 import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as y, b as t } from "./utils-BdsZgOUE.js";
+import { c as y, b as t } from "./utils-DHfRApMf.js";
 import { u } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const g = f.a`
   ${(e) => y(

package/dist/LoanCalculatorSection.js

@@ -2,7 +2,7 @@ import { jsxs as e, jsx as A, Fragment as T } from "react/jsx-runtime";
 import { forwardRef as K, useState as y, useRef as J } from "react";
 import { s as i } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as k } from "./consts-BuFChS64.js";
-import { t as m } from "./utils-BdsZgOUE.js";
+import { t as m } from "./utils-DHfRApMf.js";
 import { u as _ } from "./useDetectMobile-Bkvj0VMa.js";
 import Z from "./Button.js";
 import $ from "./Modal.js";

package/dist/LocationFinderSection.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as c } from "react";
-import { L as d } from "./index-C0SKNFzP.js";
+import { L as d } from "./index-D8KPbcUf.js";
 const F = c((o, e) => {
   const {
     locationFinderTitle: t,

package/dist/LocationSearchSection.js

@@ -2,7 +2,7 @@ import { jsxs as t, jsx as o } from "react/jsx-runtime";
 import { forwardRef as w, Fragment as S } from "react";
 import { s as l } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as p } from "./consts-BuFChS64.js";
-import { S as N } from "./index-dXWRbvgi.js";
+import { S as N } from "./index-BMOLVn8O.js";
 const C = l.div`
   display: flex;
   flex-direction: column;

package/dist/MasonryGeneralCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),g=require("react"),f=require("./Button.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),i=require("./utils-Dl9xPH4c.cjs"),m=require("./consts-goSZX3xP.cjs"),u=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),_=d.styled.div`
+"use strict";const e=require("react/jsx-runtime"),h=require("react"),_=require("./Button.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),n=require("./utils-Dl9xPH4c.cjs"),c=require("./consts-goSZX3xP.cjs"),f=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),i=require("./style-BAcV7F53.cjs"),w=d.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -7,12 +7,12 @@
   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
   cursor: pointer;
 
-  grid-column: ${t=>{var e;return((e=t.position)==null?void 0:e.columnStart)||"1"}} /
-    ${t=>{var e;return((e=t.position)==null?void 0:e.columnEnd)||"6"}};
-  grid-row: ${t=>{var e;return((e=t.position)==null?void 0:e.rowStart)||"1"}} /
-    ${t=>{var e;return((e=t.position)==null?void 0:e.rowEnd)||"1"}};
+  grid-column: ${r=>{var t;return((t=r.position)==null?void 0:t.columnStart)||"1"}} /
+    ${r=>{var t;return((t=r.position)==null?void 0:t.columnEnd)||"6"}};
+  grid-row: ${r=>{var t;return((t=r.position)==null?void 0:t.rowStart)||"1"}} /
+    ${r=>{var t;return((t=r.position)==null?void 0:t.rowEnd)||"1"}};
 
-  background: ${t=>t.backgroundColor||`linear-gradient(
+  background: ${r=>r.backgroundColor||`linear-gradient(
     178deg,
     rgba(0, 0, 0, 0) 1.5%,
     rgba(0, 0, 0, 0.16) 8.95%,
@@ -31,7 +31,7 @@
     width: 24.5rem;
     height: 30rem;
     border-radius: 0.75rem;
-    background-color: ${i.linearGradientAnimation("-90deg")};
+    background-color: ${n.linearGradientAnimation("-90deg")};
   }
 
   & .wrapper__text {
@@ -51,7 +51,7 @@
       font-style: normal;
       font-weight: 500;
       line-height: 1.5rem;
-      ${i.truncateTextInRows(2)}
+      ${n.truncateTextInRows(2)}
     }
 
     & .text__tag {
@@ -73,7 +73,7 @@
       font-style: normal;
       font-weight: 400;
       line-height: 1.25rem;
-      ${i.truncateTextInRows(2)}
+      ${n.truncateTextInRows(2)}
     }
 
     & .text__action {
@@ -87,32 +87,32 @@
     }
 
     & .text__title--skeleton {
-      background-color: ${i.linearGradientAnimation("-90deg")};
+      background-color: ${n.linearGradientAnimation("-90deg")};
       height: 1rem;
       width: 9rem;
     }
 
     & .text__description--skeleton {
-      background-color: ${i.linearGradientAnimation("-90deg")};
+      background-color: ${n.linearGradientAnimation("-90deg")};
       height: 1rem;
       width: 12rem;
     }
 
     & .text__action--skeleton {
-      background-color: ${i.linearGradientAnimation("-90deg")};
+      background-color: ${n.linearGradientAnimation("-90deg")};
       height: 2rem;
       width: 9rem;
     }
   }
   cursor: pointer;
 
-  @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${c.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__image {
       height: 100%;
       max-height: 14.5rem;
     }
   }
-`,w=g.forwardRef(({title:t,imageUrl:e,description:n,buttonText:a,onSelectCard:l=()=>{},className:o,position:s,tag:c,backgroundColor:p},x)=>{const h=u.useTheme();return r.jsx(r.Fragment,{children:r.jsxs(_,{ref:x,theme:h,className:o,position:s,backgroundColor:p,onClick:l,children:[r.jsx("img",{src:e,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__text",children:[c&&r.jsx("div",{className:"text__tag",children:c}),r.jsx("div",{className:"text__title",children:t}),i.isDefinedNotEmptyString(n)&&r.jsx("div",{className:"text__description",children:n}),i.isDefinedNotEmptyString(a)&&r.jsx(f,{text:a,className:"text__action"})]})]})})}),b=d.styled.div`
+`,j=h.forwardRef(({title:r,imageUrl:t,description:a,buttonText:o,onSelectCard:m=()=>{},className:g,position:l,tag:s,backgroundColor:p},x)=>{const u=f.useTheme();return e.jsx(e.Fragment,{children:e.jsxs(w,{ref:x,theme:u,className:g,position:l,backgroundColor:p,onClick:m,children:[e.jsx("img",{src:t,className:"wrapper__image"}),e.jsxs("div",{className:"wrapper__text",children:[s&&e.jsx("div",{className:"text__tag",children:s}),e.jsx("div",{className:"text__title",children:r}),n.isDefinedNotEmptyString(a)&&e.jsx("div",{className:"text__description",children:a}),n.isDefinedNotEmptyString(o)&&e.jsx(_,{text:o,className:"text__action"})]})]})})}),b=d.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -136,7 +136,7 @@
     }
   }
 
-  @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${c.MOBILE_SIZE_PX+"px"}) {
     & .regular-title {
       font-size: 1.375rem;
 
@@ -145,9 +145,9 @@
       }
     }
   }
-`,y=d.styled.div`
+`,k=d.styled.div`
   display: grid;
-  grid-template-columns: ${t=>"repeat(12,  minmax(0, 1fr))"};
+  grid-template-columns: ${r=>"repeat(12,  minmax(0, 1fr))"};
 
   grid-template-rows: 15rem 15rem;
   grid-column-gap: 1.25rem;
@@ -155,7 +155,7 @@
   height: 30rem;
   max-height: 30rem;
 
-  @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${c.MOBILE_SIZE_PX+"px"}) {
     display: flex;
     flex-direction: column;
     gap: 1.25rem;
@@ -163,4 +163,18 @@
     height: 100%;
     max-height: 100%;
   }
-`,v=g.forwardRef(({title:t,items:e,limit:n=3,onSelectCard:a=()=>{}},l)=>r.jsxs(b,{ref:l,children:[r.jsx("div",{className:"regular-title",children:r.jsx("div",{className:"regular-title-text",children:r.jsx("span",{children:t})})}),r.jsx(y,{limit:n,children:e&&(e==null?void 0:e.map((o,s)=>r.jsx(w,{...o,onSelectCard:()=>a(o)},`landing-page-masonry-general-card__${s+1}`)))})]}));module.exports=v;
+`,y=d.styled(i.SkeletonRowWrapper)`
+  @media (max-width: ${c.MOBILE_SIZE_PX+"px"}) {
+    flex-direction: column;
+
+    & .skeleton__big {
+      width: 100%;
+      height: 100%;
+      aspect-ratio: 1 / 1;
+    }
+
+    & > div {
+      flex-direction: column;
+    }
+  }
+`,S=({keyPrefix:r})=>e.jsxs(y,{children:[e.jsx(i.SkeletonColumnWrapper,{children:e.jsx(i.SkeletonLinePlaceholder,{height:"31.25rem",className:"skeleton__big"},`${r}-1`)}),e.jsxs(i.SkeletonColumnWrapper,{children:[e.jsxs(i.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(i.SkeletonLinePlaceholder,{height:"15rem"},`${r}-2`),e.jsx(i.SkeletonLinePlaceholder,{height:"15rem"},`${r}-3`)]}),e.jsxs(i.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(i.SkeletonLinePlaceholder,{height:"15rem"},`${r}-4`),e.jsx(i.SkeletonLinePlaceholder,{height:"15rem"},`${r}-5`)]})]})]}),v=({keyPrefix:r,isLoading:t=!1,fallbackComponent:a=e.jsx(e.Fragment,{}),children:o})=>e.jsx(h.Suspense,{fallbackComponent:a,children:t===!0?e.jsx(S,{keyPrefix:r}):o}),$=h.forwardRef(({title:r,items:t,isLoading:a=!1,limit:o=3,onSelectCard:m=()=>{}},g)=>e.jsxs(b,{ref:g,children:[e.jsx("div",{className:"regular-title",children:e.jsx("div",{className:"regular-title-text",children:e.jsx("span",{children:r})})}),e.jsx(v,{isLoading:a,keyPrefix:"masonry-general-cards-skeleton",children:e.jsx(k,{limit:o,children:t&&(t==null?void 0:t.map((l,s)=>e.jsx(j,{...l,onSelectCard:()=>m(l)},`landing-page-masonry-general-card__${s+1}`)))})})]}));module.exports=$;