@open-mercato/core 0.6.7-develop.6669.1.40b669666b → 0.6.7-develop.6671.1.4b925c5096

package/dist/modules/wms/components/backend/ImportInventoryDialog.js

@@ -0,0 +1,766 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useQueryClient } from "@tanstack/react-query";
+import { ArrowRight, Check, FileText } from "lucide-react";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { flashMutationError } from "../../lib/flashMutationError.js";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { raiseCrudError } from "@open-mercato/ui/backend/utils/serverErrors";
+import { Button } from "@open-mercato/ui/primitives/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "@open-mercato/ui/primitives/dialog";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { KbdShortcut } from "@open-mercato/ui/primitives/kbd";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+import { StatusBadge } from "@open-mercato/ui/primitives/status-badge";
+import { Switch } from "@open-mercato/ui/primitives/switch";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { createLogger } from "@open-mercato/shared/lib/logger";
+import { cn } from "@open-mercato/shared/lib/utils";
+import {
+  countMappedColumns,
+  detectColumnMappings,
+  mapCsvRowsWithMappings,
+  parseCsvText
+} from "../../lib/inventoryImportCsv.js";
+const logger = createLogger("wms");
+const TARGET_FIELD_KEYS = [
+  "warehouseCode",
+  "locationCode",
+  "sku",
+  "quantity",
+  "lotNumber",
+  "serialNumber"
+];
+function ImportStepIndicator({ step }) {
+  const steps = [1, 2, 3];
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5 pt-1", "aria-label": `Step ${step} of 3`, children: steps.map((stepNumber, index) => {
+    const completed = stepNumber < step;
+    const current = stepNumber === step;
+    return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+      index > 0 ? /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "h-0.5 w-4 shrink-0",
+            stepNumber <= step ? "bg-foreground" : "bg-border"
+          ),
+          "aria-hidden": "true"
+        }
+      ) : null,
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "flex size-5 shrink-0 items-center justify-center rounded-full text-xs font-semibold",
+            completed || current ? "bg-foreground text-primary-foreground" : "bg-muted text-muted-foreground"
+          ),
+          "aria-current": current ? "step" : void 0,
+          children: completed ? /* @__PURE__ */ jsx(Check, { className: "size-3", "aria-hidden": "true" }) : stepNumber
+        }
+      )
+    ] }, stepNumber);
+  }) });
+}
+function formatFileSize(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  const kilobytes = bytes / 1024;
+  if (kilobytes < 1024) return `${Math.round(kilobytes)} KB`;
+  return `${(kilobytes / 1024).toFixed(1)} MB`;
+}
+function formatRowCount(value) {
+  return new Intl.NumberFormat().format(value);
+}
+function formatImportIssue(code, t) {
+  const duplicateMatch = /^duplicate_of_row_(\d+)$/.exec(code);
+  if (duplicateMatch) {
+    return t(
+      "wms.backend.inventory.import.validation.duplicate_of_row",
+      "Duplicate of row {row}",
+      { row: duplicateMatch[1] }
+    );
+  }
+  return t(`wms.backend.inventory.import.validation.${code}`, code);
+}
+function ImportInventoryDialog({ open, onOpenChange, access }) {
+  const t = useT();
+  const queryClient = useQueryClient();
+  const fileInputRef = React.useRef(null);
+  const [step, setStep] = React.useState(1);
+  const [selectedFile, setSelectedFile] = React.useState(null);
+  const [parsedFile, setParsedFile] = React.useState(null);
+  const [columnMappings, setColumnMappings] = React.useState([]);
+  const [validation, setValidation] = React.useState(null);
+  const [validating, setValidating] = React.useState(false);
+  const [applying, setApplying] = React.useState(false);
+  const [showIssueDetails, setShowIssueDetails] = React.useState(false);
+  const [skipDuplicates, setSkipDuplicates] = React.useState(true);
+  const [reconcileMode, setReconcileMode] = React.useState(false);
+  const [isDragging, setIsDragging] = React.useState(false);
+  const { runMutation, retryLastMutation } = useGuardedMutation({ contextId: "wms-inventory-import" });
+  const mutationContext = React.useMemo(
+    () => ({ retryLastMutation }),
+    [retryLastMutation]
+  );
+  const resetState = React.useCallback(() => {
+    setStep(1);
+    setSelectedFile(null);
+    setParsedFile(null);
+    setColumnMappings([]);
+    setValidation(null);
+    setValidating(false);
+    setApplying(false);
+    setShowIssueDetails(false);
+    setSkipDuplicates(true);
+    setReconcileMode(false);
+    setIsDragging(false);
+  }, []);
+  const closeDialog = React.useCallback(() => {
+    onOpenChange(false);
+    resetState();
+  }, [onOpenChange, resetState]);
+  React.useEffect(() => {
+    if (!open) resetState();
+  }, [open, resetState]);
+  const targetFieldLabel = React.useCallback(
+    (field) => {
+      const labels = {
+        warehouseCode: t("wms.backend.inventory.import.mapping.fields.warehouseCode", "warehouse_code"),
+        warehouseId: t("wms.backend.inventory.import.mapping.fields.warehouseId", "warehouse_id"),
+        locationCode: t("wms.backend.inventory.import.mapping.fields.locationCode", "location_code"),
+        locationId: t("wms.backend.inventory.import.mapping.fields.locationId", "location_id"),
+        sku: t("wms.backend.inventory.import.mapping.fields.sku", "sku"),
+        catalogVariantId: t(
+          "wms.backend.inventory.import.mapping.fields.catalogVariantId",
+          "catalog_variant_id"
+        ),
+        quantity: t("wms.backend.inventory.import.mapping.fields.quantity", "quantity"),
+        lotNumber: t("wms.backend.inventory.import.mapping.fields.lotNumber", "lot_number"),
+        lotId: t("wms.backend.inventory.import.mapping.fields.lotId", "lot_id"),
+        serialNumber: t("wms.backend.inventory.import.mapping.fields.serialNumber", "serial_number")
+      };
+      return labels[field];
+    },
+    [t]
+  );
+  const parseSelectedFile = React.useCallback(async (file) => {
+    const text = await file.text();
+    const parsed = parseCsvText(text);
+    const meta = {
+      headers: parsed.headers,
+      rowCount: parsed.rows.length,
+      fileSize: file.size
+    };
+    setParsedFile(meta);
+    setColumnMappings(detectColumnMappings(parsed.headers));
+    setValidation(null);
+  }, []);
+  const handleFileSelection = React.useCallback(
+    async (file) => {
+      setSelectedFile(file);
+      if (!file) {
+        setParsedFile(null);
+        setColumnMappings([]);
+        setValidation(null);
+        return;
+      }
+      await parseSelectedFile(file);
+    },
+    [parseSelectedFile]
+  );
+  const handleDownloadTemplate = React.useCallback(() => {
+    const anchor = document.createElement("a");
+    anchor.href = "/api/wms/inventory/import/template";
+    anchor.download = "wms-inventory-import-template.csv";
+    anchor.click();
+  }, []);
+  const handleAutoMap = React.useCallback(() => {
+    if (!parsedFile) return;
+    setColumnMappings(detectColumnMappings(parsedFile.headers));
+  }, [parsedFile]);
+  const handleReconcileModeChange = React.useCallback((checked) => {
+    setReconcileMode(checked);
+    setValidation(null);
+  }, []);
+  const handleMappingChange = React.useCallback(
+    (csvColumn, value) => {
+      setColumnMappings(
+        (current) => current.map((mapping) => {
+          if (mapping.csvColumn !== csvColumn) return mapping;
+          if (value === "skip") {
+            return { ...mapping, targetField: null, status: "skipped" };
+          }
+          return {
+            ...mapping,
+            targetField: value,
+            status: "mapped"
+          };
+        })
+      );
+      setValidation(null);
+    },
+    []
+  );
+  const handleDragOver = React.useCallback((event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    setIsDragging(true);
+  }, []);
+  const handleDragLeave = React.useCallback((event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    setIsDragging(false);
+  }, []);
+  const handleDrop = React.useCallback(
+    (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      setIsDragging(false);
+      const file = event.dataTransfer.files?.[0];
+      if (file) void handleFileSelection(file);
+    },
+    [handleFileSelection]
+  );
+  const handleValidate = React.useCallback(async () => {
+    if (!access.scopeReady || !access.organizationId || !access.tenantId) {
+      flash(t("wms.backend.inventory.import.errors.scope", "Select organization scope before importing."), "error");
+      return false;
+    }
+    if (!selectedFile) {
+      flash(t("wms.backend.inventory.import.errors.file", "Choose a CSV file first."), "error");
+      return false;
+    }
+    setValidating(true);
+    try {
+      const text = await selectedFile.text();
+      const parsed = parseCsvText(text);
+      const rows = mapCsvRowsWithMappings(parsed.headers, parsed.rows, columnMappings);
+      const call = await apiCall("/api/wms/inventory/import/validate", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          organizationId: access.organizationId,
+          tenantId: access.tenantId,
+          skipDuplicates,
+          mode: reconcileMode ? "reconcile" : "additive",
+          rows
+        })
+      });
+      if (!call.ok) {
+        await raiseCrudError(
+          call.response,
+          t("wms.backend.inventory.import.errors.validate", "Validation failed.")
+        );
+      }
+      setValidation(call.result ?? null);
+      if (call.result?.ok) {
+        flash(t("wms.backend.inventory.import.flash.validated", "CSV validated \u2014 review rows before applying."), "success");
+      } else {
+        flash(t("wms.backend.inventory.import.flash.validationErrors", "Fix validation errors before applying."), "error");
+      }
+      return Boolean(call.result);
+    } catch (error) {
+      logger.error("validate failed", { component: "ImportInventoryDialog", err: error });
+      flash(t("wms.backend.inventory.import.errors.validate", "Validation failed."), "error");
+      return false;
+    } finally {
+      setValidating(false);
+    }
+  }, [
+    access.organizationId,
+    access.scopeReady,
+    access.tenantId,
+    columnMappings,
+    reconcileMode,
+    selectedFile,
+    skipDuplicates,
+    t
+  ]);
+  const applyRows = React.useMemo(() => {
+    return (validation?.rows ?? []).filter((row) => row.resolved && (row.status === "valid" || row.status === "warning" || row.status === "skip")).map((row) => ({
+      rowNumber: row.rowNumber,
+      warehouseId: row.resolved.warehouseId,
+      locationId: row.resolved.locationId,
+      catalogVariantId: row.resolved.catalogVariantId,
+      quantity: row.resolved.quantity,
+      delta: row.resolved.delta,
+      lotId: row.resolved.lotId,
+      serialNumber: row.resolved.serialNumber
+    }));
+  }, [validation?.rows]);
+  const overwriteWarningRows = React.useMemo(() => {
+    return (validation?.rows ?? []).filter(
+      (row) => row.status === "warning" && row.warnings.includes("overwriting_existing_balance")
+    );
+  }, [validation?.rows]);
+  const importableRowCount = React.useMemo(() => {
+    return applyRows.filter((row) => Math.abs(row.delta) > 1e-6).length;
+  }, [applyRows]);
+  const canApply = Boolean(validation?.importBatchId) && importableRowCount > 0;
+  const issueRows = React.useMemo(() => {
+    return (validation?.rows ?? []).filter(
+      (row) => row.status === "error" || row.status === "skip" || row.errors.length > 0
+    );
+  }, [validation?.rows]);
+  const previewRows = React.useMemo(() => {
+    return (validation?.rows ?? []).filter((row) => row.resolved && (row.status === "valid" || row.status === "warning")).slice(0, 3);
+  }, [validation?.rows]);
+  const mappedColumnCount = countMappedColumns(columnMappings);
+  const handleApply = React.useCallback(async () => {
+    if (!access.scopeReady || !access.organizationId || !access.tenantId) return;
+    if (!validation?.importBatchId) return;
+    const mutationPayload = {
+      organizationId: access.organizationId,
+      tenantId: access.tenantId,
+      importBatchId: validation.importBatchId,
+      rows: applyRows
+    };
+    setApplying(true);
+    try {
+      const result = await runMutation({
+        operation: async () => {
+          const call = await apiCall(
+            "/api/wms/inventory/import/apply",
+            {
+              method: "POST",
+              headers: { "content-type": "application/json" },
+              body: JSON.stringify({
+                organizationId: access.organizationId,
+                tenantId: access.tenantId,
+                importBatchId: validation.importBatchId,
+                reason: reconcileMode ? t("wms.backend.inventory.import.defaultReasonReconcile", "CSV import opening balance") : t("wms.backend.inventory.import.defaultReason", "CSV import inventory receipt"),
+                continueOnError: true,
+                mode: reconcileMode ? "reconcile" : "additive",
+                rows: applyRows
+              })
+            }
+          );
+          if (!call.ok) {
+            await raiseCrudError(
+              call.response,
+              t("wms.backend.inventory.import.errors.apply", "Import failed.")
+            );
+          }
+          return call.result ?? {};
+        },
+        context: mutationContext,
+        mutationPayload
+      });
+      const applied = result?.summary?.applied ?? 0;
+      const skipped = result?.summary?.skipped ?? 0;
+      const failed = result?.summary?.failed ?? 0;
+      if (failed > 0) {
+        flash(
+          t(
+            "wms.backend.inventory.import.flash.appliedPartial",
+            "Import finished with errors ({applied} applied, {skipped} skipped, {failed} failed).",
+            { applied, skipped, failed }
+          ),
+          "warning"
+        );
+      } else {
+        flash(
+          t("wms.backend.inventory.import.flash.applied", "Import finished ({applied} applied, {skipped} skipped).", {
+            applied,
+            skipped
+          }),
+          "success"
+        );
+      }
+      await queryClient.invalidateQueries({ queryKey: ["wms-inventory-console"] });
+      await queryClient.invalidateQueries({ queryKey: ["wms-sku-detail"] });
+      closeDialog();
+    } catch (error) {
+      flashMutationError(error, t("wms.backend.inventory.import.errors.apply", "Import failed."), t);
+    } finally {
+      setApplying(false);
+    }
+  }, [
+    access.organizationId,
+    access.scopeReady,
+    access.tenantId,
+    applyRows,
+    closeDialog,
+    queryClient,
+    mutationContext,
+    reconcileMode,
+    runMutation,
+    t,
+    validation?.importBatchId
+  ]);
+  const handlePrimaryAction = React.useCallback(async () => {
+    if (step === 1) {
+      if (!selectedFile) {
+        flash(t("wms.backend.inventory.import.errors.file", "Choose a CSV file first."), "error");
+        return;
+      }
+      setStep(2);
+      return;
+    }
+    if (step === 2) {
+      const validated = await handleValidate();
+      if (validated) setStep(3);
+      return;
+    }
+    await handleApply();
+  }, [handleApply, handleValidate, selectedFile, step, t]);
+  const handleDialogKeyDown = React.useCallback(
+    (event) => {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        closeDialog();
+        return;
+      }
+      if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+        event.preventDefault();
+        if (validating || applying) return;
+        if (step === 3 && !canApply) return;
+        void handlePrimaryAction();
+      }
+    },
+    [applying, canApply, closeDialog, handlePrimaryAction, step, validating]
+  );
+  const stepSubtitle = React.useMemo(() => {
+    if (step === 1) {
+      return t("wms.backend.inventory.import.steps.upload.subtitle", "Step 1 of 3 \xB7 Upload your file");
+    }
+    if (step === 2) {
+      return t(
+        "wms.backend.inventory.import.steps.mapping.subtitle",
+        "Step 2 of 3 \xB7 Map CSV columns to fields"
+      );
+    }
+    return t("wms.backend.inventory.import.steps.review.subtitle", "Step 3 of 3 \xB7 Review and import");
+  }, [step, t]);
+  const shortcutHint = React.useMemo(() => {
+    if (step === 3) {
+      return t("wms.backend.inventory.import.shortcut.import", "to import");
+    }
+    return t("wms.backend.inventory.import.shortcut.continue", "continue");
+  }, [step, t]);
+  const primaryDisabled = validating || applying || step === 1 && !selectedFile || step === 3 && !canApply;
+  const primaryLabel = React.useMemo(() => {
+    if (step === 1 || step === 2) {
+      return validating ? t("wms.backend.inventory.import.actions.validating", "Validating\u2026") : t("wms.backend.inventory.import.actions.next", "Next");
+    }
+    return applying ? t("wms.backend.inventory.import.actions.applying", "Importing\u2026") : t("wms.backend.inventory.import.actions.importRows", "Import {count} rows", {
+      count: formatRowCount(importableRowCount)
+    });
+  }, [applying, importableRowCount, step, t, validating]);
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (next) => next ? onOpenChange(true) : closeDialog(), children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      className: "max-w-2xl gap-0 overflow-hidden p-0",
+      onKeyDown: handleDialogKeyDown,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "border-b px-6 py-4 pr-12", children: /* @__PURE__ */ jsxs(DialogHeader, { className: "space-y-1 text-left", children: [
+          /* @__PURE__ */ jsx(DialogTitle, { children: t("wms.backend.inventory.import.dialog.title", "Import CSV") }),
+          /* @__PURE__ */ jsx(DialogDescription, { children: stepSubtitle }),
+          /* @__PURE__ */ jsx(ImportStepIndicator, { step })
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex max-h-[min(70vh,640px)] flex-col gap-5 overflow-y-auto px-6 py-6", children: [
+          step === 1 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: cn(
+                  "flex w-full flex-col items-center justify-center gap-2 rounded-lg border border-dashed px-5 py-8 text-center transition-colors",
+                  isDragging ? "border-border bg-muted/60" : selectedFile ? "border-border bg-muted/40 hover:bg-muted/60" : "border-border bg-muted/20 hover:bg-muted/40"
+                ),
+                onClick: () => fileInputRef.current?.click(),
+                onDragOver: handleDragOver,
+                onDragLeave: handleDragLeave,
+                onDrop: handleDrop,
+                children: selectedFile ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx(FileText, { className: "size-5 text-foreground", "aria-hidden": "true" }),
+                    /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-foreground", children: selectedFile.name })
+                  ] }),
+                  parsedFile ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t(
+                    "wms.backend.inventory.import.upload.fileMeta",
+                    "{rows} rows \xB7 {size} \xB7 detected",
+                    {
+                      rows: formatRowCount(parsedFile.rowCount),
+                      size: formatFileSize(parsedFile.fileSize)
+                    }
+                  ) }) : null,
+                  /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-foreground", children: t("wms.backend.inventory.import.actions.chooseDifferent", "Choose different file") })
+                ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(FileText, { className: "size-5 text-muted-foreground", "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: t("wms.backend.inventory.import.upload.dropzoneEmpty", "Choose CSV file or drop here") })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                ref: fileInputRef,
+                type: "file",
+                accept: ".csv,text/csv",
+                className: "hidden",
+                onChange: (event) => {
+                  void handleFileSelection(event.target.files?.[0] ?? null);
+                }
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [
+              /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-foreground", children: t("wms.backend.inventory.import.upload.format", "Format") }),
+                /* @__PURE__ */ jsxs(Select, { value: "csv-comma", disabled: true, children: [
+                  /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                  /* @__PURE__ */ jsx(SelectContent, { children: /* @__PURE__ */ jsx(SelectItem, { value: "csv-comma", children: t(
+                    "wms.backend.inventory.import.upload.formatValue",
+                    "CSV \xB7 comma-separated"
+                  ) }) })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-foreground", children: t("wms.backend.inventory.import.upload.encoding", "Encoding") }),
+                /* @__PURE__ */ jsxs(Select, { value: "utf8", disabled: true, children: [
+                  /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                  /* @__PURE__ */ jsx(SelectContent, { children: /* @__PURE__ */ jsx(SelectItem, { value: "utf8", children: t(
+                    "wms.backend.inventory.import.upload.encodingValue",
+                    "UTF-8 (auto-detected)"
+                  ) }) })
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx("div", { className: "flex justify-start", children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => void handleDownloadTemplate(), children: t("wms.backend.inventory.import.actions.template", "Download template") }) }),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t(
+                "wms.backend.inventory.import.upload.skuHint",
+                "The sku column must match an existing catalog product variant in your organization. Warehouse and location codes must already exist in WMS."
+              ) }),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t(
+                "wms.backend.inventory.import.upload.quantityHint",
+                "The quantity column is added to whatever stock already exists at that warehouse/location \u2014 it is not a target balance."
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 rounded-lg border border-status-warning-border bg-status-warning-bg px-3 py-3", children: [
+              /* @__PURE__ */ jsx(Switch, { checked: reconcileMode, onCheckedChange: handleReconcileModeChange }),
+              /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-status-warning-text", children: t("wms.backend.inventory.import.upload.reconcileMode", "Reconcile to exact balance") }),
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-status-warning-text", children: t(
+                  "wms.backend.inventory.import.upload.reconcileModeHint",
+                  "Existing stock at each location is overwritten to match the file exactly \u2014 including reducing it. Use this for a full stocktake or opening-balance import. Leave off to add quantities to existing stock instead."
+                ) })
+              ] })
+            ] })
+          ] }) : null,
+          step === 2 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 rounded-lg bg-muted/50 px-3 py-2 text-xs font-medium text-foreground", children: [
+              /* @__PURE__ */ jsx("p", { children: t(
+                "wms.backend.inventory.import.mapping.summary",
+                "{mapped} of {total} columns mapped \xB7 {rows} rows detected",
+                {
+                  mapped: mappedColumnCount,
+                  total: columnMappings.length,
+                  rows: formatRowCount(parsedFile?.rowCount ?? 0)
+                }
+              ) }),
+              /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "sm",
+                  className: "h-auto px-1 py-0 text-xs font-medium",
+                  onClick: handleAutoMap,
+                  children: [
+                    t("wms.backend.inventory.import.actions.autoMap", "Auto-map"),
+                    /* @__PURE__ */ jsx(ArrowRight, { className: "size-3.5", "aria-hidden": "true" })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-muted/30 px-3 py-2", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)_auto] items-center gap-2 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: [
+              /* @__PURE__ */ jsx("span", { children: t("wms.backend.inventory.import.mapping.csvColumn", "CSV column") }),
+              /* @__PURE__ */ jsx("span", { "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx("span", { children: t("wms.backend.inventory.import.mapping.targetField", "Target field") }),
+              /* @__PURE__ */ jsx("span", { className: "text-right", children: t("wms.backend.inventory.import.mapping.status", "Status") })
+            ] }) }),
+            /* @__PURE__ */ jsx("div", { className: "space-y-2", children: columnMappings.map((mapping) => /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "grid grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)_auto] items-center gap-2 rounded-lg border px-3 py-2.5",
+                children: [
+                  /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-semibold text-foreground", children: mapping.csvColumn }),
+                  /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", "aria-hidden": "true", children: "\u2192" }),
+                  /* @__PURE__ */ jsxs(
+                    Select,
+                    {
+                      value: mapping.targetField ?? "skip",
+                      onValueChange: (value) => handleMappingChange(mapping.csvColumn, value),
+                      children: [
+                        /* @__PURE__ */ jsx(SelectTrigger, { className: "h-9", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                        /* @__PURE__ */ jsxs(SelectContent, { children: [
+                          TARGET_FIELD_KEYS.map((field) => /* @__PURE__ */ jsx(SelectItem, { value: field, children: targetFieldLabel(field) }, field)),
+                          /* @__PURE__ */ jsx(SelectItem, { value: "skip", children: t("wms.backend.inventory.import.mapping.skipColumn", "\u2014 skip column") })
+                        ] })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(StatusBadge, { variant: mapping.status === "mapped" ? "success" : "neutral", children: mapping.status === "mapped" ? t("wms.backend.inventory.import.mapping.status.mapped", "Mapped") : t("wms.backend.inventory.import.mapping.status.skipped", "Skipped") }) })
+                ]
+              },
+              mapping.csvColumn
+            )) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 rounded-lg border px-3 py-3", children: [
+              /* @__PURE__ */ jsx(Switch, { checked: skipDuplicates, onCheckedChange: setSkipDuplicates }),
+              /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-foreground", children: t("wms.backend.inventory.import.review.skipDuplicates", "Skip duplicates") }),
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t(
+                  "wms.backend.inventory.import.review.skipDuplicatesHint",
+                  "Duplicate rows in the CSV file will be skipped instead of failing validation"
+                ) })
+              ] })
+            ] })
+          ] }) : null,
+          step === 3 && validation ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-3", children: [
+              /* @__PURE__ */ jsxs("div", { className: "rounded-lg border px-3.5 py-3", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-2xl font-bold tabular-nums text-foreground", children: formatRowCount(importableRowCount) }),
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("wms.backend.inventory.import.review.stats.rows", "Rows to import") })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "rounded-lg border px-3.5 py-3", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-2xl font-bold tabular-nums text-status-success-icon", children: mappedColumnCount }),
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("wms.backend.inventory.import.review.stats.columns", "Columns mapped") })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "rounded-lg border px-3.5 py-3", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-2xl font-bold tabular-nums text-status-warning-icon", children: issueRows.length }),
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("wms.backend.inventory.import.review.stats.issues", "Validation issues") })
+              ] })
+            ] }),
+            issueRows.length > 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-status-warning-border bg-status-warning-bg px-4 py-3.5", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+              /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-status-warning-text", children: t(
+                  "wms.backend.inventory.import.review.banner.title",
+                  "{count} rows will be skipped on import",
+                  { count: issueRows.length }
+                ) }),
+                /* @__PURE__ */ jsx("div", { className: "space-y-0.5 text-xs text-muted-foreground", children: (showIssueDetails ? issueRows : issueRows.slice(0, 2)).map((row) => /* @__PURE__ */ jsx("p", { children: t(
+                  "wms.backend.inventory.import.review.banner.rowIssue",
+                  "Row {row}: {issue}",
+                  {
+                    row: row.rowNumber,
+                    issue: [...row.errors, ...row.warnings].map((code) => formatImportIssue(code, t)).join(", ") || row.status
+                  }
+                ) }, row.rowNumber)) })
+              ] }),
+              issueRows.length > 2 ? /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "sm",
+                  className: "h-auto shrink-0 px-1 py-0 text-xs font-medium text-status-warning-text hover:text-status-warning-text",
+                  onClick: () => setShowIssueDetails((current) => !current),
+                  children: showIssueDetails ? t("wms.backend.inventory.import.actions.hideDetails", "Hide details") : t("wms.backend.inventory.import.actions.viewDetails", "View details \u2192")
+                }
+              ) : null
+            ] }) }) : null,
+            overwriteWarningRows.length > 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-status-warning-border bg-status-warning-bg px-4 py-3.5", children: /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-status-warning-text", children: t(
+                "wms.backend.inventory.import.review.overwriteBanner.title",
+                "{count} rows will change existing stock levels",
+                { count: overwriteWarningRows.length }
+              ) }),
+              /* @__PURE__ */ jsx("div", { className: "space-y-0.5 text-xs text-muted-foreground", children: overwriteWarningRows.map((row) => {
+                const current = row.resolved?.currentOnHand ?? 0;
+                const quantity = row.resolved?.quantity ?? 0;
+                const delta = row.resolved?.delta ?? 0;
+                const signedDelta = delta > 0 ? `+${delta}` : `${delta}`;
+                return /* @__PURE__ */ jsx("p", { children: t(
+                  "wms.backend.inventory.import.review.overwriteBanner.rowDetail",
+                  "Row {row}: {location} \u2014 {current} \u2192 {quantity} ({delta})",
+                  {
+                    row: row.rowNumber,
+                    location: row.resolved?.locationCode ?? "\u2014",
+                    current,
+                    quantity,
+                    delta: signedDelta
+                  }
+                ) }, row.rowNumber);
+              }) })
+            ] }) }) : null,
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("wms.backend.inventory.import.review.preview.title", "Preview \xB7 first 3 rows") }),
+              /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-lg border", children: [
+                /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[minmax(0,1.2fr)_minmax(0,0.8fr)_minmax(0,1fr)_auto] gap-3 border-b bg-muted/40 px-3.5 py-2.5 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: [
+                  /* @__PURE__ */ jsx("span", { children: t("wms.backend.inventory.import.columns.sku", "SKU") }),
+                  /* @__PURE__ */ jsx("span", { children: t("wms.backend.inventory.import.columns.location", "Location") }),
+                  /* @__PURE__ */ jsx("span", { children: t("wms.backend.inventory.import.review.preview.lot", "Lot") }),
+                  /* @__PURE__ */ jsx("span", { className: "text-right", children: t("wms.backend.inventory.import.review.preview.qty", "Qty") })
+                ] }),
+                previewRows.length > 0 ? previewRows.map((row) => /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: "grid grid-cols-[minmax(0,1.2fr)_minmax(0,0.8fr)_minmax(0,1fr)_auto] gap-3 border-b px-3.5 py-2.5 text-xs last:border-b-0",
+                    children: [
+                      /* @__PURE__ */ jsx("span", { className: "truncate font-medium text-foreground", children: row.resolved?.sku ?? "\u2014" }),
+                      /* @__PURE__ */ jsx("span", { className: "truncate text-foreground", children: row.resolved?.locationCode ?? "\u2014" }),
+                      /* @__PURE__ */ jsx("span", { className: "truncate text-muted-foreground", children: row.resolved?.serialNumber ?? row.resolved?.lotId ?? "\u2014" }),
+                      /* @__PURE__ */ jsx("span", { className: "text-right font-semibold tabular-nums text-foreground", children: row.resolved?.quantity ?? "\u2014" })
+                    ]
+                  },
+                  row.rowNumber
+                )) : /* @__PURE__ */ jsx("p", { className: "px-3.5 py-4 text-sm text-muted-foreground", children: t("wms.backend.inventory.import.review.preview.empty", "No preview rows available.") })
+              ] })
+            ] })
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ jsxs(DialogFooter, { bordered: false, className: "border-t px-6 py-4 sm:justify-between", children: [
+          /* @__PURE__ */ jsxs("p", { className: "hidden text-xs text-muted-foreground sm:inline-flex sm:items-center sm:gap-1.5", children: [
+            /* @__PURE__ */ jsx(KbdShortcut, { keys: ["\u2318", "Enter"] }),
+            /* @__PURE__ */ jsx("span", { children: "/" }),
+            /* @__PURE__ */ jsx(KbdShortcut, { keys: ["Ctrl", "Enter"] }),
+            /* @__PURE__ */ jsx("span", { children: shortcutHint })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col-reverse gap-2 sm:w-auto sm:flex-row", children: [
+            step === 1 ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: closeDialog, disabled: validating || applying, children: t("wms.backend.inventory.import.actions.cancel", "Cancel") }) : /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                onClick: () => setStep((current) => current === 3 ? 2 : 1),
+                disabled: validating || applying,
+                children: t("wms.backend.inventory.import.actions.back", "Back")
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                disabled: primaryDisabled,
+                onClick: () => void handlePrimaryAction(),
+                children: [
+                  primaryLabel,
+                  step !== 3 ? /* @__PURE__ */ jsx(ArrowRight, { className: "size-4", "aria-hidden": "true" }) : null
+                ]
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  ) });
+}
+export {
+  ImportInventoryDialog
+};
+//# sourceMappingURL=ImportInventoryDialog.js.map