https://ibank.accessbankplc.com/_next/static/chunks/pages/bills-payment/remita-9486ed3a6cee8cb9.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7026],{28033:(e,s,a)=>{"use strict";a.d(s,{A:()=>i});var t=a(37876),l=a(14232),c=a(93871);let n=e=>(0,t.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:66,height:66,fill:"none",...e,children:[(0,t.jsx)("rect",{width:56,height:56,x:5,y:5,fill:"#FFD1D1",rx:28}),(0,t.jsx)("rect",{width:56,height:56,x:5,y:5,stroke:"#FEE",strokeWidth:10,rx:28}),(0,t.jsx)("path",{stroke:"red",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M33 28.332v4.667m0 4.666h.012M44.667 33c0 6.443-5.223 11.666-11.666 11.666-6.444 0-11.667-5.223-11.667-11.666 0-6.444 5.223-11.667 11.667-11.667 6.443 0 11.666 5.223 11.666 11.667Z"})]});var r=a(82255),o=a(391);function i({showModal:e,handler:s,onContinue:a}){let i=(0,l.useRef)(!1);return(0,l.useEffect)(()=>{i.current||((0,r.s)("hasSelectedTokenDisclaimer")&&a(),i.current=!0)},[]),(0,t.jsx)(o.m,{showModal:e,close:s,size:"md",children:(0,t.jsxs)("section",{className:"text-black",children:[(0,t.jsx)(n,{}),(0,t.jsx)("h1",{className:"mb-1 mt-4 text-[30px] font-semibold ",children:"Token is required"}),(0,t.jsxs)("p",{className:"text-[16px] leading-loose",children:["Dear Customer, a token is required to complete this transaction. Don’t have a token? Please call our Contact Center on"," ",(0,t.jsx)("span",{className:"font-semibold text-success",children:"0201 280 2500"}),", send an email to"," ",(0,t.jsx)("span",{className:"font-semibold text-success",children:"[email protected]"})," ","or visit an Access Bank branch near you to request for one."]}),(0,t.jsxs)("section",{className:"mt-6 flex space-x-2",children:[(0,t.jsx)(c.A,{title:"Continue",containerClass:"w-[40%]",onClick:()=>{(0,r.xF)("hasSelectedTokenDisclaimer",!0),a()}}),(0,t.jsx)(c.A,{containerClass:"w-[40%]",containedClass:"bg-white border border-primary text-primary ",title:"Cancel",type:"button",onClick:s})]})]})})}},36315:(e,s,a)=>{"use strict";a.d(s,{A:()=>c});var t=a(37876);a(14232);let l=({title:e,activeTab:s,setActiveTab:a})=>(0,t.jsx)("section",{onClick:()=>a(e),className:`cursor-pointer whitespace-nowrap pb-1 text-center text-[16px]  font-semibold ${s===e?"border-b-2 border-primary font-bold":"text-[#747474]"}`,children:e}),c=({sections:e,activeTab:s,handleTabChange:a})=>(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("section",{className:"flex space-x-8 overflow-x-scroll border-b border-gray-400",children:e.map((e,c)=>(0,t.jsx)(l,{title:e.title,activeTab:s,setActiveTab:a},c))}),e.map((e,a)=>(0,t.jsx)("section",{className:"mt-3",children:e.title===s&&e.component},a))]})},51890:(e,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>B});var t=a(37876),l=a(14232),c=a(24264),n=a(74691),r=a(93871),o=a(9698),i=a(12998),d=a(53481),u=a(92302),m=a(69061),x=a(66933),b=a(12989),p=a(82255),h=a(62278),j=a(32073),v=a(63626),f=a(70865),N=a(28033),g=a(27526),k=a(59982),y=a(32507),C=a(15039),A=a.n(C);let w={debitAccountNumber:{label:"",value:""},narration:"",amount:0,customerReference:"",senderName:"",hasValidated:!1,description:""},F=({label:e,description:s,borderBottom:a=!0})=>(0,t.jsxs)("div",{className:A()("flex flex-col space-y-3   md:flex-row md:items-center md:justify-between md:space-y-0",a&&"border-b border-b-[#EDE9E9] pb-2"),children:[(0,t.jsx)("p",{className:"text-[#667085]",children:e}),(0,t.jsx)("p",{className:"text-[#363A43]",children:s})]}),M=()=>{let[e,s]=(0,l.useState)({accountCredentials:[],balance:0,amountError:""}),[a,c]=(0,l.useState)({review:!1,token:!1,success:!1,error:!1,errorMessage:"",successMessage:"",disclaimerModal:!1}),o=(0,n.Wx)({initialValues:w,onSubmit:()=>{e.amountError||o.setValues(e=>({...e,hasValidated:!0}))}}),C=async()=>{c(e=>({...e,disclaimerModal:!1,review:!0}))};async function A(e){try{let a=await (0,u.lo)(e);a?.data&&s(e=>({...e,accountCredentials:a?.data?.filter(e=>!(0,b.Y4)(e?.accountCurrency))?.map(e=>({label:`${e?.accountType} - ${e?.accountNumber} (${e?.accountStatus}) - ${(0,b.aL)(e?.availableBalance,m.qx[e?.accountCurrency])}`,value:e?.accountNumber,name:e?.accountName,balance:e?.availableBalance,accountCurrency:e?.accountCurrency,secondLabel:`${e?.accountType} - ${e?.accountNumber} (${e?.accountStatus})`}))}))}catch(e){(0,h.m)(e?.message,h.V.Error)}}return(0,l.useEffect)(()=>{A(!0)},[]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(k.cf,{children:[(0,t.jsxs)(k.cP,{submit:o.handleSubmit,children:[(0,t.jsx)(i.A,{options:(0,b.Vp)(e.accountCredentials,"value","label"),placeholder:"Source account",name:"debitAccountNumber",bg:"#F8F8F8",formik:o,handleChange:a=>{var t;let l=(0,b.UH)(e.accountCredentials,"value",a?.value),c=(0,b.UH)(e.accountCredentials,"value",a?.value,"balance");o.setValues(s=>({...s,debitAccountNumber:{label:l?.secondLabel,value:a.value},senderName:(0,b.UH)(e.accountCredentials,"value",a?.value,"name")})),s(e=>({...e,balance:c})),t=o.values.amount,s(e=>({...e,amountError:t>c?"Total amount is bigger than available balance":""}))},selectComponent:(0,t.jsx)(y.A,{balance:e.balance})}),(0,t.jsx)(d.A,{placeholder:"Remita retrieval reference",name:"customerReference",bg:"bg-[#F8F8F8]",formik:o,value:o.values.customerReference}),(0,t.jsx)(d.A,{placeholder:"Narration",name:"narration",bg:"bg-[#F8F8F8]",formik:o,value:o.values.narration,trimValue:!1}),o.values.hasValidated&&(0,t.jsxs)("section",{children:[(0,t.jsx)("span",{className:"mb-2 block text-sm",children:"Fee Information"}),(0,t.jsxs)("section",{className:"space-y-5 rounded-[10px] bg-[#F6F6F6] px-8 py-4 text-sm",children:[(0,t.jsx)(F,{description:"20 Point Limited Auto Shop",label:"Description"}),(0,t.jsx)(F,{description:"",label:"Amount"}),(0,t.jsx)(F,{description:"",label:"Fee"}),(0,t.jsx)(F,{description:"",label:"Total amount"}),(0,t.jsx)(F,{borderBottom:!1,description:"",label:"Transaction type"})]})]}),(0,t.jsx)(r.A,{title:o.values.hasValidated?"Proceed":"Validate",type:o.values.hasValidated?"button":"submit",onClick:o.values.hasValidated?()=>{c(e=>({...e,disclaimerModal:!0}))}:void 0})]}),(0,t.jsx)(k.Ay,{})]}),(0,t.jsx)(j.A,{show:a.error,close:()=>c(e=>({...e,error:!1})),body:a.errorMessage}),(0,t.jsx)(g.A,{showModal:a.token,close:()=>c(e=>({...e,token:!1})),isSchedule:!1,transactionAction:e=>(0,u.sv)({token:e}),transactionCleanUp:({successMessage:e})=>{c(s=>({...s,token:!1,success:!0,successMessage:e})),(0,p.Cc)(x.J.beneficiaries),s(e=>({...e,balance:0})),o.resetForm({values:w}),A(!1)},errorCleanUp:e=>c(s=>({...s,token:!1,error:!0,errorMessage:e}))}),(0,t.jsx)(f.A,{showModal:a.success,close:()=>c(e=>({...e,success:!1})),isScheduleTransfer:!1,successMessage:a.successMessage}),(0,t.jsx)(v.A,{showModal:a.review,close:()=>c(e=>({...e,review:!1})),debitAccountNumber:o.values.debitAccountNumber,creditAccountNumber:o.values.customerReference,amount:(0,b.aL)(o.values.amount),recipientName:o.values.description,senderName:o.values.senderName,otherInfo:[{label:"Narration",value:o.values.narration}],action:()=>c(e=>({...e,review:!1,token:!0}))}),a.disclaimerModal&&(0,t.jsx)(N.A,{showModal:a.disclaimerModal,handler:()=>c(e=>({...e,disclaimerModal:!1})),onContinue:()=>C()})]})},E={debitAccountNumber:(0,m.LJ)(),narration:"",amount:0,customerReference:"",senderName:"",hasValidated:!1,description:"",biller:(0,m.LJ)(),service:(0,m.LJ)(),gifmisCode:""},V=()=>{let[e,s]=(0,l.useState)({accountCredentials:[],balance:0,amountError:"",billers:[],services:[]}),[a,c]=(0,l.useState)({review:!1,token:!1,success:!1,error:!1,errorMessage:"",successMessage:"",disclaimerModal:!1}),C=(0,n.Wx)({initialValues:E,onSubmit:()=>{e.amountError||C.setValues(e=>({...e,hasValidated:!0}))}}),A=async()=>{c(e=>({...e,disclaimerModal:!1,review:!0}))},w=(e,a)=>{s(s=>({...s,amountError:e>a?"Total amount is bigger than available balance":""}))};async function M(e){try{let a=await (0,u.lo)(e);a?.data&&s(e=>

1({...e,accountCredentials:a?.data?.filter(e=>!(0,b.Y4)(e?.accountCurrency))?.map(e=>({label:`${e?.accountType} - ${e?.accountNumber} (${e?.accountStatus}) - ${(0,b.aL)(e?.availableBalance,m.qx[e?.accountCurrency])}`,value:e?.accountNumber,name:e?.accountName,balance:e?.availableBalance,accountCurrency:e?.accountCurrency,secondLabel:`${e?.accountType} - ${e?.accountNumber} (${e?.accountStatus})`}))}))}catch(e){(0,h.m)(e?.message,h.V.Error)}}return(0,l.useEffect)(()=>{M(!0)},[]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(k.cf,{children:[(0,t.jsxs)(k.cP,{submit:C.handleSubmit,children:[(0,t.jsx)(i.A,{options:(0,b.Vp)(e.accountCredentials,"value","label"),placeholder:"Source account",name:"debitAccountNumber",bg:"#F8F8F8",formik:C,handleChange:a=>{let t=(0,b.UH)(e.accountCredentials,"value",a?.value),l=(0,b.UH)(e.accountCredentials,"value",a?.value,"balance");C.setValues(s=>({...s,debitAccountNumber:{label:t?.secondLabel,value:a.value},senderName:(0,b.UH)(e.accountCredentials,"value",a?.value,"name")})),s(e=>({...e,balance:l})),w(C.values.amount,l)},selectComponent:(0,t.jsx)(y.A,{balance:e.balance})}),(0,t.jsx)(i.A,{options:e.billers,placeholder:"Biller",name:"biller",bg:"#F8F8F8",formik:C,handleChange:e=>{C.setValues(s=>({...s,biller:e}))}}),C.values.biller.value&&(0,t.jsx)(i.A,{options:e.billers,placeholder:"Services",name:"service",bg:"#F8F8F8",formik:C}),(0,t.jsx)(d.A,{placeholder:"Description",name:"description",bg:"bg-[#F8F8F8]",formik:C,value:C.values.description,trimValue:!1}),(0,t.jsx)(d.A,{placeholder:"GIFMIS Code - (If unknown contact MDA)",name:"gifmisCode",bg:"bg-[#F8F8F8]",formik:C,value:C.values.gifmisCode}),C.values.debitAccountNumber?.value&&(0,t.jsxs)("section",{children:[(0,t.jsx)(o.A,{bg:"bg-[#F8F8F8]",placeholder:"Amount",name:"amount",handleChange:(s,a)=>{a?(C.setFieldValue(s,a),w(a,e.balance)):C.setFieldValue(s,0)},formik:C}),e.amountError&&(0,t.jsx)("p",{className:"text-xs italic text-red-400",children:e.amountError})]}),(0,t.jsx)(d.A,{placeholder:"Narration",name:"narration",bg:"bg-[#F8F8F8]",formik:C,value:C.values.narration,trimValue:!1}),C.values.hasValidated&&(0,t.jsxs)("section",{children:[(0,t.jsx)("span",{className:"mb-2 block text-sm",children:"Fee Information"}),(0,t.jsxs)("section",{className:"space-y-5 rounded-[10px] bg-[#F6F6F6] px-8 py-4 text-sm",children:[(0,t.jsx)(F,{description:"",label:"Amount"}),(0,t.jsx)(F,{description:"",label:"RRR",borderBottom:!1})]})]}),(0,t.jsx)(r.A,{title:C.values.hasValidated?"Confirm":"Generate RRR",type:C.values.hasValidated?"button":"submit",onClick:C.values.hasValidated?()=>{c(e=>({...e,disclaimerModal:!0}))}:void 0})]}),(0,t.jsx)(k.Ay,{})]}),(0,t.jsx)(j.A,{show:a.error,close:()=>c(e=>({...e,error:!1})),body:a.errorMessage}),(0,t.jsx)(g.A,{showModal:a.token,close:()=>c(e=>({...e,token:!1})),isSchedule:!1,transactionAction:e=>(0,u.sv)({token:e}),transactionCleanUp:({successMessage:e})=>{c(s=>({...s,token:!1,success:!0,successMessage:e})),(0,p.Cc)(x.J.beneficiaries),s(e=>({...e,balance:0})),C.resetForm({values:E}),M(!1)},errorCleanUp:e=>c(s=>({...s,token:!1,error:!0,errorMessage:e}))}),(0,t.jsx)(f.A,{showModal:a.success,close:()=>c(e=>({...e,success:!1})),isScheduleTransfer:!1,successMessage:a.successMessage}),(0,t.jsx)(v.A,{showModal:a.review,close:()=>c(e=>({...e,review:!1})),debitAccountNumber:C.values.debitAccountNumber,creditAccountNumber:C.values.customerReference,amount:(0,b.aL)(C.values.amount),recipientName:C.values.description,senderName:C.values.senderName,otherInfo:[{label:"Narration",value:C.values.narration}],action:()=>c(e=>({...e,review:!1,token:!0}))}),a.disclaimerModal&&(0,t.jsx)(N.A,{showModal:a.disclaimerModal,handler:()=>c(e=>({...e,disclaimerModal:!1})),onContinue:()=>A()})]})};var S=a(13547),R=a(36315),T=a(80107);function B(){let[e,s]=(0,l.useState)("With RRR");return(0,t.jsx)(c.A,{children:(0,t.jsxs)(T.A,{children:[(0,t.jsx)(S.A,{link:"/",linkTitle:"Back"}),(0,t.jsx)("h1",{className:"mb-[24px] font-bold",children:"Bills Payment"}),(0,t.jsx)("section",{className:"rounded bg-white px-[32px] py-[24px]",children:(0,t.jsx)(R.A,{handleTabChange:e=>{s(e)},activeTab:e,sections:[{title:"With RRR",component:(0,t.jsx)(M,{})},{title:"Without RRR",component:(0,t.jsx)(V,{})}]})})]})})}},55196:(e,s,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/bills-payment/remita",function(){return a(51890)}])},59982:(e,s,a)=>{"use strict";a.d(s,{Ay:()=>c,cP:()=>r,cf:()=>n,nO:()=>o});var t=a(37876);a(14232);var l=a(35566);function c({description:e=(0,t.jsxs)(t.Fragment,{children:[" ","Dear Customer, a token is required to complete this transaction. Don’t have a token? Please call our Contact Center on"," ",(0,t.jsx)("span",{className:"font-semibold text-success",children:"0201 280 2500"}),", send an email to"," ",(0,t.jsx)("span",{className:"font-semibold text-success",children:"[email protected]"})," ","or visit an Access Bank branch near you to request for one."]})}){return(0,t.jsxs)("div",{className:"order-first flex space-x-2 rounded-[10px] border border-[#

1ECEBEB] p-3 lg:order-last",children:[(0,t.jsx)("section",{children:(0,t.jsx)(l.Bod,{size:24})}),(0,t.jsx)("p",{className:"items-start text-xs leading-relaxed text-[#696969]",children:e})]})}let n=({children:e})=>(0,t.jsx)("section",{className:"grid grid-cols-1 gap-y-4 lg:grid-cols-3 lg:items-start lg:gap-x-8 lg:gap-y-0",children:e}),r=({children:e,submit:s})=>(0,t.jsx)("form",{autoComplete:"off",noValidate:!0,onSubmit:s,className:"w-full space-y-[24px] md:col-span-2",children:e}),o=({description:e=" Need a receipt? Select a transaction to generate one.",containerClass:s})=>(0,t.jsx)("div",{className:s,children:(0,t.jsxs)("div",{className:"flex items-center space-x-2 rounded-[10px] border border-[#ECEBEB] p-3",children:[(0,t.jsx)("section",{children:(0,t.jsx)(l.Bod,{size:24})}),(0,t.jsx)("p",{className:"items-start text-xs leading-relaxed text-[#696969]",children:e})]})})},63626:(e,s,a)=>{"use strict";a.d(s,{A:()=>r});var t=a(37876);a(14232);var l=a(93871),c=a(391);let n=({debitAccountNumber:e,senderName:s,amount:a,creditAccountNumber:l,recipientName:c,bank:n,commission:r,totalAmount:o,otherInfo:i})=>(0,t.jsxs)("section",{children:[(0,t.jsxs)("div",{className:"flex flex-col space-y-3 sm:flex-row sm:justify-between sm:space-y-0 md:items-center",children:[(0,t.jsxs)("div",{className:"space-y-[4px] sm:w-[30%]",children:[(0,t.jsx)("span",{className:"block text-[12px] text-[#667085]",children:"From"}),(0,t.jsx)("span",{className:"block text-[16px]",children:e?.value}),(0,t.jsx)("span",{className:"block text-[12px] text-[#667085]",children:s.toUpperCase()})]}),(0,t.jsxs)("div",{className:"sm:w-[33%]",children:[(0,t.jsx)("span",{className:"block text-center text-[24px] font-semibold",children:a}),(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("span",{className:"block h-[9px] w-[9px] rounded-full bg-[#12B76A]"}),(0,t.jsx)("span",{className:"block h-[1px] w-full bg-[#E4E4E4]"}),(0,t.jsx)("span",{className:"block h-[9px] w-[9px] rounded-full bg-[#12B76A]"})]})]}),(0,t.jsxs)("div",{className:"space-y-[4px] sm:w-[30%]",children:[(0,t.jsx)("span",{className:"block  text-[12px] text-[#667085]",children:"To"}),(0,t.jsx)("span",{className:"block text-[16px]",children:l}),(0,t.jsx)("span",{className:"block text-[12px] text-[#667085]",children:c.toUpperCase()})]})]}),n&&o&&r&&(0,t.jsxs)("div",{className:"mt-[32px] rounded-[10px] bg-[#F7F7F7] px-[24px]",children:[(0,t.jsxs)("div",{className:"flex flex-col border-b py-[24px] sm:flex-row sm:items-center sm:justify-between",children:[(0,t.jsx)("span",{className:"text-[#667085]",children:"Bank"}),(0,t.jsx)("span",{className:"text-primary",children:n})]}),(0,t.jsxs)("div",{className:"flex flex-col border-b py-[24px] sm:flex-row sm:items-center sm:justify-between",children:[(0,t.jsx)("span",{className:"text-[#667085]",children:"Commission"}),(0,t.jsxs)("span",{className:"text-primary",children:["₦",r]})]}),(0,t.jsxs)("div",{className:"flex flex-col border-b py-[24px] sm:flex-row sm:items-center sm:justify-between",children:[(0,t.jsx)("span",{className:"text-[#667085]",children:"Total debit"}),(0,t.jsxs)("span",{className:"font-semibold text-primary",children:["₦",o]})]})]}),(0,t.jsx)("div",{className:"mt-[32px] rounded-[10px] bg-[#F7F7F7] px-[24px]",children:i&&i.map((e,s)=>e?.label&&e?.value&&(0,t.jsxs)("div",{className:"flex items-center justify-between border-b py-[24px]",children:[(0,t.jsx)("span",{className:"text-[#667085]",children:e?.label}),(0,t.jsx)("span",{className:"text-primary",children:e?.value})]},s))})]});function r({debitAccountNumber:e,senderName:s,amount:a,creditAccountNumber:r,recipientName:o,bank:i,commission:d,totalAmount:u,otherInfo:m,showModal:x,close:b,action:p}){return(0,t.jsx)(c.m,{showModal:x,close:b,size:"sm",children:(0,t.jsxs)("section",{children:[(0,t.jsx)("h2",{className:"mb-[24px] text-[32px] font-semibold",children:"Review"}),(0,t.jsx)(n,{debitAccountNumber:e,creditAccountNumber:r,amount:a,recipientName:o,senderName:s,bank:i,commission:d,totalAmount:u,otherInfo:m}),(0,t.jsx)(l.A,{title:"Continue",containerClass:"mt-[40px]",type:"button",onClick:p})]})})}}},e=>{e.O(0,[9923,8752,9772,9593,7100,8230,4691,2068,5862,9608,4356,9086,2027,2568,636,6593,8792],()=>e(e.s=55196)),_N_E=e.O()}]);