@tonzxz/government-forms 0.1.0

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

@@ -0,0 +1,123 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { computeGrandTotal, computeLineTotal, fmtAmount } from "../utils/line-totals.js";
+import { GrandTotalComputation } from "./grand-total-computation.js";
+const FIXED_ROWS = 15;
+const b = "1px solid #000";
+const bThick = "2px solid #000";
+function fmtDate(value) {
+    if (!value)
+        return "";
+    const d = new Date(value);
+    return isNaN(d.getTime()) ? value : d.toLocaleDateString("en-PH");
+}
+function fmtNum(value) {
+    const n = Number(value);
+    return Number.isNaN(n)
+        ? value
+        : n.toLocaleString("en-PH", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+}
+function calcValue(shortageOverage, unitValue) {
+    const qty = Number(shortageOverage);
+    const val = Number(unitValue);
+    if (Number.isNaN(qty) || Number.isNaN(val))
+        return "";
+    const result = qty * val;
+    return result === 0 ? "" : fmtNum(String(result));
+}
+function Underline({ children, width }) {
+    return (_jsx("span", { style: {
+            display: "inline-block",
+            borderBottom: b,
+            minWidth: width ?? "80px",
+            textAlign: "center",
+            boxSizing: "border-box",
+            minHeight: "21px",
+            padding: "2px 2px 5px",
+            lineHeight: "14px",
+            verticalAlign: "bottom",
+        }, children: children }));
+}
+export function RpciPreview({ rpciNo: _rpciNo = "Auto-generated", typeOfInventory = "", asAtDate = "", fundCluster = "", nameOfAccountableOfficer = "", officialDesignation = "", entityName = "", dateOfAssumption = "", certifiedCorrectBy = "", approvedBy = "", verifiedBy = "", lines, }) {
+    const rows = Array.from({ length: FIXED_ROWS }, (_, i) => lines[i] ?? null);
+    const fs = "7.5pt";
+    const thStyle = {
+        border: b,
+        padding: "3px 4px",
+        fontSize: "7pt",
+        fontWeight: "bold",
+        textAlign: "center",
+        verticalAlign: "middle",
+        backgroundColor: "#fff",
+        lineHeight: 1.3,
+    };
+    const tdStyle = {
+        border: b,
+        padding: "1px 3px",
+        fontSize: fs,
+        verticalAlign: "top",
+        height: "17px",
+    };
+    return (_jsxs("div", { "data-pdf-page": "true", "data-pdf-fit-one-page": "true", "data-pdf-orientation": "landscape", style: {
+            width: "297mm",
+            minHeight: "210mm",
+            padding: "8mm 10mm",
+            fontFamily: "Arial, sans-serif",
+            fontSize: fs,
+            backgroundColor: "#fff",
+            boxSizing: "border-box",
+            position: "relative",
+        }, children: [_jsx("div", { style: {
+                    position: "absolute",
+                    top: "8mm",
+                    right: "10mm",
+                    fontStyle: "italic",
+                    fontSize: "9pt",
+                }, children: "Appendix 66" }), _jsx("div", { style: {
+                    textAlign: "center",
+                    fontWeight: "bold",
+                    fontSize: "11pt",
+                    marginBottom: "3px",
+                    marginTop: "2px",
+                }, children: "REPORT ON THE PHYSICAL COUNT OF INVENTORIES" }), _jsxs("div", { style: { textAlign: "center", marginBottom: "3px" }, children: [_jsx(Underline, { width: "180px", children: typeOfInventory || "\u00a0" }), _jsx("div", { style: { fontSize: "7pt", fontStyle: "italic" }, children: "(Type of Inventory Item)" })] }), _jsxs("div", { style: { textAlign: "center", marginBottom: "4px", fontSize: fs }, children: [_jsx("span", { style: { fontWeight: "bold" }, children: "As at " }), _jsx(Underline, { width: "110px", children: fmtDate(asAtDate) || "\u00a0" })] }), _jsxs("div", { style: { marginBottom: "3px", fontSize: fs }, children: [_jsx("span", { style: { fontWeight: "bold" }, children: "Fund Cluster : " }), _jsx(Underline, { width: "150px", children: fundCluster || "\u00a0" })] }), _jsxs("div", { style: { marginBottom: "5px", fontSize: fs, lineHeight: 1.7 }, children: [_jsx("span", { style: { fontWeight: "bold" }, children: "For which " }), _jsx(Underline, { width: "110px", children: _jsx("span", { style: { fontStyle: "italic" }, children: nameOfAccountableOfficer || "\u00a0" }) }), _jsx("span", { style: { fontStyle: "italic", fontSize: "7pt" }, children: " (Name of Accountable Officer)" }), _jsx("span", { children: " , " }), _jsx(Underline, { width: "90px", children: _jsx("span", { style: { fontStyle: "italic" }, children: officialDesignation || "\u00a0" }) }), _jsx("span", { style: { fontStyle: "italic", fontSize: "7pt" }, children: " (Official Designation)" }), _jsx("span", { children: " , " }), _jsx(Underline, { width: "110px", children: _jsx("span", { style: { fontStyle: "italic" }, children: entityName || "\u00a0" }) }), _jsx("span", { style: { fontStyle: "italic", fontSize: "7pt" }, children: " (Entity Name)" }), _jsx("span", { children: " is accountable, having assumed such accountability on " }), _jsx(Underline, { width: "90px", children: _jsx("span", { style: { fontStyle: "italic" }, children: dateOfAssumption ? fmtDate(dateOfAssumption) : "\u00a0" }) }), _jsx("span", { style: { fontStyle: "italic", fontSize: "7pt" }, children: " (Date of Assumption)" })] }), _jsxs("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed", border: bThick }, children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: "7%" } }), _jsx("col", { style: { width: "18%" } }), _jsx("col", { style: { width: "7%" } }), _jsx("col", { style: { width: "6%" } }), _jsx("col", { style: { width: "7%" } }), _jsx("col", { style: { width: "8%" } }), _jsx("col", { style: { width: "8%" } }), _jsx("col", { style: { width: "8%" } }), _jsx("col", { style: { width: "8%" } }), _jsx("col", { style: { width: "9%" } }), _jsx("col", { style: { width: "14%" } })] }), _jsx("thead", { children: _jsxs("tr", { style: { height: "60px" }, children: [_jsx("th", { style: thStyle, children: "Article" }), _jsx("th", { style: thStyle, children: "Description" }), _jsx("th", { style: thStyle, children: "Stock Number" }), _jsx("th", { style: thStyle, children: "Unit of Measure" }), _jsx("th", { style: thStyle, children: "Unit Value" }), _jsxs("th", { style: thStyle, children: ["Balance Per Card", _jsx("br", {}), _jsx("span", { style: { fontWeight: "normal", fontStyle: "italic" }, children: "(Quantity)" })] }), _jsxs("th", { style: thStyle, children: ["On Hand Per Count", _jsx("br", {}), _jsx("span", { style: { fontWeight: "normal", fontStyle: "italic" }, children: "(Quantity)" })] }), _jsxs("th", { style: thStyle, children: ["Shortage/Overage", _jsx("br", {}), "Quantity"] }), _jsxs("th", { style: thStyle, children: ["Shortage/Overage", _jsx("br", {}), "Value"] }), _jsxs("th", { style: thStyle, children: ["Total Value", _jsx("br", {}), _jsx("span", { style: { fontWeight: "normal", fontSize: "6.5pt" }, children: "(On Hand Per Count \u00D7 Unit Value)" })] }), _jsx("th", { style: thStyle, children: "Remarks" })] }) }), _jsxs("tbody", { children: [rows.map((line, idx) => (_jsxs("tr", { children: [_jsx("td", { style: tdStyle, children: line?.article || "\u00a0" }), _jsx("td", { style: tdStyle, children: line?.description || "\u00a0" }), _jsx("td", { style: tdStyle, children: line?.stockNo || "\u00a0" }), _jsx("td", { style: { ...tdStyle, textAlign: "center" }, children: line?.unitOfMeasure || "\u00a0" }), _jsx("td", { style: { ...tdStyle, textAlign: "right" }, children: line ? fmtNum(line.unitValue) : "\u00a0" }), _jsx("td", { style: { ...tdStyle, textAlign: "right" }, children: line ? fmtNum(line.balancePerCard) : "\u00a0" }), _jsx("td", { style: { ...tdStyle, textAlign: "right" }, children: line ? fmtNum(line.onHandPerCount) : "\u00a0" }), _jsx("td", { style: { ...tdStyle, textAlign: "right" }, children: line ? fmtNum(line.shortageOverage) : "\u00a0" }), _jsx("td", { style: { ...tdStyle, textAlign: "right" }, children: line ? calcValue(line.shortageOverage, line.unitValue) || "\u00a0" : "\u00a0" }), _jsx("td", { style: { ...tdStyle, textAlign: "right" }, children: line ? fmtAmount(computeLineTotal(line.onHandPerCount, line.unitValue)) : "\u00a0" }), _jsx("td", { style: tdStyle, children: line?.remarks || "\u00a0" })] }, idx))), _jsxs("tr", { children: [_jsx("td", { colSpan: 9, style: { ...tdStyle, textAlign: "right", fontWeight: "bold", height: "20px" }, children: "GRAND TOTAL" }), _jsx("td", { style: { ...tdStyle, textAlign: "right", fontWeight: "bold" }, children: fmtAmount(computeGrandTotal(lines.map(line => ({
+                                            physicalCountQty: line.onHandPerCount,
+                                            unitValue: line.unitValue,
+                                        })))) }), _jsx("td", { style: tdStyle, children: "\u00a0" })] }), _jsxs("tr", { children: [_jsxs("td", { colSpan: 4, style: {
+                                            border: b,
+                                            borderLeft: "none",
+                                            padding: "5px 8px",
+                                            verticalAlign: "top",
+                                            fontSize: fs,
+                                        }, children: [_jsx("div", { style: { marginBottom: "16px" }, children: "Certified Correct by:" }), _jsx("div", { style: {
+                                                    borderBottom: b,
+                                                    boxSizing: "border-box",
+                                                    height: "24px",
+                                                    padding: "3px 2px 5px",
+                                                    lineHeight: 1.1,
+                                                    marginBottom: "4px",
+                                                }, children: certifiedCorrectBy || "\u00a0" }), _jsxs("div", { style: { fontSize: "6.5pt", textAlign: "center" }, children: ["Signature over Printed Name of", _jsx("br", {}), "Inventory Committee Chair and", _jsx("br", {}), "Members"] })] }), _jsxs("td", { colSpan: 4, style: { border: b, padding: "5px 8px", verticalAlign: "top", fontSize: fs }, children: [_jsx("div", { style: { marginBottom: "16px" }, children: "Approved by:" }), _jsx("div", { style: {
+                                                    borderBottom: b,
+                                                    boxSizing: "border-box",
+                                                    height: "24px",
+                                                    padding: "3px 2px 5px",
+                                                    lineHeight: 1.1,
+                                                    marginBottom: "4px",
+                                                }, children: approvedBy || "\u00a0" }), _jsxs("div", { style: { fontSize: "6.5pt", textAlign: "center" }, children: ["Signature over Printed Name of Head of", _jsx("br", {}), "Agency/Entity or Authorized Representative"] })] }), _jsxs("td", { colSpan: 3, style: {
+                                            border: b,
+                                            borderRight: "none",
+                                            padding: "5px 8px",
+                                            verticalAlign: "top",
+                                            fontSize: fs,
+                                        }, children: [_jsx("div", { style: { marginBottom: "16px" }, children: "Verified by:" }), _jsx("div", { style: {
+                                                    borderBottom: b,
+                                                    boxSizing: "border-box",
+                                                    height: "24px",
+                                                    padding: "3px 2px 5px",
+                                                    lineHeight: 1.1,
+                                                    marginBottom: "4px",
+                                                }, children: verifiedBy || "\u00a0" }), _jsxs("div", { style: { fontSize: "6.5pt", textAlign: "center" }, children: ["Signature over Printed Name of COA", _jsx("br", {}), "Representative"] })] })] })] })] }), _jsx(GrandTotalComputation, { lines: lines.map(line => ({
+                    label: line.article,
+                    physicalCountQty: line.onHandPerCount,
+                    unitValue: line.unitValue,
+                })) })] }));
+}

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

@@ -0,0 +1,28 @@
+type RpcppeLine = {
+    article?: string;
+    description?: string;
+    propertyNumber?: string;
+    unitOfMeasure?: string;
+    unitValue: string;
+    quantityPerPropertyCard: string;
+    quantityPerPhysicalCount: string;
+    shortageOverageQuantity: string;
+    shortageOverageValue: string;
+    remarks?: string;
+};
+export type RpcppePreviewProps = {
+    rpcppeNo?: string;
+    typeOfPropertyPlantEquipment?: string;
+    fundCluster?: string;
+    nameOfAccountableOfficer?: string;
+    officialDesignation?: string;
+    entityName?: string;
+    asOfDate?: string;
+    dateOfAssumption?: string;
+    inventoryCommitteeSignature?: string;
+    headOfAgencySignature?: string;
+    coaRepresentativeSignature?: string;
+    lines: RpcppeLine[];
+};
+export declare function RpcppePreview({ rpcppeNo: _rpcppeNo, typeOfPropertyPlantEquipment, fundCluster, nameOfAccountableOfficer, officialDesignation, entityName, asOfDate, dateOfAssumption, inventoryCommitteeSignature, headOfAgencySignature, coaRepresentativeSignature, lines, }: RpcppePreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,133 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { computeGrandTotal, computeLineTotal, fmtAmount } from "../utils/line-totals.js";
+import { GrandTotalComputation } from "./grand-total-computation.js";
+const FIXED_ROWS = 15;
+const b = "1px solid #000";
+const bThick = "2px solid #000";
+function fmtDate(value) {
+    if (!value)
+        return "";
+    const d = new Date(value);
+    return isNaN(d.getTime()) ? value : d.toLocaleDateString("en-PH");
+}
+function fmtNum(value) {
+    const n = Number(value);
+    return Number.isNaN(n)
+        ? value
+        : n.toLocaleString("en-PH", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+}
+function isPendingPhysicalCount(line) {
+    return (line.remarks ?? "").includes("physical count pending Inventory Committee confirmation");
+}
+function Underline({ children, width }) {
+    return (_jsx("span", { style: {
+            boxSizing: "border-box",
+            display: "inline-block",
+            borderBottom: b,
+            minWidth: width ?? "80px",
+            height: "19px",
+            padding: "2px 2px 5px",
+            textAlign: "center",
+            lineHeight: 1.15,
+            verticalAlign: "bottom",
+        }, children: children }));
+}
+export function RpcppePreview({ rpcppeNo: _rpcppeNo = "Auto-generated", typeOfPropertyPlantEquipment = "", fundCluster = "", nameOfAccountableOfficer = "", officialDesignation = "", entityName = "", asOfDate = "", dateOfAssumption = "", inventoryCommitteeSignature = "", headOfAgencySignature = "", coaRepresentativeSignature = "", lines, }) {
+    const rows = Array.from({ length: FIXED_ROWS }, (_, i) => lines[i] ?? null);
+    const hasPendingPhysicalCounts = lines.some(isPendingPhysicalCount);
+    const fs = "7.5pt";
+    const thStyle = {
+        border: b,
+        padding: "4px 4px",
+        fontSize: "7pt",
+        fontWeight: "bold",
+        textAlign: "center",
+        verticalAlign: "middle",
+        backgroundColor: "#fff",
+        lineHeight: 1.2,
+    };
+    const tdStyle = {
+        border: b,
+        padding: "3px",
+        fontSize: fs,
+        lineHeight: 1.2,
+        verticalAlign: "middle",
+        height: "22px",
+    };
+    return (_jsxs("div", { "data-pdf-page": "true", "data-pdf-fit-one-page": "true", "data-pdf-orientation": "landscape", style: {
+            width: "297mm",
+            minHeight: "210mm",
+            padding: "8mm 10mm",
+            fontFamily: "Arial, sans-serif",
+            fontSize: fs,
+            backgroundColor: "#fff",
+            boxSizing: "border-box",
+            position: "relative",
+        }, children: [_jsx("div", { style: {
+                    position: "absolute",
+                    top: "8mm",
+                    right: "10mm",
+                    fontStyle: "italic",
+                    fontSize: "9pt",
+                }, children: "Appendix 71" }), _jsx("div", { style: {
+                    textAlign: "center",
+                    fontWeight: "bold",
+                    fontSize: "11pt",
+                    marginBottom: "3px",
+                    marginTop: "2px",
+                    lineHeight: 1.3,
+                }, children: "REPORT ON THE PHYSICAL COUNT OF PROPERTY, PLANT AND EQUIPMENT" }), _jsxs("div", { style: { textAlign: "center", marginBottom: "3px" }, children: [_jsx(Underline, { width: "200px", children: typeOfPropertyPlantEquipment || "\u00a0" }), _jsx("div", { style: { fontSize: "7pt", fontStyle: "italic" }, children: "(Type of Property, Plant and Equipment)" })] }), _jsxs("div", { style: { textAlign: "center", marginBottom: "4px", fontSize: fs }, children: [_jsx("span", { style: { fontWeight: "bold" }, children: "As at " }), _jsx(Underline, { width: "110px", children: asOfDate ? fmtDate(asOfDate) : "\u00a0" })] }), _jsxs("div", { style: { marginBottom: "3px", fontSize: fs }, children: [_jsx("span", { style: { fontWeight: "bold" }, children: "Fund Cluster : " }), _jsx(Underline, { width: "150px", children: fundCluster || "\u00a0" })] }), _jsxs("div", { style: { marginBottom: "5px", fontSize: fs, lineHeight: 1.7 }, children: [_jsx("span", { style: { fontWeight: "bold" }, children: "For which " }), _jsx(Underline, { width: "110px", children: _jsx("span", { style: { fontStyle: "italic" }, children: nameOfAccountableOfficer || "\u00a0" }) }), _jsx("span", { style: { fontStyle: "italic", fontSize: "7pt" }, children: " (Name of Accountable Officer)" }), _jsx("span", { children: " , " }), _jsx(Underline, { width: "90px", children: _jsx("span", { style: { fontStyle: "italic" }, children: officialDesignation || "\u00a0" }) }), _jsx("span", { style: { fontStyle: "italic", fontSize: "7pt" }, children: " (Official Designation)" }), _jsx("span", { children: " , " }), _jsx(Underline, { width: "110px", children: _jsx("span", { style: { fontStyle: "italic" }, children: entityName || "\u00a0" }) }), _jsx("span", { style: { fontStyle: "italic", fontSize: "7pt" }, children: " (Entity Name)" }), _jsx("span", { children: " is accountable, having assumed such accountability on " }), _jsx(Underline, { width: "90px", children: _jsx("span", { style: { fontStyle: "italic" }, children: dateOfAssumption ? fmtDate(dateOfAssumption) : "\u00a0" }) }), _jsx("span", { style: { fontStyle: "italic", fontSize: "7pt" }, children: " (Date of Assumption)" })] }), _jsxs("table", { style: {
+                    width: "100%",
+                    borderCollapse: "collapse",
+                    tableLayout: "fixed",
+                    border: bThick,
+                }, children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: "8%" } }), _jsx("col", { style: { width: "18%" } }), _jsx("col", { style: { width: "8%" } }), _jsx("col", { style: { width: "6%" } }), _jsx("col", { style: { width: "7%" } }), _jsx("col", { style: { width: "9%" } }), _jsx("col", { style: { width: "9%" } }), _jsx("col", { style: { width: "7%" } }), _jsx("col", { style: { width: "7%" } }), _jsx("col", { style: { width: "9%" } }), _jsx("col", { style: { width: "12%" } })] }), _jsx("thead", { children: _jsxs("tr", { style: { height: "77px" }, children: [_jsx("th", { style: thStyle, children: "ARTICLE" }), _jsx("th", { style: thStyle, children: "DESCRIPTION" }), _jsx("th", { style: thStyle, children: "PROPERTY NUMBER" }), _jsx("th", { style: thStyle, children: "UNIT OF MEASURE" }), _jsx("th", { style: thStyle, children: "UNIT VALUE" }), _jsxs("th", { style: thStyle, children: ["QUANTITY", _jsx("br", {}), _jsx("span", { style: { fontWeight: "normal", fontSize: "6.5pt" }, children: "per" }), _jsx("br", {}), "PROPERTY CARD", _jsx("br", {}), _jsx("span", { style: { fontWeight: "normal", fontStyle: "italic" }, children: "(Quantity)" })] }), _jsxs("th", { style: thStyle, children: ["QUANTITY", _jsx("br", {}), _jsx("span", { style: { fontWeight: "normal", fontSize: "6.5pt" }, children: "per" }), _jsx("br", {}), "PHYSICAL COUNT", _jsx("br", {}), _jsx("span", { style: { fontWeight: "normal", fontStyle: "italic" }, children: "(Quantity)" })] }), _jsxs("th", { style: thStyle, children: ["SHORTAGE/OVERAGE", _jsx("br", {}), "Quantity"] }), _jsxs("th", { style: thStyle, children: ["SHORTAGE/OVERAGE", _jsx("br", {}), "Value"] }), _jsxs("th", { style: thStyle, children: ["TOTAL VALUE", _jsx("br", {}), _jsx("span", { style: { fontWeight: "normal", fontSize: "6.5pt" }, children: "(Physical Count Qty \u00D7 Unit Value)" })] }), _jsx("th", { style: thStyle, children: "ACCOUNTABLE PERSON" })] }) }), _jsxs("tbody", { children: [rows.map((line, idx) => {
+                                const isPending = line ? isPendingPhysicalCount(line) : false;
+                                return (_jsxs("tr", { children: [_jsx("td", { style: tdStyle, children: line?.article || "\u00a0" }), _jsx("td", { style: tdStyle, children: line?.description || "\u00a0" }), _jsx("td", { style: tdStyle, children: line?.propertyNumber || "\u00a0" }), _jsx("td", { style: { ...tdStyle, textAlign: "center" }, children: line?.unitOfMeasure || "\u00a0" }), _jsx("td", { style: { ...tdStyle, textAlign: "right" }, children: line ? fmtNum(line.unitValue) : "\u00a0" }), _jsx("td", { style: { ...tdStyle, textAlign: "right" }, children: line ? fmtNum(line.quantityPerPropertyCard) : "\u00a0" }), _jsx("td", { style: { ...tdStyle, textAlign: "right" }, children: line && !isPending ? fmtNum(line.quantityPerPhysicalCount) : "\u00a0" }), _jsx("td", { style: { ...tdStyle, textAlign: "right" }, children: line && !isPending ? fmtNum(line.shortageOverageQuantity) : "\u00a0" }), _jsx("td", { style: { ...tdStyle, textAlign: "right" }, children: line && !isPending ? fmtNum(line.shortageOverageValue) : "\u00a0" }), _jsx("td", { style: { ...tdStyle, textAlign: "right" }, children: line && !isPending
+                                                ? fmtAmount(computeLineTotal(line.quantityPerPhysicalCount, line.unitValue))
+                                                : "\u00a0" }), _jsx("td", { style: tdStyle, children: line ? nameOfAccountableOfficer || "\u00a0" : "\u00a0" })] }, idx));
+                            }), _jsxs("tr", { children: [_jsx("td", { colSpan: 9, style: { ...tdStyle, textAlign: "right", fontWeight: "bold", height: "20px" }, children: "GRAND TOTAL" }), _jsx("td", { style: { ...tdStyle, textAlign: "right", fontWeight: "bold" }, children: hasPendingPhysicalCounts
+                                            ? "\u00a0"
+                                            : fmtAmount(computeGrandTotal(lines.map(line => ({
+                                                physicalCountQty: line.quantityPerPhysicalCount,
+                                                unitValue: line.unitValue,
+                                            })))) }), _jsx("td", { style: tdStyle, children: "\u00a0" })] }), _jsxs("tr", { children: [_jsxs("td", { colSpan: 4, style: {
+                                            border: b,
+                                            borderLeft: "none",
+                                            padding: "5px 8px",
+                                            verticalAlign: "top",
+                                            fontSize: fs,
+                                        }, children: [_jsx("div", { style: { marginBottom: "16px" }, children: "Certified Correct by:" }), _jsx("div", { style: {
+                                                    boxSizing: "border-box",
+                                                    height: "24px",
+                                                    padding: "3px 2px 5px",
+                                                    borderBottom: b,
+                                                    lineHeight: 1.1,
+                                                    marginBottom: "5px",
+                                                }, children: inventoryCommitteeSignature || "\u00a0" }), _jsxs("div", { style: { fontSize: "6.5pt", textAlign: "center" }, children: ["Signature over Printed Name of", _jsx("br", {}), "Inventory Committee Chair and", _jsx("br", {}), "Members"] })] }), _jsxs("td", { colSpan: 4, style: { border: b, padding: "5px 8px", verticalAlign: "top", fontSize: fs }, children: [_jsx("div", { style: { marginBottom: "16px" }, children: "Approved by:" }), _jsx("div", { style: {
+                                                    boxSizing: "border-box",
+                                                    height: "24px",
+                                                    padding: "3px 2px 5px",
+                                                    borderBottom: b,
+                                                    lineHeight: 1.1,
+                                                    marginBottom: "5px",
+                                                }, children: headOfAgencySignature || "\u00a0" }), _jsxs("div", { style: { fontSize: "6.5pt", textAlign: "center" }, children: ["Signature over Printed Name of Head of", _jsx("br", {}), "Agency/Entity or Authorized Representative"] })] }), _jsxs("td", { colSpan: 3, style: {
+                                            border: b,
+                                            borderRight: "none",
+                                            padding: "5px 8px",
+                                            verticalAlign: "top",
+                                            fontSize: fs,
+                                        }, children: [_jsx("div", { style: { marginBottom: "16px" }, children: "Verified by:" }), _jsx("div", { style: {
+                                                    boxSizing: "border-box",
+                                                    height: "24px",
+                                                    padding: "3px 2px 5px",
+                                                    borderBottom: b,
+                                                    lineHeight: 1.1,
+                                                    marginBottom: "5px",
+                                                }, children: coaRepresentativeSignature || "\u00a0" }), _jsxs("div", { style: { fontSize: "6.5pt", textAlign: "center" }, children: ["Signature over Printed Name of COA", _jsx("br", {}), "Representative"] })] })] })] })] }), !hasPendingPhysicalCounts ? (_jsx(GrandTotalComputation, { lines: lines.map(line => ({
+                    label: line.article,
+                    physicalCountQty: line.quantityPerPhysicalCount,
+                    unitValue: line.unitValue,
+                })) })) : null] }));
+}

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

@@ -0,0 +1,29 @@
+type RpcspLine = {
+    article?: string;
+    description?: string;
+    semiExpendablePropertyNo?: string;
+    unitOfMeasure?: string;
+    unitValue: string;
+    balancePerCardQty: string;
+    onHandPerCardQty: string;
+    shortageOverageQty: string;
+    shortageOverageValue: string;
+    remarks?: string;
+};
+type RpcspPreviewProps = {
+    fundCluster?: string;
+    forWhich?: string;
+    nameOfAccountableOfficer?: string;
+    officialDesignation?: string;
+    entityName?: string;
+    dateOfAssumption?: string;
+    certifiedCorrectBy?: string;
+    approvedBy?: string;
+    verifiedBy?: string;
+    rpcspNo?: string;
+    lines: RpcspLine[];
+};
+export declare const RPCSP_PREVIEW_ROW_COUNT = 35;
+export declare function buildRpcspPreviewRows<T>(lines: T[]): Array<T | null>;
+export declare function RpcspPreview({ fundCluster, forWhich, nameOfAccountableOfficer, officialDesignation, entityName, dateOfAssumption, certifiedCorrectBy, approvedBy, verifiedBy, rpcspNo, lines, }: RpcspPreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,81 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { resolveRpcspAccountablePerson } from "../../lib/rpcsp-accountable-person.js";
+import { computeGrandTotal, computeLineTotal, fmtAmount } from "../utils/line-totals.js";
+import { GrandTotalComputation } from "./grand-total-computation.js";
+export const RPCSP_PREVIEW_ROW_COUNT = 35;
+export function buildRpcspPreviewRows(lines) {
+    return Array.from({ length: Math.max(RPCSP_PREVIEW_ROW_COUNT, lines.length) }, (_, index) => lines[index] ?? null);
+}
+function fmtDate(value) {
+    if (!value)
+        return "";
+    const d = new Date(value);
+    return isNaN(d.getTime()) ? value : d.toLocaleDateString("en-PH");
+}
+function fmtNum(value) {
+    const n = Number(value);
+    return Number.isNaN(n)
+        ? value
+        : n.toLocaleString("en-PH", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+}
+export function RpcspPreview({ fundCluster = "", forWhich = "", nameOfAccountableOfficer = "", officialDesignation = "", entityName = "", dateOfAssumption = "", certifiedCorrectBy = "", approvedBy = "", verifiedBy = "", rpcspNo = "Auto-generated", lines, }) {
+    const rows = buildRpcspPreviewRows(lines);
+    const cell = "rpcsp-cell";
+    const th = "rpcsp-heading";
+    return (_jsxs("div", { className: "rpcsp-page", "data-pdf-page": "true", "data-pdf-orientation": "portrait", style: {
+            width: "210mm",
+            minHeight: "297mm",
+            padding: "7mm 9mm",
+            fontFamily: "Arial, sans-serif",
+            fontSize: "7.5pt",
+            lineHeight: 1.4,
+            color: "#000",
+            backgroundColor: "#fff",
+            boxSizing: "border-box",
+        }, children: [_jsx("style", { children: `
+				/* Keep app-theme row backgrounds from painting over document text during capture. */
+				.rpcsp-page table, .rpcsp-page thead, .rpcsp-page tbody,
+				.rpcsp-page tr, .rpcsp-page td { background-color: transparent; color: #000; }
+				.rpcsp-page th { background-color: #f0f0f0; color: #000; }
+				.rpcsp-page td, .rpcsp-page th { overflow-wrap: anywhere; }
+				.rpcsp-page .rpcsp-cell, .rpcsp-page .rpcsp-heading {
+					border: 0; border-right: 1px solid #777; border-bottom: 1px solid #777;
+					padding: 3px 4px; font-size: 6pt; line-height: 1.4;
+					vertical-align: middle; color: #000; white-space: normal;
+				}
+				.rpcsp-page .rpcsp-heading { font-weight: 600; text-align: center; }
+			` }), _jsx("div", { style: { textAlign: "center", marginBottom: "3px" }, children: _jsx("div", { style: { fontSize: "10pt", fontWeight: "bold", letterSpacing: "0.5px" }, children: "REPORT ON THE PHYSICAL COUNT OF SEMI-EXPENDABLE PROPERTY (RPCSP)" }) }), _jsx("table", { style: { width: "100%", borderCollapse: "collapse", marginBottom: "4mm", fontSize: "6pt" }, children: _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsxs("td", { style: { width: "50%", padding: "1px 2px" }, children: [_jsx("span", { style: { fontWeight: "bold" }, children: "Entity Name: " }), _jsx("span", { children: entityName || "\u00a0" })] }), _jsxs("td", { style: { width: "50%", padding: "1px 2px" }, children: [_jsx("span", { style: { fontWeight: "bold" }, children: "Fund Cluster: " }), _jsx("span", { children: fundCluster || "\u00a0" })] })] }), _jsxs("tr", { children: [_jsxs("td", { style: { padding: "1px 2px" }, children: [_jsx("span", { style: { fontWeight: "bold" }, children: "For which: " }), _jsx("span", { children: forWhich || "\u00a0" })] }), _jsxs("td", { style: { padding: "1px 2px" }, children: [_jsx("span", { style: { fontWeight: "bold" }, children: "RPCSP No.: " }), _jsx("span", { children: rpcspNo })] })] }), _jsxs("tr", { children: [_jsxs("td", { style: { padding: "1px 2px" }, children: [_jsx("span", { style: { fontWeight: "bold" }, children: "Name of Accountable Officer: " }), _jsx("span", { children: nameOfAccountableOfficer || "\u00a0" })] }), _jsxs("td", { style: { padding: "1px 2px" }, children: [_jsx("span", { style: { fontWeight: "bold" }, children: "Official Designation: " }), _jsx("span", { children: officialDesignation || "\u00a0" })] })] }), _jsx("tr", { children: _jsxs("td", { colSpan: 2, style: { padding: "1px 2px" }, children: [_jsx("span", { style: { fontWeight: "bold" }, children: "Date of Assumption: " }), _jsx("span", { children: fmtDate(dateOfAssumption) || "\u00a0" })] }) })] }) }), _jsx("div", { children: _jsxs("table", { style: {
+                        width: "100%",
+                        borderCollapse: "separate",
+                        borderSpacing: 0,
+                        borderTop: "1px solid #777",
+                        borderLeft: "1px solid #777",
+                        tableLayout: "fixed",
+                    }, children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: "9%" } }), _jsx("col", { style: { width: "18%" } }), _jsx("col", { style: { width: "12%" } }), _jsx("col", { style: { width: "7%" } }), _jsx("col", { style: { width: "8%" } }), _jsx("col", { style: { width: "8%" } }), _jsx("col", { style: { width: "8%" } }), _jsx("col", { style: { width: "8%" } }), _jsx("col", { style: { width: "8%" } }), _jsx("col", { style: { width: "9%" } }), _jsx("col", { style: { width: "9%" } })] }), _jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { className: th, scope: "col", children: "Article" }), _jsx("th", { className: th, scope: "col", children: "Description" }), _jsx("th", { className: th, scope: "col", children: "Semi-expendable Property No." }), _jsx("th", { className: th, scope: "col", children: "Unit of Measure" }), _jsx("th", { className: th, scope: "col", children: "Unit Value" }), _jsxs("th", { className: th, scope: "col", children: ["Balance per Card", _jsx("br", {}), "Qty"] }), _jsxs("th", { className: th, scope: "col", children: ["Balance per Card", _jsx("br", {}), "On Hand Per Card Qty"] }), _jsxs("th", { className: th, scope: "col", children: ["Shortage/Overage", _jsx("br", {}), "Qty"] }), _jsxs("th", { className: th, scope: "col", children: ["Shortage/Overage", _jsx("br", {}), "Value"] }), _jsxs("th", { className: th, scope: "col", children: ["Total Value", _jsx("br", {}), _jsx("span", { style: { fontWeight: "normal" }, children: "(On Hand Qty \u00D7 Unit Value)" })] }), _jsx("th", { className: th, scope: "col", children: "Accountable Person" })] }) }), _jsxs("tbody", { children: [rows.map((line, idx) => (_jsxs("tr", { style: { height: "12px" }, children: [_jsx("td", { className: cell, children: line?.article || "\u00a0" }), _jsx("td", { className: cell, children: line?.description || "\u00a0" }), _jsx("td", { className: cell, children: line?.semiExpendablePropertyNo || "\u00a0" }), _jsx("td", { className: cell, style: { textAlign: "center" }, children: line?.unitOfMeasure || "\u00a0" }), _jsx("td", { className: cell, style: { textAlign: "right" }, children: line ? fmtNum(line.unitValue) : "\u00a0" }), _jsx("td", { className: cell, style: { textAlign: "right" }, children: line ? fmtNum(line.balancePerCardQty) : "\u00a0" }), _jsx("td", { className: cell, style: { textAlign: "right" }, children: line ? fmtNum(line.onHandPerCardQty) : "\u00a0" }), _jsx("td", { className: cell, style: { textAlign: "right" }, children: line ? fmtNum(line.shortageOverageQty) : "\u00a0" }), _jsx("td", { className: cell, style: { textAlign: "right" }, children: line ? fmtNum(line.shortageOverageValue) : "\u00a0" }), _jsx("td", { className: cell, style: { textAlign: "right" }, children: line ? fmtAmount(computeLineTotal(line.onHandPerCardQty, line.unitValue)) : "" }), _jsx("td", { className: cell, children: line
+                                                ? resolveRpcspAccountablePerson(line.remarks, nameOfAccountableOfficer) ||
+                                                    "\u00a0"
+                                                : "\u00a0" })] }, idx))), _jsxs("tr", { style: { height: "14px" }, children: [_jsx("td", { className: cell, colSpan: 9, style: { textAlign: "right", fontWeight: "bold" }, children: "GRAND TOTAL" }), _jsx("td", { className: cell, style: { textAlign: "right", fontWeight: "bold" }, children: fmtAmount(computeGrandTotal(lines.map(line => ({
+                                                physicalCountQty: line.onHandPerCardQty,
+                                                unitValue: line.unitValue,
+                                            })))) }), _jsx("td", { className: cell, children: "" })] })] })] }) }), _jsx("table", { style: { width: "100%", borderCollapse: "collapse", marginTop: "6px", fontSize: "6pt" }, children: _jsx("tbody", { children: _jsxs("tr", { children: [_jsxs("td", { style: { width: "33%", padding: "2px 4px", verticalAlign: "top" }, children: [_jsx("div", { style: { fontWeight: "bold" }, children: "Certified Correct by:" }), _jsx("div", { style: { marginTop: "4px" }, children: certifiedCorrectBy || "\u00a0" }), _jsx("div", { style: {
+                                            marginTop: "10px",
+                                            borderTop: "1px solid #000",
+                                            paddingTop: "2px",
+                                            lineHeight: 1.1,
+                                        }, children: "Accountable Officer" })] }), _jsxs("td", { style: { width: "33%", padding: "2px 4px", verticalAlign: "top" }, children: [_jsx("div", { style: { fontWeight: "bold" }, children: "Approved by:" }), _jsx("div", { style: { marginTop: "4px" }, children: approvedBy || "\u00a0" }), _jsx("div", { style: {
+                                            marginTop: "10px",
+                                            borderTop: "1px solid #000",
+                                            paddingTop: "2px",
+                                            lineHeight: 1.1,
+                                        }, children: "Head of Agency/Authorized Representative" })] }), _jsxs("td", { style: { width: "33%", padding: "2px 4px", verticalAlign: "top" }, children: [_jsx("div", { style: { fontWeight: "bold" }, children: "Verified by:" }), _jsx("div", { style: { marginTop: "4px" }, children: verifiedBy || "\u00a0" }), _jsx("div", { style: {
+                                            marginTop: "10px",
+                                            borderTop: "1px solid #000",
+                                            paddingTop: "2px",
+                                            lineHeight: 1.1,
+                                        }, children: "Auditor" })] })] }) }) }), _jsx(GrandTotalComputation, { lines: lines.map(line => ({
+                    label: line.article,
+                    physicalCountQty: line.onHandPerCardQty,
+                    unitValue: line.unitValue,
+                })) })] }));
+}

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

@@ -0,0 +1,23 @@
+type RspiLine = {
+    icsNo?: string;
+    responsibilityCenterCode?: string;
+    semiExpendablePropertyNo?: string;
+    itemDescription?: string;
+    unit?: string;
+    quantityIssued: string;
+    unitCost: string;
+    amount: string;
+};
+type RspiPreviewProps = {
+    entityName?: string;
+    fundCluster?: string;
+    serialNo?: string;
+    reportDate?: string;
+    certifiedBy?: string;
+    postedBy?: string;
+    certificationDate?: string;
+    rspiNo?: string;
+    lines: RspiLine[];
+};
+export declare function RspiPreview({ entityName, fundCluster, serialNo, reportDate, certifiedBy, postedBy, certificationDate, rspiNo, lines, }: RspiPreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,72 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FIXED_ROWS = 10;
+function fmtDate(value) {
+    if (!value)
+        return "";
+    const d = new Date(value);
+    return isNaN(d.getTime()) ? value : d.toLocaleDateString("en-PH");
+}
+function fmtNum(value) {
+    const n = Number(value);
+    return Number.isNaN(n)
+        ? value
+        : n.toLocaleString("en-PH", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+}
+export function RspiPreview({ entityName = "", fundCluster = "", serialNo = "", reportDate = "", certifiedBy = "", postedBy = "", certificationDate = "", rspiNo = "Auto-generated", lines, }) {
+    const rows = Array.from({ length: FIXED_ROWS }, (_, i) => lines[i] ?? null);
+    const totalAmount = lines.reduce((sum, l) => sum + (Number(l.amount) || 0), 0);
+    const cell = "border border-gray-400 px-[5px] py-[3px] text-[7pt] leading-[1.3] align-middle whitespace-normal break-words";
+    const th = "border border-gray-400 px-[5px] py-[4px] text-[7pt] leading-[1.3] font-semibold text-center whitespace-normal break-words";
+    const headerLabelStyle = {
+        display: "inline-block",
+        fontWeight: "bold",
+        lineHeight: "10pt",
+        verticalAlign: "top",
+    };
+    const headerValueStyle = {
+        display: "inline-block",
+        position: "relative",
+        zIndex: 1,
+        maxWidth: "100%",
+        lineHeight: "10pt",
+        verticalAlign: "top",
+        backgroundColor: "transparent",
+    };
+    return (_jsxs("div", { className: "rspi-a4-page", "data-pdf-page": "true", "data-pdf-fit-one-page": "true", style: {
+            width: "210mm",
+            minHeight: "297mm",
+            padding: "12mm 14mm",
+            fontFamily: "Arial, sans-serif",
+            fontSize: "7.5pt",
+            backgroundColor: "#fff",
+            boxSizing: "border-box",
+        }, children: [_jsx("div", { style: { textAlign: "center", marginBottom: "6px" }, children: _jsx("div", { style: { fontSize: "10pt", fontWeight: "bold", letterSpacing: "0.5px" }, children: "REPORT OF SEMI-EXPENDABLE PROPERTY ISSUED (RSPI)" }) }), _jsx("table", { style: {
+                    width: "100%",
+                    borderCollapse: "collapse",
+                    tableLayout: "fixed",
+                    marginBottom: "8px",
+                    fontSize: "7pt",
+                    lineHeight: 1.35,
+                }, children: _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsxs("td", { style: {
+                                        width: "50%",
+                                        padding: "2px 4px",
+                                        verticalAlign: "top",
+                                        overflowWrap: "anywhere",
+                                    }, children: [_jsx("span", { style: headerLabelStyle, children: "Entity Name:\u00A0" }), _jsx("span", { style: headerValueStyle, children: entityName || "\u00a0" })] }), _jsxs("td", { style: {
+                                        width: "50%",
+                                        padding: "2px 4px",
+                                        verticalAlign: "top",
+                                        overflowWrap: "anywhere",
+                                    }, children: [_jsx("span", { style: headerLabelStyle, children: "Fund Cluster:\u00A0" }), _jsx("span", { style: headerValueStyle, children: fundCluster || "\u00a0" })] })] }), _jsxs("tr", { children: [_jsxs("td", { style: { padding: "2px 4px", verticalAlign: "top", overflowWrap: "anywhere" }, children: [_jsx("span", { style: headerLabelStyle, children: "Serial No.:\u00A0" }), _jsx("span", { style: headerValueStyle, children: serialNo || "\u00a0" })] }), _jsxs("td", { style: { padding: "2px 4px", verticalAlign: "top", overflowWrap: "anywhere" }, children: [_jsx("span", { style: headerLabelStyle, children: "Date:\u00A0" }), _jsx("span", { style: headerValueStyle, children: fmtDate(reportDate) || "\u00a0" })] })] }), _jsx("tr", { children: _jsxs("td", { colSpan: 2, style: { padding: "2px 4px", verticalAlign: "top", overflowWrap: "anywhere" }, children: [_jsx("span", { style: headerLabelStyle, children: "RSPI No.:\u00A0" }), _jsx("span", { style: headerValueStyle, children: rspiNo })] }) })] }) }), _jsx("div", { style: { overflow: "visible" }, children: _jsxs("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed" }, children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: "13%" } }), _jsx("col", { style: { width: "12%" } }), _jsx("col", { style: { width: "14%" } }), _jsx("col", { style: { width: "25%" } }), _jsx("col", { style: { width: "6%" } }), _jsx("col", { style: { width: "9%" } }), _jsx("col", { style: { width: "9%" } }), _jsx("col", { style: { width: "12%" } })] }), _jsxs("thead", { children: [_jsxs("tr", { style: { height: "22px" }, children: [_jsx("th", { className: th, colSpan: 6, style: { backgroundColor: "#f0f0f0" }, children: "To be filled by the Property and/or Supply Division/Unit" }), _jsx("th", { className: th, colSpan: 2, style: { backgroundColor: "#e8e8e8" }, children: "To be filled out by the Accounting Division/Unit" })] }), _jsxs("tr", { style: { height: "34px" }, children: [_jsx("th", { className: th, children: "ICS No." }), _jsx("th", { className: th, children: "Responsibility Center Code" }), _jsx("th", { className: th, children: "Semi-expendable Property No." }), _jsx("th", { className: th, children: "Item Description" }), _jsx("th", { className: th, children: "Unit" }), _jsx("th", { className: th, children: "Quantity Issued" }), _jsx("th", { className: th, children: "Unit Cost" }), _jsx("th", { className: th, children: "Amount" })] })] }), _jsxs("tbody", { children: [rows.map((line, idx) => (_jsxs("tr", { style: { height: "21px" }, children: [_jsx("td", { className: cell, children: line?.icsNo || "\u00a0" }), _jsx("td", { className: cell, children: line?.responsibilityCenterCode || "\u00a0" }), _jsx("td", { className: cell, children: line?.semiExpendablePropertyNo || "\u00a0" }), _jsx("td", { className: cell, children: line?.itemDescription || "\u00a0" }), _jsx("td", { className: cell, style: { textAlign: "center" }, children: line?.unit || "\u00a0" }), _jsx("td", { className: cell, style: { textAlign: "right", whiteSpace: "nowrap" }, children: line ? fmtNum(line.quantityIssued) : "\u00a0" }), _jsx("td", { className: cell, style: { textAlign: "right", whiteSpace: "nowrap" }, children: line ? fmtNum(line.unitCost) : "\u00a0" }), _jsx("td", { className: cell, style: { textAlign: "right", whiteSpace: "nowrap" }, children: line ? fmtNum(line.amount) : "\u00a0" })] }, idx))), _jsxs("tr", { children: [_jsx("td", { className: cell, colSpan: 7, style: { textAlign: "right", fontWeight: "bold" }, children: "TOTAL" }), _jsx("td", { className: cell, style: { textAlign: "right", fontWeight: "bold", whiteSpace: "nowrap" }, children: fmtNum(String(totalAmount)) })] })] })] }) }), _jsx("table", { style: { width: "100%", borderCollapse: "collapse", marginTop: "16px", fontSize: "7pt" }, children: _jsx("tbody", { children: _jsxs("tr", { children: [_jsxs("td", { style: { width: "50%", padding: "2px 4px", verticalAlign: "top" }, children: [_jsx("div", { style: { fontWeight: "bold" }, children: "Certify:" }), _jsx("div", { style: { marginTop: "4px" }, children: certifiedBy || "\u00a0" }), _jsx("div", { style: {
+                                            marginTop: "18px",
+                                            borderTop: "1px solid #000",
+                                            paddingTop: "4px",
+                                            lineHeight: 1.2,
+                                        }, children: "Administrative Officer II / Designated Supply Officer" })] }), _jsxs("td", { style: { width: "50%", padding: "2px 4px", verticalAlign: "top" }, children: [_jsx("div", { style: { fontWeight: "bold" }, children: "Posted by:" }), _jsx("div", { style: { marginTop: "4px" }, children: postedBy || "\u00a0" }), _jsx("div", { style: {
+                                            marginTop: "18px",
+                                            borderTop: "1px solid #000",
+                                            paddingTop: "4px",
+                                            lineHeight: 1.2,
+                                        }, children: "Senior Bookkeeper" }), _jsxs("div", { style: { marginTop: "8px" }, children: [_jsx("span", { style: headerLabelStyle, children: "Date:\u00A0" }), _jsx("span", { style: headerValueStyle, children: fmtDate(certificationDate) || "\u00a0" })] })] })] }) }) })] }));
+}

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

@@ -0,0 +1,23 @@
+type SpcEntryRow = {
+    entryDate: string;
+    reference: string;
+    receiptQty: string;
+    receiptUnitCost: string;
+    receiptTotalCost: string;
+    itemNo: string;
+    issueTransferDisposalQty: string;
+    issueTransferDisposalOfficeOfficer: string;
+    balanceQty: string;
+    amount: string;
+    remarks: string;
+};
+export type SpcPreviewProps = {
+    entityName: string;
+    fundCluster: string;
+    semiExpendableProperty: string;
+    semiExpendablePropertyNumber?: string;
+    description: string;
+    entries: SpcEntryRow[];
+};
+export declare function SpcPreview({ entityName, fundCluster, semiExpendableProperty, semiExpendablePropertyNumber, description, entries, }: SpcPreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};