https://www.flexispot.ca/assets/js/chunk-components-black5-video-index-c69d44e06b1b1257fbe6.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[4622],{60504:(function(Qe,X,a){a.r(X),a.d(X,{default:function(){return He}});var e=a(67294),se=a(46066),F=a(56359),me=a(48086),de=a(50146),ue=a(26703),ve=a(85794),fe=a(51719),N=a(1413),pe={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm154.7 454.5l-246 178c-5.3 3.8-12.7 0-12.7-6.5v-46.9c0-10.2 4.9-19.9 13.2-25.9L566.6 512 421.2 406.8c-8.3-6-13.2-15.6-13.2-25.9V334c0-6.5 7.4-10.3 12.7-6.5l246 178c4.4 3.2 4.4 9.8 0 13z"}}]},name:"right-circle",theme:"filled"},Ee=pe,$=a(27029),he=function(t,l){return e.createElement($.Z,(0,N.Z)((0,N.Z)({},t),{},{ref:l,icon:Ee}))},ge=e.forwardRef(he),be=ge,Se={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm104 316.9c0 10.2-4.9 19.9-13.2 25.9L457.4 512l145.4 105.2c8.3 6 13.2 15.6 13.2 25.9V690c0 6.5-7.4 10.3-12.7 6.5l-246-178a7.95 7.95 0 010-12.9l246-178a8 8 0 0112.7 6.5v46.8z"}}]},name:"left-circle",theme:"filled"},ye=Se,Ne=function(t,l){return e.createElement($.Z,(0,N.Z)((0,N.Z)({},t),{},{ref:l,icon:ye}))},Ce=e.forwardRef(Ne),Te=Ce,Oe=a(79508),Pe=a(46498),q=a(66518),x=a(79618);const Ie=()=>(0,x.WY)("/api/get-time",{method:"GET",data:[]});var ke=a(46445),_=a(33432),we=a(66250),Le=a(40136),ee=a(59227),Fe=a(27484),te=a.n(Fe),xe=Object.defineProperty,le=Object.getOwnPropertySymbols,De=Object.prototype.hasOwnProperty,Ze=Object.prototype.propertyIsEnumerable,ae=(c,t,l)=>t in c?xe(c,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):c[t]=l,D=(c,t)=>{for(var l in t||(t={}))De.call(t,l)&&ae(c,l,t[l]);if(le)for(var l of le(t))Ze.call(t,l)&&ae(c,l,t[l]);return c};const C={width:180,height:180};function ze(c){const{product:t={},index:l,curIndex:O,curTimezoneOffset:E,timezoneOffset:Z}=c,[h,v]=(0,e.useState)(!1),[z,A]=(0,e.useState)(!1),[P,n]=(0,e.useState)(!1),{itemId:I,outerId:M,mainImage:R,itemName:k,price:i=0,shopId:H,originalPrc:d=0,listMedia:f,listMediaType:g,itemShortName:j,itemFootMarkType:b,itemFootMarkValue:u,itemFootMark:V,urlKey:B,startTime:oe,shopAlt:w}=t,U=(0,ee.Ty)({urlKey:B,shopId:H,itemId:I});function G(){v(!0),A(!0)}function S(){v(!1)}(0,e.useEffect)(()=>{const y=setTimeout(()=>{n(!0)},1e3);return()=>{clearTimeout(y)}},[]);const ne=y=>{const K=te()(y).valueOf()+(E-Z)*3600*1e3;return te()(K).format("HH:mm")},p=l+1===O+1;return e.createElement("div",{className:"black5-video-product",style:{marginTop:p?"0px":""}},e.createElement(ke.r,{to:U,target:"_blank"},e.createElement("div",{className:"black5-video-image-wrap",onMouseEnter:G,onMouseLeave:S},!!b&&e.createElement(we.Z,{type:b,value:u,customImg:V,originalPrc:d,salePrc:i}),e.createElement("div",{className:"black5-video-product-index"},l+1),h&&g==="VIDEO"&&f?e.createElement("div",{style:C},e.createElement("video",{src:f,style:{width:"100%",height:"100%"},autoPlay:!0,muted:!0})):h&&f?e.createElement("div",null,e.createElement(F.Z,{src:(0,x.pK)(D({src:f},C)),alt:w})):P?e.createElement(F.Z,{lazyLoad:!z,src:(0,x.pK)(D({src:R},C)),alt:w}):e.createElement("div",{style:D({},C)}))),e.createElement("div",{className:"black5-video-product-right"},e.createElement("div",{className:"black5-video-product-itemName"},j),e.createElement("div",{className:"black5-video-product-itemLongName"},k),e.createElement("div",{className:"black5-video-product-price"},e.createElement("span",{className:"black5-video-integer-price",translate:"no"},(0,_.Sg)({price:i})),d&&(0,ee.yV)(i,d)?e.createElement("span",{className:"black5-video-origin-price",translate:"no"},(0,_.Sg)({price:d})):null),e.createElement(Le.Mh,{productId:M||I}),p&&e.createElement("div",{className:"black5-video-product-dot",style:{fontSize:14,fontWeight:400,color:"#DF3409"}},"Featured Now")))}var Ae=Object.defineProperty,re=Object.getOwnPropertySymbols,Me=Object.prototype.hasOwnProperty,Re=Object.prototype.propertyIsEnumerable,ce=(c,t,l)=>t in c?Ae(c,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):c[t]=l,T=(c,t)=>{for(var l in t||(t={}))Me.call(t,l)&&ce(c,l,t[l]);if(re)for(var l of re(t))Re.call(t,l)&&ce(c,l,t[l]);return c},He=(c=>{var t,l;const[O,E]=(0,e.useState)(!1),[Z,h]=(0,e.useState)(!1),[v,z]=(0,e.useState)(""),[A,P]=(0,e.useState)(!1),[n,I]=(0,e.useState)([]),[M,R]=(0,e.useState)(!1),k=(0,e.useRef)(),i=(0,e.useRef)(-1),{currentBreakpoint:H}=(0,Pe.Z)(),[d,f]=(0,e.useState)(0),[g,j]=(0,e.useState)(0),b=H===q.cL.sm,{itemList:u=[],priceObj:V={},couponText1:B,couponDesc1:oe,couponText2:w,couponDesc2:U,couponCode2:G,couponText3:S,couponDesc3:ne,getNowText:p,seckillProduct:y=[],pcUrl:K,mobileUrl:je,chatUrl:Ve}=c.designContext,Be=b?{bottom:O?0:"-100vh"}:{bottom:O?0:"-320px"},ie=(r,o)=>{let s=document.createElement("input");s.setAttribute("value",r||""),document.body.appendChild(s),s.select(),document.execCommand("copy"),document.body.removeChild(s),me.ZP.success("Copy succeeded"),o&&o()},Ue=r=>{z(r.target.value)},Ge=()=>{v&&(0,fe.uE)({email:v,name:v}).then(r=>{P(!0)})},Ke=r=>{const{lowPrc:o,originalPrc:s,itemId:m}=r||{},L=V[m]||{},{originPrice:Y,salePrice:W}=L||{},J=W||(o==null?void 0:o.value)||0,Q=Y||(s==null?void 0:s.value)||0;return{price:J,originalPrc:Q}},Ye=()=>{Ie({}).then(r=>{f(r==null?void 0:r.timezoneOffset),j(0-new Date().getTimezoneOffset()/60)})};(0,e.useEffect)(()=>{let r=[];u==null||u.map(o=>r.push(y[o==null?void 0:o.itemId])),I([...r]),Ye()},[]);const We={infinite:u.length>3,slidesToShow:4,swipeToSlide:!0,variableWidth:!0,nextArrow:e.createElement(be,null),prevArrow:e.createElement(Te,null)};return(0,e.useEffect)(()=>{let r;return r=setInterval(()=>{var o,s;for(let m=0;m<n.length;m++){const L=new Date().getTime()+(d-g)*3600*1e3;let Y=(o=n[m])==null?void 0:o.startTime.replace(/-/g,"/"),W=(s=n[m])==null?void 0:s.endTime.replace(/-/g,"/");const J=new Date(Y).getTime(),Q=new Date(W).getTime();if(J<=L&&L<Q){if(m===i.current)return;i.current=m,R(Je=>!Je),k.current.innerSlider.slickGoTo(m);return}}},1e3),()=>clearInterval(r)},[n,d,g]),e.createElement("div",{className:"black5-video"},e.createElement("div",{className:"black5-video-iframe-box"},e.createElement("div",{className:"black5-video-icon",onClick:()=>E(!0)},e.createElement(F.Z,{enableCdn:!1,src:q.YS})),e.createElement("div",{className:"black5-video-iframe-video"},e.createElement("iframe",{className:"black5-video-video",src:b?je:K,title:"YouTube video player",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})),e.createElement("div",{className:"black5-video-iframe-chat"},e.createElement("iframe",{className:"black5-video-chat",src:Ve,title:"YouTube video player",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}))),e.createElement("div",{className:"black5-video-live-now"},e.createElement("div",{className:"icon"}),e.createElement("span",null,"SHOP LIVE")),e.createElement("div",{className:"black5-video-slider"},e.createElement(se.Z,T({ref:k},We),u==null?void 0:u.map((r,o)=>e.createElement("div",{key:r==null?void 0:r.id},e.createElement(ze,{refresh:M,curTimezoneOffset:g,timezoneOffset:d,curIndex:i.current,index:o,product:T(T(T({},r),Ke(r)),n[o])}))))),e.createElement("div",{className:"black5-video-modal",style:Be},e.createElement("div",{className:"black5-video-modal-content"},e.createElement("h2",{onClick:()=>E(!1)},"\xD7"),e.createElement("div",{className:"black5-video-modal-content-top"},e.createElement("h1",null,"All coupons.")),e.createElement("div",{className:"black5-video-coupon"},e.createElement("div",{className:"black5-video-couponItem"},e.createElement("h3",null,((t=n[i.current])==null?void 0:t.couponText)||B),e.createElement("h4",null,((l=n[i.current])==null?void 0:l.couponDesc)||oe),e.createElement("h5",{onClick:()=>{var r;return ie((r=n[i.current])==null?void 0:r.goodsCoupon)}},p||"Get Now")),e.createElement("div",{className:"black5-video-couponItem"},e.createElement("h3",null,w),e.createElement("h4",null,U),e.createElement("h5",{onClick:()=>ie(G)},p||"Get Now")),e.createElement("div",{className:"black5-video-couponItem"},e.createElement("h3",null,S),e.createElement("h4",null,ne),e.createElement("h5",{onClick:()=>{P(!1),h(!0),E(!1)}},p||"Get Now"))))),e.createElement(de.Z,{className:"black5-video-email-modal",width:520,title:"",visible:Z,footer:!1,centered:!0,onCancel:()=>h(!1)},A?e.createElement("div",{className:"black5-video-email-modal-content"},e.createElement("div",{className:"black5-video-email-modal-success"},e.createElement(Oe.Z,{className:"icon"}),e.createElement("h1",null,"Subscription succeeded")),e.createElement("h2",null,S," coupon has been sent to your email, please check")):e.createElement("div",{className:"black5-video-email-modal-content"},e.createElement("h1",null,"Subscribe now "),e.createElement("h2",null,"Subscribe now to get ",S),e.createElement(ve.Z,{component:ue.Z.Search,className:"black5-video-input",type:"email",placeholder:"Enter your email adress",onChange:Ue,enterButton:"Subscribe",onSearch:Ge}))))})})}]);