@tonzxz/government-forms 0.1.0

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

@@ -0,0 +1,29 @@
+export type RegSpiStatus = "Draft" | "Submitted" | "Approved";
+export type ModalMode = "create" | "view" | "edit";
+export type EntryRow = {
+    id: string;
+    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;
+};
+export type BasicForm = {
+    entityName: string;
+    semiExpendableProperty: string;
+    fundCluster: string;
+    sheetNumber: string;
+};
+export declare const EMPTY_BASIC_FORM: BasicForm;
+export declare const EMPTY_ENTRY_DRAFT: Omit<EntryRow, "id">;

package/dist/reports/regspi/types.js

@@ -0,0 +1,24 @@
+export const EMPTY_BASIC_FORM = {
+    entityName: "",
+    semiExpendableProperty: "",
+    fundCluster: "",
+    sheetNumber: "",
+};
+export const EMPTY_ENTRY_DRAFT = {
+    entryDate: "",
+    reference: "",
+    iicRrspNo: "",
+    semiExpendablePropertyNo: "",
+    itemDescription: "",
+    estimatedUsefulLife: "",
+    issuedQty: "0",
+    issuedOfficeOfficer: "",
+    returnedQty: "0",
+    returnedOfficeOfficer: "",
+    reissuedQty: "0",
+    reissuedOfficeOfficer: "",
+    disposedQty: "0",
+    balance: "0",
+    amount: "0",
+    remarks: "",
+};

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

@@ -0,0 +1,48 @@
+import type { RegSpiEntry, RegSpiReport } from "../../internal/contracts/modules/v1/reg-spi-reports/reg-spi-reports.schema.js";
+import type { BasicForm, EntryRow } from "./types.js";
+export declare function formatDateTime(value: string): string;
+export declare function fmtDate(value?: string): string;
+export declare function fmtQtyShort(value: string): string;
+export declare function fmtAmount(value: string): string;
+/** Build preview-ready entry from a live EntryRow (used in create/edit form) */
+export declare function entryRowToPreviewEntry(row: Omit<EntryRow, "id"> | 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;
+};
+/** Build preview-ready entry from a stored RegSpiEntry (used in view modal) */
+export declare function storedEntryToPreviewEntry(entry: RegSpiEntry): {
+    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;
+};
+/** Build a BasicForm from a stored RegSpiReport (used when opening edit modal) */
+export declare function recordToBasicForm(record: RegSpiReport): BasicForm;
+/** Build EntryRow[] from a stored RegSpiReport's entries (used when opening edit modal) */
+export declare function recordEntriesToRows(entries: RegSpiEntry[]): EntryRow[];

package/dist/reports/regspi/utils.js

@@ -0,0 +1,98 @@
+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 || value.trim() === "")
+        return "";
+    const d = new Date(value);
+    return isNaN(d.getTime()) ? value : d.toLocaleDateString("en-PH");
+}
+export function fmtQtyShort(value) {
+    const n = Number(value);
+    return Number.isNaN(n) || n === 0 ? "-" : n.toString();
+}
+export function fmtAmount(value) {
+    const n = Number(value);
+    return Number.isNaN(n) ? value : n === 0
+        ? ""
+        : n.toLocaleString("en-PH", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+}
+/** Build preview-ready entry from a live EntryRow (used in create/edit form) */
+export function entryRowToPreviewEntry(row) {
+    return {
+        entryDate: row.entryDate,
+        reference: row.reference,
+        iicRrspNo: row.iicRrspNo,
+        semiExpendablePropertyNo: row.semiExpendablePropertyNo,
+        itemDescription: row.itemDescription,
+        estimatedUsefulLife: row.estimatedUsefulLife,
+        issuedQty: row.issuedQty,
+        issuedOfficeOfficer: row.issuedOfficeOfficer,
+        returnedQty: row.returnedQty,
+        returnedOfficeOfficer: row.returnedOfficeOfficer,
+        reissuedQty: row.reissuedQty,
+        reissuedOfficeOfficer: row.reissuedOfficeOfficer,
+        disposedQty: row.disposedQty,
+        balance: row.balance,
+        amount: row.amount,
+        remarks: row.remarks,
+    };
+}
+/** Build preview-ready entry from a stored RegSpiEntry (used in view modal) */
+export function storedEntryToPreviewEntry(entry) {
+    return {
+        entryDate: entry.entryDate ?? "",
+        reference: entry.reference ?? "",
+        iicRrspNo: entry.iicRrspNo ?? "",
+        semiExpendablePropertyNo: entry.semiExpendablePropertyNo ?? "",
+        itemDescription: entry.itemDescription ?? "",
+        estimatedUsefulLife: entry.estimatedUsefulLife ?? "",
+        issuedQty: entry.issuedQty,
+        issuedOfficeOfficer: entry.issuedOfficeOfficer ?? "",
+        returnedQty: entry.returnedQty,
+        returnedOfficeOfficer: entry.returnedOfficeOfficer ?? "",
+        reissuedQty: entry.reissuedQty,
+        reissuedOfficeOfficer: entry.reissuedOfficeOfficer ?? "",
+        disposedQty: entry.disposedQty,
+        balance: entry.balance,
+        amount: entry.amount,
+        remarks: entry.remarks ?? "",
+    };
+}
+/** Build a BasicForm from a stored RegSpiReport (used when opening edit modal) */
+export function recordToBasicForm(record) {
+    return {
+        entityName: record.entityName ?? "",
+        semiExpendableProperty: record.semiExpendableProperty ?? "",
+        fundCluster: record.fundCluster ?? "",
+        sheetNumber: record.sheetNumber ?? "",
+    };
+}
+/** Build EntryRow[] from a stored RegSpiReport's entries (used when opening edit modal) */
+export function recordEntriesToRows(entries) {
+    return entries.map((e, i) => ({
+        id: `ENTRY-${String(i + 1).padStart(3, "0")}`,
+        entryDate: e.entryDate ? e.entryDate.slice(0, 10) : "",
+        reference: e.reference ?? "",
+        iicRrspNo: e.iicRrspNo ?? "",
+        semiExpendablePropertyNo: e.semiExpendablePropertyNo ?? "",
+        itemDescription: e.itemDescription ?? "",
+        estimatedUsefulLife: e.estimatedUsefulLife ?? "",
+        issuedQty: e.issuedQty,
+        issuedOfficeOfficer: e.issuedOfficeOfficer ?? "",
+        returnedQty: e.returnedQty,
+        returnedOfficeOfficer: e.returnedOfficeOfficer ?? "",
+        reissuedQty: e.reissuedQty,
+        reissuedOfficeOfficer: e.reissuedOfficeOfficer ?? "",
+        disposedQty: e.disposedQty,
+        balance: e.balance,
+        amount: e.amount,
+        remarks: e.remarks ?? "",
+    }));
+}

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

@@ -0,0 +1,36 @@
+import { type ReactNode } from "react";
+import type { RisBasicForm, RisItem, RisItemDraft } from "../types.js";
+type PickingCriteria = "FIFO" | "LIFO" | "FEFO";
+type InventoryOption = {
+    id: string;
+    itemId?: number;
+    referenceBatchId?: number;
+    referenceBatchNo?: string;
+    itemCode: string;
+    description: string;
+    category: string;
+    uom: string;
+    unitCost: number;
+    quantity: number;
+    pickingCriteria?: PickingCriteria;
+    stockStatus: string;
+};
+type RisCreateFormProps = {
+    activeTab: string;
+    onActiveTabChange: (tab: string) => void;
+    risNo: string;
+    onRefreshRisNo: () => void;
+    basicForm: RisBasicForm;
+    basicFieldErrors?: Partial<Record<keyof RisBasicForm, string>>;
+    onBasicFieldChange: <K extends keyof RisBasicForm>(field: K, value: RisBasicForm[K]) => void;
+    items: RisItem[];
+    itemDraft: RisItemDraft;
+    onItemDraftFieldChange: <K extends keyof RisItemDraft>(field: K, value: RisItemDraft[K]) => void;
+    onAddItem: () => void;
+    onRemoveItem: (id: string) => void;
+    inventoryItems?: InventoryOption[];
+    pickingPlanPanel?: ReactNode;
+    role?: "enduser" | "supply" | "superadmin";
+};
+export declare function RisCreateForm({ activeTab, onActiveTabChange, risNo, onRefreshRisNo, basicForm, basicFieldErrors, onBasicFieldChange, items, itemDraft, onItemDraftFieldChange, onAddItem, onRemoveItem, inventoryItems, pickingPlanPanel, role, }: RisCreateFormProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,149 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { ArrowDown01Icon, Delete02Icon, PlusSignIcon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { ConfigurableFormLayout, } from "../../../internal/components/configurable-form-layout.js";
+import { Badge } from "../../../internal/components/ui/badge.js";
+import { Button } from "../../../internal/components/ui/button.js";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "../../../internal/components/ui/command.js";
+import { DateInput } from "../../../internal/components/ui/date-input.js";
+import { Input } from "../../../internal/components/ui/input.js";
+import { Label } from "../../../internal/components/ui/label.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../../../internal/components/ui/popover.js";
+import { Switch } from "../../../internal/components/ui/switch.js";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "../../../internal/components/ui/table.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../../internal/components/ui/tabs.js";
+import { cn } from "../../../internal/lib/utils.js";
+export function RisCreateForm({ activeTab, onActiveTabChange, risNo, onRefreshRisNo, basicForm, basicFieldErrors = {}, onBasicFieldChange, items, itemDraft, onItemDraftFieldChange, onAddItem, onRemoveItem, inventoryItems, pickingPlanPanel, role, }) {
+    const [inventoryPickerOpen, setInventoryPickerOpen] = useState(false);
+    const hasInventorySource = Array.isArray(inventoryItems);
+    const hasInventory = hasInventorySource && inventoryItems.length > 0;
+    const isEnduser = role === "enduser";
+    const selectedPickingCriteria = itemDraft.pickingCriteria.trim();
+    const filteredInventoryItems = selectedPickingCriteria.length === 0
+        ? []
+        : (inventoryItems ?? []).filter(item => item.pickingCriteria === selectedPickingCriteria);
+    const hasMatchingInventory = filteredInventoryItems.length > 0;
+    const canSelectInventoryItem = !hasInventorySource || selectedPickingCriteria.length > 0;
+    const selectedInventoryLabel = useMemo(() => {
+        if (!itemDraft.stockNo.trim())
+            return "";
+        const selected = filteredInventoryItems.find(item => item.itemCode === itemDraft.stockNo);
+        if (!selected)
+            return itemDraft.stockNo;
+        return `${selected.itemCode} — ${selected.description} (Available: ${selected.quantity} ${selected.uom})`;
+    }, [filteredInventoryItems, itemDraft.stockNo]);
+    function handleInventorySelect(itemCode) {
+        if (!inventoryItems)
+            return;
+        const selected = filteredInventoryItems.find(item => item.itemCode === itemCode);
+        if (!selected) {
+            onItemDraftFieldChange("itemId", undefined);
+            onItemDraftFieldChange("inventoryBatchId", undefined);
+            onItemDraftFieldChange("stockNo", itemCode);
+            onItemDraftFieldChange("unit", "");
+            onItemDraftFieldChange("description", "");
+            onItemDraftFieldChange("unitCost", "0");
+            onItemDraftFieldChange("referenceBatchNo", "");
+            onItemDraftFieldChange("stockAvailable", false);
+            return;
+        }
+        onItemDraftFieldChange("stockNo", selected.itemCode);
+        onItemDraftFieldChange("itemId", selected.itemId);
+        onItemDraftFieldChange("inventoryBatchId", selected.referenceBatchId);
+        onItemDraftFieldChange("unit", selected.uom);
+        onItemDraftFieldChange("description", selected.description);
+        onItemDraftFieldChange("unitCost", String(selected.unitCost));
+        onItemDraftFieldChange("referenceBatchNo", selected.referenceBatchNo ?? "");
+        onItemDraftFieldChange("stockAvailable", selected.quantity > 0);
+    }
+    function basicInputClass(field, className) {
+        return cn("w-full rounded-md border px-3 py-2 text-sm", basicFieldErrors[field] && "border-rose-500 focus-visible:outline-rose-500", className);
+    }
+    function BasicFieldError({ field }) {
+        const message = basicFieldErrors[field];
+        if (!message)
+            return null;
+        return _jsx("p", { className: "text-xs text-rose-600", children: message });
+    }
+    const fields = [
+        {
+            id: "risDate",
+            label: "RIS Date",
+            render: () => (_jsxs("div", { children: [_jsx(DateInput, { type: "date", value: basicForm.risDate, onChange: e => onBasicFieldChange("risDate", e.target.value), className: basicInputClass("risDate") }), _jsx(BasicFieldError, { field: "risDate" })] })),
+        },
+        ...(isEnduser
+            ? []
+            : [
+                {
+                    id: "issueDate",
+                    label: "Issue Date",
+                    render: () => (_jsx(DateInput, { type: "date", value: basicForm.issueDate, onChange: e => onBasicFieldChange("issueDate", e.target.value), className: "w-full rounded-md border px-3 py-2 text-sm" })),
+                },
+            ]),
+        {
+            id: "entityName",
+            label: "Entity Name",
+            fullWidth: true,
+            render: () => (_jsxs("div", { children: [_jsx("input", { value: basicForm.entityName, onChange: e => onBasicFieldChange("entityName", e.target.value), placeholder: "Entity Name", className: basicInputClass("entityName") }), _jsx(BasicFieldError, { field: "entityName" })] })),
+        },
+        {
+            id: "fundCluster",
+            label: "Fund Cluster",
+            fullWidth: true,
+            render: () => (_jsxs("div", { children: [_jsxs("select", { value: basicForm.fundCluster, onChange: e => onBasicFieldChange("fundCluster", e.target.value), className: basicInputClass("fundCluster"), 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" })] }), _jsx(BasicFieldError, { field: "fundCluster" })] })),
+        },
+        {
+            id: "division",
+            label: "Division",
+            render: () => (_jsxs("div", { children: [_jsx("input", { value: basicForm.division, onChange: e => onBasicFieldChange("division", e.target.value), placeholder: "Division", className: basicInputClass("division") }), _jsx(BasicFieldError, { field: "division" })] })),
+        },
+        {
+            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: "officeName",
+            label: "Office",
+            fullWidth: true,
+            render: () => (_jsxs("div", { children: [_jsx("input", { value: basicForm.officeName, onChange: e => onBasicFieldChange("officeName", e.target.value), placeholder: "Office", className: basicInputClass("officeName") }), _jsx(BasicFieldError, { field: "officeName" })] })),
+        },
+        {
+            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: isEnduser ? "ris-basic-info-enduser" : "ris-basic-info", fields: fields, header: _jsx("div", { className: "rounded-md border border-indigo-200 bg-indigo-50 p-4 dark:border-indigo-400/35 dark:bg-indigo-950/40", 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 RIS Number" }), _jsx("p", { className: "text-3xl font-semibold text-slate-700 dark:text-indigo-100", children: risNo })] }), !isEnduser && (_jsx("button", { onClick: onRefreshRisNo, className: "rounded-md border border-slate-300 bg-white px-3 py-1 text-xs font-medium text-slate-700 hover:bg-slate-100 dark:border-slate-500 dark:bg-slate-800 dark:text-slate-100 dark:hover:bg-slate-700", children: "Refresh" }))] }) }) }) }), _jsxs(TabsContent, { value: "items", className: "mt-4 space-y-4", children: [_jsx("div", { className: "border-border overflow-hidden rounded-lg border", children: _jsxs(Table, { children: [_jsxs(TableHeader, { children: [isEnduser ? (_jsxs(TableRow, { className: "bg-muted/50", children: [_jsx(TableHead, { colSpan: 6, className: "border-border border-r text-xs font-semibold", children: "Requisition" }), _jsx(TableHead, { className: "text-xs font-semibold", children: "Action" })] })) : (_jsxs(TableRow, { className: "bg-muted/50", children: [_jsx(TableHead, { colSpan: 6, className: "border-border border-r text-xs font-semibold", children: "Requisition" }), _jsx(TableHead, { className: "border-border border-r text-center text-xs font-semibold", children: "Stock Available?" }), _jsx(TableHead, { colSpan: 2, className: "border-border border-r text-xs font-semibold", children: "Issue" }), _jsx(TableHead, { className: "border-border border-r text-center text-xs font-semibold", children: "Picking" }), _jsx(TableHead, { className: "text-xs font-semibold", children: "Action" })] })), isEnduser ? (_jsxs(TableRow, { className: "bg-muted/30", children: [_jsx(TableHead, { className: "text-xs", children: "Line" }), _jsx(TableHead, { className: "text-xs", children: "Stock No." }), _jsx(TableHead, { className: "text-xs", children: "Category" }), _jsx(TableHead, { className: "text-xs", children: "Unit" }), _jsx(TableHead, { className: "text-xs", children: "Description" }), _jsx(TableHead, { className: "border-border border-r text-right text-xs", children: "Qty" }), _jsx(TableHead, { className: "w-17.5 text-xs" })] })) : (_jsxs(TableRow, { className: "bg-muted/30", children: [_jsx(TableHead, { className: "text-xs", children: "Line" }), _jsx(TableHead, { className: "text-xs", children: "Stock No." }), _jsx(TableHead, { className: "text-xs", children: "Category" }), _jsx(TableHead, { className: "text-xs", children: "Unit" }), _jsx(TableHead, { className: "text-xs", children: "Description" }), _jsx(TableHead, { className: "border-border border-r text-right text-xs", children: "Qty" }), _jsx(TableHead, { className: "border-border border-r text-center text-xs", children: "Yes / No" }), _jsx(TableHead, { className: "text-right text-xs", children: "Qty" }), _jsx(TableHead, { className: "border-border border-r text-xs", children: "Remarks" }), _jsx(TableHead, { className: "border-border border-r text-center text-xs", children: "Criteria" }), _jsx(TableHead, { className: "w-17.5 text-xs" })] }))] }), _jsxs(TableBody, { children: [items.map(item => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "text-xs", children: item.lineNo }), _jsx(TableCell, { className: "text-xs", children: item.stockNo }), _jsx(TableCell, { className: "text-xs", children: _jsx(Badge, { variant: "outline", className: "text-[10px]", children: item.category ?? "—" }) }), _jsx(TableCell, { className: "text-xs", children: item.unit }), _jsx(TableCell, { className: "text-xs", children: item.description }), _jsx(TableCell, { className: "border-border border-r text-right text-xs", children: item.requestedQty }), !isEnduser && (_jsxs(_Fragment, { children: [_jsx(TableCell, { className: "border-border border-r text-center", children: _jsx(Badge, { variant: item.stockAvailable ? "default" : "secondary", className: "text-[10px]", children: item.stockAvailable ? "Yes" : "No" }) }), _jsx(TableCell, { className: "text-right text-xs", children: item.issuedQty }), _jsx(TableCell, { className: "border-border border-r text-xs", children: item.remarks || "—" }), _jsx(TableCell, { className: "border-border border-r text-center", children: item.pickingCriteria ? (_jsx("span", { className: "rounded-full bg-violet-100 px-2 py-0.5 text-[10px] font-medium text-violet-800", children: item.pickingCriteria })) : (_jsx("span", { className: "text-[10px] text-slate-400", children: "Auto" })) })] })), _jsx(TableCell, { children: _jsx(Button, { variant: "ghost", size: "icon-xs", onClick: () => onRemoveItem(item.id), children: _jsx(HugeiconsIcon, { icon: Delete02Icon, size: 14, className: "text-destructive" }) }) })] }, item.id))), items.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: isEnduser ? 7 : 11, className: "text-muted-foreground h-16 text-center text-xs", children: "No items added yet. Use the form below to add line items." }) }))] })] }) }), _jsxs("div", { className: "space-y-3 rounded-lg border border-dashed p-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("p", { className: "text-muted-foreground text-xs font-medium", children: "Add New Item" }), _jsx("p", { className: "text-[10px] text-blue-600", children: "\uD83D\uDCA1 Items with batches will use picking criteria" })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs(Label, { htmlFor: "ris-picking", className: "text-muted-foreground text-xs", children: ["Picking Criteria", _jsx("span", { className: "ml-1 text-[10px] text-blue-600", children: "(required before item selection)" })] }), _jsxs("select", { id: "ris-picking", value: itemDraft.pickingCriteria, onChange: e => {
+                                            const nextPickingCriteria = e.target.value;
+                                            onItemDraftFieldChange("pickingCriteria", e.target.value);
+                                            if (nextPickingCriteria !== itemDraft.pickingCriteria) {
+                                                handleInventorySelect("");
+                                            }
+                                        }, className: "w-full rounded-md border px-3 py-2 text-sm", children: [_jsx("option", { value: "", children: "\u2014 Select picking criteria first \u2014" }), _jsx("option", { value: "FIFO", children: "FIFO \u2014 Oldest first" }), _jsx("option", { value: "LIFO", children: "LIFO \u2014 Newest first" }), _jsx("option", { value: "FEFO", children: "FEFO \u2014 Expires soonest" })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-muted-foreground text-xs", children: "Select Item from Inventory" }), hasInventorySource ? (_jsxs(Popover, { open: inventoryPickerOpen, onOpenChange: setInventoryPickerOpen, children: [_jsxs(PopoverTrigger, { disabled: !canSelectInventoryItem, className: cn("flex w-full items-center justify-between rounded-md border px-3 py-2 text-left text-sm", !canSelectInventoryItem && "cursor-not-allowed opacity-50"), children: [_jsx("span", { className: cn("truncate", selectedInventoryLabel.length === 0 && "text-muted-foreground"), children: !canSelectInventoryItem
+                                                            ? "— Select picking criteria first —"
+                                                            : selectedInventoryLabel.length > 0
+                                                                ? selectedInventoryLabel
+                                                                : hasMatchingInventory
+                                                                    ? "— Select an inventory item —"
+                                                                    : hasInventory
+                                                                        ? "— No items match selected picking criteria —"
+                                                                        : "— No referenced items/batches available —" }), _jsx(HugeiconsIcon, { icon: ArrowDown01Icon, size: 14, className: "text-muted-foreground ml-2 shrink-0" })] }), _jsx(PopoverContent, { className: "w-[min(40rem,calc(100vw-3rem))] p-0", align: "start", children: _jsxs(Command, { shouldFilter: true, children: [_jsx(CommandInput, { placeholder: !canSelectInventoryItem
+                                                                ? "Select picking criteria first"
+                                                                : "Search stock no, description, or unit", disabled: !canSelectInventoryItem || !hasMatchingInventory }), _jsx(CommandList, { children: !canSelectInventoryItem ? (_jsx(CommandEmpty, { children: "Select picking criteria first." })) : !hasMatchingInventory ? (_jsx(CommandEmpty, { children: hasInventory
+                                                                    ? "No items match selected picking criteria."
+                                                                    : "No referenced items or batches available." })) : (_jsxs(_Fragment, { children: [_jsx(CommandEmpty, { children: "No matching inventory item found." }), _jsxs(CommandGroup, { children: [itemDraft.stockNo.trim().length > 0 && (_jsx(CommandItem, { value: "clear-selection", onSelect: () => {
+                                                                                    handleInventorySelect("");
+                                                                                    setInventoryPickerOpen(false);
+                                                                                }, children: "\u2014 Clear selected item \u2014" })), filteredInventoryItems.map(item => {
+                                                                                const isOutOfStock = item.quantity <= 0;
+                                                                                const quantityLabel = `Available: ${item.quantity} ${item.uom}${isOutOfStock ? " · Out of Stock" : item.stockStatus === "Low Stock" ? " · Low Stock" : ""}`;
+                                                                                return (_jsx(CommandItem, { value: `${item.itemCode} ${item.description} ${item.uom} ${item.stockStatus}`, disabled: isOutOfStock, onSelect: () => {
+                                                                                        handleInventorySelect(item.itemCode);
+                                                                                        setInventoryPickerOpen(false);
+                                                                                    }, children: _jsxs("div", { className: "flex w-full items-center justify-between gap-2", children: [_jsxs("span", { className: "truncate", children: [item.itemCode, " \u2014 ", item.description] }), _jsx("span", { className: "text-muted-foreground shrink-0 text-xs", children: quantityLabel })] }) }, item.id));
+                                                                            })] })] })) })] }) })] })) : (_jsx(Input, { value: itemDraft.stockNo, onChange: e => onItemDraftFieldChange("stockNo", e.target.value), placeholder: "e.g. 101-01" }))] }), _jsxs("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "ris-unit", className: "text-muted-foreground text-xs", children: "Unit" }), _jsx(Input, { id: "ris-unit", value: itemDraft.unit, onChange: e => onItemDraftFieldChange("unit", e.target.value), placeholder: "e.g. pcs, box", readOnly: hasInventory && itemDraft.stockNo.length > 0, className: hasInventory && itemDraft.stockNo.length > 0 ? "bg-muted/40" : "" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "ris-unit-cost", className: "text-muted-foreground text-xs", children: "Reference Unit Cost" }), _jsx(Input, { id: "ris-unit-cost", value: itemDraft.unitCost, readOnly: true, className: "bg-muted/40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "ris-batch-ref", className: "text-muted-foreground text-xs", children: "Reference Batch" }), _jsx(Input, { id: "ris-batch-ref", value: itemDraft.referenceBatchNo, readOnly: true, placeholder: "Auto-selected from inventory batch", className: "bg-muted/40" })] }), _jsxs("div", { className: "space-y-1 sm:col-span-2", children: [_jsx(Label, { htmlFor: "ris-desc", className: "text-muted-foreground text-xs", children: "Description" }), _jsx(Input, { id: "ris-desc", value: itemDraft.description, onChange: e => onItemDraftFieldChange("description", e.target.value), placeholder: "Item description", readOnly: hasInventory && itemDraft.stockNo.length > 0, className: hasInventory && itemDraft.stockNo.length > 0 ? "bg-muted/40" : "" })] })] }), isEnduser ? (_jsx("div", { className: "grid gap-3 sm:grid-cols-2", children: _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "ris-reqQty", className: "text-muted-foreground text-xs", children: "Requested Qty" }), _jsx(Input, { id: "ris-reqQty", type: "number", min: 1, value: itemDraft.requestedQty, onChange: e => onItemDraftFieldChange("requestedQty", e.target.value), placeholder: "1" })] }) })) : (_jsxs("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-5", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "ris-reqQty", className: "text-muted-foreground text-xs", children: "Requested Qty" }), _jsx(Input, { id: "ris-reqQty", type: "number", min: 1, value: itemDraft.requestedQty, onChange: e => onItemDraftFieldChange("requestedQty", e.target.value), placeholder: "1" })] }), _jsx("div", { className: "flex items-end gap-3 pb-0.5", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { id: "ris-stockAvail", checked: itemDraft.stockAvailable, onCheckedChange: checked => onItemDraftFieldChange("stockAvailable", checked) }), _jsx(Label, { htmlFor: "ris-stockAvail", className: "text-xs", children: "Stock Available" })] }) }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "ris-issQty", className: "text-muted-foreground text-xs", children: "Issued Qty" }), _jsx(Input, { id: "ris-issQty", type: "number", min: 0, value: itemDraft.issuedQty, onChange: e => onItemDraftFieldChange("issuedQty", e.target.value), placeholder: "0" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "ris-remarks", className: "text-muted-foreground text-xs", children: "Remarks" }), _jsx(Input, { id: "ris-remarks", value: itemDraft.remarks, onChange: e => onItemDraftFieldChange("remarks", e.target.value), placeholder: "Optional" })] })] })), _jsxs(Button, { onClick: onAddItem, size: "sm", className: "mt-1", children: [_jsx(HugeiconsIcon, { icon: PlusSignIcon, "data-icon": "inline-start", size: 14 }), "Add Item"] })] }), !isEnduser && pickingPlanPanel] })] }));
+}

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

@@ -0,0 +1,8 @@
+import type { RisBasicForm, RisItem } from "../types.js";
+type RisDocumentPreviewProps = {
+    basicForm: RisBasicForm;
+    risNo: string;
+    items: RisItem[];
+};
+export declare function RisDocumentPreview({ basicForm, risNo, items }: RisDocumentPreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function formatDisplayDate(value) {
+    if (!value)
+        return "";
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime()))
+        return value;
+    return date.toLocaleDateString("en-PH", {
+        year: "numeric",
+        month: "2-digit",
+        day: "2-digit",
+    });
+}
+export function RisDocumentPreview({ basicForm, risNo, items }) {
+    const previewRows = [...items];
+    while (previewRows.length < 15) {
+        previewRows.push({
+            id: `blank-${previewRows.length + 1}`,
+            lineNo: previewRows.length + 1,
+            stockNo: "",
+            unit: "",
+            description: "",
+            requestedQty: 0,
+            stockAvailable: false,
+            issuedQty: 0,
+            remarks: "",
+        });
+    }
+    return (_jsx("div", { className: "w-full overflow-x-auto", children: _jsxs("div", { "data-pdf-page": "true", "data-pdf-orientation": "portrait", className: "mx-auto min-h-[1123px] w-[794px] bg-white p-8 text-[11px] text-slate-900", children: [_jsx("p", { className: "mb-2 text-right text-[10px] text-slate-500 italic", children: "Appendix 63" }), _jsx("h4", { className: "mb-4 text-center text-[28px] font-semibold tracking-wide", children: "REQUISITION AND ISSUE SLIP" }), _jsxs("div", { className: "mb-3 grid grid-cols-[1fr_auto] gap-4 border-b border-slate-900 pb-2 text-xs", children: [_jsxs("p", { children: [_jsx("span", { className: "font-semibold", children: "Entity Name :" }), " ", _jsx("span", { className: "font-semibold underline underline-offset-2", children: basicForm.entityName || " " })] }), _jsxs("p", { children: [_jsx("span", { className: "font-semibold", children: "Fund Cluster :" }), " ", basicForm.fundCluster || " "] })] }), _jsx("table", { className: "mb-0 min-w-full border-collapse text-xs", children: _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsx("td", { className: "border border-slate-900 p-2 align-top", children: _jsxs("div", { className: "min-h-14", children: [_jsx("p", { className: "font-semibold", children: "Division :" }), _jsx("p", { className: "mt-2", children: basicForm.division || " " })] }) }), _jsx("td", { className: "border border-slate-900 p-2 align-top", children: _jsxs("div", { className: "min-h-14", children: [_jsx("p", { className: "font-semibold", children: "Responsibility Center Code :" }), _jsx("p", { className: "mt-2", children: basicForm.responsibilityCenterCode || " " })] }) })] }), _jsxs("tr", { children: [_jsxs("td", { className: "border border-slate-900 p-2", children: [_jsx("span", { className: "font-semibold", children: "Office :" }), " ", basicForm.officeName || " "] }), _jsx("td", { className: "border border-slate-900 p-2", children: _jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsxs("p", { children: [_jsx("span", { className: "font-semibold", children: "RIS No. :" }), " ", risNo] }), _jsxs("p", { children: [_jsx("span", { className: "font-semibold", children: "Date :" }), " ", formatDisplayDate(basicForm.risDate)] })] }) })] })] }) }), _jsxs("table", { className: "mb-0 min-w-full border-collapse text-xs", children: [_jsxs("thead", { children: [_jsxs("tr", { children: [_jsx("th", { className: "border border-slate-900 p-1 text-center italic", colSpan: 4, children: "Requisition" }), _jsx("th", { className: "border border-slate-900 p-1 text-center italic", colSpan: 2, children: "Stock Available?" }), _jsx("th", { className: "border border-slate-900 p-1 text-center italic", colSpan: 2, children: "Issue" })] }), _jsxs("tr", { children: [_jsx("th", { className: "border border-slate-900 p-1", children: "Stock No." }), _jsx("th", { className: "border border-slate-900 p-1", children: "Unit" }), _jsx("th", { className: "border border-slate-900 p-1", children: "Description" }), _jsx("th", { className: "border border-slate-900 p-1", children: "Quantity" }), _jsx("th", { className: "border border-slate-900 p-1 text-center", children: "Yes" }), _jsx("th", { className: "border border-slate-900 p-1 text-center", children: "No" }), _jsx("th", { className: "border border-slate-900 p-1", children: "Quantity" }), _jsx("th", { className: "border border-slate-900 p-1", children: "Remarks" })] })] }), _jsx("tbody", { children: previewRows.map(item => (_jsxs("tr", { children: [_jsx("td", { className: "h-7 border border-slate-900 p-1", children: item.stockNo || " " }), _jsx("td", { className: "border border-slate-900 p-1", children: item.unit || " " }), _jsx("td", { className: "border border-slate-900 p-1", children: item.description || " " }), _jsx("td", { className: "border border-slate-900 p-1 text-right", children: item.stockNo ? item.requestedQty : " " }), _jsx("td", { className: "border border-slate-900 p-1 text-center", children: item.stockNo && item.stockAvailable ? "✓" : " " }), _jsx("td", { className: "border border-slate-900 p-1 text-center", children: item.stockNo && !item.stockAvailable ? "✓" : " " }), _jsx("td", { className: "border border-slate-900 p-1 text-right", children: item.stockNo && item.issuedQty > 0 ? item.issuedQty : " " }), _jsx("td", { className: "border border-slate-900 p-1", children: item.remarks || " " })] }, `preview-${item.id}`))) })] }), _jsxs("div", { className: "mb-0 border border-t-0 border-slate-900 p-2 text-xs", children: [_jsx("span", { className: "font-semibold", children: "Purpose:" }), " ", basicForm.purpose || " "] }), _jsxs("table", { className: "min-w-full border-collapse text-xs", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { className: "border border-slate-900 p-2 text-left font-semibold", children: "Signature :" }), _jsx("th", { className: "border border-slate-900 p-2 text-left font-semibold", children: "Requested by:" }), _jsx("th", { className: "border border-slate-900 p-2 text-left font-semibold", children: "Approved by:" }), _jsx("th", { className: "border border-slate-900 p-2 text-left font-semibold", children: "Issued by:" }), _jsx("th", { className: "border border-slate-900 p-2 text-left font-semibold", children: "Received by:" })] }) }), _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsx("td", { className: "border border-slate-900 p-2 font-semibold", children: "Printed Name :" }), _jsx("td", { className: "border border-slate-900 p-2 font-semibold", children: basicForm.requestedByName || " " }), _jsx("td", { className: "border border-slate-900 p-2 font-semibold", children: basicForm.approvedByName || " " }), _jsx("td", { className: "border border-slate-900 p-2 font-semibold", children: basicForm.issuedByName || " " }), _jsx("td", { className: "border border-slate-900 p-2 font-semibold", children: basicForm.receivedByName || " " })] }), _jsxs("tr", { children: [_jsx("td", { className: "border border-slate-900 p-2 font-semibold", children: "Designation :" }), _jsx("td", { className: "border border-slate-900 p-2", children: basicForm.requestedByDesignation || " " }), _jsx("td", { className: "border border-slate-900 p-2", children: basicForm.approvedByDesignation || " " }), _jsx("td", { className: "border border-slate-900 p-2", children: basicForm.issuedByDesignation || " " }), _jsx("td", { className: "border border-slate-900 p-2", children: basicForm.receivedByDesignation || " " })] }), _jsxs("tr", { children: [_jsx("td", { className: "border border-slate-900 p-2 font-semibold", children: "Date :" }), _jsx("td", { className: "border border-slate-900 p-2", children: formatDisplayDate(basicForm.requestedByDate) }), _jsx("td", { className: "border border-slate-900 p-2", children: formatDisplayDate(basicForm.approvedByDate) }), _jsx("td", { className: "border border-slate-900 p-2", children: formatDisplayDate(basicForm.issuedByDate || basicForm.issueDate) }), _jsx("td", { className: "border border-slate-900 p-2", children: formatDisplayDate(basicForm.receivedByDate) })] })] })] })] }) }));
+}

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

@@ -0,0 +1,93 @@
+export type RisStatus = "Pending" | "Approved" | "Returned" | "Issued" | "Received";
+export type RisItemCategory = "Supplies" | "Semi-Expendable" | "PPE";
+export type RisItem = {
+    id: string;
+    lineNo: number;
+    itemId?: number | null;
+    inventoryBatchId?: number | null;
+    stockNo: string;
+    unit: string;
+    description: string;
+    category?: RisItemCategory;
+    requestedQty: number;
+    stockAvailable: boolean;
+    issuedQty: number;
+    unitCost?: number;
+    referenceBatchNo?: string;
+    remarks: string;
+    pickingCriteria?: "FIFO" | "LIFO" | "FEFO";
+};
+export type RisRecord = {
+    id: string;
+    risNo: string;
+    documentTypeId?: number | null;
+    entityName: string;
+    fundCluster: string;
+    divisionId?: string | null;
+    division: string;
+    responsibilityCenterCode: string;
+    officeId?: string | null;
+    officeName: string;
+    purchaseRequestRef?: string | null;
+    risDate: string;
+    issueDate: string;
+    purpose: string;
+    requestedById?: string;
+    requestedByEmail?: string;
+    requestedByRole?: string;
+    requestedByName: string;
+    requestedByDesignation: string;
+    requestedByDate?: string;
+    approvedByName: string;
+    approvedByDesignation: string;
+    approvedByDate?: string;
+    issuedByName: string;
+    issuedByDesignation: string;
+    issuedByDate?: string;
+    receivedByName: string;
+    receivedByDesignation: string;
+    receivedByDate?: string;
+    items: RisItem[];
+    status: RisStatus;
+    createdAt: string;
+    updatedAt?: string;
+};
+export type RisBasicForm = {
+    documentTypeId?: number;
+    entityName: string;
+    fundCluster: string;
+    divisionId?: string;
+    division: string;
+    responsibilityCenterCode: string;
+    officeId?: string;
+    officeName: string;
+    risDate: string;
+    issueDate: string;
+    purpose: string;
+    requestedByName: string;
+    requestedByDesignation: string;
+    requestedByDate?: string;
+    approvedByName: string;
+    approvedByDesignation: string;
+    approvedByDate?: string;
+    issuedByName: string;
+    issuedByDesignation: string;
+    issuedByDate?: string;
+    receivedByName: string;
+    receivedByDesignation: string;
+    receivedByDate?: string;
+};
+export type RisItemDraft = {
+    itemId?: number;
+    inventoryBatchId?: number;
+    stockNo: string;
+    unit: string;
+    description: string;
+    requestedQty: string;
+    stockAvailable: boolean;
+    issuedQty: string;
+    unitCost: string;
+    referenceBatchNo: string;
+    remarks: string;
+    pickingCriteria: string;
+};

package/dist/reports/ris/types.js

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

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

@@ -0,0 +1,11 @@
+import type { RlsddpFormState } from "../types.js";
+type Props = {
+    form: RlsddpFormState;
+    onChange: <K extends keyof RlsddpFormState>(key: K, value: RlsddpFormState[K]) => void;
+    activeTab: string;
+    onTabChange: (tab: string) => void;
+    mode: "create" | "edit";
+    rlsddpNo?: string;
+};
+export declare function RlsddpCreateForm({ form, onChange, activeTab, onTabChange, mode, rlsddpNo, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};