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

package/dist/modules/eudr/components/MitigationActionsSection.js

@@ -0,0 +1,345 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Plus } from "lucide-react";
+import { useLocale, useT } from "@open-mercato/shared/lib/i18n/context";
+import { DataTable } from "@open-mercato/ui/backend/DataTable";
+import { RowActions } from "@open-mercato/ui/backend/RowActions";
+import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { apiCall, withScopedApiRequestHeaders } from "@open-mercato/ui/backend/utils/apiCall";
+import { createCrud, deleteCrud, updateCrud } from "@open-mercato/ui/backend/utils/crud";
+import { buildOptimisticLockHeader } from "@open-mercato/ui/backend/utils/optimisticLock";
+import { createCrudFormError } from "@open-mercato/ui/backend/utils/serverErrors";
+import { surfaceRecordConflict } from "@open-mercato/ui/backend/conflicts";
+import { CrudForm } from "@open-mercato/ui/backend/CrudForm";
+import { Button } from "@open-mercato/ui/primitives/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle
+} from "@open-mercato/ui/primitives/dialog";
+import { EmptyState } from "@open-mercato/ui/primitives/empty-state";
+import { StatusBadge } from "@open-mercato/ui/primitives/status-badge";
+import {
+  EUDR_MITIGATION_STATUSES,
+  EUDR_MITIGATION_TYPES
+} from "../data/validators.js";
+function optionalText(value) {
+  if (typeof value !== "string") return null;
+  const trimmed = value.trim();
+  return trimmed.length ? trimmed : null;
+}
+function formatDate(value, emptyLabel, locale) {
+  if (!value) return emptyLabel;
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return emptyLabel;
+  return date.toLocaleDateString(locale || void 0);
+}
+function formatDateInput(value) {
+  if (!value) return "";
+  return value.slice(0, 10);
+}
+function isOverdue(row) {
+  if (!row.dueDate || row.status === "completed") return false;
+  const date = new Date(row.dueDate);
+  return !Number.isNaN(date.getTime()) && date.getTime() < Date.now();
+}
+function statusVariant(status) {
+  if (status === "in_progress") return "info";
+  if (status === "completed") return "success";
+  return "neutral";
+}
+function actionTypeOptions(translate) {
+  return EUDR_MITIGATION_TYPES.map((type) => ({
+    value: type,
+    label: translate(`eudr.mitigationType.${type}`)
+  }));
+}
+function actionStatusOptions(translate) {
+  return EUDR_MITIGATION_STATUSES.map((status) => ({
+    value: status,
+    label: translate(`eudr.mitigationStatus.${status}`)
+  }));
+}
+function MitigationActionsSection({
+  riskAssessmentId
+}) {
+  const translate = useT();
+  const locale = useLocale();
+  const { confirm, ConfirmDialogElement } = useConfirmDialog();
+  const [rows, setRows] = React.useState([]);
+  const [loading, setLoading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const [dialogMode, setDialogMode] = React.useState(null);
+  const [editingRow, setEditingRow] = React.useState(null);
+  const [reloadToken, setReloadToken] = React.useState(0);
+  const mutationContextId = `eudr-mitigation-actions:${riskAssessmentId}`;
+  const { runMutation, retryLastMutation } = useGuardedMutation({
+    contextId: mutationContextId,
+    blockedMessage: translate("ui.forms.flash.saveBlocked")
+  });
+  React.useEffect(() => {
+    let cancelled = false;
+    async function loadRows() {
+      setLoading(true);
+      setError(null);
+      try {
+        const call = await apiCall(
+          `/api/eudr/mitigation-actions?riskAssessmentId=${encodeURIComponent(riskAssessmentId)}&pageSize=100&sortField=dueDate&sortDir=asc`,
+          void 0,
+          { fallback: { items: [] } }
+        );
+        if (!call.ok) {
+          if (!cancelled) setError(translate("eudr.mitigationActions.loadError"));
+          return;
+        }
+        if (!cancelled) setRows(Array.isArray(call.result?.items) ? call.result.items : []);
+      } catch {
+        if (!cancelled) setError(translate("eudr.mitigationActions.loadError"));
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    }
+    loadRows();
+    return () => {
+      cancelled = true;
+    };
+  }, [reloadToken, riskAssessmentId, translate]);
+  const refreshRows = React.useCallback(() => {
+    setReloadToken((currentToken) => currentToken + 1);
+  }, []);
+  const openCreateDialog = React.useCallback(() => {
+    setEditingRow(null);
+    setDialogMode("create");
+  }, []);
+  const openEditDialog = React.useCallback((row) => {
+    setEditingRow(row);
+    setDialogMode("edit");
+  }, []);
+  const closeDialog = React.useCallback(() => {
+    setDialogMode(null);
+    setEditingRow(null);
+  }, []);
+  const handleDelete = React.useCallback(async (row) => {
+    const confirmed = await confirm({
+      title: translate("eudr.mitigationActions.confirmDelete", { title: row.title }),
+      variant: "destructive"
+    });
+    if (!confirmed) return;
+    try {
+      await runMutation({
+        operation: () => withScopedApiRequestHeaders(
+          buildOptimisticLockHeader(row.updatedAt),
+          () => deleteCrud("eudr/mitigation-actions", row.id, {
+            errorMessage: translate("eudr.mitigationActions.deleteError")
+          })
+        ),
+        context: {
+          formId: mutationContextId,
+          resourceKind: "eudr.mitigation_action",
+          resourceId: row.id,
+          retryLastMutation
+        },
+        mutationPayload: { id: row.id }
+      });
+      flash(translate("eudr.mitigationActions.deleteSuccess"), "success");
+      refreshRows();
+    } catch (deleteError) {
+      if (surfaceRecordConflict(deleteError, translate, { onRefresh: refreshRows })) return;
+      flash(translate("eudr.mitigationActions.deleteError"), "error");
+    }
+  }, [confirm, mutationContextId, refreshRows, retryLastMutation, runMutation, translate]);
+  const fields = React.useMemo(() => [
+    {
+      id: "actionType",
+      label: translate("eudr.mitigationActions.form.actionType"),
+      type: "select",
+      options: actionTypeOptions(translate)
+    },
+    {
+      id: "title",
+      label: translate("eudr.mitigationActions.form.title"),
+      type: "text",
+      required: true
+    },
+    {
+      id: "description",
+      label: translate("eudr.mitigationActions.form.description"),
+      type: "textarea"
+    },
+    {
+      id: "status",
+      label: translate("eudr.mitigationActions.form.status"),
+      type: "select",
+      options: actionStatusOptions(translate)
+    },
+    {
+      id: "dueDate",
+      label: translate("eudr.mitigationActions.form.dueDate"),
+      type: "date"
+    },
+    {
+      id: "notes",
+      label: translate("eudr.mitigationActions.form.notes"),
+      type: "textarea"
+    }
+  ], [translate]);
+  const groups = React.useMemo(() => [
+    {
+      id: "details",
+      title: translate("eudr.mitigationActions.form.details"),
+      column: 1,
+      fields: ["actionType", "title", "description", "status", "dueDate", "notes"]
+    }
+  ], [translate]);
+  const initialValues = React.useMemo(() => ({
+    actionType: editingRow?.actionType ?? "request_documents",
+    title: editingRow?.title ?? "",
+    description: editingRow?.description ?? "",
+    status: editingRow?.status ?? "planned",
+    dueDate: formatDateInput(editingRow?.dueDate),
+    notes: editingRow?.notes ?? ""
+  }), [editingRow]);
+  const columns = React.useMemo(() => [
+    {
+      accessorKey: "title",
+      header: translate("eudr.mitigationActions.columns.title"),
+      cell: ({ row }) => row.original.title,
+      meta: { maxWidth: "260px", truncate: true }
+    },
+    {
+      accessorKey: "actionType",
+      header: translate("eudr.mitigationActions.columns.type"),
+      cell: ({ row }) => row.original.actionType ? translate(`eudr.mitigationType.${row.original.actionType}`) : translate("eudr.common.empty")
+    },
+    {
+      accessorKey: "status",
+      header: translate("eudr.mitigationActions.columns.status"),
+      cell: ({ row }) => /* @__PURE__ */ jsx(StatusBadge, { variant: statusVariant(row.original.status), dot: true, children: row.original.status ? translate(`eudr.mitigationStatus.${row.original.status}`) : translate("eudr.common.empty") })
+    },
+    {
+      accessorKey: "dueDate",
+      header: translate("eudr.mitigationActions.columns.dueDate"),
+      cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: isOverdue(row.original) ? "text-status-warning-text" : void 0, children: formatDate(row.original.dueDate, translate("eudr.common.empty"), locale) })
+    },
+    {
+      accessorKey: "completedAt",
+      header: translate("eudr.mitigationActions.columns.completedAt"),
+      cell: ({ row }) => formatDate(row.original.completedAt, translate("eudr.common.empty"), locale)
+    }
+  ], [locale, translate]);
+  return /* @__PURE__ */ jsxs("section", { className: "space-y-4 rounded-lg border border-border bg-card p-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: translate("eudr.mitigationActions.title") }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: translate("eudr.mitigationActions.description") })
+      ] }),
+      /* @__PURE__ */ jsxs(Button, { type: "button", onClick: openCreateDialog, children: [
+        /* @__PURE__ */ jsx(Plus, { className: "size-4", "aria-hidden": "true" }),
+        translate("eudr.mitigationActions.actions.add")
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        title: translate("eudr.mitigationActions.tableTitle"),
+        columns,
+        data: rows,
+        isLoading: loading,
+        error,
+        rowActions: (row) => /* @__PURE__ */ jsx(
+          RowActions,
+          {
+            items: [
+              {
+                id: "edit",
+                label: translate("eudr.mitigationActions.actions.edit"),
+                onSelect: () => openEditDialog(row)
+              },
+              {
+                id: "delete",
+                label: translate("eudr.mitigationActions.actions.delete"),
+                destructive: true,
+                onSelect: () => {
+                  void handleDelete(row);
+                }
+              }
+            ]
+          }
+        ),
+        emptyState: /* @__PURE__ */ jsx(
+          EmptyState,
+          {
+            size: "sm",
+            variant: "subtle",
+            title: translate("eudr.mitigationActions.empty")
+          }
+        ),
+        perspective: { tableId: "eudr.risk_assessments.detail.mitigation_actions" },
+        disableRowClick: true,
+        stickyActionsColumn: true
+      }
+    ),
+    /* @__PURE__ */ jsx(Dialog, { open: dialogMode !== null, onOpenChange: (open) => {
+      if (!open) closeDialog();
+    }, children: /* @__PURE__ */ jsxs(DialogContent, { size: "lg", children: [
+      /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: dialogMode === "edit" ? translate("eudr.mitigationActions.editTitle") : translate("eudr.mitigationActions.createTitle") }) }),
+      /* @__PURE__ */ jsx(
+        CrudForm,
+        {
+          embedded: true,
+          title: dialogMode === "edit" ? translate("eudr.mitigationActions.editTitle") : translate("eudr.mitigationActions.createTitle"),
+          submitLabel: translate("eudr.mitigationActions.form.submit"),
+          fields,
+          groups,
+          initialValues,
+          onSubmit: async (values) => {
+            const title = optionalText(values.title);
+            if (!title) {
+              const message = translate("eudr.mitigationActions.form.titleRequired");
+              throw createCrudFormError(message, { title: message });
+            }
+            const payload = {
+              riskAssessmentId,
+              actionType: optionalText(values.actionType) ?? "request_documents",
+              title,
+              description: optionalText(values.description),
+              status: optionalText(values.status) ?? "planned",
+              dueDate: optionalText(values.dueDate),
+              notes: optionalText(values.notes)
+            };
+            if (dialogMode === "edit" && editingRow) {
+              await withScopedApiRequestHeaders(
+                buildOptimisticLockHeader(editingRow.updatedAt),
+                () => updateCrud("eudr/mitigation-actions", {
+                  id: editingRow.id,
+                  ...payload
+                }, {
+                  errorMessage: translate("eudr.mitigationActions.updateError")
+                })
+              );
+              flash(translate("eudr.mitigationActions.updateSuccess"), "success");
+            } else {
+              await createCrud("eudr/mitigation-actions", payload, {
+                errorMessage: translate("eudr.mitigationActions.createError")
+              });
+              flash(translate("eudr.mitigationActions.createSuccess"), "success");
+            }
+            closeDialog();
+            refreshRows();
+          }
+        }
+      )
+    ] }) }),
+    ConfirmDialogElement
+  ] });
+}
+var MitigationActionsSection_default = MitigationActionsSection;
+export {
+  MitigationActionsSection,
+  MitigationActionsSection_default as default
+};
+//# sourceMappingURL=MitigationActionsSection.js.map

package/dist/modules/eudr/components/MitigationActionsSection.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/eudr/components/MitigationActionsSection.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Plus } from 'lucide-react'\nimport { useLocale, useT } from '@open-mercato/shared/lib/i18n/context'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { apiCall, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { createCrud, deleteCrud, updateCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { createCrudFormError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { surfaceRecordConflict } from '@open-mercato/ui/backend/conflicts'\nimport { CrudForm, type CrudField, type CrudFormGroup } from '@open-mercato/ui/backend/CrudForm'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { EmptyState } from '@open-mercato/ui/primitives/empty-state'\nimport { StatusBadge } from '@open-mercato/ui/primitives/status-badge'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport {\n  EUDR_MITIGATION_STATUSES,\n  EUDR_MITIGATION_TYPES,\n  type EudrMitigationStatus,\n  type EudrMitigationType,\n} from '../data/validators'\n\ntype MitigationActionRow = {\n  id: string\n  riskAssessmentId: string\n  actionType: EudrMitigationType | null\n  title: string\n  description: string | null\n  status: EudrMitigationStatus | null\n  dueDate: string | null\n  completedAt: string | null\n  notes: string | null\n  updatedAt: string\n}\n\ntype MitigationActionsResponse = {\n  items?: MitigationActionRow[]\n}\n\ntype MitigationActionFormValues = {\n  actionType: string\n  title: string\n  description: string\n  status: string\n  dueDate: string\n  notes: string\n} & Record<string, unknown>\n\ntype MutationContext = {\n  formId: string\n  resourceKind: string\n  resourceId: string\n  retryLastMutation: () => Promise<boolean>\n}\n\nexport type MitigationActionsSectionProps = {\n  riskAssessmentId: string\n}\n\nfunction optionalText(value: unknown): string | null {\n  if (typeof value !== 'string') return null\n  const trimmed = value.trim()\n  return trimmed.length ? trimmed : null\n}\n\nfunction formatDate(value: string | null | undefined, emptyLabel: string, locale: string): string {\n  if (!value) return emptyLabel\n  const date = new Date(value)\n  if (Number.isNaN(date.getTime())) return emptyLabel\n  return date.toLocaleDateString(locale || undefined)\n}\n\nfunction formatDateInput(value: string | null | undefined): string {\n  if (!value) return ''\n  return value.slice(0, 10)\n}\n\nfunction isOverdue(row: MitigationActionRow): boolean {\n  if (!row.dueDate || row.status === 'completed') return false\n  const date = new Date(row.dueDate)\n  return !Number.isNaN(date.getTime()) && date.getTime() < Date.now()\n}\n\nfunction statusVariant(status: string | null | undefined): 'neutral' | 'info' | 'success' {\n  if (status === 'in_progress') return 'info'\n  if (status === 'completed') return 'success'\n  return 'neutral'\n}\n\nfunction actionTypeOptions(translate: ReturnType<typeof useT>) {\n  return EUDR_MITIGATION_TYPES.map((type) => ({\n    value: type,\n    label: translate(`eudr.mitigationType.${type}`),\n  }))\n}\n\nfunction actionStatusOptions(translate: ReturnType<typeof useT>) {\n  return EUDR_MITIGATION_STATUSES.map((status) => ({\n    value: status,\n    label: translate(`eudr.mitigationStatus.${status}`),\n  }))\n}\n\nexport function MitigationActionsSection({\n  riskAssessmentId,\n}: MitigationActionsSectionProps) {\n  const translate = useT()\n  const locale = useLocale()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const [rows, setRows] = React.useState<MitigationActionRow[]>([])\n  const [loading, setLoading] = React.useState(false)\n  const [error, setError] = React.useState<string | null>(null)\n  const [dialogMode, setDialogMode] = React.useState<'create' | 'edit' | null>(null)\n  const [editingRow, setEditingRow] = React.useState<MitigationActionRow | null>(null)\n  const [reloadToken, setReloadToken] = React.useState(0)\n  const mutationContextId = `eudr-mitigation-actions:${riskAssessmentId}`\n  const { runMutation, retryLastMutation } = useGuardedMutation<MutationContext>({\n    contextId: mutationContextId,\n    blockedMessage: translate('ui.forms.flash.saveBlocked'),\n  })\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function loadRows() {\n      setLoading(true)\n      setError(null)\n      try {\n        const call = await apiCall<MitigationActionsResponse>(\n          `/api/eudr/mitigation-actions?riskAssessmentId=${encodeURIComponent(riskAssessmentId)}&pageSize=100&sortField=dueDate&sortDir=asc`,\n          undefined,\n          { fallback: { items: [] } },\n        )\n        if (!call.ok) {\n          if (!cancelled) setError(translate('eudr.mitigationActions.loadError'))\n          return\n        }\n        if (!cancelled) setRows(Array.isArray(call.result?.items) ? call.result.items : [])\n      } catch {\n        if (!cancelled) setError(translate('eudr.mitigationActions.loadError'))\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }\n    loadRows()\n    return () => {\n      cancelled = true\n    }\n  }, [reloadToken, riskAssessmentId, translate])\n\n  const refreshRows = React.useCallback(() => {\n    setReloadToken((currentToken) => currentToken + 1)\n  }, [])\n\n  const openCreateDialog = React.useCallback(() => {\n    setEditingRow(null)\n    setDialogMode('create')\n  }, [])\n\n  const openEditDialog = React.useCallback((row: MitigationActionRow) => {\n    setEditingRow(row)\n    setDialogMode('edit')\n  }, [])\n\n  const closeDialog = React.useCallback(() => {\n    setDialogMode(null)\n    setEditingRow(null)\n  }, [])\n\n  const handleDelete = React.useCallback(async (row: MitigationActionRow) => {\n    const confirmed = await confirm({\n      title: translate('eudr.mitigationActions.confirmDelete', { title: row.title }),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n\n    try {\n      await runMutation({\n        operation: () => withScopedApiRequestHeaders(\n          buildOptimisticLockHeader(row.updatedAt),\n          () => deleteCrud('eudr/mitigation-actions', row.id, {\n            errorMessage: translate('eudr.mitigationActions.deleteError'),\n          }),\n        ),\n        context: {\n          formId: mutationContextId,\n          resourceKind: 'eudr.mitigation_action',\n          resourceId: row.id,\n          retryLastMutation,\n        },\n        mutationPayload: { id: row.id },\n      })\n      flash(translate('eudr.mitigationActions.deleteSuccess'), 'success')\n      refreshRows()\n    } catch (deleteError) {\n      if (surfaceRecordConflict(deleteError, translate, { onRefresh: refreshRows })) return\n      flash(translate('eudr.mitigationActions.deleteError'), 'error')\n    }\n  }, [confirm, mutationContextId, refreshRows, retryLastMutation, runMutation, translate])\n\n  const fields = React.useMemo<CrudField[]>(() => [\n    {\n      id: 'actionType',\n      label: translate('eudr.mitigationActions.form.actionType'),\n      type: 'select',\n      options: actionTypeOptions(translate),\n    },\n    {\n      id: 'title',\n      label: translate('eudr.mitigationActions.form.title'),\n      type: 'text',\n      required: true,\n    },\n    {\n      id: 'description',\n      label: translate('eudr.mitigationActions.form.description'),\n      type: 'textarea',\n    },\n    {\n      id: 'status',\n      label: translate('eudr.mitigationActions.form.status'),\n      type: 'select',\n      options: actionStatusOptions(translate),\n    },\n    {\n      id: 'dueDate',\n      label: translate('eudr.mitigationActions.form.dueDate'),\n      type: 'date',\n    },\n    {\n      id: 'notes',\n      label: translate('eudr.mitigationActions.form.notes'),\n      type: 'textarea',\n    },\n  ], [translate])\n\n  const groups = React.useMemo<CrudFormGroup[]>(() => [\n    {\n      id: 'details',\n      title: translate('eudr.mitigationActions.form.details'),\n      column: 1,\n      fields: ['actionType', 'title', 'description', 'status', 'dueDate', 'notes'],\n    },\n  ], [translate])\n\n  const initialValues = React.useMemo<MitigationActionFormValues>(() => ({\n    actionType: editingRow?.actionType ?? 'request_documents',\n    title: editingRow?.title ?? '',\n    description: editingRow?.description ?? '',\n    status: editingRow?.status ?? 'planned',\n    dueDate: formatDateInput(editingRow?.dueDate),\n    notes: editingRow?.notes ?? '',\n  }), [editingRow])\n\n  const columns = React.useMemo<ColumnDef<MitigationActionRow>[]>(() => [\n    {\n      accessorKey: 'title',\n      header: translate('eudr.mitigationActions.columns.title'),\n      cell: ({ row }) => row.original.title,\n      meta: { maxWidth: '260px', truncate: true },\n    },\n    {\n      accessorKey: 'actionType',\n      header: translate('eudr.mitigationActions.columns.type'),\n      cell: ({ row }) => row.original.actionType\n        ? translate(`eudr.mitigationType.${row.original.actionType}`)\n        : translate('eudr.common.empty'),\n    },\n    {\n      accessorKey: 'status',\n      header: translate('eudr.mitigationActions.columns.status'),\n      cell: ({ row }) => (\n        <StatusBadge variant={statusVariant(row.original.status)} dot>\n          {row.original.status ? translate(`eudr.mitigationStatus.${row.original.status}`) : translate('eudr.common.empty')}\n        </StatusBadge>\n      ),\n    },\n    {\n      accessorKey: 'dueDate',\n      header: translate('eudr.mitigationActions.columns.dueDate'),\n      cell: ({ row }) => (\n        <span className={isOverdue(row.original) ? 'text-status-warning-text' : undefined}>\n          {formatDate(row.original.dueDate, translate('eudr.common.empty'), locale)}\n        </span>\n      ),\n    },\n    {\n      accessorKey: 'completedAt',\n      header: translate('eudr.mitigationActions.columns.completedAt'),\n      cell: ({ row }) => formatDate(row.original.completedAt, translate('eudr.common.empty'), locale),\n    },\n  ], [locale, translate])\n\n  return (\n    <section className=\"space-y-4 rounded-lg border border-border bg-card p-4\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n        <div className=\"space-y-1\">\n          <h2 className=\"text-lg font-semibold\">{translate('eudr.mitigationActions.title')}</h2>\n          <p className=\"text-sm text-muted-foreground\">{translate('eudr.mitigationActions.description')}</p>\n        </div>\n        <Button type=\"button\" onClick={openCreateDialog}>\n          <Plus className=\"size-4\" aria-hidden=\"true\" />\n          {translate('eudr.mitigationActions.actions.add')}\n        </Button>\n      </div>\n\n      <DataTable<MitigationActionRow>\n        title={translate('eudr.mitigationActions.tableTitle')}\n        columns={columns}\n        data={rows}\n        isLoading={loading}\n        error={error}\n        rowActions={(row) => (\n          <RowActions\n            items={[\n              {\n                id: 'edit',\n                label: translate('eudr.mitigationActions.actions.edit'),\n                onSelect: () => openEditDialog(row),\n              },\n              {\n                id: 'delete',\n                label: translate('eudr.mitigationActions.actions.delete'),\n                destructive: true,\n                onSelect: () => {\n                  void handleDelete(row)\n                },\n              },\n            ]}\n          />\n        )}\n        emptyState={(\n          <EmptyState\n            size=\"sm\"\n            variant=\"subtle\"\n            title={translate('eudr.mitigationActions.empty')}\n          />\n        )}\n        perspective={{ tableId: 'eudr.risk_assessments.detail.mitigation_actions' }}\n        disableRowClick\n        stickyActionsColumn\n      />\n\n      <Dialog open={dialogMode !== null} onOpenChange={(open) => {\n        if (!open) closeDialog()\n      }}>\n        <DialogContent size=\"lg\">\n          <DialogHeader>\n            <DialogTitle>\n              {dialogMode === 'edit'\n                ? translate('eudr.mitigationActions.editTitle')\n                : translate('eudr.mitigationActions.createTitle')}\n            </DialogTitle>\n          </DialogHeader>\n          <CrudForm<MitigationActionFormValues>\n            embedded\n            title={dialogMode === 'edit'\n              ? translate('eudr.mitigationActions.editTitle')\n              : translate('eudr.mitigationActions.createTitle')}\n            submitLabel={translate('eudr.mitigationActions.form.submit')}\n            fields={fields}\n            groups={groups}\n            initialValues={initialValues}\n            onSubmit={async (values) => {\n              const title = optionalText(values.title)\n              if (!title) {\n                const message = translate('eudr.mitigationActions.form.titleRequired')\n                throw createCrudFormError(message, { title: message })\n              }\n              const payload = {\n                riskAssessmentId,\n                actionType: optionalText(values.actionType) ?? 'request_documents',\n                title,\n                description: optionalText(values.description),\n                status: optionalText(values.status) ?? 'planned',\n                dueDate: optionalText(values.dueDate),\n                notes: optionalText(values.notes),\n              }\n              if (dialogMode === 'edit' && editingRow) {\n                await withScopedApiRequestHeaders(\n                  buildOptimisticLockHeader(editingRow.updatedAt),\n                  () => updateCrud('eudr/mitigation-actions', {\n                    id: editingRow.id,\n                    ...payload,\n                  }, {\n                    errorMessage: translate('eudr.mitigationActions.updateError'),\n                  }),\n                )\n                flash(translate('eudr.mitigationActions.updateSuccess'), 'success')\n              } else {\n                await createCrud('eudr/mitigation-actions', payload, {\n                  errorMessage: translate('eudr.mitigationActions.createError'),\n                })\n                flash(translate('eudr.mitigationActions.createSuccess'), 'success')\n              }\n              closeDialog()\n              refreshRows()\n            }}\n          />\n        </DialogContent>\n      </Dialog>\n      {ConfirmDialogElement}\n    </section>\n  )\n}\n\nexport default MitigationActionsSection\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/eudr/components/OrderSelectField.js

@@ -0,0 +1,88 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import {
+  LookupSelectField,
+  PICKER_PAGE_SIZE
+} from "./formConfig.js";
+function isRecord(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value);
+}
+function readString(record, keys) {
+  for (const key of keys) {
+    const value = record[key];
+    if (typeof value !== "string") continue;
+    const trimmed = value.trim();
+    if (trimmed.length > 0) return trimmed;
+  }
+  return null;
+}
+function normalizeOrderOption(raw, translate) {
+  if (!isRecord(raw)) return null;
+  const id = readString(raw, ["id"]);
+  if (!id) return null;
+  const orderNumber = readString(raw, ["orderNumber", "order_number"]);
+  const customerSnapshot = isRecord(raw.customerSnapshot) ? raw.customerSnapshot : isRecord(raw.customer_snapshot) ? raw.customer_snapshot : null;
+  const customer = customerSnapshot ? readString(customerSnapshot, ["displayName", "display_name", "name"]) : null;
+  return {
+    value: id,
+    label: orderNumber ?? translate("eudr.common.recordUnavailable"),
+    subtitle: customer,
+    snapshot: { orderNumber: orderNumber ?? null }
+  };
+}
+async function loadOrderPayload(url) {
+  const call = await apiCall(url, void 0, { fallback: { items: [] } });
+  if (!call.ok) return { items: [] };
+  return call.result ?? { items: [] };
+}
+function OrderSelectField({
+  id,
+  value,
+  onChange,
+  onSnapshot,
+  placeholder,
+  loadError,
+  disabled
+}) {
+  const translate = useT();
+  const loadOrderOptions = React.useCallback(async (search) => {
+    const params = new URLSearchParams({
+      page: "1",
+      pageSize: String(PICKER_PAGE_SIZE),
+      sortField: "number",
+      sortDir: "desc"
+    });
+    if (search) params.set("search", search);
+    const payload = await loadOrderPayload(`/api/sales/orders?${params.toString()}`);
+    const items = Array.isArray(payload.items) ? payload.items : [];
+    return items.map((item) => normalizeOrderOption(item, translate)).filter((option) => option !== null);
+  }, [translate]);
+  const loadSelectedOrder = React.useCallback(async (orderId) => {
+    const payload = await loadOrderPayload(`/api/sales/orders?ids=${encodeURIComponent(orderId)}&pageSize=1`);
+    const items = Array.isArray(payload.items) ? payload.items : [];
+    return items.map((item) => normalizeOrderOption(item, translate)).find((option) => option?.value === orderId) ?? null;
+  }, [translate]);
+  return /* @__PURE__ */ jsx(
+    LookupSelectField,
+    {
+      id,
+      value,
+      onChange,
+      onSnapshot,
+      placeholder,
+      loadError,
+      disabled,
+      loadOptions: loadOrderOptions,
+      loadSelectedOption: loadSelectedOrder
+    }
+  );
+}
+var OrderSelectField_default = OrderSelectField;
+export {
+  OrderSelectField,
+  OrderSelectField_default as default
+};
+//# sourceMappingURL=OrderSelectField.js.map

package/dist/modules/eudr/components/OrderSelectField.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/eudr/components/OrderSelectField.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport {\n  LookupSelectField,\n  PICKER_PAGE_SIZE,\n  type OrderSnapshot,\n  type PickerOption,\n  type Translator,\n} from './formConfig'\n\ntype PickerPayload = {\n  items?: unknown[]\n}\n\ntype OrderSelectFieldProps = {\n  id: string\n  value?: string | null\n  onChange: (value: string | undefined) => void\n  onSnapshot?: (snapshot: OrderSnapshot | null) => void\n  placeholder: string\n  emptyLabel?: string\n  loadError: string\n  disabled?: boolean\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return value !== null && typeof value === 'object' && !Array.isArray(value)\n}\n\nfunction readString(record: Record<string, unknown>, keys: string[]): string | null {\n  for (const key of keys) {\n    const value = record[key]\n    if (typeof value !== 'string') continue\n    const trimmed = value.trim()\n    if (trimmed.length > 0) return trimmed\n  }\n  return null\n}\n\nfunction normalizeOrderOption(raw: unknown, translate: Translator): PickerOption<OrderSnapshot> | null {\n  if (!isRecord(raw)) return null\n  const id = readString(raw, ['id'])\n  if (!id) return null\n  const orderNumber = readString(raw, ['orderNumber', 'order_number'])\n  const customerSnapshot = isRecord(raw.customerSnapshot)\n    ? raw.customerSnapshot\n    : (isRecord(raw.customer_snapshot) ? raw.customer_snapshot : null)\n  const customer = customerSnapshot\n    ? readString(customerSnapshot, ['displayName', 'display_name', 'name'])\n    : null\n  return {\n    value: id,\n    label: orderNumber ?? translate('eudr.common.recordUnavailable'),\n    subtitle: customer,\n    snapshot: { orderNumber: orderNumber ?? null },\n  }\n}\n\nasync function loadOrderPayload(url: string): Promise<PickerPayload> {\n  const call = await apiCall<PickerPayload>(url, undefined, { fallback: { items: [] } })\n  if (!call.ok) return { items: [] }\n  return call.result ?? { items: [] }\n}\n\nexport function OrderSelectField({\n  id,\n  value,\n  onChange,\n  onSnapshot,\n  placeholder,\n  loadError,\n  disabled,\n}: OrderSelectFieldProps) {\n  const translate = useT()\n  const loadOrderOptions = React.useCallback(async (search: string) => {\n    const params = new URLSearchParams({\n      page: '1',\n      pageSize: String(PICKER_PAGE_SIZE),\n      sortField: 'number',\n      sortDir: 'desc',\n    })\n    if (search) params.set('search', search)\n    const payload = await loadOrderPayload(`/api/sales/orders?${params.toString()}`)\n    const items = Array.isArray(payload.items) ? payload.items : []\n    return items\n      .map((item) => normalizeOrderOption(item, translate))\n      .filter((option): option is PickerOption<OrderSnapshot> => option !== null)\n  }, [translate])\n\n  const loadSelectedOrder = React.useCallback(async (orderId: string) => {\n    const payload = await loadOrderPayload(`/api/sales/orders?ids=${encodeURIComponent(orderId)}&pageSize=1`)\n    const items = Array.isArray(payload.items) ? payload.items : []\n    return items\n      .map((item) => normalizeOrderOption(item, translate))\n      .find((option): option is PickerOption<OrderSnapshot> => option?.value === orderId) ?? null\n  }, [translate])\n\n  return (\n    <LookupSelectField\n      id={id}\n      value={value}\n      onChange={onChange}\n      onSnapshot={onSnapshot}\n      placeholder={placeholder}\n      loadError={loadError}\n      disabled={disabled}\n      loadOptions={loadOrderOptions}\n      loadSelectedOption={loadSelectedOrder}\n    />\n  )\n}\n\nexport default OrderSelectField\n"],
+  "mappings": ";AAqGI;AAnGJ,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,OAIK;AAiBP,SAAS,SAAS,OAAkD;AAClE,SAAO,UAAU,QAAQ,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,KAAK;AAC5E;AAEA,SAAS,WAAW,QAAiC,MAA+B;AAClF,aAAW,OAAO,MAAM;AACtB,UAAM,QAAQ,OAAO,GAAG;AACxB,QAAI,OAAO,UAAU,SAAU;AAC/B,UAAM,UAAU,MAAM,KAAK;AAC3B,QAAI,QAAQ,SAAS,EAAG,QAAO;AAAA,EACjC;AACA,SAAO;AACT;AAEA,SAAS,qBAAqB,KAAc,WAA2D;AACrG,MAAI,CAAC,SAAS,GAAG,EAAG,QAAO;AAC3B,QAAM,KAAK,WAAW,KAAK,CAAC,IAAI,CAAC;AACjC,MAAI,CAAC,GAAI,QAAO;AAChB,QAAM,cAAc,WAAW,KAAK,CAAC,eAAe,cAAc,CAAC;AACnE,QAAM,mBAAmB,SAAS,IAAI,gBAAgB,IAClD,IAAI,mBACH,SAAS,IAAI,iBAAiB,IAAI,IAAI,oBAAoB;AAC/D,QAAM,WAAW,mBACb,WAAW,kBAAkB,CAAC,eAAe,gBAAgB,MAAM,CAAC,IACpE;AACJ,SAAO;AAAA,IACL,OAAO;AAAA,IACP,OAAO,eAAe,UAAU,+BAA+B;AAAA,IAC/D,UAAU;AAAA,IACV,UAAU,EAAE,aAAa,eAAe,KAAK;AAAA,EAC/C;AACF;AAEA,eAAe,iBAAiB,KAAqC;AACnE,QAAM,OAAO,MAAM,QAAuB,KAAK,QAAW,EAAE,UAAU,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC;AACrF,MAAI,CAAC,KAAK,GAAI,QAAO,EAAE,OAAO,CAAC,EAAE;AACjC,SAAO,KAAK,UAAU,EAAE,OAAO,CAAC,EAAE;AACpC;AAEO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,YAAY,KAAK;AACvB,QAAM,mBAAmB,MAAM,YAAY,OAAO,WAAmB;AACnE,UAAM,SAAS,IAAI,gBAAgB;AAAA,MACjC,MAAM;AAAA,MACN,UAAU,OAAO,gBAAgB;AAAA,MACjC,WAAW;AAAA,MACX,SAAS;AAAA,IACX,CAAC;AACD,QAAI,OAAQ,QAAO,IAAI,UAAU,MAAM;AACvC,UAAM,UAAU,MAAM,iBAAiB,qBAAqB,OAAO,SAAS,CAAC,EAAE;AAC/E,UAAM,QAAQ,MAAM,QAAQ,QAAQ,KAAK,IAAI,QAAQ,QAAQ,CAAC;AAC9D,WAAO,MACJ,IAAI,CAAC,SAAS,qBAAqB,MAAM,SAAS,CAAC,EACnD,OAAO,CAAC,WAAkD,WAAW,IAAI;AAAA,EAC9E,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,oBAAoB,MAAM,YAAY,OAAO,YAAoB;AACrE,UAAM,UAAU,MAAM,iBAAiB,yBAAyB,mBAAmB,OAAO,CAAC,aAAa;AACxG,UAAM,QAAQ,MAAM,QAAQ,QAAQ,KAAK,IAAI,QAAQ,QAAQ,CAAC;AAC9D,WAAO,MACJ,IAAI,CAAC,SAAS,qBAAqB,MAAM,SAAS,CAAC,EACnD,KAAK,CAAC,WAAkD,QAAQ,UAAU,OAAO,KAAK;AAAA,EAC3F,GAAG,CAAC,SAAS,CAAC;AAEd,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb,oBAAoB;AAAA;AAAA,EACtB;AAEJ;AAEA,IAAO,2BAAQ;",
+  "names": []
+}