@tonzxz/government-forms 0.1.0

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

@@ -0,0 +1,28 @@
+export interface PPELCPreviewEntry {
+    entryDate: string;
+    reference: string;
+    qty: string;
+    receiptQty: string;
+    unitCost: string;
+    totalCost: string;
+    accumulatedDepreciation: string;
+    accumulatedImpairmentLosses: string;
+    adjustmentsIssuesTransfer: string;
+    adjustedCost: string;
+    repairHistory: string;
+    natureOfRepair: string;
+    amount: string;
+}
+interface PPELCPreviewProps {
+    entityName: string;
+    fundCluster: string;
+    propertyPlantEquipment: string;
+    description: string;
+    objectAccountCode: string;
+    estimatedUsefulLife: string;
+    rateOfDepreciation: string;
+    entries: PPELCPreviewEntry[];
+    ppelcNo: string;
+}
+export declare function PPELCPreview({ entityName, fundCluster, propertyPlantEquipment, description, objectAccountCode, estimatedUsefulLife, rateOfDepreciation, entries, ppelcNo, }: PPELCPreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,128 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const FIXED_ROWS = 15;
+function fmtDate(value) {
+    if (!value || value.trim() === "")
+        return "";
+    try {
+        return new Date(value).toLocaleDateString("en-PH");
+    }
+    catch {
+        return value;
+    }
+}
+function fmtAmount(value) {
+    if (!value || value.trim() === "")
+        return "";
+    const n = Number(value);
+    if (Number.isNaN(n))
+        return value;
+    return n.toLocaleString("en-PH", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+}
+const BORDER = "1px solid #000";
+const FIELD_LINE = {
+    borderBottom: BORDER,
+    display: "inline-block",
+    boxSizing: "border-box",
+    height: "5mm",
+    padding: "0.6mm 1mm 1.4mm",
+    lineHeight: 1.1,
+    verticalAlign: "bottom",
+};
+const thBase = {
+    border: BORDER,
+    padding: "3px 2px",
+    textAlign: "center",
+    fontWeight: 600,
+    backgroundColor: "#f3f4f6",
+    verticalAlign: "middle",
+    fontSize: "7pt",
+    lineHeight: "1.2",
+};
+const tdBase = {
+    border: BORDER,
+    padding: "2px 3px",
+    fontSize: "7pt",
+    height: "6mm",
+    whiteSpace: "normal",
+    overflowWrap: "anywhere",
+    verticalAlign: "middle",
+};
+export function PPELCPreview({ entityName, fundCluster, propertyPlantEquipment, description, objectAccountCode, estimatedUsefulLife, rateOfDepreciation, entries, ppelcNo, }) {
+    const rows = Array.from({ length: Math.max(FIXED_ROWS, entries.length) }, (_, index) => entries[index] ?? null);
+    return (_jsxs(_Fragment, { children: [_jsx("style", { children: `
+				@media print {
+					.no-print { display: none !important; }
+					body { background: white !important; }
+					.ppelc-a4-page { box-shadow: none !important; margin: 0 !important; padding: 6mm 8mm !important; }
+				}
+				.ppelc-a4-page * { box-sizing: border-box; }
+			` }), _jsx("div", { style: { overflowX: "auto", width: "100%" }, children: _jsxs("div", { className: "ppelc-a4-page bg-white text-black", "data-pdf-page": "true", "data-pdf-orientation": "landscape", "data-pdf-fit-one-page": "true", style: {
+                        width: "297mm",
+                        minHeight: "210mm",
+                        padding: "6mm 8mm",
+                        fontFamily: "Arial, sans-serif",
+                        fontSize: "8pt",
+                        display: "flex",
+                        flexDirection: "column",
+                    }, children: [_jsx("div", { style: { textAlign: "right", fontSize: "7pt", color: "#666", marginBottom: "1mm" }, children: "Appendix 74" }), _jsx("div", { style: {
+                                textAlign: "center",
+                                fontWeight: "bold",
+                                fontSize: "10pt",
+                                letterSpacing: "1px",
+                                marginBottom: "3mm",
+                            }, children: "PROPERTY, PLANT AND EQUIPMENT LEDGER CARD" }), _jsxs("div", { style: {
+                                display: "flex",
+                                justifyContent: "space-between",
+                                marginBottom: "3mm",
+                                paddingBottom: "2mm",
+                            }, children: [_jsxs("div", { style: { flex: 1 }, children: [_jsx("span", { style: { fontWeight: 600 }, children: "Entity Name: " }), _jsx("span", { style: {
+                                                ...FIELD_LINE,
+                                                minWidth: "200px",
+                                            }, children: entityName })] }), _jsxs("div", { style: { flex: 1, textAlign: "right" }, children: [_jsx("span", { style: { fontWeight: 600 }, children: "Fund Cluster: " }), _jsx("span", { style: {
+                                                ...FIELD_LINE,
+                                                minWidth: "150px",
+                                            }, children: fundCluster })] })] }), _jsx("table", { style: {
+                                width: "100%",
+                                borderCollapse: "collapse",
+                                marginBottom: "2mm",
+                                border: BORDER,
+                            }, children: _jsx("tbody", { children: _jsxs("tr", { children: [_jsxs("td", { style: {
+                                                width: "75%",
+                                                borderRight: BORDER,
+                                                padding: "3mm",
+                                                verticalAlign: "top",
+                                            }, children: [_jsxs("div", { style: { marginBottom: "2mm" }, children: [_jsx("span", { style: { fontWeight: 600 }, children: "Property, Plant and Equipment: " }), _jsx("span", { style: {
+                                                                ...FIELD_LINE,
+                                                                minWidth: "250px",
+                                                            }, children: propertyPlantEquipment })] }), _jsxs("div", { children: [_jsx("span", { style: { fontWeight: 600 }, children: "Description: " }), _jsx("span", { style: {
+                                                                ...FIELD_LINE,
+                                                                minWidth: "300px",
+                                                            }, children: description })] })] }), _jsxs("td", { style: {
+                                                width: "25%",
+                                                padding: "3mm",
+                                                verticalAlign: "top",
+                                            }, children: [_jsxs("div", { style: { marginBottom: "2mm" }, children: [_jsx("span", { style: { fontWeight: 600 }, children: "Object Account Code: " }), _jsx("span", { style: {
+                                                                ...FIELD_LINE,
+                                                                display: "block",
+                                                                minWidth: "80px",
+                                                            }, children: objectAccountCode })] }), _jsxs("div", { style: { marginBottom: "2mm" }, children: [_jsx("span", { style: { fontWeight: 600 }, children: "Estimated Useful Life: " }), _jsx("span", { style: {
+                                                                ...FIELD_LINE,
+                                                                minWidth: "40px",
+                                                            }, children: estimatedUsefulLife })] }), _jsxs("div", { children: [_jsx("span", { style: { fontWeight: 600 }, children: "Rate of Depreciation: " }), _jsx("span", { style: {
+                                                                ...FIELD_LINE,
+                                                                minWidth: "50px",
+                                                            }, children: rateOfDepreciation })] })] })] }) }) }), _jsxs("table", { style: {
+                                width: "100%",
+                                borderCollapse: "collapse",
+                                fontSize: "7pt",
+                                tableLayout: "fixed",
+                                border: BORDER,
+                            }, children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: "9%" } }), _jsx("col", { style: { width: "10%" } }), _jsx("col", { style: { width: "5%" } }), _jsx("col", { style: { width: "6%" } }), _jsx("col", { style: { width: "7%" } }), _jsx("col", { style: { width: "9%" } }), _jsx("col", { style: { width: "9%" } }), _jsx("col", { style: { width: "10%" } }), _jsx("col", { style: { width: "8%" } }), _jsx("col", { style: { width: "9%" } }), _jsx("col", { style: { width: "8%" } })] }), _jsxs("thead", { children: [_jsxs("tr", { children: [_jsx("th", { rowSpan: 2, style: { ...thBase, width: "9%" }, children: "Date" }), _jsx("th", { rowSpan: 2, style: { ...thBase, width: "10%" }, children: "Reference" }), _jsx("th", { colSpan: 3, style: { ...thBase, width: "18%" }, children: "Receipt" }), _jsxs("th", { rowSpan: 2, style: { ...thBase, width: "9%" }, children: ["Accumulated", _jsx("br", {}), "Depreciation"] }), _jsxs("th", { rowSpan: 2, style: { ...thBase, width: "9%" }, children: ["Accumulated", _jsx("br", {}), "Impairment", _jsx("br", {}), "Losses"] }), _jsxs("th", { rowSpan: 2, style: { ...thBase, width: "10%" }, children: ["Issues / Transfer", _jsx("br", {}), "/ Adjustment/s"] }), _jsxs("th", { rowSpan: 2, style: { ...thBase, width: "8%" }, children: ["Adjusted", _jsx("br", {}), "Cost"] }), _jsx("th", { colSpan: 2, style: { ...thBase, width: "17%" }, children: "Repair History" })] }), _jsxs("tr", { children: [_jsx("th", { style: { ...thBase, width: "5%" }, children: "Qty" }), _jsx("th", { style: { ...thBase, width: "6%" }, children: "Unit Cost" }), _jsx("th", { style: { ...thBase, width: "7%" }, children: "Total Cost" }), _jsx("th", { style: { ...thBase, width: "9%" }, children: "Nature of Repair" }), _jsx("th", { style: { ...thBase, width: "8%" }, children: "Amount" })] })] }), _jsx("tbody", { children: rows.map((row, index) => (_jsxs("tr", { children: [_jsx("td", { style: { ...tdBase, textAlign: "center" }, children: row ? fmtDate(row.entryDate) : "" }), _jsx("td", { style: tdBase, children: row ? row.reference : "" }), _jsx("td", { style: { ...tdBase, textAlign: "center" }, children: row ? row.qty || row.receiptQty : "" }), _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, children: row ? row.adjustmentsIssuesTransfer : "" }), _jsx("td", { style: { ...tdBase, textAlign: "right" }, children: row ? fmtAmount(row.adjustedCost) : "" }), _jsx("td", { style: tdBase, children: row ? row.natureOfRepair || row.repairHistory : "" }), _jsx("td", { style: { ...tdBase, textAlign: "right" }, children: row ? fmtAmount(row.amount) : "" })] }, index))) })] }), _jsxs("div", { style: {
+                                marginTop: "3mm",
+                                display: "flex",
+                                justifyContent: "space-between",
+                                fontSize: "7pt",
+                                color: "#555",
+                            }, children: [_jsxs("span", { children: ["Document No.: ", ppelcNo || "—"] }), _jsx("span", { children: "Page 1 of 1" })] })] }) })] }));
+}

package/dist/gam/components/property-card-preview.d.ts

@@ -0,0 +1,21 @@
+interface TableRow {
+    entryDate: string;
+    referenceParNo: string;
+    receiptQty: string;
+    issueTransferDisposalQty: string;
+    issueTransferDisposalOfficeOfficer: string;
+    balanceQty: string;
+    amount: string;
+    remarks: string;
+}
+interface PropertyCardPreviewProps {
+    entityName: string;
+    fundCluster: string;
+    propertyPlantEquipment: string;
+    description: string;
+    propertyNumber: string;
+    propertyCardNo: string;
+    tableRows: TableRow[];
+}
+export declare function PropertyCardPreview({ entityName, fundCluster, propertyPlantEquipment, description, propertyNumber, propertyCardNo, tableRows, }: PropertyCardPreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/gam/components/property-card-preview.js

@@ -0,0 +1,117 @@
+"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 fmtInt(value) {
+    if (!value || value.trim() === "")
+        return "";
+    const n = Number(value);
+    if (Number.isNaN(n))
+        return value;
+    return Number.isInteger(n) ? n.toString() : Math.round(n).toString();
+}
+function fmtAmount(value) {
+    if (!value || value.trim() === "")
+        return "";
+    const n = Number(value);
+    if (Number.isNaN(n))
+        return value;
+    return n.toLocaleString("en-PH", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+}
+const BORDER = "1px solid #2b2b2b";
+const OUTER_BORDER = "2px solid #111";
+const HEADER_BG = "#fff";
+const thBase = {
+    border: BORDER,
+    padding: "3px 4px",
+    textAlign: "center",
+    fontWeight: 700,
+    backgroundColor: HEADER_BG,
+    verticalAlign: "middle",
+    lineHeight: "1.15",
+    height: "7mm",
+};
+const tdBase = {
+    border: BORDER,
+    padding: "2px 4px",
+    fontSize: "8pt",
+    lineHeight: "1.2",
+    verticalAlign: "middle",
+    height: "7.5mm",
+    whiteSpace: "normal",
+    overflowWrap: "anywhere",
+};
+export function PropertyCardPreview({ entityName, fundCluster, propertyPlantEquipment, description, propertyNumber, propertyCardNo, tableRows, }) {
+    // Always render exactly FIXED_ROWS — data rows fill from top, rest are blank
+    const rows = Array.from({ length: Math.max(FIXED_ROWS, tableRows.length) }, (_, i) => tableRows[i] ?? null);
+    return (_jsxs(_Fragment, { children: [_jsx("style", { children: `
+				@media print {
+					.no-print { display: none !important; }
+					body { background: white !important; }
+					.pc-a4-page { box-shadow: none !important; margin: 0 !important; padding: 8mm 10mm !important; }
+				}
+				.pc-a4-page * { box-sizing: border-box; }
+			` }), _jsx("div", { style: { display: "inline-block" }, children: _jsxs("div", { className: "pc-a4-page border border-gray-300 bg-white shadow-sm", "data-pdf-page": "true", "data-pdf-orientation": "landscape", "data-pdf-fit-one-page": "true", style: {
+                        width: "297mm",
+                        minHeight: "210mm",
+                        padding: "9mm 11mm 8mm",
+                        fontFamily: '"Times New Roman", serif',
+                        fontSize: "8.5pt",
+                        display: "flex",
+                        flexDirection: "column",
+                    }, children: [_jsx("div", { style: {
+                                textAlign: "right",
+                                fontSize: "8.5pt",
+                                fontStyle: "italic",
+                                color: "#222",
+                                marginBottom: "5mm",
+                            }, children: "Appendix 69" }), _jsx("div", { style: {
+                                textAlign: "center",
+                                fontWeight: "bold",
+                                fontSize: "10.6pt",
+                                letterSpacing: "0.2px",
+                                marginBottom: "5mm",
+                            }, children: "PROPERTY CARD" }), _jsxs("div", { style: {
+                                display: "grid",
+                                gridTemplateColumns: "2.45fr 1fr",
+                                columnGap: "8mm",
+                                marginBottom: "2mm",
+                                alignItems: "end",
+                            }, children: [_jsxs("div", { style: { display: "flex", minHeight: "6mm", alignItems: "center" }, children: [_jsx("span", { style: { fontWeight: 700, fontSize: "9pt", whiteSpace: "nowrap" }, children: "Entity Name :" }), _jsx("span", { style: {
+                                                display: "inline-flex",
+                                                width: "67%",
+                                                height: "6mm",
+                                                alignItems: "center",
+                                                boxSizing: "border-box",
+                                                borderBottom: "1px solid #2b2b2b",
+                                                marginLeft: "2px",
+                                                paddingBottom: "2px",
+                                                fontSize: "9pt",
+                                            }, children: entityName || "\u00a0" })] }), _jsxs("div", { style: { display: "flex", minHeight: "6mm", alignItems: "center" }, children: [_jsx("span", { style: { fontWeight: 700, fontSize: "9pt", whiteSpace: "nowrap" }, children: "Fund Cluster:" }), _jsx("span", { style: {
+                                                display: "inline-flex",
+                                                width: "60%",
+                                                height: "6mm",
+                                                alignItems: "center",
+                                                boxSizing: "border-box",
+                                                borderBottom: "1px solid #2b2b2b",
+                                                marginLeft: "2px",
+                                                paddingBottom: "2px",
+                                                fontSize: "9pt",
+                                            }, children: fundCluster || "\u00a0" })] })] }), _jsxs("table", { style: {
+                                width: "100%",
+                                borderCollapse: "collapse",
+                                fontSize: "8.5pt",
+                                tableLayout: "fixed",
+                                flex: "0 0 auto",
+                                border: OUTER_BORDER,
+                            }, children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: "8.5%" } }), _jsx("col", { style: { width: "11.3%" } }), _jsx("col", { style: { width: "8.2%" } }), _jsx("col", { style: { width: "8.2%" } }), _jsx("col", { style: { width: "26.1%" } }), _jsx("col", { style: { width: "8.4%" } }), _jsx("col", { style: { width: "13.2%" } }), _jsx("col", { style: { width: "16.1%" } })] }), _jsx("caption", { style: { captionSide: "top", textAlign: "left", border: BORDER }, children: _jsxs("div", { style: { display: "grid", gridTemplateColumns: "71% 29%", overflowWrap: "anywhere" }, children: [_jsxs("div", { style: { borderRight: BORDER }, children: [_jsxs("div", { style: { padding: "4px", borderBottom: BORDER }, children: [_jsx("strong", { children: "Property, Plant and Equipment : " }), propertyPlantEquipment] }), _jsxs("div", { style: { padding: "4px" }, children: [_jsx("strong", { children: "Description : " }), description] })] }), _jsxs("div", { style: { padding: "4px", alignSelf: "center" }, children: [_jsx("strong", { children: "Property Number: " }), propertyNumber] })] }) }), _jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { style: thBase, children: "Date" }), _jsxs("th", { style: thBase, children: ["Reference/", _jsx("br", {}), "PAR No."] }), _jsxs("th", { style: thBase, children: ["Receipt", _jsx("br", {}), "Qty."] }), _jsxs("th", { colSpan: 2, style: { ...thBase, padding: 0 }, children: [_jsx("div", { style: { padding: "4px", borderBottom: BORDER }, children: "Issue/Transfer/Disposal" }), _jsxs("div", { style: { display: "grid", gridTemplateColumns: "23.9% 76.1%" }, children: [_jsx("div", { style: { padding: "4px", borderRight: BORDER }, children: "Qty." }), _jsx("div", { style: { padding: "4px" }, children: "Office/Officer" })] })] }), _jsxs("th", { style: thBase, children: ["Balance", _jsx("br", {}), "Qty."] }), _jsx("th", { style: thBase, children: "Amount" }), _jsx("th", { style: thBase, children: "Remarks" })] }) }), _jsx("tbody", { children: rows.map((row, index) => (_jsxs("tr", { children: [_jsx("td", { style: { ...tdBase, textAlign: "center" }, children: row ? fmtDate(row.entryDate) : "" }), _jsx("td", { style: tdBase, children: row ? (row.referenceParNo ?? "") : "" }), _jsx("td", { style: { ...tdBase, textAlign: "center" }, children: row ? fmtInt(row.receiptQty) : "" }), _jsx("td", { style: { ...tdBase, textAlign: "center" }, children: row ? fmtInt(row.issueTransferDisposalQty) : "" }), _jsx("td", { style: tdBase, children: row ? (row.issueTransferDisposalOfficeOfficer ?? "") : "" }), _jsx("td", { style: { ...tdBase, textAlign: "center" }, children: row ? fmtInt(row.balanceQty) : "" }), _jsx("td", { style: { ...tdBase, textAlign: "right" }, children: row ? fmtAmount(row.amount) : "" }), _jsx("td", { style: tdBase, children: row ? (row.remarks ?? "") : "" })] }, index))) })] }), _jsx("div", { style: { marginTop: "1mm", fontSize: "7pt", color: "#000" }, children: propertyCardNo })] }) })] }));
+}

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

@@ -0,0 +1,36 @@
+type PtrLine = {
+    dateAcquired?: string;
+    propertyNo?: string;
+    description?: string;
+    amount: string;
+    conditionOfPPE?: string;
+};
+type SignatureBlock = {
+    sig?: string;
+    name?: string;
+    designation?: string;
+    date?: string;
+};
+type PtrPreviewProps = {
+    entityName?: string;
+    fundCluster?: string;
+    fromAccountableOfficer?: string;
+    fromAccountablePerson?: string;
+    fromAgency?: string;
+    fromDivisionSection?: string;
+    toAccountableOfficer?: string;
+    toAccountablePerson?: string;
+    toAgency?: string;
+    toDivisionSection?: string;
+    ptrNo?: string;
+    date?: string;
+    transferType?: string;
+    othersSpecify?: string;
+    reasonForTransfer?: string;
+    approvedBy?: SignatureBlock;
+    releasedBy?: SignatureBlock;
+    receivedBy?: SignatureBlock;
+    lines: PtrLine[];
+};
+export declare function PtrPreview({ entityName, fundCluster, fromAccountableOfficer, fromAccountablePerson, fromAgency, fromDivisionSection, toAccountableOfficer, toAccountablePerson, toAgency, toDivisionSection, ptrNo, date, transferType, othersSpecify, reasonForTransfer, approvedBy, releasedBy, receivedBy, lines, }: PtrPreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,122 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function fmtDate(value, style = "short") {
+    if (!value)
+        return "";
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime()))
+        return value;
+    return date.toLocaleDateString("en-PH", {
+        year: style === "long" ? "numeric" : "2-digit",
+        month: style === "long" ? "long" : "short",
+        day: "2-digit",
+    });
+}
+function fmtAmount(value) {
+    const amount = Number(value);
+    if (Number.isNaN(amount))
+        return value;
+    return amount.toLocaleString("en-PH", {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2,
+    });
+}
+function display(value) {
+    return value?.trim() || "\u00a0";
+}
+function hasLineContent(line) {
+    return [
+        line.dateAcquired,
+        line.propertyNo,
+        line.description,
+        Number(line.amount) !== 0 ? line.amount : "",
+        line.conditionOfPPE,
+    ].some(value => String(value ?? "").trim().length > 0);
+}
+function CheckOption({ label, checked, children, }) {
+    return (_jsxs("label", { style: { display: "flex", alignItems: "center", gap: "3px" }, children: [_jsx("input", { type: "checkbox", checked: checked, readOnly: true, style: { width: "9px", height: "9px", margin: 0 } }), _jsx("span", { children: label }), children] }));
+}
+function SignatureLine({ block, value, }) {
+    const content = value === "date" ? fmtDate(block[value], "long") : block[value];
+    return (_jsx("td", { style: { padding: "0 8px", textAlign: "center", verticalAlign: "bottom" }, children: _jsx("div", { style: {
+                boxSizing: "border-box",
+                height: "22px",
+                borderBottom: "1px solid #111",
+                padding: "3px 2px 5px",
+                fontWeight: value === "name" ? 700 : 400,
+                fontSize: value === "name" ? "8.5pt" : "8pt",
+                lineHeight: "1.1",
+            }, children: display(content) }) }));
+}
+export function PtrPreview({ entityName = "", fundCluster = "", fromAccountableOfficer = "", fromAccountablePerson = "", fromAgency = "", fromDivisionSection = "", toAccountableOfficer = "", toAccountablePerson = "", toAgency = "", toDivisionSection = "", ptrNo = "Auto-generated", date = "", transferType = "", othersSpecify = "", reasonForTransfer = "", approvedBy = {}, releasedBy = {}, receivedBy = {}, lines, }) {
+    const fromPerson = fromAccountablePerson || fromAccountableOfficer;
+    const toPerson = toAccountablePerson || toAccountableOfficer;
+    const visibleLines = lines.filter(hasLineContent);
+    const bodyRows = [...visibleLines];
+    while (bodyRows.length < 18)
+        bodyRows.push(null);
+    const cell = "border border-gray-950 px-1 py-1 text-[7pt] leading-[1.2] align-middle";
+    const head = "border border-gray-950 px-1 py-1 text-center text-[7pt] font-bold leading-[1.2]";
+    const labelStyle = { fontWeight: 700 };
+    return (_jsxs("div", { className: "psms-print-preview ptr-a4-page", "data-pdf-page": "true", style: {
+            width: "210mm",
+            minHeight: "297mm",
+            padding: "12mm 11mm",
+            fontFamily: '"Times New Roman", Times, serif',
+            fontSize: "7.5pt",
+            backgroundColor: "#fff",
+            color: "#000",
+            colorScheme: "light",
+            boxSizing: "border-box",
+        }, children: [_jsx("div", { style: { textAlign: "right", marginBottom: "10px", fontSize: "7pt", fontStyle: "italic" }, children: "Annex A.5" }), _jsx("h1", { style: { margin: "0 0 20px", textAlign: "center", fontSize: "12pt", fontWeight: 700 }, children: "PROPERTY TRANSFER REPORT" }), _jsxs("div", { style: {
+                    display: "grid",
+                    gridTemplateColumns: "1fr 1fr",
+                    marginBottom: "3px",
+                    fontSize: "8pt",
+                    fontWeight: 700,
+                }, children: [_jsxs("div", { children: ["Entity Name : ", display(entityName)] }), _jsxs("div", { style: { textAlign: "right" }, children: ["Fund Cluster : ", display(fundCluster)] })] }), _jsxs("div", { style: { border: "1px solid #111" }, children: [_jsxs("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed" }, children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: "72%" } }), _jsx("col", { style: { width: "28%" } })] }), _jsx("tbody", { children: _jsxs("tr", { style: { height: "74px" }, children: [_jsxs("td", { style: {
+                                                border: "1px solid #111",
+                                                padding: "5px",
+                                                verticalAlign: "top",
+                                                lineHeight: "1.25",
+                                            }, children: [_jsxs("div", { children: [_jsx("span", { style: labelStyle, children: "From Accountable Person: " }), _jsx("strong", { children: display(fromPerson) })] }), _jsxs("div", { children: [_jsx("span", { style: labelStyle, children: "Agency: " }), display(fromAgency)] }), _jsxs("div", { children: [_jsx("span", { style: labelStyle, children: "Current Division/Section: " }), display(fromDivisionSection)] }), _jsxs("div", { style: { marginTop: "2px" }, children: [_jsx("span", { style: labelStyle, children: "To Accountable Person: " }), _jsx("strong", { children: display(toPerson) })] }), _jsxs("div", { children: [_jsx("span", { style: labelStyle, children: "Agency: " }), display(toAgency)] }), _jsxs("div", { children: [_jsx("span", { style: labelStyle, children: "Current Division/Section: " }), display(toDivisionSection)] })] }), _jsxs("td", { style: {
+                                                border: "1px solid #111",
+                                                padding: "5px",
+                                                verticalAlign: "top",
+                                                lineHeight: "1.25",
+                                            }, children: [_jsxs("div", { children: [_jsx("span", { style: labelStyle, children: "PTR No. : " }), display(ptrNo)] }), _jsxs("div", { children: [_jsx("span", { style: labelStyle, children: "Date : " }), display(fmtDate(date, "long"))] })] })] }) })] }), _jsxs("div", { style: { borderBottom: "1px solid #111", padding: "3px 5px" }, children: [_jsx("div", { style: { marginBottom: "2px" }, children: "Transfer Type: (check only one)" }), _jsxs("div", { style: {
+                                    display: "grid",
+                                    gridTemplateColumns: "120px 140px",
+                                    rowGap: "1px",
+                                    marginLeft: "44px",
+                                }, children: [_jsx(CheckOption, { label: "Donation", checked: transferType === "Donation" }), _jsx(CheckOption, { label: "Relocate", checked: transferType === "Relocate" }), _jsx(CheckOption, { label: "Reassignment", checked: transferType === "Reassignment" }), _jsx(CheckOption, { label: "Others (Specify)", checked: transferType === "Others", children: _jsx("span", { style: {
+                                                boxSizing: "border-box",
+                                                display: "inline-block",
+                                                minWidth: "115px",
+                                                height: "18px",
+                                                padding: "2px 2px 4px",
+                                                lineHeight: "1.1",
+                                                verticalAlign: "bottom",
+                                                borderBottom: "1px solid #111",
+                                            }, children: transferType === "Others" ? display(othersSpecify) : "\u00a0" }) })] })] }), _jsxs("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed" }, children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: "16%" } }), _jsx("col", { style: { width: "18%" } }), _jsx("col", { style: { width: "38%" } }), _jsx("col", { style: { width: "14%" } }), _jsx("col", { style: { width: "14%" } })] }), _jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { className: head, children: "Date Acquired" }), _jsx("th", { className: head, children: "Property No." }), _jsx("th", { className: head, children: "Description" }), _jsx("th", { className: head, children: "Amount" }), _jsx("th", { className: head, children: "Condition of PPE/SE" })] }) }), _jsx("tbody", { children: bodyRows.map((line, index) => (_jsxs("tr", { style: { height: "20px" }, children: [_jsx("td", { className: cell, style: { textAlign: "center" }, children: line ? display(fmtDate(line.dateAcquired)) : "\u00a0" }), _jsx("td", { className: cell, style: { textAlign: "center" }, children: line ? display(line.propertyNo) : "\u00a0" }), _jsx("td", { className: cell, style: { textAlign: "center" }, children: line ? display(line.description) : "\u00a0" }), _jsx("td", { className: cell, style: { textAlign: "right" }, children: line ? fmtAmount(line.amount) : "\u00a0" }), _jsx("td", { className: cell, style: { textAlign: "center" }, children: line ? display(line.conditionOfPPE) : "\u00a0" })] }, index))) })] }), _jsxs("div", { style: { borderTop: "1px solid #111", padding: "3px 5px", minHeight: "38px" }, children: [_jsx("div", { style: { fontWeight: 700 }, children: "Reason for Transfer:" }), _jsx("div", { style: { marginTop: "5px", textAlign: "center", textDecoration: "underline" }, children: display(reasonForTransfer) })] }), _jsxs("table", { style: {
+                            width: "100%",
+                            borderCollapse: "collapse",
+                            tableLayout: "fixed",
+                            borderTop: "1px solid #111",
+                        }, children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: "15%" } }), _jsx("col", { style: { width: "28.33%" } }), _jsx("col", { style: { width: "28.33%" } }), _jsx("col", { style: { width: "28.34%" } })] }), _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsx("td", { style: { padding: "18px 4px 2px" } }), _jsx("td", { style: {
+                                                    padding: "18px 8px 2px",
+                                                    textAlign: "center",
+                                                    fontWeight: 700,
+                                                    fontSize: "9pt",
+                                                }, children: "Approved by:" }), _jsx("td", { style: {
+                                                    padding: "18px 8px 2px",
+                                                    textAlign: "center",
+                                                    fontWeight: 700,
+                                                    fontSize: "9pt",
+                                                }, children: "Released/Issued by:" }), _jsx("td", { style: {
+                                                    padding: "18px 8px 2px",
+                                                    textAlign: "center",
+                                                    fontWeight: 700,
+                                                    fontSize: "9pt",
+                                                }, children: "Received by:" })] }), _jsxs("tr", { children: [_jsx("td", { style: { padding: "0 4px", fontWeight: 700, fontSize: "8.5pt" }, children: "Signature :" }), _jsx(SignatureLine, { block: approvedBy, value: "sig" }), _jsx(SignatureLine, { block: releasedBy, value: "sig" }), _jsx(SignatureLine, { block: receivedBy, value: "sig" })] }), _jsxs("tr", { children: [_jsx("td", { style: { padding: "0 4px", fontWeight: 700, fontSize: "8.5pt" }, children: "Printed Name :" }), _jsx(SignatureLine, { block: approvedBy, value: "name" }), _jsx(SignatureLine, { block: releasedBy, value: "name" }), _jsx(SignatureLine, { block: receivedBy, value: "name" })] }), _jsxs("tr", { children: [_jsx("td", { style: { padding: "0 4px 4px", fontWeight: 700, fontSize: "8.5pt" }, children: "Date :" }), _jsx(SignatureLine, { block: approvedBy, value: "date" }), _jsx(SignatureLine, { block: releasedBy, value: "date" }), _jsx(SignatureLine, { block: receivedBy, value: "date" })] })] })] })] })] }));
+}

package/dist/gam/components/purchase-order-page-client.d.ts

@@ -0,0 +1,66 @@
+import { type PurchaseOrderRecord, type PurchaseRequestForPo } from "../purchase-order-flow.js";
+export type PurchaseOrderPreviewData = {
+    poNo: string;
+    prNo: string;
+    supplier: string;
+    supplierAddress: string;
+    supplierTin: string;
+    modeOfProcurement: string;
+    entityName: string;
+    fundCluster: string;
+    poDate: string;
+    placeOfDelivery: string;
+    expectedDeliveryDate: string;
+    deliveryTerm: string;
+    paymentTerm: string;
+    amountInWords: string;
+    supplierConforme: string;
+    conformeDate: string;
+    authorizedOfficial: string;
+    fundsAvailable: string;
+    orsBursNo: string;
+    orsBursDate: string;
+    orsBursAmount: string;
+    chiefAccountantName: string;
+    items: PurchaseOrderRecord["items"];
+};
+export type PoTemplateFields = {
+    supplierAddress: string;
+    supplierTin: string;
+    modeOfProcurement: string;
+    placeOfDelivery: string;
+    deliveryTerm: string;
+    paymentTerm: string;
+    amountInWords: string;
+    supplierConforme: string;
+    conformeDate: string;
+    authorizedOfficial: string;
+    fundsAvailable: string;
+    orsBursNo: string;
+    orsBursDate: string;
+    orsBursAmount: string;
+    chiefAccountantName: string;
+};
+export declare function defaultPoTemplateFields(): PoTemplateFields;
+export declare function PurchaseOrderPreview({ data }: {
+    data: PurchaseOrderPreviewData;
+}): import("react/jsx-runtime").JSX.Element;
+export type PurchaseOrderCreateFormProps = {
+    loading?: boolean;
+    approversLoading?: boolean;
+    availablePurchaseRequests: PurchaseRequestForPo[];
+    selectedPurchaseRequest: PurchaseRequestForPo | null;
+    createTab: string;
+    setCreateTab: (tab: string) => void;
+    setSelectedPrNo: (value: string) => void;
+    supplier: string;
+    setSupplier: (value: string) => void;
+    expectedDeliveryDate: string;
+    setExpectedDeliveryDate: (value: string) => void;
+    poTemplateFields: PoTemplateFields;
+    setPoTemplateField: (key: keyof PoTemplateFields, value: string) => void;
+    configuredChiefAccountantName: string;
+    selectedAmountInWords: string;
+    poNumber: string;
+};
+export declare function PurchaseOrderCreateForm({ loading, approversLoading, availablePurchaseRequests, selectedPurchaseRequest, createTab, setCreateTab, setSelectedPrNo, supplier, setSupplier, expectedDeliveryDate, setExpectedDeliveryDate, poTemplateFields, setPoTemplateField, configuredChiefAccountantName, selectedAmountInWords, poNumber }: PurchaseOrderCreateFormProps): import("react/jsx-runtime").JSX.Element;