{label}

{value}

\n );\n}\n\nfunction urgencyBadge(inv) {\n if (['paid','cancelled','void'].includes(inv.status)) return 'bg-emerald-900 text-emerald-400';\n if (inv.daysOver >= 30) return 'bg-red-900 text-red-400';\n if (inv.daysOver >= 14) return 'bg-orange-900 text-orange-400';\n if (inv.daysOver >= 7) return 'bg-yellow-900 text-yellow-400';\n return 'bg-zinc-800 text-zinc-400';\n}\n\nfunction App() {\n const [invoices, setInvoices] = useState([]);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState('');\n const [filter, setFilter] = useState('all');\n\n const load = () => {\n setLoading(true);\n setError('');\n nodes.getOutput('serverless-function_fcsm')\n .then(raw => {\n const rows = Array.isArray(raw) ? raw : (raw && Array.isArray(raw.result) ? raw.result : []);\n const now = Date.now();\n setInvoices(rows.filter(r => r.clientEmail).map(r => ({\n number: r.invoiceNumber || '',\n client: r.clientName || '',\n email: r.clientEmail || '',\n amount: r.amount || 0,\n dueDate: r.dueDate || '',\n status: String(r.status || '').toLowerCase().trim(),\n lastFU: r.lastFollowUp || '',\n fuCount: r.followUpCount || 0,\n daysOver: r.dueDate ? Math.floor((now - new Date(r.dueDate)) / 86400000) : 0\n })));\n setLoading(false);\n })\n .catch(e => { setError(e.message || 'Failed to load invoices'); setLoading(false); });\n };\n\n const all = invoices;\n const overdue = all.filter(i => i.daysOver > 0 && !['paid','cancelled','void'].includes(i.status));\n const urgent = overdue.filter(i => i.daysOver >= 30);\n const paid = all.filter(i => ['paid','cancelled','void'].includes(i.status));\n const totalAmt = overdue.reduce((s, i) => s + i.amount, 0);\n\n const visible = filter === 'overdue' ? overdue\n : filter === 'urgent' ? urgent\n : filter === 'paid' ? paid\n : all;\n\n return (\n

Invoice Collection

AI-powered follow-up · runs weekdays 9am UTC

\n \n

\n \n \n \n \n

\n {[['all','All'],['overdue','Overdue'],['urgent','Urgent'],['paid','Paid / Closed']].map(([key,lbl]) => (\n \n ))}\n

\n {error &&

{error}

}\n {loading && !error &&

Loading invoices…

}\n {!loading && !error && (\n \n \n \n {['Invoice #','Client','Amount','Due Date','Days Overdue','Status','Follow-ups','Last Contact'].map(h => (\n \n ))}\n \n \n \n {[...visible].sort((a,b) => b.daysOver - a.daysOver).map((inv, i) => (\n \n \n \n \n \n \n \n \n \n \n ))}\n {visible.length === 0 && (\n \n )}\n \n

{h}
{inv.number \|\| '—'}	\n {inv.client} \n {inv.email} \n	${inv.amount.toFixed(2)}	{inv.dueDate \|\| '—'}	\n {['paid','cancelled','void'].includes(inv.status)\n ? —\n : = 30 ? 'text-red-400' : inv.daysOver >= 14 ? 'text-orange-400' : 'text-yellow-400'}>{inv.daysOver}d}\n	\n {inv.status \|\| 'pending'}\n	{inv.fuCount} sent	{inv.lastFU \|\| '—'}
\n {filter === 'all' ? 'No invoices found. Check that setup is complete and your source credentials are saved.' : 'No invoices in this category.'}\n

{h}

{inv.number || '—'}

{inv.client}

{inv.email}

${inv.amount.toFixed(2)}

{inv.dueDate || '—'}

\n {['paid','cancelled','void'].includes(inv.status)\n ? —\n : = 30 ? 'text-red-400' : inv.daysOver >= 14 ? 'text-orange-400' : 'text-yellow-400'}>{inv.daysOver}d}\n

\n {inv.status || 'pending'}\n

{inv.fuCount} sent

{inv.lastFU || '—'}

\n {filter === 'all' ? 'No invoices found. Check that setup is complete and your source credentials are saved.' : 'No invoices in this category.'}\n

\n )}\n

\n );\n}\n\nReactDOM.createRoot(document.getElementById('root')).render();\n",876,{"_155":654,"_157":655},1673.7959604382845,1975.8459118578742,"interface",{"_658":659,"_671":672},"layout",[660],{"_661":662,"_663":643,"_664":665,"_155":666,"_157":666,"_667":668,"_669":670},"h",4,"i","w",6,0,"minH",2,"minW",3,"tabOrder",[],"variables",{"_313":675,"_412":676,"_340":677,"_219":675,"_288":677,"_334":401,"_319":678,"_310":679,"_239":678,"_202":679,"_331":401,"_337":401,"_680":681,"_322":401,"_343":682,"_293":682,"_683":684,"_328":401,"_316":685,"_410":686,"_234":685,"_687":221,"_325":401,"_688":689},"644f242e-ef59-4dff-a9aa-56df3c8951dc","Sheet1","29ead309-1bc8-4b8c-be24-7c84791423be","ACMEA","60029323-3050-428c-ba24-58c6381b6b32","days_overdue","{{trigger.invoice_due_date}} ? (new Date() - new Date({{trigger.invoice_due_date}})) / (1000*60*60*24) : 0","#test","urgency_level","{{days_overdue}} > 30 ? \"high\" : ({{days_overdue}} > 14 ? \"medium\" : \"low\")","3","1hNYJxeF7QIwv1NI6DaziPeEvv_vQFRL2d4806JWML9U","setup_completed","prepared_invoice_data","{ \"invoice_id\": \"{{trigger.invoice_id}}\", \"amount\": \"{{trigger.amount}}\", \"days_overdue\": {{days_overdue}}, \"urgency\": \"{{urgency_level}}\" }","display_metadata",{"_692":693,"_698":699,"_700":701,"_706":643},"viewport",{"_155":694,"_157":695,"_696":697},1049.9023088660363,-129.26510544758082,"zoom",0.27412663070828364,"activeTab","canvas","flowHelperView",{"_151":702,"_698":145,"_703":221,"_704":401,"_705":7},588,"isExpanded","searchQuery","isFullScreen","selectedNodeId","owner_name","Sanskar Pandey","template_slug","smart-invoice-collection-system","isEmbed","autoFork","initialView","actionData","errors"]