@lanaco/lnc-react-ui 4.0.206 → 4.0.208

package/dist/ReviewsSection.js

@@ -1,13 +1,13 @@
-import { jsxs as a, jsx as r, Fragment as S } from "react/jsx-runtime";
-import { forwardRef as w, Suspense as C, memo as y, useMemo as N } from "react";
+import { jsxs as a, jsx as r, Fragment as $ } from "react/jsx-runtime";
+import { forwardRef as v, Suspense as C, memo as y, useMemo as N } from "react";
 import { s as d } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as $ } from "./consts-BuFChS64.js";
-import { u as z } from "./useDetectMobile-Bkvj0VMa.js";
-import { t as M, m as P, b as L, g as W } from "./utils-DtEfC-TX.js";
-import { useTheme as E } from "./ThemeProvider.js";
-import { P as I } from "./index-B22BZVBG.js";
-import { s as j, S as x, b as f, c as b, a as o } from "./style-BwQ4djFC.js";
-const G = d.div`
+import { d as f } from "./breakpoints-ff0SIcV3.js";
+import { u as z } from "./useDetectMobile-CcVo3PNi.js";
+import { t as M, n as P, c as W, g as L } from "./utils-B2fsQ6PS.js";
+import { useTheme as j } from "./ThemeProvider.js";
+import { P as G } from "./index-BvMY2TbK.js";
+import { s as E, S as F, b, c as w, a as o } from "./style-BwQ4djFC.js";
+const I = d.div`
   display: flex;
   flex-direction: column;
   color: var(--darkest-950);
@@ -17,20 +17,28 @@ const G = d.div`
     font-weight: 600;
     font-size: 1.5rem;
   }
-`, F = d.div`
+`, T = d.div`
   display: grid;
   grid-template-columns: ${(t) => `repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${$ + "px"}) {
+  @media ${f("M")} {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  @media ${f("S")} {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  @media ${f("XS")} {
     grid-template-columns: repeat(1, 1fr);
   }
-`, T = d.a`
+`, A = d.a`
   padding-top: 5rem;
   overflow: hidden;
   text-decoration: none;
   color: var(--gray-950);
-`, A = d.div`
+`, V = d.div`
   position: relative;
   cursor: pointer;
   display: flex;
@@ -86,15 +94,15 @@ const G = d.div`
     box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1),
       0px 4px 6px -2px rgba(0, 0, 0, 0.05);
   }
-`, v = (t, n) => W(
+`, R = (t, n) => L(
   t.theme,
   "StarRating",
   t.color,
   t.disabled === !0 ? "disabled" : "enabled",
   n
-), B = d.div`
-  font-size: ${(t) => v(t, "fontSize")};
-  line-height: ${(t) => v(t, "lineHeight")};
+), q = d.div`
+  font-size: ${(t) => R(t, "fontSize")};
+  line-height: ${(t) => R(t, "lineHeight")};
   line-height: 1.5rem;
   width: fit-content;
   display: flex;
@@ -113,7 +121,7 @@ const G = d.div`
     line-height: 1.5rem;
     color: ${(t) => t.color};
   }
-`, V = d.span`
+`, B = d.span`
   position: absolute;
   z-index: 1;
   display: block;
@@ -122,19 +130,19 @@ const G = d.div`
   overflow: hidden;
   width: ${(t) => t.width}%;
 
-  color: ${(t) => L(
+  color: ${(t) => W(
   t.theme,
   "StarRating",
   t.color,
   t.disabled === !0 ? "disabled" : "enabled",
   "filledColor"
 )};
-`, _ = d.span`
+`, D = d.span`
   padding: 0;
   display: block;
   z-index: 0;
   color: ${(t) => t.color};
-`, q = w((t, n) => {
+`, H = v((t, n) => {
   const {
     rating: l = 0,
     reviewCount: i = null,
@@ -144,7 +152,7 @@ const G = d.div`
     style: p = {},
     color: c = "primary",
     size: u = "large"
-  } = t, { theme: e } = E(), h = {
+  } = t, { theme: e } = j(), h = {
     theme: e,
     color: c,
     size: u,
@@ -152,7 +160,7 @@ const G = d.div`
     disabled: s
   }, k = l / 5 * 100;
   return /* @__PURE__ */ a(
-    B,
+    q,
     {
       ref: n,
       tabIndex: m,
@@ -161,7 +169,7 @@ const G = d.div`
       children: [
         /* @__PURE__ */ a("div", { className: "rating", children: [
           /* @__PURE__ */ r(
-            V,
+            B,
             {
               className: "filled-stars",
               ...h,
@@ -169,13 +177,13 @@ const G = d.div`
               children: "★★★★★"
             }
           ),
-          /* @__PURE__ */ r(_, { ...h, children: "★★★★★" })
+          /* @__PURE__ */ r(D, { ...h, children: "★★★★★" })
         ] }),
         !isNaN(i) && Number.isFinite(i) && /* @__PURE__ */ r("div", { className: "review-count", children: `(${i.toLocaleString()})` })
       ]
     }
   );
-}), D = w((t, n) => {
+}), X = v((t, n) => {
   const {
     image: l,
     text: i,
@@ -187,7 +195,7 @@ const G = d.div`
     LinkComponent: c
   } = t;
   return /* @__PURE__ */ r(
-    T,
+    A,
     {
       ref: n,
       className: "review-card",
@@ -198,32 +206,32 @@ const G = d.div`
       } : {
         href: `/${m}`
       },
-      children: /* @__PURE__ */ a(A, { children: [
-        /* @__PURE__ */ r(I, { src: l }),
+      children: /* @__PURE__ */ a(V, { children: [
+        /* @__PURE__ */ r(G, { src: l }),
         /* @__PURE__ */ a("div", { className: "cont", children: [
           /* @__PURE__ */ r("span", { className: "cont-title", children: s }),
           /* @__PURE__ */ r("div", { className: "cont-text", children: i })
         ] }),
-        /* @__PURE__ */ r(q, { color: "warning", rating: g })
+        /* @__PURE__ */ r(H, { color: "warning", rating: g })
       ] })
     }
   );
-}), H = d(x)`
-  @media (max-width: ${$ + "px"}) {
+}), x = d(F)`
+  @media ${f("S")} {
     flex-direction: column;
 
     & > div {
       flex-direction: column;
 
       & > div {
-        ${j}
+        ${E}
       }
     }
   }
-`, O = ({ keyPrefix: t }) => /* @__PURE__ */ a(H, { children: [
-  /* @__PURE__ */ a(f, { children: [
+`, J = ({ keyPrefix: t }) => /* @__PURE__ */ a(x, { children: [
+  /* @__PURE__ */ a(b, { children: [
     /* @__PURE__ */ r(
-      b,
+      w,
       {
         height: "6.25rem",
         width: "6.25rem",
@@ -242,9 +250,9 @@ const G = d.div`
       }
     )
   ] }, `${t}-1`),
-  /* @__PURE__ */ a(f, { noGradient: !0, children: [
+  /* @__PURE__ */ a(b, { noGradient: !0, children: [
     /* @__PURE__ */ r(
-      b,
+      w,
       {
         height: "6.25rem",
         width: "6.25rem",
@@ -263,9 +271,9 @@ const G = d.div`
       }
     )
   ] }, `${t}-2`),
-  /* @__PURE__ */ a(f, { noGradient: !0, children: [
+  /* @__PURE__ */ a(b, { noGradient: !0, children: [
     /* @__PURE__ */ r(
-      b,
+      w,
       {
         height: "6.25rem",
         width: "6.25rem",
@@ -284,12 +292,12 @@ const G = d.div`
       }
     )
   ] }, `${t}-3`)
-] }), X = ({
+] }), K = ({
   keyPrefix: t,
   isLoading: n = !1,
-  fallbackComponent: l = /* @__PURE__ */ r(S, {}),
+  fallbackComponent: l = /* @__PURE__ */ r($, {}),
   children: i
-}) => /* @__PURE__ */ r(C, { fallbackComponent: l, children: n === !0 ? /* @__PURE__ */ r(O, { keyPrefix: t }) : i }), R = y(D), ie = w((t, n) => {
+}) => /* @__PURE__ */ r(C, { fallbackComponent: l, children: n === !0 ? /* @__PURE__ */ r(J, { keyPrefix: t }) : i }), S = y(X), ie = v((t, n) => {
   const {
     title: l = "Electronics reviews",
     items: i,
@@ -298,8 +306,8 @@ const G = d.div`
     },
     isLoading: g = !1,
     LinkComponent: p
-  } = t, c = z(), u = N(() => /* @__PURE__ */ r(S, { children: c === !0 ? i == null ? void 0 : i.map((e, h) => /* @__PURE__ */ r(
-    R,
+  } = t, c = z(), u = N(() => /* @__PURE__ */ r($, { children: c === !0 ? i == null ? void 0 : i.map((e, h) => /* @__PURE__ */ r(
+    S,
     {
       text: e == null ? void 0 : e.text,
       title: e == null ? void 0 : e.title,
@@ -311,7 +319,7 @@ const G = d.div`
     },
     h
   )) : i == null ? void 0 : i.slice(0, s).map((e, h) => /* @__PURE__ */ r(
-    R,
+    S,
     {
       text: e == null ? void 0 : e.text,
       title: e == null ? void 0 : e.title,
@@ -323,9 +331,9 @@ const G = d.div`
     },
     h
   )) }), [i, c, s]);
-  return /* @__PURE__ */ a(G, { ref: n, children: [
+  return /* @__PURE__ */ a(I, { ref: n, children: [
     /* @__PURE__ */ r("div", { className: "container-title", children: l }),
-    /* @__PURE__ */ r(X, { isLoading: g, keyPrefix: "reviews-skeleton", children: /* @__PURE__ */ r(F, { limit: s, children: u }) })
+    /* @__PURE__ */ r(K, { isLoading: g, keyPrefix: "reviews-skeleton", children: /* @__PURE__ */ r(T, { limit: s, children: u }) })
   ] });
 });
 export {

package/dist/SalesCampaignsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),c=require("react"),S=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./utils-RnrgDDZP.cjs"),L=require("./consts-goSZX3xP.cjs"),pe=require("./Icon.cjs"),ce=require("./ShopAvatar-CV3lj34D.cjs"),_e=require("./Badge.cjs"),ue=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),de=require("./IconButton.cjs"),me=require("./useDetectMobile-zkbzoOGV.cjs"),$e=require("./index-CX2A-q39.cjs"),ke=require("./motion-B_VPZaJq.cjs"),a=require("./style-BAcV7F53.cjs"),Ie=S.styled.a`
+"use strict";const r=require("react/jsx-runtime"),l=require("react"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./utils-CITgSxXe.cjs"),N=require("./breakpoints-CcVm-gVm.cjs"),ue=require("./Icon.cjs"),ce=require("./ShopAvatar-CV3lj34D.cjs"),$e=require("./Badge.cjs"),me=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),de=require("./IconButton.cjs"),pe=require("./useDetectMobile-DYV6V1yw.cjs"),ke=require("./index-CX2A-q39.cjs"),_e=require("./motion-B_VPZaJq.cjs"),a=require("./style-BAcV7F53.cjs"),Ce=y.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   cursor: pointer;
@@ -19,12 +19,12 @@
         background: #ffffff;
       `}
 
-  @media (max-width: ${L.MOBILE_SIZE_PX+"px"}) {
+  @media ${N.down("S")} {
     width: 100%;
     gap: 0;
   }
-`,Ce=S.styled.div`
-  border-radius: ${n=>w.getBorderRadiusValueWithUnits(n.theme,"edged")};
+`,Ie=y.styled.div`
+  border-radius: ${n=>f.getBorderRadiusValueWithUnits(n.theme,"edged")};
   cursor: pointer;
 
   position: relative;
@@ -44,10 +44,10 @@
     }
   }
 
-  @media (max-width: ${L.MOBILE_SIZE_PX+"px"}) {
+  @media ${N.down("S")} {
     width: 14.5rem;
   }
-`,Pe=S.styled.div`
+`,De=y.styled.div`
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -130,7 +130,7 @@
     color: var(--gray-600, #676e79);
   }
 
-  @media (max-width: ${L.MOBILE_SIZE_PX+"px"}) {
+  @media ${N.down("S")} {
     padding: 1rem 0 0 0;
 
     & .campaign-title-text {
@@ -161,7 +161,7 @@
     ${t?"":"flex-wrap: nowrap;"}
     ${n?"align-items: center;":""}
     ${s?"justify-content: center;":""}
-  `,De=S.styled.a`
+  `,Ne=y.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   ${n=>n.hasPermission===!0&&"cursor: pointer"};
@@ -185,7 +185,7 @@
   font-weight: 500;
   font-size: 1rem;
   line-height: 1.5rem;
-  border-radius: ${n=>w.getBorderRadiusValueWithUnits(n.theme,"slight")};
+  border-radius: ${n=>f.getBorderRadiusValueWithUnits(n.theme,"slight")};
   transition: all 0.25s ease;
   & .description {
     font-size: 0.85rem;
@@ -233,18 +233,18 @@
     background-color: var(--gray-95080, #14161acc);
   }
 
-  @media (max-width: ${L.MOBILE_SIZE_PX+"px"}) {
+  @media ${N.down("S")} {
     padding: 0;
     font-size: 0.875rem;
   }
-`,Le=S.styled.div`
+`,Pe=y.styled.div`
   position: absolute;
   top: 0.5rem;
   ${n=>n.alignToLeft===!0?"left: 0.5rem;":"right: 0.5rem;"}
   display: flex;
   gap: 0.25rem;
-`,Ne=S.styled.div`
-  border-radius: ${n=>w.getBorderRadiusValueWithUnits(n.theme,n.borderRadius||"slight")};
+`,Te=y.styled.div`
+  border-radius: ${n=>f.getBorderRadiusValueWithUnits(n.theme,n.borderRadius||"slight")};
   background-color: ${n=>n==null?void 0:n.color};
   color: white;
   height: 1.5rem;
@@ -259,7 +259,7 @@
   & i {
     font-size: 0.813rem;
   }
-`,Ee=c.forwardRef(({src:n,...t},s)=>{const o=c.useRef();return c.useEffect(()=>{var p;const d=i=>{i.target.src=ce.DefaultShopImage,i.onerror=null};return(p=o==null?void 0:o.current)==null||p.addEventListener("error",d),()=>{var i;(i=o==null?void 0:o.current)==null||i.removeEventListener("error",d)}},[]),r.jsx(c.Fragment,{ref:s,children:w.isDefinedNotEmptyString(n)?r.jsx("img",{ref:o,src:n,...t}):r.jsx("img",{src:ce.DefaultShopImage,...t})})}),Te=n=>{const{uuid:t,hasPermission:s=!0,isUser:o,image:d,imageComponent:p,name:i,notifications:_=0,color:g="primary",size:u="large",style:h,disabled:k,onClick:f=()=>{},isActive:v,className:I,shopCategory:C,themeData:j,LinkComponent:l}=n,x=l||"a",z={theme:ue.useTheme(),color:g,size:u,style:h,disabled:k};return c.createElement(De,{onClick:m=>{m==null||m.preventDefault(),m.stopPropagation(),s===!0&&(f==null||f())},...z,key:i,className:`profile-item ${I}`,hasPermission:s,isActive:v,themeColor:(j==null?void 0:j.code)||"transparent",as:x,...l?{to:`/${o?"user":"shop"}/${t}`}:{href:`/${o?"user":"shop"}/${t}`}},r.jsx("div",{className:"logo-wrapper",children:w.isDefined(p)?p:d}),r.jsxs("div",{children:[r.jsx("div",{className:"name",children:i}),!o&&r.jsx("div",{className:"description",children:C}),_>0&&r.jsx("div",{className:"notifications-number",children:r.jsx(_e,{className:"badge",color:"danger",size:"small",children:_>99?"99+":_})})]}))},he=n=>{if(n!==void 0){const t=new Date(n),s=t.getFullYear(),o=t.getMonth()+1;return`${String(t.getDate()).padStart(2)}. ${o}. ${s}.`}},ze=c.forwardRef((n,t)=>{var le;const s=ue.useTheme(),{uuid:o,shopUuid:d,title:p="",coverPhoto:i,onSelect:_,startDate:g,endDate:u,salesPackages:h,shopName:k,shopCategory:f,shopImage:v,shopImageComponent:I,className:C,onSelectCard:j=()=>{},onSelectShop:l=()=>{},upcoming:x=!1,upcomingCampaignText:P,campaignSingleText:z,salesCampaignTypes:m=[],startsInPrefixTextPlural:W,startsinSuffixTextPlural:Z,startsInPrefixTextSingular:V,startsinSuffixTextSingular:re,endsInPrefixTextPlural:X,endsinSuffixTextPlural:G,endsInPrefixTextSingular:M,endsinSuffixTextSingular:F,endedText:A,themeData:ne,numberOfListings:N,numberOfListingsTextSingular:H,numberOfListingsTextPlural:U,metadata:e,LinkComponent:q,sponsored:te,...Y}=n,fe=q||"a",oe=c.useRef(),R=w.getDayNumberPrecise(g,u),J=R!==-1&&(R==null?void 0:R.isEnded)===!0,K=R!==-1&&!J,Q=w.calcDaysUntil(g),E=w.calcDaysRemaining(u),xe=E!==null&&E<=2&&E>0,se=w.normalizeDate(u),ae=se?new Date(se):null,we=new Date,ee=ae?ae.getTime()-we.getTime():null,B=ee!==null&&ee>0&&ee<24*60*60*1e3,ie=(b,T,$,y,D)=>$===1?`${b} ${$} ${y}`:`${T} ${$} ${D}`,be=()=>{if(!u)return null;const b=w.normalizeDate(u),T=b?new Date(b):null;if(!T)return null;const $=ve,y=T.getTime()-$.getTime();if(y<=0)return null;const D=Math.floor(y/(1e3*60*60)),je=Math.floor(y%(1e3*60*60)/(1e3*60)),ye=Math.floor(y%(1e3*60)/1e3);return{hours:D,minutes:je,seconds:ye}},[ve,Se]=c.useState(new Date);c.useEffect(()=>{if(!B)return;const b=setInterval(()=>{Se(new Date)},1e3);return()=>clearInterval(b)},[B]);const O=B?be():null;return r.jsxs(Ie,{ref:oe,theme:s,className:C,name:e==null?void 0:e.name,"data-accessor":e==null?void 0:e.accessor,onClick:b=>j(b,oe),as:fe,...q?{to:`/shop/${d}/campaign/${o}`}:{href:`/shop/${d}/campaign/${o}`},sponsored:te,...Y,children:[r.jsxs(Ce,{theme:s,children:[r.jsx("img",{src:i}),r.jsx(Le,{children:h==null?void 0:h.map((b,T)=>{var $,y;return r.jsx(Ne,{color:($=m==null?void 0:m.find(D=>D.value===b))==null?void 0:$.color,theme:s,children:r.jsx(pe,{icon:(y=m==null?void 0:m.find(D=>D.value===b))==null?void 0:y.icon})},`package__${T}`)})})]}),r.jsxs(Pe,{theme:s,children:[r.jsx("div",{className:"text-block-wrapper",children:r.jsxs("div",{className:"title-block-wrapper",children:[r.jsx("div",{className:"campaign-title",children:(le=x?P:z)==null?void 0:le.toUpperCase()}),r.jsx("div",{className:"campaign-title-text",children:p}),u&&g&&r.jsxs("div",{className:"campaign-date",children:[he(g)," - ",he(u)]}),r.jsxs("div",{className:"timestamp-text",children:[N>0&&r.jsxs("span",{className:"listings-text",children:[N," ",N===1?H:U," ","∙"," "]}),r.jsx("span",{className:`duration-text ${xe?"urgent":""} ${K?"":"starts-in"}`,children:B&&O?r.jsxs("div",{className:"countdown-timer",children:[M," ",O.hours.toString().padStart(2,"0"),":",O.minutes.toString().padStart(2,"0"),":",O.seconds.toString().padStart(2,"0")]}):K&&!J&&E!==null&&E>0?ie(M,X,E,F,G):J?A||"Završena":!K&&Q!==null&&Q>0?ie(V,W,Q,re,Z):null})]})]})}),r.jsx(Te,{hasPermission:!0,image:r.jsx(Ee,{src:v}),imageComponent:I,themeData:ne,isActive:!0,isUser:!1,name:k,shopCategory:f,uuid:d,onClick:()=>l(d)})]})]})}),Re=S.styled.div`
+`,Le=l.forwardRef(({src:n,...t},s)=>{const o=l.useRef();return l.useEffect(()=>{var h;const d=g=>{g.target.src=ce.DefaultShopImage,g.onerror=null};return(h=o==null?void 0:o.current)==null||h.addEventListener("error",d),()=>{var g;(g=o==null?void 0:o.current)==null||g.removeEventListener("error",d)}},[]),r.jsx(l.Fragment,{ref:s,children:f.isDefinedNotEmptyString(n)?r.jsx("img",{ref:o,src:n,...t}):r.jsx("img",{src:ce.DefaultShopImage,...t})})}),ze=n=>{const{uuid:t,hasPermission:s=!0,isUser:o,image:d,imageComponent:h,name:g,notifications:u=0,color:w="primary",size:i="large",style:v,disabled:m,onClick:$=()=>{},isActive:S,className:j,shopCategory:P,themeData:k,LinkComponent:C}=n,c=C||"a",I={theme:me.useTheme(),color:w,size:i,style:v,disabled:m};return l.createElement(Ne,{onClick:p=>{p==null||p.preventDefault(),p.stopPropagation(),s===!0&&($==null||$())},...I,key:g,className:`profile-item ${j}`,hasPermission:s,isActive:S,themeColor:(k==null?void 0:k.code)||"transparent",as:c,...C?{to:`/${o?"user":"shop"}/${t}`}:{href:`/${o?"user":"shop"}/${t}`}},r.jsx("div",{className:"logo-wrapper",children:f.isDefined(h)?h:d}),r.jsxs("div",{children:[r.jsx("div",{className:"name",children:g}),!o&&r.jsx("div",{className:"description",children:P}),u>0&&r.jsx("div",{className:"notifications-number",children:r.jsx($e,{className:"badge",color:"danger",size:"small",children:u>99?"99+":u})})]}))},he=n=>{if(n!==void 0){const t=new Date(n),s=t.getFullYear(),o=t.getMonth()+1;return`${String(t.getDate()).padStart(2)}. ${o}. ${s}.`}},Re=l.forwardRef((n,t)=>{var le;const s=me.useTheme(),{uuid:o,shopUuid:d,title:h="",coverPhoto:g,onSelect:u,startDate:w,endDate:i,salesPackages:v,shopName:m,shopCategory:$,shopImage:S,shopImageComponent:j,className:P,onSelectCard:k=()=>{},onSelectShop:C=()=>{},upcoming:c=!1,upcomingCampaignText:x,campaignSingleText:I,salesCampaignTypes:p=[],startsInPrefixTextPlural:B,startsinSuffixTextPlural:V,startsInPrefixTextSingular:G,startsinSuffixTextSingular:re,endsInPrefixTextPlural:F,endsinSuffixTextPlural:A,endsInPrefixTextSingular:U,endsinSuffixTextSingular:H,endedText:Y,themeData:ne,numberOfListings:L,numberOfListingsTextSingular:Z,numberOfListingsTextPlural:q,metadata:e,LinkComponent:W,sponsored:te,...J}=n,fe=W||"a",oe=l.useRef(),E=f.getDayNumberPrecise(w,i),K=E!==-1&&(E==null?void 0:E.isEnded)===!0,Q=E!==-1&&!K,X=f.calcDaysUntil(w),z=f.calcDaysRemaining(i),xe=z!==null&&z<=2&&z>0,se=f.normalizeDate(i),ae=se?new Date(se):null,be=new Date,ee=ae?ae.getTime()-be.getTime():null,M=ee!==null&&ee>0&&ee<24*60*60*1e3,ie=(b,R,D,_,T)=>D===1?`${b} ${D} ${_}`:`${R} ${D} ${T}`,we=()=>{if(!i)return null;const b=f.normalizeDate(i),R=b?new Date(b):null;if(!R)return null;const D=ve,_=R.getTime()-D.getTime();if(_<=0)return null;const T=Math.floor(_/(1e3*60*60)),je=Math.floor(_%(1e3*60*60)/(1e3*60)),ye=Math.floor(_%(1e3*60)/1e3);return{hours:T,minutes:je,seconds:ye}},[ve,Se]=l.useState(new Date);l.useEffect(()=>{if(!M)return;const b=setInterval(()=>{Se(new Date)},1e3);return()=>clearInterval(b)},[M]);const O=M?we():null;return r.jsxs(Ce,{ref:oe,theme:s,className:P,name:e==null?void 0:e.name,"data-accessor":e==null?void 0:e.accessor,onClick:b=>k(b,oe),as:fe,...W?{to:`/shop/${d}/campaign/${o}`}:{href:`/shop/${d}/campaign/${o}`},sponsored:te,...J,children:[r.jsxs(Ie,{theme:s,children:[r.jsx("img",{src:g}),r.jsx(Pe,{children:v==null?void 0:v.map((b,R)=>{var D,_;return r.jsx(Te,{color:(D=p==null?void 0:p.find(T=>T.value===b))==null?void 0:D.color,theme:s,children:r.jsx(ue,{icon:(_=p==null?void 0:p.find(T=>T.value===b))==null?void 0:_.icon})},`package__${R}`)})})]}),r.jsxs(De,{theme:s,children:[r.jsx("div",{className:"text-block-wrapper",children:r.jsxs("div",{className:"title-block-wrapper",children:[r.jsx("div",{className:"campaign-title",children:(le=c?x:I)==null?void 0:le.toUpperCase()}),r.jsx("div",{className:"campaign-title-text",children:h}),i&&w&&r.jsxs("div",{className:"campaign-date",children:[he(w)," - ",he(i)]}),r.jsxs("div",{className:"timestamp-text",children:[L>0&&r.jsxs("span",{className:"listings-text",children:[L," ",L===1?Z:q," ","∙"," "]}),r.jsx("span",{className:`duration-text ${xe?"urgent":""} ${Q?"":"starts-in"}`,children:M&&O?r.jsxs("div",{className:"countdown-timer",children:[U," ",O.hours.toString().padStart(2,"0"),":",O.minutes.toString().padStart(2,"0"),":",O.seconds.toString().padStart(2,"0")]}):Q&&!K&&z!==null&&z>0?ie(U,F,z,H,A):K?Y||"Završena":!Q&&X!==null&&X>0?ie(G,B,X,re,V):null})]})]})}),r.jsx(ze,{hasPermission:!0,image:r.jsx(Le,{src:S}),imageComponent:j,themeData:ne,isActive:!0,isUser:!1,name:m,shopCategory:$,uuid:d,onClick:()=>C(d)})]})]})}),Ee=y.styled.div`
   margin: 0 auto;
   display: flex;
   flex-direction: column;
@@ -298,7 +298,7 @@
     right: 0;
   }
 
-  @media (max-width: ${L.MOBILE_SIZE_PX+"px"}) {
+  @media ${N.down("S")} {
     gap: 1.25rem;
 
     & .scrollable-section__header {
@@ -310,13 +310,17 @@
       }
     }
   }
-`,Me=S.styled(ke.motion.div)`
+`,Ue=y.styled(_e.motion.div)`
   display: grid;
   grid-template-columns: repeat(${n=>n==null?void 0:n.numOfColumns}, 1fr);
   gap: 1.5rem;
   width: 100%;
 
-  @media (max-width: ${L.MOBILE_SIZE_PX+"px"}) {
+  @media ${N.only("M")} {
+    grid-template-columns: repeat(${n=>(n==null?void 0:n.tabletNumOfColumns)??2}, 1fr);
+  }
+
+  @media ${N.down("S")} {
     display: flex;
     flex-wrap: nowrap;
     overflow-x: scroll;
@@ -338,7 +342,7 @@
       /* Safari and Chrome */
     }
   }
-`,Ue=c.forwardRef(({icon:n,title:t,numOfSlides:s=4,showNavigation:o=!0,hasNextPage:d=!1,handleFetchNextPage:p=()=>{},children:i},_)=>{const[g,u]=c.useState(0),[h,k]=c.useState(1),f=me.useDetectMobile(),v=(i==null?void 0:i.length)??1;c.useEffect(()=>{const l=()=>{k(s)};return window.addEventListener("resize",l),l(),()=>window.removeEventListener("resize",l)},[]);const I=f?i:i==null?void 0:i.slice(g,g+h),C=l=>{var P;(P=l==null?void 0:l.target)==null||P.blur();const x=g+h;x<v&&u(x),x+h>=v&&d&&p()},j=l=>{var x;(x=l==null?void 0:l.target)==null||x.blur(),g-h>=0&&u(g-h)};return r.jsxs(Re,{ref:_,children:[r.jsx("div",{className:"scrollable-section__header",children:r.jsxs("div",{className:"scrollable-section__title",children:[w.isDefinedNotEmptyString(n)&&r.jsx(pe,{icon:n,color:"primary",sizeInUnits:"1.5rem",className:"title__icon"}),w.isDefinedNotEmptyString(t)&&r.jsxs("div",{className:"title__text",children:[" ",t]})]})}),r.jsxs(Me,{numOfColumns:s,...!f&&{animate:{x:0,opacity:1},initial:{x:10,opacity:0}},children:[I,f&&d&&r.jsx($e.InfiniteScrollEndElement,{onIsVisible:p})]},`scrollable-section__content-${g}`),o&&v>h&&!f&&r.jsxs("div",{className:"scrollable-section__navigation",children:[r.jsx(de,{icon:"angle-left",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:g===0,onClick:j}),r.jsx(de,{icon:"angle-right",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:g+h>=v,onClick:C})]})]})}),qe=S.styled.div`
+`,qe=l.forwardRef(({icon:n,title:t,numOfSlides:s=4,tabletNumOfSlides:o,showNavigation:d=!0,hasNextPage:h=!1,handleFetchNextPage:g=()=>{},children:u},w)=>{const[i,v]=l.useState(0),[m,$]=l.useState(1),S=pe.useDetectMobile(),j=(u==null?void 0:u.length)??1;l.useEffect(()=>{const c=()=>{$(s)};return window.addEventListener("resize",c),c(),()=>window.removeEventListener("resize",c)},[]);const P=S?u:u==null?void 0:u.slice(i,i+m),k=c=>{var I;(I=c==null?void 0:c.target)==null||I.blur();const x=i+m;x<j&&v(x),x+m>=j&&h&&g()},C=c=>{var x;(x=c==null?void 0:c.target)==null||x.blur(),i-m>=0&&v(i-m)};return r.jsxs(Ee,{ref:w,children:[r.jsx("div",{className:"scrollable-section__header",children:r.jsxs("div",{className:"scrollable-section__title",children:[f.isDefinedNotEmptyString(n)&&r.jsx(ue,{icon:n,color:"primary",sizeInUnits:"1.5rem",className:"title__icon"}),f.isDefinedNotEmptyString(t)&&r.jsxs("div",{className:"title__text",children:[" ",t]})]})}),r.jsxs(Ue,{numOfColumns:s,tabletNumOfColumns:o,...!S&&{animate:{x:0,opacity:1},initial:{x:10,opacity:0}},children:[P,S&&h&&r.jsx(ke.InfiniteScrollEndElement,{onIsVisible:g})]},`scrollable-section__content-${i}`),d&&j>m&&!S&&r.jsxs("div",{className:"scrollable-section__navigation",children:[r.jsx(de,{icon:"angle-left",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:i===0,onClick:C}),r.jsx(de,{icon:"angle-right",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:i+m>=j,onClick:k})]})]})}),We=y.styled.div`
   display: flex;
   flex: 1;
   width: 100%;
@@ -355,8 +359,8 @@
     border-radius: 1.25rem;
     object-fit: cover;
   }
-`,Be=c.forwardRef(({sectionName:n,imageUrl:t,maxHeight:s="16.25rem",className:o="",handleClick:d=()=>{}},p)=>r.jsx(qe,{ref:p,maxHeight:s,onClick:d,className:`itemless-banner ${o}`,children:r.jsx("img",{src:t,alt:`itemless-banner__${n}`})})),Oe=S.styled(a.SkeletonRowWrapper)`
-  @media (max-width: ${L.MOBILE_SIZE_PX+"px"}) {
+`,Me=l.forwardRef(({sectionName:n,imageUrl:t,maxHeight:s="16.25rem",className:o="",handleClick:d=()=>{}},h)=>r.jsx(We,{ref:h,maxHeight:s,onClick:d,className:`itemless-banner ${o}`,children:r.jsx("img",{src:t,alt:`itemless-banner__${n}`})})),Oe=y.styled(a.SkeletonRowWrapper)`
+  @media ${N.down("S")} {
     flex-direction: column;
 
     & .skeleton__image {
@@ -370,4 +374,4 @@
       }
     }
   }
-`,We=({keyPrefix:n})=>r.jsxs(Oe,{children:[r.jsxs(a.SkeletonRowWrapper,{children:[r.jsx(a.SkeletonSquarePlaceholder,{width:"13.75rem",height:"13.75rem",className:"skeleton__image"},`${n}-1`),r.jsxs(a.SkeletonColumnWrapper,{noGradient:!0,children:[r.jsx(a.SkeletonLinePlaceholder,{height:"1rem"}),r.jsx(a.SkeletonLinePlaceholder,{height:"1.75rem"}),r.jsx(a.SkeletonLinePlaceholder,{height:"1.25rem"}),r.jsx(a.SkeletonLinePlaceholder,{height:"2rem"}),r.jsxs(a.SkeletonRowWrapper,{alignItems:"center",noGradient:!0,children:[r.jsx(a.SkeletonCirclePlaceholder,{width:"2.5rem",height:"2.5rem"}),r.jsx(a.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]}),r.jsxs(a.SkeletonRowWrapper,{noGradient:!0,children:[r.jsx(a.SkeletonSquarePlaceholder,{width:"13.75rem",height:"13.75rem",className:"skeleton__image"},`${n}-2`),r.jsxs(a.SkeletonColumnWrapper,{noGradient:!0,children:[r.jsx(a.SkeletonLinePlaceholder,{height:"1rem"}),r.jsx(a.SkeletonLinePlaceholder,{height:"1.75rem"}),r.jsx(a.SkeletonLinePlaceholder,{height:"1.25rem"}),r.jsx(a.SkeletonLinePlaceholder,{height:"2rem"}),r.jsxs(a.SkeletonRowWrapper,{alignItems:"center",noGradient:!0,children:[r.jsx(a.SkeletonCirclePlaceholder,{width:"2.5rem",height:"2.5rem"}),r.jsx(a.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]})]}),Ze=({keyPrefix:n,isLoading:t=!1,fallbackComponent:s=r.jsx(r.Fragment,{}),children:o})=>r.jsx(c.Suspense,{fallbackComponent:s,children:t===!0?r.jsx(We,{keyPrefix:n}):o}),Ve=c.memo(ze),Xe=c.forwardRef(({sellerType:n="Shop",items:t=[],title:s,icon:o,isLoading:d,onSelectCard:p=()=>{},onSelectShop:i=()=>{},getImage:_=()=>{},campaignSingleText:g,upcomingCampaignText:u,salesCampaignTypes:h=[],startsInPrefixTextPlural:k,startsinSuffixTextPlural:f,startsInPrefixTextSingular:v,startsinSuffixTextSingular:I,endsInPrefixTextPlural:C,endsinSuffixTextPlural:j,endsInPrefixTextSingular:l,endsinSuffixTextSingular:x,endedText:P,numOfSlides:z=4,showNavigation:m=!0,numberOfListingsTextSingular:W,numberOfListingsTextPlural:Z,itemlessImageUrl:V,itemlessLink:re,handleItemlessLink:X=()=>{},componentName:G,hasNextPage:M=!1,handleFetchNextPage:F=()=>{},LinkComponent:A},ne)=>{const N=me.useDetectMobile(),H=c.useMemo(()=>{let U=t==null?void 0:t.map((e,q)=>r.jsx(Ve,{className:"campaign-item",coverPhoto:_(e==null?void 0:e.coverPhoto,(e==null?void 0:e.uuid)||(e==null?void 0:e.campaignUuid)),description:e==null?void 0:e.description,endDate:e==null?void 0:e.endDate,salesPackages:e==null?void 0:e.salesPackages,sellerType:n,shopImage:e==null?void 0:e.profileImage,shopImageComponent:e==null?void 0:e.profileImageComponent,shopName:e==null?void 0:e.shopName,shopUuid:e==null?void 0:e.shopUuid,shopCategory:e==null?void 0:e.shopCategory,startDate:e==null?void 0:e.startDate,title:e==null?void 0:e.name,uuid:e==null?void 0:e.campaignUuid,onSelectCard:(te,Y)=>p(e==null?void 0:e.campaignUuid,e==null?void 0:e.shopUuid,Y),onSelectShop:()=>i(e==null?void 0:e.shopUuid),campaignSingleText:g,upcomingCampaignText:u,upcoming:e==null?void 0:e.upcoming,salesCampaignTypes:h,startsInPrefixTextPlural:k,startsinSuffixTextPlural:f,startsInPrefixTextSingular:v,startsinSuffixTextSingular:I,endsInPrefixTextPlural:C,endsinSuffixTextPlural:j,endsInPrefixTextSingular:l,endsinSuffixTextSingular:x,endedText:P,themeData:e==null?void 0:e.themeData,numberOfListings:e==null?void 0:e.numberOfListings,numberOfListingsTextSingular:W,numberOfListingsTextPlural:Z,metadata:{name:G,accessor:e==null?void 0:e.accessor},LinkComponent:A,sponsored:e==null?void 0:e.sponsored},`campaign__item__${q}__${e==null?void 0:e.startDate}___${e==null?void 0:e.endDate}`));return(t==null?void 0:t.length)<4&&!N?[...U,r.jsx(Be,{imageUrl:V,className:"campaign-item",handleClick:X},"itemless-campaign-section-banner")]:U},[t]);return r.jsx(Ze,{isLoading:d,keyPrefix:"sales-campaign-skeleton",children:r.jsx(Ue,{icon:o,title:s,numOfSlides:z,showNavigation:m,hasNextPage:M,handleFetchNextPage:F,children:H},`sales-campaign-section__${N}`)})});module.exports=Xe;
+`,Be=({keyPrefix:n})=>r.jsxs(Oe,{children:[r.jsxs(a.SkeletonRowWrapper,{children:[r.jsx(a.SkeletonSquarePlaceholder,{width:"13.75rem",height:"13.75rem",className:"skeleton__image"},`${n}-1`),r.jsxs(a.SkeletonColumnWrapper,{noGradient:!0,children:[r.jsx(a.SkeletonLinePlaceholder,{height:"1rem"}),r.jsx(a.SkeletonLinePlaceholder,{height:"1.75rem"}),r.jsx(a.SkeletonLinePlaceholder,{height:"1.25rem"}),r.jsx(a.SkeletonLinePlaceholder,{height:"2rem"}),r.jsxs(a.SkeletonRowWrapper,{alignItems:"center",noGradient:!0,children:[r.jsx(a.SkeletonCirclePlaceholder,{width:"2.5rem",height:"2.5rem"}),r.jsx(a.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]}),r.jsxs(a.SkeletonRowWrapper,{noGradient:!0,children:[r.jsx(a.SkeletonSquarePlaceholder,{width:"13.75rem",height:"13.75rem",className:"skeleton__image"},`${n}-2`),r.jsxs(a.SkeletonColumnWrapper,{noGradient:!0,children:[r.jsx(a.SkeletonLinePlaceholder,{height:"1rem"}),r.jsx(a.SkeletonLinePlaceholder,{height:"1.75rem"}),r.jsx(a.SkeletonLinePlaceholder,{height:"1.25rem"}),r.jsx(a.SkeletonLinePlaceholder,{height:"2rem"}),r.jsxs(a.SkeletonRowWrapper,{alignItems:"center",noGradient:!0,children:[r.jsx(a.SkeletonCirclePlaceholder,{width:"2.5rem",height:"2.5rem"}),r.jsx(a.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]})]}),Ve=({keyPrefix:n,isLoading:t=!1,fallbackComponent:s=r.jsx(r.Fragment,{}),children:o})=>r.jsx(l.Suspense,{fallbackComponent:s,children:t===!0?r.jsx(Be,{keyPrefix:n}):o}),Ge=l.memo(Re),Fe=l.forwardRef(({sellerType:n="Shop",items:t=[],title:s,icon:o,isLoading:d,onSelectCard:h=()=>{},onSelectShop:g=()=>{},getImage:u=()=>{},campaignSingleText:w,upcomingCampaignText:i,salesCampaignTypes:v=[],startsInPrefixTextPlural:m,startsinSuffixTextPlural:$,startsInPrefixTextSingular:S,startsinSuffixTextSingular:j,endsInPrefixTextPlural:P,endsinSuffixTextPlural:k,endsInPrefixTextSingular:C,endsinSuffixTextSingular:c,endedText:x,numOfSlides:I=4,showNavigation:p=!0,numberOfListingsTextSingular:B,numberOfListingsTextPlural:V,itemlessImageUrl:G,itemlessLink:re,handleItemlessLink:F=()=>{},componentName:A,hasNextPage:U=!1,handleFetchNextPage:H=()=>{},LinkComponent:Y},ne)=>{const L=pe.useDetectMobile(),Z=l.useMemo(()=>{let q=t==null?void 0:t.map((e,W)=>r.jsx(Ge,{className:"campaign-item",coverPhoto:u(e==null?void 0:e.coverPhoto,(e==null?void 0:e.uuid)||(e==null?void 0:e.campaignUuid)),description:e==null?void 0:e.description,endDate:e==null?void 0:e.endDate,salesPackages:e==null?void 0:e.salesPackages,sellerType:n,shopImage:e==null?void 0:e.profileImage,shopImageComponent:e==null?void 0:e.profileImageComponent,shopName:e==null?void 0:e.shopName,shopUuid:e==null?void 0:e.shopUuid,shopCategory:e==null?void 0:e.shopCategory,startDate:e==null?void 0:e.startDate,title:e==null?void 0:e.name,uuid:e==null?void 0:e.campaignUuid,onSelectCard:(te,J)=>h(e==null?void 0:e.campaignUuid,e==null?void 0:e.shopUuid,J),onSelectShop:()=>g(e==null?void 0:e.shopUuid),campaignSingleText:w,upcomingCampaignText:i,upcoming:e==null?void 0:e.upcoming,salesCampaignTypes:v,startsInPrefixTextPlural:m,startsinSuffixTextPlural:$,startsInPrefixTextSingular:S,startsinSuffixTextSingular:j,endsInPrefixTextPlural:P,endsinSuffixTextPlural:k,endsInPrefixTextSingular:C,endsinSuffixTextSingular:c,endedText:x,themeData:e==null?void 0:e.themeData,numberOfListings:e==null?void 0:e.numberOfListings,numberOfListingsTextSingular:B,numberOfListingsTextPlural:V,metadata:{name:A,accessor:e==null?void 0:e.accessor},LinkComponent:Y,sponsored:e==null?void 0:e.sponsored},`campaign__item__${W}__${e==null?void 0:e.startDate}___${e==null?void 0:e.endDate}`));return(t==null?void 0:t.length)<4&&!L?[...q,r.jsx(Me,{imageUrl:G,className:"campaign-item",handleClick:F},"itemless-campaign-section-banner")]:q},[t]);return r.jsx(Ve,{isLoading:d,keyPrefix:"sales-campaign-skeleton",children:r.jsx(qe,{icon:o,title:s,numOfSlides:I,tabletNumOfSlides:2,showNavigation:p,hasNextPage:U,handleFetchNextPage:H,children:Z},`sales-campaign-section__${L}`)})});module.exports=Fe;