@tonzxz/government-forms 0.1.0

package/dist/forms/splc.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { GovernmentForm } from '../government-form.js';
+import { formDefinitions } from '../definitions.js';
+export const definition = formDefinitions["splc"];
+export function Form(props) { return _jsx(GovernmentForm, { ...props, code: "splc" }); }

package/dist/forms/stock-card.d.ts

@@ -0,0 +1,28 @@
+import { type GovernmentFormProps } from '../government-form.js';
+export declare const definition: {
+    title: string;
+    description: string;
+    reportCode: string;
+    moduleKey: string;
+    regulatoryBasis: string;
+    story: string;
+    acceptanceChecks: string[];
+    fields: ({
+        id: string;
+        label: string;
+        type: "text";
+        required: true;
+    } | {
+        id: string;
+        label: string;
+        type: "number";
+        required: true;
+    } | {
+        id: string;
+        label: string;
+        type: "date";
+        required: true;
+    })[];
+    initialRows: never[];
+};
+export declare function Form(props: Omit<GovernmentFormProps, 'code'>): import("react/jsx-runtime").JSX.Element;

package/dist/forms/stock-card.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { GovernmentForm } from '../government-form.js';
+import { formDefinitions } from '../definitions.js';
+export const definition = formDefinitions["stock-card"];
+export function Form(props) { return _jsx(GovernmentForm, { ...props, code: "stock-card" }); }

package/dist/forms/wmr.d.ts

@@ -0,0 +1,32 @@
+import { type GovernmentFormProps } from '../government-form.js';
+export declare const definition: {
+    title: string;
+    description: string;
+    reportCode: string;
+    regulatoryBasis: string;
+    story: string;
+    acceptanceChecks: string[];
+    fields: ({
+        id: string;
+        label: string;
+        type: "text";
+        required: true;
+    } | {
+        id: string;
+        label: string;
+        type: "date";
+        required: true;
+    } | {
+        id: string;
+        label: string;
+        type: "number";
+        required: true;
+    } | {
+        id: string;
+        label: string;
+        type: "textarea";
+        required: true;
+    })[];
+    initialRows: never[];
+};
+export declare function Form(props: Omit<GovernmentFormProps, 'code'>): import("react/jsx-runtime").JSX.Element;

package/dist/forms/wmr.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { GovernmentForm } from '../government-form.js';
+import { formDefinitions } from '../definitions.js';
+export const definition = formDefinitions["wmr"];
+export function Form(props) { return _jsx(GovernmentForm, { ...props, code: "wmr" }); }

package/dist/gam/components/gam-report-workbench.d.ts

@@ -0,0 +1,40 @@
+export type GamFieldType = "text" | "number" | "date" | "textarea" | "select";
+export type GamNumberType = "int" | "float";
+export type GamField = {
+    id: string;
+    label: string;
+    type: GamFieldType;
+    required?: boolean;
+    placeholder?: string;
+    options?: string[];
+    numberType?: GamNumberType;
+    readonly?: boolean;
+    searchable?: boolean;
+    /** If true, the field value is auto-generated on create and shown as read-only */
+    autoGenerate?: boolean;
+    /** If true, the field defaults to today's date (YYYY-MM-DD) when the create modal opens */
+    defaultToday?: boolean;
+};
+export type GamTableField = {
+    id: string;
+    label: string;
+    type: GamFieldType;
+    required?: boolean;
+    placeholder?: string;
+    options?: string[];
+    numberType?: GamNumberType;
+    readonly?: boolean;
+    searchable?: boolean;
+};
+export type GamReportWorkbenchProps = {
+    title: string;
+    moduleKey?: string;
+    description: string;
+    reportCode: string;
+    regulatoryBasis: string;
+    story: string;
+    acceptanceChecks: string[];
+    fields: GamField[];
+    tableFields?: GamTableField[];
+    initialRows?: unknown[];
+};

package/dist/gam/components/gam-report-workbench.js

@@ -0,0 +1,2 @@
+"use client";
+export {};

package/dist/gam/components/grand-total-computation.d.ts

@@ -0,0 +1,10 @@
+type ComputationLine = {
+    label?: string;
+    physicalCountQty: string | number;
+    unitValue: string | number;
+};
+export declare function GrandTotalComputation({ lines, includeInExport, }: {
+    lines: ComputationLine[];
+    includeInExport?: boolean;
+}): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/gam/components/grand-total-computation.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { computeGrandTotal, computeLineTotal, fmtAmount } from "../utils/line-totals.js";
+// On-screen-only helper that spells out how the Grand Total is derived
+// (each line's Total Value listed, then summed). Tagged `no-print` so it is
+// excluded from the html2canvas PDF capture (see export-preview-pdf onclone)
+// and from browser print via the inline @media print rule. The official
+// printed/PDF document keeps the standard COA layout.
+export function GrandTotalComputation({ lines, includeInExport = false, }) {
+    const rows = lines.filter(line => Number(line.physicalCountQty) !== 0 || Number(line.unitValue) !== 0);
+    if (rows.length === 0)
+        return null;
+    const grandTotal = computeGrandTotal(rows);
+    return (_jsxs("div", { className: includeInExport ? undefined : "no-print", style: {
+            marginTop: "14px",
+            marginLeft: "auto",
+            maxWidth: "340px",
+            fontFamily: "Arial, sans-serif",
+            fontSize: "8pt",
+            border: "1px dashed #999",
+            borderRadius: "4px",
+            padding: "8px 10px",
+            background: "#f7f7f7",
+            color: "#222",
+        }, children: [_jsx("style", { children: `@media print { .no-print { display: none !important; } }` }), _jsx("div", { style: { fontWeight: "bold", marginBottom: "4px" }, children: "Grand Total Computation" }), _jsx("table", { style: { width: "100%", borderCollapse: "collapse" }, children: _jsxs("tbody", { children: [rows.map((line, index) => (_jsxs("tr", { children: [_jsx("td", { style: { padding: "1px 0", color: "#444" }, children: line.label?.trim() || `Line ${index + 1}` }), _jsxs("td", { style: { padding: "1px 0", textAlign: "right" }, children: ["₱", fmtAmount(computeLineTotal(line.physicalCountQty, line.unitValue))] })] }, index))), _jsx("tr", { children: _jsx("td", { colSpan: 2, style: { borderTop: "1px solid #999", padding: 0 } }) }), _jsxs("tr", { style: { fontWeight: "bold" }, children: [_jsx("td", { style: { padding: "2px 0" }, children: "Grand Total" }), _jsxs("td", { style: { padding: "2px 0", textAlign: "right" }, children: ["₱", fmtAmount(grandTotal)] })] })] }) }), !includeInExport && (_jsx("div", { style: { marginTop: "5px", fontStyle: "italic", color: "#888", fontSize: "7pt" }, children: "On-screen reference only \u2014 excluded from the printed/PDF document." }))] }));
+}

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

@@ -0,0 +1,30 @@
+type IarPreviewItem = {
+    stockNo: string;
+    description: string;
+    unit: string;
+    quantity: string;
+    receivedQty?: string;
+    unitCost: string;
+    totalAmount: string;
+    rejectedQty?: string;
+};
+type IarPreviewProps = {
+    entityName: string;
+    fundCluster: string;
+    supplier: string;
+    iarNo: string;
+    iarDate: string;
+    crsiNo: string;
+    crsiDate: string;
+    requestingOffice: string;
+    responsibilityCenterCode: string;
+    items: IarPreviewItem[];
+    dateInspected: string;
+    dateReceived: string;
+    isInspected?: boolean;
+    isComplete?: boolean;
+    inspectionOfficer: string;
+    supplyCustodian: string;
+};
+export declare function IarPreview({ entityName, fundCluster, supplier, iarNo, iarDate, crsiNo, crsiDate, requestingOffice, responsibilityCenterCode, items, dateInspected, dateReceived, isInspected, isComplete, inspectionOfficer, supplyCustodian, }: IarPreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,150 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ITEM_ROWS = 14;
+const NBSP = "\u00a0";
+const B = "1.4px solid #000";
+const THICK = "2px solid #000";
+function display(value) {
+    return value?.trim() || NBSP;
+}
+function fmtDate(value) {
+    if (!value)
+        return "";
+    const d = new Date(value);
+    return Number.isNaN(d.getTime()) ? value : d.toLocaleDateString("en-PH");
+}
+function asNumber(value) {
+    const parsed = Number(value || "0");
+    return Number.isFinite(parsed) ? parsed : 0;
+}
+function fmtQuantity(value) {
+    return Number.isInteger(value) ? String(value) : value.toFixed(2);
+}
+const td = {
+    border: B,
+    padding: "1mm 1.2mm",
+    fontSize: "11pt",
+    lineHeight: 1.14,
+    verticalAlign: "middle",
+};
+const itemTh = {
+    border: THICK,
+    padding: "1.2mm 1mm",
+    fontSize: "12pt",
+    fontStyle: "italic",
+    fontWeight: "bold",
+    lineHeight: 1.18,
+    textAlign: "center",
+    verticalAlign: "middle",
+};
+const breakableText = {
+    overflowWrap: "anywhere",
+    wordBreak: "break-word",
+};
+function Checkbox({ checked }) {
+    return (_jsx("span", { style: {
+            display: "inline-flex",
+            alignItems: "center",
+            justifyContent: "center",
+            width: "7mm",
+            height: "7mm",
+            border: B,
+            boxSizing: "border-box",
+            lineHeight: 1,
+            fontSize: "10pt",
+            verticalAlign: "middle",
+            flex: "0 0 auto",
+        }, children: checked ? "X" : "" }));
+}
+export function IarPreview({ entityName, fundCluster, supplier, iarNo, iarDate, crsiNo, crsiDate, requestingOffice, responsibilityCenterCode, items, dateInspected, dateReceived, isInspected = false, isComplete = true, inspectionOfficer, supplyCustodian, }) {
+    const visibleItems = items.filter(item => [item.stockNo, item.description, item.unit, item.quantity].some(value => String(value ?? "").trim() !== ""));
+    const rows = Array.from({ length: ITEM_ROWS }, (_, index) => visibleItems[index] ?? null);
+    const nothingFollowsIndex = Math.min(Math.max(visibleItems.length, 2), ITEM_ROWS - 1);
+    const expectedTotal = visibleItems.reduce((sum, item) => sum + asNumber(item.quantity), 0);
+    const receivedTotal = visibleItems.reduce((sum, item) => sum + asNumber(item.receivedQty ?? item.quantity), 0);
+    const partialQuantityText = !isComplete && expectedTotal > 0
+        ? `${fmtQuantity(receivedTotal)} of ${fmtQuantity(expectedTotal)} received`
+        : "pls. specify quantity";
+    return (_jsx("div", { className: "iar-a4-page", "data-iar-preview": "true", "data-pdf-page": "true", "data-pdf-fit-one-page": "true", "data-pdf-orientation": "portrait", style: {
+            width: "210mm",
+            minHeight: "297mm",
+            padding: "8mm 5mm 4mm",
+            backgroundColor: "#fff",
+            boxSizing: "border-box",
+            color: "#000",
+            fontFamily: '"Times New Roman", Times, serif',
+        }, children: _jsxs("div", { style: { border: THICK, minHeight: "285mm", boxSizing: "border-box" }, children: [_jsx("div", { style: {
+                        height: "26mm",
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        textAlign: "center",
+                    }, children: _jsx("div", { style: { fontSize: "16pt", fontWeight: "bold", letterSpacing: "0.2px" }, children: "INSPECTION AND ACCEPTANCE REPORT" }) }), _jsx("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed" }, children: _jsx("tbody", { children: _jsxs("tr", { style: { height: "12mm" }, children: [_jsxs("td", { style: {
+                                        ...td,
+                                        width: "70%",
+                                        borderLeft: "none",
+                                        borderTop: "none",
+                                        borderBottom: THICK,
+                                        fontSize: "12pt",
+                                        fontWeight: "bold",
+                                        verticalAlign: "middle",
+                                    }, children: ["Entity Name :", " ", _jsx("span", { style: { textDecoration: entityName ? "underline" : "none" }, children: display(entityName) })] }), _jsxs("td", { style: {
+                                        ...td,
+                                        borderRight: "none",
+                                        borderTop: "none",
+                                        borderBottom: THICK,
+                                        fontSize: "12pt",
+                                        fontWeight: "bold",
+                                        verticalAlign: "middle",
+                                    }, children: ["Fund Cluster : ", display(fundCluster)] })] }) }) }), _jsx("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed" }, children: _jsx("tbody", { children: _jsxs("tr", { style: { height: "26mm" }, children: [_jsxs("td", { style: {
+                                        ...td,
+                                        width: "70%",
+                                        borderLeft: "none",
+                                        borderTop: "none",
+                                        borderBottom: THICK,
+                                        padding: "1.6mm 1.4mm",
+                                        fontSize: "11.5pt",
+                                    }, children: [_jsxs("div", { children: ["Supplier : ", display(supplier)] }), _jsxs("div", { style: { marginTop: "5.2mm" }, children: ["Requisitioning Office/Dept.: ", display(requestingOffice)] }), _jsxs("div", { style: { marginTop: "2.6mm" }, children: ["Responsibility Center Code : ", display(responsibilityCenterCode)] })] }), _jsxs("td", { style: {
+                                        ...td,
+                                        borderRight: "none",
+                                        borderTop: "none",
+                                        borderBottom: THICK,
+                                        padding: "1.6mm 1.4mm",
+                                        fontSize: "11.5pt",
+                                    }, children: [_jsxs("div", { children: ["IAR No.: ", display(iarNo)] }), _jsxs("div", { style: { marginTop: "2.5mm" }, children: ["Date : ", display(fmtDate(iarDate))] }), _jsxs("div", { style: { marginTop: "5.2mm" }, children: [_jsx("span", { children: "CR/SI No.: " }), _jsx("span", { style: { ...breakableText, fontSize: "8.5pt", lineHeight: 1.05 }, children: display(crsiNo) })] }), _jsxs("div", { style: { marginTop: "2.6mm" }, children: ["Date : ", display(fmtDate(crsiDate))] })] })] }) }) }), _jsxs("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed" }, children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: "16.4%" } }), _jsx("col", { style: { width: "53%" } }), _jsx("col", { style: { width: "14%" } }), _jsx("col", { style: { width: "16.6%" } })] }), _jsx("thead", { children: _jsxs("tr", { style: { height: "14mm" }, children: [_jsxs("th", { style: { ...itemTh, borderLeft: "none" }, children: ["Stock/", _jsx("br", {}), "Property No."] }), _jsx("th", { style: itemTh, children: "Description" }), _jsx("th", { style: itemTh, children: "Unit" }), _jsx("th", { style: { ...itemTh, borderRight: "none" }, children: "Quantity" })] }) }), _jsx("tbody", { children: rows.map((item, index) => (_jsxs("tr", { style: { height: "8.5mm" }, children: [_jsx("td", { style: { ...td, borderLeft: "none", padding: "0.8mm 1mm", textAlign: "center" }, children: item?.stockNo || NBSP }), _jsx("td", { style: { ...td, padding: "0.8mm 1mm", textAlign: "center" }, children: item?.description ? (item.description) : index === nothingFollowsIndex ? (_jsx("strong", { style: { fontSize: "10pt", fontStyle: "italic" }, children: "***NOTHING FOLLOWS***" })) : (NBSP) }), _jsx("td", { style: { ...td, padding: "0.8mm 1mm", textAlign: "center" }, children: item?.unit || NBSP }), _jsx("td", { style: { ...td, borderRight: "none", padding: "0.8mm 1mm", textAlign: "center" }, children: item?.quantity || NBSP })] }, index))) })] }), _jsxs("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed" }, children: [_jsx("thead", { children: _jsxs("tr", { style: { height: "9mm" }, children: [_jsx("th", { style: { ...itemTh, width: "50%", borderLeft: "none", padding: "0.8mm 1mm" }, children: "Inspection" }), _jsx("th", { style: { ...itemTh, borderRight: "none", padding: "0.8mm 1mm" }, children: "Complete" })] }) }), _jsx("tbody", { children: _jsxs("tr", { style: { height: "55mm" }, children: [_jsxs("td", { style: {
+                                            ...td,
+                                            width: "50%",
+                                            borderLeft: "none",
+                                            borderBottom: "none",
+                                            padding: "2.2mm 1.4mm",
+                                            position: "relative",
+                                            fontSize: "12pt",
+                                        }, children: [_jsxs("div", { style: { fontWeight: "bold" }, children: ["Date Inspected : ", display(fmtDate(dateInspected))] }), _jsxs("div", { style: {
+                                                    display: "flex",
+                                                    alignItems: "flex-start",
+                                                    gap: "8mm",
+                                                    marginTop: "8mm",
+                                                    paddingLeft: "1mm",
+                                                }, children: [_jsx(Checkbox, { checked: isInspected }), _jsxs("div", { style: { maxWidth: "67mm", textAlign: "center", lineHeight: 1.25 }, children: ["Inspected, verified and found in order as", _jsx("br", {}), "to quantity and specifications"] })] }), _jsx("div", { style: {
+                                                    position: "absolute",
+                                                    left: 0,
+                                                    right: 0,
+                                                    bottom: "4mm",
+                                                    textAlign: "center",
+                                                    fontSize: "12pt",
+                                                }, children: inspectionOfficer || "Inspection Officer" })] }), _jsxs("td", { style: {
+                                            ...td,
+                                            borderRight: "none",
+                                            borderBottom: "none",
+                                            padding: "2.2mm 1.4mm",
+                                            position: "relative",
+                                            fontSize: "12pt",
+                                        }, children: [_jsxs("div", { style: { fontWeight: "bold" }, children: ["Date Inspected : ", display(fmtDate(dateReceived))] }), _jsxs("div", { style: { display: "grid", gap: "4mm", marginTop: "7.5mm", paddingLeft: "1mm" }, children: [_jsxs("label", { style: { display: "flex", alignItems: "center", gap: "8mm" }, children: [_jsx(Checkbox, { checked: isComplete }), _jsx("span", { children: "Complete" })] }), _jsxs("label", { style: { display: "flex", alignItems: "center", gap: "8mm" }, children: [_jsx(Checkbox, { checked: !isComplete }), _jsxs("span", { children: ["Partial (", partialQuantityText, ")"] })] })] }), _jsx("div", { style: {
+                                                    position: "absolute",
+                                                    left: 0,
+                                                    right: 0,
+                                                    bottom: "4mm",
+                                                    textAlign: "center",
+                                                    fontSize: "12pt",
+                                                }, children: supplyCustodian || "Supply and/or Property Custodian" })] })] }) })] })] }) }));
+}

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

@@ -0,0 +1,31 @@
+export type IcsPreviewItem = {
+    quantity?: string;
+    unit?: string;
+    unitCost?: string;
+    totalCost?: string;
+    description?: string;
+    inventoryItemNo?: string;
+    estimatedUsefulLife?: string;
+};
+export type IcsPreviewSignature = {
+    label: string;
+    signedByName?: string;
+    position?: string;
+    signedAt?: string;
+    signature?: string | null;
+};
+type IcsPreviewProps = {
+    entityName?: string;
+    fundCluster?: string;
+    icsNo?: string;
+    purchaseOrderNo?: string;
+    purchaseRequestRef?: string;
+    supplierName?: string;
+    invoiceNo?: string;
+    deliveryReceiptNo?: string;
+    procurementRemarks?: string;
+    items?: IcsPreviewItem[];
+    signatures?: IcsPreviewSignature[];
+};
+export declare function IcsPreview({ entityName, fundCluster, icsNo, purchaseOrderNo, purchaseRequestRef, supplierName, invoiceNo, deliveryReceiptNo, procurementRemarks, items, signatures, }: IcsPreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,114 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FIXED_ROWS = 14;
+function fmtDate(value) {
+    if (!value || value.trim() === "")
+        return "";
+    const d = new Date(value);
+    return isNaN(d.getTime()) ? value : d.toLocaleDateString("en-PH");
+}
+function fmtAmount(value) {
+    if (!value || value.trim() === "")
+        return "";
+    const n = Number(value);
+    if (!Number.isFinite(n) || n === 0)
+        return "";
+    return n.toLocaleString("en-PH", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+}
+function fmtQuantity(value) {
+    if (!value || value.trim() === "")
+        return "";
+    const n = Number(value);
+    if (!Number.isFinite(n) || n === 0)
+        return "";
+    return n.toLocaleString("en-PH");
+}
+function findSignature(signatures, ...labels) {
+    if (!signatures || signatures.length === 0)
+        return undefined;
+    const normalized = labels.map(l => l.toLowerCase());
+    return signatures.find(sig => normalized.includes(sig.label.toLowerCase()));
+}
+export function IcsPreview({ entityName = "", fundCluster = "", icsNo = "", purchaseOrderNo = "", purchaseRequestRef = "", supplierName = "", invoiceNo = "", deliveryReceiptNo = "", procurementRemarks = "", items = [], signatures = [], }) {
+    const cell = "border border-gray-800 bg-transparent! px-1 py-0.5 text-[7pt] text-black! align-top";
+    const th = "border border-gray-800 bg-gray-50! px-1 py-1 text-center text-[6.5pt] leading-[1.2] font-semibold text-black!";
+    const headerLabelStyle = {
+        display: "inline-block",
+        position: "relative",
+        zIndex: 1,
+        fontWeight: "bold",
+        lineHeight: 1.35,
+        verticalAlign: "top",
+        backgroundColor: "transparent",
+    };
+    const tableHeaderTextStyle = {
+        display: "block",
+        position: "relative",
+        zIndex: 1,
+        backgroundColor: "transparent",
+    };
+    const headerValueStyle = {
+        display: "inline-block",
+        position: "relative",
+        zIndex: 1,
+        maxWidth: "100%",
+        lineHeight: 1.35,
+        verticalAlign: "top",
+        backgroundColor: "transparent",
+    };
+    const signatureFieldStyle = {
+        borderBottom: "1px solid #000",
+        boxSizing: "border-box",
+        display: "flex",
+        alignItems: "flex-start",
+        justifyContent: "center",
+        height: "28px",
+        padding: "4px 2px 6px",
+        lineHeight: 1.1,
+        marginBottom: "4px",
+        textAlign: "center",
+    };
+    const filledItems = items.filter(item => Boolean(item.description ||
+        item.inventoryItemNo ||
+        (item.quantity && Number(item.quantity) > 0) ||
+        (item.unitCost && Number(item.unitCost) > 0)));
+    const blankRowCount = Math.max(0, FIXED_ROWS - filledItems.length);
+    const receivedBy = findSignature(signatures, "Received by");
+    const receivedFrom = findSignature(signatures, "Received from");
+    return (_jsxs("div", { "data-ics-preview": "true", "data-pdf-page": "true", "data-pdf-orientation": "portrait", className: "ics-a4-page bg-white! text-black! [&_table]:text-black! [&_td]:bg-transparent! [&_td]:text-black! [&_th]:text-black!", style: {
+            width: "210mm",
+            minHeight: "297mm",
+            padding: "12mm 14mm",
+            fontFamily: '"Times New Roman", Times, serif',
+            fontSize: "7.5pt",
+            backgroundColor: "#fff",
+            color: "#000",
+            colorScheme: "light",
+            boxSizing: "border-box",
+        }, children: [_jsx("div", { style: { textAlign: "center", marginBottom: "8px" }, children: _jsx("div", { style: { fontSize: "11pt", fontWeight: "bold", letterSpacing: "0.5px" }, children: "INVENTORY CUSTODIAN SLIP" }) }), _jsx("table", { style: {
+                    width: "100%",
+                    borderCollapse: "collapse",
+                    marginBottom: "6px",
+                    fontSize: "7.5pt",
+                }, children: _jsxs("tbody", { children: [_jsxs("tr", { style: { height: "18px" }, children: [_jsxs("td", { style: { width: "70%", padding: "2px 0" }, children: [_jsx("span", { style: headerLabelStyle, children: "Entity Name:\u00A0" }), _jsx("span", { style: { ...headerValueStyle, minWidth: "260px" }, children: entityName || " " })] }), _jsx("td", { style: { width: "30%", padding: "2px 0" } })] }), _jsxs("tr", { style: { height: "18px" }, children: [_jsxs("td", { style: { padding: "2px 0" }, children: [_jsx("span", { style: headerLabelStyle, children: "Fund Cluster:\u00A0" }), _jsx("span", { style: { ...headerValueStyle, minWidth: "200px" }, children: fundCluster || " " })] }), _jsxs("td", { style: { padding: "2px 0", textAlign: "right" }, children: [_jsx("span", { style: headerLabelStyle, children: "ICS No:\u00A0" }), _jsx("span", { style: { ...headerValueStyle, minWidth: "100px", textAlign: "left" }, children: icsNo || "\u00a0" })] })] })] }) }), _jsx("table", { style: { width: "100%", borderCollapse: "collapse", marginBottom: "10px", fontSize: "7pt" }, children: _jsxs("tbody", { children: [_jsxs("tr", { style: { height: "14px" }, children: [_jsxs("td", { style: { width: "25%", padding: "2px 0", lineHeight: 1.2 }, children: [_jsx("span", { style: headerLabelStyle, children: "PO No.:\u00A0" }), _jsx("span", { style: headerValueStyle, children: purchaseOrderNo || "\u00a0" })] }), _jsxs("td", { style: { width: "25%", padding: "2px 0", lineHeight: 1.2 }, children: [_jsx("span", { style: headerLabelStyle, children: "PR Ref.:\u00A0" }), _jsx("span", { style: headerValueStyle, children: purchaseRequestRef || "\u00a0" })] }), _jsxs("td", { style: { width: "25%", padding: "2px 0", lineHeight: 1.2 }, children: [_jsx("span", { style: headerLabelStyle, children: "Invoice:\u00A0" }), _jsx("span", { style: headerValueStyle, children: invoiceNo || "\u00a0" })] }), _jsxs("td", { style: { width: "25%", padding: "2px 0", lineHeight: 1.2 }, children: [_jsx("span", { style: headerLabelStyle, children: "DR No.:\u00A0" }), _jsx("span", { style: headerValueStyle, children: deliveryReceiptNo || "\u00a0" })] })] }), _jsxs("tr", { style: { height: "16px" }, children: [_jsxs("td", { colSpan: 2, style: { padding: "2px 0 5px", lineHeight: 1.2 }, children: [_jsx("span", { style: headerLabelStyle, children: "Supplier:\u00A0" }), _jsx("span", { style: headerValueStyle, children: supplierName || "\u00a0" })] }), _jsxs("td", { colSpan: 2, style: { padding: "2px 0 5px", lineHeight: 1.2 }, children: [_jsx("span", { style: headerLabelStyle, children: "Procurement Remarks:\u00A0" }), _jsx("span", { style: headerValueStyle, children: procurementRemarks || "\u00a0" })] })] })] }) }), _jsxs("table", { style: {
+                    width: "100%",
+                    borderCollapse: "collapse",
+                    fontSize: "7pt",
+                    border: "1px solid #000",
+                }, children: [_jsx("thead", { children: _jsxs("tr", { style: { height: "34px" }, children: [_jsx("th", { className: th, style: { width: "7%", verticalAlign: "middle" }, children: _jsx("span", { style: tableHeaderTextStyle, children: "QTY" }) }), _jsx("th", { className: th, style: { width: "7%", verticalAlign: "middle" }, children: _jsx("span", { style: tableHeaderTextStyle, children: "Unit" }) }), _jsxs("th", { className: th, style: { width: "11%", verticalAlign: "middle" }, children: [_jsx("span", { style: tableHeaderTextStyle, children: "Amount" }), _jsx("span", { style: tableHeaderTextStyle, children: "Unit Cost" })] }), _jsxs("th", { className: th, style: { width: "11%", verticalAlign: "middle" }, children: [_jsx("span", { style: tableHeaderTextStyle, children: "Amount" }), _jsx("span", { style: tableHeaderTextStyle, children: "Total Cost" })] }), _jsx("th", { className: th, style: { width: "37%", verticalAlign: "middle" }, children: _jsx("span", { style: tableHeaderTextStyle, children: "Description" }) }), _jsx("th", { className: th, style: { width: "13%", verticalAlign: "middle" }, children: _jsx("span", { style: tableHeaderTextStyle, children: "Inventory Item No." }) }), _jsx("th", { className: th, style: { width: "14%", verticalAlign: "middle" }, children: _jsx("span", { style: tableHeaderTextStyle, children: "Estimated Useful Life" }) })] }) }), _jsxs("tbody", { children: [filledItems.map((item, i) => (_jsxs("tr", { style: { height: "16px" }, children: [_jsx("td", { className: cell, style: { textAlign: "center" }, children: fmtQuantity(item.quantity) || " " }), _jsx("td", { className: cell, style: { textAlign: "center" }, children: item.unit || " " }), _jsx("td", { className: cell, style: { textAlign: "right" }, children: fmtAmount(item.unitCost) || " " }), _jsx("td", { className: cell, style: { textAlign: "right" }, children: fmtAmount(item.totalCost) || " " }), _jsx("td", { className: cell, children: item.description || " " }), _jsx("td", { className: cell, children: item.inventoryItemNo || " " }), _jsx("td", { className: cell, children: item.estimatedUsefulLife || " " })] }, `item-${i}`))), filledItems.length > 0 && (_jsxs("tr", { style: { height: "16px" }, children: [_jsx("td", { className: cell, children: "\u00A0" }), _jsx("td", { className: cell, children: "\u00A0" }), _jsx("td", { className: cell, children: "\u00A0" }), _jsx("td", { className: cell, children: "\u00A0" }), _jsx("td", { className: cell, style: { textAlign: "center", fontStyle: "italic", color: "#444" }, children: "*****nothing follows*****" }), _jsx("td", { className: cell, children: "\u00A0" }), _jsx("td", { className: cell, children: "\u00A0" })] })), Array.from({ length: blankRowCount }).map((_, i) => (_jsxs("tr", { style: { height: "16px" }, children: [_jsx("td", { className: cell, children: "\u00A0" }), _jsx("td", { className: cell, children: "\u00A0" }), _jsx("td", { className: cell, children: "\u00A0" }), _jsx("td", { className: cell, children: "\u00A0" }), _jsx("td", { className: cell, children: "\u00A0" }), _jsx("td", { className: cell, children: "\u00A0" }), _jsx("td", { className: cell, children: "\u00A0" })] }, `blank-${i}`)))] })] }), _jsx("table", { style: {
+                    width: "100%",
+                    borderCollapse: "collapse",
+                    fontSize: "7pt",
+                    border: "1px solid #000",
+                    borderTop: "none",
+                }, children: _jsx("tbody", { children: _jsxs("tr", { children: [_jsxs("td", { style: {
+                                    width: "50%",
+                                    padding: "8px 10px 6px",
+                                    borderRight: "1px solid #000",
+                                    verticalAlign: "top",
+                                }, children: [_jsx("div", { style: { marginBottom: "24px" }, children: "Received by:" }), _jsx("div", { style: signatureFieldStyle, children: receivedBy?.signedByName || " " }), _jsx("div", { style: { textAlign: "center", fontSize: "6.5pt", marginBottom: "12px" }, children: "Signature Over Printed Name" }), _jsx("div", { style: signatureFieldStyle, children: receivedBy?.position || " " }), _jsx("div", { style: { textAlign: "center", fontSize: "6.5pt", marginBottom: "12px" }, children: "Position/Office" }), _jsx("div", { style: signatureFieldStyle, children: fmtDate(receivedBy?.signedAt) || " " }), _jsx("div", { style: { textAlign: "center", fontSize: "6.5pt" }, children: "Date" })] }), _jsxs("td", { style: {
+                                    width: "50%",
+                                    padding: "8px 10px 6px",
+                                    verticalAlign: "top",
+                                }, children: [_jsx("div", { style: { marginBottom: "24px" }, children: "Received from:" }), _jsx("div", { style: signatureFieldStyle, children: receivedFrom?.signedByName || " " }), _jsx("div", { style: { textAlign: "center", fontSize: "6.5pt", marginBottom: "12px" }, children: "Signature Over Printed Name" }), _jsx("div", { style: signatureFieldStyle, children: receivedFrom?.position || " " }), _jsx("div", { style: { textAlign: "center", fontSize: "6.5pt", marginBottom: "12px" }, children: "Position/Office" }), _jsx("div", { style: signatureFieldStyle, children: fmtDate(receivedFrom?.signedAt) || " " }), _jsx("div", { style: { textAlign: "center", fontSize: "6.5pt" }, children: "Date" })] })] }) }) })] }));
+}

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

@@ -0,0 +1,42 @@
+interface EntryRow {
+    dateAcquired: string;
+    particularsArticles: string;
+    propertyNo: string;
+    qty: string;
+    unitCost: string;
+    totalCost: string;
+    accumulatedDepreciation: string;
+    accumulatedImpairmentLosses: string;
+    carryingAmount: string;
+    remarks: string;
+    sale: string;
+    transfer: string;
+    destruction: string;
+    othersSpecify: string;
+    total: string;
+    appraisedValue: string;
+    orNo: string;
+    amount: string;
+}
+interface IirupPreviewProps {
+    entityName: string;
+    nameOfAccountableOfficer: string;
+    designation: string;
+    station: string;
+    fundCluster: string;
+    date: string;
+    iirupNo: string;
+    requestedBy?: string;
+    approvedBy?: string;
+    accountableOfficerDesignation?: string;
+    authorizedOfficialDesignation?: string;
+    inspectionOfficerSignatory?: string;
+    inspectionOfficerDesignation?: string;
+    witnessSignatory?: string;
+    witnessDispositionDay?: string;
+    witnessDispositionMonth?: string;
+    witnessDispositionYear?: string;
+    entries: EntryRow[];
+}
+export declare function IirupPreview({ entityName, nameOfAccountableOfficer, designation, station, fundCluster, date, iirupNo, requestedBy, approvedBy, accountableOfficerDesignation, authorizedOfficialDesignation, inspectionOfficerSignatory, inspectionOfficerDesignation, witnessSignatory, witnessDispositionDay, witnessDispositionMonth, witnessDispositionYear, entries, }: IirupPreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};