@tonzxz/government-forms 0.1.0

package/dist/reports/rlsddp/_components/create-form.js

@@ -0,0 +1,165 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ConfigurableFormLayout, } from "../../../internal/components/configurable-form-layout.js";
+import { DateInput } from "../../../internal/components/ui/date-input.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../../internal/components/ui/tabs.js";
+const inputCls = "w-full rounded-md border px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary/40";
+const textareaCls = "w-full resize-none rounded-md border px-3 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-primary/40";
+export function RlsddpCreateForm({ form, onChange, activeTab, onTabChange, mode, rlsddpNo, }) {
+    const generalFields = [
+        {
+            id: "entityName",
+            label: "Entity Name *",
+            render: () => (_jsx("input", { value: form.entityName, onChange: e => onChange("entityName", e.target.value), placeholder: "Entity Name", className: inputCls })),
+        },
+        {
+            id: "fundCluster",
+            label: "Fund Cluster *",
+            render: () => (_jsx("input", { value: form.fundCluster, onChange: e => onChange("fundCluster", e.target.value), placeholder: "Fund Cluster", className: inputCls })),
+        },
+        {
+            id: "departmentOffice",
+            label: "Department / Office",
+            render: () => (_jsx("input", { value: form.departmentOffice, onChange: e => onChange("departmentOffice", e.target.value), placeholder: "Department/Office", className: inputCls })),
+        },
+        {
+            id: "accountableOfficer",
+            label: "Accountable Officer *",
+            render: () => (_jsx("input", { value: form.accountableOfficer, onChange: e => onChange("accountableOfficer", e.target.value), placeholder: "Full name", className: inputCls })),
+        },
+        {
+            id: "designation",
+            label: "Designation",
+            render: () => (_jsx("input", { value: form.designation, onChange: e => onChange("designation", e.target.value), placeholder: "Designation", className: inputCls })),
+        },
+        {
+            id: "policeNotified",
+            label: "Police Notified",
+            render: () => (_jsxs("select", { value: form.policeNotified, onChange: e => onChange("policeNotified", e.target.value), className: inputCls, children: [_jsx("option", { value: "Yes", children: "Yes" }), _jsx("option", { value: "No", children: "No" })] })),
+        },
+        {
+            id: "policeStation",
+            label: "Police Station",
+            render: () => (_jsx("input", { value: form.policeStation, onChange: e => onChange("policeStation", e.target.value), placeholder: "Police Station", className: inputCls })),
+        },
+        {
+            id: "policeNotifiedDate",
+            label: "Date Reported to Police",
+            render: () => (_jsx(DateInput, { type: "date", value: form.policeNotifiedDate, onChange: e => onChange("policeNotifiedDate", e.target.value), className: inputCls })),
+        },
+        {
+            id: "rlsddpDate",
+            label: "RLSDDP Date",
+            render: () => (_jsx(DateInput, { type: "date", value: form.rlsddpDate, onChange: e => onChange("rlsddpDate", e.target.value), className: inputCls })),
+        },
+        {
+            id: "parNo",
+            label: "PAR No.",
+            render: () => (_jsx("input", { value: form.parNo, onChange: e => onChange("parNo", e.target.value), placeholder: "PAR No.", className: inputCls })),
+        },
+        {
+            id: "parDate",
+            label: "PAR Date",
+            render: () => (_jsx(DateInput, { type: "date", value: form.parDate, onChange: e => onChange("parDate", e.target.value), className: inputCls })),
+        },
+        {
+            id: "statusOfProperty",
+            label: "Status of Property",
+            fullWidth: true,
+            render: () => (_jsx("div", { className: "flex flex-wrap gap-6 py-1", children: ["Lost", "Stolen", "Damaged", "Destroyed"].map(status => (_jsxs("label", { className: "flex cursor-pointer items-center gap-2 text-sm", children: [_jsx("input", { type: "radio", name: "statusOfProperty", value: status, checked: form.statusOfProperty === status, onChange: () => onChange("statusOfProperty", status), className: "accent-primary" }), status] }, status))) })),
+        },
+    ];
+    const propertyFields = [
+        {
+            id: "propertyNo",
+            label: "Property No. *",
+            render: () => (_jsx("input", { value: form.propertyNo, onChange: e => onChange("propertyNo", e.target.value), placeholder: "Property No.", className: inputCls })),
+        },
+        {
+            id: "acquisitionCost",
+            label: "Acquisition Cost",
+            render: () => (_jsx("input", { type: "number", min: 0, step: "0.01", value: form.acquisitionCost, onChange: e => onChange("acquisitionCost", e.target.value), className: inputCls })),
+        },
+        {
+            id: "description",
+            label: "Description",
+            fullWidth: true,
+            render: () => (_jsx("textarea", { value: form.description, onChange: e => onChange("description", e.target.value), rows: 3, placeholder: "Item description", className: textareaCls })),
+        },
+        {
+            id: "circumstance",
+            label: "Circumstances",
+            fullWidth: true,
+            render: () => (_jsx("textarea", { value: form.circumstance, onChange: e => onChange("circumstance", e.target.value), rows: 5, placeholder: "Describe the circumstances of loss, theft, damage, or destruction...", className: textareaCls })),
+        },
+    ];
+    const certificationFields = [
+        {
+            id: "accountableOfficerSignature",
+            label: "AO Signature Over Printed Name",
+            render: () => (_jsx("input", { value: form.accountableOfficerSignature, onChange: e => onChange("accountableOfficerSignature", e.target.value), placeholder: "Full name / signature", className: inputCls })),
+        },
+        {
+            id: "accountableOfficerDate",
+            label: "AO Certification Date",
+            render: () => (_jsx(DateInput, { type: "date", value: form.accountableOfficerDate, onChange: e => onChange("accountableOfficerDate", e.target.value), className: inputCls })),
+        },
+        {
+            id: "governmentIssuedId",
+            label: "Government Issued ID",
+            render: () => (_jsx("input", { value: form.governmentIssuedId, onChange: e => onChange("governmentIssuedId", e.target.value), placeholder: "ID type", className: inputCls })),
+        },
+        {
+            id: "idNo",
+            label: "ID No.",
+            render: () => (_jsx("input", { value: form.idNo, onChange: e => onChange("idNo", e.target.value), placeholder: "ID number", className: inputCls })),
+        },
+        {
+            id: "dateIssued",
+            label: "ID Date Issued",
+            render: () => (_jsx(DateInput, { type: "date", value: form.dateIssued, onChange: e => onChange("dateIssued", e.target.value), className: inputCls })),
+        },
+        {
+            id: "immediateSupervisorSignature",
+            label: "Supervisor Signature Over Printed Name",
+            render: () => (_jsx("input", { value: form.immediateSupervisorSignature, onChange: e => onChange("immediateSupervisorSignature", e.target.value), placeholder: "Full name / signature", className: inputCls })),
+        },
+        {
+            id: "immediateSupervisorDate",
+            label: "Supervisor Noted Date",
+            render: () => (_jsx(DateInput, { type: "date", value: form.immediateSupervisorDate, onChange: e => onChange("immediateSupervisorDate", e.target.value), className: inputCls })),
+        },
+        {
+            id: "swornDate",
+            label: "Sworn Date",
+            render: () => (_jsx(DateInput, { type: "date", value: form.swornDate, onChange: e => onChange("swornDate", e.target.value), className: inputCls })),
+        },
+        {
+            id: "docNo",
+            label: "Doc No.",
+            render: () => (_jsx("input", { value: form.docNo, onChange: e => onChange("docNo", e.target.value), placeholder: "Doc No.", className: inputCls })),
+        },
+        {
+            id: "pageNo",
+            label: "Page No.",
+            render: () => (_jsx("input", { value: form.pageNo, onChange: e => onChange("pageNo", e.target.value), placeholder: "Page No.", className: inputCls })),
+        },
+        {
+            id: "bookNo",
+            label: "Book No.",
+            render: () => (_jsx("input", { value: form.bookNo, onChange: e => onChange("bookNo", e.target.value), placeholder: "Book No.", className: inputCls })),
+        },
+        {
+            id: "seriesOf",
+            label: "Series of",
+            render: () => (_jsx("input", { value: form.seriesOf, onChange: e => onChange("seriesOf", e.target.value), placeholder: "Series of", className: inputCls })),
+        },
+        {
+            id: "notaryPublic",
+            label: "Notary Public",
+            fullWidth: true,
+            render: () => (_jsx("input", { value: form.notaryPublic, onChange: e => onChange("notaryPublic", e.target.value), placeholder: "Notary Public", className: inputCls })),
+        },
+    ];
+    return (_jsxs(Tabs, { value: activeTab, onValueChange: onTabChange, children: [_jsxs(TabsList, { className: "grid w-full grid-cols-3", children: [_jsx(TabsTrigger, { value: "general", children: "General Info" }), _jsx(TabsTrigger, { value: "property", children: "Property" }), _jsx(TabsTrigger, { value: "certification", children: "Certification" })] }), _jsx(TabsContent, { value: "general", className: "mt-4", children: _jsx(ConfigurableFormLayout, { formKey: "rlsddp-general", fields: generalFields, header: _jsxs("div", { className: "rounded-md border border-indigo-200 bg-indigo-50 p-3", children: [_jsx("p", { className: "text-muted-foreground text-xs font-medium", children: "RLSDDP Number" }), _jsx("p", { className: "text-sm text-slate-600 italic", children: mode === "edit" && rlsddpNo ? rlsddpNo : "Auto-generated on save" })] }) }) }), _jsx(TabsContent, { value: "property", className: "mt-4", children: _jsx(ConfigurableFormLayout, { formKey: "rlsddp-property", fields: propertyFields }) }), _jsx(TabsContent, { value: "certification", className: "mt-4", children: _jsx(ConfigurableFormLayout, { formKey: "rlsddp-certification", fields: certificationFields }) })] }));
+}

package/dist/reports/rlsddp/_components/document-preview.d.ts

@@ -0,0 +1,8 @@
+import type { RlsddpFormState } from "../types.js";
+type Props = {
+    form: RlsddpFormState;
+    rlsddpNo?: string;
+    scale?: number;
+};
+export declare function RlsddpDocumentPreview({ form, rlsddpNo, scale }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/reports/rlsddp/_components/document-preview.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RlsddpPreview } from "../../../gam/components/rlsddp-preview.js";
+export function RlsddpDocumentPreview({ form, rlsddpNo, scale = 1 }) {
+    const useScale = scale > 0 && scale !== 1;
+    const preview = (_jsx(RlsddpPreview, { rlsddpNo: rlsddpNo ?? "Auto-generated", entityName: form.entityName, fundCluster: form.fundCluster, departmentOffice: form.departmentOffice, accountableOfficer: form.accountableOfficer, designation: form.designation, policeNotified: form.policeNotified, policeStation: form.policeStation, policeNotifiedDate: form.policeNotifiedDate, rlsddpDate: form.rlsddpDate, parNo: form.parNo, parDate: form.parDate, statusOfProperty: form.statusOfProperty, propertyNo: form.propertyNo, description: form.description, acquisitionCost: form.acquisitionCost, circumstance: form.circumstance, accountableOfficerSignature: form.accountableOfficerSignature, accountableOfficerDate: form.accountableOfficerDate, governmentIssuedId: form.governmentIssuedId, idNo: form.idNo, dateIssued: form.dateIssued, immediateSupervisorSignature: form.immediateSupervisorSignature, immediateSupervisorDate: form.immediateSupervisorDate, swornDate: form.swornDate, docNo: form.docNo, pageNo: form.pageNo, bookNo: form.bookNo, seriesOf: form.seriesOf, notaryPublic: form.notaryPublic }));
+    return (_jsx("div", { className: "mx-auto w-full max-w-full overflow-x-auto", children: useScale ? (_jsx("div", { className: "mx-auto", style: {
+                width: `calc(210mm * ${scale})`,
+                height: `calc(297mm * ${scale})`,
+            }, children: _jsx("div", { style: {
+                    transform: `scale(${scale})`,
+                    transformOrigin: "top left",
+                    width: "210mm",
+                }, children: preview }) })) : (preview) }));
+}

package/dist/reports/rlsddp/types.d.ts

@@ -0,0 +1,105 @@
+export type RlsddpStatus = "Draft" | "Submitted" | "For Repair" | "Approved";
+export type RlsddpRecord = {
+    id: number;
+    rlsddpNo: string;
+    entityName?: string | null;
+    fundCluster?: string | null;
+    departmentOffice?: string | null;
+    accountableOfficer: string;
+    designation?: string | null;
+    policeNotified?: string | null;
+    policeStation?: string | null;
+    policeNotifiedDate?: string | null;
+    rlsddpDate?: string | null;
+    parNo?: string | null;
+    parDate?: string | null;
+    statusOfProperty?: string | null;
+    propertyNo: string;
+    description?: string | null;
+    acquisitionCost: string;
+    circumstance?: string | null;
+    accountableOfficerSignature?: string | null;
+    accountableOfficerDate?: string | null;
+    governmentIssuedId?: string | null;
+    idNo?: string | null;
+    dateIssued?: string | null;
+    immediateSupervisorSignature?: string | null;
+    immediateSupervisorDate?: string | null;
+    swornDate?: string | null;
+    docNo?: string | null;
+    pageNo?: string | null;
+    bookNo?: string | null;
+    seriesOf?: string | null;
+    notaryPublic?: string | null;
+    status: RlsddpStatus;
+    createdById?: string | null;
+    requestorDocumentUploaded?: boolean;
+    inspectionDocumentUploaded?: boolean;
+    createdAt: string;
+    updatedAt: string;
+};
+export type RlsddpPayload = {
+    issuedItemId?: string;
+    entityName?: string;
+    fundCluster?: string;
+    departmentOffice?: string;
+    accountableOfficer: string;
+    designation?: string;
+    policeNotified?: string;
+    policeStation?: string;
+    policeNotifiedDate?: string;
+    rlsddpDate?: string;
+    parNo?: string;
+    parDate?: string;
+    statusOfProperty?: string;
+    propertyNo: string;
+    description?: string;
+    acquisitionCost?: string;
+    circumstance?: string;
+    accountableOfficerSignature?: string;
+    accountableOfficerDate?: string;
+    governmentIssuedId?: string;
+    idNo?: string;
+    dateIssued?: string;
+    immediateSupervisorSignature?: string;
+    immediateSupervisorDate?: string;
+    swornDate?: string;
+    docNo?: string;
+    pageNo?: string;
+    bookNo?: string;
+    seriesOf?: string;
+    notaryPublic?: string;
+    status?: string;
+};
+export declare const EMPTY_RLSDDP_FORM: RlsddpFormState;
+export type RlsddpFormState = {
+    entityName: string;
+    fundCluster: string;
+    departmentOffice: string;
+    accountableOfficer: string;
+    designation: string;
+    policeNotified: string;
+    policeStation: string;
+    policeNotifiedDate: string;
+    rlsddpDate: string;
+    parNo: string;
+    parDate: string;
+    statusOfProperty: string;
+    propertyNo: string;
+    description: string;
+    acquisitionCost: string;
+    circumstance: string;
+    accountableOfficerSignature: string;
+    accountableOfficerDate: string;
+    governmentIssuedId: string;
+    idNo: string;
+    dateIssued: string;
+    immediateSupervisorSignature: string;
+    immediateSupervisorDate: string;
+    swornDate: string;
+    docNo: string;
+    pageNo: string;
+    bookNo: string;
+    seriesOf: string;
+    notaryPublic: string;
+};

package/dist/reports/rlsddp/types.js

@@ -0,0 +1,31 @@
+export const EMPTY_RLSDDP_FORM = {
+    entityName: "",
+    fundCluster: "",
+    departmentOffice: "",
+    accountableOfficer: "",
+    designation: "",
+    policeNotified: "No",
+    policeStation: "",
+    policeNotifiedDate: "",
+    rlsddpDate: "",
+    parNo: "",
+    parDate: "",
+    statusOfProperty: "",
+    propertyNo: "",
+    description: "",
+    acquisitionCost: "0",
+    circumstance: "",
+    accountableOfficerSignature: "",
+    accountableOfficerDate: "",
+    governmentIssuedId: "",
+    idNo: "",
+    dateIssued: "",
+    immediateSupervisorSignature: "",
+    immediateSupervisorDate: "",
+    swornDate: "",
+    docNo: "",
+    pageNo: "",
+    bookNo: "",
+    seriesOf: "",
+    notaryPublic: "",
+};

package/dist/reports/rrsp/components/rrsp-preview.d.ts

@@ -0,0 +1,21 @@
+type RrspVariant = "semi_expendable" | "ppe";
+type RrspPreviewItem = {
+    itemDescription?: string;
+    quantity?: string;
+    icsNo?: string;
+    endUser?: string;
+    remarks?: string;
+};
+type RrspPreviewProps = {
+    variant?: RrspVariant;
+    entityName: string;
+    reportDate: string;
+    rrspNo: string;
+    returnedBy: string;
+    returnedDate: string;
+    receivedBy: string;
+    receivedDate: string;
+    items: RrspPreviewItem[];
+};
+export declare function RrspPreview({ variant, entityName, reportDate, rrspNo, returnedBy, returnedDate, receivedBy, receivedDate, items, }: RrspPreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/reports/rrsp/components/rrsp-preview.js

@@ -0,0 +1,155 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ── Constants — match the RLSDDP/RLSDDSP pattern exactly ─────────────────────
+const BLANK = " ";
+const LINE = "1px solid #111";
+/**
+ * Minimum table rows rendered (real items + filler).
+ * At ROW_HEIGHT_MM each, this keeps the items section tall enough
+ * so the form fills the A4 page when there are few real items.
+ */
+const MIN_TABLE_ROWS = 20;
+const ROW_HEIGHT_MM = "8mm";
+const VARIANT_CONFIG = {
+    semi_expendable: {
+        title: "RECEIPT OF RETURNED SEMI-EXPENDABLE PROPERTY",
+        ackLine: "This is to acknowledge receipt of the returned Semi-Expendable Property",
+        refColumnHeader: "ICS No.",
+        numberLabel: "RRSP No.:",
+    },
+    ppe: {
+        title: "RECEIPT OF RETURNED PROPERTY, PLANT AND EQUIPMENT",
+        ackLine: "This is to acknowledge receipt of the returned Property, Plant and Equipment",
+        refColumnHeader: "Property No.",
+        numberLabel: "RRPPE No.:",
+    },
+};
+function fmtDate(value) {
+    if (!value)
+        return "";
+    const d = new Date(value);
+    return Number.isNaN(d.getTime()) ? value : d.toLocaleDateString("en-PH");
+}
+export function RrspPreview({ variant = "semi_expendable", entityName, reportDate, rrspNo, returnedBy, returnedDate, receivedBy, receivedDate, items, }) {
+    // Treat any stale client-side value as RRSP/Semi-Expendable instead of
+    // crashing the return-request modal while an older browser bundle refreshes.
+    const cfg = VARIANT_CONFIG[variant] ?? VARIANT_CONFIG.semi_expendable;
+    const fillerCount = Math.max(0, MIN_TABLE_ROWS - items.length);
+    // Shared cell style for data rows — mirrors RLSDDP's rowCell pattern
+    const cellStyle = {
+        border: LINE,
+        padding: "1mm 2mm",
+        fontSize: "8pt",
+        lineHeight: 1.2,
+        verticalAlign: "middle",
+        height: ROW_HEIGHT_MM,
+        boxSizing: "border-box",
+    };
+    const thStyle = {
+        ...cellStyle,
+        fontWeight: 700,
+        textAlign: "center",
+        backgroundColor: "#f0f0f0",
+        height: "9mm",
+    };
+    return (
+    /**
+     * Outer A4 shell — identical approach to RlsddpPreview / RlsddspPreview:
+     *   width: 210mm, minHeight: 297mm, inline styles only, Times New Roman.
+     */
+    _jsx("div", { className: "psms-print-preview", "data-pdf-page": "true", style: {
+            width: "210mm",
+            minHeight: "297mm",
+            backgroundColor: "#fff",
+            boxSizing: "border-box",
+            color: "#111",
+            fontFamily: '"Times New Roman", Times, serif',
+            fontSize: "9pt",
+            lineHeight: 1.2,
+            padding: 0,
+        }, children: _jsxs("div", { style: {
+                width: "180mm",
+                margin: "0 auto",
+                paddingTop: "20mm",
+                paddingBottom: "15mm",
+            }, children: [_jsx("div", { style: {
+                        textAlign: "center",
+                        fontWeight: 700,
+                        fontSize: "11pt",
+                        lineHeight: 1.3,
+                        marginBottom: "5mm",
+                        letterSpacing: "0.3pt",
+                    }, children: cfg.title }), _jsx("table", { style: {
+                        width: "100%",
+                        borderCollapse: "collapse",
+                        tableLayout: "fixed",
+                        border: LINE,
+                    }, children: _jsx("tbody", { children: _jsxs("tr", { children: [_jsxs("td", { style: {
+                                        width: "62%",
+                                        borderRight: LINE,
+                                        padding: "2mm 2.5mm",
+                                        verticalAlign: "middle",
+                                        fontSize: "8.5pt",
+                                    }, children: [_jsx("span", { style: { fontWeight: 700 }, children: "Entity Name: " }), _jsx("span", { children: entityName || BLANK })] }), _jsxs("td", { style: { width: "38%", padding: 0, verticalAlign: "top" }, children: [_jsxs("div", { style: {
+                                                borderBottom: LINE,
+                                                padding: "1.8mm 2.5mm",
+                                                display: "flex",
+                                                gap: "1.5mm",
+                                                fontSize: "8.5pt",
+                                            }, children: [_jsx("span", { style: { fontWeight: 700, whiteSpace: "nowrap" }, children: "Date:" }), _jsx("span", { children: fmtDate(reportDate) || BLANK })] }), _jsxs("div", { style: {
+                                                padding: "1.8mm 2.5mm",
+                                                display: "flex",
+                                                gap: "1.5mm",
+                                                fontSize: "8.5pt",
+                                            }, children: [_jsx("span", { style: { fontWeight: 700, whiteSpace: "nowrap" }, children: cfg.numberLabel }), _jsx("span", { children: rrspNo || BLANK })] })] })] }) }) }), _jsx("div", { style: {
+                        textAlign: "center",
+                        fontStyle: "italic",
+                        fontSize: "8pt",
+                        padding: "2.5mm 4mm",
+                        borderLeft: LINE,
+                        borderRight: LINE,
+                        borderBottom: LINE,
+                        boxSizing: "border-box",
+                    }, children: cfg.ackLine }), _jsxs("table", { style: {
+                        width: "100%",
+                        borderCollapse: "collapse",
+                        tableLayout: "fixed",
+                        borderLeft: LINE,
+                        borderRight: LINE,
+                    }, children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { style: { ...thStyle, width: "30%" }, children: "Item Description" }), _jsx("th", { style: { ...thStyle, width: "12%" }, children: "Quantity" }), _jsx("th", { style: { ...thStyle, width: "16%" }, children: cfg.refColumnHeader }), _jsx("th", { style: { ...thStyle, width: "26%" }, children: "End User" }), _jsx("th", { style: { ...thStyle, width: "16%" }, children: "Remarks" })] }) }), _jsxs("tbody", { children: [items.map((item, i) => (_jsxs("tr", { children: [_jsx("td", { style: { ...cellStyle }, children: item.itemDescription || BLANK }), _jsx("td", { style: { ...cellStyle, textAlign: "center" }, children: item.quantity
+                                                ? Number(item.quantity).toLocaleString("en-PH", {
+                                                    minimumFractionDigits: 2,
+                                                })
+                                                : BLANK }), _jsx("td", { style: { ...cellStyle }, children: item.icsNo || BLANK }), _jsx("td", { style: { ...cellStyle }, children: item.endUser || BLANK }), _jsx("td", { style: { ...cellStyle }, children: item.remarks || BLANK })] }, i))), Array.from({ length: fillerCount }).map((_, i) => (_jsxs("tr", { children: [_jsx("td", { style: { ...cellStyle }, children: BLANK }), _jsx("td", { style: { ...cellStyle }, children: BLANK }), _jsx("td", { style: { ...cellStyle }, children: BLANK }), _jsx("td", { style: { ...cellStyle }, children: BLANK }), _jsx("td", { style: { ...cellStyle }, children: BLANK })] }, `filler-${i}`)))] })] }), _jsx("table", { style: {
+                        width: "100%",
+                        borderCollapse: "collapse",
+                        tableLayout: "fixed",
+                        border: LINE,
+                        borderTop: LINE,
+                    }, children: _jsx("tbody", { children: _jsxs("tr", { children: [_jsxs("td", { style: {
+                                        width: "50%",
+                                        borderRight: LINE,
+                                        padding: "3mm 5mm 3mm",
+                                        verticalAlign: "top",
+                                        boxSizing: "border-box",
+                                        height: "45mm",
+                                    }, children: [_jsx("div", { style: { fontSize: "8pt", marginBottom: "9mm" }, children: "Returned by:" }), _jsxs("div", { style: { width: "62mm", margin: "0 auto 1.5mm", textAlign: "center" }, children: [_jsx("div", { style: {
+                                                        borderBottom: LINE,
+                                                        minHeight: "5mm",
+                                                        padding: "0 1mm",
+                                                        fontWeight: 700,
+                                                        fontSize: "8.5pt",
+                                                    }, children: returnedBy || BLANK }), _jsx("div", { style: { fontSize: "7pt", marginTop: "1mm" }, children: "End User" })] }), _jsxs("div", { style: { width: "42mm", margin: "5mm auto 0", textAlign: "center" }, children: [_jsx("div", { style: { borderBottom: LINE, minHeight: "5mm", padding: "0 1mm" }, children: fmtDate(returnedDate) || BLANK }), _jsx("div", { style: { fontSize: "7pt", marginTop: "1mm" }, children: "Date" })] })] }), _jsxs("td", { style: {
+                                        width: "50%",
+                                        padding: "3mm 5mm 3mm",
+                                        verticalAlign: "top",
+                                        boxSizing: "border-box",
+                                        height: "45mm",
+                                    }, children: [_jsx("div", { style: { fontSize: "8pt", marginBottom: "9mm" }, children: "Received by:" }), _jsxs("div", { style: { width: "62mm", margin: "0 auto 1.5mm", textAlign: "center" }, children: [_jsx("div", { style: {
+                                                        borderBottom: LINE,
+                                                        minHeight: "5mm",
+                                                        padding: "0 1mm",
+                                                        fontWeight: 700,
+                                                        fontSize: "8.5pt",
+                                                    }, children: receivedBy || BLANK }), _jsx("div", { style: { fontSize: "7pt", marginTop: "1mm" }, children: "Head, Property and/or Supply Division/Unit" })] }), _jsxs("div", { style: { width: "42mm", margin: "5mm auto 0", textAlign: "center" }, children: [_jsx("div", { style: { borderBottom: LINE, minHeight: "5mm", padding: "0 1mm" }, children: fmtDate(receivedDate) || BLANK }), _jsx("div", { style: { fontSize: "7pt", marginTop: "1mm" }, children: "Date" })] })] })] }) }) })] }) }));
+}

package/dist/reports/rsmi/components/rsmi-create-form.d.ts

@@ -0,0 +1,20 @@
+import type { RsmiBasicForm, RsmiLineDraft, RsmiRecapLine, RsmiRecapLineDraft } from "./rsmi-types.js";
+type RsmiCreateFormProps = {
+    activeTab: string;
+    onActiveTabChange: (tab: string) => void;
+    rsmiNo: string;
+    onRefreshRsmiNo: () => void;
+    basicForm: RsmiBasicForm;
+    onBasicFieldChange: <K extends keyof RsmiBasicForm>(field: K, value: RsmiBasicForm[K]) => void;
+    lineDraft: RsmiLineDraft;
+    onLineDraftChange: <K extends keyof RsmiLineDraft>(field: K, value: RsmiLineDraft[K]) => void;
+    onAddLine: () => void;
+    editingLineId?: string | null;
+    recapItems: RsmiRecapLine[];
+    onRemoveRecap: (id: string) => void;
+    recapDraft: RsmiRecapLineDraft;
+    onRecapDraftChange: <K extends keyof RsmiRecapLineDraft>(field: K, value: RsmiRecapLineDraft[K]) => void;
+    onAddRecap: () => void;
+};
+export declare function RsmiCreateForm({ activeTab, onActiveTabChange, rsmiNo, onRefreshRsmiNo, basicForm, onBasicFieldChange, lineDraft, onLineDraftChange, onAddLine, editingLineId, recapItems, onRemoveRecap, recapDraft, onRecapDraftChange, onAddRecap, }: RsmiCreateFormProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/reports/rsmi/components/rsmi-create-form.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DateInput } from "../../../internal/components/ui/date-input.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../../internal/components/ui/tabs.js";
+import { formatCurrency } from "./rsmi-utils.js";
+export function RsmiCreateForm({ activeTab, onActiveTabChange, rsmiNo, onRefreshRsmiNo, basicForm, onBasicFieldChange, lineDraft, onLineDraftChange, onAddLine, editingLineId, recapItems, onRemoveRecap, recapDraft, onRecapDraftChange, onAddRecap, }) {
+    return (_jsxs(Tabs, { value: activeTab, onValueChange: onActiveTabChange, children: [_jsxs(TabsList, { className: "grid w-full grid-cols-2", children: [_jsx(TabsTrigger, { value: "basic", children: "Basic Info" }), _jsx(TabsTrigger, { value: "items", children: "Lines & Recapitulation" })] }), _jsxs(TabsContent, { value: "basic", className: "mt-4 space-y-3", children: [_jsx("div", { className: "rounded-md border border-indigo-200 bg-indigo-50 p-4", children: _jsx("div", { className: "flex items-center justify-between", children: _jsxs("div", { children: [_jsx("p", { className: "text-xs font-medium text-muted-foreground", children: "Serial Number" }), _jsx("p", { className: "text-3xl font-semibold text-slate-700", children: basicForm.serialNo || "---" })] }) }) }), _jsxs("div", { className: "grid gap-2 md:grid-cols-2", children: [_jsx("input", { value: basicForm.entityName, onChange: e => onBasicFieldChange("entityName", e.target.value), placeholder: "Entity Name", className: "w-full rounded-md border px-3 py-2 text-sm" }), _jsx("input", { value: basicForm.fundCluster, onChange: e => onBasicFieldChange("fundCluster", e.target.value), placeholder: "Fund Cluster", className: "w-full rounded-md border px-3 py-2 text-sm" })] }), _jsxs("div", { className: "grid gap-2 md:grid-cols-2", children: [_jsx("input", { value: basicForm.serialNo, onChange: e => onBasicFieldChange("serialNo", e.target.value), placeholder: "Serial No.", className: "w-full rounded-md border px-3 py-2 text-sm" }), _jsx(DateInput, { type: "date", value: basicForm.reportDate, onChange: e => onBasicFieldChange("reportDate", e.target.value), className: "w-full rounded-md border px-3 py-2 text-sm" })] }), _jsxs("div", { className: "grid gap-2 md:grid-cols-2", children: [_jsx("input", { value: basicForm.supplyCustodianName, onChange: e => onBasicFieldChange("supplyCustodianName", e.target.value), placeholder: "Supply and/or Property Custodian", className: "w-full rounded-md border px-3 py-2 text-sm" }), _jsx("input", { value: basicForm.accountingStaffName, onChange: e => onBasicFieldChange("accountingStaffName", e.target.value), placeholder: "Designated Accounting Staff", className: "w-full rounded-md border px-3 py-2 text-sm" })] })] }), _jsx(TabsContent, { value: "items", className: "mt-4 space-y-6", children: _jsxs("div", { className: "rounded-md border p-4 bg-muted/20 space-y-4 shadow-sm", children: [_jsxs("div", { className: "flex items-center justify-between border-b pb-2", children: [_jsx("p", { className: "text-sm font-semibold uppercase tracking-wider text-slate-700", children: "Line Columns" }), editingLineId && (_jsx("span", { className: "text-[10px] bg-indigo-100 text-indigo-700 px-2 py-0.5 rounded-full font-bold", children: "EDITING ROW" }))] }), _jsxs("div", { className: "grid gap-3 md:grid-cols-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-[10px] font-medium text-muted-foreground uppercase", children: "RIS No." }), _jsx("input", { value: lineDraft.risNo, onChange: e => onLineDraftChange("risNo", e.target.value), placeholder: "000-00-000", className: "w-full rounded-md border px-2 py-1.5 text-xs shadow-sm" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-[10px] font-medium text-muted-foreground uppercase", children: "RCC" }), _jsx("input", { value: lineDraft.responsibilityCenterCode, onChange: e => onLineDraftChange("responsibilityCenterCode", e.target.value), placeholder: "00-00-000", className: "w-full rounded-md border px-2 py-1.5 text-xs shadow-sm" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-[10px] font-medium text-muted-foreground uppercase", children: "Stock No." }), _jsx("input", { value: lineDraft.stockNo, onChange: e => onLineDraftChange("stockNo", e.target.value), placeholder: "SN-000", className: "w-full rounded-md border px-2 py-1.5 text-xs shadow-sm" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-[10px] font-medium text-muted-foreground uppercase", children: "Item Description" }), _jsx("input", { value: lineDraft.item, onChange: e => onLineDraftChange("item", e.target.value), placeholder: "Item", className: "w-full rounded-md border px-2 py-1.5 text-xs shadow-sm" })] })] }), _jsxs("div", { className: "grid gap-3 md:grid-cols-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-[10px] font-medium text-muted-foreground uppercase", children: "Unit" }), _jsx("input", { value: lineDraft.unit, onChange: e => onLineDraftChange("unit", e.target.value), placeholder: "Piece", className: "w-full rounded-md border px-2 py-1.5 text-xs shadow-sm" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-[10px] font-medium text-muted-foreground uppercase", children: "Quantity" }), _jsx("input", { type: "number", value: lineDraft.quantityIssued, onChange: e => onLineDraftChange("quantityIssued", e.target.value), placeholder: "0", className: "w-full rounded-md border px-2 py-1.5 text-xs shadow-sm" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-[10px] font-medium text-muted-foreground uppercase", children: "Unit Cost" }), _jsx("input", { type: "number", value: lineDraft.unitCost, onChange: e => onLineDraftChange("unitCost", e.target.value), placeholder: "0.00", className: "w-full rounded-md border px-2 py-1.5 text-xs shadow-sm" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-[10px] font-medium text-muted-foreground uppercase", children: "Amount" }), _jsx("input", { value: formatCurrency(Number(lineDraft.quantityIssued || 0) * Number(lineDraft.unitCost || 0)), readOnly: true, className: "w-full rounded-md border bg-slate-50 px-2 py-1.5 text-xs shadow-sm" })] })] }), _jsx("div", { className: "flex justify-end", children: _jsx("button", { onClick: onAddLine, className: "rounded-md bg-slate-800 px-3 py-2 text-xs font-semibold text-white transition-colors hover:bg-slate-700", children: editingLineId ? "Update Line" : "Add Line" }) }), _jsxs("div", { className: "mt-6 pt-4 border-t space-y-4", children: [_jsxs("div", { className: "flex items-center justify-between border-b pb-2", children: [_jsx("p", { className: "text-sm font-semibold uppercase tracking-wider text-slate-700", children: "Recapitulation Columns" }), editingLineId && recapItems.find(r => r.lineId === editingLineId) && (_jsx("span", { className: "text-[10px] bg-slate-100 text-slate-700 px-2 py-0.5 rounded-full font-bold", children: "UPDATING LINKED RECAP" }))] }), _jsxs("div", { className: "grid gap-3 md:grid-cols-5", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-[10px] font-medium text-muted-foreground uppercase", children: "Stock No." }), _jsx("input", { value: recapDraft.stockNo, onChange: e => onRecapDraftChange("stockNo", e.target.value), placeholder: "SN-000", className: "w-full rounded-md border px-2 py-1.5 text-xs shadow-sm" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-[10px] font-medium text-muted-foreground uppercase", children: "Quantity" }), _jsx("input", { type: "number", value: recapDraft.quantity, onChange: e => onRecapDraftChange("quantity", e.target.value), placeholder: "0", className: "w-full rounded-md border px-2 py-1.5 text-xs shadow-sm" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-[10px] font-medium text-muted-foreground uppercase", children: "Unit Cost" }), _jsx("input", { type: "number", value: recapDraft.unitCost, onChange: e => onRecapDraftChange("unitCost", e.target.value), placeholder: "0.00", className: "w-full rounded-md border px-2 py-1.5 text-xs shadow-sm" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-[10px] font-medium text-muted-foreground uppercase", children: "Total Cost" }), _jsx("input", { value: formatCurrency(Number(recapDraft.quantity || 0) * Number(recapDraft.unitCost || 0)), readOnly: true, className: "w-full rounded-md border bg-slate-50 px-2 py-1.5 text-xs shadow-sm" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-[10px] font-medium text-muted-foreground uppercase", children: "UACS Object Code" }), _jsx("input", { value: recapDraft.uacsCode, onChange: e => onRecapDraftChange("uacsCode", e.target.value), placeholder: "000-00-000", className: "w-full rounded-md border px-2 py-1.5 text-xs shadow-sm" })] })] }), _jsx("div", { className: "flex justify-end", children: _jsx("button", { onClick: onAddRecap, className: "rounded-md bg-slate-800 px-3 py-2 text-xs font-semibold text-white transition-colors hover:bg-slate-700", children: editingLineId && recapItems.find(r => r.lineId === editingLineId) ? "Update Recapitulation" : "Add Recapitulation" }) })] })] }) })] }));
+}

package/dist/reports/rsmi/components/rsmi-document-body.d.ts

@@ -0,0 +1,15 @@
+import type { RsmiLine, RsmiRecapLine } from "./rsmi-types.js";
+type RsmiDocumentBodyProps = {
+    entityName: string;
+    fundCluster: string;
+    serialNo: string;
+    reportDate: string;
+    supplyCustodianName?: string;
+    accountingStaffName?: string;
+    lines: RsmiLine[];
+    recapitulation: RsmiRecapLine[];
+    onEditLine?: (lineId: string) => void;
+    onRemoveLine?: (lineId: string) => void;
+};
+export declare function RsmiDocumentBody({ entityName, fundCluster, serialNo, reportDate, supplyCustodianName, accountingStaffName, lines, recapitulation, onEditLine, onRemoveLine, }: RsmiDocumentBodyProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/reports/rsmi/components/rsmi-document-body.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Delete01Icon, PencilEdit01Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../../../internal/components/ui/tooltip.js";
+import { formatCurrency, formatDate } from "./rsmi-utils.js";
+export function RsmiDocumentBody({ entityName, fundCluster, serialNo, reportDate, supplyCustodianName, accountingStaffName, lines, recapitulation, onEditLine, onRemoveLine, }) {
+    const isEditable = Boolean(onEditLine && onRemoveLine);
+    const bodyRowCount = Math.max(lines.length, 18);
+    const recapRows = recapitulation.length > 0 ? recapitulation : [undefined];
+    return (_jsxs("div", { "data-pdf-page": "true", "data-pdf-orientation": "portrait", className: "rsmi-document-page psms-print-preview mx-auto min-h-[1123px] w-[794px] border border-black bg-white px-5 py-4 font-serif text-[12px] leading-tight text-black shadow-sm", children: [_jsx("div", { className: "text-center", children: _jsx("h2", { className: "text-[18px] font-bold tracking-normal uppercase", children: "REPORT OF SUPPLIES AND MATERIALS ISSUED" }) }), _jsxs("div", { className: "mt-2 grid grid-cols-2 gap-4 text-[12px]", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("p", { children: [_jsx("span", { className: "font-bold", children: "Entity Name:" }), " ", entityName || "-"] }), _jsxs("p", { children: [_jsx("span", { className: "font-bold", children: "Fund Cluster:" }), " ", fundCluster || "-"] })] }), _jsxs("div", { className: "space-y-1 text-right", children: [_jsxs("p", { children: [_jsx("span", { className: "font-bold", children: "Serial No. :" }), " ", serialNo || "-"] }), _jsxs("p", { children: [_jsx("span", { className: "font-bold", children: "Date :" }), " ", formatDate(reportDate)] })] })] }), _jsx("div", { className: "mt-1 border border-black", children: _jsxs("table", { className: "w-full table-fixed border-collapse text-[11px]", children: [_jsxs("colgroup", { children: [_jsx("col", { className: "w-[12%]" }), _jsx("col", { className: "w-[10%]" }), _jsx("col", { className: "w-[7.5%]" }), _jsx("col", { className: "w-[31%]" }), _jsx("col", { className: "w-[6.5%]" }), _jsx("col", { className: "w-[8.5%]" }), _jsx("col", { className: "w-[11%]" }), _jsx("col", { className: "w-[13.5%]" })] }), _jsxs("thead", { children: [_jsxs("tr", { className: "border-b border-black", children: [_jsx("th", { colSpan: 6, className: "border-r border-b border-black px-1 py-1 text-center text-[12px] leading-[1.25] font-normal italic", children: "To be filled up by the Supply and/or Property Division/Unit" }), _jsx("th", { colSpan: 2, className: "px-1 py-1 text-center text-[12px] leading-[1.25] font-normal italic", children: "filled up by the Accounting Division" })] }), _jsxs("tr", { className: "border-b-2 border-black text-center text-[12px] leading-[1.25] font-bold", children: [_jsx("th", { className: "h-14 border-r border-b border-black px-1 py-1", children: "RIS No." }), _jsxs("th", { className: "h-14 border-r border-b border-black px-1 py-1", children: ["Responsibili", _jsx("br", {}), "ty Center", _jsx("br", {}), "Code"] }), _jsx("th", { className: "h-14 border-r border-b border-black px-1 py-1", children: "Stock No." }), _jsx("th", { className: "h-14 border-r border-b border-black px-1 py-1", children: "Item" }), _jsx("th", { className: "h-14 border-r border-b border-black px-1 py-1", children: "Unit" }), _jsxs("th", { className: "h-14 border-r border-b border-black px-1 py-1", children: ["Quantity", _jsx("br", {}), "Issued"] }), _jsx("th", { className: "h-14 border-r border-b border-black px-1 py-1", children: "Unit Cost" }), _jsx("th", { className: "h-14 px-1 py-1", children: "Amount" })] })] }), _jsxs("tbody", { children: [lines.map(line => (_jsxs("tr", { className: "group align-top", children: [_jsxs("td", { className: `h-[27px] border-r border-b border-black px-1 py-0.5 ${isEditable && line ? "relative pr-16" : ""}`, children: [isEditable && line && (_jsx("div", { className: "pointer-events-none absolute top-1/2 right-1 z-10 flex -translate-y-1/2 items-center gap-1 rounded-md bg-background/95 px-1 py-0.5 opacity-0 shadow-sm ring-1 ring-border transition-opacity group-focus-within:pointer-events-auto group-focus-within:opacity-100 group-hover:pointer-events-auto group-hover:opacity-100", children: _jsxs(TooltipProvider, { children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { onClick: () => onEditLine?.(line.id), className: "flex size-7 items-center justify-center rounded-full border border-border bg-background text-foreground shadow-sm transition-all hover:bg-slate-50 hover:text-indigo-600 focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:outline-none", children: _jsx(HugeiconsIcon, { icon: PencilEdit01Icon, className: "size-3.5" }) }), _jsx(TooltipContent, { side: "left", children: "Edit this item" })] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { onClick: () => onRemoveLine?.(line.id), className: "flex size-7 items-center justify-center rounded-full border border-border bg-background text-foreground shadow-sm transition-all hover:bg-slate-50 hover:text-red-600 focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:outline-none", children: _jsx(HugeiconsIcon, { icon: Delete01Icon, className: "size-3.5" }) }), _jsx(TooltipContent, { side: "left", children: "Remove this item" })] })] }) })), line.risNo] }), _jsx("td", { className: "h-[27px] border-r border-b border-black px-1 py-0.5", children: line.responsibilityCenterCode }), _jsx("td", { className: "h-[27px] border-r border-b border-black px-1 py-0.5", children: line.stockNo }), _jsx("td", { className: "h-[27px] border-r border-b border-black px-1 py-0.5", children: line.item }), _jsx("td", { className: "h-[27px] border-r border-b border-black px-1 py-0.5", children: line.unit }), _jsx("td", { className: "h-[27px] border-r border-b border-black px-1 py-0.5 text-right", children: line.quantityIssued }), _jsx("td", { className: "h-[27px] border-r border-b border-black px-1 py-0.5 text-right", children: formatCurrency(line.unitCost) }), _jsx("td", { className: "h-[27px] border-b border-black px-1 py-0.5 text-right", children: formatCurrency(line.amount) })] }, line.id))), lines.length > 0 && (_jsxs("tr", { className: "align-top", children: [_jsx("td", { className: "h-[27px] border-r border-b border-black px-1 py-0.5" }), _jsx("td", { className: "h-[27px] border-r border-b border-black px-1 py-0.5" }), _jsx("td", { className: "h-[27px] border-r border-b border-black px-1 py-0.5" }), _jsx("td", { className: "h-[27px] border-r border-b border-black px-1 py-0.5 text-center italic text-slate-500", children: "***nothing follows***" }), _jsx("td", { className: "h-[27px] border-r border-b border-black px-1 py-0.5" }), _jsx("td", { className: "h-[27px] border-r border-b border-black px-1 py-0.5" }), _jsx("td", { className: "h-[27px] border-r border-b border-black px-1 py-0.5" }), _jsx("td", { className: "h-[27px] border-b border-black px-1 py-0.5" })] })), Array.from({ length: Math.max(0, bodyRowCount - lines.length - (lines.length > 0 ? 1 : 0)) }, (_, i) => (_jsxs("tr", { className: "group align-top", children: [_jsx("td", { className: "h-[27px] border-r border-b border-black px-1 py-0.5" }), _jsx("td", { className: "h-[27px] border-r border-b border-black px-1 py-0.5" }), _jsx("td", { className: "h-[27px] border-r border-b border-black px-1 py-0.5" }), _jsx("td", { className: "h-[27px] border-r border-b border-black px-1 py-0.5" }), _jsx("td", { className: "h-[27px] border-r border-b border-black px-1 py-0.5" }), _jsx("td", { className: "h-[27px] border-r border-b border-black px-1 py-0.5" }), _jsx("td", { className: "h-[27px] border-r border-b border-black px-1 py-0.5" }), _jsx("td", { className: "h-[27px] border-b border-black px-1 py-0.5" })] }, `blank-${i}`)))] }), _jsxs("tfoot", { children: [_jsxs("tr", { children: [_jsx("td", { className: "border-t-2 border-r border-black" }), _jsxs("td", { colSpan: 2, className: "border-t-2 border-r border-black p-0 align-top", children: [_jsx("div", { className: "border-b border-black py-1 text-center text-[12px] leading-[1.25] font-bold", children: "Recapitulation:" }), _jsxs("div", { className: "grid grid-cols-2 border-b border-black text-center text-[12px] leading-[1.25] font-bold", children: [_jsx("div", { className: "border-r border-b border-black px-1 py-1", children: "Stock No." }), _jsx("div", { className: "px-1 py-1", children: "Quantity" })] }), recapRows.map((recap, idx) => (_jsxs("div", { className: "grid grid-cols-2 text-center", children: [_jsx("div", { className: "min-h-6 border-r border-b border-black px-1 py-1 leading-[1.25]", children: recap?.stockNo ?? "" }), _jsx("div", { className: "min-h-6 px-1 py-1 leading-[1.25] text-right", children: recap?.quantity ?? "" })] }, recap?.id ?? `left-recap-${idx}`)))] }), _jsx("td", { className: "border-t-2 border-r border-black" }), _jsx("td", { className: "border-t-2 border-r border-black" }), _jsx("td", { className: "border-t-2 border-r border-black" }), _jsxs("td", { colSpan: 2, className: "border-t-2 border-black p-0 align-top", children: [_jsx("div", { className: "border-b border-black py-1 text-center text-[12px] leading-[1.25] font-bold", children: "Recapitulation:" }), _jsxs("div", { className: "grid grid-cols-3 border-b border-black text-center text-[12px] leading-[1.25] font-bold", children: [_jsx("div", { className: "border-r border-b border-black px-1 py-1", children: "Unit Cost" }), _jsx("div", { className: "border-r border-b border-black px-1 py-1", children: "Total Cost" }), _jsx("div", { className: "px-1 py-1", children: "UACS Object Code" })] }), recapRows.map((recap, idx) => (_jsxs("div", { className: "grid grid-cols-3 text-center", children: [_jsx("div", { className: "min-h-6 border-r border-b border-black px-1 py-1 leading-[1.25] text-right", children: recap ? formatCurrency(recap.unitCost) : "" }), _jsx("div", { className: "min-h-6 border-r border-b border-black px-1 py-1 leading-[1.25] text-right", children: recap ? formatCurrency(recap.totalCost) : "" }), _jsx("div", { className: "min-h-6 px-1 py-1 leading-[1.25]", children: recap?.uacsCode ?? "" })] }, recap?.id ?? `right-recap-${idx}`)))] })] }), _jsxs("tr", { children: [_jsxs("td", { colSpan: 6, className: "border-t-2 border-r border-black px-5 py-3", children: [_jsx("p", { children: "I hereby certify to the correctness of the above information." }), _jsxs("div", { className: "mt-11 text-center", children: [_jsx("p", { className: "font-bold uppercase", children: supplyCustodianName || "" }), _jsx("p", { className: "mt-1", children: "Signature over Printed Name of Supply and/or Property Custodian" })] })] }), _jsxs("td", { colSpan: 2, className: "border-t-2 border-black px-1 py-3", children: [_jsx("p", { children: "Posted by:" }), _jsxs("div", { className: "mt-8 text-center", children: [_jsx("p", { className: "font-bold uppercase", children: accountingStaffName || "" }), _jsxs("div", { className: "mt-1 grid grid-cols-[1fr_42px] items-start gap-1", children: [_jsx("p", { className: "border-t border-black pt-1", children: "Signature over Printed Name of Designated" }), _jsx("p", { className: "border-t border-black pt-1", children: "Date" })] })] })] })] })] })] }) })] }));
+}