https://www.octoparse.com/_next/static/chunks/pages/console/balance-b2bd9f2b5f8dae53.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9710],{41262:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/console/balance",function(){return s(86329)}])},28831:function(e,t,s){"use strict";s.d(t,{y:function(){return i}});var a=s(11527);let i=e=>{let{visible:t}=e;return t?(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,{})}},86329:function(e,t,s){"use strict";s.r(t),s.d(t,{__N_SSG:function(){return I}});var a=s(11527),i=s(84739),n=s(79381),r=s(56979),l=s(56290),c=s(28831),d=s(2471),o=s(38377),u=s(73653),m=s(17429),v=s(59354),h=s(51875),y=s(90919),p=s.n(y),x=s(51122),f=s.n(x),j=s(50959),N=s(61257),g=s.n(N);let _=e=>{let{activeCardKey:t,setActiveCardKey:s,balanceData:i,setTotal:n,setCount:r,inputShow:l,setInputShow:d,setOrderItem:o,PlanCardIsLoading:u,isActivityTime:m}=e,{t:v}=(0,h.$G)(),y=(0,j.useRef)(0),[x,f]=(0,j.useState)(""),[N,g]=(0,j.useState)(!1),_=null==i?void 0:i.filter(e=>Number(e.name)>1),S=null==i?void 0:i.filter(e=>1===Number(e.name)),b=v("console:Buy.ReferralProgram"),C=e=>{let{value:t}=e.target;Number(t=t.replace(/\D/g,"").replace(/^0{1,}/g,""))>5e3||(!t||Number(t)>5e3||10>Number(t)?g(!0):g(!1),f(t),y.current=Number(t),r(Number(t)))};return(0,j.useEffect)(()=>{i&&i[2]&&(s(i[2].name),n(Number(i[2].name)),o(i[2]),r(1))},[i]),(0,a.jsxs)("div",{className:"plan_card",children:[(0,a.jsx)("div",{className:"title",children:v("console:Buy.AddCredit")}),(0,a.jsxs)("div",{className:"tips",children:[(0,a.jsx)(p(),{src:"/static/Union.svg",alt:"",width:15,height:15}),(0,a.jsx)("div",{className:"word",children:v("console:Buy.AddCreditDescription")})]}),(0,a.jsxs)("div",{className:"card",children:[null==_?void 0:_.map((e,i)=>(0,a.jsxs)("div",{className:"item ".concat(t===e.name?"active":""),onClick:()=>{s(e.name),d(!1),f(""),r(1),o(e)},children:["$",e.name]},i)),null==S?void 0:S.map((e,i)=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"item ".concat(t===e.name?"active":""),onClick:()=>{s(e.name),d(!0),o(e),x||r(0)},children:l?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("span",{children:["$",x]}),(0,a.jsx)("input",{ref:e=>null==e?void 0:e.focus(),value:x,onInput:C})]}):v("console:Buy.Other")},i),N&&t===e.name&&(0,a.jsxs)("div",{className:"item-other-hint",children:[(0,a.jsx)(p(),{className:"info",src:"/static/Info-one-hint.svg",alt:"",width:14,height:14,"data-tooltip-id":"tooltip"}),(0,a.jsxs)("span",{children:[" ",v("console:Buy.OtherError")]})]})]})),(0,a.jsx)(c.y,{visible:u})]}),b&&(0,a.jsx)("div",{className:"referral_tips",dangerouslySetInnerHTML:{__html:b}}),m&&(0,a.jsxs)("div",{className:"activity_tips",children:[(0,a.jsx)("img",{src:"/static/activity/gift.gif"}),(0,a.jsx)("div",{dangerouslySetInnerHTML:{__html:v("activity:BalancePage.BalanceBannerText")}})]})]})},S=()=>{var e;let{data:t,error:s}=(0,d.mA)();return(0,a.jsx)("div",{className:"info-box",children:(0,a.jsxs)("div",{className:"top",children:[(0,a.jsx)(r.Z,{size:48,className:"pic"}),t&&(0,a.jsxs)("div",{className:"msg",children:[(0,a.jsx)("div",{className:"name",children:(null===(e=t.extractInfo)||void 0===e?void 0:e.firstName)?t.extractInfo.firstName:t.userName}),(0,a.jsx)("div",{className:"email",children:t.email})]})]})})},b=e=>{let{total:t,payType:s,toCreateOrder:n,paymentLoading:r,setPaymentLoading:l,usePaymentData:c,isActivityTime:d,giftBalance:o=0}=e,{t:u}=(0,h.$G)();return(0,a.jsx)("div",{className:"credit",children:(0,a.jsxs)("div",{className:"to_pay",children:[(0,a.jsxs)("div",{className:"head",children:[(0,a.jsx)("div",{className:"line"}),(0,a.jsx)("div",{className:"title",children:u("console:Buy.OrderSummary")})]}),(0,a.jsxs)("div",{className:"detail_message",children:[(0,a.jsx)("div",{className:"top",children:(0,a.jsxs)("div",{className:"item plan",children:[(0,a.jsx)("div",{className:"name",children:u("console:Buy.AddOnCredit")}),(0,a.jsxs)("div",{className:"number",children:["$",t]})]})}),(0,a.jsxs)("div",{className:"bottom",children:[(0,a.jsxs)("div",{className:"item subtotal",children:[(0,a.jsx)("div",{className:"name",children:u("console:Buy.SUBTOTAL")}),(0,a.jsxs)("div",{className:"number",children:["$",t+o]})]}),d&&(0,a.jsxs)("div",{className:"item discount",children:[(0,a.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"flex-start"},children:(0,a.jsx)("div",{className:"name",children:u("activity:BalancePage.GetExtra")})}),(0,a.jsxs)("div",{className:"number",children:["+$",o]})]})]})]}),(0,a.jsxs)("div",{className:"total",children:[(0,a.jsx)("div",{className:"title",children:u("console:Buy.TOTAL")}),(0,a.jsxs)("div",{className:"price",children:["$",t]})]}),(0,a.jsx)(i.Z,{disable:t<10||t>

15e3,pageType:"balance",payType:s,subscribe:n,paymentLoading:r,setPaymentLoading:l,usePaymentData:c})]})})},C=()=>{var e;let{t}=(0,h.$G)(),[s,i]=(0,j.useState)(m.Lt.CreditCard),[r,l]=(0,j.useState)(""),[c,y]=(0,j.useState)(""),[p,x]=(0,j.useState)(0),[N,C]=(0,j.useState)(0),[I,w]=(0,j.useState)(),[A,T]=(0,j.useState)(),[B,P]=(0,j.useState)(!1),[E,L]=(0,j.useState)(),[O,D]=(0,j.useState)(),[$,k]=(0,j.useState)(),[G,M]=(0,j.useState)(),[U,V]=(0,j.useState)(),[q,z]=(0,j.useState)(""),[F,H]=(0,j.useState)(!1),[K,Z]=(0,j.useState)({}),[R,X]=(0,j.useState)(""),[Y,J]=(0,j.useState)(!1),[Q,W]=(0,j.useState)(""),[ee,et]=(0,j.useState)(!1),[es,ea]=(0,j.useState)(0),[ei,en]=(0,j.useState)(!1),{data:er,isLoading:el,error:ec}=(0,o.tl)("balance"),{data:ed}=(0,d.LR)(),{data:eo,error:eu}=(0,d.sU)(null==ed?void 0:null===(e=ed[0])||void 0===e?void 0:e.code),{data:em}=(0,d.mA)();(0,j.useEffect)(()=>{(null==em?void 0:em.currentAccountLevel)===140&&f().push("/")},[em]),(0,j.useEffect)(()=>{!eu&&eo&&(eo.currentActivityStatus===u.yc.First||eo.currentActivityStatus===u.yc.NotFirst||eo.currentActivityStatus===u.yc.Encore)&&en(!0)},[eo]),(0,j.useEffect)(()=>{let e=setTimeout(()=>{c&&ex()},500);return()=>clearTimeout(e)},[c,N]);let ev=()=>({creditMsg:I,paypalMsg:A,applePaymentsInstance:E,googleInstance:O,googlePaymentsClient:$,localPayInstance:G,threeDSecureMsg:U,deviceData:q,threeDSecureAmount:p,unique:r,city:R,country:Q,setCityError:J,setCountryError:et}),{data:eh,error:ey}=(0,d.mA)(),ep=async e=>{let[s]=K.specificationUis||[],a={orderItem:[{goodId:K.goodId,count:N,isSubscribe:K.isSubscribe,specificationAttributes:[{unit:null==s?void 0:s.unit,unitValue:null==s?void 0:s.unitValue}]}],flowId:f().query.flowId},i=await (0,o.LV)(a);if(i&&i.error){let{message:e=""}=i.error;v.y.error(e),H(!1);return}if(eh){let s=await (0,o._r)({OrderId:i.id,PaymentToken:r||e,deviceData:q});if(s&&s.error){f().push({pathname:"/console/pay-result",query:{isSuccess:!1,orderId:i.id,code:s.error.code,message:s.error.message}});return}f().push({pathname:"/console/pay-result",query:{isSuccess:!0,transactionID:s.orderNo,amount:s.amount,description:t("console:Buy.AddOnCredit")}})}else H(!1),v.y.error((null==ey?void 0:ey.message)||"")},ex=async()=>{if(c){let[e]=K.specificationUis||[],t=await (0,d.ZC)({orderItem:[{goodId:K.goodId,count:N,isSubscribe:!1,specificationAttributes:[{unit:null==e?void 0:e.unit,unitValue:null==e?void 0:e.unitValue}]}]});if(t&&t.gifts){let e=t.gifts||[],[s]=e,a=((null==s?void 0:s.quantity)||0)/100;ea(a)}x((null==t?void 0:t.amount)||0)}};return(0,a.jsx)("div",{className:g().wrapper,children:(0,a.jsx)("div",{className:g().container,children:(0,a.jsxs)("div",{className:g().page_content,children:[(0,a.jsxs)("div",{className:g().left,children:[(0,a.jsx)(_,{isActivityTime:ei,activeCardKey:c,setActiveCardKey:y,balanceData:er,PlanCardIsLoading:el,setTotal:x,total:p,inputShow:B,setInputShow:P,setOrderItem:Z,setCount:C}),(0,a.jsx)(n.Z,{pageType:"balance",payType:s,setPayType:i,activeKey:c,threeDSecureAmount:p,setCreditMsg:w,setPaypalMsg:T,setApplePaymentsInstance:L,setGoogleInstance:D,setGooglePaymentsClient:k,setLocalPayInstance:M,setThreeDSecureMsg:V,setDeviceData:z,setUnique:l,city:R,country:Q,setCity:X,setCountry:W,cityError:Y,countryError:ee,setCityError:J,setCountryError:et})]}),(0,a.jsxs)("div",{className:g().right,children:[(0,a.jsx)(S,{}),(0,a.jsx)(b,{giftBalance:es,isActivityTime:ei,activeCardKey:c,payType:s,balanceData:er,total:p,toCreateOrder:ep,paymentLoading:F,setPaymentLoading:H,usePaymentData:ev})]})]})})})};C.getLayout=e=>(0,l.G)(e,!1);var I=!0;t.default=C},61257:function(e){e.exports={wrapper:"balance_wrapper__f6BOA",container:"balance_container__Suvhf",page_content:"balance_page_content__lTzpO",left:"balance_left__Y_9_m",right:"balance_right__kOPHh"}}},function(e){e.O(0,[8872,6120,3765,9157,6290,2939,9774,2888,179],function(){return e(e.s=41262)}),_N_E=e.O()}]);