@open-mercato/core 0.6.8-develop.6925.1.cefa200fa4 → 0.6.8-develop.6931.1.4a1e1c786b

package/dist/modules/eudr/backend/eudr/statements/[id]/page.js

@@ -0,0 +1,648 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { Copy, Download } from "lucide-react";
+import { Page, PageBody } from "@open-mercato/ui/backend/Page";
+import { CrudForm } from "@open-mercato/ui/backend/CrudForm";
+import { DataTable } from "@open-mercato/ui/backend/DataTable";
+import { deleteCrud, updateCrud } from "@open-mercato/ui/backend/utils/crud";
+import { createCrudFormError } from "@open-mercato/ui/backend/utils/serverErrors";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { ErrorMessage, LoadingMessage, RecordNotFoundState } from "@open-mercato/ui/backend/detail";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { EmptyState } from "@open-mercato/ui/primitives/empty-state";
+import { StatusBadge } from "@open-mercato/ui/primitives/status-badge";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import {
+  OrderSelectField,
+  ReferencedStatementsField,
+  actorRoleOptions,
+  activityTypeOptions,
+  commodityOptions,
+  statusBadgeVariant,
+  translateEudrCrudError
+} from "../../../../components/formConfig.js";
+import { StatementLifecycleBar } from "../../../../components/StatementLifecycleBar.js";
+import { StatementReadinessChecklist } from "../../../../components/StatementReadinessChecklist.js";
+import { StatementRiskSection } from "../../../../components/StatementRiskSection.js";
+import { PlotMapPreview } from "../../../../components/PlotMapPreview.js";
+import { hasMissingSpecies } from "../../../../lib/species.js";
+function optionalText(value) {
+  if (typeof value !== "string") return null;
+  const trimmed = value.trim();
+  return trimmed.length ? trimmed : null;
+}
+function optionalNumber(value, translate) {
+  const text = optionalText(value);
+  if (!text) return null;
+  const parsedNumber = Number(text);
+  if (!Number.isFinite(parsedNumber)) {
+    const message = translate("eudr.statements.form.quantityKgInvalid");
+    throw createCrudFormError(message, { quantityKg: message });
+  }
+  return parsedNumber;
+}
+function optionalSupplementaryNumber(value, translate) {
+  const text = optionalText(value);
+  if (!text) return null;
+  const parsedNumber = Number(text);
+  if (!Number.isFinite(parsedNumber)) {
+    const message = translate("eudr.statements.form.supplementaryQuantityInvalid");
+    throw createCrudFormError(message, { supplementaryQuantity: message });
+  }
+  return parsedNumber;
+}
+function isOrderSnapshot(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value);
+}
+function normalizeReferencedStatements(value) {
+  if (!Array.isArray(value)) return [];
+  return value.map((entry) => {
+    if (entry === null || typeof entry !== "object" || Array.isArray(entry)) return null;
+    const record = entry;
+    const referenceNumber = optionalText(record.referenceNumber);
+    if (!referenceNumber) return null;
+    const verificationNumber = optionalText(record.verificationNumber);
+    return verificationNumber ? { referenceNumber, verificationNumber } : { referenceNumber };
+  }).filter((entry) => entry !== null);
+}
+function getRouteId(params) {
+  const rawId = params?.id;
+  return typeof rawId === "string" && rawId.trim().length ? rawId : null;
+}
+function formatQuantityKg(value) {
+  if (value === null || value === void 0) return "";
+  return String(value);
+}
+function formatOptionalNumber(value) {
+  if (value === null || value === void 0) return "";
+  return String(value);
+}
+function supplierLabel(row, unavailableLabel) {
+  return row.supplierSnapshot?.displayName || unavailableLabel;
+}
+function EditEudrStatementPage({ params }) {
+  const translate = useT();
+  const router = useRouter();
+  const statementId = React.useMemo(() => getRouteId(params), [params]);
+  const [record, setRecord] = React.useState(null);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const [notFound, setNotFound] = React.useState(false);
+  const [submissionRows, setSubmissionRows] = React.useState([]);
+  const [submissionsLoading, setSubmissionsLoading] = React.useState(false);
+  const [submissionsError, setSubmissionsError] = React.useState(null);
+  const [speciesMissing, setSpeciesMissing] = React.useState(false);
+  const [plotFeatures, setPlotFeatures] = React.useState([]);
+  const [plotsLoading, setPlotsLoading] = React.useState(false);
+  const [exportingFormat, setExportingFormat] = React.useState(null);
+  const [reloadToken, setReloadToken] = React.useState(0);
+  React.useEffect(() => {
+    let cancelled = false;
+    async function loadRecord() {
+      if (!statementId) {
+        setNotFound(true);
+        setLoading(false);
+        return;
+      }
+      setLoading(true);
+      setError(null);
+      setNotFound(false);
+      try {
+        const call = await apiCall(
+          `/api/eudr/statements?id=${encodeURIComponent(statementId)}`,
+          void 0,
+          { fallback: { items: [] } }
+        );
+        if (!call.ok) {
+          if (!cancelled) setError(translate("eudr.statements.form.loadError"));
+          return;
+        }
+        const items = Array.isArray(call.result?.items) ? call.result.items : [];
+        if (cancelled) return;
+        if (items.length === 0) {
+          setNotFound(true);
+          setRecord(null);
+          return;
+        }
+        setRecord(items[0]);
+      } catch {
+        if (!cancelled) setError(translate("eudr.statements.form.loadError"));
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    }
+    loadRecord();
+    return () => {
+      cancelled = true;
+    };
+  }, [reloadToken, statementId, translate]);
+  React.useEffect(() => {
+    let cancelled = false;
+    async function loadSubmissions() {
+      if (!statementId) return;
+      setSubmissionsLoading(true);
+      setSubmissionsError(null);
+      try {
+        const call = await apiCall(
+          `/api/eudr/evidence-submissions?statementId=${encodeURIComponent(statementId)}&pageSize=100`,
+          void 0,
+          { fallback: { items: [] } }
+        );
+        if (!call.ok) {
+          if (!cancelled) setSubmissionsError(translate("eudr.statements.detail.loadSubmissionsError"));
+          return;
+        }
+        if (!cancelled) setSubmissionRows(Array.isArray(call.result?.items) ? call.result.items : []);
+      } catch {
+        if (!cancelled) setSubmissionsError(translate("eudr.statements.detail.loadSubmissionsError"));
+      } finally {
+        if (!cancelled) setSubmissionsLoading(false);
+      }
+    }
+    loadSubmissions();
+    return () => {
+      cancelled = true;
+    };
+  }, [statementId, translate]);
+  React.useEffect(() => {
+    const productMappingIds = Array.from(
+      new Set(
+        submissionRows.map((submission) => submission.productMappingId).filter((mappingId) => typeof mappingId === "string" && mappingId.length > 0)
+      )
+    );
+    if (!productMappingIds.length) {
+      setSpeciesMissing(false);
+      return;
+    }
+    setSpeciesMissing(false);
+    let cancelled = false;
+    async function loadProductMappings() {
+      try {
+        const call = await apiCall(
+          `/api/eudr/product-mappings?ids=${encodeURIComponent(productMappingIds.join(","))}&pageSize=100`,
+          {
+            headers: {
+              "x-om-forbidden-redirect": "0",
+              "x-om-unauthorized-redirect": "0"
+            }
+          },
+          { fallback: { items: [] } }
+        );
+        if (!cancelled) {
+          const mappings = call.ok && Array.isArray(call.result?.items) ? call.result.items : [];
+          setSpeciesMissing(mappings.some((mapping) => hasMissingSpecies(mapping)));
+        }
+      } catch {
+        if (!cancelled) setSpeciesMissing(false);
+      }
+    }
+    void loadProductMappings();
+    return () => {
+      cancelled = true;
+    };
+  }, [submissionRows]);
+  React.useEffect(() => {
+    const plotIds = Array.from(
+      new Set(
+        submissionRows.flatMap((submission) => Array.isArray(submission.plotIds) ? submission.plotIds : []).filter((plotId) => typeof plotId === "string" && plotId.trim().length > 0)
+      )
+    );
+    if (!plotIds.length) {
+      setPlotFeatures([]);
+      setPlotsLoading(false);
+      return;
+    }
+    let cancelled = false;
+    async function loadPlots() {
+      setPlotsLoading(true);
+      try {
+        const call = await apiCall(
+          `/api/eudr/plots?ids=${encodeURIComponent(plotIds.join(","))}&pageSize=100`,
+          {
+            headers: {
+              "x-om-forbidden-redirect": "0",
+              "x-om-unauthorized-redirect": "0"
+            }
+          },
+          { fallback: { items: [] } }
+        );
+        if (!call.ok) {
+          if (!cancelled) setPlotFeatures([]);
+          return;
+        }
+        const features = (Array.isArray(call.result?.items) ? call.result.items : []).map((plot) => plot.geometry).filter((geometry) => geometry !== null && geometry !== void 0);
+        if (!cancelled) setPlotFeatures(features);
+      } catch {
+        if (!cancelled) setPlotFeatures([]);
+      } finally {
+        if (!cancelled) setPlotsLoading(false);
+      }
+    }
+    loadPlots();
+    return () => {
+      cancelled = true;
+    };
+  }, [submissionRows]);
+  const refreshRecord = React.useCallback(() => {
+    setReloadToken((currentToken) => currentToken + 1);
+  }, []);
+  const fields = React.useMemo(() => [
+    {
+      id: "title",
+      label: translate("eudr.statements.form.title"),
+      type: "text",
+      required: true
+    },
+    {
+      id: "commodity",
+      layout: "half",
+      label: translate("eudr.statements.form.commodity"),
+      type: "select",
+      required: true,
+      options: commodityOptions(translate)
+    },
+    {
+      id: "activityType",
+      layout: "half",
+      label: translate("eudr.statements.form.activityType"),
+      type: "select",
+      options: activityTypeOptions(translate)
+    },
+    {
+      id: "actorRole",
+      layout: "half",
+      label: translate("eudr.statements.form.actorRole"),
+      type: "select",
+      options: actorRoleOptions(translate)
+    },
+    {
+      id: "referenceNumber",
+      label: translate("eudr.statements.form.referenceNumber"),
+      type: "text"
+    },
+    {
+      id: "verificationNumber",
+      label: translate("eudr.statements.form.verificationNumber"),
+      type: "text"
+    },
+    {
+      id: "quantityKg",
+      layout: "half",
+      label: translate("eudr.statements.form.quantityKg"),
+      type: "text"
+    },
+    {
+      id: "supplementaryUnit",
+      layout: "half",
+      label: translate("eudr.statements.form.supplementaryUnit"),
+      type: "text"
+    },
+    {
+      id: "supplementaryQuantity",
+      layout: "half",
+      label: translate("eudr.statements.form.supplementaryQuantity"),
+      type: "text"
+    },
+    {
+      id: "orderId",
+      label: translate("eudr.statements.form.order"),
+      type: "custom",
+      component: ({ id, value, setValue, setFormValue }) => /* @__PURE__ */ jsx(
+        OrderSelectField,
+        {
+          id,
+          value: typeof value === "string" ? value : null,
+          onChange: (nextValue) => setValue(nextValue ?? ""),
+          onSnapshot: (snapshot) => setFormValue?.("orderSnapshot", snapshot),
+          placeholder: translate("eudr.statements.form.orderPlaceholder"),
+          emptyLabel: translate("eudr.common.empty"),
+          loadError: translate("eudr.statements.form.orderLoadError")
+        }
+      )
+    },
+    {
+      id: "referencedStatements",
+      label: translate("eudr.statements.form.referencedStatements"),
+      type: "custom",
+      component: ({ id, value, setValue, disabled }) => /* @__PURE__ */ jsx(
+        ReferencedStatementsField,
+        {
+          id,
+          value,
+          onChange: (nextValue) => setValue(nextValue),
+          disabled
+        }
+      )
+    },
+    {
+      id: "notes",
+      label: translate("eudr.statements.form.notes"),
+      type: "textarea"
+    }
+  ], [translate]);
+  const groups = React.useMemo(() => [
+    {
+      id: "details",
+      title: translate("eudr.statements.form.details"),
+      column: 1,
+      fields: [
+        "title",
+        "commodity",
+        "activityType",
+        "actorRole"
+      ]
+    },
+    {
+      id: "quantities",
+      title: translate("eudr.statements.form.quantities"),
+      column: 1,
+      fields: [
+        "quantityKg",
+        "supplementaryUnit",
+        "supplementaryQuantity"
+      ]
+    },
+    {
+      id: "referenced",
+      title: translate("eudr.statements.form.referencedStatements"),
+      column: 1,
+      fields: [
+        "referencedStatements"
+      ]
+    },
+    {
+      id: "registration",
+      title: translate("eudr.statements.form.registration"),
+      column: 2,
+      fields: [
+        "referenceNumber",
+        "verificationNumber"
+      ]
+    },
+    {
+      id: "order",
+      title: translate("eudr.statements.form.order"),
+      column: 2,
+      fields: [
+        "orderId"
+      ]
+    },
+    {
+      id: "notes",
+      title: translate("eudr.common.notes"),
+      column: 2,
+      fields: [
+        "notes"
+      ]
+    }
+  ], [translate]);
+  const submissionColumns = React.useMemo(() => [
+    {
+      accessorKey: "supplierEntityId",
+      header: translate("eudr.statements.detail.columns.supplier"),
+      cell: ({ row }) => supplierLabel(row.original, translate("eudr.common.recordUnavailable"))
+    },
+    {
+      accessorKey: "status",
+      header: translate("eudr.statements.detail.columns.status"),
+      cell: ({ row }) => /* @__PURE__ */ jsx(StatusBadge, { variant: statusBadgeVariant(row.original.status), dot: true, children: translate(`eudr.submissionStatus.${row.original.status}`) })
+    },
+    {
+      accessorKey: "completenessScore",
+      header: translate("eudr.statements.detail.columns.completeness"),
+      cell: ({ row }) => `${row.original.completenessScore}%`
+    }
+  ], [translate]);
+  const initialValues = React.useMemo(() => {
+    if (!record) return null;
+    return {
+      id: record.id,
+      title: record.title,
+      commodity: record.commodity,
+      referenceNumber: record.referenceNumber ?? "",
+      verificationNumber: record.verificationNumber ?? "",
+      activityType: record.activityType ?? "",
+      actorRole: record.actorRole ?? "",
+      referencedStatements: Array.isArray(record.referencedStatements) ? record.referencedStatements : [],
+      quantityKg: formatQuantityKg(record.quantityKg),
+      supplementaryUnit: record.supplementaryUnit ?? "",
+      supplementaryQuantity: formatOptionalNumber(record.supplementaryQuantity),
+      orderId: record.orderId ?? "",
+      orderSnapshot: record.orderSnapshot,
+      notes: record.notes ?? "",
+      updatedAt: record.updatedAt
+    };
+  }, [record]);
+  const handleExport = React.useCallback(async (format) => {
+    if (!statementId) return;
+    setExportingFormat(format);
+    try {
+      const suffix = format === "geojson" ? "?format=geojson" : "";
+      const call = await apiCall(`/api/eudr/statements/${encodeURIComponent(statementId)}/export${suffix}`);
+      if (!call.ok) throw new Error("[internal] eudr statement export failed");
+      const blob = new Blob([JSON.stringify(call.result ?? {}, null, 2)], {
+        type: format === "geojson" ? "application/geo+json" : "application/json"
+      });
+      const objectUrl = URL.createObjectURL(blob);
+      const link = document.createElement("a");
+      link.href = objectUrl;
+      link.download = format === "geojson" ? `eudr-dds-${statementId}.geojson` : `eudr-dds-${statementId}.json`;
+      document.body.appendChild(link);
+      link.click();
+      link.remove();
+      URL.revokeObjectURL(objectUrl);
+    } catch {
+      flash(translate("eudr.statements.detail.exportError"), "error");
+    } finally {
+      setExportingFormat(null);
+    }
+  }, [statementId, translate]);
+  if (loading) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(LoadingMessage, { label: translate("eudr.statements.form.loading") }) }) });
+  }
+  if (notFound) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+      RecordNotFoundState,
+      {
+        label: translate("eudr.statements.form.notFound"),
+        backHref: "/backend/eudr/statements",
+        backLabel: translate("eudr.statements.form.backToList")
+      }
+    ) }) });
+  }
+  if (error || !record || !initialValues) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(ErrorMessage, { label: error ?? translate("eudr.statements.form.loadError") }) }) });
+  }
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsxs(PageBody, { children: [
+    /* @__PURE__ */ jsx(
+      StatementLifecycleBar,
+      {
+        statement: {
+          id: record.id,
+          status: record.status,
+          referenceNumber: record.referenceNumber,
+          verificationNumber: record.verificationNumber,
+          referenceIssuedAt: record.referenceIssuedAt,
+          submittedAt: record.submittedAt,
+          updatedAt: record.updatedAt
+        },
+        speciesMissing,
+        onChanged: refreshRecord
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      StatementReadinessChecklist,
+      {
+        statementId: record.id,
+        status: record.status,
+        updatedAt: record.updatedAt
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      CrudForm,
+      {
+        title: translate("eudr.statements.edit.title"),
+        backHref: "/backend/eudr/statements",
+        cancelHref: "/backend/eudr/statements",
+        deleteRedirect: "/backend/eudr/statements",
+        submitLabel: translate("eudr.statements.form.submitUpdate"),
+        fields,
+        groups,
+        initialValues,
+        extraActions: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: () => router.push(
+              `/backend/eudr/statements/create?duplicateFrom=${encodeURIComponent(record.id)}`
+            ),
+            children: [
+              /* @__PURE__ */ jsx(Copy, { className: "mr-2 h-4 w-4", "aria-hidden": true }),
+              translate("eudr.statements.duplicateAction")
+            ]
+          }
+        ),
+        onSubmit: async (values) => {
+          const title = optionalText(values.title);
+          if (!title) {
+            const message = translate("eudr.statements.form.titleRequired");
+            throw createCrudFormError(message, { title: message });
+          }
+          const commodity = optionalText(values.commodity);
+          if (!commodity) {
+            const message = translate("eudr.statements.form.commodityRequired");
+            throw createCrudFormError(message, { commodity: message });
+          }
+          await updateCrud("eudr/statements", {
+            id: record.id,
+            title,
+            commodity,
+            referenceNumber: optionalText(values.referenceNumber),
+            verificationNumber: optionalText(values.verificationNumber),
+            activityType: optionalText(values.activityType),
+            actorRole: optionalText(values.actorRole),
+            referencedStatements: normalizeReferencedStatements(values.referencedStatements),
+            quantityKg: optionalNumber(values.quantityKg, translate),
+            supplementaryUnit: optionalText(values.supplementaryUnit),
+            supplementaryQuantity: optionalSupplementaryNumber(values.supplementaryQuantity, translate),
+            orderId: optionalText(values.orderId),
+            orderSnapshot: isOrderSnapshot(values.orderSnapshot) ? values.orderSnapshot : null,
+            notes: optionalText(values.notes)
+          }, {
+            errorMessage: translate("eudr.statements.form.updateError")
+          }).catch((err) => {
+            throw translateEudrCrudError(err, translate);
+          });
+          flash(translate("eudr.statements.form.updateSuccess"), "success");
+          router.push("/backend/eudr/statements");
+        },
+        onDelete: async () => {
+          await deleteCrud("eudr/statements", record.id, {
+            errorMessage: translate("eudr.statements.form.deleteError")
+          }).catch((err) => {
+            throw translateEudrCrudError(err, translate);
+          });
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      StatementRiskSection,
+      {
+        statementId: record.id,
+        latestRisk: record.latestRisk
+      }
+    ),
+    /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: translate("eudr.statements.detail.submissions") }),
+      /* @__PURE__ */ jsx(
+        DataTable,
+        {
+          title: translate("eudr.statements.detail.submissionsTableTitle"),
+          columns: submissionColumns,
+          data: submissionRows,
+          isLoading: submissionsLoading,
+          error: submissionsError,
+          emptyState: /* @__PURE__ */ jsx(
+            EmptyState,
+            {
+              size: "sm",
+              variant: "subtle",
+              title: translate("eudr.statements.detail.submissionsEmpty"),
+              description: translate("eudr.statements.detail.submissionsEmptyHint"),
+              actions: /* @__PURE__ */ jsx(Button, { asChild: true, type: "button", variant: "outline", children: /* @__PURE__ */ jsx(Link, { href: `/backend/eudr/evidence-submissions/create?statementId=${encodeURIComponent(record.id)}`, children: translate("eudr.statements.detail.createSubmission") }) })
+            }
+          ),
+          perspective: { tableId: "eudr.statements.detail.submissions" },
+          disableRowClick: true
+        }
+      )
+    ] }),
+    plotFeatures.length > 0 ? /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: translate("eudr.statements.detail.plotMap") }),
+        plotsLoading ? /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: translate("eudr.statements.detail.plotMapLoading") }) : null
+      ] }),
+      /* @__PURE__ */ jsx(PlotMapPreview, { features: plotFeatures })
+    ] }) : null,
+    /* @__PURE__ */ jsxs("section", { className: "space-y-3 rounded-lg border border-border bg-card p-4", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: translate("eudr.statements.detail.exports") }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: () => void handleExport("json"),
+            disabled: exportingFormat !== null,
+            children: [
+              /* @__PURE__ */ jsx(Download, { className: "mr-2 h-4 w-4", "aria-hidden": true }),
+              translate("eudr.statements.detail.export")
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: () => void handleExport("geojson"),
+            disabled: exportingFormat !== null,
+            children: [
+              /* @__PURE__ */ jsx(Download, { className: "mr-2 h-4 w-4", "aria-hidden": true }),
+              translate("eudr.statements.detail.exportGeoJson")
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+export {
+  EditEudrStatementPage as default
+};
+//# sourceMappingURL=page.js.map