97a363fc53
Goods receipts and warehouse receipts now capture party vs warehouse separately; purchase returns link to invoices and reduce AP. Co-authored-by: Cursor <cursoragent@cursor.com>
992 lines
38 KiB
TypeScript
992 lines
38 KiB
TypeScript
"use client";
|
||
|
||
import { useMemo, useState } from "react";
|
||
import { createPortal } from "react-dom";
|
||
import { Controller, useFieldArray, useForm } from "react-hook-form";
|
||
import { z } from "zod";
|
||
import { zodResolver } from "@hookform/resolvers/zod";
|
||
import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
|
||
import { toast } from "sonner";
|
||
import { Eye, Pencil, Plus, Trash2, X } from "lucide-react";
|
||
import { accountingApi } from "@/lib/accounting-api";
|
||
import { useTenantId } from "@/hooks/useTenantId";
|
||
import { formatMoney, parseMoneyInput } from "@/lib/utils";
|
||
import {
|
||
PageHeader,
|
||
Button,
|
||
Input,
|
||
DataTable,
|
||
EmptyState,
|
||
LoadingState,
|
||
ErrorState,
|
||
Badge,
|
||
FormField,
|
||
MoneyInput,
|
||
DatePicker,
|
||
JalaliDateText,
|
||
ConfirmDialog,
|
||
Select,
|
||
} from "@/components/ds";
|
||
import { ItemCombobox, PartyCombobox } from "@/components/accounting/EntityCombobox";
|
||
|
||
export type DocKind =
|
||
| "invoice"
|
||
| "order"
|
||
| "request"
|
||
| "receipt"
|
||
| "transfer"
|
||
| "adjustment"
|
||
| "settlement"
|
||
| "generic";
|
||
|
||
type LineValues = { title: string; qty: string; unit_price: string; note?: string; item_id?: string };
|
||
|
||
const formSchema = z.object({
|
||
number: z.string().optional(),
|
||
doc_date: z.string().min(1, "تاریخ الزامی است"),
|
||
party_name: z.string().optional(),
|
||
party_id: z.string().optional(),
|
||
description: z.string().optional(),
|
||
amount: z.string().optional(),
|
||
warehouse_id: z.string().optional(),
|
||
warehouse_name: z.string().optional(),
|
||
credit_mode: z.string().optional(),
|
||
source_note: z.string().optional(),
|
||
movement_type: z.string().optional(),
|
||
lines: z
|
||
.array(
|
||
z.object({
|
||
title: z.string().min(1, "شرح ردیف الزامی است"),
|
||
qty: z.string().min(1, "تعداد الزامی است"),
|
||
unit_price: z.string().min(1, "فی الزامی است"),
|
||
note: z.string().optional(),
|
||
item_id: z.string().optional(),
|
||
})
|
||
)
|
||
.optional(),
|
||
});
|
||
|
||
type FormValues = z.infer<typeof formSchema>;
|
||
|
||
function PortalDialog({
|
||
open,
|
||
onClose,
|
||
title,
|
||
children,
|
||
wide,
|
||
}: {
|
||
open: boolean;
|
||
onClose: () => void;
|
||
title: string;
|
||
children: React.ReactNode;
|
||
wide?: boolean;
|
||
}) {
|
||
if (!open || typeof document === "undefined") return null;
|
||
return createPortal(
|
||
<div className="fixed inset-0 z-[100] flex items-center justify-center p-4">
|
||
<button type="button" aria-label="بستن" className="absolute inset-0 bg-black/45" onClick={onClose} />
|
||
<div
|
||
role="dialog"
|
||
aria-modal="true"
|
||
className={`relative z-10 max-h-[92vh] w-full overflow-y-auto rounded-2xl border border-[var(--border)] bg-[var(--surface)] shadow-[var(--shadow-lg)] ${
|
||
wide ? "max-w-4xl" : "max-w-2xl"
|
||
}`}
|
||
>
|
||
<div className="sticky top-0 z-10 flex items-start justify-between gap-3 border-b border-[var(--border)] bg-[var(--surface)] px-5 py-4">
|
||
<h2 className="text-base font-semibold text-secondary">{title}</h2>
|
||
<Button type="button" variant="ghost" size="icon" onClick={onClose} aria-label="بستن">
|
||
<X className="h-4 w-4" />
|
||
</Button>
|
||
</div>
|
||
<div className="px-5 py-4">{children}</div>
|
||
</div>
|
||
</div>,
|
||
document.body
|
||
);
|
||
}
|
||
|
||
function sumLines(lines: LineValues[] | undefined): string {
|
||
if (!lines?.length) return "0";
|
||
const total = lines.reduce((acc, line) => {
|
||
const qty = Number(parseMoneyInput(line.qty) || "0");
|
||
const price = Number(parseMoneyInput(line.unit_price) || "0");
|
||
return acc + qty * price;
|
||
}, 0);
|
||
return String(total);
|
||
}
|
||
|
||
function parseMeta(meta: unknown): {
|
||
lines?: LineValues[];
|
||
warehouse_id?: string;
|
||
warehouse_name?: string;
|
||
credit_mode?: string;
|
||
source_note?: string;
|
||
movement_type?: string;
|
||
} {
|
||
if (!meta) return {};
|
||
if (typeof meta === "string") {
|
||
try {
|
||
return JSON.parse(meta) as {
|
||
lines?: LineValues[];
|
||
warehouse_id?: string;
|
||
warehouse_name?: string;
|
||
credit_mode?: string;
|
||
source_note?: string;
|
||
};
|
||
} catch {
|
||
return {};
|
||
}
|
||
}
|
||
if (typeof meta === "object") {
|
||
return meta as {
|
||
lines?: LineValues[];
|
||
warehouse_id?: string;
|
||
warehouse_name?: string;
|
||
credit_mode?: string;
|
||
source_note?: string;
|
||
};
|
||
}
|
||
return {};
|
||
}
|
||
|
||
/**
|
||
* Full operational document screen for sales / purchase / inventory submenus.
|
||
* Real CRUD via /api/v1/ops/documents — no mocks.
|
||
*/
|
||
export function OperationalDocumentPage({
|
||
title,
|
||
description,
|
||
module,
|
||
docType,
|
||
createLabel,
|
||
partyLabel = "طرف حساب",
|
||
kind = "generic",
|
||
enableAccountingPost,
|
||
enableWarehouseContext = false,
|
||
}: {
|
||
title: string;
|
||
description?: string;
|
||
module: string;
|
||
docType: string;
|
||
createLabel: string;
|
||
partyLabel?: string;
|
||
kind?: DocKind;
|
||
/** When set, draft rows get "ثبت حسابداری" using the matching engine. */
|
||
enableAccountingPost?: "sales" | "purchase_gr" | "purchase_invoice" | "purchase_return";
|
||
/** Show warehouse select separately from party (طرف حساب). */
|
||
enableWarehouseContext?: boolean;
|
||
}) {
|
||
const { tenantId } = useTenantId();
|
||
const qc = useQueryClient();
|
||
const withLines = kind === "invoice" || kind === "order" || kind === "receipt" || kind === "request";
|
||
const showPurchaseCreditMode = enableAccountingPost === "purchase_gr";
|
||
const showMovementType = module === "inventory";
|
||
|
||
const [createOpen, setCreateOpen] = useState(false);
|
||
const [detailRow, setDetailRow] = useState<Record<string, unknown> | null>(null);
|
||
const [editRow, setEditRow] = useState<Record<string, unknown> | null>(null);
|
||
const [confirmId, setConfirmId] = useState<string | null>(null);
|
||
const [postRow, setPostRow] = useState<Record<string, unknown> | null>(null);
|
||
const [preview, setPreview] = useState<{ is_balanced: boolean; total_debit: string; total_credit?: string } | null>(
|
||
null
|
||
);
|
||
|
||
const listQ = useQuery({
|
||
queryKey: ["accounting", tenantId, "ops-docs", module, docType],
|
||
queryFn: () => accountingApi.ops.listDocuments(tenantId!, module, docType),
|
||
enabled: !!tenantId,
|
||
});
|
||
const salesProfilesQ = useQuery({
|
||
queryKey: ["accounting", tenantId, "sales-profiles"],
|
||
queryFn: () => accountingApi.salesAccounting.listProfiles(tenantId!),
|
||
enabled: !!tenantId && enableAccountingPost === "sales",
|
||
});
|
||
const purchaseProfilesQ = useQuery({
|
||
queryKey: ["accounting", tenantId, "purchase-profiles"],
|
||
queryFn: () => accountingApi.purchaseInventory.listProfiles(tenantId!),
|
||
enabled:
|
||
!!tenantId &&
|
||
(enableAccountingPost === "purchase_gr" ||
|
||
enableAccountingPost === "purchase_invoice" ||
|
||
enableAccountingPost === "purchase_return"),
|
||
});
|
||
const policyQ = useQuery({
|
||
queryKey: ["accounting", tenantId, "posting-policy"],
|
||
queryFn: () => accountingApi.setup.getPostingPolicy(tenantId!),
|
||
enabled: !!tenantId,
|
||
});
|
||
const warehousesQ = useQuery({
|
||
queryKey: ["accounting", tenantId, "warehouses"],
|
||
queryFn: () => accountingApi.ops.listWarehouses(tenantId!),
|
||
enabled: !!tenantId && enableWarehouseContext,
|
||
});
|
||
|
||
const defaults: FormValues = useMemo(
|
||
() => ({
|
||
number: "",
|
||
doc_date: new Date().toISOString().slice(0, 10),
|
||
party_name: "",
|
||
party_id: "",
|
||
description: "",
|
||
amount: "0",
|
||
warehouse_id: "",
|
||
warehouse_name: "",
|
||
credit_mode: "supplier",
|
||
source_note: "",
|
||
movement_type: "in",
|
||
// Always an array so useFieldArray stays stable (even when lines UI is hidden).
|
||
lines: withLines ? [{ title: "", qty: "1", unit_price: "0", note: "", item_id: "" }] : [],
|
||
}),
|
||
[withLines]
|
||
);
|
||
|
||
const form = useForm<FormValues>({
|
||
resolver: zodResolver(formSchema),
|
||
defaultValues: defaults,
|
||
});
|
||
const editForm = useForm<FormValues>({
|
||
resolver: zodResolver(formSchema),
|
||
defaultValues: defaults,
|
||
});
|
||
const postForm = useForm({
|
||
defaultValues: { profile_id: "", discount_amount: "0", tax_amount: "0" },
|
||
});
|
||
|
||
const createLines = useFieldArray({ control: form.control, name: "lines" });
|
||
const editLines = useFieldArray({ control: editForm.control, name: "lines" });
|
||
|
||
const watchedCreateLines = form.watch("lines");
|
||
const createTotal = withLines ? sumLines(watchedCreateLines) : form.watch("amount") || "0";
|
||
|
||
const invalidate = async () => {
|
||
await qc.invalidateQueries({ queryKey: ["accounting", tenantId, "ops-docs", module, docType] });
|
||
};
|
||
|
||
const createM = useMutation({
|
||
mutationFn: (d: FormValues) => {
|
||
const amount = withLines ? sumLines(d.lines) : parseMoneyInput(d.amount || "0") || "0";
|
||
const meta: Record<string, unknown> = {};
|
||
if (withLines) meta.lines = d.lines ?? [];
|
||
if (enableWarehouseContext) {
|
||
meta.warehouse_id = d.warehouse_id || undefined;
|
||
meta.warehouse_name = d.warehouse_name || undefined;
|
||
meta.source_note = d.source_note || undefined;
|
||
if (showPurchaseCreditMode) {
|
||
meta.credit_mode = d.credit_mode || "supplier";
|
||
}
|
||
if (showMovementType) {
|
||
meta.movement_type = d.movement_type || "in";
|
||
}
|
||
}
|
||
return accountingApi.ops.createDocument(tenantId!, {
|
||
module,
|
||
doc_type: docType,
|
||
number: d.number?.trim() || undefined,
|
||
doc_date: d.doc_date,
|
||
party_name: d.party_name || undefined,
|
||
party_id: d.party_id || undefined,
|
||
amount,
|
||
description: d.description || undefined,
|
||
status: "draft",
|
||
meta_json: Object.keys(meta).length ? JSON.stringify(meta) : undefined,
|
||
});
|
||
},
|
||
onSuccess: async () => {
|
||
toast.success(`${title} ثبت شد`);
|
||
setCreateOpen(false);
|
||
form.reset(defaults);
|
||
await invalidate();
|
||
},
|
||
onError: (e: Error) => toast.error(e.message),
|
||
});
|
||
|
||
const updateM = useMutation({
|
||
mutationFn: (d: FormValues) => {
|
||
const amount = withLines ? sumLines(d.lines) : parseMoneyInput(d.amount || "0") || "0";
|
||
const meta: Record<string, unknown> = {};
|
||
if (withLines) meta.lines = d.lines ?? [];
|
||
if (enableWarehouseContext) {
|
||
meta.warehouse_id = d.warehouse_id || undefined;
|
||
meta.warehouse_name = d.warehouse_name || undefined;
|
||
meta.source_note = d.source_note || undefined;
|
||
if (showPurchaseCreditMode) {
|
||
meta.credit_mode = d.credit_mode || "supplier";
|
||
}
|
||
if (showMovementType) {
|
||
meta.movement_type = d.movement_type || "in";
|
||
}
|
||
}
|
||
return accountingApi.ops.updateDocument(tenantId!, String(editRow!.id), {
|
||
doc_date: d.doc_date,
|
||
party_name: d.party_name || undefined,
|
||
party_id: d.party_id || undefined,
|
||
amount,
|
||
description: d.description || undefined,
|
||
meta_json: Object.keys(meta).length ? JSON.stringify(meta) : undefined,
|
||
});
|
||
},
|
||
onSuccess: async () => {
|
||
toast.success("ویرایش ذخیره شد");
|
||
setEditRow(null);
|
||
await invalidate();
|
||
},
|
||
onError: (e: Error) => toast.error(e.message),
|
||
});
|
||
|
||
const confirmM = useMutation({
|
||
mutationFn: (id: string) => accountingApi.ops.confirmDocument(tenantId!, id),
|
||
onSuccess: async (doc) => {
|
||
const meta =
|
||
doc && typeof doc === "object" && "meta_json" in doc && typeof doc.meta_json === "string"
|
||
? (() => {
|
||
try {
|
||
return JSON.parse(doc.meta_json as string) as {
|
||
accounting_voucher?: { voucher_number?: string };
|
||
};
|
||
} catch {
|
||
return null;
|
||
}
|
||
})()
|
||
: null;
|
||
const vn = meta?.accounting_voucher?.voucher_number;
|
||
toast.success(vn ? `تأیید شد و سند حسابداری ${vn} صادر شد` : "تأیید شد");
|
||
setConfirmId(null);
|
||
await invalidate();
|
||
},
|
||
onError: (e: Error) => toast.error(e.message),
|
||
});
|
||
|
||
const previewM = useMutation({
|
||
mutationFn: async () => {
|
||
if (!postRow) throw new Error("سندی انتخاب نشده");
|
||
const amount = String(postRow.amount ?? "0");
|
||
const profileId = postForm.getValues("profile_id") || undefined;
|
||
if (enableAccountingPost === "sales") {
|
||
return accountingApi.salesAccounting.preview(tenantId!, {
|
||
document_type: docType === "return" ? "return" : "invoice",
|
||
total_amount: amount,
|
||
discount_amount: postForm.getValues("discount_amount") || "0",
|
||
tax_amount: postForm.getValues("tax_amount") || "0",
|
||
profile_id: profileId,
|
||
});
|
||
}
|
||
if (enableAccountingPost === "purchase_invoice" || enableAccountingPost === "purchase_return") {
|
||
return accountingApi.purchaseInventory.previewPurchaseInvoice(tenantId!, {
|
||
source_document_id: String(postRow.id),
|
||
amount,
|
||
profile_id: profileId,
|
||
});
|
||
}
|
||
return accountingApi.purchaseInventory.previewGoodsReceipt(tenantId!, {
|
||
source_document_id: String(postRow.id),
|
||
amount,
|
||
profile_id: profileId,
|
||
});
|
||
},
|
||
onSuccess: (data) => {
|
||
setPreview(data);
|
||
toast.success("پیشنمایش آماده شد");
|
||
},
|
||
onError: (e: Error) => toast.error(e.message),
|
||
});
|
||
|
||
const postM = useMutation({
|
||
mutationFn: async () => {
|
||
if (!postRow) throw new Error("سندی انتخاب نشده");
|
||
const amount = String(postRow.amount ?? "0");
|
||
const profileId = postForm.getValues("profile_id") || undefined;
|
||
if (enableAccountingPost === "sales") {
|
||
return accountingApi.salesAccounting.post(tenantId!, {
|
||
document_type: docType === "return" ? "return" : "invoice",
|
||
source_document_id: String(postRow.id),
|
||
total_amount: amount,
|
||
discount_amount: postForm.getValues("discount_amount") || "0",
|
||
tax_amount: postForm.getValues("tax_amount") || "0",
|
||
profile_id: profileId,
|
||
});
|
||
}
|
||
if (enableAccountingPost === "purchase_return") {
|
||
return accountingApi.purchaseInventory.postPurchaseReturn(tenantId!, {
|
||
source_document_id: String(postRow.id),
|
||
amount,
|
||
profile_id: profileId,
|
||
});
|
||
}
|
||
if (enableAccountingPost === "purchase_invoice") {
|
||
return accountingApi.purchaseInventory.postPurchaseInvoice(tenantId!, {
|
||
source_document_id: String(postRow.id),
|
||
amount,
|
||
profile_id: profileId,
|
||
});
|
||
}
|
||
return accountingApi.purchaseInventory.postGoodsReceipt(tenantId!, {
|
||
source_document_id: String(postRow.id),
|
||
amount,
|
||
profile_id: profileId,
|
||
credit_mode: parseMeta(postRow.meta_json).credit_mode || "supplier",
|
||
warehouse_name: parseMeta(postRow.meta_json).warehouse_name || undefined,
|
||
source_note: parseMeta(postRow.meta_json).source_note || undefined,
|
||
party_name: postRow.party_name ? String(postRow.party_name) : undefined,
|
||
});
|
||
},
|
||
onSuccess: async (data) => {
|
||
const voucher =
|
||
data && typeof data === "object" && "voucher_number" in data
|
||
? String((data as { voucher_number?: string }).voucher_number || "")
|
||
: "";
|
||
toast.success(voucher ? `سند حسابداری ${voucher} صادر شد` : "ثبت حسابداری انجام شد");
|
||
setPostRow(null);
|
||
setPreview(null);
|
||
if (postRow?.status === "draft") {
|
||
await accountingApi.ops.confirmDocument(tenantId!, String(postRow.id)).catch(() => null);
|
||
}
|
||
await invalidate();
|
||
},
|
||
onError: (e: Error) => toast.error(e.message),
|
||
});
|
||
|
||
const openCreate = async () => {
|
||
form.reset(defaults);
|
||
setCreateOpen(true);
|
||
try {
|
||
const seq = await accountingApi.setup.peekNumber(tenantId!, `ops.${module}.${docType}`);
|
||
form.setValue("number", seq.preview);
|
||
} catch {
|
||
// BE still allocates if blank on submit
|
||
}
|
||
};
|
||
|
||
const openEdit = (row: Record<string, unknown>) => {
|
||
const meta = parseMeta(row.meta_json);
|
||
editForm.reset({
|
||
number: String(row.number ?? ""),
|
||
doc_date: String(row.doc_date ?? ""),
|
||
party_name: String(row.party_name ?? ""),
|
||
party_id: String(row.party_id ?? ""),
|
||
description: String(row.description ?? ""),
|
||
amount: String(row.amount ?? "0"),
|
||
warehouse_id: meta.warehouse_id ?? "",
|
||
warehouse_name: meta.warehouse_name ?? "",
|
||
credit_mode: meta.credit_mode ?? "supplier",
|
||
source_note: meta.source_note ?? "",
|
||
movement_type: meta.movement_type ?? "in",
|
||
lines: withLines
|
||
? meta.lines?.length
|
||
? meta.lines
|
||
: [{ title: "", qty: "1", unit_price: String(row.amount ?? "0"), note: "", item_id: "" }]
|
||
: [],
|
||
});
|
||
setEditRow(row);
|
||
};
|
||
|
||
if (!tenantId || listQ.isLoading) return <LoadingState />;
|
||
if (listQ.error) {
|
||
return <ErrorState message={listQ.error.message} onRetry={() => listQ.refetch()} />;
|
||
}
|
||
|
||
const rows = (listQ.data ?? []) as unknown as Record<string, unknown>[];
|
||
const profiles =
|
||
enableAccountingPost === "sales" ? salesProfilesQ.data ?? [] : purchaseProfilesQ.data ?? [];
|
||
|
||
const renderDocForm = (
|
||
f: typeof form,
|
||
linesArray: typeof createLines,
|
||
onSubmit: (d: FormValues) => void,
|
||
pending: boolean,
|
||
onCancel: () => void,
|
||
totalHint: string,
|
||
numberReadOnly?: boolean
|
||
) => (
|
||
<form className="grid gap-3 sm:grid-cols-2" onSubmit={f.handleSubmit(onSubmit)}>
|
||
<FormField
|
||
label="شماره سند"
|
||
error={f.formState.errors.number?.message}
|
||
>
|
||
<Input
|
||
{...f.register("number")}
|
||
readOnly={numberReadOnly}
|
||
placeholder="خودکار از سیستم"
|
||
/>
|
||
</FormField>
|
||
<FormField label="تاریخ" error={f.formState.errors.doc_date?.message}>
|
||
<Controller
|
||
control={f.control}
|
||
name="doc_date"
|
||
render={({ field }) => (
|
||
<DatePicker value={field.value} onChange={field.onChange} onBlur={field.onBlur} name={field.name} />
|
||
)}
|
||
/>
|
||
</FormField>
|
||
<FormField label={partyLabel} hint="شخص یا شرکت طرف معامله (جدا از انبار)">
|
||
<PartyCombobox
|
||
module={module}
|
||
valueName={f.watch("party_name") || undefined}
|
||
placeholder={`جستجوی ${partyLabel}…`}
|
||
onChange={(party) => {
|
||
f.setValue("party_name", party?.name || "", { shouldDirty: true });
|
||
f.setValue("party_id", party?.id || "", { shouldDirty: true });
|
||
}}
|
||
/>
|
||
</FormField>
|
||
{enableWarehouseContext ? (
|
||
<>
|
||
{showMovementType ? (
|
||
<FormField label="نوع رسید" hint="ورود به انبار یا خروج از انبار">
|
||
<Select {...f.register("movement_type")}>
|
||
<option value="in">ورود به انبار</option>
|
||
<option value="out">خروج از انبار</option>
|
||
</Select>
|
||
</FormField>
|
||
) : null}
|
||
<FormField
|
||
label={showMovementType ? "انبار" : "انبار مقصد"}
|
||
hint="انبار فیزیکی محل ورود/خروج کالا — جدا از طرف حساب"
|
||
error={
|
||
!(warehousesQ.data ?? []).length
|
||
? "هنوز انباری تعریف نشده — از منوی انبار → تنظیمات انبار بسازید"
|
||
: undefined
|
||
}
|
||
>
|
||
<Select
|
||
value={f.watch("warehouse_id") || ""}
|
||
onChange={(e) => {
|
||
const id = e.target.value;
|
||
const wh = (warehousesQ.data ?? []).find((w) => w.id === id);
|
||
f.setValue("warehouse_id", id, { shouldDirty: true });
|
||
f.setValue("warehouse_name", wh ? `${wh.code} — ${wh.name}` : "", { shouldDirty: true });
|
||
}}
|
||
>
|
||
<option value="">انتخاب انبار…</option>
|
||
{(warehousesQ.data ?? []).map((w) => (
|
||
<option key={w.id} value={w.id}>
|
||
{w.code} — {w.name}
|
||
</option>
|
||
))}
|
||
</Select>
|
||
</FormField>
|
||
{showPurchaseCreditMode ? (
|
||
<>
|
||
<FormField
|
||
label="طرف بستانکار (اعتبار)"
|
||
hint="تأمینکننده = بدهی خرید؛ GRNI = رسید بدون فاکتور"
|
||
>
|
||
<Select {...f.register("credit_mode")}>
|
||
<option value="supplier">تأمینکننده / حساب پرداختنی</option>
|
||
<option value="grni">حساب GRNI (رسید در راه)</option>
|
||
</Select>
|
||
</FormField>
|
||
<div className="sm:col-span-2">
|
||
<FormField label="مبدأ کالا / توضیح منبع" hint="از کجا آمده؟ (اختیاری)">
|
||
<Input placeholder="مثال: سفارش خرید PO-12 / باربری فلان" {...f.register("source_note")} />
|
||
</FormField>
|
||
</div>
|
||
</>
|
||
) : (
|
||
<div className="sm:col-span-2">
|
||
<FormField label="توضیح منبع / مرجع" hint="اختیاری">
|
||
<Input placeholder="مثال: حواله / سفارش / توضیح" {...f.register("source_note")} />
|
||
</FormField>
|
||
</div>
|
||
)}
|
||
</>
|
||
) : null}
|
||
{!withLines ? (
|
||
<FormField label="مبلغ" error={f.formState.errors.amount?.message}>
|
||
<MoneyInput {...f.register("amount")} />
|
||
</FormField>
|
||
) : (
|
||
<FormField label="جمع سند">
|
||
<Input value={formatMoney(totalHint)} readOnly dir="ltr" />
|
||
</FormField>
|
||
)}
|
||
<div className="sm:col-span-2">
|
||
<FormField label="توضیحات">
|
||
<Input {...f.register("description")} />
|
||
</FormField>
|
||
</div>
|
||
|
||
{withLines ? (
|
||
<div className="sm:col-span-2 space-y-2 rounded-xl border border-[var(--border)] p-3">
|
||
<div className="flex items-center justify-between">
|
||
<p className="text-sm font-medium text-secondary">اقلام سند</p>
|
||
<Button
|
||
type="button"
|
||
size="sm"
|
||
variant="outline"
|
||
onClick={() => linesArray.append({ title: "", qty: "1", unit_price: "0", note: "", item_id: "" })}
|
||
>
|
||
<Plus className="h-4 w-4" />
|
||
ردیف
|
||
</Button>
|
||
</div>
|
||
<div className="space-y-2">
|
||
{linesArray.fields.map((field, index) => (
|
||
<div key={field.id} className="grid gap-2 rounded-lg bg-[var(--surface-muted)] p-2 sm:grid-cols-12">
|
||
<div className="sm:col-span-5">
|
||
<ItemCombobox
|
||
valueLabel={f.watch(`lines.${index}.title`) || undefined}
|
||
onSelect={(item) => {
|
||
f.setValue(`lines.${index}.item_id`, item.id, { shouldDirty: true });
|
||
f.setValue(`lines.${index}.title`, `${item.code} — ${item.name}`, { shouldDirty: true });
|
||
f.setValue(`lines.${index}.unit_price`, parseMoneyInput(item.unit_cost) || "0", {
|
||
shouldDirty: true,
|
||
});
|
||
}}
|
||
onClear={() => {
|
||
f.setValue(`lines.${index}.item_id`, "", { shouldDirty: true });
|
||
f.setValue(`lines.${index}.title`, "", { shouldDirty: true });
|
||
}}
|
||
/>
|
||
</div>
|
||
<div className="sm:col-span-2">
|
||
<Input placeholder="تعداد" {...f.register(`lines.${index}.qty`)} />
|
||
</div>
|
||
<div className="sm:col-span-3">
|
||
<MoneyInput placeholder="فی" {...f.register(`lines.${index}.unit_price`)} />
|
||
</div>
|
||
<div className="flex items-center justify-end sm:col-span-2">
|
||
<Button
|
||
type="button"
|
||
size="icon"
|
||
variant="ghost"
|
||
onClick={() => linesArray.remove(index)}
|
||
disabled={linesArray.fields.length <= 1}
|
||
aria-label="حذف ردیف"
|
||
>
|
||
<Trash2 className="h-4 w-4" />
|
||
</Button>
|
||
</div>
|
||
</div>
|
||
))}
|
||
</div>
|
||
</div>
|
||
) : null}
|
||
|
||
<div className="flex justify-end gap-2 sm:col-span-2">
|
||
<Button type="button" variant="outline" onClick={onCancel}>
|
||
انصراف
|
||
</Button>
|
||
<Button type="submit" disabled={pending}>
|
||
ذخیره {title}
|
||
</Button>
|
||
</div>
|
||
</form>
|
||
);
|
||
|
||
return (
|
||
<div>
|
||
<PageHeader
|
||
title={title}
|
||
description={description || "لیست، ثبت، ویرایش و تأیید — داده واقعی از سرویس حسابداری."}
|
||
actions={
|
||
<Button type="button" onClick={openCreate}>
|
||
<Plus className="h-4 w-4" />
|
||
{createLabel}
|
||
</Button>
|
||
}
|
||
/>
|
||
|
||
{rows.length === 0 ? (
|
||
<EmptyState
|
||
title={`${title} ثبت نشده`}
|
||
description={`برای شروع، «${createLabel}» را بزنید.`}
|
||
action={
|
||
<Button type="button" onClick={openCreate}>
|
||
<Plus className="h-4 w-4" />
|
||
{createLabel}
|
||
</Button>
|
||
}
|
||
/>
|
||
) : (
|
||
<DataTable
|
||
columns={[
|
||
{ key: "number", header: "شماره" },
|
||
{
|
||
key: "doc_date",
|
||
header: "تاریخ",
|
||
render: (r) => <JalaliDateText value={String(r.doc_date ?? "")} />,
|
||
},
|
||
{ key: "party_name", header: partyLabel },
|
||
...(enableWarehouseContext
|
||
? [
|
||
...(showMovementType
|
||
? [
|
||
{
|
||
key: "movement_type",
|
||
header: "نوع",
|
||
render: (r: Record<string, unknown>) =>
|
||
parseMeta(r.meta_json).movement_type === "out" ? "خروج" : "ورود",
|
||
},
|
||
]
|
||
: []),
|
||
{
|
||
key: "warehouse",
|
||
header: "انبار",
|
||
render: (r: Record<string, unknown>) =>
|
||
parseMeta(r.meta_json).warehouse_name || "—",
|
||
},
|
||
...(showPurchaseCreditMode
|
||
? [
|
||
{
|
||
key: "credit_mode",
|
||
header: "بستانکار",
|
||
render: (r: Record<string, unknown>) => {
|
||
const mode = parseMeta(r.meta_json).credit_mode;
|
||
return mode === "grni" ? "GRNI" : "تأمینکننده";
|
||
},
|
||
},
|
||
]
|
||
: []),
|
||
]
|
||
: []),
|
||
{
|
||
key: "amount",
|
||
header: "مبلغ",
|
||
render: (r) => formatMoney(String(r.amount ?? "0")),
|
||
},
|
||
{
|
||
key: "status",
|
||
header: "وضعیت",
|
||
render: (r) => (
|
||
<Badge tone={r.status === "confirmed" ? "success" : "default"}>{String(r.status)}</Badge>
|
||
),
|
||
},
|
||
{
|
||
key: "id",
|
||
header: "عملیات",
|
||
render: (r) => (
|
||
<div className="flex flex-wrap gap-1">
|
||
<Button type="button" size="sm" variant="ghost" onClick={() => setDetailRow(r)}>
|
||
<Eye className="h-4 w-4" />
|
||
جزئیات
|
||
</Button>
|
||
{r.status === "draft" ? (
|
||
<>
|
||
<Button type="button" size="sm" variant="outline" onClick={() => openEdit(r)}>
|
||
<Pencil className="h-4 w-4" />
|
||
ویرایش
|
||
</Button>
|
||
<Button type="button" size="sm" variant="outline" onClick={() => setConfirmId(String(r.id))}>
|
||
تأیید
|
||
</Button>
|
||
</>
|
||
) : null}
|
||
{enableAccountingPost ? (
|
||
<Button
|
||
type="button"
|
||
size="sm"
|
||
onClick={() => {
|
||
setPreview(null);
|
||
postForm.reset({ profile_id: "", discount_amount: "0", tax_amount: "0" });
|
||
setPostRow(r);
|
||
}}
|
||
>
|
||
ثبت حسابداری
|
||
</Button>
|
||
) : null}
|
||
</div>
|
||
),
|
||
},
|
||
]}
|
||
rows={rows}
|
||
/>
|
||
)}
|
||
|
||
<PortalDialog open={createOpen} onClose={() => setCreateOpen(false)} title={createLabel} wide={withLines}>
|
||
{renderDocForm(
|
||
form,
|
||
createLines,
|
||
(d) => createM.mutate(d),
|
||
createM.isPending,
|
||
() => setCreateOpen(false),
|
||
createTotal
|
||
)}
|
||
</PortalDialog>
|
||
|
||
<PortalDialog
|
||
open={!!editRow}
|
||
onClose={() => setEditRow(null)}
|
||
title={`ویرایش ${title}`}
|
||
wide={withLines}
|
||
>
|
||
{renderDocForm(
|
||
editForm,
|
||
editLines,
|
||
(d) => updateM.mutate(d),
|
||
updateM.isPending,
|
||
() => setEditRow(null),
|
||
withLines ? sumLines(editForm.watch("lines")) : editForm.watch("amount") || "0",
|
||
true
|
||
)}
|
||
</PortalDialog>
|
||
|
||
<PortalDialog open={!!detailRow} onClose={() => setDetailRow(null)} title={`جزئیات ${title}`} wide>
|
||
{detailRow ? (
|
||
<div className="space-y-3 text-sm">
|
||
<div className="grid gap-2 sm:grid-cols-2">
|
||
<p>
|
||
<span className="text-[var(--muted)]">شماره:</span> {String(detailRow.number)}
|
||
</p>
|
||
<p>
|
||
<span className="text-[var(--muted)]">تاریخ:</span>{" "}
|
||
<JalaliDateText value={String(detailRow.doc_date ?? "")} />
|
||
</p>
|
||
<p>
|
||
<span className="text-[var(--muted)]">{partyLabel}:</span>{" "}
|
||
{String(detailRow.party_name || "—")}
|
||
</p>
|
||
{enableWarehouseContext ? (
|
||
<>
|
||
{showMovementType ? (
|
||
<p>
|
||
<span className="text-[var(--muted)]">نوع:</span>{" "}
|
||
{parseMeta(detailRow.meta_json).movement_type === "out" ? "خروج از انبار" : "ورود به انبار"}
|
||
</p>
|
||
) : null}
|
||
<p>
|
||
<span className="text-[var(--muted)]">انبار:</span>{" "}
|
||
{parseMeta(detailRow.meta_json).warehouse_name || "—"}
|
||
</p>
|
||
{showPurchaseCreditMode ? (
|
||
<>
|
||
<p>
|
||
<span className="text-[var(--muted)]">طرف بستانکار:</span>{" "}
|
||
{parseMeta(detailRow.meta_json).credit_mode === "grni"
|
||
? "حساب GRNI (رسید در راه)"
|
||
: "تأمینکننده / پرداختنی"}
|
||
</p>
|
||
<p className="sm:col-span-2">
|
||
<span className="text-[var(--muted)]">مبدأ کالا:</span>{" "}
|
||
{parseMeta(detailRow.meta_json).source_note || "—"}
|
||
</p>
|
||
</>
|
||
) : parseMeta(detailRow.meta_json).source_note ? (
|
||
<p className="sm:col-span-2">
|
||
<span className="text-[var(--muted)]">مرجع:</span>{" "}
|
||
{parseMeta(detailRow.meta_json).source_note}
|
||
</p>
|
||
) : null}
|
||
</>
|
||
) : null}
|
||
<p>
|
||
<span className="text-[var(--muted)]">مبلغ:</span>{" "}
|
||
{formatMoney(String(detailRow.amount ?? "0"))}
|
||
</p>
|
||
<p>
|
||
<span className="text-[var(--muted)]">وضعیت:</span> {String(detailRow.status)}
|
||
</p>
|
||
<p className="sm:col-span-2">
|
||
<span className="text-[var(--muted)]">توضیح:</span> {String(detailRow.description || "—")}
|
||
</p>
|
||
</div>
|
||
{withLines ? (
|
||
<div className="rounded-xl border border-[var(--border)] p-3">
|
||
<p className="mb-2 font-medium">اقلام</p>
|
||
<ul className="space-y-1">
|
||
{(parseMeta(detailRow.meta_json).lines ?? []).map((line, i) => (
|
||
<li key={i} className="flex justify-between gap-2 text-xs">
|
||
<span>
|
||
{line.title} × {line.qty}
|
||
</span>
|
||
<span dir="ltr">{formatMoney(String(Number(line.qty || 0) * Number(line.unit_price || 0)))}</span>
|
||
</li>
|
||
))}
|
||
{!parseMeta(detailRow.meta_json).lines?.length ? (
|
||
<li className="text-[var(--muted)]">ردیفی ثبت نشده</li>
|
||
) : null}
|
||
</ul>
|
||
</div>
|
||
) : null}
|
||
<div className="flex justify-end">
|
||
<Button type="button" variant="outline" onClick={() => setDetailRow(null)}>
|
||
بستن
|
||
</Button>
|
||
</div>
|
||
</div>
|
||
) : null}
|
||
</PortalDialog>
|
||
|
||
<PortalDialog open={!!postRow} onClose={() => setPostRow(null)} title="ثبت حسابداری سند">
|
||
<form
|
||
className="grid gap-3"
|
||
onSubmit={(e) => {
|
||
e.preventDefault();
|
||
postM.mutate();
|
||
}}
|
||
>
|
||
<p className="text-sm text-[var(--muted)]">
|
||
سند {String(postRow?.number)} — مبلغ {formatMoney(String(postRow?.amount ?? "0"))}
|
||
</p>
|
||
<FormField label="پروفایل ثبت">
|
||
<Select {...postForm.register("profile_id")}>
|
||
<option value="">پروفایل پیشفرض</option>
|
||
{profiles.map((p) => (
|
||
<option key={p.id} value={p.id}>
|
||
{p.name}
|
||
</option>
|
||
))}
|
||
</Select>
|
||
</FormField>
|
||
{enableAccountingPost === "sales" ? (
|
||
<div className="grid gap-3 sm:grid-cols-2">
|
||
<FormField label="تخفیف">
|
||
<MoneyInput {...postForm.register("discount_amount")} />
|
||
</FormField>
|
||
<FormField label="مالیات">
|
||
<MoneyInput {...postForm.register("tax_amount")} />
|
||
</FormField>
|
||
</div>
|
||
) : null}
|
||
{preview ? (
|
||
<div className="rounded-xl bg-[var(--surface-muted)] p-3 text-sm">
|
||
تراز: {preview.is_balanced ? "بله" : "خیر"} — بدهکار: {formatMoney(preview.total_debit)}
|
||
{preview.total_credit ? ` — بستانکار: ${formatMoney(preview.total_credit)}` : ""}
|
||
</div>
|
||
) : null}
|
||
<div className="flex justify-end gap-2">
|
||
<Button type="button" variant="outline" onClick={() => setPostRow(null)}>
|
||
انصراف
|
||
</Button>
|
||
<Button type="button" variant="outline" disabled={previewM.isPending} onClick={() => previewM.mutate()}>
|
||
پیشنمایش
|
||
</Button>
|
||
<Button type="submit" disabled={postM.isPending}>
|
||
صدور سند حسابداری
|
||
</Button>
|
||
</div>
|
||
</form>
|
||
</PortalDialog>
|
||
|
||
<ConfirmDialog
|
||
open={!!confirmId}
|
||
onClose={() => setConfirmId(null)}
|
||
onConfirm={() => confirmId && confirmM.mutate(confirmId)}
|
||
title="تأیید سند؟"
|
||
description={
|
||
(() => {
|
||
const auto = policyQ.data?.auto_post;
|
||
const key =
|
||
module === "sales" && docType === "invoice"
|
||
? "sales_invoice"
|
||
: module === "sales" && docType === "return"
|
||
? "sales_return"
|
||
: module === "purchase" && (docType === "goods_receipt" || docType === "goods-receipts")
|
||
? "purchase_goods_receipt"
|
||
: module === "purchase" && docType === "invoice"
|
||
? "purchase_invoice"
|
||
: module === "purchase" && docType === "return"
|
||
? "purchase_return"
|
||
: null;
|
||
if (key && auto?.[key]) {
|
||
return "با تأیید، سند عملیاتی تأیید و سند حسابداری خودکار از طریق Posting Engine صادر میشود.";
|
||
}
|
||
return "پس از تأیید، وضعیت سند به confirmed تغییر میکند. ثبت دفتر کل جداگانه از «ثبت حسابداری» انجام میشود.";
|
||
})()
|
||
}
|
||
confirmLabel="تأیید"
|
||
loading={confirmM.isPending}
|
||
/>
|
||
</div>
|
||
);
|
||
}
|