https://www.flexispot.com/assets/js/chunk-components-new-vision-flash-sale-index-a4891d79c10340db2326.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[4801],{76603:(function(Xe,z,c){c.r(z);var t=c(67294),ae=c(46066),U=c(66518),oe=c(21566),se=c(46113),V=c(16836),ce=c(12081),G=c(33432),S=c(59227),ie=c(59544),de=c(79618),ue=c(66250),K=c(64996),me=c(35977),ve=c(27484),_e=c.n(ve),fe=Object.defineProperty,ge=Object.defineProperties,Ee=Object.getOwnPropertyDescriptors,Y=Object.getOwnPropertySymbols,pe=Object.prototype.hasOwnProperty,Te=Object.prototype.propertyIsEnumerable,J=(l,n,r)=>n in l?fe(l,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):l[n]=r,m=(l,n)=>{for(var r in n||(n={}))pe.call(n,r)&&J(l,r,n[r]);if(Y)for(var r of Y(n))Te.call(n,r)&&J(l,r,n[r]);return l},R=(l,n)=>ge(l,Ee(n)),Pe=(l,n,r)=>new Promise((i,a)=>{var D=v=>{try{T(r.next(v))}catch(P){a(P)}},y=v=>{try{T(r.throw(v))}catch(P){a(P)}},T=v=>v.done?i(v.value):Promise.resolve(v.value).then(D,y);T((r=r.apply(l,n)).next())});const he=({type:l,onClick:n})=>t.createElement("div",{className:`arrow-wrap ${l==="left"?"arrow-wrap-left":"arrow-wrap-right"}`},t.createElement("div",{className:l==="left"?"arrow-left":"arrow-right",onClick:n})),C=(0,t.memo)(he);function De(l,n){const{lowPrc:r,originalPrc:i,itemId:a}=n||{},D=l[a]||{},{originPrice:y,salePrice:T}=D||{},v=T||(r==null?void 0:r.value)||0,P=y||(i==null?void 0:i.value)||0;return{price:v,originalPrc:P}}function Q(l,n){const{itemId:r}=n||{},i=l[r]||{},{total:a,stockText:D}=i||{};return{total:a,stockText:D}}function ye(l,n,r){if(!r)return{};const{itemId:i}=n||{},{image:a}=l[i]||{};return a!=null&&a.src?{mainImage:a.src,mainImageAlt:a==null?void 0:a._altText}:{}}function Oe(l,n,r){if(!r)return{};const{itemId:i}=n||{},{image:a}=l[i]||{};return a!=null&&a.src?{mainImageStack:a.src,mainImageStackAlt:a==null?void 0:a._altText}:{}}function Me(l,n,r){if(!r)return{};const{itemId:i}=n||{},{markText:a}=l[i]||{};return{markText:a}}z.default=(l=>{var n,r;const{tabsList:i=[],itemList:a=[],seckillProduct:D=[],seckillBefore:y,seckillDay:T,seckillNow:v,seckillFinish:P,priceObj:N=[],timeFormat:W,timeFormatString:b,mainImageList:Ie=[],mainImageStack:we=[],openReplaceImage:X,colorOriginPrice:ke,colorSalePrice:Se,fontSalePrice:Ae,fontOriginPrice:Ce,openUpAnimate:Ne=!0,sliderNum:q=3,slikeBgColor:be,btnBgColor:Le="linear-gradient(90deg, #014df2 0%, #cd0f18 100%)",blackBtn:Be=!1,newBoxBtn:xe=!1,openCustomMark:Ue=!1,markBgImage:L,markList:Ke=[],markColor:ee="#004df2",startTime:$,endTime:Z,startTimeDate:_,endTimeDate:h,textType:Re=!1}=l.designContext,[A,We]=(0,t.useState)(i.length&&i[0]||{}),{currentBreakpoint:F}=(0,oe.Z)(),te=F===U.cL.sm,$e=F===U.cL.md,[H,Ze]=(0,t.useState)([]),[Fe,He]=(0,t.useState)(!1);let je=(0,t.useMemo)(()=>{var e,o,s;let u=((s=(o=(e=l.serviceDatas)==null?void 0:e._DATA_)==null?void 0:o.data)==null?void 0:s.length)&&l.serviceDatas._DATA_.data||a||[];return(0,me.N$)(u,a)},[a,(r=(n=l.serviceDatas)==null?void 0:n._DATA_)==null?void 0:r.data]);const d=(0,t.useMemo)(()=>(H.forEach(e=>{let o=a.find(s=>e.itemId===s.itemId);e.chooseType=o.chooseType}),H.filter(e=>e.chooseType===A.title)),[a,A,H]),O=Number(F==="md"&&Number(q)!==5?2:q),ze={dots:!1,infinite:!1,speed:500,slidesToShow:O,slidesToScroll:1,nextArrow:(d==null?void 0:d.length)>O?t.createElement(C,{type:"right"}):null,prevArrow:(d==null?void 0:d.length)>O?t.createElement(C,{type:"left"}):null,arrows:(d==null?void 0:d.length)>O,responsive:[{breakpoint:1080,settings:{dots:!1,slidesToShow:3,slidesToScroll:1,nextArrow:(d==null?void 0:d.length)>3?t.createElement(C,{type:"right"}):null,prevArrow:(d==null?void 0:d.length)>3?t.createElement(C,{type:"left"}):null,arrows:(d==null?void 0:d.length)>3}},{breakpoint:848,settings:{dots:!1,slidesToShow:1,slidesToScroll:1,arrows:null}}],variableWidth:$e||te},Ve=(e,o,s="+0")=>{const u=[],p=[],g=[],f=new Date().getTime();return e.forEach(E=>{const{itemId:I}=E,x=o[I]||{};if(!$||!Z)return{};const w=_,k=h;f<w?p.push(R(m({},E),{startTime:w,endTime:k})):f>k?g.push(R(m({},E),{startTime:w,endTime:k})):u.push(R(m({},E),{startTime:w,endTime:k}))}),[...u,...p,...g]},Ge=()=>Pe(null,null,function*(){const e=yield(0,se.dS)(),o=Ve(je,D,e);Ze(o)});(0,t.useEffect)(()=>{Ge()},[te]);const j=(0,t.useMemo)(()=>i.map(e=>t.createElement("div",{className:`black524-flash-sales-tab ${(A==null?void 0:A.title)===(e==null?void 0:e.title)?"active":""}`,onClick:()=>We(e)},e==null?void 0:e.title)),[i,A]),ne=()=>{Fe||He(!0)};function M(e){const o=new Date((e==null?void 0:e.toString().length)===10?e*1e3:e),s=u=>String(u).padStart(2,"0");return`${o.getFullYear()}-${s(o.getMonth()+1)}-${s(o.getDate())} ${s(o.getHours())}:${s(o.getMinutes())}:${s(o.getSeconds())}`}const le=(0,t.useCallback)(e=>{const{urlKey:o,shopId:s,itemId:u}=e;if(!_||!h||h<_)return;let p="";(b||W)&&(p=(0,K.Z)(_e()(_).valueOf(),b||W,{locale:U.GA}));let g="",f="";const E=(0,K.Z)(new Date,"yyyy-MM-dd HH:mm:ss");return E<M(_)?_-new Date(E).getTime()<3600*24*1e3?(f="day",g=T||""):(f="before",g=y):E>h?(f="end",g=P):(f="now",g=v),t.createElement(ce.Z,{canClick:!0,className:"product-card-content-button",style:{"--btnBgColor":Le},disabled:f!=="now",onClick:()=>window.open((0,S.Ty)({urlKey:o,shopId:s,itemId:u}))},g,f==="day"?t.createElement(ie.Z,{value:_,onFinish:ne}):null,f==="before"?p:null)},[T,y,v,P,W,b,ne,$,Z,_,h]),B=(0,t.useCallback)(e=>{const{total:o,stockText:s}=e,u=`${s==null?"":s}`.trim();if(u)return u;if(o==null||`${o}`.trim()==="")return"";function p(f,E,I){const x=(0,K.Z)(new Date,"yyyy-MM-dd HH:mm:ss");if(x<f)return I;if(x>E)return 0;const w=new Date(x).getTime()-Date.parse(M(_)),k=Date.parse(M(h))-Date.parse(M(_)),Je=Math.floor(w/k*I),Qe=I-Je;return Math.max(Qe,0)}const g=p(M(_),M(h),Number(o));return g?`Only ${Math.floor(g)} available`:"Sold Out"},[h,_]),re=(0,t.useMemo)(()=>d.length?d.every(e=>!B(m(m({},e),Q(N,e)))):!1,[d,N,B]),Ye=(0,t.useCallback)(e=>{const{urlKey:o,shopId:s,itemId:u}=e,p=B(e);return t.createElement("div",{className:`black524-flash-sales-product-card ${!Ne&&"black524-flash-sales-product-card-noUp"} sliderNum-${O} ${Number(O)>=5?"sliderNum-small":""}`,style:{backgroundColor:be}},t.createElement("div",{className:"black524-flexispot-product-container"},t.createElement("div",{className:"tag-box"},L&&(e!=null&&e.markText)?null:t.createElement(ue.Z,{type:(e==null?void 0:e.markText)&&"CUSTOMIZE",value:e==null?void 0:e.markText,customInput:e==null?void 0:e.markText}),L&&(e!=null&&e.markText)?t.createElement("div",{className:"product-tag",style:{"--markBgImage":`url(${L.src})`,color:ee}},e==null?void 0:e.markText):null),t.createElement("div",{style:{position:"absolute"}},t.createElement(V.Z,{key:u,className:"product-card-image-stack",src:(0,de.pK)({src:e==null?void 0:e.mainImageStack}),alt:e==null?void 0:e.mainImageStackAlt,style:{zIndex:2},lazyLoad:!0})),t.createElement(V.Z,{className:"product-card-image",src:e==null?void 0:e.mainImage,alt:e==null?void 0:e.mainImageAlt,onClick:()=>window.open((0,S.Ty)({urlKey:o,shopId:s,itemId:u})),lazyLoad:!0})),t.createElement("div",{className:"product-card-content"},t.createElement("div",{className:"product-card-content-title cutwords-one-line",onClick:()=>window.open((0,S.Ty)({urlKey:o,shopId:s,itemId:u}))},e==null?void 0:e.itemShortName),t.createElement("div",{className:"product-card-content-subtitle cutwords-one-line",onClick:()=>window.open((0,S.Ty)({urlKey:o,shopId:s,itemId:u}))},Re?t.createElement("h3",{style:{margin:0,font:"inherit",color:"inherit",display:"inline"}},(e==null?void 0:e.itemName)||""):(e==null?void 0:e.itemName)||""),t.createElement("div",{className:"product-card-content-price",style:{marginBottom:0}},t.createElement("div",{className:"product-card-content-price-sale",style:{color:Se,fontFamily:Ae}},(0,G.Sg)({price:e==null?void 0:e.price})),(0,S.yV)(e==null?void 0:e.price,e==null?void 0:e.originalPrc)?t.createElement("div",{className:"product-card-content-price-origin",style:{color:ke,fontFamily:Ce}},(0,G.Sg)({price:e==null?void 0:e.originalPrc})):null),re?null:t.createElement("div",{className:"product-card-content-price product-card-content-goodDesc",style:{whiteSpace:"nowrap"}},p||"\xA0"),le(e)))},[le,re,L,ee,B,$,Z]);return t.createElement("div",{className:"new-black524-heiwu"},t.createElement("div",{className:`black524-flash-sales ${Be?"black-btn":xe?"new-box-btn":""}`},j!=null&&j.length?t.createElement("div",{className:"black524-flash-sales-tab-wrap"},j):null,t.createElement(ae.Z,m({},ze),d.map(e=>t.createElement("div",{className:"black524-flash-sales-product-card-wrap"},Ye(m(m(m(m(m(m({}

1,e),De(N,e)),ye(Ie,e,X)),Oe(we,e,X)),Me(Ke,e,Ue)),Q(N,e))))))))})})}]);