'use client'; import { Fragment, useCallback, useState, useEffect, useMemo, useRef, useTransition, type KeyboardEvent } from 'react'; import { useForm, useFieldArray, useWatch } from 'react-hook-form'; import { zodResolver } from '@hookform/resolvers/zod'; import * as z from 'zod'; import { format } from 'date-fns'; import { useRouter, useSearchParams } from 'next/navigation'; import { formatDateStable } 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 { Textarea } from '@/components/ui/textarea'; import { Button } from '@/components/ui/button'; import { Checkbox } from '@/components/ui/checkbox'; import { Separator } from '@/components/ui/separator'; import { Tabs, TabsContent } from '@/components/ui/tabs'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'; import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogFooter } from '@/components/ui/dialog'; import { Loader2, PlusCircle, Trash2, ChevronsUpDown, ChevronDown, ChevronUp, Paperclip, FileText, SlidersHorizontal, X } from 'lucide-react'; import { type Supplier, type ProductionItem, type Customer, type ItemGroup, type CustomerCategory, type Warehouse, type MaterialStockReport, type PurchaseOrder, type PurchaseOrderItem, type PurchaseOrderDocument, type Currency, type IncomingCheck, type ChartOfAccount, type Bank, type RealEstateProject } from '@/lib/types'; import { useToast } from '@/hooks/use-toast'; import { handleAcquirePurchaseOrderLock, handleCreatePurchaseOrder, handleReleasePurchaseOrderLock, handleUpdatePurchaseOrder, getUnlinkedPurchaseShipmentsBySupplier, handleCreateWorkTaskFromPurchaseOrder } from '@/lib/actions'; import { PartySelector } from '@/components/invoice-shared'; import { cn } from '@/lib/utils'; import AddSupplierDialog from './add-supplier-dialog'; import { formatCurrency } from '@/lib/currency-formatter'; import { MaterialItemDialog } from '@/components/admin/list-manager'; import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuTrigger } from '@/components/ui/dropdown-menu'; import { InvoiceTabsNav } from '@/components/invoice-shared'; function isEffectivelyEmptyPurchaseItem(item: { materialId?: string; quantity?: number; unitPrice?: number; lineDiscountPercent?: number; lineDiscountAmount?: number; bonus?: number; shelfId?: string; realEstateFloorLabel?: string; realEstatePartLabel?: string; } | null | undefined): boolean { if (!item) return true; const quantity = Number(item.quantity || 0); const unitPrice = Number(item.unitPrice || 0); const lineDiscountPercent = Number(item.lineDiscountPercent || 0); const lineDiscountAmount = Number(item.lineDiscountAmount || 0); const bonus = Number(item.bonus || 0); return !String(item.materialId || '').trim() && quantity === 1 && unitPrice === 0 && lineDiscountPercent === 0 && lineDiscountAmount === 0 && bonus === 0 && !String(item.shelfId || '').trim() && !String(item.realEstateFloorLabel || '').trim() && !String(item.realEstatePartLabel || '').trim(); } const purchaseOrderSchema = z.object({ supplierId: z.string().min(1, 'Please select a supplier.'), supplierInvoiceNumber: z.string().optional().default(''), supplierInvoiceDate: z.string().optional().default(''), currencyCode: z.string().min(1, 'Please choose a currency.'), baseCurrencyCode: z.string().optional(), exchangeRate: z.coerce.number().min(0.0001, 'Exchange rate is required.'), rateDate: z.string().min(1, 'Rate date is required.'), rateSource: z.string().optional(), isAutoRate: z.coerce.boolean().optional().default(true), warehouseId: z.string().optional(), realEstateLinkMode: z.enum(['none', 'order', 'line-items']).optional().default('none'), realEstateProjectId: z.string().optional().default(''), realEstateProjectName: z.string().optional().default(''), realEstateScope: z.enum(['project', 'floor', 'part']).optional().default('project'), realEstateFloorLabel: z.string().optional().default(''), realEstatePartLabel: z.string().optional().default(''), realEstateAllocationMethod: z.enum(['area', 'sale-value', 'manual-share']).optional().default('area'), allowDuplicateInvoice: z.coerce.boolean().optional().default(false), amountPaid: z.coerce.number().min(0, 'Amount paid must be a positive number.').default(0), paymentMethods: z.array(z.object({ method: z.enum(['cash', 'check', 'bank_transfer', 'credit']), amount: z.coerce.number().min(0), currency: z.string().optional(), checkSource: z.enum(['issued', 'incoming']).optional(), incomingCheckIds: z.array(z.string()).optional(), checkNumber: z.string().optional(), checkDate: z.string().optional(), bankId: z.string().optional(), bankName: z.string().optional(), reference: z.string().optional(), })).optional().default([]), taxMethod: z.enum(['tax-inclusive', 'invoice-level', 'line-level', 'tax-exempt']).optional().default('tax-inclusive'), invoiceTaxRate: z.coerce.number().min(0).max(100).optional().default(0), invoiceDiscountPercent: z.coerce.number().min(0).max(100).optional().default(0), invoiceDiscountAmount: z.coerce.number().min(0).optional().default(0), notes: z.string().optional().default(''), items: z.array(z.object({ materialId: z.string().optional().default(''), quantity: z.coerce.number().min(1, 'Quantity must be at least 1.'), unitPrice: z.coerce.number().min(0, 'Price must be a positive number.'), lineDiscountPercent: z.coerce.number().min(0).max(100).optional().default(0), lineDiscountAmount: z.coerce.number().min(0).optional().default(0), bonus: z.coerce.number().min(0).optional().default(0), warehouseId: z.string().optional().default(''), shelfId: z.string().optional().default(''), taxRate: z.coerce.number().min(0).max(100).optional(), realEstateProjectId: z.string().optional().default(''), realEstateProjectName: z.string().optional().default(''), realEstateScope: z.enum(['project', 'floor', 'part']).optional(), realEstateFloorLabel: z.string().optional().default(''), realEstatePartLabel: z.string().optional().default(''), realEstateAllocationMethod: z.enum(['area', 'sale-value', 'manual-share']).optional().default('area'), }).superRefine((item, ctx) => { if (isEffectivelyEmptyPurchaseItem(item)) { return; } if (!String(item.materialId || '').trim()) { ctx.addIssue({ code: z.ZodIssueCode.custom, path: ['materialId'], message: 'Please select an item.', }); } })).min(1, 'Please add at least one item to the order.'), documents: z.array(z.object({ id: z.string().min(1), name: z.string().min(1), filePath: z.string().min(1), mimeType: z.string().optional(), size: z.coerce.number().min(0).optional(), uploadedAt: z.string().min(1), uploadedBy: z.string().optional(), })).optional().default([]), documentType: z.enum(['shipment', 'tax_invoice']).optional().default('tax_invoice'), linkedShipmentIds: z.array(z.string()).optional().default([]), }).superRefine((data, ctx) => { const activeItems = (data.items || []).filter((item) => !isEffectivelyEmptyPurchaseItem(item)); if (activeItems.length === 0) { ctx.addIssue({ code: z.ZodIssueCode.custom, path: ['items'], message: 'Please add at least one item to the order.', }); } }); type Party = { id: string; name: string; type: 'customer' | 'supplier'; originalId: string; }; type PaymentTabMode = 'cash' | 'check' | 'bank_transfer' | 'credit' | 'mixed'; type IssuedCheckRow = { id: string; checkNumber: string; bankId: string; bankName: string; checkDate: string; amount: number; currency: string; }; type PurchasePriceReviewRow = { materialId: string; materialName: string; previousPrice: number; // converted to current invoice currency previousOriginalPrice: number; // original price in source currency previousCurrencyCode: string; // source currency of the historical price newPrice: number; difference: number; changeType: 'increase' | 'decrease'; }; type PendingPriceReviewSubmission = { data: z.infer; allowDuplicateOverride: boolean; postingType: 'draft' | 'saved' | 'posted'; purchaseTransferCreationMode: PurchaseTransferCreationMode; }; type PurchaseTransferCreationMode = 'direct_internal_transfer' | 'work_task' | 'none'; type PurchaseOrderFormProps = { suppliers: Supplier[]; customers: Customer[]; materials: ProductionItem[]; purchaseOrders?: PurchaseOrder[]; itemGroups?: ItemGroup[]; categories?: CustomerCategory[]; t: any; tGlobal: any; currencySymbol?: string; currencies?: Currency[]; baseCurrency?: Currency; exchangeRateSources?: string[]; stockLocationsByMaterial?: Record; materialShelfHistoryByMaterial?: Record; warehouses?: Warehouse[]; incomingChecks?: IncomingCheck[]; banks?: Bank[]; chartOfAccounts?: ChartOfAccount[]; realEstateProjects?: RealEstateProject[]; realEstateEnabled?: boolean; warehouseConfig?: { enabled: boolean; defaultWarehouseId?: string; defaultShelfId?: string; }; defaultTaxMethod?: 'tax-inclusive' | 'invoice-level' | 'line-level' | 'tax-exempt'; defaultTaxRate?: number; mode?: 'create' | 'edit'; existingOrder?: PurchaseOrder | null; actionGuardToken: string; shipmentWorkflowEnabled?: boolean; aiInvoiceEntryEnabled?: boolean; purchasePostingFollowupEnabled?: boolean; }; type IncomingChecksSortKey = 'checkNumber' | 'customerName' | 'checkDate' | 'bankName' | 'amount' | 'currency'; type IncomingChecksGridSelectorProps = { checks: IncomingCheck[]; selectedIds: string[]; onSelectionChange: (nextIds: string[]) => void; toCurrencyCode: string; convertedDisplayCurrency: string; defaultBaseCurrencyCode: string; convertAmountByRates: (amount: number, fromCurrency: string, toCurrency: string) => number; t: any; }; function IncomingChecksGridSelector({ checks, selectedIds, onSelectionChange, toCurrencyCode, convertedDisplayCurrency, defaultBaseCurrencyCode, convertAmountByRates, t, }: IncomingChecksGridSelectorProps) { const [searchQuery, setSearchQuery] = useState(''); const [sortKey, setSortKey] = useState('checkDate'); const [sortDir, setSortDir] = useState<'asc' | 'desc'>('desc'); const [columnFilters, setColumnFilters] = useState({ checkNumber: '', customerName: '', checkDate: '', bankName: '', amount: '', currency: '', }); const visibleChecks = useMemo(() => { const normalizedSearch = searchQuery.trim().toLowerCase(); const normalizedFilters = { checkNumber: columnFilters.checkNumber.trim().toLowerCase(), customerName: columnFilters.customerName.trim().toLowerCase(), checkDate: columnFilters.checkDate.trim().toLowerCase(), bankName: columnFilters.bankName.trim().toLowerCase(), amount: columnFilters.amount.trim().toLowerCase(), currency: columnFilters.currency.trim().toLowerCase(), }; const filtered = checks.filter((entry) => { const amountText = String(Number(entry.amount || 0)); const normalizedDate = entry.checkDate ? formatDateStable(entry.checkDate).toLowerCase() : ''; if (normalizedSearch) { const searchTarget = [ entry.checkNumber, entry.customerName, entry.bankName, normalizedDate, entry.currency, amountText, ].join(' ').toLowerCase(); if (!searchTarget.includes(normalizedSearch)) return false; } if (normalizedFilters.checkNumber && !String(entry.checkNumber || '').toLowerCase().includes(normalizedFilters.checkNumber)) return false; if (normalizedFilters.customerName && !String(entry.customerName || '').toLowerCase().includes(normalizedFilters.customerName)) return false; if (normalizedFilters.checkDate && !normalizedDate.includes(normalizedFilters.checkDate)) return false; if (normalizedFilters.bankName && !String(entry.bankName || '').toLowerCase().includes(normalizedFilters.bankName)) return false; if (normalizedFilters.amount && !amountText.toLowerCase().includes(normalizedFilters.amount)) return false; if (normalizedFilters.currency && !String(entry.currency || '').toLowerCase().includes(normalizedFilters.currency)) return false; return true; }); const sorted = [...filtered].sort((a, b) => { if (sortKey === 'amount') { return Number(a.amount || 0) - Number(b.amount || 0); } if (sortKey === 'checkDate') { return String(a.checkDate || '').localeCompare(String(b.checkDate || ''), 'ar'); } const aValue = String(a[sortKey] || ''); const bValue = String(b[sortKey] || ''); return aValue.localeCompare(bValue, 'ar'); }); return sortDir === 'asc' ? sorted : sorted.reverse(); }, [checks, searchQuery, columnFilters, sortKey, sortDir]); const selectedIdSet = useMemo(() => new Set(selectedIds), [selectedIds]); const visibleIds = useMemo(() => visibleChecks.map((entry) => entry.id), [visibleChecks]); const selectedVisibleCount = useMemo( () => visibleIds.reduce((count, id) => count + (selectedIdSet.has(id) ? 1 : 0), 0), [visibleIds, selectedIdSet] ); const areAllVisibleSelected = visibleIds.length > 0 && selectedVisibleCount === visibleIds.length; const toggleSort = (nextKey: IncomingChecksSortKey) => { setSortKey((prevKey) => { if (prevKey === nextKey) { setSortDir((prevDir) => (prevDir === 'asc' ? 'desc' : 'asc')); return prevKey; } setSortDir('asc'); return nextKey; }); }; const renderSortMark = (key: IncomingChecksSortKey) => { if (sortKey !== key) return ; return sortDir === 'asc' ? : ; }; const updateColumnFilter = (key: keyof typeof columnFilters, value: string) => { setColumnFilters((prev) => ({ ...prev, [key]: value })); }; return (
setSearchQuery(event.currentTarget.value)} placeholder={t?.search ?? 'بحث في الشيكات (رقم الشيك، العميل، البنك...)'} className="h-9 text-sm text-black/90 placeholder:text-black/50" />
0 ? 'indeterminate' : false)} onCheckedChange={(checked) => { const checkedValue = checked === true; if (checkedValue) { const nextIds = Array.from(new Set([...selectedIds, ...visibleIds])); onSelectionChange(nextIds); return; } const visibleSet = new Set(visibleIds); onSelectionChange(selectedIds.filter((id) => !visibleSet.has(id))); }} aria-label={t?.selectAll ?? 'تحديد الكل'} /> {t?.convertedAmount ?? 'بعد التحويل'} updateColumnFilter('checkNumber', event.currentTarget.value)} placeholder={t?.filter ?? 'فلتر'} className="h-7 text-xs text-black/90" /> updateColumnFilter('customerName', event.currentTarget.value)} placeholder={t?.filter ?? 'فلتر'} className="h-7 text-xs text-black/90" /> updateColumnFilter('checkDate', event.currentTarget.value)} placeholder={t?.filter ?? 'فلتر'} className="h-7 text-xs text-black/90" /> updateColumnFilter('bankName', event.currentTarget.value)} placeholder={t?.filter ?? 'فلتر'} className="h-7 text-xs text-black/90" /> updateColumnFilter('amount', event.currentTarget.value)} placeholder={t?.filter ?? 'فلتر'} className="h-7 text-xs text-black/90" /> updateColumnFilter('currency', event.currentTarget.value)} placeholder={t?.filter ?? 'فلتر'} className="h-7 text-xs text-black/90" /> {visibleChecks.length === 0 ? ( {t?.noIncomingChecksAvailable ?? 'لا توجد شيكات واردة مطابقة لشرط البحث/الفلترة.'} ) : ( visibleChecks.map((entry) => { const rowSelected = selectedIdSet.has(entry.id); const convertedAmount = convertAmountByRates( Number(entry.amount || 0), entry.currency || defaultBaseCurrencyCode, toCurrencyCode || defaultBaseCurrencyCode ); return ( { const checkedValue = checked === true; if (checkedValue) { onSelectionChange(Array.from(new Set([...selectedIds, entry.id]))); return; } onSelectionChange(selectedIds.filter((id) => id !== entry.id)); }} aria-label={`${t?.select ?? 'تحديد'} ${entry.checkNumber}`} /> {entry.checkNumber} {entry.customerName} {entry.checkDate ? formatDateStable(entry.checkDate) : '-'} {entry.bankName || '-'} {formatCurrency(Number(entry.amount || 0), entry.currency || defaultBaseCurrencyCode)} {entry.currency || defaultBaseCurrencyCode} {formatCurrency(convertedAmount, convertedDisplayCurrency)} ); }) )}

{t?.selected ?? 'المحدد'}: {selectedIds.length} | {t?.visible ?? 'المعروض'}: {visibleChecks.length}

); } export default function PurchaseOrderForm({ suppliers, customers, materials, purchaseOrders = [], itemGroups = [], categories = [], t, tGlobal, currencySymbol = '$', currencies = [], baseCurrency, exchangeRateSources = [], stockLocationsByMaterial = {}, materialShelfHistoryByMaterial = {}, warehouses = [], incomingChecks = [], banks = [], chartOfAccounts = [], realEstateProjects = [], realEstateEnabled = false, warehouseConfig, defaultTaxMethod = 'tax-inclusive', defaultTaxRate = 0, mode = 'create', existingOrder = null, actionGuardToken, shipmentWorkflowEnabled = false, aiInvoiceEntryEnabled = false, purchasePostingFollowupEnabled = false }: PurchaseOrderFormProps) { const router = useRouter(); const searchParams = useSearchParams(); const tablePreferencesStorageKey = 'purchase-order-grid-preferences'; const defaultColumnWidths = { item: 240, quantity: 88, price: 110, shelf: 110, discountPercent: 88, discountAmount: 96, bonus: 88, total: 110, }; const minColumnWidths = { item: 170, quantity: 72, price: 88, shelf: 92, discountPercent: 76, discountAmount: 84, bonus: 76, total: 96, }; // Grid State: إدارة بيانات items محليًا const [gridItems, setGridItems] = useState["items"]>([]); const [activeGridRowIndex, setActiveGridRowIndex] = useState(null); const [paymentMethods, setPaymentMethods] = useState["paymentMethods"]>([]); const [paymentTabMode, setPaymentTabMode] = useState('credit'); const [issuedChecks, setIssuedChecks] = useState([]); const [issuedCheckDraft, setIssuedCheckDraft] = useState({ id: 'draft', checkNumber: '', bankId: '', bankName: '', checkDate: format(new Date(), 'yyyy-MM-dd'), amount: 0, currency: 'USD', }); const [showItemDescriptions, setShowItemDescriptions] = useState(false); const [showOrderHeaderDetails, setShowOrderHeaderDetails] = useState(true); const appendGridItem = (item: z.infer["items"][number]) => setGridItems(prev => [...prev, item]); const [isPending, startTransition] = useTransition(); const { toast } = useToast(); const [selectedPartyId, setSelectedPartyId] = useState(''); const [popoverOpen, setPopoverOpen] = useState(false); const [barcodeInput, setBarcodeInput] = useState(""); const [orderDocuments, setOrderDocuments] = useState(existingOrder?.documents || []); const [isUploadingDocument, setIsUploadingDocument] = useState(false); const [orderDateLabel, setOrderDateLabel] = useState(''); const [showAddSupplierDialog, setShowAddSupplierDialog] = useState(false); 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 [pendingWeightDescription, setPendingWeightDescription] = useState(''); const [pendingMeasurementMode, setPendingMeasurementMode] = useState<'weight' | 'volume'>('weight'); const [pendingVolumeOptions, setPendingVolumeOptions] = useState>([]); const [selectedVolumeOptionKey, setSelectedVolumeOptionKey] = useState(''); const [stockReport, setStockReport] = useState(null); const [showStockReportDialog, setShowStockReportDialog] = useState(false); const [columnVisibility, setColumnVisibility] = useState({ shelf: true, discountPercent: true, discountAmount: true, bonus: true, total: true, }); const [columnWidths, setColumnWidths] = useState(defaultColumnWidths); const [draggingRowIndex, setDraggingRowIndex] = useState(null); const [resizingColumnKey, setResizingColumnKey] = useState(null); const [mounted, setMounted] = useState(false); const [isAcquiringEditLock, setIsAcquiringEditLock] = useState(mode === 'edit'); const [hasEditLock, setHasEditLock] = useState(mode !== 'edit'); const editLockOwnedRef = useRef(false); const editLockOrderIdRef = useRef(null); const initializedOrderIdRef = useRef(null); const resizeStateRef = useRef<{ key: keyof typeof defaultColumnWidths; startX: number; startWidth: number; } | null>(null); const submitButtonRef = useRef(null); const submitCooldownRef = useRef(0); const submitOriginRef = useRef('unknown'); const submitAttemptCooldownRef = useRef(0); const documentInputRef = useRef(null); const blurActiveElement = () => { const active = document.activeElement as HTMLElement | null; if (active && typeof active.blur === 'function') { active.blur(); } }; const [supplierList, setSupplierList] = useState(suppliers); const [customerList, setCustomerList] = useState(customers); const [duplicateDialogOpen, setDuplicateDialogOpen] = useState(false); const [duplicateInfo, setDuplicateInfo] = useState(null); const [pendingSubmit, setPendingSubmit] = useState | null>(null); const [pendingPostingSubmit, setPendingPostingSubmit] = useState | null>(null); const [postingDialogOpen, setPostingDialogOpen] = useState(false); const [postingType, setPostingType] = useState<'draft' | 'saved' | 'posted'>('saved'); const [pendingPostingType, setPendingPostingType] = useState<'draft' | 'saved' | 'posted'>('saved'); const [postingFollowupDialogOpen, setPostingFollowupDialogOpen] = useState(false); const [purchaseTransferCreationMode, setPurchaseTransferCreationMode] = useState('work_task'); const [pendingTransferCreationMode, setPendingTransferCreationMode] = useState('work_task'); const [priceReviewDialogOpen, setPriceReviewDialogOpen] = useState(false); const [priceReviewRows, setPriceReviewRows] = useState([]); const [pendingPriceReviewSubmission, setPendingPriceReviewSubmission] = useState(null); const [itemSelectQuery, setItemSelectQuery] = useState(''); const [showItemPicker, setShowItemPicker] = useState(false); const [itemPickerQuery, setItemPickerQuery] = useState(''); const [itemPickerInputResetKey, setItemPickerInputResetKey] = useState(0); const itemPickerInputRef = useRef(null); const itemPickerScrollRef = useRef(null); const [itemPickerScrollTop, setItemPickerScrollTop] = useState(0); const [pickerTargetRowIndex, setPickerTargetRowIndex] = useState(null); const [autoUpdateSalePrice, setAutoUpdateSalePrice] = useState(false); const [updateMaterialDialogOpen, setUpdateMaterialDialogOpen] = useState(false); const [updateMaterialItem, setUpdateMaterialItem] = useState(null); const [showPurchasePriceDialog, setShowPurchasePriceDialog] = useState(false); const [purchasePriceDialogMaterialId, setPurchasePriceDialogMaterialId] = useState(null); const [itemContextMenu, setItemContextMenu] = useState<{ x: number; y: number; materialId: string } | null>(null); const [supplierInvoiceDuplicateInfo, setSupplierInvoiceDuplicateInfo] = useState(null); const [isRtlLayout, setIsRtlLayout] = useState(false); const isDuplicatedDraft = mode === 'edit' && searchParams?.get('duplicated') === '1'; // Shipment Workflow state const [documentType, setDocumentType] = useState<'shipment' | 'tax_invoice'>( existingOrder?.documentType || 'tax_invoice' ); const [availableShipments, setAvailableShipments] = useState([]); const [linkedShipmentIds, setLinkedShipmentIds] = useState(existingOrder?.linkedShipmentIds || []); const [shipmentPanelOpen, setShipmentPanelOpen] = useState(false); const [isLoadingShipments, setIsLoadingShipments] = useState(false); const isWarehouseEnabled = warehouseConfig?.enabled === true; const isRealEstateEnabled = realEstateEnabled === true; // AI Invoice Entry state const [aiExtractionDialogOpen, setAiExtractionDialogOpen] = useState(false); const [aiExtractionMode, setAiExtractionMode] = useState<'image' | 'voice'>('image'); const [isAiExtracting, setIsAiExtracting] = useState(false); const [aiExtractionDocument, setAiExtractionDocument] = useState(null); const [aiExtractionVoiceText, setAiExtractionVoiceText] = useState(''); const [aiExtractionResult, setAiExtractionResult] = useState(null); const [aiExtractionConfidence, setAiExtractionConfidence] = useState(0); const [aiReviewDialogOpen, setAiReviewDialogOpen] = useState(false); const defaultWarehouseId = isWarehouseEnabled ? warehouseConfig?.defaultWarehouseId || '' : ''; const defaultShelfId = isWarehouseEnabled ? warehouseConfig?.defaultShelfId || '' : ''; const defaultBaseCurrencyCode = useMemo(() => baseCurrency?.code || currencies.find((c) => c.isDefault)?.code || 'USD', [baseCurrency, currencies]); const configuredRateSource = useMemo( () => String(baseCurrency?.source || exchangeRateSources[0] || 'https://www.xe.com').trim(), [baseCurrency, exchangeRateSources] ); const defaultRateDate = useMemo(() => format(new Date(), 'yyyy-MM-dd'), []); useEffect(() => { const docDir = document?.documentElement?.getAttribute('dir') || ''; const lang = String(document?.documentElement?.lang || '').toLowerCase(); setIsRtlLayout(docDir === 'rtl' || lang.startsWith('ar')); }, []); const toEnglishDigits = (value: string) => value .replace(/[٠-٩]/g, (digit) => String('٠١٢٣٤٥٦٧٨٩'.indexOf(digit))) .replace(/[۰-۹]/g, (digit) => String('۰۱۲۳۴۵۶۷۸۹'.indexOf(digit))); const normalizeDecimalInput = (value: string) => { const english = toEnglishDigits(value); const sanitized = english.replace(/[^0-9.]/g, ''); const dotIndex = sanitized.indexOf('.'); if (dotIndex === -1) return sanitized; return `${sanitized.slice(0, dotIndex + 1)}${sanitized.slice(dotIndex + 1).replace(/\./g, '')}`; }; const formatDecimalForInput = (value: number | string, maxDecimals = 3) => { const numeric = Number(value); if (!Number.isFinite(numeric)) return ''; const rounded = numeric.toFixed(maxDecimals); return rounded.replace(/\.0+$/, '').replace(/(\.\d*?)0+$/, '$1'); }; useEffect(() => { setIssuedCheckDraft((prev) => ({ ...prev, currency: prev.currency && prev.currency !== 'USD' ? prev.currency : (defaultBaseCurrencyCode || 'USD'), checkDate: prev.checkDate || defaultRateDate, })); }, [defaultBaseCurrencyCode, defaultRateDate]); const shelvesByWarehouse = useMemo(() => { const map = new Map(); warehouses.forEach((warehouse) => { map.set(warehouse.id, Array.isArray(warehouse.shelves) ? warehouse.shelves : []); }); return map; }, [warehouses]); const paymentAccountOptions = useMemo(() => { const headersById = new Map(chartOfAccounts.map((acc) => [acc.id, acc])); return chartOfAccounts .filter((acc) => acc.type === 'account' && !acc.inactive) .map((acc) => { const parent = acc.parentId ? headersById.get(acc.parentId) : undefined; const parentName = parent ? (parent.nameAr || parent.nameEn || '') : ''; const accountName = acc.nameAr || acc.nameEn || acc.code; const label = parentName ? `${acc.code} - ${accountName} (${parentName})` : `${acc.code} - ${accountName}`; return { id: acc.id, code: acc.code, label, name: accountName }; }); }, [chartOfAccounts]); const defaultCashAccount = useMemo(() => { return paymentAccountOptions.find((acc) => acc.code === '1110') || paymentAccountOptions.find((acc) => acc.code.startsWith('111')) || paymentAccountOptions[0] || null; }, [paymentAccountOptions]); const defaultBankAccount = useMemo(() => { return paymentAccountOptions.find((acc) => acc.code === '1120') || paymentAccountOptions.find((acc) => acc.code.startsWith('112')) || defaultCashAccount || null; }, [paymentAccountOptions, defaultCashAccount]); const getPrioritizedShelves = (materialId: string, warehouseId: string) => { const availableShelves = shelvesByWarehouse.get(warehouseId) ?? []; if (!materialId || !warehouseId || availableShelves.length === 0) return availableShelves; const currentShelfIds = new Set( (stockLocationsByMaterial[materialId] || []) .filter((entry) => entry.warehouseId === warehouseId && Number(entry.quantity || 0) > 0) .map((entry) => entry.shelfId) ); const historicalShelfIds = new Set( (materialShelfHistoryByMaterial[materialId] || []) .filter((key) => key.startsWith(`${warehouseId}||`)) .map((key) => key.split('||')[1]) .filter(Boolean) ); const getPriority = (shelfId: string) => { if (currentShelfIds.has(shelfId)) return 0; if (historicalShelfIds.has(shelfId)) return 1; return 2; }; return [...availableShelves].sort((left, right) => { const prioDiff = getPriority(left.id) - getPriority(right.id); if (prioDiff !== 0) return prioDiff; return String(left.name || '').localeCompare(String(right.name || ''), 'ar'); }); }; const isShelfColumnVisible = isWarehouseEnabled && columnVisibility.shelf; const editableColumns = useMemo(() => { let cursor = 0; const map: { item: number; quantity: number; price: number; shelf?: number; discountPercent?: number; discountAmount?: number; bonus?: number; total?: number; count: number; } = { item: cursor++, quantity: cursor++, price: cursor++, count: 0, }; if (isShelfColumnVisible) map.shelf = cursor++; if (columnVisibility.discountPercent) map.discountPercent = cursor++; if (columnVisibility.discountAmount) map.discountAmount = cursor++; if (columnVisibility.bonus) map.bonus = cursor++; if (columnVisibility.total) map.total = cursor++; map.count = cursor; return map; }, [isShelfColumnVisible, columnVisibility.discountPercent, columnVisibility.discountAmount, columnVisibility.bonus, columnVisibility.total]); const moveGridRow = (fromIndex: number, toIndex: number) => { setGridItems((prev) => { if (fromIndex < 0 || fromIndex >= prev.length) return prev; const boundedTarget = Math.max(0, Math.min(toIndex, prev.length - 1)); if (boundedTarget === fromIndex) return prev; const next = [...prev]; const [moved] = next.splice(fromIndex, 1); next.splice(boundedTarget, 0, moved); return next; }); setActiveGridRowIndex(Math.max(0, Math.min(toIndex, gridItems.length - 1))); }; const startColumnResize = (key: keyof typeof defaultColumnWidths) => (event: React.MouseEvent) => { event.preventDefault(); event.stopPropagation(); setResizingColumnKey(key); resizeStateRef.current = { key, startX: event.clientX, startWidth: columnWidths[key], }; document.body.style.cursor = 'col-resize'; document.body.style.userSelect = 'none'; }; const renderResizeHandle = (key: keyof typeof defaultColumnWidths) => (
); // تنقل لوحة المفاتيح داخل جدول الأصناف const getEditableColumnCount = () => editableColumns.count; const focusCell = (rowIndex: number, colIndex: number) => { const target = document.querySelector(`[data-cell="${rowIndex}-${colIndex}"]`); if (target) target.focus(); }; const selectAllOnFocus = (e: React.FocusEvent) => { // Ensure the value is always selected when entering a cell so typing replaces it directly. requestAnimationFrame(() => { e.target.select(); }); }; const ensureSelectOnMouseDown = (e: React.MouseEvent) => { const input = e.target as HTMLInputElement; if (document.activeElement !== input) { e.preventDefault(); input.focus(); input.select(); } }; const handleNumberInputFocusCapture = (e: React.FocusEvent) => { const target = e.target as HTMLElement | null; if (!target || target.tagName !== 'INPUT') return; const input = target as HTMLInputElement; if (input.type !== 'number') return; // Skip auto-select if input has data-no-auto-select attribute if (input.dataset.noAutoSelect === 'true') return; requestAnimationFrame(() => { input.select(); }); }; const handleNumberInputMouseDownCapture = (e: React.MouseEvent) => { const target = e.target as HTMLElement | null; if (!target || target.tagName !== 'INPUT') return; const input = target as HTMLInputElement; if (input.type !== 'number') return; // Skip auto-select if input has data-no-auto-select attribute if (input.dataset.noAutoSelect === 'true') return; if (document.activeElement !== input) { e.preventDefault(); input.focus(); input.select(); } }; const handleInputKeyDown = (event: React.KeyboardEvent, rowIndex: number, colIndex: number) => { if (['Enter', 'Tab', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', '+', '-'].includes(event.key) || event.code === 'NumpadAdd' || event.code === 'NumpadSubtract') { handleGridKeyDown(event as any, rowIndex, colIndex); return; } }; const handleGridKeyDown = (event: KeyboardEvent, rowIndex: number, colIndex: number) => { const isMoveUpShortcut = (event.altKey || event.ctrlKey) && (event.key === '-' || event.code === 'NumpadSubtract'); const isMoveDownShortcut = (event.altKey || event.ctrlKey) && (event.key === '+' || event.code === 'NumpadAdd' || (event.key === '=' && event.shiftKey)); if (isMoveUpShortcut || isMoveDownShortcut) { event.preventDefault(); const targetRow = isMoveUpShortcut ? rowIndex - 1 : rowIndex + 1; moveGridRow(rowIndex, targetRow); const boundedRow = Math.max(0, Math.min(targetRow, gridItems.length - 1)); setTimeout(() => focusCell(boundedRow, Math.max(0, Math.min(colIndex, getEditableColumnCount() - 1))), 0); return; } if (!['Enter', 'Tab', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(event.key)) return; // لا نمنع فتح select إذا كان Alt+ArrowDown مثلًا if (event.key === 'ArrowDown' && (event.altKey || event.metaKey)) return; event.preventDefault(); const colCount = getEditableColumnCount(); let nextRow = rowIndex; let nextCol = colIndex; if (event.key === 'Tab') { if (event.shiftKey) { nextCol -= 1; } else { nextCol += 1; } } else if (event.key === 'Enter' || event.key === 'ArrowRight') { nextCol += 1; } else if (event.key === 'ArrowLeft') { nextCol -= 1; } else if (event.key === 'ArrowDown') { nextRow += 1; } else if (event.key === 'ArrowUp') { nextRow -= 1; } // التفاف الصفوف/الأعمدة if (nextCol >= colCount) { nextCol = 0; nextRow += 1; } else if (nextCol < 0) { nextCol = colCount - 1; nextRow -= 1; } if (nextRow < 0) nextRow = 0; if (nextRow >= gridItems.length) { const canAppendRow = event.key === 'Enter' || event.key === 'Tab' || event.key === 'ArrowRight'; if (canAppendRow && !(event.key === 'Tab' && event.shiftKey)) { appendEmptyRow(); nextRow = gridItems.length; nextCol = 0; } else { // ابقَ في آخر صف مدخل متاح nextRow = gridItems.length - 1; if (nextRow < 0) nextRow = 0; } } setTimeout(() => focusCell(nextRow, nextCol), 0); }; const handleFormHotkeys = (event: React.KeyboardEvent) => { if (event.key === 'F2') { event.preventDefault(); if (event.repeat) { return; } const now = Date.now(); if (now - submitCooldownRef.current < 800) { return; } if (!isPending && hasEditLock) { submitOriginRef.current = 'hotkey-f2'; submitCooldownRef.current = now; submitButtonRef.current?.click(); } return; } if (event.key !== 'Enter' || event.defaultPrevented || event.nativeEvent.isComposing) return; const target = event.target as HTMLElement | null; if (!target) return; const tagName = target.tagName; if (tagName === 'TEXTAREA') return; if (target.closest('[role="dialog"]') && !target.closest('form')) return; const isNativeInput = target.matches('input:not([type="hidden"])') || target.matches('select') || target.matches('textarea'); if (!isNativeInput) return; const focusableElements = Array.from( event.currentTarget.querySelectorAll('input, select, textarea, button, [tabindex]:not([tabindex="-1"])') ).filter((element) => { if (element.hasAttribute('disabled')) return false; if (element.getAttribute('aria-hidden') === 'true') return false; if (element.matches('input[type="hidden"]')) return false; if (element.matches('button[type="submit"]')) return false; if (element.getClientRects().length === 0) return false; return true; }); const currentIndex = focusableElements.indexOf(target); if (currentIndex === -1) return; const nextElement = focusableElements[currentIndex + 1]; if (!nextElement) { event.preventDefault(); return; } event.preventDefault(); nextElement.focus(); if (nextElement instanceof HTMLInputElement) { requestAnimationFrame(() => nextElement.select()); } }; const form = useForm>({ resolver: zodResolver(purchaseOrderSchema), defaultValues: { supplierId: '', supplierInvoiceNumber: '', supplierInvoiceDate: defaultRateDate, currencyCode: defaultBaseCurrencyCode, baseCurrencyCode: defaultBaseCurrencyCode, exchangeRate: 1, rateDate: defaultRateDate, rateSource: configuredRateSource, isAutoRate: true, warehouseId: isWarehouseEnabled ? defaultWarehouseId : '', realEstateLinkMode: 'none', realEstateProjectId: '', realEstateProjectName: '', realEstateScope: 'project', realEstateFloorLabel: '', realEstatePartLabel: '', realEstateAllocationMethod: 'area', allowDuplicateInvoice: false, amountPaid: 0, paymentMethods: [], taxMethod: 'tax-inclusive', invoiceTaxRate: defaultTaxRate, invoiceDiscountPercent: 0, invoiceDiscountAmount: 0, notes: '', items: [], }, }); const { fields, append, remove } = useFieldArray({ control: form.control, name: 'items', }); // حافظ على تزامن gridItems مع حالة النموذج لحساب الخصومات والإجمالي بشكل صحيح useEffect(() => { form.setValue('items', gridItems, { shouldDirty: true, shouldValidate: true }); }, [gridItems, form]); // Keep payment methods synchronized with form state useEffect(() => { form.setValue('paymentMethods', paymentMethods, { shouldDirty: true, shouldValidate: true }); }, [paymentMethods, form]); useEffect(() => { const handleMouseMove = (event: MouseEvent) => { if (!resizeStateRef.current) return; const { key, startX, startWidth } = resizeStateRef.current; const delta = event.clientX - startX; const minWidth = minColumnWidths[key]; setColumnWidths((prev) => ({ ...prev, [key]: Math.max(minWidth, startWidth + delta), })); }; const stopResize = () => { resizeStateRef.current = null; setResizingColumnKey(null); document.body.style.cursor = ''; document.body.style.userSelect = ''; }; window.addEventListener('mousemove', handleMouseMove); window.addEventListener('mouseup', stopResize); return () => { window.removeEventListener('mousemove', handleMouseMove); window.removeEventListener('mouseup', stopResize); }; }, []); const parties = useMemo(() => { const supplierParties: Party[] = supplierList.map(s => ({ id: `supplier:${s.id}`, name: s.name, type: 'supplier' as const, originalId: s.id })); const customerParties: Party[] = customerList.map(c => ({ id: `customer:${c.id}`, name: c.name, type: 'customer' as const, originalId: c.id })); const combined = [...supplierParties, ...customerParties]; // Deduplicate by ID to prevent React key warnings const seen = new Set(); return combined.filter(p => { if (seen.has(p.id)) return false; seen.add(p.id); return true; }); }, [supplierList, customerList]); const selectedParty = useMemo(() => parties.find(p => p.id === selectedPartyId), [parties, selectedPartyId]); const selectedPartyInfo = useMemo(() => { if (!selectedParty) return undefined; if (selectedParty.type === 'supplier') { return supplierList.find(s => s.id === selectedParty.originalId); } else { return customerList.find(c => c.id === selectedParty.originalId); } }, [selectedParty, supplierList, customerList]); const selectedSupplier = useMemo(() => { if (!selectedParty || selectedParty.type !== 'supplier') return undefined; return supplierList.find(s => s.id === selectedParty.originalId); }, [selectedParty, supplierList]); const findDuplicateInvoice = (supplierId: string, invoiceNumber: string) => { const normalized = invoiceNumber.trim().toLowerCase(); if (!supplierId || !normalized) return null; return purchaseOrders.find( (order) => order.supplierId === supplierId && order.id !== (existingOrder?.id || '') && String(order.supplierInvoiceNumber || '').trim().toLowerCase() === normalized ) || null; }; const getOrderStatusLabel = (order: PurchaseOrder) => { if (order.status === 'cancelled') { return t?.statusCancelled ?? 'ملغي'; } if (order.status === 'received') { return t?.statusReceived ?? 'مستلم'; } if (order.postingStatus === 'posted') { return t?.postingPostedLabel ?? 'مرحل'; } if (order.postingStatus === 'draft') { return t?.postingDraftLabel ?? 'مسودة'; } if (order.postingStatus === 'saved') { return t?.postingSavedLabel ?? 'محفوظ'; } return t?.statusActive ?? 'نشط'; }; useEffect(() => { if (selectedPartyInfo) { form.setValue('supplierId', selectedPartyInfo.id); } }, [selectedPartyInfo, form]); useEffect(() => { const dateSource = existingOrder?.date ? new Date(existingOrder.date) : new Date(); setOrderDateLabel(format(dateSource, 'PPP')); }, [existingOrder]); useEffect(() => { try { const rawPreferences = window.localStorage.getItem(tablePreferencesStorageKey); if (rawPreferences) { const parsed = JSON.parse(rawPreferences) as { columnVisibility?: Partial; columnWidths?: Partial; }; if (parsed.columnVisibility) { setColumnVisibility((prev) => ({ ...prev, ...parsed.columnVisibility, })); } if (parsed.columnWidths) { setColumnWidths((prev) => ({ item: Math.max(minColumnWidths.item, Number(parsed.columnWidths.item ?? prev.item)), quantity: Math.max(minColumnWidths.quantity, Number(parsed.columnWidths.quantity ?? prev.quantity)), price: Math.max(minColumnWidths.price, Number(parsed.columnWidths.price ?? prev.price)), shelf: Math.max(minColumnWidths.shelf, Number(parsed.columnWidths.shelf ?? prev.shelf)), discountPercent: Math.max(minColumnWidths.discountPercent, Number(parsed.columnWidths.discountPercent ?? prev.discountPercent)), discountAmount: Math.max(minColumnWidths.discountAmount, Number(parsed.columnWidths.discountAmount ?? prev.discountAmount)), bonus: Math.max(minColumnWidths.bonus, Number(parsed.columnWidths.bonus ?? prev.bonus)), total: Math.max(minColumnWidths.total, Number(parsed.columnWidths.total ?? prev.total)), })); } } } catch { // Ignore invalid local preferences and fall back to defaults. } setMounted(true); }, []); useEffect(() => { if (!mounted) return; window.localStorage.setItem( tablePreferencesStorageKey, JSON.stringify({ columnVisibility, columnWidths, }) ); }, [mounted, tablePreferencesStorageKey, columnVisibility, columnWidths]); useEffect(() => { if (!existingOrder) return; if (initializedOrderIdRef.current === existingOrder.id) return; initializedOrderIdRef.current = existingOrder.id; // حدد المورد الحالي setSelectedPartyId(`supplier:${existingOrder.supplierId}`); const inferredOrderWarehouseId = existingOrder.warehouseId || existingOrder.items?.find((line) => String(line.warehouseId || '').trim())?.warehouseId || ''; // قيم النموذج الأساسية form.reset({ supplierId: existingOrder.supplierId, supplierInvoiceNumber: existingOrder.supplierInvoiceNumber || '', supplierInvoiceDate: existingOrder.supplierInvoiceDate || defaultRateDate, currencyCode: existingOrder.currencyCode || defaultBaseCurrencyCode, baseCurrencyCode: existingOrder.baseCurrencyCode || defaultBaseCurrencyCode, exchangeRate: existingOrder.exchangeRate || 1, rateDate: (existingOrder.rateDate ? format(new Date(existingOrder.rateDate), 'yyyy-MM-dd') : defaultRateDate), rateSource: existingOrder.rateSource || configuredRateSource, isAutoRate: existingOrder.isAutoRate !== undefined ? existingOrder.isAutoRate : true, warehouseId: inferredOrderWarehouseId || (isWarehouseEnabled ? defaultWarehouseId : ''), realEstateLinkMode: existingOrder.realEstateLinkMode || 'none', realEstateProjectId: existingOrder.realEstateProjectId || '', realEstateProjectName: existingOrder.realEstateProjectName || '', realEstateScope: existingOrder.realEstateScope || 'project', realEstateFloorLabel: existingOrder.realEstateFloorLabel || '', realEstatePartLabel: existingOrder.realEstatePartLabel || '', realEstateAllocationMethod: existingOrder.realEstateAllocationMethod || 'area', allowDuplicateInvoice: true, amountPaid: existingOrder.amountPaid || 0, paymentMethods: existingOrder.paymentMethods || [], taxMethod: (existingOrder.taxMethod as any) || 'tax-inclusive', invoiceTaxRate: existingOrder.taxMethod === 'invoice-level' ? (existingOrder.taxAmount && existingOrder.subTotal ? (existingOrder.taxAmount / Math.max(existingOrder.subTotal - (existingOrder.invoiceDiscountAmount || 0), 1)) * 100 : defaultTaxRate) : defaultTaxRate, invoiceDiscountPercent: existingOrder.invoiceDiscountPercent || 0, invoiceDiscountAmount: existingOrder.invoiceDiscountAmount || 0, notes: existingOrder.notes || '', items: [], }); // الأصناف في الجدول const mappedItems = (existingOrder.items || []).map((item) => ({ materialId: item.materialId, quantity: item.quantity, unitPrice: item.unitPrice, lineDiscountPercent: item.lineDiscountPercent || 0, lineDiscountAmount: item.lineDiscountAmount || 0, bonus: item.bonus || 0, warehouseId: item.warehouseId || inferredOrderWarehouseId || '', shelfId: item.shelfId || '', taxRate: item.taxRate || 0, realEstateProjectId: item.realEstateProjectId || existingOrder.realEstateProjectId || '', realEstateProjectName: item.realEstateProjectName || existingOrder.realEstateProjectName || '', realEstateScope: item.realEstateScope || undefined, realEstateFloorLabel: item.realEstateFloorLabel || '', realEstatePartLabel: item.realEstatePartLabel || '', realEstateAllocationMethod: item.realEstateAllocationMethod || (item.realEstateScope === 'project' ? existingOrder.realEstateAllocationMethod || 'area' : undefined), })); setOrderDocuments(existingOrder.documents || []); setGridItems(mappedItems); setPaymentMethods(existingOrder.paymentMethods || []); setIssuedChecks( (existingOrder.paymentMethods || []) .filter((m) => m.method === 'check' && m.checkSource === 'issued') .map((m, idx) => ({ id: m.id || `existing-issued-${idx + 1}`, checkNumber: m.checkNumber || '', bankId: m.bankId || '', bankName: m.bankName || '', checkDate: m.checkDate || defaultRateDate, amount: Number(m.amount || 0), currency: (m as { currency?: string }).currency || m.currencyCode || defaultBaseCurrencyCode, })) ); const existingMethods = existingOrder.paymentMethods || []; if (existingMethods.length > 1) { setPaymentTabMode('mixed'); } else if (existingMethods.length === 1) { setPaymentTabMode((existingMethods[0].method as PaymentTabMode) || 'credit'); } else { setPaymentTabMode('credit'); } setPostingType((existingOrder.postingStatus as 'draft' | 'saved' | 'posted') || 'saved'); setPurchaseTransferCreationMode(existingOrder.purchaseTransferCreationMode || 'work_task'); setPendingTransferCreationMode(existingOrder.purchaseTransferCreationMode || 'work_task'); setSupplierInvoiceDuplicateInfo(null); }, [existingOrder, isWarehouseEnabled, defaultWarehouseId, defaultTaxMethod, defaultTaxRate, defaultRateDate, defaultBaseCurrencyCode, configuredRateSource, form]); useEffect(() => { if (!configuredRateSource) return; if (!form.getValues('rateSource')) { form.setValue('rateSource', configuredRateSource, { shouldDirty: false }); } }, [configuredRateSource, form]); useEffect(() => { if (!selectedPartyInfo) { setSupplierInvoiceDuplicateInfo(null); return; } const invoiceNumber = String(form.getValues('supplierInvoiceNumber') || '').trim(); if (!invoiceNumber) { setSupplierInvoiceDuplicateInfo(null); return; } setSupplierInvoiceDuplicateInfo(findDuplicateInvoice(selectedPartyInfo.id, invoiceNumber)); }, [selectedPartyInfo, form]); useEffect(() => { if (mode !== 'edit' || !existingOrder?.id) { setIsAcquiringEditLock(false); setHasEditLock(true); editLockOwnedRef.current = false; editLockOrderIdRef.current = null; return; } // If lock already acquired for this order, do not reacquire. if (editLockOwnedRef.current && editLockOrderIdRef.current === existingOrder.id) { setIsAcquiringEditLock(false); setHasEditLock(true); return; } let cancelled = false; setIsAcquiringEditLock(true); const acquire = async () => { const result = await handleAcquirePurchaseOrderLock(existingOrder.id); if (cancelled) return; if (result?.success) { editLockOwnedRef.current = true; editLockOrderIdRef.current = existingOrder.id; setHasEditLock(true); } else { editLockOwnedRef.current = false; editLockOrderIdRef.current = null; setHasEditLock(false); toast({ title: tGlobal?.error || 'خطأ', description: (t?.purchaseOrderLockedBy || 'يتم التعديل على الفاتورة من قبل {name}.').replace('{name}', result?.lockedBy || 'مستخدم آخر'), variant: 'destructive', }); router.push('/admin/purchases/history'); } setIsAcquiringEditLock(false); }; void acquire(); return () => { cancelled = true; }; }, [mode, existingOrder?.id]); useEffect(() => { return () => { if (editLockOwnedRef.current && editLockOrderIdRef.current) { void handleReleasePurchaseOrderLock(editLockOrderIdRef.current); editLockOwnedRef.current = false; editLockOrderIdRef.current = null; } }; }, []); 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 materialsById = useMemo(() => { return new Map(allMaterials.map((material) => [material.id, material])); }, [allMaterials]); const realEstateProjectsById = useMemo(() => { return new Map(realEstateProjects.map((project) => [String(project.id || '').trim(), project])); }, [realEstateProjects]); // Helper function to calculate tax rate for an item based on priority: item > group > default const getTaxRateForItem = (material: ProductionItem | undefined): number => { if (!material) return defaultTaxRate || 0; // Priority 1: Item-level tax rate if (material.taxRate !== undefined && material.taxRate > 0) { return material.taxRate; } // Priority 2: Item group tax rate if (material.groupId) { const group = itemGroups.find(g => g.id === material.groupId); if (group?.taxRate !== undefined && group.taxRate > 0 && group.usesDefaultTax !== false) { return group.taxRate; } } // Priority 3: Default tax rate return defaultTaxRate || 0; }; const watchAllItems = useWatch({ control: form.control, name: 'items', }); const watchedAmountPaid = useWatch({ control: form.control, name: 'amountPaid', }); const watchedTaxMethod = useWatch({ control: form.control, name: 'taxMethod', }); const watchedInvoiceTaxRate = useWatch({ control: form.control, name: 'invoiceTaxRate', }); const watchedInvoiceDiscountPercent = useWatch({ control: form.control, name: 'invoiceDiscountPercent', }); const watchedInvoiceDiscountAmount = useWatch({ control: form.control, name: 'invoiceDiscountAmount', }); const watchedNotes = useWatch({ control: form.control, name: 'notes', }); const watchedRealEstateLinkMode = useWatch({ control: form.control, name: 'realEstateLinkMode', }) || 'none'; const watchedRealEstateProjectId = useWatch({ control: form.control, name: 'realEstateProjectId', }) || ''; const watchedRealEstateScope = useWatch({ control: form.control, name: 'realEstateScope', }) || 'project'; const watchedRealEstateAllocationMethod = useWatch({ control: form.control, name: 'realEstateAllocationMethod', }) || 'area'; const selectedRealEstateProject = useMemo(() => { return realEstateProjectsById.get(String(watchedRealEstateProjectId || '').trim()); }, [realEstateProjectsById, watchedRealEstateProjectId]); const selectedProjectAllocationStats = useMemo(() => { const directUnits = Array.isArray(selectedRealEstateProject?.units) ? selectedRealEstateProject.units : []; const fallbackUnits = Array.isArray(selectedRealEstateProject?.floorDetails) ? selectedRealEstateProject.floorDetails.flatMap((floor) => { const details = Array.isArray(floor?.unitDetails) && floor.unitDetails.length > 0 ? floor.unitDetails.map((detail) => ({ area: Number(detail?.area || 0), saleValue: Number((detail as any)?.estimatedSaleValue || 0), })) : Array.from({ length: Math.max(0, Number(floor?.unitCount || 0)) }, () => ({ area: Number(floor?.unitArea || 0), saleValue: Number((floor as any)?.estimatedUnitSaleValue || 0), })); return details; }) : []; const units = directUnits.length > 0 ? directUnits : fallbackUnits; const manualAllocations = Array.isArray(selectedRealEstateProject?.sharedCostUnitAllocations) ? selectedRealEstateProject.sharedCostUnitAllocations : []; return { unitCount: units.length, totalArea: units.reduce((sum, unit) => sum + Math.max(0, Number((unit as any)?.area || 0)), 0), totalSaleValue: units.reduce((sum, unit) => sum + Math.max(0, Number((unit as any)?.saleValue || 0)), 0), manualShareTotal: manualAllocations.reduce((sum, entry) => sum + Math.max(0, Number(entry?.percentage || 0)), 0), }; }, [selectedRealEstateProject]); const normalizeRealEstateOptionKey = useCallback((value: string) => { return toEnglishDigits(String(value || '').trim().toLowerCase()); }, []); const getRealEstateUsageLabel = useCallback((usageType?: string) => { const normalizedUsage = String(usageType || '').trim(); const usageMap: Record = { warehouse: t?.warehouseLabel ?? 'مستودع', parking: t?.parkingLabel ?? 'موقف سيارات', apartments: t?.apartmentsLabel ?? 'شقق', commercial: t?.commercialLabel ?? 'تجاري', services: t?.servicesLabel ?? 'خدمات', mixed: t?.mixedUseLabel ?? 'متعدد الاستخدام', other: t?.otherLabel ?? 'أخرى', }; return usageMap[normalizedUsage] || normalizedUsage; }, [t]); const realEstateFloorOptions = useMemo(() => { const floors = Array.isArray(selectedRealEstateProject?.floorDetails) ? selectedRealEstateProject.floorDetails : []; return floors.map((floor, index) => { const floorLabel = String(floor?.floorLabel || `الطابق ${index + 1}`).trim() || `الطابق ${index + 1}`; const usageLabel = getRealEstateUsageLabel(floor?.usageType); const unitCount = Math.max(0, Number(floor?.unitCount || 0)); const unitArea = Math.max(0, Number(floor?.unitArea || 0)); const helperText = [ usageLabel, unitCount > 0 ? `${unitCount} ${(t?.unitsCountLabel ?? 'وحدات')}` : '', unitArea > 0 ? `${unitArea.toFixed(2)} م²` : '', ].filter(Boolean).join(' • '); return { id: String(floor?.id || `floor-${index + 1}`), value: floorLabel, label: floorLabel, helperText, unitDetails: Array.isArray(floor?.unitDetails) ? floor.unitDetails : [], description: String(floor?.description || '').trim(), notes: String(floor?.notes || '').trim(), }; }); }, [selectedRealEstateProject, getRealEstateUsageLabel, t]); const getRealEstatePartOptions = useCallback((floorLabel?: string) => { const normalizedFloor = normalizeRealEstateOptionKey(String(floorLabel || '')); const matchedFloor = realEstateFloorOptions.find((entry) => normalizeRealEstateOptionKey(entry.value) === normalizedFloor); if (!matchedFloor) return [] as Array<{ value: string; label: string }>; const unitOptions = matchedFloor.unitDetails .map((detail, detailIndex) => { const unitLabel = String(detail?.unitLabel || '').trim() || `${t?.apartmentsLabel ?? 'وحدة'} ${detailIndex + 1}`; const notes = String(detail?.notes || '').trim(); const area = Math.max(0, Number(detail?.area || 0)); const label = [ unitLabel, notes, area > 0 ? `${area.toFixed(2)} م²` : '', ].filter(Boolean).join(' — '); return { value: unitLabel, label }; }) .filter((entry) => entry.value); if (unitOptions.length > 0) { return unitOptions; } return [matchedFloor.description, matchedFloor.notes] .filter(Boolean) .map((entry) => ({ value: entry, label: entry })); }, [normalizeRealEstateOptionKey, realEstateFloorOptions, t]); useEffect(() => { const projectName = String(selectedRealEstateProject?.name || ''); if (String(form.getValues('realEstateProjectName') || '') !== projectName) { form.setValue('realEstateProjectName', projectName, { shouldDirty: false, shouldValidate: false }); } if (watchedRealEstateLinkMode === 'none') { if (form.getValues('realEstateFloorLabel')) { form.setValue('realEstateFloorLabel', '', { shouldDirty: false, shouldValidate: false }); } if (form.getValues('realEstatePartLabel')) { form.setValue('realEstatePartLabel', '', { shouldDirty: false, shouldValidate: false }); } return; } if (watchedRealEstateScope === 'project') { if (form.getValues('realEstateFloorLabel')) { form.setValue('realEstateFloorLabel', '', { shouldDirty: false, shouldValidate: false }); } if (form.getValues('realEstatePartLabel')) { form.setValue('realEstatePartLabel', '', { shouldDirty: false, shouldValidate: false }); } return; } const currentFloorLabel = String(form.getValues('realEstateFloorLabel') || '').trim(); const hasMatchingFloor = realEstateFloorOptions.some((entry) => normalizeRealEstateOptionKey(entry.value) === normalizeRealEstateOptionKey(currentFloorLabel)); const resolvedFloorLabel = hasMatchingFloor ? currentFloorLabel : (realEstateFloorOptions[0]?.value || currentFloorLabel); if (resolvedFloorLabel !== currentFloorLabel) { form.setValue('realEstateFloorLabel', resolvedFloorLabel, { shouldDirty: false, shouldValidate: false }); } if (watchedRealEstateScope !== 'part') { if (form.getValues('realEstatePartLabel')) { form.setValue('realEstatePartLabel', '', { shouldDirty: false, shouldValidate: false }); } return; } const partOptions = getRealEstatePartOptions(resolvedFloorLabel); const currentPartLabel = String(form.getValues('realEstatePartLabel') || '').trim(); const hasMatchingPart = partOptions.some((entry) => normalizeRealEstateOptionKey(entry.value) === normalizeRealEstateOptionKey(currentPartLabel)); const resolvedPartLabel = hasMatchingPart ? currentPartLabel : (partOptions[0]?.value || currentPartLabel); if (resolvedPartLabel !== currentPartLabel) { form.setValue('realEstatePartLabel', resolvedPartLabel, { shouldDirty: false, shouldValidate: false }); } }, [watchedRealEstateLinkMode, watchedRealEstateScope, selectedRealEstateProject, realEstateFloorOptions, getRealEstatePartOptions, normalizeRealEstateOptionKey, form]); useEffect(() => { if (watchedRealEstateLinkMode !== 'line-items') { return; } const defaultFloorLabel = realEstateFloorOptions[0]?.value || ''; setGridItems((prev) => { let changed = false; const next = prev.map((item) => { const nextScope = item.realEstateScope || 'project'; const resolvedAllocationMethod = nextScope === 'project' ? (item.realEstateAllocationMethod || watchedRealEstateAllocationMethod || 'area') : undefined; const currentFloorLabel = String(item.realEstateFloorLabel || '').trim(); const hasMatchingFloor = realEstateFloorOptions.some((entry) => normalizeRealEstateOptionKey(entry.value) === normalizeRealEstateOptionKey(currentFloorLabel)); const resolvedFloorLabel = nextScope === 'project' ? '' : (hasMatchingFloor ? currentFloorLabel : (defaultFloorLabel || currentFloorLabel)); const partOptions = getRealEstatePartOptions(resolvedFloorLabel); const currentPartLabel = String(item.realEstatePartLabel || '').trim(); const hasMatchingPart = partOptions.some((entry) => normalizeRealEstateOptionKey(entry.value) === normalizeRealEstateOptionKey(currentPartLabel)); const resolvedPartLabel = nextScope === 'part' ? (hasMatchingPart ? currentPartLabel : (partOptions[0]?.value || currentPartLabel)) : ''; if ( item.realEstateProjectId !== (watchedRealEstateProjectId || '') || item.realEstateProjectName !== String(selectedRealEstateProject?.name || '') || item.realEstateScope !== nextScope || item.realEstateFloorLabel !== resolvedFloorLabel || item.realEstatePartLabel !== resolvedPartLabel || item.realEstateAllocationMethod !== resolvedAllocationMethod ) { changed = true; } return { ...item, realEstateProjectId: watchedRealEstateProjectId || '', realEstateProjectName: String(selectedRealEstateProject?.name || ''), realEstateScope: nextScope, realEstateFloorLabel: resolvedFloorLabel, realEstatePartLabel: resolvedPartLabel, realEstateAllocationMethod: resolvedAllocationMethod, }; }); return changed ? next : prev; }); }, [watchedRealEstateLinkMode, watchedRealEstateProjectId, watchedRealEstateAllocationMethod, selectedRealEstateProject, realEstateFloorOptions, getRealEstatePartOptions, normalizeRealEstateOptionKey]); const orderActivityLog = useMemo(() => { const entries = Array.isArray(existingOrder?.activityLog) ? existingOrder.activityLog : []; return [...entries].sort((left, right) => { const leftTime = new Date(left.at || 0).getTime(); const rightTime = new Date(right.at || 0).getTime(); return rightTime - leftTime; }); }, [existingOrder?.activityLog]); const formatActivityMessageForDisplay = (message?: string) => { const rawMessage = String(message || '').trim(); if (!rawMessage) return '-'; // Legacy entries used to embed full before/after JSON snapshots. const summaryOnly = rawMessage.split('قبل التحديث:')[0].trim(); return summaryOnly || rawMessage; }; const watchedWarehouseId = useWatch({ control: form.control, name: 'warehouseId', }); const watchedCurrencyCode = useWatch({ control: form.control, name: 'currencyCode', }); const watchedBaseCurrencyCode = useWatch({ control: form.control, name: 'baseCurrencyCode', }); const watchedExchangeRate = useWatch({ control: form.control, name: 'exchangeRate', }); const watchedRateSource = useWatch({ control: form.control, name: 'rateSource', }); const watchedIsAutoRate = useWatch({ control: form.control, name: 'isAutoRate', }); const selectedCurrency = useMemo(() => currencies.find((c) => c.code === watchedCurrencyCode) || currencies.find((c) => c.isDefault) || baseCurrency, [currencies, watchedCurrencyCode, baseCurrency]); const baseCurrencyEntry = useMemo(() => currencies.find((c) => c.code === (watchedBaseCurrencyCode || defaultBaseCurrencyCode)) || baseCurrency, [currencies, watchedBaseCurrencyCode, defaultBaseCurrencyCode, baseCurrency]); const displayCurrencySymbol = selectedCurrency?.symbol || currencySymbol; const baseCurrencySymbol = baseCurrencyEntry?.symbol || currencySymbol; const effectiveExchangeRate = watchedCurrencyCode === (watchedBaseCurrencyCode || defaultBaseCurrencyCode) ? 1 : (Number(watchedExchangeRate) || 1); const convertAmountByRates = (amount: number, fromCurrency: string, toCurrency: string) => { if (!Number.isFinite(amount)) return 0; if (!fromCurrency || !toCurrency || fromCurrency === toCurrency) return amount; const fromEntry = currencies.find((entry) => entry.code === fromCurrency); const toEntry = currencies.find((entry) => entry.code === toCurrency); if (!fromEntry || !toEntry) return amount; const fromRate = Number(fromEntry.exchangeRate || 0); const toRate = Number(toEntry.exchangeRate || 0); if (fromRate <= 0 || toRate <= 0) return amount; const amountInBase = amount / fromRate; return amountInBase * toRate; }; const availableIncomingChecks = useMemo(() => { const normalizedSupplierId = String(selectedPartyInfo?.id || '').trim(); const currentOrderId = existingOrder?.id || ''; return incomingChecks.filter((entry) => { if (entry.status !== 'pending') return false; // Filter by reservation status const reservationStatus = entry.reservationStatus || 'available'; if (reservationStatus === 'available') { // Available checks can always be used return true; } if (reservationStatus === 'reserved') { // Reserved checks can only be used by the PO that reserved them (edit mode) return currentOrderId && entry.reservedByPurchaseOrderId === currentOrderId; } if (reservationStatus === 'endorsed') { // Endorsed checks can only be used if they're endorsed to the same supplier return entry.endorsedToType === 'supplier' && entry.endorsedToId === normalizedSupplierId; } return false; }); }, [incomingChecks, selectedPartyInfo?.id, existingOrder?.id]); // Keep FX fields in sync with the configured currency table. useEffect(() => { if (mode === 'edit' && existingOrder) return; if (!watchedCurrencyCode) return; const baseCode = defaultBaseCurrencyCode; if (watchedCurrencyCode === baseCode) { form.setValue('baseCurrencyCode', baseCode, { shouldDirty: true }); form.setValue('exchangeRate', 1, { shouldDirty: true }); form.setValue('isAutoRate', true, { shouldDirty: true }); if (!form.getValues('rateDate')) { form.setValue('rateDate', defaultRateDate, { shouldDirty: true }); } return; } const selectedRate = Number(currencies.find((c) => c.code === watchedCurrencyCode)?.exchangeRate || 0); form.setValue('baseCurrencyCode', baseCode, { shouldDirty: true }); form.setValue('exchangeRate', Number.isFinite(selectedRate) && selectedRate > 0 ? selectedRate : 1, { shouldDirty: true }); form.setValue('isAutoRate', true, { shouldDirty: true }); if (!form.getValues('rateDate')) { form.setValue('rateDate', defaultRateDate, { shouldDirty: true }); } }, [mode, existingOrder, watchedCurrencyCode, defaultBaseCurrencyCode, defaultRateDate, form, currencies]); // Auto-calculate amountPaid from payment methods in mixed mode useEffect(() => { if (paymentTabMode === 'mixed' && paymentMethods.length > 0) { const totalAmount = paymentMethods.reduce((sum, method) => { if (method.method === 'credit') return sum; // Credit doesn't count as immediate payment if (method.method === 'check' && Array.isArray(method.incomingCheckIds) && method.incomingCheckIds.length > 0) { // For incoming checks, sum the selected check amounts const checkTotal = availableIncomingChecks .filter(check => method.incomingCheckIds?.includes(check.id)) .reduce((acc, check) => { const amount = Number(check.amount || 0); const fromCurrency = check.currency || defaultBaseCurrencyCode; const toCurrency = method.currency || watchedCurrencyCode || defaultBaseCurrencyCode; return acc + convertAmountByRates(amount, fromCurrency, toCurrency); }, 0); return sum + checkTotal; } if (method.method === 'check' && (!Array.isArray(method.incomingCheckIds) || method.incomingCheckIds.length === 0)) { // For issued checks, amount comes from the check details in paymentMethods return sum + (Number(method.amount || 0)); } // For cash and bank_transfer, add the amount directly return sum + (Number(method.amount || 0)); }, 0); form.setValue('amountPaid', totalAmount, { shouldDirty: true, shouldValidate: false }); } }, [paymentMethods, paymentTabMode, watchedCurrencyCode, form, defaultBaseCurrencyCode, availableIncomingChecks]); const getLineDiscountAmount = ( quantity: number, unitPrice: number, percent?: number, amount?: number ) => { const lineSubtotal = Number(quantity || 0) * Number(unitPrice || 0); const percentValue = Number(percent || 0); const amountValue = Number(amount || 0); const discountFromPercent = percentValue > 0 ? (lineSubtotal * percentValue) / 100 : 0; const discount = discountFromPercent > 0 ? discountFromPercent : amountValue; return Math.min(lineSubtotal, discount); }; const calculateLineTotal = (item: z.infer["items"][number]) => { const qty = Number(item.quantity || 0); const price = Number(item.unitPrice || 0); const discountAmount = getLineDiscountAmount(qty, price, item.lineDiscountPercent, item.lineDiscountAmount); return Math.max(0, qty * price - discountAmount); }; const handleLineTotalChange = (index: number, rawTotal: string) => { const desiredTotal = Number(rawTotal); const current = gridItems[index]; if (!current || !Number.isFinite(desiredTotal)) return; const qty = Math.max(0, Number(current.quantity || 0)); const percent = Math.max(0, Math.min(100, Number(current.lineDiscountPercent || 0))); const amount = Math.max(0, Number(current.lineDiscountAmount || 0)); const factor = qty * (1 - percent / 100); if (factor <= 0) { toast({ title: tGlobal?.error || 'خطأ', description: t?.lineTotalCannotResolveUnitPrice ?? 'لا يمكن احتساب سعر الوحدة عند كمية صفر أو خصم 100%.', variant: 'destructive', }); return; } const nextUnitPrice = Math.max(0, (Math.max(0, desiredTotal) + amount) / factor); const newItems = [...gridItems]; newItems[index].unitPrice = Number(nextUnitPrice.toFixed(6)); setGridItems(newItems); }; const itemsWithDetails = useMemo(() => { if (!watchAllItems) return []; return watchAllItems.filter((item) => !isEffectivelyEmptyPurchaseItem(item)).map((item) => { const material = materialsById.get(item.materialId); const headerWarehouseId = isWarehouseEnabled ? (watchedWarehouseId || defaultWarehouseId || '') : ''; const warehouseId = isWarehouseEnabled ? headerWarehouseId : ''; const shelfId = isWarehouseEnabled ? (item.shelfId || defaultShelfId || '') : ''; const itemTaxRate = getTaxRateForItem(material); const subtotal = item.quantity * item.unitPrice; const lineDiscount = getLineDiscountAmount( item.quantity, item.unitPrice, item.lineDiscountPercent, item.lineDiscountAmount ); const lineTotal = Math.max(0, subtotal - lineDiscount); const itemTaxAmount = (lineTotal * itemTaxRate) / 100; return { ...item, name: material?.name || 'Unknown Item', warehouseId, shelfId, lineDiscountPercent: item.lineDiscountPercent ?? 0, lineDiscountAmount: item.lineDiscountAmount ?? 0, lineDiscount, bonus: item.bonus ?? 0, taxRate: itemTaxRate, itemTaxAmount, total: lineTotal, }; }); }, [watchAllItems, materialsById, isWarehouseEnabled, watchedWarehouseId, defaultWarehouseId, defaultShelfId, getTaxRateForItem, getLineDiscountAmount]); const subTotal = useMemo(() => { return itemsWithDetails.reduce((sum, item) => sum + item.total, 0); }, [itemsWithDetails]); const invoiceDiscount = useMemo(() => { const percentValue = Number(watchedInvoiceDiscountPercent || 0); const amountValue = Number(watchedInvoiceDiscountAmount || 0); const discountFromPercent = percentValue > 0 ? (subTotal * percentValue) / 100 : 0; const discount = discountFromPercent > 0 ? discountFromPercent : amountValue; return Math.min(subTotal, discount); }, [subTotal, watchedInvoiceDiscountPercent, watchedInvoiceDiscountAmount]); // Calculate tax amount based on method const taxAmount = useMemo(() => { if (watchedTaxMethod === 'invoice-level' && watchedInvoiceTaxRate) { return ((subTotal - invoiceDiscount) * watchedInvoiceTaxRate) / 100; } if (watchedTaxMethod === 'line-level') { // Sum per-item taxes calculated based on each item's priority tax rate return itemsWithDetails.reduce((sum, item) => sum + (item.itemTaxAmount || 0), 0); } if (watchedTaxMethod === 'tax-inclusive' || watchedTaxMethod === 'tax-exempt') { return 0; } return 0; }, [subTotal, watchedTaxMethod, watchedInvoiceTaxRate, itemsWithDetails]); const grandTotal = Math.max(0, subTotal - invoiceDiscount) + taxAmount; const amountDue = Math.max(0, grandTotal - watchedAmountPaid); const activeSinglePaymentMethod = useMemo(() => { return paymentMethods[0] || { method: 'credit', amount: 0, currency: watchedCurrencyCode || defaultBaseCurrencyCode, checkSource: 'issued', incomingCheckIds: [], checkNumber: '', checkDate: '', bankId: '', bankName: '', reference: '', }; }, [paymentMethods, watchedCurrencyCode, defaultBaseCurrencyCode]); useEffect(() => { setPaymentMethods((prev) => { const orderCurrency = watchedCurrencyCode || defaultBaseCurrencyCode; if (paymentTabMode === 'mixed') { if (prev.length > 0) return prev; return [{ method: 'cash', amount: Number(watchedAmountPaid || 0), currency: orderCurrency }]; } if (paymentTabMode === 'credit') { return [{ method: 'credit', amount: 0, currency: orderCurrency, checkSource: undefined, incomingCheckIds: [], checkNumber: '', checkDate: '', bankId: '', bankName: '', reference: '', }]; } const first = prev[0] || {}; if ( paymentTabMode === 'check' && (first.checkSource || 'issued') === 'issued' && issuedChecks.length > 0 ) { return prev; } return [{ ...first, method: paymentTabMode, amount: Number(watchedAmountPaid || 0), currency: orderCurrency, checkSource: paymentTabMode === 'check' ? (first.checkSource || 'issued') : undefined, incomingCheckIds: paymentTabMode === 'check' ? (Array.isArray(first.incomingCheckIds) ? first.incomingCheckIds : []) : [], }]; }); }, [paymentTabMode, watchedAmountPaid, watchedCurrencyCode, defaultBaseCurrencyCode, issuedChecks.length]); useEffect(() => { if (paymentTabMode === 'credit' && Number(watchedAmountPaid || 0) !== 0) { form.setValue('amountPaid', 0, { shouldDirty: true, shouldValidate: true }); } }, [paymentTabMode, watchedAmountPaid, form]); useEffect(() => { if (!defaultCashAccount && !defaultBankAccount) return; if (paymentTabMode === 'mixed') return; setPaymentMethods((prev) => { if (!prev[0]) return prev; const first = prev[0]; if (first.method === 'credit') return prev; const isBankLike = first.method === 'bank_transfer' || first.method === 'check'; const target = isBankLike ? defaultBankAccount : defaultCashAccount; if (!target) return prev; if (first.bankId === target.id && first.bankName === target.name) return prev; const next = [...prev]; next[0] = { ...first, bankId: target.id, bankName: target.name, }; return next; }); }, [paymentTabMode, defaultCashAccount, defaultBankAccount]); const singleIncomingChecksTotal = useMemo(() => { if (paymentTabMode !== 'check' || activeSinglePaymentMethod.checkSource !== 'incoming') return 0; const selectedIds = Array.isArray(activeSinglePaymentMethod.incomingCheckIds) ? activeSinglePaymentMethod.incomingCheckIds : []; if (selectedIds.length === 0) return 0; const orderCurrency = watchedCurrencyCode || defaultBaseCurrencyCode; return availableIncomingChecks .filter((entry) => selectedIds.includes(entry.id)) .reduce((sum, entry) => { const checkAmount = Number(entry.amount || 0); const checkCurrency = entry.currency || defaultBaseCurrencyCode; return sum + convertAmountByRates(checkAmount, checkCurrency, orderCurrency); }, 0); }, [paymentTabMode, activeSinglePaymentMethod, availableIncomingChecks, watchedCurrencyCode, defaultBaseCurrencyCode, convertAmountByRates]); useEffect(() => { if (paymentTabMode !== 'check') return; if ((activeSinglePaymentMethod.checkSource || 'issued') !== 'incoming') return; const normalizedTotal = Number(singleIncomingChecksTotal.toFixed(2)); if (Math.abs(Number(watchedAmountPaid || 0) - normalizedTotal) > 0.0001) { form.setValue('amountPaid', normalizedTotal, { shouldDirty: true, shouldValidate: true }); } setPaymentMethods((prev) => { if (!prev[0]) return prev; if (Math.abs(Number(prev[0].amount || 0) - normalizedTotal) <= 0.0001) return prev; const next = [...prev]; next[0] = { ...next[0], amount: normalizedTotal }; return next; }); }, [paymentTabMode, activeSinglePaymentMethod.checkSource, singleIncomingChecksTotal, watchedAmountPaid, form]); const syncIssuedChecksToPaymentMethods = (rows: IssuedCheckRow[]) => { const orderCurrency = watchedCurrencyCode || defaultBaseCurrencyCode; const mapped = rows.map((row, index) => ({ id: row.id || `issued-check-${index + 1}`, method: 'check' as const, amount: Number(row.amount || 0), currency: row.currency || orderCurrency, checkSource: 'issued' as const, incomingCheckIds: [], checkNumber: row.checkNumber || undefined, checkDate: row.checkDate || undefined, bankId: row.bankId || undefined, bankName: row.bankName || undefined, reference: '', })); if (mapped.length > 0) { setPaymentMethods(mapped); const totalPaid = mapped.reduce((sum, method) => { const amount = Number(method.amount || 0); const fromCurrency = method.currency || orderCurrency; return sum + convertAmountByRates(amount, fromCurrency, orderCurrency); }, 0); form.setValue('amountPaid', Number(totalPaid.toFixed(2)), { shouldDirty: true, shouldValidate: true }); return; } setPaymentMethods([{ method: 'check', amount: undefined, currency: orderCurrency, checkSource: 'issued', incomingCheckIds: [] }]); form.setValue('amountPaid', 0, { shouldDirty: true, shouldValidate: true }); }; const itemGridSummary = useMemo(() => { const populatedItems = itemsWithDetails.filter((item) => { return Boolean(item.materialId) || Number(item.quantity || 0) > 0 || Number(item.unitPrice || 0) > 0 || Number(item.bonus || 0) > 0 || Number(item.lineDiscountAmount || 0) > 0 || Number(item.lineDiscountPercent || 0) > 0; }); return { itemCount: populatedItems.length, totalQuantity: populatedItems.reduce((sum, item) => sum + Number(item.quantity || 0), 0), totalBonus: populatedItems.reduce((sum, item) => sum + Number(item.bonus || 0), 0), totalLineDiscount: populatedItems.reduce((sum, item) => sum + Number(item.lineDiscount || 0), 0), totalBeforeDiscount: populatedItems.reduce((sum, item) => sum + (Number(item.quantity || 0) * Number(item.unitPrice || 0)), 0), }; }, [itemsWithDetails]); 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 matchesMaterialSearch = (material: ProductionItem, query: string) => { const trimmed = query.trim(); if (!trimmed) return true; const tokens = trimmed .split(/\s+/) .map((part) => normalizeSearchText(part)) .filter(Boolean); if (tokens.length === 0) return true; 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 || ''); return tokens.every((token) => normalizedName.includes(token) || normalizedNumber.includes(token) || normalizedBarcode.includes(token) || normalizedExtra.includes(token) || normalizedAdditionalDetails.includes(token) ); }; const filteredMaterials = useMemo( () => allMaterials.filter((material) => matchesMaterialSearch(material, itemSelectQuery)), [allMaterials, itemSelectQuery] ); const ITEM_PICKER_ROW_HEIGHT = 52; const ITEM_PICKER_VIEWPORT_HEIGHT = 420; const ITEM_PICKER_OVERSCAN = 8; const normalizedItemPickerQuery = String(itemPickerQuery || '').trim(); const pickerMatchedMaterials = useMemo(() => { if (!normalizedItemPickerQuery) return allMaterials; return allMaterials.filter((material) => matchesMaterialSearch(material, normalizedItemPickerQuery)); }, [allMaterials, normalizedItemPickerQuery]); const pickerVisibleCount = Math.ceil(ITEM_PICKER_VIEWPORT_HEIGHT / ITEM_PICKER_ROW_HEIGHT); const pickerStartIndex = Math.max(0, Math.floor(itemPickerScrollTop / ITEM_PICKER_ROW_HEIGHT) - ITEM_PICKER_OVERSCAN); const pickerEndIndex = Math.min( pickerMatchedMaterials.length, pickerStartIndex + pickerVisibleCount + ITEM_PICKER_OVERSCAN * 2 ); const filteredPickerMaterials = useMemo( () => pickerMatchedMaterials.slice(pickerStartIndex, pickerEndIndex), [pickerMatchedMaterials, pickerStartIndex, pickerEndIndex] ); const pickerTopSpacerHeight = pickerStartIndex * ITEM_PICKER_ROW_HEIGHT; const pickerBottomSpacerHeight = Math.max(0, (pickerMatchedMaterials.length - pickerEndIndex) * ITEM_PICKER_ROW_HEIGHT); useEffect(() => { if (!showItemPicker) return; setItemPickerScrollTop(0); if (itemPickerScrollRef.current) { itemPickerScrollRef.current.scrollTop = 0; } }, [showItemPicker, normalizedItemPickerQuery]); const getOrderTaxRateDecimal = (order: PurchaseOrder, item: PurchaseOrderItem) => { const lineSubtotal = Math.max(0, Number(item.total || (Number(item.quantity || 0) * Number(item.unitPrice || 0)))); if (order.taxMethod === 'line-level') { const explicitRate = Number(item.taxRate || 0) / 100; if (Number.isFinite(explicitRate) && explicitRate > 0) return explicitRate; const lineTaxAmount = Number(item.taxAmount || 0); if (lineSubtotal > 0 && Number.isFinite(lineTaxAmount) && lineTaxAmount > 0) { return lineTaxAmount / lineSubtotal; } return 0; } if (order.taxMethod === 'invoice-level') { const taxableBase = Math.max(0, Number(order.subTotal || 0) - Number(order.invoiceDiscountAmount || 0)); const totalTax = Number(order.taxAmount || 0); if (taxableBase > 0 && Number.isFinite(totalTax) && totalTax > 0) { return totalTax / taxableBase; } return 0; } return 0; }; const normalizePurchaseUnitPriceForCurrentTax = ( order: PurchaseOrder, item: PurchaseOrderItem, targetTaxMethod: 'tax-inclusive' | 'invoice-level' | 'line-level' | 'tax-exempt' ) => { const sourceMethod = order.taxMethod || 'tax-inclusive'; const unitPrice = Number(item.unitPrice || 0); if (!Number.isFinite(unitPrice) || unitPrice <= 0) return 0; const taxRate = getOrderTaxRateDecimal(order, item); const addTaxToPrice = targetTaxMethod === 'tax-inclusive' && (sourceMethod === 'line-level' || sourceMethod === 'invoice-level'); const removeTaxFromPrice = targetTaxMethod !== 'tax-inclusive' && sourceMethod === 'tax-inclusive'; if (addTaxToPrice && taxRate > 0) { return unitPrice * (1 + taxRate); } if (removeTaxFromPrice && taxRate > 0) { return unitPrice / (1 + taxRate); } return unitPrice; }; const purchasePriceHistoryRows = useMemo(() => { const rows: Array<{ materialId: string; materialName: string; orderId: string; orderNumber: string; orderDate: string; supplierName: string; quantity: number; rawUnitPrice: number; adjustedUnitPrice: number; taxMethod: string; taxRatePercent: number; currencyCode: string; }> = []; purchaseOrders .filter((order) => order.status !== 'cancelled' && (order.postingStatus || 'saved') !== 'draft') .forEach((order) => { (order.items || []).forEach((item) => { const materialId = String(item.materialId || '').trim(); if (!materialId) return; const rawUnitPrice = Number(item.unitPrice || 0); const adjustedUnitPrice = normalizePurchaseUnitPriceForCurrentTax(order, item, watchedTaxMethod || 'tax-inclusive'); const taxRatePercent = getOrderTaxRateDecimal(order, item) * 100; rows.push({ materialId, materialName: allMaterials.find((material) => material.id === materialId)?.name || materialId, orderId: order.id, orderNumber: order.orderNumber, orderDate: order.date, supplierName: order.supplierName, quantity: Number(item.quantity || 0), rawUnitPrice: Number.isFinite(rawUnitPrice) ? rawUnitPrice : 0, adjustedUnitPrice: Number.isFinite(adjustedUnitPrice) ? adjustedUnitPrice : 0, taxMethod: order.taxMethod || 'tax-inclusive', taxRatePercent: Number.isFinite(taxRatePercent) ? taxRatePercent : 0, currencyCode: String(order.currencyCode || watchedCurrencyCode || defaultBaseCurrencyCode || '').trim() || 'USD', }); }); }); return rows.sort((a, b) => { const dateDiff = new Date(b.orderDate || 0).getTime() - new Date(a.orderDate || 0).getTime(); if (dateDiff !== 0) return dateDiff; return b.orderNumber.localeCompare(a.orderNumber); }); }, [purchaseOrders, allMaterials, watchedTaxMethod, watchedCurrencyCode, defaultBaseCurrencyCode]); const latestPurchasePriceByMaterial = useMemo(() => { const map = new Map(); purchasePriceHistoryRows.forEach((entry) => { if (map.has(entry.materialId)) return; map.set(entry.materialId, Number(entry.adjustedUnitPrice || 0)); }); return map; }, [purchasePriceHistoryRows]); // Maps materialId::currencyCode → latest adjusted price for that currency const latestComparablePurchasePriceByMaterial = useMemo(() => { const map = new Map(); purchasePriceHistoryRows.forEach((entry) => { if (existingOrder?.id && entry.orderId === existingOrder.id) return; if (map.has(entry.materialId)) return; map.set(entry.materialId, Number(entry.adjustedUnitPrice || 0)); }); return map; }, [purchasePriceHistoryRows, existingOrder?.id]); const selectedMaterialPurchaseHistory = useMemo(() => { if (!purchasePriceDialogMaterialId) return []; return purchasePriceHistoryRows.filter((entry) => entry.materialId === purchasePriceDialogMaterialId).slice(0, 100); }, [purchasePriceHistoryRows, purchasePriceDialogMaterialId]); const selectedMaterialNameForHistory = useMemo(() => { if (!purchasePriceDialogMaterialId) return ''; return allMaterials.find((material) => material.id === purchasePriceDialogMaterialId)?.name || purchasePriceDialogMaterialId; }, [allMaterials, purchasePriceDialogMaterialId]); const getTaxMethodLabel = (method: string) => { if (method === 'invoice-level') return t?.invoiceLevelTax ?? 'ضريبة على الفاتورة'; if (method === 'line-level') return t?.lineLevelTax ?? 'ضريبة على كل سطر'; if (method === 'tax-exempt') return t?.taxExempt ?? 'معفاة من الضريبة'; return t?.taxInclusive ?? 'السعر شامل الضريبة'; }; const getPreferredPurchasePrice = (material: ProductionItem, currencyCode?: string) => { const targetCurrency = currencyCode || watchedCurrencyCode || defaultBaseCurrencyCode; // Find the latest purchase entry for this material regardless of currency const latestEntry = purchasePriceHistoryRows.find((entry) => entry.materialId === material.id); if (!latestEntry) return 0; const price = Number(latestEntry.adjustedUnitPrice || 0); if (!Number.isFinite(price) || price <= 0) return 0; // If the last purchase was in the same currency as the current invoice — return as-is if (!targetCurrency || latestEntry.currencyCode === targetCurrency) return price; // Otherwise convert using stored exchange rates (amount / fromRate * toRate) const converted = convertAmountByRates(price, latestEntry.currencyCode, targetCurrency); return Number.isFinite(converted) && converted > 0 ? converted : price; }; useEffect(() => { if (!itemContextMenu) return; const closeMenu = () => setItemContextMenu(null); window.addEventListener('click', closeMenu); window.addEventListener('scroll', closeMenu, true); return () => { window.removeEventListener('click', closeMenu); window.removeEventListener('scroll', closeMenu, true); }; }, [itemContextMenu]); const getMaterialPurchasePricing = (material: ProductionItem) => { const primaryPrice = getPreferredPurchasePrice(material, watchedCurrencyCode || defaultBaseCurrencyCode); 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, secondaryPrice: typeof secondaryPrice === 'number' && Number.isFinite(secondaryPrice) ? secondaryPrice : undefined, }; }; 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 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 pricing = getMaterialPurchasePricing(material); const secondaryOptions = getSecondaryVolumeOptions(material, pricing.primaryPrice); const matchedSecondary = secondaryOptions.find((option) => option.barcode && option.barcode === normalized); const isSecondary = material.secondaryBarcode === normalized || !!matchedSecondary; if (!isPrimary && !isSecondary) continue; 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; }; const openMeasurementDialog = ( material: ProductionItem, source?: { unitType?: 'primary' | 'secondary'; matchedSecondaryKey?: string } ) => { const pricing = getMaterialPurchasePricing(material); const isSized = (material as any).isSized === true; const mode: 'weight' | 'volume' = isSized ? 'volume' : 'weight'; setPendingMeasurementMode(mode); setPendingWeightMaterial(material); 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 ? `${material.name} - ${selectedLabel}` : material.name); } else { setPendingVolumeOptions([]); setSelectedVolumeOptionKey(''); setPendingWeightUnitPrice(typeof pricing.secondaryPrice === 'number' ? pricing.secondaryPrice : pricing.primaryPrice); setPendingWeightDescription(material.name); } setShowWeightDialog(true); }; const addOrIncrementItem = (materialId: string, unitPrice: number, quantity: number, warehouseId?: string, shelfId?: string) => { const headerWarehouseId = isWarehouseEnabled ? (watchedWarehouseId || defaultWarehouseId) : ''; const targetWarehouseId = isWarehouseEnabled ? (warehouseId ?? headerWarehouseId) : ''; const targetShelfId = isWarehouseEnabled ? (shelfId ?? defaultShelfId) : ''; const existingItemIndex = gridItems.findIndex((item) => { const sameMaterial = item.materialId === materialId; const samePrice = Number(item.unitPrice) === Number(unitPrice); if (!isWarehouseEnabled) return sameMaterial && samePrice; return sameMaterial && samePrice && (item.warehouseId || '') === targetWarehouseId && (item.shelfId || '') === targetShelfId; }); if (existingItemIndex >= 0) { const updatedItems = [...gridItems]; updatedItems[existingItemIndex].quantity = (updatedItems[existingItemIndex].quantity || 0) + quantity; setGridItems(updatedItems); return { updatedQuantity: updatedItems[existingItemIndex].quantity, index: existingItemIndex, isNew: false }; } const newIndex = gridItems.length; appendGridItem({ materialId, quantity, unitPrice, lineDiscountPercent: 0, lineDiscountAmount: 0, bonus: 0, warehouseId: targetWarehouseId, shelfId: targetShelfId, realEstateProjectId: watchedRealEstateProjectId || '', realEstateProjectName: selectedRealEstateProject?.name || '', realEstateScope: watchedRealEstateLinkMode === 'line-items' ? 'project' : undefined, realEstateFloorLabel: '', realEstatePartLabel: '', realEstateAllocationMethod: watchedRealEstateLinkMode === 'line-items' ? watchedRealEstateAllocationMethod : undefined, }); return { updatedQuantity: quantity, index: newIndex, isNew: true }; }; const appendEmptyRow = () => { appendGridItem({ materialId: '', quantity: 1, unitPrice: 0, lineDiscountPercent: 0, lineDiscountAmount: 0, bonus: 0, warehouseId: isWarehouseEnabled ? (watchedWarehouseId || defaultWarehouseId) : '', shelfId: isWarehouseEnabled ? defaultShelfId : '', realEstateProjectId: watchedRealEstateProjectId || '', realEstateProjectName: selectedRealEstateProject?.name || '', realEstateScope: watchedRealEstateLinkMode === 'line-items' ? 'project' : undefined, realEstateFloorLabel: '', realEstatePartLabel: '', realEstateAllocationMethod: watchedRealEstateLinkMode === 'line-items' ? 'area' : undefined, }); }; const handleBarcodeScanned = (barcode: string) => { const resolved = resolveMaterialByBarcode(barcode); if (!resolved) { setAddMaterialInitialValues({ barcode }); setShowAddMaterialDialog(true); setBarcodeInput(""); return; } if (resolved.material.isWeighed || (resolved.material as any).isSized) { openMeasurementDialog(resolved.material, { unitType: resolved.unitType, matchedSecondaryKey: resolved.matchedSecondaryKey, }); setBarcodeInput(""); return; } const { updatedQuantity, index } = addOrIncrementItem(resolved.material.id, resolved.unitPrice, 1); toast({ title: t?.itemQuantityIncreased ?? 'تمت إضافة الكمية', description: `${resolved.material.name}: ${updatedQuantity}`, }); setTimeout(() => focusCell(index, editableColumns.price), 80); setBarcodeInput(""); }; const handleAddMaterialFromPicker = (material: ProductionItem) => { const unitPrice = getPreferredPurchasePrice(material, watchedCurrencyCode || defaultBaseCurrencyCode); if (material.isWeighed === true || (material as any).isSized === true) { openMeasurementDialog(material, { unitType: 'primary' }); return; } if (pickerTargetRowIndex !== null) { // Update existing row's material const newItems = [...gridItems]; newItems[pickerTargetRowIndex].materialId = material.id; newItems[pickerTargetRowIndex].unitPrice = unitPrice; if (isWarehouseEnabled) { const effectiveWarehouseId = headerWarehouseId || newItems[pickerTargetRowIndex].warehouseId || existingOrder?.warehouseId || ''; const candidateShelves = getPrioritizedShelves(material.id, effectiveWarehouseId); const currentShelfId = String(newItems[pickerTargetRowIndex].shelfId || ''); const shelfStillValid = candidateShelves.some((shelf) => shelf.id === currentShelfId); if (!shelfStillValid) { newItems[pickerTargetRowIndex].shelfId = candidateShelves[0]?.id || ''; } } setGridItems(newItems); const targetRow = pickerTargetRowIndex; setTimeout(() => focusCell(targetRow, editableColumns.price), 80); } else { const result = addOrIncrementItem(material.id, unitPrice, 1); setTimeout(() => focusCell(result.index, editableColumns.price), 80); } }; const handleMaterialCreated = (material: ProductionItem) => { setExtraMaterials((prev) => { if (prev.find((m) => m.id === material.id) || allMaterials.find((m) => m.id === material.id)) { return prev; } return [material, ...prev]; }); const unitPrice = getPreferredPurchasePrice(material, watchedCurrencyCode || defaultBaseCurrencyCode); if (material.isWeighed === true || (material as any).isSized === true) { openMeasurementDialog(material, { unitType: 'primary' }); } else { const result = addOrIncrementItem(material.id, unitPrice, 1); setTimeout(() => focusCell(result.index, editableColumns.price), 80); } setShowAddMaterialDialog(false); setAddMaterialInitialValues(undefined); }; const validateWarehouseSelections = (data: z.infer): boolean => { if (!isWarehouseEnabled) { return true; } const selectedHeaderWarehouseId = String(data.warehouseId || '').trim(); if (!selectedHeaderWarehouseId) { toast({ title: tGlobal?.error || 'بيانات ناقصة', description: t?.selectWarehouseFirst ?? 'يرجى اختيار المستودع على مستوى الفاتورة قبل الحفظ.', variant: 'destructive', }); form.setFocus('warehouseId'); return false; } const activeItems = (data.items || []).filter((item) => !isEffectivelyEmptyPurchaseItem(item)); const missingShelfIndex = activeItems.findIndex((item) => !String(item.shelfId || '').trim()); if (missingShelfIndex !== -1) { toast({ title: tGlobal?.error || 'بيانات ناقصة', description: `${t?.lineLabel ?? 'السطر'} ${missingShelfIndex + 1}: ${t?.selectShelfFirst ?? 'يرجى اختيار الرف قبل حفظ الفاتورة.'}`, variant: 'destructive', }); return false; } const shelfIds = new Set((shelvesByWarehouse.get(selectedHeaderWarehouseId) ?? []).map((shelf) => shelf.id)); const invalidShelfItem = activeItems.find((item) => { const shelfId = String(item.shelfId || '').trim(); return shelfId && !shelfIds.has(shelfId); }); if (invalidShelfItem) { toast({ title: tGlobal?.error, description: t?.invalidShelfForWarehouse ?? 'الرف المحدد لا ينتمي للمستودع المختار.', variant: 'destructive', }); return false; } return true; }; const submitOrder = ( data: z.infer, allowDuplicateOverride = false, postingTypeOverride?: 'draft' | 'saved' | 'posted', transferCreationModeOverride?: PurchaseTransferCreationMode ) => { const now = Date.now(); if (now - submitAttemptCooldownRef.current < 1200) { if (process.env.NODE_ENV !== 'production') { console.info('[Purchases] Submit throttled', { origin: submitOriginRef.current || 'unknown', timestamp: new Date().toISOString(), }); } return; } submitAttemptCooldownRef.current = now; if (!selectedPartyInfo) { toast({ title: tGlobal?.error, description: t?.selectSupplier, variant: 'destructive', }); return; } if (!validateWarehouseSelections(data)) { return; } const effectivePostingType = postingTypeOverride ?? postingType; const effectiveTransferCreationMode: PurchaseTransferCreationMode = effectivePostingType === 'posted' && documentType === 'tax_invoice' && purchasePostingFollowupEnabled ? (transferCreationModeOverride ?? purchaseTransferCreationMode) : 'none'; const submitOrigin = submitOriginRef.current || 'unknown'; const duplicate = findDuplicateInvoice(selectedPartyInfo.id, data.supplierInvoiceNumber); if (duplicate && !allowDuplicateOverride && !data.allowDuplicateInvoice) { setDuplicateInfo(duplicate); setPendingSubmit(data); setPendingPostingType(effectivePostingType); setPendingTransferCreationMode(effectiveTransferCreationMode); setDuplicateDialogOpen(true); return; } const headerWarehouseId = isWarehouseEnabled ? String(data.warehouseId || '').trim() : ''; const effectiveRealEstateLinkMode = isRealEstateEnabled ? data.realEstateLinkMode : 'none'; if (effectiveRealEstateLinkMode === 'line-items') { const normalizedProjectId = String(data.realEstateProjectId || '').trim(); if (!normalizedProjectId) { focusRealEstateProjectHeaderField(); toast({ title: tGlobal?.error || 'بيانات ناقصة', description: t?.lineItemProjectRequired ?? 'في وضع السطور المتعددة يجب تحديد المشروع العقاري أولًا.', variant: 'destructive', }); return; } const lineTargetingIssues: string[] = []; (data.items || []).forEach((item, index) => { const rowNumber = index + 1; const scope = (item.realEstateScope || 'project') as 'project' | 'floor' | 'part'; const floorLabel = String(item.realEstateFloorLabel || '').trim(); const partLabel = String(item.realEstatePartLabel || '').trim(); const allocationMethod = String(item.realEstateAllocationMethod || data.realEstateAllocationMethod || '').trim(); if (scope === 'floor' && !floorLabel) { lineTargetingIssues.push(`${t?.lineLabel ?? 'السطر'} ${rowNumber}: ${t?.realEstateFloorRequired ?? 'الطابق مطلوب عند اختيار نطاق طابق محدد.'}`); return; } if (scope === 'part' && (!floorLabel || !partLabel)) { lineTargetingIssues.push(`${t?.lineLabel ?? 'السطر'} ${rowNumber}: ${t?.realEstatePartRequired ?? 'يجب تحديد الطابق والجزء عند اختيار جزء من طابق.'}`); return; } if (scope === 'project' && !allocationMethod) { lineTargetingIssues.push(`${t?.lineLabel ?? 'السطر'} ${rowNumber}: ${t?.allocationMethodRequired ?? 'أساس التوزيع مطلوب عند اختيار المبنى كاملًا.'}`); } }); if (lineTargetingIssues.length > 0) { focusFirstIncompleteLineItemTarget(); const preview = lineTargetingIssues.slice(0, 3).join(' | '); const suffix = lineTargetingIssues.length > 3 ? ` (+${lineTargetingIssues.length - 3})` : ''; toast({ title: tGlobal?.error || 'بيانات الربط غير مكتملة', description: `${preview}${suffix}`, variant: 'destructive', }); return; } } if (data.paymentMethods && data.paymentMethods.length > 0) { // Validate that total payment methods equals amount paid const totalPaymentAmount = data.paymentMethods.reduce((sum, m) => sum + (Number(m.amount) || 0), 0); const epsilon = 0.01; if (Math.abs(totalPaymentAmount - Number(data.amountPaid || 0)) > epsilon) { toast({ title: tGlobal?.error, description: t?.paymentMethodsAmountMismatch ?? 'مجموع طرق الدفع يجب أن يساوي المبلغ المدفوع.', variant: 'destructive', }); return; } // Validate incoming checks for each payment method for (const method of data.paymentMethods) { if (method.method === 'check' && method.checkSource === 'incoming' && Number(method.amount || 0) > 0) { const selectedIds = Array.isArray(method.incomingCheckIds) ? method.incomingCheckIds : []; if (selectedIds.length === 0) { toast({ title: tGlobal?.error, description: t?.incomingCheckRequired ?? 'يجب اختيار شيك وارد واحد على الأقل.', variant: 'destructive', }); return; } const selectedChecks = availableIncomingChecks.filter((entry) => selectedIds.includes(entry.id)); if (selectedChecks.length !== selectedIds.length) { toast({ title: tGlobal?.error, description: t?.incomingCheckUnavailable ?? 'بعض الشيكات المختارة غير متاحة الآن.', variant: 'destructive', }); return; } const totalIncomingInOrderCurrency = selectedChecks.reduce((sum, entry) => { const amount = Number(entry.amount || 0); const fromCurrency = entry.currency || defaultBaseCurrencyCode; const toCurrency = watchedCurrencyCode || defaultBaseCurrencyCode; return sum + convertAmountByRates(amount, fromCurrency, toCurrency); }, 0); if (Math.abs(totalIncomingInOrderCurrency - Number(method.amount || 0)) > 0.01) { toast({ title: tGlobal?.error, description: t?.incomingCheckAmountMismatch ?? 'مجموع الشيكات الواردة (بعد التحويل) يجب أن يساوي مبلغ طريقة الدفع.', variant: 'destructive', }); return; } } } } const showKnownErrorToast = (code?: string) => { if ((code === 'INSUFFICIENT_STOCK_FOR_REVERSE' || code === 'INVENTORY_RECONCILE_FAILED') && mode !== 'edit') { return false; } const entries: Record = { PERIOD_LOCKED: { title: t?.periodLocked || tGlobal?.error || 'الفترة مقفلة', description: t?.periodLockedDesc || 'لا يمكن التعديل داخل فترة مقفلة. عدّل التاريخ أو افتح الفترة.', }, INVENTORY_LOCKED: { title: t?.inventoryLocked || tGlobal?.error || 'جرد مقفل', description: t?.inventoryLockedDesc || 'لا يمكن التعديل بسبب إقفال الجرد. افتح الجرد أو استخدم تاريخ أحدث.', }, INSUFFICIENT_STOCK_FOR_REVERSE: { title: t?.insufficientStock || tGlobal?.error || 'المخزون غير كافٍ', description: t?.insufficientStockReverse || 'لا يوجد مخزون كافٍ لعكس الكمية المخفضة. تحقق من الكميات أو أنشئ إرجاع/جرد.', }, INVENTORY_RECONCILE_FAILED: { title: tGlobal?.error || 'فشل التسوية', description: t?.inventoryReconcileFailed || 'فشلت تسوية المخزون. تحقق من الكميات أو الأقفال ثم أعد المحاولة.', }, POSTED_ORDER_MODE_LOCKED: { title: t?.postedOrderModeLockedTitle || tGlobal?.error || 'الفاتورة مرحلة', description: t?.postedOrderModeLockedDesc || 'لا يمكن تغيير حالة الفاتورة المرحلة إلى غير مرحلة.', }, POSTED_ORDER_EDIT_LOCKED: { title: t?.postedOrderEditLockedTitle || tGlobal?.error || 'الفاتورة مرحلة', description: t?.postedOrderEditLockedDesc || 'لا يمكن تعديل الفاتورة بعد الترحيل. استخدم إجراء عكسي أو تسوية.', }, PURCHASE_ORDER_LOCKED: { title: t?.purchaseOrderLocked || tGlobal?.error || 'الفاتورة قيد التعديل', description: t?.purchaseOrderLockedDesc || 'لا يمكن حفظ التعديل لأن مستخدمًا آخر يقوم بتعديل الفاتورة حاليًا.', }, INVALID_PURCHASE_ACTION_SIGNATURE: { title: tGlobal?.error || 'طلب غير صالح', description: t?.invalidPurchaseActionSignature ?? 'انتهت صلاحية جلسة الحفظ أو أن الطلب غير موثوق. أعد تحميل الصفحة ثم حاول مرة أخرى.', }, }; const entry = code ? entries[code] : undefined; if (!entry) return false; toast({ title: entry.title, description: entry.description, variant: 'destructive' }); return true; }; startTransition(async () => { if (process.env.NODE_ENV !== 'production') { console.info('[Purchases] Submit attempt', { origin: submitOrigin, mode, postingType: effectivePostingType, itemCount: Array.isArray(data.items) ? data.items.length : 0, supplierId: selectedPartyInfo.id, timestamp: new Date().toISOString(), }); } submitOriginRef.current = 'unknown'; try { const baseCode = watchedBaseCurrencyCode || defaultBaseCurrencyCode; const currencyCode = watchedCurrencyCode || defaultBaseCurrencyCode; const lockedEditRate = mode === 'edit' && existingOrder ? Number(existingOrder.exchangeRate || 1) : null; const effectiveRateForPayload = lockedEditRate !== null ? lockedEditRate : (currencyCode === baseCode ? 1 : effectiveExchangeRate); const grandTotalBase = grandTotal * effectiveRateForPayload; const amountPaidBase = data.amountPaid * effectiveRateForPayload; const amountDueBaseVal = amountDue * effectiveRateForPayload; const selectedProjectName = String(selectedRealEstateProject?.name || data.realEstateProjectName || '').trim(); const payload = { __submitOrigin: submitOrigin, __purchaseActionGuard: actionGuardToken, supplierId: selectedPartyInfo.id, supplierName: selectedPartyInfo.name, supplierInvoiceNumber: data.supplierInvoiceNumber, supplierInvoiceDate: data.supplierInvoiceDate, notes: String(data.notes || '').trim() || undefined, warehouseId: headerWarehouseId, realEstateLinkMode: effectiveRealEstateLinkMode || 'none', realEstateProjectId: isRealEstateEnabled ? (String(data.realEstateProjectId || '').trim() || undefined) : undefined, realEstateProjectName: isRealEstateEnabled ? (selectedProjectName || undefined) : undefined, realEstateScope: isRealEstateEnabled ? (data.realEstateScope || 'project') : undefined, realEstateFloorLabel: isRealEstateEnabled ? (String(data.realEstateFloorLabel || '').trim() || undefined) : undefined, realEstatePartLabel: isRealEstateEnabled ? (String(data.realEstatePartLabel || '').trim() || undefined) : undefined, realEstateAllocationMethod: isRealEstateEnabled ? ((data.realEstateAllocationMethod || selectedRealEstateProject?.sharedCostAllocationMethod || 'area') as 'area' | 'sale-value' | 'manual-share') : undefined, allowDuplicateInvoice: allowDuplicateOverride || data.allowDuplicateInvoice, currencyCode, baseCurrencyCode: baseCode, exchangeRate: effectiveRateForPayload, rateDate: form.getValues('rateDate') || defaultRateDate, rateSource: watchedRateSource, isAutoRate: watchedIsAutoRate, items: itemsWithDetails.map(item => ({ materialId: item.materialId, name: item.name, quantity: item.quantity, unitPrice: item.unitPrice, total: item.total, lineDiscountPercent: item.lineDiscountPercent ?? 0, lineDiscountAmount: item.lineDiscountAmount ?? 0, bonus: item.bonus ?? 0, warehouseId: headerWarehouseId, shelfId: item.shelfId, taxRate: item.taxRate, realEstateProjectId: isRealEstateEnabled ? (String(item.realEstateProjectId || data.realEstateProjectId || '').trim() || undefined) : undefined, realEstateProjectName: isRealEstateEnabled ? (String(item.realEstateProjectName || selectedProjectName || '').trim() || undefined) : undefined, realEstateScope: isRealEstateEnabled ? ((effectiveRealEstateLinkMode === 'line-items' ? item.realEstateScope : data.realEstateScope) || undefined) : undefined, realEstateFloorLabel: isRealEstateEnabled ? (String(effectiveRealEstateLinkMode === 'line-items' ? item.realEstateFloorLabel : data.realEstateFloorLabel || '').trim() || undefined) : undefined, realEstatePartLabel: isRealEstateEnabled ? (String(effectiveRealEstateLinkMode === 'line-items' ? item.realEstatePartLabel : data.realEstatePartLabel || '').trim() || undefined) : undefined, realEstateAllocationMethod: isRealEstateEnabled && ((effectiveRealEstateLinkMode === 'line-items' ? item.realEstateScope : data.realEstateScope) === 'project') ? ((item.realEstateAllocationMethod || data.realEstateAllocationMethod || selectedRealEstateProject?.sharedCostAllocationMethod || 'area') as 'area' | 'sale-value' | 'manual-share') : undefined, })), subTotal, taxMethod: data.taxMethod || 'tax-inclusive', postingType: effectivePostingType, purchaseTransferCreationMode: effectivePostingType === 'posted' && documentType === 'tax_invoice' ? effectiveTransferCreationMode : undefined, invoiceTaxRate: data.invoiceTaxRate || 0, invoiceDiscountPercent: data.invoiceDiscountPercent || 0, invoiceDiscountAmount: data.invoiceDiscountAmount || 0, taxAmount, grandTotal, amountPaid: data.amountPaid, paymentMethods: (data.paymentMethods || []).map((method) => ({ ...method, currencyCode: (method as { currency?: string }).currency || currencyCode, })), amountDue, grandTotalBase, amountPaidBase, amountDueBase: amountDueBaseVal, documents: orderDocuments, documentType: shipmentWorkflowEnabled ? documentType : 'tax_invoice', linkedShipmentIds: shipmentWorkflowEnabled && documentType === 'tax_invoice' ? linkedShipmentIds : [], }; const result = mode === 'edit' && existingOrder ? await handleUpdatePurchaseOrder({ id: existingOrder.id, ...payload }) : await handleCreatePurchaseOrder(payload); if (!('error' in result) || !result.error) { if (mode === 'edit' && existingOrder?.id && editLockOwnedRef.current) { await handleReleasePurchaseOrderLock(existingOrder.id); editLockOwnedRef.current = false; } toast({ title: mode === 'edit' ? t?.saveOrderSuccess ?? 'تم التحديث' : t?.saveOrderSuccess, description: `${t?.orderNumber}: ${(result as any).orderNumber || existingOrder?.orderNumber}`, }); if (mode === 'edit') { router.push('/admin/purchases/history'); return; } if (mode === 'create') { setStockReport(null); setShowStockReportDialog(false); setGridItems([]); setPaymentMethods([]); setOrderDocuments([]); setBarcodeInput(''); form.reset(); setSelectedPartyId(''); setDuplicateInfo(null); setPendingSubmit(null); setSupplierInvoiceDuplicateInfo(null); } } else if (result.error === 'DUPLICATE_SUPPLIER_INVOICE') { setDuplicateInfo({ id: 'dup', orderNumber: ('existing' in result ? result.existing?.orderNumber : undefined) || '-', date: ('existing' in result ? result.existing?.date : undefined) || '', supplierId: selectedPartyInfo.id, supplierName: selectedPartyInfo.name, items: [], subTotal: 0, taxMethod: data.taxMethod || 'invoice-level', taxAmount: 0, grandTotal: ('existing' in result ? result.existing?.grandTotal : undefined) || 0, amountPaid: 0, amountDue: ('existing' in result ? result.existing?.amountDue : undefined) || 0, status: 'active', createdBy: '', createdAt: '', supplierInvoiceNumber: data.supplierInvoiceNumber, } as PurchaseOrder); setPendingSubmit(data); setPendingPostingType(effectivePostingType); setPendingTransferCreationMode(effectiveTransferCreationMode); setDuplicateDialogOpen(true); } else { if (result.error === 'PURCHASE_ORDER_LOCKED') { const lockedByName = 'lockedBy' in result ? (result.lockedBy || 'مستخدم آخر') : 'مستخدم آخر'; toast({ title: t?.purchaseOrderLocked || tGlobal?.error || 'الفاتورة قيد التعديل', description: (t?.purchaseOrderLockedBy || 'يتم التعديل على الفاتورة من قبل {name}.').replace('{name}', lockedByName), variant: 'destructive', }); return; } if (!showKnownErrorToast(result.error)) { const validationErrorMessage = (result as any)?.validationSummary || (Array.isArray((result as any)?.formErrors) && (result as any).formErrors[0]) || (result as any)?.validationErrors && Object.values((result as any).validationErrors).flat().find(Boolean) || undefined; toast({ title: tGlobal?.error, description: validationErrorMessage || result.error || t?.saveOrderError, variant: 'destructive', }); } } } catch (error) { if (!showKnownErrorToast((error as any)?.message)) { toast({ title: tGlobal?.error, description: t?.saveOrderError, variant: 'destructive', }); } } }); }; const onSubmit = (data: z.infer) => { if (submitOriginRef.current === 'unknown') { submitOriginRef.current = 'form-submit'; } if (!validateWarehouseSelections(data)) { return; } setPendingPostingSubmit(data); setPostingDialogOpen(true); }; const getFirstErrorMessage = (errors: any): string | null => { if (!errors) return null; if (errors?.message) return String(errors.message); if (typeof errors === 'object') { for (const key of Object.keys(errors)) { const nested = getFirstErrorMessage(errors[key]); if (nested) return nested; } } return null; }; const onInvalidSubmit = (errors: any) => { const firstError = getFirstErrorMessage(errors); toast({ title: tGlobal?.error || 'خطأ في التحقق', description: firstError || t?.saveOrderValidationError || 'يرجى تعبئة الحقول الإلزامية قبل الحفظ.', variant: 'destructive', }); }; const isBaseCurrency = watchedCurrencyCode === defaultBaseCurrencyCode; const isFxLocked = mode === 'edit' && !!existingOrder; const headerWarehouseId = isWarehouseEnabled ? (watchedWarehouseId || defaultWarehouseId || '') : ''; const headerShelves = isWarehouseEnabled ? (shelvesByWarehouse.get(headerWarehouseId) ?? []) : []; const numericNoSpinClass = 'appearance-none [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none'; const hasRealEstateLineColumn = isRealEstateEnabled && watchedRealEstateLinkMode === 'line-items'; const gridColSpan = editableColumns.count + 2 + (hasRealEstateLineColumn ? 1 : 0); const lineItemTargetingSummary = useMemo(() => { if (!hasRealEstateLineColumn) { return null; } let projectCount = 0; let floorCount = 0; let partCount = 0; const issues: string[] = []; gridItems.forEach((item, index) => { const scope = (item.realEstateScope || 'project') as 'project' | 'floor' | 'part'; const floorLabel = String(item.realEstateFloorLabel || '').trim(); const partLabel = String(item.realEstatePartLabel || '').trim(); const allocationMethod = String(item.realEstateAllocationMethod || watchedRealEstateAllocationMethod || '').trim(); const rowNumber = index + 1; if (scope === 'project') { projectCount += 1; if (!allocationMethod) { issues.push(`${t?.lineLabel ?? 'السطر'} ${rowNumber}: ${t?.allocationMethodRequired ?? 'أساس التوزيع مطلوب.'}`); } return; } if (scope === 'floor') { floorCount += 1; if (!floorLabel) { issues.push(`${t?.lineLabel ?? 'السطر'} ${rowNumber}: ${t?.realEstateFloorRequired ?? 'الطابق مطلوب.'}`); } return; } partCount += 1; if (!floorLabel || !partLabel) { issues.push(`${t?.lineLabel ?? 'السطر'} ${rowNumber}: ${t?.realEstatePartRequired ?? 'الطابق والجزء مطلوبان.'}`); } }); if (!String(watchedRealEstateProjectId || '').trim()) { issues.unshift(t?.lineItemProjectRequired ?? 'في وضع السطور المتعددة يجب تحديد المشروع العقاري أولًا.'); } return { total: gridItems.length, projectCount, floorCount, partCount, issues, }; }, [ hasRealEstateLineColumn, gridItems, watchedRealEstateAllocationMethod, watchedRealEstateProjectId, t, ]); const lineItemTargetingIssuesByRow = useMemo(() => { if (!hasRealEstateLineColumn) { return new Map(); } const issuesByRow = new Map(); gridItems.forEach((item, index) => { const scope = (item.realEstateScope || 'project') as 'project' | 'floor' | 'part'; const floorLabel = String(item.realEstateFloorLabel || '').trim(); const partLabel = String(item.realEstatePartLabel || '').trim(); const allocationMethod = String(item.realEstateAllocationMethod || watchedRealEstateAllocationMethod || '').trim(); if (scope === 'project' && !allocationMethod) { issuesByRow.set(index, { ...(issuesByRow.get(index) || {}), scope: true, allocation: true }); } if (scope === 'floor' && !floorLabel) { issuesByRow.set(index, { ...(issuesByRow.get(index) || {}), scope: true, floor: true }); } if (scope === 'part') { const nextIssues = { ...(issuesByRow.get(index) || {}), scope: true }; if (!floorLabel) { nextIssues.floor = true; } if (!partLabel) { nextIssues.part = true; } if (nextIssues.floor || nextIssues.part) { issuesByRow.set(index, nextIssues); } } }); return issuesByRow; }, [hasRealEstateLineColumn, gridItems, watchedRealEstateAllocationMethod]); const focusFirstIncompleteLineItemTarget = useCallback(() => { if (!hasRealEstateLineColumn) { return; } const firstIssueEntry = Array.from(lineItemTargetingIssuesByRow.entries()).sort((left, right) => left[0] - right[0])[0]; if (!firstIssueEntry) { return; } const [rowIndex, issue] = firstIssueEntry; const rowSelector = `[data-real-estate-row="${rowIndex}"]`; const targetElement = issue.part ? document.querySelector(`${rowSelector} [data-real-estate-field="part"]`) : issue.floor ? document.querySelector(`${rowSelector} [data-real-estate-field="floor"]`) : document.querySelector(`${rowSelector} [data-real-estate-field="scope"]`); setActiveGridRowIndex(rowIndex); if (targetElement) { targetElement.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'nearest' }); requestAnimationFrame(() => targetElement.focus()); return; } requestAnimationFrame(() => focusCell(rowIndex, 0)); }, [hasRealEstateLineColumn, lineItemTargetingIssuesByRow]); const focusRealEstateProjectHeaderField = useCallback(() => { const targetElement = document.querySelector('[data-real-estate-header-field="project"]'); if (!targetElement) { return; } targetElement.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'nearest' }); requestAnimationFrame(() => targetElement.focus()); }, []); const buildPurchasePriceReviewRows = (): PurchasePriceReviewRow[] => { const currentCurrency = watchedCurrencyCode || defaultBaseCurrencyCode; return itemsWithDetails .map((item) => { // Find the latest comparable history entry for this material const historyEntry = purchasePriceHistoryRows.find( (entry) => entry.materialId === item.materialId && !(existingOrder?.id && entry.orderId === existingOrder.id) ); if (!historyEntry) return null; const previousOriginalPrice = Number(historyEntry.adjustedUnitPrice || 0); if (!Number.isFinite(previousOriginalPrice) || previousOriginalPrice <= 0) return null; // Convert the historical price to the current invoice currency for fair comparison const previousPrice = historyEntry.currencyCode === currentCurrency ? previousOriginalPrice : convertAmountByRates(previousOriginalPrice, historyEntry.currencyCode, currentCurrency); const newPrice = Number(item.unitPrice || 0); if (!Number.isFinite(newPrice) || newPrice <= 0) return null; if (!Number.isFinite(previousPrice) || previousPrice <= 0) return null; const difference = Number((newPrice - previousPrice).toFixed(2)); if (Math.abs(difference) < 0.0001) return null; return { materialId: item.materialId, materialName: item.name, previousPrice, previousOriginalPrice, previousCurrencyCode: historyEntry.currencyCode, newPrice, difference, changeType: difference > 0 ? 'increase' : 'decrease', }; }) .filter((entry): entry is PurchasePriceReviewRow => entry !== null) .sort((left, right) => Math.abs(right.difference) - Math.abs(left.difference)); }; const submitWithPurchasePriceReview = ( data: z.infer, allowDuplicateOverride = false, postingTypeOverride?: 'draft' | 'saved' | 'posted', transferCreationModeOverride?: PurchaseTransferCreationMode ) => { const reviewRows = buildPurchasePriceReviewRows(); if (reviewRows.length === 0) { submitOrder(data, allowDuplicateOverride, postingTypeOverride, transferCreationModeOverride); return; } const effectivePostingType = postingTypeOverride ?? postingType; const effectiveTransferCreationMode: PurchaseTransferCreationMode = effectivePostingType === 'posted' && documentType === 'tax_invoice' && purchasePostingFollowupEnabled ? (transferCreationModeOverride ?? purchaseTransferCreationMode) : 'none'; setPriceReviewRows(reviewRows); setPendingPriceReviewSubmission({ data, allowDuplicateOverride, postingType: effectivePostingType, purchaseTransferCreationMode: effectiveTransferCreationMode, }); setPriceReviewDialogOpen(true); }; const handleUnitPriceBlur = (materialId: string, nextPrice: number) => { if (!autoUpdateSalePrice) return; const materialToUpdate = allMaterials.find((m) => m.id === materialId); if (!materialToUpdate) return; const currentPurchasePrice = Number(materialToUpdate.purchasePrice || 0); const normalizedNext = Number.isFinite(nextPrice) ? nextPrice : 0; if (normalizedNext === currentPurchasePrice) return; // افتح نافذة تحديث الصنف مع تركيز على سعر البيع ليتناسب مع سعر الشراء الجديد setUpdateMaterialItem({ ...materialToUpdate, purchasePrice: normalizedNext }); setUpdateMaterialDialogOpen(true); }; const handlePickDocuments = () => { if (isPending || isUploadingDocument) return; documentInputRef.current?.click(); }; const handleUploadDocuments = async (files: FileList | null) => { if (!files || files.length === 0) return; setIsUploadingDocument(true); try { const uploadedDocs: PurchaseOrderDocument[] = []; for (const file of Array.from(files)) { const formData = new FormData(); formData.append('file', file); const response = await fetch('/api/admin/purchases/documents', { method: 'POST', body: formData, }); const result = await response.json(); if (!response.ok || !result?.document) { throw new Error(result?.error || t?.documentUploadFailed || 'فشل رفع الوثيقة'); } uploadedDocs.push(result.document as PurchaseOrderDocument); } setOrderDocuments((prev) => [...prev, ...uploadedDocs]); toast({ title: tGlobal?.success || 'تم', description: (t?.documentsUploadedSuccess || 'تم رفع {count} وثيقة بنجاح').replace('{count}', String(uploadedDocs.length)), }); } catch (error: any) { toast({ title: tGlobal?.error || 'خطأ', description: error?.message || t?.documentUploadFailed || 'فشل رفع الوثيقة', variant: 'destructive', }); } finally { if (documentInputRef.current) { documentInputRef.current.value = ''; } setIsUploadingDocument(false); } }; const removeDocument = (docId: string) => { setOrderDocuments((prev) => prev.filter((doc) => doc.id !== docId)); }; const handleAiExtraction = async () => { if (!aiInvoiceEntryEnabled) { toast({ title: tGlobal?.error || 'خطأ', description: 'ميزة الإدخال الذكي للفواتير غير مفعلة من الإعدادات العامة.', variant: 'destructive', }); return; } setIsAiExtracting(true); try { const extractionInput: any = { language: 'ar', // or detect from browser locale }; if (aiExtractionMode === 'image' && aiExtractionDocument) { extractionInput.filePath = aiExtractionDocument.filePath; } else if (aiExtractionMode === 'voice' && aiExtractionVoiceText.trim()) { extractionInput.transcriptText = aiExtractionVoiceText; } else { throw new Error('يجب تحديد صورة أو نص صوتي للتحليل'); } const response = await fetch('/api/admin/purchases/ai-extract', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(extractionInput), }); const rawText = await response.text(); let result: any = null; try { result = rawText ? JSON.parse(rawText) : null; } catch { throw new Error('تعذر قراءة استجابة الخادم. تحقق من سجل الخادم (server logs).'); } if (!response.ok) { throw new Error(result?.error || 'فشل التحليل الذكي'); } setAiExtractionResult(result.data); setAiExtractionConfidence(result.data.confidence || 0); setAiExtractionDialogOpen(false); setAiReviewDialogOpen(true); toast({ title: 'نجح التحليل', description: `تم استخراج ${result.data.items?.length || 0} أصناف من الفاتورة`, }); } catch (error: any) { toast({ title: tGlobal?.error || 'خطأ', description: error?.message || 'فشل التحليل الذكي', variant: 'destructive', }); } finally { setIsAiExtracting(false); } }; const handleApplyAiExtraction = async () => { if (!aiExtractionResult) return; try { const result = aiExtractionResult; // Update supplier const selectedSupplier = supplierList.find((s) => s.name.toLowerCase().includes(result.supplierName.toLowerCase()) || result.supplierName.toLowerCase().includes(s.name.toLowerCase()) ); if (selectedSupplier) { form.setValue('supplierId', selectedSupplier.id); setSelectedPartyId(`supplier:${selectedSupplier.id}`); } else { // Show suggestion but allow manual override toast({ title: 'تحذير', description: `لم يتم العثور على المورد "${result.supplierName}" - يرجى اختيار مورد يدويًا`, }); } if (result.invoiceNumber) { form.setValue('supplierInvoiceNumber', result.invoiceNumber); } if (result.invoiceDate) { form.setValue('supplierInvoiceDate', result.invoiceDate); } // Add items if (Array.isArray(result.items) && result.items.length > 0) { const newItems = await Promise.all( result.items.map(async (aiItem: any) => { const matchedMaterial = materials.find((m) => m.name.toLowerCase().includes(aiItem.name.toLowerCase()) || aiItem.name.toLowerCase().includes(m.name.toLowerCase()) ); return { materialId: matchedMaterial?.id || '', quantity: Math.max(1, Number(aiItem.quantity) || 1), unitPrice: Math.max(0, Number(aiItem.unitPrice) || 0), lineDiscountPercent: 0, lineDiscountAmount: 0, bonus: 0, warehouseId: defaultWarehouseId || '', shelfId: defaultShelfId || '', taxRate: result.taxRate ? Number(result.taxRate) * 100 : 0, realEstateProjectId: '', realEstateProjectName: '', realEstateFloorLabel: '', realEstatePartLabel: '', realEstateAllocationMethod: 'area' as const, }; }) ); setGridItems(newItems); form.setValue('items', newItems); } setAiReviewDialogOpen(false); toast({ title: 'تم تطبيق البيانات', description: 'تم ملء نموذج الفاتورة ببيانات التحليل - يرجى المراجعة قبل الحفظ', }); } catch (error: any) { toast({ title: tGlobal?.error || 'خطأ', description: error?.message || 'فشل تطبيق البيانات المستخرجة', variant: 'destructive', }); } }; if (!mounted) { return null; } return (
{ setSupplierList((prev) => [...prev, supplier]); setSelectedPartyId(`supplier:${supplier.id}`); form.setValue('supplierId', supplier.id); }} /> { if (!open) { setAddMaterialInitialValues(undefined); } setShowAddMaterialDialog(open); }} > { setShowAddMaterialDialog(false); setAddMaterialInitialValues(undefined); }} onCreated={(item) => handleMaterialCreated(item as ProductionItem)} /> { if (!open) { setUpdateMaterialItem(null); } setUpdateMaterialDialogOpen(open); }} > { setUpdateMaterialDialogOpen(false); setUpdateMaterialItem(null); }} /> {t?.duplicateInvoiceTitle ?? 'فاتورة مكررة'} {duplicateInfo ? `${t?.duplicateInvoiceMessage ?? 'تم إدخال فاتورة المورد مسبقًا.'}` : (t?.duplicateInvoiceMessage ?? 'تم إدخال فاتورة المورد مسبقًا.')} {duplicateInfo && (
{t?.orderNumber ?? 'رقم الأمر'}: {duplicateInfo.orderNumber || '-'}
{t?.supplierInvoiceNumber ?? 'رقم فاتورة المورد'}: {duplicateInfo.supplierInvoiceNumber || '-'}
{t?.orderDate ?? 'تاريخ الأمر'}: {duplicateInfo.date ? format(new Date(duplicateInfo.date), 'PPP') : '-'}
{t?.total ?? 'الإجمالي'}: {formatCurrency(duplicateInfo.grandTotal || 0, currencySymbol)}
)} { setPostingDialogOpen(open); }} > {documentType === 'shipment' ? 'اختر حالة حفظ الارسالية' : (t?.saveOrderModalTitle ?? 'اختر حالة حفظ الفاتورة')} {documentType === 'shipment' ? 'حدد طريقة حفظ الارسالية قبل المتابعة.' : (t?.saveOrderModalDescription ?? 'حدد طريقة حفظ الفاتورة قبل المتابعة.')}
{documentType !== 'shipment' && ( )}
{purchasePostingFollowupEnabled && ( { setPostingFollowupDialogOpen(open); if (!open) { setPendingPostingSubmit(null); } }} > {t?.purchasePostingFollowupTitle ?? 'الخطوة التالية بعد الترحيل'} {t?.purchasePostingFollowupDescription ?? 'حدد الإجراء المطلوب بعد حفظ وترحيل فاتورة المشتريات.'}
)} { setPriceReviewDialogOpen(open); if (!open) { setPendingPriceReviewSubmission(null); setPriceReviewRows([]); } }} > {t?.purchasePriceReviewTitle ?? 'مراجعة أسعار الشراء قبل الحفظ'} {t?.purchasePriceReviewDescription ?? 'تم العثور على أصناف تغيّر فيها سعر الشراء عن آخر سعر شراء مسجل. راجعها قبل متابعة الحفظ.'}
{t?.item ?? 'الصنف'} {t?.lastPurchasePrice ?? 'آخر سعر شراء'} {t?.newPurchasePrice ?? 'السعر الجديد'} {t?.differenceLabel ?? 'الفرق'} {t?.status ?? 'الحالة'} {priceReviewRows.map((row) => ( {row.materialName} {formatCurrency(row.previousPrice, displayCurrencySymbol)} {row.previousCurrencyCode !== (watchedCurrencyCode || defaultBaseCurrencyCode) && ( ({formatCurrency(row.previousOriginalPrice, currencies.find(c => c.code === row.previousCurrencyCode)?.symbol || row.previousCurrencyCode)} {row.previousCurrencyCode}) )} {formatCurrency(row.newPrice, displayCurrencySymbol)} {row.difference > 0 ? '+' : ''}{formatCurrency(row.difference, displayCurrencySymbol)} {row.changeType === 'increase' ? (t?.priceIncreased ?? 'زيادة') : (t?.priceDecreased ?? 'انخفاض')} ))}
{mode === 'edit' ? (t?.editTitle ?? 'تعديل أمر شراء') : (t?.title ?? 'أمر شراء')}

{t?.orderDetailsSection ?? 'تفاصيل أمر الشراء'}

handleUploadDocuments(event.target.files)} /> {mode === 'edit' && ( (existingOrder?.postingStatus === 'posted') || (existingOrder?.documentType === 'shipment' && existingOrder?.postingStatus === 'saved') ) && existingOrder?.purchaseTransferCreationMode === 'none' && ( )} {aiInvoiceEntryEnabled && ( )}
{t?.orderNumber ?? 'رقم الأمر'}: {isDuplicatedDraft ? (t?.newOrderLabel ?? 'جديدة') : (mode === 'edit' ? (existingOrder?.orderNumber || '-') : (t?.newOrderLabel ?? 'جديدة'))}
{t?.orderDate ?? 'تاريخ الأمر'}: {orderDateLabel}
{t?.currencyLabel ?? 'العملة'}: ( )} />
{!isBaseCurrency && (
{t?.exchangeRateLabel ?? 'سعر الصرف'}: ( )} />
)} {!isBaseCurrency && (
{t?.rateDateLabel ?? 'تاريخ السعر'}: ( )} />
)}
{orderDocuments.length > 0 && (
{(t?.attachedDocuments || 'الوثائق المرفقة')}: {orderDocuments.length}
{orderDocuments.map((doc) => (
{mode === 'edit' && existingOrder?.id ? ( {doc.name} ) : ( {doc.name} )}
))}
)} {/* Document Type Toggle — Shipment Workflow */} {shipmentWorkflowEnabled && (
{t?.documentTypeLabel ?? 'نوع المستند'}:
{documentType === 'shipment' && ( {t?.shipmentNoteLabel ?? 'عند الحفظ: يؤثر على المخزون وينشئ مسودة قيد GRNI للمراجعة'} )}
)} {showOrderHeaderDetails ? (
( {t?.selectParty ?? 'اختر مورداً أو زبوناً...'} ({ id: party.id, label: party.name, description: `(${party.type === 'supplier' ? t?.supplierLabel ?? 'مورد' : t?.customerLabel ?? 'زبون'})`, searchableText: `${party.type} ${party.name}`, }))} onValueChange={(partyId) => { const party = parties.find((entry) => entry.id === partyId); if (!party) return; field.onChange(party.originalId); setSelectedPartyId(party.id); }} footerAction={ } /> )} />
{ const value = String(event.target.value || '').trim(); if (!selectedPartyInfo) { setSupplierInvoiceDuplicateInfo(null); return; } const duplicate = findDuplicateInvoice(selectedPartyInfo.id, value); setSupplierInvoiceDuplicateInfo(duplicate); if (!form.getValues('allowDuplicateInvoice') && duplicate) { setDuplicateInfo(duplicate); setPendingSubmit(form.getValues()); setDuplicateDialogOpen(true); } }, })} /> {supplierInvoiceDuplicateInfo && (

{(t?.duplicateInvoiceStatusHint ?? 'رقم فاتورة المورد موجود مسبقًا. حالة السند: {status}.') .replace('{status}', getOrderStatusLabel(supplierInvoiceDuplicateInfo))}

)} {form.formState.errors.supplierInvoiceNumber?.message ? (

{String(form.formState.errors.supplierInvoiceNumber.message)}

) : null}
( {t?.supplierInvoiceDate ?? 'تاريخ فاتورة المورد'} )} /> {isWarehouseEnabled && ( ( {t?.warehouseLabel ?? 'المستودع'} )} /> )}
) : (
{t?.selectParty ?? 'الطرف'}: {selectedParty?.name || '-'}
{t?.currencyLabel ?? 'العملة'}: {watchedCurrencyCode || '-'}
{t?.warehouseLabel ?? 'المستودع'}: {warehouses.find((w) => w.id === watchedWarehouseId)?.name || '-'}
)}
{isRealEstateEnabled && (

{t?.realEstatePurchaseLinkTitle ?? 'ربط الفاتورة بالمشروع العقاري'}

{t?.realEstatePurchaseLinkDesc ?? 'حدد المبنى أولًا، ثم اختر هل الفاتورة تخص المبنى كاملًا أو ستوزع على أسطر الفاتورة بحسب الطابق أو الجزء.'}

( {t?.realEstateLinkModeLabel ?? 'طريقة الربط'} )} /> ( {t?.realEstateProjectLabel ?? 'المبنى / المشروع'} )} /> {watchedRealEstateLinkMode === 'order' && ( ( {t?.realEstateScopeLabel ?? 'نطاق الفاتورة'} )} /> )} {watchedRealEstateLinkMode !== 'none' && (watchedRealEstateScope === 'project' || watchedRealEstateLinkMode === 'line-items') && ( ( {t?.allocationMethodLabel ?? 'أساس توزيع المصروف المشترك'}

{watchedRealEstateLinkMode === 'line-items' ? (t?.realEstateSharedAllocationHint ?? 'أي سطر تختار له "المبنى كاملًا" سيُعامل كمصروف مشترك ويُوزع بهذه الطريقة.') : (t?.realEstateSharedAllocationHint ?? 'عند اختيار "المبنى كاملًا" تُعامل الفاتورة كمصروف مشترك مثل تبويب التكاليف المشتركة.')}

{watchedRealEstateAllocationMethod === 'area' && (

{selectedProjectAllocationStats.totalArea > 0 ? `${t?.areaAllocationProjectHint ?? 'سيتم الاعتماد على حقل المساحة (م²) لكل وحدة داخل بيانات المشروع.'} ${selectedProjectAllocationStats.totalArea.toFixed(2)} م²` : (t?.areaAllocationMissingHint ?? 'سيتم الاعتماد على حقل المساحة (م²) لكل وحدة، لذا تأكد من تعبئة المساحات داخل التفاصيل الهندسية للمشروع.')}

)} {watchedRealEstateAllocationMethod === 'sale-value' && (

0 ? 'text-emerald-700' : 'text-amber-700'}`}> {selectedProjectAllocationStats.totalSaleValue > 0 ? `${t?.saleValueAllocationProjectHint ?? 'سيتم الاعتماد على القيم البيعية التقديرية للوحدات المسجلة داخل بيانات المشروع.'} ${formatCurrency(selectedProjectAllocationStats.totalSaleValue, currencySymbol)}` : (t?.saleValueAllocationMissingHint ?? 'يلزم تعبئة حقل القيمة البيعية التقديرية داخل تفاصيل وحدات المشروع حتى يعمل التوزيع حسب القيمة البيعية بشكل صحيح.')}

)} {watchedRealEstateAllocationMethod === 'manual-share' && (

{(t?.manualShareProjectHint ?? 'سيتم استخدام نسب التوزيع اليدوية المحفوظة داخل بيانات المشروع.')} {selectedProjectAllocationStats.manualShareTotal.toFixed(2)}%

)} )} /> )} {watchedRealEstateLinkMode === 'order' && watchedRealEstateScope !== 'project' && ( ( {t?.realEstateFloorLabel ?? 'الطابق'} {realEstateFloorOptions.length > 0 ? ( ) : ( )} )} /> )} {watchedRealEstateLinkMode === 'order' && watchedRealEstateScope === 'part' && ( { const partOptions = getRealEstatePartOptions(form.getValues('realEstateFloorLabel')); return ( {t?.realEstatePartLabel ?? 'الجزء / الجهة'} {partOptions.length > 0 ? ( ) : ( )} ); }} /> )}
{watchedRealEstateLinkMode === 'line-items' && (

{t?.realEstateLineItemsHint ?? 'سيظهر عمود جديد داخل الفاتورة لتحديد تبعية كل سطر: المبنى كاملًا، طابق معين، أو جزء من طابق.'}

{lineItemTargetingSummary && ( )}
)}
)} {/* Shipment Linker — Tax Invoice mode */} {shipmentWorkflowEnabled && documentType === 'tax_invoice' && (
{t?.linkedShipmentsLabel ?? 'الارساليات المرتبطة'} {linkedShipmentIds.length > 0 && ( {linkedShipmentIds.length} )}
{/* Linked shipment badges */} {linkedShipmentIds.length > 0 && (
{linkedShipmentIds.map((shipId) => { const shipment = availableShipments.find((s) => s.id === shipId); return ( {shipment ? `#${shipment.orderNumber}` : shipId} ); })}
)} {/* Shipment picker panel */} {shipmentPanelOpen && (
{availableShipments.length === 0 && !isLoadingShipments && (

{t?.noUnlinkedShipments ?? 'لا توجد ارساليات غير مرتبطة لهذا المورد.'}

)} {availableShipments.map((shipment) => { const isLinked = linkedShipmentIds.includes(shipment.id); return ( ); })}
)}
)} {/* Items Section */}
setBarcodeInput(e.target.value)} onKeyDown={(e) => { if (e.key === 'Enter' && barcodeInput.trim()) { e.preventDefault(); handleBarcodeScanned(barcodeInput.trim()); } }} autoFocus placeholder={t?.barcodePlaceholder ?? 'امسح الباركود أو أدخله هنا...'} className="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base text-start ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" />
setAutoUpdateSalePrice(event.target.checked)} />
setShowItemDescriptions(event.target.checked)} />
{isWarehouseEnabled && ( setColumnVisibility((prev) => ({ ...prev, shelf: Boolean(checked) }))} > {t?.shelfLabel ?? 'الرف'} )} setColumnVisibility((prev) => ({ ...prev, discountPercent: Boolean(checked) }))} > {t?.lineDiscountPercent ?? 'خصم %'} setColumnVisibility((prev) => ({ ...prev, discountAmount: Boolean(checked) }))} > {t?.lineDiscountAmount ?? 'خصم'} setColumnVisibility((prev) => ({ ...prev, bonus: Boolean(checked) }))} > {t?.bonus ?? 'بونص'} setColumnVisibility((prev) => ({ ...prev, total: Boolean(checked) }))} > {t?.total ?? 'الإجمالي'}
# {t?.item ?? 'الصنف'} {renderResizeHandle('item')} {hasRealEstateLineColumn && {t?.realEstateTargetColumn ?? 'يتبع إلى'}} {t?.quantity ?? 'الكمية'} {renderResizeHandle('quantity')} {t?.price ?? 'السعر'} {renderResizeHandle('price')} {isShelfColumnVisible && {t?.shelfLabel ?? 'الرف'}{renderResizeHandle('shelf')}} {columnVisibility.discountPercent && {t?.lineDiscountPercent ?? 'خصم %'}{renderResizeHandle('discountPercent')}} {columnVisibility.discountAmount && {t?.lineDiscountAmount ?? 'خصم'}{renderResizeHandle('discountAmount')}} {columnVisibility.bonus && {t?.bonus ?? 'بونص'}{renderResizeHandle('bonus')}} {columnVisibility.total && {t?.total ?? 'الإجمالي'}{renderResizeHandle('total')}} {gridItems.map((item, index) => { const itemCol = editableColumns.item; const quantityCol = editableColumns.quantity; const priceCol = editableColumns.price; const shelfCol = editableColumns.shelf; const discountPercentCol = editableColumns.discountPercent; const discountAmountCol = editableColumns.discountAmount; const bonusCol = editableColumns.bonus; const totalCol = editableColumns.total; const material = materialsById.get(item.materialId); const description = material?.name?.trim(); const itemSymbolName = (material?.itemSymbolName || '').trim(); const rowRealEstateScope = item.realEstateScope || 'project'; const rowWarehouseId = isWarehouseEnabled ? (headerWarehouseId || item.warehouseId || existingOrder?.warehouseId || '') : ''; const rowTargetingIssues = lineItemTargetingIssuesByRow.get(index); const prioritizedRowShelves = isWarehouseEnabled ? getPrioritizedShelves(item.materialId, rowWarehouseId) : []; return ( setActiveGridRowIndex(index)} onDragOver={(event) => event.preventDefault()} onDrop={(event) => { event.preventDefault(); if (draggingRowIndex === null || draggingRowIndex === index) { setDraggingRowIndex(null); return; } moveGridRow(draggingRowIndex, index); setDraggingRowIndex(null); setTimeout(() => focusCell(index, Math.max(0, itemCol)), 0); }} onBlurCapture={(event) => { if (event.currentTarget.contains(event.relatedTarget as Node | null)) { return; } setActiveGridRowIndex((current) => (current === index ? null : current)); }} >
{index + 1}
{hasRealEstateLineColumn && (
{rowRealEstateScope === 'project' && (
{(t?.sharedCostPurchaseHint ?? 'مصروف مشترك')} — {watchedRealEstateAllocationMethod === 'sale-value' ? (t?.allocateBySaleValueLabel ?? 'حسب القيمة البيعية') : watchedRealEstateAllocationMethod === 'manual-share' ? (t?.allocateByManualShareLabel ?? 'حسب النسبة اليدوية') : (t?.allocateByAreaLabel ?? 'حسب المساحة')}
)} {rowRealEstateScope !== 'project' && ( realEstateFloorOptions.length > 0 ? ( ) : ( { const value = event.target.value; setGridItems((prev) => { const next = [...prev]; next[index] = { ...next[index], realEstateProjectId: watchedRealEstateProjectId || '', realEstateProjectName: selectedRealEstateProject?.name || '', realEstateFloorLabel: value, }; return next; }); }} /> ) )} {rowRealEstateScope === 'part' && ( (() => { const partOptions = getRealEstatePartOptions(item.realEstateFloorLabel); return partOptions.length > 0 ? ( ) : ( { const value = event.target.value; setGridItems((prev) => { const next = [...prev]; next[index] = { ...next[index], realEstateProjectId: watchedRealEstateProjectId || '', realEstateProjectName: selectedRealEstateProject?.name || '', realEstatePartLabel: value, }; return next; }); }} /> ); })() )} {rowTargetingIssues && (
{rowTargetingIssues.part ? (t?.realEstatePartRequired ?? 'يجب تحديد الطابق والجزء لهذا السطر.') : rowTargetingIssues.floor ? (t?.realEstateFloorRequired ?? 'يجب تحديد الطابق لهذا السطر.') : rowTargetingIssues.allocation ? (t?.allocationMethodRequired ?? 'يجب تحديد أساس التوزيع لهذا السطر.') : (t?.lineItemNeedsReview ?? 'هذا السطر يحتاج مراجعة قبل الحفظ.')}
)}
)} { const rawValue = normalizeDecimalInput(e.target.value); const parsedValue = Number(rawValue); const nextQuantity = Number.isFinite(parsedValue) && parsedValue > 0 ? parsedValue : 1; setGridItems((prev) => { const currentRow = prev[index]; if (!currentRow || Number(currentRow.quantity) === nextQuantity) return prev; const newItems = [...prev]; newItems[index] = { ...newItems[index], quantity: nextQuantity }; return newItems; }); e.target.value = normalizeDecimalInput(String(nextQuantity)); }} data-cell={`${index}-${quantityCol}`} onFocus={selectAllOnFocus} onMouseDown={ensureSelectOnMouseDown} onKeyDown={(event) => handleInputKeyDown(event as any, index, quantityCol)} /> { const normalizedValue = normalizeDecimalInput(e.target.value); const numericValue = Number(normalizedValue || 0); const nextPrice = Number.isFinite(numericValue) ? Number(numericValue.toFixed(3)) : 0; setGridItems((prev) => { const newItems = [...prev]; if (newItems[index]) newItems[index] = { ...newItems[index], unitPrice: nextPrice }; return newItems; }); handleUnitPriceBlur(item.materialId, nextPrice); e.target.value = formatDecimalForInput(nextPrice, 3); }} onFocus={selectAllOnFocus} onMouseDown={ensureSelectOnMouseDown} onKeyDown={(event) => handleInputKeyDown(event as any, index, priceCol)} data-cell={`${index}-${priceCol}`} /> {isShelfColumnVisible && typeof shelfCol === 'number' && ( )} {columnVisibility.discountPercent && typeof discountPercentCol === 'number' && ( { const normalizedValue = normalizeDecimalInput(e.target.value); setGridItems((prev) => { const newItems = [...prev]; if (newItems[index]) newItems[index] = { ...newItems[index], lineDiscountPercent: Number(normalizedValue || 0) }; return newItems; }); }} data-cell={`${index}-${discountPercentCol}`} onFocus={selectAllOnFocus} onMouseDown={ensureSelectOnMouseDown} onKeyDown={(event) => handleInputKeyDown(event as any, index, discountPercentCol)} /> )} {columnVisibility.discountAmount && typeof discountAmountCol === 'number' && ( { const normalizedValue = normalizeDecimalInput(e.target.value); setGridItems((prev) => { const newItems = [...prev]; if (newItems[index]) newItems[index] = { ...newItems[index], lineDiscountAmount: Number(normalizedValue || 0) }; return newItems; }); }} data-cell={`${index}-${discountAmountCol}`} onFocus={selectAllOnFocus} onMouseDown={ensureSelectOnMouseDown} onKeyDown={(event) => handleInputKeyDown(event as any, index, discountAmountCol)} /> )} {columnVisibility.bonus && typeof bonusCol === 'number' && ( { const normalizedValue = normalizeDecimalInput(e.target.value); setGridItems((prev) => { const newItems = [...prev]; if (newItems[index]) newItems[index] = { ...newItems[index], bonus: Number(normalizedValue || 0) }; return newItems; }); }} data-cell={`${index}-${bonusCol}`} onFocus={selectAllOnFocus} onMouseDown={ensureSelectOnMouseDown} onKeyDown={(event) => handleInputKeyDown(event as any, index, bonusCol)} /> )} {columnVisibility.total && typeof totalCol === 'number' && ( handleLineTotalChange(index, normalizeDecimalInput(e.target.value))} data-cell={`${index}-${totalCol}`} onFocus={selectAllOnFocus} onMouseDown={ensureSelectOnMouseDown} onKeyDown={(event) => handleInputKeyDown(event as any, index, totalCol)} /> )}
{showItemDescriptions && description && ( {description} {itemSymbolName && ( {itemSymbolName} )} )} ); })} {gridItems.length === 0 && ( {t?.noItems ?? 'لم تتم إضافة أي أصناف بعد.'} )}
{t?.itemCount ?? 'عدد الأصناف'}
{itemGridSummary.itemCount}
{t?.quantity ?? 'الكمية'}
{itemGridSummary.totalQuantity.toFixed(2)}
{t?.bonus ?? 'بونص'}
{itemGridSummary.totalBonus.toFixed(2)}
{t?.lineDiscountAmount ?? 'إجمالي الخصم'}
{toEnglishDigits(formatCurrency(itemGridSummary.totalLineDiscount, displayCurrencySymbol))}
{t?.subTotal ?? 'المجموع الفرعي'}
{toEnglishDigits(formatCurrency(itemGridSummary.totalBeforeDiscount, displayCurrencySymbol))}
{form.formState.errors.items?.root && (

{form.formState.errors.items.root.message}

)}
{/* Tax Configuration Section */}
(

{t?.taxSettings ?? 'إعدادات الضريبة'}

{t?.taxMethod ?? 'طريقة حساب الضريبة'}
field.onChange('tax-inclusive')} className="w-4 h-4 cursor-pointer" />
field.onChange('invoice-level')} className="w-4 h-4 cursor-pointer" />
field.onChange('line-level')} className="w-4 h-4 cursor-pointer" />
field.onChange('tax-exempt')} className="w-4 h-4 cursor-pointer" />
{watchedTaxMethod === 'line-level' && (

{t?.lineLevelTaxHelp ?? 'سيتم حساب الضريبة لكل صنف حسب الأولويات: ضريبة الصنف > ضريبة المجموعة > الضريبة الافتراضية'}

)} )} /> {watchedTaxMethod === 'invoice-level' && ( ( {t?.taxRate ?? 'نسبة الضريبة (%)'} )} /> )}
{shipmentWorkflowEnabled && documentType === 'shipment' ? (
{t?.shipmentDocLabel ?? 'ارسالية'}: {t?.shipmentNoPaymentNote ?? 'الارسالية تؤثر على المخزون فقط ولا تتضمن قيداً محاسبياً أو مدفوعات. يمكنك إضافة المدفوعات عند ربط هذه الارسالية بفاتورة ضريبية.'}
) : (

{t?.paymentTabLabel ?? 'الدفع'}

{t?.paymentIntegrationHint ?? 'هذا الدفع خاص بالفاتورة الجاري إنشاؤها، وسيتم ترحيله مع حفظ الفاتورة حسب نوع الترحيل المختار.'}

{t?.paymentMethod ?? 'طريقة الدفع'} {paymentTabMode === 'cash' && ( ( {t?.amountPaid ?? 'المدفوع'} )} /> )}
{(paymentTabMode === 'cash' || paymentTabMode === 'bank_transfer') && (

{Number(watchedAmountPaid || 0) >= grandTotal ? (t?.instantPaymentHint ?? 'تم اختيار دفع فوري كامل.') : Number(watchedAmountPaid || 0) > 0 ? (t?.partialPaymentHint ?? 'تم اختيار دفع جزئي.') : (t?.noImmediatePaymentHint ?? 'لم يتم إدخال مبلغ دفع حتى الآن.')}

{paymentTabMode === 'cash' ? (t?.cashAccountAutoHint ?? 'يتم تحديد حساب الصندوق تلقائيًا من شجرة الحسابات.') : (t?.bankAccountAutoHint ?? 'يتم تحديد حساب البنك تلقائيًا من شجرة الحسابات.')}
)} {paymentTabMode === 'check' && (
{t?.checkSource ?? 'مصدر الشيك'}
{(activeSinglePaymentMethod.checkSource || 'issued') === 'issued' && (
{t?.paymentCheckNumber ?? 'رقم الشيك'} * {t?.paymentBankName ?? 'اسم البنك'} * {t?.paymentCheckDate ?? 'تاريخ الشيك'} * {t?.amount ?? 'المبلغ'} * {t?.currency ?? 'العملة'} {t?.actions ?? 'إجراءات'} { const checkNumber = e.currentTarget.value; setIssuedCheckDraft((prev) => ({ ...prev, checkNumber })); }} /> { const checkDate = e.currentTarget.value; setIssuedCheckDraft((prev) => ({ ...prev, checkDate })); }} /> setIssuedCheckDraft((prev) => ({ ...prev, amount: e.target.value === "" ? 0 : Number(e.target.value) }))} />
{issuedChecks.map((row) => ( {row.checkNumber} {row.bankName} {row.checkDate} {formatCurrency(Number(row.amount || 0), row.currency || watchedCurrencyCode || defaultBaseCurrencyCode)} {row.currency} ))}
)} {(activeSinglePaymentMethod.checkSource || 'issued') === 'incoming' && (
{t?.incomingChecksSelection ?? 'الشيكات الواردة للتجيير'} {t?.incomingChecksTotal ?? 'الإجمالي المختار'}: {formatCurrency(singleIncomingChecksTotal, displayCurrencySymbol)}
{ setPaymentMethods((prev) => { const next = [...prev]; if (!next[0]) return prev; next[0] = { ...next[0], incomingCheckIds: nextIds }; return next; }); }} toCurrencyCode={watchedCurrencyCode || defaultBaseCurrencyCode} convertedDisplayCurrency={displayCurrencySymbol} defaultBaseCurrencyCode={defaultBaseCurrencyCode} convertAmountByRates={convertAmountByRates} t={t} />
)}

{t?.paymentAttachmentHint ?? 'مرفق الشيك اختياري ويمكن إضافته ضمن مرفقات الفاتورة.'}

)} {paymentTabMode === 'credit' && (
{t?.creditPaymentHint ?? 'سيتم تسجيلها على حساب المورد (ذمم) بدون دفع فوري.'}
)} {/* Payment Methods Table */} {paymentTabMode === 'mixed' && (

{t?.paymentMethods ?? 'الدفع المتعدد'}

{paymentMethods.length === 0 ? (

{t?.noPaymentMethods ?? 'لم تتم إضافة طرق دفع بعد.'}

) : (
{t?.method ?? 'الطريقة'}
{t?.amount ?? 'المبلغ'}
{t?.currency ?? 'العملة'}
{t?.checkSource ?? 'المصدر'}
{t?.actions ?? 'الإجراءات'}
{paymentMethods.map((method, idx) => (
{(method.method !== 'check' && method.method !== 'credit') ? ( <> { const updated = [...paymentMethods]; const numValue = e.target.value === "" ? 0 : Number(e.target.value); updated[idx].amount = Number.isNaN(numValue) ? 0 : numValue; setPaymentMethods(updated); e.target.value = updated[idx].amount === 0 ? "" : String(updated[idx].amount); }} onKeyDown={(e) => { if (e.key === 'Enter') e.currentTarget.blur(); }} className="rounded border px-2 py-1 text-xs font-mono" placeholder="0.00" /> ) : ( <>
{method.method === 'check' ? (t?.amountInCheckDetails ?? 'المبلغ من تفاصيل الشيك') : (t?.creditNoImmediatePayment ?? 'لا يوجد مبلغ دفع فوري')}
{method.method === 'check' ? (t?.currencyInCheckDetails ?? 'العملة من البنك المختار') : (t?.creditCurrencyNotRequired ?? 'العملة غير مطلوبة')}
)} {method.method === 'check' && (
)} {method.method !== 'check' &&
}
{method.method === 'credit' && (
{t?.creditPaymentHint ?? 'سيتم تسجيل هذا الجزء على حساب المورد (ذمم) بدون دفع فوري.'}
)} {method.method === 'check' && (method.checkSource || 'issued') === 'issued' && (
{t?.paymentCheckNumber ?? 'رقم الشيك'} * {t?.paymentBankName ?? 'اسم البنك'} * {t?.paymentCheckDate ?? 'تاريخ الشيك'} * {t?.amount ?? 'المبلغ'} * {t?.currency ?? 'العملة'} { const updated = [...paymentMethods]; updated[idx].checkNumber = e.currentTarget.value; setPaymentMethods(updated); }} /> { const updated = [...paymentMethods]; updated[idx].checkDate = e.currentTarget.value; setPaymentMethods(updated); }} /> { const numValue = e.currentTarget.value === "" ? 0 : Number(e.currentTarget.value); const updated = [...paymentMethods]; updated[idx].amount = Number.isNaN(numValue) ? 0 : numValue; setPaymentMethods(updated); e.currentTarget.value = updated[idx].amount === 0 ? "" : String(updated[idx].amount); }} onKeyDown={(e) => { if (e.key === 'Enter') e.currentTarget.blur(); }} />
)} {method.method === 'check' && (method.checkSource || 'issued') === 'incoming' && (
{t?.incomingChecksSelection ?? 'الشيكات الواردة للتجيير'} {t?.incomingChecksTotal ?? 'الإجمالي المختار'}: { formatCurrency( availableIncomingChecks .filter((entry) => (Array.isArray(method.incomingCheckIds) ? method.incomingCheckIds : []).includes(entry.id)) .reduce((sum, entry) => { const amount = Number(entry.amount || 0); const fromCurrency = entry.currency || defaultBaseCurrencyCode; const toCurrency = method.currency || watchedCurrencyCode || defaultBaseCurrencyCode; return sum + convertAmountByRates(amount, fromCurrency, toCurrency); }, 0), method.currency || watchedCurrencyCode || displayCurrencySymbol ) }
{ const updated = [...paymentMethods]; updated[idx].incomingCheckIds = nextIds; setPaymentMethods(updated); }} toCurrencyCode={method.currency || watchedCurrencyCode || defaultBaseCurrencyCode} convertedDisplayCurrency={method.currency || displayCurrencySymbol} defaultBaseCurrencyCode={defaultBaseCurrencyCode} convertAmountByRates={convertAmountByRates} t={t} />
)} ))}
)}
)}
)}

ملاحظات

تُحفظ هذه الملاحظات مع أمر الشراء وتظهر عند فتحه لاحقًا.

(