@tonzxz/government-forms 0.1.0

package/dist/reports/rsmi/components/rsmi-types.d.ts

@@ -0,0 +1,45 @@
+export type RsmiBasicForm = {
+    rsmiNo: string;
+    entityName: string;
+    fundCluster: string;
+    serialNo: string;
+    reportDate: string;
+    supplyCustodianName: string;
+    accountingStaffName: string;
+    totalIssuedQty: string;
+    totalIssuedValue: string;
+};
+export type RsmiLine = {
+    id: string;
+    risNo: string;
+    responsibilityCenterCode: string;
+    stockNo: string;
+    item: string;
+    unit: string;
+    quantityIssued: string;
+    unitCost: string;
+    amount: string;
+    recapitulationId?: string;
+};
+export type RsmiRecapLine = {
+    id: string;
+    stockNo: string;
+    quantity: string;
+    uacsCode: string;
+    unitCost: string;
+    totalCost: string;
+    lineId?: string;
+};
+export type RsmiStatus = "Draft" | "Submitted" | "Approved" | "Posted" | "Cancelled";
+export type RsmiRecord = RsmiBasicForm & {
+    id: string;
+    backendId?: number;
+    lines: RsmiLine[];
+    recapitulation: RsmiRecapLine[];
+    status: RsmiStatus;
+    createdAt: string;
+    supplyCustodian?: string;
+    designatedAccountingStaff?: string;
+};
+export type RsmiRecapLineDraft = Omit<RsmiRecapLine, "id">;
+export type RsmiLineDraft = Omit<RsmiLine, "id">;

package/dist/reports/rsmi/components/rsmi-types.js

@@ -0,0 +1 @@
+export {};

package/dist/reports/rsmi/components/rsmi-utils.d.ts

@@ -0,0 +1,2 @@
+export declare function formatCurrency(value: string | number): string;
+export declare function formatDate(date: string | Date): string;

package/dist/reports/rsmi/components/rsmi-utils.js

@@ -0,0 +1,18 @@
+export function formatCurrency(value) {
+    const amount = typeof value === "string" ? parseFloat(value) : value;
+    if (isNaN(amount))
+        return "₱0.00";
+    return new Intl.NumberFormat("en-PH", {
+        style: "currency",
+        currency: "PHP",
+    }).format(amount);
+}
+export function formatDate(date) {
+    if (!date)
+        return "-";
+    return new Date(date).toLocaleDateString("en-PH", {
+        year: "numeric",
+        month: "2-digit",
+        day: "2-digit",
+    });
+}

package/dist/reports/rsmp/components/rsmp-create-modal.d.ts

@@ -0,0 +1,5 @@
+import type { RsmpForm } from "./rsmp-types.js";
+export declare function RsmpCreateForm({ form, setForm }: {
+    form: RsmpForm;
+    setForm: (form: RsmpForm) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/reports/rsmp/components/rsmp-create-modal.js

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DateInput } from "../../../internal/components/ui/date-input.js";
+export function RsmpCreateForm({ form, setForm }) {
+    const setField = (field, value) => setForm({ ...form, [field]: value });
+    return (_jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [_jsxs("label", { className: "space-y-1 text-sm", children: [_jsx("span", { className: "font-medium text-slate-700", children: "RSMP No." }), _jsx("input", { value: form.rsmpNo, onChange: event => setField("rsmpNo", event.target.value), className: "h-9 w-full rounded-md border px-3 text-sm" })] }), _jsxs("label", { className: "space-y-1 text-sm", children: [_jsx("span", { className: "font-medium text-slate-700", children: "For the Month of" }), _jsx("input", { type: "month", value: form.reportMonth, onChange: event => setField("reportMonth", event.target.value), className: "h-9 w-full rounded-md border px-3 text-sm" })] }), _jsxs("label", { className: "space-y-1 text-sm", children: [_jsx("span", { className: "font-medium text-slate-700", children: "Report Date" }), _jsx(DateInput, { type: "date", value: form.reportDate, onChange: event => setField("reportDate", event.target.value), className: "h-9 w-full rounded-md border px-3 text-sm" })] }), _jsxs("label", { className: "space-y-1 text-sm md:col-span-2", children: [_jsx("span", { className: "font-medium text-slate-700", children: "Supplier" }), _jsx("input", { value: form.supplier, onChange: event => setField("supplier", event.target.value), className: "h-9 w-full rounded-md border px-3 text-sm" })] }), _jsxs("label", { className: "space-y-1 text-sm", children: [_jsx("span", { className: "font-medium text-slate-700", children: "P.O. No." }), _jsx("input", { value: form.poNo, onChange: event => setField("poNo", event.target.value), className: "h-9 w-full rounded-md border px-3 text-sm" })] }), _jsxs("label", { className: "space-y-1 text-sm", children: [_jsx("span", { className: "font-medium text-slate-700", children: "P.O. Date" }), _jsx(DateInput, { type: "date", value: form.poDate, onChange: event => setField("poDate", event.target.value), className: "h-9 w-full rounded-md border px-3 text-sm" })] }), _jsxs("label", { className: "space-y-1 text-sm", children: [_jsx("span", { className: "font-medium text-slate-700", children: "Invoice No." }), _jsx("input", { value: form.invoiceNo, onChange: event => setField("invoiceNo", event.target.value), className: "h-9 w-full rounded-md border px-3 text-sm" })] }), _jsxs("label", { className: "space-y-1 text-sm", children: [_jsx("span", { className: "font-medium text-slate-700", children: "Invoice Date" }), _jsx(DateInput, { type: "date", value: form.invoiceDate, onChange: event => setField("invoiceDate", event.target.value), className: "h-9 w-full rounded-md border px-3 text-sm" })] }), _jsxs("label", { className: "space-y-1 text-sm", children: [_jsx("span", { className: "font-medium text-slate-700", children: "Item Code" }), _jsx("input", { value: form.itemCode, onChange: event => setField("itemCode", event.target.value), className: "h-9 w-full rounded-md border px-3 text-sm" })] }), _jsxs("label", { className: "space-y-1 text-sm", children: [_jsx("span", { className: "font-medium text-slate-700", children: "Unit" }), _jsx("input", { value: form.unitOfMeasurement, onChange: event => setField("unitOfMeasurement", event.target.value), className: "h-9 w-full rounded-md border px-3 text-sm" })] }), _jsxs("label", { className: "space-y-1 text-sm md:col-span-2", children: [_jsx("span", { className: "font-medium text-slate-700", children: "Item Name" }), _jsx("input", { value: form.itemName, onChange: event => setField("itemName", event.target.value), className: "h-9 w-full rounded-md border px-3 text-sm" })] }), _jsxs("label", { className: "space-y-1 text-sm", children: [_jsx("span", { className: "font-medium text-slate-700", children: "Quantity Purchased" }), _jsx("input", { type: "number", min: "0", step: "0.01", value: form.quantityPurchased, onChange: event => setField("quantityPurchased", event.target.value), className: "h-9 w-full rounded-md border px-3 text-sm" })] }), _jsxs("label", { className: "space-y-1 text-sm", children: [_jsx("span", { className: "font-medium text-slate-700", children: "Unit Cost" }), _jsx("input", { type: "number", min: "0", step: "0.01", value: form.unitCost, onChange: event => setField("unitCost", event.target.value), className: "h-9 w-full rounded-md border px-3 text-sm" })] }), _jsxs("label", { className: "space-y-1 text-sm", children: [_jsx("span", { className: "font-medium text-slate-700", children: "Reference Document" }), _jsx("input", { value: form.referenceDoc, onChange: event => setField("referenceDoc", event.target.value), className: "h-9 w-full rounded-md border px-3 text-sm" })] }), _jsxs("label", { className: "space-y-1 text-sm", children: [_jsx("span", { className: "font-medium text-slate-700", children: "Status" }), _jsxs("select", { value: form.status, onChange: event => setField("status", event.target.value), className: "h-9 w-full rounded-md border px-3 text-sm", children: [_jsx("option", { value: "Draft", children: "Draft" }), _jsx("option", { value: "Submitted", children: "Submitted" }), _jsx("option", { value: "Approved", children: "Approved" }), _jsx("option", { value: "Cancelled", children: "Cancelled" })] })] }), _jsxs("label", { className: "space-y-1 text-sm", children: [_jsx("span", { className: "font-medium text-slate-700", children: "Prepared By" }), _jsx("input", { value: form.preparedBy, onChange: event => setField("preparedBy", event.target.value), className: "h-9 w-full rounded-md border px-3 text-sm" })] }), _jsxs("label", { className: "space-y-1 text-sm", children: [_jsx("span", { className: "font-medium text-slate-700", children: "Noted By" }), _jsx("input", { value: form.notedBy, onChange: event => setField("notedBy", event.target.value), className: "h-9 w-full rounded-md border px-3 text-sm" })] })] }));
+}

package/dist/reports/rsmp/components/rsmp-preview-modal.d.ts

@@ -0,0 +1,11 @@
+import type { RsmpReport } from "../lib/rsmp-grouping.js";
+import type { RsmpRecord } from "./rsmp-types.js";
+type RsmpDocumentPreviewProps = {
+    report: RsmpReport;
+    record?: never;
+} | {
+    report?: never;
+    record: RsmpRecord;
+};
+export declare function RsmpDocumentPreview(props: RsmpDocumentPreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/reports/rsmp/components/rsmp-preview-modal.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatQuantity } from "./rsmp-utils.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 formatReportMonth(value, fallbackDate) {
+    const source = value || fallbackDate.slice(0, 7);
+    const parsed = new Date(`${source}-01T00:00:00`);
+    if (Number.isNaN(parsed.getTime()))
+        return source;
+    return parsed.toLocaleDateString("en-PH", { month: "long", year: "numeric" });
+}
+function formatMoneyPlain(value) {
+    const numeric = Number(value);
+    if (!Number.isFinite(numeric))
+        return "-";
+    return numeric.toLocaleString("en-PH", {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2,
+    });
+}
+export function RsmpDocumentPreview(props) {
+    const report = props.report ??
+        {
+            id: props.record.id,
+            rsmpNo: props.record.rsmpNo.replace(/^AUTO-/i, ""),
+            sourceReference: props.record.referenceDoc,
+            reportMonth: props.record.reportMonth,
+            reportDate: props.record.reportDate,
+            preparedBy: props.record.preparedBy,
+            notedBy: props.record.notedBy,
+            status: props.record.status,
+            totalCost: props.record.totalCost,
+            items: [props.record],
+        };
+    const rows = [
+        ...report.items,
+        ...Array.from({ length: Math.max(0, 27 - report.items.length) }, () => null),
+    ];
+    return (_jsx("div", { "data-pdf-page": true, "data-pdf-orientation": "portrait", className: "w-[760px] bg-white p-[34px] [font-family:'Times_New_Roman',Times,serif] text-black shadow-sm", children: _jsxs("div", { className: "min-h-[900px] border-[2px] border-black pb-5 text-[10px] leading-[1.15]", children: [_jsxs("div", { className: "relative h-[164px] border-b-[2px] border-black text-center", children: [_jsx("img", { src: "/bcs.png", alt: "", className: "absolute top-[54px] left-[108px] size-16 object-contain" }), _jsxs("div", { className: "pt-5 leading-[1.15] font-bold", children: [_jsx("p", { className: "text-[15px]", children: "BUREAU OF COMMUNICATIONS SERVICES" }), _jsx("p", { children: "Malaca\u00F1ang, Manila" }), _jsx("p", { className: "mt-4 text-[13px]", children: "FINANCE AND ADMINISTRATIVE DIVISION" }), _jsx("p", { className: "text-[13px]", children: "PROPERTY & SUPPLY SECTION" }), _jsx("p", { className: "mt-4 text-[13px]", children: "REPORT OF SUPPLIES AND MATERIALS PURCHASED" }), _jsxs("p", { children: ["For the Month of", " ", _jsx("span", { className: "inline-block min-w-28 border-b border-black px-2 pb-1 leading-none", children: formatReportMonth(report.reportMonth, report.reportDate) })] })] })] }), _jsxs("table", { className: "w-full table-fixed border-collapse text-[10px]", children: [_jsxs("colgroup", { children: [_jsx("col", { className: "w-[15%]" }), _jsx("col", { className: "w-[17.2%]" }), _jsx("col", { className: "w-[9.8%]" }), _jsx("col", { className: "w-[7.5%]" }), _jsx("col", { className: "w-[6.5%]" }), _jsx("col", { className: "w-[7.8%]" }), _jsx("col", { className: "w-[4%]" }), _jsx("col", { className: "w-[4.6%]" }), _jsx("col", { className: "w-[8%]" }), _jsx("col", { className: "w-[9%]" }), _jsx("col", { className: "w-[10.6%]" })] }), _jsx("thead", { children: _jsxs("tr", { className: "h-[34px] border-b-[2px] border-black text-center leading-[1.1] font-bold", children: [_jsx("th", { className: "border-r border-black px-0.5 align-middle", children: "SUPPLIER" }), _jsx("th", { className: "border-r border-black px-0.5 align-middle", children: "ITEMS" }), _jsx("th", { className: "border-r border-black px-0.5 align-middle", children: "P.O. NO." }), _jsx("th", { className: "border-r border-black px-0.5 align-middle", children: "DATE" }), _jsx("th", { className: "border-r border-black px-0.5 align-middle", children: "INV. NO." }), _jsx("th", { className: "border-r border-black px-0.5 align-middle", children: "DATE" }), _jsx("th", { className: "border-r border-black px-0.5 align-middle", children: "QTY" }), _jsx("th", { className: "border-r border-black px-0.5 align-middle", children: "UNIT" }), _jsx("th", { className: "border-r border-black px-0.5 align-middle", children: "UNIT PRICE" }), _jsx("th", { className: "border-r border-black px-0.5 align-middle", children: "AMOUNT" }), _jsx("th", { className: "px-0.5 align-middle", children: "TOTAL" })] }) }), _jsx("tbody", { children: rows.map((row, index) => (_jsxs("tr", { className: "h-[18px] border-b border-black text-[9px] leading-none", children: [_jsx("td", { className: "border-r border-black px-1 align-middle", children: row?.supplier ?? "" }), _jsx("td", { className: "border-r border-black px-1 align-middle", children: row?.itemName ?? "" }), _jsx("td", { className: "border-r border-black px-1 text-center align-middle", children: row?.poNo ?? "" }), _jsx("td", { className: "border-r border-black px-1 text-center align-middle", children: row ? formatTemplateDate(row.poDate) : "" }), _jsx("td", { className: "border-r border-black px-1 text-center align-middle", children: row?.invoiceNo ?? "" }), _jsx("td", { className: "border-r border-black px-1 text-center align-middle", children: row ? formatTemplateDate(row.invoiceDate) : "" }), _jsx("td", { className: "border-r border-black px-1 text-center align-middle", children: row ? formatQuantity(row.quantityPurchased) : "" }), _jsx("td", { className: "border-r border-black px-1 text-center align-middle", children: row?.unitOfMeasurement ?? "" }), _jsx("td", { className: "border-r border-black px-1 text-right align-middle", children: row ? formatMoneyPlain(row.unitCost) : "" }), _jsx("td", { className: "border-r border-black px-1 text-right align-middle", children: row ? formatMoneyPlain(row.totalCost) : "" }), _jsx("td", { className: "px-1 text-right align-middle", children: row ? formatMoneyPlain(row.totalCost) : "-" })] }, row ? String(row.backendId) : `blank-${index}`))) }), _jsx("tfoot", { children: _jsxs("tr", { className: "h-[25px] border-t-[2px] border-b-[2px] border-black align-middle font-bold", children: [_jsx("td", { colSpan: 9, className: "px-1 align-middle text-[12px]", children: "TOTAL PURCHASES FOR THE MONTH OF" }), _jsx("td", { className: "px-1 text-center align-middle", children: "P" }), _jsx("td", { className: "px-1 text-right align-middle", children: formatMoneyPlain(report.totalCost) })] }) })] }), _jsxs("div", { className: "grid grid-cols-2 px-28 pt-5 text-center text-[13px]", children: [_jsxs("div", { children: [_jsx("p", { children: "Prepared by:" }), _jsx("div", { className: "h-10" }), _jsx("p", { children: report.preparedBy || "Supply Clerk" })] }), _jsxs("div", { children: [_jsx("p", { children: "Noted by:" }), _jsx("div", { className: "h-10" }), _jsx("p", { children: report.notedBy || "Property & Supply Section Chief" })] })] }), _jsxs("div", { className: "mt-5 flex justify-between px-1 text-[12px]", children: [_jsxs("div", { children: [_jsx("p", { children: "F-FAS-16" }), _jsx("p", { children: "Rev. 0 (03-16-23)" })] }), _jsx("p", { className: "self-end", children: "Page 1 of 1" })] })] }) }));
+}

package/dist/reports/rsmp/components/rsmp-types.d.ts

@@ -0,0 +1,44 @@
+export type RsmpStatus = "Draft" | "Submitted" | "Approved" | "Cancelled";
+export type RsmpRecord = {
+    id: string;
+    backendId: number;
+    rsmpNo: string;
+    supplier: string;
+    itemCode: string;
+    itemName: string;
+    poNo: string;
+    poDate: string;
+    invoiceNo: string;
+    invoiceDate: string;
+    unitOfMeasurement: string;
+    quantityPurchased: string;
+    unitCost: string;
+    totalCost: string;
+    referenceDoc: string;
+    reportMonth: string;
+    reportDate: string;
+    preparedBy: string;
+    notedBy: string;
+    status: RsmpStatus;
+    createdAt: string;
+    updatedAt: string;
+};
+export type RsmpForm = {
+    rsmpNo: string;
+    supplier: string;
+    itemCode: string;
+    itemName: string;
+    poNo: string;
+    poDate: string;
+    invoiceNo: string;
+    invoiceDate: string;
+    unitOfMeasurement: string;
+    quantityPurchased: string;
+    unitCost: string;
+    referenceDoc: string;
+    reportMonth: string;
+    reportDate: string;
+    preparedBy: string;
+    notedBy: string;
+    status: RsmpStatus;
+};

package/dist/reports/rsmp/components/rsmp-types.js

@@ -0,0 +1 @@
+export {};

package/dist/reports/rsmp/components/rsmp-utils.d.ts

@@ -0,0 +1,5 @@
+export declare function formatDate(value: string): string;
+export declare function formatQuantity(value: string): string;
+export declare function formatCurrency(value: string): string;
+export declare function todayInputDate(): string;
+export declare function toAmount(value: string): string;

package/dist/reports/rsmp/components/rsmp-utils.js

@@ -0,0 +1,41 @@
+export function formatDate(value) {
+    if (!value)
+        return "-";
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime()))
+        return value;
+    return date.toLocaleDateString("en-PH", {
+        year: "numeric",
+        month: "short",
+        day: "2-digit",
+    });
+}
+export function formatQuantity(value) {
+    const numeric = Number(value);
+    if (!Number.isFinite(numeric))
+        return "0.00";
+    return numeric.toLocaleString("en-PH", {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2,
+    });
+}
+export function formatCurrency(value) {
+    const numeric = Number(value);
+    if (!Number.isFinite(numeric))
+        return "PHP 0.00";
+    return numeric.toLocaleString("en-PH", {
+        style: "currency",
+        currency: "PHP",
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2,
+    });
+}
+export function todayInputDate() {
+    return new Date().toISOString().slice(0, 10);
+}
+export function toAmount(value) {
+    const numeric = Number(value);
+    if (!Number.isFinite(numeric) || numeric <= 0)
+        return "0.00";
+    return numeric.toFixed(2);
+}

package/dist/reports/rsmp/lib/rsmp-grouping.d.ts

@@ -0,0 +1,14 @@
+import type { RsmpRecord } from "../components/rsmp-types.js";
+export type RsmpReport = {
+    id: string;
+    rsmpNo: string;
+    sourceReference: string;
+    reportMonth: string;
+    reportDate: string;
+    preparedBy: string;
+    notedBy: string;
+    status: RsmpRecord["status"];
+    totalCost: string;
+    items: RsmpRecord[];
+};
+export declare function groupRsmpLines(lines: RsmpRecord[]): RsmpReport[];

package/dist/reports/rsmp/lib/rsmp-grouping.js

@@ -0,0 +1,75 @@
+function reportPeriod(line) {
+    if (/^\d{4}-\d{2}$/.test(line.reportMonth))
+        return line.reportMonth;
+    for (const value of [line.reportDate, line.createdAt]) {
+        const match = value.match(/^(\d{4})-(\d{2})/);
+        if (match)
+            return `${match[1]}-${match[2]}`;
+    }
+    return "Unknown";
+}
+function iarIdentity(line) {
+    const sources = [line.referenceDoc, line.rsmpNo];
+    for (const source of sources) {
+        const match = source.toUpperCase().match(/(?:^|-)IAR-(\d{4})-(\d+)/);
+        if (match) {
+            return {
+                key: `IAR-${match[1]}-${match[2]}`,
+                year: match[1],
+                sequence: match[2],
+            };
+        }
+    }
+    return null;
+}
+function withoutAutoPrefix(value) {
+    return value.replace(/^AUTO-/i, "");
+}
+function reportStatus(items) {
+    const priority = ["Cancelled", "Draft", "Submitted", "Approved"];
+    return priority.find(status => items.some(item => item.status === status)) ?? "Draft";
+}
+function toTimestamp(value) {
+    const timestamp = new Date(value).getTime();
+    return Number.isFinite(timestamp) ? timestamp : 0;
+}
+export function groupRsmpLines(lines) {
+    const groups = new Map();
+    for (const line of lines) {
+        const period = reportPeriod(line);
+        const iar = iarIdentity(line);
+        const key = iar ? `${period}:${iar.key}` : `${period}:ROW:${line.backendId}`;
+        const items = groups.get(key) ?? [];
+        items.push(line);
+        groups.set(key, items);
+    }
+    return Array.from(groups.entries())
+        .map(([id, items]) => {
+        const latest = [...items].sort((a, b) => toTimestamp(b.reportDate || b.createdAt) - toTimestamp(a.reportDate || a.createdAt))[0];
+        const period = reportPeriod(latest);
+        const iar = iarIdentity(latest);
+        const [periodYear = "", periodMonth = ""] = period.split("-");
+        const rsmpNo = iar
+            ? `RSMP-${iar.year || periodYear}-${periodMonth}-${iar.sequence.padStart(4, "0")}`
+            : withoutAutoPrefix(latest.rsmpNo);
+        const total = items.reduce((sum, item) => sum + (Number(item.totalCost) || 0), 0);
+        return {
+            id,
+            rsmpNo,
+            sourceReference: iar?.key ?? latest.referenceDoc,
+            reportMonth: period,
+            reportDate: latest.reportDate,
+            preparedBy: latest.preparedBy,
+            notedBy: latest.notedBy,
+            status: reportStatus(items),
+            totalCost: total.toFixed(2),
+            items: [...items].sort((a, b) => a.itemName.localeCompare(b.itemName)),
+        };
+    })
+        .sort((a, b) => {
+        const dateDifference = toTimestamp(b.reportDate) - toTimestamp(a.reportDate);
+        if (dateDifference !== 0)
+            return dateDifference;
+        return b.rsmpNo.localeCompare(a.rsmpNo);
+    });
+}

package/dist/reports/stock-card/_components/create-form.d.ts

@@ -0,0 +1,13 @@
+import type { ScEntry, ScFormData } from "../types.js";
+type CreateFormProps = {
+    activeTab: string;
+    onActiveTabChange: (tab: string) => void;
+    scNo: string;
+    formData: ScFormData;
+    onFormFieldChange: (field: keyof ScFormData, value: string) => void;
+    onEntryFieldChange: (index: number, field: keyof ScEntry, value: string) => void;
+    onAddEntry: () => void;
+    onRemoveEntry: (index: number) => void;
+};
+export declare function StockCardCreateForm({ activeTab, onActiveTabChange, scNo, formData, onFormFieldChange, onEntryFieldChange, onAddEntry, onRemoveEntry, }: CreateFormProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/reports/stock-card/_components/create-form.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ConfigurableFormLayout, } from "../../../internal/components/configurable-form-layout.js";
+import { Button } from "../../../internal/components/ui/button.js";
+import { DateInput } from "../../../internal/components/ui/date-input.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../../internal/components/ui/tabs.js";
+export function StockCardCreateForm({ activeTab, onActiveTabChange, scNo, formData, onFormFieldChange, onEntryFieldChange, onAddEntry, onRemoveEntry, }) {
+    const inputCls = "w-full rounded-md border px-3 py-2 text-sm dark:border-slate-700 dark:bg-slate-900 dark:text-slate-100";
+    const readonlyCls = "w-full rounded-md border bg-gray-50 px-3 py-2 text-sm text-gray-500 dark:border-slate-700 dark:bg-slate-800/60 dark:text-slate-400";
+    const fields = [
+        {
+            id: "itemCode",
+            label: "Item Code",
+            render: () => (_jsx("input", { value: formData.itemCode, onChange: e => onFormFieldChange("itemCode", e.target.value), placeholder: "Stock/Property No.", className: inputCls, required: true })),
+        },
+        {
+            id: "scNo",
+            label: "Stock Card No.",
+            render: () => _jsx("input", { value: scNo, readOnly: true, className: readonlyCls }),
+        },
+        {
+            id: "itemName",
+            label: "Description",
+            render: () => (_jsx("input", { value: formData.itemName, onChange: e => onFormFieldChange("itemName", e.target.value), placeholder: "Item name or description", className: inputCls, required: true })),
+        },
+        {
+            id: "reorderPoint",
+            label: "Re-order Point",
+            render: () => (_jsx("input", { value: formData.reorderPoint, onChange: e => onFormFieldChange("reorderPoint", e.target.value), placeholder: "Re-order point", className: inputCls })),
+        },
+        {
+            id: "unitOfMeasurement",
+            label: "Unit of Measurement",
+            fullWidth: true,
+            render: () => (_jsx("input", { value: formData.unitOfMeasurement, onChange: e => onFormFieldChange("unitOfMeasurement", e.target.value), placeholder: "e.g. pcs, box, ream", className: inputCls })),
+        },
+    ];
+    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: "entries", children: "Entries" })] }), _jsx(TabsContent, { value: "basic", className: "mt-4", children: _jsx(ConfigurableFormLayout, { formKey: "stock-card-basic-info", fields: fields, header: _jsx("div", { className: "rounded-md border border-indigo-200 bg-indigo-50 p-4 dark:border-indigo-800 dark:bg-indigo-950/30", children: _jsx("div", { className: "flex items-center justify-between", children: _jsxs("div", { children: [_jsx("p", { className: "text-muted-foreground text-xs font-medium", children: "Auto-Generated Stock Card No." }), _jsx("p", { className: "text-3xl font-semibold text-slate-700 dark:text-slate-300", children: scNo })] }) }) }) }) }), _jsxs(TabsContent, { value: "entries", className: "mt-4 space-y-3", children: [_jsx("div", { className: "overflow-x-auto rounded-md border dark:border-slate-700", children: _jsxs("table", { className: "min-w-full border-collapse text-xs", children: [_jsx("thead", { className: "bg-gray-50 dark:bg-slate-800", children: _jsxs("tr", { children: [_jsx("th", { className: "border p-2 text-left dark:border-slate-700", children: "Date" }), _jsx("th", { className: "border p-2 text-left dark:border-slate-700", children: "Reference" }), _jsx("th", { className: "border p-2 text-right dark:border-slate-700", children: "Receipt Qty" }), _jsx("th", { className: "border p-2 text-right dark:border-slate-700", children: "Issue Qty" }), _jsx("th", { className: "border p-2 text-left dark:border-slate-700", children: "Office/Officer" }), _jsx("th", { className: "border p-2 text-right dark:border-slate-700", children: "Balance Qty" }), _jsx("th", { className: "border p-2 text-left dark:border-slate-700", children: "No. of Days to Consume" }), _jsx("th", { className: "border p-2 text-left dark:border-slate-700", children: "Action" })] }) }), _jsx("tbody", { children: formData.entries.map((entry, index) => (_jsxs("tr", { children: [_jsx("td", { className: "border p-1.5 dark:border-slate-700", children: _jsx(DateInput, { type: "date", value: entry.transactionDate, onChange: e => onEntryFieldChange(index, "transactionDate", e.target.value), className: "w-full rounded border px-2 py-1 text-xs dark:border-slate-600 dark:bg-slate-900 dark:text-slate-100" }) }), _jsx("td", { className: "border p-1.5 dark:border-slate-700", children: _jsx("input", { value: entry.referenceDoc, onChange: e => onEntryFieldChange(index, "referenceDoc", e.target.value), placeholder: "e.g. PR-2026-06(0001)", className: "w-full rounded border px-2 py-1 text-xs dark:border-slate-600 dark:bg-slate-900 dark:text-slate-100" }) }), _jsx("td", { className: "border p-1.5 dark:border-slate-700", children: _jsx("input", { type: "number", min: 0, step: "0.01", value: entry.receiptQty, onChange: e => onEntryFieldChange(index, "receiptQty", e.target.value), className: "w-full rounded border px-2 py-1 text-right text-xs dark:border-slate-600 dark:bg-slate-900 dark:text-slate-100" }) }), _jsx("td", { className: "border p-1.5 dark:border-slate-700", children: _jsx("input", { type: "number", min: 0, step: "0.01", value: entry.issueQty, onChange: e => onEntryFieldChange(index, "issueQty", e.target.value), className: "w-full rounded border px-2 py-1 text-right text-xs dark:border-slate-600 dark:bg-slate-900 dark:text-slate-100" }) }), _jsx("td", { className: "border p-1.5 dark:border-slate-700", children: _jsx("input", { value: entry.office, onChange: e => onEntryFieldChange(index, "office", e.target.value), placeholder: "Office/Officer receiving item", className: "w-full rounded border px-2 py-1 text-xs dark:border-slate-600 dark:bg-slate-900 dark:text-slate-100" }) }), _jsx("td", { className: "border p-1.5 dark:border-slate-700", children: _jsx("input", { type: "number", step: "0.01", value: entry.balanceQty, onChange: e => onEntryFieldChange(index, "balanceQty", e.target.value), className: "w-full rounded border px-2 py-1 text-right text-xs dark:border-slate-600 dark:bg-slate-900 dark:text-slate-100" }) }), _jsx("td", { className: "border p-1.5 dark:border-slate-700", children: _jsx("input", { type: "number", min: 0, value: entry.daysToConsume, onChange: e => onEntryFieldChange(index, "daysToConsume", e.target.value), className: "w-full rounded border px-2 py-1 text-right text-xs dark:border-slate-600 dark:bg-slate-900 dark:text-slate-100" }) }), _jsx("td", { className: "border p-1.5 dark:border-slate-700", children: _jsx("button", { type: "button", onClick: () => onRemoveEntry(index), className: "rounded border px-2 py-1 text-xs text-red-600 hover:bg-red-50 disabled:opacity-30 dark:border-slate-600 dark:text-red-400 dark:hover:bg-red-950/30", disabled: formData.entries.length <= 1, children: "Remove" }) })] }, index))) })] }) }), _jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onAddEntry, children: "+ Add Entry Row" })] })] }));
+}

package/dist/reports/stock-card/_components/document-preview.d.ts

@@ -0,0 +1,7 @@
+import type { ScRecord } from "../types.js";
+type DocumentPreviewProps = {
+    entityName?: string;
+    record: ScRecord;
+};
+export declare function ScDocumentPreview({ record, entityName }: DocumentPreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/reports/stock-card/_components/document-preview.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { formatQty, formatStockCardEntryDate, STOCK_CARD_ROWS_PER_PAGE } from "../utils.js";
+const ROWS_PER_PAGE = STOCK_CARD_ROWS_PER_PAGE;
+function ScPage({ header, entries, startBalance, totalRows, pageIndex, }) {
+    const fillRows = totalRows - entries.length;
+    return (_jsx("div", { "data-pdf-page": "true", "data-pdf-orientation": "portrait", "data-pdf-fit-one-page": "true", className: "mx-auto min-h-280.75 w-198.5 border border-black bg-[#fbf7e9] font-serif text-[10px] text-black", children: _jsxs("div", { className: "px-1 py-1", children: [header, _jsxs("table", { className: "mt-0 w-full border-collapse", children: [_jsxs("thead", { children: [_jsxs("tr", { className: "h-6 text-center leading-tight font-bold", children: [_jsx("th", { rowSpan: 2, className: "border border-black px-1 py-0.5 align-middle", children: "Date" }), _jsx("th", { rowSpan: 2, className: "border border-black px-1 py-0.5 align-middle", children: "Ref." }), _jsx("th", { className: "border border-black px-1 py-0.5 align-middle", children: "Receipt" }), _jsx("th", { colSpan: 2, className: "border border-black px-1 py-0.5 align-middle", children: "Issuance" }), _jsx("th", { className: "border border-black px-1 py-0.5 align-middle", children: "Balance" }), _jsx("th", { rowSpan: 2, className: "border border-black px-1 py-0.5 align-middle", children: "No. of Days to Consume" })] }), _jsxs("tr", { className: "h-6 text-center leading-tight font-bold", children: [_jsx("th", { className: "border border-black px-1 py-0.5 align-middle", children: "Quantity" }), _jsx("th", { className: "border border-black px-1 py-0.5 align-middle", children: "Quantity" }), _jsx("th", { className: "border border-black px-1 py-0.5 align-middle", children: "Office/Officer" }), _jsx("th", { className: "border border-black px-1 py-0.5 align-middle", children: "Quantity" })] })] }), _jsxs("tbody", { children: [entries.map((entry, index) => {
+                                    const runningBalance = entries
+                                        .slice(0, index + 1)
+                                        .reduce((balance, current) => balance + (Number(current.receiptQty) || 0) - (Number(current.issueQty) || 0), startBalance);
+                                    return (_jsxs("tr", { className: "h-5 align-top", children: [_jsx("td", { className: "border-x border-b border-black px-1 py-0.5 text-center align-middle", children: entry.transactionDate ? formatStockCardEntryDate(entry.transactionDate) : "" }), _jsx("td", { className: "border-x border-b border-black px-1 py-0.5 align-middle", children: entry.referenceDoc || "" }), _jsx("td", { className: "border-x border-b border-black px-1 py-0.5 text-right align-middle", children: formatQty(entry.receiptQty) }), _jsx("td", { className: "border-x border-b border-black px-1 py-0.5 text-right align-middle", children: formatQty(entry.issueQty) }), _jsx("td", { className: "border-x border-b border-black px-1 py-0.5 align-middle", children: entry.office || "" }), _jsx("td", { className: "border-x border-b border-black px-1 py-0.5 text-right align-middle", children: formatQty(runningBalance) }), _jsx("td", { className: "border-x border-b border-black px-1 py-0.5 text-center align-middle", children: entry.daysToConsume || "" })] }, index));
+                                }), Array.from({ length: fillRows }).map((_, i) => (_jsxs("tr", { className: "h-5 align-top", children: [_jsx("td", { className: "border-x border-b border-black px-2" }), _jsx("td", { className: "border-x border-b border-black px-2" }), _jsx("td", { className: "border-x border-b border-black px-2" }), _jsx("td", { className: "border-x border-b border-black px-2" }), _jsx("td", { className: "border-x border-b border-black px-2" }), _jsx("td", { className: "border-x border-b border-black px-2" }), _jsx("td", { className: "border-x border-b border-black px-2" })] }, `blank-${i}`)))] })] }), pageIndex > 0 && (_jsx("p", { className: "mt-2 text-right text-[9px] text-black", children: "... continued from previous page" }))] }) }));
+}
+export function ScDocumentPreview({ record, entityName = "" }) {
+    const sorted = [...record.entries].sort((a, b) => new Date(a.transactionDate).getTime() - new Date(b.transactionDate).getTime());
+    const header = (_jsxs(_Fragment, { children: [_jsx("h4", { className: "mt-2 text-center text-[30px] leading-none font-bold", children: "STOCK CARD" }), _jsx("h3", { className: "text-center text-[24px] leading-none font-bold uppercase", children: entityName }), _jsx("p", { className: "mt-1 mb-2 min-h-5 text-center text-[16px] leading-5 font-bold", children: "Agency" }), _jsx("table", { className: "w-full border-collapse", children: _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsxs("td", { className: "border border-black px-1 py-1 text-[10px]", children: [_jsx("span", { className: "font-bold", children: "Item: " }), record.itemCode] }), _jsxs("td", { className: "border border-black px-1 py-1 text-[10px]", children: [_jsx("span", { className: "font-bold", children: "Description: " }), record.itemName] }), _jsxs("td", { className: "border border-black px-1 py-1 text-[10px]", children: [_jsx("span", { className: "font-bold", children: "Stock No: " }), record.stockCardNo] })] }), _jsxs("tr", { children: [_jsx("td", { className: "border border-black px-1 py-1 text-[10px]" }), _jsx("td", { className: "border border-black px-1 py-1 text-[10px]" }), _jsxs("td", { className: "border border-black px-1 py-1 text-[10px]", children: [_jsx("span", { className: "font-bold", children: "Re-order Point: " }), record.reorderPoint] })] })] }) })] }));
+    const pages = [];
+    for (let i = 0; i < sorted.length; i += ROWS_PER_PAGE) {
+        const chunk = sorted.slice(i, i + ROWS_PER_PAGE);
+        const prevBalance = sorted.slice(0, i).reduce((sum, e) => {
+            return sum + (Number(e.receiptQty) || 0) - (Number(e.issueQty) || 0);
+        }, 0);
+        pages.push({ entries: chunk, startBalance: prevBalance });
+    }
+    if (pages.length === 0) {
+        pages.push({ entries: [], startBalance: 0 });
+    }
+    return (_jsx("div", { className: "mx-auto w-full max-w-full overflow-x-auto", children: _jsx("div", { className: "mx-auto w-fit space-y-3 p-1", children: pages.map((page, i) => (_jsx(ScPage, { header: header, entries: page.entries, startBalance: page.startBalance, totalRows: ROWS_PER_PAGE, pageIndex: i }, i))) }) }));
+}

package/dist/reports/stock-card/types.d.ts

@@ -0,0 +1,31 @@
+export type ScStatus = "Draft" | "Submitted" | "Approved";
+export type ScEntry = {
+    transactionDate: string;
+    referenceDoc: string;
+    receiptQty: string;
+    office: string;
+    issueQty: string;
+    balanceQty: string;
+    daysToConsume: string;
+};
+export type ScRecord = {
+    id: string;
+    stockCardNo: string;
+    itemCode: string;
+    itemName: string;
+    reorderPoint: string;
+    unitOfMeasurement: string;
+    warehouse: string;
+    entries: ScEntry[];
+    status: ScStatus;
+    createdAt: string;
+    updatedAt?: string;
+};
+export type ScFormData = {
+    itemCode: string;
+    itemName: string;
+    reorderPoint: string;
+    unitOfMeasurement: string;
+    warehouse: string;
+    entries: ScEntry[];
+};

package/dist/reports/stock-card/types.js

@@ -0,0 +1 @@
+export {};

package/dist/reports/stock-card/utils.d.ts

@@ -0,0 +1,32 @@
+import * as XLSX from "xlsx-js-style";
+import type { ScEntry, ScFormData, ScRecord } from "./types.js";
+export declare const EMPTY_ENTRY: ScEntry;
+export declare const EMPTY_FORM: ScFormData;
+export declare function generateScNo(index: number, itemCode: string): string;
+export declare function formatQty(value: string | number): string;
+export declare function formatScDate(value: string): string;
+export declare function formatDateTime(value: string): string;
+export declare function computeRunningBalance(entries: ScEntry[]): string;
+type CellKind = "title" | "meta" | "header" | "item-text" | "item-center" | "item-number" | "blank";
+export type StockCardSheetCell = {
+    value: string | number;
+    kind: CellKind;
+};
+export type StockCardSheetModel = {
+    rows: StockCardSheetCell[][];
+    merges: XLSX.Range[];
+    cols: {
+        wch: number;
+    }[];
+    rowHeights: {
+        hpt: number;
+    }[];
+};
+export declare const STOCK_CARD_ROWS_PER_PAGE = 44;
+export declare function formatStockCardEntryDate(value: string): string;
+export declare function buildStockCardSheetModel(record: ScRecord): StockCardSheetModel;
+export declare function getExcelPreviewCellClassName(kind: CellKind): string;
+export declare function makeEmptyForm(): ScFormData;
+export declare function exportStockCardXlsx(record: ScRecord): void;
+export declare function exportStockCardCsv(record: ScRecord): void;
+export {};