https://www.flexispot.nl/assets/js/chunk-pages-pay-2a0006074af434968716.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[8913],{60942:(function(V,G,n){n.r(G),n.d(G,{default:function(){return Ke}});var t=n(67294),ne=n(48479),le=n(41609),H=n.n(le),oe=n(51506),se=n(77386),E=n(48290),c=n(83669),de=n(4791),U=n(33432),ie=n(99598),ce=n(11382),J=n(71577),I=n(4914),ue=n(27049),N=n(79618),me=Object.defineProperty,pe=Object.defineProperties,ve=Object.getOwnPropertyDescriptors,Q=Object.getOwnPropertySymbols,fe=Object.prototype.hasOwnProperty,ye=Object.prototype.propertyIsEnumerable,W=(a,e,r)=>e in a?me(a,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):a[e]=r,ge=(a,e)=>{for(var r in e||(e={}))fe.call(e,r)&&W(a,r,e[r]);if(Q)for(var r of Q(e))ye.call(e,r)&&W(a,r,e[r]);return a},Ae=(a,e)=>pe(a,ve(e)),he=(a,e,r)=>new Promise((d,o)=>{var s=l=>{try{u(r.next(l))}catch(i){o(i)}},y=l=>{try{u(r.throw(l))}catch(i){o(i)}},u=l=>l.done?d(l.value):Promise.resolve(l.value).then(s,y);u((r=r.apply(a,e)).next())});const{defaultCountry:Ee=void 0}=c.VA;function Oe(a){return he(this,null,function*(){return(0,N.WY)("/sapi/mall-pay/payment/secondPayChannel",{method:"POST",data:Ae(ge({},a),{environment:"PC",site:c.Kd,countryCode:Ee||void 0})})})}function Pe(a){return(0,N.WY)("/sapi/mall-order/web/order/queryAndValidateTradeContractDetailById",{data:{id:a},method:"POST"})}var b=n(21566),Ce=n(4506),et=n(46498),tt=n(27550),rt=n(16836),Ie=n(45697),z=n.n(Ie),at=n(24350),De=n(2465),nt=n(64480),Ne=n(56359),Le=n(37874),Be=Object.defineProperty,$=Object.getOwnPropertySymbols,Se=Object.prototype.hasOwnProperty,Me=Object.prototype.propertyIsEnumerable,X=(a,e,r)=>e in a?Be(a,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):a[e]=r,Te=(a,e)=>{for(var r in e||(e={}))Se.call(e,r)&&X(a,r,e[r]);if($)for(var r of $(e))Me.call(e,r)&&X(a,r,e[r]);return a};const Ze=(a=Le)=>{let e={width:60,height:72,mode:"pad"};return delete e.width,delete e.height,(0,N.pK)(Te({src:a},e))};function F({preOrderData:a}){let e=[];const{currentBreakpoint:r}=(0,b.Z)(),d=r===c.cL.sm,o=r===c.cL.xl?7:r===c.cL.lg?5:r===c.cL.md?11:5;return a.map(s=>{const{tradeOrderLineList:y=[],serviceDetail:u={}}=s;let l={};y.forEach(i=>{var v;const{renderChildTradeOrderLineTOList:ee,id:O,sku:p,lineGroupTypeDict:P,ownerOrderLineBO:L,tradeOrderLineBusinessType:B}=i;P==="DIY_MAIN"?(l={product:i,skuCascadeImage:[]},e.push(l)):P==="DIY_CHILD"&&(L==null?void 0:L.id)===((v=l==null?void 0:l.product)==null?void 0:v.id)?(l.skuCascadeImage.push({imageUrl:p==null?void 0:p.skuCascadeImage,order:p==null?void 0:p.order}),(e==null?void 0:e.length)>0&&(e[e.length-1]=l)):P==="NORMAL"&&B==="NORMAL"?(l={product:i,skuCascadeImage:[{imageUrl:p==null?void 0:p.image,order:p==null?void 0:p.order}]},e.push(l)):l={}})}),t.createElement("div",{className:"comp-preorder preorder-item-section"},t.createElement("div",{className:"item-section-table"},e==null?void 0:e.map((s,y)=>y>=o?null:t.createElement(Ue,{currentProduct:s})),(e==null?void 0:e.length)>o&&t.createElement("div",{className:"item-section-table-number"},`+${(e==null?void 0:e.length)-o}`)))}function Ue(a){var e;const{currentProduct:r={}}=a,{serviceDetailImg:d,skuCascadeImage:o}=r;return t.createElement("div",{className:"preorder-item-section-cascade"},o?o==null?void 0:o.map(s=>t.createElement("div",{className:"preorder-item-section-cascade-image",style:{zIndex:s==null?void 0:s.order}},t.createElement(Ne.Z,{lazyLoad:!0,mode:"pad",key:`${s==null?void 0:s.imageUrl}`,src:Ze(s==null?void 0:s.imageUrl)}))):t.createElement(De.Z,{src:((e=d==null?void 0:d[0])==null?void 0:e.imageUrl)||"",width:60,height:72,hasBorder:!1}))}F.propTypes={preOrderData:z().object},F.defaultProps={preOrderData:{}};var lt=n(82571);function x({preOrderData:a,handleMobileModal:e,renderData:r}){var d;const{renderTradeContractTO:o={},preCalServiceList:s=[]}=a,{renderTradeOrderTOList:y=[],serviceDetail:u={},skuAmt:l,serviceChargeAmt:i,needPayAmt:v,actualNeedPayPoints:ee}=o||{};let O=[];const{currentBreakpoint:p}=(0,b.Z)(),P=p===c.cL.sm;a.map(B=>{const{tradeOrderLineList:j=[],serviceDetail:te={}}=B;let f={};j.forEach(S=>{var w;const{renderChildTradeOrderLineTOList:Ve,id:M,sku:g,lineGroupTypeDict:D,ownerOrderLineBO:A,tradeOrderLineBusinessType:h}=S;D==="DIY_MAIN"?(f={product:S,skuCascadeImage:[]},O.push(f)):D==="DIY_CHILD"&&(A==null?void 0:A.id)===((w=f==null?void 0:f.product)==null?void 0:w.id)?(f.skuCascadeImage.push({imageUrl:g==null?void 0:g.skuCascadeImage,order:g==null?void 0:g.order}),(O==null?void 0:O.length)>0&&(O[O.length-1]=f)):D==="NORMAL"&&h==="NORMAL"?(f={product:S,skuCascadeImage:[{imageUrl:g==null?void 0:g.image,order:g==null?void 0:g.order}]},O.push(f)):f={}})});const L=()=>

1{if(P){e&&e();return}};return t.createElement("div",{className:"preorder-shops-section",onClick:L},t.createElement("div",{className:"preorder-shops-section-title"},t.createElement(E.Z,{id:"trade.preorder.order.summary.drawer.title",defaultMessage:"Produkte der Bestellung"})),t.createElement("div",{className:"preorder-shops-section-right"},(0,U.Sg)({price:((d=r==null?void 0:r.tradeAmt)==null?void 0:d.value)||0})))}x.propTypes={preOrderData:z().object},x.defaultProps={preOrderData:{}};var ot=n(93776),st=n(61893);function be(a){const{isTourist:e,isPoint:r,preOrderData:d={},isMobile:o,renderData:s}=a;return t.createElement(t.Fragment,null,t.createElement("div",{className:"order-summary-shops"},t.createElement(x,{preOrderData:d,renderData:s})))}var k=(a,e,r)=>new Promise((d,o)=>{var s=l=>{try{u(r.next(l))}catch(i){o(i)}},y=l=>{try{u(r.throw(l))}catch(i){o(i)}},u=l=>l.done?d(l.value):Promise.resolve(l.value).then(s,y);u((r=r.apply(a,e)).next())});let Y=!1,R;function Fe(){var a;const{buyerId:e,tradeId:r,contractId:d}=(0,N.w4)(),[o,s]=(0,t.useState)({}),[y,u]=(0,t.useState)(!1),{currentBreakpoint:l}=(0,b.Z)(),i=(0,t.useRef)(null),v=c.cL.sm===l,ee=c.cL.sm===l||c.cL.md===l,O=A=>A.filter(m=>{if(!c.F4.includes(m.channelName))return m!=null&&m.paymentMethods&&(m.paymentMethods=JSON.stringify(JSON.parse(m==null?void 0:m.paymentMethods).filter(({type:C})=>!c.F4.includes(C)))),m}),p=(0,t.useCallback)(()=>k(null,null,function*(){var A,h,m,C,T,re;u(!0);try{const[{expireDuration:ae,totalAmt:Ge,paymentOrderId:He,payChannelGroups:K},Je={}]=yield Promise.all([Oe({buyerId:e,tradeId:r}),Pe(d)]),{tradeOrderList:Z=[],selectedAddress:{districtList:Qe,detailAddress:We,personName:ze,personPhone:$e,email:Xe,poiName:ke,city:qe,country:_e}}=Je||{};s({shippingAddress:(0,ie.WH)(Qe),detailAddress:We,personName:ze,personPhone:$e,email:Xe,expireDuration:ae,tradeAmt:Ge,channels:O(((A=K[0])==null?void 0:A.payChannels)||[]),channelsConfig:((h=K[0])==null?void 0:h.configMap)&&JSON.parse((m=K[0])==null?void 0:m.configMap),paymentOrderId:He,tradeOrderId:(C=Z[0])==null?void 0:C.id,updatedAt:(T=Z[0])==null?void 0:T.updatedAt,tradeOrderCode:(re=Z[0])==null?void 0:re.tradeOrderCode,city:qe,poiName:ke,country:_e,originParams:{},preOrderData:Z||[]}),u(!1)}catch(ae){u(!1)}}),[e,r,d]);(0,t.useEffect)(()=>{p()},[p]);function P(){return k(this,null,function*(){if(!(Y||(Y=!0,R&&clearTimeout(R),R=setTimeout(()=>Y=!1,3e3),!(yield i.current.validatePaymentParams())))){u(!0);try{const{paymentOrderId:h,tradeOrderId:m,originParams:C,email:T}=o||{};yield i.current.goToPay(()=>({buyerId:e,tradeId:r,contractId:d,tradeOrderId:m,paymentOrderId:h,originParams:C,email:T}))}catch(h){u(!1)}}})}const{shippingAddress:L,personName:B="",email:j,tradeOrderId:te="",updatedAt:f=0,detailAddress:S="",poiName:w,country:Ve,channels:M,channelsConfig:g,preOrderData:D=[]}=o;return t.createElement(t.Fragment,null,v&&t.createElement(be,{isPoint:!1,preOrderData:D,isMobile:v,renderData:o}),t.createElement(ce.Z,{wrapperClassName:`comp-pay ${v?"comp-pay-m":""}`,spinning:y,delay:c.Jl},t.createElement("div",{className:"pay-operation-container "},t.createElement("div",{className:"pay-operation-container-left",style:v?{width:"100%"}:{}},t.createElement("div",{className:"pay-operation-container-left-conent"},!!(M!=null&&M.length)&&t.createElement(oe.Z,{ref:i,activeStep:0,currentStep:0,amount:o==null?void 0:o.tradeAmt,channels:M,reChannelsConfig:g,preOrderData:o,isSecondPay:!0}),!v&&t.createElement(J.Z,{className:'"btn order-summary-bottom-payment submit-btn',onClick:P,disabled:H()(o),block:!0},t.createElement(E.Z,{id:"trade.pay.PAY",defaultMessage:"\u7ACB\u5373\u652F\u4ED8"})))),t.createElement("div",{className:"pay-operation-container-right"},t.createElement("div",{className:"pay-order-information"},t.createElement("h3",{className:"pay-order-information-title"},t.createElement(E.Z,{id:"trade.preorder.order.summary.title",defaultMessage:"\u8BA2\u5355\u6C47\u603B"})),t.createElement("div",{className:"pay-tip-text"},o.expireDuration!=null?t.createElement(se.Z,{restTime:o.expireDuration*1e3,onEnd:()=>N.mW.push("/buyer/orders")},({h:A,m:h,s:m})=>t.createElement(E.Z,{id:"trade.pay.countDownText",defaultMessage:"\u8BF7\u4E8E<span>{h}:{m}:{s}</span>\u5B8C\u6210\u4ED8\u6B3E\uFF0C\u903E\u671F\u8BA2\u5355\u5C06\u88AB\u53D6\u6D88",values:{h:A,m:h,s:m,span:C=>t.createElement("span",{className:"pay-tip-time"},C)}})):null),!v&&t.createElement(F,{preOrderData:D}),t.createElement(I.Z,{column:1,colon:!1,className:"pay-order-info-first-desc"},t.createElement(I.Z.Item,{label:t.createElement(E.Z,{id:"trade.order.common.orderNumber",defaultMessage:"\u8BA2\u5355\u53F7"})},te),t.createElement(I.Z.Item,{label:t.createElement(E.Z,{id:"trade.payment.orderInformation.orderTime",defaultMessage:"\u4E0B\u5355\u65F6\u95F4"})},(0,de.Z)(f,c.tO.dTime,{locale:c.GA})),t.createElement(I.Z.Item,{label:t.createElement(E.Z,{id:"trade.payment.orderInformation.recipient",defaultMessage:"\u6536\u8D27\u4EBA"})},t.createElement("span",{className:"trade-payment-orderInformation-recipient"},B,t.createElement("br",null),(0,Ce.e)(j)))),t.createElement(ue.Z,null),t.createElement(I.Z,{column:1,colon:!1},t.createElement(I.Z.Item,{label:t.createElement(E.Z,{id:"trade.payment.orderInformation.totalAmountPayable",defaultMessage:"\u5E94\u4ED8\u603B\u989D"}),className:"pay-order-info-last-desc"},(0,U.Sg)({price:((a=o==null?void 0:o.tradeAmt)==null?void 0:a.value)||0}))))),v&&t.createElement(J.Z,{className:'"btn order-summary-bottom-payment submit-btn',onClick:P,disabled:H()(o),block:!0},t.createElement(E.Z,{id:"trade.pay.PAY",defaultMessage:"\u7ACB\u5373\u652F\u4ED8"})))))}var xe=(0,t.memo)(Fe),Ye=Object.defineProperty,q=Object.getOwnPropertySymbols,Re=Object.prototype.hasOwnProperty,je=Object.prototype.propertyIsEnumerable,_=(a,e,r)=>e in a?Ye(a,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):a[e]=r,we=(a,e)=>{for(var r in e||(e={}))Re.call(e,r)&&_(a,r,e[r]);if(q)for(var r of q(e))je.call(e,r)&&_(a,r,e[r]);return a};function Ke(a){return t.createElement(ne.Z,{hasProgressBar:!1,type:"payLayout",title:(0,U.wv)({id:"trade.pay.pageTitle",defaultMessage:"\u6536\u94F6\u53F0"})},t.createElement(xe,we({},a)))}}),27550:(function(V){V.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAALVBMVEUAAAD///////////////////////////////////////////////////////+hSKubAAAADnRSTlMAkBDQoEAg3++/cGCwfxznb8oAAAB1SURBVAjXY2BgCKx77MYABIrvgECIgYHJDsR4rMDA+O7d04x37wQY8t69a+AEchj83r17AsQPGYBKxPa9e/ecAajywDogAWIskAMx6t69C5gH1M8A5Cn0ATUwxL17pwSUeQYy8DZQSgBuBdxSIEixey7KwAAAevhP6Co40BEAAAAASUVORK5CYII="})}]);