https://pay.gov.sg/_next/static/chunks/pages/admin/services/[payme…/settings-a16aed3c1be2f93d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8381],{6330:(e,t,n)=>{"use strict";n.d(t,{LL:()=>i,Nc:()=>s,_u:()=>r});var a=n(67999);function s(e){let{amountInCents:t,isCommaSeparated:n}=e,s=new a.W(t).div(100).toNumber();return n?s.toLocaleString(void 0,{minimumFractionDigits:2,maximumFractionDigits:2}):s.toFixed(2)}function r(e){let{amountInCents:t,isCommaSeparated:n}=e,a=t;if(!a||0===a.length)return"0.00";1===a.length&&(a="00"+a),2===a.length&&(a="0"+a);let s=a.slice(0,-2)||"0",r=a.slice(-2),i=n?s.replace(/\B(?=(\d{3})+(?!\d))/g,","):s;return"".concat(i,".").concat(r)}function i(e){let{amountInDollars:t}=e;return new a.W(t).mul(100).toNumber()}},14611:(e,t,n)=>{"use strict";n.d(t,{Q:()=>l});var a=n(78488),s=n(81204),r=n(36312),i=n(74863),o=n(50950);let l=({separator:e=(0,a.jsx)(o.M,{}),...t})=>{let n=(0,r.o)("Breadcrumb",t),l=(0,s.useMemo)(()=>{if(e)return"string"==typeof e?e:(0,s.cloneElement)(e,{fontSize:n.separator.lineHeight})},[e,n.separator.lineHeight]);return(0,a.jsx)(i.Q,{separator:l,...t})}},26437:(e,t,n)=>{"use strict";n.d(t,{G:()=>r});var a=n(81204),s=n(94908);function r(){let e=(0,s.useRouter)();return(0,a.useMemo)(()=>{if(!e.isReady)return{isSubscriptionIdValid:!1};let t=e.query.subscriptionId;if("string"==typeof t)return{isSubscriptionIdValid:!0,subscriptionId:t};throw Error("Unable to get subscription id")},[e.isReady,e.query])}},27999:(e,t,n)=>{"use strict";n.d(t,{c:()=>d});var a=n(78488),s=n(50),r=n(53341),i=n(91681),o=n(36312),l=n(54818);let d=(0,i.R)(function(e,t){let{borderLeftWidth:n,borderBottomWidth:i,borderTopWidth:d,borderRightWidth:c,borderWidth:u,borderStyle:p,borderColor:x,...b}=(0,o.V)("Divider",e),{className:m,orientation:h="horizontal",__css:g,...v}=(0,s.M)(e);return(0,a.jsx)(l.B.hr,{ref:t,"aria-orientation":h,...v,__css:{...b,border:"0",borderColor:x,borderStyle:p,...{vertical:{borderLeftWidth:n||c||u||"1px",height:"100%"},horizontal:{borderBottomWidth:i||d||u||"1px",width:"100%"}}[h],...g},className:(0,r.cx)("chakra-divider",m)})});d.displayName="Divider"},32671:(e,t,n)=>{"use strict";n.d(t,{i:()=>r});var a=n(81204),s=n(34915);function r(e){let{value:t,defaultValue:n,onChange:r,shouldUpdate:i=(e,t)=>e!==t}=e,o=(0,s.c)(r),l=(0,s.c)(i),[d,c]=(0,a.useState)(n),u=void 0!==t,p=u?t:d,x=(0,s.c)(e=>{let t="function"==typeof e?e(p):e;l(p,t)&&(u||c(t),o(t))},[u,o,p,l]);return[p,x]}},40354:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/admin/services/[paymentServiceId]/subscriptions/[subscriptionId]/settings",function(){return n(67497)}])},40504:(e,t,n)=>{"use strict";n.d(t,{o:()=>c});var a=n(78488),s=n(30753),r=n(53341),i=n(84285),o=n(44975),l=n(91681),d=n(54818);let c=(0,l.R)(function(e,t){let n=(0,i.e)(),l=(0,o.Vh)({...e,ref:t}),c=(0,s.H2)({outline:"0",display:"flex",alignItems:"center",justifyContent:"center",...n.tab});return(0,a.jsx)(d.B.button,{...l,className:(0,r.cx)("chakra-tabs__tab",e.className),__css:c})});c.displayName="Tab"},44975:(e,t,n)=>{"use strict";n.d(t,{O_:()=>m,Vh:()=>g,at:()=>c,uc:()=>b});var a=n(32671),s=n(78321),r=n(97487),i=n(22194),o=n(81204),l=n(41969),d=n(39417);let[c,u,p,x]=(0,l.D)();function b(e){let{defaultIndex:t,onChange:n,index:s,isManual:r,isLazy:i,lazyBehavior:l="unmount",orientation:d="horizontal",direction:c="ltr",...u}=e,[x,b]=(0,o.useState)(t??0),[m,h]=(0,a.i)({defaultValue:t??0,value:s,onChange:n});(0,o.useEffect)(()=>{null!=s&&b(s)},[s]);let g=p(),v=(0,o.useId)(),f=e.id??v;return{id:`tabs-${f}`,selectedIndex:m,focusedIndex:x,setSelectedIndex:h,setFocusedIndex:b,isManual:r,isLazy:i,lazyBehavior:l,orientation:d,descendants:g,direction:c,htmlProps:u}}let[m,h]=(0,r.q)({name:"TabsContext",errorMessage:"useTabsContext: `context` is undefined. Seems you forgot to wrap all tabs components within <Tabs />"});function g(e){var t,n,a,r;let{isDisabled:o=!1,isFocusable:l=!1,...c}=e,{setSelectedIndex:u,isManual:p,id:b,setFocusedIndex:m,selectedIndex:g}=h(),{index:v,register:f}=x({disabled:o&&!l}),y=v===g;return{...(0,d.I)({...c,ref:(0,s.Px)(f,e.ref),isDisabled:o,isFocusable:l,onClick:(0,i.H)(e.onClick,()=>{u(v)})}),id:(t=b,n=v,`${t}--tab-${n}`),role:"tab",tabIndex:y?0:-1,type:"button","aria-selected":y,"aria-controls":(a=b,r=v,`${a}--tabpanel-${r}`),onFocus:o?void 0:(0,i.H)(e.onFocus,()=>{m(v);let e=o&&l;p||e||u(v)})}}let[v,f]=(0,r.q)({})},50950:(e,t,n)=>{"use strict";n.d(t,{M:()=>s});var a=n(78488);let s=e=>

1(0,a.jsx)("svg",{viewBox:"0 0 24 24",fill:"currentColor",height:"1em",width:"1em",...e,children:(0,a.jsx)("path",{d:"M10.707 17.707L16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"})})},51581:(e,t,n)=>{"use strict";n.d(t,{R:()=>l});var a=n(54169),s=n(51354),r=n.n(s),i=n(29007),o=n(49205);let l=(e,t,n)=>{let{enabled:s}=n,l=async()=>{let{data:n}=await o.Gf.get("/payment-services/".concat(encodeURIComponent(e),"/subscriptions/").concat(encodeURIComponent(t)));return n?r()(n):n},{data:d,isLoading:c,isError:u}=(0,a.I)({...i.l.paymentServices.details(e)._ctx.subscriptions._ctx.details(t),queryFn:l,refetchInterval:18e3,enabled:s});return{subscription:d,isSubscriptionLoading:c,isErrorFetchingSubscription:u}}},61341:(e,t,n)=>{"use strict";n.d(t,{U:()=>I});var a=n(78488),s=n(81204),r=n(53908),i=n(70150),o=n(68021),l=n(84285),d=n(77412),c=n(40504),u=n(94908),p=n(97298),x=n(42033),b=n(26437),m=n(17494),h=n(43498),g=n(9177),v=n(20607),f=n(25231),y=n(51581),j=n(30484),S=n(93486);let w=[{subroute:"payments",label:"Payment history",allowedRoles:[p.E.Admin,p.E.View]},{subroute:"settings",label:"Settings",allowedRoles:[p.E.Admin]}],I=e=>{let{currentTab:t,children:n}=e,{user:I,logout:E}=(0,j.A)(),R=(0,u.useRouter)(),{isSubscriptionIdValid:T,subscriptionId:C}=(0,b.G)(),_=T?C:"",{isPaymentServiceIdValid:N,paymentServiceId:k}=(0,x.O)(),G=N?k:"",[M,L]=(0,s.useState)(!1),{paymentService:B,isPaymentServiceLoading:D,isErrorFetchingPaymentService:P}=(0,v.d)(G,{enabled:N}),q=(0,s.useMemo)(()=>null==B?void 0:B.name,[B]),{jobs:F,isJobsLoading:U}=(0,f.D)({paymentServiceId:null==B?void 0:B.id},{enabled:!!(null==B?void 0:B.id)}),{generatePaymentServiceJobResultReportUrl:V,isGeneratePaymentServiceJobResultReportUrlLoading:O}=(0,g.n)({paymentServiceId:null==B?void 0:B.id}),$=(0,s.useCallback)(e=>{R.push("/admin/services/".concat(G,"/subscriptions/").concat(_,"/").concat(e))},[G,_,R]),{subscription:z,isErrorFetchingSubscription:A,isSubscriptionLoading:W}=(0,y.R)(G,_,{enabled:!!G&&!!_});(0,s.useEffect)(()=>{!M&&(!N&&R.isReady&&(R.push("/admin/services"),L(!0)),(P||A)&&(R.push("/admin/services"),L(!0)))},[N,G,R,R.isReady,P,A,M,L]);let H=(0,s.useMemo)(()=>null==z?void 0:z.referenceId,[z]);return(0,a.jsx)(S.q,{children:(0,a.jsx)(a.Fragment,{children:D||W||P||A?(0,a.jsx)(r.E,{flexGrow:1}):(0,a.jsxs)(i.T,{alignItems:"stretch",flexGrow:1,minWidth:"768px",background:"brand.secondary.50",spacing:"24px",children:[(0,a.jsx)(h.A,{onLogout:E,userEmail:null==I?void 0:I.email,paymentServiceName:q,jobs:F,isJobsLoading:U,generateJobReportUrl:V,isGenerateJobReportUrlLoading:O,isPaymentServiceSubResourcePage:!0,paymentServiceId:G,paymentServiceSubResourceName:H}),(0,a.jsx)(r.E,{isLoaded:!!H,children:(0,a.jsx)(o.E,{textStyle:"h4",paddingX:"24px",children:H})}),(0,a.jsx)(l.t,{flexGrow:0,index:w.findIndex(e=>e.subroute===t),children:(0,a.jsx)(d.z,{paddingX:"24px",spacing:"24px",children:w.map(e=>e.allowedRoles.includes(p.E.View)?(0,a.jsx)(c.o,{marginTop:0,paddingTop:0,"data-dd-action-name":"Subscription nav bar ".concat(e.label," tab"),onClick:()=>$(e.subroute),paddingBottom:"2px",children:(0,a.jsx)(o.E,{textStyle:e.subroute===t?"subhead-2":"body-2",textTransform:"none",children:e.label})},e.subroute):(0,a.jsx)(m.l,{allowedRoles:e.allowedRoles,loadingComponent:null,children:(0,a.jsx)(c.o,{marginTop:0,paddingTop:0,"data-dd-action-name":"Subscription nav bar ".concat(e.label," tab"),onClick:()=>$(e.subroute),paddingBottom:"2px",children:(0,a.jsx)(o.E,{textStyle:e.subroute===t?"subhead-2":"body-2",textTransform:"none",children:e.label})})},e.subroute))})}),(0,a.jsx)(i.T,{align:"stretch",flexGrow:1,overflowY:"hidden",children:n})]})})})}},67497:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>S});var a=n(78488),s=n(70150),r=n(68021),i=n(45879),o=n(27999),l=n(25393),d=n(6330),c=n(42033),u=n(26437),p=n(61341),x=n(51581),b=n(82918),m=n(3801),h=n(51354),g=n.n(h),v=n(29007),f=n(49205);let y=e=>{let{label:t,value:n}=e;return(0,a.jsxs)(s.T,{alignItems:"flex-start",flexGrow:1,spacing:"8px",children:[(0,a.jsx)(r.E,{textStyle:"subhead-2",color:"base.content.strong",children:t}),(0,a.jsx)(r.E,{textStyle:"body-2",color:"base.content.strong",children:n})]})},j=()=>{let{isSubscriptionIdValid:e,subscriptionId:t}=(0,u.G)(),{paymentServiceId:n}=(0,c.O)(),{subscription:p}=(0,x.R)(n||"",t||"",{enabled:e}),{cancelSubscription:h,isCancelSubscriptionLoading:j}=(e=>{let{paymentServiceId:t,subscriptionId:n}=e,a=(0,b.jE)(),s=async()=>{let e=await f.Gf.post("/payment-services/".concat(encodeURIComponent(t),"/subscriptions/").concat(encodeURIComponent(n),"/cancel"));return e.data?g()(e.data):e.data},{isLoading:r,mutateAsync:i}=(0,m.n)(s,{onSuccess:async()=>{await a.invalidateQueries(v.l.paymentServices.details(t)._ctx.subscriptions._ctx.details(n))}});return{isCancelSubscriptionLoading:r,cancelSubscription:i}})({paymentServiceId:n||"",subscriptionId:t||""});return p?(0,a.jsx)(s.T,{sx:{"> *":{width:"100%",maxWidth:"672px"}},position:"relative",align:"center",flexGrow:1,padding:"0",paddingBottom:"24px",children:(0,a.jsxs)(s.T,{align:"stretch",spacing:"24px",children:[(0,a.jsxs)(s.T,{align:"stretch",flexGrow:1,padding:"16px",border:"1px solid",borderColor:"base.divi

1der.medium",borderRadius:"8px",backgroundColor:"base.canvas.default",spacing:"16px",children:[(0,a.jsx)(r.E,{textStyle:"h5",color:"base.content.strong",children:"Overview"}),(0,a.jsx)(o.c,{}),(0,a.jsxs)(s.T,{align:"stretch",spacing:"24px",children:[(0,a.jsx)(y,{label:"Total so far",value:"$".concat((0,d.Nc)({amountInCents:p.amountCollectedInCents,isCommaSeparated:!0}))}),(0,a.jsx)(y,{label:"Date created",value:p.createdAt}),(0,a.jsx)(y,{label:"Status",value:p.status}),(0,a.jsx)(y,{label:"Subscription ID",value:p.referenceId}),(0,a.jsx)(y,{label:"Subscription Reference",value:p.referenceId}),"cancelled"!==p.status&&(0,a.jsx)(l.$,{margin:"auto",marginEnd:"0",variant:"reverse",color:"interaction.critical.default",borderRadius:"4px",border:"1px solid",onClick:()=>h(),isLoading:j,children:"Cancel Subscription"})]})]}),(0,a.jsxs)(s.T,{align:"stretch",flexGrow:1,padding:"16px",border:"1px solid",borderColor:"base.divider.medium",borderRadius:"8px",backgroundColor:"base.canvas.default",spacing:"24px",children:[(0,a.jsx)(r.E,{textStyle:"h5",color:"base.content.strong",children:"Payer Details"}),(0,a.jsx)(o.c,{}),(0,a.jsxs)(s.T,{align:"stretch",spacing:"16px",children:[(0,a.jsx)(y,{label:"Payer name",value:p.payerName}),p.payerEmail&&(0,a.jsx)(y,{label:"Email address",value:p.payerEmail})]})]}),(0,a.jsxs)(s.T,{align:"stretch",flexGrow:1,padding:"16px",border:"1px solid",borderColor:"base.divider.medium",borderRadius:"8px",backgroundColor:"base.canvas.default",spacing:"24px",children:[(0,a.jsx)(r.E,{textStyle:"h5",color:"base.content.strong",children:"Payment Method Details"}),(0,a.jsx)(o.c,{}),(0,a.jsxs)(s.T,{align:"stretch",spacing:"16px",children:[p.paymentMethod&&(0,a.jsx)(y,{label:"Payment method",value:p.paymentMethod}),(0,a.jsx)(y,{label:"Frequency",value:p.frequency})]})]})]})}):(0,a.jsx)(i.y,{})};j.getLayout=e=>(0,a.jsx)(p.U,{currentTab:"settings",children:e});let S=j},84285:(e,t,n)=>{"use strict";n.d(t,{e:()=>x,t:()=>b});var a=n(78488),s=n(50),r=n(97487),i=n(53341),o=n(81204),l=n(44975),d=n(91681),c=n(36312),u=n(54818);let[p,x]=(0,r.q)({name:"TabsStylesContext",errorMessage:"useTabsStyles returned is 'undefined'. Seems you forgot to wrap the components in \"<Tabs />\" "}),b=(0,d.R)(function(e,t){let n=(0,c.o)("Tabs",e),{children:r,className:d,...x}=(0,s.M)(e),{htmlProps:b,descendants:m,...h}=(0,l.uc)(x),g=(0,o.useMemo)(()=>h,[h]),{isFitted:v,...f}=b,y={position:"relative",...n.root};return(0,a.jsx)(l.at,{value:m,children:(0,a.jsx)(l.O_,{value:g,children:(0,a.jsx)(p,{value:n,children:(0,a.jsx)(u.B.div,{className:(0,i.cx)("chakra-tabs",d),ref:t,...f,__css:y,children:r})})})})});b.displayName="Tabs"}},e=>{e.O(0,[7825,4702,4715,4694,3524,9766,8794,8304,636,6593,8792],()=>e(e.s=40354)),_N_E=e.O()}]);