https://jumuisha.com/_next/static/chunks/pages/mpesa-recon-tool-bb68030818caccb6.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[574],{2257:(e,t,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/mpesa-recon-tool",function(){return s(2927)}])},2927:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>g});var r=s(5893),l=s(7294),a=s(5007),n=s(9332),o=s(6789),i=s(2944),d=s(6394),c=s(1639);let m=e=>(0,r.jsxs)("svg",{width:"800px",height:"800px",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[(0,r.jsx)("path",{d:"M18 7.16C17.94 7.15 17.87 7.15 17.81 7.16C16.43 7.11 15.33 5.98 15.33 4.58C15.33 3.15 16.48 2 17.91 2C19.34 2 20.49 3.16 20.49 4.58C20.48 5.98 19.38 7.11 18 7.16Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{d:"M16.9699 14.44C18.3399 14.67 19.8499 14.43 20.9099 13.72C22.3199 12.78 22.3199 11.24 20.9099 10.3C19.8399 9.59004 18.3099 9.35003 16.9399 9.59003",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{d:"M5.96998 7.16C6.02998 7.15 6.09998 7.15 6.15998 7.16C7.53998 7.11 8.63998 5.98 8.63998 4.58C8.63998 3.15 7.48998 2 6.05998 2C4.62998 2 3.47998 3.16 3.47998 4.58C3.48998 5.98 4.58998 7.11 5.96998 7.16Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{d:"M6.99994 14.44C5.62994 14.67 4.11994 14.43 3.05994 13.72C1.64994 12.78 1.64994 11.24 3.05994 10.3C4.12994 9.59004 5.65994 9.35003 7.02994 9.59003",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{d:"M12 14.63C11.94 14.62 11.87 14.62 11.81 14.63C10.43 14.58 9.32996 13.45 9.32996 12.05C9.32996 10.62 10.48 9.46997 11.91 9.46997C13.34 9.46997 14.49 10.63 14.49 12.05C14.48 13.45 13.38 14.59 12 14.63Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{d:"M9.08997 17.78C7.67997 18.72 7.67997 20.26 9.08997 21.2C10.69 22.27 13.31 22.27 14.91 21.2C16.32 20.26 16.32 18.72 14.91 17.78C13.32 16.72 10.69 16.72 9.08997 17.78Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),x=e=>(0,r.jsxs)("svg",{fill:"currentColor",viewBox:"0 0 512 512",...e,children:[(0,r.jsx)("path",{d:"M424.076,110.145c4.893,0,8.859-3.966,8.859-8.859V8.859c0-4.892-3.965-8.859-8.859-8.859H87.924 c-4.893,0-8.859,3.966-8.859,8.859V480.29c0,3.246,1.775,6.232,4.627,7.783l42.019,22.852c2.639,1.435,5.825,1.435,8.464,0 l37.786-20.549l37.787,20.549c1.319,0.717,2.776,1.076,4.232,1.076c1.456,0,2.913-0.359,4.232-1.076L256,490.374l37.786,20.549 c2.638,1.434,5.824,1.435,8.464,0l37.787-20.549l37.787,20.549c2.639,1.435,5.825,1.435,8.464,0l42.018-22.852 c2.851-1.551,4.627-4.537,4.627-7.783V134.358c0-4.892-3.965-8.859-8.859-8.859c-4.893,0-8.859,3.966-8.859,8.859v340.665 l-33.159,18.034l-37.787-20.549c-2.639-1.435-5.825-1.435-8.464,0l-37.787,20.549l-37.786-20.549 c-2.638-1.434-5.824-1.435-8.464,0l-37.787,20.549l-37.787-20.549c-2.639-1.435-5.825-1.435-8.464,0l-37.786,20.549 l-33.161-18.032V17.717h318.435v83.569C415.217,106.179,419.182,110.145,424.076,110.145z"}),(0,r.jsx)("path",{d:"M333.065,62.006H178.935c-4.893,0-8.859,3.966-8.859,8.859s3.965,8.859,8.859,8.859h154.131 c4.893,0,8.859-3.966,8.859-8.859S337.959,62.006,333.065,62.006z"}),(0,r.jsx)("path",{d:"M361.516,139.958h-65.002c-4.893,0-8.859,3.966-8.859,8.859c0,4.892,3.965,8.859,8.859,8.859h65.002 c4.893,0,8.859-3.966,8.859-8.859C370.374,143.924,366.409,139.958,361.516,139.958z"}),(0,r.jsx)("path",{d:"M265.804,139.958H150.486c-4.893,0-8.859,3.966-8.859,8.859c0,4.892,3.965,8.859,8.859,8.859h115.318 c4.893,0,8.859-3.966,8.859-8.859C274.663,143.924,270.698,139.958,265.804,139.958z"}),(0,r.jsx)("path",{d:"M361.516,226.76H200.843c-4.893,0-8.859,3.966-8.859,8.859c0,4.892,3.965,8.859,8.859,8.859h160.673 c4.893,0,8.859-3.966,8.859-8.859C370.374,230.727,366.409,226.76,361.516,226.76z"}),(0,r.jsx)("path",{d:"M170.132,226.76h-19.646c-4.893,0-8.859,3.966-8.859,8.859c0,4.892,3.965,8.859,8.859,8.859h19.646 c4.893,0,8.859-3.966,8.859-8.859C178.99,230.727,175.025,226.76,170.132,226.76z"}),(0,r.jsx)("path",{d:"M361.516,183.359h-211.03c-4.893,0-8.859,3.966-8.859,8.859s3.965,8.859,8.859,8.859h211.03 c4.893,0,8.859-3.966,8.859-8.859S366.409,183.359,361.516,183.359z"}),(0,r.jsx)("path",{d:"M361.516,365.271h-40.198c-4.893,0-8.859,3.966-8.859,8.859s3.965,8.859,8.859,8.859h40.198 c4.893,0,8.859-3.966,8.859-8.859S366.409,365.271,361.516,365.271z"}),(0,r.jsx)("path",{d:"M361.516,400.706h-81.538c-4.893,0-8.859,3.966-8.859,8.859c0,4.892,3.965,8.859,8.859,8.859h81.538 c4.893,0,8.859-3.966,8.859-8.859C370.374,404.672,366.409,400.706,361.516,400.706z"}),(0,r.jsx)("path",{d:"M288.246,365.271h-137.76c-4.893,0-8.859,3.966-8.859,8.859s3.965,8.859,8.859,8.859h137.76 c4.893,0,8.859-3.966,8.859-8.859S293.139,365.271,288.246,365.271z"})]}),h=e=>(0,r.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",...e,children:(0,r.jsx)("path",{d:"M17 17H17.01M15.6 14H18C18.9319 14 19.3978 14 19.7654 14.1522C20.2554 14.3552 20.6448 14.7446 20.8478 15.2346C21 15.6022 21 16.0681 21 17C21 17.9319 21 18.3978 20.8478 18.7654C20.6448 19.2554 20.2554 19.6448 19.7654 19.8478C19.3978 20 18.9319 20 18 20H6C5.06812 20 4.60218 20 4.23463 19.8478C3.74458 19.6448 3.35523 19.2554 3.15224 18.7654C3 18.3978 3 17.9319 3 17C3 16.0681 3 15.6022 3.15224 15.2346C3.35523 14.7446 3.74458 14.3552 4.23463 14.1522C4.60218 14 5.06812 14 6 14H8.4M12 15V4M12 4L15 7M12 4L9 7",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),u=e=>(0,r.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",...e,children:(0,r.jsx)("path",{d:"M17 17H17.01M17.4 14H18C18.9319 14 19.3978 14 19.7654 14.1522C20.2554 14.3552 20.6448 14.7446 20.8478 15.2346C21 15.6022 21 16.0681 21 17C21 17.9319 21 18.3978 20.8478 18.7654C20.6448 19.2554 20.2554 19.6448 19.7654 19.8478C19.3978 20 18.9319 20 18 20H6C5.06812 20 4.60218 20 4.23463 19.8478C3.74458 19.6448 3.35523 19.2554 3.15224 18.7654C3 18.3978 3 17.9319 3 17C3 16.0681 3 15.6022 3.15224 15.2346C3.35523 14.7446 3.74458 14.3552 4.23463 14.1522C4.60218 14 5.06812 14 6 14H6.

16M12 15V4M12 15L9 12M12 15L15 12",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),p=e=>(0,r.jsxs)("svg",{viewBox:"0 0 48 48",...e,children:[(0,r.jsx)("path",{d:"M25.4,5.5a1.9,1.9,0,0,0-2.8.2,2,2,0,1,0,2.8-.2Z",fill:"currentColor"}),(0,r.jsx)("path",{d:"M31.5,8.4a2.2,2.2,0,0,0,.2,3.1,2.3,2.3,0,1,0,3-3.4A2.2,2.2,0,0,0,31.5,8.4Z",fill:"currentColor"}),(0,r.jsx)("path",{d:"M41.9,19.2a2.7,2.7,0,1,0-3.9.3A2.7,2.7,0,0,0,41.9,19.2Z",fill:"currentColor"}),(0,r.jsx)("path",{d:"M42,27.6a3.5,3.5,0,1,0-4.5,5.3A3.5,3.5,0,0,0,42,27.6Z",fill:"currentColor"}),(0,r.jsx)("path",{d:"M26.1,37.1a4.5,4.5,0,1,0,6.3-.5A4.4,4.4,0,0,0,26.1,37.1Z",fill:"currentColor"}),(0,r.jsx)("path",{d:"M9.9,34.3a5.1,5.1,0,0,0,.5,7.1,5,5,0,1,0-.5-7.1Z",fill:"currentColor"}),(0,r.jsx)("circle",{cx:"7.2",cy:"22.1",r:"5.5",transform:"matrix(1, -0.08, 0.08, 1, -1.68, 0.62)",fill:"currentColor"})]}),b=e=>(0,r.jsxs)("svg",{viewBox:"0 0 24 24",fill:"currentColor",...e,children:[(0,r.jsx)("path",{d:"M16 10H8V9h8zm-4.87 11l1.064 1H3.5C2.122 22 1 20.43 1 18.5S2.122 15 3.5 15H5V5.75C5 3.682 6.122 2 7.5 2h13c1.378 0 2.45 1.57 2.45 3.5S21.878 9 20.5 9H19v7.138l-1 .979V5.75A5.994 5.994 0 0 1 18.64 3H7.5C6.792 3 6 4.176 6 5.75V15h10.57l-.71.826A4.141 4.141 0 0 0 15 18.5a5.186 5.186 0 0 0 .047.692l-1.032-.971A5.555 5.555 0 0 1 14.557 16H3.5C2.701 16 2 17.168 2 18.5S2.701 21 3.5 21zM19 8h1.5c.799 0 1.55-1.168 1.55-2.5S21.299 3 20.5 3h-.677A4.62 4.62 0 0 0 19 5.75zM8 13h8v-1H8zm8-7H8v1h8zm6.491 8.819l-6.998 6.851-2.832-2.663-.685.728 3.53 3.321 7.685-7.522z"}),(0,r.jsx)("path",{fill:"none",d:"M0 0h24v24H0z"})]});function g(){var e,t;let[s,g]=(0,l.useState)(!1),j=(0,a.I0)();(0,n.useRouter)();let[f,w]=(0,l.useState)({mpesaStatement:null,membersList:null}),[y,v]=(0,l.useState)({contact:null}),[N,C]=(0,l.useState)({statement:"",members:""}),[k,M]=(0,l.useState)(null),[S,P]=(0,l.useState)(!1),[D,L]=(0,l.useState)(!1),[z,F]=(0,l.useState)(""),[H,W]=(0,l.useState)(!1),[E,_]=(0,l.useState)({name:"",phone:"",email:""}),[B,V]=(0,l.useState)(!1),[R,A]=(0,l.useState)(""),q=(0,a.v9)(e=>e.mpesaRecon.reconWalletDescription),Z=(0,a.v9)(e=>e.mpesaRecon.churchToMakePayment),I=(0,a.v9)(e=>e.mpesaRecon.currentReconAmount),[T,Y]=(0,l.useState)(!1),[K,U]=(0,l.useState)(!1),[G,O]=(0,l.useState)(!1),[X,J]=(0,l.useState)(!1),[Q,$]=(0,l.useState)(!1),[ee,et]=(0,l.useState)(!1),[es,er]=(0,l.useState)(""),[el,ea]=(0,l.useState)(""),[en,eo]=(0,l.useState)(""),ei=(0,a.v9)(e=>{var t;return null===(t=e.mpesaRecon)||void 0===t?void 0:t.currentReconId}),ed=(0,a.v9)(e=>{var t;return null===(t=e.mpesaRecon)||void 0===t?void 0:t.status}),ec=(e,t)=>{let s=e.target.files[0];if(s){if(!["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","text/csv"].includes(s.type)){V(!0),A("Please upload both files before generating the report."),setTimeout(()=>{V(!1),A("")},6e3);return}w(e=>({...e,[t]:s})),C(e=>({...e,[t]:s.name}))}},em=async e=>{if(e.preventDefault(),!f.statement||!f.members){V(!0),A("Please upload both files before generating the report."),setTimeout(()=>{V(!1),A("")},6e3);return}let t=new FormData;t.append("statement",f.statement),t.append("members",f.members);try{let e=await j((0,c.CB)(t)).unwrap();if(e&&e.id){j((0,d.Tt)(e.id));let t=7,s="recon-277";if(e.church_package){let r=e.church_package.toString().split("#");2===r.length&&(t=r[0],s=r[1])}j((0,d.Pk)(s)),j((0,d.PM)(t));let r=1e3;e.amount&&(r=e.amount,j((0,d.k2)(r)))}P(!0)}catch(t){let e="possible file format mismatch";""!=t?e=t:(t.message&&(e=t.message),t.error&&(e=t.error)),V(!0),A("Reconciliation failed: ".concat(e)),setTimeout(()=>{V(!1),A("")},6e3)}},ex=async e=>{var t;e.preventDefault(),$(!1),er("");let s=null,r=null==y?void 0:null===(t=y.stk_phone)||void 0===t?void 0:t.trim();if(!r){let e=null==E?void 0:E.phone.trim();if(e&&e.startsWith("0")){let t="254".concat(e.slice(1));v(t),r=t}else{ea("Please provide a valid Kenyan phone number (e.g. 254712345678).");return}}if(!/^2547\d{8}$/.test(r)){ea("Please provide a valid Kenyan phone number (e.g. 254712345678).");return}s="+".concat(r);let l=new FormData;l.append("phone_number",s),l.append("church",Z),l.append("amount",I),l.append("reference","recon-".concat(r)),l.append("description",q),l.append("source","web"),l.append("app_platform","android"),Y(!0);try{await j((0,c.Ve)(l)).unwrap(),U(!0)}catch(t){U(!1);let e="possibly a timeout or network failure, please try again";""!=t?e=t:(t.message&&(e=t.message),t.error&&(e=t.error)),er("Payment prompt failed: ".concat(e)||0)}finally{Y(!1)}},eh=async e=>{e.preventDefault(),$(!1),eo(""),J(!0);let t=new FormData;t.append("pkrster_ek",E.phone);try{let e=await j((0,c.WW)(t)).unwrap(),s=null==e?void 0:e.status,r=null==e?void 0:e.detail;eo(r||"Please ensure you received the payment receipt and confirm the payment again."),"success"==s&&$(!0)}catch(e){$(!1),eo(e.message||e)}finally{setTimeout(()=>{J(!1)},1200)}},eu=async e=>{e.preventDefault();try{await j((0,c.gl)({id:ei,contactDetails:{name:E.name,phone_number:E.phone,email:E.email}})).unwrap(),O(!1),F("The download link has been sent to your email and ph

1one number."),W(!0),L(!0),P(!1),j((0,d.Kl)())}catch(e){F("Submission failed: ".concat(e.message||e)),W(!1),O(!0),L(!0),P(!1)}},ep=e=>{M(k===e?null:e)};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(i.Z,{}),(0,r.jsx)("section",{className:"pt-12 pb-8 bg-white",children:(0,r.jsx)("div",{className:"container mx-auto px-4",children:(0,r.jsxs)("div",{className:"max-w-2xl mx-auto text-center",children:[(0,r.jsx)("h1",{className:"text-3xl md:text-4xl font-bold mb-6 gr-purple-red-text",children:"Jumuisha ReconPro\xae"}),(0,r.jsx)("p",{className:"text-gray-600 mb-10 text-lg",children:"Upload your M-Pesa paybill statement and member list to automatically match payments with members. Get a detailed reconciliation report in seconds."}),(0,r.jsxs)("div",{className:"flex justify-center space-x-4",children:[(0,r.jsx)("button",{onClick:()=>{var e;return null===(e=document.getElementById("upload"))||void 0===e?void 0:e.scrollIntoView({behavior:"smooth"})},className:"bg-black hover:bg-gray-800 text-white px-6 py-3 rounded-md font-medium",children:"Get Started"}),(0,r.jsx)("button",{onClick:()=>{var e;return null===(e=document.getElementById("how-it-works"))||void 0===e?void 0:e.scrollIntoView({behavior:"smooth"})},className:"bg-transparent border border-black hover:bg-black hover:text-white text-black px-6 py-3 rounded-md font-medium",children:"Learn More"})]})]})})}),(0,r.jsx)("section",{id:"upload",className:"flex justify-center items-start pt-8 pb-8 bg-white",children:(0,r.jsxs)("div",{className:"bg-gray-50 rounded-lg shadow-lg p-8 pb-8 max-w-6xl w-full mx-2",children:[(0,r.jsx)("h2",{className:"text-2xl font-bold mb-10 text-left text-black",children:"Upload Your Files"}),(0,r.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[(0,r.jsxs)("div",{className:"border-2 border-dashed border-gray-300 rounded-lg p-6 text-center",children:[(0,r.jsx)("div",{className:"bg-green-100 rounded-full w-14 h-14 flex items-center justify-center mb-3 mx-auto",children:(0,r.jsx)(x,{className:"w-8 h-8 text-white-600"})}),(0,r.jsx)("h3",{className:"text-xl font-bold mb-2 text-black",children:"M-Pesa Paybill Statement"}),(0,r.jsx)("p",{className:"text-gray-600 mb-3",children:"Upload your M-Pesa statement in Excel (.xlsx) or CSV format"}),(0,r.jsx)("input",{type:"file",accept:".xlsx,.csv",onChange:e=>ec(e,"statement"),className:"hidden",id:"mpesa-file"}),(0,r.jsxs)("label",{htmlFor:"mpesa-file",className:"bg-black hover:bg-green-700 text-white px-8 py-2.5 rounded font-medium inline-flex items-center flex-nowrap cursor-pointer transition-bg",children:[(0,r.jsx)(h,{className:"mr-2 flex-shrink-0 w-6 h-6 "}),(0,r.jsx)("span",{className:"whitespace-nowrap text-sm",children:"Select File"})]}),N.statement&&(0,r.jsxs)("p",{className:"mt-2 text-sm text-green-600",children:["Selected File: ",N.statement]})]}),(0,r.jsxs)("div",{className:"border-2 border-dashed border-gray-300 rounded-lg p-6 text-center",children:[(0,r.jsx)("div",{className:"bg-blue-100 rounded-full w-14 h-14 flex items-center justify-center mb-3 mx-auto",children:(0,r.jsx)(m,{className:"w-8 h-8 text-blue-600"})}),(0,r.jsx)("h3",{className:"text-xl font-bold mb-2 text-black",children:"Members List"}),(0,r.jsx)("p",{className:"text-gray-600 mb-3",children:"Upload your members list with names and phone numbers"}),(0,r.jsx)("input",{type:"file",accept:".xlsx,.csv",onChange:e=>ec(e,"members"),className:"hidden",id:"members-file"}),(0,r.jsxs)("div",{className:"flex flex-col items-center",children:[(0,r.jsxs)("label",{htmlFor:"members-file",className:"bg-black hover:bg-green-700 text-white px-8 py-2.5 rounded font-medium inline-flex items-center flex-nowrap cursor-pointer transition-bg",children:[(0,r.jsx)(h,{className:"mr-2 flex-shrink-0  w-6 h-6 "}),(0,r.jsx)("span",{className:"whitespace-nowrap text-sm",children:"Select File"})]}),N.members&&(0,r.jsxs)("p",{className:"mt-2 text-sm text-blue-600",children:["Selected File: ",N.members]}),(0,r.jsxs)("a",{href:"https://jumuisha.net/media/Members.xlsx",className:"mt-3 inline-flex items-center font-medium text-blue-600 hover:underline",children:[(0,r.jsx)(u,{className:"mr-1 flex-shrink-0 w-6 h-6"})," ","Download template"]})]})]})]}),B&&""!=R&&(0,r.jsxs)("p",{className:"fs-6 mt-4 mb-4 text-red-500 bg-red-200 border border-red-400 rounded-md px-4",children:["\uD83D\uDEC8 ",R]}),(0,r.jsx)("div",{className:"text-center mt-6 ",children:(0,r.jsx)("button",{onClick:em,disabled:"loading"===ed,className:"jumuisha-gradient hover:bg-gray-700 text-white px-6 py-2.5 rounded font-medium inline-flex items-center disabled:opacity-50",children:"loading"===ed?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("svg",{className:"animate-spin -ml-1 mr-2 h-5 w-5 text-white",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[(0,r.jsx)("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),(0,r.jsx)("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),"Processing..."]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(p,{className:"w-5 h-5 mr-2"}),"Process Files and Generate Report"]})})})]})}),(0,r.jsx)("section",{id:"how-it-works",className:"flex justify-center items-start pt-10 pb-8 bg-white",children:(0,r.jsxs)("div",{className:" bg-gray-50 rounded-lg shadow-lg p-8 pb-10 max-w-6xl w-full mx-2",children:[(0,r.jsx)("h2",{className:"text-2xl font-bold mb-10 text-left text-black",children:"How It Works"}),(0,r.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto",children:[(0,r.jsxs)("div",{className:"bg-gray-50 border border-gray-200 p-8 rounded-lg text-center",children:[(0,r.jsx)("div",{className:"jumuisha-gradient rounded-full w-16 h-16 flex items-center justify-center mb-6 mx-auto",children:(0,r.jsx)(h,{className:"text-white w-8 h-8"})}),(0,r.jsx)("h3",{className:"text-xl font-bold mb-3 text-black",children:"1. Upload Files"}),(0,r.jsx)("p",{className:"text-gray-600",children:"Upload your M-Pesa statement and members list with phone numbers."})]}),(0,r.jsxs)("div",{className:"bg-gray-50 border border-gray-200 p-8 rounded-lg text-center",children:[(0,r.jsx)("div",{className:"jumuisha-gradient to-red-600 rounded-full w-16 h-16 flex items-center justify-center mb-6 mx-auto",children:(0,r.jsx)(p,{className:"text-white w-8 h-8"})}),(0,r.jsx)("h3",{className:"text-xl font-bold mb-3 text-black",children:"2. Automatic Processing"}),(0,r.jsx)("p",{className:"text-gray-600",children:"Our system automatically matches payments to members based on phone numbers."})]}),(0,r.jsxs)("div",{className:"bg-gray-50 border border-gray-200 p-8 rounded-lg text-center",children:[(0,r.jsx)("div",{className:"jumuisha-gradient to-red-600 rounded-full w-16 h-16 flex items-center justify-center mb-6 mx-auto",children:(0,r.jsx)(b,{className:"text-white w-8 h-8"})}),(0,r.jsx)("h3",{className:"text-xl font-bold mb-3 text-black",children:"3. Get Results"}),(0,r.jsx)("p",{className:"text-gray-600",children:"Receive an email/SMS with a link to download your reconciliation report."})]})]})]})}),(0,r.jsx)("section",{id:"faq",className:"flex justify-center items-start pt-10 pb-8 bg-white ",children:(0,r.jsxs)("div",{className:"bg-gray-50 rounded-lg shadow-lg p-8 pb-10 max-w-6xl w-full mx-2",children:[(0,r.jsx)("h2",{className:"text-2xl font-bold mb-10 text-left text-black",children:"Frequently Asked Questions"}),(0,r.jsx)("div",{className:"space-y-4",children:[{question:"What format should my M-Pesa statement be in?",answer:"Your M-Pesa statement should be in Excel (.xlsx) or CSV format. Ensure it includes transaction details such as date, amount, and ph

1one number."},{question:"What should my members list include?",answer:"Your members list should include names and phone numbers in a tabular format. You can download our template for consistency."},{question:"Is my data secure?",answer:"Yes, your data is securely processed. We use encryption and follow strict security protocols to protect your information."},{question:"What if some transactions don't match?",answer:"If some transactions don't match, our tool will flag them in the reconciliation report. You can review these manually and take appropriate action."}].map((e,t)=>(0,r.jsxs)("div",{className:"bg-white border border-gray-200 p-6 rounded-lg",children:[(0,r.jsxs)("button",{type:"button",className:"w-full flex justify-between items-center text-left focus:outline-none",onClick:()=>ep(t),"aria-expanded":k===t,children:[(0,r.jsx)("span",{className:"text-lg font-medium text-black",children:e.question}),(0,r.jsx)("svg",{className:"w-5 h-5 ml-2 text-gray-500 transform transition-transform ".concat(k===t?"rotate-180":""),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",children:(0,r.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),(0,r.jsx)("div",{className:"mt-4 transition-all duration-300 ease-in-out ".concat(k===t?"block":"hidden"),children:(0,r.jsx)("p",{className:"text-gray-600",children:e.answer})})]},t))})]})}),S&&(0,r.jsx)("div",{className:"fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50",children:(0,r.jsxs)("div",{className:"bg-white rounded-lg shadow-xl p-8 max-w-md w-full",children:[(0,r.jsx)("h2",{className:"text-2xl font-bold mb-6 text-left gr-purple-red-text",children:"Contact Information"}),(0,r.jsx)("p",{className:"text-gray-600 mb-4",children:"Please provide your contact details to receive the download link for your reconciliation report."}),(0,r.jsxs)("form",{onSubmit:eu,children:[(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("label",{className:"block text-gray-700 mb-2",htmlFor:"name",children:"Full Name"}),(0,r.jsx)("input",{type:"text",id:"name",value:E.name,onChange:e=>_({...E,name:e.target.value}),className:"w-full px-3 py-2 border border-gray-300 rounded-md",required:!0})]}),(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("label",{className:"block text-gray-700 mb-2",htmlFor:"phone",children:"Phone Number"}),(0,r.jsx)("input",{type:"tel",id:"phone",value:E.phone,onChange:e=>_({...E,phone:e.target.value}),className:"w-full px-3 py-2 border border-gray-300 rounded-md",required:!0})]}),(0,r.jsxs)("div",{className:"mb-6",children:[(0,r.jsx)("label",{className:"block text-gray-700 mb-2",htmlFor:"email",children:"Email Address"}),(0,r.jsx)("input",{type:"email",id:"email",value:E.email,onChange:e=>_({...E,email:e.target.value}),className:"w-full px-3 py-2 border border-gray-300 rounded-md",required:!0})]}),(0,r.jsxs)("div",{className:"flex justify-end space-x-3",children:[(0,r.jsx)("button",{type:"button",onClick:()=>P(!1),className:"px-4 py-2 border border-gray-300 rounded-md",children:"Cancel"}),(0,r.jsx)("button",{type:"submit",disabled:"updating"===ed,className:"bg-black text-white px-4 py-2 rounded-md disabled:opacity-50",children:"updating"===ed?"Sending...":"Submit"})]})]})]})}),D&&(0,r.jsx)("div",{className:"fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50",children:(0,r.jsxs)("div",{className:"bg-white rounded-lg shadow-xl p-6 max-w-md w-full mx-4 animate-fade-in",children:[(0,r.jsx)("h2",{className:"text-xl font-bold mb-4 ".concat(H?"text-green-600":"text-red-600"),children:H?"Success!":G?"Payment Required":"Error!"}),H&&(0,r.jsx)("div",{className:"flex items-center justify-center w-12 h-12 rounded-full bg-green-100 mx-auto mb-4",children:(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",className:"w-6 h-6 text-green-600",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"})})}),!H&&!G&&(0,r.jsx)("div",{className:"flex items-center justify-center w-12 h-12 rounded-full bg-red-100 mx-auto mb-4",children:(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",className:"w-6 h-6 text-red-600",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})}),""!=z&&!G&&(0,r.jsx)("p",{className:"mb-6 text-center text-gray-700",children:z}),G&&!K&&(0,r.jsxs)("div",{className:"border border-gray-300 rounded-md p-4 bg-red-50 mb-6",children:[(0,r.jsx)("div",{className:"flex justify-center mb-4",children:(0,r.jsx)("div",{className:"w-12 h-12 rounded-full bg-red-100 flex items-center justify-center",children:"⚠️"})}),(0,r.jsx)("p",{className:"text-center text-red-800 font-semibold bg-red-100 border border-red-200 rounded-md px-4 py-2 mb-6 shadow-sm",children:(0,r.jsxs)("span",{className:"block text-lg",children:["Your usage limit has reached, please pay ",(0,r.jsxs)("span",{className:"font-bold",children:["Ksh. ",I]})," to generate your report."]})}),!ee&&(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"mb-6",children:[(0,r.jsx)("label",{className:"block text-gray-700 font-medium mb-2",htmlFor:"stk_phone",children:"Phone Number to receive payment prompt"}),(0,r.jsx)("input",{type:"tel",id:"stk_phone",value:null!==(t=null!==(e=y.stk_phone)&&void 0!==e?e:E.phone)&&void 0!==t?t:"",onChange:e=>v({...y,stk_phone:e.target.value}),className:"w-full px-4 py-2 border border-gray-300 rounded-md shadow-sm focus:ring focus:ring-red-200 focus:outline-none",required:!0})]}),""!==el&&!K&&""==es&&(0,r.jsxs)("p",{className:"mb-6 text-red-500 bg-red-200 border border-red-400 rounded-md px-4",children:["\uD83D\uDEC8 ",el]}),T?(0,r.jsx)("p",{className:"mb-6 text-blue-500 bg-blue-200 border border-blue-400 rounded-md px-4",children:"\uD83D\uDEC8 Sending prompt, please wait ..."}):!K&&""!==es&&(0,r.jsxs)("div",{children:[(0,r.jsxs)("p",{className:"mb-6 text-red-500 bg-red-200 border border-red-400 rounded-md px-4",children:["\uD83D\uDEC8 ",es]}),(0,r.jsxs)("button",{type:"button",onClick:()=>{et(!0),eo("")},className:"flex items-center gap-2 px-4 py-2 mb-4 text-sm font-medium text-yellow-800 bg-yellow-100 border border-yellow-400 rounded-md shadow-sm hover:bg-yellow-200 transition-colors duration-150",children:[(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",className:"w-5 h-5 text-yellow-600",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M13 16h-1v-4h-1m0-4h.01M12 20h.01"})}),"Having trouble with the payment prompt?"]})]}),(0,r.jsx)("button",{onClick:ex,disabled:T,className:"jumuisha-gradient hover:bg-gray-700 text-white px-6 py-2.5 rounded font-medium inline-flex items-center disabled:opacity-50 w-full justify-center",children:T?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("svg",{className:"animate-spin -ml-1 mr-2 h-5 w-5 text-white",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[(0,r.jsx)("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),(0,r.jsx)("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),"Sending prompt ..."]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(p,{className:"w-5 h-5 mr-2"}),"Send Prompt"]})})]})]}),!Q&&ee&&(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"border-l-4 border-yellow-400 bg-yellow-50 p-4 rounded-md shadow-sm mb-6",children:[(0,r.jsx)("p",{className:"text-sm text-yellow-800 mb

1-3",children:"You can make the payment manually using the instructions below:"}),(0,r.jsxs)("ul",{className:"list-decimal list-inside space-y-1 text-sm text-gray-800",children:[(0,r.jsxs)("li",{children:["On your M-Pesa app or SIM toolkit, go to ",(0,r.jsx)("strong",{children:"Lipa na M-Pesa"})," and choose ",(0,r.jsx)("strong",{children:"PayBill"}),"."]}),(0,r.jsxs)("li",{children:["Enter PayBill number: ",(0,r.jsx)("span",{className:"font-semibold text-gray-900",children:"3030249"})]}),(0,r.jsxs)("li",{children:["Enter account number as: ",(0,r.jsxs)("span",{className:"font-semibold text-gray-900",children:["recon-",null==E?void 0:E.phone]})]}),(0,r.jsxs)("li",{children:["Enter amount: ",(0,r.jsxs)("span",{className:"font-semibold text-gray-900",children:["Ksh. ",I]})]}),(0,r.jsx)("li",{children:"Complete the payment and return here to confirm."})]})]}),X?(0,r.jsx)("p",{className:"mb-6 text-blue-500 bg-blue-200 border border-blue-400 rounded-md px-4",children:"\uD83D\uDEC8 Validating payment, please wait ..."}):""!==en&&(0,r.jsxs)("p",{className:"mb-6 px-4 rounded-md border ".concat(Q?"text-green-500 bg-green-200 border-green-400":"text-red-500 bg-red-200 border-red-400"),children:["\uD83D\uDEC8 ",en]}),(0,r.jsxs)("div",{className:"grid grid-cols-2 gap-2 mb-4",children:[(0,r.jsxs)("button",{onClick:()=>{et(!1),er("")},className:"bg-black hover:bg-gray-700 text-white px-6 py-2.5 rounded font-medium inline-flex items-center disabled:opacity-50 w-full justify-center",children:[(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"size-4 mr-2",children:(0,r.jsx)("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M9 15 3 9m0 0 6-6M3 9h12a6 6 0 0 1 0 12h-3"})}),"Retry Prompt"]}),(0,r.jsx)("button",{onClick:eh,disabled:X,className:"jumuisha-gradient hover:bg-gray-700 text-white px-6 py-2.5 rounded font-medium inline-flex items-center disabled:opacity-50 w-full justify-center",children:X?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("svg",{className:"animate-spin -ml-1 mr-2 h-5 w-5 text-white",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[(0,r.jsx)("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),(0,r.jsx)("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),"Confirming Payment ..."]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(p,{className:"w-5 h-5 mr-2"}),"Confirm Payment"]})})]})]}),G&&K&&(0,r.jsxs)("div",{className:"border border-gray-300 rounded-md p-4 bg-blue-50 mb-6",children:[(0,r.jsx)("div",{className:"flex justify-center mb-4",children:(0,r.jsx)("div",{className:"w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center",children:"\uD83D\uDEC8"})}),(0,r.jsx)("p",{className:"text-center text-blue-800 font-semibold bg-blue-100 border border-blue-200 rounded-md px-4 py-2 mb-6 shadow-sm",children:Q?(0,r.jsx)("span",{className:"block text-lg",children:"Payment retrieved successfully, thank you. Kindly proceed to generate the report."}):(0,r.jsx)("span",{className:"block text-lg",children:"Prompt sent successfully, please enter your pin and complete the payment."})}),!Q&&(0,r.jsxs)("div",{children:[X?(0,r.jsx)("p",{className:"mb-6 text-blue-500 bg-blue-200 border border-blue-400 rounded-md px-4",children:"\uD83D\uDEC8 Validating payment, please wait ..."}):""!==en&&(0,r.jsxs)("p",{className:"mb-6 px-4 rounded-md border ".concat(Q?"text-green-500 bg-green-200 border-green-400":"text-red-500 bg-red-200 border-red-400"),children:["\uD83D\uDEC8 ",en]}),(0,r.jsxs)("div",{className:"grid grid-cols-2 gap-2 mb-4",children:[(0,r.jsxs)("button",{onClick:()=>{U(!1),et(!1),er("")},className:"bg-black hover:bg-gray-700 text-white px-6 py-2.5 rounded font-medium inline-flex items-center disabled:opacity-50 w-full justify-center",children:[(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"size-4 mr-2",children:(0,r.jsx)("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M9 15 3 9m0 0 6-6M3 9h12a6 6 0 0 1 0 12h-3"})}),"Retry Prompt"]}),(0,r.jsx)("button",{onClick:eh,disabled:X,className:"jumuisha-gradient hover:bg-gray-700 text-white px-6 py-2.5 rounded font-medium inline-flex items-center disabled:opacity-50 w-full justify-center",children:X?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("svg",{className:"animate-spin -ml-1 mr-2 h-5 w-5 text-white",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[(0,r.jsx)("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),(0,r.jsx)("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),"Confirming Payment ..."]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(p,{className:"w-5 h-5 mr-2"}),"Confirm Payment"]})})]})]}),Q&&(0,r.jsx)("div",{className:"text-center mt-6 ",children:(0,r.jsx)("button",{onClick:eu,disabled:"loading"===ed,className:"jumuisha-gradient hover:bg-gray-700 text-white px-6 py-2.5 rounded font-medium inline-flex items-center disabled:opacity-50",children:"loading"===ed?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("svg",{className:"animate-spin -ml-1 mr-2 h-5 w-5 text-white",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[(0,r.jsx)("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),(0,r.jsx)("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),"Processing ..."]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(p,{className:"w-5 h-5 mr-2"}),"Generate Report"]})})})]}),(0,r.jsx)("div",{className:"flex justify-end",children:(0,r.jsx)("button",{onClick:()=>{L(!1),w({statement:null,members:null}),C({statement:"",members:""}),v({contact:""}),_({name:"",phone:"",email:""}),j((0,d.Kl)())},className:"px-4 py-2 bg-black text-white rounded hover:bg-gray-800 focus:outline-none",children:"Close"})})]})}),(0,r.jsx)(o.Z,{})]})}}},e=>{var t=t=>e(e.s=t);e.O(0,[34,332,741,888,774,179],()=>t(2257)),_N_E=e.O()}]);