embedingHF

/

HBT-software

Like 0

import React, { useState, useMemo } from 'react';

import { motion, AnimatePresence } from 'motion/react';

import {

FileText,

User,

Phone,

Car,

Search,

Plus,

Trash2,

Check,

CreditCard,

Printer,

CheckCircle,

CloudLightning,

Smartphone,

TrendingDown,

Briefcase,

Share2,

Download,

Receipt,

FileDown,

RefreshCw

} from 'lucide-react';

import { TireProduct, Invoice, StaffUser, SystemSettings, InvoiceLineItem } from '../types';

interface InvoiceGeneratorProps {

products: TireProduct[];

invoices: Invoice[];

currentStaff: StaffUser;

settings: SystemSettings;

isOnline: boolean;

onAddInvoice: (invoice: Invoice) => void;

selectedInvoiceForView: Invoice | null;

setSelectedInvoiceForView: (invoice: Invoice | null) => void;

}

export default function InvoiceGenerator({

}: InvoiceGeneratorProps) {

// Wizard steps: 'DRAFT' | 'GATEWAY' | 'COMPLETED'

const [generationStep, setGenerationStep] = useState<'DRAFT' | 'GATEWAY' | 'COMPLETED'>('DRAFT');

// Invoice Draft State

const [customerName, setCustomerName] = useState('');

const [customerPhone, setCustomerPhone] = useState('');

const [customerVehicle, setCustomerVehicle] = useState('');

const [notes, setNotes] = useState('');

const [cart, setCart] = useState<Omit<InvoiceLineItem, 'totalPrice'>[]>([]);

const [discount, setDiscount] = useState<number>(0);

const [paymentMethod, setPaymentMethod] = useState<'CASH' | 'CARD' | 'BANK_TRANSFER' | 'MOBILE_WALLET'>('CASH');

// Product search in generator

const [prodSearch, setProdSearch] = useState('');

const [selectedCategory, setSelectedCategory] = useState<string>('All');

// Checkout gateway simulation state

const [activeGateway, setActiveGateway] = useState<'Stripe' | 'PayPal' | 'EasyPaisa' | 'JazzCash' | 'Bank'>('Stripe');

const [gatewayProcessing, setGatewayProcessing] = useState(false);

const [gatewayAuthId, setGatewayAuthId] = useState('');

const [gatewayCompleted, setGatewayCompleted] = useState(false);

const [ccNumber, setCcNumber] = useState('4242 4242 4242 4242');

const [ccExpiry, setCcExpiry] = useState('12/28');

const [ccCvc, setCcCvc] = useState('321');

// Invoice final outcome

const [generatedInvoice, setGeneratedInvoice] = useState<Invoice | null>(null);

// Filter products for invoice item selection

const filteredProducts = useMemo(() => {

return products.filter(p => {

const matchSearch =

p.brand.toLowerCase().includes(prodSearch.toLowerCase()) ||

p.model.toLowerCase().includes(prodSearch.toLowerCase()) ||

p.size.toLowerCase().includes(prodSearch.toLowerCase()) ||

p.sku.toLowerCase().includes(prodSearch.toLowerCase());

const matchCategory = selectedCategory === 'All' || p.category === selectedCategory;

return matchSearch && matchCategory;

});

}, [products, prodSearch, selectedCategory]);

// Calculations

const subtotal = useMemo(() => {

return cart.reduce((sum, item) => sum + (item.quantity * item.unitPrice), 0);

}, [cart]);

const taxAmount = useMemo(() => {

return Math.round((subtotal * settings.taxRate) / 100);