@tonzxz/government-forms 0.1.0

package/dist/gam/components/purchase-order-page-client.js

@@ -0,0 +1,179 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ConfigurableFormLayout } from "../../internal/components/configurable-form-layout.js";
+import { DatePicker } from "../../internal/components/ui/date-picker.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../internal/components/ui/tabs.js";
+import { formatPesoAmount, getPurchaseOrderTotal } from "../purchase-order-flow.js";
+import { sanitizeMonetaryInput } from "../utils/monetary-input.js";
+function formatTemplateDate(value) {
+    if (!value)
+        return "";
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime()))
+        return value;
+    return `${date.getMonth() + 1}/${date.getDate()}/${date.getFullYear()}`;
+}
+function formatMoneyPlain(value) {
+    const amount = typeof value === "string" ? Number(value) : value;
+    if (!Number.isFinite(amount))
+        return "-";
+    return amount.toLocaleString("en-PH", {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2,
+    });
+}
+export function defaultPoTemplateFields() {
+    return {
+        supplierAddress: "",
+        supplierTin: "",
+        modeOfProcurement: "",
+        placeOfDelivery: "",
+        deliveryTerm: "",
+        paymentTerm: "",
+        amountInWords: "",
+        supplierConforme: "",
+        conformeDate: "",
+        authorizedOfficial: "",
+        fundsAvailable: "",
+        orsBursNo: "",
+        orsBursDate: "",
+        orsBursAmount: "",
+        chiefAccountantName: "",
+    };
+}
+const DELIVERY_TERM_OPTIONS = [
+    "Complete Delivery",
+    "Partial Delivery",
+    "30 Calendar Days",
+    "45 Calendar Days",
+    "As Scheduled",
+];
+export function PurchaseOrderPreview({ data }) {
+    const totalAmount = getPurchaseOrderTotal(data.items);
+    const rows = Array.from({ length: Math.max(15, data.items.length) }, (_, index) => data.items[index]);
+    return (_jsx("div", { "data-pdf-page": true, "data-pdf-orientation": "portrait", className: "w-190 bg-white p-6.5 font-['Times_New_Roman',Times,serif] text-black shadow-sm", children: _jsxs("div", { className: "border-2 border-black text-[12.5px] leading-[1.35]", children: [_jsx("div", { className: "flex h-11.5 items-center justify-center border-b-2 border-black text-center text-[21px] leading-normal font-bold", children: "PURCHASE ORDER" }), _jsx("div", { className: "flex h-10 items-center justify-center border-b-2 border-black text-center text-[17px] leading-normal font-bold", children: data.entityName }), _jsxs("table", { className: "w-full table-fixed border-collapse font-bold", children: [_jsxs("colgroup", { children: [_jsx("col", { className: "w-[68%]" }), _jsx("col", { className: "w-[32%]" })] }), _jsxs("tbody", { children: [_jsxs("tr", { className: "border-b border-black align-top", children: [_jsxs("td", { className: "border-r border-black px-1.5 py-1.5", children: ["Supplier: ", _jsx("span", { className: "wrap-break-word", children: data.supplier })] }), _jsxs("td", { className: "px-1.5 py-1.5", children: ["P.O. NO. ", _jsx("span", { className: "wrap-break-word", children: data.poNo })] })] }), _jsxs("tr", { className: "border-b border-black align-top", children: [_jsxs("td", { className: "border-r border-black px-1.5 py-1.5", children: ["Address: ", _jsx("span", { className: "wrap-break-word", children: data.supplierAddress })] }), _jsxs("td", { className: "px-1.5 py-1.5", children: ["Date: ", _jsx("span", { className: "wrap-break-word", children: formatTemplateDate(data.poDate) })] })] }), _jsxs("tr", { className: "border-b-2 border-black align-top", children: [_jsxs("td", { className: "border-r border-black px-1.5 py-1.5", children: ["TIN: ", _jsx("span", { className: "wrap-break-word", children: data.supplierTin })] }), _jsxs("td", { className: "px-1.5 py-1.5", children: ["Mode of Procurement:", " ", _jsx("span", { className: "wrap-break-word", children: data.modeOfProcurement })] })] })] })] }), _jsxs("div", { className: "min-h-18 border-b-2 border-black px-1.5 pt-3", children: [_jsx("p", { children: "Gentlemen:" }), _jsx("p", { className: "pl-8", children: "Please furnish this office the following articles subject to the terms and conditions contained herein:" })] }), _jsxs("table", { className: "w-full table-fixed border-collapse font-bold", children: [_jsxs("colgroup", { children: [_jsx("col", { className: "w-[68%]" }), _jsx("col", { className: "w-[32%]" })] }), _jsxs("tbody", { children: [_jsxs("tr", { className: "border-b border-black align-top", children: [_jsxs("td", { className: "border-r border-black px-1.5 py-1.5", children: ["Place of Delivery: ", _jsx("span", { className: "wrap-break-word", children: data.placeOfDelivery })] }), _jsxs("td", { className: "px-1.5 py-1.5", children: ["Delivery Term: ", _jsx("span", { className: "wrap-break-word", children: data.deliveryTerm })] })] }), _jsxs("tr", { className: "border-b border-black align-top", children: [_jsxs("td", { className: "border-r border-black px-1.5 py-1.5", children: ["Date of Delivery:", " ", _jsx("span", { className: "wrap-break-word", children: formatTemplateDate(data.expectedDeliveryDate) })] }), _jsxs("td", { className: "px-1.5 py-1.5", children: ["Payment Term: ", _jsx("span", { className: "wrap-break-word", children: data.paymentTerm })] })] })] })] }), _jsxs("table", { className: "w-full table-fixed border-collapse text-[12.5px]", children: [_jsxs("colgroup", { children: [_jsx("col", { className: "w-[8.5%]" }), _jsx("col", { className: "w-[6.5%]" }), _jsx("col", { className: "w-[41%]" }), _jsx("col", { className: "w-[10%]" }), _jsx("col", { className: "w-[18%]" }), _jsx("col", { className: "w-[16%]" })] }), _jsx("thead", { children: _jsxs("tr", { className: "h-13 border-b border-black text-center text-[14px] leading-tight font-bold", children: [_jsxs("th", { className: "border-r border-black px-1 text-[12px] leading-tight", children: ["Stock/", _jsx("br", {}), "Property", _jsx("br", {}), "No."] }), _jsx("th", { className: "border-r border-black px-1", children: "Unit" }), _jsx("th", { className: "border-r border-black px-1", children: "Description" }), _jsx("th", { className: "border-r border-black px-1", children: "Quantity" }), _jsx("th", { className: "border-r border-black px-1", children: "Unit Cost" }), _jsx("th", { className: "px-1", children: "Amount" })] }) }), _jsx("tbody", { children: rows.map((item, index) => {
+                                const amount = item ? getPurchaseOrderTotal([item]) : null;
+                                return (_jsxs("tr", { className: item ? "h-9.25 align-top" : "h-6 align-top", children: [_jsx("td", { className: "border-r border-black px-1 text-center text-[10.5px] leading-tight wrap-break-word", children: item?.stockNo ?? "" }), _jsx("td", { className: "border-r border-black px-1 text-center", children: item?.unit ?? "" }), _jsx("td", { className: "border-r border-black px-1.5 wrap-break-word", children: item?.description ?? "" }), _jsx("td", { className: "border-r border-black px-1 text-center", children: item?.quantity ?? "" }), _jsx("td", { className: "border-r border-black px-1 text-right", children: item ? formatMoneyPlain(item.unitCost) : "" }), _jsx("td", { className: "px-1 text-right", children: amount ? formatMoneyPlain(amount) : "-" })] }, `${item?.stockNo ?? "blank"}-${index}`));
+                            }) }), _jsx("tfoot", { children: _jsxs("tr", { className: "border-t border-black align-top", children: [_jsxs("td", { colSpan: 4, className: "border-r border-black px-1.5 py-2 wrap-break-word", children: ["(Amount in words) : ", data.amountInWords] }), _jsx("td", { className: "border-r border-black px-1 py-2 text-center font-bold", children: "Total" }), _jsx("td", { className: "px-1 py-2 text-right font-bold", children: formatMoneyPlain(totalAmount) })] }) })] }), _jsxs("div", { className: "border-t-2 border-black px-10 py-4 text-center text-[14px]", children: [_jsx("p", { children: "In case of failure to make the full delivery within the time specified above, a penalty of one-tenth (1/10)" }), _jsx("p", { children: "of one percent for every day of delay shall be imposed on the undelivered item/s" }), _jsxs("p", { children: [_jsx("span", { className: "font-bold", children: "Note:" }), " In the event a finding of overpricing and/or overpayment has been made by the appropriate authority,"] }), _jsx("p", { children: "the contractor/supplier shall reimburse the Procuring Entity the amount declared as overpriced or overpaid." })] }), _jsxs("div", { className: "grid grid-cols-2 px-14 pb-6 text-center text-[14px]", children: [_jsx("div", { className: "pt-6 text-left", children: "Conforme:" }), _jsx("div", { children: "Very truly yours," }), _jsxs("div", { className: "pt-8", children: [_jsx("div", { className: "mx-auto min-h-5 w-65 wrap-break-word", children: data.supplierConforme }), _jsx("div", { className: "border-t border-black", children: "(Signature over Printed name of Supplier" }), _jsx("div", { className: "mx-auto mt-4 min-h-5 w-65", children: formatTemplateDate(data.conformeDate) }), _jsx("div", { className: "border-t border-black", children: "(Date)" })] }), _jsxs("div", { className: "pt-8", children: [_jsx("div", { className: "mx-auto min-h-5 w-65 wrap-break-word", children: data.authorizedOfficial }), _jsx("div", { className: "mx-auto border-t border-black", children: "(Authorized Official)" })] })] }), _jsxs("div", { className: "grid grid-cols-[68%_32%] border-t-2 border-black text-[13px] font-bold", children: [_jsxs("div", { className: "min-h-24 border-r border-black px-3 py-1", children: [_jsxs("p", { className: "wrap-break-word", children: ["Fund Cluster: ", data.fundCluster] }), _jsxs("p", { className: "wrap-break-word", children: ["Funds Available: ", data.fundsAvailable ? formatMoneyPlain(data.fundsAvailable) : ""] }), _jsxs("div", { className: "pt-14 text-center", children: [data.chiefAccountantName ? _jsx("p", { children: data.chiefAccountantName }) : null, _jsx("p", { children: "Signature over Printed Name of Chief Accountant/" }), _jsx("p", { children: "Head of Accounting Division/Unit" })] })] }), _jsxs("div", { className: "px-1 py-5", children: [_jsxs("p", { className: "wrap-break-word", children: ["ORS/BURS No. ", data.orsBursNo] }), _jsxs("p", { children: ["Date of the ORS/BURS: ", formatTemplateDate(data.orsBursDate)] }), _jsxs("p", { children: ["Amount: ", data.orsBursAmount ? formatMoneyPlain(data.orsBursAmount) : ""] })] })] })] }) }));
+}
+export function PurchaseOrderCreateForm({ loading = false, approversLoading = false, availablePurchaseRequests, selectedPurchaseRequest, createTab, setCreateTab, setSelectedPrNo, supplier, setSupplier, expectedDeliveryDate, setExpectedDeliveryDate, poTemplateFields, setPoTemplateField, configuredChiefAccountantName, selectedAmountInWords, poNumber }) {
+    const selectedPurchaseRequestTotal = getPurchaseOrderTotal(selectedPurchaseRequest?.items ?? []);
+    return (_jsx("div", { className: "space-y-3", children: loading ? (_jsx("div", { className: "text-muted-foreground rounded-md border bg-slate-50 px-3 py-2 text-sm", children: "Loading approved Purchase Requests..." })) : availablePurchaseRequests.length === 0 ? (_jsx("div", { className: "text-muted-foreground rounded-md border bg-amber-50 px-3 py-2 text-sm", children: "No eligible approved Purchase Requests are available. A PR must be approved, PO-eligible, and must not already have a Purchase Order." })) : (_jsxs(Tabs, { value: createTab, onValueChange: setCreateTab, children: [_jsxs(TabsList, { className: "grid w-full grid-cols-3", children: [_jsx(TabsTrigger, { value: "basic", children: "Basic Info" }), _jsx(TabsTrigger, { value: "details", children: "Details" }), _jsx(TabsTrigger, { value: "items", children: "Items" })] }), _jsx(TabsContent, { value: "basic", className: "mt-4", children: (() => {
+                        const poBasicFields = [
+                            {
+                                id: "purchaseRequest",
+                                label: "Approved Purchase Request *",
+                                fullWidth: true,
+                                render: () => (_jsx("select", { value: selectedPurchaseRequest?.prNo ?? "", onChange: event => {
+                                        setSelectedPrNo(event.target.value);
+                                        /* host owns save errors */
+                                    }, className: "w-full rounded-md border px-3 py-2 text-sm", children: availablePurchaseRequests.map(row => (_jsxs("option", { value: row.prNo, children: [row.prNo, " -", " ", formatPesoAmount(getPurchaseOrderTotal(row.items ?? []))] }, row.prNo))) })),
+                            },
+                            {
+                                id: "supplier",
+                                label: "Supplier *",
+                                render: () => (_jsx("input", { value: supplier, onChange: event => {
+                                        setSupplier(event.target.value);
+                                        /* host owns save errors */
+                                    }, placeholder: "Supplier name", className: "w-full rounded-md border px-3 py-2 text-sm" })),
+                            },
+                            {
+                                id: "expectedDeliveryDate",
+                                label: "Expected Delivery Date",
+                                render: () => (_jsx(DatePicker, { value: expectedDeliveryDate, onValueChange: value => {
+                                        setExpectedDeliveryDate(value);
+                                        /* host owns save errors */
+                                    } })),
+                            },
+                        ];
+                        return (_jsx(ConfigurableFormLayout, { formKey: "po-basic-info", fields: poBasicFields, header: _jsx("div", { className: "rounded-md border border-indigo-200 bg-indigo-50 p-4", children: _jsxs("div", { className: "grid gap-3 sm:grid-cols-3", children: [_jsxs("div", { children: [_jsx("p", { className: "text-muted-foreground text-xs font-medium", children: "PO Number" }), _jsx("p", { className: "font-mono text-sm font-semibold text-slate-700", children: selectedPurchaseRequest
+                                                        ? poNumber || "-"
+                                                        : "-" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-muted-foreground text-xs font-medium", children: "Items" }), _jsx("p", { className: "text-sm font-semibold text-slate-700", children: selectedPurchaseRequest?.items?.length ?? 0 })] }), _jsxs("div", { children: [_jsx("p", { className: "text-muted-foreground text-xs font-medium", children: "Total Amount" }), _jsx("p", { className: "text-sm font-semibold text-slate-700", children: formatPesoAmount(selectedPurchaseRequestTotal) })] })] }) }) }));
+                    })() }), _jsx(TabsContent, { value: "details", className: "mt-4", children: (() => {
+                        const templateFields = [
+                            {
+                                id: "supplierAddress",
+                                label: "Supplier Address",
+                                fullWidth: true,
+                                render: () => (_jsx("input", { value: poTemplateFields.supplierAddress, onChange: event => setPoTemplateField("supplierAddress", event.target.value), placeholder: "Supplier address", className: "w-full rounded-md border px-3 py-2 text-sm" })),
+                            },
+                            {
+                                id: "supplierTin",
+                                label: "TIN",
+                                render: () => (_jsx("input", { value: poTemplateFields.supplierTin, onChange: event => setPoTemplateField("supplierTin", event.target.value), placeholder: "000-000-000-000", className: "w-full rounded-md border px-3 py-2 text-sm" })),
+                            },
+                            {
+                                id: "modeOfProcurement",
+                                label: "Mode of Procurement",
+                                render: () => (_jsx("input", { value: poTemplateFields.modeOfProcurement, onChange: event => setPoTemplateField("modeOfProcurement", event.target.value), className: "w-full rounded-md border px-3 py-2 text-sm" })),
+                            },
+                            {
+                                id: "placeOfDelivery",
+                                label: "Place of Delivery",
+                                fullWidth: true,
+                                render: () => (_jsx("input", { value: poTemplateFields.placeOfDelivery, onChange: event => setPoTemplateField("placeOfDelivery", event.target.value), className: "w-full rounded-md border px-3 py-2 text-sm" })),
+                            },
+                            {
+                                id: "deliveryTerm",
+                                label: "Delivery Term",
+                                render: () => (_jsxs("select", { value: poTemplateFields.deliveryTerm, onChange: event => setPoTemplateField("deliveryTerm", event.target.value), className: "w-full rounded-md border px-3 py-2 text-sm", children: [_jsx("option", { value: "", children: "Select delivery term" }), DELIVERY_TERM_OPTIONS.map(option => (_jsx("option", { value: option, children: option }, option))), poTemplateFields.deliveryTerm &&
+                                            !DELIVERY_TERM_OPTIONS.includes(poTemplateFields.deliveryTerm) ? (_jsx("option", { value: poTemplateFields.deliveryTerm, children: poTemplateFields.deliveryTerm })) : null] })),
+                            },
+                            {
+                                id: "paymentTerm",
+                                label: "Payment Term",
+                                render: () => (_jsx("input", { value: poTemplateFields.paymentTerm, onChange: event => setPoTemplateField("paymentTerm", event.target.value), placeholder: "e.g. 30 days", className: "w-full rounded-md border px-3 py-2 text-sm" })),
+                            },
+                            {
+                                id: "amountInWords",
+                                label: "Amount in Words",
+                                fullWidth: true,
+                                render: () => (_jsx("input", { value: selectedAmountInWords, readOnly: true, "aria-readonly": "true", className: "w-full rounded-md border bg-slate-50 px-3 py-2 text-sm text-slate-700" })),
+                            },
+                            {
+                                id: "authorizedOfficial",
+                                label: "Authorized Official",
+                                render: () => (_jsx("input", { value: poTemplateFields.authorizedOfficial, onChange: event => setPoTemplateField("authorizedOfficial", event.target.value), className: "w-full rounded-md border px-3 py-2 text-sm" })),
+                            },
+                            {
+                                id: "supplierConforme",
+                                label: "Supplier Conforme",
+                                render: () => (_jsx("input", { value: poTemplateFields.supplierConforme, onChange: event => setPoTemplateField("supplierConforme", event.target.value), className: "w-full rounded-md border px-3 py-2 text-sm" })),
+                            },
+                            {
+                                id: "conformeDate",
+                                label: "Conforme Date",
+                                render: () => (_jsx(DatePicker, { value: poTemplateFields.conformeDate, onValueChange: value => setPoTemplateField("conformeDate", value) })),
+                            },
+                            {
+                                id: "fundsAvailable",
+                                label: "Funds Available",
+                                render: () => (_jsx("input", { type: "text", inputMode: "decimal", pattern: "[0-9]*[.]?[0-9]{0,2}", value: poTemplateFields.fundsAvailable, onChange: event => setPoTemplateField("fundsAvailable", sanitizeMonetaryInput(event.target.value)), className: "w-full rounded-md border px-3 py-2 text-sm" })),
+                            },
+                            {
+                                id: "orsBursNo",
+                                label: "ORS/BURS No.",
+                                render: () => (_jsx("input", { value: poTemplateFields.orsBursNo, onChange: event => setPoTemplateField("orsBursNo", event.target.value), className: "w-full rounded-md border px-3 py-2 text-sm" })),
+                            },
+                            {
+                                id: "orsBursDate",
+                                label: "ORS/BURS Date",
+                                render: () => (_jsx(DatePicker, { value: poTemplateFields.orsBursDate, onValueChange: value => setPoTemplateField("orsBursDate", value) })),
+                            },
+                            {
+                                id: "orsBursAmount",
+                                label: "ORS/BURS Amount",
+                                render: () => (_jsx("input", { type: "text", inputMode: "decimal", pattern: "[0-9]*[.]?[0-9]{0,2}", value: poTemplateFields.orsBursAmount, onChange: event => setPoTemplateField("orsBursAmount", sanitizeMonetaryInput(event.target.value)), placeholder: selectedPurchaseRequestTotal.toFixed(2), className: "w-full rounded-md border px-3 py-2 text-sm" })),
+                            },
+                            {
+                                id: "chiefAccountantName",
+                                label: "Chief Accountant / Accounting Head",
+                                fullWidth: true,
+                                render: () => (_jsx("input", { value: configuredChiefAccountantName, readOnly: true, "aria-readonly": "true", placeholder: approversLoading
+                                        ? "Loading configured approver..."
+                                        : "Configure the Purchase Order accounting head in document approvers", className: "w-full rounded-md border bg-slate-50 px-3 py-2 text-sm text-slate-700" })),
+                            },
+                        ];
+                        return (_jsx(ConfigurableFormLayout, { formKey: "po-template-fields", fields: templateFields }));
+                    })() }), _jsx(TabsContent, { value: "items", className: "mt-4 space-y-3", children: _jsx("div", { className: "overflow-x-auto rounded-md border", children: _jsxs("table", { className: "min-w-full border-collapse text-xs", children: [_jsx("thead", { className: "bg-gray-50", children: _jsxs("tr", { children: [_jsx("th", { className: "border p-2 text-left", children: "Stock/Property No." }), _jsx("th", { className: "border p-2 text-left", children: "Unit" }), _jsx("th", { className: "border p-2 text-left", children: "Description" }), _jsx("th", { className: "border p-2 text-right", children: "Qty" }), _jsx("th", { className: "border p-2 text-right", children: "Unit Cost" }), _jsx("th", { className: "border p-2 text-right", children: "Total" })] }) }), _jsxs("tbody", { children: [(selectedPurchaseRequest?.items ?? []).map((item, index) => (_jsxs("tr", { children: [_jsx("td", { className: "border p-2", children: item.stockNo }), _jsx("td", { className: "border p-2", children: item.unit }), _jsx("td", { className: "border p-2", children: item.description }), _jsx("td", { className: "border p-2 text-right", children: item.quantity }), _jsx("td", { className: "border p-2 text-right", children: formatPesoAmount(item.unitCost) }), _jsx("td", { className: "border p-2 text-right", children: formatPesoAmount(getPurchaseOrderTotal([item])) })] }, `${item.stockNo ?? "item"}-${index}`))), (selectedPurchaseRequest?.items ?? []).length === 0 ? (_jsx("tr", { children: _jsx("td", { className: "text-muted-foreground border p-4 text-center", colSpan: 6, children: "No PR items found." }) })) : null] })] }) }) })] })) }));
+}

package/dist/gam/components/reg-spi-preview.d.ts

@@ -0,0 +1,28 @@
+interface EntryRow {
+    entryDate: string;
+    reference: string;
+    iicRrspNo: string;
+    semiExpendablePropertyNo: string;
+    itemDescription: string;
+    estimatedUsefulLife: string;
+    issuedQty: string;
+    issuedOfficeOfficer: string;
+    returnedQty: string;
+    returnedOfficeOfficer: string;
+    reissuedQty: string;
+    reissuedOfficeOfficer: string;
+    disposedQty: string;
+    balance: string;
+    amount: string;
+    remarks: string;
+}
+interface RegSpiPreviewProps {
+    entityName: string;
+    semiExpendableProperty: string;
+    fundCluster: string;
+    sheetNumber: string;
+    regSpiNo: string;
+    entries: EntryRow[];
+}
+export declare function RegSpiPreview({ entityName, semiExpendableProperty, fundCluster, entries, }: RegSpiPreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/gam/components/reg-spi-preview.js

@@ -0,0 +1,138 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const FIXED_ROWS = 23;
+const PAGE_PADDING = "6mm 5.5mm 14mm";
+function display(value) {
+    return value.trim();
+}
+function fmtDate(value) {
+    if (!value || value.trim() === "")
+        return "";
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime()))
+        return value;
+    return date.toLocaleDateString("en-PH");
+}
+function fmtQty(value) {
+    if (!value || value.trim() === "")
+        return "";
+    const n = Number(value);
+    if (Number.isNaN(n))
+        return value;
+    return n === 0 ? "" : Number.isInteger(n) ? n.toString() : n.toFixed(2);
+}
+function fmtAmount(value) {
+    if (!value || value.trim() === "")
+        return "";
+    const n = Number(value);
+    if (Number.isNaN(n))
+        return value;
+    return n === 0
+        ? ""
+        : n.toLocaleString("en-PH", {
+            minimumFractionDigits: 2,
+            maximumFractionDigits: 2,
+        });
+}
+const BORDER = "1.25px solid #111";
+const OUTER_BORDER = "1.8px solid #111";
+const headerCell = {
+    border: BORDER,
+    padding: "0.8mm 0.7mm",
+    textAlign: "center",
+    verticalAlign: "middle",
+    fontSize: "7.8pt",
+    fontWeight: 400,
+    lineHeight: 1.2,
+};
+const mergedHeaderTop = {
+    ...headerCell,
+    borderBottom: "none",
+    padding: 0,
+};
+const mergedHeaderBottom = {
+    ...headerCell,
+    borderTop: "none",
+    padding: 0,
+};
+const mergedHeaderLabel = {
+    position: "relative",
+    top: "-3.25mm",
+    display: "block",
+};
+const bodyCell = {
+    border: BORDER,
+    height: "5.8mm",
+    padding: "0.4mm 0.8mm",
+    fontSize: "7.4pt",
+    lineHeight: 1.08,
+    overflow: "hidden",
+    whiteSpace: "nowrap",
+    verticalAlign: "middle",
+};
+const centeredBodyCell = {
+    ...bodyCell,
+    textAlign: "center",
+};
+export function RegSpiPreview({ entityName, semiExpendableProperty, fundCluster, entries, }) {
+    const rows = Array.from({ length: FIXED_ROWS }, (_, i) => entries[i] ?? null);
+    return (_jsxs(_Fragment, { children: [_jsx("style", { children: `
+				@media print {
+					.no-print { display: none !important; }
+					@page { size: A4 landscape; margin: 0; }
+					body { background: white !important; }
+					.regspi-a4-page {
+						box-shadow: none !important;
+						margin: 0 !important;
+						padding: ${PAGE_PADDING} !important;
+					}
+				}
+
+				.regspi-a4-page * {
+					box-sizing: border-box;
+				}
+			` }), _jsx("div", { style: { overflowX: "auto", width: "100%" }, children: _jsxs("div", { className: "regspi-a4-page bg-white shadow-sm", "data-pdf-page": "true", "data-pdf-orientation": "landscape", style: {
+                        boxSizing: "border-box",
+                        width: "297mm",
+                        minHeight: "210mm",
+                        padding: PAGE_PADDING,
+                        fontFamily: '"Times New Roman", Times, serif',
+                        color: "#111",
+                    }, children: [_jsxs("header", { style: {
+                                position: "relative",
+                                height: "32mm",
+                            }, children: [_jsx("div", { style: {
+                                        position: "absolute",
+                                        top: "0",
+                                        right: "1mm",
+                                        fontSize: "8pt",
+                                        fontStyle: "italic",
+                                        fontWeight: 600,
+                                    }, children: "Annex A.4" }), _jsx("div", { style: {
+                                        position: "absolute",
+                                        top: "7mm",
+                                        left: 0,
+                                        right: 0,
+                                        textAlign: "center",
+                                        fontSize: "11.5pt",
+                                        fontWeight: 700,
+                                        letterSpacing: "0.2px",
+                                    }, children: "REGISTRY OF SEMI-EXPENDABLE PROPERTY ISSUED" }), _jsxs("div", { style: {
+                                        position: "absolute",
+                                        left: 0,
+                                        right: "8mm",
+                                        bottom: "4mm",
+                                        display: "grid",
+                                        gridTemplateColumns: "1fr auto",
+                                        columnGap: "12mm",
+                                        alignItems: "start",
+                                        fontSize: "8.5pt",
+                                        fontWeight: 700,
+                                        lineHeight: 1.25,
+                                    }, children: [_jsxs("div", { children: [_jsxs("div", { children: ["Entity Name: ", display(entityName)] }), _jsxs("div", { children: ["Semi-Expendable Property: ", display(semiExpendableProperty)] })] }), _jsxs("div", { style: { minWidth: "66mm" }, children: ["Fund Cluster : ", display(fundCluster)] })] })] }), _jsxs("table", { style: {
+                                width: "100%",
+                                borderCollapse: "collapse",
+                                tableLayout: "fixed",
+                                border: OUTER_BORDER,
+                            }, children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: "5%" } }), _jsx("col", { style: { width: "8%" } }), _jsx("col", { style: { width: "7.2%" } }), _jsx("col", { style: { width: "15.3%" } }), _jsx("col", { style: { width: "4.6%" } }), _jsx("col", { style: { width: "2.4%" } }), _jsx("col", { style: { width: "14.7%" } }), _jsx("col", { style: { width: "2.3%" } }), _jsx("col", { style: { width: "8.3%" } }), _jsx("col", { style: { width: "2.3%" } }), _jsx("col", { style: { width: "8.3%" } }), _jsx("col", { style: { width: "3.7%" } }), _jsx("col", { style: { width: "3.6%" } }), _jsx("col", { style: { width: "5%" } }), _jsx("col", { style: { width: "9.3%" } })] }), _jsxs("thead", { children: [_jsxs("tr", { style: { height: "6.5mm" }, children: [_jsx("th", { "aria-hidden": "true", style: mergedHeaderTop }), _jsx("th", { colSpan: 2, style: headerCell, children: "Reference" }), _jsx("th", { "aria-hidden": "true", style: mergedHeaderTop }), _jsx("th", { "aria-hidden": "true", style: mergedHeaderTop }), _jsx("th", { colSpan: 2, style: headerCell, children: "Issued" }), _jsx("th", { colSpan: 2, style: headerCell, children: "Returned" }), _jsx("th", { colSpan: 2, style: headerCell, children: "Re-issued" }), _jsx("th", { style: headerCell, children: "Disposed" }), _jsx("th", { style: headerCell, children: "Balance" }), _jsx("th", { "aria-hidden": "true", style: mergedHeaderTop }), _jsx("th", { "aria-hidden": "true", style: mergedHeaderTop })] }), _jsxs("tr", { style: { height: "12.5mm" }, children: [_jsx("th", { style: mergedHeaderBottom, children: _jsx("span", { style: mergedHeaderLabel, children: "Date" }) }), _jsx("th", { style: headerCell, children: "ICS/RRSP No." }), _jsxs("th", { style: headerCell, children: ["Semi-", _jsx("br", {}), "Expendable", _jsx("br", {}), "Property No."] }), _jsx("th", { style: mergedHeaderBottom, children: _jsx("span", { style: mergedHeaderLabel, children: "Item Description" }) }), _jsx("th", { style: mergedHeaderBottom, children: _jsxs("span", { style: mergedHeaderLabel, children: ["Estimated", _jsx("br", {}), "Useful Life"] }) }), _jsx("th", { style: headerCell, children: "Qty." }), _jsx("th", { style: headerCell, children: "Office/Officer" }), _jsx("th", { style: headerCell, children: "Qty." }), _jsx("th", { style: headerCell, children: "Office/Officer" }), _jsx("th", { style: headerCell, children: "Qty." }), _jsx("th", { style: headerCell, children: "Office/Officer" }), _jsx("th", { style: headerCell, children: "Qty." }), _jsx("th", { style: headerCell, children: "Qty." }), _jsx("th", { style: mergedHeaderBottom, children: _jsx("span", { style: mergedHeaderLabel, children: "Amount" }) }), _jsx("th", { style: mergedHeaderBottom, children: _jsx("span", { style: mergedHeaderLabel, children: "Remarks" }) })] })] }), _jsx("tbody", { children: rows.map((row, index) => (_jsxs("tr", { children: [_jsx("td", { style: centeredBodyCell, children: row ? fmtDate(row.entryDate) : "" }), _jsx("td", { style: bodyCell, children: row ? display(row.iicRrspNo || row.reference) : "" }), _jsx("td", { style: bodyCell, children: row ? display(row.semiExpendablePropertyNo) : "" }), _jsx("td", { style: bodyCell, children: row ? display(row.itemDescription) : "" }), _jsx("td", { style: centeredBodyCell, children: row ? display(row.estimatedUsefulLife) : "" }), _jsx("td", { style: centeredBodyCell, children: row ? fmtQty(row.issuedQty) : "" }), _jsx("td", { style: bodyCell, children: row ? display(row.issuedOfficeOfficer) : "" }), _jsx("td", { style: centeredBodyCell, children: row ? fmtQty(row.returnedQty) : "" }), _jsx("td", { style: bodyCell, children: row ? display(row.returnedOfficeOfficer) : "" }), _jsx("td", { style: centeredBodyCell, children: row ? fmtQty(row.reissuedQty) : "" }), _jsx("td", { style: bodyCell, children: row ? display(row.reissuedOfficeOfficer) : "" }), _jsx("td", { style: centeredBodyCell, children: row ? fmtQty(row.disposedQty) : "" }), _jsx("td", { style: centeredBodyCell, children: row ? fmtQty(row.balance) : "" }), _jsx("td", { style: { ...bodyCell, textAlign: "right" }, children: row ? fmtAmount(row.amount) : "" }), _jsx("td", { style: bodyCell, children: row ? display(row.remarks) : "" })] }, index))) })] })] }) })] }));
+}

package/dist/gam/components/ris-form.d.ts

@@ -0,0 +1,13 @@
+import type { GamTableField } from "./gam-report-workbench.js";
+interface RISFormProps {
+    form: Record<string, string>;
+    setForm: (form: Record<string, string>) => void;
+    tableRows: Record<string, string>[];
+    setTableRows: (rows: Record<string, string>[]) => void;
+    tableFields: GamTableField[];
+    onAddRow: () => void;
+    onRemoveRow: (index: number) => void;
+    errors?: Record<string, string>;
+}
+export declare function RISForm({ form, setForm, tableRows, setTableRows, tableFields, onAddRow, onRemoveRow, errors, }: RISFormProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/gam/components/ris-form.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "../../internal/components/ui/button.js";
+import { DateInput } from "../../internal/components/ui/date-input.js";
+export function RISForm({ form, setForm, tableRows, setTableRows, tableFields, onAddRow, onRemoveRow, errors, }) {
+    const updateField = (field, value) => {
+        setForm({ ...form, [field]: value });
+    };
+    const updateTableRow = (rowIndex, field, value) => {
+        setTableRows(tableRows.map((row, i) => (i === rowIndex ? { ...row, [field]: value } : row)));
+    };
+    const InputField = ({ field, label, type = "text", placeholder, required, className = "", value, onChange, }) => {
+        const fieldValue = value !== undefined ? value : (form[field] ?? "");
+        const handleChange = onChange || ((v) => updateField(field, v));
+        return (_jsxs("div", { className: className, children: [_jsxs("label", { className: "mb-1 block text-xs font-medium text-slate-700", children: [label, required && _jsx("span", { className: "text-rose-500 ml-0.5", children: "*" })] }), type === "textarea" ? (_jsx("textarea", { value: fieldValue, onChange: (e) => handleChange(e.target.value), placeholder: placeholder, rows: 2, className: "w-full rounded-md border border-slate-300 px-3 py-2 text-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500" })) : type === "date" ? (_jsx(DateInput, { type: "date", value: fieldValue, onChange: (e) => handleChange(e.target.value), className: "w-full rounded-md border border-slate-300 px-3 py-2 text-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500" })) : (_jsx("input", { type: type, value: fieldValue, onChange: (e) => handleChange(e.target.value), placeholder: placeholder, className: "w-full rounded-md border border-slate-300 px-3 py-2 text-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500" })), errors?.[field] && _jsx("p", { className: "mt-1 text-xs text-rose-500", children: errors[field] })] }));
+    };
+    const SectionHeader = ({ title }) => (_jsx("div", { className: "flex items-center gap-2 mb-3 pb-2 border-b border-slate-300", children: _jsx("h3", { className: "text-sm font-semibold text-slate-800 uppercase tracking-wide", children: title }) }));
+    const SubSectionHeader = ({ title }) => (_jsx("div", { className: "bg-slate-100 px-3 py-1.5 mb-2 rounded", children: _jsx("h4", { className: "text-xs font-semibold text-slate-700 uppercase", children: title }) }));
+    return (_jsxs("div", { className: "space-y-5", children: [_jsxs("div", { className: "rounded-lg border border-slate-300 p-4 bg-white", children: [_jsx(SectionHeader, { title: "Document Information" }), _jsxs("div", { className: "grid gap-4 md:grid-cols-3", children: [_jsx(InputField, { field: "entityName", label: "Entity Name", required: true, placeholder: "e.g., State University", className: "md:col-span-2" }), _jsx(InputField, { field: "fundCluster", label: "Fund Cluster", required: true, placeholder: "e.g., NTF" })] }), _jsxs("div", { className: "grid gap-4 md:grid-cols-2 mt-3", children: [_jsx(InputField, { field: "risNo", label: "RIS No.", required: true, placeholder: "e.g., RIS-2026-001" }), _jsx(InputField, { field: "rcCode", label: "Responsibility Center Code", required: true, placeholder: "e.g., RC-001" })] })] }), _jsxs("div", { className: "rounded-lg border border-slate-300 p-4 bg-white", children: [_jsx(SectionHeader, { title: "Requesting Office" }), _jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [_jsx(InputField, { field: "division", label: "Division", required: true, placeholder: "e.g., Academic Affairs" }), _jsx(InputField, { field: "office", label: "Office", required: true, placeholder: "e.g., Office of the Dean" })] })] }), _jsxs("div", { className: "rounded-lg border border-slate-300 p-4 bg-white", children: [_jsx(SectionHeader, { title: "Item Details" }), tableRows.map((row, rowIndex) => (_jsxs("div", { className: "mb-4 last:mb-0 rounded border border-slate-200", children: [_jsxs("div", { className: "flex items-center justify-between bg-slate-50 px-3 py-2 border-b border-slate-200", children: [_jsxs("span", { className: "text-sm font-semibold text-slate-700", children: ["Item #", rowIndex + 1] }), tableRows.length > 1 && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onRemoveRow(rowIndex), className: "h-7 text-rose-600 hover:bg-rose-50 hover:text-rose-700", children: "Remove" }))] }), _jsxs("div", { className: "p-3", children: [_jsx(SubSectionHeader, { title: "Requisition" }), _jsxs("div", { className: "grid gap-3 md:grid-cols-4 mb-3", children: [_jsx(InputField, { field: "stockNo", label: "Stock No.", required: true, placeholder: "e.g., S-001", value: row.stockNo ?? "", onChange: (v) => updateTableRow(rowIndex, "stockNo", v) }), _jsx(InputField, { field: "unit", label: "Unit", required: true, placeholder: "e.g., pcs", value: row.unit ?? "", onChange: (v) => updateTableRow(rowIndex, "unit", v) }), _jsx(InputField, { field: "description", label: "Description", required: true, placeholder: "Item description", value: row.description ?? "", onChange: (v) => updateTableRow(rowIndex, "description", v), className: "md:col-span-2" }), _jsx(InputField, { field: "quantity", label: "Quantity", required: true, placeholder: "e.g., 10", value: row.quantity ?? "", onChange: (v) => updateTableRow(rowIndex, "quantity", v) })] }), _jsx(SubSectionHeader, { title: "Stock Available?" }), _jsxs("div", { className: "grid gap-3 md:grid-cols-2 mb-3", children: [_jsx(InputField, { field: "stockYes", label: "Yes", placeholder: "\u2713", value: row.stockYes ?? "", onChange: (v) => updateTableRow(rowIndex, "stockYes", v) }), _jsx(InputField, { field: "stockNo_", label: "No", placeholder: "\u2713", value: row.stockNo_ ?? "", onChange: (v) => updateTableRow(rowIndex, "stockNo_", v) })] }), _jsx(SubSectionHeader, { title: "Issue" }), _jsxs("div", { className: "grid gap-3 md:grid-cols-2", children: [_jsx(InputField, { field: "issueQuantity", label: "Quantity", required: true, placeholder: "e.g., 5", value: row.issueQuantity ?? "", onChange: (v) => updateTableRow(rowIndex, "issueQuantity", v) }), _jsx(InputField, { field: "remarks", label: "Remarks", type: "textarea", placeholder: "Notes...", value: row.remarks ?? "", onChange: (v) => updateTableRow(rowIndex, "remarks", v) })] })] })] }, rowIndex))), _jsx(Button, { type: "button", variant: "outline", onClick: onAddRow, className: "w-full mt-3 border-dashed border-2 text-slate-600 hover:bg-slate-50 hover:text-slate-800", children: "+ Add Item Row" })] }), _jsxs("div", { className: "rounded-lg border border-slate-300 p-4 bg-white", children: [_jsx(SectionHeader, { title: "Purpose" }), _jsx(InputField, { field: "purpose", label: "Purpose of Requisition", type: "textarea", required: true, placeholder: "Describe the purpose of this requisition..." })] }), _jsxs("div", { className: "rounded-lg border border-slate-300 p-4 bg-white", children: [_jsx(SectionHeader, { title: "Signatories" }), _jsxs("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4", children: [_jsxs("div", { className: "rounded-lg border border-slate-200 p-3 bg-slate-50", children: [_jsx("h4", { className: "text-xs font-semibold text-slate-700 mb-2 uppercase border-b border-slate-200 pb-1", children: "Requested By" }), _jsxs("div", { className: "space-y-2", children: [_jsx(InputField, { field: "requestedBy", label: "Printed Name", required: true }), _jsx(InputField, { field: "requestedByDesig", label: "Designation", required: true }), _jsx(InputField, { field: "requestedByDate", label: "Date", type: "date", required: true })] })] }), _jsxs("div", { className: "rounded-lg border border-slate-200 p-3 bg-slate-50", children: [_jsx("h4", { className: "text-xs font-semibold text-slate-700 mb-2 uppercase border-b border-slate-200 pb-1", children: "Approved By" }), _jsxs("div", { className: "space-y-2", children: [_jsx(InputField, { field: "approvedBy", label: "Printed Name", required: true }), _jsx(InputField, { field: "approvedByDesig", label: "Designation", required: true }), _jsx(InputField, { field: "approvedByDate", label: "Date", type: "date", required: true })] })] }), _jsxs("div", { className: "rounded-lg border border-slate-200 p-3 bg-slate-50", children: [_jsx("h4", { className: "text-xs font-semibold text-slate-700 mb-2 uppercase border-b border-slate-200 pb-1", children: "Issued By" }), _jsxs("div", { className: "space-y-2", children: [_jsx(InputField, { field: "issuedBy", label: "Printed Name", required: true }), _jsx(InputField, { field: "issuedByDesig", label: "Designation", required: true }), _jsx(InputField, { field: "issuedByDate", label: "Date", type: "date", required: true })] })] }), _jsxs("div", { className: "rounded-lg border border-slate-200 p-3 bg-slate-50", children: [_jsx("h4", { className: "text-xs font-semibold text-slate-700 mb-2 uppercase border-b border-slate-200 pb-1", children: "Received By" }), _jsxs("div", { className: "space-y-2", children: [_jsx(InputField, { field: "receivedBy", label: "Printed Name", required: true }), _jsx(InputField, { field: "receivedByDesig", label: "Designation", required: true }), _jsx(InputField, { field: "receivedByDate", label: "Date", type: "date", required: true })] })] })] })] })] }));
+}

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

@@ -0,0 +1,7 @@
+import type { RISFormData, RISRow } from "../types/ris-types.js";
+interface RISPreviewProps {
+    data: RISFormData;
+    tableRows: RISRow[];
+}
+export declare function RISPreview({ data, tableRows }: RISPreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function RISPreview({ data, tableRows }) {
+    return (_jsxs(_Fragment, { children: [_jsx("style", { children: `
+
+        @media print {
+          .no-print { display: none !important; }
+          body { background: white !important; }
+          .print-container { box-shadow: none !important; margin: 0 !important; padding: 0 !important; }
+        }
+        body { font-family: 'EB Garamond', serif; }
+        input, textarea, select { font-family: 'Source Code Pro', monospace; font-size: 11px; }
+      ` }), _jsxs("div", { className: "print-container mx-auto bg-white border border-gray-400 p-6", style: { fontFamily: "'EB Garamond', serif", maxWidth: "210mm" }, children: [_jsx("div", { className: "text-right text-xs italic text-gray-500 mb-1", children: "Appendix 63" }), _jsx("h2", { className: "text-center font-bold text-sm tracking-widest uppercase mb-4", children: "REQUISITION AND ISSUE SLIP" }), _jsxs("div", { className: "flex justify-between mb-1 gap-4", children: [_jsxs("div", { className: "flex-1 flex items-end gap-1 text-xs", children: [_jsx("span", { className: "font-medium whitespace-nowrap", children: "Entity Name :" }), _jsx("span", { className: "border-b border-gray-500 flex-1 min-h-[16px] px-1", children: data.entityName })] }), _jsxs("div", { className: "flex items-end gap-1 text-xs", children: [_jsx("span", { className: "font-medium whitespace-nowrap", children: "Fund Cluster :" }), _jsx("span", { className: "border-b border-gray-500 w-40 min-h-[16px] px-1", children: data.fundCluster })] })] }), _jsxs("div", { className: "flex gap-4 mb-2 text-xs", children: [_jsxs("div", { className: "flex-1 space-y-0.5", children: [_jsxs("div", { className: "flex items-end gap-1", children: [_jsx("span", { className: "font-medium", children: "Division :" }), _jsx("span", { className: "border-b border-gray-500 flex-1 min-h-[16px] px-1", children: data.division })] }), _jsxs("div", { className: "flex items-end gap-1", children: [_jsx("span", { className: "font-medium", children: "Office :" }), _jsx("span", { className: "border-b border-gray-500 flex-1 min-h-[16px] px-1", children: data.office })] })] }), _jsxs("div", { className: "flex-1 space-y-0.5", children: [_jsxs("div", { className: "flex items-end gap-1", children: [_jsx("span", { className: "font-medium whitespace-nowrap", children: "Responsibility Center Code :" }), _jsx("span", { className: "border-b border-gray-500 flex-1 min-h-[16px] px-1", children: data.rcCode })] }), _jsxs("div", { className: "flex items-end gap-1", children: [_jsx("span", { className: "font-medium whitespace-nowrap", children: "RIS No. :" }), _jsx("span", { className: "border-b border-gray-500 flex-1 min-h-[16px] px-1", children: data.risNo })] })] })] }), _jsxs("table", { className: "w-full border-collapse border border-gray-400 text-xs mb-2", children: [_jsxs("thead", { children: [_jsxs("tr", { children: [_jsx("th", { colSpan: 4, className: "border border-gray-400 bg-gray-50 py-1 text-center font-semibold italic", children: "Requisition" }), _jsx("th", { colSpan: 2, className: "border border-gray-400 bg-gray-50 py-1 text-center font-semibold italic", children: "Stock Available?" }), _jsx("th", { colSpan: 2, className: "border border-gray-400 bg-gray-50 py-1 text-center font-semibold italic", children: "Issue" })] }), _jsxs("tr", { className: "bg-gray-50", children: [_jsx("th", { className: "border border-gray-400 py-1 px-1 font-medium text-center w-16", children: "Stock No." }), _jsx("th", { className: "border border-gray-400 py-1 px-1 font-medium text-center w-12", children: "Unit" }), _jsx("th", { className: "border border-gray-400 py-1 px-1 font-medium", children: "Description" }), _jsx("th", { className: "border border-gray-400 py-1 px-1 font-medium text-center w-16", children: "Quantity" }), _jsx("th", { className: "border border-gray-400 py-1 px-1 font-medium text-center w-12", children: "Yes" }), _jsx("th", { className: "border border-gray-400 py-1 px-1 font-medium text-center w-12", children: "No" }), _jsx("th", { className: "border border-gray-400 py-1 px-1 font-medium text-center w-16", children: "Quantity" }), _jsx("th", { className: "border border-gray-400 py-1 px-1 font-medium text-center w-20", children: "Remarks" })] })] }), _jsx("tbody", { children: tableRows.length > 0 ? (tableRows.map((row, index) => (_jsxs("tr", { children: [_jsx("td", { className: "border border-gray-300 py-0.5 px-1 h-7", children: row.stockNo }), _jsx("td", { className: "border border-gray-300 py-0.5 px-1 h-7 text-center", children: row.unit }), _jsx("td", { className: "border border-gray-300 py-0.5 px-1 h-7", children: row.description }), _jsx("td", { className: "border border-gray-300 py-0.5 px-1 h-7 text-center", children: row.quantity }), _jsx("td", { className: "border border-gray-300 py-0.5 px-1 h-7 text-center", children: row.stockYes }), _jsx("td", { className: "border border-gray-300 py-0.5 px-1 h-7 text-center", children: row.stockNo_ }), _jsx("td", { className: "border border-gray-300 py-0.5 px-1 h-7 text-center", children: row.issueQuantity }), _jsx("td", { className: "border border-gray-300 py-0.5 px-1 h-7", children: row.remarks })] }, index)))) : (
+                                // Show 1 empty row when no data
+                                Array.from({ length: 1 }).map((_, index) => (_jsxs("tr", { children: [_jsx("td", { className: "border border-gray-300 py-0.5 px-1 h-7" }), _jsx("td", { className: "border border-gray-300 py-0.5 px-1 h-7" }), _jsx("td", { className: "border border-gray-300 py-0.5 px-1 h-7" }), _jsx("td", { className: "border border-gray-300 py-0.5 px-1 h-7" }), _jsx("td", { className: "border border-gray-300 py-0.5 px-1 h-7" }), _jsx("td", { className: "border border-gray-300 py-0.5 px-1 h-7" }), _jsx("td", { className: "border border-gray-300 py-0.5 px-1 h-7" }), _jsx("td", { className: "border border-gray-300 py-0.5 px-1 h-7" })] }, index)))) })] }), _jsx("div", { className: "mb-4 text-xs", children: _jsxs("div", { className: "flex gap-2 items-start", children: [_jsx("span", { className: "font-medium pt-0.5 whitespace-nowrap", children: "Purpose:" }), _jsx("div", { className: "flex-1 border-t border-b border-gray-400 py-1 min-h-[60px]", children: data.purpose })] }) }), _jsxs("table", { className: "w-full border-collapse border border-gray-400 text-xs", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-gray-50", children: [_jsx("th", { className: "border border-gray-400 py-1 px-1 font-medium text-left w-24", children: "Signature :" }), _jsx("th", { className: "border border-gray-400 py-1 px-1 font-medium text-left", children: "Requested by:" }), _jsx("th", { className: "border border-gray-400 py-1 px-1 font-medium text-left", children: "Approved by:" }), _jsx("th", { className: "border border-gray-400 py-1 px-1 font-medium text-left", children: "Issued by:" }), _jsx("th", { className: "border border-gray-400 py-1 px-1 font-medium text-left", children: "Received by:" })] }) }), _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsx("td", { className: "border border-gray-400 py-1 px-1 font-medium", children: "Printed Name :" }), _jsx("td", { className: "border border-gray-400 py-1 px-1 h-7", children: data.requestedBy }), _jsx("td", { className: "border border-gray-400 py-1 px-1 h-7", children: data.approvedBy }), _jsx("td", { className: "border border-gray-400 py-1 px-1 h-7", children: data.issuedBy }), _jsx("td", { className: "border border-gray-400 py-1 px-1 h-7", children: data.receivedBy })] }), _jsxs("tr", { children: [_jsx("td", { className: "border border-gray-400 py-1 px-1 font-medium", children: "Designation :" }), _jsx("td", { className: "border border-gray-400 py-1 px-1 h-7", children: data.requestedByDesig }), _jsx("td", { className: "border border-gray-400 py-1 px-1 h-7", children: data.approvedByDesig }), _jsx("td", { className: "border border-gray-400 py-1 px-1 h-7", children: data.issuedByDesig }), _jsx("td", { className: "border border-gray-400 py-1 px-1 h-7", children: data.receivedByDesig })] }), _jsxs("tr", { children: [_jsx("td", { className: "border border-gray-400 py-1 px-1 font-medium", children: "Date :" }), _jsx("td", { className: "border border-gray-400 py-1 px-1 h-7", children: data.requestedByDate }), _jsx("td", { className: "border border-gray-400 py-1 px-1 h-7", children: data.approvedByDate }), _jsx("td", { className: "border border-gray-400 py-1 px-1 h-7", children: data.issuedByDate }), _jsx("td", { className: "border border-gray-400 py-1 px-1 h-7", children: data.receivedByDate })] })] })] })] })] }));
+}

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

@@ -0,0 +1,34 @@
+type RlsddpPreviewProps = {
+    entityName?: string;
+    fundCluster?: string;
+    departmentOffice?: string;
+    accountableOfficer?: string;
+    designation?: string;
+    policeNotified?: string;
+    policeStation?: string;
+    policeNotifiedDate?: string;
+    rlsddpNo?: 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;
+};
+export declare 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, }: RlsddpPreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};