medusa-import-product-plugin 0.0.1

package/.medusa/server/src/admin/index.mjs

@@ -0,0 +1,591 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useState, useRef, useEffect, useMemo } from "react";
+import { useNavigate, useParams } from "react-router-dom";
+import { Container, Heading, Badge, Button, Text, Table, StatusBadge } from "@medusajs/ui";
+import { defineRouteConfig } from "@medusajs/admin-sdk";
+import { ArrowUpTray, Trash, Clock, XCircle, CheckCircle, Loader, ArrowLeft, ArrowPath, Pause } from "@medusajs/icons";
+const STATUS_COLOR$1 = {
+  processing: "blue",
+  paused: "orange",
+  done: "green",
+  failed: "red",
+  pending: "grey"
+};
+const STATUS_ICON$1 = {
+  processing: /* @__PURE__ */ jsx(Loader, { className: "w-3.5 h-3.5" }),
+  done: /* @__PURE__ */ jsx(CheckCircle, { className: "w-3.5 h-3.5" }),
+  failed: /* @__PURE__ */ jsx(XCircle, { className: "w-3.5 h-3.5" }),
+  pending: /* @__PURE__ */ jsx(Clock, { className: "w-3.5 h-3.5" })
+};
+const PAGE_SIZE$1 = 10;
+function SkeletonRow() {
+  return /* @__PURE__ */ jsx(Table.Row, { children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx("div", { className: "h-4 w-full animate-pulse rounded bg-ui-bg-disabled" }) }, i)) });
+}
+function ImportPage() {
+  const navigate = useNavigate();
+  const [file, setFile] = useState(null);
+  const inputRef = useRef(null);
+  const [uploading, setUploading] = useState(false);
+  const [jobs, setJobs] = useState([]);
+  const [page, setPage] = useState(1);
+  const [totalPages, setTotalPages] = useState(1);
+  const [total, setTotal] = useState(0);
+  const [loading, setLoading] = useState(true);
+  const [deleting, setDeleting] = useState(null);
+  const [uploadError, setUploadError] = useState(null);
+  const [autoRefresh, setAutoRefresh] = useState(false);
+  const intervalRef = useRef(null);
+  const fetchJobs = async (p) => {
+    try {
+      const res = await fetch(`/admin/import?page=${p}&limit=${PAGE_SIZE$1}`);
+      if (!res.ok) return;
+      const data = await res.json();
+      setJobs(data.jobs ?? []);
+      setTotalPages(data.totalPages ?? 1);
+      setTotal(data.total ?? 0);
+    } catch {
+    } finally {
+      setLoading(false);
+    }
+  };
+  useEffect(() => {
+    fetchJobs(page);
+  }, [page]);
+  useEffect(() => {
+    if (autoRefresh) {
+      intervalRef.current = setInterval(() => fetchJobs(page), 5e3);
+    }
+    return () => {
+      if (intervalRef.current) {
+        clearInterval(intervalRef.current);
+        intervalRef.current = null;
+      }
+    };
+  }, [autoRefresh, page]);
+  const handleUpload = async () => {
+    if (!file || uploading) return;
+    setUploading(true);
+    setUploadError(null);
+    try {
+      const form = new FormData();
+      form.append("file", file);
+      const res = await fetch("/admin/import", { method: "POST", body: form });
+      const data = await res.json();
+      if (!res.ok) {
+        setUploadError(data.error ?? "Upload failed");
+        setUploading(false);
+        return;
+      }
+      setFile(null);
+      navigate(`/import/${data.job_id}`);
+    } catch (err) {
+      setUploadError(err instanceof Error ? err.message : "Upload failed");
+      setUploading(false);
+    }
+  };
+  const formatDate = (val) => {
+    if (!val) return "—";
+    const d = new Date(val);
+    if (isNaN(d.getTime())) return "—";
+    return d.toLocaleString();
+  };
+  const handleDelete = async (jobId) => {
+    if (deleting) return;
+    if (!window.confirm("Delete this import job and all its data?")) return;
+    setDeleting(jobId);
+    try {
+      const res = await fetch(`/admin/import/${jobId}`, { method: "DELETE" });
+      if (res.ok) {
+        await fetchJobs(page);
+      }
+    } finally {
+      setDeleting(null);
+    }
+  };
+  const getProgress = (job) => {
+    if (!job.total) return 0;
+    return Math.round(job.processed / job.total * 100);
+  };
+  const hasActiveJobs = jobs.some((j) => j.status === "processing" || j.status === "paused");
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Product Import" }),
+        total > 0 && /* @__PURE__ */ jsx(Badge, { size: "small", className: "text-ui-fg-subtle", children: total })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: hasActiveJobs && /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: autoRefresh ? "primary" : "secondary",
+          size: "small",
+          onClick: () => setAutoRefresh(!autoRefresh),
+          children: autoRefresh ? "Auto-refresh On" : "Auto-refresh Off"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "px-6 py-5", children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          role: "button",
+          tabIndex: 0,
+          onClick: () => {
+            var _a;
+            return (_a = inputRef.current) == null ? void 0 : _a.click();
+          },
+          onKeyDown: (e) => {
+            var _a;
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              (_a = inputRef.current) == null ? void 0 : _a.click();
+            }
+          },
+          onDragOver: (e) => e.preventDefault(),
+          onDrop: (e) => {
+            var _a;
+            e.preventDefault();
+            const dropped = e.dataTransfer.files[0];
+            if ((_a = dropped == null ? void 0 : dropped.name) == null ? void 0 : _a.endsWith(".csv")) setFile(dropped);
+          },
+          className: "group flex flex-col items-center justify-center gap-3 rounded-xl border-2 border-dashed border-ui-border-base bg-ui-bg-subtle p-10 cursor-pointer hover:border-ui-border-interactive hover:bg-ui-bg-overlay-hover transition-all",
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "rounded-full bg-ui-bg-base p-3 shadow-elevation-1low group-hover:shadow-elevation-2", children: /* @__PURE__ */ jsx(ArrowUpTray, { className: "text-ui-fg-muted group-hover:text-ui-fg-interactive" }) }),
+            file ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1", children: [
+              /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", children: file.name }),
+              /* @__PURE__ */ jsxs(Text, { size: "xsmall", className: "text-ui-fg-muted", children: [
+                (file.size / 1024).toFixed(1),
+                " KB"
+              ] })
+            ] }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1", children: [
+              /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", className: "text-ui-fg-base", children: "Drop a CSV file here" }),
+              /* @__PURE__ */ jsx(Text, { size: "xsmall", className: "text-ui-fg-muted", children: "or click to browse" })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                ref: inputRef,
+                type: "file",
+                accept: ".csv",
+                className: "hidden",
+                onChange: (e) => {
+                  var _a;
+                  return setFile(((_a = e.target.files) == null ? void 0 : _a[0]) ?? null);
+                }
+              }
+            )
+          ]
+        }
+      ),
+      uploadError && /* @__PURE__ */ jsx("div", { className: "mt-3 rounded-lg border border-ui-border-error bg-ui-bg-error p-3", children: /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-error", children: uploadError }) }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-4 flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: handleUpload,
+            disabled: !file || uploading,
+            size: "large",
+            children: uploading ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-ui-border-base border-t-transparent" }),
+              "Importing..."
+            ] }) : "Start Import"
+          }
+        ),
+        /* @__PURE__ */ jsx(Text, { size: "xsmall", className: "text-ui-fg-muted", children: "Supports .csv files with one row per variant" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "px-6 py-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between mb-4", children: /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Import History" }) }),
+      loading ? /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(Table.Header, { children: /* @__PURE__ */ jsxs(Table.Row, { children: [
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "File" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Status" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Progress" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Created" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { className: "w-[100px]" })
+        ] }) }),
+        /* @__PURE__ */ jsx(Table.Body, { children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx(SkeletonRow, {}, i)) })
+      ] }) : jobs.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-16 gap-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "rounded-full bg-ui-bg-subtle p-5", children: /* @__PURE__ */ jsx(ArrowUpTray, { className: "text-ui-fg-muted w-6 h-6" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1", children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: "No imports yet" }),
+          /* @__PURE__ */ jsx(Text, { size: "xsmall", className: "text-ui-fg-muted", children: "Upload a CSV file above to bulk import products" })
+        ] })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(Table, { children: [
+          /* @__PURE__ */ jsx(Table.Header, { children: /* @__PURE__ */ jsxs(Table.Row, { children: [
+            /* @__PURE__ */ jsx(Table.HeaderCell, { children: "File" }),
+            /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Status" }),
+            /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Progress" }),
+            /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Created" }),
+            /* @__PURE__ */ jsx(Table.HeaderCell, { className: "w-[100px]" })
+          ] }) }),
+          /* @__PURE__ */ jsx(Table.Body, { children: jobs.map((job) => {
+            const progress = getProgress(job);
+            return /* @__PURE__ */ jsxs(
+              Table.Row,
+              {
+                className: "cursor-pointer hover:bg-ui-bg-subtle transition-colors",
+                onClick: () => navigate(`/import/${job.id}`),
+                children: [
+                  /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", className: "font-mono", children: job.file_name }) }),
+                  /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(StatusBadge, { color: STATUS_COLOR$1[job.status] ?? "grey", children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+                    STATUS_ICON$1[job.status],
+                    job.status
+                  ] }) }) }),
+                  /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                    /* @__PURE__ */ jsx("div", { className: "w-24 h-1.5 rounded-full bg-ui-bg-base overflow-hidden", children: /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: "h-full rounded-full bg-ui-bg-interactive transition-all duration-500",
+                        style: { width: `${progress}%` }
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsxs(Text, { size: "xsmall", className: "text-ui-fg-subtle tabular-nums", children: [
+                      job.processed,
+                      "/",
+                      job.total
+                    ] })
+                  ] }) }),
+                  /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Text, { size: "xsmall", className: "text-ui-fg-subtle", children: formatDate(job.created_at) }) }),
+                  /* @__PURE__ */ jsx(Table.Cell, { onClick: (e) => e.stopPropagation(), children: ["pending", "failed", "done"].includes(job.status) && /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "transparent",
+                      size: "small",
+                      disabled: deleting === job.id,
+                      onClick: () => handleDelete(job.id),
+                      children: /* @__PURE__ */ jsx(Trash, { className: "w-4 h-4 text-ui-fg-subtle" })
+                    }
+                  ) })
+                ]
+              },
+              job.id
+            );
+          }) })
+        ] }),
+        totalPages > 1 && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-1 pt-4", children: [
+          /* @__PURE__ */ jsxs(Text, { size: "xsmall", className: "text-ui-fg-subtle", children: [
+            "Page ",
+            page,
+            " of ",
+            totalPages
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "secondary",
+                size: "small",
+                disabled: page <= 1,
+                onClick: () => setPage((p) => Math.max(1, p - 1)),
+                children: "Previous"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "secondary",
+                size: "small",
+                disabled: page >= totalPages,
+                onClick: () => setPage((p) => Math.min(totalPages, p + 1)),
+                children: "Next"
+              }
+            )
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+const config = defineRouteConfig({
+  label: "Import Products",
+  icon: ArrowUpTray,
+  rank: 1
+});
+const STATUS_COLOR = {
+  processing: "blue",
+  paused: "orange",
+  done: "green",
+  failed: "red",
+  pending: "grey"
+};
+const ROW_STATUS_COLOR = {
+  created: "green",
+  updated: "blue",
+  failed: "red",
+  skipped: "grey"
+};
+const STATUS_ICON = {
+  processing: /* @__PURE__ */ jsx(Loader, { className: "w-4 h-4" }),
+  done: /* @__PURE__ */ jsx(CheckCircle, { className: "w-4 h-4" }),
+  failed: /* @__PURE__ */ jsx(XCircle, { className: "w-4 h-4" }),
+  paused: /* @__PURE__ */ jsx(Pause, { className: "w-4 h-4" }),
+  pending: /* @__PURE__ */ jsx(Clock, { className: "w-4 h-4" })
+};
+const PAGE_SIZE = 20;
+function DetailSkeleton() {
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "px-6 py-4 flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-7 w-48 animate-pulse rounded bg-ui-bg-disabled" }),
+      /* @__PURE__ */ jsx("div", { className: "h-5 w-20 animate-pulse rounded-full bg-ui-bg-disabled" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "px-6 py-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-3 w-full animate-pulse rounded bg-ui-bg-disabled mb-2" }),
+      /* @__PURE__ */ jsx("div", { className: "h-3 w-40 animate-pulse rounded bg-ui-bg-disabled" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(Table.Header, { children: /* @__PURE__ */ jsxs(Table.Row, { children: [
+        /* @__PURE__ */ jsx(Table.HeaderCell, { children: "SKU" }),
+        /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Title" }),
+        /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Status" }),
+        /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Error" })
+      ] }) }),
+      /* @__PURE__ */ jsx(Table.Body, { children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx(Table.Row, { children: Array.from({ length: 4 }).map((_2, j) => /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx("div", { className: "h-4 w-full animate-pulse rounded bg-ui-bg-disabled" }) }, j)) }, i)) })
+    ] }) })
+  ] });
+}
+function ProgressBar({ processed, total, progress }) {
+  const pct = Math.min(Math.max(progress ?? 0, 0), 100);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative w-full h-2.5 rounded-full bg-ui-bg-base overflow-hidden", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "h-full rounded-full bg-ui-bg-interactive transition-all duration-700 ease-out",
+          style: { width: `${pct}%` }
+        }
+      ),
+      pct > 0 && pct < 100 && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 overflow-hidden rounded-full", children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "h-full w-full animate-[shimmer_1.5s_infinite]",
+          style: {
+            background: "linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.15) 50%, transparent 100%)",
+            backgroundSize: "200% 100%"
+          }
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs(Text, { size: "xsmall", className: "text-ui-fg-subtle", children: [
+        processed,
+        " / ",
+        total,
+        " products"
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { size: "xsmall", weight: "plus", className: "text-ui-fg-base tabular-nums", children: [
+        pct,
+        "%"
+      ] })
+    ] })
+  ] });
+}
+function StatCard({ label, value, color }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 rounded-lg border border-ui-border-base bg-ui-bg-subtle px-4 py-3", children: [
+    /* @__PURE__ */ jsx(Text, { size: "xsmall", className: "text-ui-fg-muted", children: label }),
+    /* @__PURE__ */ jsx(Text, { size: "large", weight: "plus", className: color ?? "text-ui-fg-base", children: value })
+  ] });
+}
+function ImportReportPage() {
+  var _a;
+  const { id } = useParams();
+  const navigate = useNavigate();
+  const [job, setJob] = useState(null);
+  const [page, setPage] = useState(1);
+  const intervalRef = useRef(null);
+  useEffect(() => {
+    let cancelled = false;
+    const tick = async () => {
+      try {
+        const r = await fetch(`/admin/import/${id}`);
+        if (!r.ok) return;
+        const data = await r.json();
+        if (!cancelled) {
+          setJob(data);
+          if (data.status === "done" || data.status === "failed") {
+            if (intervalRef.current) {
+              clearInterval(intervalRef.current);
+              intervalRef.current = null;
+            }
+          }
+        }
+      } catch {
+      }
+    };
+    tick();
+    intervalRef.current = setInterval(tick, 2e3);
+    return () => {
+      cancelled = true;
+      if (intervalRef.current) {
+        clearInterval(intervalRef.current);
+        intervalRef.current = null;
+      }
+    };
+  }, [id]);
+  const pause = async () => {
+    await fetch(`/admin/import/${id}/pause`, { method: "POST" });
+  };
+  const resume = async () => {
+    await fetch(`/admin/import/${id}/resume`, { method: "POST" });
+  };
+  const del = async () => {
+    if (!window.confirm("Delete this import job and all its data?")) return;
+    await fetch(`/admin/import/${id}`, { method: "DELETE" });
+    navigate("/import");
+  };
+  const formatError = (err) => {
+    if (!err || err === "[object Object]") return "An unknown error occurred.";
+    return err;
+  };
+  const rows = (job == null ? void 0 : job.rows) ?? [];
+  const totalPages = Math.max(1, Math.ceil(rows.length / PAGE_SIZE));
+  const paginatedRows = useMemo(() => {
+    const start = (page - 1) * PAGE_SIZE;
+    return rows.slice(start, start + PAGE_SIZE);
+  }, [rows, page]);
+  useEffect(() => {
+    setPage(1);
+  }, [(_a = job == null ? void 0 : job.rows) == null ? void 0 : _a.length]);
+  if (!job) return /* @__PURE__ */ jsx(DetailSkeleton, {});
+  const isActive = job.status === "processing" || job.status === "paused";
+  const canDelete = ["pending", "done", "failed", "paused"].includes(job.status);
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "transparent",
+            size: "small",
+            onClick: () => navigate("/import"),
+            children: /* @__PURE__ */ jsx(ArrowLeft, { className: "w-4 h-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx(Heading, { level: "h1", children: job.file_name }),
+          /* @__PURE__ */ jsx(StatusBadge, { color: STATUS_COLOR[job.status] ?? "grey", children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
+            STATUS_ICON[job.status],
+            job.status
+          ] }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        isActive && /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", onClick: pause, children: "Pause" }),
+        job.status === "paused" && /* @__PURE__ */ jsx(Button, { size: "small", onClick: resume, children: "Resume" }),
+        canDelete && /* @__PURE__ */ jsx(Button, { variant: "danger", size: "small", onClick: del, children: "Delete" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsx(ProgressBar, { processed: job.processed, total: job.total, progress: job.progress }) }),
+    /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-4 gap-3", children: [
+      /* @__PURE__ */ jsx(StatCard, { label: "Created", value: job.created, color: "text-ui-fg-interactive" }),
+      /* @__PURE__ */ jsx(StatCard, { label: "Updated", value: job.updated, color: "text-ui-fg-interactive" }),
+      /* @__PURE__ */ jsx(StatCard, { label: "Failed", value: job.failed, color: job.failed > 0 ? "text-ui-fg-error" : void 0 }),
+      /* @__PURE__ */ jsx(StatCard, { label: "Total Rows", value: job.total })
+    ] }) }),
+    job.error_message && /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-error bg-ui-bg-error p-4", children: [
+      /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", className: "text-ui-fg-error mb-1", children: job.status === "failed" ? "Import Failed" : "Errors" }),
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle whitespace-pre-wrap break-words", children: formatError(job.error_message) })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "px-6 py-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Import Rows" }),
+          rows.length > 0 && /* @__PURE__ */ jsx(Badge, { size: "small", className: "text-ui-fg-subtle", children: rows.length })
+        ] }),
+        isActive && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-ui-fg-muted", children: [
+          /* @__PURE__ */ jsx(ArrowPath, { className: "w-3.5 h-3.5 animate-spin" }),
+          /* @__PURE__ */ jsx(Text, { size: "xsmall", children: "Live updating" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(Table.Header, { children: /* @__PURE__ */ jsxs(Table.Row, { children: [
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "SKU" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Title" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Status" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Error" })
+        ] }) }),
+        /* @__PURE__ */ jsxs(Table.Body, { children: [
+          paginatedRows.map((row) => /* @__PURE__ */ jsxs(Table.Row, { children: [
+            /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Text, { size: "small", className: "font-mono", children: row.sku }) }),
+            /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Text, { size: "small", children: row.title }) }),
+            /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(StatusBadge, { color: ROW_STATUS_COLOR[row.status] ?? "grey", children: row.status }) }),
+            /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Text, { size: "xsmall", className: "text-ui-fg-subtle max-w-[300px] truncate", children: row.error ?? "—" }) })
+          ] }, row.id)),
+          paginatedRows.length === 0 && /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { colSpan: 4, children: /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted py-10 block text-center", children: isActive ? "Processing..." : "No rows to display." }) }) })
+        ] })
+      ] }),
+      totalPages > 1 && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-1 pt-4", children: [
+        /* @__PURE__ */ jsxs(Text, { size: "xsmall", className: "text-ui-fg-subtle", children: [
+          "Page ",
+          page,
+          " of ",
+          totalPages
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "secondary",
+              size: "small",
+              disabled: page <= 1,
+              onClick: () => setPage((p) => Math.max(1, p - 1)),
+              children: "Previous"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "secondary",
+              size: "small",
+              disabled: page >= totalPages,
+              onClick: () => setPage((p) => Math.min(totalPages, p + 1)),
+              children: "Next"
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+const i18nTranslations0 = {};
+const widgetModule = { widgets: [] };
+const routeModule = {
+  routes: [
+    {
+      Component: ImportPage,
+      path: "/import"
+    },
+    {
+      Component: ImportReportPage,
+      path: "/import/:id"
+    }
+  ]
+};
+const menuItemModule = {
+  menuItems: [
+    {
+      label: config.label,
+      icon: config.icon,
+      path: "/import",
+      nested: void 0,
+      rank: 1,
+      translationNs: void 0
+    }
+  ]
+};
+const formModule = { customFields: {} };
+const displayModule = {
+  displays: {}
+};
+const i18nModule = { resources: i18nTranslations0 };
+const plugin = {
+  widgetModule,
+  routeModule,
+  menuItemModule,
+  formModule,
+  displayModule,
+  i18nModule
+};
+export {
+  plugin as default
+};

package/.medusa/server/src/api/admin/import/[id]/pause/route.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.POST = void 0;
+const import_1 = require("../../../../../modules/import");
+const types_1 = require("../../../../../modules/import/types");
+/**
+ * POST /admin/import/:id/pause
+ * Sets the pause flag. The upsert-products step loop checks
+ * this flag before each row and stops processing gracefully.
+ */
+const POST = async (req, res) => {
+    const importSvc = req.scope.resolve(import_1.IMPORT_MODULE);
+    const job = await importSvc.getImportJob(req.params.id);
+    if (job.status !== types_1.ImportJobStatus.PROCESSING) {
+        res.status(400).json({ error: "Job is not currently running" });
+        return;
+    }
+    // The upsertProductsStep loop checks this flag before each row
+    await importSvc.updateJob(req.params.id, {
+        status: types_1.ImportJobStatus.PAUSED,
+    });
+    res.json({ message: "Import will pause after the current row completes" });
+};
+exports.POST = POST;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm91dGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBpL2FkbWluL2ltcG9ydC9baWRdL3BhdXNlL3JvdXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLDBEQUE4RDtBQUM5RCwrREFBc0U7QUFHdEU7Ozs7R0FJRztBQUNJLE1BQU0sSUFBSSxHQUFHLEtBQUssRUFBRSxHQUFrQixFQUFFLEdBQW1CLEVBQUUsRUFBRTtJQUNwRSxNQUFNLFNBQVMsR0FBRyxHQUFHLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBc0Isc0JBQWEsQ0FBQyxDQUFDO0lBRXhFLE1BQU0sR0FBRyxHQUFHLE1BQU0sU0FBUyxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBRXhELElBQUksR0FBRyxDQUFDLE1BQU0sS0FBSyx1QkFBZSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQzlDLEdBQUcsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLEVBQUUsS0FBSyxFQUFFLDhCQUE4QixFQUFFLENBQUMsQ0FBQztRQUNoRSxPQUFPO0lBQ1QsQ0FBQztJQUVELCtEQUErRDtJQUMvRCxNQUFNLFNBQVMsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxFQUFFLEVBQUU7UUFDdkMsTUFBTSxFQUFFLHVCQUFlLENBQUMsTUFBTTtLQUMvQixDQUFDLENBQUM7SUFFSCxHQUFHLENBQUMsSUFBSSxDQUFDLEVBQUUsT0FBTyxFQUFFLG1EQUFtRCxFQUFFLENBQUMsQ0FBQztBQUM3RSxDQUFDLENBQUM7QUFoQlcsUUFBQSxJQUFJLFFBZ0JmIn0=

package/.medusa/server/src/api/admin/import/[id]/resume/route.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.POST = void 0;
+const process_import_1 = require("../../../../../workflows/process-import");
+const import_1 = require("../../../../../modules/import");
+const types_1 = require("../../../../../modules/import/types");
+/**
+ * POST /admin/import/:id/resume
+ * Re-runs the full import workflow. Product upsert is idempotent
+ * (checks existence by handle before creating).
+ */
+const POST = async (req, res) => {
+    const importSvc = req.scope.resolve(import_1.IMPORT_MODULE);
+    const job = await importSvc.getImportJob(req.params.id);
+    if (job.status !== types_1.ImportJobStatus.PAUSED) {
+        res.status(400).json({ error: "Job is not paused" });
+        return;
+    }
+    if (!job.file_path) {
+        res.status(400).json({ error: "No file path found for this job" });
+        return;
+    }
+    try {
+        const priceListId = importSvc.getPriceListId();
+        const salesChannelId = importSvc.getSalesChannelId();
+        const { transaction } = await process_import_1.processImportWorkflow.run({
+            input: {
+                filePath: job.file_path,
+                jobId: job.id,
+                priceListId,
+                salesChannelId,
+            },
+        });
+        await importSvc.updateJob(job.id, {
+            transaction_id: transaction.transactionId,
+        });
+        res.json({ message: "Import resumed", job_id: job.id, transaction_id: transaction.transactionId });
+    }
+    catch (err) {
+        const msg = err instanceof Error
+            ? err.message
+            : typeof err === "string"
+                ? err
+                : JSON.stringify(err);
+        console.error("Resume workflow failed:", err);
+        await importSvc.updateJob(job.id, { status: types_1.ImportJobStatus.FAILED, error_message: msg });
+        res.status(500).json({ error: msg });
+    }
+};
+exports.POST = POST;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm91dGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBpL2FkbWluL2ltcG9ydC9baWRdL3Jlc3VtZS9yb3V0ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFDQSw0RUFBZ0Y7QUFDaEYsMERBQThEO0FBQzlELCtEQUFzRTtBQUd0RTs7OztHQUlHO0FBQ0ksTUFBTSxJQUFJLEdBQUcsS0FBSyxFQUFFLEdBQWtCLEVBQUUsR0FBbUIsRUFBRSxFQUFFO0lBQ3BFLE1BQU0sU0FBUyxHQUFHLEdBQUcsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFzQixzQkFBYSxDQUFDLENBQUM7SUFFeEUsTUFBTSxHQUFHLEdBQUcsTUFBTSxTQUFTLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDLENBQUM7SUFFeEQsSUFBSSxHQUFHLENBQUMsTUFBTSxLQUFLLHVCQUFlLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDMUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBRSxLQUFLLEVBQUUsbUJBQW1CLEVBQUUsQ0FBQyxDQUFDO1FBQ3JELE9BQU87SUFDVCxDQUFDO0lBRUQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUNuQixHQUFHLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUFFLEtBQUssRUFBRSxpQ0FBaUMsRUFBRSxDQUFDLENBQUM7UUFDbkUsT0FBTztJQUNULENBQUM7SUFFRCxJQUFJLENBQUM7UUFDSCxNQUFNLFdBQVcsR0FBRyxTQUFTLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDL0MsTUFBTSxjQUFjLEdBQUcsU0FBUyxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFFckQsTUFBTSxFQUFFLFdBQVcsRUFBRSxHQUFHLE1BQU0sc0NBQXFCLENBQUMsR0FBRyxDQUFDO1lBQ3RELEtBQUssRUFBRTtnQkFDTCxRQUFRLEVBQUUsR0FBRyxDQUFDLFNBQVM7Z0JBQ3ZCLEtBQUssRUFBRSxHQUFHLENBQUMsRUFBRTtnQkFDYixXQUFXO2dCQUNYLGNBQWM7YUFDZjtTQUNGLENBQUMsQ0FBQztRQUVILE1BQU0sU0FBUyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsRUFBRSxFQUFFO1lBQ2hDLGNBQWMsRUFBRSxXQUFXLENBQUMsYUFBYTtTQUMxQyxDQUFDLENBQUM7UUFFSCxHQUFHLENBQUMsSUFBSSxDQUFDLEVBQUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sRUFBRSxHQUFHLENBQUMsRUFBRSxFQUFFLGNBQWMsRUFBRSxXQUFXLENBQUMsYUFBYSxFQUFFLENBQUMsQ0FBQztJQUNyRyxDQUFDO0lBQUMsT0FBTyxHQUFZLEVBQUUsQ0FBQztRQUN0QixNQUFNLEdBQUcsR0FBRyxHQUFHLFlBQVksS0FBSztZQUM5QixDQUFDLENBQUMsR0FBRyxDQUFDLE9BQU87WUFDYixDQUFDLENBQUMsT0FBTyxHQUFHLEtBQUssUUFBUTtnQkFDdkIsQ0FBQyxDQUFDLEdBQUc7Z0JBQ0wsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDMUIsT0FBTyxDQUFDLEtBQUssQ0FBQyx5QkFBeUIsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUM5QyxNQUFNLFNBQVMsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLEVBQUUsRUFBRSxFQUFFLE1BQU0sRUFBRSx1QkFBZSxDQUFDLE1BQU0sRUFBRSxhQUFhLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztRQUMxRixHQUFHLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7QUFDSCxDQUFDLENBQUM7QUEzQ1csUUFBQSxJQUFJLFFBMkNmIn0=