@open-mercato/core 0.6.8-develop.6924.1.a8d208fcdc → 0.6.8-develop.6930.1.1e5976efc3

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

@@ -0,0 +1,307 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { DataTable } from "@open-mercato/ui/backend/DataTable";
+import { EmptyState } from "@open-mercato/ui/backend/EmptyState";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+import { ErrorMessage, LoadingMessage } from "@open-mercato/ui/backend/detail";
+import { apiCall, apiCallOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Checkbox } from "@open-mercato/ui/primitives/checkbox";
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "@open-mercato/ui/primitives/dialog";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import {
+  EUDR_COMMODITIES
+} from "../data/validators.js";
+const commoditySet = new Set(EUDR_COMMODITIES);
+function isRecord(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value);
+}
+function isEudrCommodity(value) {
+  return typeof value === "string" && commoditySet.has(value);
+}
+function normalizeSuggestion(value) {
+  if (!isRecord(value)) return null;
+  const { productId, name, sku, hsCode, suggestedCommodity } = value;
+  if (typeof productId !== "string" || typeof name !== "string" || typeof hsCode !== "string" || !isEudrCommodity(suggestedCommodity)) {
+    return null;
+  }
+  return {
+    productId,
+    name,
+    sku: typeof sku === "string" ? sku : null,
+    hsCode,
+    suggestedCommodity
+  };
+}
+function normalizeSuggestionsResponse(value) {
+  const rawItems = Array.isArray(value?.items) ? value.items : [];
+  return rawItems.map(normalizeSuggestion).filter((item) => item !== null);
+}
+function formatProductLabel(item) {
+  return item.sku ? `${item.name} (${item.sku})` : item.name;
+}
+function MappingSuggestionsDialog({
+  open,
+  onOpenChange,
+  onApplied
+}) {
+  const t = useT();
+  const [items, setItems] = React.useState([]);
+  const [selectedIds, setSelectedIds] = React.useState(() => /* @__PURE__ */ new Set());
+  const [loading, setLoading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const [applying, setApplying] = React.useState(false);
+  const [failures, setFailures] = React.useState([]);
+  const appliedDuringSessionRef = React.useRef(false);
+  const mutationContextId = "eudr-product-mapping-suggestions:apply";
+  const { runMutation, retryLastMutation } = useGuardedMutation({
+    contextId: mutationContextId,
+    blockedMessage: t("ui.forms.flash.saveBlocked")
+  });
+  const closeDialog = React.useCallback((nextOpen) => {
+    if (!nextOpen && appliedDuringSessionRef.current) {
+      onApplied?.();
+      appliedDuringSessionRef.current = false;
+    }
+    onOpenChange(nextOpen);
+  }, [onApplied, onOpenChange]);
+  React.useEffect(() => {
+    if (!open) return;
+    appliedDuringSessionRef.current = false;
+    setFailures([]);
+    setSelectedIds(/* @__PURE__ */ new Set());
+    let cancelled = false;
+    async function loadSuggestions() {
+      setLoading(true);
+      setError(null);
+      try {
+        const fallback = { items: [] };
+        const call = await apiCall(
+          "/api/eudr/product-mappings/suggestions",
+          void 0,
+          { fallback }
+        );
+        if (!call.ok) {
+          setError(t("eudr.suggestions.loadError"));
+          return;
+        }
+        const nextItems = normalizeSuggestionsResponse(call.result ?? fallback);
+        if (cancelled) return;
+        setItems(nextItems);
+        setSelectedIds(new Set(nextItems.map((item) => item.productId)));
+      } catch {
+        if (!cancelled) setError(t("eudr.suggestions.loadError"));
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    }
+    void loadSuggestions();
+    return () => {
+      cancelled = true;
+    };
+  }, [open, t]);
+  const selectedItems = React.useMemo(() => {
+    return items.filter((item) => selectedIds.has(item.productId));
+  }, [items, selectedIds]);
+  const selectedCount = selectedItems.length;
+  const allSelected = items.length > 0 && selectedCount === items.length;
+  const partiallySelected = selectedCount > 0 && selectedCount < items.length;
+  const canApply = selectedCount > 0 && !applying && !loading;
+  const toggleAll = React.useCallback((checked) => {
+    if (checked) {
+      setSelectedIds(new Set(items.map((item) => item.productId)));
+    } else {
+      setSelectedIds(/* @__PURE__ */ new Set());
+    }
+  }, [items]);
+  const toggleOne = React.useCallback((productId, checked) => {
+    setSelectedIds((current) => {
+      const next = new Set(current);
+      if (checked) next.add(productId);
+      else next.delete(productId);
+      return next;
+    });
+  }, []);
+  const columns = React.useMemo(() => [
+    {
+      id: "select",
+      header: () => /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          "aria-label": t("eudr.suggestions.selectAll"),
+          checked: allSelected ? true : partiallySelected ? "indeterminate" : false,
+          onCheckedChange: toggleAll
+        }
+      ),
+      cell: ({ row }) => /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          "aria-label": t("eudr.suggestions.selectRow", { product: formatProductLabel(row.original) }),
+          checked: selectedIds.has(row.original.productId),
+          onCheckedChange: (checked) => toggleOne(row.original.productId, checked)
+        }
+      ),
+      enableSorting: false,
+      size: 48
+    },
+    {
+      accessorKey: "name",
+      header: t("eudr.suggestions.columns.product"),
+      cell: ({ row }) => /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("p", { className: "truncate font-medium", children: row.original.name }),
+        row.original.sku ? /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-muted-foreground", children: row.original.sku }) : null
+      ] }),
+      meta: { maxWidth: "260px", truncate: true }
+    },
+    {
+      accessorKey: "hsCode",
+      header: t("eudr.suggestions.columns.hsCode"),
+      cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: row.original.hsCode })
+    },
+    {
+      accessorKey: "suggestedCommodity",
+      header: t("eudr.suggestions.columns.suggestedCommodity"),
+      cell: ({ row }) => /* @__PURE__ */ jsx(Tag, { variant: "success", children: t(`eudr.commodity.${row.original.suggestedCommodity}`) })
+    }
+  ], [allSelected, partiallySelected, selectedIds, t, toggleAll, toggleOne]);
+  const handleApply = React.useCallback(async () => {
+    if (!canApply) return;
+    setApplying(true);
+    setFailures([]);
+    try {
+      const payloadItems = selectedItems.map((item) => ({
+        productId: item.productId,
+        commodity: item.suggestedCommodity,
+        hsCode: item.hsCode
+      }));
+      const call = await runMutation({
+        operation: () => apiCallOrThrow(
+          "/api/eudr/product-mappings/suggestions/apply",
+          {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ items: payloadItems })
+          },
+          { errorMessage: t("eudr.suggestions.applyError") }
+        ),
+        context: {
+          formId: mutationContextId,
+          resourceKind: "eudr.product_mapping",
+          resourceId: "bulk-suggestions",
+          retryLastMutation
+        },
+        mutationPayload: { items: payloadItems }
+      });
+      const result = call.result ?? { created: 0, failed: [] };
+      appliedDuringSessionRef.current = true;
+      flash(t("eudr.suggestions.applySuccess", { count: result.created }), result.created > 0 ? "success" : "warning");
+      const failures2 = Array.isArray(result.failed) ? result.failed : [];
+      setFailures(failures2);
+      if (!failures2.length) {
+        closeDialog(false);
+      } else {
+        setSelectedIds(new Set(failures2.map((failure) => failure.productId)));
+      }
+    } catch {
+      flash(t("eudr.suggestions.applyError"), "error");
+    } finally {
+      setApplying(false);
+    }
+  }, [canApply, closeDialog, mutationContextId, retryLastMutation, runMutation, selectedItems, t]);
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: closeDialog, children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      size: "xl",
+      onKeyDown: (event) => {
+        if (event.key === "Escape") {
+          event.preventDefault();
+          closeDialog(false);
+          return;
+        }
+        if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+          event.preventDefault();
+          void handleApply();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: t("eudr.suggestions.title") }) }),
+        /* @__PURE__ */ jsx("div", { className: "min-h-64", children: error ? /* @__PURE__ */ jsx(ErrorMessage, { label: error }) : loading ? /* @__PURE__ */ jsx(LoadingMessage, { label: t("eudr.suggestions.loading") }) : items.length === 0 ? /* @__PURE__ */ jsx(
+          EmptyState,
+          {
+            size: "sm",
+            variant: "subtle",
+            title: t("eudr.suggestions.empty"),
+            description: t("eudr.suggestions.emptyHint")
+          }
+        ) : /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsx(
+            DataTable,
+            {
+              title: t("eudr.suggestions.tableTitle"),
+              columns,
+              data: items,
+              emptyState: /* @__PURE__ */ jsx(
+                EmptyState,
+                {
+                  size: "sm",
+                  variant: "subtle",
+                  title: t("eudr.suggestions.empty"),
+                  description: t("eudr.suggestions.emptyHint")
+                }
+              ),
+              perspective: { tableId: "eudr.product_mapping_suggestions.dialog" },
+              disableRowClick: true
+            }
+          ),
+          failures.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-status-error-border bg-status-error-bg p-3 text-sm text-status-error-text", children: [
+            /* @__PURE__ */ jsx("p", { className: "font-medium", children: t("eudr.suggestions.failuresTitle") }),
+            /* @__PURE__ */ jsx("ul", { className: "mt-2 space-y-1", children: failures.map((failure) => {
+              const item = items.find((candidate) => candidate.productId === failure.productId);
+              return /* @__PURE__ */ jsxs("li", { children: [
+                /* @__PURE__ */ jsx("span", { className: "font-medium", children: item ? formatProductLabel(item) : t("eudr.common.recordUnavailable") }),
+                ": ",
+                /* @__PURE__ */ jsx("span", { children: t(failure.errorKey) })
+              ] }, failure.productId);
+            }) })
+          ] }) : null
+        ] }) }),
+        /* @__PURE__ */ jsxs(DialogFooter, { children: [
+          /* @__PURE__ */ jsx("span", { className: "mr-auto text-sm text-muted-foreground", children: t("eudr.suggestions.selectedCount", { count: selectedCount }) }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              onClick: () => closeDialog(false),
+              children: t("eudr.suggestions.cancel")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              onClick: () => void handleApply(),
+              disabled: !canApply,
+              children: applying ? t("eudr.suggestions.applying") : t("eudr.suggestions.apply")
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}
+var MappingSuggestionsDialog_default = MappingSuggestionsDialog;
+export {
+  MappingSuggestionsDialog,
+  MappingSuggestionsDialog_default as default
+};
+//# sourceMappingURL=MappingSuggestionsDialog.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/eudr/components/MappingSuggestionsDialog.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { EmptyState } from '@open-mercato/ui/backend/EmptyState'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { ErrorMessage, LoadingMessage } from '@open-mercato/ui/backend/detail'\nimport { apiCall, apiCallOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Checkbox } from '@open-mercato/ui/primitives/checkbox'\nimport {\n  Dialog,\n  DialogContent,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport {\n  EUDR_COMMODITIES,\n  type EudrCommodity,\n} from '../data/validators'\n\ntype MappingSuggestion = {\n  productId: string\n  name: string\n  sku: string | null\n  hsCode: string\n  suggestedCommodity: EudrCommodity\n}\n\ntype SuggestionsResponse = {\n  items: MappingSuggestion[]\n}\n\ntype ApplyResponse = {\n  created: number\n  failed: Array<{ productId: string; errorKey: string }>\n}\n\ntype ApplyItem = {\n  productId: string\n  commodity: EudrCommodity\n  hsCode: string\n}\n\ntype MappingSuggestionsDialogProps = {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  onApplied?: () => void\n}\n\nconst commoditySet = new Set<string>(EUDR_COMMODITIES)\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return value !== null && typeof value === 'object' && !Array.isArray(value)\n}\n\nfunction isEudrCommodity(value: unknown): value is EudrCommodity {\n  return typeof value === 'string' && commoditySet.has(value)\n}\n\nfunction normalizeSuggestion(value: unknown): MappingSuggestion | null {\n  if (!isRecord(value)) return null\n  const { productId, name, sku, hsCode, suggestedCommodity } = value\n  if (\n    typeof productId !== 'string'\n    || typeof name !== 'string'\n    || typeof hsCode !== 'string'\n    || !isEudrCommodity(suggestedCommodity)\n  ) {\n    return null\n  }\n  return {\n    productId,\n    name,\n    sku: typeof sku === 'string' ? sku : null,\n    hsCode,\n    suggestedCommodity,\n  }\n}\n\nfunction normalizeSuggestionsResponse(value: SuggestionsResponse | null): MappingSuggestion[] {\n  const rawItems = Array.isArray((value as { items?: unknown[] } | null)?.items)\n    ? (value as { items: unknown[] }).items\n    : []\n  return rawItems\n    .map(normalizeSuggestion)\n    .filter((item): item is MappingSuggestion => item !== null)\n}\n\nfunction formatProductLabel(item: MappingSuggestion): string {\n  return item.sku ? `${item.name} (${item.sku})` : item.name\n}\n\nexport function MappingSuggestionsDialog({\n  open,\n  onOpenChange,\n  onApplied,\n}: MappingSuggestionsDialogProps) {\n  const t = useT()\n  const [items, setItems] = React.useState<MappingSuggestion[]>([])\n  const [selectedIds, setSelectedIds] = React.useState<Set<string>>(() => new Set())\n  const [loading, setLoading] = React.useState(false)\n  const [error, setError] = React.useState<string | null>(null)\n  const [applying, setApplying] = React.useState(false)\n  const [failures, setFailures] = React.useState<ApplyResponse['failed']>([])\n  const appliedDuringSessionRef = React.useRef(false)\n  const mutationContextId = 'eudr-product-mapping-suggestions:apply'\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    formId: string\n    resourceKind: string\n    resourceId: string\n    retryLastMutation: () => Promise<boolean>\n  }>({\n    contextId: mutationContextId,\n    blockedMessage: t('ui.forms.flash.saveBlocked'),\n  })\n\n  const closeDialog = React.useCallback((nextOpen: boolean) => {\n    if (!nextOpen && appliedDuringSessionRef.current) {\n      onApplied?.()\n      appliedDuringSessionRef.current = false\n    }\n    onOpenChange(nextOpen)\n  }, [onApplied, onOpenChange])\n\n  React.useEffect(() => {\n    if (!open) return\n    appliedDuringSessionRef.current = false\n    setFailures([])\n    setSelectedIds(new Set<string>())\n\n    let cancelled = false\n    async function loadSuggestions() {\n      setLoading(true)\n      setError(null)\n      try {\n        const fallback: SuggestionsResponse = { items: [] }\n        const call = await apiCall<SuggestionsResponse>(\n          '/api/eudr/product-mappings/suggestions',\n          undefined,\n          { fallback },\n        )\n        if (!call.ok) {\n          setError(t('eudr.suggestions.loadError'))\n          return\n        }\n        const nextItems = normalizeSuggestionsResponse(call.result ?? fallback)\n        if (cancelled) return\n        setItems(nextItems)\n        setSelectedIds(new Set(nextItems.map((item) => item.productId)))\n      } catch {\n        if (!cancelled) setError(t('eudr.suggestions.loadError'))\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }\n\n    void loadSuggestions()\n    return () => {\n      cancelled = true\n    }\n  }, [open, t])\n\n  const selectedItems = React.useMemo(() => {\n    return items.filter((item) => selectedIds.has(item.productId))\n  }, [items, selectedIds])\n\n  const selectedCount = selectedItems.length\n  const allSelected = items.length > 0 && selectedCount === items.length\n  const partiallySelected = selectedCount > 0 && selectedCount < items.length\n  const canApply = selectedCount > 0 && !applying && !loading\n\n  const toggleAll = React.useCallback((checked: boolean | 'indeterminate') => {\n    if (checked) {\n      setSelectedIds(new Set(items.map((item) => item.productId)))\n    } else {\n      setSelectedIds(new Set<string>())\n    }\n  }, [items])\n\n  const toggleOne = React.useCallback((productId: string, checked: boolean | 'indeterminate') => {\n    setSelectedIds((current) => {\n      const next = new Set(current)\n      if (checked) next.add(productId)\n      else next.delete(productId)\n      return next\n    })\n  }, [])\n\n  const columns = React.useMemo<ColumnDef<MappingSuggestion>[]>(() => [\n    {\n      id: 'select',\n      header: () => (\n        <Checkbox\n          aria-label={t('eudr.suggestions.selectAll')}\n          checked={allSelected ? true : partiallySelected ? 'indeterminate' : false}\n          onCheckedChange={toggleAll}\n        />\n      ),\n      cell: ({ row }) => (\n        <Checkbox\n          aria-label={t('eudr.suggestions.selectRow', { product: formatProductLabel(row.original) })}\n          checked={selectedIds.has(row.original.productId)}\n          onCheckedChange={(checked) => toggleOne(row.original.productId, checked)}\n        />\n      ),\n      enableSorting: false,\n      size: 48,\n    },\n    {\n      accessorKey: 'name',\n      header: t('eudr.suggestions.columns.product'),\n      cell: ({ row }) => (\n        <div className=\"min-w-0\">\n          <p className=\"truncate font-medium\">{row.original.name}</p>\n          {row.original.sku ? (\n            <p className=\"truncate text-xs text-muted-foreground\">{row.original.sku}</p>\n          ) : null}\n        </div>\n      ),\n      meta: { maxWidth: '260px', truncate: true },\n    },\n    {\n      accessorKey: 'hsCode',\n      header: t('eudr.suggestions.columns.hsCode'),\n      cell: ({ row }) => <span className=\"font-mono text-xs\">{row.original.hsCode}</span>,\n    },\n    {\n      accessorKey: 'suggestedCommodity',\n      header: t('eudr.suggestions.columns.suggestedCommodity'),\n      cell: ({ row }) => (\n        <Tag variant=\"success\">\n          {t(`eudr.commodity.${row.original.suggestedCommodity}`)}\n        </Tag>\n      ),\n    },\n  ], [allSelected, partiallySelected, selectedIds, t, toggleAll, toggleOne])\n\n  const handleApply = React.useCallback(async () => {\n    if (!canApply) return\n    setApplying(true)\n    setFailures([])\n    try {\n      const payloadItems: ApplyItem[] = selectedItems.map((item) => ({\n        productId: item.productId,\n        commodity: item.suggestedCommodity,\n        hsCode: item.hsCode,\n      }))\n      const call = await runMutation({\n        operation: () => apiCallOrThrow<ApplyResponse>(\n          '/api/eudr/product-mappings/suggestions/apply',\n          {\n            method: 'POST',\n            headers: { 'Content-Type': 'application/json' },\n            body: JSON.stringify({ items: payloadItems }),\n          },\n          { errorMessage: t('eudr.suggestions.applyError') },\n        ),\n        context: {\n          formId: mutationContextId,\n          resourceKind: 'eudr.product_mapping',\n          resourceId: 'bulk-suggestions',\n          retryLastMutation,\n        },\n        mutationPayload: { items: payloadItems },\n      })\n      const result = call.result ?? { created: 0, failed: [] }\n      appliedDuringSessionRef.current = true\n      flash(t('eudr.suggestions.applySuccess', { count: result.created }), result.created > 0 ? 'success' : 'warning')\n      const failures = Array.isArray(result.failed) ? result.failed : []\n      setFailures(failures)\n      if (!failures.length) {\n        closeDialog(false)\n      } else {\n        setSelectedIds(new Set(failures.map((failure) => failure.productId)))\n      }\n    } catch {\n      flash(t('eudr.suggestions.applyError'), 'error')\n    } finally {\n      setApplying(false)\n    }\n  }, [canApply, closeDialog, mutationContextId, retryLastMutation, runMutation, selectedItems, t])\n\n  return (\n    <Dialog open={open} onOpenChange={closeDialog}>\n      <DialogContent\n        size=\"xl\"\n        onKeyDown={(event) => {\n          if (event.key === 'Escape') {\n            event.preventDefault()\n            closeDialog(false)\n            return\n          }\n          if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n            event.preventDefault()\n            void handleApply()\n          }\n        }}\n      >\n        <DialogHeader>\n          <DialogTitle>{t('eudr.suggestions.title')}</DialogTitle>\n        </DialogHeader>\n\n        <div className=\"min-h-64\">\n          {error ? (\n            <ErrorMessage label={error} />\n          ) : loading ? (\n            <LoadingMessage label={t('eudr.suggestions.loading')} />\n          ) : items.length === 0 ? (\n            <EmptyState\n              size=\"sm\"\n              variant=\"subtle\"\n              title={t('eudr.suggestions.empty')}\n              description={t('eudr.suggestions.emptyHint')}\n            />\n          ) : (\n            <div className=\"space-y-3\">\n              <DataTable<MappingSuggestion>\n                title={t('eudr.suggestions.tableTitle')}\n                columns={columns}\n                data={items}\n                emptyState={(\n                  <EmptyState\n                    size=\"sm\"\n                    variant=\"subtle\"\n                    title={t('eudr.suggestions.empty')}\n                    description={t('eudr.suggestions.emptyHint')}\n                  />\n                )}\n                perspective={{ tableId: 'eudr.product_mapping_suggestions.dialog' }}\n                disableRowClick\n              />\n              {failures.length > 0 ? (\n                <div className=\"rounded-md border border-status-error-border bg-status-error-bg p-3 text-sm text-status-error-text\">\n                  <p className=\"font-medium\">{t('eudr.suggestions.failuresTitle')}</p>\n                  <ul className=\"mt-2 space-y-1\">\n                    {failures.map((failure) => {\n                      const item = items.find((candidate) => candidate.productId === failure.productId)\n                      return (\n                        <li key={failure.productId}>\n                          <span className=\"font-medium\">\n                            {item ? formatProductLabel(item) : t('eudr.common.recordUnavailable')}\n                          </span>\n                          {': '}\n                          <span>{t(failure.errorKey)}</span>\n                        </li>\n                      )\n                    })}\n                  </ul>\n                </div>\n              ) : null}\n            </div>\n          )}\n        </div>\n\n        <DialogFooter>\n          <span className=\"mr-auto text-sm text-muted-foreground\">\n            {t('eudr.suggestions.selectedCount', { count: selectedCount })}\n          </span>\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={() => closeDialog(false)}\n          >\n            {t('eudr.suggestions.cancel')}\n          </Button>\n          <Button\n            type=\"button\"\n            onClick={() => void handleApply()}\n            disabled={!canApply}\n          >\n            {applying ? t('eudr.suggestions.applying') : t('eudr.suggestions.apply')}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nexport default MappingSuggestionsDialog\n"],
+  "mappings": "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",
+  "names": ["failures"]
+}