@lanaco/lnc-react-ui 4.0.228 → 4.0.229
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/SalesCampaignsSection.cjs +14 -14
- package/dist/SalesCampaignsSection.js +76 -76
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"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"),
|
|
1
|
+
"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"),D=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`
|
|
2
2
|
text-decoration: none;
|
|
3
3
|
color: var(--gray-950);
|
|
4
4
|
cursor: pointer;
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
@media ${
|
|
31
|
+
@media ${D.down("S")} {
|
|
32
32
|
width: 100%;
|
|
33
33
|
gap: 0;
|
|
34
34
|
|
|
@@ -62,10 +62,10 @@
|
|
|
62
62
|
}
|
|
63
63
|
}
|
|
64
64
|
|
|
65
|
-
@media ${
|
|
65
|
+
@media ${D.down("S")} {
|
|
66
66
|
width: 14.5rem;
|
|
67
67
|
}
|
|
68
|
-
`,
|
|
68
|
+
`,De=S.styled.div`
|
|
69
69
|
flex: 1;
|
|
70
70
|
display: flex;
|
|
71
71
|
flex-direction: column;
|
|
@@ -148,7 +148,7 @@
|
|
|
148
148
|
color: var(--gray-600, #676e79);
|
|
149
149
|
}
|
|
150
150
|
|
|
151
|
-
@media ${
|
|
151
|
+
@media ${D.down("S")} {
|
|
152
152
|
padding: 1rem 0 0 0;
|
|
153
153
|
|
|
154
154
|
& .campaign-title-text {
|
|
@@ -179,7 +179,7 @@
|
|
|
179
179
|
${t?"":"flex-wrap: nowrap;"}
|
|
180
180
|
${n?"align-items: center;":""}
|
|
181
181
|
${a?"justify-content: center;":""}
|
|
182
|
-
`,
|
|
182
|
+
`,Ie=S.styled.a`
|
|
183
183
|
text-decoration: none;
|
|
184
184
|
color: var(--gray-950);
|
|
185
185
|
${n=>n.hasPermission===!0&&"cursor: pointer"};
|
|
@@ -251,7 +251,7 @@
|
|
|
251
251
|
background-color: var(--gray-95080, #14161acc);
|
|
252
252
|
}
|
|
253
253
|
|
|
254
|
-
@media ${
|
|
254
|
+
@media ${D.down("S")} {
|
|
255
255
|
padding: 0;
|
|
256
256
|
font-size: 0.875rem;
|
|
257
257
|
}
|
|
@@ -277,7 +277,7 @@
|
|
|
277
277
|
& i {
|
|
278
278
|
font-size: 0.813rem;
|
|
279
279
|
}
|
|
280
|
-
`,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:
|
|
280
|
+
`,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:I,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(Ie,{onClick:g=>{g==null||g.preventDefault(),g.stopPropagation(),a===!0&&(u==null||u())},...p,key:f,className:`profile-item ${v}`,hasPermission:a,isActive:I,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:I,shopImageComponent:v,className:y,onSelectCard:$=()=>{},onSelectShop:C=()=>{},upcoming:z=!1,upcomingCampaignText:d,campaignSingleText:p,salesCampaignTypes:g=[],startsInPrefixTextPlural:A,startsinSuffixTextPlural:F,startsInPrefixTextSingular:q,startsinSuffixTextSingular:H,endsInPrefixTextPlural:X,endsinSuffixTextPlural:ee,endsInPrefixTextSingular:Y,endsinSuffixTextSingular:ne,endedText:Z,themeData:re,numberOfListings:T,numberOfListingsTextSingular:G,numberOfListingsTextPlural:L,metadata:e,LinkComponent:M,sponsored:te,...J}=n,he=M||"a",oe=s.useRef(),E=w.getDayNumberPrecise(l,h),B=E!==-1&&(E==null?void 0:E.isEnded)===!0,O=E!==-1&&!B,U=w.calcDaysUntil(l),ae=w.normalizeDate(h),se=ae?new Date(ae):null,pe=new Date,K=se?se.getTime()-pe.getTime():null,V=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(!V)return;const x=setInterval(()=>{ve(new Date)},1e3);return()=>clearInterval(x)},[V]);const W=V?be():null,Q=!!(O&&!B&&V&&W),ye=Q||B||!O&&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,...M?{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(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:(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:L,ye?" ∙ ":""]}),r.jsx("span",{className:`duration-text ${Q?"urgent":""} ${O?"":"starts-in"}`,children:Q?r.jsxs("div",{className:"countdown-timer",children:[Y," ",W.hours.toString().padStart(2,"0"),":",W.minutes.toString().padStart(2,"0"),":",W.seconds.toString().padStart(2,"0")]}):B?Z||"Završena":!O&&U!==null&&U>0?xe(q,A,U,H,F):null})]})]})}),r.jsx(Pe,{hasPermission:!0,image:r.jsx(Re,{src:I}),imageComponent:v,themeData:re,isActive:!0,isUser:!1,name:k,shopCategory:u,uuid:i,onClick:()=>C(i)})]})]})}),Ue=S.styled.div`
|
|
281
281
|
margin: 0 auto;
|
|
282
282
|
display: flex;
|
|
283
283
|
flex-direction: column;
|
|
@@ -328,7 +328,7 @@
|
|
|
328
328
|
}
|
|
329
329
|
}
|
|
330
330
|
|
|
331
|
-
@media ${
|
|
331
|
+
@media ${D.down("S")} {
|
|
332
332
|
gap: 1.25rem;
|
|
333
333
|
|
|
334
334
|
& .scrollable-section__header {
|
|
@@ -346,11 +346,11 @@
|
|
|
346
346
|
gap: 1.5rem;
|
|
347
347
|
width: 100%;
|
|
348
348
|
|
|
349
|
-
@media ${
|
|
349
|
+
@media ${D.only("M")} {
|
|
350
350
|
grid-template-columns: repeat(${n=>(n==null?void 0:n.tabletNumOfColumns)??2}, 1fr);
|
|
351
351
|
}
|
|
352
352
|
|
|
353
|
-
@media ${
|
|
353
|
+
@media ${D.down("S")} {
|
|
354
354
|
display: flex;
|
|
355
355
|
flex-wrap: nowrap;
|
|
356
356
|
overflow-x: scroll;
|
|
@@ -372,7 +372,7 @@
|
|
|
372
372
|
/* Safari and Chrome */
|
|
373
373
|
}
|
|
374
374
|
}
|
|
375
|
-
`,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,
|
|
375
|
+
`,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,I]=s.useState(1),v=fe.useDetectMobile(),y=(l==null?void 0:l.length)??1;s.useEffect(()=>{const d=()=>{I(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`
|
|
376
376
|
display: flex;
|
|
377
377
|
flex: 1;
|
|
378
378
|
width: 100%;
|
|
@@ -390,7 +390,7 @@
|
|
|
390
390
|
object-fit: cover;
|
|
391
391
|
}
|
|
392
392
|
`,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)`
|
|
393
|
-
@media ${
|
|
393
|
+
@media ${D.down("S")} {
|
|
394
394
|
flex-direction: column;
|
|
395
395
|
|
|
396
396
|
& .skeleton__image {
|
|
@@ -404,4 +404,4 @@
|
|
|
404
404
|
}
|
|
405
405
|
}
|
|
406
406
|
}
|
|
407
|
-
`,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:
|
|
407
|
+
`,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:I,startsinSuffixTextSingular:v,endsInPrefixTextPlural:y,endsinSuffixTextPlural:$,endsInPrefixTextSingular:C,endsinSuffixTextSingular:z,endedText:d,numOfSlides:p=4,showNavigation:g=!0,numberOfListingsTextSingular:A,numberOfListingsTextPlural:F,itemlessImageUrl:q,itemlessMaxHeight:H,handleItemlessLink:X=()=>{},componentName:ee,hasNextPage:Y=!1,handleFetchNextPage:ne=()=>{},LinkComponent:Z},re)=>{const T=fe.useDetectMobile(),G=s.useMemo(()=>{let L=t==null?void 0:t.map((e,M)=>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:I,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:A,numberOfListingsTextPlural:F,metadata:{name:ee,accessor:e==null?void 0:e.accessor},LinkComponent:Z,sponsored:e==null?void 0:e.sponsored},`campaign__item__${M}__${e==null?void 0:e.startDate}___${e==null?void 0:e.endDate}`));return(t==null?void 0:t.length)<4&&!T&&q?[...L,r.jsx(Be,{imageUrl:q,className:"campaign-item",maxHeight:H,handleClick:X},"itemless-campaign-section-banner")]:L},[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;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { jsx as r, jsxs as
|
|
2
|
-
import { forwardRef as M, useRef as be, useEffect as ne, Fragment as Pe, createElement as Le, useState as X, Suspense as
|
|
1
|
+
import { jsx as r, jsxs as i, Fragment as Te } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as M, useRef as be, useEffect as ne, Fragment as Pe, createElement as Le, useState as X, Suspense as Ee, memo as Ue, useMemo as Me } from "react";
|
|
3
3
|
import { s as w } from "./emotion-styled.browser.esm-DfbrHHed.js";
|
|
4
4
|
import { b as re, l as ee, m as je, z as Oe, A as Re, B as me } from "./utils-BUdHa0nB.js";
|
|
5
5
|
import { d as T, o as Be } from "./breakpoints-BubDitvo.js";
|
|
@@ -11,7 +11,7 @@ import fe from "./IconButton.js";
|
|
|
11
11
|
import { u as Se } from "./useDetectMobile-B0Jog4jQ.js";
|
|
12
12
|
import { I as We } from "./index-DMmw5Ad5.js";
|
|
13
13
|
import { m as Ae } from "./motion-Ckekul_K.js";
|
|
14
|
-
import { S as Fe, c as he, d as He, e as qe, a as
|
|
14
|
+
import { S as Fe, c as he, d as He, e as qe, a as U, f as Ye } from "./style-BFPpppS9.js";
|
|
15
15
|
const Ze = w.a`
|
|
16
16
|
text-decoration: none;
|
|
17
17
|
color: var(--gray-950);
|
|
@@ -295,12 +295,12 @@ const Ze = w.a`
|
|
|
295
295
|
const a = be();
|
|
296
296
|
return ne(() => {
|
|
297
297
|
var p;
|
|
298
|
-
const
|
|
298
|
+
const s = (f) => {
|
|
299
299
|
f.target.src = pe, f.onerror = null;
|
|
300
300
|
};
|
|
301
|
-
return (p = a == null ? void 0 : a.current) == null || p.addEventListener("error",
|
|
301
|
+
return (p = a == null ? void 0 : a.current) == null || p.addEventListener("error", s), () => {
|
|
302
302
|
var f;
|
|
303
|
-
(f = a == null ? void 0 : a.current) == null || f.removeEventListener("error",
|
|
303
|
+
(f = a == null ? void 0 : a.current) == null || f.removeEventListener("error", s);
|
|
304
304
|
};
|
|
305
305
|
}, []), /* @__PURE__ */ r(Pe, { ref: o, children: ee(n) ? /* @__PURE__ */ r("img", { ref: a, src: n, ...t }) : /* @__PURE__ */ r("img", { src: pe, ...t }) });
|
|
306
306
|
}), nn = (n) => {
|
|
@@ -308,7 +308,7 @@ const Ze = w.a`
|
|
|
308
308
|
uuid: t,
|
|
309
309
|
hasPermission: o = !0,
|
|
310
310
|
isUser: a,
|
|
311
|
-
image:
|
|
311
|
+
image: s,
|
|
312
312
|
imageComponent: p,
|
|
313
313
|
name: f,
|
|
314
314
|
notifications: S = 0,
|
|
@@ -346,8 +346,8 @@ const Ze = w.a`
|
|
|
346
346
|
as: I,
|
|
347
347
|
...C ? { to: `/${a ? "user" : "shop"}/${t}` } : { href: `/${a ? "user" : "shop"}/${t}` }
|
|
348
348
|
},
|
|
349
|
-
/* @__PURE__ */ r("div", { className: "logo-wrapper", children: je(p) ? p :
|
|
350
|
-
/* @__PURE__ */
|
|
349
|
+
/* @__PURE__ */ r("div", { className: "logo-wrapper", children: je(p) ? p : s }),
|
|
350
|
+
/* @__PURE__ */ i("div", { children: [
|
|
351
351
|
/* @__PURE__ */ r("div", { className: "name", children: f }),
|
|
352
352
|
!a && /* @__PURE__ */ r("div", { className: "description", children: v }),
|
|
353
353
|
S > 0 && /* @__PURE__ */ r("div", { className: "notifications-number", children: /* @__PURE__ */ r(Ve, { className: "badge", color: "danger", size: "small", children: S > 99 ? "99+" : S }) })
|
|
@@ -362,7 +362,7 @@ const Ze = w.a`
|
|
|
362
362
|
var ge;
|
|
363
363
|
const o = we(), {
|
|
364
364
|
uuid: a,
|
|
365
|
-
shopUuid:
|
|
365
|
+
shopUuid: s,
|
|
366
366
|
title: p = "",
|
|
367
367
|
// description,
|
|
368
368
|
// badges,
|
|
@@ -385,24 +385,24 @@ const Ze = w.a`
|
|
|
385
385
|
upcomingCampaignText: d,
|
|
386
386
|
campaignSingleText: u,
|
|
387
387
|
salesCampaignTypes: g = [],
|
|
388
|
-
startsInPrefixTextPlural:
|
|
389
|
-
startsinSuffixTextPlural:
|
|
390
|
-
startsInPrefixTextSingular:
|
|
388
|
+
startsInPrefixTextPlural: F,
|
|
389
|
+
startsinSuffixTextPlural: H,
|
|
390
|
+
startsInPrefixTextSingular: j,
|
|
391
391
|
startsinSuffixTextSingular: q,
|
|
392
392
|
endsInPrefixTextPlural: te,
|
|
393
393
|
endsinSuffixTextPlural: ae,
|
|
394
394
|
endsInPrefixTextSingular: Y,
|
|
395
395
|
endsinSuffixTextSingular: oe,
|
|
396
396
|
endedText: Z,
|
|
397
|
-
themeData:
|
|
397
|
+
themeData: ie,
|
|
398
398
|
numberOfListings: z,
|
|
399
399
|
numberOfListingsTextSingular: G,
|
|
400
|
-
numberOfListingsTextPlural:
|
|
400
|
+
numberOfListingsTextPlural: O,
|
|
401
401
|
metadata: e,
|
|
402
|
-
LinkComponent:
|
|
403
|
-
sponsored:
|
|
402
|
+
LinkComponent: R,
|
|
403
|
+
sponsored: se,
|
|
404
404
|
...J
|
|
405
|
-
} = n, ye =
|
|
405
|
+
} = n, ye = R || "a", le = be(), L = Oe(l, h), B = L !== -1 && (L == null ? void 0 : L.isEnded) === !0, V = L !== -1 && !B, E = Re(l), ce = me(h), de = ce ? new Date(ce) : null, $e = /* @__PURE__ */ new Date(), K = de ? de.getTime() - $e.getTime() : null, W = K !== null && K > 0 && K < 24 * 60 * 60 * 1e3, _e = (x, P, k, $, D) => k === 1 ? `${x} ${k} ${$}` : `${P} ${k} ${D}`, Ce = () => {
|
|
406
406
|
if (!h) return null;
|
|
407
407
|
const x = me(h), P = x ? new Date(x) : null;
|
|
408
408
|
if (!P) return null;
|
|
@@ -412,14 +412,14 @@ const Ze = w.a`
|
|
|
412
412
|
return { hours: D, minutes: ze, seconds: De };
|
|
413
413
|
}, [ke, Ne] = X(/* @__PURE__ */ new Date());
|
|
414
414
|
ne(() => {
|
|
415
|
-
if (!
|
|
415
|
+
if (!W) return;
|
|
416
416
|
const x = setInterval(() => {
|
|
417
417
|
Ne(/* @__PURE__ */ new Date());
|
|
418
418
|
}, 1e3);
|
|
419
419
|
return () => clearInterval(x);
|
|
420
|
-
}, [
|
|
421
|
-
const
|
|
422
|
-
return /* @__PURE__ */
|
|
420
|
+
}, [W]);
|
|
421
|
+
const A = W ? Ce() : null, Q = !!(V && !B && W && A), Ie = Q || B || !V && E !== null && E > 0;
|
|
422
|
+
return /* @__PURE__ */ i(
|
|
423
423
|
Ze,
|
|
424
424
|
{
|
|
425
425
|
ref: le,
|
|
@@ -429,11 +429,11 @@ const Ze = w.a`
|
|
|
429
429
|
"data-accessor": e == null ? void 0 : e.accessor,
|
|
430
430
|
onClick: (x) => y(x, le),
|
|
431
431
|
as: ye,
|
|
432
|
-
...
|
|
433
|
-
sponsored:
|
|
432
|
+
...R ? { to: `/shop/${s}/campaign/${a}` } : { href: `/shop/${s}/campaign/${a}` },
|
|
433
|
+
sponsored: se,
|
|
434
434
|
...J,
|
|
435
435
|
children: [
|
|
436
|
-
/* @__PURE__ */
|
|
436
|
+
/* @__PURE__ */ i(Ge, { theme: o, children: [
|
|
437
437
|
/* @__PURE__ */ r("img", { src: f }),
|
|
438
438
|
/* @__PURE__ */ r(Qe, { children: c == null ? void 0 : c.map((x, P) => {
|
|
439
439
|
var k, $;
|
|
@@ -453,40 +453,40 @@ const Ze = w.a`
|
|
|
453
453
|
);
|
|
454
454
|
}) })
|
|
455
455
|
] }),
|
|
456
|
-
/* @__PURE__ */
|
|
457
|
-
/* @__PURE__ */ r("div", { className: "text-block-wrapper", children: /* @__PURE__ */
|
|
456
|
+
/* @__PURE__ */ i(Je, { theme: o, children: [
|
|
457
|
+
/* @__PURE__ */ r("div", { className: "text-block-wrapper", children: /* @__PURE__ */ i("div", { className: "title-block-wrapper", children: [
|
|
458
458
|
/* @__PURE__ */ r("div", { className: "campaign-title", children: (ge = I ? d : u) == null ? void 0 : ge.toUpperCase() }),
|
|
459
459
|
/* @__PURE__ */ r("div", { className: "campaign-title-text", children: p }),
|
|
460
|
-
h && l && /* @__PURE__ */
|
|
460
|
+
h && l && /* @__PURE__ */ i("div", { className: "campaign-date", children: [
|
|
461
461
|
xe(l),
|
|
462
462
|
" - ",
|
|
463
463
|
xe(h)
|
|
464
464
|
] }),
|
|
465
|
-
/* @__PURE__ */
|
|
466
|
-
z > 0 && /* @__PURE__ */
|
|
465
|
+
/* @__PURE__ */ i("div", { className: "timestamp-text", children: [
|
|
466
|
+
z > 0 && /* @__PURE__ */ i("span", { className: "listings-text", children: [
|
|
467
467
|
z,
|
|
468
468
|
" ",
|
|
469
|
-
z === 1 ? G :
|
|
469
|
+
z === 1 ? G : O,
|
|
470
470
|
Ie ? " ∙ " : ""
|
|
471
471
|
] }),
|
|
472
472
|
/* @__PURE__ */ r(
|
|
473
473
|
"span",
|
|
474
474
|
{
|
|
475
|
-
className: `duration-text ${Q ? "urgent" : ""} ${
|
|
476
|
-
children: Q ? /* @__PURE__ */
|
|
475
|
+
className: `duration-text ${Q ? "urgent" : ""} ${V ? "" : "starts-in"}`,
|
|
476
|
+
children: Q ? /* @__PURE__ */ i("div", { className: "countdown-timer", children: [
|
|
477
477
|
Y,
|
|
478
478
|
" ",
|
|
479
|
-
|
|
479
|
+
A.hours.toString().padStart(2, "0"),
|
|
480
480
|
":",
|
|
481
|
-
|
|
481
|
+
A.minutes.toString().padStart(2, "0"),
|
|
482
482
|
":",
|
|
483
|
-
|
|
484
|
-
] }) :
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
483
|
+
A.seconds.toString().padStart(2, "0")
|
|
484
|
+
] }) : B ? Z || "Završena" : !V && E !== null && E > 0 ? _e(
|
|
485
|
+
j,
|
|
486
|
+
F,
|
|
487
|
+
E,
|
|
488
488
|
q,
|
|
489
|
-
|
|
489
|
+
H
|
|
490
490
|
) : null
|
|
491
491
|
}
|
|
492
492
|
)
|
|
@@ -498,13 +498,13 @@ const Ze = w.a`
|
|
|
498
498
|
hasPermission: !0,
|
|
499
499
|
image: /* @__PURE__ */ r(en, { src: N }),
|
|
500
500
|
imageComponent: b,
|
|
501
|
-
themeData:
|
|
501
|
+
themeData: ie,
|
|
502
502
|
isActive: !0,
|
|
503
503
|
isUser: !1,
|
|
504
504
|
name: _,
|
|
505
505
|
shopCategory: m,
|
|
506
|
-
uuid:
|
|
507
|
-
onClick: () => C(
|
|
506
|
+
uuid: s,
|
|
507
|
+
onClick: () => C(s)
|
|
508
508
|
}
|
|
509
509
|
)
|
|
510
510
|
] })
|
|
@@ -612,7 +612,7 @@ const Ze = w.a`
|
|
|
612
612
|
title: t,
|
|
613
613
|
numOfSlides: o = 4,
|
|
614
614
|
tabletNumOfSlides: a,
|
|
615
|
-
showNavigation:
|
|
615
|
+
showNavigation: s = !0,
|
|
616
616
|
hasNextPage: p = !1,
|
|
617
617
|
className: f = "",
|
|
618
618
|
handleFetchNextPage: S = () => {
|
|
@@ -635,8 +635,8 @@ const Ze = w.a`
|
|
|
635
635
|
var u;
|
|
636
636
|
(u = d == null ? void 0 : d.target) == null || u.blur(), c - m >= 0 && _(c - m);
|
|
637
637
|
};
|
|
638
|
-
return /* @__PURE__ */
|
|
639
|
-
/* @__PURE__ */ r("div", { className: "scrollable-section__header", children: /* @__PURE__ */
|
|
638
|
+
return /* @__PURE__ */ i(tn, { ref: h, className: f, children: [
|
|
639
|
+
/* @__PURE__ */ r("div", { className: "scrollable-section__header", children: /* @__PURE__ */ i("div", { className: "scrollable-section__title", children: [
|
|
640
640
|
ee(n) && /* @__PURE__ */ r(
|
|
641
641
|
ve,
|
|
642
642
|
{
|
|
@@ -646,12 +646,12 @@ const Ze = w.a`
|
|
|
646
646
|
className: "title__icon"
|
|
647
647
|
}
|
|
648
648
|
),
|
|
649
|
-
ee(t) && /* @__PURE__ */
|
|
649
|
+
ee(t) && /* @__PURE__ */ i("div", { className: "title__text", children: [
|
|
650
650
|
" ",
|
|
651
651
|
t
|
|
652
652
|
] })
|
|
653
653
|
] }) }),
|
|
654
|
-
/* @__PURE__ */
|
|
654
|
+
/* @__PURE__ */ i(
|
|
655
655
|
an,
|
|
656
656
|
{
|
|
657
657
|
numOfColumns: o,
|
|
@@ -674,7 +674,7 @@ const Ze = w.a`
|
|
|
674
674
|
},
|
|
675
675
|
`scrollable-section__content-${c}`
|
|
676
676
|
),
|
|
677
|
-
|
|
677
|
+
s && v > m && !b && /* @__PURE__ */ i("div", { className: "scrollable-section__navigation", children: [
|
|
678
678
|
/* @__PURE__ */ r(
|
|
679
679
|
fe,
|
|
680
680
|
{
|
|
@@ -725,14 +725,14 @@ const Ze = w.a`
|
|
|
725
725
|
imageUrl: t,
|
|
726
726
|
maxHeight: o = "16.25rem",
|
|
727
727
|
className: a = "",
|
|
728
|
-
handleClick:
|
|
728
|
+
handleClick: s = () => {
|
|
729
729
|
}
|
|
730
730
|
}, p) => /* @__PURE__ */ r(
|
|
731
731
|
sn,
|
|
732
732
|
{
|
|
733
733
|
ref: p,
|
|
734
734
|
maxHeight: o,
|
|
735
|
-
onClick:
|
|
735
|
+
onClick: s,
|
|
736
736
|
className: `itemless-banner ${a}`,
|
|
737
737
|
children: /* @__PURE__ */ r("img", { src: t, alt: `itemless-banner__${n}` })
|
|
738
738
|
}
|
|
@@ -752,16 +752,16 @@ const Ze = w.a`
|
|
|
752
752
|
}
|
|
753
753
|
}
|
|
754
754
|
}
|
|
755
|
-
`, dn = ({ keyPrefix: n }) => /* @__PURE__ */ r(cn, { children: [1, 2].map((t) => /* @__PURE__ */
|
|
755
|
+
`, dn = ({ keyPrefix: n }) => /* @__PURE__ */ r(cn, { children: [1, 2].map((t) => /* @__PURE__ */ i(he, { children: [
|
|
756
756
|
/* @__PURE__ */ r(He, { size: "13.75rem", className: "skeleton__image" }),
|
|
757
|
-
/* @__PURE__ */
|
|
758
|
-
/* @__PURE__ */ r(
|
|
759
|
-
/* @__PURE__ */ r(
|
|
760
|
-
/* @__PURE__ */ r(
|
|
761
|
-
/* @__PURE__ */ r(
|
|
762
|
-
/* @__PURE__ */
|
|
757
|
+
/* @__PURE__ */ i(qe, { children: [
|
|
758
|
+
/* @__PURE__ */ r(U, { width: "100%", height: "1rem" }),
|
|
759
|
+
/* @__PURE__ */ r(U, { width: "100%", height: "1.75rem" }),
|
|
760
|
+
/* @__PURE__ */ r(U, { width: "100%", height: "1.25rem" }),
|
|
761
|
+
/* @__PURE__ */ r(U, { width: "100%", height: "2rem" }),
|
|
762
|
+
/* @__PURE__ */ i(he, { alignItems: "center", children: [
|
|
763
763
|
/* @__PURE__ */ r(Ye, { size: "2.5rem" }),
|
|
764
|
-
/* @__PURE__ */ r(
|
|
764
|
+
/* @__PURE__ */ r(U, { width: "5rem", height: "1.25rem" })
|
|
765
765
|
] })
|
|
766
766
|
] })
|
|
767
767
|
] }, `${n}-${t}`)) }), gn = ({
|
|
@@ -769,13 +769,13 @@ const Ze = w.a`
|
|
|
769
769
|
isLoading: t = !1,
|
|
770
770
|
fallbackComponent: o = /* @__PURE__ */ r(Te, {}),
|
|
771
771
|
children: a
|
|
772
|
-
}) => /* @__PURE__ */ r(
|
|
772
|
+
}) => /* @__PURE__ */ r(Ee, { fallbackComponent: o, children: t === !0 ? /* @__PURE__ */ r(dn, { keyPrefix: n }) : a }), mn = Ue(rn), Nn = M(
|
|
773
773
|
({
|
|
774
774
|
sellerType: n = "Shop",
|
|
775
775
|
items: t = [],
|
|
776
776
|
title: o,
|
|
777
777
|
icon: a,
|
|
778
|
-
isLoading:
|
|
778
|
+
isLoading: s,
|
|
779
779
|
onSelectCard: p = () => {
|
|
780
780
|
},
|
|
781
781
|
onSelectShop: f = () => {
|
|
@@ -796,9 +796,9 @@ const Ze = w.a`
|
|
|
796
796
|
endedText: d,
|
|
797
797
|
numOfSlides: u = 4,
|
|
798
798
|
showNavigation: g = !0,
|
|
799
|
-
numberOfListingsTextSingular:
|
|
800
|
-
numberOfListingsTextPlural:
|
|
801
|
-
itemlessImageUrl:
|
|
799
|
+
numberOfListingsTextSingular: F,
|
|
800
|
+
numberOfListingsTextPlural: H,
|
|
801
|
+
itemlessImageUrl: j,
|
|
802
802
|
itemlessMaxHeight: q,
|
|
803
803
|
handleItemlessLink: te = () => {
|
|
804
804
|
},
|
|
@@ -807,9 +807,9 @@ const Ze = w.a`
|
|
|
807
807
|
handleFetchNextPage: oe = () => {
|
|
808
808
|
},
|
|
809
809
|
LinkComponent: Z
|
|
810
|
-
},
|
|
810
|
+
}, ie) => {
|
|
811
811
|
const z = Se(), G = Me(() => {
|
|
812
|
-
let
|
|
812
|
+
let O = t == null ? void 0 : t.map((e, R) => /* @__PURE__ */ r(
|
|
813
813
|
mn,
|
|
814
814
|
{
|
|
815
815
|
className: `campaign-item ${(t == null ? void 0 : t.length) === 1 ? "horizontal-campaign-item" : ""}`,
|
|
@@ -829,7 +829,7 @@ const Ze = w.a`
|
|
|
829
829
|
startDate: e == null ? void 0 : e.startDate,
|
|
830
830
|
title: e == null ? void 0 : e.name,
|
|
831
831
|
uuid: e == null ? void 0 : e.campaignUuid,
|
|
832
|
-
onSelectCard: (
|
|
832
|
+
onSelectCard: (se, J) => p(e == null ? void 0 : e.campaignUuid, e == null ? void 0 : e.shopUuid, J),
|
|
833
833
|
onSelectShop: () => f(e == null ? void 0 : e.shopUuid),
|
|
834
834
|
campaignSingleText: l,
|
|
835
835
|
upcomingCampaignText: h,
|
|
@@ -846,32 +846,32 @@ const Ze = w.a`
|
|
|
846
846
|
endedText: d,
|
|
847
847
|
themeData: e == null ? void 0 : e.themeData,
|
|
848
848
|
numberOfListings: e == null ? void 0 : e.numberOfListings,
|
|
849
|
-
numberOfListingsTextSingular:
|
|
850
|
-
numberOfListingsTextPlural:
|
|
849
|
+
numberOfListingsTextSingular: F,
|
|
850
|
+
numberOfListingsTextPlural: H,
|
|
851
851
|
metadata: { name: ae, accessor: e == null ? void 0 : e.accessor },
|
|
852
852
|
LinkComponent: Z,
|
|
853
853
|
sponsored: e == null ? void 0 : e.sponsored
|
|
854
854
|
},
|
|
855
|
-
`campaign__item__${
|
|
855
|
+
`campaign__item__${R}__${e == null ? void 0 : e.startDate}___${e == null ? void 0 : e.endDate}`
|
|
856
856
|
));
|
|
857
|
-
return (t == null ? void 0 : t.length) < 4 && !z ? [
|
|
858
|
-
...
|
|
857
|
+
return (t == null ? void 0 : t.length) < 4 && !z && j ? [
|
|
858
|
+
...O,
|
|
859
859
|
/* @__PURE__ */ r(
|
|
860
860
|
ln,
|
|
861
861
|
{
|
|
862
|
-
imageUrl:
|
|
862
|
+
imageUrl: j,
|
|
863
863
|
className: "campaign-item",
|
|
864
864
|
maxHeight: q,
|
|
865
865
|
handleClick: te
|
|
866
866
|
},
|
|
867
867
|
"itemless-campaign-section-banner"
|
|
868
868
|
)
|
|
869
|
-
] :
|
|
869
|
+
] : O;
|
|
870
870
|
}, [t]);
|
|
871
871
|
return /* @__PURE__ */ r(
|
|
872
872
|
gn,
|
|
873
873
|
{
|
|
874
|
-
isLoading:
|
|
874
|
+
isLoading: s,
|
|
875
875
|
keyPrefix: "sales-campaign-skeleton",
|
|
876
876
|
children: /* @__PURE__ */ r(
|
|
877
877
|
on,
|