https://ibank.accessbankplc.com/_next/static/chunks/pages/lifestyle/e-voucher-2554342a53da2bd9.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7264],{4378:(e,s,t)=>{"use strict";t.d(s,{A:()=>r});var a=t(37876);t(14232);let r=({width:e,color:s="bg-secondary`",bgColor:t="bg-[#D2D2D2]",marginBottom:r="mb-6"})=>(0,a.jsx)("div",{className:`${r} h-1 w-full ${t} rounded-[50px]`,children:(0,a.jsx)("div",{className:`${e} h-1 ${s} rounded-[50px]`})})},28033:(e,s,t)=>{"use strict";t.d(s,{A:()=>o});var a=t(37876),r=t(14232),n=t(93871);let c=e=>(0,a.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:66,height:66,fill:"none",...e,children:[(0,a.jsx)("rect",{width:56,height:56,x:5,y:5,fill:"#FFD1D1",rx:28}),(0,a.jsx)("rect",{width:56,height:56,x:5,y:5,stroke:"#FEE",strokeWidth:10,rx:28}),(0,a.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 i=t(82255),l=t(391);function o({showModal:e,handler:s,onContinue:t}){let o=(0,r.useRef)(!1);return(0,r.useEffect)(()=>{o.current||((0,i.s)("hasSelectedTokenDisclaimer")&&t(),o.current=!0)},[]),(0,a.jsx)(l.m,{showModal:e,close:s,size:"md",children:(0,a.jsxs)("section",{className:"text-black",children:[(0,a.jsx)(c,{}),(0,a.jsx)("h1",{className:"mb-1 mt-4 text-[30px] font-semibold ",children:"Token is required"}),(0,a.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,a.jsx)("span",{className:"font-semibold text-success",children:"0201 280 2500"}),", send an email to"," ",(0,a.jsx)("span",{className:"font-semibold text-success",children:"[email protected]"})," ","or visit an Access Bank branch near you to request for one."]}),(0,a.jsxs)("section",{className:"mt-6 flex space-x-2",children:[(0,a.jsx)(n.A,{title:"Continue",containerClass:"w-[40%]",onClick:()=>{(0,i.xF)("hasSelectedTokenDisclaimer",!0),t()}}),(0,a.jsx)(n.A,{containerClass:"w-[40%]",containedClass:"bg-white border border-primary text-primary ",title:"Cancel",type:"button",onClick:s})]})]})})}},41027:(e,s,t)=>{"use strict";t.d(s,{Ej:()=>c,d:()=>n});var a,r,n=((a={}).Outbound="Outbound",a.Inbound="Inbound",a),c=((r={}).Fixed="fixed",r.Range="range",r)},58506:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>O});var a,r=t(37876),n=t(89099),c=t.n(n),i=t(14232),l=t(24264);let o=e=>{let{strokeWidth:s=8,sqSize:t=160,percentage:a,label:n}=e,c=(t-s)/2,i=`0 0 ${t} ${t}`,l=c*Math.PI*2;return(0,r.jsxs)("svg",{width:t,height:t,viewBox:i,children:[(0,r.jsx)("circle",{className:"fill-none stroke-[#B9FFCD]",cx:t/2,cy:t/2,r:c,strokeWidth:`${s}px`}),(0,r.jsx)("circle",{className:"fill-none stroke-[#0ABD3D] transition-all delay-200 ease-in",cx:t/2,cy:t/2,r:c,strokeLinecap:"round",strokeWidth:`${s}px`,transform:`rotate(-90 ${t/2} ${t/2})`,style:{strokeDasharray:l,strokeDashoffset:l-l*(a||0)/100}}),n&&(0,r.jsx)("text",{x:"50%",y:"50%",dominantBaseline:"middle",textAnchor:"middle",children:n})]})},d=e=>(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none",...e,children:[(0,r.jsx)("rect",{width:32,height:32,fill:"#FFF1E6",rx:16}),(0,r.jsx)("path",{stroke:"#FF8200",strokeLinecap:"round",strokeWidth:1.5,d:"m14 21 3.5-4.375a1 1 0 0 0 0-1.25L14 11"})]});function u({onProceed:e,categories:s}){return(0,r.jsx)("div",{className:"space-y-4",children:s&&s.map((s,t)=>(0,r.jsxs)("div",{className:"flex cursor-pointer items-center justify-between border-b pb-4",onClick:()=>e(Number(s.id)),children:[(0,r.jsx)("h3",{children:s.category}),(0,r.jsx)(d,{})]},t))})}var m=t(74691),x=t(93871),p=t(9698),h=t(12998),b=t(53481),j=t(95582),f=t(41027),N=t(92302),w=t(69061),y=t(12989),v=t(82255),C=t(62278),g=t(91408);let k=g.Ik().shape({debitAccountNumber:g.Ik({label:g.Yj().required("Source account is required"),value:g.Yj().required("Source account is required")}),amount:g.ai().min(1,"Must be greater than 0").required("Amount is required"),phone_number:g.Yj().required("Phone number is required")});var A=t(32073),M=t(391),F=t(73581),E=t(63626),L=t(70865),V=t(27526),D=t(92155),S=t(32507);let T=({operatorId:e,product:s,country:t,cleanup:a})=>{let[n,c]=(0,i.useState)({success:!1,error:!1,review:!1,errorMessage:"",receipt:!1,token:!1}),l=()=>c(e=>({...e,success:!1,error:!1})),[o,d]=(0,i.useState)({debitAccountCredentials:[],balance:0,amountError:"",accountType:"",accountCurrency:"",tranReference:""}),u=(0,m.Wx)({initialValues:{debitAccountNumber:{label:"",value:""},phone_number:"",narration:"",amount:""},validationSchema:k,onSubmit:async()=>c(e=>({...e,review:!0}))});async function g(e){try{let t=(0,v.s)("mobile","authData"),a=await (0,N.lo)(e);a&&d(e=>

1({...e,debitAccountCredentials:a?.data?.filter(e=>!(0,y.Y4)(e?.accountCurrency))?.map(e=>({...e,label:`${e?.accountType} - ${e?.accountNumber} (${e?.accountStatus}) - ${(0,y.aL)(e?.availableBalance,w.qx[e?.accountCurrency])}`,value:e?.accountNumber,name:e?.accountName,balance:e?.availableBalance,accountCurrency:e?.accountCurrency,secondLabel:`${e?.accountType} - ${e?.accountNumber} (${e?.accountStatus})`}))})),u.setValues(e=>({...e,phone_number:t||"",amount:s.price.type===f.Ej.Fixed?Number(s.price.user):0}))}catch(e){(0,C.m)(e?.message,C.V.Error)}}let T=(e,t)=>t<e?"Total amount is bigger than available balance":s.price.type===f.Ej.Range&&e<Number(s.price.min.user)||s.price.type===f.Ej.Range&&e>Number(s.price.max.user)?`Amount not in range (Min: ${(0,y.aL)(s.price.min.user)} / Max: ${(0,y.aL)(s.price.max.user)})`:"";(0,i.useEffect)(()=>{g(!0)},[]);let[H,R]=(0,i.useState)(),$=async()=>{if(o?.tranReference)try{let e=await (0,N.Oc)(o?.tranReference);if(!e)return;R(e),c(e=>({...e,receipt:!0,success:!1}))}catch(e){(0,C.m)(e?.message,C.V.Error)}};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("form",{autoComplete:"off",noValidate:!0,onSubmit:u.handleSubmit,className:"w-full max-w-[611px] space-y-[24px]",children:[(0,r.jsx)(h.A,{options:(0,y.Vp)(o.debitAccountCredentials,"value","label"),placeholder:"Source account",name:"debitAccountNumber",bg:"#F8F8F8",formik:u,handleChange:e=>{let s=(0,y.UH)(o.debitAccountCredentials,"value",e?.value);u.setValues(t=>({...t,debitAccountNumber:{label:s?.secondLabel,value:e.value},creditAccountNumber:{label:"",value:""}})),d(e=>({...e,balance:s?.balance,amountError:T(Number(u.values.amount),Number(s?.balance)),accountType:s?.accountType,accountCurrency:s?.accountCurrency?w.qx[s?.accountCurrency]:""}))},selectComponent:(0,r.jsx)(S.A,{balance:o.balance,currency:o.accountCurrency})}),u.values.debitAccountNumber?.value&&(0,r.jsxs)("section",{children:[(0,r.jsx)(p.A,{bg:"bg-[#F8F8F8]",placeholder:"Amount",name:"amount",handleChange:(e,s)=>{s?(u.setFieldValue(e,s),d(e=>({...e,amountError:T(Number(s),Number(e.balance))}))):u.setFieldValue(e,0)},formik:u,value:u.values.amount?u.values.amount:"",prefix:o.accountCurrency,disabled:s.price.type===f.Ej.Fixed}),o.amountError&&(0,r.jsx)("p",{className:"text-xs italic text-red-400",children:o.amountError})]}),(0,r.jsx)(b.A,{placeholder:"Mobile number",formik:u,name:"phone_number"}),(0,r.jsx)(b.A,{placeholder:"Narration",formik:u,name:"narration"}),(0,r.jsx)(x.A,{title:"Proceed",type:"submit"})]}),(0,r.jsx)(M.A,{showModal:n.success,close:()=>{a(),l()},children:(0,r.jsx)(D.A,{icon:(0,r.jsx)(j.A,{}),title:"Success",body:"Transfer successful"})}),(0,r.jsx)(L.A,{showModal:n.success,close:()=>{c(e=>({...e,success:!1}))},isScheduleTransfer:!1,receiptAction:$,successMessage:"An SMS with your code/link has been sent you. You can download your receipt now to view your code or visit Bill Payment history to download later."}),(0,r.jsx)(A.A,{show:n.error,close:l,body:n.errorMessage}),(0,r.jsx)(F.A,{showModal:!!(n.receipt&&o.tranReference),receipt:H,handler:()=>{c(e=>({...e,receipt:!1})),d(e=>({...e,tranReference:""})),a()}}),(0,r.jsx)(E.A,{showModal:n.review,close:()=>c(e=>({...e,review:!1})),debitAccountNumber:u.values.debitAccountNumber,creditAccountNumber:t,amount:(0,y.aL)(u.values.amount),recipientName:s.name,senderName:o.accountType?o.accountType:"",otherInfo:[{label:"Narration",value:""},{label:"Mobile number",value:u.values.phone_number},{label:"Amount to pay",value:(0,r.jsx)("span",{className:"font-bold",children:(0,y.aL)(u.values.amount)})}],action:()=>c(e=>({...e,review:!1,token:!0}))}),(0,r.jsx)(V.A,{showModal:n.token,close:()=>c(e=>({...e,token:!1})),isSchedule:!1,transactionAction:t=>(0,N.WA)({amount:u.values.amount.toString(),customerId:"",debitAccountNumber:u.values.debitAccountNumber.value,narration:u.values.narration,operatorId:e.toString(),operatorPrice:s.price.type===f.Ej.Fixed?s.price.operator:"0",phone_number:u.values.phone_number,pin:"",productId:s.id,userId:"",token:t}),transactionCleanUp:({tranReference:e,successMessage:s})=>{c(e=>({...e,token:!1,success:!0,successMessage:s})),d(s=>({...s,balance:0,tranReference:e})),u.resetForm(),g(!1)},errorCleanUp:e=>c(s=>({...s,token:!1,error:!0,errorMessage:e}))})]})};var H=t(58632);function R({onProceed:e,operators:s}

1){let[t,a]=(0,i.useState)(s);return(0,r.jsxs)("div",{children:[(0,r.jsx)(b.A,{containerClass:"mb-6",icon:(0,r.jsx)(H.A,{}),placeholder:"Search",inputBorder:"",onChange:e=>{a(()=>s.filter(s=>s.name.toLowerCase().includes(e.target.value.toLowerCase())||s.country.name.toLowerCase().includes(e.target.value.toLowerCase())))},bg:"bg-[#F8F8F8]"}),(0,r.jsx)("div",{className:"grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4",children:t&&t.map((s,t)=>(0,r.jsxs)("div",{className:"flex cursor-pointer flex-col items-center justify-between space-y-2 rounded-[16px] bg-[#F1F1F1] p-3 text-center",onClick:()=>e(Number(s.id),s.country.name),children:[(0,r.jsx)("section",{className:"flex h-[50px] w-[50px] items-center rounded-full bg-white p-3",children:(0,r.jsx)("img",{src:`https://media.sochitel.com/img/operators/${s.brandId}.png`,alt:""})}),(0,r.jsx)("h3",{className:"text-sm font-semibold",children:s?.name}),(0,r.jsx)("span",{className:"block text-xs text-[#989898]",children:s?.country?.name})]},t))})]})}function $({onProceed:e,products:s}){return(0,r.jsx)("div",{className:"space-y-4",children:s&&s.map((s,t)=>(0,r.jsxs)("div",{className:"flex cursor-pointer items-center justify-between border-b pb-4",onClick:()=>e(s),children:[(0,r.jsxs)("section",{children:[(0,r.jsx)("h3",{className:"mb-1 text-sm font-semibold",children:s.name}),(0,r.jsx)("span",{className:"text-xs text-[#989898]",children:s.price.type===f.Ej.Range?` Minimum ${(0,y.aL)(s.price.min.user)} | Maximum ${(0,y.aL)(s.price.max.user)} `:(0,y.aL)(s.price.user)})]}),(0,r.jsx)(d,{})]},t))})}var _=t(28033),P=t(13547),B=t(4378),I=t(80107),q=((a=q||{}).Category="Category",a.Operator="Operator",a.Product="Product",a.Details="Details",a);function O(){let[e,s]=(0,i.useState)({step:"Category",width:25,stepNo:1}),[t,a]=(0,i.useState)({categories:[],operators:[],products:[]}),[n,d]=(0,i.useState)({operatorId:0,country:"",product:{}}),m=async()=>{let e=await (0,N.gP)();a(s=>({...s,categories:e?.data?.Categories}))};(0,i.useEffect)(()=>{m()},[]);let[x,p]=(0,i.useState)({disclaimerModal:!1,catId:0}

1),h=async e=>{p(e=>({...e,disclaimerModal:!1}));try{let t=await (0,N.PV)(e);t&&(a(e=>({...e,operators:Object.values(t?.data)})),s({step:"Operator",width:50,stepNo:2}))}catch(e){(0,C.m)(e?.message,C.V.Error)}},b=async e=>{p(s=>({...s,disclaimerModal:!0,catId:e}))},j=async(e,t)=>{let r=await (0,N.m0)(e);r&&(a(e=>({...e,products:r?.data?.products.map(e=>({...e,price:{...e.price,type:e.priceType===f.Ej.Fixed?f.Ej.Fixed:f.Ej.Range}}))})),s({step:"Product",width:75,stepNo:3}),d(s=>({...s,operatorId:e,country:t})))},w=async e=>{d(s=>({...s,product:e})),s({step:"Details",width:100,stepNo:4})};return(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)(l.A,{children:[(0,r.jsxs)(I.A,{children:[(0,r.jsx)("section",{className:"inline-block",onClick:()=>{switch(e.step){case"Details":s(e=>({...e,step:"Product",stepNo:3,width:75}));break;case"Product":s(e=>({...e,step:"Operator",stepNo:2,width:50}));break;case"Operator":s(e=>({...e,step:"Category",stepNo:1,width:25}));break;default:c().push("/")}},children:(0,r.jsx)(P.A,{link:"",linkTitle:"Back"})}),(0,r.jsx)("h1",{className:"mb-[24px] font-bold",children:"eVoucher"}),(0,r.jsxs)("section",{className:"flex items-start justify-between rounded bg-white px-[32px] py-[24px]",children:[(0,r.jsxs)("section",{className:"w-full max-w-[611px]",children:[(0,r.jsxs)("section",{children:[(0,r.jsx)("ul",{className:"mb-1 flex text-sm font-semibold",children:Object.entries(q).map((e,s)=>(0,r.jsx)("li",{className:"w-[25%]",children:e[0]},s))}),(0,r.jsx)(B.A,{width:`w-[${e.width}%]`,color:"bg-primary"})]}),"Category"===e.step&&(0,r.jsx)(u,{onProceed:b,categories:t.categories}),"Operator"===e.step&&(0,r.jsx)(R,{onProceed:j,operators:t.operators}),"Product"===e.step&&(0,r.jsx)($,{onProceed:w,products:t.products}),"Details"===e.step&&(0,r.jsx)(T,{operatorId:n.operatorId,product:n.product,country:n.country,cleanup:()=>s(e=>({...e,step:"Category",stepNo:1,width:25}))})]}),(0,r.jsx)("section",{className:"hidden lg:block",children:(0,r.jsx)(o,{percentage:e.width,sqSize:50,strokeWidth:2,label:`${e.stepNo}/4`})})]})]}),x.disclaimerModal&&(0,r.jsx)(_.A,{showModal:x.disclaimerModal,handler:()=>p(e=>({...e,disclaimerModal:!1})),onContinue:()=>h(x.catId)})]})})}},58632:(e,s,t)=>{"use strict";t.d(s,{A:()=>r});var a=t(37876);function r(){return(0,a.jsxs)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,a.jsx)("circle",{cx:"11",cy:"11",r:"8",stroke:"#9C9C9C",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,a.jsx)("path",{d:"M16.5 16.958L21.5 21.958",stroke:"#9C9C9C",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}t(14232)},63626:(e,s,t)=>{"use strict";t.d(s,{A:()=>i});var a=t(37876);t(14232);var r=t(93871),n=t(391);let c=({debitAccountNumber:e,senderName:s,amount:t,creditAccountNumber:r,recipientName:n,bank:c,commission:i,totalAmount:l,otherInfo:o})=>(0,a.jsxs)("section",{children:[(0,a.jsxs)("div",{className:"flex flex-col space-y-3 sm:flex-row sm:justify-between sm:space-y-0 md:items-center",children:[(0,a.jsxs)("div",{className:"space-y-[4px] sm:w-[30%]",children:[(0,a.jsx)("span",{className:"block text-[12px] text-[#667085]",children:"From"}),(0,a.jsx)("span",{className:"block text-[16px]",children:e?.value}),(0,a.jsx)("span",{className:"block text-[12px] text-[#667085]",children:s.toUpperCase()})]}),(0,a.jsxs)("div",{className:"sm:w-[33%]",children:[(0,a.jsx)("span",{className:"block text-center text-[24px] font-semibold",children:t}),(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsx)("span",{className:"block h-[9px] w-[9px] rounded-full bg-[#12B76A]"}),(0,a.jsx)("span",{className:"block h-[1px] w-full bg-[#E4E4E4]"}),(0,a.jsx)("span",{className:"block h-[9px] w-[9px] rounded-full bg-[#12B76A]"})]})]}),(0,a.jsxs)("div",{className:"space-y-[4px] sm:w-[30%]",children:[(0,a.jsx)("span",{className:"block  text-[12px] text-[#667085]",children:"To"}),(0,a.jsx)("span",{className:"block text-[16px]",children:r}),(0,a.jsx)("span",{className:"block text-[12px] text-[#667085]",children:n.toUpperCase()})]})]}),c&&l&&i&&(0,a.jsxs)("div",{className:"mt-[32px] rounded-[10px] bg-[#F7F7F7] px-[24px]",children:[(0,a.jsxs)("div",{className:"flex flex-col border-b py-[24px] sm:flex-row sm:items-center sm:justify-between",children:[(0,a.jsx)("span",{className:"text-[#667085]",children:"Bank"}),(0,a.jsx)("span",{className:"text-primary",children:c})]}),(0,a.jsxs)("div",{className:"flex flex-col border-b py-[24px] sm:flex-row sm:items-center sm:justify-between",children:[(0,a.jsx)("span",{className:"text-[#667085]",children:"Commission"}),(0,a.jsxs)("span",{className:"text-primary",children:["₦",i]})]}),(0,a.jsxs)("div",{className:"flex flex-col border-b py-[24px] sm:flex-row sm:items-center sm:justify-between",children:[(0,a.jsx)("span",{className:"text-[#667085]",children:"Total debit"}),(0,a.jsxs)("span",{className:"font-semibold text-primary",children:["₦",l]})]})]}),(0,a.jsx)("div",{className:"mt-[32px] rounded-[10px] bg-[#F7F7F7] px-[24px]",children:o&&o.map((e,s)=>e?.label&&e?.value&&(0,a.jsxs)("div",{className:"flex items-center justify-between border-b py-[24px]",children:[(0,a.jsx)("span",{className:"text-[#667085]",children:e?.label}),(0,a.jsx)("span",{className:"text-primary",children:e?.value})]},s))})]});function i({debitAccountNumber:e,senderName:s,amount:t,creditAccountNumber:i,recipientName:l,bank:o,commission:d,totalAmount:u,otherInfo:m,showModal:x,close:p,action:h}){return(0,a.jsx)(n.m,{showModal:x,close:p,size:"sm",children:(0,a.jsxs)("section",{children:[(0,a.jsx)("h2",{className:"mb-[24px] text-[32px] font-semibold",children:"Review"}),(0,a.jsx)(c,{debitAccountNumber:e,creditAccountNumber:i,amount:t,recipientName:l,senderName:s,bank:o,commission:d,totalAmount:u,otherInfo:m}),(0,a.jsx)(r.A,{title:"Continue",containerClass:"mt-[40px]",type:"button",onClick:h})]})})}},73552:(e,s,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/lifestyle/e-voucher",function(){return t(58506)}])},73581:(e,s,t)=>{"use strict";t.d(s,{A:()=>N});var a=t(37876),r=t(63115),n=t(14232),c=t(73270),i=t.n(c),l=t(93871);function o(){return(0,a.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,a.jsx)("g",{clipPath:"url(#clip0_1588_22416)",children:(0,a.jsx)("path",{d:"M6.6513 13.425C6.6513 13.8167 6.30964 14.1417 5.90964 14.1417H5.21797V12.7083H5.91797C6.31797 12.7083 6.65964 13.0333 6.65964 13.425H6.6513ZM12.5013 6.66667H17.9513C17.6596 5.90833 17.218 5.20833 16.6263 4.61667L13.7263 

11.70833C13.1346 1.11667 12.4346 0.675 11.6763 0.383333V5.83333C11.6763 6.29167 12.0513 6.66667 12.5096 6.66667H12.5013ZM10.0763 12.7083H9.3763V15.625H10.0763C10.4763 15.625 10.818 15.3 10.818 14.9083V13.425C10.818 13.0333 10.4763 12.7083 10.0763 12.7083ZM18.3346 8.74167V15.8333C18.3346 18.1333 16.468 20 14.168 20H5.83464C3.53464 20 1.66797 18.1333 1.66797 15.8333V4.16667C1.66797 1.86667 3.53464 0 5.83464 0H9.59297C9.7263 0 9.85964 0.00833333 10.0013 0.0166667V5.83333C10.0013 7.20833 11.1263 8.33333 12.5013 8.33333H18.318C18.3263 8.46667 18.3346 8.6 18.3346 8.74167ZM7.69297 13.425C7.69297 12.4583 6.89297 11.6667 5.90964 11.6667H5.0013C4.54297 11.6667 4.16797 12.0417 4.16797 12.5V16.2C4.16797 16.4917 4.4013 16.7167 4.68464 16.7167C4.96797 16.7167 5.2013 16.4833 5.2013 16.2V15.1833H5.9013C6.88464 15.1833 7.68464 14.3917 7.68464 13.425H7.69297ZM11.8596 13.425C11.8596 12.4583 11.0596 11.6667 10.0763 11.6667H9.16797C8.70964 11.6667 8.33464 12.0417 8.33464 12.5V16.2C8.33464 16.4917 8.56797 16.6667 8.8513 16.6667C9.13464 16.6667 10.068 16.6667 10.068 16.6667C11.0513 16.6667 11.8513 15.875 11.8513 14.9083V13.425H11.8596ZM15.8513 12.1917C15.8513 11.9 15.618 11.675 15.3346 11.675H13.4096C13.118 11.675 12.893 11.9083 12.893 12.1917V16.2C12.893 16.4917 13.1263 16.7167 13.4096 16.7167C13.693 16.7167 13.9263 16.4833 13.9263 16.2V14.7H14.9596C15.2513 14.7 15.4763 14.4667 15.4763 14.1833C15.4763 13.9 15.243 13.6667 14.9596 13.6667H13.9263V12.7167H15.3346C15.6263 12.7167 15.8513 12.4833 15.8513 12.2V12.1917Z",fill:"white"})}),(0,a.jsx)("defs",{children:(0,a.jsx)("clipPath",{id:"clip0_1588_22416",children:(0,a.jsx)("rect",{width:"20",height:"20",fill:"white"})})})]})}function d(){return(0,a.jsxs)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,a.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.25 7C1.25 3.82436 3.82436 1.25 7 1.25H17C20.1756 1.25 22.75 3.82436 22.75 7V17C22.75 20.1756 20.1756 22.75 17 22.75H7C3.82436 22.75 1.25 20.1756 1.25 17V7ZM7 2.75C4.65279 2.75 2.75 4.65279 2.75 7V17C2.75 19.3472 4.65279 21.25 7 21.25H17C19.3472 21.25 21.25 19.3472 21.25 17V7C21.25 4.65279 19.3472 2.75 17 2.75H7Z",fill:"white"}),(0,a.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2 7C2 4.23858 4.23858 2 7 2H17C19.7614 2 22 4.23858 22 7V17C22 17.7273 21.8447 18.4184 21.5655 19.0418L21.9211 16.5524C21.9701 16.2091 21.8378 15.8648 21.5713 15.6428L17.2628 12.0523C16.5476 11.4563 15.496 11.504 14.8377 12.1623L9.84853 17.1515C9.3799 17.6201 8.6201 17.6201 8.15147 17.1515L7.07822 16.0782C6.45603 15.456 5.47521 15.3749 4.7592 15.8863L2.91876 17.2009C2.65597 17.3886 2.5 17.6917 2.5 18.0146V19.0194C2.5 19.0894 2.50734 19.1586 2.52154 19.2259C2.18774 18.5555 2 17.7997 2 17V7ZM19.238 21.3096L21.1641 19.7688C20.2679 21.1138 18.7374 22 17 22H7C5.26076 22 3.72892 21.112 2.83318 19.7646C2.84685 19.7768 2.86089 19.7887 2.87531 19.8002L4.75317 21.3025C4.91381 21.431 5.11017 21.5069 5.31548 21.5197L12.9272 21.9955C12.9757 21.9985 13.0243 21.998 13.0727 21.9939L18.6963 21.5253C18.8943 21.5088 19.0828 21.4337 19.238 21.3096ZM8 10C6.89543 10 6 9.10457 6 8C6 6.89543 6.89543 6 8 6C9.10457 6 10 6.89543 10 8C10 9.10457 9.10457 10 8 10Z",fill:"white"})]})}var u=t(62278),m=t(391),x=t(56557),p=t.n(x),h=t(44786),b=t(12989);let j=({label:e,value:s})=>(0,a.jsxs)("div",{className:"grid grid-cols-2 border-b pb-2 text-[10px]",children:[(0,a.jsx)("div",{className:"font-semibold text-primary",children:e}),(0,a.jsx)("div",{className:"font-semibold text-primary-access-blue",children:s})]});function f({transaction:e}){return(0,a.jsx)("div",{className:"flex justify-center rounded-[10px] bg-white py-[15px] shadow-xl",children:(0,a.jsxs)("div",{className:"w-[85%]",children:[(0,a.jsx)("div",{className:"mb-4",children:(0,a.jsx)(h.A,{})}),(0,a.jsxs)("div",{className:"mb-6 text-center",children:[(0,a.jsx)("h1",{className:"text-sm font-bold text-primary-access-blue",children:"Transaction Receipt"}),(0,a.jsxs)("p",{className:"text-xs",children:["Generated from ",(0,a.jsx)("span",{className:"font-semibold",children:"IBanking"})," on"," ",p()().format("MM/DD/YYYY, h:mm:ss a")]})]}),(0,a.jsxs)("div",{className:"mb-1 space-y-2 text-sm",children:[e?.transAmount&&(0,a.jsx)(j,{label:"Transaction Amount",value:(0,b.aL)(Number(e?.transAmount),e?.currency)}),e?.trandType&&(0,a.jsx)(j,{label:"Transaction Type",value:e?.trandType}),e?.transDate&&(0,a.jsx)(j,{label:"Transaction Date",value:e?.transDate}),e?.sender&&(0,a.jsx)(j,{label:"Sender",value:e?.sender}),e?.beneficiaryName&&e?.beneficiaryAccountNo&&e?.beneficiaryBankName&&(0,a.jsx)(j,{label:"Beneficiary",value:(0,a.jsxs)("section",{className:"space-y-2",children:[(0,a.jsx)("p",{children:e?.beneficiaryName}),(0,a.jsx)("p",{children:e?.beneficiaryAccountNo}),(0,a.jsx)("p",{children:e?.beneficiaryBankName})]})}),e?.narration&&(0,a.jsx)(j,{label:"Remark",value:e?.narration}),e?.transactionReference&&(0,a.jsx)(j,{label:"Transaction Reference",value:e?.transactionReference}),e?.status&&(0,a.jsx)(j,{label:"Transaction Status",value:e?.status}),e?.date&&(0,a.jsx)(j,{label:"Transaction Date",value:e?.date}),e?.description&&(0,a.jsx)(j,{label:"Description",value:e?.description})]}),(0,a.jsx)("div",{children:(0,a.jsxs)("p",{className:"text-[8px] leading-loose",children:["If you have any questions or would like more information, please call our 24-hour Contact Center on"," ",(0,a.jsx)("a",{className:"font-semibold underline",href:"",children:"0700CallAccess,"})," ",(0,a.jsx)("a",{className:"font-semibold underline",href:"",children:"0700 3000000,"})," ",(0,a.jsx)("a",{href:"",children:"+234 1-2712005-7,"})," ",(0,a.jsx)("a",{className:"font-semibold underline",href:"",children:"+234 1-2802500,"})," ","or send an email to"," ",(0,a.jsx)("a",{className:"font-semibold underline",href:"",children:"[email protected]"})]})})]})})}function N({showModal:e,handler:s,receipt:t}){let c=(0,n.createRef)(),x=(0,n.useRef)();return(0,a.jsxs)(m.m,{showModal:e,close:s,size:"md",children:[(0,a.jsx)("div",{ref:x,children:(0,a.jsx)("div",{ref:c,children:(0,a.jsx)(f,{transaction:t})})}),(0,a.jsxs)("div",{className:"mt-2 grid grid-cols-2 gap-x-2",children:[(0,a.jsx)(l.r,{title:"Download as image",color:"text-white",bg:"bg-primary-access-blue  font-bold py-3",icon:(0,a.jsx)(d,{}),action:()=>{(0,r.$E)(x.current,{cacheBust:!1}).then(e=>{let s=document.createElement("a");s.download="Receipt.png",s.href=e,s.click()}).catch(()=>{(0,u.m)("Error downloading as image",u.V.Error)})}}

1),(0,a.jsx)(i(),{targetRef:c,filename:"Receipt.pdf",options:{unit:"mm",format:[160,150]},scale:1,children:({toPdf:e})=>(0,a.jsx)(l.r,{action:e,title:"Download as PDF",color:"text-white",bg:"bg-primary  font-bold py-3",icon:(0,a.jsx)(o,{})})})]})]})}}},e=>{e.O(0,[9923,8752,347,9593,7100,8230,4691,1408,2068,5862,9608,4606,4356,9086,2027,2568,636,6593,8792],()=>e(e.s=73552)),_N_E=e.O()}]);