@lanaco/lnc-react-ui 4.0.86 → 4.0.88

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;
@@ -82,6 +82,7 @@ const F = m.div`
 
   &:hover {
     cursor: pointer;
+    background: var(--neutral-95008, rgba(20, 22, 26, 0.08));
   }
 
   & .wrapper__icon {
@@ -119,30 +120,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 +191,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 +217,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 +290,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"),s=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;
   }
 
@@ -97,6 +96,7 @@
 
   &:hover {
     cursor: pointer;
+    background: var(--neutral-95004, rgba(20, 22, 26, 0.04));
   }
 
   & .wrapper__icon {
@@ -135,7 +135,7 @@
   height: 3rem;
   border-radius: 999px;
   background: ${d.linearGradientAnimation("-90deg")};
-`,C=l.forwardRef(({},a)=>r.jsx(N,{})),E=l.forwardRef(({title:a,icon:i,onSelectCard:t=()=>{}},p)=>r.jsxs($,{onClick:t,children:[d.isDefinedNotEmptyString(i)&&r.jsx(y,{icon:i,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:a})]})),I=l.forwardRef(({imageUrl:a,imageComponent:i,title:t,onSelectCard:p=()=>{}},c)=>{const{theme:g}=v.useTheme();return r.jsxs(j,{ref:c,theme:g,onClick:p,children:[d.isDefined(i)?i:r.jsx("img",{src:a,className:"wrapper__image"}),r.jsx("div",{className:"wrapper__content",children:r.jsx("div",{className:"wrapper__title",children:t})})]})}),W=l.forwardRef(({},a)=>r.jsx(k,{})),G=o.styled.div`
+`,C=s.forwardRef(({},a)=>r.jsx(N,{})),E=s.forwardRef(({title:a,icon:i,onSelectCard:t=()=>{}},p)=>r.jsxs($,{onClick:t,children:[d.isDefinedNotEmptyString(i)&&r.jsx(y,{icon:i,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:a})]})),I=s.forwardRef(({imageUrl:a,imageComponent:i,title:t,onSelectCard:p=()=>{}},c)=>{const{theme:g}=v.useTheme();return r.jsxs(j,{ref:c,theme:g,onClick:p,children:[d.isDefined(i)?i:r.jsx("img",{src:a,className:"wrapper__image"}),r.jsx("div",{className:"wrapper__content",children:r.jsx("div",{className:"wrapper__title",children:t})})]})}),W=s.forwardRef(({},a)=>r.jsx(k,{})),G=o.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -181,7 +181,6 @@
     justify-content: center;
     align-items: center;
     gap: 1.5rem;
-    width: 100%;
   }
 
   @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
@@ -212,4 +211,4 @@
       gap: 1rem;
     }
   }
-`,R=l.forwardRef(({title:a,subtitle:i,options:t=[],limitTags:p=7,limitTagsForMobile:c=2,limit:g=3,limitForMobile:f=3,items:n=[],onSelectTag:h=()=>{},onSelectCard:_=()=>{},isLoading:u},b)=>{var w,x;return r.jsxs(G,{ref:b,limitTags:p,limitTagsForMobile:c,limitCards:g,limitCardsForMobile:f,children:[r.jsxs("div",{className:"wrapper__heading",children:[a&&r.jsx("div",{className:"wrapper__title",children:a}),i&&r.jsx("div",{className:"wrapper__subtitle",children:i})]}),r.jsx("div",{className:"wrapper__cards",children:n&&(n==null?void 0:n.length)>0?n==null?void 0:n.map((e,s)=>r.jsx(I,{imageUrl:e==null?void 0:e.imageUrl,imageComponent:e==null?void 0:e.imageComponent,title:e==null?void 0:e.title,onSelectCard:()=>{_==null||_(e)}},`general-with-tags-card__${s+1}`)):(w=Array.from("123"))==null?void 0:w.map((e,s)=>r.jsx(W,{},`general-with-tags-card-skeleton__${s+1}`))}),(t==null?void 0:t.length)>0&&r.jsx("div",{className:"wrapper__tags",children:t==null?void 0:t.map((e,s)=>r.jsx(E,{icon:e==null?void 0:e.icon,title:e==null?void 0:e.title,onSelectCard:()=>h==null?void 0:h(e)},`general-with-tags-card-tag__${s+1}`))}),u===!0&&!((t==null?void 0:t.length)>0)&&r.jsx("div",{className:"wrapper__tags",children:(x=Array.from("123"))==null?void 0:x.map((e,s)=>r.jsx(C,{},`general-with-tags-card-tag-skeleton__${s+1}`))})]})});module.exports=R;
+`,R=s.forwardRef(({title:a,subtitle:i,options:t=[],limitTags:p=7,limitTagsForMobile:c=2,limit:g=3,limitForMobile:f=3,items:n=[],onSelectTag:h=()=>{},onSelectCard:_=()=>{},isLoading:u},b)=>{var w,x;return r.jsxs(G,{ref:b,limitTags:p,limitTagsForMobile:c,limitCards:g,limitCardsForMobile:f,children:[r.jsxs("div",{className:"wrapper__heading",children:[a&&r.jsx("div",{className:"wrapper__title",children:a}),i&&r.jsx("div",{className:"wrapper__subtitle",children:i})]}),r.jsx("div",{className:"wrapper__cards",children:n&&(n==null?void 0:n.length)>0?n==null?void 0:n.map((e,l)=>r.jsx(I,{imageUrl:e==null?void 0:e.imageUrl,imageComponent:e==null?void 0:e.imageComponent,title:e==null?void 0:e.title,onSelectCard:()=>{_==null||_(e)}},`general-with-tags-card__${l+1}`)):(w=Array.from("123"))==null?void 0:w.map((e,l)=>r.jsx(W,{},`general-with-tags-card-skeleton__${l+1}`))}),(t==null?void 0:t.length)>0&&r.jsx("div",{className:"wrapper__tags",children:t==null?void 0:t.map((e,l)=>r.jsx(E,{icon:e==null?void 0:e.icon,title:e==null?void 0:e.title,onSelectCard:()=>h==null?void 0:h(e)},`general-with-tags-card-tag__${l+1}`))}),u===!0&&!((t==null?void 0:t.length)>0)&&r.jsx("div",{className:"wrapper__tags",children:(x=Array.from("123"))==null?void 0:x.map((e,l)=>r.jsx(C,{},`general-with-tags-card-tag-skeleton__${l+1}`))})]})});module.exports=R;

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;
   }
 
@@ -104,6 +103,7 @@ const W = s.div`
 
   &:hover {
     cursor: pointer;
+    background: var(--neutral-95004, rgba(20, 22, 26, 0.04));
   }
 
   & .wrapper__icon {
@@ -204,7 +204,6 @@ const W = s.div`
     justify-content: center;
     align-items: center;
     gap: 1.5rem;
-    width: 100%;
   }
 
   @media (max-width: ${d + "px"}) {
@@ -247,11 +246,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 +271,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,12 +1,12 @@
-"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"),o=require("./utils-DhRHf5Ed.cjs"),j=require("./Button.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),S=c.styled.div`
   display: grid;
-  grid-template-columns: ${o=>`repeat(${o.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${a=>`repeat(${a.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
   @media (max-width: ${C.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`,G=s.styled.div`
+`,G=c.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -21,7 +21,7 @@
   & .text-wrap {
     text-align: center;
   }
-`,k=s.styled.div`
+`,k=c.styled.div`
   width: 100%;
   min-height: 11rem;
   max-height: 11rem;
@@ -33,7 +33,7 @@
   & .skeleton__card {
     height: 100%;
     width: 100%;
-    ${n.linearGradientAnimation("-90deg")}
+    ${o.linearGradientAnimation("-90deg")}
 
     background: linear-gradient(
       178deg,
@@ -69,9 +69,9 @@
     -webkit-transform: rotate(315deg);
     transform: rotate(315deg);
   }
-`;s.styled.div`
+`;c.styled.div`
   width: 100%;
   height: 11.5rem;
   border-radius: 0.75rem;
-  background: ${n.linearGradientAnimation("-90deg")};
-`;const p=f.forwardRef((o,c)=>{const{image:a,text:d,price:i,currency:t,onSelectGiftCard:l=()=>{}}=o;return r.jsxs(G,{ref:c,className:"simple-gift-card",onClick:()=>l(i),children:[r.jsxs(k,{children:[r.jsx("div",{className:"price-tag",children:i&&t&&`${n.formatPrice(i)} ${n.GetCurrencySymbol(t)}`}),r.jsx("img",{src:a})]}),r.jsx("div",{className:"text-wrap",children:d})]})}),q=f.forwardRef((o,c)=>{const{icon:a,title:d,buttonLink:i,items:t,buttonText:l,limit:u=4,onSelectCard:g=()=>{},onButtonAction:h=()=>{}}=o,b=w.useDetectMobile();return r.jsxs(v.RegulatTitleSectionWrapper,{ref:c,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[n.isDefinedNotEmptyString(a)&&r.jsx("i",{className:a}),r.jsx("span",{children:d})]}),n.isDefinedNotEmptyString(i)&&r.jsx(j,{type:"button",btnType:"tinted",color:"gray",onClick:()=>h(i),borderRadius:"curved",children:l})]}),r.jsx(S,{limit:u,children:b===!0?t==null?void 0:t.map((e,m)=>r.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)},m)):t==null?void 0:t.slice(0,u).map((e,m)=>r.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)},m))})]})});module.exports=q;
+  background: ${o.linearGradientAnimation("-90deg")};
+`;const p=f.forwardRef((a,d)=>{const{image:s,text:l,price:i,currency:t,onSelectGiftCard:m=()=>{}}=a;return r.jsxs(G,{ref:d,className:"simple-gift-card",onClick:()=>m(i),children:[r.jsxs(k,{children:[r.jsx("div",{className:"price-tag",children:i&&t&&`${o.formatPrice(i)} ${o.GetCurrencySymbol(t)}`}),r.jsx("img",{src:s})]}),r.jsx("div",{className:"text-wrap",children:l})]})}),q=f.forwardRef((a,d)=>{const{icon:s,title:l,buttonLink:i,items:t,buttonText:m,limit:u=4,onSelectCard:g=()=>{},onButtonAction:h=()=>{}}=a,b=w.useDetectMobile();return r.jsxs(v.RegulatTitleSectionWrapper,{ref:d,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[o.isDefinedNotEmptyString(s)&&r.jsx("i",{className:s}),r.jsx("span",{children:l})]}),o.isDefinedNotEmptyString(i)&&r.jsx(j,{type:"button",btnType:"tinted",color:"gray",onClick:e=>{var n;(n=e==null?void 0:e.target)==null||n.blur(),h(i)},borderRadius:"curved",children:m})]}),r.jsx(S,{limit:u,children:b===!0?t==null?void 0:t.map((e,n)=>r.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)):t==null?void 0:t.slice(0,u).map((e,n)=>r.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=q;

package/dist/GiftCardsSection.js

@@ -1,20 +1,20 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { jsxs as n, 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";
-const T = d.div`
+import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as $ } from "./consts-BuFChS64.js";
+const T = c.div`
   display: grid;
-  grid-template-columns: ${(o) => `repeat(${o.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${(a) => `repeat(${a.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
   @media (max-width: ${$ + "px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`, j = d.div`
+`, j = c.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -29,7 +29,7 @@ const T = d.div`
   & .text-wrap {
     text-align: center;
   }
-`, E = d.div`
+`, E = c.div`
   width: 100%;
   min-height: 11rem;
   max-height: 11rem;
@@ -78,54 +78,54 @@ const T = d.div`
     transform: rotate(315deg);
   }
 `;
-d.div`
+c.div`
   width: 100%;
   height: 11.5rem;
   border-radius: 0.75rem;
   background: ${b("-90deg")};
 `;
-const f = h((o, c) => {
+const f = h((a, m) => {
   const {
-    image: n,
-    text: m,
+    image: d,
+    text: l,
     price: i,
-    currency: r,
-    onSelectGiftCard: l = () => {
+    currency: e,
+    onSelectGiftCard: s = () => {
     }
-  } = o;
-  return /* @__PURE__ */ a(
+  } = a;
+  return /* @__PURE__ */ n(
     j,
     {
-      ref: c,
+      ref: m,
       className: "simple-gift-card",
-      onClick: () => l(i),
+      onClick: () => s(i),
       children: [
-        /* @__PURE__ */ a(E, { children: [
-          /* @__PURE__ */ t("div", { className: "price-tag", children: i && r && `${G(i)} ${S(r)}` }),
-          /* @__PURE__ */ t("img", { src: n })
+        /* @__PURE__ */ n(E, { children: [
+          /* @__PURE__ */ t("div", { className: "price-tag", children: i && e && `${G(i)} ${S(e)}` }),
+          /* @__PURE__ */ t("img", { src: d })
         ] }),
-        /* @__PURE__ */ t("div", { className: "text-wrap", children: m })
+        /* @__PURE__ */ t("div", { className: "text-wrap", children: l })
       ]
     }
   );
-}), D = h((o, c) => {
+}), D = h((a, m) => {
   const {
-    icon: n,
-    title: m,
+    icon: d,
+    title: l,
     buttonLink: i,
-    items: r,
-    buttonText: l,
+    items: e,
+    buttonText: s,
     limit: p = 4,
     onSelectCard: g = () => {
     },
     onButtonAction: v = () => {
     }
-  } = o, w = C();
-  return /* @__PURE__ */ a(k, { ref: c, children: [
-    /* @__PURE__ */ a("div", { className: "regular-title", children: [
-      /* @__PURE__ */ a("div", { className: "regular-title-text", children: [
-        u(n) && /* @__PURE__ */ t("i", { className: n }),
-        /* @__PURE__ */ t("span", { children: m })
+  } = a, w = C();
+  return /* @__PURE__ */ n(k, { ref: m, 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: l })
       ] }),
       u(i) && /* @__PURE__ */ t(
         N,
@@ -133,34 +133,37 @@ const f = h((o, c) => {
           type: "button",
           btnType: "tinted",
           color: "gray",
-          onClick: () => v(i),
+          onClick: (r) => {
+            var o;
+            (o = r == null ? void 0 : r.target) == null || o.blur(), v(i);
+          },
           borderRadius: "curved",
-          children: l
+          children: s
         }
       )
     ] }),
-    /* @__PURE__ */ t(T, { limit: p, children: w === !0 ? r == null ? void 0 : r.map((e, s) => /* @__PURE__ */ t(
+    /* @__PURE__ */ t(T, { limit: p, children: w === !0 ? e == null ? void 0 : e.map((r, o) => /* @__PURE__ */ t(
       f,
       {
-        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)
+        text: r == null ? void 0 : r.text,
+        price: r == null ? void 0 : r.priceTo,
+        currency: r == null ? void 0 : r.currencyIsoCode,
+        image: r == null ? void 0 : r.imageUrl,
+        uuid: r == null ? void 0 : r.uuid,
+        onSelectGiftCard: (y) => g(r)
       },
-      s
-    )) : r == null ? void 0 : r.slice(0, p).map((e, s) => /* @__PURE__ */ t(
+      o
+    )) : e == null ? void 0 : e.slice(0, p).map((r, o) => /* @__PURE__ */ t(
       f,
       {
-        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)
+        text: r == null ? void 0 : r.text,
+        price: r == null ? void 0 : r.priceTo,
+        currency: r == null ? void 0 : r.currencyIsoCode,
+        image: r == null ? void 0 : r.imageUrl,
+        uuid: r == null ? void 0 : r.uuid,
+        onSelectGiftCard: (y) => g(r)
       },
-      s
+      o
     )) })
   ] });
 });