'use client'; import { useMemo, useState, useTransition, useRef, useEffect, Fragment } from 'react'; import { useForm, useFieldArray, useWatch } from 'react-hook-form'; import { zodResolver } from '@hookform/resolvers/zod'; import * as z from 'zod'; import { formatDateTimeStable, formatTimeStable } from '@/lib/formatters'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from '@/components/ui/form'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'; import { Input } from '@/components/ui/input'; import { Button } from '@/components/ui/button'; import { Checkbox } from '@/components/ui/checkbox'; import { Separator } from '@/components/ui/separator'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'; import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from '@/components/ui/dialog'; import { PlusCircle, Trash2, Loader2, CreditCard, UserPlus, ScanLine, ReceiptText, Calculator, LayoutGrid, Plus, AlertTriangle, Check, ChevronsUpDown, Printer, Maximize2, Minimize2, Table2 } from 'lucide-react'; import { type Bank, type Campaign, type Currency, type Customer, type CustomerPayment, type CustomerPricing, type ItemGroup, type ItemUnit, type ProductShape, type ProductionItem, type PurchaseOrder, type SalesInvoice, type SalesRep, type StockLocationBalance, type Supplier, type SupplierPayment, type Warehouse, type PaymentBreakdown, type PrintingSettings } from '@/lib/types'; import { useToast } from '@/hooks/use-toast'; import { handleClosePosShift, handleCreateSaleInvoice, handleGetEmployeeCashboxSummary, handleGetPosShiftStatus, handleOpenPosShift } from '@/lib/actions'; import { formatCurrency } from '@/lib/currency-formatter'; import { MaterialItemDialog } from '@/components/admin/list-manager'; import AddCustomerDialog from '@/components/admin/add-customer-dialog'; import PartyStatement from '@/components/admin/party-statement'; import PaymentVoucherForm from '@/components/admin/payment-voucher-form'; import { PaymentMethodModal } from '@/components/admin/payment-method-modal'; import { cn } from '@/lib/utils'; import { computeCampaignLivePreview } from '@/lib/campaign-live-preview'; import { getPosDraftSocket } from '@/lib/pos-draft-socket-client'; const ADD_NEW_CUSTOMER_VALUE = '__add_new_customer__'; const escapePrintHtml = (value: unknown) => String(value ?? '') .replace(/&/g, '&') .replace(//g, '>') .replace(/"/g, '"') .replace(/'/g, '''); const openPrintPreviewWindow = (html: string) => { if (typeof window === 'undefined') return false; const win = window.open('', '', 'height=720,width=960'); if (!win) return false; win.document.write(html); win.document.close(); win.focus(); win.print(); win.close(); return true; }; const posSchema = z.object({ customerId: z.string().optional().default(''), amountPaid: z.coerce.number().min(0).default(0), payments: z.array(z.object({ method: z.enum(['cash', 'visa', 'receivables', 'coupon']), amount: z.coerce.number().min(0), customerName: z.string().optional(), bankAccountId: z.string().optional(), couponCode: z.string().optional(), })).optional().default([]), discountAmount: z.coerce.number().min(0).default(0), isReturn: z.coerce.boolean().optional().default(false), items: z.array(z.object({ materialId: z.string().min(1), quantity: z.coerce.number().min(0.001), unitPrice: z.coerce.number().min(0), description: z.string().optional().default(''), discount: z.coerce.number().min(0).default(0), itemUnitId: z.string().optional().default(''), serialNumber: z.string().optional().default(''), rfidCode: z.string().optional().default(''), warehouseId: z.string().optional().default(''), shelfId: z.string().optional().default(''), })).min(1), }); type PosPaymentBreakdown = z.infer['payments']; type PosVisibleColumns = { itemNumber?: boolean; unit?: boolean; description?: boolean; barcode?: boolean; quantity?: boolean; price?: boolean; itemDiscount?: boolean; bonus?: boolean; total?: boolean; actions?: boolean; weighedItemsButton?: boolean; }; type PosShiftSession = { id: string; userId?: string; userName?: string; status: 'active' | 'closed'; startedAt: string; endedAt?: string; openingCash: number; openingVisa: number; expectedCashAtClose: number; expectedVisaAtClose: number; countedCashAtClose?: number; countedVisaAtClose?: number; cashVariance?: number; visaVariance?: number; invoicesCount: number; returnsCount: number; totalSalesAmount: number; cashSalesAmount: number; visaSalesAmount: number; receivablesAmount: number; couponAmount: number; requiresApproval?: boolean; }; type CashboxSummary = { openingCash: number; cashSalesAmount: number; expectedCashAtClose: number; }; type SuspendedInvoiceDraft = { id: string; customerId: string; amountPaid: number; payments?: PosPaymentBreakdown; discountAmount?: number; items: { materialId: string; quantity: number; unitPrice: number; description?: string; discount?: number; itemUnitId?: string; serialNumber?: string; rfidCode?: string; warehouseId?: string; shelfId?: string }[]; createdAt: string; tableId?: string; tableName?: string; areaName?: string; }; type PosSalesProps = { customers: Customer[]; suppliers?: Supplier[]; materials: ProductionItem[]; itemUnits?: ItemUnit[]; itemGroups?: ItemGroup[]; invoices?: SalesInvoice[]; orders?: PurchaseOrder[]; customerPayments?: CustomerPayment[]; supplierPayments?: SupplierPayment[]; campaigns?: Campaign[]; banks: Bank[]; currencies: Currency[]; defaultCurrency: Currency | null; allCustomerPricing: CustomerPricing[]; salesReps?: SalesRep[]; warehouses?: Warehouse[]; warehouseConfig?: { enabled: boolean; allowOutOfStockSales?: boolean; defaultWarehouseId?: string; defaultShelfId?: string; }; stockLocationsByMaterial?: Record; t: any; tStatement: any; tGlobal: any; locale: string; currencySymbol?: string; cashierName?: string; employeeCashAccountCode?: string; scaleSettings?: { mode?: 'manual' | 'hid' | 'serial'; readRegex?: string; decimalSeparator?: 'auto' | 'dot' | 'comma'; hidMinLength?: number; serialBaudRate?: number; serialDataBits?: number; serialStopBits?: number; serialParity?: 'none' | 'even' | 'odd'; serialAutoConnect?: boolean; }; posPaymentMethods?: { allowCash?: boolean; allowVisa?: boolean; allowReceivables?: boolean; defaultVisaBankAccountId?: string; }; visibleColumns?: PosVisibleColumns; printingSettings?: PrintingSettings; restaurantConfig?: { enabled?: boolean; areasEnabled?: boolean; splitBillEnabled?: boolean; mergeTablesEnabled?: boolean; transferItemEnabled?: boolean; partialCheckoutEnabled?: boolean; kotEnabled?: boolean; autoReserveMinutes?: number; defaultGuestCount?: number; areas?: Array<{ id?: string; name?: string; sortOrder?: number }>; tables?: Array<{ id?: string; tableCode?: string; name?: string; areaId?: string; seats?: number }>; }; }; export default function PosSales({ customers, suppliers = [], materials, itemUnits = [], itemGroups = [], invoices = [], orders = [], customerPayments = [], supplierPayments = [], campaigns = [], banks, currencies, defaultCurrency, allCustomerPricing, salesReps = [], warehouses = [], warehouseConfig, stockLocationsByMaterial = {}, t, tStatement, tGlobal, locale, currencySymbol = '$', cashierName, employeeCashAccountCode = '', scaleSettings, posPaymentMethods = { allowCash: true, allowVisa: true, allowReceivables: true }, visibleColumns = {}, printingSettings = { customPrintersEnabled: false, printerConfigs: [], printSections: [] }, restaurantConfig = { enabled: false } }: PosSalesProps) { const leftPanelWidthRef = useRef(320); const summaryPanelWidthRef = useRef(360); const { toast } = useToast(); const [, startInvoiceTransition] = useTransition(); const [isSaveInvoicePending, setIsSaveInvoicePending] = useState(false); const [isPartialPaymentPending, setIsPartialPaymentPending] = useState(false); const [isShiftPending, startShiftTransition] = useTransition(); const [customerList, setCustomerList] = useState(customers); const [barcodeInput, setBarcodeInput] = useState(''); const [showItemPicker, setShowItemPicker] = useState(false); const [itemSearch, setItemSearch] = useState(''); const [itemSearchDraft, setItemSearchDraft] = useState(''); const [showWeighedItemsDialog, setShowWeighedItemsDialog] = useState(false); const [weighedSearch, setWeighedSearch] = useState(''); const [weighedGroupFilter, setWeighedGroupFilter] = useState('__all__'); const [showGroupsPicker, setShowGroupsPicker] = useState(false); const [showRestaurantTablesDialog, setShowRestaurantTablesDialog] = useState(false); const [pendingTableIdOnSwitch, setPendingTableIdOnSwitch] = useState(null); const [showTableSwitchConfirmDialog, setShowTableSwitchConfirmDialog] = useState(false); const [showPartialCheckoutInfoDialog, setShowPartialCheckoutInfoDialog] = useState(false); const [partialPaySelectedIndexes, setPartialPaySelectedIndexes] = useState([]); const [showPartialPayDialog, setShowPartialPayDialog] = useState(false); const storageUserScope = useMemo(() => { const raw = String(employeeCashAccountCode || cashierName || 'default').trim(); return raw.replace(/[^a-zA-Z0-9_-]/g, '_') || 'default'; }, [employeeCashAccountCode, cashierName]); const posDraftInvoiceStorageKey = useMemo(() => `posDraftInvoice:${storageUserScope}`, [storageUserScope]); const posSuspendedInvoicesStorageKey = useMemo(() => `posSuspendedInvoices:${storageUserScope}`, [storageUserScope]); const posActiveRestaurantTableStorageKey = useMemo(() => `posActiveRestaurantTableId:${storageUserScope}`, [storageUserScope]); const isAnyPartialPaySelected = partialPaySelectedIndexes.length > 0; // partial pay per-row quantity ask const [partialPayRowIndex, setPartialPayRowIndex] = useState(null); const [partialPayRowQty, setPartialPayRowQty] = useState('1'); const [showPartialPayRowQtyDialog, setShowPartialPayRowQtyDialog] = useState(false); const handleOpenPartialPayRow = (index: number) => { const lineQty = Number(watchAllItems[index]?.quantity || 1); if (lineQty > 1) { setPartialPayRowIndex(index); setPartialPayRowQty(String(lineQty)); setShowPartialPayRowQtyDialog(true); } else { setPartialPaySelectedIndexes([index]); setShowPartialPayDialog(true); } }; const handleConfirmPartialPayRowQty = () => { if (partialPayRowIndex === null) return; setShowPartialPayRowQtyDialog(false); setPartialPaySelectedIndexes([partialPayRowIndex]); setShowPartialPayDialog(true); }; const [groupItemSearch, setGroupItemSearch] = useState(''); const [groupKeyboardVisible, setGroupKeyboardVisible] = useState(true); const [groupKeyboardLanguage, setGroupKeyboardLanguage] = useState<'ar' | 'en'>(locale === 'en' ? 'en' : 'ar'); const [showInvoices, setShowInvoices] = useState(false); const [showAddCustomerDialog, setShowAddCustomerDialog] = useState(false); const [showAccounting, setShowAccounting] = useState(false); const [accountingView, setAccountingView] = useState<'statement' | 'payment'>('statement'); const [showAddBarcodeDialog, setShowAddBarcodeDialog] = useState(false); const [notFoundBarcode, setNotFoundBarcode] = useState(''); const [showAddMaterialDialog, setShowAddMaterialDialog] = useState(false); const [addMaterialInitialValues, setAddMaterialInitialValues] = useState | undefined>(undefined); const [extraMaterials, setExtraMaterials] = useState([]); const [showWeightDialog, setShowWeightDialog] = useState(false); const [weightInput, setWeightInput] = useState(''); const [pendingWeightMaterial, setPendingWeightMaterial] = useState(null); const [pendingWeightUnitPrice, setPendingWeightUnitPrice] = useState(0); const [pendingWeightPrimaryPrice, setPendingWeightPrimaryPrice] = useState(0); const [pendingWeightDescription, setPendingWeightDescription] = useState(''); const [pendingMeasurementMode, setPendingMeasurementMode] = useState<'weight' | 'volume'>('weight'); const [pendingVolumeOptions, setPendingVolumeOptions] = useState>([]); const [selectedVolumeOptionKey, setSelectedVolumeOptionKey] = useState(''); const [isSerialSupported, setIsSerialSupported] = useState(false); const [isSerialConnected, setIsSerialConnected] = useState(false); const [isSerialConnecting, setIsSerialConnecting] = useState(false); const serialPortRef = useRef(null); const serialReaderRef = useRef(null); const serialAbortRef = useRef(false); const hidBufferRef = useRef(''); const hidTimerRef = useRef(null); const weightInputRef = useRef(null); const [showShapeDialog, setShowShapeDialog] = useState(false); const [pendingShapeMaterial, setPendingShapeMaterial] = useState(null); const [pendingShapeBasePrice, setPendingShapeBasePrice] = useState(0); const [pendingShapeBarcode, setPendingShapeBarcode] = useState(undefined); const [selectedShapeId, setSelectedShapeId] = useState(''); const [allItemUnits, setAllItemUnits] = useState(itemUnits); const [showTrackedUnitDialog, setShowTrackedUnitDialog] = useState(false); const [pendingTrackedMaterial, setPendingTrackedMaterial] = useState(null); const [pendingTrackedUnitPrice, setPendingTrackedUnitPrice] = useState(0); const [pendingTrackedDescription, setPendingTrackedDescription] = useState(''); const [trackedUnitSearch, setTrackedUnitSearch] = useState(''); const [paymentModalOpen, setPaymentModalOpen] = useState(false); const [pendingFinalizeAction, setPendingFinalizeAction] = useState<'save' | 'savePrint' | null>(null); const [showCustomerPickerDialog, setShowCustomerPickerDialog] = useState(false); const [customerSearchQuery, setCustomerSearchQuery] = useState(''); const [payments, setPayments] = useState([]); const [compactRowLayout, setCompactRowLayout] = useState(true); useEffect(() => { try { const stored = localStorage.getItem('posItemsRowLayout'); if (stored === 'expanded') setCompactRowLayout(false); else if (stored === 'compact') setCompactRowLayout(true); } catch {} }, []); useEffect(() => { try { localStorage.setItem('posItemsRowLayout', compactRowLayout ? 'compact' : 'expanded'); } catch {} }, [compactRowLayout]); const barcodeRef = useRef(null); const shouldPrintAfterSaveRef = useRef(false); const [isReturn, setIsReturn] = useState(false); const isWarehouseEnabled = warehouseConfig?.enabled === true; const allowOutOfStockSales = warehouseConfig?.allowOutOfStockSales === true; const defaultWarehouseId = isWarehouseEnabled ? String(warehouseConfig?.defaultWarehouseId || '') : ''; const defaultShelfId = isWarehouseEnabled ? String(warehouseConfig?.defaultShelfId || '') : ''; const showItemNumberColumn = visibleColumns.itemNumber !== false; const showUnitColumn = visibleColumns.unit !== false; const showDescriptionColumn = visibleColumns.description !== false; const showBarcodeColumn = visibleColumns.barcode !== false; const showQuantityColumn = visibleColumns.quantity !== false; const showPriceColumn = visibleColumns.price !== false; const showItemDiscountColumn = visibleColumns.itemDiscount !== false; const getDisplayCustomerName = (invoiceCustomerName?: string, linkedCustomerName?: string) => { const normalized = String(invoiceCustomerName || linkedCustomerName || '').trim(); if (!normalized) return t?.unknownCustomer ?? 'زبون غير معروف'; if (normalized === 'Cash Customer' || normalized === 'cash customer') return 'زبون نقدي'; if (normalized === 'زبون غير معروف') return 'زبون نقدي'; return normalized; }; const showBonusColumn = visibleColumns.bonus !== false; const showTotalColumn = visibleColumns.total !== false; const showActionsColumn = visibleColumns.actions !== false; const showWeighedItemsButton = visibleColumns.weighedItemsButton === true; const restaurantPosEnabled = restaurantConfig?.enabled === true; const restaurantAreasCount = Array.isArray(restaurantConfig?.areas) ? restaurantConfig.areas.length : 0; const restaurantTablesCount = Array.isArray(restaurantConfig?.tables) ? restaurantConfig.tables.length : 0; const restaurantAreas = useMemo( () => (Array.isArray(restaurantConfig?.areas) ? restaurantConfig.areas : []) .map((area, index) => ({ id: String(area?.id || '').trim(), name: String(area?.name || '').trim() || `منطقة ${index + 1}`, sortOrder: Number(area?.sortOrder || 0), })) .filter((area) => area.id.length > 0) .sort((a, b) => a.sortOrder - b.sortOrder || a.name.localeCompare(b.name, 'ar')), [restaurantConfig?.areas], ); const restaurantTables = useMemo( () => (Array.isArray(restaurantConfig?.tables) ? restaurantConfig.tables : []) .map((table, index) => ({ id: String(table?.id || '').trim(), tableCode: String((table as any)?.tableCode || '').trim() || undefined, name: String(table?.name || '').trim() || `طاولة ${index + 1}`, areaId: String(table?.areaId || '').trim(), seats: Math.max(1, Number(table?.seats || 4)), })) .filter((table) => table.id.length > 0), [restaurantConfig?.tables], ); const visibleColumnCount = [ true, showItemNumberColumn, showUnitColumn, isWarehouseEnabled, showDescriptionColumn, showBarcodeColumn, showQuantityColumn, showPriceColumn, showItemDiscountColumn, showBonusColumn, showTotalColumn, showActionsColumn, ].filter(Boolean).length; const enabledPrinters = useMemo( () => (Array.isArray(printingSettings?.printerConfigs) ? printingSettings.printerConfigs : []).filter((printer) => printer?.enabled !== false), [printingSettings], ); const activePrintSections = useMemo( () => (Array.isArray(printingSettings?.printSections) ? printingSettings.printSections : []) .filter((section) => section?.enabled !== false && String(section?.name || '').trim().length > 0), [printingSettings], ); const printerNameById = useMemo( () => new Map(enabledPrinters.map((printer) => [String(printer?.id || ''), String(printer?.name || printer?.id || '')])), [enabledPrinters], ); const printSectionById = useMemo( () => new Map(activePrintSections.map((section) => [String(section?.id || ''), section])), [activePrintSections], ); const defaultReceiptPrinterName = useMemo(() => { const printerId = String(printingSettings?.defaultCustomerReceiptPrinterId || '').trim(); return printerId ? (printerNameById.get(printerId) || '') : ''; }, [printingSettings, printerNameById]); const [showSuspended, setShowSuspended] = useState(false); const [activeShift, setActiveShift] = useState(null); const [cashboxSummary, setCashboxSummary] = useState({ openingCash: 0, cashSalesAmount: 0, expectedCashAtClose: 0 }); const [lastClosedShift, setLastClosedShift] = useState(null); const [isShiftLoading, setIsShiftLoading] = useState(true); const [showOpenShiftDialog, setShowOpenShiftDialog] = useState(false); const [showCloseShiftDialog, setShowCloseShiftDialog] = useState(false); const [showShiftConflictDialog, setShowShiftConflictDialog] = useState(false); const [showPendingInvoiceBeforeCloseDialog, setShowPendingInvoiceBeforeCloseDialog] = useState(false); const [liveTime, setLiveTime] = useState(''); const [shiftElapsed, setShiftElapsed] = useState('00:00:00'); const [isFullscreenMode, setIsFullscreenMode] = useState(false); const [openShiftCash, setOpenShiftCash] = useState('0'); const [openShiftVisa, setOpenShiftVisa] = useState('0'); const [openShiftNotes, setOpenShiftNotes] = useState(''); const [closeShiftCash, setCloseShiftCash] = useState('0'); const [closeShiftVisa, setCloseShiftVisa] = useState('0'); const [closeShiftNotes, setCloseShiftNotes] = useState(''); const [suspendedInvoices, setSuspendedInvoices] = useState([]); const [selectedAreaFilter, setSelectedAreaFilter] = useState('__all__'); const [activeRestaurantTableId, setActiveRestaurantTableId] = useState(''); const [lastAutosaveAt, setLastAutosaveAt] = useState(null); const [activeGroupId, setActiveGroupId] = useState(''); const [showAllGroups, setShowAllGroups] = useState(false); const [leftPanelWidth, setLeftPanelWidth] = useState(320); const [summaryPanelWidth, setSummaryPanelWidth] = useState(360); const isAnyBlockingDialogOpen = showItemPicker || showGroupsPicker || showRestaurantTablesDialog || showTableSwitchConfirmDialog || showPartialCheckoutInfoDialog || showAddCustomerDialog || showAddBarcodeDialog || showAddMaterialDialog || showWeightDialog || showShapeDialog || showTrackedUnitDialog || showSuspended || showInvoices || showPendingInvoiceBeforeCloseDialog || paymentModalOpen; const [invoiceDateFilter, setInvoiceDateFilter] = useState(() => { const now = new Date(); const local = new Date(now.getTime() - now.getTimezoneOffset() * 60000); return local.toISOString().slice(0, 10); }); const isShiftOpen = !!activeShift; const requestFullscreenMode = async () => { if (typeof document === 'undefined') return; if (document.fullscreenElement) return; try { await document.documentElement.requestFullscreen(); } catch { toast({ title: 'تعذر تفعيل ملء الشاشة', description: 'اضغط الزر مرة أخرى بعد أي تفاعل، أو استخدم F11 من المتصفح.', variant: 'destructive', }); } }; const toggleFullscreenMode = async () => { if (typeof document === 'undefined') return; try { if (document.fullscreenElement) { await document.exitFullscreen(); } else { await requestFullscreenMode(); } } catch { toast({ title: 'تعذر تغيير وضع الشاشة', description: 'تأكد أن المتصفح يسمح بوضع ملء الشاشة.', variant: 'destructive', }); } }; useEffect(() => { if (typeof document === 'undefined') return; const syncFullscreenState = () => setIsFullscreenMode(Boolean(document.fullscreenElement)); syncFullscreenState(); document.addEventListener('fullscreenchange', syncFullscreenState); return () => { document.removeEventListener('fullscreenchange', syncFullscreenState); }; }, []); const form = useForm>({ resolver: zodResolver(posSchema), defaultValues: { customerId: '', amountPaid: 0, payments: [], discountAmount: 0, isReturn: false, items: [], }, }); const { fields, append, replace } = useFieldArray({ control: form.control, name: 'items', }); const watchAllItems = useWatch({ control: form.control, name: 'items', }); const watchedAmountPaid = useWatch({ control: form.control, name: 'amountPaid', }); const watchedDiscountAmount = useWatch({ control: form.control, name: 'discountAmount', }); const selectedCustomerId = useWatch({ control: form.control, name: 'customerId', }); useEffect(() => { setIsSerialSupported(typeof window !== 'undefined' && !!(navigator as any)?.serial); }, []); const loadShiftStatus = async () => { setIsShiftLoading(true); try { const [result, cashboxResult] = await Promise.all([ Promise.race([ handleGetPosShiftStatus(), new Promise((resolve) => setTimeout(() => resolve({ success: false, error: 'SHIFT_STATUS_TIMEOUT' }), 5000)), ]), handleGetEmployeeCashboxSummary(employeeCashAccountCode), ]); if ((result as any)?.success) { setActiveShift(((result as any).activeShift || null) as PosShiftSession | null); setLastClosedShift(((result as any).lastClosedShift || null) as PosShiftSession | null); } else if ((result as any)?.error === 'SHIFT_STATUS_TIMEOUT') { setActiveShift(null); } if ((cashboxResult as any)?.success) { setCashboxSummary(((cashboxResult as any).summary || { openingCash: 0, cashSalesAmount: 0, expectedCashAtClose: 0 }) as CashboxSummary); } else { setCashboxSummary({ openingCash: 0, cashSalesAmount: 0, expectedCashAtClose: 0 }); } } catch { setActiveShift(null); setCashboxSummary({ openingCash: 0, cashSalesAmount: 0, expectedCashAtClose: 0 }); } finally { setIsShiftLoading(false); } }; useEffect(() => { loadShiftStatus(); }, []); const requestOpenShiftDialog = async (options?: { silent?: boolean }) => { if (isShiftPending) return; const silent = options?.silent === true; // Reset both dialogs before resolving the current runtime status. setShowOpenShiftDialog(false); setShowShiftConflictDialog(false); setIsShiftLoading(true); try { const status = await Promise.race([ handleGetPosShiftStatus(), new Promise((resolve) => setTimeout(() => resolve({ success: false, error: 'SHIFT_STATUS_TIMEOUT' }), 10000)), ]); if ((status as any)?.success) { const runtimeUserActive = (((status as any).activeShift || null) as PosShiftSession | null); if (runtimeUserActive) { setShowOpenShiftDialog(false); setShowShiftConflictDialog(true); const activeShiftOwner = String(runtimeUserActive.userName || cashierName || '').trim() || 'المستخدم الحالي'; toast({ title: t?.shiftAlreadyOpen ?? 'لا يمكن افتتاح وردية جديدة قبل إغلاق الوردية الحالية.', description: t?.shiftAlreadyOpenCurrentUser ?? `لديك وردية نشطة حالياً باسم: ${activeShiftOwner}. يمكنك الاستمرار بها أو إغلاقها وبدء وردية جديدة.`, variant: 'destructive', }); return; } // No active shift for current user -> safe to open a new shift for this user. setShowOpenShiftDialog(true); return; } // If status check timed out/failed, do not open shift dialog before verification. if (!silent) { toast({ title: t?.unexpectedError ?? 'تعذر التحقق من حالة الوردية', description: t?.shiftStatusUnavailable ?? 'تعذر التأكد من وجود وردية نشطة حالياً. حاول مرة أخرى.', variant: 'destructive', }); } } catch { if (!silent) { toast({ title: t?.unexpectedError ?? 'تعذر التحقق من حالة الوردية', description: t?.shiftStatusUnavailable ?? 'تعذر التأكد من وجود وردية نشطة حالياً. حاول مرة أخرى.', variant: 'destructive', }); } } finally { setIsShiftLoading(false); } }; // Auto-open shift dialog on first load only — ref prevents re-triggering on subsequent loadShiftStatus calls const initialShiftCheckDoneRef = useRef(false); useEffect(() => { if (isShiftLoading) return; // wait until loading finishes if (initialShiftCheckDoneRef.current) return; // already checked once initialShiftCheckDoneRef.current = true; // Skip the auto-prompt when loadShiftStatus already resolved an active shift for this user; // there is nothing to confirm and no need to make a second round-trip. if (activeShift) return; // Always run the shift check once on startup: // - shows conflict dialog first if a shift is already open // - otherwise shows open-shift dialog // Silent on auto-fire so a slow/unauthorized response on first paint does not flash a destructive toast. void requestOpenShiftDialog({ silent: true }); }, [isShiftLoading]); // Live clock — initialized only after mount to avoid SSR/hydration mismatch useEffect(() => { const fmt = () => new Date().toLocaleTimeString('ar-SA', { hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false }); setLiveTime(fmt()); const timer = setInterval(() => setLiveTime(fmt()), 1000); return () => clearInterval(timer); }, []); useEffect(() => { const formatElapsed = (totalSeconds: number) => { const safe = Math.max(0, Math.floor(totalSeconds)); const hours = Math.floor(safe / 3600).toString().padStart(2, '0'); const minutes = Math.floor((safe % 3600) / 60).toString().padStart(2, '0'); const seconds = (safe % 60).toString().padStart(2, '0'); return `${hours}:${minutes}:${seconds}`; }; const updateElapsed = () => { if (!activeShift?.startedAt) { setShiftElapsed('00:00:00'); return; } const startedAtMs = new Date(activeShift.startedAt).getTime(); if (!Number.isFinite(startedAtMs)) { setShiftElapsed('00:00:00'); return; } const nowMs = Date.now(); setShiftElapsed(formatElapsed((nowMs - startedAtMs) / 1000)); }; updateElapsed(); const timer = setInterval(updateElapsed, 1000); return () => clearInterval(timer); }, [activeShift?.startedAt]); const handleOpenShiftSubmit = () => { const openingCash = Number(openShiftCash || 0); const openingVisa = Number(openShiftVisa || 0); if (!Number.isFinite(openingCash) || openingCash < 0 || !Number.isFinite(openingVisa) || openingVisa < 0) { toast({ title: t?.validationError ?? 'خطأ في التحقق', description: t?.invalidAmount ?? 'الرجاء إدخال مبالغ صحيحة.', variant: 'destructive', }); return; } startShiftTransition(async () => { const status = await handleGetPosShiftStatus(); if ((status as any)?.success) { const runtimeUserActive = (((status as any).activeShift || null) as PosShiftSession | null); if (runtimeUserActive) { setShowOpenShiftDialog(false); setShowShiftConflictDialog(true); const activeShiftOwner = String(runtimeUserActive.userName || cashierName || '').trim() || 'المستخدم الحالي'; toast({ title: t?.shiftAlreadyOpen ?? 'لا يمكن افتتاح وردية جديدة قبل إغلاق الوردية الحالية.', description: t?.shiftAlreadyOpenCurrentUser ?? `لديك وردية نشطة حالياً باسم: ${activeShiftOwner}. يمكنك الاستمرار بها أو إغلاقها وبدء وردية جديدة.`, variant: 'destructive', }); return; } } const result = await handleOpenPosShift({ openingCash, openingVisa, notes: openShiftNotes, }); if ((result as any)?.success) { setShowOpenShiftDialog(false); setOpenShiftNotes(''); setCloseShiftCash('0'); setCloseShiftVisa('0'); loadShiftStatus(); // fire-and-forget so transition ends immediately toast({ title: t?.success ?? 'نجاح', description: t?.shiftOpenedSuccess ?? 'تم افتتاح الوردية بنجاح.' }); return; } if ((result as any)?.error === 'POS_SHIFT_ALREADY_ACTIVE') { await loadShiftStatus(); setShowShiftConflictDialog(true); } toast({ title: t?.saveInvoiceError ?? 'فشل العملية', description: (result as any)?.error === 'POS_SHIFT_ALREADY_ACTIVE' ? (t?.shiftAlreadyOpen ?? 'لا يمكن افتتاح وردية جديدة قبل إغلاق الوردية الحالية.') : ((result as any)?.error || (t?.unexpectedError ?? 'حدث خطأ غير متوقع.')), variant: 'destructive', }); }); }; const handleContinueExistingShift = () => { setShowShiftConflictDialog(false); setShowOpenShiftDialog(false); loadShiftStatus(); toast({ title: t?.success ?? 'نجاح', description: t?.shiftContinueExisting ?? 'تم الاستمرار بالوردية الحالية.', }); }; const handleClosePreviousAndOpenNewShift = () => { startShiftTransition(async () => { let runtimeActiveShift = activeShift; if (!runtimeActiveShift) { const status = await handleGetPosShiftStatus(); if ((status as any)?.success) { runtimeActiveShift = ((status as any).activeShift || null) as PosShiftSession | null; } } if (runtimeActiveShift) { const closeResult = await handleClosePosShift({ countedCash: Number(runtimeActiveShift.expectedCashAtClose || 0), countedVisa: Number(runtimeActiveShift.expectedVisaAtClose || 0), notes: t?.shiftAutoCloseForReopen ?? 'إغلاق تلقائي قبل افتتاح وردية جديدة', }); if (!(closeResult as any)?.success) { const closeErrorCode = String((closeResult as any)?.error || ''); toast({ title: t?.saveInvoiceError ?? 'فشل العملية', description: closeErrorCode === 'POS_SHIFT_VARIANCE_NOT_ALLOWED' ? (t?.shiftVarianceNotAllowed ?? 'لا يمكن إغلاق الوردية مع وجود فروقات حسب الإعدادات.') : (closeErrorCode || (t?.unexpectedError ?? 'حدث خطأ غير متوقع.')), variant: 'destructive', }); return; } } setActiveShift(null); setShowShiftConflictDialog(false); setOpenShiftCash('0'); setOpenShiftVisa('0'); setOpenShiftNotes(''); setShowOpenShiftDialog(true); loadShiftStatus(); toast({ title: t?.success ?? 'نجاح', description: t?.shiftClosedPrepareNew ?? 'تم إغلاق الوردية السابقة. أدخل الأرصدة الافتتاحية لفتح وردية جديدة.', }); }); }; const pendingInvoiceLineCount = (watchAllItems || []).filter((item) => String(item?.materialId || '').trim() && Number(item?.quantity || 0) > 0).length; const hasPendingInvoiceLines = pendingInvoiceLineCount > 0; const activeRestaurantTable = restaurantTables.find((table) => table.id === activeRestaurantTableId) || null; const activeRestaurantAreaName = activeRestaurantTable ? (restaurantAreas.find((area) => area.id === activeRestaurantTable.areaId)?.name || 'بدون منطقة') : ''; const activeRestaurantAreaId = activeRestaurantTable?.areaId || ''; const filteredRestaurantTables = useMemo(() => { if (selectedAreaFilter === '__all__') return restaurantTables; return restaurantTables.filter((table) => String(table.areaId || '') === selectedAreaFilter); }, [restaurantTables, selectedAreaFilter]); const occupiedTableIds = useMemo( () => new Set(suspendedInvoices.map((invoice) => String(invoice.tableId || '').trim()).filter(Boolean)), [suspendedInvoices], ); const openCloseShiftDialogWithDefaults = async () => { setIsShiftLoading(true); try { const [statusResult, cashboxResult] = await Promise.all([ Promise.race([ handleGetPosShiftStatus(), new Promise((resolve) => setTimeout(() => resolve({ success: false, error: 'SHIFT_STATUS_TIMEOUT' }), 8000)), ]), handleGetEmployeeCashboxSummary(employeeCashAccountCode), ]); const runtimeActiveShift = ((statusResult as any)?.success ? ((statusResult as any).activeShift || null) : null) as PosShiftSession | null; if (!runtimeActiveShift) { setActiveShift(null); setShowCloseShiftDialog(false); toast({ title: t?.shiftNotOpen ?? 'لا توجد وردية نشطة', description: t?.shiftNotOpenDesc ?? 'تعذر تحميل وردية نشطة قبل الإغلاق. حاول مرة أخرى.', variant: 'destructive', }); return; } setActiveShift(runtimeActiveShift); if ((cashboxResult as any)?.success) { setCashboxSummary(((cashboxResult as any).summary || { openingCash: 0, cashSalesAmount: 0, expectedCashAtClose: 0 }) as CashboxSummary); } setCloseShiftCash(String(runtimeActiveShift.expectedCashAtClose || 0)); setCloseShiftVisa(String(runtimeActiveShift.expectedVisaAtClose || 0)); setCloseShiftNotes(''); setShowCloseShiftDialog(true); } catch { toast({ title: t?.saveInvoiceError ?? 'فشل العملية', description: t?.unexpectedError ?? 'حدث خطأ غير متوقع.', variant: 'destructive', }); } finally { setIsShiftLoading(false); } }; const clearPendingInvoiceDraft = () => { form.reset({ customerId: '', amountPaid: 0, payments: [], discountAmount: 0, items: [], isReturn }); setPayments([]); localStorage.removeItem(posDraftInvoiceStorageKey); const socket = getPosDraftSocket(storageUserScope); socket.emit('auth', { userId: storageUserScope }); socket.emit('draft:clear'); }; const handleSuspendPendingInvoiceAndContinueClose = () => { handleSuspend(); setShowPendingInvoiceBeforeCloseDialog(false); void openCloseShiftDialogWithDefaults(); }; const handleDiscardPendingInvoiceAndContinueClose = () => { clearPendingInvoiceDraft(); setShowPendingInvoiceBeforeCloseDialog(false); toast({ title: t?.invoiceCancelled ?? 'تم إلغاء الفاتورة الحالية وتفريغ الجدول.' }); void openCloseShiftDialogWithDefaults(); }; const handleCloseShiftOpen = async () => { if (!activeShift) return; if (hasPendingInvoiceLines) { setShowPendingInvoiceBeforeCloseDialog(true); return; } await openCloseShiftDialogWithDefaults(); }; const printShiftSummary = () => { if (!activeShift) return; const totalSales = (activeShift.cashSalesAmount || 0) + (activeShift.visaSalesAmount || 0) + (activeShift.receivablesAmount || 0) + (activeShift.couponAmount || 0); const countedCash = Number(closeShiftCash || 0); const countedVisa = Number(closeShiftVisa || 0); const cashDiff = countedCash - (activeShift.expectedCashAtClose || 0); const visaDiff = countedVisa - (activeShift.expectedVisaAtClose || 0); const row = (label: string, value: string, bold = false) => `${escapePrintHtml(label)}${escapePrintHtml(value)}`; const divider = `
`; const html = `ملخص الوردية

ملخص الوردية

${row('الكاشير', cashierName || '—')}${row('بداية الوردية', formatDateTimeStable(activeShift.startedAt))}${divider}${row('نقدي افتتاحي', formatCurrency(cashboxSummary.openingCash, currencySymbol))}${row('بطاقة افتتاحية', formatCurrency(activeShift.openingVisa || 0, currencySymbol))}${divider}${row('مبيعات نقدية', formatCurrency(cashboxSummary.cashSalesAmount, currencySymbol))}${row('مبيعات بطاقة', formatCurrency(activeShift.visaSalesAmount || 0, currencySymbol))}${activeShift.receivablesAmount ? row('مبيعات آجلة', formatCurrency(activeShift.receivablesAmount, currencySymbol)) : ''}${activeShift.couponAmount ? row('كوبونات', formatCurrency(activeShift.couponAmount, currencySymbol)) : ''}${row('إجمالي المبيعات', formatCurrency(totalSales, currencySymbol), true)}${divider}${row('نقدي متوقع', formatCurrency(cashboxSummary.expectedCashAtClose, currencySymbol))}${row('بطاقة متوقعة', formatCurrency(activeShift.expectedVisaAtClose || 0, currencySymbol))}${divider}${row('جرد نقدي فعلي', formatCurrency(countedCash, currencySymbol))}${row('جرد بطاقة فعلي', formatCurrency(countedVisa, currencySymbol))}${row('فرق النقد', formatCurrency(cashDiff, currencySymbol), true)}${row('فرق البطاقة', formatCurrency(visaDiff, currencySymbol), true)}${closeShiftNotes ? divider + row('ملاحظات', closeShiftNotes) : ''}
`; openPrintPreviewWindow(html); }; const handleCloseShiftSubmit = () => { if (hasPendingInvoiceLines) { setShowCloseShiftDialog(false); setShowPendingInvoiceBeforeCloseDialog(true); toast({ title: t?.closeShiftRequiresEmptyTable ?? 'لا يمكن إغلاق الوردية', description: t?.closeShiftRequiresEmptyTableDesc ?? 'جدول الفاتورة يحتوي أصنافاً. قم بتعليق الفاتورة أو إلغائها قبل إغلاق الوردية.', variant: 'destructive', }); return; } if (suspendedInvoices.length > 0) { setShowCloseShiftDialog(false); toast({ title: 'لا يمكن إغلاق الوردية', description: `يوجد ${suspendedInvoices.length} فاتورة/فواتير معلقة. يجب محاسبتها أو حذفها قبل إغلاق الوردية.`, variant: 'destructive', }); return; } const countedCash = Number(closeShiftCash || 0); const countedVisa = Number(closeShiftVisa || 0); if (!Number.isFinite(countedCash) || countedCash < 0 || !Number.isFinite(countedVisa) || countedVisa < 0) { toast({ title: t?.validationError ?? 'خطأ في التحقق', description: t?.invalidAmount ?? 'الرجاء إدخال مبالغ صحيحة.', variant: 'destructive', }); return; } startShiftTransition(async () => { const result = await handleClosePosShift({ countedCash, countedVisa, notes: closeShiftNotes, }); if ((result as any)?.success) { setShowCloseShiftDialog(false); loadShiftStatus(); // fire-and-forget so transition ends immediately toast({ title: t?.success ?? 'نجاح', description: (result as any)?.requiresApproval ? (t?.shiftClosedPendingApproval ?? 'تم إغلاق الوردية مع فروقات وتنتظر الاعتماد.') : (t?.shiftClosedSuccess ?? 'تم إغلاق الوردية بنجاح.'), }); return; } const errorCode = String((result as any)?.error || ''); toast({ title: t?.saveInvoiceError ?? 'فشل العملية', description: errorCode === 'POS_SHIFT_NOT_ACTIVE' ? (t?.shiftNotOpen ?? 'لا توجد وردية نشطة لهذا المستخدم.') : errorCode === 'POS_SHIFT_VARIANCE_NOT_ALLOWED' ? (t?.shiftVarianceNotAllowed ?? 'لا يمكن إغلاق الوردية مع وجود فروقات حسب الإعدادات.') : (errorCode || (t?.unexpectedError ?? 'حدث خطأ غير متوقع.')), variant: 'destructive', }); }); }; const effectiveScaleMode = (scaleSettings?.mode || 'manual') as 'manual' | 'hid' | 'serial'; const isManualVolumeDialog = pendingMeasurementMode === 'volume'; const parseScaleWeight = (raw: string): number | null => { const source = String(raw || '').trim(); if (!source) return null; const pattern = String(scaleSettings?.readRegex || '([0-9]+(?:[\\.,][0-9]+)?)'); let extracted = source; try { const regex = new RegExp(pattern); const match = source.match(regex); extracted = String(match?.[1] || match?.[0] || source); } catch { extracted = source; } const decimalMode = scaleSettings?.decimalSeparator || 'auto'; let normalized = extracted; if (decimalMode === 'dot') { normalized = normalized.replace(/,/g, '.'); } else if (decimalMode === 'comma') { normalized = normalized.replace(/\./g, '').replace(',', '.'); } else { normalized = normalized.replace(',', '.'); } const parsed = Number.parseFloat(normalized); if (!Number.isFinite(parsed) || parsed <= 0) return null; return parsed; }; const applyScaleWeight = (raw: string) => { const parsed = parseScaleWeight(raw); if (parsed === null) return; setWeightInput(String(parsed)); }; const closeSerialReader = async () => { serialAbortRef.current = true; try { if (serialReaderRef.current) { await serialReaderRef.current.cancel(); serialReaderRef.current.releaseLock(); } } catch { // ignore } serialReaderRef.current = null; try { if (serialPortRef.current) { await serialPortRef.current.close(); } } catch { // ignore } serialPortRef.current = null; setIsSerialConnected(false); }; const startSerialReadLoop = async (port: any) => { serialAbortRef.current = false; const reader = port.readable?.getReader(); if (!reader) return; serialReaderRef.current = reader; const decoder = new TextDecoder(); let buffer = ''; try { while (!serialAbortRef.current) { const { value, done } = await reader.read(); if (done) break; if (!value) continue; buffer += decoder.decode(value, { stream: true }); const parts = buffer.split(/\r?\n/); buffer = parts.pop() || ''; for (const line of parts) { applyScaleWeight(line); } } } catch { // ignore disconnection/read errors } finally { try { reader.releaseLock(); } catch { // ignore } if (serialReaderRef.current === reader) { serialReaderRef.current = null; } setIsSerialConnected(false); } }; const connectSerialPort = async (preferGranted = false) => { if (!(navigator as any)?.serial) return; setIsSerialConnecting(true); try { let port: any = null; if (preferGranted) { const grantedPorts = await (navigator as any).serial.getPorts(); if (Array.isArray(grantedPorts) && grantedPorts.length > 0) { port = grantedPorts[0]; } } if (!port) { port = await (navigator as any).serial.requestPort(); } await port.open({ baudRate: Number(scaleSettings?.serialBaudRate || 9600), dataBits: Number(scaleSettings?.serialDataBits || 8), stopBits: Number(scaleSettings?.serialStopBits || 1), parity: scaleSettings?.serialParity || 'none', }); serialPortRef.current = port; setIsSerialConnected(true); startSerialReadLoop(port); } catch { setIsSerialConnected(false); } finally { setIsSerialConnecting(false); } }; useEffect(() => { if (!showWeightDialog) return; weightInputRef.current?.focus(); }, [showWeightDialog]); useEffect(() => { if (!showWeightDialog || isManualVolumeDialog || effectiveScaleMode !== 'hid') return; const minLen = Number(scaleSettings?.hidMinLength || 3); const commit = () => { const chunk = hidBufferRef.current; hidBufferRef.current = ''; if (!chunk || chunk.length < minLen) return; applyScaleWeight(chunk); }; const onKeyDown = (event: KeyboardEvent) => { const key = event.key; if (/^[0-9.,-]$/.test(key)) { hidBufferRef.current += key; if (hidTimerRef.current) clearTimeout(hidTimerRef.current); hidTimerRef.current = setTimeout(commit, 120); return; } if (key === 'Enter') { event.preventDefault(); commit(); } }; window.addEventListener('keydown', onKeyDown); return () => { window.removeEventListener('keydown', onKeyDown); if (hidTimerRef.current) clearTimeout(hidTimerRef.current); hidBufferRef.current = ''; }; }, [showWeightDialog, isManualVolumeDialog, effectiveScaleMode, scaleSettings?.hidMinLength]); useEffect(() => { if (!showWeightDialog || isManualVolumeDialog || effectiveScaleMode !== 'serial') return; if (!isSerialSupported) return; if (scaleSettings?.serialAutoConnect) { connectSerialPort(true); } return () => { closeSerialReader(); }; }, [showWeightDialog, isManualVolumeDialog, effectiveScaleMode, isSerialSupported, scaleSettings?.serialAutoConnect]); useEffect(() => { return () => { closeSerialReader(); }; }, []); useEffect(() => { if (!isAnyBlockingDialogOpen) { barcodeRef.current?.focus(); } }, [isAnyBlockingDialogOpen]); useEffect(() => { if (!isAnyBlockingDialogOpen) return; const activeElement = document.activeElement; if (activeElement instanceof HTMLElement) { activeElement.blur(); } }, [isAnyBlockingDialogOpen]); useEffect(() => { setAllItemUnits(itemUnits || []); }, [itemUnits]); useEffect(() => { const storedLeft = localStorage.getItem('posLayoutLeftPanelWidth'); const storedSummary = localStorage.getItem('posLayoutSummaryPanelWidth'); if (storedLeft) { const parsed = Number(storedLeft); if (Number.isFinite(parsed)) { setLeftPanelWidth(Math.min(Math.max(parsed, 260), 640)); } } if (storedSummary) { const parsed = Number(storedSummary); if (Number.isFinite(parsed)) { setSummaryPanelWidth(Math.min(Math.max(parsed, 280), 520)); } } }, []); useEffect(() => { form.setValue('isReturn', isReturn); }, [isReturn, form]); useEffect(() => { leftPanelWidthRef.current = leftPanelWidth; }, [leftPanelWidth]); useEffect(() => { summaryPanelWidthRef.current = summaryPanelWidth; }, [summaryPanelWidth]); useEffect(() => { const saved = localStorage.getItem(posSuspendedInvoicesStorageKey); if (saved) { try { setSuspendedInvoices(JSON.parse(saved)); } catch { setSuspendedInvoices([]); } return; } setSuspendedInvoices([]); }, [posSuspendedInvoicesStorageKey]); useEffect(() => { if (!restaurantPosEnabled) return; const savedTable = String(localStorage.getItem(posActiveRestaurantTableStorageKey) || '').trim(); if (!savedTable) return; if (!restaurantTables.some((table) => table.id === savedTable)) return; setActiveRestaurantTableId(savedTable); }, [restaurantPosEnabled, restaurantTables, posActiveRestaurantTableStorageKey]); useEffect(() => { if (!restaurantPosEnabled) return; if (!activeRestaurantTableId) { localStorage.removeItem(posActiveRestaurantTableStorageKey); return; } localStorage.setItem(posActiveRestaurantTableStorageKey, activeRestaurantTableId); }, [restaurantPosEnabled, activeRestaurantTableId, posActiveRestaurantTableStorageKey]); useEffect(() => { const draft = localStorage.getItem(posDraftInvoiceStorageKey); if (draft) { try { const parsed = JSON.parse(draft); if (parsed && typeof parsed === 'object') { form.reset({ customerId: parsed.customerId || '', amountPaid: parsed.amountPaid || 0, payments: Array.isArray(parsed.payments) ? parsed.payments : [], discountAmount: parsed.discountAmount || 0, items: Array.isArray(parsed.items) ? parsed.items : [], isReturn: !!parsed.isReturn, }); setPayments(Array.isArray(parsed.payments) ? parsed.payments : []); setIsReturn(!!parsed.isReturn); } } catch { // ignore invalid draft } return; } form.reset({ customerId: '', amountPaid: 0, payments: [], discountAmount: 0, items: [], isReturn: false, }); setPayments([]); setIsReturn(false); }, [form, posDraftInvoiceStorageKey]); useEffect(() => { if (!storageUserScope) return; const socket = getPosDraftSocket(storageUserScope); socket.emit('auth', { userId: storageUserScope }); const handleDraftInit = (draft: any) => { if (!draft || typeof draft !== 'object') return; if ('customerId' in draft) form.setValue('customerId', String(draft.customerId || '')); if ('amountPaid' in draft) form.setValue('amountPaid', Number(draft.amountPaid || 0)); if ('items' in draft) form.setValue('items', Array.isArray(draft.items) ? draft.items : []); if ('discountAmount' in draft) form.setValue('discountAmount', Number(draft.discountAmount || 0)); if ('payments' in draft) { const nextPayments = Array.isArray(draft.payments) ? draft.payments : []; form.setValue('payments', nextPayments); setPayments(nextPayments as any); } if ('isReturn' in draft) { const nextIsReturn = Boolean(draft.isReturn); form.setValue('isReturn', nextIsReturn); setIsReturn(nextIsReturn); } }; socket.on('draft:init', handleDraftInit); const subscription = form.watch((values, { name }) => { if (!name) return; if (name === 'customerId') { socket.emit('draft:diff', { op: 'set', path: 'customerId', value: values.customerId || '' }); } if (name === 'amountPaid') { socket.emit('draft:diff', { op: 'set', path: 'amountPaid', value: values.amountPaid || 0 }); } if (name === 'items') { socket.emit('draft:diff', { op: 'set', path: 'items', value: values.items || [] }); } if (name === 'discountAmount') { socket.emit('draft:diff', { op: 'set', path: 'discountAmount', value: values.discountAmount || 0 }); } if (name === 'payments') { socket.emit('draft:diff', { op: 'set', path: 'payments', value: values.payments || [] }); } if (name === 'isReturn') { socket.emit('draft:diff', { op: 'set', path: 'isReturn', value: Boolean(values.isReturn) }); } }); return () => { socket.off('draft:init', handleDraftInit); subscription?.unsubscribe?.(); }; }, [form, storageUserScope]); useEffect(() => { localStorage.setItem(posSuspendedInvoicesStorageKey, JSON.stringify(suspendedInvoices)); }, [suspendedInvoices, posSuspendedInvoicesStorageKey]); useEffect(() => { const interval = setInterval(() => { const payload = { customerId: form.getValues('customerId'), amountPaid: form.getValues('amountPaid') || 0, payments: form.getValues('payments') || [], discountAmount: form.getValues('discountAmount') || 0, items: form.getValues('items') || [], isReturn, savedAt: new Date().toISOString(), }; localStorage.setItem(posDraftInvoiceStorageKey, JSON.stringify(payload)); setLastAutosaveAt(payload.savedAt); }, 1000); return () => clearInterval(interval); }, [form, isReturn, payments, posDraftInvoiceStorageKey]); const allMaterials = useMemo(() => { const merged: ProductionItem[] = []; const seen = new Set(); for (const item of materials) { if (!item?.id || seen.has(item.id)) continue; merged.push(item); seen.add(item.id); } for (const item of extraMaterials) { if (!item?.id || seen.has(item.id)) continue; merged.push(item); seen.add(item.id); } return merged; }, [extraMaterials, materials]); const availableLocationsByMaterial = useMemo(() => { const map = new Map(); Object.entries(stockLocationsByMaterial || {}).forEach(([materialId, locations]) => { const validLocations = (locations || []) .filter((location) => Number(location.quantity || 0) > 0) .sort((a, b) => Number(b.quantity || 0) - Number(a.quantity || 0)); map.set(materialId, validLocations); }); return map; }, [stockLocationsByMaterial]); const warehouseNameById = useMemo(() => { const map = new Map(); (warehouses || []).forEach((warehouse) => { map.set(warehouse.id, warehouse.name); }); return map; }, [warehouses]); const shelfNameById = useMemo(() => { const map = new Map(); (warehouses || []).forEach((warehouse) => { (warehouse.shelves || []).forEach((shelf) => { map.set(shelf.id, shelf.name); }); }); return map; }, [warehouses]); const resolveDefaultSourceForMaterial = (materialId: string) => { if (!isWarehouseEnabled) { return { warehouseId: '', shelfId: '' }; } const locations = availableLocationsByMaterial.get(materialId) || []; if (locations.length === 1) { return { warehouseId: locations[0].warehouseId, shelfId: locations[0].shelfId, }; } if (defaultWarehouseId && defaultShelfId) { const match = locations.find( (location) => location.warehouseId === defaultWarehouseId && location.shelfId === defaultShelfId ); if (match) { return { warehouseId: match.warehouseId, shelfId: match.shelfId, }; } if (allowOutOfStockSales) { return { warehouseId: defaultWarehouseId, shelfId: defaultShelfId, }; } } return { warehouseId: '', shelfId: '' }; }; useEffect(() => { if (!isWarehouseEnabled) return; (watchAllItems || []).forEach((item, index) => { const materialId = String(item?.materialId || '').trim(); if (!materialId) return; const locations = availableLocationsByMaterial.get(materialId) || []; if (locations.length !== 1) return; const autoLocation = locations[0]; const currentWarehouseId = String((item as any)?.warehouseId || '').trim(); const currentShelfId = String((item as any)?.shelfId || '').trim(); if (currentWarehouseId !== autoLocation.warehouseId) { form.setValue(`items.${index}.warehouseId`, autoLocation.warehouseId); } if (currentShelfId !== autoLocation.shelfId) { form.setValue(`items.${index}.shelfId`, autoLocation.shelfId); } }); }, [watchAllItems, isWarehouseEnabled, availableLocationsByMaterial, form]); const selectedCustomer = useMemo(() => customerList.find(c => c.id === selectedCustomerId), [customerList, selectedCustomerId]); const customerPricing = useMemo(() => { const category = selectedCustomer?.category || 'general'; return allCustomerPricing.find(p => p.category === category); }, [selectedCustomer, allCustomerPricing]); const customerPriceByMaterialId = useMemo(() => { const map = new Map(); const prices = Array.isArray(customerPricing?.prices) ? customerPricing.prices : []; prices.forEach((price) => { const materialId = String(price?.materialId || '').trim(); if (!materialId) return; map.set(materialId, Number(price?.price || 0)); }); return map; }, [customerPricing]); const campaignPreview = useMemo(() => { return computeCampaignLivePreview({ lines: (watchAllItems || []).map((item, index) => ({ lineKey: String(index), materialId: String(item?.materialId || '').trim(), quantity: Number(item?.quantity || 0), unitPrice: Number(item?.unitPrice || 0), currentDiscount: Number(item?.discount || 0), })), campaigns, customerCategory: String(selectedCustomer?.category || 'general'), atIso: new Date().toISOString(), forPos: true, isReturn, }); }, [watchAllItems, campaigns, selectedCustomer, isReturn]); const posGroups = useMemo(() => (itemGroups || []).filter(g => g.isPosEnabled), [itemGroups]); const visibleGroups = useMemo(() => { if (showAllGroups) return posGroups; if (!activeGroupId) return posGroups.slice(0, 1); return posGroups.filter(g => g.id === activeGroupId); }, [posGroups, showAllGroups, activeGroupId]); const measuredItemsCount = useMemo(() => allMaterials.filter((material) => isMaterialMeasured(material)).length, [allMaterials]); const trackedItemsCount = useMemo(() => allMaterials.filter((material) => isTrackedMaterial(material)).length, [allMaterials]); useEffect(() => { if (posGroups.length === 0) { setActiveGroupId(''); } }, [posGroups.length]); useEffect(() => { if (!showGroupsPicker) return; if (!activeGroupId || !posGroups.find(g => g.id === activeGroupId)) { setActiveGroupId(posGroups[0]?.id || ''); } }, [showGroupsPicker, posGroups, activeGroupId]); const getMaterialUnitPricing = (material: ProductionItem) => { const priceInfo = customerPricing?.prices.find(p => p.materialId === material.id); const primaryPrice = Number(priceInfo?.price ?? material.salePrice ?? 0); const firstSecondary = Array.isArray(material.secondaryUnits) && material.secondaryUnits.length > 0 ? material.secondaryUnits[0] : undefined; const conversionQty = Number(firstSecondary?.quantity ?? material.secondaryUnitQuantity ?? 0); const explicitSecondaryPrice = firstSecondary?.price; const secondaryPrice = Number.isFinite(Number(explicitSecondaryPrice)) ? Number(explicitSecondaryPrice) : (typeof material.secondaryUnitPrice === 'number' ? material.secondaryUnitPrice : (conversionQty > 0 ? primaryPrice / conversionQty : undefined)); return { primaryPrice, conversionQty, secondaryPrice: typeof secondaryPrice === 'number' && Number.isFinite(secondaryPrice) ? secondaryPrice : undefined, primaryUnitLabel: material.primaryUnit || '-', secondaryUnitLabel: String(firstSecondary?.unit || material.secondaryUnit || material.primaryUnit || '-'), }; }; const getSecondaryVolumeOptions = (material: ProductionItem, primaryPrice: number) => { const fromArray = Array.isArray(material.secondaryUnits) ? material.secondaryUnits .map((entry, index) => { const unitLabel = String(entry?.unit || '').trim(); if (!unitLabel) return null; const quantity = Number(entry?.quantity || 0); const explicit = Number(entry?.price); const computedPrice = Number.isFinite(explicit) ? explicit : (quantity > 0 ? (primaryPrice / quantity) : primaryPrice); return { key: `secondary-${index}`, label: unitLabel, price: computedPrice, barcode: String(entry?.barcode || '').trim(), }; }) .filter((entry): entry is { key: string; label: string; price: number; barcode: string } => !!entry) : []; if (fromArray.length > 0) return fromArray; const legacyLabel = String(material.secondaryUnit || '').trim(); if (!legacyLabel) return []; const qty = Number(material.secondaryUnitQuantity || 0); const price = typeof material.secondaryUnitPrice === 'number' ? Number(material.secondaryUnitPrice) : (qty > 0 ? (primaryPrice / qty) : primaryPrice); return [{ key: 'legacy-secondary', label: legacyLabel, price, barcode: String(material.secondaryBarcode || '').trim() }]; }; const getUnitPriceForMaterial = (material: ProductionItem) => { return getMaterialUnitPricing(material).primaryPrice; }; const getMaterialDisplayLabel = (material?: ProductionItem | null) => { const name = String(material?.name || '').trim(); const symbol = String(material?.itemSymbolName || '').trim(); if (!name) return ''; return symbol ? `${name} - ${symbol}` : name; }; function isTrackedMaterial(material: ProductionItem) { return material?.hasSerialNumber === true || material?.hasRfid === true; } const normalizeCode = (value: string) => String(value || '').trim().toLowerCase(); const getAvailableUnitsForMaterial = (material: ProductionItem | null) => { if (!material) return [] as ItemUnit[]; const alreadySelected = new Set( (watchAllItems || []) .map((line) => String((line as any)?.itemUnitId || '').trim()) .filter(Boolean) ); return (allItemUnits || []).filter((unit) => { if (unit.itemId !== material.id) return false; if (unit.status === 'sold' || unit.status === 'damaged') return false; if (alreadySelected.has(unit.id)) return false; return true; }); }; const getTrackedUnitLabel = (unit: ItemUnit) => { const serial = String(unit.serialNumber || '').trim(); const rfid = String(unit.rfidCode || '').trim(); if (serial && rfid) return `${serial} / ${rfid}`; return serial || rfid || unit.id; }; const getTrackedUnitForLine = (line: any) => { const unitId = String(line?.itemUnitId || '').trim(); if (!unitId) return null; return (allItemUnits || []).find((unit) => unit.id === unitId) || null; }; const isTrackedLineMissingUnit = (line: any) => { const materialId = String(line?.materialId || '').trim(); if (!materialId) return false; const material = allMaterials.find((entry) => entry.id === materialId); if (!material || !isTrackedMaterial(material)) return false; return !String(line?.itemUnitId || '').trim(); }; const filteredTrackedUnits = useMemo(() => { const units = getAvailableUnitsForMaterial(pendingTrackedMaterial); const query = normalizeCode(trackedUnitSearch); if (!query) return units; return units.filter((unit) => { const haystack = [ unit.serialNumber, unit.rfidCode, unit.notes, unit.location, unit.status, ] .map((value) => normalizeCode(String(value || ''))) .join(' '); return haystack.includes(query); }); }, [pendingTrackedMaterial, trackedUnitSearch, allItemUnits, watchAllItems]); const closeTrackedUnitDialog = () => { setShowTrackedUnitDialog(false); setPendingTrackedMaterial(null); setPendingTrackedUnitPrice(0); setPendingTrackedDescription(''); setTrackedUnitSearch(''); requestAnimationFrame(() => barcodeRef.current?.focus()); }; const openTrackedUnitDialog = (material: ProductionItem, unitPrice: number, description: string, initialSearch = '') => { setPendingTrackedMaterial(material); setPendingTrackedUnitPrice(unitPrice); setPendingTrackedDescription(description || material.name); setTrackedUnitSearch(initialSearch); setShowTrackedUnitDialog(true); }; const handleSelectTrackedUnit = (unit: ItemUnit) => { if (!pendingTrackedMaterial) return; const description = (pendingTrackedDescription || pendingTrackedMaterial.name || '').trim(); const sourceLocation = resolveDefaultSourceForMaterial(pendingTrackedMaterial.id); addOrIncrementItem( pendingTrackedMaterial.id, pendingTrackedUnitPrice, 1, description, { itemUnitId: unit.id, serialNumber: unit.serialNumber, rfidCode: unit.rfidCode, }, sourceLocation ); toast({ title: t?.itemAdded ?? 'تمت إضافة الصنف', description: `${description}: ${getTrackedUnitLabel(unit)}`, }); closeTrackedUnitDialog(); }; const getActiveProductShapes = (material: ProductionItem): ProductShape[] => { if (!material?.usesProductShapes || !Array.isArray(material.productShapes)) return []; return material.productShapes.filter((shape) => { const name = String(shape?.name || '').trim(); const salePrice = Number(shape?.salePrice); return shape?.isActive !== false && name.length > 0 && Number.isFinite(salePrice) && salePrice >= 0; }); }; const toLocalDateKey = (value: string | Date) => { const dt = typeof value === 'string' ? new Date(value) : value; if (Number.isNaN(dt.getTime())) return ''; const local = new Date(dt.getTime() - dt.getTimezoneOffset() * 60000); return local.toISOString().slice(0, 10); }; const resolveMaterialByBarcode = (barcode: string) => { const normalized = barcode.trim(); for (const material of allMaterials) { const primaryBarcodes = [material.barcode, ...(material.additionalBarcodes || [])].filter(Boolean); const isPrimary = primaryBarcodes.includes(normalized); const secondaryOptions = getSecondaryVolumeOptions(material, Number(material.salePrice || 0)); const matchedSecondary = secondaryOptions.find((option) => option.barcode && option.barcode === normalized); const isSecondary = material.secondaryBarcode === normalized || !!matchedSecondary; if (!isPrimary && !isSecondary) continue; const pricing = getMaterialUnitPricing(material); const primaryPrice = pricing.primaryPrice; const secondaryPrice = typeof pricing.secondaryPrice === 'number' ? pricing.secondaryPrice : primaryPrice; return { material, unitPrice: isSecondary ? Number(matchedSecondary?.price ?? secondaryPrice) : primaryPrice, unitType: isSecondary ? 'secondary' : 'primary', matchedSecondaryKey: matchedSecondary?.key, } as const; } return null; }; function isMaterialWeighed(material: ProductionItem) { return material.isWeighed === true; } function isMaterialSized(material: ProductionItem) { return (material as any).isSized === true; } function isMaterialMeasured(material: ProductionItem) { return isMaterialWeighed(material) || isMaterialSized(material); } function resolveMeasurementMode(material: ProductionItem): 'weight' | 'volume' { if (isMaterialWeighed(material)) return 'weight'; if (isMaterialSized(material)) return 'volume'; return 'weight'; } const openMeasurementDialog = ( material: ProductionItem, description: string, source?: { unitType?: 'primary' | 'secondary'; matchedSecondaryKey?: string } ) => { const pricing = getMaterialUnitPricing(material); const mode = resolveMeasurementMode(material); setPendingMeasurementMode(mode); setPendingWeightMaterial(material); setPendingWeightPrimaryPrice(pricing.primaryPrice); setWeightInput(''); if (mode === 'volume') { const options = getSecondaryVolumeOptions(material, pricing.primaryPrice); setPendingVolumeOptions(options); const preferredKey = source?.unitType === 'secondary' ? (source?.matchedSecondaryKey || options[0]?.key || '') : (options[0]?.key || ''); setSelectedVolumeOptionKey(preferredKey); const selected = options.find((option) => option.key === preferredKey) || options[0]; const selectedPrice = Number(selected?.price ?? pricing.secondaryPrice ?? pricing.primaryPrice); const selectedLabel = String(selected?.label || '').trim(); setPendingWeightUnitPrice(selectedPrice); setPendingWeightDescription(selectedLabel ? `${description} - ${selectedLabel}` : description); } else { setPendingVolumeOptions([]); setSelectedVolumeOptionKey(''); setPendingWeightUnitPrice(typeof pricing.secondaryPrice === 'number' ? pricing.secondaryPrice : pricing.primaryPrice); setPendingWeightDescription(description); } setShowWeightDialog(true); }; const addOrIncrementItem = ( materialId: string, unitPrice: number, quantity: number, description: string, tracked?: { itemUnitId?: string; serialNumber?: string; rfidCode?: string }, sourceLocation?: { warehouseId?: string; shelfId?: string } ) => { const normalizedDescription = (description || '').trim(); const normalizedUnitId = String(tracked?.itemUnitId || '').trim(); const targetWarehouseId = isWarehouseEnabled ? String(sourceLocation?.warehouseId || '').trim() : ''; const targetShelfId = isWarehouseEnabled ? String(sourceLocation?.shelfId || '').trim() : ''; const existingItemIndex = watchAllItems.findIndex( item => item.materialId === materialId && Number(item.unitPrice) === Number(unitPrice) && String((item as any).itemUnitId || '').trim() === normalizedUnitId && ((item.description || '').trim() === normalizedDescription) && (!isWarehouseEnabled || ( String((item as any).warehouseId || '').trim() === targetWarehouseId && String((item as any).shelfId || '').trim() === targetShelfId )) ); if (existingItemIndex >= 0) { const currentQuantity = form.getValues(`items.${existingItemIndex}.quantity`) || 0; form.setValue(`items.${existingItemIndex}.quantity`, currentQuantity + quantity); return currentQuantity + quantity; } append({ materialId, quantity, unitPrice, description: normalizedDescription, discount: 0, itemUnitId: normalizedUnitId || '', serialNumber: String(tracked?.serialNumber || '').trim(), rfidCode: String(tracked?.rfidCode || '').trim(), warehouseId: targetWarehouseId, shelfId: targetShelfId, } as any); return quantity; }; const openShapeDialogForMaterial = (material: ProductionItem, baseUnitPrice: number, barcode?: string) => { const activeShapes = getActiveProductShapes(material); if (activeShapes.length === 0) { return false; } setPendingShapeMaterial(material); setPendingShapeBasePrice(baseUnitPrice); setPendingShapeBarcode(barcode); setSelectedShapeId(activeShapes[0]?.id || ''); setShowShapeDialog(true); return true; }; const handleBarcodeScanned = (barcode: string) => { const normalizedBarcode = normalizeCode(barcode); const matchedUnit = (allItemUnits || []).find((unit) => { const serial = normalizeCode(unit.serialNumber || ''); const rfid = normalizeCode(unit.rfidCode || ''); return (serial && serial === normalizedBarcode) || (rfid && rfid === normalizedBarcode); }); if (matchedUnit) { const material = allMaterials.find((item) => item.id === matchedUnit.itemId); if (!material) { toast({ title: t?.validationError ?? 'خطأ في التحقق', description: t?.trackedMaterialMissing ?? 'الوحدة مرتبطة بصنف غير موجود.', variant: 'destructive', }); setBarcodeInput(''); requestAnimationFrame(() => barcodeRef.current?.focus()); return; } const alreadySelected = (watchAllItems || []).some((line) => String((line as any)?.itemUnitId || '').trim() === matchedUnit.id); if (alreadySelected) { toast({ title: t?.validationError ?? 'خطأ في التحقق', description: t?.trackedUnitAlreadySelected ?? 'تمت إضافة هذه الوحدة بالفعل في الفاتورة.', variant: 'destructive', }); setBarcodeInput(''); requestAnimationFrame(() => barcodeRef.current?.focus()); return; } if (matchedUnit.status === 'sold' || matchedUnit.status === 'damaged') { toast({ title: t?.validationError ?? 'خطأ في التحقق', description: t?.trackedUnitUnavailable ?? 'هذه الوحدة غير متاحة للبيع.', variant: 'destructive', }); setBarcodeInput(''); requestAnimationFrame(() => barcodeRef.current?.focus()); return; } const unitPrice = getUnitPriceForMaterial(material); const sourceLocation = resolveDefaultSourceForMaterial(material.id); addOrIncrementItem(material.id, unitPrice, 1, material.name, { itemUnitId: matchedUnit.id, serialNumber: matchedUnit.serialNumber, rfidCode: matchedUnit.rfidCode, }, sourceLocation); toast({ title: t?.itemAdded ?? 'تمت إضافة الصنف', description: `${material.name}: ${getTrackedUnitLabel(matchedUnit)}`, }); setBarcodeInput(''); requestAnimationFrame(() => barcodeRef.current?.focus()); return; } const resolved = resolveMaterialByBarcode(barcode); if (!resolved) { setNotFoundBarcode(barcode.trim()); setShowAddBarcodeDialog(true); return; } if (isMaterialMeasured(resolved.material)) { if (openShapeDialogForMaterial(resolved.material, resolved.unitPrice, barcode.trim())) { setBarcodeInput(''); return; } openMeasurementDialog(resolved.material, resolved.material.name, { unitType: resolved.unitType, matchedSecondaryKey: resolved.matchedSecondaryKey, }); setBarcodeInput(''); return; } if (openShapeDialogForMaterial(resolved.material, resolved.unitPrice, barcode.trim())) { setBarcodeInput(''); return; } if (isTrackedMaterial(resolved.material)) { openTrackedUnitDialog(resolved.material, resolved.unitPrice, resolved.material.name, barcode.trim()); setBarcodeInput(''); return; } const resolvedSource = resolveDefaultSourceForMaterial(resolved.material.id); const updated = addOrIncrementItem(resolved.material.id, resolved.unitPrice, 1, resolved.material.name, undefined, resolvedSource); toast({ title: t?.itemAdded ?? 'تمت إضافة الصنف', description: `${resolved.material.name}: ${updated}`, }); setBarcodeInput(''); requestAnimationFrame(() => barcodeRef.current?.focus()); }; const handleAddMaterial = (material: ProductionItem) => { const unitPrice = getUnitPriceForMaterial(material); if (openShapeDialogForMaterial(material, unitPrice)) { return; } if (isTrackedMaterial(material)) { openTrackedUnitDialog(material, unitPrice, material.name); return; } if (isMaterialMeasured(material)) { openMeasurementDialog(material, material.name, { unitType: 'primary' }); return; } const defaultSource = resolveDefaultSourceForMaterial(material.id); const updated = addOrIncrementItem(material.id, unitPrice, 1, material.name, undefined, defaultSource); toast({ title: t?.itemAdded ?? 'تمت إضافة الصنف', description: `${material.name}: ${updated}`, }); requestAnimationFrame(() => barcodeRef.current?.focus()); }; const handleConfirmProductShape = (shapeId?: string) => { if (!pendingShapeMaterial) return; const activeShapes = getActiveProductShapes(pendingShapeMaterial); const selectedShape = activeShapes.find((shape) => String(shape.id) === String(shapeId || selectedShapeId)) || activeShapes[0]; if (!selectedShape) { setShowShapeDialog(false); setPendingShapeMaterial(null); setPendingShapeBasePrice(0); setPendingShapeBarcode(undefined); setSelectedShapeId(''); requestAnimationFrame(() => barcodeRef.current?.focus()); return; } const shapePrice = Number(selectedShape.salePrice); const unitPrice = Number.isFinite(shapePrice) ? shapePrice : pendingShapeBasePrice; const shapeLabel = String(selectedShape.name || '').trim(); const description = `${pendingShapeMaterial.name} - ${shapeLabel}`; if (isTrackedMaterial(pendingShapeMaterial)) { setShowShapeDialog(false); openTrackedUnitDialog(pendingShapeMaterial, unitPrice, description, pendingShapeBarcode || ''); setPendingShapeMaterial(null); setPendingShapeBasePrice(0); setPendingShapeBarcode(undefined); setSelectedShapeId(''); setBarcodeInput(''); return; } if (isMaterialMeasured(pendingShapeMaterial)) { openMeasurementDialog(pendingShapeMaterial, description, { unitType: 'primary' }); setShowShapeDialog(false); setPendingShapeMaterial(null); setPendingShapeBasePrice(0); setPendingShapeBarcode(undefined); setSelectedShapeId(''); setBarcodeInput(''); return; } const shapeSource = resolveDefaultSourceForMaterial(pendingShapeMaterial.id); const updated = addOrIncrementItem(pendingShapeMaterial.id, unitPrice, 1, description, undefined, shapeSource); toast({ title: t?.itemAdded ?? 'تمت إضافة الصنف', description: `${description}: ${updated}`, }); setShowShapeDialog(false); setPendingShapeMaterial(null); setSelectedShapeId(''); setBarcodeInput(''); requestAnimationFrame(() => barcodeRef.current?.focus()); }; const handleMaterialCreated = (material: ProductionItem) => { setExtraMaterials((prev) => { if (prev.find(m => m.id === material.id) || materials.find(m => m.id === material.id)) { return prev; } return [material, ...prev]; }); handleAddMaterial(material); setNotFoundBarcode(''); }; const activeGroupMaterials = useMemo(() => { if (!activeGroupId) return []; return allMaterials.filter(m => m.groupId === activeGroupId); }, [allMaterials, activeGroupId]); const itemsWithDetails = useMemo(() => { return watchAllItems.map((item, index) => { const material = allMaterials.find(m => m.id === item.materialId); if (!material) return null; const priceInfo = customerPricing?.prices.find(p => p.materialId === material.id); const primaryPrice = priceInfo?.price ?? material.salePrice ?? 0; const secondaryPrice = typeof material.secondaryUnitPrice === 'number' ? material.secondaryUnitPrice : material.secondaryUnitQuantity ? primaryPrice / material.secondaryUnitQuantity : undefined; const isSecondary = typeof secondaryPrice === 'number' && Math.abs((item.unitPrice || 0) - secondaryPrice) < 0.0001; const lineSubtotal = (item.quantity || 0) * (item.unitPrice || 0); const rawDiscount = Number(item.discount || 0); const campaignPreviewDiscount = Number(campaignPreview.discountByLineKey[String(index)] || 0); const lineDiscount = Math.min(Math.max(rawDiscount + campaignPreviewDiscount, 0), lineSubtotal); const description = (item.description || '').trim() || material.name; const warehouseId = isWarehouseEnabled ? String((item as any)?.warehouseId || '').trim() : ''; const shelfId = isWarehouseEnabled ? String((item as any)?.shelfId || '').trim() : ''; const warehouseName = warehouseNameById.get(warehouseId) || warehouseId; const shelfName = shelfNameById.get(shelfId) || shelfId; const allowDescriptionEdit = material.allowDescriptionEdit === true; let bonus = 0; const bonusRule = customerPricing?.bonus; if (!isReturn && bonusRule && bonusRule.materialId === item.materialId && bonusRule.buyQuantity > 0 && item.quantity > 0) { bonus = Math.floor(item.quantity / bonusRule.buyQuantity) * bonusRule.bonusQuantity; } return { name: material.name, description, allowDescriptionEdit, itemNumber: material.itemNumber || material.id, unitLabel: isSecondary ? (material.secondaryUnit || '-') : (material.primaryUnit || '-'), unitBarcode: isSecondary ? (material.secondaryBarcode || '-') : (material.barcode || '-'), warehouseId, shelfId, warehouseName, shelfName, bonus, lineSubtotal, lineDiscount, campaignPreviewDiscount, total: (lineSubtotal - lineDiscount) * (isReturn ? -1 : 1), }; }).filter(Boolean); }, [watchAllItems, allMaterials, customerPricing, isReturn, isWarehouseEnabled, warehouseNameById, shelfNameById, campaignPreview]); const itemDiscountTotal = useMemo(() => (itemsWithDetails || []).reduce((sum, item) => sum + (item?.lineDiscount ?? 0), 0), [itemsWithDetails]); const campaignDiscountTotal = useMemo(() => Number(campaignPreview.totalCampaignDiscount || 0), [campaignPreview]); const itemsSubTotal = useMemo(() => (itemsWithDetails || []).reduce((sum, item) => sum + (item?.lineSubtotal ?? 0), 0), [itemsWithDetails]); const customerDiscount = useMemo(() => ((itemsSubTotal - itemDiscountTotal) * (selectedCustomer?.allowedDiscount || 0)) / 100, [itemsSubTotal, itemDiscountTotal, selectedCustomer]); const safeInvoiceDiscount = useMemo(() => { const base = Math.max((itemsSubTotal - itemDiscountTotal) - customerDiscount, 0); return Math.min(Math.max(Number(watchedDiscountAmount || 0), 0), base); }, [itemsSubTotal, itemDiscountTotal, customerDiscount, watchedDiscountAmount]); const totalAfterDiscount = useMemo(() => { const base = (itemsSubTotal - itemDiscountTotal) - customerDiscount - safeInvoiceDiscount; return isReturn ? -base : base; }, [itemsSubTotal, itemDiscountTotal, customerDiscount, safeInvoiceDiscount, isReturn]); // Calculate total paid from either single amountPaid or payments array const totalPaid = useMemo(() => { if (payments && payments.length > 0) { return payments.reduce((sum, p) => sum + (p.amount || 0), 0); } return watchedAmountPaid || 0; }, [payments, watchedAmountPaid]); const amountDue = useMemo(() => totalAfterDiscount - totalPaid, [totalAfterDiscount, totalPaid]); const applyPayments = (nextPayments: PosPaymentBreakdown) => { setPayments(nextPayments); form.setValue('payments', nextPayments); form.setValue('amountPaid', nextPayments.reduce((sum, payment) => sum + Number(payment.amount || 0), 0)); }; const requestFinalizeInvoice = (action: 'save' | 'savePrint') => { if (isSaveInvoicePending || !isShiftOpen) return; shouldPrintAfterSaveRef.current = action === 'savePrint'; setPendingFinalizeAction(action); setPaymentModalOpen(true); }; const getPartialQtyForIndex = (idx: number) => { const maxQty = Math.max(1, Number(watchAllItems[idx]?.quantity ?? 1)); if (idx === partialPayRowIndex) { return Math.max(1, Math.min(Number(partialPayRowQty || 1), maxQty)); } return maxQty; }; const partialPayTotal = useMemo(() => partialPaySelectedIndexes.reduce((sum, idx) => { const line = watchAllItems[idx]; if (!line) return sum; const qty = getPartialQtyForIndex(idx); const fullQty = Math.max(1, Number(line.quantity || 1)); const fullLineTotal = Math.abs(Number(itemsWithDetails[idx]?.total ?? (Number(line.unitPrice || 0) * fullQty))); const unitTotal = fullLineTotal / fullQty; return sum + (qty * unitTotal); }, 0), [partialPaySelectedIndexes, watchAllItems, itemsWithDetails, partialPayRowIndex, partialPayRowQty]); const handleSubmitPartialPayment = () => { if (!isShiftOpen) { toast({ title: t?.validationError ?? 'خطأ في التحقق', description: t?.shiftRequiredBeforeSale ?? 'يجب افتتاح الوردية قبل حفظ أي فاتورة.', variant: 'destructive', }); return; } const selectedEntries = Array.from(new Set(partialPaySelectedIndexes)) .filter((idx) => idx >= 0 && idx < watchAllItems.length) .map((idx) => ({ idx, qty: getPartialQtyForIndex(idx) })) .filter((entry) => entry.qty > 0 && String(watchAllItems[entry.idx]?.materialId || '').trim().length > 0); if (selectedEntries.length === 0) { toast({ title: t?.validationError ?? 'خطأ في التحقق', description: 'لم يتم اختيار أصناف صالحة للدفع الجزئي.', variant: 'destructive', }); return; } const currentValues = form.getValues(); const normalizedCustomerId = String(currentValues.customerId || '').trim(); const partialItems = selectedEntries.map(({ idx, qty }) => { const currentLine = currentValues.items?.[idx] as any; const material = allMaterials.find((entry) => entry.id === currentLine?.materialId); const originalQty = Math.max(0.001, Number(currentLine?.quantity || 1)); const ratio = qty / originalQty; const proratedDiscount = Number(currentLine?.discount || 0) * ratio; return { ...currentLine, quantity: qty, description: String(currentLine?.description || '').trim(), discount: proratedDiscount, warehouseId: String(currentLine?.warehouseId || (allowOutOfStockSales ? defaultWarehouseId : '') || '').trim(), shelfId: String(currentLine?.shelfId || (allowOutOfStockSales ? defaultShelfId : '') || '').trim(), printSectionId: String((material as any)?.printSectionId || '').trim(), printLabel: String((material as any)?.printLabelOverride || '').trim(), excludeFromPrepTicket: (material as any)?.excludeFromPrepTicket === true, }; }); const partialAmount = Math.max(0, partialPayTotal); if (partialAmount <= 0) { toast({ title: t?.validationError ?? 'خطأ في التحقق', description: 'المبلغ الجزئي غير صالح.', variant: 'destructive', }); return; } const payload = { ...currentValues, customerId: normalizedCustomerId, amountPaid: partialAmount, payments: [{ method: 'cash' as const, amount: partialAmount, customerName: undefined }], discountAmount: 0, items: partialItems, restaurantTableId: activeRestaurantTableId || undefined, restaurantAreaId: activeRestaurantAreaId || undefined, restaurantGuestCount: Math.max(1, Number(restaurantConfig?.defaultGuestCount || 2)), restaurantChannel: restaurantPosEnabled ? ('dine_in' as const) : undefined, }; startInvoiceTransition(async () => { setIsPartialPaymentPending(true); try { const result = await handleCreateSaleInvoice(payload as any); if (result.success) { const soldUnitIds = new Set( (payload.items || []) .map((line) => String((line as any)?.itemUnitId || '').trim()) .filter(Boolean) ); if (soldUnitIds.size > 0) { const nextStatus: ItemUnit['status'] = isReturn ? 'available' : 'sold'; setAllItemUnits((prev) => prev.map((unit) => (soldUnitIds.has(unit.id) ? { ...unit, status: nextStatus } : unit))); } const entryQtyMap = new Map(selectedEntries.map((entry) => [entry.idx, entry.qty])); const nextItems = (form.getValues('items') || []) .map((line: any, idx: number) => { const paidQty = Number(entryQtyMap.get(idx) || 0); if (paidQty <= 0) return line; const originalQty = Math.max(0.001, Number(line?.quantity || 0)); const remainingQty = Number((originalQty - paidQty).toFixed(3)); if (remainingQty <= 0) return null; const ratio = remainingQty / originalQty; return { ...line, quantity: remainingQty, discount: Number(line?.discount || 0) * ratio, }; }) .filter(Boolean) as any[]; replace(nextItems as any); form.setValue('items', nextItems as any, { shouldDirty: true, shouldTouch: true, shouldValidate: true, }); applyPayments([]); if (nextItems.length === 0) { form.setValue('discountAmount', 0, { shouldDirty: true, shouldTouch: true, shouldValidate: true, }); } setShowPartialPayDialog(false); setPartialPaySelectedIndexes([]); setPartialPayRowIndex(null); setPartialPayRowQty('1'); toast({ title: 'تم تنفيذ الدفع الجزئي بنجاح.', description: '' }); } else { if (result.error === 'POS_SHIFT_REQUIRED') { await loadShiftStatus(); } toast({ title: t?.saveInvoiceError ?? 'فشل حفظ الفاتورة.', description: result.error, variant: 'destructive', }); } } finally { setIsPartialPaymentPending(false); } }); }; const promptSelectCustomerForReceivables = () => { form.setError('customerId', { type: 'manual', message: t?.receivablesCustomerRequired ?? 'عند اختيار الذمم يجب تحديد الزبون أولاً.', }); setShowCustomerPickerDialog(true); }; const handleRemoveItem = (index: number) => { const currentItems = [...(form.getValues('items') || [])]; if (index < 0 || index >= currentItems.length) return; currentItems.splice(index, 1); replace(currentItems as any); form.setValue('items', currentItems as any, { shouldDirty: true, shouldTouch: true, shouldValidate: true, }); if (currentItems.length === 0) { applyPayments([]); form.setValue('discountAmount', 0, { shouldDirty: true, shouldTouch: true, shouldValidate: true, }); } }; const totalQuantity = useMemo(() => (watchAllItems || []).reduce((sum, item) => sum + (Number(item.quantity) || 0), 0), [watchAllItems]); const bonusTotalQuantity = useMemo(() => (itemsWithDetails || []).reduce((sum, item) => sum + (item?.bonus ?? 0), 0), [itemsWithDetails]); const bonusValueTotal = useMemo(() => (itemsWithDetails || []).reduce((sum, item, index) => { const line = watchAllItems[index]; if (!item || !line) return sum; return sum + (item.bonus ? item.bonus * (Number(line.unitPrice) || 0) : 0); }, 0), [itemsWithDetails, watchAllItems]); const summarySection = (
{t?.itemsCountLabel ?? 'عدد الأصناف'} {watchAllItems.length}
{t?.totalQuantityLabel ?? 'مجموع الكميات'} {totalQuantity}
{t?.bonusQuantityLabel ?? 'مجموع البونص'} {bonusTotalQuantity}
{t?.itemsDiscountTotalLabel ?? 'خصم الأصناف'} -{formatCurrency(itemDiscountTotal, currencySymbol)}
{t?.subTotal ?? 'المجموع الفرعي'}
{formatCurrency(itemsSubTotal, currencySymbol)}
{(itemDiscountTotal > 0 || customerDiscount > 0 || safeInvoiceDiscount > 0 || bonusValueTotal > 0 || campaignDiscountTotal > 0) && (
{campaignDiscountTotal > 0 && (
{t?.campaignDiscountPreviewLabel ?? 'خصم الحملات (معاينة)'} -{formatCurrency(campaignDiscountTotal, currencySymbol)}
)} {itemDiscountTotal > 0 && (
{t?.itemsDiscountTotalLabel ?? 'خصم الأصناف'} -{formatCurrency(itemDiscountTotal, currencySymbol)}
)} {customerDiscount > 0 && (
{t?.discount ?? 'الخصم'} ({selectedCustomer?.allowedDiscount || 0}%) -{formatCurrency(customerDiscount, currencySymbol)}
)} {safeInvoiceDiscount > 0 && (
{t?.invoiceDiscountLabel ?? 'خصم الإجمالي'} -{formatCurrency(safeInvoiceDiscount, currencySymbol)}
)} {bonusValueTotal > 0 && (
{t?.bonusValueLabel ?? 'قيمة البونص'} -{formatCurrency(bonusValueTotal, currencySymbol)}
)}
)}
{t?.grandTotal ?? 'المجموع الإجمالي'}
{formatCurrency(totalAfterDiscount, currencySymbol)}
{t?.afterAllDiscounts ?? 'بعد جميع الخصومات'}
0 ? 'border-red-200 bg-gradient-to-br from-red-50 to-red-100/50' : 'border-green-200 bg-gradient-to-br from-green-50 to-green-100/50' }`}>
{t?.amountDue ?? 'المبلغ المتبقي'}
0 ? 'text-red-700' : 'text-green-700'}`}> {formatCurrency(amountDue, currencySymbol)}
0 ? 'border-red-200 text-red-600' : 'border-green-200 text-green-600' }`}> {amountDue > 0 ? (t?.requiresPayment ?? 'يتطلب دفع') : (t?.fullyPaid ?? 'مدفوع بالكامل')}
( {t?.invoiceDiscountLabel ?? 'خصم الإجمالي'} e.target.select()} onBlur={(e) => { const raw = e.target.value; const num = Number(raw); field.onChange(Number.isFinite(num) ? num.toFixed(2) : '0.00'); }} /> )} />
{t?.PaymentMethods?.paymentMethods ?? 'طرق الدفع'}
{t?.PaymentMethods?.paymentBreakdown ?? 'تفاصيل الدفع'} {formatCurrency(totalPaid, currencySymbol)} / {formatCurrency(totalAfterDiscount, currencySymbol)}
{payments.length > 0 ? (
{payments.map((payment, idx) => (
{payment.method === 'cash' && '💵'} {payment.method === 'visa' && '💳'} {payment.method === 'receivables' && '📋'} {payment.method === 'coupon' && '🎟️'} {payment.method === 'cash' && (t?.PaymentMethods?.cash ?? 'نقدي')} {payment.method === 'visa' && (t?.PaymentMethods?.visa ?? 'فيزا')} {payment.method === 'receivables' && (t?.PaymentMethods?.receivables ?? 'ذمم')} {payment.method === 'coupon' && (t?.PaymentMethods?.coupon ?? 'كوبون')}
{formatCurrency(payment.amount, currencySymbol)}
))}
) : (
{t?.PaymentMethods?.selectOnSave ?? 'سيظهر نموذج اختيار طريقة الدفع عند الضغط على حفظ أو حفظ + طباعة.'}
)}
); const handleResizeStart = (type: 'left' | 'summary', event: React.PointerEvent) => { event.preventDefault(); const startX = event.clientX; const startWidth = type === 'left' ? leftPanelWidthRef.current : summaryPanelWidthRef.current; const minWidth = type === 'left' ? 260 : 280; const maxWidth = type === 'left' ? 640 : 520; const handleMove = (moveEvent: PointerEvent) => { const delta = moveEvent.clientX - startX; const next = Math.min(Math.max(startWidth + delta, minWidth), maxWidth); if (type === 'left') { setLeftPanelWidth(next); } else { setSummaryPanelWidth(next); } }; const handleUp = () => { document.body.style.userSelect = ''; window.removeEventListener('pointermove', handleMove); window.removeEventListener('pointerup', handleUp); if (type === 'left') { localStorage.setItem('posLayoutLeftPanelWidth', String(leftPanelWidthRef.current)); } else { localStorage.setItem('posLayoutSummaryPanelWidth', String(summaryPanelWidthRef.current)); } }; document.body.style.userSelect = 'none'; window.addEventListener('pointermove', handleMove); window.addEventListener('pointerup', handleUp); }; const onSubmit = (values: z.infer) => { if (!isShiftOpen) { toast({ title: t?.validationError ?? 'خطأ في التحقق', description: t?.shiftRequiredBeforeSale ?? 'يجب افتتاح الوردية قبل حفظ أي فاتورة.', variant: 'destructive', }); return; } const normalizedCustomerId = (values.customerId || '').trim(); const activePayments: PosPaymentBreakdown = Array.isArray(values.payments) && values.payments.length > 0 ? values.payments.map((payment) => ({ ...payment, amount: Number(payment.amount || 0), })) : payments; const computedAmountPaid = activePayments.length > 0 ? activePayments.reduce((sum, payment) => sum + Number(payment.amount || 0), 0) : Number(values.amountPaid || 0); const computedAmountDue = totalAfterDiscount - computedAmountPaid; const hasReceivablesPayment = activePayments.some( (payment) => payment.method === 'receivables' && Number(payment.amount || 0) > 0 ); if (hasReceivablesPayment && normalizedCustomerId.length === 0) { promptSelectCustomerForReceivables(); toast({ title: t?.validationError ?? 'خطأ في التحقق', description: t?.receivablesCustomerRequired ?? 'عند اختيار الذمم يجب تحديد الزبون أولاً.', variant: 'destructive', }); return; } const isCashCustomer = normalizedCustomerId.length === 0; if (isCashCustomer && Math.abs(computedAmountDue) > 0.0001) { form.setError('customerId', { type: 'manual', message: t?.cashCustomerRequiresPaid ?? 'الزبون النقدي يجب أن يكون المتبقي 0.00', }); toast({ title: t?.validationError ?? 'خطأ في التحقق', description: t?.cashCustomerRequiresPaid ?? 'الزبون النقدي يجب أن يكون المتبقي 0.00', variant: 'destructive', }); return; } const normalizedItems = (values.items || []).map((item) => { const material = allMaterials.find((entry) => entry.id === item.materialId); return { ...item, description: (item.description || '').trim(), discount: Number(item.discount || 0), warehouseId: String((item as any)?.warehouseId || (allowOutOfStockSales ? defaultWarehouseId : '') || '').trim(), shelfId: String((item as any)?.shelfId || (allowOutOfStockSales ? defaultShelfId : '') || '').trim(), printSectionId: String((material as any)?.printSectionId || '').trim(), printLabel: String((material as any)?.printLabelOverride || '').trim(), excludeFromPrepTicket: (material as any)?.excludeFromPrepTicket === true, }; }); // Pre-validate tracked items locally so the cashier gets immediate actionable feedback. const trackedIssues: string[] = []; const selectedTrackedUnitIds = new Set( normalizedItems .map((line) => String((line as any)?.itemUnitId || '').trim()) .filter(Boolean) ); for (let index = 0; index < normalizedItems.length; index += 1) { const item = normalizedItems[index] as any; const material = allMaterials.find((entry) => entry.id === item.materialId); if (!material || !isTrackedMaterial(material)) continue; const itemName = material.name || item.materialId; const existingUnitId = String(item.itemUnitId || '').trim(); if (!existingUnitId) { const availableUnits = (allItemUnits || []).filter((unit) => { if (unit.itemId !== item.materialId) return false; if (!isReturn && (unit.status === 'sold' || unit.status === 'damaged')) return false; if (selectedTrackedUnitIds.has(unit.id)) return false; return true; }); if (availableUnits.length === 1) { const onlyUnit = availableUnits[0]; item.itemUnitId = onlyUnit.id; item.serialNumber = String(onlyUnit.serialNumber || '').trim(); item.rfidCode = String(onlyUnit.rfidCode || '').trim(); selectedTrackedUnitIds.add(onlyUnit.id); form.setValue(`items.${index}.itemUnitId`, item.itemUnitId); form.setValue(`items.${index}.serialNumber`, item.serialNumber); form.setValue(`items.${index}.rfidCode`, item.rfidCode); continue; } trackedIssues.push(`${itemName}: ${t?.trackedUnitRequired ?? 'يجب اختيار وحدة متتبعة (Serial/RFID).'}`); openTrackedUnitDialog(material, Number(item.unitPrice || getUnitPriceForMaterial(material)), item.description || material.name || ''); break; } const selectedUnit = (allItemUnits || []).find((unit) => unit.id === existingUnitId); if (!selectedUnit || selectedUnit.itemId !== item.materialId) { trackedIssues.push(`${itemName}: ${t?.trackedUnitInvalid ?? 'الوحدة المتتبعة غير صحيحة لهذا الصنف.'}`); openTrackedUnitDialog(material, Number(item.unitPrice || getUnitPriceForMaterial(material)), item.description || material.name || ''); break; } if (!isReturn && (selectedUnit.status === 'sold' || selectedUnit.status === 'damaged')) { trackedIssues.push(`${itemName}: ${t?.trackedUnitUnavailable ?? 'الوحدة المتتبعة غير متاحة.'}`); openTrackedUnitDialog(material, Number(item.unitPrice || getUnitPriceForMaterial(material)), item.description || material.name || ''); break; } } if (trackedIssues.length > 0) { toast({ title: t?.validationError ?? 'خطأ في التحقق', description: trackedIssues[0], variant: 'destructive', }); return; } if (isWarehouseEnabled && !isReturn && !allowOutOfStockSales) { const sourceUsage = new Map(); const sourceErrors: string[] = []; normalizedItems.forEach((item, index) => { const material = allMaterials.find((entry) => entry.id === item.materialId); const materialName = material?.name || item.materialId; const availableLocations = availableLocationsByMaterial.get(item.materialId) || []; if (availableLocations.length === 0) { sourceErrors.push(`${materialName}: ${t?.noStockForItem ?? 'لا يوجد رصيد متاح لهذا الصنف على أي رف.'}`); return; } if ((!item.warehouseId || !item.shelfId) && availableLocations.length === 1) { item.warehouseId = availableLocations[0].warehouseId; item.shelfId = availableLocations[0].shelfId; form.setValue(`items.${index}.warehouseId`, item.warehouseId); form.setValue(`items.${index}.shelfId`, item.shelfId); } if (!item.warehouseId || !item.shelfId) { sourceErrors.push(`${materialName}: ${t?.selectShelfBeforeSave ?? 'يرجى اختيار الرف قبل الحفظ.'}`); return; } const selectedLocation = availableLocations.find( (location) => location.warehouseId === item.warehouseId && location.shelfId === item.shelfId ); if (!selectedLocation) { sourceErrors.push(`${materialName}: ${t?.invalidShelfSelection ?? 'الرف المختار غير متاح للصنف.'}`); return; } const usageKey = `${item.materialId}||${item.warehouseId}||${item.shelfId}`; const nextUsage = (sourceUsage.get(usageKey) || 0) + Number(item.quantity || 0); sourceUsage.set(usageKey, nextUsage); if (nextUsage > Number(selectedLocation.quantity || 0)) { sourceErrors.push( `${materialName}: ${t?.insufficientShelfStock ?? 'الكمية المطلوبة أكبر من المتوفر في الرف المختار.'} (${selectedLocation.warehouseName} / ${selectedLocation.shelfName})` ); } }); if (sourceErrors.length > 0) { toast({ title: t?.validationError ?? 'خطأ في التحقق', description: sourceErrors[0], variant: 'destructive', }); return; } } const payload = { ...values, customerId: normalizedCustomerId, amountPaid: computedAmountPaid, payments: activePayments, discountAmount: Number(values.discountAmount || 0), items: normalizedItems, restaurantTableId: activeRestaurantTableId || '', restaurantAreaId: activeRestaurantAreaId || '', restaurantGuestCount: Math.max(1, Number(restaurantConfig?.defaultGuestCount || 2)), restaurantChannel: restaurantPosEnabled ? ('dine_in' as const) : ('takeaway' as const), }; startInvoiceTransition(async () => { setIsSaveInvoicePending(true); try { const result = await handleCreateSaleInvoice(payload); if (result.success) { const soldUnitIds = new Set( (payload.items || []) .map((line) => String((line as any)?.itemUnitId || '').trim()) .filter(Boolean) ); if (soldUnitIds.size > 0) { const nextStatus: ItemUnit['status'] = isReturn ? 'available' : 'sold'; setAllItemUnits((prev) => prev.map((unit) => (soldUnitIds.has(unit.id) ? { ...unit, status: nextStatus } : unit))); } const savedInvoiceId = String((result as any)?.invoiceId || '').trim(); const savedInvoiceNumber = String((result as any)?.invoiceNumber || '').trim(); if (printingSettings?.printerAutoPrintEnabled === true || shouldPrintAfterSaveRef.current) { handlePrint(true, { id: savedInvoiceId, number: savedInvoiceNumber }); } toast({ title: t?.saveInvoiceSuccess ?? 'تم حفظ الفاتورة بنجاح.', description: '' }); form.reset({ customerId: payload.customerId, amountPaid: 0, payments: [], discountAmount: 0, items: [], isReturn }); setPayments([]); setSuspendedInvoices((prev) => { if (!activeRestaurantTableId) return prev; return prev.filter((entry) => String(entry.tableId || '') !== activeRestaurantTableId); }); localStorage.removeItem(posDraftInvoiceStorageKey); } else { if (result.error === 'POS_SHIFT_REQUIRED') { await loadShiftStatus(); } toast({ title: t?.saveInvoiceError ?? 'فشل حفظ الفاتورة.', description: result.error, variant: 'destructive' }); } } finally { shouldPrintAfterSaveRef.current = false; setIsSaveInvoicePending(false); } }); }; const handleSuspend = () => { const currentItems = form.getValues('items'); if (!currentItems || currentItems.length === 0) { toast({ title: t?.validationError ?? 'خطأ في التحقق', description: t?.noItems ?? 'لم تتم إضافة أي أصناف بعد.', variant: 'destructive', }); return; } const normalizedItems = currentItems .map((item) => ({ materialId: String(item.materialId || ''), quantity: Number(item.quantity || 0), unitPrice: Number(item.unitPrice || 0), description: (item.description || '').trim(), discount: Number(item.discount || 0), itemUnitId: String((item as any).itemUnitId || '').trim(), serialNumber: String((item as any).serialNumber || '').trim(), rfidCode: String((item as any).rfidCode || '').trim(), warehouseId: String((item as any).warehouseId || '').trim(), shelfId: String((item as any).shelfId || '').trim(), })) .filter((item) => item.materialId); if (normalizedItems.length === 0) { toast({ title: t?.validationError ?? 'خطأ في التحقق', description: t?.noItems ?? 'لم تتم إضافة أي أصناف بعد.', variant: 'destructive', }); return; } const id = `susp-${Date.now()}`; const tableAreaName = activeRestaurantTable ? (restaurantAreas.find((area) => area.id === activeRestaurantTable.areaId)?.name || 'بدون منطقة') : ''; setSuspendedInvoices((prev) => [ { id, customerId: form.getValues('customerId'), amountPaid: form.getValues('amountPaid') || 0, payments: form.getValues('payments') || [], discountAmount: form.getValues('discountAmount') || 0, items: normalizedItems, createdAt: new Date().toISOString(), tableId: activeRestaurantTable?.id, tableName: activeRestaurantTable?.name, areaName: tableAreaName, }, ...prev, ]); form.reset({ customerId: '', amountPaid: 0, payments: [], discountAmount: 0, items: [], isReturn }); setPayments([]); localStorage.removeItem(posDraftInvoiceStorageKey); toast({ title: t?.invoiceSuspended ?? 'تم تعليق الفاتورة' }); requestAnimationFrame(() => barcodeRef.current?.focus()); }; const handleResume = (suspId: string) => { const target = suspendedInvoices.find((inv) => inv.id === suspId); if (!target) return; form.reset({ customerId: target.customerId, amountPaid: target.amountPaid, payments: (target as any).payments || [], discountAmount: target.discountAmount || 0, items: target.items, isReturn, }); setPayments((target as any).payments || []); setActiveRestaurantTableId(String((target as any).tableId || '').trim()); setSuspendedInvoices((prev) => prev.filter((inv) => inv.id !== suspId)); setShowSuspended(false); localStorage.setItem(posDraftInvoiceStorageKey, JSON.stringify({ customerId: target.customerId, amountPaid: target.amountPaid, payments: (target as any).payments || [], discountAmount: target.discountAmount || 0, items: target.items, isReturn, savedAt: new Date().toISOString(), })); requestAnimationFrame(() => barcodeRef.current?.focus()); }; const handleSelectRestaurantTable = (tableId: string) => { if (!restaurantPosEnabled) return; if (hasPendingInvoiceLines && activeRestaurantTableId !== tableId) { setPendingTableIdOnSwitch(tableId); setShowTableSwitchConfirmDialog(true); return; } setActiveRestaurantTableId(tableId); const suspendedForTable = suspendedInvoices.find((entry) => String(entry.tableId || '') === tableId); if (suspendedForTable) { handleResume(suspendedForTable.id); toast({ title: 'تم تحميل طلب الطاولة', description: `تم استرجاع الطلب المعلق للطاولة ${suspendedForTable.tableName || ''}.`, }); } else { // إذا لم توجد فاتورة معلقة للطاولة الجديدة، قم بتنظيف العميل والنموذج form.setValue('customerId', ''); } }; const handleConfirmTableSwitchWithSuspend = () => { if (pendingTableIdOnSwitch) { handleSuspend(); setShowTableSwitchConfirmDialog(false); setTimeout(() => { setActiveRestaurantTableId(pendingTableIdOnSwitch); const suspendedForTable = suspendedInvoices.find((entry) => String(entry.tableId || '') === pendingTableIdOnSwitch); if (suspendedForTable) { handleResume(suspendedForTable.id); toast({ title: 'تم تحميل طلب الطاولة', description: `تم استرجاع الطلب المعلق للطاولة ${suspendedForTable.tableName || ''}.`, }); } else { // إذا لم توجد فاتورة معلقة للطاولة الجديدة، قم بتنظيف العميل form.setValue('customerId', ''); } setPendingTableIdOnSwitch(null); }, 100); } }; const handlePrint = (autoTriggered = false, invoiceMeta?: { id?: string; number?: string }) => { if (!itemsWithDetails.length) { toast({ title: t?.validationError ?? 'خطأ في التحقق', description: t?.noItems ?? 'لم تتم إضافة أي أصناف بعد.', variant: 'destructive', }); return false; } const printableItems = itemsWithDetails.map((item, idx) => { const line = watchAllItems[idx]; if (!item || !line) return ''; return ` ${escapePrintHtml(item.name)} ${escapePrintHtml(item.itemNumber)} ${escapePrintHtml(item.description || item.name)} ${escapePrintHtml(item.unitLabel)} ${escapePrintHtml(line.quantity)} ${escapePrintHtml(line.unitPrice)} ${escapePrintHtml(formatCurrency(item.total ?? 0, currencySymbol))} `; }).join(''); const modeLabel = isReturn ? (t?.returnMode ?? 'مردود مبيعات') : (t?.saleMode ?? 'مبيعات'); const receiptTarget = defaultReceiptPrinterName ? ` - ${escapePrintHtml(defaultReceiptPrinterName)}` : ''; const invoiceReferenceRaw = String(invoiceMeta?.number || invoiceMeta?.id || '').trim(); const invoiceReference = invoiceReferenceRaw ? escapePrintHtml(invoiceReferenceRaw) : escapePrintHtml('DRAFT'); const qrValue = invoiceReferenceRaw || 'DRAFT'; const qrSrc = `https://api.qrserver.com/v1/create-qr-code/?size=120x120&data=${encodeURIComponent(qrValue)}`; const receiptHtml = ` ${escapePrintHtml(t?.posTitle ?? 'نقطة البيع')}

${escapePrintHtml(t?.posTitle ?? 'نقطة البيع')} - ${escapePrintHtml(modeLabel)}${receiptTarget}

${escapePrintHtml(t?.invoiceNumber ?? 'رقم الفاتورة')}: ${invoiceReference}
${escapePrintHtml(t?.cashier ?? 'الكاشير')}: ${escapePrintHtml(cashierName ?? '')}
${printableItems}
${escapePrintHtml(t?.item ?? 'الصنف')} ${escapePrintHtml(t?.itemNumberLabel ?? 'رقم الصنف')} ${escapePrintHtml(t?.descriptionLabel ?? 'الوصف')} ${escapePrintHtml(t?.unitLabel ?? 'الوحدة')} ${escapePrintHtml(t?.quantity ?? 'الكمية')} ${escapePrintHtml(t?.price ?? 'السعر')} ${escapePrintHtml(t?.total ?? 'الإجمالي')}
${escapePrintHtml(t?.grandTotal ?? 'المجموع الإجمالي')}: ${escapePrintHtml(formatCurrency(totalAfterDiscount, currencySymbol))}
Invoice QR
${escapePrintHtml(t?.invoiceNumber ?? 'رقم الفاتورة')}: ${invoiceReference}
`; if (printingSettings?.printTransportMode === 'native-bridge') { toast({ title: t?.printerBridgeNoticeTitle ?? 'تنبيه الطباعة', description: t?.printerBridgeNoticeDescription ?? 'تم حفظ توزيع الطابعات. الإرسال الصامت للطابعات يحتاج ربطاً محلياً، لذا سيتم فتح معاينة المتصفح حالياً.', variant: 'destructive', }); } let openedDocuments = 0; if (openPrintPreviewWindow(receiptHtml)) { openedDocuments += 1; } if (printingSettings?.customPrintersEnabled) { const groupedPrepTickets = new Map(); itemsWithDetails.forEach((item, idx) => { const line = watchAllItems[idx]; if (!item || !line) return; const material = allMaterials.find((entry) => entry.id === line.materialId); if (!material || material.excludeFromPrepTicket === true) return; const sectionId = String((material as any).printSectionId || '').trim(); if (!sectionId) return; const section = printSectionById.get(sectionId); if (!section) return; const bucket = groupedPrepTickets.get(sectionId) || { sectionName: String(section.name || sectionId), printerName: printerNameById.get(String(section.printerId || '')) || '', copies: Math.max(1, Number(section.copies || 1)), printPrices: section.printPrices === true, rows: [], }; const prepLabel = String((material as any).printLabelOverride || item.description || item.name || '').trim() || item.name; const lineNotes = String((line.description || '')).trim(); bucket.rows.push(`
${escapePrintHtml(prepLabel)}
${lineNotes && lineNotes !== item.name ? `
${escapePrintHtml(lineNotes)}
` : ''} ${escapePrintHtml(item.unitLabel || '-')} ${escapePrintHtml(line.quantity)} ${bucket.printPrices ? `${escapePrintHtml(formatCurrency(item.total ?? 0, currencySymbol))}` : ''} `); groupedPrepTickets.set(sectionId, bucket); }); groupedPrepTickets.forEach((group) => { const prepHtml = ` ${escapePrintHtml(group.sectionName)}

${escapePrintHtml(group.sectionName)}

${escapePrintHtml(t?.cashier ?? 'الكاشير')}: ${escapePrintHtml(cashierName ?? '')}
${escapePrintHtml(t?.copiesLabel ?? 'عدد النسخ')}: ${escapePrintHtml(group.copies)}${group.printerName ? ` — ${escapePrintHtml(group.printerName)}` : ''}
${group.printPrices ? `` : ''} ${group.rows.join('')}
${escapePrintHtml(t?.item ?? 'الصنف')} ${escapePrintHtml(t?.unitLabel ?? 'الوحدة')} ${escapePrintHtml(t?.quantity ?? 'الكمية')}${escapePrintHtml(t?.total ?? 'الإجمالي')}
`; if (openPrintPreviewWindow(prepHtml)) { openedDocuments += 1; } }); } if (autoTriggered && openedDocuments === 0) { toast({ title: t?.printerPopupBlockedTitle ?? 'تعذر فتح الطباعة', description: t?.printerPopupBlockedDescription ?? 'قد يكون المتصفح قد حظر نوافذ الطباعة. استخدم زر الطباعة يدوياً إذا لزم الأمر.', variant: 'destructive', }); } return openedDocuments > 0; }; const handlePrintSavedInvoice = (invoice: SalesInvoice) => { const printableItems = (invoice.items || []).map((item) => ` ${escapePrintHtml(item.name)} ${escapePrintHtml(item.description || item.name)} ${escapePrintHtml(item.quantity)} ${escapePrintHtml(item.unitPrice)} ${escapePrintHtml(formatCurrency(item.total || (Number(item.quantity || 0) * Number(item.unitPrice || 0)), currencySymbol))} `).join(''); const customer = customers.find((c) => c.id === invoice.customerId); const total = typeof invoice.grandTotal === 'number' ? invoice.grandTotal : (invoice.items || []).reduce((sum, item) => sum + Number(item.total || (item.quantity * item.unitPrice)), 0); const invoiceReferenceRaw = String(invoice.invoiceNumber || invoice.id || '').trim(); const invoiceReference = escapePrintHtml(invoiceReferenceRaw); const qrSrc = `https://api.qrserver.com/v1/create-qr-code/?size=120x120&data=${encodeURIComponent(invoiceReferenceRaw)}`; const html = ` ${escapePrintHtml(invoice.invoiceNumber || invoice.id)}

${escapePrintHtml(t?.posTitle ?? 'نقطة البيع')}

${escapePrintHtml(t?.invoiceNumber ?? 'رقم الفاتورة')}: ${invoiceReference}
${escapePrintHtml(t?.customer ?? 'الزبون')}: ${escapePrintHtml(getDisplayCustomerName((invoice as any)?.customerName, customer?.name))}
${escapePrintHtml(t?.date ?? 'التاريخ')}: ${escapePrintHtml(formatDateTimeStable(invoice.date))}
${printableItems}
${escapePrintHtml(t?.item ?? 'الصنف')} ${escapePrintHtml(t?.descriptionLabel ?? 'الوصف')} ${escapePrintHtml(t?.quantity ?? 'الكمية')} ${escapePrintHtml(t?.price ?? 'السعر')} ${escapePrintHtml(t?.total ?? 'الإجمالي')}
${escapePrintHtml(t?.grandTotal ?? 'المجموع الإجمالي')}: ${escapePrintHtml(formatCurrency(total, currencySymbol))}
Invoice QR
${escapePrintHtml(t?.invoiceNumber ?? 'رقم الفاتورة')}: ${invoiceReference}
`; const opened = openPrintPreviewWindow(html); if (!opened) { toast({ title: t?.printerPopupBlockedTitle ?? 'تعذر فتح الطباعة', description: t?.printerPopupBlockedDescription ?? 'قد يكون المتصفح قد حظر نوافذ الطباعة. حاول السماح بالنوافذ المنبثقة.', variant: 'destructive', }); } }; const normalizeSearchText = (value: string) => { return value .toLowerCase() .replace(/[\u064B-\u065F\u0670\u06D6-\u06ED]/g, '') .replace(/[إأآٱ]/g, 'ا') .replace(/ى/g, 'ي') .replace(/ؤ/g, 'و') .replace(/ئ/g, 'ي') .replace(/ة/g, 'ه') .replace(/[^\p{L}\p{N}]+/gu, ''); }; const matchesItemSearch = (material: ProductionItem, query: string) => { const trimmed = query.trim(); if (!trimmed) return true; const tokens = trimmed .split(/\s+/) .map((part) => normalizeSearchText(part)) .filter(Boolean); const normalizedName = normalizeSearchText(material.name || ''); const normalizedNumber = normalizeSearchText(String(material.itemNumber || material.id || '')); const normalizedBarcode = normalizeSearchText(material.barcode || ''); const normalizedExtra = (material.additionalBarcodes || []) .map((code) => normalizeSearchText(code || '')) .join(' '); const normalizedAdditionalDetails = normalizeSearchText(material.additionalDetails || ''); if (tokens.length === 0) return true; return tokens.every((token) => normalizedName.includes(token) || normalizedNumber.includes(token) || normalizedBarcode.includes(token) || normalizedExtra.includes(token) || normalizedAdditionalDetails.includes(token) ); }; const hasAllCharactersUnordered = (haystack: string, token: string) => { if (!token) return true; if (!haystack) return false; const counts = new Map(); for (const ch of haystack) { counts.set(ch, (counts.get(ch) || 0) + 1); } for (const ch of token) { const available = counts.get(ch) || 0; if (available <= 0) return false; counts.set(ch, available - 1); } return true; }; const customerSearchScore = (customer: Customer, query: string) => { const trimmed = String(query || '').trim(); if (!trimmed) return 0; const tokens = trimmed .split(/\s+/) .map((part) => normalizeSearchText(part)) .filter(Boolean); if (tokens.length === 0) return 0; const name = normalizeSearchText(customer.name || ''); const idValue = normalizeSearchText(String(customer.id || '')); const phoneValue = normalizeSearchText(String((customer as any).phone || (customer as any).mobile || '')); const combined = `${name} ${idValue} ${phoneValue}`.trim(); const compactCombined = combined.replace(/\s+/g, ''); let score = 0; for (const token of tokens) { if (!token) continue; if (name === token || idValue === token || phoneValue === token) { score += 0; continue; } if (name.startsWith(token) || idValue.startsWith(token) || phoneValue.startsWith(token)) { score += 1; continue; } if (combined.includes(token) || compactCombined.includes(token)) { score += 3; continue; } if (hasAllCharactersUnordered(compactCombined, token)) { score += 8; continue; } return Number.POSITIVE_INFINITY; } return score; }; const filteredCustomers = useMemo(() => { return customerList .map((customer) => ({ customer, score: customerSearchScore(customer, customerSearchQuery) })) .filter((entry) => Number.isFinite(entry.score)) .sort((a, b) => { if (a.score !== b.score) return a.score - b.score; return String(a.customer.name || '').localeCompare(String(b.customer.name || ''), locale || 'ar'); }) .map((entry) => entry.customer); }, [customerList, customerSearchQuery, locale]); const filteredMaterials = useMemo(() => { if (!showItemPicker) return []; return allMaterials.filter((m) => matchesItemSearch(m, itemSearch)); }, [allMaterials, itemSearch, showItemPicker]); const visibleItemPickerMaterials = useMemo(() => { if (!showItemPicker) return []; if (itemSearch.trim()) return filteredMaterials; return filteredMaterials.slice(0, 200); }, [filteredMaterials, itemSearch, showItemPicker]); const filteredGroupMaterials = useMemo(() => { const query = groupItemSearch.trim(); if (!query) return activeGroupMaterials; return activeGroupMaterials.filter((material) => matchesItemSearch(material, query)); }, [activeGroupMaterials, groupItemSearch]); const touchKeyboardLayouts: Record<'ar' | 'en', string[][]> = { ar: [ ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0'], ['ض', 'ص', 'ث', 'ق', 'ف', 'غ', 'ع', 'ه', 'خ', 'ح', 'ج', 'د'], ['ش', 'س', 'ي', 'ب', 'ل', 'ا', 'ت', 'ن', 'م', 'ك', 'ط'], ['ئ', 'ء', 'ؤ', 'ر', 'لا', 'ى', 'ة', 'و', 'ز', 'ظ'], ], en: [ ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0'], ['q', 'w', 'e', 'r', 't', 'y', 'u', 'i', 'o', 'p'], ['a', 's', 'd', 'f', 'g', 'h', 'j', 'k', 'l'], ['z', 'x', 'c', 'v', 'b', 'n', 'm'], ], }; const supportedKeyboardLanguages: Array<{ code: 'ar' | 'en'; label: string }> = [ { code: 'ar', label: 'العربية' }, { code: 'en', label: 'English' }, ]; const touchKeyboardRows = touchKeyboardLayouts[groupKeyboardLanguage]; const appendTouchKey = (key: string) => { setGroupItemSearch((prev) => `${prev}${key}`); }; return (
{t?.posTitle ?? 'نقطة البيع'}

{t?.invoicePageDescription ?? 'إنشاء فاتورة جديدة لزبون. سيتم تطبيق الأسعار والبونص الخاص بالزبون تلقائياً.'}

{(t?.cashier ?? 'الكاشير')}: {cashierName || '—'} {isShiftLoading ? (t?.shiftLoading ?? 'تحميل حالة الوردية...') : isShiftOpen ? (t?.shiftOpenState ?? 'وردية نشطة') : (t?.shiftClosedState ?? 'الوردية غير مفتوحة')} {(t?.groupItemsTitle ?? 'مجموعات POS')}: {posGroups.length} {(t?.weightDialogTitle ?? 'الأصناف الوزنية')}: {measuredItemsCount} {(t?.trackedUnitTitle ?? 'الأصناف المتتبعة')}: {trackedItemsCount} {restaurantPosEnabled && ( Restaurant POS: ON ({restaurantAreasCount} مناطق / {restaurantTablesCount} طاولات) )}
{/* معلومات الزبون والطاولة المفعلة */}
{selectedCustomer && (
👤 زبون: {selectedCustomer.name}
)} {activeRestaurantTable && (
🪑 طاولة: {activeRestaurantTable.tableCode ? `${activeRestaurantTable.tableCode} - ` : ''}{activeRestaurantTable.name}
)} {!selectedCustomer && !activeRestaurantTable && (
اختر زبوناً أو طاولة لبدء الفاتورة
)}
عرض الأصناف:
0 && partialPaySelectedIndexes.length === fields.length ? true : partialPaySelectedIndexes.length > 0 && partialPaySelectedIndexes.length < fields.length ? 'indeterminate' : false } onCheckedChange={(checked) => { if (checked) { setPartialPaySelectedIndexes(fields.map((_, idx) => idx)); } else { setPartialPaySelectedIndexes([]); } }} aria-label="تحديد الكل" /> {t?.item ?? 'الصنف'} {showItemNumberColumn && {t?.itemNumberLabel ?? 'رقم الصنف'}} {showUnitColumn && {t?.unitLabel ?? 'الوحدة'}} {isWarehouseEnabled && {t?.warehouseLabel ?? 'المستودع/الرف'}} {showDescriptionColumn && {t?.descriptionLabel ?? 'الوصف'}} {showBarcodeColumn && {t?.barcodeLabel ?? 'الباركود'}} {showQuantityColumn && {t?.quantity ?? 'الكمية'}} {showPriceColumn && {t?.price ?? 'السعر'}} {showItemDiscountColumn && {t?.itemDiscountLabel ?? 'خصم الصنف'}} {showBonusColumn && {t?.bonus ?? 'بونص'}} {showTotalColumn && {t?.total ?? 'الإجمالي'}} {showActionsColumn &&
{t?.actionsLabel ?? 'العمليات'} {isAnyPartialPaySelected && ( )}
} {fields.map((field, index) => { const checkboxCell = ( { setPartialPaySelectedIndexes((prev) => checked ? [...prev, index].filter((v, i, arr) => arr.indexOf(v) === i) : prev.filter((v) => v !== index) ); }} aria-label={`تحديد الصنف ${index + 1}`} /> ); const itemSelectCell = ( ( )} /> ); const itemNumberCellContent = itemsWithDetails[index]?.itemNumber ?? '-'; const unitCellContent = itemsWithDetails[index]?.unitLabel ?? '-'; const warehouseCellContent = (() => { const materialId = String((watchAllItems[index] as any)?.materialId || '').trim(); const availableLocations = availableLocationsByMaterial.get(materialId) || []; const currentWarehouseId = String((watchAllItems[index] as any)?.warehouseId || '').trim(); const currentShelfId = String((watchAllItems[index] as any)?.shelfId || '').trim(); const currentValue = currentWarehouseId && currentShelfId ? `${currentWarehouseId}||${currentShelfId}` : ''; if (availableLocations.length === 0) { return ( {allowOutOfStockSales ? (t?.noStockButSaleAllowed ?? 'لا يوجد رصيد متاح (البيع مسموح حسب الإعدادات)') : (t?.noStockForItem ?? 'لا يوجد رصيد متاح')} ); } if (availableLocations.length === 1) { const location = availableLocations[0]; return (
{location.warehouseName} / {location.shelfName}
{t?.availableQtyLabel ?? 'متاح'}: {location.quantity}
); } return ( ); })(); const descriptionCellContent = ( <> {itemsWithDetails[index]?.allowDescriptionEdit ? ( ( e.target.select()} /> )} /> ) : ( {itemsWithDetails[index]?.description ?? itemsWithDetails[index]?.name ?? '-'} )} {(() => { const currentLine = watchAllItems[index] as any; const materialId = String(currentLine?.materialId || '').trim(); const material = allMaterials.find((entry) => entry.id === materialId); if (!material || !isTrackedMaterial(material)) return null; const trackedUnit = getTrackedUnitForLine(currentLine); if (trackedUnit) { return (
{t?.trackedUnitTitle ?? 'الوحدة المتتبعة'}: {getTrackedUnitLabel(trackedUnit)}
); } if (!isTrackedLineMissingUnit(currentLine)) return null; return (
{t?.trackedUnitRequired ?? 'يتطلب اختيار وحدة متتبعة'}
); })()} ); const barcodeCellContent = itemsWithDetails[index]?.unitBarcode ?? '-'; const quantityCellContent = ( (
e.target.select()} className="min-w-[90px] text-center" /> {t?.quantity ?? 'الكمية'}
)} /> ); const priceCellContent = ( (
e.target.select()} /> {t?.price ?? 'السعر'}
)} /> ); const discountCellContent = ( <> (
e.target.select()} /> {t?.itemDiscountLabel ?? 'خصم الصنف'}
)} /> {Number(itemsWithDetails[index]?.campaignPreviewDiscount || 0) > 0 && (

{t?.campaignDiscountPreviewLabel ?? 'خصم الحملات (معاينة)'}: -{formatCurrency(Number(itemsWithDetails[index]?.campaignPreviewDiscount || 0), currencySymbol)}

)} ); const bonusCellContent = ( <> {itemsWithDetails[index]?.bonus ?? 0} {t?.bonus ?? 'بونص'} ); const totalCellContent = formatCurrency(itemsWithDetails[index]?.total ?? 0, currencySymbol); const actionsCellContent = (
); if (compactRowLayout) { return ( {checkboxCell} {itemSelectCell} {showItemNumberColumn && {itemNumberCellContent}} {showUnitColumn && {unitCellContent}} {isWarehouseEnabled && {warehouseCellContent}} {showDescriptionColumn && {descriptionCellContent}} {showBarcodeColumn && {barcodeCellContent}} {showQuantityColumn && {quantityCellContent}} {showPriceColumn && {priceCellContent}} {showItemDiscountColumn && {discountCellContent}} {showBonusColumn && {bonusCellContent}} {showTotalColumn && {totalCellContent}} {showActionsColumn && {actionsCellContent}} ); } return ( { setPartialPaySelectedIndexes((prev) => checked ? [...prev, index].filter((v, i, arr) => arr.indexOf(v) === i) : prev.filter((v) => v !== index) ); }} aria-label={`تحديد الصنف ${index + 1}`} /> ( )} /> {showItemNumberColumn && {itemsWithDetails[index]?.itemNumber ?? '-'}} {showUnitColumn && {itemsWithDetails[index]?.unitLabel ?? '-'}} {isWarehouseEnabled && ( {(() => { const materialId = String((watchAllItems[index] as any)?.materialId || '').trim(); const availableLocations = availableLocationsByMaterial.get(materialId) || []; const currentWarehouseId = String((watchAllItems[index] as any)?.warehouseId || '').trim(); const currentShelfId = String((watchAllItems[index] as any)?.shelfId || '').trim(); const currentValue = currentWarehouseId && currentShelfId ? `${currentWarehouseId}||${currentShelfId}` : ''; if (availableLocations.length === 0) { return ( {allowOutOfStockSales ? (t?.noStockButSaleAllowed ?? 'لا يوجد رصيد متاح (البيع مسموح حسب الإعدادات)') : (t?.noStockForItem ?? 'لا يوجد رصيد متاح')} ); } if (availableLocations.length === 1) { const location = availableLocations[0]; return (
{location.warehouseName} / {location.shelfName}
{t?.availableQtyLabel ?? 'متاح'}: {location.quantity}
); } return ( ); })()} )} {showDescriptionColumn && {itemsWithDetails[index]?.allowDescriptionEdit ? ( ( e.target.select()} /> )} /> ) : ( {itemsWithDetails[index]?.description ?? itemsWithDetails[index]?.name ?? '-'} )} {(() => { const currentLine = watchAllItems[index] as any; const materialId = String(currentLine?.materialId || '').trim(); const material = allMaterials.find((entry) => entry.id === materialId); if (!material || !isTrackedMaterial(material)) return null; const trackedUnit = getTrackedUnitForLine(currentLine); if (trackedUnit) { return (
{t?.trackedUnitTitle ?? 'الوحدة المتتبعة'}: {getTrackedUnitLabel(trackedUnit)}
); } if (!isTrackedLineMissingUnit(currentLine)) return null; return (
{t?.trackedUnitRequired ?? 'يتطلب اختيار وحدة متتبعة'}
); })()} } {showBarcodeColumn && {itemsWithDetails[index]?.unitBarcode ?? '-'}} {showQuantityColumn && (
e.target.select()} className="min-w-[90px] text-center" /> {t?.quantity ?? 'الكمية'}
)} /> } {showPriceColumn && (
e.target.select()} /> {t?.price ?? 'السعر'}
)} /> } {showItemDiscountColumn && (
e.target.select()} /> {t?.itemDiscountLabel ?? 'خصم الصنف'}
)} /> {Number(itemsWithDetails[index]?.campaignPreviewDiscount || 0) > 0 && (

{t?.campaignDiscountPreviewLabel ?? 'خصم الحملات (معاينة)'}: -{formatCurrency(Number(itemsWithDetails[index]?.campaignPreviewDiscount || 0), currencySymbol)}

)} } {showBonusColumn && {itemsWithDetails[index]?.bonus ?? 0} {t?.bonus ?? 'بونص'} } {showTotalColumn && {formatCurrency(itemsWithDetails[index]?.total ?? 0, currencySymbol)}} {showActionsColumn &&
} ); })} {fields.length === 0 && ( {t?.noItems ?? 'لم تتم إضافة أي أصناف بعد.'} )}
{/* حوار سؤال الكمية للدفع الجزئي */} { if (!open) setShowPartialPayRowQtyDialog(false); }}> كمية الدفع الجزئي {partialPayRowIndex !== null && ( <> الصنف: {itemsWithDetails[partialPayRowIndex]?.name ?? `صنف ${(partialPayRowIndex ?? 0) + 1}`} {' '}— الكمية الإجمالية: {Number(watchAllItems[partialPayRowIndex ?? 0]?.quantity ?? 1)} )}
setPartialPayRowQty(e.target.value)} onFocus={(e) => e.target.select()} autoFocus className="h-14 rounded-xl text-center text-xl font-semibold" />
{partialPayRowIndex !== null && (() => { const qty = Math.max(1, Math.min(Number(partialPayRowQty || 1), Number(watchAllItems[partialPayRowIndex]?.quantity ?? 1))); const unitPrice = Number(watchAllItems[partialPayRowIndex]?.unitPrice ?? 0); return (

المبلغ المتوقع: {formatCurrency(qty * unitPrice, currencySymbol)}

); })()}
{/* حوار الدفع الجزئي النهائي */} دفع جزئي للأصناف المحددة راجع الأصناف ثم أكمل عملية الدفع الجزئي.
{partialPaySelectedIndexes.map((idx) => { const qty = getPartialQtyForIndex(idx); const unitPrice = Number(watchAllItems[idx]?.unitPrice ?? 0); return (
{itemsWithDetails[idx]?.name ?? `صنف ${idx + 1}`}
الكمية: {qty} × {formatCurrency(unitPrice, currencySymbol)}
{formatCurrency(qty * unitPrice, currencySymbol)}
); })} {partialPaySelectedIndexes.length > 0 && (
الإجمالي {formatCurrency(partialPayTotal, currencySymbol)}
)}
{t?.openShift ?? 'افتتاح الوردية'} {t?.openShiftDesc ?? 'أدخل الأرصدة الافتتاحية قبل البدء بالبيع.'}
setOpenShiftCash(e.target.value)} onFocus={(e) => e.target.select()} />
setOpenShiftVisa(e.target.value)} onFocus={(e) => e.target.select()} />
setOpenShiftNotes(e.target.value)} placeholder={t?.optionalNotes ?? 'ملاحظات اختيارية'} />
{t?.closeShift ?? 'إغلاق الوردية'} {t?.closeShiftDesc ?? 'ملخص الوردية الحالية — أدخل الجرد الفعلي ثم أغلق الوردية.'}
{/* ─── ملخص الوردية ─── */} {activeShift && (

{t?.shiftSummaryTitle ?? 'ملخص الوردية'}

{t?.cashierLabel ?? 'الكاشير'}{cashierName || '—'}
{t?.shiftStartedAt ?? 'بداية الوردية'}{formatDateTimeStable(activeShift.startedAt)}
{t?.openingCash ?? 'نقدي افتتاحي'}{formatCurrency(activeShift.openingCash || 0, currencySymbol)}
{t?.openingVisa ?? 'بطاقة افتتاحية'}{formatCurrency(activeShift.openingVisa || 0, currencySymbol)}
{t?.cashSales ?? 'مبيعات نقدية'}{formatCurrency(activeShift.cashSalesAmount || 0, currencySymbol)}
{t?.visaSales ?? 'مبيعات بطاقة'}{formatCurrency(activeShift.visaSalesAmount || 0, currencySymbol)}
{t?.totalSalesAmount ?? 'إجمالي المبيعات'}{formatCurrency((activeShift.cashSalesAmount || 0) + (activeShift.visaSalesAmount || 0) + (activeShift.receivablesAmount || 0) + (activeShift.couponAmount || 0), currencySymbol)}
{t?.expectedCashAtClose ?? 'نقدي متوقع عند الإغلاق'}{formatCurrency(activeShift.expectedCashAtClose || 0, currencySymbol)}
{t?.expectedVisaAtClose ?? 'بطاقة متوقعة عند الإغلاق'}{formatCurrency(activeShift.expectedVisaAtClose || 0, currencySymbol)}
)}
setCloseShiftCash(e.target.value)} onFocus={(e) => e.target.select()} />
setCloseShiftVisa(e.target.value)} onFocus={(e) => e.target.select()} />
setCloseShiftNotes(e.target.value)} placeholder={t?.optionalNotes ?? 'ملاحظات اختيارية'} />
{t?.closeShiftPendingInvoiceTitle ?? 'يوجد فاتورة غير منتهية'} {t?.closeShiftPendingInvoiceDesc ?? 'يجب أن يكون جدول الفاتورة فارغاً قبل إغلاق الوردية. اختر الإجراء المناسب للفاتورة الحالية.'}
{(t?.closeShiftPendingInvoiceCountLabel ?? 'عدد الأصناف الحالية')}: {pendingInvoiceLineCount}
{t?.shiftAlreadyOpenTitle ?? 'يوجد وردية مفتوحة'} {t?.shiftAlreadyOpenDecision ?? `لديك وردية نشطة غير مغلقة باسم: ${String(cashierName || activeShift?.userName || 'المستخدم الحالي')}. هل تريد الاستمرار بها أم إغلاقها وبدء وردية جديدة؟`} {activeShift && (
{t?.cashierLabel ?? 'الكاشير'}{cashierName || '—'}
{t?.shiftStartedAt ?? 'بداية الوردية'}{formatDateTimeStable(activeShift.startedAt)}
{t?.expectedCashAtClose ?? 'نقدي متوقع عند الإغلاق'}{formatCurrency(activeShift.expectedCashAtClose || 0, currencySymbol)}
{t?.expectedVisaAtClose ?? 'بطاقة متوقعة عند الإغلاق'}{formatCurrency(activeShift.expectedVisaAtClose || 0, currencySymbol)}
)} تبديل الطاولة لديك أصناف غير محفوظة في الطاولة الحالية. ماذا تريد أن تفعل؟
الأصناف المعلقة:
{pendingInvoiceLineCount} أصناف بانتظار الحفظ
محاسبة الطاولة (كاملة أو جزئية) شرح كيفية محاسبة حساب الطاولة

الطريقة 1: محاسبة الفاتورة الكاملة

  1. اختر الطاولة المراد محاسبتها
  2. تأكد من وجود جميع الأصناف المطلوبة في الفاتورة
  3. انقر على زر "إتمام الفاتورة" أو "حفظ الفاتورة"
  4. اختر طريقة الدفع (نقدي، بطاقة، إلخ)
  5. تم إقفال الحساب كاملاً والطاولة متاحة للعملاء الجدد

الطريقة 2: محاسبة جزئية (تقسيم الحساب)

  1. اختر الأصناف المراد محاسبتها من الفاتورة
  2. انقر على "دفع جزئي" أو استخدم زر الدفع المخصص
  3. أدخل المبلغ أو اختر الأصناف المحددة
  4. أكمل عملية الدفع
  5. ستبقى الأصناف المتبقية في حساب الطاولة معلقة
  6. يمكن الانتقال لطاولة أخرى والعودة لاحقاً لإكمال الحساب
ملاحظة مهمة:

إذا كنت تريد محاسبة جزء من الحساب فقط، اختر الأصناف المحددة قبل الضغط على "دفع" أو "محاسبة".

 { const target = event.target as HTMLElement | null; if (target?.closest('[data-radix-popper-content-wrapper]')) { event.preventDefault(); } }} > {t?.accountingButton ?? 'محاسبة'} {t?.accountingDesc ?? 'كشف حساب الزبون وسند القبض.'}
{accountingView === 'statement' ? ( ) : ( )}
{ setCustomerList((prev) => [...prev, customer]); form.setValue('customerId', customer.id); }} /> { setShowShapeDialog(open); if (!open) { setPendingShapeMaterial(null); setPendingShapeBasePrice(0); setPendingShapeBarcode(undefined); setSelectedShapeId(''); requestAnimationFrame(() => barcodeRef.current?.focus()); } }} > {t?.selectProductShapeTitle ?? 'اختيار شكل المنتج'} {t?.selectProductShapeDesc ?? 'اختر الشكل المطلوب قبل إضافة الصنف للفاتورة.'}
{getActiveProductShapes(pendingShapeMaterial as ProductionItem).map((shape, shapeIndex) => ( ))}
{isManualVolumeDialog ? (t?.volumeDialogTitle ?? 'إدخال الحجم') : (t?.weightDialogTitle ?? 'قراءة الوزن')} {isManualVolumeDialog ? (t?.volumeDialogDesc ?? 'أدخل حجم المنتج ليتم إضافته للفاتورة.') : (t?.weightDialogDesc ?? 'أدخل وزن المنتج ليتم إضافته للفاتورة.')}
{pendingMeasurementMode === 'volume' && pendingVolumeOptions.length > 0 && (
)}
setWeightInput(e.target.value)} placeholder={isManualVolumeDialog ? (t?.volumePlaceholder ?? 'أدخل الحجم...') : (t?.weightPlaceholder ?? 'أدخل الوزن...')} ref={weightInputRef} />
{!isManualVolumeDialog && effectiveScaleMode === 'hid' && (

{t?.scaleHidHint ?? 'وضع HID: انتظر قراءة الميزان أو أدخل الوزن يدويًا.'}

)} {!isManualVolumeDialog && effectiveScaleMode === 'serial' && (
{!isSerialConnected ? ( ) : ( )} {isSerialConnected ? (t?.scaleConnected ?? 'متصل') : (t?.scaleDisconnected ?? 'غير متصل')}
{!isSerialSupported && (

{t?.webSerialNotSupported ?? 'المتصفح الحالي لا يدعم Web Serial. استخدم Chrome/Edge.'}

)}
)}
{(t?.unitPriceLabel ?? 'سعر الوحدة')}: {formatCurrency(pendingWeightUnitPrice || 0, currencySymbol)}
{ setShowTrackedUnitDialog(open); if (!open) { closeTrackedUnitDialog(); } }} > {t?.trackedUnitTitle ?? 'اختيار الرقم التسلسلي / RFID'} {t?.trackedUnitDesc ?? 'اختر الوحدة قبل إضافة الصنف للفاتورة.'}
setTrackedUnitSearch(e.target.value)} placeholder={t?.trackedUnitSearchPlaceholder ?? 'ابحث بالرقم التسلسلي أو RFID...'} autoFocus />
{t?.serialNumberLabel ?? 'الرقم التسلسلي'} {t?.rfidCodeLabel ?? 'RFID'} {t?.location ?? 'الموقع'} {t?.status ?? 'الحالة'} {filteredTrackedUnits.map((unit, unitIndex) => ( handleSelectTrackedUnit(unit)} > {(unit.serialNumber || '').trim() || '-'} {(unit.rfidCode || '').trim() || '-'} {(unit.location || '').trim() || '-'} {unit.status} ))} {filteredTrackedUnits.length === 0 && ( {t?.noAvailableTrackedUnits ?? 'لا توجد وحدات متاحة.'} )}
{ setShowAddMaterialDialog(open); if (!open) { setAddMaterialInitialValues(undefined); setNotFoundBarcode(''); requestAnimationFrame(() => barcodeRef.current?.focus()); } }} > { setShowAddMaterialDialog(false); setAddMaterialInitialValues(undefined); setNotFoundBarcode(''); requestAnimationFrame(() => barcodeRef.current?.focus()); }} onCreated={(item) => handleMaterialCreated(item as ProductionItem)} /> { setShowRestaurantTablesDialog(open); if (!open) { requestAnimationFrame(() => barcodeRef.current?.focus()); } }} > إدارة الطاولات اختر طاولة نشطة أو صفّ الطاولات حسب المنطقة.
{activeRestaurantTable ? ( الطاولة النشطة: {activeRestaurantTable.name} ) : ( بدون طاولة نشطة )}
{activeRestaurantTable && ( {activeRestaurantAreaName} • {activeRestaurantTable.seats} مقاعد )}
{filteredRestaurantTables.length === 0 ? (
لا توجد طاولات في هذا القسم.
) : (
{filteredRestaurantTables.map((table) => { const isActive = activeRestaurantTableId === table.id; const isOccupied = occupiedTableIds.has(table.id); return ( ); })}
)}
{ setShowGroupsPicker(open); if (!open) { setGroupItemSearch(''); setGroupKeyboardVisible(true); requestAnimationFrame(() => barcodeRef.current?.focus()); } }} > {t?.itemGroupsTitle ?? 'مجموعات الأصناف'} {t?.selectItemDesc ?? 'اختر مجموعة وابحث عن الصنف ثم اضغط لإضافته للفاتورة.'}
{t?.searchItemPlaceholder ?? 'ابحث عن الصنف...'}
setGroupItemSearch(e.target.value)} placeholder={t?.searchItemPlaceholder ?? 'ابحث عن الصنف...'} lang={groupKeyboardLanguage} dir={groupKeyboardLanguage === 'en' ? 'ltr' : 'rtl'} autoFocus className="h-11" />
{supportedKeyboardLanguages.map((language) => ( ))}
{groupKeyboardVisible && (
{touchKeyboardRows.map((row, rowIndex) => (
{row.map((key, keyIndex) => ( ))}
))}
)}
{t?.groupItemsTitle ?? 'أصناف المجموعة'}
{filteredGroupMaterials.length === 0 ? (
{t?.noItems ?? 'لم تتم إضافة أي أصناف بعد.'}
) : (
{filteredGroupMaterials.map((material, materialIndex) => { const pricing = getMaterialUnitPricing(material); const availableStock = (availableLocationsByMaterial.get(material.id) || []).reduce( (sum, location) => sum + Number(location.quantity || 0), 0 ); const infoBadges = [ pricing.primaryUnitLabel && pricing.primaryUnitLabel !== '-' ? pricing.primaryUnitLabel : '', pricing.secondaryUnitLabel && pricing.secondaryUnitLabel !== pricing.primaryUnitLabel && pricing.secondaryUnitLabel !== '-' ? pricing.secondaryUnitLabel : '', isMaterialWeighed(material) ? (t?.weightLabel ?? 'وزني') : '', isMaterialSized(material) ? (t?.volumeLabel ?? 'حجمي') : '', isTrackedMaterial(material) ? 'Serial/RFID' : '', ].filter(Boolean); return ( ); })}
)}
{/* ─── نافذة أصناف الميزان ─── */} { setShowWeighedItemsDialog(open); if (!open) { setWeighedSearch(''); setWeighedGroupFilter('__all__'); } }}> أصناف الميزان الأصناف التي تُباع بالوزن — اضغط على الصنف لإضافته للفاتورة.
setWeighedSearch(e.target.value)} className="h-9 max-w-xs" autoFocus />
{(() => { const q = weighedSearch.trim().toLowerCase(); const filtered = allMaterials.filter((m) => { if (!m.isWeighed) return false; if (weighedGroupFilter !== '__all__' && m.groupId !== weighedGroupFilter) return false; if (q && !m.name?.toLowerCase().includes(q) && !m.barcode?.toLowerCase().includes(q) && !m.itemNumber?.toLowerCase().includes(q)) return false; return true; }); if (filtered.length === 0) return (
لا توجد أصناف مطابقة
); return (
{filtered.map((material) => { const unitPrice = customerPriceByMaterialId.get(material.id) ?? material.salePrice ?? 0; return ( ); })}
); })()}
{ setShowItemPicker(open); if (!open) { setItemSearch(''); setItemSearchDraft(''); } }} > {t?.selectItemTitle ?? 'اختيار صنف'} {t?.selectItemDesc ?? 'ابحث عن الصنف ثم اضغط لإضافته للفاتورة.'}
setItemSearchDraft(e.target.value)} onKeyDown={(e) => { if (e.key === 'Enter') { e.preventDefault(); setItemSearch(itemSearchDraft.trim()); } }} autoFocus className="bg-background" />
{t?.item ?? 'الصنف'} {t?.itemNumberLabel ?? 'رقم الصنف'} {t?.itemSymbolNameLabel ?? 'اسم رمز الصنف'} {t?.barcodeLabel ?? 'الباركود'} {t?.additionalDetailsLabel ?? 'تفاصيل اضافيه'} {t?.price ?? 'السعر'} {visibleItemPickerMaterials.map((m, filteredMaterialIndex) => { const unitPrice = customerPriceByMaterialId.get(m.id) ?? m.salePrice ?? 0; return ( { handleAddMaterial(m); setShowItemPicker(false); setItemSearch(''); setItemSearchDraft(''); requestAnimationFrame(() => barcodeRef.current?.focus()); }}> {m.name} {m.itemNumber || m.id} {(m.itemSymbolName || '').trim() || '-'} {m.barcode || '-'} {(m.additionalDetails || '').trim() || '-'} {formatCurrency(unitPrice, currencySymbol)} ); })} {filteredMaterials.length === 0 && ( {t?.noItems ?? 'لم تتم إضافة أي أصناف بعد.'} )}
{!itemSearch.trim() && filteredMaterials.length > visibleItemPickerMaterials.length && (
{`تم عرض أول ${visibleItemPickerMaterials.length} صنف من أصل ${filteredMaterials.length}. اكتب في البحث لعرض النتائج المطلوبة بسرعة.`}
)}
{t?.suspendedInvoicesTitle ?? 'الفواتير المعلقة'} {t?.suspendedInvoicesDesc ?? 'اختر فاتورة لاستعادتها.'}
{suspendedInvoices.length === 0 && (
{t?.noSuspendedInvoices ?? 'لا توجد فواتير معلقة.'}
)} {suspendedInvoices.map((inv, suspendedIndex) => { const customer = customers.find((c) => c.id === inv.customerId); return (
{getDisplayCustomerName((inv as any)?.customerName, customer?.name)}
{(inv as any)?.tableName && (
{(inv as any)?.areaName ? `${(inv as any).areaName} • ` : ''}{(inv as any).tableName}
)}
{formatDateTimeStable(inv.createdAt)}
); })}
{t?.posInvoices ?? 'فواتير نقطة البيع'} {t?.posInvoicesDesc ?? 'عرض آخر الفواتير المحفوظة من نقطة البيع.'}
setInvoiceDateFilter(e.target.value)} className="h-9 w-[180px]" />
{t?.invoiceNumber ?? 'رقم الفاتورة'} {t?.customer ?? 'الزبون'} {t?.date ?? 'التاريخ'} {t?.status ?? 'الحالة'} {t?.total ?? 'الإجمالي'} {t?.actionsLabel ?? 'العمليات'} {invoices.filter((inv) => toLocalDateKey(inv.date) === invoiceDateFilter).length === 0 ? ( {t?.noInvoices ?? 'لا توجد فواتير.'} ) : ( invoices .filter((inv) => toLocalDateKey(inv.date) === invoiceDateFilter) .map((inv, invoiceIndex) => { const customer = customers.find(c => c.id === inv.customerId); const total = typeof inv.grandTotal === 'number' ? inv.grandTotal : (inv.items || []).reduce((sum, item) => sum + (item.quantity * item.unitPrice), 0); return ( {inv.invoiceNumber || inv.id} {getDisplayCustomerName((inv as any)?.customerName, customer?.name)} {formatDateTimeStable(inv.date)} {inv.status ?? t?.activeStatus ?? 'نشطة'} {formatCurrency(total, currencySymbol)} ); }) )}
{t?.barcodeNotFound ?? 'باركود غير موجود'} {t?.barcodeAddPrompt ?? 'لم يتم العثور على الصنف. هل تريد إضافته؟'}
{/* Payment Method Modal */} { setPaymentModalOpen(open); if (!open) { setPendingFinalizeAction(null); shouldPrintAfterSaveRef.current = false; } }} invoiceTotal={totalAfterDiscount} customers={customers} banks={banks} defaultVisaBankAccountId={String(posPaymentMethods?.defaultVisaBankAccountId || '').trim()} currencySymbol={currencySymbol} onConfirm={(paymentBreakdown) => { const normalizedPaymentBreakdown: PosPaymentBreakdown = paymentBreakdown .filter( (payment): payment is PaymentBreakdown & { method: 'cash' | 'visa' | 'receivables' | 'coupon' } => payment.method === 'cash' || payment.method === 'visa' || payment.method === 'receivables' || payment.method === 'coupon' ) .map((payment) => ({ method: payment.method, amount: Number(payment.amount || 0), customerName: payment.customerName, bankAccountId: payment.bankAccountId, couponCode: payment.couponCode, })); const normalizedCustomerId = String(form.getValues('customerId') || '').trim(); const breakdownTotalPaid = normalizedPaymentBreakdown.reduce((sum, payment) => sum + Number(payment.amount || 0), 0); const breakdownAmountDue = totalAfterDiscount - breakdownTotalPaid; const hasReceivablesPayment = normalizedPaymentBreakdown.some( (payment) => payment.method === 'receivables' && Number(payment.amount || 0) > 0 ); if (hasReceivablesPayment && normalizedCustomerId.length === 0) { promptSelectCustomerForReceivables(); toast({ title: t?.validationError ?? 'خطأ في التحقق', description: t?.receivablesCustomerRequired ?? 'عند اختيار الذمم يجب تحديد الزبون أولاً.', variant: 'destructive', }); return false; } const isCashCustomer = normalizedCustomerId.length === 0; if (isCashCustomer && Math.abs(breakdownAmountDue) > 0.0001) { form.setError('customerId', { type: 'manual', message: t?.cashCustomerRequiresPaid ?? 'الزبون النقدي يجب أن يكون المتبقي 0.00', }); toast({ title: t?.validationError ?? 'خطأ في التحقق', description: t?.cashCustomerRequiresPaid ?? 'الزبون النقدي يجب أن يكون المتبقي 0.00', variant: 'destructive', }); return false; } applyPayments(normalizedPaymentBreakdown); const action = pendingFinalizeAction; if (action) { shouldPrintAfterSaveRef.current = action === 'savePrint'; setPendingFinalizeAction(null); setPaymentModalOpen(false); setTimeout(() => { form.handleSubmit(onSubmit)(); }, 0); } return true; }} translations={{ selectPaymentMethod: t?.PaymentMethods?.selectPaymentMethod ?? 'اختر طريقة الدفع', paymentMethods: t?.PaymentMethods?.paymentMethods ?? 'طرق الدفع', cash: t?.PaymentMethods?.cash ?? 'نقدي', visa: t?.PaymentMethods?.visa ?? 'فيزا', receivables: t?.PaymentMethods?.receivables ?? 'ذمم', coupon: t?.PaymentMethods?.coupon ?? 'كوبون', couponCode: t?.PaymentMethods?.couponCode ?? 'كود الكوبون', totalAmount: t?.PaymentMethods?.totalAmount ?? 'إجمالي الفاتورة', paymentBreakdown: t?.PaymentMethods?.paymentBreakdown ?? 'تفاصيل الدفع', remainingBalance: t?.PaymentMethods?.remainingBalance ?? 'الرصيد المتبقي', addPaymentMethod: t?.PaymentMethods?.addPaymentMethod ?? 'إضافة طريقة دفع', confirm: t?.PaymentMethods?.confirm ?? 'تأكيد', cancel: t?.PaymentMethods?.cancel ?? 'إلغاء', amount: t?.PaymentMethods?.amount ?? 'المبلغ', remove: t?.PaymentMethods?.remove ?? 'حذف', errorExceeds: t?.PaymentMethods?.errorExceeds ?? 'إجمالي الدفع لا يمكن أن يتجاوز المبلغ الإجمالي', errorMinimum: t?.PaymentMethods?.errorMinimum ?? 'يجب إضافة طريقة دفع واحدة على الأقل', errorVisaBankRequired: t?.PaymentMethods?.errorVisaBankRequired ?? 'يجب اختيار بنك لمدفوعات البطاقة', }} />
); }