https://tlcfitness.ph/_next/static/chunks/pages/account/payments-3c719dcdcf51405a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[570],{17746:function(e,t,n){"use strict";n.d(t,{Z:function(){return W}});var i=n(59499),r=n(4730),o=n(9008),a=n.n(o),d=n(57953),s=n(10404),c=n(60407),l=n(31096),p=n(13959),h=n(80477),x=n(31962),u=n(67294),f=n(58255),m=n(74107),g=n(47300),b=n(11163),v=n(67162),w=n(4480),y=n(67208),j=n(31742),C=n(36596),O=n(85893),_=function(e){var t=e.text,n=e.icon,i=e.className,r=function(){var e=(0,u.useState)(0),t=e[0],n=e[1];return(0,u.useEffect)((function(){var e=function(){n(window.scrollY)};return window.addEventListener("scroll",e),function(){window.removeEventListener("scroll",e)}}),[]),t}(),o=(0,b.useRouter)(),a=(0,v.vH)(),d=a.secondaryBg,s=a.textColor,c=(0,w.sJ)(y.GW);return(0,O.jsxs)(N,{className:(0,j.cn)("z-navbar",i),$_css:d,$_css2:r>0?"#C4C4C4":"transparent",$_css3:c,$_css4:(0,C.V8)({componentType:"cta",baseIndexNumber:9999}),children:[(0,O.jsx)(f.hU,{onClick:function(){var e=o.query.redirect;e?o.replace(e):o.back()},children:n||(0,O.jsx)(m.IAk,{stroke:s})}),(0,O.jsx)(g.ZT,{fontSize:"16px",fontWeight:"700",children:t})]})},N=(0,l.ZP)("div").withConfig({displayName:"FixedBack___StyledDiv",componentId:"sc-12aylkz-0"})(["transition:all 0.3s ease;background:",";border-bottom:1px solid ",";top:","px;z-index:",";position:fixed;width:100%;padding:20px 14px;padding-bottom:12px;button{position:absolute;transform:translateY(2px);}p{line-height:24px;text-align:center;}"],(function(e){return e.$_css}),(function(e){return e.$_css2}),(function(e){return e.$_css3}),(function(e){return e.$_css4})),k=["id","children","title","bgColor","loading","fixedContent","fixedContentClassName","icon","noFooter"];function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function Z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var D=l.ZP.div.withConfig({displayName:"Layout__ContentWrapper",componentId:"sc-6gpps0-0"})(["flex:1;margin-top:",";--nav-height:76px;background-color:",";background-color:",";@media ","{--nav-height:53px;}.tooltip{background:#ffffff;border:1px solid #c4c4c4;padding:20px;max-width:424px;border-radius:12px;color:#010101;opacity:1 !important;p{font-weight:400;font-size:12px;line-height:18px;}@media ","{padding:28px 40px;}}"],(function(e){return e.hasFixedContent?"".concat(e.navbarHeight+57,"px"):"".concat(e.navbarHeight,"px")}),(function(e){return e.theme.color.primary}),(function(e){return e.theme.color.primary}),c.vb.tabletAndDown,c.vb.tabletAndDown),W=function e(t){var n=t.id,i=t.children,o=t.title,c=t.bgColor,l=t.loading,u=t.fixedContent,f=t.fixedContentClassName,m=t.icon,g=t.noFooter,b=void 0!==g&&g,v=(0,r.Z)(t,k),j=(0,s.P)().isTabletOrMobile,C=(0,d.Ap)("/theme/default/section"),N=C.data,P=C.error,W=(0,w.sJ)(y.GW);return P?(0,O.jsx)(e,{title:"404"}):!N||l?(0,O.jsx)(z,{children:(0,O.jsx)(p.Z,{width:"200px",height:"200px"})}):(0,O.jsxs)("div",Z(Z({style:{minHeight:"100vh",display:"flex",flexDirection:"column",backgroundColor:c}},v),{},{children:[o&&(0,O.jsxs)(a(),{children:[(0,O.jsx)("title",{children:o}),(0,O.jsx)("meta",{charSet:"utf-8"}),(0,O.jsx)("meta",{name:"viewport",content:"initial-scale=1.0, width=device-width"})]}),(0,O.jsx)(x.Z,{}),u&&j&&(0,O.jsx)(_,{className:f,text:u,icon:m}),(0,O.jsx)(D,{id:n,hasFixedContent:Boolean(u)&&j,navbarHeight:W,children:i}),!b&&(0,O.jsx)(h.Z,{})]}))},z=(0,l.ZP)("div").withConfig({displayName:"Layout___StyledDiv",componentId:"sc-6gpps0-1"})(["min-height:100vh;display:flex;justify-content:center;align-items:center;"])},72769:function(e,t,n){"use strict";var i=n(58255),r=n(69707),o=n(38348),a=n(60407),d=n(67294),s=n(31096),c=n(36596),l=n(85893),p=s.ZP.div.withConfig({displayName:"Modal__DialogWrapper",componentId:"sc-s3iu4p-0"})(["width:",";.dialog{padding:0px;width:100%;margin:0px;border-radius:1.25rem;max-width:",";}max-width:",";@media ","{max-width:100%;width:25rem;}@media (max-width:400px){max-width:100%;width:calc(100vw - 40px);}"],(function(e){return e.width||"550px"}),(function(e){return e.maxWidth||"550px"}),(function(e){return e.maxWidth||"550px"}),a.vb.tabletAndDown),h=s.ZP.div.withConfig({displayName:"Modal__Wrapper",componentId:"sc-s3iu4p-1"})(["display:flex;flex-direction:column;max-width:",";.btnWrapper{margin-top:1.25rem;margin-left:auto;display:flex;gap:12px;*{width:max-content;padding:13.4px 24px;}}gap:1.25rem;.warning{border:1px solid #fe5f55;padding:1.25rem;color:#fe5f55;font-weight:bold;}gap:1.25rem;h4{font-weight:700;font-size:1.75rem;line-height:35px;padding-right:28px;@media ","{font-size:1.5rem;}}p{font-weight:400;font-size:0.875rem;line-height:21px;}h5{font-size:1.125rem;font-weight:bold;}"],(function(e){return e.maxWidth||"550px"}),a.vb.tabletAndDown);t.Z=function(e){e.url;var t=e.confirmText,n=void 0===t?"Confirm":t,a=e.cancelText,s=void 0===a?"Not Now":a,x=e.body,u=e.header,f=e.onConfirm,m=e.loading,g=e.blackButton,b=void 0!==g&&g,v=e.fromAccount,w=void 0!==v&&v,y=e.hideCancel,j=e.hideConfirm,C=void 0!==j&&j,O=e.onCancel,_=e.back,N=e.disabledConfirmBtn,k=e.dialogWrapperClassName,P=e.width,Z=e.maxWidth,D=(0,d.useState)(!1),W=D[0],z=D[1],A=function(){z(!W)},E=function(){O?(O(),A()):A()};return{view:(0,l.jsx)(o.t9,{onDismiss:E,style:{background:"hsla(0,0%,10%,0.9",zIndex:(0,c.V8)({componentType:"overlay",baseIndexNumber:1e4})},isOpen:W,children:(0,l.jsx)(p,{width:P,maxWidth:Z,children:(0,l.jsx)(o.cZ,{className:"dialog","aria-label":"dialog",children:(0,l.jsx)(r.Z,{dismiss:E,back:_,maxWidth:Z,children:(0,l.jsxs)(h,{maxWidth:Z,children:[(0,l.jsx)("h4",{children:u}),(0,l.jsx)("p",{className:k,children:x}),(0,l.jsxs)("div",{className:"btnWrapper",children:[!y&&(0,l.jsx)(i.Uc,{width:"auto",onClick:E,children:s}),!C&&(b?(0,l.jsx)(i.hO,{minWidth:"100px",width:"auto",fromAccount:w,disabled:m||N,onClick:function(){f(A)},children:n}):(0,l.jsx)(i.l_,{width:"auto",isLoading:m,variant:"danger",disabled:m||N,onClick:function(){m||f(A)},children:n}))]})]})})})})}

1),open:W,setOpen:z,toggle:A}}},95478:function(e,t,n){"use strict";n.r(t);var i=n(50029),r=n(59499),o=n(77191),a=n(87794),d=n.n(a),s=n(57953),c=n(58255),l=n(61369),p=n(72769),h=n(56181),x=n(81668),u=n(10404),f=n(60407),m=n(31096),g=n(13959),b=n(11634),v=n(85893);function w(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}var y=function(e){var t=e.lastFourDigits,n=e.expMonth,r=(e.onClick,e.expYear),o=e.id,a=e.isDefault,l=e.nameOnCard,h=e.hasMembership,u=e.brand,f=e.icon,m=(0,s.Tu)(),w=m.handleMutate,y=m.loading,C=(m.setLoading,(0,s.Tu)()),O=C.handleMutate,_=C.loading,N=(0,x.l)().setNoti,k=function(){var e=(0,i.Z)(d().mark((function e(){return d().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:O({url:"/payment-method/".concat(o,"/set-default"),data:{isDefault:!0,id:o,lastFourDigits:t,expMonth:n,expYear:r,nameOnCard:l},validateUrl:["/payment-method"],method:"put",onSuccess:function(){N({type:"success",msg:"Primary card saved."})}});case 1:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),P=function(){var e=(0,i.Z)(d().mark((function e(t){return d().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:w({url:"/payment-method/".concat(o),validateUrl:"/payment-method",method:"delete",onSuccess:function(){t(),N({type:"success",msg:"C

1ard deleted."})}});case 1:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),Z=(0,p.Z)({onConfirm:P,header:"Remove card?",loading:y,body:"Are you sure you want to remove this card from your RezervPass account?"}),D=Z.view,W=Z.toggle;return(0,v.jsxs)(v.Fragment,{children:[D,(0,v.jsxs)(j,{children:[(0,v.jsx)("img",{onError:(0,b.W)(),src:f,alt:u}),(0,v.jsx)("div",{className:"left",children:(0,v.jsxs)("div",{className:"body",children:[(0,v.jsxs)("div",{children:[(0,v.jsxs)("span",{children:[" Ending with ",t]}),(0,v.jsxs)("p",{children:["Expires ",n,"/",r]})]}),a&&(0,v.jsx)("span",{className:"isDefault",children:"Primary"})]})}),(0,v.jsxs)("div",{className:"right",children:[h&&a?null:(0,v.jsx)("button",{className:"bin",children:y?(0,v.jsx)(g.Z,{width:"20px",height:"20px"}):(0,v.jsx)("img",{onClick:W,src:"/icons/bin.svg",alt:""})}),(0,v.jsx)(c.f5,{padding:"13.5px 24px",disabled:a||_,className:"setDefaultBtn",onClick:k,color:"#010101",children:_?(0,v.jsx)(g.Z,{width:"20px",height:"20px"}):"Set As Primary"})]})]})]})},j=m.ZP.div.withConfig({displayName:"payments__CardWrapper",componentId:"sc-1efr2d5-0"})(["background:#ffffff;box-sizing:border-box;border-radius:8px;height:106px;padding:24px;gap:20px;display:grid;grid-template-columns:min-content 1fr 1fr;align-items:start;font-size:12px;.left{display:grid;.body{display:flex;gap:12px;align-items:start;font-size:14px;line-height:21px;}p{font-size:12px;color:#787878;margin-top:4px;}.isDefault{background:#010101;border-radius:4px;padding:6px 10px;color:#ffffff;font-size:12px;line-height:18px;font-weight:700;}}.right{margin-left:auto;display:flex;align-items:center;gap:20px;}@media ","{grid-template-columns:min-content 1fr;column-gap:16px;row-gap:20px;height:auto;padding:20px;.right{border-top:1px solid #e6e6e6;padding-top:20px;grid-column:1 / span 2;width:100%;button{padding:8px 12px;height:30px;width:auto;}}}img{width:44px;height:30px;object-fit:cover;}.bin{border:none;background:none;img{cursor:pointer;width:20px;height:20px;}}.setDefaultBtn{&:disabled{color:#9b9b9b;border:none;background:#c4c4c4;}}"],f.vb.tabletAndDown),C=m.ZP.div.withConfig({displayName:"payments__NoCardWrapper",componentId:"sc-1efr2d5-1"})(["border:1px dashed #787878;box-sizing:border-box;border-radius:12px;height:311px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;img{width:91px;height:69px;}button{width:128px;}"]),O=m.ZP.div.withConfig({displayName:"payments__Body",componentId:"sc-1efr2d5-2"})(["margin-top:20px;display:flex;flex-direction:column;gap:16px;.addCard{width:140px;height:42px;@media ","{width:100%;height:auto;}}"],f.vb.tabletAndDown),_=m.ZP.div.withConfig({displayName:"payments__Wrapper",componentId:"sc-1efr2d5-3"})([".d-grid{display:grid;grid-template-columns:1fr;select{margin-top:-4px;}}"]),N=m.ZP.div.withConfig({displayName:"payments__Header",componentId:"sc-1efr2d5-4"})(["display:flex;flex-direction:column;gap:6px;margin-bottom:40px;p{font-size:14px;line-height:21px;}h4{font-weight:bold;font-size:28px;}button{width:max-content;padding:13.5px 24px;}@media ","{margin-bottom:20px;}"],f.vb.tabletAndDown);t.default=function(e){var t,n;(0,o.Z)(e);(0,u.P)().isTabletOrMobile;var i=(0,s.Ap)("/payment-method"),a=i.data,d=(i.error,null===a||void 0===a||null===(t=a.data)||void 0===t?void 0:t.hasMembership),p=null===a||void 0===a||null===(n=a.data)||void 0===n?void 0:n.customerPaymentMethodModelList,x=(0,l.Z)(),f=x.view,m=x.toggle;return(0,v.jsx)(h.Z,{children:(0,v.jsxs)(_,{children:[(0,v.jsx)(N,{children:(0,v.jsx)("h3",{children:"Payment methods"})}),(0,v.jsxs)(O,{children:[f,(null===p||void 0===p?void 0:p.length)<=0&&(0,v.jsxs)(C,{children:[(0,v.jsx)("img",{src:"/icons/no_card.svg",alt:""}),(0,v.jsx)("span",{children:"No cards yet"}),(0,v.jsx)(c.hO,{onClick:m,children:"+ Add Card"})]}),null===p||void 0===p?void 0:p.map((function(e){return(0,v.jsx)(y,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEac

1h((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({hasMembership:d,onClick:m},e),e.id)})),(null===p||void 0===p?void 0:p.length)<3&&0!==(null===p||void 0===p?void 0:p.length)&&(0,v.jsx)(c.hO,{onClick:m,className:"addCard",children:"+ Add Card"})]})]})})}},71541:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/account/payments",function(){return n(95478)}])}},function(e){e.O(0,[4885,4171,5890,8491,3775,6181,6532,1369,9774,2888,179],(function(){return t=71541,e(e.s=t);var t}));var t=e.O();_N_E=t}]);