https://volumo.com/_next/static/chunks/pages/profile/billing-info/cards-and-balance-b52627072ca6cda5.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8483],{19481:e=>{e.exports={infoTop:"PaymentCards_infoTop__D3Cq8",price:"PaymentCards_price__mUeQN",discount:"PaymentCards_discount__dnRlD",title:"PaymentCards_title__7pxun",discountDate:"PaymentCards_discountDate__lN2NH",divider:"PaymentCards_divider__NJCeL",infoBottom:"PaymentCards_infoBottom__gXOcS",button:"PaymentCards_button__mOdcQ",cardsBlock:"PaymentCards_cardsBlock__9g22T",cardsList:"PaymentCards_cardsList__2T_0t",info:"PaymentCards_info__RFTan"}},39857:e=>{e.exports={root:"CardItem_root__78iE5",top:"CardItem_top__4xn28",right:"CardItem_right__V_fMf",cardBrand:"CardItem_cardBrand__06lxw",bottom:"CardItem_bottom__MnFSB",tag:"CardItem_tag__IIG7N"}},40936:(e,a,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/profile/billing-info/cards-and-balance",function(){return n(48129)}])},48129:(e,a,n)=>{"use strict";n.r(a),n.d(a,{default:()=>M});var t=n(80263),i=n(61528),s=n(13463),r=n(53239),d=n(50005),o=n(78852),c=n(11359),l=n(61023),_=n(43959),m=n(18251),u=n(91840),p=n(24318),x=n(87841),f=n(93107),h=n(74471),j=n(39857),v=n.n(j);let g=e=>{let{card:a}=e,{locale:n,t:i}=(0,s.c3)(),d=(0,r.useRef)(null),{isOpen:o,open:j,close:g}=(0,_.F)(),C=(0,c.tj)(),N=(0,c.V6)();return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:v().root,children:[(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:v().top,children:[(0,t.jsx)("div",{className:v().cardBrand,children:(0,h.JV)(a)}),(0,h._M)(a,i)]}),(0,t.jsxs)("div",{className:v().bottom,children:[i("Expires")," ",a.exp_month.padStart(2,"0"),"/",a.exp_year," • ",i("Added on")," ",(0,f.ZP)(a.created_at,{locale:n})]})]}),(0,t.jsxs)("div",{className:v().right,children:[(C.isPending||N.isPending)&&(0,t.jsx)(p.a,{}),a.isdefault&&(0,t.jsx)(x.v,{className:v().tag,shape:"rounded",size:"small",children:i("Default")}),(0,t.jsx)(u.K,{"aria-controls":`card-menu-${a.id}`,"aria-haspopup":!0,iconComponent:m.OA5,innerRef:d,size:"small",title:i("Available actions"),variant:"transparent",onClick:j})]})]}),(0,t.jsxs)(l.rI,{anchorElement:d.current||void 0,id:`card-menu-${a.id}`,open:o,preferredDirection:"bottomLeft",onCloseAttempt:g,children:[!a.isdefault&&(0,t.jsx)(l.Dr,{onClick:()=>{C.mutate(a.id,{onSuccess:()=>g()})},children:i("Set to default")}),(0,t.jsx)(l.Dr,{onClick:()=>{N.mutate(a.id,{onSuccess:()=>g()})},children:i("Delete")})]})]})};g.displayName="CardItem";var C=n(19481),N=n.n(C);let B=()=>{let{t:e}=(0,s.c3)(),{data:a,refetch:n}=(0,c.sM)();return(0,r.useEffect)(()=>{n()},[]),(0,t.jsxs)("div",{className:N().cardsBlock,children:[(0,t.jsx)("div",{children:a?.length?(0,t.jsx)("div",{className:N().cardsList,children:a?.map(e=>(0,t.jsx)(g,{card:e},e.id))}):(0,t.jsx)("div",{className:N().info,children:(0,t.jsx)("b",{children:e("No payment cards saved in your account")})})}),(0,t.jsx)(o.K,{mt:2}),(0,t.jsx)("p",{children:e("To add a card here, select the “Save card for future purchases” option when making a purchase.")})]})};var I=n(42173),b=n(54923),P=n(4151),y=n(59486),T=n(77148),D=n(94386),k=n(67445),E=n(6750),w=n(60745),A=n(4513),L=n(51143),F=n(66758),O=n.n(F);let R=()=>{let{locale:e,t:a}=(0,s.c3)(),{openTopUpBalanceModal:n}=(0,r.useContext)(A.Bm),{user:i}=(0,L.IE)();return(0,t.jsxs)("div",{className:O().info,children:[(0,t.jsxs)("div",{className:O().infoTop,children:[(0,t.jsx)("div",{className:O().price,children:(0,T.vv)(i?.balance_amount)}),(0,t.jsx)(D.$,{onClick:()=>n({}),children:a("Top up balance")})]}),(0,t.jsxs)("div",{className:O().discount,children:[a("Current discount"),":",(0,t.jsx)(w.n,{className:O().badge}),i?.discount?.validto&&(0,t.jsxs)("span",{className:O().discountDate,children:["(",a("available until")," ",(0,E.gl)(i.discount.validto,{locale:e}),")"]})]}),(0,t.jsx)("div",{className:O().infoBottom,children:!i?.discount?.validto&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(k.c,{}),(0,t.jsx)("span",{children:a("Top up your balance to get the discount")})]})})]})},S=()=>{let{t:e}=(0,s.c3)(),a=e("Cards & balance"),n=(0,r.useMemo)(()=>({title:a}),[a]),o=(0,b.UV)(e),c=(0,r.useMemo)(()=>[o.Root,o.UserProfile,{text:a}],[o,a]);return(0,t.jsxs)(y.u,{topLine:(0,t.jsx)(d.I,{pageName:"cardsAndBalance",values:c}),children:[(0,t.jsx)(I.t,{fields:n,microdata:(0,i.Oq)(c),pageName:"cardsAndBalance"}),(0,t.jsx)(R,{}),(0,t.jsx)(B,{})]})};S.getConfig=()=>({isAuthenticationRequired:!0}),S.renderInLayout=P.P;let M=S},66758:e=>{e.exports={info:"BillingInformation_info__o_9eQ",infoTop:"BillingInformation_infoTop__QaXim",price:"BillingInformation_price__OL2

1XB",discount:"BillingInformation_discount___ePBQ",title:"BillingInformation_title__v5gwW",discountDate:"BillingInformation_discountDate__UFDnF",infoBottom:"BillingInformation_infoBottom__ARjmU",badge:"BillingInformation_badge__5QTH9"}}},e=>{e.O(0,[4001,7236,773,8288,904,5046,4802,1001,1048,1488,4471,636,6593,8792],()=>e(e.s=40936)),_N_E=e.O()}]);