https://www.octoparse.com/_next/static/chunks/pages/console/payment-plan/payment-settings-07b140ddb140aab5.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8754],{53612:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/console/payment-plan/payment-settings",function(){return t(91051)}])},28831:function(e,n,t){"use strict";t.d(n,{y:function(){return s}});var a=t(11527);let s=e=>{let{visible:n}=e;return n?(0,a.jsx)("div",{className:"flex justify-center items-center absolute left-0 top-0 bg-white p-4 w-full h-full z-50",children:(0,a.jsxs)("svg",{className:"animate-spin w-4 h-4",fill:"none",viewBox:"0 0 24 24",children:[(0,a.jsx)("circle",{}),(0,a.jsx)("path",{className:"opacity-80",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})}):(0,a.jsx)(a.Fragment,{})}},32072:function(e,n,t){"use strict";t.d(n,{t:function(){return o}});var a=t(11527),s=t(82187),i=t.n(s),l=t(51122),c=t(2250),r=t.n(c);let o=e=>{let{className:n,items:t}=e,s=(0,l.useRouter)(),c=e=>{e.link&&s.push(e.link)};return(0,a.jsx)("div",{className:i()(r().breadcrumb,n),children:t.map((e,n)=>(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:i()("title",{"title-link":e.link,"current-nav":n===t.length-1}),onClick:()=>c(e),children:e.title}),n!==t.length-1&&(0,a.jsx)("span",{className:"line",children:"/"})]},e.title+n))})}},48829:function(e,n,t){"use strict";t.d(n,{F4:function(){return d},L9:function(){return r},xy:function(){return o}});var a=t(2471),s=t(92439),i=t(29801);let l=(e,n)=>{let t=new Date,a=Array.isArray(e)?e:[e],s=JSON.stringify({product:"octoparse",channel:"web",version:"1.0",common:{launchId:"",userId:n||"",mac:"",os:"",language:"en-US",time:t},events:a.map(e=>({time:t,name:e.name,content:e.content}))});return(0,i.O)(s,"Octopus")},c=async e=>{try{await s.Z.post("/tracking/extract/simpleUpload",{data:e})}catch(e){}},r=async(e,n,t)=>{let a=l({name:e,content:n},t);await c(a)},o=async function(e,n,t){let a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:globalThis.fetch,s=l({name:e,content:n},t);try{await a("/api/tracking/extract/simpleUpload",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({data:s}),keepalive:!0})}catch(e){}},d=()=>{let{data:e}=(0,a.mA)(),n=async(n,t)=>{await r(n,t,null==e?void 0:e.userId)},t=async n=>{let t=l(n,null==e?void 0:e.userId);await c(t)};return{track:n,trackMultiple:t,account:e}}},91051:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSG:function(){return M},default:function(){return O}});var a=t(11527),s=t(56290),i=t(21249),l=t(50449),c=t(48829),r=t(2471),o=t(38377),d=t(17429),m=t(74312),u=t(59354),p=t(90919),y=t.n(p),h=t(50959),g=t(10422),_=t(24704),v=t(83435),P=t.n(v);let{t:x}=m.Z,N=e=>{let{onDestroy:n,lastFourNumber:t,accountId:s,paymentMethodType:i}=e,[m,p]=(0,h.useState)(!1),{mutate:g}=(0,_.kY)(),{data:v}=(0,r.mA)(),[N,j]=(0,h.useState)(""),[b,w]=(0,h.useState)("password"),[f,A]=(0,h.useState)("Preview-close.svg"),C=async()=>{await (0,c.L9)("DeletePaymentMethod",{userId:null==v?void 0:v.userId,lastFourNumber:t,accountId:s,paymentMethodType:i},null==v?void 0:v.userId);let e=await (0,o.oE)({payAccountId:s});e&&e.error||(u.y.success(x("console:PlansAndPayment.Dialog.RemoveSuccess")),g("/v1/payment/payAccounts"),n())};return(0,a.jsxs)(l.Z,{title:x("console:PlansAndPayment.Dialog.RemovePayment"),onClose:n,className:P().warning,children:[(0,a.jsx)(y(),{className:"warning_svg",src:"/static/warning-yellow.svg",alt:"",width:20,height:20}),(0,a.jsxs)("div",{className:P().content,children:[(0,a.jsxs)("div",{className:"dec",children:[i===d.Lt.CreditCard&&x("console:PlansAndPayment.Dialog.RemovePaymentDescription",{cardNumber:t}),i===d.Lt.Paypal&&x("console:PlansAndPayment.Dialog.RemovePaymentDescription1"),i===d.Lt.ApplePay&&x("console:PlansAndPayment.Dialog.RemovePaymentDescription3"),i===d.Lt.GooglePay&&x("console:PlansAndPayment.Dialog.RemovePaymentDescription4")]}),(0,a.jsxs)("div",{className:"btn",children:[(0,a.jsx)("button",{className:"left",onClick:n,children:x("console:App.Cancel")}),(0,a.jsx)("button",{className:"right",onClick:C,children:x("console:App.Confirm")})]})]})]})},j=e=>new Promise(n=>{let t=document.createElement("div");document.body.appendChild(t);let a=()=>{let e=g.unmountComponentAtNode(t);e&&t.parentNode&&t.parentNode.removeChild(t),n()};g.render(h.createElement(N,{...e,onDestroy:a}),t)});var b=t(97316),w=t.n(b);let{t:f}=m.Z,A=e=>{let{onDestroy:n}=e;return(0,a.jsxs)(l.Z,{title:f("console:PlansAndPayment.Dialog.RemovePayment"),onClose:n,className:w().warning,children:[(0,a.jsx)(y(),{className:"warning_svg",src:"/static/warning-yellow.svg",alt:"",width:20,height:20}),(0,a.jsxs)("div",{className:w().content,children:[(0,a.jsx)("div",{className:"dec",children:f("console:PlansAndPayment.Dialog.RemovePaymentDescription2")}),(0,a.jsx)("div",{className:"btn",children:(0,a.jsx)("button",{className:"right",onClick:n,children:f("console:PlansAndPayment.Dialog.GotIt")})})]})]})},C=e=>

1new Promise(n=>{let t=document.createElement("div");document.body.appendChild(t);let a=()=>{let e=g.unmountComponentAtNode(t);e&&t.parentNode&&t.parentNode.removeChild(t),n()};g.render(h.createElement(A,{...e,onDestroy:a}),t)});var D=t(28831),S=t(32072),k=t(6114),L=t(51875),R=t(34077),I=t.n(R);let E=()=>{let{t:e}=(0,L.$G)(),{data:n,isLoading:t}=(0,o.QK)(),{data:s}=(0,r.mA)(),l=(e,n,t,a)=>{if(t&&(null==s?void 0:s.isOnSubscription)){C();return}j({lastFourNumber:e,accountId:n,paymentMethodType:a})},c=(e,n)=>{let t=e.substring(0,2),a=e.substring(e.length-2,e.length);return n?"".concat(t,"***").concat(a):"".concat(t,"***").concat(a,"@").concat(e.split("@")[1])};return(0,a.jsxs)("div",{className:I().wrapper,children:[(0,a.jsx)(S.t,{items:[{title:e("console:Head.PlansAndPayment")},{title:e("console:PlansAndPayment.Menu.PaymentSettings")}]}),(0,a.jsxs)("div",{className:I().container,children:[(0,a.jsx)(D.y,{visible:t}),(0,a.jsxs)("div",{className:I().header,children:[(0,a.jsxs)("div",{className:I().describe,children:[(0,a.jsx)("div",{className:I().title,children:e("console:PlansAndPayment.PaymentSettings.PaymentMethods")}),(0,a.jsx)("div",{className:I().tip,children:(null==n?void 0:n.length)?e("console:PlansAndPayment.PaymentSettings.PaymentMethodsDescription"):e("console:PlansAndPayment.PlanSubscription.PaymentMethodsDescription1")})]}),(0,a.jsx)("div",{className:I().add_btn,onClick:()=>{(0,i.f)()},children:e("console:PlansAndPayment.PaymentSettings.AddNewPaymentMethod")})]}),(0,a.jsxs)("div",{className:I().content,children:[!(null==n?void 0:n.length)&&(0,a.jsx)("div",{className:"img",children:(0,a.jsx)(y(),{src:"/static/payment-null-css.svg",alt:"",width:1190,height:120})}),null==n?void 0:n.map((n,t)=>{let{accountType:s,expirationDate:i,isDefault:r,accountId:o,cardType:m,accountName:u}=n;return(0,a.jsxs)("div",{className:I().card,children:[(0,a.jsxs)("div",{className:I().card_msg,children:[s===d.Lt.CreditCard&&(0,a.jsx)(y(),{src:"/static/".concat(k.HM[m]||"VISA.svg"),alt:"",width:62,height:20}),s===d.Lt.Paypal&&(0,a.jsx)(y(),{src:"/static/Paypal_pay.svg",alt:"",width:62,height:20}),s===d.Lt.ApplePay&&(0,a.jsx)(y(),{src:"/static/applePay.svg",alt:"",width:62,height:20}),s===d.Lt.GooglePay&&(0,a.jsx)(y(),{src:"/static/googlePay.svg",alt:"",width:62,height:20}),(0,a.jsxs)("div",{className:I().msg,children:[(0,a.jsxs)("div",{className:I().num,children:[s===d.Lt.CreditCard&&(0,a.jsx)("span",{children:e("console:Buy.CardInfo",{cardType:m,lastFourNumber:u.slice(-4)})}),s===d.Lt.Paypal&&(0,a.jsx)("span",{children:c(u)}),(s===d.Lt.GooglePay||s===d.Lt.ApplePay)&&(0,a.jsx)("div",{className:"name",children:c(u,!0)}),r&&(0,a.jsx)("span",{children:e("console:PlansAndPayment.PaymentSettings.Default")})]}),s!==d.Lt.Paypal&&(0,a.jsx)("div",{className:"expires",children:e("console:Buy.ExpiresOn",{date:i})})]})]}),(0,a.jsx)("div",{className:I().remove_btn,onClick:()=>l(u.slice(-4),o,r,s),children:e("console:PlansAndPayment.PaymentSettings.Remove")})]},t)})]})]})]})};E.getLayout=s.G;var M=!0,O=E},83435:function(e){e.exports={warning:"confirmRemove_warning__Iz3ui",content:"confirmRemove_content__u1TNz"}},97316:function(e){e.exports={warning:"unableRemove_warning__gC4n4",content:"unableRemove_content__Bbfpq"}},2250:function(e){e.exports={breadcrumb:"menu-breadcrumb_breadcrumb__QYdqr"}},34077:function(e){e.exports={wrapper:"payment-settings_wrapper__f3asT",breadcrumb:"payment-settings_breadcrumb__Dl_Eu",container:"payment-settings_container__Ia9QG",header:"payment-settings_header__SbOiD",describe:"payment-settings_describe__2d1IV",title:"payment-settings_title__cMkGj",tip:"payment-settings_tip__maiI4",add_btn:"payment-settings_add_btn__RFktY",content:"payment-settings_content__Vu0sm",card:"payment-settings_card__pDXH9",card_msg:"payment-settings_card_msg__hy8DZ",msg:"payment-settings_msg__YgiMq",num:"payment-settings_num__2ohoK",date:"payment-settings_date__WFznR",remove_btn:"payment-settings_remove_btn__B13Wt"}}},function(e){e.O(0,[8872,6120,3765,9157,6290,2939,9774,2888,179],function(){return e(e.s=53612)}),_N_E=e.O()}]);