@lanaco/lnc-react-ui 4.0.108 → 4.0.110

package/dist/LocationSearchSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),l=require("react"),i=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./consts-goSZX3xP.cjs"),j=require("./index-C1DkD2ug.cjs"),w=i.styled.div`
+"use strict";const e=require("react/jsx-runtime"),l=require("react"),i=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./consts-goSZX3xP.cjs"),v=require("./index-C1DkD2ug.cjs"),w=i.styled.div`
   display: flex;
   flex-direction: column;
   padding: 1.25rem;
@@ -28,7 +28,7 @@
     grid-template-columns: repeat(2, 1fr);
     gap: 0.5rem;
   }
-`,y=i.styled.div`
+`,N=i.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -52,9 +52,5 @@
   .city {
     cursor: pointer;
     transition: var(--transition);
-
-    &:hover {
-      color: var(--primary-500, #f59e0b);
-    }
   }
-`,N=l.forwardRef((c,p)=>{const{title:m,items:s,options:o,selectedOption:g=[],onSelectRegion:u=()=>{},onSelectCity:x=()=>{},onSelectOption:h=()=>{},onSelectAll:f=()=>{},productsToolbarName:v="All"}=c;return e.jsxs(w,{ref:p,children:[e.jsx("div",{className:"wrapper-title",children:m}),(o==null?void 0:o.length)>0&&e.jsx(j.SelectBar,{items:o,selectedIds:g,onSelect:(r,t)=>{h(r,t)},onSelectAll:f,labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:v}),e.jsx(S,{children:s==null?void 0:s.map((r,t)=>{var a;return e.jsxs(y,{children:[e.jsx("div",{className:"region",onClick:()=>u(r),children:r==null?void 0:r.name}),e.jsx("div",{className:"group-items",children:(a=r==null?void 0:r.cities)==null?void 0:a.map((n,b)=>e.jsx(l.Fragment,{children:e.jsxs("div",{className:"city",onClick:()=>x(n),children:[e.jsx("span",{children:n==null?void 0:n.name}),e.jsxs("span",{className:"count-txt",children:["(",n==null?void 0:n.count,")"]})]})},t+b))})]},t)})})]})});module.exports=N;
+`,_=l.forwardRef((c,p)=>{const{title:m,items:s,options:o,selectedOption:g=[],onSelectRegion:u=()=>{},onSelectCity:x=()=>{},onSelectOption:h=()=>{},onSelectAll:f=()=>{},productsToolbarName:b="All"}=c;return e.jsxs(w,{ref:p,children:[e.jsx("div",{className:"wrapper-title",children:m}),(o==null?void 0:o.length)>0&&e.jsx(v.SelectBar,{items:o,selectedIds:g,onSelect:(r,t)=>{h(r,t)},onSelectAll:f,labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:b}),e.jsx(S,{children:s==null?void 0:s.map((r,t)=>{var a;return e.jsxs(N,{children:[e.jsx("div",{className:"region",onClick:()=>u(r),children:r==null?void 0:r.name}),e.jsx("div",{className:"group-items",children:(a=r==null?void 0:r.cities)==null?void 0:a.map((n,j)=>e.jsx(l.Fragment,{children:e.jsxs("div",{className:"city",onClick:()=>x(n),children:[e.jsx("span",{children:n==null?void 0:n.name}),e.jsxs("span",{className:"count-txt",children:["(",n==null?void 0:n.count,")"]})]})},t+j))})]},t)})})]})});module.exports=_;

package/dist/LocationSearchSection.js

@@ -1,4 +1,4 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
+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";
@@ -33,7 +33,7 @@ const C = l.div`
     grid-template-columns: repeat(2, 1fr);
     gap: 0.5rem;
   }
-`, y = l.div`
+`, z = l.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -57,15 +57,11 @@ const C = l.div`
   .city {
     cursor: pointer;
     transition: var(--transition);
-
-    &:hover {
-      color: var(--primary-500, #f59e0b);
-    }
   }
 `, A = w((s, m) => {
   const {
     title: c,
-    items: t,
+    items: i,
     options: a,
     selectedOption: g = [],
     onSelectRegion: f = () => {
@@ -78,7 +74,7 @@ const C = l.div`
     },
     productsToolbarName: v = "All"
   } = s;
-  return /* @__PURE__ */ i(C, { ref: m, children: [
+  return /* @__PURE__ */ t(C, { ref: m, children: [
     /* @__PURE__ */ o("div", { className: "wrapper-title", children: c }),
     (a == null ? void 0 : a.length) > 0 && /* @__PURE__ */ o(
       N,
@@ -95,13 +91,13 @@ const C = l.div`
         productsToolbarName: v
       }
     ),
-    /* @__PURE__ */ o(k, { children: t == null ? void 0 : t.map((e, n) => {
+    /* @__PURE__ */ o(k, { children: i == null ? void 0 : i.map((e, n) => {
       var d;
-      return /* @__PURE__ */ i(y, { children: [
+      return /* @__PURE__ */ t(z, { children: [
         /* @__PURE__ */ o("div", { className: "region", onClick: () => f(e), children: e == null ? void 0 : e.name }),
-        /* @__PURE__ */ o("div", { className: "group-items", children: (d = e == null ? void 0 : e.cities) == null ? void 0 : d.map((r, b) => /* @__PURE__ */ o(S, { children: /* @__PURE__ */ i("div", { className: "city", onClick: () => h(r), children: [
+        /* @__PURE__ */ o("div", { className: "group-items", children: (d = e == null ? void 0 : e.cities) == null ? void 0 : d.map((r, b) => /* @__PURE__ */ o(S, { children: /* @__PURE__ */ t("div", { className: "city", onClick: () => h(r), children: [
           /* @__PURE__ */ o("span", { children: r == null ? void 0 : r.name }),
-          /* @__PURE__ */ i("span", { className: "count-txt", children: [
+          /* @__PURE__ */ t("span", { className: "count-txt", children: [
             "(",
             r == null ? void 0 : r.count,
             ")"

package/dist/MasonryGeneralCardsSection.cjs

@@ -104,16 +104,7 @@
       width: 9rem;
     }
   }
-
-  &:hover {
     cursor: pointer;
-
-    & .wrapper__text {
-      & .text__title {
-        color: var(--primary-500, #e87722);
-      }
-    }
-  }
 `,w=m.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`
   display: flex;
   flex-direction: column;
@@ -149,7 +140,7 @@
       }
     }
   }
-`,v=d.styled.div`
+`,y=d.styled.div`
   display: grid;
   grid-template-columns: ${t=>"repeat(12,  minmax(0, 1fr))"};
 
@@ -168,4 +159,4 @@
     max-height: 100%;
     padding: 0 1rem;
   }
-`,y=m.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(v,{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=y;
+`,v=m.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;

package/dist/MasonryGeneralCardsSection.js

@@ -123,16 +123,7 @@ const y = s.div`
       width: 9rem;
     }
   }
-
-  &:hover {
     cursor: pointer;
-
-    & .wrapper__text {
-      & .text__title {
-        color: var(--primary-500, #e87722);
-      }
-    }
-  }
 `, k = h(
   ({
     title: r,

package/dist/OverlayGeneralCardsSection.cjs

@@ -1,15 +1,15 @@
-"use strict";const r=require("react/jsx-runtime"),l=require("react"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./consts-goSZX3xP.cjs"),p=require("./style-JqDQj4jh.cjs"),u=require("./utils-CZynEOC_.cjs"),f=require("./Button.cjs"),v=require("./ThemeProvider.cjs"),j=x.styled.div`
+"use strict";const r=require("react/jsx-runtime"),l=require("react"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),x=require("./consts-goSZX3xP.cjs"),f=require("./style-JqDQj4jh.cjs"),u=require("./utils-CZynEOC_.cjs"),p=require("./Button.cjs"),v=require("./ThemeProvider.cjs"),j=g.styled.div`
   display: grid;
   grid-template-columns: ${n=>`repeat(${n.limit}, auto)`};
   gap: 1.25rem;
   justify-items: center;
 
-  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${x.MOBILE_SIZE_PX+"px"}) {
     display: flex;
     flex-direction: column;
     gap: 1rem;
   }
-`,h=x.styled.div`
+`,h=g.styled.div`
   width: 100%;
   overflow: hidden;
   position: relative;
@@ -18,6 +18,18 @@
   background: ${n=>n==null?void 0:n.overlay};
   cursor: pointer;
 
+  & img {
+    transition: var(--transition, all 0.3s ease);
+    overflow: hidden;
+  }
+  overflow: hidden;
+
+  &:hover {
+    & img {
+      transform: scale(1.1);
+    }
+  }
+
   & .content-wrapper {
     position: absolute;
     right: 0;
@@ -68,13 +80,7 @@
     min-height: 28.75rem;
   }
 
-  &:hover {
-    & .content-text {
-      color: var(--primary-500, #f59e0b);
-    }
-  }
-
-  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${x.MOBILE_SIZE_PX+"px"}) {
     & img,
     .img.skeleton {
       aspect-ratio: unset;
@@ -82,4 +88,4 @@
       max-height: 28.75rem;
     }
   }
-`,y=l.forwardRef(({},n)=>r.jsx(h,{ref:n,children:r.jsx("div",{className:"img-skeleton"})})),w=({limit:n=2,isLoading:t=!1,keyPrefix:o})=>r.jsx(r.Fragment,{children:Array.from({length:n},(s,a)=>r.jsx(y,{isLoading:t},`${o}-skeleton-product-card-${a}`))}),k=({children:n,fallbackComponent:t=r.jsx(r.Fragment,{}),isLoading:o=!1,limit:s,keyPrefix:a})=>r.jsx(l.Suspense,{fallbackComponent:t,children:o===!0?r.jsx(w,{isLoading:o,limit:s,keyPrefix:a}):n}),m=l.forwardRef(({title:n,image:t,backgroundColor:o,description:s,buttonText:a,handleClick:c=()=>{},onButtonAction:i=()=>{}},e)=>{const{theme:d}=v.useTheme();return r.jsx(r.Fragment,{children:r.jsxs(h,{ref:e,theme:d,overlay:o,onClick:c,children:[r.jsx("img",{src:t}),r.jsxs("div",{className:"content-wrapper",children:[r.jsxs("div",{className:"content-text",children:[r.jsx("div",{children:n}),r.jsx("div",{className:"content-text-title",children:s})]}),u.isDefinedNotEmptyString(a)&&r.jsx(f,{text:a,onClick:i,className:"text__action",size:"medium",color:"gray"})]})]})})}),b=l.forwardRef(({title:n,items:t,limit:o=2,onSelectCard:s=()=>{},isLoading:a=!1,onButtonAction:c=()=>{}},i)=>r.jsxs(p.RegulatTitleSectionWrapper,{ref:i,children:[r.jsx("div",{className:"regular-title center",children:r.jsx("div",{className:"regular-title-text",children:r.jsx("span",{children:n})})}),r.jsx(j,{limit:o,children:r.jsx(k,{isLoading:a,limit:o,keyPrefix:"explore-landing",children:t==null?void 0:t.map((e,d)=>r.jsx(m,{title:e==null?void 0:e.title,image:e==null?void 0:e.imageUrl,description:e==null?void 0:e.description,buttonText:e==null?void 0:e.buttonText,backgroundColor:e==null?void 0:e.backgroundColor,handleClick:()=>s(e==null?void 0:e.selectAction,e),onButtonAction:()=>c(e==null?void 0:e.buttonLink,e)},`landing-page-overlay-general-card__${d+1}`))})})]}));module.exports=b;
+`,y=l.forwardRef(({},n)=>r.jsx(h,{ref:n,children:r.jsx("div",{className:"img-skeleton"})})),w=({limit:n=2,isLoading:t=!1,keyPrefix:o})=>r.jsx(r.Fragment,{children:Array.from({length:n},(s,a)=>r.jsx(y,{isLoading:t},`${o}-skeleton-product-card-${a}`))}),m=({children:n,fallbackComponent:t=r.jsx(r.Fragment,{}),isLoading:o=!1,limit:s,keyPrefix:a})=>r.jsx(l.Suspense,{fallbackComponent:t,children:o===!0?r.jsx(w,{isLoading:o,limit:s,keyPrefix:a}):n}),k=l.forwardRef(({title:n,image:t,backgroundColor:o,description:s,buttonText:a,handleClick:i=()=>{},onButtonAction:c=()=>{}},e)=>{const{theme:d}=v.useTheme();return r.jsx(r.Fragment,{children:r.jsxs(h,{ref:e,theme:d,overlay:o,onClick:i,children:[r.jsx("img",{src:t}),r.jsxs("div",{className:"content-wrapper",children:[r.jsxs("div",{className:"content-text",children:[r.jsx("div",{children:n}),r.jsx("div",{className:"content-text-title",children:s})]}),u.isDefinedNotEmptyString(a)&&r.jsx(p,{text:a,onClick:c,className:"text__action",size:"medium",color:"gray"})]})]})})}),b=l.forwardRef(({title:n,items:t,limit:o=2,onSelectCard:s=()=>{},isLoading:a=!1,onButtonAction:i=()=>{}},c)=>r.jsxs(f.RegulatTitleSectionWrapper,{ref:c,children:[r.jsx("div",{className:"regular-title center",children:r.jsx("div",{className:"regular-title-text",children:r.jsx("span",{children:n})})}),r.jsx(j,{limit:o,children:r.jsx(m,{isLoading:a,limit:o,keyPrefix:"explore-landing",children:t==null?void 0:t.map((e,d)=>r.jsx(k,{title:e==null?void 0:e.title,image:e==null?void 0:e.imageUrl,description:e==null?void 0:e.description,buttonText:e==null?void 0:e.buttonText,backgroundColor:e==null?void 0:e.backgroundColor,handleClick:()=>s(e==null?void 0:e.selectAction,e),onButtonAction:()=>i(e==null?void 0:e.buttonLink,e)},`landing-page-overlay-general-card__${d+1}`))})})]}));module.exports=b;

package/dist/OverlayGeneralCardsSection.js

@@ -1,10 +1,10 @@
-import { jsx as r, Fragment as p, jsxs as i } from "react/jsx-runtime";
-import { forwardRef as g, Suspense as m } from "react";
+import { jsx as r, Fragment as g, jsxs as i } from "react/jsx-runtime";
+import { forwardRef as p, Suspense as m } from "react";
 import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as h } from "./consts-BuFChS64.js";
 import { R as v } from "./style-08foMKSd.js";
-import { p as x, o as y, k } from "./utils-BbgAIA9N.js";
-import w from "./Button.js";
+import { p as x, o as y, k as w } from "./utils-BbgAIA9N.js";
+import k from "./Button.js";
 import { useTheme as b } from "./ThemeProvider.js";
 const $ = f.div`
   display: grid;
@@ -26,6 +26,18 @@ const $ = f.div`
   background: ${(n) => n == null ? void 0 : n.overlay};
   cursor: pointer;
 
+  & img {
+    transition: var(--transition, all 0.3s ease);
+    overflow: hidden;
+  }
+  overflow: hidden;
+
+  &:hover {
+    & img {
+      transform: scale(1.1);
+    }
+  }
+
   & .content-wrapper {
     position: absolute;
     right: 0;
@@ -76,12 +88,6 @@ const $ = f.div`
     min-height: 28.75rem;
   }
 
-  &:hover {
-    & .content-text {
-      color: var(--primary-500, #f59e0b);
-    }
-  }
-
   @media (max-width: ${h + "px"}) {
     & img,
     .img.skeleton {
@@ -90,30 +96,30 @@ const $ = f.div`
       max-height: 28.75rem;
     }
   }
-`, C = g(({}, n) => /* @__PURE__ */ r(u, { ref: n, children: /* @__PURE__ */ r("div", { className: "img-skeleton" }) })), N = ({ limit: n = 2, isLoading: t = !1, keyPrefix: o }) => /* @__PURE__ */ r(p, { children: Array.from({ length: n }, (l, a) => /* @__PURE__ */ r(
+`, C = p(({}, n) => /* @__PURE__ */ r(u, { ref: n, children: /* @__PURE__ */ r("div", { className: "img-skeleton" }) })), N = ({ limit: n = 2, isLoading: o = !1, keyPrefix: t }) => /* @__PURE__ */ r(g, { children: Array.from({ length: n }, (l, a) => /* @__PURE__ */ r(
   C,
   {
-    isLoading: t
+    isLoading: o
   },
-  `${o}-skeleton-product-card-${a}`
+  `${t}-skeleton-product-card-${a}`
 )) }), S = ({
   children: n,
-  fallbackComponent: t = /* @__PURE__ */ r(p, {}),
-  isLoading: o = !1,
+  fallbackComponent: o = /* @__PURE__ */ r(g, {}),
+  isLoading: t = !1,
   limit: l,
   keyPrefix: a
-}) => /* @__PURE__ */ r(m, { fallbackComponent: t, children: o === !0 ? /* @__PURE__ */ r(
+}) => /* @__PURE__ */ r(m, { fallbackComponent: o, children: t === !0 ? /* @__PURE__ */ r(
   N,
   {
-    isLoading: o,
+    isLoading: t,
     limit: l,
     keyPrefix: a
   }
-) : n }), _ = g(
+) : n }), _ = p(
   ({
     title: n,
-    image: t,
-    backgroundColor: o,
+    image: o,
+    backgroundColor: t,
     description: l,
     buttonText: a,
     handleClick: c = () => {
@@ -122,22 +128,22 @@ const $ = f.div`
     }
   }, e) => {
     const { theme: s } = b();
-    return /* @__PURE__ */ r(p, { children: /* @__PURE__ */ i(
+    return /* @__PURE__ */ r(g, { children: /* @__PURE__ */ i(
       u,
       {
         ref: e,
         theme: s,
-        overlay: o,
+        overlay: t,
         onClick: c,
         children: [
-          /* @__PURE__ */ r("img", { src: t }),
+          /* @__PURE__ */ r("img", { src: o }),
           /* @__PURE__ */ i("div", { className: "content-wrapper", children: [
             /* @__PURE__ */ i("div", { className: "content-text", children: [
               /* @__PURE__ */ r("div", { children: n }),
               /* @__PURE__ */ r("div", { className: "content-text-title", children: l })
             ] }),
-            k(a) && /* @__PURE__ */ r(
-              w,
+            w(a) && /* @__PURE__ */ r(
+              k,
               {
                 text: a,
                 onClick: d,
@@ -151,11 +157,11 @@ const $ = f.div`
       }
     ) });
   }
-), E = g(
+), E = p(
   ({
     title: n,
-    items: t,
-    limit: o = 2,
+    items: o,
+    limit: t = 2,
     onSelectCard: l = () => {
     },
     isLoading: a = !1,
@@ -163,13 +169,13 @@ const $ = f.div`
     }
   }, d) => /* @__PURE__ */ i(v, { ref: d, children: [
     /* @__PURE__ */ r("div", { className: "regular-title center", children: /* @__PURE__ */ r("div", { className: "regular-title-text", children: /* @__PURE__ */ r("span", { children: n }) }) }),
-    /* @__PURE__ */ r($, { limit: o, children: /* @__PURE__ */ r(
+    /* @__PURE__ */ r($, { limit: t, children: /* @__PURE__ */ r(
       S,
       {
         isLoading: a,
-        limit: o,
+        limit: t,
         keyPrefix: "explore-landing",
-        children: t == null ? void 0 : t.map((e, s) => /* @__PURE__ */ r(
+        children: o == null ? void 0 : o.map((e, s) => /* @__PURE__ */ r(
           _,
           {
             title: e == null ? void 0 : e.title,

package/dist/ProductsWithBannerSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),l=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./consts-goSZX3xP.cjs"),k=require("./useDetectMobile-zkbzoOGV.cjs"),y=require("./style-JqDQj4jh.cjs"),d=require("./utils-CZynEOC_.cjs"),P=require("./index-BvSNRLNa.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-JqDQj4jh.cjs"),l=require("./utils-CZynEOC_.cjs"),P=require("./index-BvSNRLNa.cjs"),S=u.styled.div`
   width: 100%;
   height: 22.5rem;
   min-height: 22.5rem;
@@ -55,23 +55,17 @@
   & .card-title {
     font-size: 0.875rem;
     font-weight: 600;
-     ${d.truncateTextInRows(2)}
-  }
-
-  &:hover {
-    & .card-title {
-      color: var(--primary-500, #F59E0B);
-    }
+     ${l.truncateTextInRows(2)}
   }
 
   & .skeleton-img {
-    background-color: ${d.linearGradientAnimation("-90deg")};
+    background-color: ${l.linearGradientAnimation("-90deg")};
     border-radius: 0.75rem;
     border: 1px solid white;
   }
 
   & .skeleton-title {
-    background-color: ${d.linearGradientAnimation("-90deg")};
+    background-color: ${l.linearGradientAnimation("-90deg")};
     width: 100%;
     height: 1.25rem;
   }
@@ -87,4 +81,4 @@
       object-fit: cover;
     }
   }
-`,N=l.forwardRef((t,a)=>{const{uuid:o,title:i,image:s,sellerUuid:g,onSelectCard:n=()=>{},imageComponent:c}=t;return r.jsxs(b,{className:"product-card",onClick:n,children:[d.isDefined(c)?c:r.jsx(P.ProductImageWrapper,{src:s}),r.jsx("div",{className:"card-title",children:i})]})}),$=l.forwardRef(({},t)=>r.jsxs(b,{className:"product-card",children:[r.jsx("img",{className:"skeleton-img"}),r.jsx("div",{className:"skeleton-title"})]})),q=({limit:t=4,isLoading:a=!1,keyPrefix:o})=>r.jsx(r.Fragment,{children:Array.from({length:t},(i,s)=>r.jsx($,{isLoading:a},`${o}-skeleton-product-card-${s}`))}),I=({children:t,fallbackComponent:a=r.jsx(r.Fragment,{}),isLoading:o=!1,limit:i,keyPrefix:s})=>r.jsx(l.Suspense,{fallbackComponent:a,children:o===!0?r.jsx(q,{isLoading:o,limit:i,keyPrefix:s}):t}),f=l.memo(N),U=l.forwardRef((t,a)=>{const{icon:o,items:i,limit:s=4,imageUrl:g,onSelectCard:n=()=>{},title:c="Season inspiration",isLoading:w=!1,getImage:p=()=>{}}=t,h=k.useDetectMobile(),v=l.useMemo(()=>r.jsx(r.Fragment,{children:h===!0?i==null?void 0:i.map((e,m)=>r.jsx(f,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>n==null?void 0:n(e==null?void 0:e.uuid),image:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null},m)):i==null?void 0:i.slice(0,s).map((e,m)=>r.jsx(f,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>n==null?void 0:n(e==null?void 0:e.uuid),image:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null},m))}),[i,h,s]);return r.jsxs(y.RegulatTitleSectionWrapper,{ref:a,children:[r.jsx("div",{className:"regular-title",children:r.jsxs("div",{className:"regular-title-text",children:[d.isDefinedNotEmptyString(o)&&r.jsx("i",{className:o}),r.jsx("span",{children:c})]})}),r.jsx(S,{className:"products-banner",children:r.jsx("img",{src:g})}),r.jsx(C,{limit:s,children:r.jsx(I,{isLoading:w,limit:s,keyPrefix:"explore-landing",children:v})})]})});module.exports=U;
+`,N=d.forwardRef((t,a)=>{const{uuid:n,title:i,image:s,sellerUuid:g,onSelectCard:o=()=>{},imageComponent:c}=t;return r.jsxs(b,{className:"product-card",onClick:o,children:[l.isDefined(c)?c:r.jsx(P.ProductImageWrapper,{src:s}),r.jsx("div",{className:"card-title",children:i})]})}),$=d.forwardRef(({},t)=>r.jsxs(b,{className:"product-card",children:[r.jsx("img",{className:"skeleton-img"}),r.jsx("div",{className:"skeleton-title"})]})),q=({limit:t=4,isLoading:a=!1,keyPrefix:n})=>r.jsx(r.Fragment,{children:Array.from({length:t},(i,s)=>r.jsx($,{isLoading:a},`${n}-skeleton-product-card-${s}`))}),I=({children:t,fallbackComponent:a=r.jsx(r.Fragment,{}),isLoading:n=!1,limit:i,keyPrefix:s})=>r.jsx(d.Suspense,{fallbackComponent:a,children:n===!0?r.jsx(q,{isLoading:n,limit:i,keyPrefix:s}):t}),f=d.memo(N),U=d.forwardRef((t,a)=>{const{icon:n,items:i,limit:s=4,imageUrl:g,onSelectCard:o=()=>{},title:c="Season inspiration",isLoading:w=!1,getImage:p=()=>{}}=t,h=v.useDetectMobile(),k=d.useMemo(()=>r.jsx(r.Fragment,{children:h===!0?i==null?void 0:i.map((e,m)=>r.jsx(f,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>o==null?void 0:o(e==null?void 0:e.uuid),image:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null},m)):i==null?void 0:i.slice(0,s).map((e,m)=>r.jsx(f,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>o==null?void 0:o(e==null?void 0:e.uuid),image:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null},m))}),[i,h,s]);return r.jsxs(y.RegulatTitleSectionWrapper,{ref:a,children:[r.jsx("div",{className:"regular-title",children:r.jsxs("div",{className:"regular-title-text",children:[l.isDefinedNotEmptyString(n)&&r.jsx("i",{className:n}),r.jsx("span",{children:c})]})}),r.jsx(S,{className:"products-banner",children:r.jsx("img",{src:g})}),r.jsx(C,{limit:s,children:r.jsx(I,{isLoading:w,limit:s,keyPrefix:"explore-landing",children:k})})]})});module.exports=U;

package/dist/ProductsWithBannerSection.js

@@ -23,7 +23,7 @@ const E = p.div`
     height: 100%;
     object-fit: cover;
   }
-`, B = p.div`
+`, R = p.div`
   display: grid;
   grid-template-columns: ${(t) => `repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -66,12 +66,6 @@ const E = p.div`
      ${I(2)}
   }
 
-  &:hover {
-    & .card-title {
-      color: var(--primary-500, #F59E0B);
-    }
-  }
-
   & .skeleton-img {
     background-color: ${b("-90deg")};
     border-radius: 0.75rem;
@@ -95,7 +89,7 @@ const E = p.div`
       object-fit: cover;
     }
   }
-`, R = u((t, d) => {
+`, z = u((t, d) => {
   const {
     uuid: a,
     title: i,
@@ -109,16 +103,16 @@ const E = p.div`
     M(n) ? n : /* @__PURE__ */ r(j, { src: o }),
     /* @__PURE__ */ r("div", { className: "card-title", children: i })
   ] });
-}), z = u(({}, t) => /* @__PURE__ */ s(v, { className: "product-card", children: [
+}), B = u(({}, t) => /* @__PURE__ */ s(v, { className: "product-card", children: [
   /* @__PURE__ */ r("img", { className: "skeleton-img" }),
   /* @__PURE__ */ r("div", { className: "skeleton-title" })
 ] })), D = ({ limit: t = 4, isLoading: d = !1, keyPrefix: a }) => /* @__PURE__ */ r(c, { children: Array.from({ length: t }, (i, o) => /* @__PURE__ */ r(
-  z,
+  B,
   {
     isLoading: d
   },
   `${a}-skeleton-product-card-${o}`
-)) }), F = ({
+)) }), _ = ({
   children: t,
   fallbackComponent: d = /* @__PURE__ */ r(c, {}),
   isLoading: a = !1,
@@ -131,7 +125,7 @@ const E = p.div`
     limit: i,
     keyPrefix: o
   }
-) : t }), w = N(R), q = u((t, d) => {
+) : t }), w = N(z), q = u((t, d) => {
   const {
     icon: a,
     items: i,
@@ -170,8 +164,8 @@ const E = p.div`
       /* @__PURE__ */ r("span", { children: n })
     ] }) }),
     /* @__PURE__ */ r(E, { className: "products-banner", children: /* @__PURE__ */ r("img", { src: g }) }),
-    /* @__PURE__ */ r(B, { limit: o, children: /* @__PURE__ */ r(
-      F,
+    /* @__PURE__ */ r(R, { limit: o, children: /* @__PURE__ */ r(
+      _,
       {
         isLoading: P,
         limit: o,

package/dist/SalesCampaignsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),p=require("react"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),b=require("./utils-CZynEOC_.cjs"),C=require("./consts-goSZX3xP.cjs"),L=require("./motion-B_VPZaJq.cjs"),o=require("./index-BPVoEhTF.cjs"),W=require("./Icon.cjs"),Q=require("./Badge.cjs"),B=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),M=require("./IconButton.cjs"),V=require("./useDetectMobile-zkbzoOGV.cjs"),Y=d.styled.div`
+"use strict";const t=require("react/jsx-runtime"),p=require("react"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),b=require("./utils-CZynEOC_.cjs"),C=require("./consts-goSZX3xP.cjs"),L=require("./motion-B_VPZaJq.cjs"),n=require("./index-BPVoEhTF.cjs"),W=require("./Icon.cjs"),Q=require("./Badge.cjs"),B=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),M=require("./IconButton.cjs"),V=require("./useDetectMobile-zkbzoOGV.cjs"),Y=d.styled.div`
   cursor: pointer;
   display: flex;
   gap: 1rem;
@@ -63,10 +63,7 @@
     font-weight: 600;
     font-size: 1.375rem;
     transition: var(--transition, all 0.3s ease);
-    &:hover {
-      color: var(--primary-500, #f59e0b);
-      font-size: 1.4rem;
-    }
+  
   }
 
   & .text-block-wrapper {
@@ -105,12 +102,12 @@
       gap: 0.25rem;
     }
   }
-`,te={"#ADE3EB":"#76D0DB","#DDD6FE":"#C4B5FD","#FDE68A":"#FCD34D","#A7F3D0":"#6EE7B7","#BADFFF":"#87C6FA","#FECDD3":"#FDA4AF","#EFE2CF":"#EAD2AF","#DDDFE4":"#C4C8CF","#E7E5E4":"#D6D3D1","#FED7AA":"#FDBA74",default:"#C4C8CF"},U=(e=!1,a=!1,n=!1)=>`
+`,te={"#ADE3EB":"#76D0DB","#DDD6FE":"#C4B5FD","#FDE68A":"#FCD34D","#A7F3D0":"#6EE7B7","#BADFFF":"#87C6FA","#FECDD3":"#FDA4AF","#EFE2CF":"#EAD2AF","#DDDFE4":"#C4C8CF","#E7E5E4":"#D6D3D1","#FED7AA":"#FDBA74",default:"#C4C8CF"},U=(e=!1,a=!1,o=!1)=>`
     display: flex;
     ${a?"flex-wrap: wrap;":""}
     ${a?"":"flex-wrap: nowrap;"}
     ${e?"align-items: center;":""}
-    ${n?"justify-content: center;":""}
+    ${o?"justify-content: center;":""}
   `,ae=d.styled(L.motion.div)`
   text-decoration: none;
   ${e=>e.hasPermission===!0&&"cursor: pointer"};
@@ -191,9 +188,9 @@
   ${e=>e.alignToLeft===!0?"left: 0.5rem;":"right: 0.5rem;"}
   display: flex;
   gap: 0.25rem;
-`,oe=e=>`var(--${e}-700)`,ne=d.styled.div`
+`,ne=e=>`var(--${e}-700)`,oe=d.styled.div`
   border-radius: ${e=>b.getBorderRadiusValueWithUnits(e.theme,e.borderRadius||"slight")};
-  background-color: ${e=>oe(e==null?void 0:e.color)};
+  background-color: ${e=>ne(e==null?void 0:e.color)};
   color: white;
   height: 1.5rem;
   min-width: 1.5rem;
@@ -207,7 +204,7 @@
   & i {
     font-size: 0.813rem;
   }
-`,X=e=>{const{uuid:a,hasPermission:n=!0,isUser:h,image:u,name:g,notifications:y=0,color:c="primary",size:v="large",style:i,disabled:D,onClick:l=()=>{},isActive:_,className:f,themeData:x}=e,$={theme:B.useTheme(),color:c,size:v,style:i,disabled:D};return p.createElement(ae,{onClick:j=>{j.stopPropagation(),n===!0&&(l==null||l())},...$,key:g,className:`profile-item ${f}`,hasPermission:n,isActive:_,themeColor:(x==null?void 0:x.code)||"transparent"},t.jsx("div",{className:"logo-wrapper",children:u}),t.jsx("div",{className:"name",children:g}),y>0&&t.jsx("div",{className:"notifications-number",children:t.jsx(Q,{className:"badge",color:"danger",size:"small",children:y>99?"99+":y})}))};X.propTypes={id:o.PropTypes.any,isUserProfile:o.PropTypes.bool,themeColor:o.PropTypes.string,image:o.PropTypes.any,name:o.PropTypes.string,notifications:o.PropTypes.number,style:o.PropTypes.object,className:o.PropTypes.string,color:o.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral"]),size:o.PropTypes.oneOf(["large"]),onSelect:o.PropTypes.func,hasPermission:o.PropTypes.bool};const O=(e,a)=>{if(!e||!a)return null;let n=Math.floor((e==null?void 0:e.getTime())-(a==null?void 0:a.getTime())),h=1e3*60*60*24;return Math.ceil(n/h)},Z=p.forwardRef((e,a)=>{const n=B.useTheme(),{uuid:h,shopUuid:u,title:g="",description:y,badges:c,coverPhoto:v,onSelect:i,status:D,startDate:l,endDate:_,salesPackages:f,shopName:x,shopImage:w,className:$,onSelectCard:j=()=>{},onSelectShop:T=()=>{},campaignSingleText:P,salesCampaignTypes:r=[],startsInPrefixTextPlural:S,startsinSuffixTextPlural:k,startsInPrefixTextSingular:I,startsinSuffixTextSingular:s,themeData:m,...H}=e,J=l?new Date(l)<=new Date:!1;O(_?new Date(_):null,l?new Date(l):null);const N=O(l?new Date(l):null,new Date);return t.jsxs(Y,{ref:a,theme:n,className:$,onClick:j,...H,children:[t.jsxs(ee,{theme:n,onClick:()=>i==null?void 0:i(),children:[t.jsx("img",{src:v}),t.jsx(se,{children:f==null?void 0:f.map((z,K)=>{var R,A;return t.jsx(ne,{color:(R=r==null?void 0:r.find(F=>F.value===z))==null?void 0:R.color,theme:n,children:t.jsx(W,{icon:(A=r==null?void 0:r.find(F=>F.value===z))==null?void 0:A.icon})},`package__${K}`)})})]}),t.jsxs(re,{theme:n,children:[t.jsxs("div",{className:"text-block-wrapper",children:[t.jsxs("div",{className:"title-block-wrapper",children:[t.jsx("div",{className:"campaign-title",children:P}),t.jsx("div",{className:"campaign-title-text",children:g}),t.jsx("div",{className:"timestamp-text",children:J?"":N===1?`${I} ${N} ${s}`:`${S} ${N} ${k}`})]}),t.jsx("div",{children:y})]}),t.jsx(X,{hasPermission:!0,image:t.jsx("img",{src:w,className:`${w?"":"no-image"}`}),themeData:m,isActive:!0,isUser:!1,name:x,onClick:()=>T(u)})]})]})});Z.propTypes={title:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.element]),numberOfListings:o.PropTypes.number,dropdown:o.PropTypes.any,color:o.PropTypes.string};d.styled.div`
+`,X=e=>{const{uuid:a,hasPermission:o=!0,isUser:h,image:u,name:g,notifications:y=0,color:c="primary",size:v="large",style:i,disabled:D,onClick:l=()=>{},isActive:_,className:f,themeData:x}=e,$={theme:B.useTheme(),color:c,size:v,style:i,disabled:D};return p.createElement(ae,{onClick:j=>{j.stopPropagation(),o===!0&&(l==null||l())},...$,key:g,className:`profile-item ${f}`,hasPermission:o,isActive:_,themeColor:(x==null?void 0:x.code)||"transparent"},t.jsx("div",{className:"logo-wrapper",children:u}),t.jsx("div",{className:"name",children:g}),y>0&&t.jsx("div",{className:"notifications-number",children:t.jsx(Q,{className:"badge",color:"danger",size:"small",children:y>99?"99+":y})}))};X.propTypes={id:n.PropTypes.any,isUserProfile:n.PropTypes.bool,themeColor:n.PropTypes.string,image:n.PropTypes.any,name:n.PropTypes.string,notifications:n.PropTypes.number,style:n.PropTypes.object,className:n.PropTypes.string,color:n.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral"]),size:n.PropTypes.oneOf(["large"]),onSelect:n.PropTypes.func,hasPermission:n.PropTypes.bool};const O=(e,a)=>{if(!e||!a)return null;let o=Math.floor((e==null?void 0:e.getTime())-(a==null?void 0:a.getTime())),h=1e3*60*60*24;return Math.ceil(o/h)},Z=p.forwardRef((e,a)=>{const o=B.useTheme(),{uuid:h,shopUuid:u,title:g="",description:y,badges:c,coverPhoto:v,onSelect:i,status:D,startDate:l,endDate:_,salesPackages:f,shopName:x,shopImage:w,className:$,onSelectCard:j=()=>{},onSelectShop:T=()=>{},campaignSingleText:P,salesCampaignTypes:r=[],startsInPrefixTextPlural:S,startsinSuffixTextPlural:k,startsInPrefixTextSingular:I,startsinSuffixTextSingular:s,themeData:m,...H}=e,J=l?new Date(l)<=new Date:!1;O(_?new Date(_):null,l?new Date(l):null);const N=O(l?new Date(l):null,new Date);return t.jsxs(Y,{ref:a,theme:o,className:$,onClick:j,...H,children:[t.jsxs(ee,{theme:o,onClick:()=>i==null?void 0:i(),children:[t.jsx("img",{src:v}),t.jsx(se,{children:f==null?void 0:f.map((R,K)=>{var z,A;return t.jsx(oe,{color:(z=r==null?void 0:r.find(F=>F.value===R))==null?void 0:z.color,theme:o,children:t.jsx(W,{icon:(A=r==null?void 0:r.find(F=>F.value===R))==null?void 0:A.icon})},`package__${K}`)})})]}),t.jsxs(re,{theme:o,children:[t.jsxs("div",{className:"text-block-wrapper",children:[t.jsxs("div",{className:"title-block-wrapper",children:[t.jsx("div",{className:"campaign-title",children:P}),t.jsx("div",{className:"campaign-title-text",children:g}),t.jsx("div",{className:"timestamp-text",children:J?"":N===1?`${I} ${N} ${s}`:`${S} ${N} ${k}`})]}),t.jsx("div",{children:y})]}),t.jsx(X,{hasPermission:!0,image:t.jsx("img",{src:w,className:`${w?"":"no-image"}`}),themeData:m,isActive:!0,isUser:!1,name:x,onClick:()=>T(u)})]})]})});Z.propTypes={title:n.PropTypes.oneOfType([n.PropTypes.string,n.PropTypes.element]),numberOfListings:n.PropTypes.number,dropdown:n.PropTypes.any,color:n.PropTypes.string};d.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -306,7 +303,7 @@
 `,ce=d.styled.div`
   display: flex;
   gap: 1.5rem;
-`,de=p.forwardRef(({},e)=>{const a=B.useTheme();return t.jsxs(le,{ref:e,theme:a,children:[t.jsx("div",{className:"campaign__left-section",children:t.jsx(q,{theme:a,width:"15rem",height:"15rem",borderRadius:"edged"})}),t.jsxs("div",{className:"campaign__right-section",children:[t.jsxs(ie,{theme:a,children:[t.jsx(E,{heightCoeff:.75,theme:a,width:"35%"}),t.jsx(E,{heightCoeff:1.25,theme:a}),t.jsx(E,{heightCoeff:3,theme:a})]}),t.jsxs("div",{className:"campaign__user",children:[t.jsx(q,{theme:a,width:"2.5rem",height:"2.5rem",borderRadius:"curved"}),t.jsx(E,{theme:a,width:"75%"})]})]})]})}),ge=({itemsCount:e=5,keyPrefix:a})=>t.jsx(ce,{children:Array.from({length:e},(n,h)=>t.jsx(de,{},`${a}-skeleton-campaign-card-${h}`))}),me=({children:e,fallbackComponent:a=t.jsx(t.Fragment,{}),isLoading:n=!1,itemsCount:h=5,keyPrefix:u})=>t.jsx(p.Suspense,{fallback:a,children:n===!0?t.jsx(ge,{itemsCount:h,keyPrefix:u}):e}),pe=d.styled.div`
+`,de=p.forwardRef(({},e)=>{const a=B.useTheme();return t.jsxs(le,{ref:e,theme:a,children:[t.jsx("div",{className:"campaign__left-section",children:t.jsx(q,{theme:a,width:"15rem",height:"15rem",borderRadius:"edged"})}),t.jsxs("div",{className:"campaign__right-section",children:[t.jsxs(ie,{theme:a,children:[t.jsx(E,{heightCoeff:.75,theme:a,width:"35%"}),t.jsx(E,{heightCoeff:1.25,theme:a}),t.jsx(E,{heightCoeff:3,theme:a})]}),t.jsxs("div",{className:"campaign__user",children:[t.jsx(q,{theme:a,width:"2.5rem",height:"2.5rem",borderRadius:"curved"}),t.jsx(E,{theme:a,width:"75%"})]})]})]})}),ge=({itemsCount:e=5,keyPrefix:a})=>t.jsx(ce,{children:Array.from({length:e},(o,h)=>t.jsx(de,{},`${a}-skeleton-campaign-card-${h}`))}),me=({children:e,fallbackComponent:a=t.jsx(t.Fragment,{}),isLoading:o=!1,itemsCount:h=5,keyPrefix:u})=>t.jsx(p.Suspense,{fallback:a,children:o===!0?t.jsx(ge,{itemsCount:h,keyPrefix:u}):e}),pe=d.styled.div`
   margin: 0 auto;
   display: flex;
   flex-direction: column;
@@ -355,4 +352,4 @@
   @media (max-width: ${C.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(${e=>e==null?void 0:e.numOfColumnsForMobile}, 1fr);
   }
-`,G=p.forwardRef(({icon:e,title:a,numOfSlides:n=2,numOfSlidesForMobile:h=1,showNavigation:u=!0,children:g},y)=>{const[c,v]=p.useState(0),[i,D]=p.useState(1),[l,_]=p.useState(null),[f,x]=p.useState(null),w=V.useDetectMobile(),$=50,j=(g==null?void 0:g.length)??1;p.useEffect(()=>{const s=()=>{D(w?h:n)};return window.addEventListener("resize",s),s(),()=>window.removeEventListener("resize",s)},[]);const T=g==null?void 0:g.slice(c,c+i),P=s=>{var m;(m=s==null?void 0:s.target)==null||m.blur(),c+i<j&&v(c+i)},r=s=>{var m;(m=s==null?void 0:s.target)==null||m.blur(),c-i>=0&&v(c-i)},S=s=>{var m;x(null),_((m=s==null?void 0:s.targetTouches["0"])==null?void 0:m.clientX)},k=s=>{var m;x((m=s==null?void 0:s.targetTouches["0"])==null?void 0:m.clientX)},I=()=>{if(!l||!f)return;const s=l-f;s>$&&P(),s<-$&&r()};return t.jsxs(pe,{ref:y,...w?{onTouchStart:S,onTouchMove:k,onTouchEnd:I}:{},children:[t.jsx("div",{className:"scrollable-section__header",children:t.jsxs("div",{className:"scrollable-section__title",children:[b.isDefinedNotEmptyString(e)&&t.jsx(W,{icon:e,color:"primary",sizeInUnits:"1.5rem",className:"title__icon"}),b.isDefinedNotEmptyString(a)&&t.jsx("div",{className:"title__text",children:a})]})}),t.jsx(he,{numOfColumns:n,numOfColumnsForMobile:h,animate:{x:0,opacity:1},initial:{x:10,opacity:0},children:T},`scrollable-section__content-${c}`),u&&j>i&&!w&&t.jsxs("div",{className:"scrollable-section__navigation",children:[t.jsx(M,{icon:"angle-left",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:c===0,onClick:r}),t.jsx(M,{icon:"angle-right",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:c+i>=j,onClick:P})]})]})});G.propTypes={icon:o.PropTypes.string,title:o.PropTypes.string,numOfSlides:o.PropTypes.number,numOfSlidesForMobile:o.PropTypes.number,showNavigation:o.PropTypes.bool};const ue=p.memo(Z),fe=p.forwardRef(({sellerType:e="Shop",items:a=[],title:n,icon:h,isLoading:u,onSelectCard:g=()=>{},onSelectShop:y=()=>{},getImage:c=()=>{},campaignSingleText:v,salesCampaignTypes:i=[],startsInPrefixTextPlural:D,startsinSuffixTextPlural:l,startsInPrefixTextSingular:_,startsinSuffixTextSingular:f,numOfSlides:x=2,numOfSlidesForMobile:w=1,showNavigation:$=!0},j)=>{const T=V.useDetectMobile(),P=p.useMemo(()=>a==null?void 0:a.map((r,S)=>t.jsx(ue,{className:"campaign-item",coverPhoto:c(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,startDate:r==null?void 0:r.startDate,title:r==null?void 0:r.name,uuid:r==null?void 0:r.campaignUuid,onSelectCard:()=>g(r==null?void 0:r.campaignUuid,r==null?void 0:r.shopUuid),onSelectShop:()=>y(r==null?void 0:r.shopUuid),campaignSingleText:v,salesCampaignTypes:i,startsInPrefixTextPlural:D,startsinSuffixTextPlural:l,startsInPrefixTextSingular:_,startsinSuffixTextSingular:f,themeData:r==null?void 0:r.themeData},`campaign__item__${S}__${r==null?void 0:r.startDate}___${r==null?void 0:r.endDate}`)),[a]);return t.jsx(me,{isLoading:u,itemsCount:T?1:2,keyPrefix:"sales-camp",children:t.jsx(G,{icon:h,title:n,numOfSlides:x,numOfSlidesForMobile:w,showNavigation:$,children:P})})});module.exports=fe;
+`,G=p.forwardRef(({icon:e,title:a,numOfSlides:o=2,numOfSlidesForMobile:h=1,showNavigation:u=!0,children:g},y)=>{const[c,v]=p.useState(0),[i,D]=p.useState(1),[l,_]=p.useState(null),[f,x]=p.useState(null),w=V.useDetectMobile(),$=50,j=(g==null?void 0:g.length)??1;p.useEffect(()=>{const s=()=>{D(w?h:o)};return window.addEventListener("resize",s),s(),()=>window.removeEventListener("resize",s)},[]);const T=g==null?void 0:g.slice(c,c+i),P=s=>{var m;(m=s==null?void 0:s.target)==null||m.blur(),c+i<j&&v(c+i)},r=s=>{var m;(m=s==null?void 0:s.target)==null||m.blur(),c-i>=0&&v(c-i)},S=s=>{var m;x(null),_((m=s==null?void 0:s.targetTouches["0"])==null?void 0:m.clientX)},k=s=>{var m;x((m=s==null?void 0:s.targetTouches["0"])==null?void 0:m.clientX)},I=()=>{if(!l||!f)return;const s=l-f;s>$&&P(),s<-$&&r()};return t.jsxs(pe,{ref:y,...w?{onTouchStart:S,onTouchMove:k,onTouchEnd:I}:{},children:[t.jsx("div",{className:"scrollable-section__header",children:t.jsxs("div",{className:"scrollable-section__title",children:[b.isDefinedNotEmptyString(e)&&t.jsx(W,{icon:e,color:"primary",sizeInUnits:"1.5rem",className:"title__icon"}),b.isDefinedNotEmptyString(a)&&t.jsx("div",{className:"title__text",children:a})]})}),t.jsx(he,{numOfColumns:o,numOfColumnsForMobile:h,animate:{x:0,opacity:1},initial:{x:10,opacity:0},children:T},`scrollable-section__content-${c}`),u&&j>i&&!w&&t.jsxs("div",{className:"scrollable-section__navigation",children:[t.jsx(M,{icon:"angle-left",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:c===0,onClick:r}),t.jsx(M,{icon:"angle-right",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:c+i>=j,onClick:P})]})]})});G.propTypes={icon:n.PropTypes.string,title:n.PropTypes.string,numOfSlides:n.PropTypes.number,numOfSlidesForMobile:n.PropTypes.number,showNavigation:n.PropTypes.bool};const ue=p.memo(Z),fe=p.forwardRef(({sellerType:e="Shop",items:a=[],title:o,icon:h,isLoading:u,onSelectCard:g=()=>{},onSelectShop:y=()=>{},getImage:c=()=>{},campaignSingleText:v,salesCampaignTypes:i=[],startsInPrefixTextPlural:D,startsinSuffixTextPlural:l,startsInPrefixTextSingular:_,startsinSuffixTextSingular:f,numOfSlides:x=2,numOfSlidesForMobile:w=1,showNavigation:$=!0},j)=>{const T=V.useDetectMobile(),P=p.useMemo(()=>a==null?void 0:a.map((r,S)=>t.jsx(ue,{className:"campaign-item",coverPhoto:c(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,startDate:r==null?void 0:r.startDate,title:r==null?void 0:r.name,uuid:r==null?void 0:r.campaignUuid,onSelectCard:()=>g(r==null?void 0:r.campaignUuid,r==null?void 0:r.shopUuid),onSelectShop:()=>y(r==null?void 0:r.shopUuid),campaignSingleText:v,salesCampaignTypes:i,startsInPrefixTextPlural:D,startsinSuffixTextPlural:l,startsInPrefixTextSingular:_,startsinSuffixTextSingular:f,themeData:r==null?void 0:r.themeData},`campaign__item__${S}__${r==null?void 0:r.startDate}___${r==null?void 0:r.endDate}`)),[a]);return t.jsx(me,{isLoading:u,itemsCount:T?1:2,keyPrefix:"sales-camp",children:t.jsx(G,{icon:h,title:o,numOfSlides:x,numOfSlidesForMobile:w,showNavigation:$,children:P})})});module.exports=fe;