@tonzxz/government-forms 0.1.0

package/dist/gam/components/iirup-preview.js

@@ -0,0 +1,237 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const FIXED_ROWS = 18;
+function fmtDate(value) {
+    if (!value || value.trim() === "")
+        return "";
+    try {
+        return new Date(value).toLocaleDateString("en-PH");
+    }
+    catch {
+        return value;
+    }
+}
+function fmtQty(value) {
+    if (!value || value.trim() === "")
+        return "";
+    const n = Number(value);
+    if (Number.isNaN(n))
+        return value;
+    return n === 0 ? "" : Number.isInteger(n) ? n.toString() : n.toFixed(2);
+}
+function fmtAmount(value) {
+    if (!value || value.trim() === "")
+        return "";
+    const n = Number(value);
+    if (Number.isNaN(n))
+        return value;
+    return n === 0 ? "" : n.toLocaleString("en-PH", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+}
+const BORDER = "1px solid #9ca3af";
+const HEADER_BG = "#f3f4f6";
+const thBase = {
+    border: BORDER,
+    padding: "3px 3px",
+    textAlign: "center",
+    fontWeight: 600,
+    backgroundColor: HEADER_BG,
+    verticalAlign: "middle",
+    lineHeight: "1.15",
+    fontSize: "6pt",
+    whiteSpace: "normal",
+    overflowWrap: "break-word",
+    wordBreak: "normal",
+};
+const tdBase = {
+    border: BORDER,
+    padding: "2px 3px",
+    fontSize: "6.5pt",
+    lineHeight: 1.15,
+    verticalAlign: "middle",
+    height: "5.5mm",
+    minHeight: "5.5mm",
+    whiteSpace: "normal",
+    overflowWrap: "anywhere",
+    wordBreak: "normal",
+};
+const sectionTh = {
+    ...thBase,
+    backgroundColor: HEADER_BG,
+    fontSize: "6.5pt",
+    fontWeight: 700,
+};
+const inventoryFieldTh = {
+    ...thBase,
+    backgroundColor: HEADER_BG,
+};
+const disposalFieldTh = {
+    ...thBase,
+    backgroundColor: HEADER_BG,
+};
+const recordSalesFieldTh = {
+    ...thBase,
+    backgroundColor: HEADER_BG,
+};
+const columnLabels = [
+    "Date Acquired",
+    "Particulars / Articles",
+    "Property No.",
+    "Total Quantity",
+    "Unit Cost",
+    "Total Cost",
+    "Accumulated Depreciation",
+    "Summary of Accumulated Impairment Losses (Total)",
+    "Carrying Amount",
+    "Remarks",
+    "Disposal Sale",
+    "Transfer",
+    "Destruction",
+    "Others (Specify)",
+    "Total",
+    "Appraised Value",
+    "OR No.",
+    "Amount",
+];
+export function IirupPreview({ entityName, nameOfAccountableOfficer, designation, station, fundCluster, date, iirupNo, requestedBy = "", approvedBy = "", accountableOfficerDesignation = "", authorizedOfficialDesignation = "", inspectionOfficerSignatory = "", inspectionOfficerDesignation = "CHIEF, ACCOUNTING SECTION", witnessSignatory = "", witnessDispositionDay = "", witnessDispositionMonth = "", witnessDispositionYear = "", entries, }) {
+    const rows = Array.from({ length: FIXED_ROWS }, (_, i) => entries[i] ?? null);
+    return (_jsxs(_Fragment, { children: [_jsx("style", { children: `
+				@media print {
+					.no-print { display: none !important; }
+					body { background: white !important; }
+					.iirup-a4-page { box-shadow: none !important; margin: 0 !important; padding: 4mm 5mm !important; }
+				}
+				.iirup-a4-page * { box-sizing: border-box; }
+			` }), _jsx("div", { style: { overflowX: "auto", width: "100%" }, children: _jsxs("div", { className: "iirup-a4-page bg-white", "data-pdf-page": "true", "data-pdf-fit-one-page": "true", "data-pdf-orientation": "landscape", style: {
+                        width: "297mm",
+                        minHeight: "210mm",
+                        padding: "4mm 5mm",
+                        fontFamily: "Arial, sans-serif",
+                        fontSize: "7.5pt",
+                        color: "#000",
+                        display: "flex",
+                        flexDirection: "column",
+                    }, children: [_jsx("div", { style: { textAlign: "right", fontSize: "6.5pt", color: "#000", marginBottom: "2mm" }, children: iirupNo }), _jsx("div", { style: {
+                                textAlign: "center",
+                                fontWeight: "bold",
+                                fontSize: "9.5pt",
+                                marginBottom: "1mm",
+                            }, children: "INVENTORY AND INSPECTION REPORT OF UNSERVICEABLE PROPERTY" }), _jsxs("div", { style: { textAlign: "center", fontSize: "7pt", marginBottom: "3mm" }, children: ["Date", " ", _jsx("span", { style: {
+                                        borderBottom: "1px solid #333",
+                                        display: "inline-block",
+                                        minWidth: "36mm",
+                                        padding: "0 1mm 1mm",
+                                        lineHeight: 1.2,
+                                    }, children: fmtDate(date) })] }), _jsx("table", { style: { width: "100%", borderCollapse: "collapse", marginBottom: "3mm" }, children: _jsx("tbody", { children: _jsxs("tr", { children: [_jsxs("td", { style: { width: "70%", paddingBottom: "2mm" }, children: [_jsx("span", { style: { fontWeight: 600 }, children: "Entity Name:\u00A0" }), _jsx("span", { style: {
+                                                        borderBottom: "1px solid #333",
+                                                        display: "inline-block",
+                                                        minWidth: "150px",
+                                                        padding: "0 1mm 1mm",
+                                                        lineHeight: 1.2,
+                                                    }, children: entityName })] }), _jsxs("td", { style: { width: "30%", paddingBottom: "2mm", textAlign: "right" }, children: [_jsx("span", { style: { fontWeight: 600 }, children: "Fund Cluster:\u00A0" }), _jsx("span", { style: {
+                                                        borderBottom: "1px solid #333",
+                                                        display: "inline-block",
+                                                        minWidth: "80px",
+                                                        padding: "0 1mm 1mm",
+                                                        lineHeight: 1.2,
+                                                        textAlign: "left",
+                                                    }, children: fundCluster })] })] }) }) }), _jsx("table", { style: { width: "100%", borderCollapse: "collapse", marginBottom: "3mm" }, children: _jsx("tbody", { children: _jsxs("tr", { children: [_jsxs("td", { style: { width: "36%", paddingRight: "4mm", textAlign: "center" }, children: [_jsx("div", { style: {
+                                                        borderBottom: "1px solid #333",
+                                                        minHeight: "5mm",
+                                                        display: "flex",
+                                                        alignItems: "flex-end",
+                                                        justifyContent: "center",
+                                                        padding: "0 1mm 1.5mm",
+                                                        lineHeight: 1.2,
+                                                    }, children: nameOfAccountableOfficer }), _jsx("div", { style: { fontSize: "6.5pt", marginTop: "1mm" }, children: "(Name of Accountable Officer)" })] }), _jsxs("td", { style: { width: "32%", paddingRight: "4mm", textAlign: "center" }, children: [_jsx("div", { style: {
+                                                        borderBottom: "1px solid #333",
+                                                        minHeight: "5mm",
+                                                        display: "flex",
+                                                        alignItems: "flex-end",
+                                                        justifyContent: "center",
+                                                        padding: "0 1mm 1.5mm",
+                                                        lineHeight: 1.2,
+                                                    }, children: designation }), _jsx("div", { style: { fontSize: "6.5pt", marginTop: "1mm" }, children: "(Designation)" })] }), _jsxs("td", { style: { width: "32%", textAlign: "center" }, children: [_jsx("div", { style: {
+                                                        borderBottom: "1px solid #333",
+                                                        minHeight: "5mm",
+                                                        display: "flex",
+                                                        alignItems: "flex-end",
+                                                        justifyContent: "center",
+                                                        padding: "0 1mm 1.5mm",
+                                                        lineHeight: 1.2,
+                                                    }, children: station }), _jsx("div", { style: { fontSize: "6.5pt", marginTop: "1mm" }, children: "(Station)" })] })] }) }) }), _jsxs("table", { style: {
+                                width: "100%",
+                                borderCollapse: "collapse",
+                                fontSize: "6.5pt",
+                                tableLayout: "fixed",
+                                flex: "0 0 auto",
+                            }, children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: "6%" } }), _jsx("col", { style: { width: "11%" } }), _jsx("col", { style: { width: "6%" } }), _jsx("col", { style: { width: "4%" } }), _jsx("col", { style: { width: "5%" } }), _jsx("col", { style: { width: "6%" } }), _jsx("col", { style: { width: "7%" } }), _jsx("col", { style: { width: "7%" } }), _jsx("col", { style: { width: "6%" } }), _jsx("col", { style: { width: "6%" } }), _jsx("col", { style: { width: "5%" } }), _jsx("col", { style: { width: "5%" } }), _jsx("col", { style: { width: "5%" } }), _jsx("col", { style: { width: "6%" } }), _jsx("col", { style: { width: "5%" } }), _jsx("col", { style: { width: "6%" } }), _jsx("col", { style: { width: "4%" } }), _jsx("col", { style: { width: "4%" } })] }), _jsxs("thead", { children: [_jsxs("tr", { style: { height: "4mm" }, children: [_jsx("th", { colSpan: 10, style: sectionTh, children: "INVENTORY" }), _jsx("th", { colSpan: 8, style: sectionTh, children: "INSPECTION and DISPOSAL" })] }), _jsxs("tr", { style: { height: "4mm" }, children: [_jsx("th", { colSpan: 10, style: sectionTh, children: "INVENTORY DETAILS" }), _jsx("th", { colSpan: 5, style: sectionTh, children: "DISPOSAL" }), _jsx("th", { style: sectionTh, children: "APPRAISAL" }), _jsx("th", { colSpan: 2, style: sectionTh, children: "RECORD OF SALES" })] }), _jsx("tr", { style: { height: "11mm" }, children: columnLabels.map((label, index) => (_jsx("th", { style: index < 10
+                                                    ? inventoryFieldTh
+                                                    : index >= 16
+                                                        ? recordSalesFieldTh
+                                                        : disposalFieldTh, children: label }, label))) }), _jsx("tr", { style: { height: "4mm" }, children: columnLabels.map((_, index) => (_jsxs("th", { style: thBase, children: ["(", index + 1, ")"] }, index + 1))) })] }), _jsx("tbody", { children: rows.map((row, index) => (_jsxs("tr", { children: [_jsx("td", { style: { ...tdBase, textAlign: "center" }, children: row ? fmtDate(row.dateAcquired) : "" }), _jsx("td", { style: tdBase, children: row?.particularsArticles ?? "" }), _jsx("td", { style: tdBase, children: row?.propertyNo ?? "" }), _jsx("td", { style: { ...tdBase, textAlign: "right" }, children: row ? fmtQty(row.qty) : "" }), _jsx("td", { style: { ...tdBase, textAlign: "right" }, children: row ? fmtAmount(row.unitCost) : "" }), _jsx("td", { style: { ...tdBase, textAlign: "right" }, children: row ? fmtAmount(row.totalCost) : "" }), _jsx("td", { style: { ...tdBase, textAlign: "right" }, children: row ? fmtAmount(row.accumulatedDepreciation) : "" }), _jsx("td", { style: { ...tdBase, textAlign: "right" }, children: row ? fmtAmount(row.accumulatedImpairmentLosses) : "" }), _jsx("td", { style: { ...tdBase, textAlign: "right" }, children: row ? fmtAmount(row.carryingAmount) : "" }), _jsx("td", { style: tdBase, children: row?.remarks ?? "" }), _jsx("td", { style: { ...tdBase, textAlign: "right" }, children: row ? fmtAmount(row.sale) : "" }), _jsx("td", { style: { ...tdBase, textAlign: "right" }, children: row ? fmtAmount(row.transfer) : "" }), _jsx("td", { style: { ...tdBase, textAlign: "right" }, children: row ? fmtAmount(row.destruction) : "" }), _jsx("td", { style: tdBase, children: row?.othersSpecify ?? "" }), _jsx("td", { style: { ...tdBase, textAlign: "right" }, children: row ? fmtAmount(row.total) : "" }), _jsx("td", { style: { ...tdBase, textAlign: "right" }, children: row ? fmtAmount(row.appraisedValue) : "" }), _jsx("td", { style: tdBase, children: row?.orNo ?? "" }), _jsx("td", { style: { ...tdBase, textAlign: "right" }, children: row ? fmtAmount(row.amount) : "" })] }, index))) })] }), _jsxs("table", { style: {
+                                width: "100%",
+                                borderCollapse: "collapse",
+                                tableLayout: "fixed",
+                                marginTop: "4mm",
+                                fontSize: "6.5pt",
+                            }, children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: "50%" } }), _jsx("col", { style: { width: "25%" } }), _jsx("col", { style: { width: "25%" } })] }), _jsx("tbody", { children: _jsxs("tr", { children: [_jsxs("td", { style: { border: BORDER, verticalAlign: "top", padding: "3mm" }, children: [_jsx("div", { style: { marginBottom: "3mm", lineHeight: 1.35 }, children: _jsx("i", { children: "I HEREBY request inspection and disposition, pursuant to Section 73 of PD 1445, of the property enumerated above." }) }), _jsx("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed" }, children: _jsx("tbody", { children: _jsxs("tr", { children: [_jsxs("td", { style: { width: "50%", verticalAlign: "top", paddingRight: "2mm" }, children: [_jsx("div", { style: { marginBottom: "4mm" }, children: "Requested by:" }), _jsx("div", { style: {
+                                                                                    borderBottom: "1px solid #333",
+                                                                                    minHeight: "6mm",
+                                                                                    display: "flex",
+                                                                                    alignItems: "flex-end",
+                                                                                    justifyContent: "center",
+                                                                                    textAlign: "center",
+                                                                                    padding: "0 2mm 1.8mm",
+                                                                                    boxSizing: "border-box",
+                                                                                }, children: requestedBy }), _jsx("div", { style: { textAlign: "center", marginTop: "1mm", fontSize: "6pt" }, children: "(Signature over Printed Name of Accountable Officer)" }), _jsx("div", { style: {
+                                                                                    borderBottom: "1px solid #333",
+                                                                                    minHeight: "5mm",
+                                                                                    display: "flex",
+                                                                                    alignItems: "flex-end",
+                                                                                    justifyContent: "center",
+                                                                                    textAlign: "center",
+                                                                                    padding: "0 2mm 1.8mm",
+                                                                                    boxSizing: "border-box",
+                                                                                    marginTop: "2mm",
+                                                                                }, children: accountableOfficerDesignation }), _jsx("div", { style: { textAlign: "center", marginTop: "1mm", fontSize: "6pt" }, children: "Designation of Accountable Officer" })] }), _jsxs("td", { style: { width: "50%", verticalAlign: "top", paddingLeft: "2mm" }, children: [_jsx("div", { style: { marginBottom: "4mm" }, children: "Approved by:" }), _jsx("div", { style: {
+                                                                                    borderBottom: "1px solid #333",
+                                                                                    minHeight: "6mm",
+                                                                                    display: "flex",
+                                                                                    alignItems: "flex-end",
+                                                                                    justifyContent: "center",
+                                                                                    textAlign: "center",
+                                                                                    padding: "0 2mm 1.8mm",
+                                                                                    boxSizing: "border-box",
+                                                                                }, children: approvedBy }), _jsx("div", { style: { textAlign: "center", marginTop: "1mm", fontSize: "6pt" }, children: "(Signature over Printed Name of Authorized Official)" }), _jsx("div", { style: {
+                                                                                    borderBottom: "1px solid #333",
+                                                                                    minHeight: "5mm",
+                                                                                    display: "flex",
+                                                                                    alignItems: "flex-end",
+                                                                                    justifyContent: "center",
+                                                                                    textAlign: "center",
+                                                                                    padding: "0 2mm 1.8mm",
+                                                                                    boxSizing: "border-box",
+                                                                                    lineHeight: 1.1,
+                                                                                    marginTop: "2mm",
+                                                                                }, children: authorizedOfficialDesignation }), _jsx("div", { style: { textAlign: "center", marginTop: "1mm", fontSize: "6pt" }, children: "Designation of Authorized Official" })] })] }) }) })] }), _jsxs("td", { style: { border: BORDER, verticalAlign: "top", padding: "3mm" }, children: [_jsx("div", { style: { marginBottom: "8mm", lineHeight: 1.35 }, children: _jsx("i", { children: "I CERTIFY that I have inspected each and every article enumerated in this report, and that the disposition made thereof was, in my judgment, the best for the public interest." }) }), _jsx("div", { style: {
+                                                            borderBottom: "1px solid #333",
+                                                            minHeight: "6mm",
+                                                            display: "flex",
+                                                            alignItems: "flex-end",
+                                                            justifyContent: "center",
+                                                            textAlign: "center",
+                                                            padding: "0 2mm 1.8mm",
+                                                            boxSizing: "border-box",
+                                                            lineHeight: 1.1,
+                                                        }, children: inspectionOfficerSignatory }), _jsx("div", { style: { textAlign: "center", marginTop: "1mm", fontSize: "6pt" }, children: "(Signature over Printed Name of Inspection Officer)" }), _jsx("div", { style: { textAlign: "center", marginTop: "2mm", fontSize: "6.5pt", fontWeight: 600 }, children: inspectionOfficerDesignation })] }), _jsxs("td", { style: { border: BORDER, verticalAlign: "top", padding: "3mm" }, children: [_jsx("div", { style: { marginBottom: "8mm", lineHeight: 1.35 }, children: _jsxs("i", { children: ["I CERTIFY that I have witnessed the disposition of the articles enumerated on this report this ", witnessDispositionDay || "____", " day of", " ", witnessDispositionMonth || "___________", witnessDispositionYear ? `, ${witnessDispositionYear}` : ", ______", "."] }) }), _jsx("div", { style: {
+                                                            borderBottom: "1px solid #333",
+                                                            minHeight: "6mm",
+                                                            display: "flex",
+                                                            alignItems: "flex-end",
+                                                            justifyContent: "center",
+                                                            textAlign: "center",
+                                                            padding: "0 2mm 1.8mm",
+                                                            boxSizing: "border-box",
+                                                            lineHeight: 1.1,
+                                                        }, children: witnessSignatory }), _jsx("div", { style: { textAlign: "center", marginTop: "1mm", fontSize: "6pt" }, children: "(Signature over Printed Name of Witness)" })] })] }) })] })] }) })] }));
+}

package/dist/gam/components/itr-preview.d.ts

@@ -0,0 +1,31 @@
+type ItrItem = {
+    dateAcquired?: string;
+    itemNo?: string;
+    propertyNo?: string;
+    description?: string;
+    amount: string;
+    conditionOfInventory?: string;
+    conditionOfPPE?: string;
+};
+type ItrPreviewProps = {
+    entityName?: string;
+    fundCluster?: string;
+    fromAccountableOfficer?: string;
+    fromAccountablePerson?: string;
+    fromDivisionSection?: string;
+    toAccountableOfficer?: string;
+    toAccountablePerson?: string;
+    toDivisionSection?: string;
+    itrNo?: string;
+    transferDate?: string;
+    transferType?: "Donation" | "Reassignment" | "Relocate" | "Others";
+    transferTypeOthers?: string;
+    reason?: string;
+    reasonForTransfer?: string;
+    approvedBy?: string;
+    releasedIssuedBy?: string;
+    receivedBy?: string;
+    items: ItrItem[];
+};
+export declare function ItrPreview({ entityName, fundCluster, fromAccountableOfficer, fromAccountablePerson, fromDivisionSection, toAccountableOfficer, toAccountablePerson, toDivisionSection, itrNo, transferDate, transferType, transferTypeOthers, reason, reasonForTransfer, approvedBy, releasedIssuedBy, receivedBy, items, }: ItrPreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/gam/components/itr-preview.js

@@ -0,0 +1,180 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FIXED_ROWS = 22;
+const NBSP = "\u00a0";
+const B = "1.4px solid #000";
+const THICK = "2px solid #000";
+function fmtDate(value) {
+    if (!value)
+        return "";
+    const d = new Date(value);
+    return isNaN(d.getTime()) ? value : d.toLocaleDateString("en-PH");
+}
+function fmtAmount(value) {
+    if (!value)
+        return "";
+    const n = Number(value);
+    return Number.isNaN(n)
+        ? value
+        : n.toLocaleString("en-PH", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+}
+const td = {
+    border: B,
+    color: "#000",
+    padding: "1mm 1.2mm 2mm",
+    fontSize: "10pt",
+    lineHeight: 1.3,
+    verticalAlign: "top",
+};
+const itemTh = {
+    border: THICK,
+    color: "#000",
+    padding: "1.5mm 1mm 2mm",
+    fontSize: "11pt",
+    fontWeight: "bold",
+    lineHeight: 1.2,
+    textAlign: "center",
+    verticalAlign: "middle",
+};
+const checkboxLabel = {
+    color: "#000",
+    display: "flex",
+    alignItems: "center",
+    minHeight: "5.5mm",
+    lineHeight: 1.3,
+    flexWrap: "wrap",
+};
+function Checkbox({ checked }) {
+    return (_jsx("span", { style: {
+            display: "inline-block",
+            width: "4.4mm",
+            height: "4.4mm",
+            border: B,
+            color: "#000",
+            marginRight: "1.2mm",
+            textAlign: "center",
+            lineHeight: "4mm",
+            fontSize: "8pt",
+            verticalAlign: "middle",
+            flex: "0 0 auto",
+        }, children: checked ? "X" : "" }));
+}
+export function ItrPreview({ entityName = "", fundCluster = "", fromAccountableOfficer = "", fromAccountablePerson = "", fromDivisionSection = "", toAccountableOfficer = "", toAccountablePerson = "", toDivisionSection = "", itrNo = "", transferDate = "", transferType, transferTypeOthers = "", reason = "", reasonForTransfer = "", approvedBy = "", releasedIssuedBy = "", receivedBy = "", items, }) {
+    const visibleItems = items.filter(item => [
+        item.dateAcquired,
+        item.itemNo,
+        item.propertyNo,
+        item.description,
+        item.conditionOfInventory,
+        item.conditionOfPPE,
+        Number(item.amount) !== 0 ? item.amount : "",
+    ].some(value => String(value ?? "").trim() !== ""));
+    const rows = Array.from({ length: FIXED_ROWS }, (_, index) => visibleItems[index] ?? null);
+    const nothingFollowsIndex = Math.min(Math.max(visibleItems.length, 3), FIXED_ROWS - 1);
+    const displayReason = reasonForTransfer || reason;
+    const displayFromPerson = fromAccountablePerson || fromAccountableOfficer;
+    const displayToPerson = toAccountablePerson || toAccountableOfficer;
+    return (_jsx("div", { className: "psms-print-preview itr-a4-page", "data-pdf-page": "true", "data-pdf-orientation": "portrait", "data-pdf-fit-one-page": "true", style: {
+            width: "210mm",
+            minHeight: "297mm",
+            padding: "10mm 11mm",
+            backgroundColor: "#fff",
+            boxSizing: "border-box",
+            color: "#000",
+            colorScheme: "light",
+            lineHeight: 1.3,
+            overflowWrap: "anywhere",
+            fontFamily: '"Times New Roman", Times, serif',
+        }, children: _jsxs("div", { style: { border: THICK, minHeight: "260mm", boxSizing: "border-box" }, children: [_jsx("div", { style: {
+                        height: "24mm",
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        textAlign: "center",
+                    }, children: _jsx("div", { style: { fontSize: "16pt", fontWeight: "bold", letterSpacing: "0.4px" }, children: "INVENTORY TRANSFER REPORT" }) }), _jsx("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed" }, children: _jsx("tbody", { children: _jsxs("tr", { style: { height: "12mm" }, children: [_jsxs("td", { style: {
+                                        ...td,
+                                        width: "70%",
+                                        borderLeft: "none",
+                                        borderBottom: THICK,
+                                        borderTop: "none",
+                                        fontSize: "12pt",
+                                        fontWeight: "bold",
+                                        verticalAlign: "middle",
+                                    }, children: ["Entity Name : ", entityName || NBSP] }), _jsxs("td", { style: {
+                                        ...td,
+                                        borderRight: "none",
+                                        borderBottom: THICK,
+                                        borderTop: "none",
+                                        fontSize: "12pt",
+                                        fontWeight: "bold",
+                                        verticalAlign: "middle",
+                                    }, children: ["Fund Cluster : ", fundCluster || NBSP] })] }) }) }), _jsx("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed" }, children: _jsx("tbody", { children: _jsxs("tr", { style: { height: "27mm" }, children: [_jsxs("td", { style: {
+                                        ...td,
+                                        width: "70%",
+                                        borderLeft: "none",
+                                        borderBottom: THICK,
+                                        borderTop: "none",
+                                        padding: "1.5mm 1mm",
+                                        fontSize: "11pt",
+                                    }, children: [_jsxs("div", { children: ["From Accountable Person : ", displayFromPerson || NBSP] }), _jsxs("div", { style: { marginTop: "1mm" }, children: ["Section/Division : ", fromDivisionSection || NBSP] }), _jsxs("div", { style: { marginTop: "1mm" }, children: ["To Accountable Person : ", displayToPerson || NBSP] }), _jsxs("div", { style: { marginTop: "1mm" }, children: ["Section/Division : ", toDivisionSection || NBSP] })] }), _jsxs("td", { style: {
+                                        ...td,
+                                        borderRight: "none",
+                                        borderBottom: THICK,
+                                        borderTop: "none",
+                                        padding: "1.5mm 1mm",
+                                        fontSize: "11pt",
+                                    }, children: [_jsxs("div", { children: ["ITR No. : ", itrNo || NBSP] }), _jsxs("div", { style: { marginTop: "2mm" }, children: ["Date : ", fmtDate(transferDate) || NBSP] })] })] }) }) }), _jsxs("div", { style: {
+                        minHeight: "20mm",
+                        borderBottom: THICK,
+                        boxSizing: "border-box",
+                        padding: "2mm 1mm 3mm",
+                        fontSize: "11pt",
+                    }, children: [_jsx("div", { children: "Transfer Type: (check only one)" }), _jsxs("div", { style: {
+                                marginTop: "1.4mm",
+                                marginLeft: "22mm",
+                                display: "flex",
+                                gap: "22mm",
+                                alignItems: "flex-start",
+                            }, children: [_jsxs("div", { style: { display: "grid", gap: "0.7mm" }, children: [_jsxs("label", { style: checkboxLabel, children: [_jsx(Checkbox, { checked: transferType === "Donation" }), "Donation"] }), _jsxs("label", { style: checkboxLabel, children: [_jsx(Checkbox, { checked: transferType === "Reassignment" }), "Reassignment"] })] }), _jsxs("div", { style: { display: "grid", gap: "0.7mm" }, children: [_jsxs("label", { style: checkboxLabel, children: [_jsx(Checkbox, { checked: transferType === "Relocate" }), "Relocate"] }), _jsxs("label", { style: checkboxLabel, children: [_jsx(Checkbox, { checked: transferType === "Others" }), "Others (Specify)", _jsx("span", { style: {
+                                                        display: "inline-block",
+                                                        minWidth: "44mm",
+                                                        borderBottom: B,
+                                                        marginLeft: "1mm",
+                                                        boxSizing: "border-box",
+                                                        minHeight: "6mm",
+                                                        padding: "0.5mm 1mm 1.2mm",
+                                                        lineHeight: 1.3,
+                                                        verticalAlign: "bottom",
+                                                    }, children: transferType === "Others" ? transferTypeOthers : NBSP })] })] })] })] }), _jsxs("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed" }, children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: "15.4%" } }), _jsx("col", { style: { width: "19.7%" } }), _jsx("col", { style: { width: "35.4%" } }), _jsx("col", { style: { width: "14.1%" } }), _jsx("col", { style: { width: "15.4%" } })] }), _jsx("thead", { children: _jsxs("tr", { style: { height: "10.5mm" }, children: [_jsx("th", { style: { ...itemTh, borderLeft: "none" }, children: "Date Acquired" }), _jsx("th", { style: itemTh, children: "Property No." }), _jsx("th", { style: itemTh, children: "Description" }), _jsx("th", { style: itemTh, children: "Amount" }), _jsxs("th", { style: { ...itemTh, borderRight: "none" }, children: ["Property", _jsx("br", {}), "Condition"] })] }) }), _jsx("tbody", { children: rows.map((item, index) => (_jsxs("tr", { style: { height: "5.35mm" }, children: [_jsx("td", { style: { ...td, borderLeft: "none", padding: "0.6mm 1mm 1.6mm" }, children: item ? fmtDate(item.dateAcquired) || NBSP : NBSP }), _jsx("td", { style: { ...td, padding: "0.6mm 1mm 1.6mm" }, children: item?.propertyNo || item?.itemNo || NBSP }), _jsx("td", { style: { ...td, padding: "0.6mm 1mm 1.6mm", textAlign: "center" }, children: item?.description ? (item.description) : index === nothingFollowsIndex ? (_jsx("em", { children: "***nothing follows***" })) : (NBSP) }), _jsx("td", { style: { ...td, padding: "0.6mm 1mm 1.6mm", textAlign: "right" }, children: item ? fmtAmount(item.amount) || NBSP : NBSP }), _jsx("td", { style: {
+                                            ...td,
+                                            borderRight: "none",
+                                            padding: "0.6mm 1mm 1.6mm",
+                                            textAlign: "center",
+                                        }, children: item?.conditionOfPPE || item?.conditionOfInventory || NBSP })] }, index))) })] }), _jsxs("div", { style: {
+                        minHeight: "16mm",
+                        borderTop: THICK,
+                        borderBottom: THICK,
+                        padding: "2mm 1mm 3mm",
+                        boxSizing: "border-box",
+                        fontSize: "11pt",
+                    }, children: [_jsxs("div", { children: ["Reason for Transfer: ", displayReason || NBSP] }), _jsx("div", { style: {
+                                marginTop: "2mm",
+                                textAlign: "center",
+                                fontSize: "12pt",
+                                textDecoration: "underline",
+                            }, children: "TRANSFER TO NEW ACCOUNTABLE PERSON" })] }), _jsx("div", { style: { padding: "4mm 1mm 3mm" }, children: _jsxs("table", { style: {
+                            width: "100%",
+                            tableLayout: "fixed",
+                            borderCollapse: "collapse",
+                            fontSize: "11pt",
+                        }, children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: "15%" } }), _jsx("col", { style: { width: "28%" } }), _jsx("col", { style: { width: "29%" } }), _jsx("col", { style: { width: "28%" } })] }), _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsx("td", {}), ["Approved by:", "Released/Issued by:", "Received by:"].map(label => (_jsx("td", { style: { fontWeight: "bold", textAlign: "center", padding: "1mm 1mm 3mm" }, children: label }, label)))] }), [
+                                        { label: "Signature :", values: ["", "", ""] },
+                                        { label: "Name :", values: [approvedBy, releasedIssuedBy, receivedBy] },
+                                        { label: "Date :", values: ["", "", ""] },
+                                    ].map(row => (_jsxs("tr", { children: [_jsx("td", { style: { fontWeight: "bold", verticalAlign: "top", padding: "1mm 0 2mm" }, children: row.label }), row.values.map((value, index) => (_jsx("td", { style: {
+                                                    verticalAlign: "top",
+                                                    textAlign: "center",
+                                                    padding: "1mm 1mm 2mm",
+                                                    overflowWrap: "anywhere",
+                                                }, children: value || NBSP }, index)))] }, row.label)))] })] }) })] }) }));
+}

package/dist/gam/components/par-preview.d.ts

@@ -0,0 +1,28 @@
+export type ParPreviewItem = {
+    quantity?: string;
+    unit?: string;
+    description?: string;
+    propertyNumber?: string;
+    dateAcquired?: string;
+    amount?: string;
+};
+type ParPreviewProps = {
+    entityName?: string;
+    fundCluster?: string;
+    parNo?: string;
+    items?: ParPreviewItem[];
+    quantity?: string;
+    unit?: string;
+    description?: string;
+    propertyNumber?: string;
+    dateAcquired?: string;
+    amount?: string;
+    receivedByName?: string;
+    receivedByPosition?: string;
+    receivedByDate?: string;
+    issuedByName?: string;
+    issuedByPosition?: string;
+    issuedByDate?: string;
+};
+export declare function ParPreview({ entityName, fundCluster, parNo, items, quantity, unit, description, propertyNumber, dateAcquired, amount, receivedByName, receivedByPosition, receivedByDate, issuedByName, issuedByPosition, issuedByDate, }: ParPreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/gam/components/par-preview.js

@@ -0,0 +1,95 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FIXED_ROWS = 30;
+function fmtDate(value) {
+    if (!value || value.trim() === "")
+        return "";
+    const d = new Date(value);
+    return isNaN(d.getTime()) ? value : d.toLocaleDateString("en-PH");
+}
+function fmtAmount(value) {
+    if (!value || value.trim() === "")
+        return "";
+    const n = Number(value);
+    return Number.isNaN(n)
+        ? value
+        : n.toLocaleString("en-PH", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+}
+function toDescriptionLines(value) {
+    const raw = String(value ?? "").trim();
+    if (!raw)
+        return [];
+    return raw
+        .split(/\n|;/)
+        .map(line => line.trim())
+        .filter(Boolean);
+}
+export function ParPreview({ entityName = "", fundCluster = "", parNo = "", items, quantity = "", unit = "", description = "", propertyNumber = "", dateAcquired = "", amount = "", receivedByName = "", receivedByPosition = "", receivedByDate = "", issuedByName = "", issuedByPosition = "", issuedByDate = "", }) {
+    const cell = "border border-black px-1 py-1 leading-[1.2] align-middle text-[10px]";
+    const th = "border border-black px-1 py-1 leading-[1.2] text-[10px] font-semibold text-center";
+    // Prefer items array; fall back to legacy single-item props
+    const resolvedItems = items && items.length > 0
+        ? items
+        : quantity || unit || description || propertyNumber || dateAcquired || amount
+            ? [{ quantity, unit, description, propertyNumber, dateAcquired, amount }]
+            : [];
+    const totalAmount = resolvedItems.reduce((sum, item) => {
+        const n = Number(item.amount ?? "");
+        return sum + (Number.isNaN(n) ? 0 : n);
+    }, 0);
+    const emptyRowCount = Math.max(0, FIXED_ROWS - resolvedItems.length);
+    const poNo = "";
+    const siNo = "";
+    const issueDate = fmtDate(issuedByDate || dateAcquired);
+    return (_jsxs("div", { "data-par-preview": "true", "data-pdf-page": "true", "data-pdf-orientation": "portrait", className: "bg-white! text-black! [&_table]:text-black! [&_td]:bg-white! [&_td]:text-black! [&_th]:text-black!", style: {
+            width: "100%",
+            maxWidth: "760px",
+            minHeight: "1080px",
+            margin: "0 auto",
+            padding: "14px",
+            fontFamily: '"Times New Roman", serif',
+            fontSize: "12px",
+            backgroundColor: "#fff",
+            color: "#000",
+            colorScheme: "light",
+            boxSizing: "border-box",
+        }, children: [_jsx("div", { style: { textAlign: "center", marginBottom: "34px" }, children: _jsx("div", { style: { fontSize: "37px", fontWeight: 700, letterSpacing: "0.2px", lineHeight: 1.02 }, children: "PROPERTY ACKNOWLEDGMENT RECEIPT" }) }), _jsx("table", { style: { width: "100%", borderCollapse: "collapse", marginBottom: "2px", fontSize: "13px" }, children: _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsxs("td", { style: { width: "62%", padding: "1px 0", verticalAlign: "bottom" }, children: [_jsx("span", { style: { fontWeight: "bold", display: "inline-block", minWidth: "92px" }, children: "Entity Name :" }), _jsx("span", { style: { paddingLeft: "6px", fontWeight: 700 }, children: entityName || "" })] }), _jsx("td", { style: { width: "40%" } })] }), _jsxs("tr", { children: [_jsxs("td", { style: { width: "62%", padding: "1px 0", verticalAlign: "bottom" }, children: [_jsx("span", { style: { fontWeight: "bold", display: "inline-block", minWidth: "92px" }, children: "Fund Cluster:" }), _jsx("span", { style: { paddingLeft: "6px", fontWeight: 700 }, children: fundCluster || "" })] }), _jsxs("td", { style: { width: "38%", padding: "1px 0", verticalAlign: "bottom", textAlign: "left" }, children: [_jsx("span", { style: { fontWeight: "bold", display: "inline-block", minWidth: "72px" }, children: "PAR No.:" }), _jsx("span", { style: { paddingLeft: "4px", fontWeight: 700 }, children: parNo || "" })] })] })] }) }), _jsx("table", { style: { width: "100%", borderCollapse: "collapse", marginBottom: "0", fontSize: "11px" }, children: _jsx("tbody", { children: _jsxs("tr", { children: [_jsxs("td", { style: { width: "62%", padding: "0 0 2px", borderBottom: "1px solid #111" }, children: [_jsx("span", { style: { fontWeight: "bold" }, children: "P.O. No.:" }), _jsx("span", { style: { display: "inline-block", minWidth: "140px", marginLeft: "4px" }, children: poNo || "" })] }), _jsxs("td", { style: { width: "18%", padding: "0 0 2px", borderBottom: "1px solid #111" }, children: [_jsx("span", { style: { fontWeight: "bold" }, children: "S.I. No.:" }), _jsx("span", { style: { display: "inline-block", minWidth: "58px", marginLeft: "4px" }, children: siNo || "" })] }), _jsxs("td", { style: { width: "20%", padding: "0 0 2px", borderBottom: "1px solid #111" }, children: [_jsx("span", { style: { fontWeight: "bold" }, children: "Date:" }), _jsx("span", { style: { display: "inline-block", marginLeft: "4px" }, children: issueDate || "" })] })] }) }) }), _jsxs("table", { style: {
+                    width: "100%",
+                    borderCollapse: "collapse",
+                    fontSize: "10px",
+                    border: "2px solid #111",
+                    marginTop: "0",
+                }, children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { className: th, style: { width: "8%", fontSize: "12px", borderRight: "1px solid #111" }, children: "Quantity" }), _jsx("th", { className: th, style: { width: "7%", fontSize: "12px" }, children: "Unit" }), _jsx("th", { className: th, style: { width: "44%", fontSize: "12px" }, children: "Description" }), _jsxs("th", { className: th, style: { width: "15%", lineHeight: 1.05 }, children: ["Property", _jsx("br", {}), "Number"] }), _jsxs("th", { className: th, style: { width: "14%", lineHeight: 1.05 }, children: ["Date", _jsx("br", {}), "Acquired"] }), _jsx("th", { className: th, style: { width: "12%" }, children: "Amount" })] }) }), _jsxs("tbody", { children: [resolvedItems.map((item, i) => {
+                                const lines = toDescriptionLines(item.description);
+                                const firstLine = lines[0] ?? item.description ?? "";
+                                const extraLines = lines.slice(1);
+                                return (_jsxs("tr", { style: { height: "21px" }, children: [_jsx("td", { className: cell, style: { textAlign: "center", borderRight: "1px solid #111" }, children: item.quantity || " " }), _jsx("td", { className: cell, style: { textAlign: "center" }, children: item.unit || " " }), _jsxs("td", { className: cell, style: { whiteSpace: "pre-wrap" }, children: [_jsx("div", { children: firstLine || " " }), extraLines.map((line, lineIndex) => (_jsx("div", { style: { fontStyle: "italic" }, children: line }, `desc-line-${i}-${lineIndex}`)))] }), _jsx("td", { className: cell, children: item.propertyNumber || " " }), _jsx("td", { className: cell, children: fmtDate(item.dateAcquired) || " " }), _jsx("td", { className: cell, style: { textAlign: "right" }, children: fmtAmount(item.amount) || " " })] }, `par-data-row-${i}`));
+                            }), Array.from({ length: emptyRowCount }).map((_, i) => (_jsxs("tr", { style: { height: "21px" }, children: [_jsx("td", { className: cell, style: { borderRight: "1px solid #111" }, children: "\u00A0" }), _jsx("td", { className: cell, children: "\u00A0" }), _jsx("td", { className: cell, style: i === 1 ? { textAlign: "center", fontStyle: "italic" } : undefined, children: i === 1 ? "***nothing follows***" : " " }), _jsx("td", { className: cell, children: "\u00A0" }), _jsx("td", { className: cell, children: "\u00A0" }), _jsx("td", { className: cell, children: "\u00A0" })] }, `par-empty-row-${i}`))), _jsxs("tr", { style: { height: "22px" }, children: [_jsx("td", { className: cell, style: { borderRight: "1px solid #111" }, children: "\u00A0" }), _jsx("td", { className: cell, children: "\u00A0" }), _jsx("td", { className: cell, children: "\u00A0" }), _jsx("td", { className: cell, style: { textAlign: "center", fontWeight: "bold", fontSize: "11px" }, children: "TOTAL" }), _jsx("td", { className: cell, children: "\u00A0" }), _jsx("td", { className: cell, style: { textAlign: "right", fontWeight: "bold", paddingRight: "4px" }, children: totalAmount > 0 ? fmtAmount(String(totalAmount)) : "-" })] }, "par-total-row")] })] }), _jsx("table", { style: {
+                    width: "100%",
+                    borderCollapse: "collapse",
+                    fontSize: "11px",
+                    borderLeft: "2px solid #111",
+                    borderRight: "2px solid #111",
+                    borderBottom: "2px solid #111",
+                    borderTop: "none",
+                }, children: _jsx("tbody", { children: _jsxs("tr", { children: [_jsxs("td", { style: {
+                                    width: "50%",
+                                    padding: "4px 6px 6px",
+                                    borderRight: "2px solid #111",
+                                    verticalAlign: "top",
+                                }, children: [_jsx("div", { style: { fontWeight: "bold", marginBottom: "42px" }, children: "Received by:" }), _jsx("div", { style: {
+                                            minHeight: "16px",
+                                            marginBottom: "2px",
+                                            textAlign: "center",
+                                            fontWeight: "bold",
+                                        }, children: receivedByName || " " }), _jsx("div", { style: { textAlign: "center", fontSize: "11px", marginBottom: "20px" }, children: "Signature over Printed Name of End-User" }), _jsx("div", { style: { minHeight: "16px", marginBottom: "2px", textAlign: "center" }, children: receivedByPosition || " " }), _jsx("div", { style: { textAlign: "center", fontSize: "11px", marginBottom: "20px" }, children: "Position/Office" }), _jsx("div", { style: { minHeight: "16px", marginBottom: "2px", textAlign: "center" }, children: fmtDate(receivedByDate) || " " }), _jsx("div", { style: { textAlign: "center", fontSize: "10px" }, children: "Date" })] }), _jsxs("td", { style: {
+                                    width: "50%",
+                                    padding: "4px 6px 6px",
+                                    verticalAlign: "top",
+                                }, children: [_jsx("div", { style: { fontWeight: "bold", marginBottom: "42px" }, children: "Issued by:" }), _jsx("div", { style: {
+                                            minHeight: "16px",
+                                            marginBottom: "2px",
+                                            textAlign: "center",
+                                            fontWeight: "bold",
+                                        }, children: issuedByName || " " }), _jsx("div", { style: { textAlign: "center", fontSize: "11px", marginBottom: "20px" }, children: "Signature over Printed Name" }), _jsx("div", { style: { minHeight: "16px", marginBottom: "2px", textAlign: "center" }, children: issuedByPosition || " " }), _jsx("div", { style: { textAlign: "center", fontSize: "11px", marginBottom: "20px" }, children: "Position/Office" }), _jsx("div", { style: { minHeight: "16px", marginBottom: "2px", textAlign: "center" }, children: fmtDate(issuedByDate) || " " }), _jsx("div", { style: { textAlign: "center", fontSize: "10px" }, children: "Date" })] })] }) }) })] }));
+}