https://ibank.accessbankplc.com/_next/static/chunks/pages/bills-pa…/international-airtime-20ea1ceb87b021e1.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7942],{1660:(e,r,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/bills-payment/international-airtime",function(){return a(22354)}])},22354:(e,r,a)=>{"use strict";a.r(r),a.d(r,{default:()=>P});var i=a(37876),u=a(14232),t=a(24264),l=a(74691),s=a(93871),o=a(9698),n=a(12998),c=a(53481),d=a(92302),m=a(31459),b=a(66933),p=a(12989),h=a(82255),v=a(62278),q=a(68283),j=a(32073),x=a(63626),g=a(70865),k=a(28033),Y=a(27526),N=a(59982),y=a(32507);let A={debitAccountNumber:{label:"",value:""},country:{label:"",value:""},phone_number:"",phoneNumberValidated:!1,operatorId:{label:"",value:""},operatorPrice:"",operatorProduct:{label:"",value:""},isFixedAmount:!1,maxAmount:0,minAmount:0,narration:"",amount:0,senderName:""},I=()=>{let[e,r]=(0,u.useState)({accountCredentials:[],operators:[],operatorProducts:[],airTime:"",airTimeCumulative:"",airtimeSingleTransaction:"",balance:0,amountError:""}),[a,t]=(0,u.useState)({review:!1,token:!1,success:!1,error:!1,errorMessage:"",successMessage:"",disclaimerModal:!1}),I=async()=>{t(e=>({...e,disclaimerModal:!1,review:!0}))},f=(0,l.Wx)({initialValues:A,validationSchema:q.Hs,onSubmit:({maxAmount:e,minAmount:r,amount:a,isFixedAmount:i})=>{!i&&(a>e||a<r)?(0,v.m)(`Amount not in range Min: ${(0,p.aL)(r)} / Max: ${(0,p.aL)(e)}`,v.V.Error):t(e=>({...e,disclaimerModal:!0}))}}),C=(e,a)=>{e>a?r(e=>({...e,amountError:"Total amount is bigger than avaliable balance"})):r(e=>({...e,amountError:""}))},P=async e=>{let a=await (0,d.L8)(e?.value);f.setValues(r=>({...r,operatorId:e,operatorProduct:{label:"",value:""}})),a&&r(e=>({...e,operatorProducts:a}))},w=async()=>{try{if(f.values.phone_number.length<=f.values.country.value.length)throw Error("Phone Number is required");let e=await (0,d.Q7)((0,p.X3)(f.values.phone_number.slice(1)));e?.operators&&(r(r=>({...r,operators:e?.operators})),f.setValues(r=>({...r,phoneNumberValidated:!0,operatorId:e?.operatorId})),P(e?.operatorId))}catch(e){(0,v.m)(e?.message,v.V.Error)}};async function S(e){try{let a=await (0,d.lo)(e),i=await (0,d.sj)(e);if(a?.data&&i?.data){r(e=>({...e,accountCredentials:a?.data?.filter(e=>!(0,p.Y4)(e?.accountCurrency))?.map(e=>({label:`${e?.accountType} - ${e?.accountNumber} (${e?.accountStatus})`,value:e?.accountNumber,name:e?.accountType,balance:e?.availableBalance,accountCurrency:e?.accountCurrency,secondLabel:`${e?.accountType} - ${e?.accountNumber} (${e?.accountStatus})`})),airTimeCumulative:i?.data?.userCurrentTransaction?.airTimeCumulative,airTime:i?.data?.userDailyTransactionLimit?.airTime,airtimeSingleTransaction:i?.data?.userDailyTransactionLimit?.airtimeSingleTransaction}));let e=(0,h.s)(b.J.beneficiaries),u=(0,h.s)(b.J.transfer.schedulePayment);if(e){let r=await (0,d.kU)(e?.beneficiaryAccountID);f.setValues(a=>({...a,recipientName:r?.data[0]?.customerName,customerReference:e?.beneficiaryAccountID}));return}u&&(t(e=>({...e,schedule:!0})),r(e=>({...e,isScheduledTransfer:!0})))}}catch(e){(0,v.m)(e?.message,v.V.Error)}}return(0,u.useEffect)(()=>(S(!0),()=>{window.location.pathname.includes(b.J.transfer.access)||((0,h.Cc)(b.J.beneficiaries),(0,h.Cc)(b.J.transfer.schedulePayment))}),[]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(N.cf,{children:[(0,i.jsxs)(N.cP,{submit:f.handleSubmit,children:[(0,i.jsxs)("section",{className:"space-y-[24px]",children:[(0,i.jsx)(n.A,{options:m.N.map(e=>({label:`${e.flag} ${e.name}(${e.dial_code})`,value:e.dial_code})),placeholder:"Country Code",name:"country",bg:"#F8F8F8",formik:f,handleChange:e=>{f.resetForm({values:{...A,country:e,phone_number:e?.value}}),r(e=>({...e,balance:0}))},isClearable:!1}),f.values.country.value&&(0,i.jsx)(c.A,{containerClass:"col-span-2",placeholder:"Phone number",name:"phone_number",bg:"bg-[#F8F8F8]",formik:f,value:f.values.phone_number,onChange:e=>{var r;(r=e.target.value).length<=f.values.country.value.length||f.setValues(e=>({...e,phone_number:r}))},type:"tel"}),!f.values.phoneNumberValidated&&(0,i.jsx)("section",{className:"col-span-3",children:(0,i.jsx)(s.A,{title:"Validate",type:"button",onClick:w})})]}),f.values.phoneNumberValidated&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.A,{options:e.operators,placeholder:"Operator",name:"operatorId",bg:"#F8F8F8",formik:f,handleChange:P,isClearable:!1}),(0,i.jsx)(n.A,{options:e.operatorProducts,placeholder:"Product",name:"operatorProduct",bg:"#F8F8F8",formik:f,handleChange:r=>{let a=(0,p.UH)(e.operatorProducts,"value",r?.value);f.setValues(e=>({...e,operatorProduct:r,isFixedAmount:a?.priceType==="fixed",amount:a?.priceType==="fixed"?Number(a?.price?.user):0,operatorPrice:a?.priceType==="fixed"?a?.price?.operator:"",maxAmount:a?.priceType==="range"?Number(a?.price?.max?.user):0,minAmount:a?.priceType==="range"?Number(a?.price?.min?.user):0}))}}),(0,i.jsx)(n.A,{options:(0,p.Vp)(e.accountCredentials,"value","label"),placeholder:"Source account",name:"debitAccountNumber",bg:"#F8F8F8",formik:f,handleChange:a=>{let i=(0,p.UH)(e.accountCredentials,"value",a?.value),u=(0,p.UH)(e.accountCredentials,"value",a?.value,"balance");f.setValues(r=>({...r,debitAccountNumber:{label:i?.secondLabel,value:a.value},senderName:(0,p.UH)(e.accountCredentials,"value",a?.value,"name")})),r(e=>({...e,balance:u})),C(f.values.amount,u)},selectComponent:(0,i.jsx)(y.A,{balance:e.balance})}),f.values.debitAccountNumber?.value&&(0,i.jsxs)("section",{children:[(0,i.jsx)(o.A,{bg:"bg-[#F8F8F8]",placeholder:"Amount",name:"amount",handleChange:(r,a)=>{a?(f.setFieldValue(r,a),C(a,e.balance)):f.setFieldValue(r,0)},formik:f,disabled:f.values.isFixedAmount,value:f.values.amount}),e.amountError&&(0,i.jsx)("p",{className:"text-xs italic text-red-400",children:e.amountError}),(0,i.jsx)("section",{className:"flex items-center justify-between text-[12px] text-[#747474]",children:!f.values.isFixedAmount&&f.values.maxAmount>0&&f.values.minAmount>0&&(0,i.jsx)("span",{children:(0,i.jsx)("span",{className:"font-semibold text-primary",children:`Min: ${(0,p.aL)(f.values.minAmount)} - Max: ${(0,p.aL)(f.values.maxAmount)}`})})})]}),(0,i.jsx)(c.A,{placeholder:"Narration",name:"narration",bg:"bg-[#F8F8F8]",formik:f,value:f.values.narration,trimValue:!1}),(0,i.jsx)(s.A,{title:"Proceed",type:"submit"})]})]}),(0,i.jsx)(N.Ay,{})]}),(0,i.jsx)(x.A,{showModal:a.review,close:()=>t(e=>({...e,review:!1})),debitAccountNumber:f.values.debitAccountNumber,creditAccountNumber:f.values.operatorId.label,amount:(0,p.aL)(f.values.amount),recipientName:f.values.operatorProduct.label,senderName:f.values.senderName,otherInfo:[{label:"Country",value:(0,p.ZH)((0,p.UH)(m.N,"dial_code",f.values.country.value,"name"))},{label:"Operator",value:(0,i.jsxs)("div",{children:[(0,i.jsx)("span",{className:"block",children:f.values.operatorId.label}),(0,i.jsx)("span",{className:"block text-xs",children:f.values.operatorProduct.label})]})},{label:"Mobile number",value:f.values.phone_number},{label:"Amount to pay",value:(0,i.jsx)("span",{className:"font-bold",children:(0,p.aL)(f.values.amount)})}],action:()=>t(e=>({...e,review:!1,token:!0}))}),(0,i.jsx)(Y.A,{showModal:a.token,close:()=>t(e=>({...e,token:!1})),isSchedule:!1,transactionAction:e=>(0,d.AO)({token:e,amount:f.values.amount,customerId:"",debitAccountNumber:f.values.debitAccountNumber.value,narration:f.values.narration,operatorId:f.values.operatorId.value,operatorPrice:f.values.isFixedAmount?f.values.operatorPrice:f.values.amount,phone_number:f.values.phone_number.slice(1),productId:f.values.operatorProduct.value}),transactionCleanUp:()=>{t(e=>({...e,token:!1,success:!0})),f.resetForm({values:A}),(0,h.Cc)(b.J.beneficiaries),r(e=>({...e,balance:0})),S(!1)},errorCleanUp:e=>t(r=>({...r,error:!0,errorMessage:e,token:!1}))}),(0,i.jsx)(g.A,{showModal:a.success,close:()=>t(e=>({...e,success:!1})),isScheduleTransfer:!1,successMessage:a.successMessage}),(0,i.jsx)(j.A,{show:a.error,close:()=>t(e=>({...e,error:!1})),body:a.errorMessage}),a.disclaimerModal&&(0,i.jsx)(k.A,{showModal:a.disclaimerModal,handler:()=>t(e=>({...e,disclaimerModal:!1})),onContinue:()=>I()})]})};var f=a(13547),C=a(80107);function P(){return(0,i.jsx)(t.A,{children:(0,i.jsxs)(C.A,{children:[(0,i.jsx)(f.A,{link:"/",linkTitle:"Back"}),(0,i.jsx)("h1",{className:"mb-[24px] font-bold",children:"International Airtime"}),(0,i.jsx)("section",{className:"rounded bg-white px-[32px] py-[24px]",children:(0,i.jsx)(I,{})})]})})}},59982:(e,r,a)=>{"use strict";a.d(r,{Ay:()=>t,cP:()=>s,cf:()=>l,nO:()=>

1o});var i=a(37876);a(14232);var u=a(35566);function t({description:e=(0,i.jsxs)(i.Fragment,{children:[" ","Dear Customer, a token is required to complete this transaction. Don’t have a token? Please call our Contact Center on"," ",(0,i.jsx)("span",{className:"font-semibold text-success",children:"0201 280 2500"}),", send an email to"," ",(0,i.jsx)("span",{className:"font-semibold text-success",children:"[email protected]"})," ","or visit an Access Bank branch near you to request for one."]})}){return(0,i.jsxs)("div",{className:"order-first flex space-x-2 rounded-[10px] border border-[#ECEBEB] p-3 lg:order-last",children:[(0,i.jsx)("section",{children:(0,i.jsx)(u.Bod,{size:24})}),(0,i.jsx)("p",{className:"items-start text-xs leading-relaxed text-[#696969]",children:e})]})}let l=({children:e})=>(0,i.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}),s=({children:e,submit:r})=>(0,i.jsx)("form",{autoComplete:"off",noValidate:!0,onSubmit:r,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:r})=>(0,i.jsx)("div",{className:r,children:(0,i.jsxs)("div",{className:"flex items-center space-x-2 rounded-[10px] border border-[#ECEBEB] p-3",children:[(0,i.jsx)("section",{children:(0,i.jsx)(u.Bod,{size:24})}),(0,i.jsx)("p",{className:"items-start text-xs leading-relaxed text-[#696969]",children:e})]})})},68283:(e,r,a)=>{"use strict";a.d(r,{Hs:()=>d,IJ:()=>o,VS:()=>s,cj:()=>m,iA:()=>u,iS:()=>l,mg:()=>t,w2:()=>c,wX:()=>n});var i=a(91408);let u=i.Ik().shape({debitAccountNumber:i.Ik({label:i.Yj().required("Source account is required"),value:i.Yj().required("Source account is required")}),customerReference:i.Yj().min(10,"Invalid mobile number").max(11,"Invalid mobile number").required("Mobile number is required"),amount:i.ai().min(1,"Must be greater than 0").required("Amount is required")}),t=i.Ik().shape({debitAccountNumber:i.Ik({label:i.Yj().required("Source account is required"),value:i.Yj().required("Source account is required")}),customerReference:i.Yj().min(10,"Invalid mobile number").max(11,"Invalid mobile number").required("Mobile number is required"),billerPackage:i.Yj().when("hasPackages",{is:e=>!0===e,then:()=>i.Ik({label:i.Yj().required("Product is required"),value:i.Yj().required("Product is required")}),otherwise:()=>i.Ik({label:i.Yj(),value:i.Yj()})}),billerCategory:i.Ik({label:i.Yj().required("Network provider is required"),value:i.Yj().required("Network provider is required")})}),l=i.Ik().shape({debitAccountNumber:i.Ik({label:i.Yj().required("Source account is required"),value:i.Yj().required("Source account is required")}),customerReference:i.Yj().required("Meter number is required"),billerPackage:i.Yj().when("hasPackages",{is:e=>!0===e,then:()=>i.Ik({label:i.Yj().required("Product is required"),value:i.Yj().required("Product is required")}),otherwise:()=>i.Ik({label:i.Yj(),value:i.Yj()})}),billerCategory:i.Ik({label:i.Yj().required("Biller is required"),value:i.Yj().required("Biller is required")}),amount:i.ai().min(1,"Must be greater than 0").required("Amount is required")}),s=i.Ik().shape({debitAccountNumber:i.Ik({label:i.Yj().required("Source account is required"),value:i.Yj().required("Source account is required")}),webguid:i.Yj().required("Payment reference is required"),type:i.Ik({label:i.Yj().required("Bill Type is required"),value:i.Yj().required("Bill Type is required")})}),o=i.Ik().shape({debitAccountNumber:i.Ik({label:i.Yj().required("Source account is required"),value:i.Yj().required("Source account is required")}),payerId:i.Yj().required("Payer ID is required"),type:i.Ik({label:i.Yj().required("ID Type is required"),value:i.Yj().required("ID Type is required")})}),n=i.Ik().shape({debitAccountNumber:i.Ik({label:i.Yj().required("Source account is required"),value:i.Yj().required("Source account is required")}),customerReference:i.Yj().required("Agent ID/Customer ID is required"),billerPackage:i.Yj().when("hasPackages",{is:e=>!0===e,then:()=>i.Ik({label:i.Yj().required("Product is required"),value:i.Yj().required("Product is required")}),otherwise:()=>i.Ik({label:i.Yj(),value:i.Yj()})}),billerCategory:i.Ik({label:i.Yj().required("Biller is required"),value:i.Yj().required("Biller is required")}),amount:i.ai().min(1,"Must be greater than 0").required("Amount is required")}),c=i.Ik().shape({debitAccountNumber:i.Ik({label:i.Yj().required("Source account is required"),value:i.Yj().required("Source account is required")}),customerReference:i.Yj().required("Field is required"),billerPackage:i.Yj().when("hasPackages",{is:e=>!0===e,then:()=>i.Ik({label:i.Yj().required("Product is required"),value:i.Yj().required("Product is required")}),otherwise:()=>i.Ik({label:i.Yj(),value:i.Yj()})}),billerCategory:i.Ik({label:i.Yj().required("Biller is required"),value:i.Yj().required("Biller is required")}),category:i.Ik({label:i.Yj().required("Category is required"),value:i.Yj().required("Category is required")}),amount:i.ai().min(1,"Must be greater than 0").required("Amount is required")}),d=i.Ik().shape({debitAccountNumber:i.Ik({label:i.Yj().required("Source account is required"),value:i.Yj().required("Source account is required")}

1),phone_number:i.Yj().required("Phone Number is required"),country:i.Ik({label:i.Yj().required("Country is required"),value:i.Yj().required("Country is required")}),operatorId:i.Ik({label:i.Yj().required("Operator is required"),value:i.Yj().required("Operator is required")}),operatorProduct:i.Ik({label:i.Yj().required("Product is required"),value:i.Yj().required("Product is required")}),amount:i.ai().min(1,"Must be greater than 0").required("Amount is required")});i.Ik().shape({debitAccountNumber:i.Ik({label:i.Yj().required("Source account is required"),value:i.Yj().required("Source account is required")}),phone_number:i.Yj().required("Phone Number is required")});let m=i.Ik().shape({billerName:i.Ik({label:i.Yj().required("Biller name is required"),value:i.Yj().required("Biller name is required")}),customerFieldOne:i.Yj().required("This field is required"),nickname:i.Yj().required("Nickname is required")})}},e=>{e.O(0,[9923,8752,9772,9593,7100,8230,4691,1408,2068,5862,9608,4356,9086,2027,2568,988,636,6593,8792],()=>e(e.s=1660)),_N_E=e.O()}]);