@lanaco/lnc-react-ui 4.0.226 → 4.0.228

package/dist/ReviewsSection.js

@@ -1,13 +1,13 @@
-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-DfbrHHed.js";
-import { d as f } from "./breakpoints-BubDitvo.js";
-import { u as z } from "./useDetectMobile-B0Jog4jQ.js";
-import { t as M, n as P, c as W, g as L } from "./utils-MoGhNMmj.js";
+import { jsxs as p, jsx as r, Fragment as S } from "react/jsx-runtime";
+import { forwardRef as w, Suspense as C, memo as k, useMemo as y } from "react";
+import { s as n } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { d as u } from "./breakpoints-BubDitvo.js";
+import { u as R } from "./useDetectMobile-B0Jog4jQ.js";
+import { t as N, n as z, c as M, g as P } from "./utils-BUdHa0nB.js";
 import { useTheme as j } from "./ThemeProvider.js";
-import { P as G } from "./index-DEypPQRI.js";
-import { s as E, S as F, b, c as w, a as o } from "./style-DvkivBNg.js";
-const I = d.div`
+import { P as L } from "./index-D6_3Q8lN.js";
+import { S as W, e as A, d as E, a as f } from "./style-BFPpppS9.js";
+const F = n.div`
   display: flex;
   flex-direction: column;
   color: var(--darkest-950);
@@ -17,28 +17,28 @@ const I = d.div`
     font-weight: 600;
     font-size: 1.5rem;
   }
-`, T = d.div`
+`, I = n.div`
   display: grid;
   grid-template-columns: ${(t) => `repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media ${f("M")} {
+  @media ${u("M")} {
     grid-template-columns: repeat(2, 1fr);
   }
 
-  @media ${f("S")} {
+  @media ${u("S")} {
     grid-template-columns: repeat(2, 1fr);
   }
 
-  @media ${f("XS")} {
+  @media ${u("XS")} {
     grid-template-columns: repeat(1, 1fr);
   }
-`, A = d.a`
+`, T = n.a`
   padding-top: 5rem;
   overflow: hidden;
   text-decoration: none;
   color: var(--gray-950);
-`, V = d.div`
+`, x = n.div`
   position: relative;
   cursor: pointer;
   display: flex;
@@ -70,11 +70,11 @@ const I = d.div`
       font-size: 1.375rem;
       font-weight: 600;
       color: var(--gray-950, #14161a);
-      ${M()}
+      ${N()}
     }
 
     & .cont-text {
-      ${P(2)}
+      ${z(2)}
     }
   }
 
@@ -94,15 +94,15 @@ const I = d.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) => L(
+`, b = (t, o) => P(
   t.theme,
   "StarRating",
   t.color,
   t.disabled === !0 ? "disabled" : "enabled",
-  n
-), q = d.div`
-  font-size: ${(t) => R(t, "fontSize")};
-  line-height: ${(t) => R(t, "lineHeight")};
+  o
+), V = n.div`
+  font-size: ${(t) => b(t, "fontSize")};
+  line-height: ${(t) => b(t, "lineHeight")};
   line-height: 1.5rem;
   width: fit-content;
   display: flex;
@@ -121,7 +121,7 @@ const I = d.div`
     line-height: 1.5rem;
     color: ${(t) => t.color};
   }
-`, B = d.span`
+`, q = n.span`
   position: absolute;
   z-index: 1;
   display: block;
@@ -130,212 +130,150 @@ const I = d.div`
   overflow: hidden;
   width: ${(t) => t.width}%;
 
-  color: ${(t) => W(
+  color: ${(t) => M(
   t.theme,
   "StarRating",
   t.color,
   t.disabled === !0 ? "disabled" : "enabled",
   "filledColor"
 )};
-`, D = d.span`
+`, D = n.span`
   padding: 0;
   display: block;
   z-index: 0;
   color: ${(t) => t.color};
-`, H = v((t, n) => {
+`, G = w((t, o) => {
   const {
-    rating: l = 0,
+    rating: a = 0,
     reviewCount: i = null,
-    disabled: s = !1,
-    tabIndex: m = 0,
-    className: g = "",
-    style: p = {},
-    color: c = "primary",
-    size: u = "large"
-  } = t, { theme: e } = j(), h = {
+    disabled: l = !1,
+    tabIndex: s = 0,
+    className: h = "",
+    style: m = {},
+    color: d = "primary",
+    size: g = "large"
+  } = t, { theme: e } = j(), c = {
     theme: e,
-    color: c,
-    size: u,
-    style: p,
-    disabled: s
-  }, k = l / 5 * 100;
-  return /* @__PURE__ */ a(
-    q,
+    color: d,
+    size: g,
+    style: m,
+    disabled: l
+  }, $ = a / 5 * 100;
+  return /* @__PURE__ */ p(
+    V,
     {
-      ref: n,
-      tabIndex: m,
-      ...h,
-      className: `star-rating ${g}`,
+      ref: o,
+      tabIndex: s,
+      ...c,
+      className: `star-rating ${h}`,
       children: [
-        /* @__PURE__ */ a("div", { className: "rating", children: [
+        /* @__PURE__ */ p("div", { className: "rating", children: [
           /* @__PURE__ */ r(
-            B,
+            q,
             {
               className: "filled-stars",
-              ...h,
-              width: k,
+              ...c,
+              width: $,
               children: "★★★★★"
             }
           ),
-          /* @__PURE__ */ r(D, { ...h, children: "★★★★★" })
+          /* @__PURE__ */ r(D, { ...c, children: "★★★★★" })
         ] }),
         !isNaN(i) && Number.isFinite(i) && /* @__PURE__ */ r("div", { className: "review-count", children: `(${i.toLocaleString()})` })
       ]
     }
   );
-}), X = v((t, n) => {
+}), H = w((t, o) => {
   const {
-    image: l,
+    image: a,
     text: i,
-    title: s,
-    link: m,
-    rating: g,
-    onSelectCard: p = () => {
+    title: l,
+    link: s,
+    rating: h,
+    onSelectCard: m = () => {
     },
-    LinkComponent: c
+    LinkComponent: d
   } = t;
   return /* @__PURE__ */ r(
-    A,
+    T,
     {
-      ref: n,
+      ref: o,
       className: "review-card",
-      onClick: p,
-      as: c || "a",
-      ...c ? {
-        to: `/${m}`
+      onClick: m,
+      as: d || "a",
+      ...d ? {
+        to: `/${s}`
       } : {
-        href: `/${m}`
+        href: `/${s}`
       },
-      children: /* @__PURE__ */ a(V, { children: [
-        /* @__PURE__ */ r(G, { src: l }),
-        /* @__PURE__ */ a("div", { className: "cont", children: [
-          /* @__PURE__ */ r("span", { className: "cont-title", children: s }),
+      children: /* @__PURE__ */ p(x, { children: [
+        /* @__PURE__ */ r(L, { src: a }),
+        /* @__PURE__ */ p("div", { className: "cont", children: [
+          /* @__PURE__ */ r("span", { className: "cont-title", children: l }),
           /* @__PURE__ */ r("div", { className: "cont-text", children: i })
         ] }),
-        /* @__PURE__ */ r(H, { color: "warning", rating: g })
+        /* @__PURE__ */ r(G, { color: "warning", rating: h })
       ] })
     }
   );
-}), x = d(F)`
-  @media ${f("S")} {
+}), X = n(W)`
+  @media ${u("S")} {
     flex-direction: column;
 
     & > div {
       flex-direction: column;
-
-      & > div {
-        ${E}
-      }
     }
   }
-`, J = ({ keyPrefix: t }) => /* @__PURE__ */ a(x, { children: [
-  /* @__PURE__ */ a(b, { children: [
-    /* @__PURE__ */ r(
-      w,
-      {
-        height: "6.25rem",
-        width: "6.25rem",
-        borderRadius: "0.75rem"
-      }
-    ),
-    /* @__PURE__ */ r(o, { height: "2rem", borderRadius: "0.75rem" }),
-    /* @__PURE__ */ r(o, { height: "1rem", borderRadius: "0.75rem" }),
-    /* @__PURE__ */ r(o, { height: "1rem", borderRadius: "0.75rem" }),
-    /* @__PURE__ */ r(
-      o,
-      {
-        height: "1rem",
-        borderRadius: "0.75rem",
-        width: "6rem"
-      }
-    )
-  ] }, `${t}-1`),
-  /* @__PURE__ */ a(b, { noGradient: !0, children: [
-    /* @__PURE__ */ r(
-      w,
-      {
-        height: "6.25rem",
-        width: "6.25rem",
-        borderRadius: "0.75rem"
-      }
-    ),
-    /* @__PURE__ */ r(o, { height: "2rem", borderRadius: "0.75rem" }),
-    /* @__PURE__ */ r(o, { height: "1rem", borderRadius: "0.75rem" }),
-    /* @__PURE__ */ r(o, { height: "1rem", borderRadius: "0.75rem" }),
-    /* @__PURE__ */ r(
-      o,
-      {
-        height: "1rem",
-        borderRadius: "0.75rem",
-        width: "6rem"
-      }
-    )
-  ] }, `${t}-2`),
-  /* @__PURE__ */ a(b, { noGradient: !0, children: [
-    /* @__PURE__ */ r(
-      w,
-      {
-        height: "6.25rem",
-        width: "6.25rem",
-        borderRadius: "0.75rem"
-      }
-    ),
-    /* @__PURE__ */ r(o, { height: "2rem", borderRadius: "0.75rem" }),
-    /* @__PURE__ */ r(o, { height: "1rem", borderRadius: "0.75rem" }),
-    /* @__PURE__ */ r(o, { height: "1rem", borderRadius: "0.75rem" }),
-    /* @__PURE__ */ r(
-      o,
-      {
-        height: "1rem",
-        borderRadius: "0.75rem",
-        width: "6rem"
-      }
-    )
-  ] }, `${t}-3`)
-] }), K = ({
+`, B = ({ keyPrefix: t }) => /* @__PURE__ */ r(X, { children: [1, 2, 3].map((o) => /* @__PURE__ */ p(A, { children: [
+  /* @__PURE__ */ r(E, { size: "6.25rem" }),
+  /* @__PURE__ */ r(f, { width: "100%", height: "2rem", borderRadius: "0.75rem" }),
+  /* @__PURE__ */ r(f, { width: "100%", height: "1rem", borderRadius: "0.75rem" }),
+  /* @__PURE__ */ r(f, { width: "100%", height: "1rem", borderRadius: "0.75rem" }),
+  /* @__PURE__ */ r(f, { height: "1rem", borderRadius: "0.75rem", width: "6rem" })
+] }, `${t}-${o}`)) }), J = ({
   keyPrefix: t,
-  isLoading: n = !1,
-  fallbackComponent: l = /* @__PURE__ */ r($, {}),
+  isLoading: o = !1,
+  fallbackComponent: a = /* @__PURE__ */ r(S, {}),
   children: i
-}) => /* @__PURE__ */ r(C, { fallbackComponent: l, children: n === !0 ? /* @__PURE__ */ r(J, { keyPrefix: t }) : i }), S = y(X), ie = v((t, n) => {
+}) => /* @__PURE__ */ r(C, { fallbackComponent: a, children: o === !0 ? /* @__PURE__ */ r(B, { keyPrefix: t }) : i }), v = k(H), re = w((t, o) => {
   const {
-    title: l = "Electronics reviews",
+    title: a = "Electronics reviews",
     items: i,
-    limit: s = 3,
-    onSelectCard: m = () => {
+    limit: l = 3,
+    onSelectCard: s = () => {
     },
-    isLoading: g = !1,
-    LinkComponent: p
-  } = t, c = z(), u = N(() => /* @__PURE__ */ r($, { children: c === !0 ? i == null ? void 0 : i.map((e, h) => /* @__PURE__ */ r(
-    S,
+    isLoading: h = !1,
+    LinkComponent: m
+  } = t, d = R(), g = y(() => /* @__PURE__ */ r(S, { children: d === !0 ? i == null ? void 0 : i.map((e, c) => /* @__PURE__ */ r(
+    v,
     {
       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: () => m(e),
-      LinkComponent: p
+      onSelectCard: () => s(e),
+      LinkComponent: m
     },
-    h
-  )) : i == null ? void 0 : i.slice(0, s).map((e, h) => /* @__PURE__ */ r(
-    S,
+    c
+  )) : i == null ? void 0 : i.slice(0, l).map((e, c) => /* @__PURE__ */ r(
+    v,
     {
       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: () => m(e),
-      LinkComponent: p
+      onSelectCard: () => s(e),
+      LinkComponent: m
     },
-    h
-  )) }), [i, c, s]);
-  return /* @__PURE__ */ a(I, { ref: n, children: [
-    /* @__PURE__ */ r("div", { className: "container-title", children: l }),
-    /* @__PURE__ */ r(K, { isLoading: g, keyPrefix: "reviews-skeleton", children: /* @__PURE__ */ r(T, { limit: s, children: u }) })
+    c
+  )) }), [i, d, l]);
+  return /* @__PURE__ */ p(F, { ref: o, children: [
+    /* @__PURE__ */ r("div", { className: "container-title", children: a }),
+    /* @__PURE__ */ r(J, { isLoading: h, keyPrefix: "reviews-skeleton", children: /* @__PURE__ */ r(I, { limit: l, children: g }) })
   ] });
 });
 export {
-  ie as default
+  re as default
 };

package/dist/SalesCampaignsSection.cjs

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