import type { SellerWizardValues } from "./seller.schema";
import type { SavedDocuments } from "./page";
type SellerType = {
id: number;
name: string;
};
function ReviewBlock({ title, rows }: { title: string; rows: Array<{ label: string; value?: string | null }> }) {
const formatValue = (value: unknown) => {
if (value === null || value === undefined) return "-";
if (typeof value === "string") return value.trim() || "-";
return String(value);
};
return (
{title}
{rows.map((row) => (
{row.label}
{formatValue(row.value)}
))}
);
}
export default function StepReview({
values,
sellerTypes,
savedDocuments = {},
}: {
values: SellerWizardValues;
sellerTypes: SellerType[];
/** Documents already stored against the request; the form fields only hold
* files picked in this session, so they read empty after a step is saved. */
savedDocuments?: SavedDocuments;
}) {
const docName = (value: unknown, savedUrl?: string) => {
if (value instanceof File) return value.name;
if (savedUrl) return "Uploaded";
return "Not uploaded";
};
const businessTypeName =
sellerTypes.find((type) => String(type.id) === values.seller_type)?.name || values.seller_type;
return (
);
}