@lanaco/lnc-react-ui 4.0.132 → 4.0.134

package/dist/BlogExploreSection.js

@@ -10,7 +10,7 @@ import A from "./DropdownItem.js";
 import { F as O } from "./tag-CtleOqEC.js";
 import P from "./BlogProductCardsSection.js";
 import { s as j } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { P as ee } from "./index-3TFXgZHA.js";
+import { P as ee } from "./index-DRP1yTKe.js";
 import z from "./BlogListSection.js";
 import { M as ne } from "./consts-BuFChS64.js";
 const te = j.div`

package/dist/BlogListSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),d=require("react"),b=require("./Icon.cjs"),c=require("./IconButton.cjs"),o=require("./utils-DmMdPm9O.cjs"),y=require("./index-DiIeF_76.cjs"),j=require("./style-C_BRvopE.cjs"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),k=require("./suspense-large-PHdzP1Ln.cjs"),N=h.styled.div`
+"use strict";const r=require("react/jsx-runtime"),d=require("react"),b=require("./Icon.cjs"),c=require("./IconButton.cjs"),o=require("./utils-DmMdPm9O.cjs"),y=require("./index-DiIeF_76.cjs"),j=require("./style-DaT7Beup.cjs"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),k=require("./suspense-large-PHdzP1Ln.cjs"),N=h.styled.div`
   display: flex;
   padding: 1rem;
   align-items: center;
@@ -25,6 +25,7 @@
     height: auto;
     max-height: 9.5rem;
     max-width: 17.75rem;
+    min-width: 17.75rem;
     border-radius: 0.75rem;
   }
 
@@ -100,6 +101,7 @@
 
     & .wrapper__image {
       max-width: 100%;
+      min-width: 100%;
     }
 
     & .desktop-only {

package/dist/BlogListSection.js

@@ -3,8 +3,8 @@ import { forwardRef as h, memo as v, useMemo as k } from "react";
 import u from "./Icon.js";
 import c from "./IconButton.js";
 import { p as N, s as I, v as R, w as b } from "./utils-BPdU4_1q.js";
-import { P as j } from "./index-3TFXgZHA.js";
-import { B as P } from "./style-XXDQBreL.js";
+import { P as j } from "./index-DRP1yTKe.js";
+import { B as P } from "./style-DAn9Ifqe.js";
 import { s as w } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as T } from "./consts-BuFChS64.js";
 import { S as $ } from "./suspense-large-DrD8xVZi.js";
@@ -35,6 +35,7 @@ const z = w.div`
     height: auto;
     max-height: 9.5rem;
     max-width: 17.75rem;
+    min-width: 17.75rem;
     border-radius: 0.75rem;
   }
 
@@ -110,6 +111,7 @@ const z = w.div`
 
     & .wrapper__image {
       max-width: 100%;
+      min-width: 100%;
     }
 
     & .desktop-only {
@@ -154,13 +156,13 @@ const z = w.div`
   }
 `, B = h(
   ({
-    title: p,
+    title: d,
     imageUrl: n,
     options: a,
     publishedAt: o,
     timeToReadText: l = "{0} min read",
-    timeToRead: d = 0,
-    numberOfLikes: m = 0,
+    timeToRead: m = 0,
+    numberOfLikes: p = 0,
     numberOfComments: f = 0,
     isBookmarked: g = !1,
     onSelectCard: _ = () => {
@@ -173,7 +175,7 @@ const z = w.div`
     /* @__PURE__ */ t(j, { src: n, className: "wrapper__image" }),
     /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
       /* @__PURE__ */ i("div", { className: "wrapper__subcontent", children: [
-        /* @__PURE__ */ t("div", { className: "wrapper__title", children: p }),
+        /* @__PURE__ */ t("div", { className: "wrapper__title", children: d }),
         /* @__PURE__ */ i("div", { className: "wrapper__tags-action", children: [
           /* @__PURE__ */ t("div", { className: "wrapper__tags", children: a && (a == null ? void 0 : a.map((r, y) => /* @__PURE__ */ t(
             P,
@@ -215,11 +217,11 @@ const z = w.div`
         /* @__PURE__ */ i("div", { className: "info__content", children: [
           /* @__PURE__ */ t("div", { className: "info__text", children: `${I(
             o
-          )} • ${R(l, d)}` }),
+          )} • ${R(l, m)}` }),
           /* @__PURE__ */ i("div", { className: "info__text", children: [
             /* @__PURE__ */ i("div", { children: [
               /* @__PURE__ */ t(u, { icon: " mng-lnc-thumbs-up--filled", sizeInUnits: "1rem" }),
-              b(m)
+              b(p)
             ] }),
             /* @__PURE__ */ i("div", { children: [
               /* @__PURE__ */ t(u, { icon: " mng-lnc-messages-filled", sizeInUnits: "1rem" }),
@@ -282,7 +284,7 @@ const z = w.div`
   }
 `, L = v(B), F = h(
   ({
-    timeToReadText: p = "{0} min read",
+    timeToReadText: d = "{0} min read",
     items: n,
     onSelectCard: a = () => {
     },
@@ -290,8 +292,8 @@ const z = w.div`
     },
     onBookmark: l = () => {
     },
-    isLoading: d = !1,
-    getImage: m = () => {
+    isLoading: m = !1,
+    getImage: p = () => {
     },
     isSeparated: f = !0
   }, g) => {
@@ -302,7 +304,7 @@ const z = w.div`
         titleSlug: e == null ? void 0 : e.titleSlug,
         options: e == null ? void 0 : e.options,
         publishedAt: e == null ? void 0 : e.publishedAt,
-        timeToReadText: p,
+        timeToReadText: d,
         timeToRead: e == null ? void 0 : e.timeToRead,
         numberOfLikes: e == null ? void 0 : e.numberOfLikes,
         numberOfComments: e == null ? void 0 : e.numberOfComments,
@@ -311,14 +313,14 @@ const z = w.div`
         onSelectCard: () => a == null ? void 0 : a(e),
         onShare: () => o == null ? void 0 : o(e),
         onBookmark: () => l == null ? void 0 : l(e),
-        imageUrl: m(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null
+        imageUrl: p(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null
       },
       `blog-card-item__${s + 1}`
     )), [n]);
     return /* @__PURE__ */ t(C, { className: f ? "separated" : "", children: /* @__PURE__ */ t(
       $,
       {
-        isLoading: d,
+        isLoading: m,
         limit: 5,
         keyPrefix: "blog-section",
         children: _

package/dist/BlogProductCardsSection.js

@@ -1,8 +1,8 @@
 import { jsx as i, jsxs as g } from "react/jsx-runtime";
 import { memo as b, forwardRef as h, useMemo as P } from "react";
 import { u as N } from "./useDetectMobile-Bkvj0VMa.js";
-import { S as y } from "./index-CU0KClNt.js";
-import { S as M } from "./suspense-product-card-simple-BT5gv-kY.js";
+import { S as y } from "./index-B7pgRoP5.js";
+import { S as M } from "./suspense-product-card-simple-BuJtwiwA.js";
 import S from "./Button.js";
 import { W as _ } from "./style-tw6KjI2J.js";
 const w = b(y), R = h(

package/dist/BlogShopCardsSection.cjs

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),u=require("react"),f=require("./useDetectMobile-zkbzoOGV.cjs"),a=require("./skeleton-Bl1q9Yqe.cjs"),S=require("./Button.cjs"),b=require("./style-BTTXJFJN.cjs"),_=({limit:o=4,isLoading:n=!1,keyPrefix:s})=>r.jsx(r.Fragment,{children:Array.from({length:o},(i,t)=>r.jsx(a.ShopCardSkeleton,{isLoading:n},`${s}-skeleton-shop-card-${t}`))}),k=({children:o,fallbackComponent:n=r.jsx(r.Fragment,{}),isLoading:s=!1,limit:i,keyPrefix:t})=>r.jsx(u.Suspense,{fallbackComponent:n,children:s===!0?r.jsx(_,{isLoading:s,limit:i,keyPrefix:t}):o}),q=u.memo(a.ShopCard),C=u.forwardRef(({buttonText:o,buttonLink:n,items:s,onButtonAction:i=()=>{},onSelectCard:t=()=>{},isLoading:l=!1,limit:d=4,getImage:p=()=>{},isHighlight:h=!1},w)=>{const m=f.useDetectMobile(),g=u.useMemo(()=>{var c;return(c=s==null?void 0:s.slice(0,4))==null?void 0:c.map((e,j)=>r.jsx(q,{uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.name,subtitle:e==null?void 0:e.shortDescription,rating:e==null?void 0:e.rating,reviewCount:e==null?void 0:e.reviewCount,onSelectCard:()=>t==null?void 0:t(e==null?void 0:e.uuid),image:p(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,hideProducts:!0},`shop-card__${j+1}`))},[s]);return r.jsxs(b.Wrapper,{className:h?"highlight":"",children:[r.jsx("div",{className:"wrapper__grid",children:r.jsx(k,{isLoading:l,limit:d,keyPrefix:"blog-section",children:g})}),r.jsx(S,{text:o,borderRadius:"curved",btnType:m?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>i(n)})]})});module.exports=C;
+"use strict";const r=require("react/jsx-runtime"),u=require("react"),f=require("./useDetectMobile-zkbzoOGV.cjs"),a=require("./skeleton-Dw2U9XhS.cjs"),S=require("./Button.cjs"),b=require("./style-BTTXJFJN.cjs"),_=({limit:o=4,isLoading:n=!1,keyPrefix:s})=>r.jsx(r.Fragment,{children:Array.from({length:o},(i,t)=>r.jsx(a.ShopCardSkeleton,{isLoading:n},`${s}-skeleton-shop-card-${t}`))}),k=({children:o,fallbackComponent:n=r.jsx(r.Fragment,{}),isLoading:s=!1,limit:i,keyPrefix:t})=>r.jsx(u.Suspense,{fallbackComponent:n,children:s===!0?r.jsx(_,{isLoading:s,limit:i,keyPrefix:t}):o}),q=u.memo(a.ShopCard),C=u.forwardRef(({buttonText:o,buttonLink:n,items:s,onButtonAction:i=()=>{},onSelectCard:t=()=>{},isLoading:l=!1,limit:d=4,getImage:p=()=>{},isHighlight:h=!1},w)=>{const m=f.useDetectMobile(),g=u.useMemo(()=>{var c;return(c=s==null?void 0:s.slice(0,4))==null?void 0:c.map((e,j)=>r.jsx(q,{uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.name,subtitle:e==null?void 0:e.shortDescription,rating:e==null?void 0:e.rating,reviewCount:e==null?void 0:e.reviewCount,onSelectCard:()=>t==null?void 0:t(e==null?void 0:e.uuid),image:p(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,hideProducts:!0},`shop-card__${j+1}`))},[s]);return r.jsxs(b.Wrapper,{className:h?"highlight":"",children:[r.jsx("div",{className:"wrapper__grid",children:r.jsx(k,{isLoading:l,limit:d,keyPrefix:"blog-section",children:g})}),r.jsx(S,{text:o,borderRadius:"curved",btnType:m?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>i(n)})]})});module.exports=C;

package/dist/BlogShopCardsSection.js

@@ -1,7 +1,7 @@
 import { jsx as o, Fragment as u, jsxs as g } from "react/jsx-runtime";
 import { Suspense as S, memo as b, forwardRef as _, useMemo as C } from "react";
 import { u as k } from "./useDetectMobile-Bkvj0VMa.js";
-import { a as w, S as v } from "./skeleton-fVxknFUi.js";
+import { a as w, S as v } from "./skeleton-ChyJLfsR.js";
 import M from "./Button.js";
 import { W as y } from "./style-tw6KjI2J.js";
 const N = ({ limit: s = 4, isLoading: a = !1, keyPrefix: r }) => /* @__PURE__ */ o(u, { children: Array.from({ length: s }, (i, t) => /* @__PURE__ */ o(

package/dist/BlogSingleSection.js

@@ -1,6 +1,6 @@
 import { jsx as e, Fragment as a } from "react/jsx-runtime";
 import { Suspense as s, forwardRef as u } from "react";
-import { B as d } from "./index-DJ545v7b.js";
+import { B as d } from "./index-DiPwx53C.js";
 import { B as c } from "./skeleton-PMiYQLOs.js";
 const f = ({ limit: o = 1, isLoading: t = !1, keyPrefix: l }) => /* @__PURE__ */ e(a, { children: Array.from({ length: o }, (r, n) => /* @__PURE__ */ e(
   c,

package/dist/BlogsSectionDetailed.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),u=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),R=require("./useDetectMobile-zkbzoOGV.cjs"),r=require("./utils-DmMdPm9O.cjs"),y=require("./style-C_BRvopE.cjs"),T=require("./Button.cjs"),O=require("./index-DiIeF_76.cjs"),A=w.styled.div`
+"use strict";const t=require("react/jsx-runtime"),u=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),R=require("./useDetectMobile-zkbzoOGV.cjs"),r=require("./utils-DmMdPm9O.cjs"),y=require("./style-DaT7Beup.cjs"),T=require("./Button.cjs"),O=require("./index-DiIeF_76.cjs"),A=w.styled.div`
   display: grid;
   grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/BlogsSectionDetailed.js

@@ -4,9 +4,9 @@ import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as T } from "./consts-BuFChS64.js";
 import { u as D } from "./useDetectMobile-Bkvj0VMa.js";
 import { o as k, p as P, v as z, s as M, w as C, k as w } from "./utils-BPdU4_1q.js";
-import { B as I, R as U } from "./style-XXDQBreL.js";
+import { B as I, R as U } from "./style-DAn9Ifqe.js";
 import W from "./Button.js";
-import { P as j } from "./index-3TFXgZHA.js";
+import { P as j } from "./index-DRP1yTKe.js";
 const E = y.div`
   display: grid;
   grid-template-columns: ${(i) => `repeat(${i.limit},  minmax(0, 1fr))`};

package/dist/BlogsSectionLarge.js

@@ -3,7 +3,7 @@ import { memo as c, forwardRef as f, useMemo as S } from "react";
 import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as b } from "./consts-BuFChS64.js";
 import { u as B } from "./useDetectMobile-Bkvj0VMa.js";
-import { B as M } from "./index-DJ545v7b.js";
+import { B as M } from "./index-DiPwx53C.js";
 import { S as L } from "./suspense-large-DrD8xVZi.js";
 const h = C.div`
   display: grid;

package/dist/BlogsSectionSimple.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),m=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-goSZX3xP.cjs"),q=require("./useDetectMobile-zkbzoOGV.cjs"),p=require("./utils-DmMdPm9O.cjs"),S=require("./style-C_BRvopE.cjs"),R=require("./Button.cjs"),B=require("./Link.cjs"),M=require("./index-DiIeF_76.cjs"),T=h.styled.div`
+"use strict";const r=require("react/jsx-runtime"),m=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-goSZX3xP.cjs"),q=require("./useDetectMobile-zkbzoOGV.cjs"),p=require("./utils-DmMdPm9O.cjs"),S=require("./style-DaT7Beup.cjs"),R=require("./Button.cjs"),B=require("./Link.cjs"),M=require("./index-DiIeF_76.cjs"),T=h.styled.div`
   display: grid;
   grid-template-columns: ${t=>`repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/BlogsSectionSimple.js

@@ -4,10 +4,10 @@ import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as k } from "./consts-BuFChS64.js";
 import { u as R } from "./useDetectMobile-Bkvj0VMa.js";
 import { o as z, p as I, k as b } from "./utils-BPdU4_1q.js";
-import { B as U, R as W } from "./style-XXDQBreL.js";
+import { B as U, R as W } from "./style-DAn9Ifqe.js";
 import j from "./Button.js";
 import A from "./Link.js";
-import { P as E } from "./index-3TFXgZHA.js";
+import { P as E } from "./index-DRP1yTKe.js";
 const L = f.div`
   display: grid;
   grid-template-columns: ${(t) => `repeat(${t.limit},  minmax(0, 1fr))`};

package/dist/BlogsSectionSimpleCentered.js

@@ -5,7 +5,7 @@ import { M as u } from "./consts-BuFChS64.js";
 import { u as C } from "./useDetectMobile-Bkvj0VMa.js";
 import { o as f, p as y } from "./utils-BPdU4_1q.js";
 import v from "./Button.js";
-import { P as S } from "./index-3TFXgZHA.js";
+import { P as S } from "./index-DRP1yTKe.js";
 const x = g.div`
   display: grid;
   grid-template-columns: ${(i) => `repeat(${i.limit},  minmax(0, 1fr))`};

package/dist/BlogsSectionWithFilters.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),d=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),B=require("./useDetectMobile-zkbzoOGV.cjs"),c=require("./utils-DmMdPm9O.cjs"),M=require("./style-C_BRvopE.cjs"),R=require("./Button.cjs"),W=require("./Link.cjs"),A=require("./index-DiIeF_76.cjs"),I=require("./index-D0xZLbyl.cjs"),P=p.styled.div`
+"use strict";const e=require("react/jsx-runtime"),d=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),B=require("./useDetectMobile-zkbzoOGV.cjs"),c=require("./utils-DmMdPm9O.cjs"),M=require("./style-DaT7Beup.cjs"),R=require("./Button.cjs"),W=require("./Link.cjs"),A=require("./index-DiIeF_76.cjs"),I=require("./index-D0xZLbyl.cjs"),P=p.styled.div`
   display: grid;
   grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/BlogsSectionWithFilters.js

@@ -4,10 +4,10 @@ import { s as b } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as C } from "./consts-BuFChS64.js";
 import { u as R } from "./useDetectMobile-Bkvj0VMa.js";
 import { o as u, p as j, k as S } from "./utils-BPdU4_1q.js";
-import { T as E } from "./style-XXDQBreL.js";
+import { T as E } from "./style-DAn9Ifqe.js";
 import F from "./Button.js";
 import L from "./Link.js";
-import { P as U } from "./index-3TFXgZHA.js";
+import { P as U } from "./index-DRP1yTKe.js";
 import { S as _ } from "./index-BRciSeV3.js";
 const D = b.div`
   display: grid;

package/dist/DetailedProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),s=require("react"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=require("./consts-goSZX3xP.cjs"),U=require("./Button.cjs"),y=require("./utils-DmMdPm9O.cjs"),M=require("./useDetectMobile-zkbzoOGV.cjs"),F=require("./style-C_BRvopE.cjs"),h=require("./suspense-product-card-detailed-D0jNIBlf.cjs"),T=require("./index-D0xZLbyl.cjs"),E=v.styled.div`
+"use strict";const i=require("react/jsx-runtime"),s=require("react"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=require("./consts-goSZX3xP.cjs"),U=require("./Button.cjs"),y=require("./utils-DmMdPm9O.cjs"),M=require("./useDetectMobile-zkbzoOGV.cjs"),F=require("./style-DaT7Beup.cjs"),h=require("./suspense-product-card-detailed-D0jNIBlf.cjs"),T=require("./index-D0xZLbyl.cjs"),E=v.styled.div`
   display: grid;
   grid-template-columns: ${r=>`repeat(${r.limit},  minmax(0, 1fr))`};
   gap: ${r=>(r==null?void 0:r.gap)||"1.25rem"};

package/dist/DetailedProductsSection.js

@@ -5,8 +5,8 @@ import { M as B } from "./consts-BuFChS64.js";
 import E from "./Button.js";
 import { k as f } from "./utils-BPdU4_1q.js";
 import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
-import { T as $ } from "./style-XXDQBreL.js";
-import { D as L, S as O } from "./suspense-product-card-detailed-BP1opdKD.js";
+import { T as $ } from "./style-DAn9Ifqe.js";
+import { D as L, S as O } from "./suspense-product-card-detailed-CFZchhUK.js";
 import { S as R } from "./index-BRciSeV3.js";
 const W = F.div`
   display: grid;

package/dist/FieldOfInterestsWithAvatarsCardsSection.js

@@ -3,7 +3,7 @@ import { forwardRef as g } from "react";
 import { s as _ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as x } from "./consts-BuFChS64.js";
 import { o as v, l as C } from "./utils-BPdU4_1q.js";
-import { S as F } from "./index-CU0KClNt.js";
+import { S as F } from "./index-B7pgRoP5.js";
 const N = _.div`
   width: 100%;
   height: 11.625rem;

package/dist/GiftCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),f=require("react"),w=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-C_BRvopE.cjs"),o=require("./utils-DmMdPm9O.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 t=require("react/jsx-runtime"),f=require("react"),w=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-DaT7Beup.cjs"),o=require("./utils-DmMdPm9O.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: ${a=>`repeat(${a.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/GiftCardsSection.js

@@ -1,7 +1,7 @@
 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-XXDQBreL.js";
+import { R as k } from "./style-DAn9Ifqe.js";
 import { o as b, q as G, G as S, k as u } from "./utils-BPdU4_1q.js";
 import N from "./Button.js";
 import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";

package/dist/ProductsWithBannerSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),d=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./consts-goSZX3xP.cjs"),v=require("./useDetectMobile-zkbzoOGV.cjs"),y=require("./style-C_BRvopE.cjs"),l=require("./utils-DmMdPm9O.cjs"),P=require("./index-DiIeF_76.cjs"),S=u.styled.div`
+"use strict";const r=require("react/jsx-runtime"),d=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./consts-goSZX3xP.cjs"),v=require("./useDetectMobile-zkbzoOGV.cjs"),y=require("./style-DaT7Beup.cjs"),l=require("./utils-DmMdPm9O.cjs"),P=require("./index-DiIeF_76.cjs"),S=u.styled.div`
   width: 100%;
   height: 22.5rem;
   min-height: 22.5rem;

package/dist/ProductsWithBannerSection.js

@@ -3,9 +3,9 @@ import { forwardRef as u, Suspense as C, memo as N, useMemo as S } from "react";
 import { s as p } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as k } from "./consts-BuFChS64.js";
 import { u as $ } from "./useDetectMobile-Bkvj0VMa.js";
-import { R as U } from "./style-XXDQBreL.js";
+import { R as U } from "./style-DAn9Ifqe.js";
 import { p as I, o as b, l as M, k as W } from "./utils-BPdU4_1q.js";
-import { P as j } from "./index-3TFXgZHA.js";
+import { P as j } from "./index-DRP1yTKe.js";
 const E = p.div`
   width: 100%;
   height: 22.5rem;

package/dist/ReviewsSection.js

@@ -6,7 +6,7 @@ import { u as P } from "./useDetectMobile-Bkvj0VMa.js";
 import { t as R, p as M, o as I, b as j, g as E } from "./utils-BPdU4_1q.js";
 import { useTheme as T } from "./ThemeProvider.js";
 import { P as l } from "./index-CblbdqjE.js";
-import { P as A } from "./index-3TFXgZHA.js";
+import { P as A } from "./index-DRP1yTKe.js";
 const W = d.div`
   display: flex;
   flex-direction: column;

package/dist/SalesCampaignsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),c=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),_=require("./utils-DmMdPm9O.cjs"),M=require("./consts-goSZX3xP.cjs"),ae=require("./motion-B_VPZaJq.cjs"),s=require("./index-BpbMKBf_.cjs"),oe=require("./Icon.cjs"),we=require("./Badge.cjs"),G=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),ee=require("./IconButton.cjs"),ie=require("./useDetectMobile-zkbzoOGV.cjs"),be=u.styled.div`
+"use strict";const t=require("react/jsx-runtime"),c=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./utils-DmMdPm9O.cjs"),M=require("./consts-goSZX3xP.cjs"),oe=require("./motion-B_VPZaJq.cjs"),s=require("./index-BpbMKBf_.cjs"),ie=require("./Icon.cjs"),ee=require("./ShopAvatar-CV3lj34D.cjs"),ve=require("./Badge.cjs"),H=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),re=require("./IconButton.cjs"),le=require("./useDetectMobile-zkbzoOGV.cjs"),_e=h.styled.div`
   cursor: pointer;
   display: flex;
   gap: 1rem;
@@ -13,8 +13,8 @@
     border: none;
     border-radius: 0;
   }
-`,ve=u.styled.div`
-  border-radius: ${e=>_.getBorderRadiusValueWithUnits(e.theme,"edged")};
+`,Te=h.styled.div`
+  border-radius: ${e=>w.getBorderRadiusValueWithUnits(e.theme,"edged")};
   height: 13.75rem;
   width: 13.75rem;
   min-width: 13.75rem;
@@ -42,7 +42,7 @@
     max-width: 100dvh;
     height: 23.438rem;
   }
-`,_e=u.styled.div`
+`,je=h.styled.div`
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -128,13 +128,13 @@
       gap: 0.25rem;
     }
   }
-`,re=(e=!1,n=!1,o=!1)=>`
+`,te=(e=!1,n=!1,a=!1)=>`
     display: flex;
     ${n?"flex-wrap: wrap;":""}
     ${n?"":"flex-wrap: nowrap;"}
     ${e?"align-items: center;":""}
-    ${o?"justify-content: center;":""}
-  `,Te=u.styled(ae.motion.div)`
+    ${a?"justify-content: center;":""}
+  `,Se=h.styled(oe.motion.div)`
   text-decoration: none;
   ${e=>e.hasPermission===!0&&"cursor: pointer"};
 
@@ -151,14 +151,14 @@
     text-decoration: none;
   }
 
-  ${re(!0)}
+  ${te(!0)}
   gap: 0.5rem;
   padding: 0.5rem;
   color: var(--gray-950);
   font-weight: 500;
   font-size: 0.875rem;
   line-height: 1.25rem;
-  border-radius: ${e=>_.getBorderRadiusValueWithUnits(e.theme,"slight")};
+  border-radius: ${e=>w.getBorderRadiusValueWithUnits(e.theme,"slight")};
   transition: all 0.25s ease;
   & .description {
     font-size: 0.85rem;
@@ -167,7 +167,7 @@
     font-weight: 400;
   }
   & .logo-wrapper {
-    ${re(!0,!1,!0)}
+    ${te(!0,!1,!0)}
     flex-shrink: 0;
     border-radius: 999px;
 
@@ -205,14 +205,14 @@
     cursor: pointer;
     background-color: var(--gray-95080, #14161acc);
   }
-`,je=u.styled.div`
+`,$e=h.styled.div`
   position: absolute;
   top: 0.5rem;
   ${e=>e.alignToLeft===!0?"left: 0.5rem;":"right: 0.5rem;"}
   display: flex;
   gap: 0.25rem;
-`,$e=u.styled.div`
-  border-radius: ${e=>_.getBorderRadiusValueWithUnits(e.theme,e.borderRadius||"slight")};
+`,Pe=h.styled.div`
+  border-radius: ${e=>w.getBorderRadiusValueWithUnits(e.theme,e.borderRadius||"slight")};
   background-color: ${e=>e==null?void 0:e.color};
   color: white;
   height: 1.5rem;
@@ -227,7 +227,7 @@
   & i {
     font-size: 0.813rem;
   }
-`,le=e=>{const{uuid:n,hasPermission:o=!0,isUser:l,image:p,name:h,notifications:f=0,color:i="primary",size:d="large",style:g,disabled:S,onClick:b=()=>{},isActive:T,className:j,shopCategory:$,themeData:x}=e,v={theme:G.useTheme(),color:i,size:d,style:g,disabled:S};return c.createElement(Te,{onClick:I=>{I.stopPropagation(),o===!0&&(b==null||b())},...v,key:h,className:`profile-item ${j}`,hasPermission:o,isActive:T,themeColor:(x==null?void 0:x.code)||"transparent"},t.jsx("div",{className:"logo-wrapper",children:p}),t.jsxs("div",{children:[t.jsx("div",{className:"name",children:h}),!l&&t.jsx("div",{className:"description",children:$}),f>0&&t.jsx("div",{className:"notifications-number",children:t.jsx(we,{className:"badge",color:"danger",size:"small",children:f>99?"99+":f})})]}))};le.propTypes={id:s.PropTypes.any,isUserProfile:s.PropTypes.bool,themeColor:s.PropTypes.string,image:s.PropTypes.any,name:s.PropTypes.string,notifications:s.PropTypes.number,style:s.PropTypes.object,className:s.PropTypes.string,color:s.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral"]),size:s.PropTypes.oneOf(["large"]),onSelect:s.PropTypes.func,hasPermission:s.PropTypes.bool};const te=(e,n)=>{if(!e||!n)return null;const o=e.getTime()-n.getTime(),l=24*60*60*1e3;return o>=0?Math.ceil(o/l):Math.floor(o/l)},ne=e=>{if(e!==void 0){const n=new Date(e),o=n.getFullYear(),l=n.getMonth()+1;return`${String(n.getDate()).padStart(2)}. ${l}. ${o}.`}},ce=c.forwardRef((e,n)=>{var Q;const o=G.useTheme(),{shopUuid:l,title:p="",coverPhoto:h,onSelect:f,startDate:i,endDate:d,salesPackages:g,shopName:S,shopCategory:b,shopImage:T,className:j,onSelectCard:$=()=>{},onSelectShop:x=()=>{},upcoming:C=!1,upcomingCampaignText:v,campaignSingleText:I,salesCampaignTypes:y=[],startsInPrefixTextPlural:k,startsinSuffixTextPlural:E,startsInPrefixTextSingular:R,startsinSuffixTextSingular:z,endsInPrefixTextPlural:a,endsinSuffixTextPlural:m,endsInPrefixTextSingular:O,endsinSuffixTextSingular:H,themeData:U,numberOfListings:L,numberOfListingsTextSingular:B,numberOfListingsTextPlural:r,...Z}=e,Y=i?new Date(i)<=new Date:!1,ue=te(i?new Date(i):null,new Date),q=te(d?new Date(d):null,new Date),me=q!==null&&q<=2&&q>0,J=d?new Date(d).getTime():null,he=Date.now(),A=J!==null?J-he:null,W=A!==null&&A>0&&A<24*60*60*1e3,K=(P,X,w,D,N)=>w===1?`${P} ${w} ${D}`:`${X} ${w} ${N}`,pe=()=>{if(!d)return null;const P=fe,w=new Date(d).getTime()-P.getTime();if(w<=0)return null;const D=Math.floor(w/(1e3*60*60)),N=Math.floor(w%(1e3*60*60)/(1e3*60)),ye=Math.floor(w%(1e3*60)/1e3);return{hours:D,minutes:N,seconds:ye}},[fe,xe]=c.useState(new Date);c.useEffect(()=>{if(!W)return;const P=setInterval(()=>{xe(new Date)},1e3);return()=>clearInterval(P)},[W]);const V=W?pe():null;return t.jsxs(be,{ref:n,theme:o,className:j,onClick:$,...Z,children:[t.jsxs(ve,{theme:o,onClick:()=>f==null?void 0:f(),children:[t.jsx("img",{src:h}),t.jsx(je,{children:g==null?void 0:g.map((P,X)=>{var w,D;return t.jsx($e,{color:(w=y==null?void 0:y.find(N=>N.value===P))==null?void 0:w.color,theme:o,children:t.jsx(oe,{icon:(D=y==null?void 0:y.find(N=>N.value===P))==null?void 0:D.icon})},`package__${X}`)})})]}),t.jsxs(_e,{theme:o,children:[t.jsx("div",{className:"text-block-wrapper",children:t.jsxs("div",{className:"title-block-wrapper",children:[t.jsx("div",{className:"campaign-title",children:(Q=C?v:I)==null?void 0:Q.toUpperCase()}),t.jsx("div",{className:"campaign-title-text",children:p}),d&&i&&t.jsxs("div",{children:[ne(i)," - ",ne(d)]}),t.jsxs("div",{className:"timestamp-text",children:[L>0&&t.jsxs("span",{className:"listings-text",children:[L," ",L===1?B:r," ","∙"," "]}),t.jsx("span",{className:`duration-text ${me?"urgent":""} ${Y?"":"starts-in"}`,children:W&&V?t.jsxs("div",{className:"countdown-timer",children:[O," ",V.hours.toString().padStart(2,"0"),":",V.minutes.toString().padStart(2,"0"),":",V.seconds.toString().padStart(2,"0")]}):Y?K(O,a,q,H,m):K(R,k,ue,z,E)})]})]})}),t.jsx(le,{hasPermission:!0,image:t.jsx("img",{src:T,className:`${T?"":"no-image"}`}),themeData:U,isActive:!0,isUser:!1,name:S,shopCategory:b,onClick:()=>x(l)})]})]})});ce.propTypes={title:s.PropTypes.oneOfType([s.PropTypes.string,s.PropTypes.element]),numberOfListings:s.PropTypes.number,dropdown:s.PropTypes.any,color:s.PropTypes.string};u.styled.div`
+`,Ce=c.forwardRef(({src:e,...n},a)=>{const o=c.useRef();return c.useEffect(()=>{var d;const u=g=>{g.target.src=ee.DefaultShopImage,g.onerror=null};return(d=o==null?void 0:o.current)==null||d.addEventListener("error",u),()=>{var g;(g=o==null?void 0:o.current)==null||g.removeEventListener("error",u)}},[]),t.jsx(c.Fragment,{ref:a,children:w.isDefinedNotEmptyString(e)?t.jsx("img",{ref:o,src:e,...n}):t.jsx("img",{src:ee.DefaultShopImage,...n})})}),ce=e=>{const{uuid:n,hasPermission:a=!0,isUser:o,image:u,imageComponent:d,name:g,notifications:l=0,color:m="primary",size:p="large",style:I,disabled:T,onClick:v=()=>{},isActive:j,className:S,shopCategory:_,themeData:b}=e,D={theme:H.useTheme(),color:m,size:p,style:I,disabled:T};return c.createElement(Se,{onClick:P=>{P.stopPropagation(),a===!0&&(v==null||v())},...D,key:g,className:`profile-item ${S}`,hasPermission:a,isActive:j,themeColor:(b==null?void 0:b.code)||"transparent"},t.jsx("div",{className:"logo-wrapper",children:w.isDefined(d)?d:u}),t.jsxs("div",{children:[t.jsx("div",{className:"name",children:g}),!o&&t.jsx("div",{className:"description",children:_}),l>0&&t.jsx("div",{className:"notifications-number",children:t.jsx(ve,{className:"badge",color:"danger",size:"small",children:l>99?"99+":l})})]}))};ce.propTypes={id:s.PropTypes.any,isUserProfile:s.PropTypes.bool,themeColor:s.PropTypes.string,image:s.PropTypes.any,name:s.PropTypes.string,notifications:s.PropTypes.number,style:s.PropTypes.object,className:s.PropTypes.string,color:s.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral"]),size:s.PropTypes.oneOf(["large"]),onSelect:s.PropTypes.func,hasPermission:s.PropTypes.bool};const ne=(e,n)=>{if(!e||!n)return null;const a=e.getTime()-n.getTime(),o=24*60*60*1e3;return a>=0?Math.ceil(a/o):Math.floor(a/o)},se=e=>{if(e!==void 0){const n=new Date(e),a=n.getFullYear(),o=n.getMonth()+1;return`${String(n.getDate()).padStart(2)}. ${o}. ${a}.`}},de=c.forwardRef((e,n)=>{var Q;const a=H.useTheme(),{shopUuid:o,title:u="",coverPhoto:d,onSelect:g,startDate:l,endDate:m,salesPackages:p,shopName:I,shopCategory:T,shopImage:v,shopImageComponent:j,className:S,onSelectCard:_=()=>{},onSelectShop:b=()=>{},upcoming:$=!1,upcomingCampaignText:D,campaignSingleText:P,salesCampaignTypes:x=[],startsInPrefixTextPlural:L,startsinSuffixTextPlural:R,startsInPrefixTextSingular:z,startsinSuffixTextSingular:i,endsInPrefixTextPlural:f,endsinSuffixTextPlural:X,endsInPrefixTextSingular:F,endsinSuffixTextSingular:O,themeData:A,numberOfListings:k,numberOfListingsTextSingular:r,numberOfListingsTextPlural:Z,...me}=e,Y=l?new Date(l)<=new Date:!1,pe=ne(l?new Date(l):null,new Date),U=ne(m?new Date(m):null,new Date),he=U!==null&&U<=2&&U>0,J=m?new Date(m).getTime():null,fe=Date.now(),G=J!==null?J-fe:null,B=G!==null&&G>0&&G<24*60*60*1e3,K=(C,W,y,E,N)=>y===1?`${C} ${y} ${E}`:`${W} ${y} ${N}`,xe=()=>{if(!m)return null;const C=ye,y=new Date(m).getTime()-C.getTime();if(y<=0)return null;const E=Math.floor(y/(1e3*60*60)),N=Math.floor(y%(1e3*60*60)/(1e3*60)),be=Math.floor(y%(1e3*60)/1e3);return{hours:E,minutes:N,seconds:be}},[ye,we]=c.useState(new Date);c.useEffect(()=>{if(!B)return;const C=setInterval(()=>{we(new Date)},1e3);return()=>clearInterval(C)},[B]);const q=B?xe():null;return t.jsxs(_e,{ref:n,theme:a,className:S,onClick:_,...me,children:[t.jsxs(Te,{theme:a,onClick:()=>g==null?void 0:g(),children:[t.jsx("img",{src:d}),t.jsx($e,{children:p==null?void 0:p.map((C,W)=>{var y,E;return t.jsx(Pe,{color:(y=x==null?void 0:x.find(N=>N.value===C))==null?void 0:y.color,theme:a,children:t.jsx(ie,{icon:(E=x==null?void 0:x.find(N=>N.value===C))==null?void 0:E.icon})},`package__${W}`)})})]}),t.jsxs(je,{theme:a,children:[t.jsx("div",{className:"text-block-wrapper",children:t.jsxs("div",{className:"title-block-wrapper",children:[t.jsx("div",{className:"campaign-title",children:(Q=$?D:P)==null?void 0:Q.toUpperCase()}),t.jsx("div",{className:"campaign-title-text",children:u}),m&&l&&t.jsxs("div",{children:[se(l)," - ",se(m)]}),t.jsxs("div",{className:"timestamp-text",children:[k>0&&t.jsxs("span",{className:"listings-text",children:[k," ",k===1?r:Z," ","∙"," "]}),t.jsx("span",{className:`duration-text ${he?"urgent":""} ${Y?"":"starts-in"}`,children:B&&q?t.jsxs("div",{className:"countdown-timer",children:[F," ",q.hours.toString().padStart(2,"0"),":",q.minutes.toString().padStart(2,"0"),":",q.seconds.toString().padStart(2,"0")]}):Y?K(F,f,U,O,X):K(z,L,pe,i,R)})]})]})}),t.jsx(ce,{hasPermission:!0,image:t.jsx(Ce,{src:v}),imageComponent:j,themeData:A,isActive:!0,isUser:!1,name:I,shopCategory:T,onClick:()=>b(o)})]})]})});de.propTypes={title:s.PropTypes.oneOfType([s.PropTypes.string,s.PropTypes.element]),numberOfListings:s.PropTypes.number,dropdown:s.PropTypes.any,color:s.PropTypes.string};h.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -265,19 +265,19 @@
       margin-right: 0;
     }
   }
-`;const F=u.styled.div`
+`;const V=h.styled.div`
   width: ${e=>e.width||"100%"};
   height: ${e=>(e.heightCoeff||1)*1.125}rem;
   background-color: var(--gray-200, #dddfe4);
 
-  ${_.linearGradientAnimation("-90deg")}
-`,Pe=u.styled.div`
+  ${w.linearGradientAnimation("-90deg")}
+`,Ie=h.styled.div`
   display: flex;
   flex-direction: ${e=>e!=null&&e.row?"row":"column"};
   gap: ${e=>(e==null?void 0:e.gap)??"0.5rem"};
   width: ${e=>(e==null?void 0:e.width)??"100%"};
-`,se=u.styled.div`
-  border-radius: ${e=>_.getBorderRadiusValueWithUnits(e.theme,(e==null?void 0:e.borderRadius)??"regular")};
+`,ae=h.styled.div`
+  border-radius: ${e=>w.getBorderRadiusValueWithUnits(e.theme,(e==null?void 0:e.borderRadius)??"regular")};
   background: var(--gray-200, #dddfe4);
   position: relative;
   max-height: ${e=>(e==null?void 0:e.height)??"5rem"};
@@ -286,10 +286,10 @@
   width: ${e=>(e==null?void 0:e.width)??"5rem"};
   flex-shrink: 0;
 
-  ${_.linearGradientAnimation()}
-`,Se=u.styled.div`
+  ${w.linearGradientAnimation()}
+`,De=h.styled.div`
   background: var(--white, #fff);
-  border-radius: ${e=>_.getBorderRadiusValueWithUnits(e.theme,"edged")};
+  border-radius: ${e=>w.getBorderRadiusValueWithUnits(e.theme,"edged")};
   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
   border: 1px solid var(--gray-95012, #14161a1f);
 
@@ -323,10 +323,10 @@
       margin-top: 1rem;
     }
   }
-`,Ce=u.styled.div`
+`,Ne=h.styled.div`
   display: flex;
   gap: 1.5rem;
-`,Ie=c.forwardRef(({},e)=>{const n=G.useTheme();return t.jsxs(Se,{ref:e,theme:n,children:[t.jsx("div",{className:"campaign__left-section",children:t.jsx(se,{theme:n,width:"15rem",height:"15rem",borderRadius:"edged"})}),t.jsxs("div",{className:"campaign__right-section",children:[t.jsxs(Pe,{theme:n,children:[t.jsx(F,{heightCoeff:.75,theme:n,width:"35%"}),t.jsx(F,{heightCoeff:1.25,theme:n}),t.jsx(F,{heightCoeff:3,theme:n})]}),t.jsxs("div",{className:"campaign__user",children:[t.jsx(se,{theme:n,width:"2.5rem",height:"2.5rem",borderRadius:"curved"}),t.jsx(F,{theme:n,width:"75%"})]})]})]})}),Ne=({itemsCount:e=5,keyPrefix:n})=>t.jsx(Ce,{children:Array.from({length:e},(o,l)=>t.jsx(Ie,{},`${n}-skeleton-campaign-card-${l}`))}),ke=({children:e,fallbackComponent:n=t.jsx(t.Fragment,{}),isLoading:o=!1,itemsCount:l=5,keyPrefix:p})=>t.jsx(c.Suspense,{fallback:n,children:o===!0?t.jsx(Ne,{itemsCount:l,keyPrefix:p}):e}),De=u.styled.div`
+`,ke=c.forwardRef(({},e)=>{const n=H.useTheme();return t.jsxs(De,{ref:e,theme:n,children:[t.jsx("div",{className:"campaign__left-section",children:t.jsx(ae,{theme:n,width:"15rem",height:"15rem",borderRadius:"edged"})}),t.jsxs("div",{className:"campaign__right-section",children:[t.jsxs(Ie,{theme:n,children:[t.jsx(V,{heightCoeff:.75,theme:n,width:"35%"}),t.jsx(V,{heightCoeff:1.25,theme:n}),t.jsx(V,{heightCoeff:3,theme:n})]}),t.jsxs("div",{className:"campaign__user",children:[t.jsx(ae,{theme:n,width:"2.5rem",height:"2.5rem",borderRadius:"curved"}),t.jsx(V,{theme:n,width:"75%"})]})]})]})}),Ee=({itemsCount:e=5,keyPrefix:n})=>t.jsx(Ne,{children:Array.from({length:e},(a,o)=>t.jsx(ke,{},`${n}-skeleton-campaign-card-${o}`))}),Me=({children:e,fallbackComponent:n=t.jsx(t.Fragment,{}),isLoading:a=!1,itemsCount:o=5,keyPrefix:u})=>t.jsx(c.Suspense,{fallback:n,children:a===!0?t.jsx(Ee,{itemsCount:o,keyPrefix:u}):e}),Le=h.styled.div`
   margin: 0 auto;
   display: flex;
   flex-direction: column;
@@ -367,7 +367,7 @@
     top: 0;
     right: 0;
   }
-`,Me=u.styled(ae.motion.div)`
+`,Re=h.styled(oe.motion.div)`
   display: grid;
   grid-template-columns: repeat(${e=>e==null?void 0:e.numOfColumns}, 1fr);
   gap: 1.5rem;
@@ -376,7 +376,7 @@
   @media (max-width: ${M.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(${e=>e==null?void 0:e.numOfColumnsForMobile}, 1fr);
   }
-`,de=c.forwardRef(({icon:e,title:n,numOfSlides:o=2,numOfSlidesForMobile:l=1,showNavigation:p=!0,children:h},f)=>{const[i,d]=c.useState(0),[g,S]=c.useState(1),[b,T]=c.useState(null),[j,$]=c.useState(null),x=ie.useDetectMobile(),C=50,v=(h==null?void 0:h.length)??1;c.useEffect(()=>{const a=()=>{S(x?l:o)};return window.addEventListener("resize",a),a(),()=>window.removeEventListener("resize",a)},[]);const I=h==null?void 0:h.slice(i,i+g),y=a=>{var m;(m=a==null?void 0:a.target)==null||m.blur(),i+g<v&&d(i+g)},k=a=>{var m;(m=a==null?void 0:a.target)==null||m.blur(),i-g>=0&&d(i-g)},E=a=>{var m;$(null),T((m=a==null?void 0:a.targetTouches["0"])==null?void 0:m.clientX)},R=a=>{var m;$((m=a==null?void 0:a.targetTouches["0"])==null?void 0:m.clientX)},z=()=>{if(!b||!j)return;const a=b-j;a>C&&y(),a<-C&&k()};return t.jsxs(De,{ref:f,...x?{onTouchStart:E,onTouchMove:R,onTouchEnd:z}:{},children:[t.jsx("div",{className:"scrollable-section__header",children:t.jsxs("div",{className:"scrollable-section__title",children:[_.isDefinedNotEmptyString(e)&&t.jsx(oe,{icon:e,color:"primary",sizeInUnits:"1.5rem",className:"title__icon"}),_.isDefinedNotEmptyString(n)&&t.jsx("div",{className:"title__text",children:n})]})}),t.jsx(Me,{numOfColumns:o,numOfColumnsForMobile:l,animate:{x:0,opacity:1},initial:{x:10,opacity:0},children:I},`scrollable-section__content-${i}`),p&&v>g&&!x&&t.jsxs("div",{className:"scrollable-section__navigation",children:[t.jsx(ee,{icon:"angle-left",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:i===0,onClick:k}),t.jsx(ee,{icon:"angle-right",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:i+g>=v,onClick:y})]})]})});de.propTypes={icon:s.PropTypes.string,title:s.PropTypes.string,numOfSlides:s.PropTypes.number,numOfSlidesForMobile:s.PropTypes.number,showNavigation:s.PropTypes.bool};const Ee=u.styled.div`
+`,ge=c.forwardRef(({icon:e,title:n,numOfSlides:a=2,numOfSlidesForMobile:o=1,showNavigation:u=!0,children:d},g)=>{const[l,m]=c.useState(0),[p,I]=c.useState(1),[T,v]=c.useState(null),[j,S]=c.useState(null),_=le.useDetectMobile(),b=50,$=(d==null?void 0:d.length)??1;c.useEffect(()=>{const i=()=>{I(_?o:a)};return window.addEventListener("resize",i),i(),()=>window.removeEventListener("resize",i)},[]);const D=d==null?void 0:d.slice(l,l+p),P=i=>{var f;(f=i==null?void 0:i.target)==null||f.blur(),l+p<$&&m(l+p)},x=i=>{var f;(f=i==null?void 0:i.target)==null||f.blur(),l-p>=0&&m(l-p)},L=i=>{var f;S(null),v((f=i==null?void 0:i.targetTouches["0"])==null?void 0:f.clientX)},R=i=>{var f;S((f=i==null?void 0:i.targetTouches["0"])==null?void 0:f.clientX)},z=()=>{if(!T||!j)return;const i=T-j;i>b&&P(),i<-b&&x()};return t.jsxs(Le,{ref:g,..._?{onTouchStart:L,onTouchMove:R,onTouchEnd:z}:{},children:[t.jsx("div",{className:"scrollable-section__header",children:t.jsxs("div",{className:"scrollable-section__title",children:[w.isDefinedNotEmptyString(e)&&t.jsx(ie,{icon:e,color:"primary",sizeInUnits:"1.5rem",className:"title__icon"}),w.isDefinedNotEmptyString(n)&&t.jsx("div",{className:"title__text",children:n})]})}),t.jsx(Re,{numOfColumns:a,numOfColumnsForMobile:o,animate:{x:0,opacity:1},initial:{x:10,opacity:0},children:D},`scrollable-section__content-${l}`),u&&$>p&&!_&&t.jsxs("div",{className:"scrollable-section__navigation",children:[t.jsx(re,{icon:"angle-left",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:l===0,onClick:x}),t.jsx(re,{icon:"angle-right",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:l+p>=$,onClick:P})]})]})});ge.propTypes={icon:s.PropTypes.string,title:s.PropTypes.string,numOfSlides:s.PropTypes.number,numOfSlidesForMobile:s.PropTypes.number,showNavigation:s.PropTypes.bool};const ze=h.styled.div`
   display: flex;
   flex: 1;
   width: 100%;
@@ -393,4 +393,4 @@
     border-radius: 1.25rem;
     object-fit: cover;
   }
-`,ge=c.forwardRef(({sectionName:e,imageUrl:n,maxHeight:o="16.25rem",className:l="",handleClick:p=()=>{}})=>t.jsx(Ee,{maxHeight:o,onClick:p,className:`itemless-banner ${l}`,children:t.jsx("img",{src:n,alt:`itemless-banner__${e}`})}));ge.propTypes={sectionName:s.PropTypes.string,imageUrl:s.PropTypes.string,maxHeight:s.PropTypes.string,className:s.PropTypes.string,handleClick:s.PropTypes.func};const Re=c.memo(ce),ze=c.forwardRef(({sellerType:e="Shop",items:n=[],title:o,icon:l,isLoading:p,onSelectCard:h=()=>{},onSelectShop:f=()=>{},getImage:i=()=>{},campaignSingleText:d,upcomingCampaignText:g,salesCampaignTypes:S=[],startsInPrefixTextPlural:b,startsinSuffixTextPlural:T,startsInPrefixTextSingular:j,startsinSuffixTextSingular:$,endsInPrefixTextPlural:x,endsinSuffixTextPlural:C,endsInPrefixTextSingular:v,endsinSuffixTextSingular:I,numOfSlides:y=2,numOfSlidesForMobile:k=1,showNavigation:E=!0,numberOfListingsTextSingular:R,numberOfListingsTextPlural:z,itemlessImageUrl:a,itemlessLink:m,handleItemlessLink:O=()=>{}},H)=>{const U=ie.useDetectMobile(),L=c.useMemo(()=>{let B=n==null?void 0:n.map((r,Z)=>t.jsx(Re,{className:"campaign-item",coverPhoto:i(r==null?void 0:r.coverPhoto,(r==null?void 0:r.uuid)||(r==null?void 0:r.campaignUuid)),description:r==null?void 0:r.description,endDate:r==null?void 0:r.endDate,salesPackages:r==null?void 0:r.salesPackages,sellerType:e,shopImage:r==null?void 0:r.profileImage,shopName:r==null?void 0:r.shopName,shopUuid:r==null?void 0:r.shopUuid,shopCategory:r==null?void 0:r.shopCategory,startDate:r==null?void 0:r.startDate,title:r==null?void 0:r.name,uuid:r==null?void 0:r.campaignUuid,onSelectCard:()=>h(r==null?void 0:r.campaignUuid,r==null?void 0:r.shopUuid),onSelectShop:()=>f(r==null?void 0:r.shopUuid),campaignSingleText:d,upcomingCampaignText:g,upcoming:r==null?void 0:r.upcoming,salesCampaignTypes:S,startsInPrefixTextPlural:b,startsinSuffixTextPlural:T,startsInPrefixTextSingular:j,startsinSuffixTextSingular:$,endsInPrefixTextPlural:x,endsinSuffixTextPlural:C,endsInPrefixTextSingular:v,endsinSuffixTextSingular:I,themeData:r==null?void 0:r.themeData,numberOfListings:r==null?void 0:r.numberOfListings,numberOfListingsTextSingular:R,numberOfListingsTextPlural:z},`campaign__item__${Z}__${r==null?void 0:r.startDate}___${r==null?void 0:r.endDate}`));return(n==null?void 0:n.length)<2&&!U?[...B,t.jsx(ge,{imageUrl:a,className:"campaign-item",handleClick:O})]:B},[n]);return t.jsx(ke,{isLoading:p,itemsCount:U?1:2,keyPrefix:"sales-camp",children:t.jsx(de,{icon:l,title:o,numOfSlides:y,numOfSlidesForMobile:k,showNavigation:E,children:L})})});module.exports=ze;
+`,ue=c.forwardRef(({sectionName:e,imageUrl:n,maxHeight:a="16.25rem",className:o="",handleClick:u=()=>{}})=>t.jsx(ze,{maxHeight:a,onClick:u,className:`itemless-banner ${o}`,children:t.jsx("img",{src:n,alt:`itemless-banner__${e}`})}));ue.propTypes={sectionName:s.PropTypes.string,imageUrl:s.PropTypes.string,maxHeight:s.PropTypes.string,className:s.PropTypes.string,handleClick:s.PropTypes.func};const Oe=c.memo(de),Ue=c.forwardRef(({sellerType:e="Shop",items:n=[],title:a,icon:o,isLoading:u,onSelectCard:d=()=>{},onSelectShop:g=()=>{},getImage:l=()=>{},campaignSingleText:m,upcomingCampaignText:p,salesCampaignTypes:I=[],startsInPrefixTextPlural:T,startsinSuffixTextPlural:v,startsInPrefixTextSingular:j,startsinSuffixTextSingular:S,endsInPrefixTextPlural:_,endsinSuffixTextPlural:b,endsInPrefixTextSingular:$,endsinSuffixTextSingular:D,numOfSlides:P=2,numOfSlidesForMobile:x=1,showNavigation:L=!0,numberOfListingsTextSingular:R,numberOfListingsTextPlural:z,itemlessImageUrl:i,itemlessLink:f,handleItemlessLink:X=()=>{}},F)=>{const O=le.useDetectMobile(),A=c.useMemo(()=>{let k=n==null?void 0:n.map((r,Z)=>t.jsx(Oe,{className:"campaign-item",coverPhoto:l(r==null?void 0:r.coverPhoto,(r==null?void 0:r.uuid)||(r==null?void 0:r.campaignUuid)),description:r==null?void 0:r.description,endDate:r==null?void 0:r.endDate,salesPackages:r==null?void 0:r.salesPackages,sellerType:e,shopImage:r==null?void 0:r.profileImage,shopImageComponent:r==null?void 0:r.profileImageComponent,shopName:r==null?void 0:r.shopName,shopUuid:r==null?void 0:r.shopUuid,shopCategory:r==null?void 0:r.shopCategory,startDate:r==null?void 0:r.startDate,title:r==null?void 0:r.name,uuid:r==null?void 0:r.campaignUuid,onSelectCard:()=>d(r==null?void 0:r.campaignUuid,r==null?void 0:r.shopUuid),onSelectShop:()=>g(r==null?void 0:r.shopUuid),campaignSingleText:m,upcomingCampaignText:p,upcoming:r==null?void 0:r.upcoming,salesCampaignTypes:I,startsInPrefixTextPlural:T,startsinSuffixTextPlural:v,startsInPrefixTextSingular:j,startsinSuffixTextSingular:S,endsInPrefixTextPlural:_,endsinSuffixTextPlural:b,endsInPrefixTextSingular:$,endsinSuffixTextSingular:D,themeData:r==null?void 0:r.themeData,numberOfListings:r==null?void 0:r.numberOfListings,numberOfListingsTextSingular:R,numberOfListingsTextPlural:z},`campaign__item__${Z}__${r==null?void 0:r.startDate}___${r==null?void 0:r.endDate}`));return(n==null?void 0:n.length)<2&&!O?[...k,t.jsx(ue,{imageUrl:i,className:"campaign-item",handleClick:X})]:k},[n]);return t.jsx(Me,{isLoading:u,itemsCount:O?1:2,keyPrefix:"sales-camp",children:t.jsx(ge,{icon:o,title:a,numOfSlides:P,numOfSlidesForMobile:x,showNavigation:L,children:A})})});module.exports=Ue;