@tonzxz/government-forms 0.1.0

package/dist/reports/itr/_components/create-form.d.ts

@@ -0,0 +1,28 @@
+import { type BasicForm, type ItemRow } from "../types.js";
+type AccountablePersonOption = {
+    id: string;
+    name: string;
+};
+type Props = {
+    activeTab: string;
+    onTabChange: (tab: string) => void;
+    basicForm: BasicForm;
+    onBasicFormChange: (update: Partial<BasicForm>) => void;
+    items: ItemRow[];
+    itemDraft: Omit<ItemRow, "id">;
+    onItemDraftChange: (update: Partial<Omit<ItemRow, "id">>) => void;
+    onAddItem: () => void;
+    onRemoveItem: (id: string) => void;
+    onItemChange?: (id: string, update: Partial<Omit<ItemRow, "id">>) => void;
+    allowAdditionalItems?: boolean;
+    allowRemoveItems?: boolean;
+    modalMode: "create" | "view" | "edit";
+    itrNo?: string;
+    destinationAccountablePeople?: AccountablePersonOption[];
+    selectedDestinationAccountablePersonId?: string;
+    onDestinationAccountablePersonChange?: (id: string) => void;
+    autoFilledDivisionSections?: boolean;
+    readOnlyItemAmount?: boolean;
+};
+export declare function CreateForm({ activeTab, onTabChange, basicForm, onBasicFormChange, items, itemDraft, onItemDraftChange, onAddItem, onRemoveItem, onItemChange, allowAdditionalItems, allowRemoveItems, modalMode, itrNo, destinationAccountablePeople, selectedDestinationAccountablePersonId, onDestinationAccountablePersonChange, autoFilledDivisionSections, readOnlyItemAmount, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,90 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ConfigurableFormLayout, } from "../../../internal/components/configurable-form-layout.js";
+import { DateInput } from "../../../internal/components/ui/date-input.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../../internal/components/ui/tabs.js";
+import { PROPERTY_CONDITIONS, TRANSFER_TYPES } from "../types.js";
+import { fmtAmount, fmtDate } from "../utils.js";
+export function CreateForm({ activeTab, onTabChange, basicForm, onBasicFormChange, items, itemDraft, onItemDraftChange, onAddItem, onRemoveItem, onItemChange, allowAdditionalItems = true, allowRemoveItems = true, modalMode, itrNo, destinationAccountablePeople, selectedDestinationAccountablePersonId, onDestinationAccountablePersonChange, autoFilledDivisionSections = false, readOnlyItemAmount = false, }) {
+    const inputClassName = "bg-background text-foreground placeholder:text-muted-foreground/70 w-full rounded-md border px-3 py-2 text-sm";
+    const compactInputClassName = "bg-background text-foreground placeholder:text-muted-foreground/70 w-full rounded-md border px-3 py-1.5 text-sm";
+    const fields = [
+        {
+            id: "entityName",
+            label: "Entity Name *",
+            render: () => (_jsx("input", { value: basicForm.entityName, onChange: e => onBasicFormChange({ entityName: e.target.value }), placeholder: "Entity Name", className: inputClassName })),
+        },
+        {
+            id: "fundCluster",
+            label: "Fund Cluster *",
+            render: () => (_jsx("input", { value: basicForm.fundCluster, onChange: e => onBasicFormChange({ fundCluster: e.target.value }), placeholder: "Fund Cluster", className: inputClassName })),
+        },
+        {
+            id: "fromAccountablePerson",
+            label: "From Accountable Person *",
+            render: () => (_jsx("input", { value: basicForm.fromAccountablePerson, onChange: e => onBasicFormChange({
+                    fromAccountablePerson: e.target.value,
+                    fromAccountableOfficer: e.target.value,
+                }), placeholder: "From accountable person", className: inputClassName })),
+        },
+        {
+            id: "fromDivisionSection",
+            label: "From Section/Division *",
+            render: () => (_jsx("input", { value: basicForm.fromDivisionSection, onChange: e => onBasicFormChange({ fromDivisionSection: e.target.value }), placeholder: autoFilledDivisionSections
+                    ? "Auto-filled from current accountable person"
+                    : "From section/division", readOnly: autoFilledDivisionSections, className: inputClassName })),
+        },
+        {
+            id: "toAccountablePerson",
+            label: destinationAccountablePeople ? "To Accountable Officer *" : "To Accountable Person *",
+            render: () => destinationAccountablePeople ? (_jsxs("select", { value: selectedDestinationAccountablePersonId ?? "", onChange: e => onDestinationAccountablePersonChange?.(e.target.value), className: inputClassName, children: [_jsx("option", { value: "", children: "Select requestor" }), destinationAccountablePeople.map(person => (_jsx("option", { value: person.id, children: person.name }, person.id)))] })) : (_jsx("input", { value: basicForm.toAccountablePerson, onChange: e => onBasicFormChange({
+                    toAccountablePerson: e.target.value,
+                    toAccountableOfficer: e.target.value,
+                }), placeholder: "To accountable person", className: inputClassName })),
+        },
+        {
+            id: "toDivisionSection",
+            label: "To Section/Division *",
+            render: () => (_jsx("input", { value: basicForm.toDivisionSection, onChange: e => onBasicFormChange({ toDivisionSection: e.target.value }), placeholder: autoFilledDivisionSections
+                    ? "Auto-filled from selected requestor"
+                    : "To section/division", readOnly: autoFilledDivisionSections, className: inputClassName })),
+        },
+        {
+            id: "transferDate",
+            label: "Date",
+            render: () => (_jsx(DateInput, { value: basicForm.transferDate, onValueChange: transferDate => onBasicFormChange({ transferDate }), className: inputClassName })),
+        },
+        {
+            id: "transferType",
+            label: "Transfer Type",
+            render: () => (_jsxs("select", { value: basicForm.transferType, onChange: e => onBasicFormChange({ transferType: e.target.value }), className: inputClassName, children: [_jsx("option", { value: "", children: "Select transfer type" }), TRANSFER_TYPES.map(t => (_jsx("option", { children: t }, t)))] })),
+        },
+        {
+            id: "transferTypeOthers",
+            label: "Transfer Type (Other — specify)",
+            fullWidth: true,
+            render: () => (_jsx("input", { value: basicForm.transferTypeOthers, onChange: e => onBasicFormChange({ transferTypeOthers: e.target.value }), placeholder: basicForm.transferType === "Others"
+                    ? "Specify transfer type"
+                    : "Only applies when Transfer Type is 'Others'", disabled: basicForm.transferType !== "Others", className: `${inputClassName} disabled:cursor-not-allowed disabled:opacity-50` })),
+        },
+        {
+            id: "reasonForTransfer",
+            label: "Reason for Transfer",
+            fullWidth: true,
+            render: () => (_jsx("input", { value: basicForm.reasonForTransfer, onChange: e => onBasicFormChange({ reasonForTransfer: e.target.value }), placeholder: "Reason for transfer", className: inputClassName })),
+        },
+    ];
+    return (_jsxs(Tabs, { value: activeTab, onValueChange: onTabChange, children: [_jsxs(TabsList, { className: "grid w-full grid-cols-2", children: [_jsx(TabsTrigger, { value: "basic", children: "Basic Info" }), _jsx(TabsTrigger, { value: "items", children: "Items" })] }), _jsx(TabsContent, { value: "basic", className: "mt-4", children: _jsx(ConfigurableFormLayout, { formKey: "itr-basic-info", fields: fields, header: _jsxs("div", { className: "rounded-md border border-indigo-200 bg-indigo-50 p-3 dark:border-indigo-900/70 dark:bg-indigo-500/10", children: [_jsx("p", { className: "text-muted-foreground text-xs font-medium", children: "ITR Number" }), _jsx("p", { className: "text-foreground text-sm italic", children: modalMode === "edit" && itrNo ? itrNo : "Auto-generated on save" })] }) }) }), _jsxs(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-muted/60 text-muted-foreground", children: _jsxs("tr", { children: [_jsx("th", { className: "border p-1 text-left", children: "Date Acquired" }), _jsx("th", { className: "border p-1 text-left", children: "Property No." }), _jsx("th", { className: "border p-1 text-left", children: "Description" }), _jsx("th", { className: "border p-1 text-right", children: "Amount" }), _jsx("th", { className: "border p-1 text-left", children: "Property Condition" }), _jsx("th", { className: "border p-1 text-left", children: "Action" })] }) }), _jsxs("tbody", { children: [items.map(item => (_jsxs("tr", { children: [_jsx("td", { className: "border p-1", children: onItemChange && !readOnlyItemAmount ? (_jsx(DateInput, { value: item.dateAcquired, onValueChange: dateAcquired => onItemChange(item.id, { dateAcquired }), className: "bg-background text-foreground w-full min-w-28 rounded border px-1.5 py-1" })) : (fmtDate(item.dateAcquired)) }), _jsx("td", { className: "border p-1", children: onItemChange ? (_jsx("input", { value: item.propertyNo || item.itemNo, onChange: e => onItemChange(item.id, {
+                                                            propertyNo: e.target.value,
+                                                            itemNo: e.target.value,
+                                                        }), className: "bg-background text-foreground w-full min-w-28 rounded border px-1.5 py-1" })) : (item.propertyNo || item.itemNo) }), _jsx("td", { className: "border p-1", children: onItemChange ? (_jsx("input", { value: item.description, onChange: e => onItemChange(item.id, { description: e.target.value }), className: "bg-background text-foreground w-full min-w-40 rounded border px-1.5 py-1" })) : (item.description) }), _jsx("td", { className: "border p-1 text-right", children: onItemChange ? (_jsx("input", { type: "number", min: 0, value: item.amount, onChange: e => onItemChange(item.id, { amount: e.target.value }), className: "bg-background text-foreground w-24 rounded border px-1.5 py-1 text-right" })) : (fmtAmount(item.amount)) }), _jsx("td", { className: "border p-1", children: onItemChange ? (_jsxs("select", { value: item.conditionOfPPE || item.conditionOfInventory, onChange: e => onItemChange(item.id, {
+                                                            conditionOfPPE: e.target.value,
+                                                            conditionOfInventory: e.target.value,
+                                                        }), className: "bg-background text-foreground w-full min-w-28 rounded border px-1.5 py-1", children: [_jsx("option", { value: "", children: "Select condition" }), PROPERTY_CONDITIONS.map(condition => (_jsx("option", { value: condition, children: condition }, condition)))] })) : (item.conditionOfPPE || item.conditionOfInventory) }), _jsx("td", { className: "border p-1", children: allowRemoveItems ? (_jsx("button", { onClick: () => onRemoveItem(item.id), className: "rounded border px-2 py-0.5 text-xs", children: "Remove" })) : (_jsx("span", { className: "text-muted-foreground text-xs", children: "Transferred item" })) })] }, item.id))), items.length === 0 && (_jsx("tr", { children: _jsx("td", { className: "text-muted-foreground border p-3 text-center", colSpan: 6, children: "No items added yet." }) }))] })] }) }), allowAdditionalItems && (_jsxs("div", { className: "bg-card text-card-foreground space-y-2 rounded-md border p-3", children: [_jsx("p", { className: "text-foreground text-xs font-semibold", children: "Add Item Row" }), _jsxs("div", { className: "grid gap-2 md:grid-cols-3", children: [_jsxs("div", { children: [_jsx("label", { className: "text-muted-foreground mb-0.5 block text-xs", children: "Date Acquired" }), _jsx(DateInput, { value: itemDraft.dateAcquired, onValueChange: dateAcquired => onItemDraftChange({ dateAcquired }), className: compactInputClassName })] }), _jsxs("div", { children: [_jsx("label", { className: "text-muted-foreground mb-0.5 block text-xs", children: "Property No." }), _jsx("input", { value: itemDraft.propertyNo, onChange: e => onItemDraftChange({ propertyNo: e.target.value, itemNo: e.target.value }), placeholder: "Property No.", className: compactInputClassName })] }), _jsxs("div", { className: "md:col-span-1", children: [_jsx("label", { className: "text-muted-foreground mb-0.5 block text-xs", children: "Description" }), _jsx("input", { value: itemDraft.description, onChange: e => onItemDraftChange({ description: e.target.value }), placeholder: "Description", className: compactInputClassName })] })] }), _jsxs("div", { className: "grid gap-2 md:grid-cols-2", children: [_jsxs("div", { children: [_jsx("label", { className: "text-muted-foreground mb-0.5 block text-xs", children: "Amount" }), _jsx("input", { type: "number", min: 0, value: itemDraft.amount, onChange: e => onItemDraftChange({ amount: e.target.value }), className: compactInputClassName })] }), _jsxs("div", { children: [_jsx("label", { className: "text-muted-foreground mb-0.5 block text-xs", children: "Property Condition" }), _jsxs("select", { value: itemDraft.conditionOfPPE, onChange: e => {
+                                                    const condition = e.target.value;
+                                                    onItemDraftChange({
+                                                        conditionOfPPE: condition,
+                                                        conditionOfInventory: condition,
+                                                    });
+                                                }, className: compactInputClassName, children: [_jsx("option", { value: "", children: "Select condition" }), PROPERTY_CONDITIONS.map(condition => (_jsx("option", { value: condition, children: condition }, condition)))] })] })] }), _jsx("button", { onClick: onAddItem, className: "bg-primary rounded-md px-3 py-2 text-sm text-white", children: "Add Item" })] }))] })] }));
+}

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

@@ -0,0 +1,6 @@
+/**
+ * document-preview.tsx
+ * Paper form layout for the Inventory Transfer Report.
+ * Matches the official printed ITR form exactly.
+ */
+export { ItrPreview as DocumentPreview } from "../../../gam/components/itr-preview.js";

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

@@ -0,0 +1,7 @@
+"use client";
+/**
+ * document-preview.tsx
+ * Paper form layout for the Inventory Transfer Report.
+ * Matches the official printed ITR form exactly.
+ */
+export { ItrPreview as DocumentPreview } from "../../../gam/components/itr-preview.js";

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

@@ -0,0 +1,68 @@
+export type ItrStatus = "Submitted" | "Approved" | "For Delivery" | "Received";
+export type ModalMode = "create" | "view" | "edit";
+export declare const PROPERTY_CONDITIONS: readonly ["Serviceable", "Unserviceable"];
+export type PropertyCondition = (typeof PROPERTY_CONDITIONS)[number];
+export type ItemRow = {
+    id: string;
+    dateAcquired: string;
+    propertyNo: string;
+    itemNo: string;
+    icsNo: string;
+    icsDate: string;
+    description: string;
+    amount: string;
+    conditionOfPPE: PropertyCondition | "";
+    conditionOfInventory: PropertyCondition | "";
+};
+export type StoredItrItem = {
+    id?: number;
+    lineNo?: number;
+    dateAcquired?: string;
+    itemNo?: string;
+    propertyNo?: string;
+    icsNo?: string;
+    icsDate?: string;
+    description?: string;
+    amount?: string;
+    conditionOfPPE?: string;
+    conditionOfInventory?: string;
+};
+export type StoredItrReport = {
+    id: string;
+    itrNo: string;
+    entityName?: string;
+    fundCluster?: string;
+    fromAccountableOfficer?: string;
+    fromAccountablePerson?: string;
+    fromDivisionSection?: string;
+    toAccountableOfficer?: string;
+    toAccountablePerson?: string;
+    toDivisionSection?: string;
+    transferDate?: string;
+    transferType?: string;
+    transferTypeOthers?: string;
+    reason?: string;
+    reasonForTransfer?: string;
+    documentTypeId?: number;
+    status: string;
+    items: StoredItrItem[];
+    createdAt: string;
+    updatedAt: string;
+};
+export type BasicForm = {
+    entityName: string;
+    fundCluster: string;
+    fromAccountableOfficer: string;
+    fromAccountablePerson: string;
+    fromDivisionSection: string;
+    toAccountableOfficer: string;
+    toAccountablePerson: string;
+    toDivisionSection: string;
+    transferDate: string;
+    transferType: string;
+    transferTypeOthers: string;
+    reasonForTransfer: string;
+};
+export declare const TRANSFER_TYPES: readonly ["Donation", "Reassignment", "Relocate", "Others"];
+export declare const EMPTY_BASIC_FORM: BasicForm;
+export declare const EMPTY_ITEM_DRAFT: Omit<ItemRow, "id">;

package/dist/reports/itr/types.js

@@ -0,0 +1,27 @@
+export const PROPERTY_CONDITIONS = ["Serviceable", "Unserviceable"];
+export const TRANSFER_TYPES = ["Donation", "Reassignment", "Relocate", "Others"];
+export const EMPTY_BASIC_FORM = {
+    entityName: "",
+    fundCluster: "",
+    fromAccountableOfficer: "",
+    fromAccountablePerson: "",
+    fromDivisionSection: "",
+    toAccountableOfficer: "",
+    toAccountablePerson: "",
+    toDivisionSection: "",
+    transferDate: "",
+    transferType: "",
+    transferTypeOthers: "",
+    reasonForTransfer: "",
+};
+export const EMPTY_ITEM_DRAFT = {
+    dateAcquired: "",
+    propertyNo: "",
+    itemNo: "",
+    icsNo: "",
+    icsDate: "",
+    description: "",
+    amount: "0",
+    conditionOfPPE: "",
+    conditionOfInventory: "",
+};

package/dist/reports/itr/utils.d.ts

@@ -0,0 +1,24 @@
+import type { BasicForm, ItemRow, StoredItrItem, StoredItrReport } from "./types.js";
+export declare function formatDateTime(value: string): string;
+export declare function fmtDate(value?: string): string;
+export declare function fmtAmount(value: string): string;
+/** Build preview-ready item from a live ItemRow (used in create/edit form) */
+export declare function itemRowToPreviewItem(row: Omit<ItemRow, "id"> | ItemRow): {
+    dateAcquired: string;
+    propertyNo: string;
+    description: string;
+    amount: string;
+    conditionOfPPE: "" | "Serviceable" | "Unserviceable";
+};
+/** Build preview-ready item from a stored item (used in view modal) */
+export declare function storedItemToPreviewItem(item: StoredItrItem): {
+    dateAcquired: string;
+    propertyNo: string;
+    description: string;
+    amount: string;
+    conditionOfPPE: string;
+};
+/** Build a BasicForm from a stored record (used when opening edit modal) */
+export declare function recordToBasicForm(record: StoredItrReport): BasicForm;
+/** Build ItemRow[] from a stored record's items (used when opening edit modal) */
+export declare function recordItemsToRows(items: StoredItrItem[]): ItemRow[];

package/dist/reports/itr/utils.js

@@ -0,0 +1,76 @@
+export function formatDateTime(value) {
+    return new Date(value).toLocaleString("en-PH", {
+        year: "numeric",
+        month: "short",
+        day: "2-digit",
+        hour: "2-digit",
+        minute: "2-digit",
+    });
+}
+export function fmtDate(value) {
+    if (!value)
+        return "";
+    const d = new Date(value);
+    return isNaN(d.getTime()) ? value : d.toLocaleDateString("en-PH");
+}
+export function fmtAmount(value) {
+    const n = Number(value);
+    return Number.isNaN(n)
+        ? value
+        : n.toLocaleString("en-PH", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+}
+function normalizePropertyCondition(value) {
+    return value === "Serviceable" || value === "Unserviceable" ? value : "";
+}
+/** Build preview-ready item from a live ItemRow (used in create/edit form) */
+export function itemRowToPreviewItem(row) {
+    return {
+        dateAcquired: row.dateAcquired,
+        propertyNo: row.propertyNo || row.itemNo,
+        description: row.description,
+        amount: row.amount,
+        conditionOfPPE: row.conditionOfPPE || row.conditionOfInventory,
+    };
+}
+/** Build preview-ready item from a stored item (used in view modal) */
+export function storedItemToPreviewItem(item) {
+    return {
+        dateAcquired: item.dateAcquired ?? "",
+        propertyNo: item.propertyNo ?? item.itemNo ?? "",
+        description: item.description ?? "",
+        amount: item.amount ?? "0",
+        conditionOfPPE: item.conditionOfPPE ?? item.conditionOfInventory ?? "",
+    };
+}
+/** Build a BasicForm from a stored record (used when opening edit modal) */
+export function recordToBasicForm(record) {
+    return {
+        entityName: record.entityName ?? "",
+        fundCluster: record.fundCluster ?? "",
+        fromAccountableOfficer: record.fromAccountablePerson ?? record.fromAccountableOfficer ?? "",
+        fromAccountablePerson: record.fromAccountablePerson ?? record.fromAccountableOfficer ?? "",
+        fromDivisionSection: record.fromDivisionSection ?? "",
+        toAccountableOfficer: record.toAccountablePerson ?? record.toAccountableOfficer ?? "",
+        toAccountablePerson: record.toAccountablePerson ?? record.toAccountableOfficer ?? "",
+        toDivisionSection: record.toDivisionSection ?? "",
+        transferDate: record.transferDate ? record.transferDate.slice(0, 10) : "",
+        transferType: record.transferType ?? "",
+        transferTypeOthers: record.transferTypeOthers ?? "",
+        reasonForTransfer: record.reasonForTransfer ?? record.reason ?? "",
+    };
+}
+/** Build ItemRow[] from a stored record's items (used when opening edit modal) */
+export function recordItemsToRows(items) {
+    return items.map((item, i) => ({
+        id: `ITEM-${String(i + 1).padStart(3, "0")}`,
+        dateAcquired: item.dateAcquired ? item.dateAcquired.slice(0, 10) : "",
+        propertyNo: item.propertyNo ?? item.itemNo ?? "",
+        itemNo: item.itemNo ?? "",
+        icsNo: item.icsNo ?? "",
+        icsDate: item.icsDate ? item.icsDate.slice(0, 10) : "",
+        description: item.description ?? "",
+        amount: item.amount ?? "0",
+        conditionOfPPE: normalizePropertyCondition(item.conditionOfPPE ?? item.conditionOfInventory),
+        conditionOfInventory: normalizePropertyCondition(item.conditionOfInventory),
+    }));
+}

package/dist/reports/pr/_components/create-form.d.ts

@@ -0,0 +1,16 @@
+import type { PrBasicForm, PrItem, PrItemDraft } from "../types.js";
+type PurchaseRequestCreateFormProps = {
+    activeTab: string;
+    onActiveTabChange: (tab: string) => void;
+    prNo: string;
+    onRefreshPrNo: () => void;
+    basicForm: PrBasicForm;
+    onBasicFieldChange: <K extends keyof PrBasicForm>(field: K, value: PrBasicForm[K]) => void;
+    items: PrItem[];
+    itemDraft: PrItemDraft;
+    onItemDraftFieldChange: <K extends keyof PrItemDraft>(field: K, value: PrItemDraft[K]) => void;
+    onAddItem: () => void;
+    onRemoveItem: (id: string) => void;
+};
+export declare function PurchaseRequestCreateForm({ activeTab, onActiveTabChange, prNo, onRefreshPrNo, basicForm, onBasicFieldChange, items, itemDraft, onItemDraftFieldChange, onAddItem, onRemoveItem, }: PurchaseRequestCreateFormProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,52 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ConfigurableFormLayout, } from "../../../internal/components/configurable-form-layout.js";
+import { DateInput } from "../../../internal/components/ui/date-input.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../../internal/components/ui/tabs.js";
+import { formatCurrency } from "../utils.js";
+export function PurchaseRequestCreateForm({ activeTab, onActiveTabChange, prNo, onRefreshPrNo, basicForm, onBasicFieldChange, items, itemDraft, onItemDraftFieldChange, onAddItem, onRemoveItem, }) {
+    const fields = [
+        {
+            id: "date",
+            label: "Date",
+            render: () => (_jsx(DateInput, { value: basicForm.date, onChange: e => onBasicFieldChange("date", e.target.value), type: "date", className: "w-full rounded-md border px-3 py-2 text-sm" })),
+        },
+        {
+            id: "entityName",
+            label: "Entity Name",
+            render: () => (_jsx("input", { value: basicForm.entityName, onChange: e => onBasicFieldChange("entityName", e.target.value), placeholder: "Entity Name", className: "w-full rounded-md border px-3 py-2 text-sm" })),
+        },
+        {
+            id: "officeId",
+            label: "Office / Section",
+            render: () => (_jsx("input", { value: basicForm.officeId ?? "", readOnly: true, placeholder: "Office / Section", className: "w-full rounded-md border bg-slate-50 px-3 py-2 text-sm text-slate-700" })),
+        },
+        {
+            id: "fundCluster",
+            label: "Fund Cluster",
+            render: () => (_jsxs("select", { value: basicForm.fundCluster, onChange: e => onBasicFieldChange("fundCluster", e.target.value), className: "w-full rounded-md border px-3 py-2 text-sm", children: [_jsx("option", { value: "", children: "Select fund cluster (required)" }), _jsx("option", { children: "Regular Agency Fund" }), _jsx("option", { children: "Trust Fund" }), _jsx("option", { children: "Special Account" })] })),
+        },
+        {
+            id: "fundSource",
+            label: "Fund Source",
+            render: () => (_jsxs("select", { value: basicForm.fundSource, onChange: e => onBasicFieldChange("fundSource", e.target.value), className: "w-full rounded-md border px-3 py-2 text-sm", children: [_jsx("option", { value: "", children: "Select fund source (required)" }), _jsx("option", { children: "MOOE" }), _jsx("option", { children: "Capital Outlay" })] })),
+        },
+        {
+            id: "fundType",
+            label: "Fund Type",
+            render: () => (_jsxs("select", { value: basicForm.fundType, onChange: e => onBasicFieldChange("fundType", e.target.value), className: "w-full rounded-md border px-3 py-2 text-sm", children: [_jsx("option", { value: "", children: "Select fund type (required)" }), _jsx("option", { children: "General Fund" }), _jsx("option", { children: "Special Purpose Fund" })] })),
+        },
+        {
+            id: "responsibilityCenterCode",
+            label: "Responsibility Center Code",
+            render: () => (_jsx("input", { value: basicForm.responsibilityCenterCode, onChange: e => onBasicFieldChange("responsibilityCenterCode", e.target.value), placeholder: "Responsibility Center Code", className: "w-full rounded-md border px-3 py-2 text-sm" })),
+        },
+        {
+            id: "purpose",
+            label: "Purpose",
+            fullWidth: true,
+            render: () => (_jsx("textarea", { value: basicForm.purpose, onChange: e => onBasicFieldChange("purpose", e.target.value), placeholder: "Purpose", className: "w-full rounded-md border px-3 py-2 text-sm", rows: 3 })),
+        },
+    ];
+    return (_jsxs(Tabs, { value: activeTab, onValueChange: onActiveTabChange, children: [_jsxs(TabsList, { className: "grid w-full grid-cols-2", children: [_jsx(TabsTrigger, { value: "basic", children: "Basic Info" }), _jsx(TabsTrigger, { value: "items", children: "Items" })] }), _jsx(TabsContent, { value: "basic", className: "mt-4", children: _jsx(ConfigurableFormLayout, { formKey: "pr-basic-info", fields: fields, header: _jsx("div", { className: "rounded-md border border-indigo-200 bg-indigo-50 p-4", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("p", { className: "text-muted-foreground text-xs font-medium", children: "Auto-Generated PR Number" }), _jsx("p", { className: "text-3xl font-semibold text-slate-700", children: prNo })] }), _jsx("button", { onClick: onRefreshPrNo, className: "rounded-md border bg-white px-3 py-1 text-xs", children: "Refresh" })] }) }) }) }), _jsxs(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" }), _jsx("th", { className: "border p-2 text-left", children: "Action" })] }) }), _jsxs("tbody", { children: [items.map(item => (_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: formatCurrency(Number(item.unitCost) || 0) }), _jsx("td", { className: "border p-2 text-right", children: formatCurrency((Number(item.quantity) || 0) * (Number(item.unitCost) || 0)) }), _jsx("td", { className: "border p-2", children: _jsx("button", { onClick: () => onRemoveItem(item.id), className: "rounded border px-2 py-1 text-xs", children: "Remove" }) })] }, item.id))), items.length === 0 && (_jsx("tr", { children: _jsx("td", { className: "text-muted-foreground border p-3 text-center", colSpan: 7, children: "No items added yet." }) }))] })] }) }), _jsxs("div", { className: "grid gap-2 md:grid-cols-5", children: [_jsx("input", { value: itemDraft.stockNo, onChange: e => onItemDraftFieldChange("stockNo", e.target.value), placeholder: "Stock/Property No.", className: "rounded-md border px-3 py-2 text-sm" }), _jsx("input", { value: itemDraft.unit, onChange: e => onItemDraftFieldChange("unit", e.target.value), placeholder: "Unit", className: "rounded-md border px-3 py-2 text-sm" }), _jsx("input", { value: itemDraft.description, onChange: e => onItemDraftFieldChange("description", e.target.value), placeholder: "Description", className: "rounded-md border px-3 py-2 text-sm" }), _jsx("input", { type: "number", min: 1, value: itemDraft.quantity, onChange: e => onItemDraftFieldChange("quantity", e.target.value), placeholder: "Qty", className: "rounded-md border px-3 py-2 text-sm" }), _jsx("input", { type: "number", min: 0, value: itemDraft.unitCost, onChange: e => onItemDraftFieldChange("unitCost", e.target.value), placeholder: "Unit Cost", className: "rounded-md border px-3 py-2 text-sm" })] }), _jsx("button", { onClick: onAddItem, className: "rounded-md border bg-white px-3 py-2 text-sm hover:bg-slate-50", children: "+ Add Item" })] })] }));
+}

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

@@ -0,0 +1,7 @@
+import type { PrRecord, PrSignatories } from "../types.js";
+type PrDocumentPreviewProps = {
+    record: PrRecord;
+    signatories?: PrSignatories;
+};
+export declare function PrDocumentPreview({ record, signatories }: PrDocumentPreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatCurrency, formatPrDate, getItemTotal, getRecordTotal } from "../utils.js";
+export function PrDocumentPreview({ record, signatories }) {
+    const items = record.items.slice(0, 12);
+    const fillerHeight = Math.max(150, (12 - items.length) * 36);
+    const officeSection = record.officeSection || record.officeName || record.officeId || "";
+    return (_jsx("div", { className: "psms-print-preview mx-auto w-full max-w-full overflow-x-auto", children: _jsx("div", { className: "mx-auto w-fit rounded-[18px] border border-slate-300 bg-[linear-gradient(180deg,#ffffff_0%,#fcfcfc_100%)] p-4 shadow-[0_18px_40px_-24px_rgba(15,23,42,0.35)]", children: _jsx("div", { "data-pdf-page": "true", "data-pdf-fit-one-page": "true", "data-pdf-orientation": "portrait", className: "mx-auto min-h-[1123px] w-[794px] bg-white font-serif text-[11px] text-black", children: _jsxs("div", { className: "px-8 py-8", children: [_jsx("h4", { className: "mb-8 text-center text-[15px] font-bold tracking-wide", children: "PURCHASE REQUEST" }), _jsx("table", { className: "w-full border-collapse", children: _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsxs("td", { className: "border border-black px-2 py-1 font-bold", colSpan: 3, children: ["Entity Name:", record.entityName || ""] }), _jsxs("td", { className: "border border-black px-2 py-1 font-bold", colSpan: 3, children: ["Fund Cluster - ", record.fundCluster || ""] })] }), _jsxs("tr", { children: [_jsxs("td", { className: "border border-black px-2 py-1", colSpan: 2, children: [_jsx("div", { className: "font-bold", children: "Office/Section:" }), _jsx("div", { className: "min-h-5", children: officeSection })] }), _jsxs("td", { className: "border border-black px-2 py-1", colSpan: 2, children: [_jsx("div", { className: "font-bold", children: "PR No:" }), _jsx("div", { children: record.prNo }), _jsx("div", { className: "mt-1 font-bold", children: "Responsibility Center Code:" }), _jsx("div", { children: record.responsibilityCenterCode || "" })] }), _jsxs("td", { className: "border border-black px-2 py-1", colSpan: 2, children: [_jsx("div", { className: "font-bold", children: "Date:" }), _jsx("div", { children: formatPrDate(record.date || record.createdAt) })] })] }), _jsx("tr", { children: _jsx("td", { className: "border border-black py-1", colSpan: 6 }) })] }) }), _jsxs("table", { className: "w-full border-collapse", children: [_jsx("thead", { children: _jsxs("tr", { className: "text-center font-bold", children: [_jsx("th", { className: "border border-black px-2 py-1", children: "Stock/PropertyNo." }), _jsx("th", { className: "border border-black px-2 py-1", children: "Unit" }), _jsx("th", { className: "border border-black px-2 py-1", children: "Item Description" }), _jsx("th", { className: "border border-black px-2 py-1", children: "Quantity" }), _jsx("th", { className: "border border-black px-2 py-1", children: "Unit cost" }), _jsx("th", { className: "border border-black px-2 py-1", children: "Total Cost" })] }) }), _jsxs("tbody", { children: [items.map(item => (_jsxs("tr", { className: "h-9 align-top", children: [_jsx("td", { className: "border-x border-black px-2 py-1", children: item.stockNo || "" }), _jsx("td", { className: "border-x border-black px-2 py-1 text-center", children: item.unit || "" }), _jsx("td", { className: "border-x border-black px-2 py-1", children: item.description }), _jsx("td", { className: "border-x border-black px-2 py-1 text-center", children: item.quantity }), _jsx("td", { className: "border-x border-black px-2 py-1 text-right", children: formatCurrency(Number(item.unitCost) || 0) }), _jsx("td", { className: "border-x border-black px-2 py-1 text-right", children: formatCurrency(getItemTotal(item)) })] }, item.id))), _jsxs("tr", { style: { height: fillerHeight }, children: [_jsx("td", { className: "border-x border-b border-black px-2 align-top" }), _jsx("td", { className: "border-x border-b border-black px-2 align-top" }), _jsx("td", { className: "border-x border-b border-black px-2 pt-6 text-center align-top text-slate-600 italic", children: "***nothing follows***" }), _jsx("td", { className: "border-x border-b border-black px-2 align-top" }), _jsx("td", { className: "border-x border-b border-black px-2 align-top" }), _jsx("td", { className: "border-x border-b border-black px-2 align-top" })] }), _jsxs("tr", { className: "font-bold", children: [_jsx("td", { className: "border border-black px-2 py-2 text-right", colSpan: 5, children: "Total Amount" }), _jsx("td", { className: "border border-black px-2 py-2 text-right", children: formatCurrency(getRecordTotal(record)) })] })] })] }), _jsx("table", { className: "w-full border-collapse", children: _jsx("tbody", { children: _jsx("tr", { children: _jsxs("td", { className: "border border-black px-2 py-1", children: [_jsx("div", { className: "font-bold", children: "Purpose:" }), _jsx("div", { className: "min-h-16 pt-1", children: record.purpose || "" })] }) }) }) }), _jsx("table", { className: "w-full border-collapse", children: _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsx("td", { className: "border border-black px-2 py-1", style: { width: "18%" } }), _jsx("td", { className: "border border-black px-2 py-1 font-bold", style: { width: "41%" }, children: "Requested by:" }), _jsx("td", { className: "border border-black px-2 py-1 font-bold", style: { width: "41%" }, children: "Approved by:" })] }), _jsxs("tr", { className: "h-10", children: [_jsx("td", { className: "border border-black px-2 py-1 font-bold whitespace-nowrap", children: "Signature" }), _jsx("td", { className: "border border-black px-2 py-4" }), _jsx("td", { className: "border border-black px-2 py-4" })] }), _jsxs("tr", { className: "h-9", children: [_jsx("td", { className: "border border-black px-2 py-1 font-bold whitespace-nowrap", children: "Printed Name" }), _jsx("td", { className: "border border-black px-2 py-3 text-center font-bold", children: signatories?.requestedBy?.name ?? "" }), _jsx("td", { className: "border border-black px-2 py-3 text-center font-bold", children: signatories?.approvedBy?.name ?? "" })] }), _jsxs("tr", { className: "h-7", children: [_jsx("td", { className: "border border-black px-2 py-1 font-bold whitespace-nowrap", children: "Designation" }), _jsx("td", { className: "border border-black px-2 py-1 text-center font-bold", children: signatories?.requestedBy?.designation ?? "" }), _jsx("td", { className: "border border-black px-2 py-1 text-center font-bold", children: signatories?.approvedBy?.designation ?? "" })] }), _jsxs("tr", { children: [_jsx("td", { className: "border border-black px-2 py-1" }), _jsx("td", { className: "border border-black px-2 py-1 text-center font-bold", colSpan: 2, children: "Certification as to Funds Availability" })] }), _jsxs("tr", { className: "h-10", children: [_jsx("td", { className: "border border-black px-2 py-1 font-bold whitespace-nowrap", children: "Signature" }), _jsx("td", { className: "border border-black px-2 py-4", colSpan: 2 })] }), _jsxs("tr", { className: "h-9", children: [_jsx("td", { className: "border border-black px-2 py-1 font-bold whitespace-nowrap", children: "Printed Name" }), _jsx("td", { className: "border border-black px-2 py-3 text-center font-bold", colSpan: 2, children: signatories?.fundsAvailability?.name ?? "" })] }), _jsxs("tr", { className: "h-7", children: [_jsx("td", { className: "border border-black px-2 py-1 font-bold whitespace-nowrap", children: "Designation" }), _jsx("td", { className: "border border-black px-2 py-1 text-center font-bold", colSpan: 2, children: signatories?.fundsAvailability?.designation ?? "" })] })] }) })] }) }) }) }));
+}

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

@@ -0,0 +1,69 @@
+import type { PrRequestType, PrRequestTypeInput } from "../../gam/purchase-request/workflow.js";
+export type PrStatus = "Pending" | "Approved" | "Returned";
+export type PrItem = {
+    id: string;
+    itemId?: number | null;
+    stockNo: string;
+    unit: string;
+    description: string;
+    quantity: string;
+    unitCost: string;
+    totalCost?: string;
+};
+export type PrRecord = {
+    id: string;
+    prNo: string;
+    documentTypeId: number | null;
+    purpose: string;
+    entityName: string;
+    fundCluster: string;
+    fundSource: string;
+    fundType: string;
+    officeId: string | null;
+    officeName?: string | null;
+    officeSection: string | null;
+    requestedByName?: string | null;
+    requestedByDesignation?: string | null;
+    requestType: PrRequestType | null;
+    requestSubtype?: string | null;
+    responsibilityCenterCode: string;
+    date: string;
+    items: PrItem[];
+    status: PrStatus;
+    revisionRequired: boolean;
+    createdAt: string;
+    updatedAt?: string;
+};
+export type PrSignatory = {
+    name?: string;
+    designation?: string;
+};
+export type PrSignatories = {
+    requestedBy?: PrSignatory;
+    approvedBy?: PrSignatory;
+    fundsAvailability?: PrSignatory;
+};
+export type PrBasicForm = {
+    documentTypeId?: number;
+    purpose: string;
+    entityName: string;
+    fundCluster: string;
+    fundSource: string;
+    fundType: string;
+    officeId?: string;
+    officeSection: string;
+    requestedByDesignation: string;
+    requestType: PrRequestTypeInput;
+    requestSubtype: string;
+    responsibilityCenterCode: string;
+    date: string;
+};
+export type PrItemDraft = {
+    registrationKey?: string | null;
+    itemId?: number | null;
+    stockNo: string;
+    unit: string;
+    description: string;
+    quantity: string;
+    unitCost: string;
+};

package/dist/reports/pr/types.js

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

package/dist/reports/pr/utils.d.ts

@@ -0,0 +1,72 @@
+import * as XLSX from "xlsx-js-style";
+import type { PrBasicForm, PrItem, PrItemDraft, PrRecord, PrSignatories, PrSignatory } from "./types.js";
+export { getInventoryCategoryForPr, getPrSubtypeOptions, isPurchaseOrderEligiblePr, PR_OTHER_SUBTYPES, PR_REQUEST_TYPES, PR_SERVICE_SUBTYPES, requiresPrSubtype, shouldBypassPrForIar, } from "../../gam/purchase-request/workflow.js";
+type CellKind = "title" | "meta" | "header" | "item-text" | "item-center" | "item-number" | "nothing" | "purpose-label" | "purpose-value" | "signature-label" | "signature-heading" | "signature-line" | "designation" | "total-label" | "total-value" | "blank";
+export type PurchaseRequestSheetCell = {
+    value: string | number;
+    kind: CellKind;
+};
+export type PurchaseRequestSheetModel = {
+    rows: PurchaseRequestSheetCell[][];
+    merges: XLSX.Range[];
+    cols: {
+        wch: number;
+    }[];
+    rowHeights: {
+        hpt: number;
+    }[];
+};
+export declare const PR_OFFICE_SECTION_OPTIONS: readonly ["FAD - Personnel Section", "FAD - General Services", "FAD - Accounting Section", "FAD - Property and Supply Section", "FAD - Records Section", "FAD - Cash Section", "Special Production Division", "Special Operation Division", "Planning Division", "Office Director"];
+type PrOfficeAssignment = {
+    officeId?: string | null;
+    divisionId?: string | null;
+};
+type PrOfficeMetadata = {
+    id: string;
+    name: string;
+    divisionId: string | null;
+    divisionName: string | null;
+};
+export declare function resolvePrOfficeSectionDefault(user: PrOfficeAssignment | null | undefined, sessionOfficeId: string | null | undefined, offices: readonly PrOfficeMetadata[]): string;
+export declare function getPrOfficeSectionOptions(currentValue?: string | null): string[];
+export declare function shouldApplyPrOfficeSectionDefault(isEditingRecord: boolean, hasUserEdited: boolean, currentValue: string, assignedDefault: string): boolean;
+export declare function generatePrNo(sequence?: number): string;
+export declare function formatCurrency(value: number): string;
+export declare function formatPrDate(value: string): string;
+export declare function formatDateTime(value: string): string;
+export declare function getItemTotal(item: Pick<PrItem, "quantity" | "unitCost">): number;
+export declare function getRecordTotal(record: Pick<PrRecord, "items">): number;
+export declare function getSelectablePrInventoryItems<T extends {
+    itemId?: number | null;
+    stockNo: string;
+    category: string;
+    stockStatus: string;
+}>(inventoryItems: readonly T[], inventoryCategory: string | null, currentItems: readonly Pick<PrItem, "id" | "itemId" | "stockNo">[], editingItemId?: string | null): T[];
+export type BuildPrItemResult = {
+    item: PrItem;
+    error: null;
+} | {
+    item: null;
+    error: string;
+};
+export declare function buildPrItemFromDraft(currentItems: readonly PrItem[], draft: PrItemDraft, editingItemId?: string | null): BuildPrItemResult;
+type PrApprovalSummaryForSignatories = {
+    submittedByName?: string | null;
+    submittedByDesignationName?: string | null;
+    submittedByOfficeName?: string | null;
+    steps: Array<{
+        status: string;
+        approverUserName?: string | null;
+        approverDesignationName?: string | null;
+        approverOfficeName?: string | null;
+    }>;
+};
+export declare function resolvePrWorkflowSignatories(summary: PrApprovalSummaryForSignatories | null | undefined, requestor?: PrSignatory): PrSignatories;
+export declare function buildPurchaseRequestSheetModel(record: PrRecord, signatories?: PrSignatories): PurchaseRequestSheetModel;
+export declare function buildPurchaseRequestWorksheetData(record: PrRecord, signatories?: PrSignatories): (string | number)[][];
+export declare function exportPurchaseRequestXlsx(record: PrRecord, signatories?: PrSignatories): void;
+export declare function exportPurchaseRequestCsv(record: PrRecord): void;
+export declare function buildPurchaseRequestCsv(record: PrRecord): string;
+export declare function getExcelPreviewCellClassName(kind: CellKind): "border border-slate-400 bg-white text-center font-bold" | "border border-slate-400 bg-white font-semibold" | "border border-slate-500 bg-slate-100 text-center font-semibold" | "border border-slate-300 bg-white text-center" | "border border-slate-300 bg-white text-right" | "border border-slate-300 bg-white text-center italic text-slate-500" | "border border-slate-300 bg-white";
+export declare const EMPTY_BASIC_FORM: PrBasicForm;
+export declare const EMPTY_ITEM_DRAFT: PrItemDraft;