0xn0l

📂 /home/brightbrai/.trash/assets.28

✎ EDIT: BankReconciliationPage-DV8VV0uz.js ← BACK

import{Z as E,a as A,a0 as T,r as a,j as e,K as L,a1 as R}from"./index-Dlh53729.js";const P=`Date,Description,Reference,Debit,Credit
2023-10-25,Cash Deposit,REF-DEP-001,0,5000
2023-10-27,Bank Service Charge,FEE-1023,15,0
2023-10-28,Online Payment Received,INV-102,0,1250.50`,F=()=>{var k;const{bankAccounts:r,bankTransactions:x}=E(),{accounts:m}=A(),{statements:i,getLinesForStatement:h,importStatement:v,autoMatchTransactions:S,manualMatchTransactions:y}=T(),[s,C]=a.useState(null),[c,u]=a.useState(null),[l,g]=a.useState(null),[n,p]=a.useState(null),b=a.useMemo(()=>m.filter(t=>t.subType==="Bank Account"),[m]),d=a.useMemo(()=>r.find(t=>t.id===s),[s,r]),o=a.useMemo(()=>b.find(t=>t.id===(d==null?void 0:d.linkedAccountId)),[d,b]),w=a.useMemo(()=>i.filter(t=>t.bankAccountId===s),[s,i]),M=a.useMemo(()=>c?h(c):[],[c,h]),B=a.useMemo(()=>s?x.filter(t=>t.bankAccountId===s&&t.status==="Posted"):[],[s,x]),D=()=>{s?(v(s,51235.5,"oct-2023-statement.csv",P),alert("Mock statement imported successfully!")):alert("Please select a bank account first.")},I=()=>{l&&n&&(y(l,n),g(null),p(null))},j=(o==null?void 0:o.currentBalance)||0,N=((k=i.find(t=>t.id===c))==null?void 0:k.closingBalance)||0,f=j-N;return e.jsxs("div",{children:[e.jsxs("div",{className:"flex justify-between items-center mb-6",children:[e.jsx("h1",{className:"text-3xl font-bold",children:"Bank Reconciliation"}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxs("button",{onClick:D,className:"bg-primary text-white font-bold py-2 px-4 rounded-lg flex items-center",children:[e.jsx(L,{className:"w-4 h-4 mr-2"})," Import Statement"]}),c&&e.jsx("button",{onClick:()=>S(s,c),className:"bg-accent text-white font-bold py-2 px-4 rounded-lg",children:"Auto-Match"})]})]}),e.jsx("div",{className:"bg-light-card dark:bg-dark-card p-4 rounded-2xl shadow-md mb-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("select",{onChange:t=>{C(t.target.value),u(null)},value:s||"",className:"w-full py-2 px-4 text-light-text dark:text-dark-text bg-slate-100 dark:bg-slate-800 border-2 border-slate-200 dark:border-slate-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary",children:[e.jsx("option",{value:"",children:"-- Select Bank Account --"}),r.map(t=>e.jsxs("option",{value:t.id,children:[t.bankName," - ",t.accountNumber]},t.id))]}),e.jsxs("select",{onChange:t=>u(t.target.value),value:c||"",disabled:!s,className:"w-full py-2 px-4 text-light-text dark:text-dark-text bg-slate-100 dark:bg-slate-800 border-2 border-slate-200 dark:border-slate-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary disabled:opacity-50",children:[e.jsx("option",{value:"",children:"-- Select Statement --"}),w.map(t=>e.jsxs("option",{value:t.id,children:[t.fileName," (",t.statementDate,")"]},t.id))]})]})}),c&&e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-3 gap-4 mb-6 text-center",children:[e.jsxs("div",{className:"bg-light-card dark:bg-dark-card p-4 rounded-xl",children:[e.jsx("p",{className:"text-sm text-light-subtext",children:"Book Balance (ERP)"}),e.jsxs("p",{className:"text-2xl font-bold",children:["$",j.toLocaleString()]})]}),e.jsxs("div",{className:"bg-light-card dark:bg-dark-card p-4 rounded-xl",children:[e.jsx("p",{className:"text-sm text-light-subtext",children:"Statement Balance"}),e.jsxs("p",{className:"text-2xl font-bold",children:["$",N.toLocaleString()]})]}),e.jsxs("div",{className:`bg-light-card dark:bg-dark-card p-4 rounded-xl ${f!==0?"text-danger":"text-green-500"}`,children:[e.jsx("p",{className:"text-sm",children:"Difference"}),e.jsxs("p",{className:"text-2xl font-bold",children:["$",f.toLocaleString()]})]})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-xl font-bold mb-4",children:"Company Transactions (ERP)"}),e.jsx("div",{className:"bg-light-card dark:bg-dark-card p-4 rounded-2xl shadow-md h-[400px] overflow-y-auto",children:e.jsxs("table",{className:"w-full text-left text-sm",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{className:"p-2",children:"Date"}),e.jsx("th",{className:"p-2",children:"Description"}),e.jsx("th",{className:"p-2 text-right",children:"Amount"})]})}),e.jsx("tbody",{children:B.map(t=>e.jsxs("tr",{onClick:()=>g(t.id),className:`cursor-pointer hover:bg-slate-200 dark:hover:bg-slate-700 ${l===t.id?"bg-primary/20":""}`,children:[e.jsx("td",{className:"p-2",children:t.date}),e.jsx("td",{className:"p-2",children:t.description}),e.jsxs("td",{className:"p-2 font-mono text-right",children:["$",t.amount.toLocaleString()]})]},t.id))})]})})]}),e.jsxs("div",{children:[e.jsx("h2",{className:"text-xl font-bold mb-4",children:"Bank Statement Lines"}),e.jsx("div",{className:"bg-light-card dark:bg-dark-card p-4 rounded-2xl shadow-md h-[400px] overflow-y-auto",children:e.jsxs("table",{className:"w-full text-left text-sm",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{className:"p-2",children:"Date"}),e.jsx("th",{className:"p-2",children:"Description"}),e.jsx("th",{className:"p-2 text-right",children:"Debit"}),e.jsx("th",{className:"p-2 text-right",children:"Credit"})]})}),e.jsx("tbody",{children:M.filter(t=>!t.isMatched).map(t=>e.jsxs("tr",{onClick:()=>p(t.id),className:`cursor-pointer hover:bg-slate-200 dark:hover:bg-slate-700 ${n===t.id?"bg-primary/20":""}`,children:[e.jsx("td",{className:"p-2",children:t.date}),e.jsx("td",{className:"p-2",children:t.description}),e.jsx("td",{className:"p-2 font-mono text-right",children:t.debit||"-"}),e.jsx("td",{className:"p-2 font-mono text-right",children:t.credit||"-"})]},t.id))})]})})]})]}),l&&n&&e.jsx("div",{className:"text-center mt-6",children:e.jsxs("button",{onClick:I,className:"bg-accent text-white font-bold py-3 px-6 rounded-lg text-lg flex items-center mx-auto",children:[e.jsx(R,{className:"w-5 h-5 mr-2"})," Confirm Match"]})})]})};export{F as default};

0xn0l - 0011000001111000011011100011000001101100