https://www.flexispot.com/assets/js/chunk-components-sale-goods-member-zone-index-5fb6ee947ffea161d34e.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[4342],{55086:(function(tt,Ce,a){a.r(Ce),a.d(Ce,{default:function(){return et}});var e=a(67294),y=a(66518),De=a(46445),z=a(33432),U=a(79618),Fe=a(95044),le=a(56359),be=a(59227),Oe=a(7277),$e=a(71577),Pe=a(85843),Be=a(64996),ne=a(66250);const{Countdown:Ze}=Oe.Z;function He(o){const{product:r={},options:t={},underline:u,advertising:s,className:d="",showButton:p=!1,buttonTexts:i,cardColor:n={},showCustomUnderText:c=!1,markBgImage:x,itemFootMarkAutoHide:K=!1,user:f,isMobile:R}=o,[j,Q]=(0,e.useState)(!1),[se,ae]=(0,e.useState)(!1),[ie,ce]=(0,e.useState)(!1),[me,Y]=(0,e.useReducer)(m=>m+1,0),{itemId:w,outerId:ue,mainImage:V,mainImageAlt:G,itemName:X,price:M=0,shopId:de,advertise:O,originalPrc:S=0,listMedia:L,listMediaType:q,itemShortName:ve,itemFootMarkType:J,itemFootMarkValue:v,itemFootMarkInput:pe,itemFootMarkInputSecond:C,itemFootMarkTypeSecond:k,urlKey:$,downFootMarkBgColor:_,downFootMarkText:A,downFootMarkTextColor:ee,startTime:h,endTime:W,shopAlt:ge,leftText:b,rightText:fe,markText:N,cashPrc:P,lowPointQuantity:g,salePrc:T}=r,{campaignId:te,activityType:re}=t,he=!!te,Te=(0,be.Ty)({urlKey:$,shopId:de,itemId:w});function Ee(){Q(!0),ae(!0)}function ye(){Q(!1)}const l=()=>{ie||ce(!0)},E=()=>{if(!h||!W)return;const{seckillDay:m="",seckillBefore:oe="",seckillFinish:Ne="",seckillNow:Se="",timeFormat:Le="",timeFormatString:ke=""}=i;let Ae="";if((ke||Le)&&(Ae=(0,Be.Z)(new Date(h),ke||Le,{locale:y.GA})),W<h)return;let I="";const we=new Date().getTime();return we<h?h-we<3600*24*1e3?I=m||"":I=oe:we>W?I=Ne:I=Se,e.createElement($e.Z,{className:"seckill-button",disabled:I!==Se,onClick:()=>Pe.j&&window.open((0,be.Ty)({urlKey:$,shopId:de,itemId:w}))},I,I===m?e.createElement(Ze,{value:h,onFinish:l}):null,I===oe?Ae:null)},B=()=>c?e.createElement("div",{className:"custom-underText"},e.createElement("div",{className:"custom-underText-left"},b),e.createElement("svg",{className:"custom-underText-image",xmlns:"http://www.w3.org/2000/svg",width:"26",height:"40",viewBox:"0 0 26 40",fill:"none"},e.createElement("path",{d:"M18.4344 0H7.18287C6.73956 0 6.34916 0.291869 6.22373 0.717068L0.378445 20.5326C0.189464 21.1733 0.669647 21.8156 1.33759 21.8156H8.71616C9.29356 21.8156 9.75098 22.3032 9.71412 22.8794L8.86678 36.1239C8.80079 37.1553 10.1519 37.5969 10.7078 36.7256L25.0189 14.2932C25.4436 13.6275 24.9655 12.7554 24.1759 12.7554H16.9612C16.2788 12.7554 15.7968 12.0869 16.0124 11.4394L19.3832 1.31592C19.5988 0.668444 19.1168 0 18.4344 0Z",fill:"#FFBE16"})),e.createElement("div",{className:"custom-underText-right"},fe)):null;(0,e.useEffect)(()=>{Y()},[]);const Z={backgroundColor:_,color:ee,width:"100%",position:"absolute",bottom:0,zIndex:10,textAlign:"center"},D=()=>K?N?null:k?e.createElement(ne.Z,{type:k,value:v,customInput:C,originalPrc:S,salePrc:M}):null:k?e.createElement(ne.Z,{type:k,value:v,customInput:C,originalPrc:S,salePrc:M}):null,H=(0,e.useMemo)(()=>{let m="";return P&&g?m=e.createElement("div",{className:"vip-point-price"},`${g} points + ${(0,z.Sg)({price:P})}`):g?m=e.createElement("div",{className:"vip-point"},`${g} points`):P?m=e.createElement("div",{className:"vip-member-price"},`Member Price: <span>${(0,z.Sg)({price:P})}</span>`):m=e.createElement("div",{className:"vip-non-member-price"},`Non Member Price: <span>${(0,z.Sg)({price:M})}</span>`),m},[P,g,M]);return e.createElement("div",{key:me,className:`flexispot-product-member-zone-container ${d}`,style:{"--yotpoTextColor":(n==null?void 0:n.originPriceColor)||"#26333a80"}},e.createElement(De.r,{to:f!=null&&f.isTourist?null:Te,target:f!=null&&f.isTourist?"_self":"_blank",onMouseEnter:Ee,onMouseLeave:ye,onClick:()=>{Pe.j&&(f!=null&&f.isTourist)&&U.mW.push(`/login?target=${window.location.href}`)}},e.createElement("div",{className:"tag-box"},!(x&&N)&&J?e.createElement(ne.Z,{type:N&&"CUSTOMIZE"||J,value:N||v,customInput:N||pe,originalPrc:S,salePrc:M}):null,x&&N?e.createElement("div",{className:"flexispot-product-container-tag",style:{"--markBgImage":`url(${x})`}},e.createElement("div",{className:"flexispot-product-container-tag-text"},N)):null,D()),e.createElement("div",{className:"image-wrap"}

1,L&&q==="VIDEO"&&j?e.createElement("video",{className:"show",src:L,style:{width:"100%",height:"auto"},autoPlay:!0,muted:!0}):null,L&&q==="IMAGE"&&j?e.createElement(le.Z,{key:`hover-${w}`,className:"image show",src:(0,U.pK)({src:L}),alt:ge}):null,e.createElement(le.Z,{key:w,lazyLoad:!se,className:"image",src:(0,U.pK)({src:V}),alt:G}),B(),!c&&A?e.createElement("div",{className:"image-underText cutwords-one-line",style:Z},A):null),e.createElement("div",{className:"m-image-wrap"},e.createElement(le.Z,{key:w,lazyLoad:!0,className:"m-image",src:(0,U.pK)({src:V}),alt:G}),B(),!c&&A?e.createElement("div",{className:"image-underText cutwords-one-line",style:Z},A):null),e.createElement("div",{className:"product-card-bottom"},e.createElement("div",{className:"content-wrapper"},e.createElement("div",{className:"name-adv-wrapper"},e.createElement("h3",{className:"brd-item-name cutwords-one-line brd-item-short-name",style:{color:n.titleColor}},ve),e.createElement("div",{className:"cutwords cutwords-one-line brd-item-name",style:{color:n.subtitleColor}},typeof X=="string"?X:"")),e.createElement("div",{className:"item-card-price brd-item-price"},e.createElement("div",{className:"integer-price",style:{color:n.salePriceColor},translate:"no"},H),e.createElement("div",{className:"non-vip-price"},"Non-VIP: ",(0,z.Sg)({price:T})," "),e.createElement("div",{className:"compare-at-price"},R?"Comparable Price: ":"Compare at: ",(0,z.Sg)({price:S}))),s?e.createElement("div",{className:"cutwords-two-line item-adv"},e.createElement("span",{className:`${O&&s?"item-adv-show":""}`,style:{color:n.subtitleColor}},s?O:"")):"",j&&he&&re===y._V.GETHER_ORDER?e.createElement(Fe.Z,{item:r,campaignId:te}):null),e.createElement("div",null,p?E():null))))}var ze=a(12081),Ue=a(32130),Ke=a(72066),Re=(o,r,t)=>new Promise((u,s)=>{var d=n=>{try{i(t.next(n))}catch(c){s(c)}},p=n=>{try{i(t.throw(n))}catch(c){s(c)}},i=n=>n.done?u(n.value):Promise.resolve(n.value).then(d,p);i((t=t.apply(o,r)).next())});function je(o,r){return Re(this,null,function*(){return(0,U.WY)("/sapi/mall-item/frontItem/frontItemSearchFlow",{method:"POST",data:{ids:o,fetchAggregation:!0,isPointItem:!0,businessType:"NORMAL",origin:y.Kd,pageNo:1,pageSize:r}})})}var Ie=a(35977),Ve=Object.defineProperty,xe=Object.getOwnPropertySymbols,Ge=Object.prototype.hasOwnProperty,Je=Object.prototype.propertyIsEnumerable,Me=(o,r,t)=>r in o?Ve(o,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[r]=t,F=(o,r)=>{for(var t in r||(r={}))Ge.call(r,t)&&Me(o,t,r[t]);if(xe)for(var t of xe(r))Je.call(r,t)&&Me(o,t,r[t]);return o},We=(o,r,t)=>new Promise((u,s)=>{var d=n=>{try{i(t.next(n))}catch(c){s(c)}},p=n=>{try{i(t.throw(n))}catch(c){s(c)}},i=n=>n.done?u(n.value):Promise.resolve(n.value).then(d,p);i((t=t.apply(o,r)).next())});function Qe(o,r){const{lowPrc:t,originalPrc:u,itemId:s}=r||{},d=o[s]||{},{originPrice:p,salePrice:i}=d||{};return{price:i||(t==null?void 0:t.value)||0,originalPrc:p||u||0}}function Ye(o,r){var t,u,s,d,p,i;const{itemId:n}=r,c=o[n]||{};if(!c.startTime||!c.endTime)return{};const x=c.startTime.replace(/-/g,"/"),K=c.endTime.replace(/-/g,"/"),f=(s=new Date(`${x} utc${(u=(t=y.w6)==null?void 0:t.timezone)!=null?u:"+0"}`))==null?void 0:s.getTime(),R=(i=new Date(`${K} utc${(p=(d=y.w6)==null?void 0:d.timezone)!=null?p:"+0"}`))==null?void 0:i.getTime();return{startTime:f,endTime:R}}function Xe(o,r,t){if(!t)return{};const{itemId:u}=r||{},{image:s}=o[u]||{};return s!=null&&s.src?{mainImage:s.src,mainImageAlt:s._altText}:{}}function qe(o,r,t){if(!t)return{};const{itemId:u}=r||{},{leftText:s,rightText:d}=o[u]||{};return{leftText:s,rightText:d}}function _e(o,r,t){if(!t)return{};const{itemId:u}=r||{},{markText:s}=o[u]||{};return{markText:s}}const rt=y.Kd==="JP"?{xl:4,lg:4,md:4,sm:2}:{xl:4,lg:3,md:3,sm:2};var et=(o=>{const{currentBreakpoint:r}=(0,Ue.Z)(),t=r===y.cL.sm,u=r===y.cL.md,{priceObj:s=[],tabsList:d=[],itemList:p=[],tabType:i,seckillProduct:n=[],isSeckill:c,seckillFinish:x,seckillNow:K,seckillDay:f,seckillBefore:R,seckillTab:j,timeFormat:Q,timeFormatString:se,viewMore:ae={},mainImageList:ie=[],openReplaceImage:ce,hideTab:me,color:Y="rgba(38, 51, 58, 0.8)",bgColor:w="#fdfcf5",selectedColor:ue="#ede9e4",selectedBgColor:V="#26333a",openUnderText:G,underTextList:X=[],pricePrefixText:M,customPrice:de,cardColor:O={},openCustomMark:S=!1,markBgImage:L,markList:q=[],markColor:ve="#004df2",idsStr:J=""}=o.designContext,[v,pe]=(0,e.useState)((d==null?void 0:d.length)&&d[0]||{}),[C,k]=(0,e.useState)(1),{tabList:$=[],pcNumber:_=8,padNumber:A=6,mobileNumber:ee=8,show:h=!1,lessText:W,text:ge}=ae,[b,fe]=(0,e.useState)(p),{user:N}=(0,Ke.Lq)(),P=(0,e.useCallback)(()=>We(null,null,function*(){const l=J.split(",").map(E=>Number(E));try{const E=yield je(l,l.length),Z=(0,Ie.N$)(E.data,b).map(D=>{let H=b.find(m=>(D==null?void 0:D.itemId)===(m==null?void 0:m.itemId));return D.chooseType=H.chooseType,D});fe(Z)}catch(E){console.error(E)}}),[J]);(0,e.useEffect)(()=>{P()},[P]);const g=(0,e.useMemo)(()=>{let l=8;return t?l=ee:u?l=A:l=_,l},[u,t,ee,_,A]),T=(0,e.useMemo)(()=>{var l,E,B;const Z=((E=(l=o.serviceDatas._DATA_)==null?void 0:l.data)==null?void 0:E.length)&&((B=o.serviceDatas._DATA_)==null?void 0:B.data)||b||[],H=(0,Ie.N$)(Z,b).map(m=>{let oe=b.find(Ne=>m.itemId===Ne.itemId);return m.chooseType=oe.chooseType,m});return i==="unused"?H:H.filter(m=>m.chooseType===(v==null?void 0:v.title))},[b,v==null?void 0:v.title,o.serviceDatas._DATA_,i]),te=(0,e.useMemo)(()=>{var l;return T.length&&h&&$.includes((l=T[0])==null?void 0:l.chooseType)?T.slice(0,C*g):T},[C,T,h,$,g]),re=(0,e.useMemo)(()=>

1C*g<T.length,[C,T,g]),he={seckillBefore:R,seckillDay:f,seckillNow:K,seckillFinish:x,timeFormat:Q,timeFormatString:se},Te=h&&($.includes(v.title)||i==="unused"),Ee=(0,e.useMemo)(()=>e.createElement("div",{className:"sale-goods-tab-mobile"},e.createElement("div",{className:"sale-goods-tab-wrap",style:{"--tabColor":Y,"--tabBgColor":w,"--tabSelectedColor":ue,"--tabSelectedBgColor":V}},d.map(l=>e.createElement("div",{className:`sale-goods-tab ${(v==null?void 0:v.title)===(l==null?void 0:l.title)?"active":""}`,onClick:()=>pe(l)},l==null?void 0:l.title)))),[d,v,Y,w,ue,V]),ye=()=>{k(re?C+1:1)};return e.createElement("div",{className:`sale-goods-member-zone ${y.Kd==="JP"?"sale-goods-member-zone-jp":""}`,style:{"--viewMoreColor":O==null?void 0:O.titleColor,"--markColor":ve}},i!=="unused"&&!me?Ee:null,e.createElement("div",null,e.createElement("div",{className:"chunk-container"},te.map(l=>e.createElement(He,{product:F(F(F(F(F(F({},l),Qe(s,l)),Ye(n,l)),Xe(ie,l,ce)),qe(X,l,G)),_e(q,l,S)),key:l.itemId,underline:!0,showButton:c&&j===v.title,buttonTexts:he,showCustomUnderText:G,pricePrefixText:M,cardColor:O,markBgImage:S&&(L==null?void 0:L.src),user:N,isMobile:t}))),Te&&T.length>g&&e.createElement(ze.Z,{className:"show-more",border:!0,shadow:!1,onClick:ye},re?ge:W)))})})}]);