@tonzxz/government-forms 0.1.0

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

@@ -0,0 +1,251 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const BLANK = "\u00a0";
+const LINE = "1px solid #111";
+const PROPERTY_ROWS = 7;
+function fmtDate(value) {
+    if (!value)
+        return "";
+    const date = new Date(value);
+    return Number.isNaN(date.getTime()) ? value : date.toLocaleDateString("en-PH");
+}
+function fmtAmount(value) {
+    if (!value || value.trim() === "")
+        return "";
+    const amount = Number(value);
+    return Number.isNaN(amount)
+        ? value
+        : amount.toLocaleString("en-PH", {
+            minimumFractionDigits: 2,
+            maximumFractionDigits: 2,
+        });
+}
+function splitPreviewLines(value, count, maxChars = 96) {
+    const normalized = value.replace(/\s+/g, " ").trim();
+    if (!normalized)
+        return Array.from({ length: count }, () => "");
+    const words = normalized.split(" ");
+    const lines = [];
+    let current = "";
+    for (const word of words) {
+        const next = current ? `${current} ${word}` : word;
+        if (next.length > maxChars && current) {
+            lines.push(current);
+            current = word;
+        }
+        else {
+            current = next;
+        }
+        if (lines.length === count)
+            break;
+    }
+    if (lines.length < count && current)
+        lines.push(current);
+    return [
+        ...lines.slice(0, count),
+        ...Array.from({ length: Math.max(0, count - lines.length) }, () => ""),
+    ];
+}
+function Checkbox({ checked }) {
+    return (_jsx("span", { style: {
+            display: "inline-block",
+            width: "3.2mm",
+            height: "3.2mm",
+            border: LINE,
+            marginRight: "1.5mm",
+            textAlign: "center",
+            lineHeight: "3mm",
+            fontSize: "6.5pt",
+            verticalAlign: "middle",
+        }, children: checked ? "\u2713" : "" }));
+}
+function LineText({ value, minWidth = "20mm", align = "left", }) {
+    return (_jsx("span", { style: {
+            display: "inline-block",
+            minWidth,
+            height: "5mm",
+            borderBottom: LINE,
+            padding: "0.6mm 1mm 1.4mm",
+            textAlign: align,
+            boxSizing: "border-box",
+            lineHeight: 1.1,
+            verticalAlign: "bottom",
+            whiteSpace: "nowrap",
+        }, children: value || BLANK }));
+}
+function FieldRow({ label, value }) {
+    return (_jsxs("div", { style: {
+            display: "flex",
+            alignItems: "flex-end",
+            minHeight: "5.4mm",
+            lineHeight: 1.15,
+        }, children: [_jsx("span", { style: { fontWeight: 700, whiteSpace: "nowrap" }, children: label }), _jsx("span", { style: {
+                    display: "block",
+                    flex: 1,
+                    minWidth: 0,
+                    height: "4.8mm",
+                    borderBottom: LINE,
+                    padding: "0.5mm 1mm 1.2mm",
+                    boxSizing: "border-box",
+                    lineHeight: 1.1,
+                    verticalAlign: "bottom",
+                    overflow: "hidden",
+                    whiteSpace: "nowrap",
+                }, children: value || BLANK })] }));
+}
+export function RlsddpPreview({ entityName = "", fundCluster = "", departmentOffice = "", accountableOfficer = "", designation = "", policeNotified = "", policeStation = "", policeNotifiedDate = "", rlsddpNo = "", rlsddpDate = "", parNo = "", parDate = "", statusOfProperty = "", propertyNo = "", description = "", acquisitionCost = "", circumstance = "", accountableOfficerSignature = "", accountableOfficerDate = "", governmentIssuedId = "", idNo = "", dateIssued = "", immediateSupervisorSignature = "", immediateSupervisorDate = "", swornDate = "", docNo = "", pageNo = "", bookNo = "", seriesOf = "", notaryPublic = "", }) {
+    const status = statusOfProperty.toLowerCase();
+    const policeStatus = policeNotified.toLowerCase();
+    const circumstanceLines = splitPreviewLines(circumstance, 4);
+    const hasProperty = Boolean(propertyNo || description || acquisitionCost);
+    const rowCell = {
+        borderRight: LINE,
+        borderBottom: LINE,
+        padding: "0.8mm 1.5mm",
+        fontSize: "7.2pt",
+        lineHeight: 1.15,
+        verticalAlign: "middle",
+    };
+    let swornDay = "";
+    let swornMonthYear = "";
+    if (swornDate) {
+        const date = new Date(swornDate);
+        if (!Number.isNaN(date.getTime())) {
+            swornDay = String(date.getDate());
+            swornMonthYear = date.toLocaleDateString("en-PH", { month: "long", year: "numeric" });
+        }
+    }
+    return (_jsx("div", { "data-pdf-page": "true", "data-pdf-orientation": "portrait", style: {
+            width: "210mm",
+            minHeight: "297mm",
+            backgroundColor: "#fff",
+            boxSizing: "border-box",
+            color: "#111",
+            fontFamily: '"Times New Roman", Times, serif',
+            fontSize: "7.5pt",
+            lineHeight: 1.15,
+            padding: 0,
+        }, children: _jsxs("div", { style: { width: "190mm", margin: "0 auto", paddingTop: "14mm" }, children: [_jsx("div", { style: { textAlign: "right", fontSize: "8pt", fontStyle: "italic", marginBottom: "9mm" }, children: "Annex A.9" }), _jsxs("div", { style: {
+                        textAlign: "center",
+                        fontWeight: 700,
+                        fontSize: "9.2pt",
+                        lineHeight: 1.15,
+                        marginBottom: "6mm",
+                    }, children: ["REPORT OF LOST, STOLEN, DAMAGED OR DESTROYED", _jsx("br", {}), "PROPERTY"] }), _jsx("table", { style: { width: "100%", borderCollapse: "collapse", marginBottom: "1mm" }, children: _jsx("tbody", { children: _jsxs("tr", { children: [_jsxs("td", { style: { width: "66%", padding: 0 }, children: [_jsx("span", { style: { fontWeight: 700 }, children: "Entity Name : " }), _jsx(LineText, { value: entityName, minWidth: "40mm" })] }), _jsxs("td", { style: { width: "34%", padding: 0, textAlign: "right" }, children: [_jsx("span", { style: { fontWeight: 700 }, children: "Fund Cluster: " }), _jsx(LineText, { value: fundCluster, minWidth: "26mm" })] })] }) }) }), _jsx("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed", border: LINE }, children: _jsx("tbody", { children: _jsxs("tr", { children: [_jsxs("td", { style: {
+                                        width: "66.6%",
+                                        borderRight: LINE,
+                                        padding: "0.8mm 1mm 1mm",
+                                        verticalAlign: "top",
+                                    }, children: [_jsx(FieldRow, { label: "Department/Office : ", value: departmentOffice }), _jsx(FieldRow, { label: "Accountable Officer : ", value: accountableOfficer }), _jsx(FieldRow, { label: "Designation : ", value: designation }), _jsxs("div", { style: {
+                                                display: "grid",
+                                                gridTemplateColumns: "30mm 18mm 1fr",
+                                                columnGap: "1.2mm",
+                                                rowGap: "0.5mm",
+                                                alignItems: "baseline",
+                                                minHeight: "8.4mm",
+                                                lineHeight: 1.15,
+                                            }, children: [_jsx("div", { style: { fontWeight: 700 }, children: "Police Notified :" }), _jsxs("div", { children: [_jsx(Checkbox, { checked: policeStatus === "yes" }), "Yes"] }), _jsxs("div", { children: [_jsx("span", { style: { fontWeight: 700 }, children: "Police Station : " }), _jsx(LineText, { value: policeStation, minWidth: "26mm" })] }), _jsx("div", {}), _jsxs("div", { children: [_jsx(Checkbox, { checked: policeStatus === "no" }), "No"] }), _jsxs("div", { children: [_jsx("span", { style: { fontWeight: 700 }, children: "Date : " }), _jsx(LineText, { value: fmtDate(policeNotifiedDate), minWidth: "24mm" })] })] })] }), _jsxs("td", { style: { width: "33.4%", padding: "0.8mm 1mm 1mm", verticalAlign: "top" }, children: [_jsx(FieldRow, { label: "RLSDDP No. : ", value: rlsddpNo }), _jsx(FieldRow, { label: "RLSDDP Date : ", value: fmtDate(rlsddpDate) }), _jsx(FieldRow, { label: "PAR No. : ", value: parNo }), _jsx(FieldRow, { label: "PAR Date : ", value: fmtDate(parDate) })] })] }) }) }), _jsxs("div", { style: {
+                        borderLeft: LINE,
+                        borderRight: LINE,
+                        borderBottom: LINE,
+                        minHeight: "14mm",
+                        padding: "1.2mm 1.2mm 1mm",
+                        boxSizing: "border-box",
+                    }, children: [_jsxs("div", { style: { marginBottom: "1.5mm" }, children: [_jsx("span", { style: { fontWeight: 700 }, children: "Status of Property : " }), "(check applicable box)"] }), _jsxs("div", { style: {
+                                display: "grid",
+                                gridTemplateColumns: "1fr 1fr",
+                                columnGap: "29mm",
+                                rowGap: "0.5mm",
+                                width: "61mm",
+                                margin: "0 auto",
+                            }, children: [_jsxs("div", { children: [_jsx(Checkbox, { checked: status === "lost" }), "Lost"] }), _jsxs("div", { children: [_jsx(Checkbox, { checked: status === "damaged" }), "Damaged"] }), _jsxs("div", { children: [_jsx(Checkbox, { checked: status === "stolen" }), "Stolen"] }), _jsxs("div", { children: [_jsx(Checkbox, { checked: status === "destroyed" }), "Destroyed"] })] })] }), _jsxs("table", { style: {
+                        width: "100%",
+                        borderCollapse: "collapse",
+                        tableLayout: "fixed",
+                        borderLeft: LINE,
+                        borderRight: LINE,
+                    }, children: [_jsx("thead", { children: _jsxs("tr", { style: { height: "7mm" }, children: [_jsx("th", { style: { ...rowCell, width: "19%", textAlign: "center", fontWeight: 700 }, children: "Property No." }), _jsx("th", { style: { ...rowCell, width: "48%", textAlign: "center", fontWeight: 700 }, children: "Description" }), _jsx("th", { style: {
+                                            ...rowCell,
+                                            width: "33%",
+                                            borderRight: "none",
+                                            textAlign: "center",
+                                            fontWeight: 700,
+                                        }, children: "Acquisition Cost" })] }) }), _jsx("tbody", { children: Array.from({ length: PROPERTY_ROWS }, (_, index) => (_jsxs("tr", { style: { height: "5.5mm" }, children: [_jsx("td", { style: { ...rowCell }, children: index === 0 && hasProperty ? propertyNo || BLANK : BLANK }), _jsx("td", { style: { ...rowCell }, children: index === 0 && hasProperty ? description || BLANK : BLANK }), _jsx("td", { style: { ...rowCell, borderRight: "none", textAlign: "right" }, children: index === 0 && hasProperty ? fmtAmount(acquisitionCost) || BLANK : BLANK })] }, index))) })] }), _jsxs("div", { style: {
+                        borderLeft: LINE,
+                        borderRight: LINE,
+                        borderBottom: LINE,
+                        minHeight: "22mm",
+                        padding: "1mm 1mm 1.5mm",
+                        boxSizing: "border-box",
+                    }, children: [_jsx("div", { style: { fontWeight: 700, marginBottom: "1.4mm" }, children: "Circumstances:" }), _jsx("div", { style: { padding: "0 12mm" }, children: circumstanceLines.map((line, index) => (_jsx("div", { style: {
+                                    height: "5.2mm",
+                                    borderBottom: LINE,
+                                    padding: "0.5mm 1mm 1.4mm",
+                                    boxSizing: "border-box",
+                                    lineHeight: 1.1,
+                                    whiteSpace: "nowrap",
+                                    overflow: "hidden",
+                                }, children: line || BLANK }, index))) })] }), _jsx("table", { style: {
+                        width: "100%",
+                        borderCollapse: "collapse",
+                        tableLayout: "fixed",
+                        borderLeft: LINE,
+                        borderRight: LINE,
+                        borderBottom: LINE,
+                    }, children: _jsx("tbody", { children: _jsxs("tr", { style: { height: "48mm" }, children: [_jsxs("td", { style: {
+                                        width: "58%",
+                                        borderRight: LINE,
+                                        padding: "2.6mm 2.5mm 1mm",
+                                        verticalAlign: "top",
+                                        boxSizing: "border-box",
+                                    }, children: [_jsx("div", { style: { lineHeight: 1.2, marginBottom: "9.2mm" }, children: "I hereby certify that the item/s and circumstances stated above are true and correct." }), _jsxs("div", { style: { width: "66mm", margin: "0 auto 1.2mm", textAlign: "center" }, children: [_jsx("div", { style: {
+                                                        borderBottom: LINE,
+                                                        height: "5.5mm",
+                                                        padding: "0.6mm 1mm 1.5mm",
+                                                        boxSizing: "border-box",
+                                                        lineHeight: 1.1,
+                                                    }, children: accountableOfficerSignature || BLANK }), _jsx("div", { style: { fontSize: "6.8pt", marginTop: "0.7mm" }, children: "Signature over Printed Name of the Accountable Officer" })] }), _jsxs("div", { style: { width: "28mm", margin: "4.5mm auto 3.8mm", textAlign: "center" }, children: [_jsx("div", { style: {
+                                                        borderBottom: LINE,
+                                                        height: "5.2mm",
+                                                        padding: "0.5mm 1mm 1.4mm",
+                                                        boxSizing: "border-box",
+                                                        lineHeight: 1.1,
+                                                    }, children: fmtDate(accountableOfficerDate) || BLANK }), _jsx("div", { children: "Date" })] }), _jsxs("div", { style: { lineHeight: 1.45 }, children: [_jsxs("div", { children: ["Government Issued ID : ", _jsx(LineText, { value: governmentIssuedId, minWidth: "35mm" })] }), _jsxs("div", { children: ["ID No. : ", _jsx(LineText, { value: idNo, minWidth: "45mm" })] }), _jsxs("div", { children: ["Date Issued : ", _jsx(LineText, { value: fmtDate(dateIssued), minWidth: "41mm" })] })] })] }), _jsxs("td", { style: {
+                                        width: "42%",
+                                        padding: "9mm 2.5mm 1mm",
+                                        verticalAlign: "top",
+                                        boxSizing: "border-box",
+                                    }, children: [_jsx("div", { style: { marginBottom: "8.8mm" }, children: "Noted by:" }), _jsxs("div", { style: { width: "54mm", margin: "0 auto 1.4mm", textAlign: "center" }, children: [_jsx("div", { style: {
+                                                        borderBottom: LINE,
+                                                        height: "5.5mm",
+                                                        padding: "0.6mm 1mm 1.5mm",
+                                                        boxSizing: "border-box",
+                                                        lineHeight: 1.1,
+                                                    }, children: immediateSupervisorSignature || BLANK }), _jsxs("div", { style: { fontSize: "6.8pt", marginTop: "0.7mm" }, children: ["Signature over Printed Name of the Immediate", _jsx("br", {}), "Supervisor"] })] }), _jsxs("div", { style: { width: "28mm", margin: "4.4mm auto 0", textAlign: "center" }, children: [_jsx("div", { style: {
+                                                        borderBottom: LINE,
+                                                        height: "5.2mm",
+                                                        padding: "0.5mm 1mm 1.4mm",
+                                                        boxSizing: "border-box",
+                                                        lineHeight: 1.1,
+                                                    }, children: fmtDate(immediateSupervisorDate) || BLANK }), _jsx("div", { children: "Date" })] })] })] }) }) }), _jsxs("div", { style: {
+                        borderLeft: LINE,
+                        borderRight: LINE,
+                        borderBottom: LINE,
+                        minHeight: "31mm",
+                        padding: "3mm 1mm 1.5mm",
+                        boxSizing: "border-box",
+                    }, children: [_jsxs("div", { style: { lineHeight: 1.35, marginBottom: "5.8mm" }, children: [_jsx("span", { style: { fontWeight: 700 }, children: "SUBSCRIBED AND SWORN" }), " to before me this", " ", _jsx(LineText, { value: swornDay, minWidth: "14mm", align: "center" }), " day of", " ", _jsx(LineText, { value: swornMonthYear, minWidth: "27mm", align: "center" }), ", affiant exhibiting the above government issued identification card."] }), _jsx("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed" }, children: _jsx("tbody", { children: _jsxs("tr", { children: [_jsxs("td", { style: { width: "50%", verticalAlign: "top", lineHeight: 1.45 }, children: [_jsxs("div", { children: ["Doc. No. ", _jsx(LineText, { value: docNo, minWidth: "19mm" })] }), _jsxs("div", { children: ["Page No. ", _jsx(LineText, { value: pageNo, minWidth: "19mm" })] }), _jsxs("div", { children: ["Book No. ", _jsx(LineText, { value: bookNo, minWidth: "19mm" })] }), _jsxs("div", { children: ["Series of ", _jsx(LineText, { value: seriesOf, minWidth: "19mm" })] })] }), _jsxs("td", { style: {
+                                                width: "50%",
+                                                verticalAlign: "top",
+                                                textAlign: "center",
+                                                paddingTop: "3.5mm",
+                                            }, children: [_jsx("div", { style: {
+                                                        width: "43mm",
+                                                        margin: "0 auto",
+                                                        borderBottom: LINE,
+                                                        height: "5.4mm",
+                                                        padding: "0.6mm 1mm 1.5mm",
+                                                        boxSizing: "border-box",
+                                                        lineHeight: 1.1,
+                                                    }, children: notaryPublic || BLANK }), _jsx("div", { style: { marginTop: "0.8mm" }, children: "Notary Public" })] })] }) }) })] })] }) }));
+}

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

@@ -0,0 +1,33 @@
+export type RlsddspPreviewProps = {
+    rlsddspNo?: string;
+    entityName?: string;
+    fundCluster?: string;
+    departmentOffice?: string;
+    accountableOfficer?: string;
+    designation?: string;
+    policeNotified?: string;
+    policeStation?: string;
+    policeNotifiedDate?: string;
+    rlsddspDate?: string;
+    icsNo?: string;
+    icsDate?: string;
+    statusOfProperty?: string;
+    propertyNo?: string;
+    description?: string;
+    acquisitionCost?: string;
+    circumstances?: string;
+    accountableOfficerSignature?: string;
+    accountableOfficerDate?: string;
+    governmentIssuedId?: string;
+    idNo?: string;
+    idDateIssued?: string;
+    immediateSupervisorSignature?: string;
+    immediateSupervisorDate?: string;
+    swornDate?: string;
+    docNo?: string;
+    pageNo?: string;
+    bookNo?: string;
+    seriesOf?: string;
+    notaryPublic?: string;
+};
+export declare function RlsddspPreview({ rlsddspNo, entityName, fundCluster, departmentOffice, accountableOfficer, designation, policeNotified, policeStation, policeNotifiedDate, rlsddspDate, icsNo, icsDate, statusOfProperty, propertyNo, description, acquisitionCost, circumstances, accountableOfficerSignature, accountableOfficerDate, governmentIssuedId, idNo, idDateIssued, immediateSupervisorSignature, immediateSupervisorDate, swornDate, docNo, pageNo, bookNo, seriesOf, notaryPublic, }: RlsddspPreviewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,226 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const BLANK = "\u00a0";
+const PROPERTY_ROWS = 7;
+const LINE = "1px solid #111";
+function fmtDate(value) {
+    if (!value)
+        return "";
+    const d = new Date(value);
+    return Number.isNaN(d.getTime()) ? value : d.toLocaleDateString("en-PH");
+}
+function fmtCost(value) {
+    if (!value || value.trim() === "")
+        return "";
+    const n = Number(value);
+    return Number.isNaN(n)
+        ? value
+        : n.toLocaleString("en-PH", {
+            minimumFractionDigits: 2,
+            maximumFractionDigits: 2,
+        });
+}
+function splitPreviewLines(value, count, maxChars = 96) {
+    const normalized = value.replace(/\s+/g, " ").trim();
+    if (!normalized)
+        return Array.from({ length: count }, () => "");
+    const words = normalized.split(" ");
+    const lines = [];
+    let current = "";
+    for (const word of words) {
+        const next = current ? `${current} ${word}` : word;
+        if (next.length > maxChars && current) {
+            lines.push(current);
+            current = word;
+        }
+        else {
+            current = next;
+        }
+        if (lines.length === count)
+            break;
+    }
+    if (lines.length < count && current)
+        lines.push(current);
+    return [
+        ...lines.slice(0, count),
+        ...Array.from({ length: Math.max(0, count - lines.length) }, () => ""),
+    ];
+}
+function Checkbox({ checked }) {
+    return (_jsx("span", { style: {
+            display: "inline-block",
+            width: "3.2mm",
+            height: "3.2mm",
+            border: LINE,
+            marginRight: "1.5mm",
+            textAlign: "center",
+            lineHeight: "3mm",
+            fontSize: "6.5pt",
+            verticalAlign: "middle",
+        }, children: checked ? "\u2713" : "" }));
+}
+function LineText({ value, minWidth = "20mm", align = "left", }) {
+    return (_jsx("span", { style: {
+            display: "inline-block",
+            minWidth,
+            height: "4.8mm",
+            borderBottom: LINE,
+            padding: "0.5mm 1mm 1.2mm",
+            textAlign: align,
+            boxSizing: "border-box",
+            lineHeight: 1.1,
+            verticalAlign: "bottom",
+            whiteSpace: "nowrap",
+        }, children: value || BLANK }));
+}
+function FieldRow({ label, value }) {
+    return (_jsxs("div", { style: {
+            display: "flex",
+            alignItems: "flex-end",
+            minHeight: "5mm",
+            lineHeight: 1.15,
+        }, children: [_jsx("span", { style: { fontWeight: 700, whiteSpace: "nowrap" }, children: label }), _jsx("span", { style: {
+                    display: "block",
+                    flex: 1,
+                    minWidth: 0,
+                    height: "4.8mm",
+                    borderBottom: LINE,
+                    padding: "0.5mm 1mm 1.2mm",
+                    boxSizing: "border-box",
+                    lineHeight: 1.1,
+                    overflow: "hidden",
+                    whiteSpace: "nowrap",
+                }, children: value || BLANK })] }));
+}
+export function RlsddspPreview({ rlsddspNo = "Auto-generated", entityName = "", fundCluster = "", departmentOffice = "", accountableOfficer = "", designation = "", policeNotified = "", policeStation = "", policeNotifiedDate = "", rlsddspDate = "", icsNo = "", icsDate = "", statusOfProperty = "", propertyNo = "", description = "", acquisitionCost = "", circumstances = "", accountableOfficerSignature = "", accountableOfficerDate = "", governmentIssuedId = "", idNo = "", idDateIssued = "", immediateSupervisorSignature = "", immediateSupervisorDate = "", swornDate = "", docNo = "", pageNo = "", bookNo = "", seriesOf = "", notaryPublic = "", }) {
+    const status = statusOfProperty.toLowerCase();
+    const policeStatus = policeNotified.toLowerCase();
+    const circumstanceLines = splitPreviewLines(circumstances, 4);
+    const hasProperty = Boolean(propertyNo || description || acquisitionCost);
+    const rowCell = {
+        borderRight: LINE,
+        borderBottom: LINE,
+        padding: "0.8mm 1.5mm",
+        fontSize: "7.2pt",
+        lineHeight: 1.15,
+        verticalAlign: "middle",
+    };
+    let swornDay = "";
+    let swornMonthYear = "";
+    if (swornDate) {
+        const d = new Date(swornDate);
+        if (!Number.isNaN(d.getTime())) {
+            swornDay = String(d.getDate());
+            swornMonthYear = d.toLocaleDateString("en-PH", { month: "long", year: "numeric" });
+        }
+    }
+    return (_jsx("div", { "data-pdf-page": "true", "data-pdf-orientation": "portrait", style: {
+            width: "210mm",
+            minHeight: "297mm",
+            backgroundColor: "#fff",
+            boxSizing: "border-box",
+            color: "#111",
+            fontFamily: '"Times New Roman", Times, serif',
+            fontSize: "7.5pt",
+            lineHeight: 1.15,
+            padding: 0,
+        }, children: _jsxs("div", { style: { width: "190mm", margin: "0 auto", paddingTop: "10mm" }, children: [_jsx("div", { style: { textAlign: "right", fontSize: "8pt", fontStyle: "italic", marginBottom: "9mm" }, children: "Annex A.9" }), _jsxs("div", { style: {
+                        textAlign: "center",
+                        fontWeight: 700,
+                        fontSize: "9.2pt",
+                        lineHeight: 1.15,
+                        marginBottom: "5.5mm",
+                    }, children: ["REPORT OF LOST, STOLEN, DAMAGED OR DESTROYED SEMI-EXPENDABLE", _jsx("br", {}), "PROPERTY"] }), _jsx("table", { style: { width: "100%", borderCollapse: "collapse", marginBottom: "1mm" }, children: _jsx("tbody", { children: _jsxs("tr", { children: [_jsxs("td", { style: { width: "66%", padding: 0 }, children: [_jsx("span", { style: { fontWeight: 700 }, children: "Entity Name : " }), _jsx(LineText, { value: entityName, minWidth: "38mm" })] }), _jsxs("td", { style: { width: "34%", padding: 0, textAlign: "right" }, children: [_jsx("span", { style: { fontWeight: 700 }, children: "Fund Cluster: " }), _jsx(LineText, { value: fundCluster, minWidth: "25mm" })] })] }) }) }), _jsx("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed", border: LINE }, children: _jsx("tbody", { children: _jsxs("tr", { children: [_jsxs("td", { style: {
+                                        width: "66.6%",
+                                        borderRight: LINE,
+                                        padding: "0.8mm 1mm 1mm",
+                                        verticalAlign: "top",
+                                    }, children: [_jsx(FieldRow, { label: "Department/Office : ", value: departmentOffice }), _jsx(FieldRow, { label: "Accountable Officer : ", value: accountableOfficer }), _jsx(FieldRow, { label: "Designation : ", value: designation }), _jsxs("div", { style: {
+                                                display: "grid",
+                                                gridTemplateColumns: "30mm 18mm 1fr",
+                                                columnGap: "1.2mm",
+                                                rowGap: "0.5mm",
+                                                alignItems: "baseline",
+                                                minHeight: "8.4mm",
+                                                lineHeight: 1.15,
+                                            }, children: [_jsx("div", { style: { fontWeight: 700 }, children: "Police Notified :" }), _jsxs("div", { children: [_jsx(Checkbox, { checked: policeStatus === "yes" }), "Yes"] }), _jsxs("div", { children: [_jsx("span", { style: { fontWeight: 700 }, children: "Police Station : " }), _jsx(LineText, { value: policeStation, minWidth: "21mm" })] }), _jsx("div", {}), _jsxs("div", { children: [_jsx(Checkbox, { checked: policeStatus === "no" }), "No"] }), _jsxs("div", { children: [_jsx("span", { style: { fontWeight: 700 }, children: "Date : " }), _jsx(LineText, { value: fmtDate(policeNotifiedDate), minWidth: "24mm" })] })] })] }), _jsxs("td", { style: { width: "33.4%", padding: "0.8mm 1mm 1mm", verticalAlign: "top" }, children: [_jsx(FieldRow, { label: "RLSDDSP No. : ", value: rlsddspNo }), _jsx(FieldRow, { label: "RLSDDSP Date : ", value: fmtDate(rlsddspDate) }), _jsx(FieldRow, { label: "ICS No. : ", value: icsNo }), _jsx(FieldRow, { label: "ICS Date : ", value: fmtDate(icsDate) })] })] }) }) }), _jsxs("div", { style: {
+                        borderLeft: LINE,
+                        borderRight: LINE,
+                        borderBottom: LINE,
+                        minHeight: "14mm",
+                        padding: "1.2mm 1.2mm 1mm",
+                        boxSizing: "border-box",
+                    }, children: [_jsxs("div", { style: { marginBottom: "1.5mm" }, children: [_jsx("span", { style: { fontWeight: 700 }, children: "Status of Semi-expendable Property : " }), "(check applicable box)"] }), _jsxs("div", { style: {
+                                display: "grid",
+                                gridTemplateColumns: "1fr 1fr",
+                                columnGap: "23mm",
+                                rowGap: "0.5mm",
+                                width: "55mm",
+                                margin: "0 auto",
+                            }, children: [_jsxs("div", { children: [_jsx(Checkbox, { checked: status === "lost" }), "Lost"] }), _jsxs("div", { children: [_jsx(Checkbox, { checked: status === "damaged" }), "Damaged"] }), _jsxs("div", { children: [_jsx(Checkbox, { checked: status === "stolen" }), "Stolen"] }), _jsxs("div", { children: [_jsx(Checkbox, { checked: status === "destroyed" }), "Destroyed"] })] })] }), _jsxs("table", { style: {
+                        width: "100%",
+                        borderCollapse: "collapse",
+                        tableLayout: "fixed",
+                        borderLeft: LINE,
+                        borderRight: LINE,
+                    }, children: [_jsx("thead", { children: _jsxs("tr", { style: { height: "7mm" }, children: [_jsx("th", { style: { ...rowCell, width: "19%", textAlign: "center", fontWeight: 700 }, children: "Property No." }), _jsx("th", { style: { ...rowCell, width: "48%", textAlign: "center", fontWeight: 700 }, children: "Description" }), _jsx("th", { style: {
+                                            ...rowCell,
+                                            width: "33%",
+                                            borderRight: "none",
+                                            textAlign: "center",
+                                            fontWeight: 700,
+                                        }, children: "Acquisition Cost" })] }) }), _jsx("tbody", { children: Array.from({ length: PROPERTY_ROWS }, (_, index) => (_jsxs("tr", { style: { height: "4.55mm" }, children: [_jsx("td", { style: { ...rowCell }, children: index === 0 && hasProperty ? propertyNo || BLANK : BLANK }), _jsx("td", { style: { ...rowCell }, children: index === 0 && hasProperty ? description || BLANK : BLANK }), _jsx("td", { style: { ...rowCell, borderRight: "none", textAlign: "right" }, children: index === 0 && hasProperty ? fmtCost(acquisitionCost) || BLANK : BLANK })] }, index))) })] }), _jsxs("div", { style: {
+                        borderLeft: LINE,
+                        borderRight: LINE,
+                        borderBottom: LINE,
+                        minHeight: "22mm",
+                        padding: "1mm 1mm 1.5mm",
+                        boxSizing: "border-box",
+                    }, children: [_jsx("div", { style: { fontWeight: 700, marginBottom: "1.4mm" }, children: "Circumstances:" }), _jsx("div", { style: { padding: "0 12mm" }, children: circumstanceLines.map((line, index) => (_jsx("div", { style: {
+                                    height: "4.8mm",
+                                    borderBottom: LINE,
+                                    padding: "0.5mm 1mm 1.2mm",
+                                    boxSizing: "border-box",
+                                    lineHeight: 1.1,
+                                    whiteSpace: "nowrap",
+                                    overflow: "hidden",
+                                }, children: line || BLANK }, index))) })] }), _jsx("table", { style: {
+                        width: "100%",
+                        borderCollapse: "collapse",
+                        tableLayout: "fixed",
+                        borderLeft: LINE,
+                        borderRight: LINE,
+                        borderBottom: LINE,
+                    }, children: _jsx("tbody", { children: _jsxs("tr", { style: { height: "45mm" }, children: [_jsxs("td", { style: {
+                                        width: "58%",
+                                        borderRight: LINE,
+                                        padding: "2.6mm 2.5mm 1mm",
+                                        verticalAlign: "top",
+                                        boxSizing: "border-box",
+                                    }, children: [_jsx("div", { style: { lineHeight: 1.2, marginBottom: "9.2mm" }, children: "I hereby certify that the item/s and circumstances stated above are true and correct." }), _jsxs("div", { style: { width: "57mm", margin: "0 auto 1.2mm", textAlign: "center" }, children: [_jsx("div", { style: { borderBottom: LINE, boxSizing: "border-box", height: "5.5mm", padding: "0.6mm 1mm 1.4mm", lineHeight: 1.1 }, children: accountableOfficerSignature || BLANK }), _jsx("div", { style: { fontSize: "6.8pt", marginTop: "0.7mm" }, children: "Signature over Printed Name of the Accountable Officer" })] }), _jsxs("div", { style: { width: "28mm", margin: "4.5mm auto 3.8mm", textAlign: "center" }, children: [_jsx("div", { style: { borderBottom: LINE, boxSizing: "border-box", height: "5.3mm", padding: "0.6mm 1mm 1.4mm", lineHeight: 1.1 }, children: fmtDate(accountableOfficerDate) || BLANK }), _jsx("div", { children: "Date" })] }), _jsxs("div", { style: { lineHeight: 1.45 }, children: [_jsxs("div", { children: ["Government Issued ID : ", _jsx(LineText, { value: governmentIssuedId, minWidth: "29mm" })] }), _jsxs("div", { children: ["ID No. : ", _jsx(LineText, { value: idNo, minWidth: "39mm" })] }), _jsxs("div", { children: ["Date Issued : ", _jsx(LineText, { value: fmtDate(idDateIssued), minWidth: "35mm" })] })] })] }), _jsxs("td", { style: {
+                                        width: "42%",
+                                        padding: "9mm 2.5mm 1mm",
+                                        verticalAlign: "top",
+                                        boxSizing: "border-box",
+                                    }, children: [_jsx("div", { style: { marginBottom: "8.8mm" }, children: "Noted by:" }), _jsxs("div", { style: { width: "51mm", margin: "0 auto 1.4mm", textAlign: "center" }, children: [_jsx("div", { style: { borderBottom: LINE, boxSizing: "border-box", height: "5.5mm", padding: "0.6mm 1mm 1.4mm", lineHeight: 1.1 }, children: immediateSupervisorSignature || BLANK }), _jsxs("div", { style: { fontSize: "6.8pt", marginTop: "0.7mm" }, children: ["Signature over Printed Name of the Immediate", _jsx("br", {}), "Supervisor"] })] }), _jsxs("div", { style: { width: "28mm", margin: "4.4mm auto 0", textAlign: "center" }, children: [_jsx("div", { style: { borderBottom: LINE, boxSizing: "border-box", height: "5.3mm", padding: "0.6mm 1mm 1.4mm", lineHeight: 1.1 }, children: fmtDate(immediateSupervisorDate) || BLANK }), _jsx("div", { children: "Date" })] })] })] }) }) }), _jsxs("div", { style: {
+                        borderLeft: LINE,
+                        borderRight: LINE,
+                        borderBottom: LINE,
+                        minHeight: "31mm",
+                        padding: "3mm 1mm 1.5mm",
+                        boxSizing: "border-box",
+                    }, children: [_jsxs("div", { style: { lineHeight: 1.35, marginBottom: "5.8mm" }, children: [_jsx("span", { style: { fontWeight: 700 }, children: "SUBSCRIBED AND SWORN" }), " to before me this", " ", _jsx(LineText, { value: swornDay, minWidth: "14mm", align: "center" }), " day of", " ", _jsx(LineText, { value: swornMonthYear, minWidth: "27mm", align: "center" }), ", affiant exhibiting the above government issued identification card."] }), _jsx("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed" }, children: _jsx("tbody", { children: _jsxs("tr", { children: [_jsxs("td", { style: { width: "50%", verticalAlign: "top", lineHeight: 1.45 }, children: [_jsxs("div", { children: ["Doc. No. ", _jsx(LineText, { value: docNo, minWidth: "19mm" })] }), _jsxs("div", { children: ["Page No. ", _jsx(LineText, { value: pageNo, minWidth: "19mm" })] }), _jsxs("div", { children: ["Book No. ", _jsx(LineText, { value: bookNo, minWidth: "19mm" })] }), _jsxs("div", { children: ["Series of ", _jsx(LineText, { value: seriesOf, minWidth: "19mm" })] })] }), _jsxs("td", { style: {
+                                                width: "50%",
+                                                verticalAlign: "top",
+                                                textAlign: "center",
+                                                paddingTop: "3.5mm",
+                                            }, children: [_jsx("div", { style: {
+                                                        width: "43mm",
+                                                        margin: "0 auto",
+                                                        borderBottom: LINE,
+                                                        boxSizing: "border-box",
+                                                        height: "5.4mm",
+                                                        padding: "0.6mm 1mm 1.4mm",
+                                                        lineHeight: 1.1,
+                                                    }, children: notaryPublic || BLANK }), _jsx("div", { style: { marginTop: "0.8mm" }, children: "Notary Public" })] })] }) }) })] })] }) }));
+}

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

@@ -0,0 +1,27 @@
+type RpciLine = {
+    article?: string;
+    description?: string;
+    stockNo?: string;
+    unitOfMeasure?: string;
+    balancePerCard: string;
+    unitValue: string;
+    onHandPerCount: string;
+    shortageOverage: string;
+    remarks?: string;
+};
+export type RpciPreviewProps = {
+    rpciNo?: string;
+    typeOfInventory?: string;
+    asAtDate?: string;
+    fundCluster?: string;
+    nameOfAccountableOfficer?: string;
+    officialDesignation?: string;
+    entityName?: string;
+    dateOfAssumption?: string;
+    certifiedCorrectBy?: string;
+    approvedBy?: string;
+    verifiedBy?: string;
+    lines: RpciLine[];
+};
+export declare function RpciPreview({ rpciNo: _rpciNo, typeOfInventory, asAtDate, fundCluster, nameOfAccountableOfficer, officialDesignation, entityName, dateOfAssumption, certifiedCorrectBy, approvedBy, verifiedBy, lines, }: RpciPreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};