@lanaco/lnc-react-ui 4.0.183 → 4.0.185

package/dist/ReviewsSection.js

@@ -1,14 +1,14 @@
-import { jsxs as n, jsx as r, Fragment as y } from "react/jsx-runtime";
+import { jsxs as n, 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 { s as l } 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, o as W, b as j, g as E } from "./utils-Dc5zIpaz.js";
-import { useTheme as T } from "./ThemeProvider.js";
+import { t as I, o as W, b as j, g as x } from "./utils-Dc5zIpaz.js";
+import { useTheme as E } from "./ThemeProvider.js";
 import { P as d } from "./index-CblbdqjE.js";
-import { P as x } from "./index-C_NnINik.js";
+import { P as T } from "./index-C_NnINik.js";
 import { s as G, a as L, S as f, c as w, b as o } from "./style-CXMUA6cI.js";
-const F = s.div`
+const F = l.div`
   display: flex;
   flex-direction: column;
   color: var(--darkest-950);
@@ -18,7 +18,7 @@ const F = s.div`
     font-weight: 600;
     font-size: 1.5rem;
   }
-`, O = s.div`
+`, O = l.div`
   display: grid;
   grid-template-columns: ${(t) => `repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -26,10 +26,12 @@ const F = s.div`
   @media (max-width: ${$ + "px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`, A = s.div`
+`, A = l.div`
   padding-top: 5rem;
   overflow: hidden;
-`, B = s.div`
+  text-decoration: none;
+  color: var(--gray-950);
+`, B = l.div`
   position: relative;
   cursor: pointer;
   display: flex;
@@ -85,13 +87,13 @@ 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, a) => E(
+`, R = (t, a) => x(
   t.theme,
   "StarRating",
   t.color,
   t.disabled === !0 ? "disabled" : "enabled",
   a
-), V = s.div`
+), V = l.div`
   font-size: ${(t) => R(t, "fontSize")};
   line-height: ${(t) => R(t, "lineHeight")};
   line-height: 1.5rem;
@@ -112,7 +114,7 @@ const F = s.div`
     line-height: 1.5rem;
     color: ${(t) => t.color};
   }
-`, _ = s.span`
+`, _ = l.span`
   position: absolute;
   z-index: 1;
   display: block;
@@ -128,35 +130,35 @@ const F = s.div`
   t.disabled === !0 ? "disabled" : "enabled",
   "filledColor"
 )};
-`, q = s.span`
+`, q = l.span`
   padding: 0;
   display: block;
   z-index: 0;
   color: ${(t) => t.color};
 `, k = v((t, a) => {
   const {
-    rating: l = 0,
+    rating: s = 0,
     reviewCount: i = null,
     disabled: m = !1,
     tabIndex: c = 0,
-    className: h = "",
-    style: g = {},
+    className: g = "",
+    style: h = {},
     color: u = "primary",
     size: e = "large"
-  } = t, { theme: p } = T(), b = {
+  } = t, { theme: p } = E(), b = {
     theme: p,
     color: u,
     size: e,
-    style: g,
+    style: h,
     disabled: m
-  }, C = l / 5 * 100;
+  }, C = s / 5 * 100;
   return /* @__PURE__ */ n(
     V,
     {
       ref: a,
       tabIndex: c,
       ...b,
-      className: `star-rating ${h}`,
+      className: `star-rating ${g}`,
       children: [
         /* @__PURE__ */ n("div", { className: "rating", children: [
           /* @__PURE__ */ r(
@@ -194,17 +196,17 @@ k.propTypes = {
   size: d.oneOf(["small", "medium", "large"])
 };
 const D = v((t, a) => {
-  const { image: l, text: i, title: m, onSelectCard: c = () => {
-  }, rating: h } = t;
-  return /* @__PURE__ */ r(A, { ref: a, className: "review-card", onClick: c, children: /* @__PURE__ */ n(B, { children: [
-    /* @__PURE__ */ r(x, { src: l }),
+  const { image: s, text: i, title: m, link: c, rating: g, onSelectCard: h = () => {
+  } } = t;
+  return /* @__PURE__ */ r(A, { ref: a, className: "review-card", onClick: h, href: `/${c}`, children: /* @__PURE__ */ n(B, { children: [
+    /* @__PURE__ */ r(T, { src: s }),
     /* @__PURE__ */ n("div", { className: "cont", children: [
       /* @__PURE__ */ r("span", { className: "cont-title", children: m }),
       /* @__PURE__ */ r("div", { className: "cont-text", children: i })
     ] }),
-    /* @__PURE__ */ r(k, { color: "warning", rating: h })
+    /* @__PURE__ */ r(k, { color: "warning", rating: g })
   ] }) });
-}), H = s(L)`
+}), H = l(L)`
   @media (max-width: ${$ + "px"}) {
     flex-direction: column;
 
@@ -283,18 +285,18 @@ const D = v((t, a) => {
 ] }), Z = ({
   keyPrefix: t,
   isLoading: a = !1,
-  fallbackComponent: l = /* @__PURE__ */ r(y, {}),
+  fallbackComponent: s = /* @__PURE__ */ r(S, {}),
   children: i
-}) => /* @__PURE__ */ r(N, { fallbackComponent: l, children: a === !0 ? /* @__PURE__ */ r(X, { keyPrefix: t }) : i }), S = z(D), ae = v((t, a) => {
+}) => /* @__PURE__ */ r(N, { fallbackComponent: s, children: a === !0 ? /* @__PURE__ */ r(X, { keyPrefix: t }) : i }), y = z(D), ae = v((t, a) => {
   const {
-    title: l = "Electronics reviews",
+    title: s = "Electronics reviews",
     items: i,
     limit: m = 3,
     onSelectCard: c = () => {
     },
-    isLoading: h = !1
-  } = t, g = M(), u = P(() => /* @__PURE__ */ r(y, { children: g === !0 ? i == null ? void 0 : i.map((e, p) => /* @__PURE__ */ r(
-    S,
+    isLoading: g = !1
+  } = t, h = M(), u = P(() => /* @__PURE__ */ r(S, { children: h === !0 ? i == null ? void 0 : i.map((e, p) => /* @__PURE__ */ r(
+    y,
     {
       text: e == null ? void 0 : e.text,
       title: e == null ? void 0 : e.title,
@@ -305,7 +307,7 @@ const D = v((t, a) => {
     },
     p
   )) : i == null ? void 0 : i.slice(0, m).map((e, p) => /* @__PURE__ */ r(
-    S,
+    y,
     {
       text: e == null ? void 0 : e.text,
       title: e == null ? void 0 : e.title,
@@ -315,10 +317,10 @@ const D = v((t, a) => {
       onSelectCard: () => c(e)
     },
     p
-  )) }), [i, g, c, m]);
+  )) }), [i, h, m]);
   return /* @__PURE__ */ n(F, { ref: a, children: [
-    /* @__PURE__ */ r("div", { className: "container-title", children: l }),
-    /* @__PURE__ */ r(Z, { isLoading: h, keyPrefix: "reviews-skeleton", children: /* @__PURE__ */ r(O, { limit: m, children: u }) })
+    /* @__PURE__ */ r("div", { className: "container-title", children: s }),
+    /* @__PURE__ */ r(Z, { isLoading: g, keyPrefix: "reviews-skeleton", children: /* @__PURE__ */ r(O, { limit: m, children: u }) })
   ] });
 });
 export {

package/dist/SalesCampaignsSection.cjs

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