@medusajs/dashboard 3.0.0-snapshot-20250410112222 → 3.0.0-snapshot-20251104011621

package/dist/{order-detail-RP63TRG6.mjs → order-detail-IFXJNVTV.mjs}

@@ -2,70 +2,72 @@ import {
   By
 } from "./chunk-GXXQ33F7.mjs";
 import "./chunk-PYIO3TDQ.mjs";
+import {
+  formatPercentage
+} from "./chunk-4FM6S5CX.mjs";
+import {
+  useCancelExchange,
+  useCancelExchangeRequest,
+  useExchanges
+} from "./chunk-ULQ3V4CC.mjs";
+import {
+  useCancelOrderEdit,
+  useConfirmOrderEdit
+} from "./chunk-LEKWKUIS.mjs";
+import {
+  getLoyaltyPlugin
+} from "./chunk-AMRS4CSX.mjs";
 import {
   formatProvider
 } from "./chunk-IR5DHEKS.mjs";
 import {
-  OrderPaymentSection,
-  getPaymentsFromOrder,
-  getTotalCaptured
-} from "./chunk-DDV2HJEV.mjs";
+  formatCurrency
+} from "./chunk-WATKBUHQ.mjs";
 import {
-  require_copy_to_clipboard
-} from "./chunk-K7S5TX6I.mjs";
+  getCanceledOrderStatus,
+  getOrderFulfillmentStatus,
+  getOrderPaymentStatus
+} from "./chunk-7DXVXBSA.mjs";
 import {
-  formatCurrency
-} from "./chunk-OV5NMSY6.mjs";
+  getPaymentsFromOrder,
+  getReservationsLimitCount
+} from "./chunk-4XSXVVYD.mjs";
 import {
   useCancelClaim,
   useCancelClaimRequest,
   useClaims
-} from "./chunk-HUGE7T5V.mjs";
-import {
-  useCancelExchange,
-  useCancelExchangeRequest,
-  useExchanges
-} from "./chunk-6LA2RGO4.mjs";
+} from "./chunk-ALKTJGWS.mjs";
 import {
   getReturnableQuantity
 } from "./chunk-PXZ7QYKX.mjs";
+import {
+  DEFAULT_FIELDS
+} from "./chunk-F7LJJHQT.mjs";
 import {
   useCancelReturn,
   useCancelReturnRequest,
   useReturns
-} from "./chunk-ICR3D7SB.mjs";
-import {
-  useCancelOrderEdit,
-  useConfirmOrderEdit
-} from "./chunk-W7KW2VOI.mjs";
-import {
-  DEFAULT_FIELDS
-} from "./chunk-7I5DQGWY.mjs";
-import {
-  getCanceledOrderStatus,
-  getOrderFulfillmentStatus,
-  getOrderPaymentStatus
-} from "./chunk-7DXVXBSA.mjs";
+} from "./chunk-3DO2JGVG.mjs";
 import {
   getLocaleAmount,
   getStylizedAmount,
   isAmountLessThenRoundingError
-} from "./chunk-PDWBYQOW.mjs";
-import "./chunk-MWVM4TYO.mjs";
+} from "./chunk-X6BAAGCL.mjs";
+import "./chunk-DK4WIVY6.mjs";
 import {
   getFormattedAddress,
   isSameAddress
-} from "./chunk-OIAPXGI2.mjs";
+} from "./chunk-B6ZOPCPA.mjs";
 import {
   TwoColumnPage
-} from "./chunk-2RQLKDBF.mjs";
+} from "./chunk-GIZFNLKK.mjs";
 import {
   useDate
-} from "./chunk-PWBTCXBJ.mjs";
-import "./chunk-VDBOSWVE.mjs";
+} from "./chunk-PFKKVLZX.mjs";
 import {
   Thumbnail
 } from "./chunk-MNXC6Q4F.mjs";
+import "./chunk-DG7J63J2.mjs";
 import {
   useExtension
 } from "./chunk-C5P5PL3E.mjs";
@@ -75,30 +77,32 @@ import {
 } from "./chunk-LPEUYMRK.mjs";
 import {
   ActionMenu
-} from "./chunk-3NJTXRIY.mjs";
+} from "./chunk-OZPB6JBL.mjs";
 import "./chunk-OC7BQLYI.mjs";
-import "./chunk-6UX3SSRT.mjs";
+import "./chunk-S4DMV3ZT.mjs";
+import "./chunk-67ORSRVT.mjs";
 import {
-  useMarkPaymentCollectionAsPaid
-} from "./chunk-CLRTJ6DI.mjs";
+  useCapturePayment,
+  useMarkPaymentCollectionAsPaid,
+  usePlugins
+} from "./chunk-KXRW6JRE.mjs";
 import "./chunk-KOSCMAIC.mjs";
-import "./chunk-UAZEQNCO.mjs";
-import "./chunk-LDJKJLBJ.mjs";
+import "./chunk-X6DSNTTX.mjs";
+import "./chunk-I6E6CALJ.mjs";
 import "./chunk-B4GODIOW.mjs";
-import "./chunk-F6IJV2I2.mjs";
+import "./chunk-N4N4KGET.mjs";
 import "./chunk-QTCZFYFH.mjs";
 import "./chunk-ENV6YVOM.mjs";
 import "./chunk-PIR2H25N.mjs";
-import "./chunk-RLY2SL5E.mjs";
 import "./chunk-C5LYZZZ5.mjs";
+import "./chunk-RLY2SL5E.mjs";
 import "./chunk-2ZKVRTBW.mjs";
-import "./chunk-4GJJIXM6.mjs";
-import "./chunk-YS65UGPC.mjs";
+import "./chunk-XYHXWLTJ.mjs";
 import {
   useCustomer
 } from "./chunk-F6PXCY3N.mjs";
-import "./chunk-3OHH43G6.mjs";
-import "./chunk-G2H6MAK7.mjs";
+import "./chunk-IXZVR3HG.mjs";
+import "./chunk-R2G2B47Y.mjs";
 import "./chunk-GRT22PE5.mjs";
 import {
   useStockLocation
@@ -113,16 +117,17 @@ import {
   useOrderChanges,
   useOrderLineItems,
   useOrderPreview
-} from "./chunk-RWU2ZKWZ.mjs";
+} from "./chunk-WTK7SR6S.mjs";
 import {
   useReservationItems
-} from "./chunk-FVC7M755.mjs";
-import "./chunk-ZJ3OFMHB.mjs";
-import "./chunk-PNU5HPGY.mjs";
+} from "./chunk-6XWHQ6ON.mjs";
+import "./chunk-MQALAB34.mjs";
+import "./chunk-OGAZYXOV.mjs";
+import "./chunk-KX4P5L3R.mjs";
 import "./chunk-V2LANK5S.mjs";
 import "./chunk-QZ6PT4QV.mjs";
 import "./chunk-QL4XKIVL.mjs";
-import "./chunk-6I62UDJA.mjs";
+import "./chunk-4BGVSXZZ.mjs";
 import {
   queryClient
 } from "./chunk-FXYH54JP.mjs";
@@ -130,9 +135,7 @@ import "./chunk-774WSTCC.mjs";
 import {
   sdk
 } from "./chunk-DEQUVHHE.mjs";
-import {
-  __toESM
-} from "./chunk-GH77ZQI2.mjs";
+import "./chunk-QZ7TP4HQ.mjs";
 
 // src/routes/orders/order-detail/breadcrumb.tsx
 import { jsxs } from "react/jsx-runtime";
@@ -489,7 +492,7 @@ import { Container as Container5, Heading as Heading5 } from "@medusajs/ui";
 import { useTranslation as useTranslation8 } from "react-i18next";
 
 // src/routes/orders/order-detail/components/order-activity-section/order-timeline.tsx
-import { Button as Button5, Text as Text6, Tooltip, clx, usePrompt } from "@medusajs/ui";
+import { Button as Button5, Text as Text6, Tooltip, clx, toast as toast5, usePrompt } from "@medusajs/ui";
 import { Collapsible as RadixCollapsible } from "radix-ui";
 import { useMemo as useMemo2, useState as useState3 } from "react";
 import { useTranslation as useTranslation7 } from "react-i18next";
@@ -1127,7 +1130,9 @@ var ReturnBody = ({
     if (!res) {
       return;
     }
-    await cancelReturnRequest();
+    await cancelReturnRequest().catch((error) => {
+      toast5.error(error.message);
+    });
   };
   const numberOfItems = orderReturn.items.reduce((acc, item) => {
     return acc + (isReceived ? item.received_quantity : item.quantity);
@@ -1169,7 +1174,9 @@ var ClaimBody = ({
     if (!res) {
       return;
     }
-    await cancelClaim();
+    await cancelClaim().catch((error) => {
+      toast5.error(error.message);
+    });
   };
   const outboundItems = (claim.additional_items || []).reduce(
     (acc, item) => acc + item.quantity,
@@ -1219,7 +1226,9 @@ var ExchangeBody = ({
     if (!res) {
       return;
     }
-    await cancelExchange();
+    await cancelExchange().catch((error) => {
+      toast5.error(error.message);
+    });
   };
   const outboundItems = (exchange.additional_items || []).reduce(
     (acc, item) => acc + item.quantity,
@@ -1288,7 +1297,9 @@ var TransferOrderRequestBody = ({
     if (!res) {
       return;
     }
-    await cancelTransfer();
+    await cancelTransfer().catch((error) => {
+      toast5.error(error.message);
+    });
   };
   return /* @__PURE__ */ jsxs8("div", { children: [
     /* @__PURE__ */ jsxs8(Text6, { size: "small", className: "text-ui-fg-subtle", children: [
@@ -1440,7 +1451,7 @@ var Contact = ({ data }) => {
             children: phone
           }
         ),
-        /* @__PURE__ */ jsx9("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx9(Copy2, { content: email, className: "text-ui-fg-muted" }) })
+        /* @__PURE__ */ jsx9("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx9(Copy2, { content: phone, className: "text-ui-fg-muted" }) })
       ] })
     ] })
   ] });
@@ -1575,7 +1586,7 @@ import {
   StatusBadge,
   Text as Text8,
   Tooltip as Tooltip2,
-  toast as toast5,
+  toast as toast6,
   usePrompt as usePrompt2
 } from "@medusajs/ui";
 import { format } from "date-fns";
@@ -1753,21 +1764,21 @@ var Fulfillment = ({
     if (res) {
       await markAsDelivered(void 0, {
         onSuccess: () => {
-          toast5.success(
+          toast6.success(
             t(
               isPickUpFulfillment ? "orders.fulfillment.toast.fulfillmentPickedUp" : "orders.fulfillment.toast.fulfillmentDelivered"
             )
           );
         },
         onError: (e) => {
-          toast5.error(e.message);
+          toast6.error(e.message);
         }
       });
     }
   };
   const handleCancel = async () => {
     if (fulfillment.shipped_at) {
-      toast5.warning(t("orders.fulfillment.toast.fulfillmentShipped"));
+      toast6.warning(t("orders.fulfillment.toast.fulfillmentShipped"));
       return;
     }
     const res = await prompt({
@@ -1779,10 +1790,10 @@ var Fulfillment = ({
     if (res) {
       await mutateAsync(void 0, {
         onSuccess: () => {
-          toast5.success(t("orders.fulfillment.toast.canceled"));
+          toast6.success(t("orders.fulfillment.toast.canceled"));
         },
         onError: (e) => {
-          toast5.error(e.message);
+          toast6.error(e.message);
         }
       });
     }
@@ -1790,6 +1801,7 @@ var Fulfillment = ({
   if (isError) {
     throw error;
   }
+  const isValidUrl = (url) => url && url.length > 0 && url !== "#";
   return /* @__PURE__ */ jsxs12(Container7, { className: "divide-y p-0", children: [
     /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-between px-6 py-4", children: [
       /* @__PURE__ */ jsx11(Heading7, { level: "h2", children: t("orders.fulfillment.number", {
@@ -1851,18 +1863,32 @@ var Fulfillment = ({
     /* @__PURE__ */ jsxs12("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
       /* @__PURE__ */ jsx11(Text8, { size: "small", leading: "compact", weight: "plus", children: t("orders.fulfillment.trackingLabel") }),
       /* @__PURE__ */ jsx11("div", { children: fulfillment.labels && fulfillment.labels.length > 0 ? /* @__PURE__ */ jsx11("ul", { children: fulfillment.labels.map((tlink) => {
-        const hasUrl = tlink.url && tlink.url.length > 0 && tlink.url !== "#";
-        if (hasUrl) {
-          return /* @__PURE__ */ jsx11("li", { children: /* @__PURE__ */ jsx11(
-            "a",
-            {
-              href: tlink.url,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className: "text-ui-fg-interactive hover:text-ui-fg-interactive-hover transition-fg",
-              children: /* @__PURE__ */ jsx11(Text8, { size: "small", leading: "compact", children: tlink.tracking_number })
-            }
-          ) }, tlink.tracking_number);
+        const hasTrackingUrl = isValidUrl(tlink.tracking_url);
+        const hasLabelUrl = isValidUrl(tlink.label_url);
+        if (hasTrackingUrl || hasLabelUrl) {
+          return /* @__PURE__ */ jsxs12("li", { children: [
+            hasTrackingUrl && /* @__PURE__ */ jsx11(
+              "a",
+              {
+                href: tlink.tracking_url,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "text-ui-fg-interactive hover:text-ui-fg-interactive-hover transition-fg",
+                children: /* @__PURE__ */ jsx11(Text8, { size: "small", leading: "compact", as: "span", children: tlink.tracking_number })
+              }
+            ),
+            hasTrackingUrl && hasLabelUrl && " - ",
+            hasLabelUrl && /* @__PURE__ */ jsx11(
+              "a",
+              {
+                href: tlink.label_url,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "text-ui-fg-interactive hover:text-ui-fg-interactive-hover transition-fg",
+                children: /* @__PURE__ */ jsx11(Text8, { size: "small", leading: "compact", as: "span", children: "Label" })
+              }
+            )
+          ] }, tlink.tracking_number);
         }
         return /* @__PURE__ */ jsx11("li", { children: /* @__PURE__ */ jsx11(Text8, { size: "small", leading: "compact", children: tlink.tracking_number }) }, tlink.tracking_number);
       }) }) : /* @__PURE__ */ jsx11(Text8, { size: "small", leading: "compact", children: "-" }) })
@@ -1891,7 +1917,7 @@ import {
   Heading as Heading8,
   StatusBadge as StatusBadge2,
   Text as Text9,
-  toast as toast6,
+  toast as toast7,
   usePrompt as usePrompt3
 } from "@medusajs/ui";
 import { useTranslation as useTranslation12 } from "react-i18next";
@@ -1915,10 +1941,10 @@ var OrderGeneralSection = ({ order }) => {
     }
     await cancelOrder(void 0, {
       onSuccess: () => {
-        toast6.success(t("orders.orderCanceled"));
+        toast7.success(t("orders.orderCanceled"));
       },
       onError: (e) => {
-        toast6.error(e.message);
+        toast7.error(e.message);
       }
     });
   };
@@ -1984,56 +2010,406 @@ var OrderBadge = ({ order }) => {
   return /* @__PURE__ */ jsx12(StatusBadge2, { color: orderStatus.color, className: "text-nowrap", children: orderStatus.label });
 };
 
+// src/routes/orders/order-detail/components/order-payment-section/order-payment-section.tsx
+import { ArrowDownRightMini, DocumentText, XCircle as XCircle3 } from "@medusajs/icons";
+import {
+  Badge,
+  Button as Button7,
+  Container as Container9,
+  Heading as Heading9,
+  StatusBadge as StatusBadge3,
+  Text as Text10,
+  toast as toast9,
+  Tooltip as Tooltip4,
+  usePrompt as usePrompt4
+} from "@medusajs/ui";
+import { format as format2 } from "date-fns";
+import { Trans, useTranslation as useTranslation14 } from "react-i18next";
+
+// src/components/common/display-id/display-id.tsx
+import { useTranslation as useTranslation13 } from "react-i18next";
+import { useState as useState4 } from "react";
+import copy from "copy-to-clipboard";
+import { clx as clx2, toast as toast8, Tooltip as Tooltip3 } from "@medusajs/ui";
+import { jsx as jsx13, jsxs as jsxs14 } from "react/jsx-runtime";
+function DisplayId({ id, className }) {
+  const { t } = useTranslation13();
+  const [open, setOpen] = useState4(false);
+  const onClick = () => {
+    copy(id);
+    toast8.success(t("actions.idCopiedToClipboard"));
+  };
+  return /* @__PURE__ */ jsx13(Tooltip3, { maxWidth: 260, content: id, open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs14("span", { onClick, className: clx2("cursor-pointer", className), children: [
+    "#",
+    id.slice(-7)
+  ] }) });
+}
+var display_id_default = DisplayId;
+
+// src/lib/payment.ts
+var getTotalCaptured = (paymentCollections) => paymentCollections.reduce((acc, paymentCollection) => {
+  acc = acc + (paymentCollection.captured_amount - paymentCollection.refunded_amount);
+  return acc;
+}, 0);
+var getTotalPending = (paymentCollections) => paymentCollections.filter((pc) => pc.status !== "canceled").reduce((acc, paymentCollection) => {
+  acc += paymentCollection.amount - paymentCollection.captured_amount;
+  return acc;
+}, 0);
+
+// src/routes/orders/order-detail/components/order-payment-section/order-payment-section.tsx
+import { jsx as jsx14, jsxs as jsxs15 } from "react/jsx-runtime";
+var OrderPaymentSection = ({
+  order,
+  plugins
+}) => {
+  const payments = getPaymentsFromOrder(order);
+  const refunds = payments.map((payment) => payment?.refunds).flat(1).filter(Boolean);
+  return /* @__PURE__ */ jsxs15(Container9, { className: "divide-y divide-dashed p-0", children: [
+    /* @__PURE__ */ jsx14(Header2, { order }),
+    /* @__PURE__ */ jsx14(
+      PaymentBreakdown,
+      {
+        order,
+        plugins,
+        payments,
+        refunds,
+        currencyCode: order.currency_code
+      }
+    ),
+    /* @__PURE__ */ jsx14(Total, { order })
+  ] });
+};
+var Header2 = ({ order }) => {
+  const { t } = useTranslation14();
+  const { label, color } = getOrderPaymentStatus(t, order.payment_status);
+  return /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between px-6 py-4", children: [
+    /* @__PURE__ */ jsx14(Heading9, { level: "h2", children: t("orders.payment.title") }),
+    /* @__PURE__ */ jsx14(StatusBadge3, { color, className: "text-nowrap", children: label })
+  ] });
+};
+var Refund = ({
+  refund,
+  currencyCode
+}) => {
+  const { t } = useTranslation14();
+  const RefundReasonBadge = refund?.refund_reason && /* @__PURE__ */ jsx14(
+    Badge,
+    {
+      size: "2xsmall",
+      className: "cursor-default select-none capitalize",
+      rounded: "full",
+      children: refund.refund_reason.label
+    }
+  );
+  const RefundNoteIndicator = refund.note && /* @__PURE__ */ jsx14(Tooltip4, { content: refund.note, children: /* @__PURE__ */ jsx14(DocumentText, { className: "text-ui-tag-neutral-icon ml-1 inline" }) });
+  return /* @__PURE__ */ jsxs15("div", { className: "bg-ui-bg-subtle text-ui-fg-subtle grid grid-cols-[1fr_1fr_1fr_20px] items-center gap-x-4 px-6 py-4", children: [
+    /* @__PURE__ */ jsxs15("div", { className: "flex flex-row", children: [
+      /* @__PURE__ */ jsx14("div", { className: "self-center pr-3", children: /* @__PURE__ */ jsx14(ArrowDownRightMini, { className: "text-ui-fg-muted" }) }),
+      /* @__PURE__ */ jsxs15("div", { children: [
+        /* @__PURE__ */ jsxs15(Text10, { size: "small", leading: "compact", weight: "plus", children: [
+          t("orders.payment.refund"),
+          " ",
+          RefundNoteIndicator
+        ] }),
+        /* @__PURE__ */ jsx14(Text10, { size: "small", leading: "compact", children: format2(new Date(refund.created_at), "dd MMM, yyyy, HH:mm:ss") })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx14("div", { className: "flex items-center justify-end", children: RefundReasonBadge }),
+    /* @__PURE__ */ jsx14("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsxs15(Text10, { size: "small", leading: "compact", children: [
+      "- ",
+      getLocaleAmount(refund.amount, currencyCode)
+    ] }) })
+  ] });
+};
+var Payment = ({
+  order,
+  payment,
+  refunds,
+  currencyCode
+}) => {
+  const { t } = useTranslation14();
+  const prompt = usePrompt4();
+  const { mutateAsync } = useCapturePayment(order.id, payment.id);
+  const handleCapture = async () => {
+    const res = await prompt({
+      title: t("orders.payment.capture"),
+      description: t("orders.payment.capturePayment", {
+        amount: formatCurrency(payment.amount, currencyCode)
+      }),
+      confirmText: t("actions.confirm"),
+      cancelText: t("actions.cancel"),
+      variant: "confirmation"
+    });
+    if (!res) {
+      return;
+    }
+    await mutateAsync(
+      { amount: payment.amount },
+      {
+        onSuccess: () => {
+          toast9.success(
+            t("orders.payment.capturePaymentSuccess", {
+              amount: formatCurrency(payment.amount, currencyCode)
+            })
+          );
+        },
+        onError: (error) => {
+          toast9.error(error.message);
+        }
+      }
+    );
+  };
+  const getPaymentStatusAttributes = (payment2) => {
+    if (payment2.canceled_at) {
+      return ["Canceled", "red"];
+    } else if (payment2.captured_at) {
+      return ["Captured", "green"];
+    } else {
+      return ["Pending", "orange"];
+    }
+  };
+  const [status, color] = getPaymentStatusAttributes(payment);
+  const showCapture = payment.captured_at === null && payment.canceled_at === null;
+  const totalRefunded = payment.refunds.reduce(
+    (acc, next) => next.amount + acc,
+    0
+  );
+  return /* @__PURE__ */ jsxs15("div", { className: "divide-y divide-dashed", children: [
+    /* @__PURE__ */ jsxs15("div", { className: "text-ui-fg-subtle grid grid-cols-[1fr_1fr_1fr_20px] items-center gap-x-4 px-6 py-4 sm:grid-cols-[1fr_1fr_1fr_1fr_20px]", children: [
+      /* @__PURE__ */ jsxs15("div", { className: "w-full min-w-[60px] overflow-hidden", children: [
+        /* @__PURE__ */ jsx14(
+          Text10,
+          {
+            size: "small",
+            leading: "compact",
+            weight: "plus",
+            className: "truncate",
+            children: /* @__PURE__ */ jsx14(display_id_default, { id: payment.id })
+          }
+        ),
+        /* @__PURE__ */ jsx14(Text10, { size: "small", leading: "compact", children: format2(
+          new Date(payment.created_at),
+          "dd MMM, yyyy, HH:mm:ss"
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx14("div", { className: "hidden items-center justify-end sm:flex", children: /* @__PURE__ */ jsx14(Text10, { size: "small", leading: "compact", className: "capitalize", children: payment.provider_id }) }),
+      /* @__PURE__ */ jsx14("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsx14(StatusBadge3, { color, className: "text-nowrap", children: status }) }),
+      /* @__PURE__ */ jsx14("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsx14(Text10, { size: "small", leading: "compact", children: getLocaleAmount(payment.amount, payment.currency_code) }) }),
+      /* @__PURE__ */ jsx14(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: [
+                {
+                  label: t("orders.payment.refund"),
+                  icon: /* @__PURE__ */ jsx14(XCircle3, {}),
+                  to: `/orders/${order.id}/refund?paymentId=${payment.id}`,
+                  disabled: !payment.captured_at || !!payment.canceled_at || totalRefunded >= payment.amount
+                }
+              ]
+            }
+          ]
+        }
+      )
+    ] }),
+    showCapture && /* @__PURE__ */ jsxs15("div", { className: "bg-ui-bg-subtle flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-x-2", children: [
+        /* @__PURE__ */ jsx14(ArrowDownRightMini, { className: "text-ui-fg-muted shrink-0" }),
+        /* @__PURE__ */ jsx14(Text10, { size: "small", leading: "compact", children: /* @__PURE__ */ jsx14(
+          Trans,
+          {
+            i18nKey: "orders.payment.isReadyToBeCaptured",
+            components: [/* @__PURE__ */ jsx14(display_id_default, { id: payment.id })]
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxs15(
+        Button7,
+        {
+          className: "shrink-0",
+          size: "small",
+          variant: "secondary",
+          onClick: handleCapture,
+          children: [
+            /* @__PURE__ */ jsx14("span", { className: "hidden sm:block", children: t("orders.payment.capture") }),
+            /* @__PURE__ */ jsx14("span", { className: "sm:hidden", children: t("orders.payment.capture_short") })
+          ]
+        }
+      )
+    ] }),
+    refunds.map((refund) => /* @__PURE__ */ jsx14(Refund, { refund, currencyCode }, refund.id))
+  ] });
+};
+var CreditLine = ({
+  creditLine,
+  currencyCode,
+  plugins
+}) => {
+  const loyaltyPlugin = getLoyaltyPlugin(plugins);
+  if (!loyaltyPlugin) {
+    return null;
+  }
+  const prettyReference = creditLine.reference?.split("_").join(" ").split("-").join(" ");
+  const prettyReferenceId = creditLine.reference_id ? /* @__PURE__ */ jsx14(display_id_default, { id: creditLine.reference_id }) : null;
+  return /* @__PURE__ */ jsx14("div", { className: "divide-y divide-dashed", children: /* @__PURE__ */ jsxs15("div", { className: "text-ui-fg-subtle grid grid-cols-[1fr_1fr_20px] items-center gap-x-4 px-6 py-4 sm:grid-cols-[1fr_1fr_1fr_20px]", children: [
+    /* @__PURE__ */ jsxs15("div", { className: "w-full min-w-[60px] overflow-hidden", children: [
+      /* @__PURE__ */ jsx14(
+        Text10,
+        {
+          size: "small",
+          leading: "compact",
+          weight: "plus",
+          className: "truncate",
+          children: loyaltyPlugin ? /* @__PURE__ */ jsx14(Text10, { size: "small", leading: "compact", weight: "plus", children: "Store credit refund" }) : /* @__PURE__ */ jsx14(display_id_default, { id: creditLine.id })
+        }
+      ),
+      /* @__PURE__ */ jsx14(Text10, { size: "small", leading: "compact", children: format2(
+        new Date(creditLine.created_at),
+        "dd MMM, yyyy, HH:mm:ss"
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx14("div", { className: "hidden items-center justify-end sm:flex", children: /* @__PURE__ */ jsxs15(Text10, { size: "small", leading: "compact", className: "capitalize", children: [
+      prettyReference,
+      " (",
+      prettyReferenceId,
+      ")"
+    ] }) }),
+    /* @__PURE__ */ jsx14("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsx14(Text10, { size: "small", leading: "compact", children: getLocaleAmount(creditLine.amount, currencyCode) }) })
+  ] }) });
+};
+var PaymentBreakdown = ({
+  order,
+  payments,
+  refunds,
+  currencyCode,
+  plugins
+}) => {
+  const orderRefunds = refunds.filter((refund) => refund.payment_id === null);
+  const creditLines = order.credit_lines ?? [];
+  const creditLineRefunds = creditLines.filter(
+    (creditLine) => creditLine.amount < 0
+  );
+  const entries = [...orderRefunds, ...payments, ...creditLineRefunds].sort((a, b) => {
+    return new Date(a.created_at).getTime() - new Date(b.created_at).getTime();
+  }).map((entry) => {
+    let type = entry.id.startsWith("pay_") ? "payment" : "refund";
+    if (entry.id.startsWith("ordcl_")) {
+      type = "credit_line_refund";
+    }
+    return { event: entry, type };
+  });
+  return /* @__PURE__ */ jsx14("div", { className: "flex flex-col divide-y divide-dashed", children: entries.map(({ type, event }) => {
+    switch (type) {
+      case "payment":
+        return /* @__PURE__ */ jsx14(
+          Payment,
+          {
+            order,
+            payment: event,
+            refunds: refunds.filter(
+              (refund) => refund.payment_id === event.id
+            ),
+            currencyCode
+          },
+          event.id
+        );
+      case "refund":
+        return /* @__PURE__ */ jsx14(
+          Refund,
+          {
+            refund: event,
+            currencyCode
+          },
+          event.id
+        );
+      case "credit_line_refund":
+        return /* @__PURE__ */ jsx14(
+          CreditLine,
+          {
+            creditLine: event,
+            currencyCode,
+            plugins
+          },
+          event.id
+        );
+    }
+  }) });
+};
+var Total = ({ order }) => {
+  const { t } = useTranslation14();
+  const totalPending = getTotalPending(order.payment_collections);
+  return /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-y-4 px-6 py-4", children: [
+    /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx14(Text10, { size: "small", weight: "plus", leading: "compact", children: t("orders.payment.totalPaidByCustomer") }),
+      /* @__PURE__ */ jsx14(Text10, { size: "small", weight: "plus", leading: "compact", children: getStylizedAmount(
+        getTotalCaptured(order.payment_collections),
+        order.currency_code
+      ) })
+    ] }),
+    order.status !== "canceled" && totalPending > 0 && /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx14(Text10, { size: "small", weight: "plus", leading: "compact", children: "Total pending" }),
+      /* @__PURE__ */ jsx14(Text10, { size: "small", weight: "plus", leading: "compact", children: getStylizedAmount(totalPending, order.currency_code) })
+    ] })
+  ] });
+};
+
 // src/routes/orders/order-detail/components/order-summary-section/order-summary-section.tsx
-import { useMemo as useMemo3, useState as useState6 } from "react";
-import { useTranslation as useTranslation16 } from "react-i18next";
-import { Link as Link3, useNavigate as useNavigate6 } from "react-router-dom";
+import { useMemo as useMemo3, useState as useState7 } from "react";
+import { useTranslation as useTranslation18 } from "react-i18next";
+import { Link as Link3 } from "react-router-dom";
 import {
-  ArrowDownRightMini,
+  ArrowDownRightMini as ArrowDownRightMini2,
   ArrowLongRight,
   ArrowPath as ArrowPath3,
   ArrowUturnLeft as ArrowUturnLeft2,
-  DocumentText,
+  DocumentText as DocumentText2,
   ExclamationCircle as ExclamationCircle2,
   PencilSquare,
   TriangleDownMini
 } from "@medusajs/icons";
 import {
-  Badge as Badge3,
-  Button as Button8,
-  clx as clx2,
-  Container as Container9,
+  Badge as Badge4,
+  Button as Button9,
+  clx as clx3,
+  Container as Container10,
   Copy as Copy5,
-  Heading as Heading9,
-  StatusBadge as StatusBadge3,
-  Text as Text11,
-  toast as toast7,
-  Tooltip as Tooltip5,
-  usePrompt as usePrompt4
+  Heading as Heading10,
+  StatusBadge as StatusBadge4,
+  Text as Text12,
+  toast as toast10,
+  Tooltip as Tooltip7,
+  usePrompt as usePrompt5
 } from "@medusajs/ui";
 
+// src/lib/credit-line.ts
+var getTotalCreditLines = (creditLines) => creditLines.reduce((acc, creditLine) => {
+  acc = acc + creditLine.amount;
+  return acc;
+}, 0);
+
 // src/routes/orders/order-detail/components/copy-payment-link/copy-payment-link.tsx
-var import_copy_to_clipboard = __toESM(require_copy_to_clipboard());
 import { CheckCircleSolid, SquareTwoStack } from "@medusajs/icons";
-import { Button as Button7, Tooltip as Tooltip3 } from "@medusajs/ui";
-import React, { useState as useState4 } from "react";
-import { useTranslation as useTranslation13 } from "react-i18next";
+import { Button as Button8, Tooltip as Tooltip5 } from "@medusajs/ui";
+import copy2 from "copy-to-clipboard";
+import React, { useState as useState5 } from "react";
+import { useTranslation as useTranslation15 } from "react-i18next";
 
 // src/lib/storefront.ts
 var MEDUSA_STOREFRONT_URL = __STOREFRONT_URL__ ?? "http://localhost:8000";
 
 // src/routes/orders/order-detail/components/copy-payment-link/copy-payment-link.tsx
-import { jsx as jsx13, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs16 } from "react/jsx-runtime";
 var CopyPaymentLink = React.forwardRef(
   ({ paymentCollection, order }, ref) => {
-    const [done, setDone] = useState4(false);
-    const [open, setOpen] = useState4(false);
-    const [text, setText] = useState4("CopyPaymentLink");
-    const { t } = useTranslation13();
+    const [done, setDone] = useState5(false);
+    const [open, setOpen] = useState5(false);
+    const [text, setText] = useState5("CopyPaymentLink");
+    const { t } = useTranslation15();
     const copyToClipboard = async (e) => {
       e.stopPropagation();
       setDone(true);
-      (0, import_copy_to_clipboard.default)(
+      copy2(
         `${MEDUSA_STOREFRONT_URL}/payment-collection/${paymentCollection.id}`
       );
       setTimeout(() => {
@@ -2049,8 +2425,8 @@ var CopyPaymentLink = React.forwardRef(
         setText(t("actions.copy"));
       }, 500);
     }, [done]);
-    return /* @__PURE__ */ jsx13(Tooltip3, { content: text, open: done || open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs14(
-      Button7,
+    return /* @__PURE__ */ jsx15(Tooltip5, { content: text, open: done || open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs16(
+      Button8,
       {
         ref,
         variant: "secondary",
@@ -2058,7 +2434,7 @@ var CopyPaymentLink = React.forwardRef(
         "aria-label": "CopyPaymentLink code snippet",
         onClick: copyToClipboard,
         children: [
-          done ? /* @__PURE__ */ jsx13(CheckCircleSolid, { className: "inline" }) : /* @__PURE__ */ jsx13(SquareTwoStack, { className: "inline" }),
+          done ? /* @__PURE__ */ jsx15(CheckCircleSolid, { className: "inline" }) : /* @__PURE__ */ jsx15(SquareTwoStack, { className: "inline" }),
           t("orders.payment.paymentLink", {
             amount: getStylizedAmount(
               paymentCollection.amount,
@@ -2074,13 +2450,13 @@ CopyPaymentLink.displayName = "CopyPaymentLink";
 
 // src/routes/orders/order-detail/components/order-summary-section/return-info-popover.tsx
 import { InformationCircleSolid } from "@medusajs/icons";
-import { Badge, Popover as Popover3, Text as Text10 } from "@medusajs/ui";
-import { useState as useState5 } from "react";
-import { useTranslation as useTranslation14 } from "react-i18next";
-import { jsx as jsx14, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Badge as Badge2, Popover as Popover3, Text as Text11 } from "@medusajs/ui";
+import { useState as useState6 } from "react";
+import { useTranslation as useTranslation16 } from "react-i18next";
+import { jsx as jsx16, jsxs as jsxs17 } from "react/jsx-runtime";
 function ReturnInfoPopover({ orderReturn }) {
-  const { t } = useTranslation14();
-  const [open, setOpen] = useState5(false);
+  const { t } = useTranslation16();
+  const [open, setOpen] = useState6(false);
   const { getFullDate } = useDate();
   const handleMouseEnter = () => {
     setOpen(true);
@@ -2101,36 +2477,36 @@ function ReturnInfoPopover({ orderReturn }) {
   if (typeof orderReturn !== "object") {
     return;
   }
-  return /* @__PURE__ */ jsxs15(Popover3, { open, children: [
-    /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs17(Popover3, { open, children: [
+    /* @__PURE__ */ jsx16(
       Popover3.Trigger,
       {
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         autoFocus: false,
         className: "align-sub focus-visible:outline-none",
-        children: /* @__PURE__ */ jsx14(InformationCircleSolid, {})
+        children: /* @__PURE__ */ jsx16(InformationCircleSolid, {})
       }
     ),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx16(
       Popover3.Content,
       {
         align: "center",
         side: "top",
         className: "bg-ui-bg-component p-2 focus-visible:outline-none",
-        children: /* @__PURE__ */ jsxs15("div", { className: "", children: [
-          /* @__PURE__ */ jsxs15(Badge, { size: "2xsmall", className: "mb-2", rounded: "full", children: [
+        children: /* @__PURE__ */ jsxs17("div", { className: "", children: [
+          /* @__PURE__ */ jsxs17(Badge2, { size: "2xsmall", className: "mb-2", rounded: "full", children: [
             returnType,
             ": #",
             returnTypeId.slice(-7)
           ] }),
-          /* @__PURE__ */ jsxs15(Text10, { size: "xsmall", children: [
-            /* @__PURE__ */ jsx14("span", { className: "text-ui-fg-subtle", children: t(`orders.returns.returnRequested`) }),
+          /* @__PURE__ */ jsxs17(Text11, { size: "xsmall", children: [
+            /* @__PURE__ */ jsx16("span", { className: "text-ui-fg-subtle", children: t(`orders.returns.returnRequested`) }),
             " \xB7 ",
             getFullDate({ date: orderReturn.requested_at, includeTime: true })
           ] }),
-          /* @__PURE__ */ jsxs15(Text10, { size: "xsmall", children: [
-            /* @__PURE__ */ jsx14("span", { className: "text-ui-fg-subtle", children: t(`orders.returns.itemReceived`) }),
+          /* @__PURE__ */ jsxs17(Text11, { size: "xsmall", children: [
+            /* @__PURE__ */ jsx16("span", { className: "text-ui-fg-subtle", children: t(`orders.returns.itemReceived`) }),
             " \xB7 ",
             orderReturn.received_at ? getFullDate({
               date: orderReturn.received_at,
@@ -2146,11 +2522,11 @@ var return_info_popover_default = ReturnInfoPopover;
 
 // src/routes/orders/order-detail/components/order-summary-section/shipping-info-popover.tsx
 import { InformationCircleSolid as InformationCircleSolid2 } from "@medusajs/icons";
-import { Badge as Badge2, Tooltip as Tooltip4 } from "@medusajs/ui";
-import { useTranslation as useTranslation15 } from "react-i18next";
-import { jsx as jsx15, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Badge as Badge3, Tooltip as Tooltip6 } from "@medusajs/ui";
+import { useTranslation as useTranslation17 } from "react-i18next";
+import { jsx as jsx17, jsxs as jsxs18 } from "react/jsx-runtime";
 function ShippingInfoPopover({ shippingMethod }) {
-  const { t } = useTranslation15();
+  const { t } = useTranslation17();
   const shippingDetail = shippingMethod?.detail;
   if (!shippingDetail) {
     return;
@@ -2168,29 +2544,32 @@ function ShippingInfoPopover({ shippingMethod }) {
   if (!rmaId) {
     return;
   }
-  return /* @__PURE__ */ jsx15(
-    Tooltip4,
+  return /* @__PURE__ */ jsx17(
+    Tooltip6,
     {
-      content: /* @__PURE__ */ jsxs16(Badge2, { size: "2xsmall", rounded: "full", children: [
+      content: /* @__PURE__ */ jsxs18(Badge3, { size: "2xsmall", rounded: "full", children: [
         rmaType,
         ": #",
         rmaId.slice(-7)
       ] }),
-      children: /* @__PURE__ */ jsx15(InformationCircleSolid2, { className: "inline-block text-ui-fg-muted ml-1" })
+      children: /* @__PURE__ */ jsx17(InformationCircleSolid2, { className: "inline-block text-ui-fg-muted ml-1" })
     }
   );
 }
 var shipping_info_popover_default = ShippingInfoPopover;
 
 // src/routes/orders/order-detail/components/order-summary-section/order-summary-section.tsx
-import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs17 } from "react/jsx-runtime";
-var OrderSummarySection = ({ order }) => {
-  const { t } = useTranslation16();
-  const navigate = useNavigate6();
-  const prompt = usePrompt4();
+import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs19 } from "react/jsx-runtime";
+var OrderSummarySection = ({
+  order,
+  plugins
+}) => {
+  const { t } = useTranslation18();
+  const prompt = usePrompt5();
   const { reservations } = useReservationItems(
     {
-      line_item_id: order?.items?.map((i) => i.id)
+      line_item_id: order?.items?.map((i) => i.id),
+      limit: getReservationsLimitCount(order)
     },
     { enabled: Array.isArray(order?.items) }
   );
@@ -2222,7 +2601,7 @@ var OrderSummarySection = ({ order }) => {
       }
     }
     return false;
-  }, [reservations]);
+  }, [order.items, reservations]);
   const unpaidPaymentCollection = order.payment_collections.find(
     (pc) => pc.status === "not_paid"
   );
@@ -2236,7 +2615,7 @@ var OrderSummarySection = ({ order }) => {
     order.currency_code
   );
   const showPayment = unpaidPaymentCollection && pendingDifference > 0 && isAmountSignificant;
-  const showRefund = unpaidPaymentCollection && pendingDifference < 0 && isAmountSignificant;
+  const showRefund = pendingDifference < 0 && isAmountSignificant;
   const handleMarkAsPaid = async (paymentCollection) => {
     const res = await prompt({
       title: t("orders.payment.markAsPaid"),
@@ -2257,7 +2636,7 @@ var OrderSummarySection = ({ order }) => {
       { order_id: order.id },
       {
         onSuccess: () => {
-          toast7.success(
+          toast10.success(
             t("orders.payment.markAsPaidPaymentSuccess", {
               amount: formatCurrency(
                 paymentCollection.amount,
@@ -2267,24 +2646,25 @@ var OrderSummarySection = ({ order }) => {
           );
         },
         onError: (error) => {
-          toast7.error(error.message);
+          toast10.error(error.message);
         }
       }
     );
   };
-  return /* @__PURE__ */ jsxs17(Container9, { className: "divide-y divide-dashed p-0", children: [
-    /* @__PURE__ */ jsx16(Header2, { order, orderPreview }),
-    /* @__PURE__ */ jsx16(ItemBreakdown, { order, reservations }),
-    /* @__PURE__ */ jsx16(CostBreakdown, { order }),
-    /* @__PURE__ */ jsx16(Total, { order }),
-    (showAllocateButton || showReturns || showPayment || showRefund) && /* @__PURE__ */ jsxs17("div", { className: "bg-ui-bg-subtle flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", children: [
-      showReturns && (receivableReturns.length === 1 ? /* @__PURE__ */ jsx16(Button8, { asChild: true, variant: "secondary", size: "small", children: /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs19(Container10, { className: "divide-y divide-dashed p-0", children: [
+    /* @__PURE__ */ jsx18(Header3, { order, orderPreview }),
+    /* @__PURE__ */ jsx18(ItemBreakdown, { order, reservations }),
+    /* @__PURE__ */ jsx18(CostBreakdown, { order }),
+    /* @__PURE__ */ jsx18(DiscountAndTotalBreakdown, { order, plugins }),
+    /* @__PURE__ */ jsx18(Total2, { order }),
+    (showAllocateButton || showReturns || showPayment || showRefund) && /* @__PURE__ */ jsxs19("div", { className: "bg-ui-bg-subtle flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", children: [
+      showReturns && (receivableReturns.length === 1 ? /* @__PURE__ */ jsx18(Button9, { asChild: true, variant: "secondary", size: "small", children: /* @__PURE__ */ jsx18(
         Link3,
         {
           to: `/orders/${order.id}/returns/${receivableReturns[0].id}/receive`,
           children: t("orders.returns.receive.action")
         }
-      ) }) : /* @__PURE__ */ jsx16(
+      ) }) : /* @__PURE__ */ jsx18(
         ActionMenu,
         {
           groups: [
@@ -2305,25 +2685,25 @@ var OrderSummarySection = ({ order }) => {
                     id: `#${id.slice(-7)}`,
                     returnType
                   }),
-                  icon: /* @__PURE__ */ jsx16(ArrowLongRight, {}),
+                  icon: /* @__PURE__ */ jsx18(ArrowLongRight, {}),
                   to: `/orders/${order.id}/returns/${r.id}/receive`
                 };
               })
             }
           ],
-          children: /* @__PURE__ */ jsx16(Button8, { variant: "secondary", size: "small", children: t("orders.returns.receive.action") })
+          children: /* @__PURE__ */ jsx18(Button9, { variant: "secondary", size: "small", children: t("orders.returns.receive.action") })
         }
       )),
-      showAllocateButton && /* @__PURE__ */ jsx16(Button8, { asChild: true, variant: "secondary", size: "small", children: /* @__PURE__ */ jsx16(Link3, { to: "allocate-items", children: t("orders.allocateItems.action") }) }),
-      showPayment && /* @__PURE__ */ jsx16(
+      showAllocateButton && /* @__PURE__ */ jsx18(Button9, { asChild: true, variant: "secondary", size: "small", children: /* @__PURE__ */ jsx18(Link3, { to: "allocate-items", children: t("orders.allocateItems.action") }) }),
+      showPayment && /* @__PURE__ */ jsx18(
         CopyPaymentLink,
         {
           paymentCollection: unpaidPaymentCollection,
           order
         }
       ),
-      showPayment && /* @__PURE__ */ jsx16(
-        Button8,
+      showPayment && /* @__PURE__ */ jsx18(
+        Button9,
         {
           size: "small",
           variant: "secondary",
@@ -2331,7 +2711,7 @@ var OrderSummarySection = ({ order }) => {
           children: t("orders.payment.markAsPaid")
         }
       ),
-      showRefund && /* @__PURE__ */ jsx16(Button8, { size: "small", variant: "secondary", asChild: true, children: /* @__PURE__ */ jsx16(Link3, { to: `/orders/${order.id}/refund`, children: t("orders.payment.refundAmount", {
+      showRefund && /* @__PURE__ */ jsx18(Button9, { size: "small", variant: "secondary", asChild: true, children: /* @__PURE__ */ jsx18(Link3, { to: `/orders/${order.id}/refund`, children: t("orders.payment.refundAmount", {
         amount: getStylizedAmount(
           pendingDifference * -1,
           order?.currency_code
@@ -2340,19 +2720,19 @@ var OrderSummarySection = ({ order }) => {
     ] })
   ] });
 };
-var Header2 = ({
+var Header3 = ({
   order,
   orderPreview
 }) => {
-  const { t } = useTranslation16();
+  const { t } = useTranslation18();
   const shouldDisableReturn = order.items.every(
     (i) => !(getReturnableQuantity(i) > 0)
   );
   const isOrderEditActive = orderPreview?.order_change?.change_type === "edit";
   const isOrderEditPending = orderPreview?.order_change?.change_type === "edit" && orderPreview?.order_change?.status === "pending";
-  return /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between px-6 py-4", children: [
-    /* @__PURE__ */ jsx16(Heading9, { level: "h2", children: t("fields.summary") }),
-    /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between px-6 py-4", children: [
+    /* @__PURE__ */ jsx18(Heading10, { level: "h2", children: t("fields.summary") }),
+    /* @__PURE__ */ jsx18(
       ActionMenu,
       {
         groups: [
@@ -2363,7 +2743,7 @@ var Header2 = ({
                   isOrderEditPending ? "orders.summary.editOrderContinue" : "orders.summary.editOrder"
                 ),
                 to: `/orders/${order.id}/edits`,
-                icon: /* @__PURE__ */ jsx16(PencilSquare, {}),
+                icon: /* @__PURE__ */ jsx18(PencilSquare, {}),
                 disabled: order.status === "canceled" || orderPreview?.order_change && orderPreview?.order_change?.change_type !== "edit" || orderPreview?.order_change?.change_type === "edit" && orderPreview?.order_change?.status === "requested"
               }
             ]
@@ -2373,19 +2753,19 @@ var Header2 = ({
               {
                 label: t("orders.returns.create"),
                 to: `/orders/${order.id}/returns`,
-                icon: /* @__PURE__ */ jsx16(ArrowUturnLeft2, {}),
+                icon: /* @__PURE__ */ jsx18(ArrowUturnLeft2, {}),
                 disabled: shouldDisableReturn || isOrderEditActive || !!orderPreview?.order_change?.exchange_id || !!orderPreview?.order_change?.claim_id
               },
               {
                 label: orderPreview?.order_change?.id && orderPreview?.order_change?.exchange_id ? t("orders.exchanges.manage") : t("orders.exchanges.create"),
                 to: `/orders/${order.id}/exchanges`,
-                icon: /* @__PURE__ */ jsx16(ArrowPath3, {}),
+                icon: /* @__PURE__ */ jsx18(ArrowPath3, {}),
                 disabled: shouldDisableReturn || isOrderEditActive || !!orderPreview?.order_change?.return_id && !orderPreview?.order_change?.exchange_id || !!orderPreview?.order_change?.claim_id
               },
               {
                 label: orderPreview?.order_change?.id && orderPreview?.order_change?.claim_id ? t("orders.claims.manage") : t("orders.claims.create"),
                 to: `/orders/${order.id}/claims`,
-                icon: /* @__PURE__ */ jsx16(ExclamationCircle2, {}),
+                icon: /* @__PURE__ */ jsx18(ExclamationCircle2, {}),
                 disabled: shouldDisableReturn || isOrderEditActive || !!orderPreview?.order_change?.return_id && !orderPreview?.order_change?.claim_id || !!orderPreview?.order_change?.exchange_id
               }
             ]
@@ -2403,45 +2783,36 @@ var Item = ({
   claims,
   exchanges
 }) => {
-  const { t } = useTranslation16();
+  const { t } = useTranslation18();
   const isInventoryManaged = item.variant?.manage_inventory;
-  const hasInventoryKit = isInventoryManaged && (item.variant?.inventory_items?.length || 0) > 1;
+  const hasInventoryKit = isInventoryManaged && ((item.variant?.inventory_items?.length || 0) > 1 || item.variant?.inventory_items?.some((i) => i.required_quantity > 1));
   const hasUnfulfilledItems = item.quantity - item.detail.fulfilled_quantity > 0;
-  return /* @__PURE__ */ jsxs17(Fragment3, { children: [
-    /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs19(Fragment3, { children: [
+    /* @__PURE__ */ jsxs19(
       "div",
       {
         className: "text-ui-fg-subtle grid grid-cols-2 items-center gap-x-4 px-6 py-4",
         children: [
-          /* @__PURE__ */ jsxs17("div", { className: "flex items-start gap-x-4", children: [
-            /* @__PURE__ */ jsx16(Thumbnail, { src: item.thumbnail }),
-            /* @__PURE__ */ jsxs17("div", { children: [
-              /* @__PURE__ */ jsx16(
-                Text11,
-                {
-                  size: "small",
-                  leading: "compact",
-                  weight: "plus",
-                  className: "text-ui-fg-base",
-                  children: item.title
-                }
-              ),
-              item.variant_sku && /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-x-1", children: [
-                /* @__PURE__ */ jsx16(Text11, { size: "small", children: item.variant_sku }),
-                /* @__PURE__ */ jsx16(Copy5, { content: item.variant_sku, className: "text-ui-fg-muted" })
+          /* @__PURE__ */ jsxs19("div", { className: "flex items-start gap-x-4", children: [
+            /* @__PURE__ */ jsx18(Thumbnail, { src: item.thumbnail }),
+            /* @__PURE__ */ jsxs19("div", { children: [
+              /* @__PURE__ */ jsx18(Text12, { size: "small", leading: "compact", className: "text-ui-fg-base", children: item.title }),
+              item.variant_sku && /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-x-1", children: [
+                /* @__PURE__ */ jsx18(Text12, { size: "small", children: item.variant_sku }),
+                /* @__PURE__ */ jsx18(Copy5, { content: item.variant_sku, className: "text-ui-fg-muted" })
               ] }),
-              /* @__PURE__ */ jsx16(Text11, { size: "small", children: item.variant?.options?.map((o) => o.value).join(" \xB7 ") })
+              /* @__PURE__ */ jsx18(Text12, { size: "small", children: item.variant?.options?.map((o) => o.value).join(" \xB7 ") })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs17("div", { className: "grid grid-cols-3 items-center gap-x-4", children: [
-            /* @__PURE__ */ jsx16("div", { className: "flex items-center justify-end gap-x-4", children: /* @__PURE__ */ jsx16(Text11, { size: "small", children: getLocaleAmount(item.unit_price, currencyCode) }) }),
-            /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-x-2", children: [
-              /* @__PURE__ */ jsx16("div", { className: "w-fit min-w-[27px]", children: /* @__PURE__ */ jsxs17(Text11, { size: "small", children: [
-                /* @__PURE__ */ jsx16("span", { className: "tabular-nums", children: item.quantity }),
+          /* @__PURE__ */ jsxs19("div", { className: "grid grid-cols-3 items-center gap-x-4", children: [
+            /* @__PURE__ */ jsx18("div", { className: "flex items-center justify-end gap-x-4", children: /* @__PURE__ */ jsx18(Text12, { size: "small", children: getLocaleAmount(item.unit_price, currencyCode) }) }),
+            /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-x-2", children: [
+              /* @__PURE__ */ jsx18("div", { className: "w-fit min-w-[27px]", children: /* @__PURE__ */ jsxs19(Text12, { size: "small", children: [
+                /* @__PURE__ */ jsx18("span", { className: "tabular-nums", children: item.quantity }),
                 "x"
               ] }) }),
-              /* @__PURE__ */ jsx16("div", { className: "overflow-visible", children: isInventoryManaged && hasUnfulfilledItems && /* @__PURE__ */ jsx16(
-                StatusBadge3,
+              /* @__PURE__ */ jsx18("div", { className: "overflow-visible", children: isInventoryManaged && hasUnfulfilledItems && /* @__PURE__ */ jsx18(
+                StatusBadge4,
                 {
                   color: reservation ? "green" : "orange",
                   className: "text-nowrap",
@@ -2449,16 +2820,16 @@ var Item = ({
                 }
               ) })
             ] }),
-            /* @__PURE__ */ jsx16("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsx16(Text11, { size: "small", className: "pt-[1px]", children: getLocaleAmount(item.subtotal || 0, currencyCode) }) })
+            /* @__PURE__ */ jsx18("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsx18(Text12, { size: "small", className: "pt-[1px]", children: getLocaleAmount(item.subtotal || 0, currencyCode) }) })
           ] })
         ]
       },
       item.id
     ),
-    hasInventoryKit && /* @__PURE__ */ jsx16(InventoryKitBreakdown, { item }),
-    returns.map((r) => /* @__PURE__ */ jsx16(ReturnBreakdown, { orderReturn: r, itemId: item.id }, r.id)),
-    claims.map((claim) => /* @__PURE__ */ jsx16(ClaimBreakdown, { claim, itemId: item.id }, claim.id)),
-    exchanges.map((exchange) => /* @__PURE__ */ jsx16(
+    hasInventoryKit && /* @__PURE__ */ jsx18(InventoryKitBreakdown, { item }),
+    returns.map((r) => /* @__PURE__ */ jsx18(ReturnBreakdown, { orderReturn: r, itemId: item.id }, r.id)),
+    claims.map((claim) => /* @__PURE__ */ jsx18(ClaimBreakdown, { claim, itemId: item.id }, claim.id)),
+    exchanges.map((exchange) => /* @__PURE__ */ jsx18(
       ExchangeBreakdown,
       {
         exchange,
@@ -2488,9 +2859,9 @@ var ItemBreakdown = ({
     () => new Map((reservations || []).map((r) => [r.line_item_id, r])),
     [reservations]
   );
-  return /* @__PURE__ */ jsx16("div", { children: order.items?.map((item) => {
+  return /* @__PURE__ */ jsx18("div", { children: order.items?.map((item) => {
     const reservation = reservationsMap.get(item.id);
-    return /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx18(
       Item,
       {
         item,
@@ -2509,70 +2880,65 @@ var Cost = ({
   value,
   secondaryValue,
   tooltip
-}) => /* @__PURE__ */ jsxs17("div", { className: "grid grid-cols-3 items-center", children: [
-  /* @__PURE__ */ jsxs17(Text11, { size: "small", leading: "compact", children: [
+}) => /* @__PURE__ */ jsxs19("div", { className: "grid grid-cols-3 items-center", children: [
+  /* @__PURE__ */ jsxs19(Text12, { size: "small", leading: "compact", children: [
     label,
     " ",
     tooltip
   ] }),
-  /* @__PURE__ */ jsx16("div", { className: "text-right", children: /* @__PURE__ */ jsx16(Text11, { size: "small", leading: "compact", children: secondaryValue }) }),
-  /* @__PURE__ */ jsx16("div", { className: "text-right", children: /* @__PURE__ */ jsx16(Text11, { size: "small", leading: "compact", children: value }) })
+  /* @__PURE__ */ jsx18("div", { className: "text-right", children: /* @__PURE__ */ jsx18(Text12, { size: "small", leading: "compact", children: secondaryValue }) }),
+  /* @__PURE__ */ jsx18("div", { className: "text-right", children: /* @__PURE__ */ jsx18(Text12, { size: "small", leading: "compact", children: value }) })
 ] });
 var CostBreakdown = ({
   order
 }) => {
-  const { t } = useTranslation16();
-  const [isTaxOpen, setIsTaxOpen] = useState6(false);
-  const [isShippingOpen, setIsShippingOpen] = useState6(false);
-  const discountCodes = useMemo3(() => {
-    const codes = /* @__PURE__ */ new Set();
-    order.items.forEach(
-      (item) => item.adjustments?.forEach((adj) => {
-        codes.add(adj.code);
-      })
-    );
-    return Array.from(codes).sort();
-  }, [order]);
+  const { t } = useTranslation18();
+  const [isTaxOpen, setIsTaxOpen] = useState7(false);
+  const [isShippingOpen, setIsShippingOpen] = useState7(false);
   const taxCodes = useMemo3(() => {
     const taxCodeMap = {};
     order.items.forEach((item) => {
       item.tax_lines?.forEach((line) => {
-        taxCodeMap[line.code] = (taxCodeMap[line.code] || 0) + line.total;
+        const currTotal = line.subtotal || 0;
+        const prevTotal = taxCodeMap[line.code]?.total || 0;
+        taxCodeMap[line.code] = {
+          total: prevTotal + currTotal,
+          rate: line.rate
+        };
       });
     });
     order.shipping_methods.forEach((sm) => {
       sm.tax_lines?.forEach((line) => {
-        taxCodeMap[line.code] = (taxCodeMap[line.code] || 0) + line.total;
+        const currTotal = line.subtotal || 0;
+        const prevTotal = taxCodeMap[line.code]?.total || 0;
+        taxCodeMap[line.code] = {
+          total: prevTotal + currTotal,
+          rate: line.rate
+        };
       });
     });
     return taxCodeMap;
   }, [order]);
-  const automaticTaxesOn = !!order.region?.automatic_taxes;
-  const hasTaxLines = !!Object.keys(taxCodes).length;
-  const discountTotal = automaticTaxesOn ? order.discount_total : order.discount_subtotal;
-  return /* @__PURE__ */ jsxs17("div", { className: "text-ui-fg-subtle flex flex-col gap-y-2 px-6 py-4", children: [
-    /* @__PURE__ */ jsx16(
+  const hasTaxes = !!Object.keys(taxCodes).length;
+  return /* @__PURE__ */ jsxs19("div", { className: "text-ui-fg-subtle flex flex-col gap-y-2 px-6 py-4", children: [
+    /* @__PURE__ */ jsx18(
       Cost,
       {
-        label: t(
-          automaticTaxesOn ? "orders.summary.itemTotal" : "orders.summary.itemSubtotal"
-        ),
-        value: getLocaleAmount(order.item_total, order.currency_code)
+        label: t("orders.summary.itemSubtotal"),
+        value: getLocaleAmount(order.item_subtotal, order.currency_code)
       }
     ),
-    /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx18(
       Cost,
       {
-        label: /* @__PURE__ */ jsxs17(
+        label: /* @__PURE__ */ jsxs19(
           "div",
           {
             onClick: () => setIsShippingOpen((o) => !o),
             className: "flex cursor-pointer items-center gap-1",
             children: [
-              /* @__PURE__ */ jsx16("span", { children: t(
-                automaticTaxesOn ? "orders.summary.shippingTotal" : "orders.summary.shippingSubtotal"
-              ) }),
-              /* @__PURE__ */ jsx16(
+              /* @__PURE__ */ jsx18("span", { children: t("orders.summary.shippingSubtotal") }),
+              /* @__PURE__ */ jsx18(
                 TriangleDownMini,
                 {
                   style: {
@@ -2583,60 +2949,42 @@ var CostBreakdown = ({
             ]
           }
         ),
-        value: getLocaleAmount(
-          automaticTaxesOn ? order.shipping_total : order.shipping_subtotal,
-          order.currency_code
-        )
+        value: getLocaleAmount(order.shipping_subtotal, order.currency_code)
       }
     ),
-    isShippingOpen && /* @__PURE__ */ jsx16("div", { className: "flex flex-col gap-1 pl-5", children: (order.shipping_methods || []).sort(
+    isShippingOpen && /* @__PURE__ */ jsx18("div", { className: "flex flex-col gap-1 pl-5", children: (order.shipping_methods || []).sort(
       (m1, m2) => m1.created_at.localeCompare(m2.created_at)
     ).map((sm, i) => {
-      return /* @__PURE__ */ jsxs17(
+      return /* @__PURE__ */ jsxs19(
         "div",
         {
           className: "flex items-center justify-between gap-x-2",
           children: [
-            /* @__PURE__ */ jsx16("div", { children: /* @__PURE__ */ jsxs17("span", { className: "txt-small text-ui-fg-subtle font-medium", children: [
+            /* @__PURE__ */ jsx18("div", { children: /* @__PURE__ */ jsxs19("span", { className: "txt-small", children: [
               sm.name,
               sm.detail.return_id && ` (${t("fields.returnShipping")})`,
               " ",
-              /* @__PURE__ */ jsx16(shipping_info_popover_default, { shippingMethod: sm }, i)
+              /* @__PURE__ */ jsx18(shipping_info_popover_default, { shippingMethod: sm }, i)
             ] }) }),
-            /* @__PURE__ */ jsx16("div", { className: "relative flex-1", children: /* @__PURE__ */ jsx16("div", { className: "bottom-[calc(50% - 2px)] absolute h-[1px] w-full border-b border-dashed" }) }),
-            /* @__PURE__ */ jsx16("span", { className: "txt-small text-ui-fg-muted", children: getLocaleAmount(
-              automaticTaxesOn ? sm.total : sm.subtotal,
-              order.currency_code
-            ) })
+            /* @__PURE__ */ jsx18("div", { className: "relative flex-1", children: /* @__PURE__ */ jsx18("div", { className: "bottom-[calc(50% - 2px)] absolute h-[1px] w-full border-b border-dashed" }) }),
+            /* @__PURE__ */ jsx18("span", { className: "txt-small text-ui-fg-muted", children: getLocaleAmount(sm.subtotal, order.currency_code) })
           ]
         },
         sm.id
       );
     }) }),
-    /* @__PURE__ */ jsx16(
-      Cost,
-      {
-        label: t(
-          automaticTaxesOn ? "orders.summary.discountTotal" : "orders.summary.discountSubtotal"
-        ),
-        secondaryValue: discountCodes.join(", "),
-        value: discountTotal > 0 ? `- ${getLocaleAmount(discountTotal, order.currency_code)}` : "-"
-      }
-    ),
-    /* @__PURE__ */ jsxs17(Fragment3, { children: [
-      /* @__PURE__ */ jsxs17("div", { className: "flex justify-between", children: [
-        /* @__PURE__ */ jsxs17(
+    /* @__PURE__ */ jsxs19(Fragment3, { children: [
+      /* @__PURE__ */ jsxs19("div", { className: "flex justify-between", children: [
+        /* @__PURE__ */ jsxs19(
           "div",
           {
-            onClick: () => hasTaxLines && setIsTaxOpen((o) => !o),
-            className: clx2("flex items-center gap-1", {
-              "cursor-pointer": hasTaxLines
+            onClick: () => hasTaxes && setIsTaxOpen((o) => !o),
+            className: clx3("flex items-center gap-1", {
+              "cursor-pointer": hasTaxes
             }),
             children: [
-              /* @__PURE__ */ jsx16("span", { className: "txt-small select-none", children: t(
-                automaticTaxesOn ? "orders.summary.taxTotalIncl" : "orders.summary.taxTotal"
-              ) }),
-              hasTaxLines && /* @__PURE__ */ jsx16(
+              /* @__PURE__ */ jsx18("span", { className: "txt-small select-none", children: t("orders.summary.taxTotal") }),
+              hasTaxes && /* @__PURE__ */ jsx18(
                 TriangleDownMini,
                 {
                   style: {
@@ -2647,37 +2995,227 @@ var CostBreakdown = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx16("div", { className: "text-right", children: /* @__PURE__ */ jsx16(Text11, { size: "small", leading: "compact", children: getLocaleAmount(order.tax_total, order.currency_code) }) })
+        /* @__PURE__ */ jsx18("div", { className: "text-right", children: /* @__PURE__ */ jsx18(Text12, { size: "small", leading: "compact", children: getLocaleAmount(order.original_tax_total, order.currency_code) }) })
       ] }),
-      isTaxOpen && /* @__PURE__ */ jsx16("div", { className: "flex flex-col gap-1 pl-5", children: Object.entries(taxCodes).map(([code, total]) => {
-        return /* @__PURE__ */ jsxs17(
+      isTaxOpen && /* @__PURE__ */ jsx18("div", { className: "flex flex-col gap-1 pl-5", children: Object.entries(taxCodes).map(([code, { total, rate }]) => {
+        return /* @__PURE__ */ jsxs19(
           "div",
           {
             className: "flex items-center justify-between gap-x-2",
             children: [
-              /* @__PURE__ */ jsx16("div", { children: /* @__PURE__ */ jsx16("span", { className: "txt-small text-ui-fg-subtle font-medium", children: code }) }),
-              /* @__PURE__ */ jsx16("div", { className: "relative flex-1", children: /* @__PURE__ */ jsx16("div", { className: "bottom-[calc(50% - 2px)] absolute h-[1px] w-full border-b border-dashed" }) }),
-              /* @__PURE__ */ jsx16("span", { className: "txt-small text-ui-fg-muted", children: getLocaleAmount(total, order.currency_code) })
+              /* @__PURE__ */ jsxs19("div", { className: "flex gap-1", children: [
+                /* @__PURE__ */ jsx18("span", { className: "txt-small", children: code }),
+                /* @__PURE__ */ jsxs19("span", { className: "txt-small", children: [
+                  "(",
+                  formatPercentage(rate),
+                  ")"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx18("div", { className: "relative flex-1", children: /* @__PURE__ */ jsx18("div", { className: "bottom-[calc(50% - 2px)] absolute h-[1px] w-full border-b border-dashed" }) }),
+              /* @__PURE__ */ jsx18("span", { className: "txt-small text-ui-fg-muted", children: getLocaleAmount(total, order.currency_code) })
             ]
           },
           code
         );
       }) })
+    ] }),
+    /* @__PURE__ */ jsxs19("div", { className: "text-ui-fg-base flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx18(Text12, { className: "text-ui-fg-subtle", size: "small", leading: "compact", children: t("fields.total") }),
+      /* @__PURE__ */ jsx18(
+        Text12,
+        {
+          className: "text-ui-fg-subtle text-bold",
+          size: "small",
+          leading: "compact",
+          children: getLocaleAmount(order.original_total, order.currency_code)
+        }
+      )
+    ] })
+  ] });
+};
+var DiscountAndTotalBreakdown = ({
+  order,
+  plugins
+}) => {
+  const { t } = useTranslation18();
+  const [isDiscountOpen, setIsDiscountOpen] = useState7(false);
+  const [isCreditLinesOpen, setIsCreditLinesOpen] = useState7(false);
+  const creditLines = order.credit_lines ?? [];
+  const loyaltyPlugin = getLoyaltyPlugin(plugins);
+  const discounts = useMemo3(() => {
+    const discounts2 = [];
+    if (order.item_discount_total) {
+      discounts2.push({
+        type: "item",
+        total: order.item_discount_total,
+        codes: Array.from(
+          new Set(
+            order.items.flatMap((item) => item.adjustments || []).map((adjustment) => adjustment.code)
+          )
+        ).sort()
+      });
+    }
+    if (order.shipping_discount_total) {
+      discounts2.push({
+        type: "shipping",
+        total: order.shipping_discount_total,
+        codes: Array.from(
+          new Set(
+            order.shipping_methods.flatMap((shippingMethod) => shippingMethod.adjustments || []).map((adjustment) => adjustment.code)
+          )
+        ).sort()
+      });
+    }
+    return discounts2;
+  }, [order]);
+  const hasDiscount = discounts.length > 0;
+  const hasCreditLines = creditLines.length > 0;
+  return /* @__PURE__ */ jsxs19("div", { className: "text-ui-fg-subtle flex flex-col gap-y-2 px-6 py-4", children: [
+    /* @__PURE__ */ jsx18(
+      Cost,
+      {
+        label: /* @__PURE__ */ jsxs19(
+          "div",
+          {
+            onClick: () => hasDiscount && setIsDiscountOpen((o) => !o),
+            className: clx3("flex items-center gap-1", {
+              "cursor-pointer": hasDiscount
+            }),
+            children: [
+              /* @__PURE__ */ jsx18("span", { children: t("orders.summary.discountTotal") }),
+              hasDiscount && /* @__PURE__ */ jsx18(
+                TriangleDownMini,
+                {
+                  style: {
+                    transform: `rotate(${isDiscountOpen ? 0 : -90}deg)`
+                  }
+                }
+              )
+            ]
+          }
+        ),
+        value: getLocaleAmount(order.discount_total, order.currency_code)
+      }
+    ),
+    isDiscountOpen && /* @__PURE__ */ jsx18("div", { className: "flex flex-col gap-1 pl-5", children: discounts.map(({ type, total, codes }) => {
+      return /* @__PURE__ */ jsxs19(
+        "div",
+        {
+          className: "flex items-center justify-between gap-x-2",
+          children: [
+            /* @__PURE__ */ jsxs19("div", { className: "flex gap-1", children: [
+              /* @__PURE__ */ jsx18("span", { className: "txt-small", children: t(`fields.${type}`) }),
+              /* @__PURE__ */ jsxs19("span", { className: "txt-small", children: [
+                "(",
+                codes.join(", "),
+                ")"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx18("div", { className: "relative flex-1", children: /* @__PURE__ */ jsx18("div", { className: "bottom-[calc(50% - 2px)] absolute h-[1px] w-full border-b border-dashed" }) }),
+            /* @__PURE__ */ jsx18("span", { className: "txt-small text-ui-fg-muted", children: getLocaleAmount(total, order.currency_code) })
+          ]
+        },
+        type
+      );
+    }) }),
+    hasCreditLines && /* @__PURE__ */ jsxs19(Fragment3, { children: [
+      /* @__PURE__ */ jsx18(
+        Cost,
+        {
+          label: /* @__PURE__ */ jsxs19(
+            "div",
+            {
+              onClick: () => setIsCreditLinesOpen((o) => !o),
+              className: "flex cursor-pointer items-center gap-1",
+              children: [
+                /* @__PURE__ */ jsx18("span", { children: loyaltyPlugin ? t("orders.giftCardsStoreCreditLines") : t("orders.creditLines.title") }),
+                /* @__PURE__ */ jsx18(
+                  TriangleDownMini,
+                  {
+                    style: {
+                      transform: `rotate(${isCreditLinesOpen ? 0 : -90}deg)`
+                    }
+                  }
+                )
+              ]
+            }
+          ),
+          value: getLocaleAmount(
+            order.credit_line_total,
+            order.currency_code
+          )
+        }
+      ),
+      isCreditLinesOpen && /* @__PURE__ */ jsx18("div", { className: "flex flex-col gap-1 pl-5", children: creditLines.map((creditLine) => {
+        const prettyReference = creditLine.reference?.split("_").join(" ").split("-").join(" ");
+        return /* @__PURE__ */ jsxs19(
+          "div",
+          {
+            className: "flex items-center justify-between gap-x-2",
+            children: [
+              /* @__PURE__ */ jsxs19("div", { className: "flex items-center", children: [
+                /* @__PURE__ */ jsx18(
+                  Text12,
+                  {
+                    size: "small",
+                    leading: "compact",
+                    weight: "plus",
+                    className: "txt-small text-ui-fg-subtle font-medium",
+                    children: /* @__PURE__ */ jsx18(display_id_default, { id: creditLine.id })
+                  }
+                ),
+                /* @__PURE__ */ jsx18("span", { className: "txt-small text-ui-fg-subtle mx-1", children: "-" }),
+                /* @__PURE__ */ jsxs19(
+                  Text12,
+                  {
+                    size: "small",
+                    leading: "compact",
+                    className: "txt-small text-ui-fg-subtle capitalize",
+                    children: [
+                      "(",
+                      prettyReference,
+                      ")"
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx18("div", { className: "relative flex-1", children: /* @__PURE__ */ jsx18("div", { className: "bottom-[calc(50% - 2px)] absolute h-[1px] w-full border-b border-dashed" }) }),
+              /* @__PURE__ */ jsx18("span", { className: "txt-small text-ui-fg-muted", children: getLocaleAmount(
+                creditLine.amount,
+                order.currency_code
+              ) })
+            ]
+          },
+          creditLine.id
+        );
+      }) })
+    ] }),
+    /* @__PURE__ */ jsxs19("div", { className: "text-ui-fg-base flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx18(Text12, { className: "text-ui-fg-subtle", size: "small", leading: "compact", children: t("orders.summary.totalAfterDiscount") }),
+      /* @__PURE__ */ jsx18(
+        Text12,
+        {
+          className: "text-ui-fg-subtle text-bold",
+          size: "small",
+          leading: "compact",
+          children: getLocaleAmount(order.total, order.currency_code)
+        }
+      )
     ] })
   ] });
 };
 var InventoryKitBreakdown = ({ item }) => {
-  const { t } = useTranslation16();
-  const [isOpen, setIsOpen] = useState6(false);
+  const { t } = useTranslation18();
+  const [isOpen, setIsOpen] = useState7(false);
   const inventory = item.variant?.inventory_items || [];
-  return /* @__PURE__ */ jsxs17(Fragment3, { children: [
-    /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs19(Fragment3, { children: [
+    /* @__PURE__ */ jsxs19(
       "div",
       {
         onClick: () => setIsOpen((o) => !o),
         className: "flex cursor-pointer items-center gap-2 border-t border-dashed px-6 py-4",
         children: [
-          /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsx18(
             TriangleDownMini,
             {
               style: {
@@ -2685,26 +3223,26 @@ var InventoryKitBreakdown = ({ item }) => {
               }
             }
           ),
-          /* @__PURE__ */ jsx16("span", { className: "text-ui-fg-muted txt-small select-none", children: t("orders.summary.inventoryKit", { count: inventory.length }) })
+          /* @__PURE__ */ jsx18("span", { className: "text-ui-fg-muted txt-small select-none", children: t("orders.summary.inventoryKit", { count: inventory.length }) })
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ jsx16("div", { className: "flex flex-col gap-1 px-6 pb-4", children: inventory.map((i) => {
-      return /* @__PURE__ */ jsxs17(
+    isOpen && /* @__PURE__ */ jsx18("div", { className: "flex flex-col gap-1 px-6 pb-4", children: inventory.map((i) => {
+      return /* @__PURE__ */ jsxs19(
         "div",
         {
           className: "flex items-center justify-between gap-x-2",
           children: [
-            /* @__PURE__ */ jsx16("div", { children: /* @__PURE__ */ jsxs17("span", { className: "txt-small text-ui-fg-subtle font-medium", children: [
+            /* @__PURE__ */ jsx18("div", { children: /* @__PURE__ */ jsxs19("span", { className: "txt-small text-ui-fg-subtle font-medium", children: [
               i.inventory.title,
-              i.inventory.sku && /* @__PURE__ */ jsxs17("span", { className: "text-ui-fg-subtle font-normal", children: [
+              i.inventory.sku && /* @__PURE__ */ jsxs19("span", { className: "text-ui-fg-subtle font-normal", children: [
                 " ",
                 "\u22C5 ",
                 i.inventory.sku
               ] })
             ] }) }),
-            /* @__PURE__ */ jsx16("div", { className: "relative flex-1", children: /* @__PURE__ */ jsx16("div", { className: "bottom-[calc(50% - 2px)] absolute h-[1px] w-full border-b border-dashed" }) }),
-            /* @__PURE__ */ jsxs17("span", { className: "txt-small text-ui-fg-muted", children: [
+            /* @__PURE__ */ jsx18("div", { className: "relative flex-1", children: /* @__PURE__ */ jsx18("div", { className: "bottom-[calc(50% - 2px)] absolute h-[1px] w-full border-b border-dashed" }) }),
+            /* @__PURE__ */ jsxs19("span", { className: "txt-small text-ui-fg-muted", children: [
               i.required_quantity,
               "x"
             ] })
@@ -2719,22 +3257,22 @@ var ReturnBreakdownWithDamages = ({
   orderReturn,
   itemId
 }) => {
-  const { t } = useTranslation16();
+  const { t } = useTranslation18();
   const item = orderReturn?.items?.find((ri) => ri.item_id === itemId);
   const damagedQuantity = item?.damaged_quantity || 0;
-  return item && /* @__PURE__ */ jsxs17(
+  return item && /* @__PURE__ */ jsxs19(
     "div",
     {
       className: "txt-compact-small-plus text-ui-fg-subtle bg-ui-bg-subtle flex flex-row justify-between gap-y-2 border-t-2 border-dotted px-6 py-4",
       children: [
-        /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx16(ArrowDownRightMini, { className: "text-ui-fg-muted" }),
-          /* @__PURE__ */ jsx16(Text11, { size: "small", children: t(`orders.returns.damagedItemsReturned`, {
+        /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx18(ArrowDownRightMini2, { className: "text-ui-fg-muted" }),
+          /* @__PURE__ */ jsx18(Text12, { size: "small", children: t(`orders.returns.damagedItemsReturned`, {
             quantity: damagedQuantity
           }) }),
-          item?.note && /* @__PURE__ */ jsx16(Tooltip5, { content: item.note, children: /* @__PURE__ */ jsx16(DocumentText, { className: "text-ui-tag-neutral-icon ml-1 inline" }) }),
-          item?.reason && /* @__PURE__ */ jsx16(
-            Badge3,
+          item?.note && /* @__PURE__ */ jsx18(Tooltip7, { content: item.note, children: /* @__PURE__ */ jsx18(DocumentText2, { className: "text-ui-tag-neutral-icon ml-1 inline" }) }),
+          item?.reason && /* @__PURE__ */ jsx18(
+            Badge4,
             {
               size: "2xsmall",
               className: "cursor-default select-none capitalize",
@@ -2743,9 +3281,9 @@ var ReturnBreakdownWithDamages = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs17(Text11, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: [
+        /* @__PURE__ */ jsxs19(Text12, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: [
           t(`orders.returns.damagedItemReceived`),
-          /* @__PURE__ */ jsx16("span", { className: "ml-2", children: /* @__PURE__ */ jsx16(return_info_popover_default, { orderReturn }) })
+          /* @__PURE__ */ jsx18("span", { className: "ml-2", children: /* @__PURE__ */ jsx18(return_info_popover_default, { orderReturn }) })
         ] })
       ]
     },
@@ -2756,7 +3294,7 @@ var ReturnBreakdown = ({
   orderReturn,
   itemId
 }) => {
-  const { t } = useTranslation16();
+  const { t } = useTranslation18();
   const { getRelativeDate } = useDate();
   if (!["requested", "received", "partially_received"].includes(
     orderReturn.status || ""
@@ -2766,30 +3304,30 @@ var ReturnBreakdown = ({
   const isRequested = orderReturn.status === "requested";
   const item = orderReturn?.items?.find((ri) => ri.item_id === itemId);
   const damagedQuantity = item?.damaged_quantity || 0;
-  return item && /* @__PURE__ */ jsxs17(Fragment3, { children: [
-    damagedQuantity > 0 && /* @__PURE__ */ jsx16(
+  return item && /* @__PURE__ */ jsxs19(Fragment3, { children: [
+    damagedQuantity > 0 && /* @__PURE__ */ jsx18(
       ReturnBreakdownWithDamages,
       {
         orderReturn,
         itemId
       }
     ),
-    /* @__PURE__ */ jsxs17(
+    /* @__PURE__ */ jsxs19(
       "div",
       {
         className: "txt-compact-small-plus text-ui-fg-subtle bg-ui-bg-subtle flex flex-row justify-between gap-y-2 border-t-2 border-dotted px-6 py-4",
         children: [
-          /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx16(ArrowDownRightMini, { className: "text-ui-fg-muted" }),
-            /* @__PURE__ */ jsx16(Text11, { size: "small", children: t(
+          /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx18(ArrowDownRightMini2, { className: "text-ui-fg-muted" }),
+            /* @__PURE__ */ jsx18(Text12, { size: "small", children: t(
               `orders.returns.${isRequested ? "returnRequestedInfo" : "returnReceivedInfo"}`,
               {
                 requestedItemsCount: item?.[isRequested ? "quantity" : "received_quantity"]
               }
             ) }),
-            item?.note && /* @__PURE__ */ jsx16(Tooltip5, { content: item.note, children: /* @__PURE__ */ jsx16(DocumentText, { className: "text-ui-tag-neutral-icon ml-1 inline" }) }),
-            item?.reason && /* @__PURE__ */ jsx16(
-              Badge3,
+            item?.note && /* @__PURE__ */ jsx18(Tooltip7, { content: item.note, children: /* @__PURE__ */ jsx18(DocumentText2, { className: "text-ui-tag-neutral-icon ml-1 inline" }) }),
+            item?.reason && /* @__PURE__ */ jsx18(
+              Badge4,
               {
                 size: "2xsmall",
                 className: "cursor-default select-none capitalize",
@@ -2798,13 +3336,13 @@ var ReturnBreakdown = ({
               }
             )
           ] }),
-          orderReturn && isRequested && /* @__PURE__ */ jsxs17(Text11, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: [
+          orderReturn && isRequested && /* @__PURE__ */ jsxs19(Text12, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: [
             getRelativeDate(orderReturn.created_at),
-            /* @__PURE__ */ jsx16("span", { className: "ml-2", children: /* @__PURE__ */ jsx16(return_info_popover_default, { orderReturn }) })
+            /* @__PURE__ */ jsx18("span", { className: "ml-2", children: /* @__PURE__ */ jsx18(return_info_popover_default, { orderReturn }) })
           ] }),
-          orderReturn && !isRequested && /* @__PURE__ */ jsxs17(Text11, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: [
+          orderReturn && !isRequested && /* @__PURE__ */ jsxs19(Text12, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: [
             t(`orders.returns.itemReceived`),
-            /* @__PURE__ */ jsx16("span", { className: "ml-2", children: /* @__PURE__ */ jsx16(return_info_popover_default, { orderReturn }) })
+            /* @__PURE__ */ jsx18("span", { className: "ml-2", children: /* @__PURE__ */ jsx18(return_info_popover_default, { orderReturn }) })
           ] })
         ]
       },
@@ -2816,26 +3354,26 @@ var ClaimBreakdown = ({
   claim,
   itemId
 }) => {
-  const { t } = useTranslation16();
+  const { t } = useTranslation18();
   const { getRelativeDate } = useDate();
   const items = claim.additional_items.filter(
     (item) => item.item?.id === itemId
   );
-  return !!items.length && /* @__PURE__ */ jsxs17(
+  return !!items.length && /* @__PURE__ */ jsxs19(
     "div",
     {
       className: "txt-compact-small-plus text-ui-fg-subtle bg-ui-bg-subtle flex flex-row justify-between gap-y-2 border-b-2 border-t-2 border-dotted px-6 py-4",
       children: [
-        /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx16(ArrowDownRightMini, { className: "text-ui-fg-muted" }),
-          /* @__PURE__ */ jsx16(Text11, { size: "small", children: t(`orders.claims.outboundItemAdded`, {
+        /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx18(ArrowDownRightMini2, { className: "text-ui-fg-muted" }),
+          /* @__PURE__ */ jsx18(Text12, { size: "small", children: t(`orders.claims.outboundItemAdded`, {
             itemsCount: items.reduce(
               (acc, item) => acc = acc + item.quantity,
               0
             )
           }) })
         ] }),
-        /* @__PURE__ */ jsx16(Text11, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: getRelativeDate(claim.created_at) })
+        /* @__PURE__ */ jsx18(Text12, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: getRelativeDate(claim.created_at) })
       ]
     },
     claim.id
@@ -2845,99 +3383,64 @@ var ExchangeBreakdown = ({
   exchange,
   itemId
 }) => {
-  const { t } = useTranslation16();
+  const { t } = useTranslation18();
   const { getRelativeDate } = useDate();
   const items = exchange.additional_items.filter(
     (item) => item?.item?.id === itemId
   );
-  return !!items.length && /* @__PURE__ */ jsxs17(
+  return !!items.length && /* @__PURE__ */ jsxs19(
     "div",
     {
       className: "txt-compact-small-plus text-ui-fg-subtle bg-ui-bg-subtle flex flex-row justify-between gap-y-2 border-b-2 border-t-2 border-dotted px-6 py-4",
       children: [
-        /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx16(ArrowDownRightMini, { className: "text-ui-fg-muted" }),
-          /* @__PURE__ */ jsx16(Text11, { size: "small", children: t(`orders.exchanges.outboundItemAdded`, {
+        /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx18(ArrowDownRightMini2, { className: "text-ui-fg-muted" }),
+          /* @__PURE__ */ jsx18(Text12, { size: "small", children: t(`orders.exchanges.outboundItemAdded`, {
             itemsCount: items.reduce(
               (acc, item) => acc = acc + item.quantity,
               0
             )
           }) })
         ] }),
-        /* @__PURE__ */ jsx16(Text11, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: getRelativeDate(exchange.created_at) })
+        /* @__PURE__ */ jsx18(Text12, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: getRelativeDate(exchange.created_at) })
       ]
     },
     exchange.id
   );
 };
-var Total = ({ order }) => {
-  const { t } = useTranslation16();
-  return /* @__PURE__ */ jsxs17("div", { className: " flex flex-col gap-y-2 px-6 py-4", children: [
-    /* @__PURE__ */ jsxs17("div", { className: "text-ui-fg-base flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx16(
-        Text11,
-        {
-          weight: "plus",
-          className: "text-ui-fg-subtle",
-          size: "small",
-          leading: "compact",
-          children: t("fields.total")
-        }
-      ),
-      /* @__PURE__ */ jsx16(
-        Text11,
-        {
-          weight: "plus",
-          className: "text-ui-fg-subtle",
-          size: "small",
-          leading: "compact",
-          children: getStylizedAmount(order.total, order.currency_code)
-        }
-      )
+var Total2 = ({ order }) => {
+  const { t } = useTranslation18();
+  return /* @__PURE__ */ jsxs19("div", { className: " flex flex-col gap-y-2 px-6 py-4", children: [
+    /* @__PURE__ */ jsxs19("div", { className: "text-ui-fg-base flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx18(Text12, { className: "text-ui-fg-subtle", size: "small", leading: "compact", children: t("fields.paidTotal") }),
+      /* @__PURE__ */ jsx18(Text12, { className: "text-ui-fg-subtle", size: "small", leading: "compact", children: getStylizedAmount(
+        getTotalCaptured(order.payment_collections || []),
+        order.currency_code
+      ) })
     ] }),
-    /* @__PURE__ */ jsxs17("div", { className: "text-ui-fg-base flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx16(
-        Text11,
-        {
-          weight: "plus",
-          className: "text-ui-fg-subtle",
-          size: "small",
-          leading: "compact",
-          children: t("fields.paidTotal")
-        }
-      ),
-      /* @__PURE__ */ jsx16(
-        Text11,
-        {
-          weight: "plus",
-          className: "text-ui-fg-subtle",
-          size: "small",
-          leading: "compact",
-          children: getStylizedAmount(
-            getTotalCaptured(order.payment_collections || []),
-            order.currency_code
-          )
-        }
-      )
+    getTotalCreditLines(order.credit_lines ?? []) > 0 && /* @__PURE__ */ jsxs19("div", { className: "text-ui-fg-base flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx18(Text12, { className: "text-ui-fg-subtle", size: "small", leading: "compact", children: t("fields.creditTotal") }),
+      /* @__PURE__ */ jsx18(Text12, { className: "text-ui-fg-subtle", size: "small", leading: "compact", children: getStylizedAmount(
+        getTotalCreditLines(order.credit_lines ?? []),
+        order.currency_code
+      ) })
     ] }),
-    /* @__PURE__ */ jsxs17("div", { className: "text-ui-fg-base flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx16(
-        Text11,
+    /* @__PURE__ */ jsxs19("div", { className: "text-ui-fg-base flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx18(
+        Text12,
         {
           className: "text-ui-fg-subtle text-semibold",
           size: "small",
           leading: "compact",
-          weight: "plus",
           children: t("orders.returns.outstandingAmount")
         }
       ),
-      /* @__PURE__ */ jsx16(
-        Text11,
+      /* @__PURE__ */ jsx18(
+        Text12,
         {
           className: "text-ui-fg-subtle text-bold",
           size: "small",
           leading: "compact",
-          weight: "plus",
           children: getStylizedAmount(
             order.summary.pending_difference || 0,
             order.currency_code
@@ -2949,11 +3452,12 @@ var Total = ({ order }) => {
 };
 
 // src/routes/orders/order-detail/order-detail.tsx
-import { jsx as jsx17, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs20 } from "react/jsx-runtime";
 var OrderDetail = () => {
   const initialData = useLoaderData();
   const { id } = useParams();
   const { getWidgets } = useExtension();
+  const { plugins = [] } = usePlugins();
   const { order, isLoading, isError, error } = useOrder(
     id,
     {
@@ -2978,12 +3482,12 @@ var OrderDetail = () => {
     id
   );
   if (isLoading || !order || isPreviewLoading) {
-    return /* @__PURE__ */ jsx17(TwoColumnPageSkeleton, { mainSections: 4, sidebarSections: 2, showJSON: true });
+    return /* @__PURE__ */ jsx19(TwoColumnPageSkeleton, { mainSections: 4, sidebarSections: 2, showJSON: true });
   }
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs20(
     TwoColumnPage,
     {
       widgets: {
@@ -2997,19 +3501,19 @@ var OrderDetail = () => {
       showMetadata: true,
       hasOutlet: true,
       children: [
-        /* @__PURE__ */ jsxs18(TwoColumnPage.Main, { children: [
-          /* @__PURE__ */ jsx17(OrderActiveEditSection, { order }),
-          /* @__PURE__ */ jsx17(ActiveOrderClaimSection, { orderPreview }),
-          /* @__PURE__ */ jsx17(ActiveOrderExchangeSection, { orderPreview }),
-          /* @__PURE__ */ jsx17(ActiveOrderReturnSection, { orderPreview }),
-          /* @__PURE__ */ jsx17(OrderGeneralSection, { order }),
-          /* @__PURE__ */ jsx17(OrderSummarySection, { order }),
-          /* @__PURE__ */ jsx17(OrderPaymentSection, { order }),
-          /* @__PURE__ */ jsx17(OrderFulfillmentSection, { order })
+        /* @__PURE__ */ jsxs20(TwoColumnPage.Main, { children: [
+          /* @__PURE__ */ jsx19(OrderActiveEditSection, { order }),
+          /* @__PURE__ */ jsx19(ActiveOrderClaimSection, { orderPreview }),
+          /* @__PURE__ */ jsx19(ActiveOrderExchangeSection, { orderPreview }),
+          /* @__PURE__ */ jsx19(ActiveOrderReturnSection, { orderPreview }),
+          /* @__PURE__ */ jsx19(OrderGeneralSection, { order }),
+          /* @__PURE__ */ jsx19(OrderSummarySection, { order, plugins }),
+          /* @__PURE__ */ jsx19(OrderPaymentSection, { order, plugins }),
+          /* @__PURE__ */ jsx19(OrderFulfillmentSection, { order })
         ] }),
-        /* @__PURE__ */ jsxs18(TwoColumnPage.Sidebar, { children: [
-          /* @__PURE__ */ jsx17(OrderCustomerSection, { order }),
-          /* @__PURE__ */ jsx17(OrderActivitySection, { order })
+        /* @__PURE__ */ jsxs20(TwoColumnPage.Sidebar, { children: [
+          /* @__PURE__ */ jsx19(OrderCustomerSection, { order }),
+          /* @__PURE__ */ jsx19(OrderActivitySection, { order })
         ] })
       ]
     }