@lanaco/lnc-react-ui 4.0.198 → 4.0.200

package/dist/ReviewsSection.js

@@ -1,14 +1,13 @@
 import { jsxs as a, jsx as r, Fragment as S } from "react/jsx-runtime";
-import { forwardRef as v, Suspense as N, memo as z, useMemo as P } from "react";
-import { s } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { forwardRef as w, 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 M } from "./useDetectMobile-Bkvj0VMa.js";
-import { t as I, m as L, b as W, g as j } from "./utils-DtEfC-TX.js";
-import { useTheme as x } from "./ThemeProvider.js";
-import { P as d } from "./index-CblbdqjE.js";
-import { P as E } from "./index-B22BZVBG.js";
-import { s as T, S as G, b as f, c as w, a as o } from "./style-BwQ4djFC.js";
-const F = s.div`
+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`
   display: flex;
   flex-direction: column;
   color: var(--darkest-950);
@@ -18,7 +17,7 @@ const F = s.div`
     font-weight: 600;
     font-size: 1.5rem;
   }
-`, O = s.div`
+`, F = d.div`
   display: grid;
   grid-template-columns: ${(t) => `repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -26,12 +25,12 @@ const F = s.div`
   @media (max-width: ${$ + "px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`, A = s.a`
+`, T = d.a`
   padding-top: 5rem;
   overflow: hidden;
   text-decoration: none;
   color: var(--gray-950);
-`, B = s.div`
+`, A = d.div`
   position: relative;
   cursor: pointer;
   display: flex;
@@ -63,11 +62,11 @@ const F = s.div`
       font-size: 1.375rem;
       font-weight: 600;
       color: var(--gray-950, #14161a);
-      ${I()}
+      ${M()}
     }
 
     & .cont-text {
-      ${L(2)}
+      ${P(2)}
     }
   }
 
@@ -87,15 +86,15 @@ const F = s.div`
     box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1),
       0px 4px 6px -2px rgba(0, 0, 0, 0.05);
   }
-`, R = (t, n) => j(
+`, v = (t, n) => W(
   t.theme,
   "StarRating",
   t.color,
   t.disabled === !0 ? "disabled" : "enabled",
   n
-), V = s.div`
-  font-size: ${(t) => R(t, "fontSize")};
-  line-height: ${(t) => R(t, "lineHeight")};
+), B = d.div`
+  font-size: ${(t) => v(t, "fontSize")};
+  line-height: ${(t) => v(t, "lineHeight")};
   line-height: 1.5rem;
   width: fit-content;
   display: flex;
@@ -114,7 +113,7 @@ const F = s.div`
     line-height: 1.5rem;
     color: ${(t) => t.color};
   }
-`, _ = s.span`
+`, V = d.span`
   position: absolute;
   z-index: 1;
   display: block;
@@ -123,112 +122,93 @@ const F = s.div`
   overflow: hidden;
   width: ${(t) => t.width}%;
 
-  color: ${(t) => W(
+  color: ${(t) => L(
   t.theme,
   "StarRating",
   t.color,
   t.disabled === !0 ? "disabled" : "enabled",
   "filledColor"
 )};
-`, q = s.span`
+`, _ = d.span`
   padding: 0;
   display: block;
   z-index: 0;
   color: ${(t) => t.color};
-`, C = v((t, n) => {
+`, q = w((t, n) => {
   const {
     rating: l = 0,
     reviewCount: i = null,
-    disabled: m = !1,
-    tabIndex: c = 0,
-    className: u = "",
-    style: g = {},
-    color: h = "primary",
-    size: b = "large"
-  } = t, { theme: e } = x(), p = {
+    disabled: s = !1,
+    tabIndex: m = 0,
+    className: g = "",
+    style: p = {},
+    color: c = "primary",
+    size: u = "large"
+  } = t, { theme: e } = E(), h = {
     theme: e,
-    color: h,
-    size: b,
-    style: g,
-    disabled: m
+    color: c,
+    size: u,
+    style: p,
+    disabled: s
   }, k = l / 5 * 100;
   return /* @__PURE__ */ a(
-    V,
+    B,
     {
       ref: n,
-      tabIndex: c,
-      ...p,
-      className: `star-rating ${u}`,
+      tabIndex: m,
+      ...h,
+      className: `star-rating ${g}`,
       children: [
         /* @__PURE__ */ a("div", { className: "rating", children: [
           /* @__PURE__ */ r(
-            _,
+            V,
             {
               className: "filled-stars",
-              ...p,
+              ...h,
               width: k,
               children: "★★★★★"
             }
           ),
-          /* @__PURE__ */ r(q, { ...p, children: "★★★★★" })
+          /* @__PURE__ */ r(_, { ...h, children: "★★★★★" })
         ] }),
         !isNaN(i) && Number.isFinite(i) && /* @__PURE__ */ r("div", { className: "review-count", children: `(${i.toLocaleString()})` })
       ]
     }
   );
-});
-C.propTypes = {
-  rating: d.number,
-  reviewCount: d.any,
-  disabled: d.bool,
-  tabIndex: d.number,
-  style: d.object,
-  className: d.string,
-  color: d.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "warning",
-    "danger",
-    "information",
-    "neutral"
-  ]),
-  size: d.oneOf(["small", "medium", "large"])
-};
-const D = v((t, n) => {
+}), D = w((t, n) => {
   const {
     image: l,
     text: i,
-    title: m,
-    link: c,
-    rating: u,
-    onSelectCard: g = () => {
+    title: s,
+    link: m,
+    rating: g,
+    onSelectCard: p = () => {
     },
-    LinkComponent: h
+    LinkComponent: c
   } = t;
   return /* @__PURE__ */ r(
-    A,
+    T,
     {
       ref: n,
       className: "review-card",
-      onClick: g,
-      as: h || "a",
-      ...h ? {
-        to: `/${c}`
+      onClick: p,
+      as: c || "a",
+      ...c ? {
+        to: `/${m}`
       } : {
-        href: `/${c}`
+        href: `/${m}`
       },
-      children: /* @__PURE__ */ a(B, { children: [
-        /* @__PURE__ */ r(E, { src: l }),
+      children: /* @__PURE__ */ a(A, { children: [
+        /* @__PURE__ */ r(I, { src: l }),
         /* @__PURE__ */ a("div", { className: "cont", children: [
-          /* @__PURE__ */ r("span", { className: "cont-title", children: m }),
+          /* @__PURE__ */ r("span", { className: "cont-title", children: s }),
           /* @__PURE__ */ r("div", { className: "cont-text", children: i })
         ] }),
-        /* @__PURE__ */ r(C, { color: "warning", rating: u })
+        /* @__PURE__ */ r(q, { color: "warning", rating: g })
       ] })
     }
   );
-}), H = s(G)`
+}), H = d(x)`
   @media (max-width: ${$ + "px"}) {
     flex-direction: column;
 
@@ -236,14 +216,14 @@ const D = v((t, n) => {
       flex-direction: column;
 
       & > div {
-        ${T}
+        ${j}
       }
     }
   }
-`, X = ({ keyPrefix: t }) => /* @__PURE__ */ a(H, { children: [
+`, O = ({ keyPrefix: t }) => /* @__PURE__ */ a(H, { children: [
   /* @__PURE__ */ a(f, { children: [
     /* @__PURE__ */ r(
-      w,
+      b,
       {
         height: "6.25rem",
         width: "6.25rem",
@@ -264,7 +244,7 @@ const D = v((t, n) => {
   ] }, `${t}-1`),
   /* @__PURE__ */ a(f, { noGradient: !0, children: [
     /* @__PURE__ */ r(
-      w,
+      b,
       {
         height: "6.25rem",
         width: "6.25rem",
@@ -285,7 +265,7 @@ const D = v((t, n) => {
   ] }, `${t}-2`),
   /* @__PURE__ */ a(f, { noGradient: !0, children: [
     /* @__PURE__ */ r(
-      w,
+      b,
       {
         height: "6.25rem",
         width: "6.25rem",
@@ -304,50 +284,50 @@ const D = v((t, n) => {
       }
     )
   ] }, `${t}-3`)
-] }), Z = ({
+] }), X = ({
   keyPrefix: t,
   isLoading: n = !1,
   fallbackComponent: l = /* @__PURE__ */ r(S, {}),
   children: i
-}) => /* @__PURE__ */ r(N, { fallbackComponent: l, children: n === !0 ? /* @__PURE__ */ r(X, { keyPrefix: t }) : i }), y = z(D), ne = v((t, n) => {
+}) => /* @__PURE__ */ r(C, { fallbackComponent: l, children: n === !0 ? /* @__PURE__ */ r(O, { keyPrefix: t }) : i }), R = y(D), ie = w((t, n) => {
   const {
     title: l = "Electronics reviews",
     items: i,
-    limit: m = 3,
-    onSelectCard: c = () => {
+    limit: s = 3,
+    onSelectCard: m = () => {
     },
-    isLoading: u = !1,
-    LinkComponent: g
-  } = t, h = M(), b = P(() => /* @__PURE__ */ r(S, { children: h === !0 ? i == null ? void 0 : i.map((e, p) => /* @__PURE__ */ r(
-    y,
+    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,
     {
       text: e == null ? void 0 : e.text,
       title: e == null ? void 0 : e.title,
       image: e == null ? void 0 : e.image,
       link: e == null ? void 0 : e.link,
       rating: e == null ? void 0 : e.ratingArithmeticMean,
-      onSelectCard: () => c(e),
-      LinkComponent: g
+      onSelectCard: () => m(e),
+      LinkComponent: p
     },
-    p
-  )) : i == null ? void 0 : i.slice(0, m).map((e, p) => /* @__PURE__ */ r(
-    y,
+    h
+  )) : i == null ? void 0 : i.slice(0, s).map((e, h) => /* @__PURE__ */ r(
+    R,
     {
       text: e == null ? void 0 : e.text,
       title: e == null ? void 0 : e.title,
       image: e == null ? void 0 : e.image,
       link: e == null ? void 0 : e.link,
       rating: e == null ? void 0 : e.ratingArithmeticMean,
-      onSelectCard: () => c(e),
-      LinkComponent: g
+      onSelectCard: () => m(e),
+      LinkComponent: p
     },
-    p
-  )) }), [i, h, m]);
-  return /* @__PURE__ */ a(F, { ref: n, children: [
+    h
+  )) }), [i, c, s]);
+  return /* @__PURE__ */ a(G, { ref: n, children: [
     /* @__PURE__ */ r("div", { className: "container-title", children: l }),
-    /* @__PURE__ */ r(Z, { isLoading: u, keyPrefix: "reviews-skeleton", children: /* @__PURE__ */ r(O, { limit: m, children: b }) })
+    /* @__PURE__ */ r(X, { isLoading: g, keyPrefix: "reviews-skeleton", children: /* @__PURE__ */ r(F, { limit: s, children: u }) })
   ] });
 });
 export {
-  ne as default
+  ie as default
 };

package/dist/SalesCampaignsSection.cjs

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