order-management 0.0.16 → 0.0.18

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

@@ -4,6 +4,217 @@ import { defineRouteConfig } from "@medusajs/admin-sdk";
 import { Container, Heading, Text, Button, Input, Badge } from "@medusajs/ui";
 import { ArrowPath, ArrowLeft } from "@medusajs/icons";
 import { useNavigate, useParams } from "react-router-dom";
+const useDebounce$1 = (value, delay) => {
+  const [debouncedValue, setDebouncedValue] = useState(value);
+  useEffect(() => {
+    const handler = setTimeout(() => setDebouncedValue(value), delay);
+    return () => clearTimeout(handler);
+  }, [value, delay]);
+  return debouncedValue;
+};
+const getStatusBadgeClass$3 = (status) => {
+  const statusLower = status.toLowerCase();
+  if (statusLower === "requested") {
+    return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
+  }
+  if (statusLower === "approved") {
+    return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
+  }
+  if (statusLower === "rejected") {
+    return "bg-ui-tag-red-bg text-ui-tag-red-text";
+  }
+  if (statusLower === "completed") {
+    return "bg-ui-tag-green-bg text-ui-tag-green-text";
+  }
+  if (statusLower === "cancelled") {
+    return "bg-ui-tag-grey-bg text-ui-tag-grey-text";
+  }
+  return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
+};
+const SwapsPage = () => {
+  const navigate = useNavigate();
+  const [items, setItems] = useState([]);
+  const [statusFilter, setStatusFilter] = useState("all");
+  const [searchQuery, setSearchQuery] = useState("");
+  const debouncedSearchQuery = useDebounce$1(searchQuery, 300);
+  const [isLoading, setIsLoading] = useState(true);
+  const [isFetchingMore, setIsFetchingMore] = useState(false);
+  const [error, setError] = useState(null);
+  const [offset, setOffset] = useState(0);
+  const [count, setCount] = useState(0);
+  const limit = 50;
+  const loadSwaps = useCallback(
+    async (nextOffset, replace = false) => {
+      var _a;
+      try {
+        if (replace) {
+          setIsLoading(true);
+        } else {
+          setIsFetchingMore(true);
+        }
+        setError(null);
+        const params = new URLSearchParams();
+        params.set("limit", String(limit));
+        params.set("offset", String(nextOffset));
+        if (statusFilter !== "all") {
+          params.set("status", statusFilter);
+        }
+        if (debouncedSearchQuery.trim()) {
+          params.set("order_id", debouncedSearchQuery.trim());
+        }
+        const response = await fetch(
+          `/admin/swaps?${params.toString()}`,
+          { credentials: "include" }
+        );
+        if (!response.ok) {
+          const message = await response.text();
+          throw new Error(message || "Unable to load swaps");
+        }
+        const payload = await response.json();
+        setCount(payload.count ?? 0);
+        setOffset(nextOffset + (((_a = payload.swaps) == null ? void 0 : _a.length) ?? 0));
+        setItems(
+          (prev) => replace ? payload.swaps ?? [] : [...prev, ...payload.swaps ?? []]
+        );
+      } catch (loadError) {
+        const message = loadError instanceof Error ? loadError.message : "Unable to load swaps";
+        setError(message);
+      } finally {
+        setIsLoading(false);
+        setIsFetchingMore(false);
+      }
+    },
+    [statusFilter, debouncedSearchQuery]
+  );
+  useEffect(() => {
+    void loadSwaps(0, true);
+  }, [statusFilter, debouncedSearchQuery, loadSwaps]);
+  const hasMore = useMemo(() => offset < count, [offset, count]);
+  const availableStatuses = useMemo(() => {
+    const statuses = /* @__PURE__ */ new Set();
+    items.forEach((item) => statuses.add(item.status));
+    return Array.from(statuses).sort();
+  }, [items]);
+  return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxs(Container, { className: "mx-auto flex w-full max-w-7xl flex-col gap-6 p-6", children: [
+    /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Swaps" }),
+        /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "View and manage all customer swap requests" })
+      ] }),
+      /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: () => loadSwaps(0, true), children: "Refresh" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          placeholder: "Search by swap ID or order ID",
+          value: searchQuery,
+          onChange: (event) => setSearchQuery(event.target.value),
+          className: "md:max-w-sm"
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "flex gap-3", children: /* @__PURE__ */ jsxs(
+        "select",
+        {
+          value: statusFilter,
+          onChange: (event) => setStatusFilter(event.target.value),
+          className: "h-9 rounded-md border border-ui-border-base bg-transparent px-3 text-sm text-ui-fg-base outline-none transition focus:ring-2 focus:ring-ui-fg-interactive md:max-w-xs",
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "all", children: "All Statuses" }),
+            availableStatuses.map((status) => /* @__PURE__ */ jsx("option", { value: status, children: status.replace(/_/g, " ").toUpperCase() }, status))
+          ]
+        }
+      ) })
+    ] }),
+    error ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
+      /* @__PURE__ */ jsx(Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
+      /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "secondary",
+          onClick: () => loadSwaps(0, true),
+          children: "Try again"
+        }
+      ) })
+    ] }) : null,
+    isLoading ? /* @__PURE__ */ jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsx(Text, { children: "Loading swaps..." }) }) : items.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-dashed border-ui-border-strong p-10 text-center", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h3", className: "text-xl", children: "No swaps yet" }),
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "mt-2 text-ui-fg-subtle", children: "Swap requests created by customers will appear here." })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
+      /* @__PURE__ */ jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Swap ID" }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Order ID" }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Status" }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Difference Due" }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Created" }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((swap) => /* @__PURE__ */ jsxs(
+        "tr",
+        {
+          className: "hover:bg-ui-bg-subtle/60 cursor-pointer",
+          onClick: () => navigate(`/swaps/${swap.id}`),
+          children: [
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5", children: /* @__PURE__ */ jsx("span", { children: swap.id }) }) }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: swap.order_id }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsx(
+              Badge,
+              {
+                size: "2xsmall",
+                className: `uppercase ${getStatusBadgeClass$3(swap.status)}`,
+                children: swap.status.replace(/_/g, " ")
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: (() => {
+              const amount = swap.difference_due;
+              if (amount == null || amount === void 0) {
+                return "—";
+              }
+              const displayAmount = Number(amount) / 100;
+              const currency = swap.currency_code || "$";
+              const sign = displayAmount >= 0 ? "+" : "";
+              return `${sign}${currency}${displayAmount.toFixed(2)}`;
+            })() }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: new Date(swap.created_at).toLocaleDateString("en-US", {
+              year: "numeric",
+              month: "short",
+              day: "numeric",
+              hour: "numeric",
+              minute: "2-digit",
+              hour12: true
+            }) }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "transparent",
+                size: "small",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  navigate(`/swaps/${swap.id}`);
+                },
+                children: "View"
+              }
+            ) })
+          ]
+        },
+        swap.id
+      )) })
+    ] }) }),
+    hasMore ? /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "secondary",
+        isLoading: isFetchingMore,
+        onClick: () => loadSwaps(offset, false),
+        children: "Load more"
+      }
+    ) }) : null
+  ] }) });
+};
+const config$3 = defineRouteConfig({
+  label: "Swaps",
+  icon: ArrowPath
+});
 const useDebounce = (value, delay) => {
   const [debouncedValue, setDebouncedValue] = useState(value);
   useEffect(() => {
@@ -12,7 +223,7 @@ const useDebounce = (value, delay) => {
   }, [value, delay]);
   return debouncedValue;
 };
-const getStatusBadgeClass$1 = (status) => {
+const getStatusBadgeClass$2 = (status) => {
   const statusLower = status.toLowerCase();
   if (statusLower === "requested") {
     return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
@@ -164,7 +375,7 @@ const ReturnsPage = () => {
               Badge,
               {
                 size: "2xsmall",
-                className: `uppercase ${getStatusBadgeClass$1(returnOrder.status)}`,
+                className: `uppercase ${getStatusBadgeClass$2(returnOrder.status)}`,
                 children: returnOrder.status.replace(/_/g, " ")
               }
             ) }),
@@ -213,10 +424,412 @@ const ReturnsPage = () => {
     ) }) : null
   ] }) });
 };
-const config$1 = defineRouteConfig({
+const config$2 = defineRouteConfig({
   label: "Return Orders",
   icon: ArrowPath
 });
+const getStatusBadgeClass$1 = (status) => {
+  const statusLower = status.toLowerCase();
+  if (statusLower === "requested") {
+    return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
+  }
+  if (statusLower === "approved") {
+    return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
+  }
+  if (statusLower === "rejected") {
+    return "bg-ui-tag-red-bg text-ui-tag-red-text";
+  }
+  if (statusLower === "completed") {
+    return "bg-ui-tag-green-bg text-ui-tag-green-text";
+  }
+  if (statusLower === "cancelled") {
+    return "bg-ui-tag-grey-bg text-ui-tag-grey-text";
+  }
+  return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
+};
+const SwapDetailPage = () => {
+  var _a, _b;
+  const navigate = useNavigate();
+  const { id } = useParams();
+  const [swap, setSwap] = useState(null);
+  const [order, setOrder] = useState(null);
+  const [selectedStatus, setSelectedStatus] = useState("");
+  const [isLoading, setIsLoading] = useState(true);
+  const [isUpdating, setIsUpdating] = useState(false);
+  const [isApproving, setIsApproving] = useState(false);
+  const [isRejecting, setIsRejecting] = useState(false);
+  const [error, setError] = useState(null);
+  const [updateError, setUpdateError] = useState(null);
+  const [updateSuccess, setUpdateSuccess] = useState(false);
+  const availableStatuses = [
+    "requested",
+    "approved",
+    "rejected",
+    "return_started",
+    "return_shipped",
+    "return_received",
+    "new_items_shipped",
+    "completed",
+    "cancelled"
+  ];
+  useEffect(() => {
+    if (!id) {
+      navigate("/swaps");
+      return;
+    }
+    const loadSwap = async () => {
+      try {
+        setIsLoading(true);
+        setError(null);
+        const response = await fetch(`/admin/swaps/${id}`, {
+          credentials: "include"
+        });
+        if (!response.ok) {
+          const message = await response.text();
+          throw new Error(message || "Unable to load swap");
+        }
+        const payload = await response.json();
+        setSwap(payload.swap);
+        setOrder(payload.order || null);
+        setSelectedStatus("");
+      } catch (loadError) {
+        const message = loadError instanceof Error ? loadError.message : "Unable to load swap";
+        setError(message);
+      } finally {
+        setIsLoading(false);
+      }
+    };
+    void loadSwap();
+  }, [id, navigate]);
+  const handleStatusUpdate = async () => {
+    if (!id || !selectedStatus) {
+      return;
+    }
+    try {
+      setIsUpdating(true);
+      setUpdateError(null);
+      setUpdateSuccess(false);
+      const response = await fetch(`/admin/swaps/${id}/status`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        credentials: "include",
+        body: JSON.stringify({ status: selectedStatus })
+      });
+      if (!response.ok) {
+        const message = await response.text();
+        throw new Error(message || "Unable to update status");
+      }
+      const payload = await response.json();
+      setSwap(payload.swap);
+      setSelectedStatus("");
+      setUpdateSuccess(true);
+      setTimeout(() => setUpdateSuccess(false), 3e3);
+      const detailResponse = await fetch(`/admin/swaps/${id}`, {
+        credentials: "include"
+      });
+      if (detailResponse.ok) {
+        const detailPayload = await detailResponse.json();
+        setSwap(detailPayload.swap);
+        setOrder(detailPayload.order || null);
+      }
+    } catch (updateErr) {
+      const message = updateErr instanceof Error ? updateErr.message : "Unable to update status";
+      setUpdateError(message);
+    } finally {
+      setIsUpdating(false);
+    }
+  };
+  const handleApprove = async () => {
+    if (!id) {
+      return;
+    }
+    try {
+      setIsApproving(true);
+      setUpdateError(null);
+      setUpdateSuccess(false);
+      const response = await fetch(`/admin/swaps/${id}/approve`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        credentials: "include"
+      });
+      if (!response.ok) {
+        const message = await response.text();
+        throw new Error(message || "Unable to approve swap");
+      }
+      const payload = await response.json();
+      setSwap(payload.swap);
+      setUpdateSuccess(true);
+      setTimeout(() => setUpdateSuccess(false), 3e3);
+      const detailResponse = await fetch(`/admin/swaps/${id}`, {
+        credentials: "include"
+      });
+      if (detailResponse.ok) {
+        const detailPayload = await response.json();
+        setSwap(detailPayload.swap);
+        setOrder(detailPayload.order || null);
+      }
+    } catch (updateErr) {
+      const message = updateErr instanceof Error ? updateErr.message : "Unable to approve swap";
+      setUpdateError(message);
+    } finally {
+      setIsApproving(false);
+    }
+  };
+  const handleReject = async () => {
+    if (!id) {
+      return;
+    }
+    try {
+      setIsRejecting(true);
+      setUpdateError(null);
+      setUpdateSuccess(false);
+      const response = await fetch(`/admin/swaps/${id}/reject`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        credentials: "include",
+        body: JSON.stringify({ reason: "Rejected by admin" })
+      });
+      if (!response.ok) {
+        const message = await response.text();
+        throw new Error(message || "Unable to reject swap");
+      }
+      const payload = await response.json();
+      setSwap(payload.swap);
+      setUpdateSuccess(true);
+      setTimeout(() => setUpdateSuccess(false), 3e3);
+      const detailResponse = await fetch(`/admin/swaps/${id}`, {
+        credentials: "include"
+      });
+      if (detailResponse.ok) {
+        const detailPayload = await response.json();
+        setSwap(detailPayload.swap);
+        setOrder(detailPayload.order || null);
+      }
+    } catch (updateErr) {
+      const message = updateErr instanceof Error ? updateErr.message : "Unable to reject swap";
+      setUpdateError(message);
+    } finally {
+      setIsRejecting(false);
+    }
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsx(Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: /* @__PURE__ */ jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsx(Text, { children: "Loading swap..." }) }) }) });
+  }
+  if (error || !swap) {
+    return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsx(Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
+      /* @__PURE__ */ jsx(Text, { weight: "plus", className: "text-ui-fg-error", children: error || "Swap not found" }),
+      /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => navigate("/swaps"), children: "Back to list" }) })
+    ] }) }) });
+  }
+  const statusHistory = ((_a = swap.metadata) == null ? void 0 : _a.status_history) || [];
+  return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxs(Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: [
+    /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "transparent",
+          size: "small",
+          onClick: () => navigate("/swaps"),
+          className: "w-fit",
+          children: [
+            /* @__PURE__ */ jsx(ArrowLeft, { className: "mr-2" }),
+            "Back to list"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 md:flex-row md:items-center md:justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Swap Details" }),
+          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: swap.id })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Badge,
+          {
+            size: "small",
+            className: `uppercase ${getStatusBadgeClass$1(swap.status)}`,
+            children: swap.status.replace(/_/g, " ")
+          }
+        )
+      ] })
+    ] }),
+    swap.status === "requested" && /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "primary",
+          onClick: handleApprove,
+          disabled: isApproving || isRejecting,
+          isLoading: isApproving,
+          children: "Approve Swap"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "secondary",
+          onClick: handleReject,
+          disabled: isApproving || isRejecting,
+          isLoading: isRejecting,
+          children: "Reject Swap"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", className: "mb-4 text-lg", children: "Update Status" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-end", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+          /* @__PURE__ */ jsx("label", { className: "mb-2 block text-sm font-medium text-ui-fg-base", children: "New Status" }),
+          /* @__PURE__ */ jsxs(
+            "select",
+            {
+              value: selectedStatus,
+              onChange: (event) => setSelectedStatus(event.target.value),
+              className: "h-9 w-full rounded-md border border-ui-border-base bg-transparent px-3 text-sm text-ui-fg-base outline-none transition focus:ring-2 focus:ring-ui-fg-interactive",
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "", children: "Select new status" }),
+                availableStatuses.filter((status) => status !== swap.status).map((status) => /* @__PURE__ */ jsx("option", { value: status, children: status.replace(/_/g, " ").toUpperCase() }, status))
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "primary",
+            onClick: handleStatusUpdate,
+            disabled: !selectedStatus || isUpdating,
+            isLoading: isUpdating,
+            children: "Update Status"
+          }
+        )
+      ] }),
+      updateError && /* @__PURE__ */ jsx(Text, { size: "small", className: "mt-2 text-ui-fg-error", children: updateError }),
+      updateSuccess && /* @__PURE__ */ jsx(Text, { size: "small", className: "mt-2 text-ui-fg-success", children: "Status updated successfully" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h2", className: "mb-4 text-lg", children: "Swap Information" }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Swap ID" }),
+            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: swap.id })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Status" }),
+            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: swap.status })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Difference Due" }),
+            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: swap.difference_due != null ? `${swap.currency_code || "$"}${(Number(swap.difference_due) / 100).toFixed(2)}` : "—" })
+          ] }),
+          swap.reason && /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Reason" }),
+            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: swap.reason })
+          ] }),
+          swap.note && /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Note" }),
+            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: swap.note })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Created" }),
+            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: new Date(swap.created_at).toLocaleString() })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Last Updated" }),
+            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: new Date(swap.updated_at).toLocaleString() })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h2", className: "mb-4 text-lg", children: "Status History" }),
+        statusHistory.length > 0 ? /* @__PURE__ */ jsx("div", { className: "space-y-2", children: statusHistory.map((entry, index) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "flex items-center justify-between border-b border-ui-border-subtle pb-2 last:border-0",
+            children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx(
+                Badge,
+                {
+                  size: "2xsmall",
+                  className: `uppercase ${getStatusBadgeClass$1(entry.status)}`,
+                  children: entry.status.replace(/_/g, " ")
+                }
+              ) }),
+              /* @__PURE__ */ jsxs(Text, { size: "small", className: "text-ui-fg-subtle", children: [
+                new Date(entry.timestamp).toLocaleString(),
+                entry.admin_id && ` by ${entry.admin_id}`,
+                entry.reason && ` - ${entry.reason}`
+              ] })
+            ] })
+          },
+          index
+        )) }) : /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "No status history available" })
+      ] })
+    ] }),
+    order && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", className: "mb-4 text-lg", children: "Related Order Information" }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Order ID" }),
+          /* @__PURE__ */ jsx(Text, { className: "font-medium", children: order.id })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Order Status" }),
+          /* @__PURE__ */ jsx(Text, { className: "font-medium", children: order.status || "—" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Customer" }),
+          /* @__PURE__ */ jsx(Text, { className: "font-medium", children: ((_b = order.customer) == null ? void 0 : _b.email) || order.email || "—" })
+        ] }),
+        order.total && /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Order Total" }),
+          /* @__PURE__ */ jsxs(Text, { className: "font-medium", children: [
+            order.currency_code || "$",
+            (Number(order.total) / 100).toFixed(2)
+          ] })
+        ] })
+      ] })
+    ] }),
+    swap.return_items && swap.return_items.length > 0 && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", className: "mb-4 text-lg", children: "Return Items" }),
+      /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
+        /* @__PURE__ */ jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Item ID" }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Quantity" }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Reason" })
+        ] }) }),
+        /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: swap.return_items.map((item, index) => /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: item.id }),
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: item.quantity }),
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: item.reason || "—" })
+        ] }, item.id || index)) })
+      ] }) })
+    ] }),
+    swap.new_items && swap.new_items.length > 0 && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", className: "mb-4 text-lg", children: "New Items" }),
+      /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
+        /* @__PURE__ */ jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Variant ID" }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Quantity" })
+        ] }) }),
+        /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: swap.new_items.map((item, index) => /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: item.variant_id }),
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: item.quantity })
+        ] }, item.variant_id || index)) })
+      ] }) })
+    ] })
+  ] }) });
+};
+const config$1 = defineRouteConfig({
+  label: "Swap Details",
+  icon: ArrowPath
+});
 const getStatusBadgeClass = (status) => {
   const statusLower = status.toLowerCase();
   if (statusLower === "requested") {
@@ -534,10 +1147,18 @@ const i18nTranslations0 = {};
 const widgetModule = { widgets: [] };
 const routeModule = {
   routes: [
+    {
+      Component: SwapsPage,
+      path: "/swaps"
+    },
     {
       Component: ReturnsPage,
       path: "/returns"
     },
+    {
+      Component: SwapDetailPage,
+      path: "/swaps/:id"
+    },
     {
       Component: ReturnDetailPage,
       path: "/returns/:id"
@@ -547,16 +1168,28 @@ const routeModule = {
 const menuItemModule = {
   menuItems: [
     {
-      label: config$1.label,
-      icon: config$1.icon,
+      label: config$2.label,
+      icon: config$2.icon,
       path: "/returns",
       nested: void 0
     },
+    {
+      label: config$3.label,
+      icon: config$3.icon,
+      path: "/swaps",
+      nested: void 0
+    },
     {
       label: config.label,
       icon: config.icon,
       path: "/returns/:id",
       nested: void 0
+    },
+    {
+      label: config$1.label,
+      icon: config$1.icon,
+      path: "/swaps/:id",
+      nested: void 0
     }
   ]
 };