order-management 0.0.60 → 0.0.62

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

@@ -1,17 +1,497 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
 const adminSdk = require("@medusajs/admin-sdk");
+const react = require("react");
 const ui = require("@medusajs/ui");
 const icons = require("@medusajs/icons");
 const reactRouterDom = require("react-router-dom");
+function roundRectPath(ctx, x, y, w, h, r) {
+  ctx.beginPath();
+  ctx.moveTo(x + r, y);
+  ctx.lineTo(x + w - r, y);
+  ctx.quadraticCurveTo(x + w, y, x + w, y + r);
+  ctx.lineTo(x + w, y + h - r);
+  ctx.quadraticCurveTo(x + w, y + h, x + w - r, y + h);
+  ctx.lineTo(x + r, y + h);
+  ctx.quadraticCurveTo(x, y + h, x, y + h - r);
+  ctx.lineTo(x, y + r);
+  ctx.quadraticCurveTo(x, y, x + r, y);
+  ctx.closePath();
+}
+function wrapText(ctx, text, maxWidth) {
+  const words = text.split(" ");
+  const lines = [];
+  let cur = "";
+  for (const word of words) {
+    const test = cur ? `${cur} ${word}` : word;
+    if (ctx.measureText(test).width > maxWidth && cur) {
+      lines.push(cur);
+      cur = word;
+    } else {
+      cur = test;
+    }
+  }
+  if (cur) lines.push(cur);
+  return lines;
+}
+function drawBow(ctx, cx, cy) {
+  ctx.save();
+  ctx.translate(cx, cy);
+  ctx.fillStyle = "#9f1239";
+  ctx.beginPath();
+  ctx.moveTo(0, -1);
+  ctx.bezierCurveTo(-6, -20, -38, -24, -34, -5);
+  ctx.bezierCurveTo(-30, 10, -6, 5, 0, 1);
+  ctx.fill();
+  ctx.beginPath();
+  ctx.moveTo(0, -1);
+  ctx.bezierCurveTo(6, -20, 38, -24, 34, -5);
+  ctx.bezierCurveTo(30, 10, 6, 5, 0, 1);
+  ctx.fill();
+  ctx.beginPath();
+  ctx.moveTo(-5, 5);
+  ctx.lineTo(-16, 26);
+  ctx.lineTo(-10, 26);
+  ctx.lineTo(0, 6);
+  ctx.fill();
+  ctx.beginPath();
+  ctx.moveTo(5, 5);
+  ctx.lineTo(16, 26);
+  ctx.lineTo(10, 26);
+  ctx.lineTo(0, 6);
+  ctx.fill();
+  const kg = ctx.createRadialGradient(0, -1, 0, 0, -1, 9);
+  kg.addColorStop(0, "#fb7185");
+  kg.addColorStop(1, "#9f1239");
+  ctx.fillStyle = kg;
+  ctx.beginPath();
+  ctx.ellipse(0, -1, 8, 7, 0, 0, Math.PI * 2);
+  ctx.fill();
+  ctx.restore();
+}
+function generateGiftCardCanvas(productName, variantTitle, from, to, message) {
+  const W = 600;
+  const H = 420;
+  const S = 2;
+  const canvas = document.createElement("canvas");
+  canvas.width = W * S;
+  canvas.height = H * S;
+  const ctx = canvas.getContext("2d");
+  ctx.scale(S, S);
+  const bg = ctx.createLinearGradient(0, 0, W, H);
+  bg.addColorStop(0, "#fff9f5");
+  bg.addColorStop(1, "#fff4f7");
+  ctx.fillStyle = bg;
+  roundRectPath(ctx, 0, 0, W, H, 16);
+  ctx.fill();
+  ctx.strokeStyle = "#fda4af";
+  ctx.lineWidth = 2.5;
+  roundRectPath(ctx, 3, 3, W - 6, H - 6, 14);
+  ctx.stroke();
+  ctx.strokeStyle = "#fee2e2";
+  ctx.lineWidth = 1;
+  ctx.setLineDash([7, 5]);
+  roundRectPath(ctx, 12, 12, W - 24, H - 24, 10);
+  ctx.stroke();
+  ctx.setLineDash([]);
+  ctx.fillStyle = "#fca5a5";
+  ctx.font = "14px serif";
+  ctx.textAlign = "center";
+  ctx.textBaseline = "middle";
+  [[27, 27], [W - 27, 27], [27, H - 27], [W - 27, H - 27]].forEach(
+    ([x, y]) => ctx.fillText("✦", x, y)
+  );
+  const RY = 78;
+  ctx.shadowColor = "rgba(0,0,0,0.10)";
+  ctx.shadowBlur = 6;
+  ctx.shadowOffsetY = 2;
+  const rg = ctx.createLinearGradient(0, RY - 18, 0, RY + 18);
+  rg.addColorStop(0, "#fb7185");
+  rg.addColorStop(0.45, "#e11d48");
+  rg.addColorStop(1, "#be123c");
+  ctx.fillStyle = rg;
+  ctx.fillRect(0, RY - 18, W, 36);
+  ctx.shadowColor = "transparent";
+  ctx.shadowBlur = 0;
+  ctx.shadowOffsetY = 0;
+  ctx.fillStyle = "rgba(255,255,255,0.14)";
+  ctx.fillRect(0, RY - 18, W, 11);
+  drawBow(ctx, W / 2, RY);
+  const label = productName + (variantTitle ? ` · ${variantTitle}` : "");
+  ctx.fillStyle = "#fce7f3";
+  ctx.font = "500 11px system-ui, -apple-system, sans-serif";
+  ctx.textAlign = "center";
+  ctx.textBaseline = "middle";
+  ctx.fillText(
+    label.length > 55 ? label.slice(0, 55) + "…" : label,
+    W / 2,
+    40
+  );
+  const BT = RY + 36;
+  ctx.textBaseline = "top";
+  ctx.fillStyle = "#be123c";
+  ctx.font = "700 10px system-ui, sans-serif";
+  ctx.textAlign = "left";
+  ctx.fillText("TO", 44, BT + 8);
+  ctx.fillStyle = "#111827";
+  ctx.font = `bold 28px Georgia, "Times New Roman", serif`;
+  const toStr = (to || "—").slice(0, 22);
+  ctx.fillText(toStr + (to && to.length > 22 ? "…" : ""), 44, BT + 22);
+  ctx.fillStyle = "#be123c";
+  ctx.font = "700 10px system-ui, sans-serif";
+  ctx.textAlign = "right";
+  ctx.fillText("FROM", W - 44, BT + 8);
+  ctx.fillStyle = "#374151";
+  ctx.font = `600 20px Georgia, "Times New Roman", serif`;
+  const fromStr = (from || "—").slice(0, 26);
+  ctx.fillText(fromStr + (from && from.length > 26 ? "…" : ""), W - 44, BT + 26);
+  const DY = BT + 68;
+  ctx.strokeStyle = "#fca5a5";
+  ctx.lineWidth = 1;
+  ctx.setLineDash([5, 5]);
+  ctx.beginPath();
+  ctx.moveTo(44, DY);
+  ctx.lineTo(W - 44, DY);
+  ctx.stroke();
+  ctx.setLineDash([]);
+  const ML = 44;
+  const MT = DY + 14;
+  const MW = W - 88;
+  const MH = H - MT - 42;
+  ctx.shadowColor = "rgba(0,0,0,0.07)";
+  ctx.shadowBlur = 8;
+  ctx.shadowOffsetY = 3;
+  ctx.fillStyle = "#ffffff";
+  roundRectPath(ctx, ML, MT, MW, MH, 7);
+  ctx.fill();
+  ctx.shadowColor = "transparent";
+  ctx.shadowBlur = 0;
+  ctx.shadowOffsetY = 0;
+  ctx.strokeStyle = "#fed7aa";
+  ctx.lineWidth = 1;
+  roundRectPath(ctx, ML, MT, MW, MH, 7);
+  ctx.stroke();
+  ctx.strokeStyle = "#fef9c3";
+  ctx.lineWidth = 0.7;
+  for (let ly = MT + 26; ly < MT + MH - 8; ly += 21) {
+    ctx.beginPath();
+    ctx.moveTo(ML + 12, ly);
+    ctx.lineTo(ML + MW - 12, ly);
+    ctx.stroke();
+  }
+  if (message) {
+    ctx.fillStyle = "#1f2937";
+    ctx.font = `italic 13.5px Georgia, "Times New Roman", serif`;
+    ctx.textAlign = "left";
+    ctx.textBaseline = "top";
+    const lines = wrapText(ctx, `"${message}"`, MW - 32);
+    const maxLines = Math.floor((MH - 18) / 21);
+    lines.slice(0, maxLines).forEach((line, i) => {
+      ctx.fillText(line, ML + 16, MT + 13 + i * 21);
+    });
+  } else {
+    ctx.fillStyle = "#9ca3af";
+    ctx.font = `italic 12px Georgia, serif`;
+    ctx.textAlign = "center";
+    ctx.textBaseline = "middle";
+    ctx.fillText("No message included", W / 2, MT + MH / 2);
+  }
+  ctx.fillStyle = "#fca5a5";
+  ctx.font = "12px serif";
+  ctx.textAlign = "center";
+  ctx.textBaseline = "middle";
+  ctx.fillText("♥  ·  ♥  ·  ♥", W / 2, H - 21);
+  return canvas;
+}
+function downloadGiftCard(productName, variantTitle, from, to, message) {
+  const canvas = generateGiftCardCanvas(productName, variantTitle, from, to, message);
+  const a = document.createElement("a");
+  a.download = `gift-card-${productName.replace(/\s+/g, "-").toLowerCase()}.png`;
+  a.href = canvas.toDataURL("image/png");
+  a.click();
+}
+const s = {
+  widget: {
+    fontFamily: "system-ui, -apple-system, sans-serif",
+    marginTop: "10px"
+  },
+  header: {
+    display: "flex",
+    alignItems: "center",
+    gap: "10px",
+    marginBottom: "14px"
+  },
+  iconBox: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: "30px",
+    height: "30px",
+    borderRadius: "8px",
+    background: "#fce7f3",
+    color: "#be123c",
+    fontSize: "16px",
+    flexShrink: 0
+  },
+  badge: {
+    marginLeft: "auto",
+    fontSize: "11px",
+    fontWeight: 600,
+    background: "#eef2ff",
+    color: "#4338ca",
+    borderRadius: "999px",
+    padding: "3px 10px"
+  },
+  card: {
+    position: "relative",
+    borderRadius: "12px",
+    overflow: "hidden",
+    border: "1px solid #f3f4f6",
+    background: "#ffffff",
+    boxShadow: "0 2px 8px rgba(0,0,0,0.06)",
+    marginBottom: "14px"
+  },
+  ribbon: {
+    background: "linear-gradient(90deg,#fb7185,#e11d48)",
+    padding: "14px 18px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    position: "relative"
+  },
+  bowCenter: {
+    position: "absolute",
+    top: "50%",
+    left: "50%",
+    transform: "translate(-50%, -50%)",
+    fontSize: "20px",
+    userSelect: "none"
+  },
+  productLabel: {
+    fontSize: "11px",
+    fontWeight: 500,
+    color: "rgba(255,255,255,0.9)",
+    position: "absolute",
+    bottom: "6px",
+    left: 0,
+    right: 0,
+    textAlign: "center",
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    padding: "0 90px"
+  },
+  downloadBtn: {
+    position: "absolute",
+    top: "10px",
+    right: "12px",
+    display: "flex",
+    alignItems: "center",
+    gap: "6px",
+    fontSize: "11px",
+    fontWeight: 600,
+    color: "#ffffff",
+    background: "linear-gradient(180deg,#fb7185,#e11d48)",
+    border: "none",
+    borderRadius: "6px",
+    padding: "6px 10px",
+    cursor: "pointer",
+    boxShadow: "0 1px 3px rgba(0,0,0,0.15)"
+  },
+  body: {
+    padding: "14px 18px"
+  },
+  toFromRow: {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "flex-start",
+    marginBottom: "12px"
+  },
+  toBlock: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "2px"
+  },
+  fromBlock: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "flex-end",
+    gap: "2px"
+  },
+  fieldLabel: {
+    fontSize: "9px",
+    fontWeight: 700,
+    color: "#be123c",
+    letterSpacing: "0.08em",
+    textTransform: "uppercase"
+  },
+  toValue: {
+    fontSize: "22px",
+    fontWeight: 700,
+    fontFamily: `Georgia, "Times New Roman", serif`,
+    color: "#111827",
+    lineHeight: 1.15,
+    maxWidth: "160px",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  },
+  fromValue: {
+    fontSize: "16px",
+    fontWeight: 600,
+    fontFamily: `Georgia, "Times New Roman", serif`,
+    color: "#374151",
+    maxWidth: "140px",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    textAlign: "right"
+  },
+  divider: {
+    borderTop: "1px solid #e5e7eb",
+    margin: "10px 0 14px"
+  },
+  noteBox: {
+    background: "#f9fafb",
+    border: "1px solid #e5e7eb",
+    borderRadius: "8px",
+    padding: "14px 16px",
+    minHeight: "70px"
+  },
+  messageText: {
+    fontSize: "13px",
+    fontStyle: "italic",
+    fontFamily: `Georgia, "Times New Roman", serif`,
+    color: "#1f2937",
+    lineHeight: 1.6,
+    margin: 0
+  },
+  noMessage: {
+    fontSize: "11px",
+    color: "#9ca3af",
+    fontStyle: "italic"
+  }
+};
+const OrderGiftItemsWidget = ({ data }) => {
+  const [fetchedItems, setFetchedItems] = react.useState(null);
+  react.useEffect(() => {
+    if (!(data == null ? void 0 : data.id)) return;
+    fetch(
+      `/admin/orders/${data.id}?fields=*items,items.metadata`
+    ).then((r) => r.json()).then(({ order }) => setFetchedItems((order == null ? void 0 : order.items) ?? [])).catch(() => setFetchedItems((data == null ? void 0 : data.items) ?? []));
+  }, [data == null ? void 0 : data.id]);
+  const items = fetchedItems ?? (data == null ? void 0 : data.items) ?? [];
+  const giftedItems = items.filter((i) => {
+    var _a;
+    const flag = (_a = i.metadata) == null ? void 0 : _a.is_gift;
+    return flag === "true" || flag === true;
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: s.widget, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: s.header, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: s.iconBox, children: "🎁" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "13px", fontWeight: 600, color: "#111827" }, children: "Gift Items" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "11px", color: "#6b7280" }, children: "Items marked as gifts in this order" })
+      ] }),
+      giftedItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: s.badge, children: giftedItems.length })
+    ] }),
+    giftedItems.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        style: {
+          padding: "14px 16px",
+          background: "#f9fafb",
+          border: "1px solid #f3f4f6",
+          borderRadius: "8px",
+          fontSize: "12px",
+          color: "#9ca3af",
+          textAlign: "center"
+        },
+        children: "No gift items in this order"
+      }
+    ),
+    giftedItems.map((item) => {
+      const meta = item.metadata;
+      const from = meta == null ? void 0 : meta.gift_from;
+      const to = meta == null ? void 0 : meta.gift_to;
+      const message = meta == null ? void 0 : meta.gift_message;
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: s.card, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: s.ribbon, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: s.bowCenter, children: "🎀" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { style: s.productLabel, children: [
+            item.product_title,
+            item.variant_title ? ` · ${item.variant_title}` : ""
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              style: s.downloadBtn,
+              onClick: () => downloadGiftCard(
+                item.product_title ?? "Gift",
+                item.variant_title ?? void 0,
+                from,
+                to,
+                message
+              ),
+              title: "Download gift card as image",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "7 10 12 15 17 10" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
+                ] }),
+                "Download"
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: s.body, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: s.toFromRow, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: s.toBlock, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: s.fieldLabel, children: "To" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: s.toValue, children: to || "—" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: s.fromBlock, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: s.fieldLabel, children: "From" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: s.fromValue, children: from || "—" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: s.divider }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: s.noteBox, children: message ? /* @__PURE__ */ jsxRuntime.jsxs("p", { style: s.messageText, children: [
+            "“",
+            message,
+            "”"
+          ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { style: s.noMessage, children: "No message included" }) })
+        ] })
+      ] }, item.id);
+    })
+  ] });
+};
+adminSdk.defineWidgetConfig({
+  zone: "order.details.side.after"
+});
+const FIELD_LABELS = {
+  // UPI
+  upi_id: "UPI ID",
+  // Bank
+  account_holder_name: "Account Holder",
+  bank_name: "Bank Name",
+  account_number: "Account Number",
+  ifsc: "IFSC Code",
+  branch_name: "Branch Name",
+  // Card
+  card_holder_name: "Card Holder",
+  card_number: "Card Number",
+  expiry_date: "Expiry Date",
+  cvv: "CVV"
+};
 function getOrderIdFromPath() {
   if (typeof window === "undefined") return void 0;
   const m = window.location.pathname.match(/\/orders\/([^/]+)/);
   return m ? m[1] : void 0;
 }
 const OrderRefundContextWidget = (props) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e;
   const orderId = ((_a = props.order) == null ? void 0 : _a.id) ?? ((_c = (_b = props.data) == null ? void 0 : _b.order) == null ? void 0 : _c.id) ?? getOrderIdFromPath();
   const [context, setContext] = react.useState(null);
   const [loading, setLoading] = react.useState(!!orderId);
@@ -178,19 +658,22 @@ const OrderRefundContextWidget = (props) => {
         /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: context.return_id }),
         ((_d = context.refund_mapping) == null ? void 0 : _d.is_refunded) ? /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "green", children: "Refunded" }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "orange", children: "Not refunded" })
       ] }),
-      paymentDetail && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 space-y-1 border-t border-ui-border-base pt-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: "Payment method (refund destination)" }),
+      paymentDetail && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 space-y-2 border-t border-ui-border-base pt-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: "Payment method (refund destination)" }),
+          paymentDetail.source === "specified" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "green", children: "Customer specified" }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "orange", children: "Customer default" })
+        ] }),
+        paymentDetail.source === "default" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-ui-border-base bg-ui-bg-subtle px-3 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: "The customer did not specify a payment method for this return. Showing their default payment method." }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { children: paymentDetail.type }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { children: paymentDetail.type.toUpperCase() }),
           paymentDetail.is_default && /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "blue", children: "Default" })
         ] }),
-        Object.keys(paymentDetail.detail_json).length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 flex flex-wrap gap-x-4 gap-y-1 text-ui-fg-subtle", children: Object.entries(paymentDetail.detail_json).map(([k, v]) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs", children: [
-          k,
-          ": ",
-          String(v)
+        Object.keys(paymentDetail.detail_json).length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 grid grid-cols-2 gap-x-6 gap-y-2", children: Object.entries(paymentDetail.detail_json).map(([k, v]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", weight: "plus", className: "text-ui-fg-muted", children: FIELD_LABELS[k] ?? k }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "block", children: String(v) })
         ] }, k)) })
       ] }),
-      !paymentDetail && ((_e = context.refund_mapping) == null ? void 0 : _e.payment_id) && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mt-2 text-ui-fg-muted", children: "Payment detail not found or not accessible." }),
+      !paymentDetail && context.return_id && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 rounded-md border border-ui-border-base bg-ui-bg-subtle px-3 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: "No payment method found for this customer." }) }),
       (context == null ? void 0 : context.refund_mapping) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 space-y-3 border-t border-ui-border-base pt-3", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: "Refund mode, details & images" }),
@@ -333,7 +816,7 @@ const OrderRefundContextWidget = (props) => {
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", weight: "plus", className: "text-ui-fg-muted", children: "Images" }),
-            ((_f = context.refund_mapping.images) == null ? void 0 : _f.length) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 flex flex-wrap gap-2", children: context.refund_mapping.images.map((url, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+            ((_e = context.refund_mapping.images) == null ? void 0 : _e.length) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 flex flex-wrap gap-2", children: context.refund_mapping.images.map((url, i) => /* @__PURE__ */ jsxRuntime.jsxs(
               "a",
               {
                 href: url,
@@ -379,11 +862,11 @@ const useDebounce$3 = (value, delay) => {
   return debouncedValue;
 };
 const getStatusBadgeClass$7 = (status) => {
-  const s = status.toLowerCase();
-  if (s === "captured" || s === "completed") return "bg-ui-tag-green-bg text-ui-tag-green-text";
-  if (s === "authorized") return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
-  if (s === "error" || s === "canceled" || s === "cancelled") return "bg-ui-tag-red-bg text-ui-tag-red-text";
-  if (s === "pending" || s === "requires_more") return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
+  const s2 = status.toLowerCase();
+  if (s2 === "captured" || s2 === "completed") return "bg-ui-tag-green-bg text-ui-tag-green-text";
+  if (s2 === "authorized") return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
+  if (s2 === "error" || s2 === "canceled" || s2 === "cancelled") return "bg-ui-tag-red-bg text-ui-tag-red-text";
+  if (s2 === "pending" || s2 === "requires_more") return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
   return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
 };
 const PaymentsPage = () => {
@@ -436,8 +919,8 @@ const PaymentsPage = () => {
   }, [loadTransactions]);
   const hasMore = react.useMemo(() => offset < count, [offset, count]);
   const displayStatus = (t) => {
-    const s = t.payment_id != null && t.payment_status != null && t.payment_status !== "" ? t.payment_status : t.session_status ?? "";
-    return s !== "" ? s : "—";
+    const s2 = t.payment_id != null && t.payment_status != null && t.payment_status !== "" ? t.payment_status : t.session_status ?? "";
+    return s2 !== "" ? s2 : "—";
   };
   const displayAmount = (t) => {
     const code = (t.currency_code ?? "USD").toUpperCase();
@@ -579,11 +1062,11 @@ const useDebounce$2 = (value, delay) => {
   return debouncedValue;
 };
 const getStatusBadgeClass$6 = (status) => {
-  const s = status.toLowerCase();
-  if (s === "captured" || s === "completed") return "bg-ui-tag-green-bg text-ui-tag-green-text";
-  if (s === "authorized") return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
-  if (s === "error" || s === "canceled" || s === "cancelled") return "bg-ui-tag-red-bg text-ui-tag-red-text";
-  if (s === "pending" || s === "requires_more") return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
+  const s2 = status.toLowerCase();
+  if (s2 === "captured" || s2 === "completed") return "bg-ui-tag-green-bg text-ui-tag-green-text";
+  if (s2 === "authorized") return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
+  if (s2 === "error" || s2 === "canceled" || s2 === "cancelled") return "bg-ui-tag-red-bg text-ui-tag-red-text";
+  if (s2 === "pending" || s2 === "requires_more") return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
   return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
 };
 const RefundsPage = () => {
@@ -664,8 +1147,8 @@ const RefundsPage = () => {
     return `${code} ${Number(r.amount)}`;
   };
   const displayStatus = (r) => {
-    const s = r.payment_status ?? "";
-    return s !== "" ? s : "—";
+    const s2 = r.payment_status ?? "";
+    return s2 !== "" ? s2 : "—";
   };
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "mx-auto flex w-full max-w-7xl flex-col gap-6 p-6", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
@@ -1328,11 +1811,11 @@ const config$4 = adminSdk.defineRouteConfig({
   icon: icons.ArrowPath
 });
 const getStatusBadgeClass$3 = (status) => {
-  const s = status.toLowerCase();
-  if (s === "captured" || s === "completed") return "bg-ui-tag-green-bg text-ui-tag-green-text";
-  if (s === "authorized") return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
-  if (s === "error" || s === "canceled" || s === "cancelled") return "bg-ui-tag-red-bg text-ui-tag-red-text";
-  if (s === "pending" || s === "requires_more") return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
+  const s2 = status.toLowerCase();
+  if (s2 === "captured" || s2 === "completed") return "bg-ui-tag-green-bg text-ui-tag-green-text";
+  if (s2 === "authorized") return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
+  if (s2 === "error" || s2 === "canceled" || s2 === "cancelled") return "bg-ui-tag-red-bg text-ui-tag-red-text";
+  if (s2 === "pending" || s2 === "requires_more") return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
   return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
 };
 const PaymentDetailPage = () => {
@@ -1447,11 +1930,11 @@ const config$3 = adminSdk.defineRouteConfig({
   icon: icons.CreditCard
 });
 const getStatusBadgeClass$2 = (status) => {
-  const s = status.toLowerCase();
-  if (s === "captured" || s === "completed") return "bg-ui-tag-green-bg text-ui-tag-green-text";
-  if (s === "authorized") return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
-  if (s === "error" || s === "canceled" || s === "cancelled") return "bg-ui-tag-red-bg text-ui-tag-red-text";
-  if (s === "pending" || s === "requires_more") return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
+  const s2 = status.toLowerCase();
+  if (s2 === "captured" || s2 === "completed") return "bg-ui-tag-green-bg text-ui-tag-green-text";
+  if (s2 === "authorized") return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
+  if (s2 === "error" || s2 === "canceled" || s2 === "cancelled") return "bg-ui-tag-red-bg text-ui-tag-red-text";
+  if (s2 === "pending" || s2 === "requires_more") return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
   return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
 };
 const formatAmount = (value) => {
@@ -2197,6 +2680,10 @@ const config = adminSdk.defineRouteConfig({
 });
 const i18nTranslations0 = {};
 const widgetModule = { widgets: [
+  {
+    Component: OrderGiftItemsWidget,
+    zone: ["order.details.side.after"]
+  },
   {
     Component: OrderRefundContextWidget,
     zone: ["order.details.after"]
@@ -2240,18 +2727,18 @@ const routeModule = {
 };
 const menuItemModule = {
   menuItems: [
-    {
-      label: config$7.label,
-      icon: config$7.icon,
-      path: "/payments",
-      nested: void 0
-    },
     {
       label: config$6.label,
       icon: config$6.icon,
       path: "/refunds",
       nested: void 0
     },
+    {
+      label: config$7.label,
+      icon: config$7.icon,
+      path: "/payments",
+      nested: void 0
+    },
     {
       label: config$5.label,
       icon: config$5.icon,
@@ -2264,18 +2751,18 @@ const menuItemModule = {
       path: "/swaps",
       nested: void 0
     },
-    {
-      label: config$3.label,
-      icon: config$3.icon,
-      path: "/payments/:id",
-      nested: void 0
-    },
     {
       label: config$2.label,
       icon: config$2.icon,
       path: "/refunds/:id",
       nested: void 0
     },
+    {
+      label: config$3.label,
+      icon: config$3.icon,
+      path: "/payments/:id",
+      nested: void 0
+    },
     {
       label: config$1.label,
       icon: config$1.icon,