jason
/
FPSMS-frontend
2
0
Çatalla 0
Kod Konular 0 Değişiklik İstekleri 0 Sürümler 0 Wiki Aktivite
FPSMS-frontend
25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.
899 İşleme
6 Dallar
11 MiB
 
 
Ağaç: 9bd475e306
Dallar Biçim İmleri
${ item.name }
${ searchTerm } dalı oluştur
'9bd475e306'den
${ noResults }
FPSMS-frontend/src/components/InventorySearch/InventoryLotLineTable.tsx

1091 satır
42 KiB
Ham Suçlama Geçmiş 

  1. import { InventoryLotLineResult, InventoryResult } from "@/app/api/inventory";

  2. import { Dispatch, SetStateAction, useCallback, useEffect, useMemo, useRef, useState } from "react";

  3. import SaveIcon from "@mui/icons-material/Save";

  4. import EditIcon from "@mui/icons-material/Edit";

  5. import RestartAltIcon from "@mui/icons-material/RestartAlt";

  6. import { useTranslation } from "react-i18next";

  7. import { Column } from "../SearchResults";

  8. import SearchResults, { defaultPagingController, defaultSetPagingController } from "../SearchResults/SearchResults";

  9. import { arrayToDateString } from "@/app/utils/formatUtil";

  10. import { Box, Card, Checkbox, FormControlLabel, Grid, IconButton, Modal, TextField, Typography, Button, Chip } from "@mui/material";

  11. import useUploadContext from "../UploadProvider/useUploadContext";

  12. import { downloadFile } from "@/app/utils/commonUtil";

  13. import { fetchQrCodeByLotLineId, LotLineToQrcode } from "@/app/api/pdf/actions";

  14. import QrCodeIcon from "@mui/icons-material/QrCode";

  15. import PrintIcon from "@mui/icons-material/Print";

  16. import SwapHoriz from "@mui/icons-material/SwapHoriz";

  17. import CloseIcon from "@mui/icons-material/Close";

  18. import { Autocomplete } from "@mui/material";

  19. import { WarehouseResult } from "@/app/api/warehouse";

  20. import { fetchWarehouseListClient } from "@/app/api/warehouse/client";

  21. import { createStockTransfer } from "@/app/api/inventory/actions";

  22. import { msg, msgError } from "@/components/Swal/CustomAlerts";

  23. import { PrinterCombo } from "@/app/api/settings/printer";

  24. import { printLabelForInventoryLotLine } from "@/app/api/pdf/actions";

  25. import TuneIcon from "@mui/icons-material/Tune"; 

  26. import AddIcon from "@mui/icons-material/Add";

  27. import { Table, TableBody, TableCell, TableHead, TableRow } from "@mui/material";

  28. import DeleteIcon from "@mui/icons-material/Delete";

  29. import { INPUT_DATE_FORMAT } from "@/app/utils/formatUtil";

  30. import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";

  31. import { DatePicker } from "@mui/x-date-pickers/DatePicker";

  32. import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";

  33. import dayjs from "dayjs";

  34. import CheckIcon from "@mui/icons-material/Check";

  35. import { submitStockAdjustment, StockAdjustmentLineRequest } from "@/app/api/stockAdjustment/actions";

  36. 

  37. type AdjustmentEntry = InventoryLotLineResult & { 

  38.   adjustedQty: number; 

  39.   originalQty?: number; 

  40.   productlotNo?: string; 

  41.   dnNo?: string; 

  42.   isNew?: boolean;

  43.   isOpeningInventory?: boolean;

  44.   remarks?: string;

  45. };

  46. 

  47. 

  48. interface Props {

  49.     inventoryLotLines: InventoryLotLineResult[] | null;

  50.     setPagingController: defaultSetPagingController;

  51.     pagingController: typeof defaultPagingController;

  52.     totalCount: number;

  53.     inventory: InventoryResult | null;

  54.     filterLotNo?: string;

  55.     onStockTransferSuccess?: () => void | Promise<void>;

  56.     printerCombo?: PrinterCombo[];

  57.     onStockAdjustmentSuccess?: () => void | Promise<void>;

  58. }

  59. 

  60. const InventoryLotLineTable: React.FC<Props> = ({

  61.   inventoryLotLines, pagingController, setPagingController, totalCount, inventory,

  62.   filterLotNo,

  63.   onStockTransferSuccess, printerCombo = [],

  64.   onStockAdjustmentSuccess,

  65. }) => {

  66.     const { t } = useTranslation(["inventory"]);

  67.     const PRINT_PRINTER_ID_KEY = 'inventoryLotLinePrintPrinterId';

  68.     const { setIsUploading } = useUploadContext();

  69.     const [stockTransferModalOpen, setStockTransferModalOpen] = useState(false);

  70.     const [selectedLotLine, setSelectedLotLine] = useState<InventoryLotLineResult | null>(null);

  71.     const [startLocation, setStartLocation] = useState<string>("");

  72.     const [targetLocation, setTargetLocation] = useState<number | null>(null); // Store warehouse ID instead of code

  73.     const [targetLocationInput, setTargetLocationInput] = useState<string>("");

  74.     const [qtyToBeTransferred, setQtyToBeTransferred] = useState<string>("");

  75.     const [warehouses, setWarehouses] = useState<WarehouseResult[]>([]);

  76.     const [printModalOpen, setPrintModalOpen] = useState(false);

  77.     const [lotLineForPrint, setLotLineForPrint] = useState<InventoryLotLineResult | null>(null);

  78.     const [printPrinter, setPrintPrinter] = useState<PrinterCombo | null>(null);

  79.     const [printQty, setPrintQty] = useState(1);

  80.     const [stockAdjustmentModalOpen, setStockAdjustmentModalOpen] = useState(false);

  81.     const [pendingRemovalLineId, setPendingRemovalLineId] = useState<number | null>(null);

  82.     const [removalReasons, setRemovalReasons] = useState<Record<number, string>>({});

  83.     const [addEntryModalOpen, setAddEntryModalOpen] = useState(false);

  84.     const [addEntryForm, setAddEntryForm] = useState({

  85.         lotNo: '',

  86.         qty: 0,

  87.         expiryDate: '',

  88.         locationId: null as number | null,

  89.         locationInput: '',

  90.         productlotNo: '',

  91.         dnNo: '',

  92.         isOpeningInventory: false,

  93.         remarks: '',

  94.     });

  95.     const originalAdjustmentLinesRef = useRef<AdjustmentEntry[]>([]);

  96.     const [adjustmentEntries, setAdjustmentEntries] = useState<AdjustmentEntry[]>([]);

  97.     useEffect(() => {

  98.         if (stockTransferModalOpen) {

  99.             fetchWarehouseListClient()

  100.                 .then(setWarehouses)

  101.                 .catch(console.error);

  102.         }

  103.     }, [stockTransferModalOpen]);

  104. 

  105.     useEffect(() => {

  106.         if (addEntryModalOpen) {

  107.             fetchWarehouseListClient()

  108.                 .then(setWarehouses)

  109.                 .catch(console.error);

  110.         }

  111.     }, [addEntryModalOpen]);

  112. 

  113.     const availableLotLines = useMemo(() => {

  114.         const base = (inventoryLotLines ?? []).filter((line) => line.status?.toLowerCase() === "available");

  115.         const f = filterLotNo?.trim?.() ? filterLotNo.trim() : '';

  116.         if (!f) return base;

  117.         return base.filter((line) => line.lotNo === f);

  118.     }, [inventoryLotLines, filterLotNo]);

  119.     const originalQty = selectedLotLine?.availableQty || 0;

  120.     const validatedTransferQty = useMemo(() => {

  121.         const raw = (qtyToBeTransferred ?? '').replace(/\D/g, '');

  122.         if (raw === '') return 0;

  123. 

  124.         const parsed = parseInt(raw, 10);

  125.         if (Number.isNaN(parsed)) return 0;

  126.         if (originalQty < 1) return 0;

  127. 

  128.         const minClamped = Math.max(1, parsed);

  129.         return Math.min(minClamped, originalQty);

  130.     }, [qtyToBeTransferred, originalQty]);

  131.     const remainingQty = originalQty - validatedTransferQty;

  132. 

  133. const prevAdjustmentModalOpenRef = useRef(false);

  134. 

  135.     useEffect(() => {

  136.         const wasOpen = prevAdjustmentModalOpenRef.current;

  137.         prevAdjustmentModalOpenRef.current = stockAdjustmentModalOpen;

  138. 

  139.         if (stockAdjustmentModalOpen && inventory) {

  140.             // Only init when we transition to open (modal just opened)

  141.             if (!wasOpen) {

  142.                 const initial = (availableLotLines ?? []).map((line) => ({

  143.                     ...line,

  144.                     adjustedQty: line.availableQty ?? 0,

  145.                     originalQty: line.availableQty ?? 0,

  146.                     remarks: '',

  147.                 }));

  148.                 setAdjustmentEntries(initial);

  149.                 originalAdjustmentLinesRef.current = initial;

  150.             }

  151.             setPendingRemovalLineId(null);

  152.             setRemovalReasons({});

  153.         }

  154.     }, [stockAdjustmentModalOpen, inventory, availableLotLines]);

  155. 

  156.     const handleAdjustmentReset = useCallback(() => {

  157. 

  158.         setPendingRemovalLineId(null);

  159.         setRemovalReasons({});

  160.         setAdjustmentEntries(

  161.             (availableLotLines ?? []).map((line) => ({

  162.             ...line,

  163.             adjustedQty: line.availableQty ?? 0,

  164.             originalQty: line.availableQty ?? 0,

  165.             remarks: '',

  166.             }))

  167.         );

  168.     }, [availableLotLines]);

  169. 

  170.     const handleAdjustmentQtyChange = useCallback((lineId: number, value: number) => {

  171.         setAdjustmentEntries((prev) =>

  172.             prev.map((line) =>

  173.             line.id === lineId ? { ...line, adjustedQty: Math.max(0, value) } : line

  174.             )

  175.         );

  176.     }, []);

  177. 

  178.     const handleAdjustmentRemarksChange = useCallback((lineId: number, value: string) => {

  179.         setAdjustmentEntries((prev) =>

  180.             prev.map((line) =>

  181.                 line.id === lineId ? { ...line, remarks: value } : line

  182.             )

  183.         );

  184.     }, []);

  185. 

  186.     const handleRemoveAdjustmentLine = useCallback((lineId: number) => {

  187.         setAdjustmentEntries((prev) => prev.filter((line) => line.id !== lineId));

  188.     }, []);

  189. 

  190.     const handleRemoveClick = useCallback((lineId: number) => {

  191.     setPendingRemovalLineId((prev) => (prev === lineId ? null : lineId));

  192.     }, []);

  193. 

  194.     const handleRemovalReasonChange = useCallback((lineId: number, value: string) => {

  195.     setRemovalReasons((prev) => ({ ...prev, [lineId]: value }));

  196.     }, []);

  197. 

  198.     const handleConfirmRemoval = useCallback((lineId: number) => {

  199.     setAdjustmentEntries((prev) => prev.filter((line) => line.id !== lineId));

  200.     setPendingRemovalLineId(null);

  201.     }, []);

  202. 

  203.     const handleCancelRemoval = useCallback(() => {

  204.     setPendingRemovalLineId(null);

  205.     }, []);

  206.     

  207.     const hasAdjustmentChange = useMemo(() => {

  208.         const original = originalAdjustmentLinesRef.current;

  209.         const current = adjustmentEntries;

  210.         if (original.length !== current.length) return true;

  211.         const origById = new Map(original.map((line) => [line.id, { adjustedQty: line.adjustedQty ?? 0, remarks: line.remarks ?? '' }]));

  212.         for (const line of current) {

  213.             const o = origById.get(line.id);

  214.             if (!o) return true;

  215.             if (o.adjustedQty !== (line.adjustedQty ?? 0) || (o.remarks ?? '') !== (line.remarks ?? '')) return true;

  216.         }

  217.         return false;

  218.     }, [adjustmentEntries]);

  219. 

  220.     const toApiLine = useCallback((line: AdjustmentEntry, itemCode: string): StockAdjustmentLineRequest => {

  221.         const [y, m, d] = Array.isArray(line.expiryDate) ? line.expiryDate : [];

  222.         const expiryDate = y != null && m != null && d != null

  223.             ? `${y}-${String(m).padStart(2, '0')}-${String(d).padStart(2, '0')}`

  224.             : '';

  225.         return {

  226.             id: line.id,

  227.             lotNo: line.lotNo ?? null,

  228.             adjustedQty: line.adjustedQty ?? 0,

  229.             productlotNo: line.productlotNo ?? null,

  230.             dnNo: line.dnNo ?? null,

  231.             isOpeningInventory: line.isOpeningInventory ?? false,

  232.             isNew: line.isNew ?? false,

  233.             itemId: line.item?.id ?? 0,

  234.             itemNo: line.item?.code ?? itemCode,

  235.             expiryDate,

  236.             warehouseId: line.warehouse?.id ?? 0,

  237.             uom: line.uom ?? null,

  238.         };

  239.     }, []);

  240. 

  241.     const handleAdjustmentSave = useCallback(async () => {

  242.         if (!inventory) return;

  243.         const itemCode = inventory.itemCode;

  244.         const originalLines = originalAdjustmentLinesRef.current.map((line) => toApiLine(line, itemCode));

  245.         const currentLines = adjustmentEntries.map((line) => toApiLine(line, itemCode));

  246.         try {

  247.             setIsUploading(true);

  248.             await submitStockAdjustment({

  249.                 itemId: inventory.itemId,

  250.                 originalLines,

  251.                 currentLines,

  252.             });

  253.             msg(t("Saved successfully"));

  254.             setStockAdjustmentModalOpen(false);

  255.             await onStockAdjustmentSuccess?.();

  256.         } catch (e: unknown) {

  257.             const message = e instanceof Error ? e.message : String(e);

  258.             msgError(message || t("Save failed"));

  259.         } finally {

  260.             setIsUploading(false);

  261.         }

  262.     }, [adjustmentEntries, inventory, t, toApiLine, onStockAdjustmentSuccess]);

  263. 

  264.     const handleOpenAddEntry = useCallback(() => {

  265.         setAddEntryForm({

  266.             lotNo: '',

  267.             qty: 0,

  268.             expiryDate: '',

  269.             locationId: null,

  270.             locationInput: '',

  271.             productlotNo: '',

  272.             dnNo: '',

  273.             isOpeningInventory: false,

  274.             remarks: '',

  275.         });

  276.         setAddEntryModalOpen(true);

  277.     }, []);

  278. 

  279.     const handleAddEntrySubmit = useCallback(() => {

  280.         if (addEntryForm.qty < 0 || !addEntryForm.expiryDate || !addEntryForm.locationId || !inventory) return;

  281.         const warehouse = warehouses.find(w => w.id === addEntryForm.locationId);

  282.         if (!warehouse) return;

  283.         const [y, m, d] = addEntryForm.expiryDate.split('-').map(Number);

  284.         const newEntry: AdjustmentEntry = {

  285.             id: -Date.now(),

  286.             lotNo: addEntryForm.lotNo.trim() || '',

  287.             item: { id: inventory.itemId, code: inventory.itemCode, name: inventory.itemName, type: inventory.itemType },

  288.             warehouse: { id: warehouse.id, code: warehouse.code, name: warehouse.name },

  289.             inQty: 0, outQty: 0, holdQty: 0,

  290.             expiryDate: [y, m, d],

  291.             status: 'available',

  292.             availableQty: addEntryForm.qty,

  293.             uom: inventory.uomUdfudesc || inventory.uomShortDesc || inventory.uomCode,

  294.             qtyPerSmallestUnit: inventory.qtyPerSmallestUnit ?? 1,

  295.             baseUom: inventory.baseUom || '',

  296.             stockInLineId: 0,

  297.             originalQty: 0,

  298.             adjustedQty: addEntryForm.qty,

  299.             productlotNo: addEntryForm.productlotNo.trim() || undefined,

  300.             dnNo: addEntryForm.dnNo.trim() || undefined,

  301.             isNew: true,

  302.             isOpeningInventory: addEntryForm.isOpeningInventory,

  303.             remarks: addEntryForm.remarks?.trim() ?? '',

  304.         };

  305.         setAdjustmentEntries(prev => [...prev, newEntry]);

  306.         setAddEntryModalOpen(false);

  307.     }, [addEntryForm, inventory, warehouses]);

  308. 

  309.     const downloadQrCode = useCallback(async (lotLineId: number) => {

  310.       setIsUploading(true);

  311.       // const postData = { stockInLineIds: [42,43,44] };

  312.       const postData: LotLineToQrcode = {

  313.         inventoryLotLineId: lotLineId

  314.       }

  315.       const response = await fetchQrCodeByLotLineId(postData);

  316.       if (response) {

  317.         downloadFile(new Uint8Array(response.blobValue), response.filename!);

  318.       }

  319.       setIsUploading(false);

  320.     }, [setIsUploading]);

  321.     

  322.     const handleStockTransfer = useCallback(

  323.       (lotLine: InventoryLotLineResult) => {

  324.         setSelectedLotLine(lotLine);

  325.         setStockTransferModalOpen(true);

  326.         setStartLocation(lotLine.warehouse.code || "");

  327.         setTargetLocation(null);

  328.         setTargetLocationInput("");

  329.         setQtyToBeTransferred("");

  330.       },

  331.       [],

  332.     );

  333. 

  334.     const handlePrintClick = useCallback((lotLine: InventoryLotLineResult) => {

  335.         setLotLineForPrint(lotLine);

  336.         const labelPrinters = (printerCombo || []).filter(p => p.type === 'Label');

  337.         const savedId = typeof sessionStorage !== 'undefined' ? sessionStorage.getItem(PRINT_PRINTER_ID_KEY) : null;

  338.         const savedPrinter = savedId ? labelPrinters.find(p => p.id === Number(savedId)) : null;

  339.         setPrintPrinter(savedPrinter ?? labelPrinters[0] ?? null);

  340.         setPrintQty(1);

  341.         setPrintModalOpen(true);

  342.     }, [printerCombo]);

  343. 

  344.     const handlePrintConfirm = useCallback(async () => {

  345.     if (!lotLineForPrint || !printPrinter) return;

  346.     try {

  347.         setIsUploading(true);

  348.         await printLabelForInventoryLotLine({

  349.         inventoryLotLineId: lotLineForPrint.id,

  350.         printerId: printPrinter.id,

  351.         printQty,

  352.         });

  353.         msg(t("Print sent"));

  354.         setPrintModalOpen(false);

  355.     } catch (e: any) {

  356.         msgError(e?.message ?? t("Print failed"));

  357.     } finally {

  358.         setIsUploading(false);

  359.     }

  360.     }, [lotLineForPrint, printPrinter, printQty, setIsUploading, t]);

  361. 

  362.     const onDetailClick = useCallback(

  363.       (lotLine: InventoryLotLineResult) => {

  364.         downloadQrCode(lotLine.id)

  365.         // lot line id to find stock in line

  366.       },

  367.       [downloadQrCode],

  368.     );

  369.     const columns = useMemo<Column<InventoryLotLineResult>[]>(

  370.         () => [

  371.             // {

  372.             //     name: "item",

  373.             //     label: t("Code"),

  374.             //     renderCell: (params) => {

  375.             //         return params.item.code;

  376.             //     },

  377.             // },

  378.             // {

  379.             //     name: "item",

  380.             //     label: t("Name"),

  381.             //     renderCell: (params) => {

  382.             //         return params.item.name;

  383.             //     },

  384.             // },

  385.             {

  386.                 name: "lotNo",

  387.                 label: t("Lot No"),

  388.             },

  389.             // {

  390.             //     name: "item",

  391.             //     label: t("Type"),

  392.             //     renderCell: (params) => {

  393.             //         return t(params.item.type);

  394.             //     },

  395.             // },

  396.             {

  397.                 name: "availableQty",

  398.                 label: t("Available Qty"),

  399.                 align: "right",

  400.                 headerAlign: "right",

  401.                 type: "integer",

  402.             },

  403.             {

  404.                 name: "uom",

  405.                 label: t("Stock UoM"),

  406.                 align: "left",

  407.                 headerAlign: "left",

  408.             },

  409.             // {

  410.             //     name: "qtyPerSmallestUnit",

  411.             //     label: t("Available Qty Per Smallest Unit"),

  412.             //     align: "right",

  413.             //     headerAlign: "right",

  414.             //     type: "integer",

  415.             // },

  416.             // {

  417.             //     name: "baseUom",

  418.             //     label: t("Base UoM"),

  419.             //     align: "left",

  420.             //     headerAlign: "left",

  421.             // },

  422.             {

  423.                 name: "expiryDate",

  424.                 label: t("Expiry Date"),

  425.                 renderCell: (params) => {

  426.                     return arrayToDateString(params.expiryDate)

  427.                 },

  428.             },

  429.             {

  430.                 name: "warehouse",

  431.                 label: t("Warehouse"),

  432.                 renderCell: (params) => {

  433.                     return `${params.warehouse.code}`

  434.                 },

  435.             },

  436.             {

  437.                 name: "id",

  438.                 label: t("Download QR Code"),

  439.                 onClick: onDetailClick,

  440.                 buttonIcon: <QrCodeIcon />,

  441.                 align: "center",

  442.                 headerAlign: "center",

  443.             },

  444.             {

  445.                 name: "id",

  446.                 label: t("Print QR Code"),

  447.                 onClick: handlePrintClick,

  448.                 buttonIcon: <PrintIcon />,

  449.                 align: "center",

  450.                 headerAlign: "center",

  451.             },

  452.             {

  453.                 name: "id",

  454.                 label: t("Stock Transfer"),

  455.                 onClick: handleStockTransfer,

  456.                 buttonIcon: <SwapHoriz />,

  457.                 align: "center",

  458.                 headerAlign: "center",

  459.             },

  460.             // {

  461.             //     name: "status",

  462.             //     label: t("Status"),

  463.             //     type: "icon",

  464.             //     icons: {

  465.             //         available: <CheckCircleOutline fontSize="small"/>,

  466.             //         unavailable: <DoDisturb fontSize="small"/>,

  467.             //     },

  468.             //     colors: {

  469.             //         available: "success",

  470.             //         unavailable: "error",

  471.             //     }

  472.             // },

  473.         ],

  474.         [t, onDetailClick, downloadQrCode, handleStockTransfer, handlePrintClick],

  475.     );

  476. 

  477.     

  478. 

  479.     const handleCloseStockTransferModal = useCallback(() => {

  480.     setStockTransferModalOpen(false);

  481.     setSelectedLotLine(null);

  482.     setStartLocation("");

  483.     setTargetLocation(null);

  484.     setTargetLocationInput("");

  485.     setQtyToBeTransferred("");

  486.     }, []);

  487. 

  488.     const handleSubmitStockTransfer = useCallback(async () => {

  489.     if (!selectedLotLine || !targetLocation || validatedTransferQty < 1 || validatedTransferQty > originalQty) {

  490.         return;

  491.     }

  492. 

  493.     try {

  494.         setIsUploading(true);

  495.         

  496.         const request = {

  497.         inventoryLotLineId: selectedLotLine.id,

  498.         transferredQty: validatedTransferQty,

  499.         warehouseId: targetLocation, // targetLocation now contains warehouse ID

  500.         };

  501. 

  502.         const response = await createStockTransfer(request);

  503.         

  504.         if (response && response.type === "success") {

  505.         msg(t("Stock transfer successful"));

  506.         handleCloseStockTransferModal();

  507.         await onStockTransferSuccess?.();

  508.         } else {

  509.         throw new Error(response?.message || t("Failed to transfer stock"));

  510.         }

  511.     } catch (error: any) {

  512.         console.error("Error transferring stock:", error);

  513.         msgError(error?.message || t("Failed to transfer stock. Please try again."));

  514.     } finally {

  515.         setIsUploading(false);

  516.     }

  517. }, [selectedLotLine, targetLocation, validatedTransferQty, originalQty, handleCloseStockTransferModal, setIsUploading, t, onStockTransferSuccess]);

  518. 

  519.     return <>

  520. <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, flexWrap: 'wrap', mb: 2 }}>

  521.   <Typography variant="h6">

  522.     {inventory ? `${t("Item selected")}: ${inventory.itemCode} | ${inventory.itemName} (${t(inventory.itemType)})` : t("No items are selected yet.")}

  523.   </Typography>

  524. {inventory && (

  525.   <Chip

  526.     icon={<TuneIcon />}

  527.     label={t("Stock Adjustment")}

  528.     onClick={() => setStockAdjustmentModalOpen(true)}

  529.     sx={{

  530.       cursor: 'pointer',

  531.       height: 30,

  532.       fontWeight: 'bold',

  533.       '& .MuiChip-label': {

  534.         fontSize: '0.875rem',

  535.         fontWeight: 'bold',

  536.       },

  537.       '& .MuiChip-icon': {

  538.         fontSize: '1rem',

  539.       },

  540.     }}

  541.   />

  542. )}

  543. </Box>

  544.     

  545.     <SearchResults<InventoryLotLineResult>

  546.         items={availableLotLines}

  547.         columns={columns}

  548.         pagingController={pagingController}

  549.         setPagingController={setPagingController}

  550.         totalCount={totalCount}

  551.     />

  552.     

  553.     <Modal

  554.       open={stockTransferModalOpen}

  555.       onClose={handleCloseStockTransferModal}

  556.       sx={{

  557.         display: 'flex',

  558.         alignItems: 'center',

  559.         justifyContent: 'center',

  560.       }}

  561.     >

  562.       <Card

  563.         sx={{

  564.           position: 'relative',

  565.           width: '95%',

  566.           maxWidth: '1200px',

  567.           maxHeight: '90vh',

  568.           overflow: 'auto',

  569.           p: 3,

  570.         }}

  571.       >

  572.         <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 2 }}>

  573.           <Typography variant="h6">

  574.             {inventory && selectedLotLine 

  575.               ? `${inventory.itemCode} ${inventory.itemName} (${selectedLotLine.lotNo})`

  576.               : t("Stock Transfer")

  577.             }

  578.           </Typography>

  579.           <IconButton onClick={handleCloseStockTransferModal}>

  580.             <CloseIcon />

  581.           </IconButton>

  582.         </Box>

  583.         <Grid container spacing={1} sx={{ mt: 2 }}>

  584.         <Grid item xs={5.5}>

  585.             <TextField

  586.                 label={t("Start Location")}

  587.                 fullWidth

  588.                 variant="outlined"

  589.                 value={startLocation}

  590.                 disabled

  591.                 InputLabelProps={{

  592.                     shrink: !!startLocation,

  593.                     sx: { fontSize: "0.9375rem" },

  594.                 }}

  595.             />

  596.         </Grid>

  597.         <Grid item xs={1} sx={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}>

  598.             <Typography variant="body1">{t("to")}</Typography>

  599.         </Grid>

  600.         <Grid item xs={5.5}>

  601.         <Autocomplete

  602.         options={warehouses.filter(w => w.code !== startLocation)}

  603.         getOptionLabel={(option) => option.code || ""}

  604.         value={targetLocation ? warehouses.find(w => w.id === targetLocation) || null : null}

  605.         inputValue={targetLocationInput}

  606.         onInputChange={(event, newInputValue) => {

  607.             setTargetLocationInput(newInputValue);

  608.             if (targetLocation && newInputValue !== warehouses.find(w => w.id === targetLocation)?.code) {

  609.             setTargetLocation(null);

  610.             }

  611.         }}

  612.         onChange={(event, newValue) => {

  613.             if (newValue) {

  614.             setTargetLocation(newValue.id);

  615.             setTargetLocationInput(newValue.code);

  616.             } else {

  617.             setTargetLocation(null);

  618.             setTargetLocationInput("");

  619.             }

  620.         }}

  621.         filterOptions={(options, { inputValue }) => {

  622.             if (!inputValue || inputValue.trim() === "") return options;

  623.             const searchTerm = inputValue.toLowerCase().trim();

  624.             return options.filter((option) =>

  625.             (option.code || "").toLowerCase().includes(searchTerm) ||

  626.             (option.name || "").toLowerCase().includes(searchTerm) ||

  627.             (option.description || "").toLowerCase().includes(searchTerm)

  628.             );

  629.         }}

  630.         isOptionEqualToValue={(option, value) => option.id === value.id}

  631.         autoHighlight={false}

  632.         autoSelect={false}

  633.         clearOnBlur={false}

  634.         renderOption={(props, option) => (

  635.             <li {...props}>

  636.             {option.code}

  637.             </li>

  638.         )}

  639.         renderInput={(params) => (

  640.             <TextField

  641.             {...params}

  642.             label={t("Target Location")}

  643.             variant="outlined"

  644.             fullWidth

  645.             InputLabelProps={{

  646.                 shrink: !!targetLocation || !!targetLocationInput,

  647.                 sx: { fontSize: "0.9375rem" },

  648.             }}

  649.             />

  650.         )}

  651.         />

  652.         </Grid>

  653.         </Grid>

  654.         <Grid container spacing={1} sx={{ mt: 2 }}>

  655.             <Grid item xs={2}>

  656.                 <TextField

  657.                     label={t("Original Qty")}

  658.                     fullWidth

  659.                     variant="outlined"

  660.                     value={originalQty}

  661.                     disabled

  662.                     InputLabelProps={{

  663.                         shrink: true,

  664.                         sx: { fontSize: "0.9375rem" },

  665.                     }}

  666.                 />

  667.             </Grid>

  668.             <Grid item xs={1} sx={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}>

  669.                 <Typography variant="body1">-</Typography>

  670.             </Grid>

  671.             <Grid item xs={2}>

  672.                 <TextField

  673.                     label={t("Qty To Be Transferred")}

  674.                     fullWidth

  675.                     variant="outlined"

  676.                     type="text"

  677.                     inputMode="numeric"

  678.                     value={qtyToBeTransferred}

  679.                     onChange={(e) => {

  680.                         const raw = e.target.value.replace(/\D/g, '');

  681.                         if (raw === '') {

  682.                             setQtyToBeTransferred('');

  683.                             return;

  684.                         }

  685.                         const parsed = parseInt(raw, 10);

  686.                         if (Number.isNaN(parsed)) {

  687.                             setQtyToBeTransferred('');

  688.                             return;

  689.                         }

  690.                         if (originalQty < 1) {

  691.                             setQtyToBeTransferred('');

  692.                             return;

  693.                         }

  694.                         const clamped = Math.min(Math.max(1, parsed), originalQty);

  695.                         setQtyToBeTransferred(String(clamped));

  696.                     }}

  697.                     onFocus={(e) => (e.target as HTMLInputElement).select()}

  698.                     inputProps={{ pattern: "[0-9]*" }}

  699.                     InputLabelProps={{

  700.                         shrink: true,

  701.                         sx: { fontSize: "0.9375rem" },

  702.                     }}

  703.                 />

  704.             </Grid>

  705.             <Grid item xs={1} sx={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}>

  706.                 <Typography variant="body1">=</Typography>

  707.             </Grid>

  708.             <Grid item xs={2}>

  709.                 <TextField

  710.                     label={t("Remaining Qty")}

  711.                     fullWidth

  712.                     variant="outlined"

  713.                     value={remainingQty}

  714.                     disabled

  715.                     InputLabelProps={{

  716.                         shrink: true,

  717.                         sx: { fontSize: "0.9375rem" },

  718.                     }}

  719.                 />

  720.             </Grid>

  721.             <Grid item xs={2}>

  722.                 <TextField

  723.                     label={t("Stock UoM")}

  724.                     fullWidth

  725.                     variant="outlined"

  726.                     value={selectedLotLine?.uom || ""}

  727.                     disabled

  728.                     InputLabelProps={{

  729.                         shrink: true,

  730.                         sx: { fontSize: "0.9375rem" },

  731.                     }}

  732.                 />

  733.             </Grid>

  734.             <Grid item xs={2} sx={{ display: 'flex', alignItems: 'center' }}>

  735.                 <Button

  736.                     variant="contained"

  737.                     fullWidth

  738.                     sx={{ 

  739.                         height: '56px',

  740.                         fontSize: '0.9375rem',

  741.                     }}

  742.                     onClick={handleSubmitStockTransfer}

  743.                     disabled={!selectedLotLine || !targetLocation || validatedTransferQty < 1 || validatedTransferQty > originalQty}

  744.                 >

  745.                     {t("Submit")}

  746.                 </Button>

  747.             </Grid>

  748.         </Grid>

  749.       </Card> 

  750.     </Modal>

  751. 

  752. <Modal

  753.   open={printModalOpen}

  754.   onClose={() => setPrintModalOpen(false)}

  755.   sx={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}

  756. >

  757.   <Card sx={{ position: 'relative', minWidth: 320, maxWidth: 480, p: 3 }}>

  758.     <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 2 }}>

  759.       <Typography variant="h6">{t("Print QR Code")}</Typography>

  760.       <IconButton onClick={() => setPrintModalOpen(false)}><CloseIcon /></IconButton>

  761.     </Box>

  762.     <Grid container spacing={2}>

  763.       <Grid item xs={12}>

  764.         <Autocomplete

  765.           options={(printerCombo || []).filter(printer => printer.type === 'Label')}

  766.           getOptionLabel={(opt) => opt.name ?? opt.label ?? opt.code ?? `Printer ${opt.id}`}

  767.           value={printPrinter}

  768.           onChange={(_, v) => {

  769.             setPrintPrinter(v);

  770.             if (typeof sessionStorage !== 'undefined') {

  771.               if (v?.id != null) sessionStorage.setItem(PRINT_PRINTER_ID_KEY, String(v.id));

  772.               else sessionStorage.removeItem(PRINT_PRINTER_ID_KEY);

  773.             }

  774.           }}

  775.           renderInput={(params) => <TextField {...params} label={t("Printer")} />}

  776.         />

  777.       </Grid>

  778.       <Grid item xs={12}>

  779.         <TextField

  780.           label={t("Print Qty")}

  781.           type="number"

  782.           value={printQty}

  783.           onChange={(e) => setPrintQty(Math.max(1, parseInt(e.target.value) || 1))}

  784.           inputProps={{ min: 1 }}

  785.           fullWidth

  786.         />

  787.       </Grid>

  788.       <Grid item xs={12}>

  789.         <Button variant="contained" fullWidth onClick={handlePrintConfirm} disabled={!printPrinter}>

  790.           {t("Print")}

  791.         </Button>

  792.       </Grid>

  793.     </Grid>

  794.   </Card>

  795. </Modal>

  796. <Modal

  797.   open={stockAdjustmentModalOpen}

  798.   onClose={() => setStockAdjustmentModalOpen(false)}

  799.   sx={{

  800.     display: 'flex',

  801.     alignItems: 'center',

  802.     justifyContent: 'center',

  803.   }}

  804. >

  805.   <Card

  806.     sx={{

  807.     position: 'relative',

  808.     width: '95%',

  809.     maxWidth: '1400px',

  810.     maxHeight: '92vh',

  811.     overflow: 'auto',

  812.     p: 3,

  813.     }}

  814.   >

  815.     <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 2 }}>

  816.     <Typography variant="h6">

  817. {inventory

  818.   ? `${t("Edit mode")}: ${inventory.itemCode} ${inventory.itemName}`

  819.   : t("Stock Adjustment")

  820. }

  821.     </Typography>

  822.       <IconButton onClick={() => setStockAdjustmentModalOpen(false)}>

  823.         <CloseIcon />

  824.       </IconButton>

  825.     </Box>

  826. <Box sx={{ display: 'flex', gap: 1, mb: 2 }}>

  827.     <Button

  828.     variant="contained"

  829.     startIcon={<AddIcon />}

  830.     onClick={handleOpenAddEntry}

  831.     >

  832.     {t("Add entry")}

  833.     </Button>

  834.   <Button

  835.     variant="outlined"

  836.     startIcon={<RestartAltIcon />}

  837.     onClick={handleAdjustmentReset}

  838.   >

  839.     {t("Reset")}

  840.   </Button>

  841.     <Button

  842.     variant="contained"

  843.     color="primary"

  844.     startIcon={<SaveIcon />}

  845.     onClick={handleAdjustmentSave}

  846.     disabled={!hasAdjustmentChange}

  847.     >

  848.     {t("Save")}

  849.     </Button>

  850. </Box>

  851. 

  852. {/* List view */}

  853. <Box sx={{ overflow: 'auto' }}>

  854.   <Table size="small">

  855.     <TableHead>

  856.       <TableRow>

  857.         <TableCell>{t("Lot No")}</TableCell>

  858.         <TableCell align="right">{t("Original Qty")}</TableCell>

  859.         <TableCell align="right">{t("Adjusted Qty")}</TableCell>

  860.         <TableCell align="right" sx={{ minWidth: 100 }}>{t("Difference")}</TableCell>

  861.         <TableCell>{t("Stock UoM")}</TableCell>

  862.         <TableCell>{t("Expiry Date")}</TableCell>

  863.         <TableCell>{t("Location")}</TableCell>

  864.         <TableCell>{t("Remarks")}</TableCell>

  865.         <TableCell align="center" sx={{ minWidth: 240 }}>{t("Action")}</TableCell>

  866.       </TableRow>

  867.     </TableHead>

  868.     <TableBody>

  869.       {adjustmentEntries.map((line) => (

  870.         <TableRow

  871.         key={line.id}

  872.         sx={{

  873.             backgroundColor: pendingRemovalLineId === line.id ? 'action.hover' : undefined,

  874.         }}

  875.         >

  876.             <TableCell>

  877.               <Box component="span" sx={{ display: 'flex', flexDirection: 'column', gap: 0.25 }}>

  878.                 <span>

  879.                   {line.lotNo?.trim() ? line.lotNo : t("No lot no entered, will be generated by system.")}

  880.                   {line.isOpeningInventory && ` (${t("Opening Inventory")})`}

  881.                 </span>

  882.                 {line.productlotNo && <span>{t("productLotNo")}: {line.productlotNo}</span>}

  883.                 {line.dnNo && <span>{t("dnNo")}: {line.dnNo}</span>}

  884.               </Box>

  885.             </TableCell>

  886.             <TableCell align="right">{line.originalQty ?? 0}</TableCell>

  887.             <TableCell align="right">

  888.               <TextField

  889.                 type="text"

  890.                 inputMode="numeric"

  891.                 value={String(line.adjustedQty)}

  892.                 onChange={(e) => {

  893.                   const raw = e.target.value.replace(/\D/g, '');

  894.                   if (raw === '') {

  895.                     handleAdjustmentQtyChange(line.id, 0);

  896.                     return;

  897.                   }

  898.                   const num = parseInt(raw, 10);

  899.                   if (!Number.isNaN(num) && num >= 0) handleAdjustmentQtyChange(line.id, num);

  900.                 }}

  901.                 inputProps={{ style: { textAlign: 'right' } }}

  902.                 size="small"

  903.                 sx={{

  904.                   width: 120,

  905.                   '& .MuiInputBase-root': {

  906.                     display: 'flex',

  907.                     alignItems: 'center',

  908.                     height: 56,

  909.                   },

  910.                   '& .MuiInputBase-input': {

  911.                     fontSize: 16,

  912.                     textAlign: 'right',

  913.                     height: 40,

  914.                     lineHeight: '40px',

  915.                     paddingTop: 0,

  916.                     paddingBottom: 0,

  917.                     boxSizing: 'border-box',

  918.                     MozAppearance: 'textfield',

  919.                   },

  920.                   '& .MuiInputBase-input::-webkit-outer-spin-button': {

  921.                     WebkitAppearance: 'none',

  922.                     margin: 0,

  923.                   },

  924.                   '& .MuiInputBase-input::-webkit-inner-spin-button': {

  925.                     WebkitAppearance: 'none',

  926.                     margin: 0,

  927.                   },

  928.                 }}

  929.               />

  930.             </TableCell>

  931.             <TableCell align="right" sx={{ minWidth: 100, fontWeight: 700 }}>

  932.             {(() => {

  933.                 const diff = line.adjustedQty - (line.originalQty ?? 0);

  934.                 const text = diff > 0 ? `+${diff}` : diff < 0 ? `${diff}` : '±0';

  935.                 const color = diff > 0 ? 'success.main' : diff < 0 ? 'error.main' : 'text.secondary';

  936.                 return <Box component="span" sx={{ color }}>{text}</Box>;

  937.             })()}

  938.             </TableCell>

  939.             <TableCell>{line.uom}</TableCell>

  940.           <TableCell>{arrayToDateString(line.expiryDate)}</TableCell>

  941.           <TableCell>{line.warehouse?.code ?? ""}</TableCell>

  942.             <TableCell>

  943.             {pendingRemovalLineId === line.id ? (

  944.                 <TextField

  945.                     size="small"

  946.                     placeholder={t("Reason for removal")}

  947.                     value={removalReasons[line.id] ?? ""}

  948.                     onChange={(e) => handleRemovalReasonChange(line.id, e.target.value)}

  949.                     sx={{

  950.                     width: 160,

  951.                     maxWidth: '100%',

  952.                     '& .MuiInputBase-root': {

  953.                     display: 'flex',

  954.                     alignItems: 'center',

  955.                     height: 56,

  956.                     },

  957.                     '& .MuiInputBase-input': {

  958.                     fontSize: '1rem',

  959.                     height: 40,

  960.                     lineHeight: '40px',

  961.                     paddingTop: 0,

  962.                     paddingBottom: 0,

  963.                     boxSizing: 'border-box',

  964.                     '&::placeholder': { color: '#9e9e9e', opacity: 1 },

  965.                     },

  966.                     }}

  967.                 />

  968.             ) : (line.adjustedQty - (line.originalQty ?? 0)) !== 0 ? (

  969.                 <TextField

  970.                 size="small"

  971.                 placeholder={t("Reason for adjustment")}

  972.                 value={line.remarks ?? ""}

  973.                 onChange={(e) => handleAdjustmentRemarksChange(line.id, e.target.value)}

  974.                 sx={{

  975.                     width: 160,

  976.                     maxWidth: '100%',

  977.                     '& .MuiInputBase-root': {

  978.                     display: 'flex',

  979.                     alignItems: 'center',

  980.                     height: 56,

  981.                     },

  982.                     '& .MuiInputBase-input': {

  983.                     fontSize: '1rem',

  984.                     height: 40,

  985.                     lineHeight: '40px',

  986.                     paddingTop: 0,

  987.                     paddingBottom: 0,

  988.                     boxSizing: 'border-box',

  989.                     '&::placeholder': { color: '#9e9e9e', opacity: 1 },

  990.                     },

  991.                 }}

  992.                 />

  993.             ) : null}

  994.             </TableCell>

  995.             <TableCell align="center">

  996.             {pendingRemovalLineId === line.id ? (

  997.                 <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: 0.5 }}>

  998.                     <Button size="small" variant="outlined" onClick={handleCancelRemoval}>

  999.                         {t("Cancel")}

  1000.                     </Button>

  1001.                     <Button

  1002.                         size="small"

  1003.                         variant="contained"

  1004.                         color="error"

  1005.                         startIcon={<CheckIcon />}

  1006.                         onClick={() => handleConfirmRemoval(line.id)}

  1007.                     >

  1008.                         {t("Confirm remove")}

  1009.                     </Button>

  1010.                 </Box>

  1011.             ) : (

  1012.                 <IconButton

  1013.                 size="small"

  1014.                 onClick={() => handleRemoveClick(line.id)}

  1015.                 color="error"

  1016.                 title={t("Remove")}

  1017.                 >

  1018.                 <DeleteIcon fontSize="small" />

  1019.                 </IconButton>

  1020.             )}

  1021.             </TableCell>

  1022.         </TableRow>

  1023.       ))}

  1024.     </TableBody>

  1025.   </Table>

  1026. </Box>

  1027.   </Card>

  1028. </Modal>

  1029. 

  1030. <Modal

  1031.   open={addEntryModalOpen}

  1032.   onClose={() => setAddEntryModalOpen(false)}

  1033.   sx={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}

  1034. >

  1035. <Card sx={{ position: 'relative', minWidth: 600, maxWidth: 900, p: 3 }}>

  1036.     <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 2 }}>

  1037.       <Typography variant="h6">{t("Add entry")}</Typography>

  1038.       <IconButton onClick={() => setAddEntryModalOpen(false)}><CloseIcon /></IconButton>

  1039.     </Box>

  1040. <Grid container spacing={2}>

  1041.   <Grid item xs={4}>

  1042.     <TextField label={t("Available Qty")} type="number" fullWidth required value={addEntryForm.qty || ''} onChange={(e) => setAddEntryForm(f => ({ ...f, qty: Math.max(0, parseInt(e.target.value) || 0) }))} inputProps={{ min: 0 }} />

  1043.   </Grid>

  1044.   <Grid item xs={4}>

  1045.     <TextField label={t("Stock UoM")} fullWidth disabled value={inventory?.uomUdfudesc || inventory?.uomShortDesc || inventory?.uomCode || ''} sx={{ '& .MuiInputBase-input': { color: 'text.secondary' } }} InputLabelProps={{ shrink: true }} />

  1046.   </Grid>

  1047.   <Grid item xs={4}>

  1048.     <LocalizationProvider dateAdapter={AdapterDayjs}>

  1049.       <DatePicker label={t("Expiry Date")} format={INPUT_DATE_FORMAT} value={addEntryForm.expiryDate ? dayjs(addEntryForm.expiryDate) : null} onChange={(value) => setAddEntryForm(f => ({ ...f, expiryDate: value ? dayjs(value).format(INPUT_DATE_FORMAT) : '' }))} slotProps={{ textField: { fullWidth: true, required: true } }} />

  1050.     </LocalizationProvider>

  1051.   </Grid>

  1052.   <Grid item xs={6}>

  1053.     <Autocomplete options={warehouses} getOptionLabel={(o) => o.code || ''} value={addEntryForm.locationId ? warehouses.find(w => w.id === addEntryForm.locationId) ?? null : null} inputValue={addEntryForm.locationInput} onInputChange={(_, v) => setAddEntryForm(f => ({ ...f, locationInput: v }))} onChange={(_, v) => setAddEntryForm(f => ({ ...f, locationId: v?.id ?? null, locationInput: v?.code ?? '' }))} renderInput={(params) => <TextField {...params} label={t("Location")} required />} />

  1054.   </Grid>

  1055.   <Grid item xs={6} sx={{ display: 'flex', alignItems: 'center' }}>

  1056.     <FormControlLabel control={<Checkbox checked={addEntryForm.isOpeningInventory} onChange={(e) => setAddEntryForm(f => ({ ...f, isOpeningInventory: e.target.checked }))} />} label={t("Opening Inventory")} />

  1057.   </Grid>

  1058.   <Grid item xs={4}>

  1059. <TextField label={t("productLotNo")} fullWidth placeholder={t("Optional - system will generate")} value={addEntryForm.productlotNo} onChange={(e) => setAddEntryForm(f => ({ ...f, productlotNo: e.target.value }))} sx={{ '& .MuiInputBase-input::placeholder': { color: '#9e9e9e', opacity: 1 } }} />

  1060.   </Grid>

  1061.   <Grid item xs={4}>

  1062. <TextField label={t("dnNo")} fullWidth placeholder={t("Optional - system will generate")} value={addEntryForm.dnNo} onChange={(e) => setAddEntryForm(f => ({ ...f, dnNo: e.target.value }))} sx={{ '& .MuiInputBase-input::placeholder': { color: '#9e9e9e', opacity: 1 } }} />

  1063.   </Grid>

  1064.   <Grid item xs={4}>

  1065. <TextField label={t("Lot No")} fullWidth placeholder={t("Optional - system will generate")} value={addEntryForm.lotNo} onChange={(e) => setAddEntryForm(f => ({ ...f, lotNo: e.target.value }))} sx={{ '& .MuiInputBase-input::placeholder': { color: '#9e9e9e', opacity: 1 } }} />

  1066.   </Grid>

  1067.     <Grid item xs={12}>

  1068.     <TextField

  1069.       label={t("Remarks")}

  1070.       fullWidth

  1071.       placeholder={t("Reason for adjustment")}

  1072.       value={addEntryForm.remarks}

  1073.       onChange={(e) => setAddEntryForm(f => ({ ...f, remarks: e.target.value }))}

  1074.       multiline

  1075.       minRows={2}

  1076.       sx={{ '& .MuiInputBase-input::placeholder': { color: '#9e9e9e', opacity: 1 } }}

  1077.     />

  1078.   </Grid>

  1079.   <Grid item xs={12}>

  1080.     <Button variant="contained" fullWidth onClick={handleAddEntrySubmit} disabled={addEntryForm.qty < 0 || !addEntryForm.expiryDate || !addEntryForm.locationId}>

  1081.       {t("Add")}

  1082.     </Button>

  1083.   </Grid>

  1084. </Grid>

  1085.   </Card>

  1086. </Modal>

  1087. </>

  1088. 

  1089. }

  1090. 

  1091. export default InventoryLotLineTable;