Loading Fabrication Bill Generator...

\n \n \n\n",[],[257,259],"dca0eb36-39f8-11f0-957c-9e149126039e","PaymentModal.tsx","dca0ebd6-39f8-11f0-957c-9e149126039e","36d38fd4-7efb-4a3f-8ff1-55cb43b71be3",18,["D",1748240146460],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Bill } from \"../../shared/types.ts\";\n\ninterface PaymentModalProps {\n bill: Bill;\n token: string;\n onClose: () => void;\n onPaymentSuccess: () => void;\n}\n\nexport default function PaymentModal({ bill, token, onClose, onPaymentSuccess }: PaymentModalProps) {\n const [paymentData, setPaymentData] = useState({\n amount: bill.remaining_amount,\n payment_method: 'cash',\n notes: ''\n });\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState('');\n\n const paymentMethods = [\n { value: 'cash', label: '💵 Cash', color: 'green' },\n { value: 'card', label: '💳 Credit/Debit Card', color: 'blue' },\n { value: 'bank_transfer', label: '🏦 Bank Transfer', color: 'purple' },\n { value: 'check', label: '📝 Check', color: 'orange' }\n ];\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setLoading(true);\n setError('');\n\n if (paymentData.amount <= 0) {\n setError('Payment amount must be greater than zero');\n setLoading(false);\n return;\n }\n\n if (paymentData.amount > bill.remaining_amount) {\n setError(`Payment amount cannot exceed remaining balance of $${bill.remaining_amount.toFixed(2)}`);\n setLoading(false);\n return;\n }\n\n try {\n const response = await fetch(`/api/payments/bill/${bill.id}`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${token}`\n },\n body: JSON.stringify(paymentData)\n });\n\n const data = await response.json();\n\n if (response.ok) {\n onPaymentSuccess();\n } else {\n setError(data.message || 'Failed to process payment');\n }\n } catch (error) {\n setError('Network error. Please try again.');\n } finally {\n setLoading(false);\n }\n };\n\n const handleAmountChange = (e: React.ChangeEvent) => {\n const value = parseFloat(e.target.value) || 0;\n setPaymentData(prev => ({ ...prev, amount: value }));\n };\n\n const setFullAmount = () => {\n setPaymentData(prev => ({ ...prev, amount: bill.remaining_amount }));\n };\n\n const setPartialAmount = (percentage: number) => {\n const amount = bill.remaining_amount * (percentage / 100);\n setPaymentData(prev => ({ ...prev, amount: Math.round(amount * 100) / 100 }));\n };\n\n return (\n

Make Payment

\n \n ✕\n \n

\n\n

\n {/* Bill Summary */}\n

Bill Summary

\n Bill Number:\n {bill.bill_number}\n

\n Total Amount:\n ${bill.total_amount.toFixed(2)}\n

\n Paid Amount:\n ${bill.paid_amount.toFixed(2)}\n

\n Remaining Balance:\n ${bill.remaining_amount.toFixed(2)}\n

\n\n

\n {error && (\n

\n {error}\n

\n )}\n\n {/* Payment Amount */}\n

\n \n Payment Amount ($)\n \n \n \n {/* Quick Amount Buttons */}\n

\n \n Full Amount (${bill.remaining_amount.toFixed(2)})\n \n setPartialAmount(50)}\n className=\"bg-blue-100 text-blue-800 px-3 py-1 rounded-md hover:bg-blue-200 transition-colors text-sm\"\n >\n 50% (${(bill.remaining_amount * 0.5).toFixed(2)})\n \n setPartialAmount(25)}\n className=\"bg-yellow-100 text-yellow-800 px-3 py-1 rounded-md hover:bg-yellow-200 transition-colors text-sm\"\n >\n 25% (${(bill.remaining_amount * 0.25).toFixed(2)})\n \n

\n\n {/* Payment Method */}\n

\n \n Payment Method\n \n

\n {paymentMethods.map((method) => (\n \n setPaymentData(prev => ({ ...prev, payment_method: e.target.value }))}\n className=\"sr-only\"\n />\n {method.label.split(' ')[0]}\n {method.label.substring(2)}\n {paymentData.payment_method === method.value && (\n ✓\n )}\n \n ))}\n

\n\n {/* Payment Notes */}\n

\n \n Notes (Optional)\n \n setPaymentData(prev => ({ ...prev, notes: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n placeholder=\"Add any notes about this payment...\"\n />\n

\n\n {/* Payment Summary */}\n

Payment Summary

\n Payment Amount:\n ${paymentData.amount.toFixed(2)}\n

\n Remaining After Payment:\n \n ${Math.max(0, bill.remaining_amount - paymentData.amount).toFixed(2)}\n \n

\n Payment Method:\n \n {paymentMethods.find(m => m.value === paymentData.payment_method)?.label.substring(2)}\n \n

\n\n {/* Submit Buttons */}\n

\n \n Cancel\n \n \n {loading ? (\n

\n Processing...\n

\n ) : (\n `Process Payment ($${paymentData.amount.toFixed(2)})`\n )}\n \n

\n );\n}",[],[257,275,267],"components","43089244-39f8-11f0-9975-9e149126039e","Login.tsx","43089302-39f8-11f0-9975-9e149126039e",13,["D",1748239888774],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { User, AuthResponse } from \"../../shared/types.ts\";\n\ninterface LoginProps {\n onLogin: (user: User, token: string) => void;\n}\n\nexport default function Login({ onLogin }: LoginProps) {\n const [isLogin, setIsLogin] = useState(true);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(\"\");\n const [formData, setFormData] = useState({\n email: \"\",\n password: \"\",\n name: \"\",\n phone: \"\"\n });\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setLoading(true);\n setError(\"\");\n\n try {\n const endpoint = isLogin ? \"/api/auth/login\" : \"/api/auth/register\";\n const body = isLogin \n ? { email: formData.email, password: formData.password }\n : formData;\n\n const response = await fetch(endpoint, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\"\n },\n body: JSON.stringify(body)\n });\n\n const data: AuthResponse = await response.json();\n\n if (data.success && data.token && data.user) {\n onLogin(data.user as User, data.token);\n } else {\n setError(data.message || \"Authentication failed\");\n }\n } catch (error) {\n setError(\"Network error. Please try again.\");\n } finally {\n setLoading(false);\n }\n };\n\n const handleInputChange = (e: React.ChangeEvent) => {\n setFormData(prev => ({\n ...prev,\n [e.target.name]: e.target.value\n }));\n };\n\n return (\n

🏭

\n Fabrication Bill Generator\n

\n {isLogin ? \"Sign in to your account\" : \"Create a new account\"}\n

\n\n

\n {error && (\n

\n {error}\n

\n )}\n\n {!isLogin && (\n <>\n

\n \n Full Name\n \n \n

\n\n

\n \n Phone Number\n \n \n

\n \n )}\n\n

\n \n Email Address\n \n \n

\n\n

\n \n Password\n \n \n

\n\n

\n \n {loading ? (\n

\n ) : (\n isLogin ? \"Sign In\" : \"Create Account\"\n )}\n \n

\n\n

\n {\n setIsLogin(!isLogin);\n setError(\"\");\n setFormData({ email: \"\", password: \"\", name: \"\", phone: \"\" });\n }}\n className=\"text-sm text-blue-600 hover:text-blue-500 transition-colors\"\n >\n {isLogin \n ? \"Don't have an account? Sign up\" \n : \"Already have an account? Sign in\"\n }\n \n

\n\n {isLogin && (\n

Demo Credentials:

\n Admin: admin@fabrication.com / admin123\n

\n )}\n

\n );\n}",[],[257,275,277],"76a27a7a-39f8-11f0-9505-9e149126039e","CustomerDashboard.tsx","76a27b2e-39f8-11f0-9505-9e149126039e",15,["D",1748239975348],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport BillList from \"./BillList.tsx\";\nimport type { Bill, User } from \"../../shared/types.ts\";\n\ninterface CustomerDashboardProps {\n token: string;\n user: User;\n}\n\nexport default function CustomerDashboard({ token, user }: CustomerDashboardProps) {\n const [bills, setBills] = useState([]);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n loadBills();\n }, []);\n\n const loadBills = async () => {\n setLoading(true);\n try {\n const response = await fetch(\"/api/bills\", {\n headers: {\n \"Authorization\": `Bearer ${token}`\n }\n });\n \n if (response.ok) {\n const data = await response.json();\n setBills(data.data || []);\n }\n } catch (error) {\n console.error(\"Error loading bills:\", error);\n } finally {\n setLoading(false);\n }\n };\n\n const stats = {\n totalBills: bills.length,\n pendingBills: bills.filter(b => b.status === 'pending').length,\n partialBills: bills.filter(b => b.status === 'partial').length,\n paidBills: bills.filter(b => b.status === 'paid').length,\n totalAmount: bills.reduce((sum, b) => sum + b.total_amount, 0),\n outstandingAmount: bills.reduce((sum, b) => sum + b.remaining_amount, 0)\n };\n\n if (loading) {\n return (\n

Loading your bills...

\n );\n }\n\n return (\n

\n {/* Welcome Section */}\n

\n Welcome back, {user.name}! 👋\n

\n Here's an overview of your fabrication bills and payment status.\n

\n\n {/* Stats Overview */}\n

{stats.totalBills}

Total Bills

{stats.pendingBills}

Pending

{stats.partialBills}

Partial

{stats.paidBills}

Paid

${stats.totalAmount.toFixed(2)}

Total Amount

${stats.outstandingAmount.toFixed(2)}

Outstanding

\n\n {/* Bills Section */}\n

Your Bills

\n View and manage your fabrication bills and payments\n

\n {bills.length === 0 ? (\n

📋

No bills yet

\n You don't have any bills assigned to you at the moment.\n

\n ) : (\n \n )}\n

\n\n {/* Quick Actions */}\n {stats.outstandingAmount > 0 && (\n

⚠️

\n Outstanding Balance: ${stats.outstandingAmount.toFixed(2)}\n

\n You have {stats.pendingBills + stats.partialBills} bill(s) with outstanding payments. \n Click on any bill to make a payment.\n

\n )}\n

\n );\n}",[],[257,275,285],"f3f7f086-39f8-11f0-8627-9e149126039e","BillPDF.tsx","f3f7f126-39f8-11f0-8627-9e149126039e",19,["D",1748240185623],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { Bill } from \"../../shared/types.ts\";\n\ninterface BillPDFProps {\n bill: Bill;\n}\n\nexport default function BillPDF({ bill }: BillPDFProps) {\n const generatePDF = async () => {\n try {\n // Dynamic import of jsPDF\n const { jsPDF } = await import(\"https://esm.sh/jspdf@2.5.1\");\n \n const doc = new jsPDF();\n const pageWidth = doc.internal.pageSize.width;\n const margin = 20;\n let yPosition = margin;\n\n // Helper function to add text with automatic line wrapping\n const addText = (text: string, x: number, y: number, options: any = {}) => {\n const maxWidth = options.maxWidth || pageWidth - 2 * margin;\n const lines = doc.splitTextToSize(text, maxWidth);\n doc.text(lines, x, y, options);\n return y + (lines.length * (options.lineHeight || 6));\n };\n\n // Header\n doc.setFontSize(24);\n doc.setFont(undefined, 'bold');\n yPosition = addText('FABRICATION BILL', margin, yPosition);\n \n yPosition += 10;\n \n // Company info (you can customize this)\n doc.setFontSize(12);\n doc.setFont(undefined, 'normal');\n yPosition = addText('Fabrication Company', margin, yPosition);\n yPosition = addText('123 Industrial Street', margin, yPosition);\n yPosition = addText('Manufacturing City, MC 12345', margin, yPosition);\n yPosition = addText('Phone: (555) 123-4567', margin, yPosition);\n \n yPosition += 15;\n\n // Bill details\n doc.setFontSize(14);\n doc.setFont(undefined, 'bold');\n yPosition = addText('BILL DETAILS', margin, yPosition);\n \n yPosition += 5;\n doc.setFontSize(11);\n doc.setFont(undefined, 'normal');\n \n // Two column layout for bill info\n const leftCol = margin;\n const rightCol = pageWidth / 2 + 10;\n \n // Left column\n let leftY = yPosition;\n doc.setFont(undefined, 'bold');\n doc.text('Bill Number:', leftCol, leftY);\n doc.setFont(undefined, 'normal');\n doc.text(bill.bill_number, leftCol + 30, leftY);\n \n leftY += 7;\n doc.setFont(undefined, 'bold');\n doc.text('Date Created:', leftCol, leftY);\n doc.setFont(undefined, 'normal');\n doc.text(new Date(bill.created_at).toLocaleDateString(), leftCol + 30, leftY);\n \n leftY += 7;\n doc.setFont(undefined, 'bold');\n doc.text('Due Date:', leftCol, leftY);\n doc.setFont(undefined, 'normal');\n doc.text(new Date(bill.due_date).toLocaleDateString(), leftCol + 30, leftY);\n \n leftY += 7;\n doc.setFont(undefined, 'bold');\n doc.text('Status:', leftCol, leftY);\n doc.setFont(undefined, 'normal');\n doc.text(bill.status.toUpperCase(), leftCol + 30, leftY);\n\n // Right column - Customer info\n let rightY = yPosition;\n doc.setFont(undefined, 'bold');\n doc.text('BILL TO:', rightCol, rightY);\n \n rightY += 7;\n doc.setFont(undefined, 'normal');\n doc.text(bill.customer_name || '', rightCol, rightY);\n \n if (bill.customer_email) {\n rightY += 7;\n doc.text(bill.customer_email, rightCol, rightY);\n }\n \n if (bill.customer_phone) {\n rightY += 7;\n doc.text(bill.customer_phone, rightCol, rightY);\n }\n\n yPosition = Math.max(leftY, rightY) + 15;\n\n // Description\n doc.setFont(undefined, 'bold');\n yPosition = addText('DESCRIPTION:', margin, yPosition);\n yPosition += 3;\n doc.setFont(undefined, 'normal');\n yPosition = addText(bill.description, margin, yPosition, { maxWidth: pageWidth - 2 * margin });\n \n yPosition += 15;\n\n // Items table\n doc.setFont(undefined, 'bold');\n yPosition = addText('ITEMS:', margin, yPosition);\n yPosition += 5;\n\n // Table headers\n const tableStartY = yPosition;\n const colWidths = [80, 25, 35, 35]; // Description, Qty, Unit Price, Total\n const colPositions = [margin, margin + colWidths[0], margin + colWidths[0] + colWidths[1], margin + colWidths[0] + colWidths[1] + colWidths[2]];\n\n // Draw table border\n doc.rect(margin, tableStartY, pageWidth - 2 * margin, 10);\n \n // Headers\n doc.setFontSize(10);\n doc.setFont(undefined, 'bold');\n doc.text('Description', colPositions[0] + 2, tableStartY + 7);\n doc.text('Qty', colPositions[1] + 2, tableStartY + 7);\n doc.text('Unit Price', colPositions[2] + 2, tableStartY + 7);\n doc.text('Total', colPositions[3] + 2, tableStartY + 7);\n\n yPosition = tableStartY + 10;\n\n // Table rows\n doc.setFont(undefined, 'normal');\n bill.items.forEach((item, index) => {\n const rowHeight = 8;\n \n // Draw row border\n doc.rect(margin, yPosition, pageWidth - 2 * margin, rowHeight);\n \n // Draw vertical lines\n colPositions.slice(1).forEach(pos => {\n doc.line(pos, tableStartY, pos, yPosition + rowHeight);\n });\n\n // Add item data\n const descLines = doc.splitTextToSize(item.description, colWidths[0] - 4);\n doc.text(descLines[0], colPositions[0] + 2, yPosition + 5);\n doc.text(item.quantity.toString(), colPositions[1] + 2, yPosition + 5);\n doc.text(`$${item.unit_price.toFixed(2)}`, colPositions[2] + 2, yPosition + 5);\n doc.text(`$${item.total.toFixed(2)}`, colPositions[3] + 2, yPosition + 5);\n\n yPosition += rowHeight;\n });\n\n yPosition += 10;\n\n // Totals\n const totalsX = pageWidth - 80;\n doc.setFont(undefined, 'normal');\n doc.text('Subtotal:', totalsX - 30, yPosition);\n doc.text(`$${bill.subtotal.toFixed(2)}`, totalsX, yPosition);\n \n yPosition += 7;\n doc.text(`Tax (${bill.tax_rate}%):`, totalsX - 30, yPosition);\n doc.text(`$${bill.tax_amount.toFixed(2)}`, totalsX, yPosition);\n \n yPosition += 7;\n doc.setFont(undefined, 'bold');\n doc.text('Total:', totalsX - 30, yPosition);\n doc.text(`$${bill.total_amount.toFixed(2)}`, totalsX, yPosition);\n \n yPosition += 7;\n doc.setFont(undefined, 'normal');\n doc.setTextColor(0, 150, 0); // Green\n doc.text('Paid:', totalsX - 30, yPosition);\n doc.text(`$${bill.paid_amount.toFixed(2)}`, totalsX, yPosition);\n \n yPosition += 7;\n doc.setTextColor(200, 0, 0); // Red\n doc.text('Remaining:', totalsX - 30, yPosition);\n doc.text(`$${bill.remaining_amount.toFixed(2)}`, totalsX, yPosition);\n\n // Reset text color\n doc.setTextColor(0, 0, 0);\n\n // Footer\n yPosition = doc.internal.pageSize.height - 30;\n doc.setFontSize(9);\n doc.setFont(undefined, 'italic');\n yPosition = addText('Thank you for your business!', margin, yPosition);\n yPosition = addText('Please remit payment by the due date to avoid late fees.', margin, yPosition);\n\n // Save the PDF\n doc.save(`${bill.bill_number}.pdf`);\n } catch (error) {\n console.error('Error generating PDF:', error);\n alert('Failed to generate PDF. Please try again.');\n }\n };\n\n return (\n \n 📄 Download PDF\n \n );\n}",[],[257,275,293],"c1df5b2a-39f8-11f0-86ca-9e149126039e","BillList.tsx","c1df5c1a-39f8-11f0-86ca-9e149126039e",17,["D",1748240101573],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport PaymentModal from \"./PaymentModal.tsx\";\nimport BillPDF from \"./BillPDF.tsx\";\nimport type { Bill, Payment } from \"../../shared/types.ts\";\n\ninterface BillListProps {\n bills: Bill[];\n token: string;\n onBillUpdated: () => void;\n onEditBill?: (bill: Bill) => void;\n isAdmin: boolean;\n}\n\nexport default function BillList({ bills, token, onBillUpdated, onEditBill, isAdmin }: BillListProps) {\n const [selectedBill, setSelectedBill] = useState(null);\n const [showPaymentModal, setShowPaymentModal] = useState(false);\n const [showBillDetails, setShowBillDetails] = useState(null);\n const [payments, setPayments] = useState([]);\n const [loadingPayments, setLoadingPayments] = useState(false);\n\n const handleViewBill = async (bill: Bill) => {\n setShowBillDetails(bill);\n setLoadingPayments(true);\n \n try {\n const response = await fetch(`/api/payments/bill/${bill.id}`, {\n headers: {\n \"Authorization\": `Bearer ${token}`\n }\n });\n \n if (response.ok) {\n const data = await response.json();\n setPayments(data.data || []);\n }\n } catch (error) {\n console.error(\"Error loading payments:\", error);\n } finally {\n setLoadingPayments(false);\n }\n };\n\n const handlePayBill = (bill: Bill) => {\n setSelectedBill(bill);\n setShowPaymentModal(true);\n };\n\n const handlePaymentSuccess = () => {\n setShowPaymentModal(false);\n setSelectedBill(null);\n onBillUpdated();\n if (showBillDetails) {\n handleViewBill(showBillDetails);\n }\n };\n\n const handleDeleteBill = async (bill: Bill) => {\n if (!confirm(`Are you sure you want to delete bill ${bill.bill_number}? This action cannot be undone.`)) {\n return;\n }\n\n try {\n const response = await fetch(`/api/bills/${bill.id}`, {\n method: 'DELETE',\n headers: {\n \"Authorization\": `Bearer ${token}`\n }\n });\n\n if (response.ok) {\n onBillUpdated();\n if (showBillDetails?.id === bill.id) {\n setShowBillDetails(null);\n }\n } else {\n const data = await response.json();\n alert(data.message || 'Failed to delete bill');\n }\n } catch (error) {\n console.error(\"Error deleting bill:\", error);\n alert('Failed to delete bill');\n }\n };\n\n const getStatusBadge = (status: string) => {\n const baseClasses = \"px-2 py-1 text-xs font-medium rounded-full\";\n switch (status) {\n case 'paid':\n return `${baseClasses} bg-green-100 text-green-800`;\n case 'partial':\n return `${baseClasses} bg-blue-100 text-blue-800`;\n default:\n return `${baseClasses} bg-yellow-100 text-yellow-800`;\n }\n };\n\n const formatDate = (dateString: string) => {\n return new Date(dateString).toLocaleDateString();\n };\n\n if (bills.length === 0) {\n return (\n

📋

No bills found

\n {isAdmin ? \"Create your first bill to get started.\" : \"No bills have been assigned to you yet.\"}\n

\n );\n }\n\n return (\n <>\n

\n {bills.map((bill) => (\n

\n {bill.bill_number}\n

\n \n {bill.status.charAt(0).toUpperCase() + bill.status.slice(1)}\n \n

\n \n

\n Customer:\n

{bill.customer_name}

\n {bill.customer_phone &&

📞 {bill.customer_phone}

}\n

\n Total Amount:\n

${bill.total_amount.toFixed(2)}

\n Paid:\n

${bill.paid_amount.toFixed(2)}

\n Remaining:\n

${bill.remaining_amount.toFixed(2)}

\n \n

Due Date: {formatDate(bill.due_date)}

{bill.description}

\n\n

\n handleViewBill(bill)}\n className=\"bg-blue-600 text-white px-3 py-2 rounded-md hover:bg-blue-700 transition-colors text-sm\"\n >\n 📄 View Details\n \n \n {bill.remaining_amount > 0 && (\n handlePayBill(bill)}\n className=\"bg-green-600 text-white px-3 py-2 rounded-md hover:bg-green-700 transition-colors text-sm\"\n >\n 💳 Pay Bill\n \n )}\n \n {isAdmin && onEditBill && (\n onEditBill(bill)}\n className=\"bg-yellow-600 text-white px-3 py-2 rounded-md hover:bg-yellow-700 transition-colors text-sm\"\n >\n ✏️ Edit\n \n )}\n \n {isAdmin && bill.remaining_amount === 0 && (\n handleDeleteBill(bill)}\n className=\"bg-red-600 text-white px-3 py-2 rounded-md hover:bg-red-700 transition-colors text-sm\"\n >\n 🗑️ Delete\n \n )}\n

\n ))}\n

\n\n {/* Bill Details Modal */}\n {showBillDetails && (\n

Bill Details - {showBillDetails.bill_number}

\n setShowBillDetails(null)}\n className=\"text-gray-400 hover:text-gray-600 transition-colors\"\n >\n ✕\n \n

\n\n

\n {/* Bill Information */}\n

Customer Information

Name: {showBillDetails.customer_name}

Email: {showBillDetails.customer_email}

Phone: {showBillDetails.customer_phone}

\n \n

Bill Information

Status: \n \n {showBillDetails.status.charAt(0).toUpperCase() + showBillDetails.status.slice(1)}\n \n

Created: {formatDate(showBillDetails.created_at)}

Due Date: {formatDate(showBillDetails.due_date)}

\n\n {/* Description */}\n

Description

{showBillDetails.description}

\n\n {/* Items */}\n

Items

\n \n \n \n \n \n \n \n \n \n \n {showBillDetails.items.map((item, index) => (\n \n \n \n \n \n \n ))}\n \n

Description	Quantity	Unit Price	Total
{item.description}	{item.quantity}	${item.unit_price.toFixed(2)}	${item.total.toFixed(2)}

\n\n {/* Totals */}\n

\n Subtotal:\n ${showBillDetails.subtotal.toFixed(2)}\n

\n Tax ({showBillDetails.tax_rate}%):\n ${showBillDetails.tax_amount.toFixed(2)}\n

\n Total:\n ${showBillDetails.total_amount.toFixed(2)}\n

\n Paid:\n ${showBillDetails.paid_amount.toFixed(2)}\n

\n Remaining:\n ${showBillDetails.remaining_amount.toFixed(2)}\n

\n\n {/* Payment History */}\n

Payment History

\n {loadingPayments ? (\n

Loading payments...

\n ) : payments.length === 0 ? (\n

No payments recorded yet.

\n ) : (\n

\n {payments.map((payment) => (\n

${payment.amount.toFixed(2)}

\n {payment.payment_method} • {formatDate(payment.payment_date)}\n

\n {payment.notes && (\n

{payment.notes}

\n )}\n

\n ))}\n

\n )}\n

\n\n {/* Actions */}\n

\n \n \n {showBillDetails.remaining_amount > 0 && (\n {\n setSelectedBill(showBillDetails);\n setShowPaymentModal(true);\n }}\n className=\"bg-green-600 text-white px-4 py-2 rounded-md hover:bg-green-700 transition-colors\"\n >\n 💳 Make Payment\n \n )}\n \n {isAdmin && onEditBill && (\n {\n onEditBill(showBillDetails);\n setShowBillDetails(null);\n }}\n className=\"bg-yellow-600 text-white px-4 py-2 rounded-md hover:bg-yellow-700 transition-colors\"\n >\n ✏️ Edit Bill\n \n )}\n

\n )}\n\n {/* Payment Modal */}\n {showPaymentModal && selectedBill && (\n setShowPaymentModal(false)}\n onPaymentSuccess={handlePaymentSuccess}\n />\n )}\n \n );\n}",[],[257,275,301],"9a91609a-39f8-11f0-9def-9e149126039e","BillForm.tsx","9a91613a-39f8-11f0-9def-9e149126039e",16,["D",1748240035634],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { Customer, BillItem, Bill } from \"../../shared/types.ts\";\n\ninterface BillFormProps {\n token: string;\n customers: Customer[];\n onBillCreated: () => void;\n onCustomerCreated: () => void;\n editingBill?: Bill | null;\n onCancelEdit?: () => void;\n}\n\nexport default function BillForm({ \n token, \n customers, \n onBillCreated, \n onCustomerCreated,\n editingBill,\n onCancelEdit\n}: BillFormProps) {\n const [showCustomerForm, setShowCustomerForm] = useState(false);\n const [loading, setLoading] = useState(false);\n const [customerFormData, setCustomerFormData] = useState({\n name: '',\n email: '',\n phone: '',\n address: ''\n });\n\n const [billFormData, setBillFormData] = useState({\n customer_id: 0,\n description: '',\n tax_rate: 10,\n due_date: ''\n });\n\n const [items, setItems] = useState([\n { description: '', quantity: 1, unit_price: 0, total: 0 }\n ]);\n\n // Initialize form when editing\n useEffect(() => {\n if (editingBill) {\n setBillFormData({\n customer_id: editingBill.customer_id,\n description: editingBill.description,\n tax_rate: editingBill.tax_rate,\n due_date: editingBill.due_date\n });\n setItems(editingBill.items);\n } else {\n // Reset form for new bill\n setBillFormData({\n customer_id: 0,\n description: '',\n tax_rate: 10,\n due_date: ''\n });\n setItems([{ description: '', quantity: 1, unit_price: 0, total: 0 }]);\n }\n }, [editingBill]);\n\n const handleCustomerSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setLoading(true);\n\n try {\n const response = await fetch('/api/bills/customers', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${token}`\n },\n body: JSON.stringify(customerFormData)\n });\n\n if (response.ok) {\n onCustomerCreated();\n setShowCustomerForm(false);\n setCustomerFormData({ name: '', email: '', phone: '', address: '' });\n }\n } catch (error) {\n console.error('Error creating customer:', error);\n } finally {\n setLoading(false);\n }\n };\n\n const handleItemChange = (index: number, field: keyof BillItem, value: string | number) => {\n const newItems = [...items];\n newItems[index] = { ...newItems[index], [field]: value };\n \n // Recalculate total for this item\n if (field === 'quantity' || field === 'unit_price') {\n newItems[index].total = newItems[index].quantity * newItems[index].unit_price;\n }\n \n setItems(newItems);\n };\n\n const addItem = () => {\n setItems([...items, { description: '', quantity: 1, unit_price: 0, total: 0 }]);\n };\n\n const removeItem = (index: number) => {\n if (items.length > 1) {\n setItems(items.filter((_, i) => i !== index));\n }\n };\n\n const calculateSubtotal = () => {\n return items.reduce((sum, item) => sum + item.total, 0);\n };\n\n const calculateTax = () => {\n return calculateSubtotal() * (billFormData.tax_rate / 100);\n };\n\n const calculateTotal = () => {\n return calculateSubtotal() + calculateTax();\n };\n\n const handleBillSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setLoading(true);\n\n try {\n const url = editingBill ? `/api/bills/${editingBill.id}` : '/api/bills';\n const method = editingBill ? 'PUT' : 'POST';\n\n const response = await fetch(url, {\n method,\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${token}`\n },\n body: JSON.stringify({\n ...billFormData,\n items: items.filter(item => item.description.trim() !== '')\n })\n });\n\n if (response.ok) {\n onBillCreated();\n }\n } catch (error) {\n console.error('Error saving bill:', error);\n } finally {\n setLoading(false);\n }\n };\n\n return (\n

\n {editingBill ? 'Edit Bill' : 'Create New Bill'}\n

\n {editingBill && onCancelEdit && (\n \n ← Back to Bills\n \n )}\n

\n\n {/* Customer Selection */}\n

Customer Information

\n setShowCustomerForm(!showCustomerForm)}\n className=\"text-blue-600 hover:text-blue-700 text-sm transition-colors\"\n >\n {showCustomerForm ? 'Cancel' : '+ Add New Customer'}\n \n

\n\n {showCustomerForm ? (\n

\n Name\n setCustomerFormData(prev => ({ ...prev, name: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n Email\n setCustomerFormData(prev => ({ ...prev, email: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n Phone\n setCustomerFormData(prev => ({ ...prev, phone: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n Address\n setCustomerFormData(prev => ({ ...prev, address: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n \n {loading ? 'Creating...' : 'Create Customer'}\n \n

\n ) : (\n

\n Select Customer\n setBillFormData(prev => ({ ...prev, customer_id: parseInt(e.target.value) }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n >\n \n {customers.map(customer => (\n \n ))}\n \n

\n )}\n

\n\n {/* Bill Form */}\n

\n {/* Bill Details */}\n

Bill Details

\n Description\n setBillFormData(prev => ({ ...prev, description: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n placeholder=\"Describe the fabrication work...\"\n />\n

\n Tax Rate (%)\n setBillFormData(prev => ({ ...prev, tax_rate: parseFloat(e.target.value) || 0 }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n Due Date\n setBillFormData(prev => ({ ...prev, due_date: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n\n {/* Items */}\n

Bill Items

\n \n + Add Item\n \n

\n\n

\n {items.map((item, index) => (\n

\n Description\n handleItemChange(index, 'description', e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n placeholder=\"Item description...\"\n />\n

\n Quantity\n handleItemChange(index, 'quantity', parseFloat(e.target.value) || 1)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n Unit Price ($)\n handleItemChange(index, 'unit_price', parseFloat(e.target.value) || 0)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n Total\n

\n ${item.total.toFixed(2)}\n

\n {items.length > 1 && (\n removeItem(index)}\n className=\"ml-2 text-red-600 hover:text-red-700 transition-colors\"\n >\n 🗑️\n \n )}\n

\n ))}\n

\n\n {/* Totals */}\n

\n Subtotal:\n ${calculateSubtotal().toFixed(2)}\n

\n Tax ({billFormData.tax_rate}%):\n ${calculateTax().toFixed(2)}\n

\n Total:\n ${calculateTotal().toFixed(2)}\n

\n\n {/* Submit Button */}\n

\n {editingBill && onCancelEdit && (\n \n Cancel\n \n )}\n \n {loading ? 'Saving...' : editingBill ? 'Update Bill' : 'Create Bill'}\n \n

\n );\n}",[],[257,275,309],"330005b2-39f8-11f0-9109-9e149126039e","App.tsx","33000666-39f8-11f0-9109-9e149126039e",12,["D",1748239861875],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport Login from \"./Login.tsx\";\nimport AdminDashboard from \"./AdminDashboard.tsx\";\nimport CustomerDashboard from \"./CustomerDashboard.tsx\";\nimport type { User } from \"../../shared/types.ts\";\n\ninterface AppState {\n user: User | null;\n loading: boolean;\n token: string | null;\n}\n\nexport default function App() {\n const [state, setState] = useState({\n user: null,\n loading: true,\n token: localStorage.getItem(\"token\")\n });\n\n useEffect(() => {\n checkAuth();\n }, []);\n\n const checkAuth = async () => {\n const token = localStorage.getItem(\"token\");\n if (!token) {\n setState(prev => ({ ...prev, loading: false }));\n return;\n }\n\n try {\n const response = await fetch(\"/api/auth/me\", {\n headers: {\n \"Authorization\": `Bearer ${token}`\n }\n });\n\n if (response.ok) {\n const data = await response.json();\n setState({\n user: data.user,\n loading: false,\n token\n });\n } else {\n localStorage.removeItem(\"token\");\n setState({\n user: null,\n loading: false,\n token: null\n });\n }\n } catch (error) {\n console.error(\"Auth check failed:\", error);\n localStorage.removeItem(\"token\");\n setState({\n user: null,\n loading: false,\n token: null\n });\n }\n };\n\n const handleLogin = (user: User, token: string) => {\n localStorage.setItem(\"token\", token);\n setState({\n user,\n loading: false,\n token\n });\n };\n\n const handleLogout = () => {\n localStorage.removeItem(\"token\");\n setState({\n user: null,\n loading: false,\n token: null\n });\n };\n\n if (state.loading) {\n return (\n

\n );\n }\n\n if (!state.user) {\n return ;\n }\n\n return (\n

\n 🏭\n Fabrication Bill Generator\n

\n \n Welcome, {state.user.name}\n \n \n {state.user.role}\n \n \n Logout\n \n

\n\n

\n {state.user.role === 'admin' ? (\n \n ) : (\n \n )}\n

\n );\n}",[],[257,275,317],"6416d8e2-39f8-11f0-8ebe-9e149126039e","AdminDashboard.tsx","6416d9aa-39f8-11f0-8ebe-9e149126039e",14,["D",1748239944233],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport BillForm from \"./BillForm.tsx\";\nimport BillList from \"./BillList.tsx\";\nimport type { Bill, Customer } from \"../../shared/types.ts\";\n\ninterface AdminDashboardProps {\n token: string;\n}\n\ntype ActiveTab = 'bills' | 'create' | 'customers';\n\nexport default function AdminDashboard({ token }: AdminDashboardProps) {\n const [activeTab, setActiveTab] = useState('bills');\n const [bills, setBills] = useState([]);\n const [customers, setCustomers] = useState([]);\n const [loading, setLoading] = useState(true);\n const [editingBill, setEditingBill] = useState(null);\n\n useEffect(() => {\n loadData();\n }, []);\n\n const loadData = async () => {\n setLoading(true);\n try {\n await Promise.all([\n loadBills(),\n loadCustomers()\n ]);\n } catch (error) {\n console.error(\"Error loading data:\", error);\n } finally {\n setLoading(false);\n }\n };\n\n const loadBills = async () => {\n try {\n const response = await fetch(\"/api/bills\", {\n headers: {\n \"Authorization\": `Bearer ${token}`\n }\n });\n \n if (response.ok) {\n const data = await response.json();\n setBills(data.data || []);\n }\n } catch (error) {\n console.error(\"Error loading bills:\", error);\n }\n };\n\n const loadCustomers = async () => {\n try {\n const response = await fetch(\"/api/bills/customers\", {\n headers: {\n \"Authorization\": `Bearer ${token}`\n }\n });\n \n if (response.ok) {\n const data = await response.json();\n setCustomers(data.data || []);\n }\n } catch (error) {\n console.error(\"Error loading customers:\", error);\n }\n };\n\n const handleBillCreated = () => {\n loadBills();\n setActiveTab('bills');\n setEditingBill(null);\n };\n\n const handleEditBill = (bill: Bill) => {\n setEditingBill(bill);\n setActiveTab('create');\n };\n\n const handleCancelEdit = () => {\n setEditingBill(null);\n setActiveTab('bills');\n };\n\n const stats = {\n totalBills: bills.length,\n pendingBills: bills.filter(b => b.status === 'pending').length,\n paidBills: bills.filter(b => b.status === 'paid').length,\n totalRevenue: bills.reduce((sum, b) => sum + b.total_amount, 0),\n outstandingAmount: bills.reduce((sum, b) => sum + b.remaining_amount, 0)\n };\n\n if (loading) {\n return (\n

Loading dashboard...

\n );\n }\n\n return (\n

\n {/* Stats Overview */}\n

{stats.totalBills}

Total Bills

{stats.pendingBills}

Pending

{stats.paidBills}

Paid

${stats.totalRevenue.toFixed(2)}

Total Revenue

${stats.outstandingAmount.toFixed(2)}

Outstanding

\n\n {/* Navigation Tabs */}\n

\n setActiveTab('bills')}\n className={`py-2 px-1 border-b-2 font-medium text-sm transition-colors ${\n activeTab === 'bills'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n 📋 Bills ({bills.length})\n \n {\n setActiveTab('create');\n setEditingBill(null);\n }}\n className={`py-2 px-1 border-b-2 font-medium text-sm transition-colors ${\n activeTab === 'create'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n ➕ {editingBill ? 'Edit Bill' : 'Create Bill'}\n \n setActiveTab('customers')}\n className={`py-2 px-1 border-b-2 font-medium text-sm transition-colors ${\n activeTab === 'customers'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n 👥 Customers ({customers.length})\n \n

\n\n {/* Tab Content */}\n

\n {activeTab === 'bills' && (\n \n )}\n \n {activeTab === 'create' && (\n \n )}\n \n {activeTab === 'customers' && (\n \n )}\n

\n );\n}\n\n// Customer List Component\nfunction CustomerList({ customers, token, onCustomerUpdated }: {\n customers: Customer[];\n token: string;\n onCustomerUpdated: () => void;\n}) {\n const [showForm, setShowForm] = useState(false);\n const [editingCustomer, setEditingCustomer] = useState(null);\n const [formData, setFormData] = useState({\n name: '',\n email: '',\n phone: '',\n address: ''\n });\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n \n try {\n const url = editingCustomer \n ? `/api/bills/customers/${editingCustomer.id}`\n : '/api/bills/customers';\n \n const method = editingCustomer ? 'PUT' : 'POST';\n \n const response = await fetch(url, {\n method,\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${token}`\n },\n body: JSON.stringify(formData)\n });\n\n if (response.ok) {\n onCustomerUpdated();\n setShowForm(false);\n setEditingCustomer(null);\n setFormData({ name: '', email: '', phone: '', address: '' });\n }\n } catch (error) {\n console.error('Error saving customer:', error);\n }\n };\n\n const handleEdit = (customer: Customer) => {\n setEditingCustomer(customer);\n setFormData({\n name: customer.name,\n email: customer.email,\n phone: customer.phone,\n address: customer.address\n });\n setShowForm(true);\n };\n\n const handleCancel = () => {\n setShowForm(false);\n setEditingCustomer(null);\n setFormData({ name: '', email: '', phone: '', address: '' });\n };\n\n return (\n

Customer Management

\n setShowForm(true)}\n className=\"bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition-colors\"\n >\n Add Customer\n \n

\n\n {showForm && (\n

\n {editingCustomer ? 'Edit Customer' : 'Add New Customer'}\n

\n Name\n setFormData(prev => ({ ...prev, name: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n Email\n setFormData(prev => ({ ...prev, email: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n Phone\n setFormData(prev => ({ ...prev, phone: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n Address\n setFormData(prev => ({ ...prev, address: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n \n {editingCustomer ? 'Update' : 'Create'} Customer\n \n \n Cancel\n \n

\n )}\n\n

\n \n \n \n \n \n \n \n \n \n \n \n {customers.map((customer) => (\n \n \n \n \n \n \n \n ))}\n \n

\n Name\n	\n Email\n	\n Phone\n	\n Address\n	\n Actions\n
\n {customer.name}\n	\n {customer.email}\n	\n {customer.phone}\n	\n {customer.address}\n	\n handleEdit(customer)}\n className=\"text-blue-600 hover:text-blue-900 transition-colors\"\n >\n Edit\n \n

\n );\n}",[],[257,275,325],"3300265a-39f8-11f0-9109-9e149126039e",["D",1748239861875],[213,214,215,216,217,218,219,220],[257,275],"233ac090-39f8-11f0-addd-9e149126039e",["D",1748239835415],[212,221,222],[257],"daa1206a-3bc6-11f0-8484-9e149126039e","index.ts",28,["D",1748438570596],7,"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { runMigrations } from \"./database/migrations.ts\";\nimport auth from \"./routes/auth.ts\";\nimport bills from \"./routes/bills.ts\";\nimport payments from \"./routes/payments.ts\";\nimport staticRoutes from \"./routes/static.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Initialize database on startup\nawait runMigrations();\n\n// API routes\napp.route(\"/api/auth\", auth);\napp.route(\"/api/bills\", bills);\napp.route(\"/api/payments\", payments);\n\n// Static file serving and main page\napp.route(\"/\", staticRoutes);\n\n// Health check\napp.get(\"/health\", (c) => {\n return c.json({ \n status: \"healthy\", \n timestamp: new Date().toISOString(),\n service: \"Fabrication Bill Generator\"\n });\n});\n\n// 404 handler\napp.notFound((c) => {\n return c.json({ \n success: false, \n message: \"Endpoint not found\" \n }, 404);\n});\n\nexport default app.fetch; // This is the entry point for HTTP vals",[],[178,341],"11579524-39f8-11f0-8941-9e149126039e","static.ts","115795e2-39f8-11f0-8941-9e149126039e","59c647c6-7642-4a9d-b1d3-4d13daf81e80",8,["D",1748239805407],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst staticRoutes = new Hono();\n\n// Serve frontend files\nstaticRoutes.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\nstaticRoutes.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve main page with initial data injection\nstaticRoutes.get(\"/\", async c => {\n try {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // You can inject initial data here if needed\n const initialData = {\n timestamp: new Date().toISOString()\n };\n \n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n } catch (error) {\n console.error(\"Error serving index:\", error);\n return c.text(\"Error loading application\", 500);\n }\n});\n\nexport default staticRoutes;",[],[178,358,350],"routes","0c417b90-39f8-11f0-b17b-9e149126039e","payments.ts","0c417c58-39f8-11f0-b17b-9e149126039e",["D",1748239796873],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { authMiddleware } from \"./auth.ts\";\nimport {\n getPaymentsByBillId,\n createPayment,\n getBillById,\n updateBill\n} from \"../database/queries.ts\";\nimport type { ApiResponse, Payment, PaymentFormData } from \"../../shared/types.ts\";\n\nconst payments = new Hono();\n\n// Get payments for a specific bill\npayments.get(\"/bill/:billId\", authMiddleware, async (c) => {\n try {\n const billId = parseInt(c.req.param(\"billId\"));\n const user = c.get(\"user\");\n \n // Check if user can access this bill\n const bill = await getBillById(billId);\n if (!bill) {\n return c.json({\n success: false,\n message: \"Bill not found\"\n }, 404);\n }\n\n if (user.role === \"customer\" && bill.customer_id !== user.userId) {\n return c.json({\n success: false,\n message: \"Access denied\"\n }, 403);\n }\n\n const paymentsData = await getPaymentsByBillId(billId);\n \n return c.json>({\n success: true,\n data: paymentsData\n });\n } catch (error) {\n console.error(\"Error fetching payments:\", error);\n return c.json({\n success: false,\n message: \"Failed to fetch payments\"\n }, 500);\n }\n});\n\n// Create payment\npayments.post(\"/bill/:billId\", authMiddleware, async (c) => {\n try {\n const billId = parseInt(c.req.param(\"billId\"));\n const user = c.get(\"user\");\n const paymentData: PaymentFormData = await c.req.json();\n \n if (!paymentData.amount || paymentData.amount <= 0) {\n return c.json({\n success: false,\n message: \"Valid payment amount is required\"\n }, 400);\n }\n\n if (!paymentData.payment_method) {\n return c.json({\n success: false,\n message: \"Payment method is required\"\n }, 400);\n }\n\n // Get the bill\n const bill = await getBillById(billId);\n if (!bill) {\n return c.json({\n success: false,\n message: \"Bill not found\"\n }, 404);\n }\n\n // Check if user can make payment for this bill\n if (user.role === \"customer\" && bill.customer_id !== user.userId) {\n return c.json({\n success: false,\n message: \"Access denied\"\n }, 403);\n }\n\n // Check if payment amount doesn't exceed remaining amount\n if (paymentData.amount > bill.remaining_amount) {\n return c.json({\n success: false,\n message: `Payment amount cannot exceed remaining balance of $${bill.remaining_amount.toFixed(2)}`\n }, 400);\n }\n\n // Create payment record\n const paymentId = await createPayment({\n bill_id: billId,\n amount: paymentData.amount,\n payment_method: paymentData.payment_method,\n payment_date: new Date().toISOString().split('T')[0],\n notes: paymentData.notes\n });\n\n // Update bill amounts and status\n const newPaidAmount = bill.paid_amount + paymentData.amount;\n const newRemainingAmount = bill.total_amount - newPaidAmount;\n \n let newStatus: 'pending' | 'partial' | 'paid' = 'pending';\n if (newRemainingAmount <= 0) {\n newStatus = 'paid';\n } else if (newPaidAmount > 0) {\n newStatus = 'partial';\n }\n\n await updateBill(billId, {\n paid_amount: newPaidAmount,\n remaining_amount: Math.max(0, newRemainingAmount),\n status: newStatus\n });\n\n return c.json({\n success: true,\n data: { \n id: paymentId,\n remaining_amount: Math.max(0, newRemainingAmount),\n status: newStatus\n },\n message: \"Payment recorded successfully\"\n });\n } catch (error) {\n console.error(\"Error creating payment:\", error);\n return c.json({\n success: false,\n message: \"Failed to process payment\"\n }, 500);\n }\n});\n\nexport default payments;",[],[178,358,360],"ff4ad7f6-39f7-11f0-97d3-9e149126039e","bills.ts","ff4ad88c-39f7-11f0-97d3-9e149126039e",6,["D",1748239775125],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { authMiddleware, adminMiddleware } from \"./auth.ts\";\nimport {\n getAllBills,\n getBillsByCustomerId,\n getBillById,\n createBill,\n updateBill,\n deleteBill,\n generateBillNumber,\n getAllCustomers,\n createCustomer,\n updateCustomer\n} from \"../database/queries.ts\";\nimport type { ApiResponse, Bill, BillFormData, Customer } from \"../../shared/types.ts\";\n\nconst bills = new Hono();\n\n// Get all customers (admin only)\nbills.get(\"/customers\", authMiddleware, adminMiddleware, async (c) => {\n try {\n const customers = await getAllCustomers();\n return c.json>({\n success: true,\n data: customers\n });\n } catch (error) {\n console.error(\"Error fetching customers:\", error);\n return c.json({\n success: false,\n message: \"Failed to fetch customers\"\n }, 500);\n }\n});\n\n// Create customer (admin only)\nbills.post(\"/customers\", authMiddleware, adminMiddleware, async (c) => {\n try {\n const customerData = await c.req.json();\n \n if (!customerData.name || !customerData.email || !customerData.phone || !customerData.address) {\n return c.json({\n success: false,\n message: \"All customer fields are required\"\n }, 400);\n }\n\n const customerId = await createCustomer(customerData);\n return c.json({\n success: true,\n data: { id: customerId }\n });\n } catch (error) {\n console.error(\"Error creating customer:\", error);\n return c.json({\n success: false,\n message: \"Failed to create customer\"\n }, 500);\n }\n});\n\n// Update customer (admin only)\nbills.put(\"/customers/:id\", authMiddleware, adminMiddleware, async (c) => {\n try {\n const id = parseInt(c.req.param(\"id\"));\n const customerData = await c.req.json();\n \n await updateCustomer(id, customerData);\n return c.json({\n success: true,\n message: \"Customer updated successfully\"\n });\n } catch (error) {\n console.error(\"Error updating customer:\", error);\n return c.json({\n success: false,\n message: \"Failed to update customer\"\n }, 500);\n }\n});\n\n// Get all bills (admin) or customer's bills (customer)\nbills.get(\"/\", authMiddleware, async (c) => {\n try {\n const user = c.get(\"user\");\n let billsData: Bill[];\n\n if (user.role === \"admin\") {\n billsData = await getAllBills();\n } else {\n // For customers, we need to find their customer_id first\n // This is a simplified approach - in production, you might want to link users to customers differently\n billsData = await getBillsByCustomerId(user.userId);\n }\n\n return c.json>({\n success: true,\n data: billsData\n });\n } catch (error) {\n console.error(\"Error fetching bills:\", error);\n return c.json({\n success: false,\n message: \"Failed to fetch bills\"\n }, 500);\n }\n});\n\n// Get specific bill\nbills.get(\"/:id\", authMiddleware, async (c) => {\n try {\n const id = parseInt(c.req.param(\"id\"));\n const user = c.get(\"user\");\n \n const bill = await getBillById(id);\n if (!bill) {\n return c.json({\n success: false,\n message: \"Bill not found\"\n }, 404);\n }\n\n // Check if customer can access this bill\n if (user.role === \"customer\" && bill.customer_id !== user.userId) {\n return c.json({\n success: false,\n message: \"Access denied\"\n }, 403);\n }\n\n return c.json>({\n success: true,\n data: bill\n });\n } catch (error) {\n console.error(\"Error fetching bill:\", error);\n return c.json({\n success: false,\n message: \"Failed to fetch bill\"\n }, 500);\n }\n});\n\n// Create bill (admin only)\nbills.post(\"/\", authMiddleware, adminMiddleware, async (c) => {\n try {\n const billData: BillFormData = await c.req.json();\n \n if (!billData.customer_id || !billData.description || !billData.items || billData.items.length === 0) {\n return c.json({\n success: false,\n message: \"Customer, description, and items are required\"\n }, 400);\n }\n\n // Calculate totals\n const subtotal = billData.items.reduce((sum, item) => sum + item.total, 0);\n const tax_amount = subtotal * (billData.tax_rate / 100);\n const total_amount = subtotal + tax_amount;\n\n const bill_number = await generateBillNumber();\n\n const billId = await createBill({\n customer_id: billData.customer_id,\n bill_number,\n description: billData.description,\n items: billData.items,\n subtotal,\n tax_rate: billData.tax_rate,\n tax_amount,\n total_amount,\n remaining_amount: total_amount,\n due_date: billData.due_date\n });\n\n return c.json({\n success: true,\n data: { id: billId, bill_number }\n });\n } catch (error) {\n console.error(\"Error creating bill:\", error);\n return c.json({\n success: false,\n message: \"Failed to create bill\"\n }, 500);\n }\n});\n\n// Update bill (admin only)\nbills.put(\"/:id\", authMiddleware, adminMiddleware, async (c) => {\n try {\n const id = parseInt(c.req.param(\"id\"));\n const billData: Partial = await c.req.json();\n \n const updateData: Partial = {};\n \n if (billData.description) {\n updateData.description = billData.description;\n }\n \n if (billData.items) {\n updateData.items = billData.items;\n // Recalculate totals\n const subtotal = billData.items.reduce((sum, item) => sum + item.total, 0);\n const tax_rate = billData.tax_rate || 0;\n const tax_amount = subtotal * (tax_rate / 100);\n const total_amount = subtotal + tax_amount;\n \n updateData.subtotal = subtotal;\n updateData.tax_rate = tax_rate;\n updateData.tax_amount = tax_amount;\n updateData.total_amount = total_amount;\n \n // Get current bill to calculate remaining amount\n const currentBill = await getBillById(id);\n if (currentBill) {\n updateData.remaining_amount = total_amount - currentBill.paid_amount;\n updateData.status = updateData.remaining_amount <= 0 ? 'paid' : \n currentBill.paid_amount > 0 ? 'partial' : 'pending';\n }\n }\n \n if (billData.due_date) {\n updateData.due_date = billData.due_date;\n }\n\n await updateBill(id, updateData);\n \n return c.json({\n success: true,\n message: \"Bill updated successfully\"\n });\n } catch (error) {\n console.error(\"Error updating bill:\", error);\n return c.json({\n success: false,\n message: \"Failed to update bill\"\n }, 500);\n }\n});\n\n// Delete bill (admin only)\nbills.delete(\"/:id\", authMiddleware, adminMiddleware, async (c) => {\n try {\n const id = parseInt(c.req.param(\"id\"));\n \n const bill = await getBillById(id);\n if (!bill) {\n return c.json({\n success: false,\n message: \"Bill not found\"\n }, 404);\n }\n\n // Only allow deletion if bill is fully paid\n if (bill.remaining_amount > 0) {\n return c.json({\n success: false,\n message: \"Cannot delete bill with outstanding balance\"\n }, 400);\n }\n\n await deleteBill(id);\n \n return c.json({\n success: true,\n message: \"Bill deleted successfully\"\n });\n } catch (error) {\n console.error(\"Error deleting bill:\", error);\n return c.json({\n success: false,\n message: \"Failed to delete bill\"\n }, 500);\n }\n});\n\nexport default bills;",[],[178,358,367],"ebc6a584-39f7-11f0-9975-9e149126039e","auth.ts","ebc6a6ec-39f7-11f0-9975-9e149126039e",5,["D",1748239742375],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { sign, verify } from \"https://esm.sh/hono@3.11.7/jwt\";\nimport { getUserByEmail, createUser, getCustomerById } from \"../database/queries.ts\";\nimport type { AuthResponse } from \"../../shared/types.ts\";\n\nconst auth = new Hono();\n\nconst JWT_SECRET = Deno.env.get(\"JWT_SECRET\") || \"your-secret-key-change-in-production\";\n\n// Login endpoint\nauth.post(\"/login\", async (c) => {\n try {\n const { email, password } = await c.req.json();\n\n if (!email || !password) {\n return c.json({\n success: false,\n message: \"Email and password are required\"\n }, 400);\n }\n\n const user = await getUserByEmail(email);\n if (!user || user.password !== password) {\n return c.json({\n success: false,\n message: \"Invalid credentials\"\n }, 401);\n }\n\n const token = await sign(\n { \n userId: user.id, \n email: user.email, \n role: user.role,\n exp: Math.floor(Date.now() / 1000) + (24 * 60 * 60) // 24 hours\n },\n JWT_SECRET\n );\n\n const { password: _, ...userWithoutPassword } = user;\n\n return c.json({\n success: true,\n token,\n user: userWithoutPassword\n });\n } catch (error) {\n console.error(\"Login error:\", error);\n return c.json({\n success: false,\n message: \"Internal server error\"\n }, 500);\n }\n});\n\n// Register customer endpoint\nauth.post(\"/register\", async (c) => {\n try {\n const { email, password, name, phone } = await c.req.json();\n\n if (!email || !password || !name) {\n return c.json({\n success: false,\n message: \"Email, password, and name are required\"\n }, 400);\n }\n\n // Check if user already exists\n const existingUser = await getUserByEmail(email);\n if (existingUser) {\n return c.json({\n success: false,\n message: \"User already exists\"\n }, 409);\n }\n\n const userId = await createUser({\n email,\n password,\n name,\n phone,\n role: \"customer\"\n });\n\n const token = await sign(\n { \n userId, \n email, \n role: \"customer\",\n exp: Math.floor(Date.now() / 1000) + (24 * 60 * 60) // 24 hours\n },\n JWT_SECRET\n );\n\n return c.json({\n success: true,\n token,\n user: { id: userId, email, name, phone, role: \"customer\", created_at: new Date().toISOString() }\n });\n } catch (error) {\n console.error(\"Registration error:\", error);\n return c.json({\n success: false,\n message: \"Internal server error\"\n }, 500);\n }\n});\n\n// Verify token middleware\nexport async function authMiddleware(c: any, next: any) {\n const authHeader = c.req.header(\"Authorization\");\n \n if (!authHeader || !authHeader.startsWith(\"Bearer \")) {\n return c.json({ success: false, message: \"No token provided\" }, 401);\n }\n\n const token = authHeader.substring(7);\n\n try {\n const payload = await verify(token, JWT_SECRET);\n c.set(\"user\", payload);\n await next();\n } catch (error) {\n return c.json({ success: false, message: \"Invalid token\" }, 401);\n }\n}\n\n// Admin middleware\nexport async function adminMiddleware(c: any, next: any) {\n const user = c.get(\"user\");\n \n if (!user || user.role !== \"admin\") {\n return c.json({ success: false, message: \"Admin access required\" }, 403);\n }\n\n await next();\n}\n\n// Get current user\nauth.get(\"/me\", authMiddleware, async (c) => {\n const user = c.get(\"user\");\n return c.json({\n success: true,\n user: {\n id: user.userId,\n email: user.email,\n role: user.role\n }\n });\n});\n\nexport default auth;",[],[178,358,375],"ebc6c942-39f7-11f0-9975-9e149126039e",["D",1748239742375],[206,207,208,209],[178,358],["D",1748438552307],[],[178,99,82],["D",1748438545954],[],[178,99,67],["D",1748239695066],[203,204],[178,99],"cf931d70-39f7-11f0-9975-9e149126039e",["D",1748239695066],[202,205,210],[178],["D",1748239636364],{"_11":12,"_149":73},{"_11":12,"_145":-5,"_72":73,"_31":71,"_146":147,"_148":30},{"_42":136,"_13":16,"_36":39,"_137":102,"_138":-5,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":14,"_144":12},"ctx",{"_55":-5,"_168":436,"_437":438,"_439":440,"_441":30,"_442":30,"_443":30,"_444":24,"_445":-5,"_446":-7,"_447":-7,"_448":26,"_449":30,"_450":30,"_451":-5,"_452":30,"_453":30,"_454":30,"_455":-5},"ENV",{"_407":408,"_409":410,"_411":16,"_412":413,"_414":415,"_416":417,"_418":419,"_420":421,"_422":423,"_424":425,"_426":427,"_428":429,"_430":431,"_432":433,"_434":435},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","a3e067d4463eea85f6334f8e583e8516ae58c4f6","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · database