@mercurjs/vendor 2.2.0-canary.8 → 2.2.0-rc.0

package/dist/[id]-4HO4S2PX.js

@@ -0,0 +1,3074 @@
+import {
+  useCancelExchangeBegin,
+  useExchanges
+} from "./chunk-CRYZK4NU.js";
+import {
+  useCancelClaimBegin,
+  useClaims
+} from "./chunk-S7NGDLZ3.js";
+import {
+  getReturnableQuantity
+} from "./chunk-UM7ZR3VU.js";
+import {
+  DEFAULT_FIELDS
+} from "./chunk-IMJ62GAP.js";
+import {
+  getReservationsLimitCount
+} from "./chunk-EEBJYXWA.js";
+import {
+  CLAIM_POLICY_DAYS,
+  EXCHANGE_POLICY_DAYS,
+  RETURN_POLICY_DAYS,
+  isOutsidePolicyWindow
+} from "./chunk-VCUUITW6.js";
+import {
+  useCancelReturn,
+  useCancelReturnRequest,
+  useReturns
+} from "./chunk-3TST3EWQ.js";
+import {
+  useCancelOrderEdit,
+  useConfirmOrderEdit
+} from "./chunk-7BFQKYCJ.js";
+import {
+  formatProvider
+} from "./chunk-VW56KWO2.js";
+import "./chunk-BCU3FKP2.js";
+import {
+  getFormattedAddress,
+  isSameAddress
+} from "./chunk-W6Y3PPU5.js";
+import {
+  getCanceledOrderStatus,
+  getOrderFulfillmentStatus,
+  getOrderPaymentStatus
+} from "./chunk-LQSLDDPT.js";
+import {
+  getLocaleAmount,
+  getStylizedAmount,
+  isAmountLessThenRoundingError
+} from "./chunk-3BXCPHN6.js";
+import "./chunk-JRTZWK77.js";
+import "./chunk-IQPN4PZJ.js";
+import {
+  TwoColumnPage
+} from "./chunk-YV6MK4PZ.js";
+import {
+  useDate
+} from "./chunk-LRD242C7.js";
+import {
+  Thumbnail
+} from "./chunk-WIYFXWRI.js";
+import {
+  Skeleton,
+  TwoColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-QHQWEERJ.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-BQHVM46E.js";
+import "./chunk-QIF4QE7T.js";
+import "./chunk-VE6GRIIN.js";
+import "./chunk-7MARNXFG.js";
+import "./chunk-MNHP6YRC.js";
+import "./chunk-NTJ3BMOE.js";
+import "./chunk-5PAUN3PM.js";
+import "./chunk-ZLHCZ5F2.js";
+import "./chunk-GZ4KTAWS.js";
+import "./chunk-PUAWN7SS.js";
+import {
+  useMember
+} from "./chunk-MVEHWM7K.js";
+import {
+  useCustomer
+} from "./chunk-OYUJYPDF.js";
+import "./chunk-O7BGGWW6.js";
+import "./chunk-KIURBTC4.js";
+import "./chunk-3SH24DGG.js";
+import "./chunk-JR7AABT5.js";
+import {
+  useStockLocation
+} from "./chunk-ZQCCVCHB.js";
+import "./chunk-5BQO3YQP.js";
+import "./chunk-EPRYM3FA.js";
+import {
+  ordersQueryKeys,
+  useCancelOrder,
+  useCancelOrderFulfillment,
+  useMarkOrderFulfillmentAsDelivered,
+  useOrder,
+  useOrderChanges,
+  useOrderCommissionLines,
+  useOrderPreview,
+  useReservationItems
+} from "./chunk-6FDPVW7Y.js";
+import "./chunk-JJP6AKMV.js";
+import "./chunk-G6YNCIVF.js";
+import "./chunk-A5DJIOHN.js";
+import {
+  queryClient
+} from "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import {
+  fetchQuery
+} from "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/orders/[id]/loader.tsx
+var orderDetailQuery = (id) => ({
+  queryKey: ordersQueryKeys.detail(id),
+  queryFn: async () => fetchQuery(`/vendor/orders/${id}`, {
+    method: "GET",
+    query: { fields: DEFAULT_FIELDS }
+  })
+});
+var loader = async ({ params }) => {
+  const id = params.id;
+  const query = orderDetailQuery(id);
+  return queryClient.ensureQueryData(query);
+};
+
+// src/pages/orders/[id]/order-detail-page.tsx
+import { Children } from "react";
+import { useLoaderData, useParams } from "react-router-dom";
+
+// src/pages/orders/[id]/_components/active-order-claim-section/active-order-claim-section.tsx
+import { ExclamationCircle } from "@medusajs/icons";
+import { Button, Container, Heading, Text, toast } from "@medusajs/ui";
+import { useNavigate } from "react-router-dom";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var readClaimId = (change) => {
+  if (change && typeof change === "object" && "claim_id" in change && typeof change.claim_id === "string") {
+    return change.claim_id;
+  }
+  return void 0;
+};
+var ActiveOrderClaimSection = ({
+  orderPreview
+}) => {
+  const { t } = useTranslation();
+  const navigate = useNavigate();
+  const claimId = readClaimId(orderPreview?.order_change);
+  const { mutateAsync: cancelClaim } = useCancelClaimBegin(
+    claimId ?? "",
+    orderPreview.id
+  );
+  if (!claimId) {
+    return null;
+  }
+  const onContinueClaim = async () => {
+    navigate(`/orders/${orderPreview.id}/claims/create`);
+  };
+  const onCancelClaim = async () => {
+    await cancelClaim(void 0, {
+      onSuccess: () => {
+        toast.success(t("orders.claims.toast.canceledSuccessfully"));
+      },
+      onError: (error) => {
+        toast.error(error.message);
+      }
+    });
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        background: "repeating-linear-gradient(-45deg, rgb(212, 212, 216, 0.15), rgb(212, 212, 216,.15) 10px, transparent 10px, transparent 20px)"
+      },
+      className: "-m-4 mb-1 border-b border-l p-4",
+      "data-testid": "active-order-claim-section",
+      children: /* @__PURE__ */ jsx(Container, { className: "flex items-center justify-between p-0", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-row justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2 px-6 pt-4", children: [
+            /* @__PURE__ */ jsx(ExclamationCircle, { className: "text-ui-fg-subtle" }),
+            /* @__PURE__ */ jsx(Heading, { level: "h2", children: t("orders.claims.panel.title") })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "gap-2 px-6 pb-4", children: /* @__PURE__ */ jsx(Text, { children: t("orders.claims.panel.description") }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "small",
+              variant: "secondary",
+              onClick: onCancelClaim,
+              "data-testid": "active-order-claim-cancel",
+              children: t("orders.claims.cancel.title")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "small",
+              variant: "secondary",
+              onClick: onContinueClaim,
+              "data-testid": "active-order-claim-continue",
+              children: t("actions.continue")
+            }
+          )
+        ] })
+      ] }) })
+    }
+  );
+};
+
+// src/pages/orders/[id]/_components/active-order-exchange-section/active-order-exchange-section.tsx
+import { ArrowPath } from "@medusajs/icons";
+import { Button as Button2, Container as Container2, Heading as Heading2, Text as Text2, toast as toast2 } from "@medusajs/ui";
+import { useNavigate as useNavigate2 } from "react-router-dom";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var readExchangeId = (change) => {
+  if (change && typeof change === "object" && "exchange_id" in change && typeof change.exchange_id === "string") {
+    return change.exchange_id;
+  }
+  return void 0;
+};
+var ActiveOrderExchangeSection = ({
+  orderPreview
+}) => {
+  const { t } = useTranslation2();
+  const navigate = useNavigate2();
+  const exchangeId = readExchangeId(orderPreview?.order_change);
+  const { mutateAsync: cancelExchange } = useCancelExchangeBegin(
+    exchangeId ?? "",
+    orderPreview.id
+  );
+  if (!exchangeId) {
+    return null;
+  }
+  const onContinueExchange = async () => {
+    navigate(`/orders/${orderPreview.id}/exchanges/create`);
+  };
+  const onCancelExchange = async () => {
+    await cancelExchange(void 0, {
+      onSuccess: () => {
+        toast2.success(t("orders.exchanges.toast.canceledSuccessfully"));
+      },
+      onError: (error) => {
+        toast2.error(error.message);
+      }
+    });
+  };
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      style: {
+        background: "repeating-linear-gradient(-45deg, rgb(212, 212, 216, 0.15), rgb(212, 212, 216,.15) 10px, transparent 10px, transparent 20px)"
+      },
+      className: "-m-4 mb-1 border-b border-l p-4",
+      "data-testid": "active-order-exchange-section",
+      children: /* @__PURE__ */ jsx2(Container2, { className: "flex items-center justify-between p-0", children: /* @__PURE__ */ jsxs2("div", { className: "flex w-full flex-row justify-between", children: [
+        /* @__PURE__ */ jsxs2("div", { children: [
+          /* @__PURE__ */ jsxs2("div", { className: "mb-2 flex items-center gap-2 px-6 pt-4", children: [
+            /* @__PURE__ */ jsx2(ArrowPath, { className: "text-ui-fg-subtle" }),
+            /* @__PURE__ */ jsx2(Heading2, { level: "h2", children: t("orders.exchanges.panel.title") })
+          ] }),
+          /* @__PURE__ */ jsx2("div", { className: "gap-2 px-6 pb-4", children: /* @__PURE__ */ jsx2(Text2, { children: t("orders.exchanges.panel.description") }) })
+        ] }),
+        /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", children: [
+          /* @__PURE__ */ jsx2(
+            Button2,
+            {
+              size: "small",
+              variant: "secondary",
+              onClick: onCancelExchange,
+              "data-testid": "active-order-exchange-cancel",
+              children: t("orders.exchanges.cancel.title")
+            }
+          ),
+          /* @__PURE__ */ jsx2(
+            Button2,
+            {
+              size: "small",
+              variant: "secondary",
+              onClick: onContinueExchange,
+              "data-testid": "active-order-exchange-continue",
+              children: t("actions.continue")
+            }
+          )
+        ] })
+      ] }) })
+    }
+  );
+};
+
+// src/pages/orders/[id]/_components/active-order-return-section/active-order-return-section.tsx
+import { ArrowUturnLeft } from "@medusajs/icons";
+import { Button as Button3, Container as Container3, Heading as Heading3, Text as Text3, toast as toast3 } from "@medusajs/ui";
+import { useNavigate as useNavigate3 } from "react-router-dom";
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var readReturnId = (change) => {
+  if (change && typeof change === "object" && "return_id" in change && typeof change.return_id === "string") {
+    return change.return_id;
+  }
+  return void 0;
+};
+var ActiveOrderReturnSection = ({
+  orderPreview
+}) => {
+  const { t } = useTranslation3();
+  const navigate = useNavigate3();
+  const orderChange = orderPreview?.order_change;
+  const returnId = readReturnId(orderChange);
+  const isReturnRequest = orderChange?.change_type === "return_request" && !!returnId;
+  const { mutateAsync: cancelReturn } = useCancelReturnRequest(
+    returnId ?? "",
+    orderPreview.id
+  );
+  if (!returnId || !isReturnRequest) {
+    return null;
+  }
+  const onContinueReturn = async () => {
+    navigate(`/orders/${orderPreview.id}/returns/create`);
+  };
+  const onCancelReturn = async () => {
+    await cancelReturn(void 0, {
+      onSuccess: () => {
+        toast3.success(t("orders.returns.toast.canceledSuccessfully"));
+      },
+      onError: (error) => {
+        toast3.error(error.message);
+      }
+    });
+  };
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      style: {
+        background: "repeating-linear-gradient(-45deg, rgb(212, 212, 216, 0.15), rgb(212, 212, 216,.15) 10px, transparent 10px, transparent 20px)"
+      },
+      className: "-m-4 mb-1 border-b border-l p-4",
+      "data-testid": "active-order-return-section",
+      children: /* @__PURE__ */ jsx3(Container3, { className: "flex items-center justify-between p-0", children: /* @__PURE__ */ jsxs3("div", { className: "flex w-full flex-row justify-between", children: [
+        /* @__PURE__ */ jsxs3("div", { children: [
+          /* @__PURE__ */ jsxs3("div", { className: "mb-2 flex items-center gap-2 px-6 pt-4", children: [
+            /* @__PURE__ */ jsx3(ArrowUturnLeft, { className: "text-ui-fg-subtle" }),
+            /* @__PURE__ */ jsx3(Heading3, { level: "h2", children: t("orders.returns.panel.title") })
+          ] }),
+          /* @__PURE__ */ jsx3("div", { className: "gap-2 px-6 pb-4", children: /* @__PURE__ */ jsx3(Text3, { children: t("orders.returns.panel.description") }) })
+        ] }),
+        /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", children: [
+          /* @__PURE__ */ jsx3(
+            Button3,
+            {
+              size: "small",
+              variant: "secondary",
+              onClick: onCancelReturn,
+              "data-testid": "active-order-return-cancel",
+              children: t("orders.returns.cancel.title")
+            }
+          ),
+          /* @__PURE__ */ jsx3(
+            Button3,
+            {
+              size: "small",
+              variant: "secondary",
+              onClick: onContinueReturn,
+              "data-testid": "active-order-return-continue",
+              children: t("actions.continue")
+            }
+          )
+        ] })
+      ] }) })
+    }
+  );
+};
+
+// src/pages/orders/[id]/_components/order-active-edit-section/order-active-edit-section.tsx
+import { ExclamationCircleSolid } from "@medusajs/icons";
+import { Button as Button4, Container as Container4, Copy, Heading as Heading4, toast as toast4 } from "@medusajs/ui";
+import { useMemo } from "react";
+import { useTranslation as useTranslation4 } from "react-i18next";
+import { useNavigate as useNavigate4 } from "react-router-dom";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function EditItem({
+  item,
+  quantity
+}) {
+  return /* @__PURE__ */ jsx4("div", { className: "text-ui-fg-subtle items-center gap-x-2", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-x-2", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "w-fit min-w-[27px]", children: [
+      /* @__PURE__ */ jsx4("span", { className: "txt-small tabular-nums", children: quantity }),
+      "x"
+    ] }),
+    /* @__PURE__ */ jsx4(Thumbnail, { src: item.thumbnail ?? void 0 }),
+    /* @__PURE__ */ jsx4("span", { className: "txt-small text-ui-fg-subtle font-medium", children: item.title }),
+    item.variant_sku && " \xB7 ",
+    item.variant_sku && /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-x-1", children: [
+      /* @__PURE__ */ jsx4("span", { className: "txt-small", children: item.variant_sku }),
+      /* @__PURE__ */ jsx4(Copy, { content: item.variant_sku, className: "text-ui-fg-muted" })
+    ] })
+  ] }) });
+}
+var OrderActiveEditSection = ({
+  order
+}) => {
+  const { t } = useTranslation4();
+  const navigate = useNavigate4();
+  const { order: orderPreview } = useOrderPreview(order.id);
+  const { mutateAsync: cancelOrderEdit } = useCancelOrderEdit(order.id);
+  const { mutateAsync: confirmOrderEdit } = useConfirmOrderEdit(order.id);
+  const isPending = orderPreview?.order_change?.status === "pending";
+  const [addedItems, removedItems] = useMemo(() => {
+    const added = [];
+    const removed = [];
+    const originals = order.items ?? [];
+    const previewItems = orderPreview?.items ?? [];
+    const orderLookupMap = new Map(originals.map((i) => [i.id, i]));
+    previewItems.forEach((currentItem) => {
+      const originalItem = orderLookupMap.get(currentItem.id);
+      if (!originalItem) {
+        added.push({ item: currentItem, quantity: currentItem.quantity });
+        return;
+      }
+      if (originalItem.quantity > currentItem.quantity) {
+        removed.push({
+          item: currentItem,
+          quantity: originalItem.quantity - currentItem.quantity
+        });
+      }
+      if (originalItem.quantity < currentItem.quantity) {
+        added.push({
+          item: currentItem,
+          quantity: currentItem.quantity - originalItem.quantity
+        });
+      }
+    });
+    return [added, removed];
+  }, [orderPreview, order.items]);
+  const onConfirmOrderEdit = async () => {
+    try {
+      await confirmOrderEdit();
+      toast4.success(t("orders.edits.toast.confirmedSuccessfully"));
+    } catch (e) {
+      toast4.error(
+        e instanceof Error ? e.message : t("errorBoundary.defaultTitle")
+      );
+    }
+  };
+  const onCancelOrderEdit = async () => {
+    try {
+      await cancelOrderEdit();
+      toast4.success(t("orders.edits.toast.canceledSuccessfully"));
+    } catch (e) {
+      toast4.error(
+        e instanceof Error ? e.message : t("errorBoundary.defaultTitle")
+      );
+    }
+  };
+  const change = orderPreview?.order_change;
+  if (!orderPreview || change?.change_type !== "edit") {
+    return null;
+  }
+  return /* @__PURE__ */ jsx4(
+    "div",
+    {
+      style: {
+        background: "repeating-linear-gradient(-45deg, rgb(212, 212, 216, 0.15), rgb(212, 212, 216,.15) 10px, transparent 10px, transparent 20px)"
+      },
+      className: "-m-4 mb-1 border-b border-l p-4",
+      "data-testid": "order-active-edit-section",
+      children: /* @__PURE__ */ jsx4(Container4, { className: "flex items-center justify-between p-0", children: /* @__PURE__ */ jsxs4("div", { className: "flex w-full flex-col divide-y divide-dashed", children: [
+        /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2 px-6 py-4", children: [
+          /* @__PURE__ */ jsx4(ExclamationCircleSolid, { className: "text-blue-500" }),
+          /* @__PURE__ */ jsx4(Heading4, { level: "h2", children: t(
+            isPending ? "orders.edits.panel.titlePending" : "orders.edits.panel.title"
+          ) })
+        ] }),
+        !!addedItems.length && /* @__PURE__ */ jsxs4("div", { className: "txt-small text-ui-fg-subtle flex flex-row px-6 py-4", children: [
+          /* @__PURE__ */ jsx4("span", { className: "flex-1 font-medium", children: t("labels.added") }),
+          /* @__PURE__ */ jsx4("div", { className: "flex flex-1 flex-col gap-y-2", children: addedItems.map(({ item, quantity }) => /* @__PURE__ */ jsx4(EditItem, { item, quantity }, item.id)) })
+        ] }),
+        !!removedItems.length && /* @__PURE__ */ jsxs4("div", { className: "txt-small text-ui-fg-subtle flex flex-row px-6 py-4", children: [
+          /* @__PURE__ */ jsx4("span", { className: "flex-1 font-medium", children: t("labels.removed") }),
+          /* @__PURE__ */ jsx4("div", { className: "flex flex-1 flex-col gap-y-2", children: removedItems.map(({ item, quantity }) => /* @__PURE__ */ jsx4(EditItem, { item, quantity }, item.id)) })
+        ] }),
+        /* @__PURE__ */ jsxs4("div", { className: "bg-ui-bg-subtle flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", children: [
+          isPending ? /* @__PURE__ */ jsx4(
+            Button4,
+            {
+              size: "small",
+              variant: "secondary",
+              onClick: () => navigate(`/orders/${order.id}/edit`),
+              "data-testid": "order-active-edit-continue",
+              children: t("actions.continueEdit")
+            }
+          ) : /* @__PURE__ */ jsx4(
+            Button4,
+            {
+              size: "small",
+              variant: "secondary",
+              onClick: onConfirmOrderEdit,
+              "data-testid": "order-active-edit-force-confirm",
+              children: t("actions.forceConfirm")
+            }
+          ),
+          /* @__PURE__ */ jsx4(
+            Button4,
+            {
+              size: "small",
+              variant: "secondary",
+              onClick: onCancelOrderEdit,
+              "data-testid": "order-active-edit-cancel",
+              children: t("actions.cancel")
+            }
+          )
+        ] })
+      ] }) })
+    }
+  );
+};
+
+// src/pages/orders/[id]/_components/order-activity-section/order-activity-section.tsx
+import { Container as Container5, Heading as Heading5 } from "@medusajs/ui";
+import { useTranslation as useTranslation15 } from "react-i18next";
+
+// src/pages/orders/[id]/_components/order-activity-section/hooks/use-activity-items.tsx
+import { useMemo as useMemo3 } from "react";
+import { useTranslation as useTranslation14 } from "react-i18next";
+import { Text as Text15 } from "@medusajs/ui";
+
+// src/components/common/user-link/user-link.tsx
+import { Avatar, Text as Text4 } from "@medusajs/ui";
+import { Link } from "react-router-dom";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var UserLink = ({
+  id,
+  first_name,
+  last_name,
+  email,
+  type = "user"
+}) => {
+  const name = [first_name, last_name].filter(Boolean).join(" ");
+  const fallback = name ? name.slice(0, 1) : email.slice(0, 1);
+  const link = type === "user" ? `/settings/users/${id}` : `/customers/${id}`;
+  return /* @__PURE__ */ jsxs5(
+    Link,
+    {
+      to: link,
+      className: "flex items-center gap-x-2 w-fit transition-fg hover:text-ui-fg-subtle outline-none focus-visible:shadow-borders-focus rounded-md",
+      children: [
+        /* @__PURE__ */ jsx5(Avatar, { size: "2xsmall", fallback: fallback.toUpperCase() }),
+        /* @__PURE__ */ jsx5(Text4, { size: "small", leading: "compact", weight: "regular", children: name || email })
+      ]
+    }
+  );
+};
+var By = ({ id }) => {
+  const { user } = useMember(id);
+  if (!user) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx5(UserLink, { ...user });
+};
+
+// src/pages/orders/[id]/_components/order-activity-section/change-details-tooltip.tsx
+import { Popover, Text as Text5 } from "@medusajs/ui";
+import { useState } from "react";
+import { useTranslation as useTranslation5 } from "react-i18next";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function ChangeDetailsTooltip(props) {
+  const { t } = useTranslation5();
+  const [open, setOpen] = useState(false);
+  const previous = props.previous;
+  const next = props.next;
+  const title = props.title;
+  const handleMouseEnter = () => {
+    setOpen(true);
+  };
+  const handleMouseLeave = () => {
+    setOpen(false);
+  };
+  if (!previous && !next) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs6(Popover, { open, children: [
+    /* @__PURE__ */ jsx6(
+      Popover.Trigger,
+      {
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        autoFocus: false,
+        className: "focus-visible:outline-none",
+        children: /* @__PURE__ */ jsx6(Text5, { size: "small", leading: "compact", weight: "plus", children: title })
+      }
+    ),
+    /* @__PURE__ */ jsx6(
+      Popover.Content,
+      {
+        align: "center",
+        side: "top",
+        className: "bg-ui-bg-component max-w-[200px] p-0 focus-visible:outline-none",
+        children: /* @__PURE__ */ jsxs6("div", { className: "flex flex-col", children: [
+          !!previous && /* @__PURE__ */ jsxs6("div", { className: "p-3", children: [
+            /* @__PURE__ */ jsx6("div", { className: "txt-compact-small-plus mb-1", children: t("labels.from") }),
+            /* @__PURE__ */ jsx6("p", { className: "txt-compact-small text-ui-fg-subtle", children: previous })
+          ] }),
+          !!next && /* @__PURE__ */ jsxs6("div", { className: "border-t-2 border-dotted p-3", children: [
+            /* @__PURE__ */ jsx6("div", { className: "txt-compact-small-plus mb-1", children: t("labels.to") }),
+            /* @__PURE__ */ jsx6("p", { className: "txt-compact-small text-ui-fg-subtle", children: next })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+var change_details_tooltip_default = ChangeDetailsTooltip;
+
+// src/pages/orders/[id]/_components/order-activity-section/components/fulfillment-created-body.tsx
+import { Text as Text6 } from "@medusajs/ui";
+import { useTranslation as useTranslation6 } from "react-i18next";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var FulfillmentCreatedBody = ({
+  fulfillment
+}) => {
+  const { t } = useTranslation6();
+  const numberOfItems = (fulfillment.items || []).reduce((acc, item) => {
+    return acc + (item.quantity || 0);
+  }, 0);
+  return /* @__PURE__ */ jsx7("div", { children: /* @__PURE__ */ jsx7(Text6, { size: "small", className: "text-ui-fg-subtle", children: t("orders.activity.events.fulfillment.items", {
+    count: numberOfItems
+  }) }) });
+};
+
+// src/pages/orders/[id]/_components/order-activity-section/components/return-body.tsx
+import { Button as Button5, Text as Text7, usePrompt } from "@medusajs/ui";
+import { useTranslation as useTranslation7 } from "react-i18next";
+import { Fragment, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+var ReturnBody = ({
+  orderReturn,
+  isCreated,
+  isReceived
+}) => {
+  const prompt = usePrompt();
+  const { t } = useTranslation7();
+  const { mutateAsync: cancelReturnRequest } = useCancelReturn(
+    orderReturn.id,
+    orderReturn.order_id
+  );
+  const onCancel = async () => {
+    const res = await prompt({
+      title: t("orders.returns.cancel.title"),
+      description: t("orders.returns.cancel.description"),
+      confirmText: t("actions.confirm"),
+      cancelText: t("actions.cancel")
+    });
+    if (!res) {
+      return;
+    }
+    await cancelReturnRequest();
+  };
+  const numberOfItems = (orderReturn.items ?? []).reduce((acc, item) => {
+    return acc + (isReceived ? item.received_quantity : item.quantity);
+  }, 0);
+  return /* @__PURE__ */ jsxs7("div", { className: "flex items-start gap-1", children: [
+    /* @__PURE__ */ jsx8(Text7, { size: "small", className: "text-ui-fg-subtle", children: t("orders.activity.events.return.items", {
+      count: numberOfItems
+    }) }),
+    isCreated && /* @__PURE__ */ jsxs7(Fragment, { children: [
+      /* @__PURE__ */ jsx8("div", { className: "mt-[2px] flex items-center leading-none", children: "\u22C5" }),
+      /* @__PURE__ */ jsx8(
+        Button5,
+        {
+          onClick: onCancel,
+          className: "text-ui-fg-subtle h-auto px-0 leading-none hover:bg-transparent",
+          variant: "transparent",
+          size: "small",
+          children: t("actions.cancel")
+        }
+      )
+    ] })
+  ] });
+};
+
+// src/pages/orders/[id]/_components/order-activity-section/components/claim-body.tsx
+import { Text as Text8 } from "@medusajs/ui";
+import { useTranslation as useTranslation8 } from "react-i18next";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+var ClaimBody = ({
+  claim,
+  claimReturn
+}) => {
+  const { t } = useTranslation8();
+  const outboundItems = (claim.additional_items || []).reduce(
+    (acc, item) => acc + item.quantity,
+    0
+  );
+  const inboundItems = (claimReturn?.items || []).reduce(
+    (acc, item) => acc + item.quantity,
+    0
+  );
+  return /* @__PURE__ */ jsxs8("div", { children: [
+    outboundItems > 0 && /* @__PURE__ */ jsx9(Text8, { size: "small", className: "text-ui-fg-subtle", children: t("orders.activity.events.claim.itemsInbound", {
+      count: outboundItems
+    }) }),
+    inboundItems > 0 && /* @__PURE__ */ jsx9(Text8, { size: "small", className: "text-ui-fg-subtle", children: t("orders.activity.events.claim.itemsOutbound", {
+      count: inboundItems
+    }) })
+  ] });
+};
+
+// src/pages/orders/[id]/_components/order-activity-section/components/exchange-body.tsx
+import { Text as Text9 } from "@medusajs/ui";
+import { useTranslation as useTranslation9 } from "react-i18next";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+var ExchangeBody = ({
+  exchange,
+  exchangeReturn
+}) => {
+  const { t } = useTranslation9();
+  const outboundItems = (exchange.additional_items || []).reduce(
+    (acc, item) => acc + item.quantity,
+    0
+  );
+  const inboundItems = (exchangeReturn?.items || []).reduce(
+    (acc, item) => acc + item.quantity,
+    0
+  );
+  return /* @__PURE__ */ jsxs9("div", { children: [
+    outboundItems > 0 && /* @__PURE__ */ jsx10(Text9, { size: "small", className: "text-ui-fg-subtle", children: t("orders.activity.events.exchange.itemsInbound", {
+      count: outboundItems
+    }) }),
+    inboundItems > 0 && /* @__PURE__ */ jsx10(Text9, { size: "small", className: "text-ui-fg-subtle", children: t("orders.activity.events.exchange.itemsOutbound", {
+      count: inboundItems
+    }) })
+  ] });
+};
+
+// src/pages/orders/[id]/_components/order-activity-section/components/order-edit-body.tsx
+import { Text as Text10 } from "@medusajs/ui";
+import { useTranslation as useTranslation10 } from "react-i18next";
+import { useMemo as useMemo2 } from "react";
+
+// src/pages/orders/[id]/_components/order-activity-section/utils/count-items-change.ts
+function countItemsChange(actions) {
+  let added = 0;
+  let removed = 0;
+  actions.forEach((action) => {
+    if (action.action === "ITEM_ADD") {
+      added += action.details.quantity;
+    }
+    if (action.action === "ITEM_UPDATE") {
+      const quantityDiff = action.details.quantity_diff;
+      if (quantityDiff > 0) {
+        added += quantityDiff;
+      } else {
+        removed += Math.abs(quantityDiff);
+      }
+    }
+  });
+  return [added, removed];
+}
+
+// src/pages/orders/[id]/_components/order-activity-section/components/order-edit-body.tsx
+import { jsxs as jsxs10 } from "react/jsx-runtime";
+var OrderEditBody = ({ edit }) => {
+  const { t } = useTranslation10();
+  const [itemsAdded, itemsRemoved] = useMemo2(
+    () => countItemsChange(edit.actions),
+    [edit]
+  );
+  return /* @__PURE__ */ jsxs10("div", { children: [
+    itemsAdded > 0 && /* @__PURE__ */ jsxs10(Text10, { size: "small", className: "text-ui-fg-subtle", children: [
+      t("labels.added"),
+      ": ",
+      itemsAdded
+    ] }),
+    itemsRemoved > 0 && /* @__PURE__ */ jsxs10(Text10, { size: "small", className: "text-ui-fg-subtle", children: [
+      t("labels.removed"),
+      ": ",
+      itemsRemoved
+    ] })
+  ] });
+};
+
+// src/pages/orders/[id]/_components/order-activity-section/components/transfer-order-request-body.tsx
+import { Text as Text11 } from "@medusajs/ui";
+import { useTranslation as useTranslation11 } from "react-i18next";
+import { jsxs as jsxs11 } from "react/jsx-runtime";
+var TransferOrderRequestBody = ({
+  transfer
+}) => {
+  const { t } = useTranslation11();
+  const action = transfer.actions[0];
+  const { customer } = useCustomer(action.reference_id);
+  return /* @__PURE__ */ jsxs11("div", { children: [
+    /* @__PURE__ */ jsxs11(Text11, { size: "small", className: "text-ui-fg-subtle", children: [
+      t("orders.activity.from"),
+      ": ",
+      String(action.details?.original_email || "")
+    ] }),
+    /* @__PURE__ */ jsxs11(Text11, { size: "small", className: "text-ui-fg-subtle", children: [
+      t("orders.activity.to"),
+      ":",
+      " ",
+      customer?.first_name ? `${customer?.first_name} ${customer?.last_name}` : customer?.email
+    ] })
+  ] });
+};
+
+// src/pages/orders/[id]/_components/order-activity-section/components/order-activity-item.tsx
+import { Text as Text13, Tooltip, clx } from "@medusajs/ui";
+
+// src/pages/orders/[id]/_components/order-activity-section/activity-items.tsx
+import { Popover as Popover2, Text as Text12 } from "@medusajs/ui";
+import { useState as useState2 } from "react";
+import { useTranslation as useTranslation12 } from "react-i18next";
+import { jsx as jsx11, jsxs as jsxs12 } from "react/jsx-runtime";
+function ActivityItems(props) {
+  const { t } = useTranslation12();
+  const [open, setOpen] = useState2(false);
+  const itemsToSend = props.itemsToSend;
+  const itemsToReturn = props.itemsToReturn;
+  const itemsMap = props.itemsMap;
+  const title = props.title;
+  const handleMouseEnter = () => {
+    setOpen(true);
+  };
+  const handleMouseLeave = () => {
+    setOpen(false);
+  };
+  if (!itemsToSend?.length && !itemsToReturn?.length) {
+    return;
+  }
+  return /* @__PURE__ */ jsxs12(Popover2, { open, children: [
+    /* @__PURE__ */ jsx11(
+      Popover2.Trigger,
+      {
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        autoFocus: false,
+        className: "focus-visible:outline-none",
+        children: /* @__PURE__ */ jsx11(Text12, { size: "small", leading: "compact", weight: "plus", children: title })
+      }
+    ),
+    /* @__PURE__ */ jsx11(
+      Popover2.Content,
+      {
+        align: "center",
+        side: "top",
+        className: "bg-ui-bg-component max-w-[200px] p-0 focus-visible:outline-none",
+        children: /* @__PURE__ */ jsxs12("div", { className: "flex flex-col", children: [
+          !!itemsToSend?.length && /* @__PURE__ */ jsxs12("div", { className: "p-3", children: [
+            /* @__PURE__ */ jsx11("div", { className: "txt-compact-small-plus mb-1", children: t("orders.activity.events.common.toSend") }),
+            /* @__PURE__ */ jsxs12("div", { className: "flex flex-col", children: [
+              itemsToSend?.map((item) => {
+                const originalItem = itemsMap?.get(item.item_id);
+                return /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-x-3", children: [
+                  /* @__PURE__ */ jsxs12(Text12, { size: "small", className: "text-ui-fg-subtle", children: [
+                    item.quantity,
+                    "x"
+                  ] }),
+                  /* @__PURE__ */ jsx11(Thumbnail, { src: originalItem?.thumbnail }),
+                  /* @__PURE__ */ jsx11(Text12, { className: "txt-compact-small text-ui-fg-subtle truncate", children: `${originalItem?.variant_title} \xB7 ${originalItem?.product_title}` })
+                ] }, item.id);
+              }),
+              /* @__PURE__ */ jsx11("div", { className: "flex flex-1 flex-row items-center gap-2" })
+            ] })
+          ] }),
+          !!itemsToReturn?.length && /* @__PURE__ */ jsxs12("div", { className: "border-t-2 border-dotted p-3", children: [
+            /* @__PURE__ */ jsx11("div", { className: "txt-compact-small-plus mb-1", children: t("orders.activity.events.common.toReturn") }),
+            /* @__PURE__ */ jsxs12("div", { className: "flex flex-col", children: [
+              itemsToReturn?.map((item) => {
+                const originalItem = itemsMap?.get(item.item_id);
+                return /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-x-3", children: [
+                  /* @__PURE__ */ jsxs12(Text12, { size: "small", className: "text-ui-fg-subtle", children: [
+                    item.quantity,
+                    "x"
+                  ] }),
+                  /* @__PURE__ */ jsx11(Thumbnail, { src: originalItem?.thumbnail }),
+                  /* @__PURE__ */ jsx11(Text12, { className: "txt-compact-small text-ui-fg-subtle truncate", children: `${originalItem?.variant_title} \xB7 ${originalItem?.product_title}` })
+                ] }, item.id);
+              }),
+              /* @__PURE__ */ jsx11("div", { className: "flex flex-1 flex-row items-center gap-2" })
+            ] })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+var activity_items_default = ActivityItems;
+
+// src/pages/orders/[id]/_components/order-activity-section/components/order-activity-item.tsx
+import { jsx as jsx12, jsxs as jsxs13 } from "react/jsx-runtime";
+var OrderActivityItem = ({
+  title,
+  timestamp,
+  isFirst = false,
+  children,
+  itemsToSend,
+  itemsToReturn,
+  itemsMap
+}) => {
+  const { getFullDate, getRelativeDate } = useDate();
+  return /* @__PURE__ */ jsxs13("div", { className: "grid grid-cols-[20px_1fr] items-start gap-2", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "flex size-full flex-col items-center gap-y-0.5", children: [
+      /* @__PURE__ */ jsx12("div", { className: "flex size-5 items-center justify-center", children: /* @__PURE__ */ jsx12("div", { className: "bg-ui-bg-base shadow-borders-base flex size-2.5 items-center justify-center rounded-full", children: /* @__PURE__ */ jsx12("div", { className: "bg-ui-tag-neutral-icon size-1.5 rounded-full" }) }) }),
+      !isFirst && /* @__PURE__ */ jsx12("div", { className: "bg-ui-border-base w-px flex-1" })
+    ] }),
+    /* @__PURE__ */ jsxs13(
+      "div",
+      {
+        className: clx({
+          "pb-4": !isFirst
+        }),
+        children: [
+          /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between", children: [
+            itemsToSend?.length || itemsToReturn?.length ? /* @__PURE__ */ jsx12(
+              activity_items_default,
+              {
+                title,
+                itemsToSend,
+                itemsToReturn,
+                itemsMap
+              }
+            ) : /* @__PURE__ */ jsx12(Text13, { size: "small", leading: "compact", weight: "plus", children: title }),
+            timestamp && /* @__PURE__ */ jsx12(
+              Tooltip,
+              {
+                content: getFullDate({
+                  date: timestamp,
+                  includeTime: true
+                }),
+                children: /* @__PURE__ */ jsx12(
+                  Text13,
+                  {
+                    size: "small",
+                    leading: "compact",
+                    className: "text-ui-fg-subtle text-right",
+                    children: getRelativeDate(timestamp)
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx12("div", { children })
+        ]
+      }
+    )
+  ] });
+};
+
+// src/pages/orders/[id]/_components/order-activity-section/components/order-activity-collapsible.tsx
+import { Text as Text14 } from "@medusajs/ui";
+import { Collapsible as RadixCollapsible } from "radix-ui";
+import { useState as useState3 } from "react";
+import { useTranslation as useTranslation13 } from "react-i18next";
+import { jsx as jsx13, jsxs as jsxs14 } from "react/jsx-runtime";
+var OrderActivityCollapsible = ({
+  activities
+}) => {
+  const [open, setOpen] = useState3(false);
+  const { t } = useTranslation13();
+  if (!activities.length) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs14(RadixCollapsible.Root, { open, onOpenChange: setOpen, children: [
+    !open && /* @__PURE__ */ jsxs14("div", { className: "grid grid-cols-[20px_1fr] items-start gap-2", children: [
+      /* @__PURE__ */ jsx13("div", { className: "flex size-full flex-col items-center", children: /* @__PURE__ */ jsx13("div", { className: "border-ui-border-strong w-px flex-1 bg-[linear-gradient(var(--border-strong)_33%,rgba(255,255,255,0)_0%)] bg-[length:1px_3px] bg-right bg-repeat-y" }) }),
+      /* @__PURE__ */ jsx13("div", { className: "pb-4", children: /* @__PURE__ */ jsx13(RadixCollapsible.Trigger, { className: "text-left", children: /* @__PURE__ */ jsx13(
+        Text14,
+        {
+          size: "small",
+          leading: "compact",
+          weight: "plus",
+          className: "text-ui-fg-muted",
+          children: t("orders.activity.showMoreActivities", {
+            count: activities.length
+          })
+        }
+      ) }) })
+    ] }),
+    /* @__PURE__ */ jsx13(RadixCollapsible.Content, { children: /* @__PURE__ */ jsx13("div", { className: "flex flex-col gap-y-0.5", children: activities.map((item, index) => {
+      return /* @__PURE__ */ jsx13(
+        OrderActivityItem,
+        {
+          title: item.title,
+          timestamp: item.timestamp,
+          itemsToSend: item.itemsToSend,
+          itemsToReturn: item.itemsToReturn,
+          itemsMap: item.itemsMap,
+          children: item.children
+        },
+        index
+      );
+    }) }) })
+  ] });
+};
+
+// src/pages/orders/[id]/_components/order-activity-section/hooks/use-activity-items.tsx
+import { jsx as jsx14, jsxs as jsxs15 } from "react/jsx-runtime";
+var useActivityItems = (order) => {
+  const { t } = useTranslation14();
+  const { order_changes: orderChanges = [] } = useOrderChanges(order.id);
+  const itemsMap = useMemo3(() => {
+    return new Map(
+      order?.items?.map((i) => [i.id, i])
+    );
+  }, [order.items]);
+  const { returns: returnsList = [] } = useReturns({
+    order_id: order.id,
+    fields: "+received_at,*items"
+  });
+  const { claims: claimsList = [] } = useClaims({
+    order_id: order.id,
+    fields: "*additional_items"
+  });
+  const { exchanges: exchangesList = [] } = useExchanges({
+    order_id: order.id,
+    fields: "*additional_items"
+  });
+  const returns = returnsList;
+  const claims = claimsList;
+  const exchanges = exchangesList;
+  const isLoading = false;
+  const payments = useMemo3(
+    () => (order.payment_collections ?? []).flatMap(
+      (pc) => pc.payments ?? []
+    ),
+    [order.payment_collections]
+  );
+  return useMemo3(() => {
+    if (isLoading) {
+      return [];
+    }
+    const items = [];
+    for (const payment of payments) {
+      const amount = payment.amount ?? payment.authorized_amount ?? 0;
+      if (!payment.captured_at && !payment.canceled_at && payment.created_at) {
+        items.push({
+          title: t("orders.activity.events.payment.awaiting"),
+          timestamp: payment.created_at,
+          children: /* @__PURE__ */ jsx14(Text15, { size: "small", className: "text-ui-fg-subtle", children: getStylizedAmount(amount, payment.currency_code) })
+        });
+      }
+      if (payment.captured_at) {
+        items.push({
+          title: t("orders.activity.events.payment.captured"),
+          timestamp: payment.captured_at,
+          children: /* @__PURE__ */ jsx14(Text15, { size: "small", className: "text-ui-fg-subtle", children: getStylizedAmount(amount, payment.currency_code) })
+        });
+      }
+      if (payment.canceled_at) {
+        items.push({
+          title: t("orders.activity.events.payment.canceled"),
+          timestamp: payment.canceled_at,
+          children: /* @__PURE__ */ jsx14(Text15, { size: "small", className: "text-ui-fg-subtle", children: getStylizedAmount(amount, payment.currency_code) })
+        });
+      }
+      for (const refund of payment.refunds ?? []) {
+        items.push({
+          title: t("orders.activity.events.payment.refunded"),
+          timestamp: refund.created_at,
+          children: /* @__PURE__ */ jsx14(Text15, { size: "small", className: "text-ui-fg-subtle", children: getStylizedAmount(
+            refund.amount,
+            payment.currency_code
+          ) })
+        });
+      }
+    }
+    for (const fulfillment of order.fulfillments || []) {
+      items.push({
+        title: t("orders.activity.events.fulfillment.created"),
+        timestamp: fulfillment.created_at,
+        children: /* @__PURE__ */ jsx14(FulfillmentCreatedBody, { fulfillment })
+      });
+      if (fulfillment.delivered_at) {
+        items.push({
+          title: t("orders.activity.events.fulfillment.delivered"),
+          timestamp: fulfillment.delivered_at,
+          children: /* @__PURE__ */ jsx14(FulfillmentCreatedBody, { fulfillment })
+        });
+      }
+      if (fulfillment.shipped_at) {
+        items.push({
+          title: t("orders.activity.events.fulfillment.shipped"),
+          timestamp: fulfillment.shipped_at,
+          children: /* @__PURE__ */ jsx14(FulfillmentCreatedBody, { fulfillment, isShipment: true })
+        });
+      }
+      if (fulfillment.canceled_at) {
+        items.push({
+          title: t("orders.activity.events.fulfillment.canceled"),
+          timestamp: fulfillment.canceled_at
+        });
+      }
+    }
+    const returnMap = /* @__PURE__ */ new Map();
+    for (const ret of returns) {
+      returnMap.set(ret.id, ret);
+      if (ret.claim_id || ret.exchange_id) {
+        continue;
+      }
+      items.push({
+        title: t("orders.activity.events.return.created", {
+          returnId: ret.id.slice(-7)
+        }),
+        timestamp: ret.created_at,
+        itemsToReturn: ret?.items,
+        itemsMap,
+        children: /* @__PURE__ */ jsx14(ReturnBody, { orderReturn: ret, isCreated: !ret.canceled_at })
+      });
+      if (ret.canceled_at) {
+        items.push({
+          title: t("orders.activity.events.return.canceled", {
+            returnId: ret.id.slice(-7)
+          }),
+          timestamp: ret.canceled_at
+        });
+      }
+      if (ret.status === "received" || ret.status === "partially_received") {
+        items.push({
+          title: t("orders.activity.events.return.received", {
+            returnId: ret.id.slice(-7)
+          }),
+          timestamp: ret.received_at,
+          itemsToReturn: ret?.items,
+          itemsMap,
+          children: /* @__PURE__ */ jsx14(ReturnBody, { orderReturn: ret, isCreated: false, isReceived: true })
+        });
+      }
+    }
+    for (const claim of claims) {
+      const claimReturn = returnMap.get(claim.return_id);
+      items.push({
+        title: t(
+          claim.canceled_at ? "orders.activity.events.claim.canceled" : "orders.activity.events.claim.created",
+          {
+            claimId: claim.id.slice(-7)
+          }
+        ),
+        timestamp: claim.canceled_at || claim.created_at,
+        itemsToSend: claim.additional_items,
+        itemsToReturn: claimReturn?.items,
+        itemsMap,
+        children: /* @__PURE__ */ jsx14(ClaimBody, { claim, claimReturn })
+      });
+    }
+    for (const exchange of exchanges) {
+      const exchangeReturn = returnMap.get(exchange.return_id);
+      items.push({
+        title: t(
+          exchange.canceled_at ? "orders.activity.events.exchange.canceled" : "orders.activity.events.exchange.created",
+          {
+            exchangeId: exchange.id.slice(-7)
+          }
+        ),
+        timestamp: exchange.canceled_at || exchange.created_at,
+        itemsToSend: exchange.additional_items,
+        itemsToReturn: exchangeReturn?.items,
+        itemsMap,
+        children: /* @__PURE__ */ jsx14(ExchangeBody, { exchange, exchangeReturn })
+      });
+    }
+    for (const edit of orderChanges.filter((oc) => oc.change_type === "edit")) {
+      const isConfirmed = edit.status === "confirmed";
+      const isPending = edit.status === "pending";
+      if (isPending) {
+        continue;
+      }
+      const translationKey = `orders.activity.events.edit.${edit.status}`;
+      items.push({
+        title: t(translationKey, {
+          editId: edit.id.slice(-7)
+        }),
+        timestamp: edit.status === "requested" ? edit.requested_at : edit.status === "confirmed" ? edit.confirmed_at : edit.status === "declined" ? edit.declined_at : edit.status === "canceled" ? edit.canceled_at : edit.created_at,
+        children: isConfirmed ? /* @__PURE__ */ jsx14(OrderEditBody, { edit }) : null
+      });
+    }
+    for (const transfer of orderChanges.filter(
+      (oc) => oc.change_type === "transfer"
+    )) {
+      if (transfer.requested_at) {
+        items.push({
+          title: t(`orders.activity.events.transfer.requested`, {
+            transferId: transfer.id.slice(-7)
+          }),
+          timestamp: transfer.requested_at,
+          children: /* @__PURE__ */ jsx14(TransferOrderRequestBody, { transfer })
+        });
+      }
+      if (transfer.confirmed_at) {
+        items.push({
+          title: t(`orders.activity.events.transfer.confirmed`, {
+            transferId: transfer.id.slice(-7)
+          }),
+          timestamp: transfer.confirmed_at
+        });
+      }
+      if (transfer.declined_at) {
+        items.push({
+          title: t(`orders.activity.events.transfer.declined`, {
+            transferId: transfer.id.slice(-7)
+          }),
+          timestamp: transfer.declined_at
+        });
+      }
+    }
+    for (const update of orderChanges.filter(
+      (oc) => oc.change_type === "edit"
+    )) {
+      const updateType = update.actions[0]?.details?.type;
+      if (updateType === "shipping_address") {
+        const oldAddress = update?.actions[0]?.details?.old;
+        const newAddress = update?.actions[0]?.details?.new;
+        items.push({
+          title: /* @__PURE__ */ jsx14(
+            change_details_tooltip_default,
+            {
+              title: t(`orders.activity.events.update_order.shipping_address`),
+              previous: getFormattedAddress({
+                address: oldAddress
+              }).join(", "),
+              next: getFormattedAddress({
+                address: newAddress
+              }).join(", ")
+            }
+          ),
+          timestamp: update.created_at,
+          children: update.created_by ? /* @__PURE__ */ jsxs15("div", { className: "text-ui-fg-subtle mt-2 flex gap-x-2 text-sm", children: [
+            t("fields.by"),
+            " ",
+            /* @__PURE__ */ jsx14(By, { id: update.created_by })
+          ] }) : null
+        });
+      }
+      if (updateType === "billing_address") {
+        const oldAddress = update?.actions[0]?.details?.old;
+        const newAddress = update?.actions[0]?.details?.new;
+        items.push({
+          title: /* @__PURE__ */ jsx14(
+            change_details_tooltip_default,
+            {
+              title: t(`orders.activity.events.update_order.billing_address`),
+              previous: getFormattedAddress({
+                address: oldAddress
+              }).join(", "),
+              next: getFormattedAddress({
+                address: newAddress
+              }).join(", ")
+            }
+          ),
+          timestamp: update.created_at,
+          children: update.created_by ? /* @__PURE__ */ jsxs15("div", { className: "text-ui-fg-subtle mt-2 flex gap-x-2 text-sm", children: [
+            t("fields.by"),
+            " ",
+            /* @__PURE__ */ jsx14(By, { id: update.created_by })
+          ] }) : null
+        });
+      }
+      if (updateType === "email") {
+        const oldEmail = update.actions[0]?.details?.old;
+        const newEmail = update.actions[0]?.details?.new;
+        items.push({
+          title: /* @__PURE__ */ jsx14(
+            change_details_tooltip_default,
+            {
+              title: t(`orders.activity.events.update_order.email`),
+              previous: oldEmail,
+              next: newEmail
+            }
+          ),
+          timestamp: update.created_at,
+          children: update.created_by ? /* @__PURE__ */ jsxs15("div", { className: "text-ui-fg-subtle mt-2 flex gap-x-2 text-sm", children: [
+            t("fields.by"),
+            " ",
+            /* @__PURE__ */ jsx14(By, { id: update.created_by })
+          ] }) : null
+        });
+      }
+    }
+    if (order.canceled_at) {
+      items.push({
+        title: t("orders.activity.events.canceled.title"),
+        timestamp: order.canceled_at
+      });
+    }
+    const sortedActivities = items.sort((a, b) => {
+      return new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime();
+    });
+    const createdAt = {
+      title: t("orders.activity.events.placed.title"),
+      timestamp: order.created_at,
+      children: /* @__PURE__ */ jsx14(Text15, { size: "small", className: "text-ui-fg-subtle", children: getStylizedAmount(order.total, order.currency_code) })
+    };
+    return [...sortedActivities, createdAt];
+  }, [
+    order,
+    exchanges,
+    orderChanges,
+    payments,
+    isLoading,
+    itemsMap
+  ]);
+};
+
+// src/pages/orders/[id]/_components/order-activity-section/order-timeline.tsx
+import { jsx as jsx15, jsxs as jsxs16 } from "react/jsx-runtime";
+var OrderTimeline = ({ order }) => {
+  const items = useActivityItems(order);
+  if (items.length <= 3) {
+    return /* @__PURE__ */ jsx15("div", { className: "flex flex-col gap-y-0.5", children: items.map((item, index) => {
+      return /* @__PURE__ */ jsx15(
+        OrderActivityItem,
+        {
+          title: item.title,
+          timestamp: item.timestamp,
+          isFirst: index === items.length - 1,
+          itemsToSend: item.itemsToSend,
+          itemsToReturn: item.itemsToReturn,
+          itemsMap: item.itemsMap,
+          children: item.children
+        },
+        index
+      );
+    }) });
+  }
+  const lastItems = items.slice(0, 2);
+  const collapsibleItems = items.slice(2, items.length - 1);
+  const firstItem = items[items.length - 1];
+  return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-y-0.5", children: [
+    lastItems.map((item, index) => {
+      return /* @__PURE__ */ jsx15(
+        OrderActivityItem,
+        {
+          title: item.title,
+          timestamp: item.timestamp,
+          itemsToSend: item.itemsToSend,
+          itemsToReturn: item.itemsToReturn,
+          itemsMap: item.itemsMap,
+          children: item.children
+        },
+        index
+      );
+    }),
+    /* @__PURE__ */ jsx15(OrderActivityCollapsible, { activities: collapsibleItems }),
+    /* @__PURE__ */ jsx15(
+      OrderActivityItem,
+      {
+        title: firstItem.title,
+        timestamp: firstItem.timestamp,
+        isFirst: true,
+        itemsToSend: firstItem.itemsToSend,
+        itemsToReturn: firstItem.itemsToReturn,
+        itemsMap: firstItem.itemsMap,
+        children: firstItem.children
+      }
+    )
+  ] });
+};
+
+// src/pages/orders/[id]/_components/order-activity-section/order-activity-section.tsx
+import { jsx as jsx16, jsxs as jsxs17 } from "react/jsx-runtime";
+var OrderActivitySection = ({ order }) => {
+  const { t } = useTranslation15();
+  return /* @__PURE__ */ jsxs17(Container5, { className: "flex flex-col gap-y-8 px-6 py-4", children: [
+    /* @__PURE__ */ jsx16("div", { className: "flex flex-col gap-y-4", children: /* @__PURE__ */ jsx16("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx16(Heading5, { level: "h2", children: t("orders.activity.header") }) }) }),
+    /* @__PURE__ */ jsx16(OrderTimeline, { order })
+  ] });
+};
+
+// src/pages/orders/[id]/_components/order-commission-section/order-commission-section.tsx
+import { Container as Container6, Heading as Heading6, Text as Text16 } from "@medusajs/ui";
+import { useMemo as useMemo4 } from "react";
+import { useTranslation as useTranslation16 } from "react-i18next";
+import { jsx as jsx17, jsxs as jsxs18 } from "react/jsx-runtime";
+var OrderCommissionSection = ({
+  order
+}) => {
+  const { t } = useTranslation16();
+  const { commission_lines, isLoading } = useOrderCommissionLines(order.id);
+  const itemTitleById = useMemo4(() => {
+    const map = /* @__PURE__ */ new Map();
+    order.items?.forEach((item) => {
+      map.set(item.id, item.product_title ?? item.title);
+    });
+    return map;
+  }, [order.items]);
+  if (isLoading || !commission_lines.length) {
+    return null;
+  }
+  const total = commission_lines.reduce(
+    (acc, line) => acc + (line.amount ?? 0),
+    0
+  );
+  return /* @__PURE__ */ jsxs18(Container6, { className: "divide-y p-0", "data-testid": "order-commission-section", children: [
+    /* @__PURE__ */ jsx17("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx17(Heading6, { level: "h2", children: t("fields.commission", "Commission") }) }),
+    /* @__PURE__ */ jsx17("div", { className: "divide-y", children: commission_lines.map((line) => {
+      const label = line.shipping_method_id ? t("fields.shipping") : itemTitleById.get(line.item_id ?? "") ?? line.code;
+      return /* @__PURE__ */ jsxs18(
+        "div",
+        {
+          className: "text-ui-fg-subtle grid grid-cols-2 items-center gap-4 px-6 py-4",
+          children: [
+            /* @__PURE__ */ jsx17(Text16, { size: "small", leading: "compact", children: label }),
+            /* @__PURE__ */ jsx17(Text16, { size: "small", leading: "compact", className: "text-right", children: getLocaleAmount(line.amount, order.currency_code) })
+          ]
+        },
+        line.id
+      );
+    }) }),
+    /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx17(Text16, { size: "small", weight: "plus", leading: "compact", children: t("orders.commission.total", "Total") }),
+      /* @__PURE__ */ jsx17(Text16, { size: "small", weight: "plus", leading: "compact", children: getLocaleAmount(total, order.currency_code) })
+    ] })
+  ] });
+};
+
+// src/pages/orders/[id]/_components/order-customer-section/order-customer-section.tsx
+import { Container as Container7, Heading as Heading7 } from "@medusajs/ui";
+import { useTranslation as useTranslation18 } from "react-i18next";
+
+// src/components/common/customer-info/customer-info.tsx
+import { Avatar as Avatar2, Copy as Copy2, Text as Text17 } from "@medusajs/ui";
+import { useTranslation as useTranslation17 } from "react-i18next";
+import { Link as Link2 } from "react-router-dom";
+import { jsx as jsx18, jsxs as jsxs19 } from "react/jsx-runtime";
+var ID = ({ data }) => {
+  const { t } = useTranslation17();
+  const id = data.customer_id;
+  const name = getOrderCustomer(data);
+  const email = data.email;
+  const fallback = (name || email || "").charAt(0).toUpperCase();
+  return /* @__PURE__ */ jsxs19("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+    /* @__PURE__ */ jsx18(Text17, { size: "small", leading: "compact", weight: "plus", children: t("fields.id") }),
+    /* @__PURE__ */ jsx18(
+      Link2,
+      {
+        to: `/customers/${id}`,
+        className: "focus:shadow-borders-focus rounded-[4px] outline-none transition-shadow",
+        children: /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-x-2 overflow-hidden", children: [
+          /* @__PURE__ */ jsx18(Avatar2, { size: "2xsmall", fallback }),
+          /* @__PURE__ */ jsx18(
+            Text17,
+            {
+              size: "small",
+              leading: "compact",
+              className: "text-ui-fg-subtle hover:text-ui-fg-base transition-fg truncate",
+              children: name || email
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+};
+var Company = ({ data }) => {
+  const { t } = useTranslation17();
+  const company = data.shipping_address?.company || data.billing_address?.company;
+  if (!company) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs19("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+    /* @__PURE__ */ jsx18(Text17, { size: "small", leading: "compact", weight: "plus", children: t("fields.company") }),
+    /* @__PURE__ */ jsx18(Text17, { size: "small", leading: "compact", className: "truncate", children: company })
+  ] });
+};
+var Contact = ({ data }) => {
+  const { t } = useTranslation17();
+  const phone = data.shipping_address?.phone || data.billing_address?.phone;
+  const email = data.email || "";
+  return /* @__PURE__ */ jsxs19("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+    /* @__PURE__ */ jsx18(Text17, { size: "small", leading: "compact", weight: "plus", children: t("orders.customer.contactLabel") }),
+    /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-y-2", children: [
+      /* @__PURE__ */ jsxs19("div", { className: "grid grid-cols-[1fr_20px] items-start gap-x-2", children: [
+        /* @__PURE__ */ jsx18(
+          Text17,
+          {
+            size: "small",
+            leading: "compact",
+            className: "text-pretty break-all",
+            children: email
+          }
+        ),
+        /* @__PURE__ */ jsx18("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx18(Copy2, { content: email, className: "text-ui-fg-muted" }) })
+      ] }),
+      phone && /* @__PURE__ */ jsxs19("div", { className: "grid grid-cols-[1fr_20px] items-start gap-x-2", children: [
+        /* @__PURE__ */ jsx18(
+          Text17,
+          {
+            size: "small",
+            leading: "compact",
+            className: "text-pretty break-all",
+            children: phone
+          }
+        ),
+        /* @__PURE__ */ jsx18("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx18(Copy2, { content: phone, className: "text-ui-fg-muted" }) })
+      ] })
+    ] })
+  ] });
+};
+var AddressPrint = ({
+  address,
+  type
+}) => {
+  const { t } = useTranslation17();
+  return /* @__PURE__ */ jsxs19("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+    /* @__PURE__ */ jsx18(Text17, { size: "small", leading: "compact", weight: "plus", children: type === "shipping" ? t("addresses.shippingAddress.label") : t("addresses.billingAddress.label") }),
+    address ? /* @__PURE__ */ jsxs19("div", { className: "grid grid-cols-[1fr_20px] items-start gap-x-2", children: [
+      /* @__PURE__ */ jsx18(Text17, { size: "small", leading: "compact", children: getFormattedAddress({ address }).map((line, i) => {
+        return /* @__PURE__ */ jsxs19("span", { className: "break-words", children: [
+          line,
+          /* @__PURE__ */ jsx18("br", {})
+        ] }, i);
+      }) }),
+      /* @__PURE__ */ jsx18("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx18(
+        Copy2,
+        {
+          content: getFormattedAddress({ address }).join("\n"),
+          className: "text-ui-fg-muted"
+        }
+      ) })
+    ] }) : /* @__PURE__ */ jsx18(Text17, { size: "small", leading: "compact", children: "-" })
+  ] });
+};
+var Addresses = ({ data }) => {
+  const { t } = useTranslation17();
+  return /* @__PURE__ */ jsxs19("div", { className: "divide-y", children: [
+    /* @__PURE__ */ jsx18(AddressPrint, { address: data.shipping_address, type: "shipping" }),
+    !isSameAddress(data.shipping_address, data.billing_address) ? /* @__PURE__ */ jsx18(AddressPrint, { address: data.billing_address, type: "billing" }) : /* @__PURE__ */ jsxs19("div", { className: "grid grid-cols-2 items-center px-6 py-4", children: [
+      /* @__PURE__ */ jsx18(
+        Text17,
+        {
+          size: "small",
+          leading: "compact",
+          weight: "plus",
+          className: "text-ui-fg-subtle",
+          children: t("addresses.billingAddress.label")
+        }
+      ),
+      /* @__PURE__ */ jsx18(Text17, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: t("addresses.billingAddress.sameAsShipping") })
+    ] })
+  ] });
+};
+var CustomerInfo = Object.assign(
+  {},
+  {
+    ID,
+    Company,
+    Contact,
+    Addresses
+  }
+);
+var getOrderCustomer = (obj) => {
+  const { first_name: sFirstName, last_name: sLastName } = obj.shipping_address || {};
+  const { first_name: bFirstName, last_name: bLastName } = obj.billing_address || {};
+  const { first_name: cFirstName, last_name: cLastName } = obj.customer || {};
+  const customerName = [cFirstName, cLastName].filter(Boolean).join(" ");
+  const shippingName = [sFirstName, sLastName].filter(Boolean).join(" ");
+  const billingName = [bFirstName, bLastName].filter(Boolean).join(" ");
+  const name = customerName || shippingName || billingName;
+  return name;
+};
+
+// src/pages/orders/[id]/_components/order-customer-section/order-customer-section.tsx
+import { jsx as jsx19, jsxs as jsxs20 } from "react/jsx-runtime";
+var OrderCustomerSection = ({ order }) => {
+  return /* @__PURE__ */ jsxs20(Container7, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsx19(Header, {}),
+    /* @__PURE__ */ jsx19(CustomerInfo.ID, { data: order }),
+    /* @__PURE__ */ jsx19(CustomerInfo.Contact, { data: order }),
+    /* @__PURE__ */ jsx19(CustomerInfo.Company, { data: order }),
+    /* @__PURE__ */ jsx19(CustomerInfo.Addresses, { data: order })
+  ] });
+};
+var Header = () => {
+  const { t } = useTranslation18();
+  return /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx19(Heading7, { level: "h2", children: t("fields.customer") }) });
+};
+
+// src/pages/orders/[id]/_components/order-fulfillment-section/order-fulfillment-section.tsx
+import { Buildings, XCircle } from "@medusajs/icons";
+import {
+  Button as Button6,
+  Container as Container8,
+  Copy as Copy3,
+  Heading as Heading8,
+  StatusBadge,
+  Text as Text18,
+  Tooltip as Tooltip2,
+  toast as toast5,
+  usePrompt as usePrompt2
+} from "@medusajs/ui";
+import { format } from "date-fns";
+import { useTranslation as useTranslation19 } from "react-i18next";
+import { Link as Link3, useNavigate as useNavigate5 } from "react-router-dom";
+import { Fragment as Fragment2, jsx as jsx20, jsxs as jsxs21 } from "react/jsx-runtime";
+var OrderFulfillmentSection = ({
+  order
+}) => {
+  const fulfillments = order.fulfillments || [];
+  return /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-y-3", children: [
+    /* @__PURE__ */ jsx20(UnfulfilledItemBreakdown, { order }),
+    fulfillments.map((f, index) => /* @__PURE__ */ jsx20(Fulfillment, { index, fulfillment: f, order }, f.id))
+  ] });
+};
+var UnfulfilledItem = ({
+  item,
+  currencyCode
+}) => {
+  return /* @__PURE__ */ jsxs21(
+    "div",
+    {
+      className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4",
+      children: [
+        /* @__PURE__ */ jsxs21("div", { className: "flex items-start gap-x-4", children: [
+          /* @__PURE__ */ jsx20(Thumbnail, { src: item.thumbnail }),
+          /* @__PURE__ */ jsxs21("div", { children: [
+            /* @__PURE__ */ jsx20(
+              Text18,
+              {
+                size: "small",
+                leading: "compact",
+                weight: "plus",
+                className: "text-ui-fg-base",
+                children: item.title
+              }
+            ),
+            item.variant_sku && /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-x-1", children: [
+              /* @__PURE__ */ jsx20(Text18, { size: "small", children: item.variant_sku }),
+              /* @__PURE__ */ jsx20(Copy3, { content: item.variant_sku, className: "text-ui-fg-muted" })
+            ] }),
+            /* @__PURE__ */ jsx20(Text18, { size: "small", children: item.variant?.options?.map((o) => o.value).join(" \xB7 ") })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs21("div", { className: "grid grid-cols-3 items-center gap-x-4", children: [
+          /* @__PURE__ */ jsx20("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsx20(Text18, { size: "small", children: getLocaleAmount(item.unit_price, currencyCode) }) }),
+          /* @__PURE__ */ jsx20("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsxs21(Text18, { children: [
+            /* @__PURE__ */ jsx20("span", { className: "tabular-nums", children: item.quantity - item.detail.fulfilled_quantity }),
+            "x"
+          ] }) }),
+          /* @__PURE__ */ jsx20("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsx20(Text18, { size: "small", children: getLocaleAmount(item.subtotal || 0, currencyCode) }) })
+        ] })
+      ]
+    },
+    item.id
+  );
+};
+var UnfulfilledItemBreakdown = ({ order }) => {
+  const unfulfilledItemsWithShipping = order.items.filter(
+    (i) => i.requires_shipping && i.detail && i.quantity && i.detail.fulfilled_quantity < i.quantity
+  );
+  const unfulfilledItemsWithoutShipping = order.items.filter(
+    (i) => !i.requires_shipping && i.detail && i.quantity && i.detail.fulfilled_quantity < i.quantity
+  );
+  return /* @__PURE__ */ jsxs21(Fragment2, { children: [
+    !!unfulfilledItemsWithShipping.length && /* @__PURE__ */ jsx20(
+      UnfulfilledItemDisplay,
+      {
+        order,
+        unfulfilledItems: unfulfilledItemsWithShipping,
+        requiresShipping: true
+      }
+    ),
+    !!unfulfilledItemsWithoutShipping.length && /* @__PURE__ */ jsx20(
+      UnfulfilledItemDisplay,
+      {
+        order,
+        unfulfilledItems: unfulfilledItemsWithoutShipping,
+        requiresShipping: false
+      }
+    )
+  ] });
+};
+var UnfulfilledItemDisplay = ({
+  order,
+  unfulfilledItems,
+  requiresShipping = false
+}) => {
+  const { t } = useTranslation19();
+  if (order.status === "canceled") {
+    return;
+  }
+  return /* @__PURE__ */ jsxs21(Container8, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx20(Heading8, { level: "h2", children: t("orders.fulfillment.unfulfilledItems") }),
+      /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-x-4", children: [
+        requiresShipping && /* @__PURE__ */ jsx20(StatusBadge, { color: "red", className: "text-nowrap", children: t("orders.fulfillment.requiresShipping") }),
+        /* @__PURE__ */ jsx20(StatusBadge, { color: "red", className: "text-nowrap", children: t("orders.fulfillment.awaitingFulfillmentBadge") }),
+        /* @__PURE__ */ jsx20(
+          ActionMenu,
+          {
+            groups: [
+              {
+                actions: [
+                  {
+                    label: t("orders.fulfillment.fulfillItems"),
+                    icon: /* @__PURE__ */ jsx20(Buildings, {}),
+                    to: `/orders/${order.id}/fulfillment?requires_shipping=${requiresShipping}`
+                  }
+                ]
+              }
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx20("div", { children: unfulfilledItems.map((item) => /* @__PURE__ */ jsx20(
+      UnfulfilledItem,
+      {
+        item,
+        currencyCode: order.currency_code
+      },
+      item.id
+    )) })
+  ] });
+};
+var Fulfillment = ({
+  fulfillment,
+  order,
+  index
+}) => {
+  const { t } = useTranslation19();
+  const prompt = usePrompt2();
+  const navigate = useNavigate5();
+  const showLocation = !!fulfillment.location_id;
+  const isPickUpFulfillment = fulfillment.shipping_option?.service_zone.fulfillment_set.type === "pickup" /* Pickup */;
+  const { stock_location, isError, error } = useStockLocation(
+    fulfillment.location_id,
+    void 0,
+    {
+      enabled: showLocation
+    }
+  );
+  let statusText = fulfillment.requires_shipping ? isPickUpFulfillment ? t("orders.fulfillment.status.awaitingPickup") : t("orders.fulfillment.status.awaitingShipping") : t("orders.fulfillment.status.awaitingDelivery");
+  let statusColor = "blue";
+  let statusTimestamp = fulfillment.created_at;
+  if (fulfillment.canceled_at) {
+    statusText = t("orders.fulfillment.status.canceled");
+    statusColor = "red";
+    statusTimestamp = fulfillment.canceled_at;
+  } else if (fulfillment.delivered_at) {
+    statusText = t("orders.fulfillment.status.delivered");
+    statusColor = "green";
+    statusTimestamp = fulfillment.delivered_at;
+  } else if (fulfillment.shipped_at) {
+    statusText = t("orders.fulfillment.status.shipped");
+    statusColor = "green";
+    statusTimestamp = fulfillment.shipped_at;
+  }
+  const { mutateAsync } = useCancelOrderFulfillment(order.id, fulfillment.id);
+  const { mutateAsync: markAsDelivered } = useMarkOrderFulfillmentAsDelivered(
+    order.id,
+    fulfillment.id
+  );
+  const showShippingButton = !fulfillment.canceled_at && !fulfillment.shipped_at && !fulfillment.delivered_at && fulfillment.requires_shipping && !isPickUpFulfillment;
+  const showDeliveryButton = !fulfillment.canceled_at && !fulfillment.delivered_at;
+  const cancelDisabled = !!fulfillment.canceled_at || !!fulfillment.shipped_at || !!fulfillment.delivered_at;
+  const handleMarkAsDelivered = async () => {
+    const res = await prompt({
+      title: t("general.areYouSure"),
+      description: t("orders.fulfillment.markAsDeliveredWarning"),
+      confirmText: t("actions.continue"),
+      cancelText: t("actions.cancel"),
+      variant: "confirmation"
+    });
+    if (res) {
+      await markAsDelivered(void 0, {
+        onSuccess: () => {
+          toast5.success(
+            t(
+              isPickUpFulfillment ? "orders.fulfillment.toast.fulfillmentPickedUp" : "orders.fulfillment.toast.fulfillmentDelivered"
+            )
+          );
+        },
+        onError: (e) => {
+          toast5.error(e.message);
+        }
+      });
+    }
+  };
+  const handleCancel = async () => {
+    if (fulfillment.shipped_at) {
+      toast5.warning(t("orders.fulfillment.toast.fulfillmentShipped"));
+      return;
+    }
+    const res = await prompt({
+      title: t("general.areYouSure"),
+      description: t("orders.fulfillment.cancelWarning"),
+      confirmText: t("actions.continue"),
+      cancelText: t("actions.cancel")
+    });
+    if (res) {
+      await mutateAsync(void 0, {
+        onSuccess: () => {
+          toast5.success(t("orders.fulfillment.toast.canceled"));
+        },
+        onError: (e) => {
+          toast5.error(e.message);
+        }
+      });
+    }
+  };
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs21(Container8, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx20(Heading8, { level: "h2", children: t("orders.fulfillment.number", {
+        number: index + 1
+      }) }),
+      /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-x-4", children: [
+        /* @__PURE__ */ jsx20(
+          Tooltip2,
+          {
+            content: format(
+              new Date(statusTimestamp),
+              "dd MMM, yyyy, HH:mm:ss"
+            ),
+            children: /* @__PURE__ */ jsx20(StatusBadge, { color: statusColor, className: "text-nowrap", children: statusText })
+          }
+        ),
+        /* @__PURE__ */ jsx20(
+          ActionMenu,
+          {
+            groups: [
+              {
+                actions: [
+                  {
+                    label: t("actions.cancel"),
+                    icon: /* @__PURE__ */ jsx20(XCircle, {}),
+                    onClick: handleCancel,
+                    disabled: cancelDisabled
+                  }
+                ]
+              }
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs21("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+      /* @__PURE__ */ jsx20(Text18, { size: "small", leading: "compact", weight: "plus", children: t("orders.fulfillment.itemsLabel") }),
+      /* @__PURE__ */ jsx20("ul", { children: (fulfillment.items || []).map((f_item) => /* @__PURE__ */ jsx20("li", { children: /* @__PURE__ */ jsxs21(Text18, { size: "small", leading: "compact", children: [
+        f_item.quantity,
+        "x ",
+        f_item.title
+      ] }) }, f_item.line_item_id)) })
+    ] }),
+    showLocation && /* @__PURE__ */ jsxs21("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+      /* @__PURE__ */ jsx20(Text18, { size: "small", leading: "compact", weight: "plus", children: t("orders.fulfillment.shippingFromLabel") }),
+      stock_location ? /* @__PURE__ */ jsx20(
+        Link3,
+        {
+          to: `/settings/locations/${stock_location.id}`,
+          className: "text-ui-fg-interactive hover:text-ui-fg-interactive-hover transition-fg",
+          children: /* @__PURE__ */ jsx20(Text18, { size: "small", leading: "compact", children: stock_location.name })
+        }
+      ) : /* @__PURE__ */ jsx20(Skeleton, { className: "w-16" })
+    ] }),
+    /* @__PURE__ */ jsxs21("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+      /* @__PURE__ */ jsx20(Text18, { size: "small", leading: "compact", weight: "plus", children: t("fields.provider") }),
+      /* @__PURE__ */ jsx20(Text18, { size: "small", leading: "compact", children: formatProvider(fulfillment.provider_id) })
+    ] }),
+    /* @__PURE__ */ jsxs21("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+      /* @__PURE__ */ jsx20(Text18, { size: "small", leading: "compact", weight: "plus", children: t("orders.fulfillment.trackingLabel") }),
+      /* @__PURE__ */ jsx20("div", { children: fulfillment.labels && fulfillment.labels.length > 0 ? /* @__PURE__ */ jsx20("ul", { children: fulfillment.labels.map((tlink) => {
+        const hasUrl = !!tlink.tracking_url?.length && tlink.tracking_url !== "#";
+        if (hasUrl) {
+          return /* @__PURE__ */ jsx20("li", { children: /* @__PURE__ */ jsx20(
+            "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__ */ jsx20(Text18, { size: "small", leading: "compact", children: tlink.tracking_number })
+            }
+          ) }, tlink.tracking_number);
+        }
+        return /* @__PURE__ */ jsx20("li", { children: /* @__PURE__ */ jsx20(Text18, { size: "small", leading: "compact", children: tlink.tracking_number }) }, tlink.tracking_number);
+      }) }) : /* @__PURE__ */ jsx20(Text18, { size: "small", leading: "compact", children: "-" }) })
+    ] }),
+    (showShippingButton || showDeliveryButton) && /* @__PURE__ */ jsxs21("div", { className: "bg-ui-bg-subtle flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", children: [
+      showDeliveryButton && /* @__PURE__ */ jsx20(
+        Button6,
+        {
+          size: "small",
+          onClick: handleMarkAsDelivered,
+          variant: "secondary",
+          children: t(
+            isPickUpFulfillment ? "orders.fulfillment.markAsPickedUp" : "orders.fulfillment.markAsDelivered"
+          )
+        }
+      ),
+      showShippingButton && /* @__PURE__ */ jsx20(
+        Button6,
+        {
+          size: "small",
+          onClick: () => navigate(`./${fulfillment.id}/create-shipment`),
+          variant: "secondary",
+          children: t("orders.fulfillment.markAsShipped")
+        }
+      )
+    ] })
+  ] });
+};
+
+// src/pages/orders/[id]/_components/order-general-section/order-general-section.tsx
+import { XCircle as XCircle2 } from "@medusajs/icons";
+import {
+  Container as Container9,
+  Copy as Copy4,
+  Heading as Heading9,
+  StatusBadge as StatusBadge2,
+  Text as Text19,
+  toast as toast6,
+  usePrompt as usePrompt3
+} from "@medusajs/ui";
+import { useTranslation as useTranslation20 } from "react-i18next";
+import { jsx as jsx21, jsxs as jsxs22 } from "react/jsx-runtime";
+var OrderGeneralSection = ({ order }) => {
+  const { t } = useTranslation20();
+  const prompt = usePrompt3();
+  const { getFullDate } = useDate();
+  const { mutateAsync: cancelOrder } = useCancelOrder(order.id);
+  const hasAnyFulfilledItem = order.items?.some(
+    // @ts-ignore — detail.fulfilled_quantity is exposed via Mercur query-config
+    (i) => (i.detail?.fulfilled_quantity ?? 0) > 0
+  );
+  const cancelDisabled = !!order.canceled_at || !!hasAnyFulfilledItem;
+  const cancelDisabledTooltip = order.canceled_at ? void 0 : hasAnyFulfilledItem ? t("orders.actions.cancelDisabledFulfilled") : void 0;
+  const handleCancel = async () => {
+    const res = await prompt({
+      title: t("general.areYouSure"),
+      description: t("orders.cancelWarning", {
+        id: `#${order.display_id}`
+      }),
+      confirmText: t("actions.continue"),
+      cancelText: t("actions.cancel")
+    });
+    if (!res) {
+      return;
+    }
+    await cancelOrder(void 0, {
+      onSuccess: () => {
+        toast6.success(t("orders.orderCanceled"));
+      },
+      onError: (e) => {
+        toast6.error(e.message);
+      }
+    });
+  };
+  return /* @__PURE__ */ jsxs22(Container9, { className: "flex items-center justify-between px-6 py-4", children: [
+    /* @__PURE__ */ jsxs22("div", { children: [
+      /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-x-1", children: [
+        /* @__PURE__ */ jsxs22(Heading9, { children: [
+          "#",
+          order.display_id
+        ] }),
+        /* @__PURE__ */ jsx21(Copy4, { content: `#${order.display_id}`, className: "text-ui-fg-muted" })
+      ] }),
+      /* @__PURE__ */ jsx21(Text19, { size: "small", className: "text-ui-fg-subtle", children: t("orders.onDateFromSalesChannel", {
+        date: getFullDate({ date: order.created_at, includeTime: true }),
+        salesChannel: order.sales_channel?.name
+      }) })
+    ] }),
+    /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-x-4", children: [
+      /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-x-1.5", children: [
+        /* @__PURE__ */ jsx21(OrderBadge, { order }),
+        /* @__PURE__ */ jsx21(PaymentBadge, { order }),
+        /* @__PURE__ */ jsx21(FulfillmentBadge, { order })
+      ] }),
+      /* @__PURE__ */ jsx21(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: [
+                {
+                  label: t("actions.cancel"),
+                  onClick: handleCancel,
+                  disabled: cancelDisabled,
+                  disabledTooltip: cancelDisabledTooltip,
+                  icon: /* @__PURE__ */ jsx21(XCircle2, {})
+                }
+              ]
+            }
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+var FulfillmentBadge = ({ order }) => {
+  const { t } = useTranslation20();
+  if (!order.fulfillment_status) {
+    return null;
+  }
+  const { label, color } = getOrderFulfillmentStatus(
+    t,
+    order.fulfillment_status
+  );
+  return /* @__PURE__ */ jsx21(StatusBadge2, { color, className: "text-nowrap", children: label });
+};
+var PaymentBadge = ({ order }) => {
+  const { t } = useTranslation20();
+  if (!order.payment_status) {
+    return null;
+  }
+  const { label, color } = getOrderPaymentStatus(t, order.payment_status);
+  return /* @__PURE__ */ jsx21(StatusBadge2, { color, className: "text-nowrap", children: label });
+};
+var OrderBadge = ({ order }) => {
+  const { t } = useTranslation20();
+  const orderStatus = getCanceledOrderStatus(t, order.status);
+  if (!orderStatus) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx21(StatusBadge2, { color: orderStatus.color, className: "text-nowrap", children: orderStatus.label });
+};
+
+// src/pages/orders/[id]/_components/order-payment-section/order-payment-section.tsx
+import { ArrowUturnLeft as ArrowUturnLeft2, DocumentText } from "@medusajs/icons";
+import {
+  Badge,
+  Container as Container10,
+  Heading as Heading10,
+  StatusBadge as StatusBadge3,
+  Text as Text20,
+  Tooltip as Tooltip3
+} from "@medusajs/ui";
+import { useTranslation as useTranslation21 } from "react-i18next";
+
+// 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/pages/orders/[id]/_components/order-payment-section/order-payment-section.tsx
+import { jsx as jsx22, jsxs as jsxs23 } from "react/jsx-runtime";
+var getPaymentsFromOrder = (order) => {
+  return order.payment_collections?.map((collection) => collection.payments).flat(1).filter(Boolean);
+};
+var OrderPaymentSection = ({ order }) => {
+  const payments = getPaymentsFromOrder(order) ?? [];
+  return /* @__PURE__ */ jsxs23(Container10, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsx22(Header2, { order }),
+    payments.length > 0 && /* @__PURE__ */ jsx22("ul", { className: "divide-y", children: payments.map((payment) => /* @__PURE__ */ jsx22(PaymentRow, { order, payment }, payment.id)) }),
+    /* @__PURE__ */ jsx22(Total, { order })
+  ] });
+};
+var Header2 = ({ order }) => {
+  const { t } = useTranslation21();
+  return /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between px-6 py-4", children: [
+    /* @__PURE__ */ jsx22(Heading10, { level: "h2", children: t("orders.payment.title") }),
+    order.payment_status && /* @__PURE__ */ jsx22(
+      StatusBadge3,
+      {
+        color: getOrderPaymentStatus(t, order.payment_status).color,
+        className: "text-nowrap",
+        children: getOrderPaymentStatus(t, order.payment_status).label
+      }
+    )
+  ] });
+};
+var Total = ({ order }) => {
+  const { t } = useTranslation21();
+  if (!order.payment_collections?.length) {
+    return null;
+  }
+  const paymentCollections = order.payment_collections;
+  const totalCaptured = getTotalCaptured(paymentCollections);
+  const totalPending = getTotalPending(paymentCollections);
+  const totalRefunded = paymentCollections.reduce(
+    (acc, pc) => acc + (pc.refunded_amount || 0),
+    0
+  );
+  return /* @__PURE__ */ jsxs23("div", { children: [
+    /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx22(Text20, { size: "small", weight: "plus", leading: "compact", children: t("orders.payment.totalPaidByCustomer") }),
+      /* @__PURE__ */ jsx22(Text20, { size: "small", weight: "plus", leading: "compact", children: getStylizedAmount(totalCaptured, order.currency_code) })
+    ] }),
+    totalRefunded > 0 && /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx22(Text20, { size: "small", weight: "plus", leading: "compact", children: t("orders.payment.totalRefunded") }),
+      /* @__PURE__ */ jsx22(Text20, { size: "small", weight: "plus", leading: "compact", children: getStylizedAmount(totalRefunded, order.currency_code) })
+    ] }),
+    order.status !== "canceled" && totalPending > 0 && /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx22(Text20, { size: "small", weight: "plus", leading: "compact", children: t("orders.payment.totalPending") }),
+      /* @__PURE__ */ jsx22(Text20, { size: "small", weight: "plus", leading: "compact", children: getStylizedAmount(totalPending, order.currency_code) })
+    ] })
+  ] });
+};
+var getPaymentStatus = (payment) => {
+  const refundedAmount = (payment.refunds ?? []).reduce(
+    (acc, r) => acc + (r.amount ?? 0),
+    0
+  );
+  if (payment.canceled_at) {
+    return { labelKey: "orders.payment.status.canceled", color: "red" };
+  }
+  if (refundedAmount > 0 && refundedAmount >= payment.amount) {
+    return { labelKey: "orders.payment.status.refunded", color: "grey" };
+  }
+  if (refundedAmount > 0) {
+    return { labelKey: "orders.payment.status.partiallyRefunded", color: "orange" };
+  }
+  if (payment.captured_at) {
+    return { labelKey: "orders.payment.status.captured", color: "green" };
+  }
+  return { labelKey: "orders.payment.status.pending", color: "orange" };
+};
+var PaymentRow = ({
+  order,
+  payment
+}) => {
+  const { t } = useTranslation21();
+  const { getFullDate } = useDate();
+  const status = getPaymentStatus(payment);
+  const refunds = payment.refunds ?? [];
+  const refundedAmount = refunds.reduce(
+    (acc, r) => acc + (r.amount ?? 0),
+    0
+  );
+  const isFullyRefunded = refundedAmount > 0 && refundedAmount >= payment.amount;
+  const canRefund = !!payment.captured_at && !payment.canceled_at && !isFullyRefunded;
+  return /* @__PURE__ */ jsxs23("li", { "data-testid": `payment-row-${payment.id}`, children: [
+    /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "flex min-w-0 flex-col", children: [
+        /* @__PURE__ */ jsx22(Tooltip3, { content: payment.id, children: /* @__PURE__ */ jsx22(
+          Text20,
+          {
+            size: "small",
+            weight: "plus",
+            leading: "compact",
+            className: isFullyRefunded ? "text-ui-fg-muted truncate line-through" : "text-ui-fg-base truncate",
+            children: `#${payment.id.slice(-7)}`
+          }
+        ) }),
+        /* @__PURE__ */ jsx22(
+          Text20,
+          {
+            size: "xsmall",
+            leading: "compact",
+            className: isFullyRefunded ? "text-ui-fg-muted line-through" : "text-ui-fg-subtle",
+            children: payment.created_at ? getFullDate({ date: payment.created_at, includeTime: true }) : null
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-x-3", children: [
+        /* @__PURE__ */ jsx22(StatusBadge3, { color: status.color, className: "text-nowrap", children: t(status.labelKey) }),
+        /* @__PURE__ */ jsx22(
+          Text20,
+          {
+            size: "small",
+            weight: "plus",
+            leading: "compact",
+            className: isFullyRefunded ? "line-through" : void 0,
+            children: getStylizedAmount(payment.amount, order.currency_code)
+          }
+        ),
+        /* @__PURE__ */ jsx22(
+          ActionMenu,
+          {
+            groups: [
+              {
+                actions: [
+                  {
+                    label: t("orders.payment.createRefund"),
+                    icon: /* @__PURE__ */ jsx22(ArrowUturnLeft2, {}),
+                    to: `/orders/${order.id}/refund?payment_id=${payment.id}`,
+                    disabled: !canRefund
+                  }
+                ]
+              }
+            ]
+          }
+        )
+      ] })
+    ] }),
+    refunds.map((refund) => /* @__PURE__ */ jsx22(
+      RefundRow,
+      {
+        refund,
+        currencyCode: order.currency_code
+      },
+      refund.id
+    ))
+  ] });
+};
+var RefundRow = ({
+  refund,
+  currencyCode
+}) => {
+  const { t } = useTranslation21();
+  const { getFullDate } = useDate();
+  const reasonLabel = refund.refund_reason?.label ?? null;
+  return /* @__PURE__ */ jsxs23(
+    "div",
+    {
+      className: "flex items-center justify-between px-6 py-3 pl-12 bg-ui-bg-subtle",
+      "data-testid": `refund-row-${refund.id}`,
+      children: [
+        /* @__PURE__ */ jsxs23("div", { className: "flex min-w-0 flex-col", children: [
+          /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-x-2", children: [
+            /* @__PURE__ */ jsx22(Text20, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: t("orders.payment.refund") }),
+            reasonLabel && /* @__PURE__ */ jsx22(Badge, { size: "2xsmall", rounded: "full", children: reasonLabel }),
+            refund.note && /* @__PURE__ */ jsx22(Tooltip3, { content: refund.note, children: /* @__PURE__ */ jsx22(DocumentText, { className: "text-ui-fg-subtle h-3 w-3" }) })
+          ] }),
+          refund.created_at && /* @__PURE__ */ jsx22(Text20, { size: "xsmall", leading: "compact", className: "text-ui-fg-subtle", children: getFullDate({ date: refund.created_at, includeTime: true }) })
+        ] }),
+        /* @__PURE__ */ jsx22(Text20, { size: "small", weight: "plus", leading: "compact", children: `- ${getLocaleAmount(refund.amount ?? 0, currencyCode)}` })
+      ]
+    }
+  );
+};
+
+// src/pages/orders/[id]/_components/order-summary-section/order-summary-section.tsx
+import { useMemo as useMemo5, useState as useState5 } from "react";
+import { useTranslation as useTranslation24 } from "react-i18next";
+import { Link as Link4 } from "react-router-dom";
+import {
+  ArrowDownRightMini,
+  ArrowLongRight,
+  ArrowPath as ArrowPath2,
+  ArrowUturnLeft as ArrowUturnLeft3,
+  DocumentText as DocumentText2,
+  ExclamationCircle as ExclamationCircle2,
+  PencilSquare,
+  TriangleDownMini
+} from "@medusajs/icons";
+import {
+  Badge as Badge4,
+  Button as Button7,
+  clx as clx2,
+  Container as Container11,
+  Copy as Copy5,
+  Heading as Heading11,
+  StatusBadge as StatusBadge4,
+  Text as Text22,
+  Tooltip as Tooltip5,
+  toast as toast7
+} from "@medusajs/ui";
+
+// src/pages/orders/[id]/_components/order-summary-section/return-info-popover.tsx
+import { useState as useState4 } from "react";
+import { useTranslation as useTranslation22 } from "react-i18next";
+import { InformationCircleSolid } from "@medusajs/icons";
+import { Badge as Badge2, Popover as Popover3, Text as Text21 } from "@medusajs/ui";
+import { jsx as jsx23, jsxs as jsxs24 } from "react/jsx-runtime";
+function ReturnInfoPopover({ orderReturn }) {
+  const { t } = useTranslation22();
+  const { getFullDate } = useDate();
+  const [open, setOpen] = useState4(false);
+  if (typeof orderReturn !== "object") {
+    return null;
+  }
+  let returnType = "Return";
+  let returnTypeId = orderReturn.id;
+  if (orderReturn.claim_id) {
+    returnType = "Claim";
+    returnTypeId = orderReturn.claim_id;
+  }
+  if (orderReturn.exchange_id) {
+    returnType = "Exchange";
+    returnTypeId = orderReturn.exchange_id;
+  }
+  return /* @__PURE__ */ jsxs24(Popover3, { open, children: [
+    /* @__PURE__ */ jsx23(
+      Popover3.Trigger,
+      {
+        onMouseEnter: () => setOpen(true),
+        onMouseLeave: () => setOpen(false),
+        autoFocus: false,
+        className: "align-sub focus-visible:outline-none",
+        "data-testid": "order-summary-return-info-trigger",
+        children: /* @__PURE__ */ jsx23(InformationCircleSolid, {})
+      }
+    ),
+    /* @__PURE__ */ jsx23(
+      Popover3.Content,
+      {
+        align: "center",
+        side: "top",
+        className: "bg-ui-bg-component p-2 focus-visible:outline-none",
+        children: /* @__PURE__ */ jsxs24("div", { children: [
+          /* @__PURE__ */ jsxs24(Badge2, { size: "2xsmall", className: "mb-2", rounded: "full", children: [
+            returnType,
+            ": #",
+            returnTypeId.slice(-7)
+          ] }),
+          /* @__PURE__ */ jsxs24(Text21, { size: "xsmall", children: [
+            /* @__PURE__ */ jsx23("span", { className: "text-ui-fg-subtle", children: t("orders.returns.returnRequested") }),
+            " \xB7 ",
+            getFullDate({
+              date: orderReturn.requested_at,
+              includeTime: true
+            })
+          ] }),
+          /* @__PURE__ */ jsxs24(Text21, { size: "xsmall", children: [
+            /* @__PURE__ */ jsx23("span", { className: "text-ui-fg-subtle", children: t("orders.returns.itemReceived") }),
+            " \xB7 ",
+            orderReturn.received_at ? getFullDate({
+              date: orderReturn.received_at,
+              includeTime: true
+            }) : "-"
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+var return_info_popover_default = ReturnInfoPopover;
+
+// src/pages/orders/[id]/_components/order-summary-section/shipping-info-popover.tsx
+import { InformationCircleSolid as InformationCircleSolid2 } from "@medusajs/icons";
+import { Badge as Badge3, Tooltip as Tooltip4 } from "@medusajs/ui";
+import { useTranslation as useTranslation23 } from "react-i18next";
+import { jsx as jsx24, jsxs as jsxs25 } from "react/jsx-runtime";
+function ShippingInfoPopover({ shippingMethod }) {
+  const { t } = useTranslation23();
+  const shippingDetail = shippingMethod?.detail;
+  if (!shippingDetail) {
+    return;
+  }
+  let rmaType = t("orders.return");
+  let rmaId = shippingDetail.return_id;
+  if (shippingDetail.claim_id) {
+    rmaType = t("orders.claim");
+    rmaId = shippingDetail.claim_id;
+  }
+  if (shippingDetail.exchange_id) {
+    rmaType = t("orders.exchange");
+    rmaId = shippingDetail.exchange_id;
+  }
+  if (!rmaId) {
+    return;
+  }
+  return /* @__PURE__ */ jsx24(
+    Tooltip4,
+    {
+      content: /* @__PURE__ */ jsxs25(Badge3, { size: "2xsmall", rounded: "full", children: [
+        rmaType,
+        ": #",
+        rmaId.slice(-7)
+      ] }),
+      children: /* @__PURE__ */ jsx24(InformationCircleSolid2, { className: "inline-block text-ui-fg-muted ml-1" })
+    }
+  );
+}
+var shipping_info_popover_default = ShippingInfoPopover;
+
+// src/pages/orders/[id]/_components/order-summary-section/order-summary-section.tsx
+import { Fragment as Fragment3, jsx as jsx25, jsxs as jsxs26 } from "react/jsx-runtime";
+var OrderSummarySection = ({
+  order
+}) => {
+  const { t } = useTranslation24();
+  const { reservations } = useReservationItems(
+    {
+      line_item_id: order?.items?.map((i) => i.id),
+      limit: getReservationsLimitCount(order)
+    },
+    { enabled: Array.isArray(order?.items) }
+  );
+  const { order: orderPreview } = useOrderPreview(order.id);
+  const reservationList = useMemo5(
+    () => reservations ?? [],
+    [reservations]
+  );
+  const { returns: receivableReturnsList = [] } = useReturns({
+    status: "requested",
+    order_id: order.id,
+    fields: "+received_at"
+  });
+  const receivableReturns = useMemo5(
+    () => receivableReturnsList.filter((r) => !r.canceled_at),
+    [receivableReturnsList]
+  );
+  const showReturns = !!receivableReturns.length;
+  const showAllocateButton = useMemo5(() => {
+    if (!reservations) {
+      return false;
+    }
+    const reservationsMap = new Map(
+      reservationList.map((r) => [r.line_item_id, r.id])
+    );
+    return order.items?.some((item) => {
+      const offerLinks = item.offer?.inventory_item_link;
+      if (!offerLinks?.length) {
+        return false;
+      }
+      const fulfilled = item.detail?.fulfilled_quantity ?? 0;
+      if (item.quantity - fulfilled <= 0) {
+        return false;
+      }
+      return !reservationsMap.has(item.id);
+    }) ?? false;
+  }, [order.items, reservations, reservationList]);
+  const unpaidPaymentCollection = order.payment_collections?.find(
+    (pc) => pc.status !== "captured" && pc.status !== "canceled"
+  );
+  const pendingDifference = order.summary?.pending_difference || 0;
+  const isAmountSignificant = !isAmountLessThenRoundingError(
+    pendingDifference,
+    order.currency_code
+  );
+  const showRefund = unpaidPaymentCollection && pendingDifference < 0 && isAmountSignificant;
+  return /* @__PURE__ */ jsxs26(Container11, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsx25(Header3, { order, orderPreview }),
+    /* @__PURE__ */ jsx25(ItemBreakdown, { order, reservations: reservationList }),
+    /* @__PURE__ */ jsx25(CostBreakdown, { order }),
+    /* @__PURE__ */ jsx25(Total2, { order }),
+    (showReturns || showRefund || showAllocateButton) && /* @__PURE__ */ jsxs26("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__ */ jsx25(Button7, { asChild: true, variant: "secondary", size: "small", children: /* @__PURE__ */ jsx25(
+        Link4,
+        {
+          to: `/orders/${order.id}/returns/${receivableReturns[0].id}/receive`,
+          children: t("orders.returns.receive.action")
+        }
+      ) }) : /* @__PURE__ */ jsx25(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: receivableReturns.map((r) => {
+                let id = r.id;
+                let returnType = "Return";
+                if (r.exchange_id) {
+                  id = r.exchange_id;
+                  returnType = "Exchange";
+                }
+                if (r.claim_id) {
+                  id = r.claim_id;
+                  returnType = "Claim";
+                }
+                return {
+                  label: t("orders.returns.receive.receiveItems", {
+                    id: `#${id?.slice(-7)}`,
+                    returnType
+                  }),
+                  icon: /* @__PURE__ */ jsx25(ArrowLongRight, {}),
+                  to: `/orders/${order.id}/returns/${r.id}/receive`
+                };
+              })
+            }
+          ],
+          children: /* @__PURE__ */ jsx25(Button7, { variant: "secondary", size: "small", children: t("orders.returns.receive.action") })
+        }
+      )),
+      showAllocateButton && /* @__PURE__ */ jsx25(
+        Button7,
+        {
+          asChild: true,
+          variant: "secondary",
+          size: "small",
+          "data-testid": "order-summary-allocate-items-cta",
+          children: /* @__PURE__ */ jsx25(Link4, { to: "allocate-items", children: t("orders.allocateItems.action") })
+        }
+      ),
+      showRefund && /* @__PURE__ */ jsx25(Button7, { size: "small", variant: "secondary", asChild: true, children: /* @__PURE__ */ jsx25(Link4, { to: `/orders/${order.id}/refund`, children: t("orders.payment.refundAmount", {
+        amount: getStylizedAmount(
+          pendingDifference * -1,
+          order?.currency_code
+        )
+      }) }) })
+    ] }),
+    /* @__PURE__ */ jsx25(OutstandingActions, { order })
+  ] });
+};
+var Header3 = ({
+  order,
+  orderPreview
+}) => {
+  const { t } = useTranslation24();
+  const isCanceled = !!order.canceled_at;
+  const returnOutOfPolicy = isOutsidePolicyWindow(order, RETURN_POLICY_DAYS);
+  const exchangeOutOfPolicy = isOutsidePolicyWindow(
+    order,
+    EXCHANGE_POLICY_DAYS
+  );
+  const claimOutOfPolicy = isOutsidePolicyWindow(order, CLAIM_POLICY_DAYS);
+  const shouldDisableReturn = (order.items || []).every(
+    (i) => !(getReturnableQuantity(i) > 0)
+  );
+  const orderChange = orderPreview?.order_change;
+  const isOrderEditActive = orderChange?.change_type === "edit";
+  const isOrderEditPending = orderChange?.change_type === "edit" && orderChange?.status === "pending";
+  const editDisabled = isCanceled || !!orderChange && orderChange.change_type !== "edit" || orderChange?.change_type === "edit" && orderChange?.status === "requested";
+  const returnDisabledByChange = isOrderEditActive || !!orderChange?.exchange_id || !!orderChange?.claim_id;
+  const exchangeDisabledByChange = isOrderEditActive || !!orderChange?.return_id && !orderChange?.exchange_id || !!orderChange?.claim_id;
+  const claimDisabledByChange = isOrderEditActive || !!orderChange?.return_id && !orderChange?.claim_id || !!orderChange?.exchange_id;
+  return /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between px-6 py-4", children: [
+    /* @__PURE__ */ jsx25(Heading11, { level: "h2", children: t("fields.summary") }),
+    /* @__PURE__ */ jsx25(
+      ActionMenu,
+      {
+        groups: [
+          {
+            actions: [
+              {
+                label: t(
+                  isOrderEditPending ? "orders.summary.editOrderContinue" : "orders.edits.create"
+                ),
+                to: "edit",
+                disabled: editDisabled,
+                icon: /* @__PURE__ */ jsx25(PencilSquare, {})
+              }
+            ]
+          },
+          {
+            actions: [
+              {
+                label: t("orders.returns.create"),
+                to: "returns/create",
+                disabled: isCanceled || returnOutOfPolicy || shouldDisableReturn || returnDisabledByChange,
+                disabledTooltip: returnOutOfPolicy ? t("orders.returns.outOfPolicy", {
+                  days: RETURN_POLICY_DAYS
+                }) : void 0,
+                icon: /* @__PURE__ */ jsx25(ArrowUturnLeft3, {})
+              },
+              {
+                label: orderChange?.id && orderChange?.exchange_id ? t("orders.exchanges.manage") : t("orders.exchanges.create"),
+                to: "exchanges/create",
+                disabled: isCanceled || exchangeOutOfPolicy || shouldDisableReturn || exchangeDisabledByChange,
+                disabledTooltip: exchangeOutOfPolicy ? t("orders.exchanges.outOfPolicy", {
+                  days: EXCHANGE_POLICY_DAYS
+                }) : void 0,
+                icon: /* @__PURE__ */ jsx25(ArrowPath2, {})
+              },
+              {
+                label: orderChange?.id && orderChange?.claim_id ? t("orders.claims.manage") : t("orders.claims.create"),
+                to: "claims/create",
+                disabled: isCanceled || claimOutOfPolicy || shouldDisableReturn || claimDisabledByChange,
+                disabledTooltip: claimOutOfPolicy ? t("orders.claims.outOfPolicy", {
+                  days: CLAIM_POLICY_DAYS
+                }) : void 0,
+                icon: /* @__PURE__ */ jsx25(ExclamationCircle2, {})
+              }
+            ]
+          }
+        ]
+      }
+    )
+  ] });
+};
+var Item = ({
+  item,
+  currencyCode,
+  returns,
+  reservation
+}) => {
+  const { t } = useTranslation24();
+  const original_price = item.variant?.prices?.find((price2) => price2.currency_code === currencyCode)?.amount || 0;
+  const price = item.unit_price;
+  const offerInventoryLinks = item.offer?.inventory_item_link ?? [];
+  const isInventoryManaged = !!offerInventoryLinks.length;
+  const hasUnfulfilledItems = item.quantity - (item.detail?.fulfilled_quantity ?? 0) > 0;
+  const offerSku = item.offer?.sku ?? null;
+  const captionSku = offerSku ?? item.variant_sku ?? null;
+  return /* @__PURE__ */ jsxs26(Fragment3, { children: [
+    /* @__PURE__ */ jsxs26(
+      "div",
+      {
+        className: "text-ui-fg-subtle grid grid-cols-2 items-center gap-x-4 px-6 py-4",
+        children: [
+          /* @__PURE__ */ jsxs26("div", { className: "flex items-start gap-x-4", children: [
+            /* @__PURE__ */ jsx25(Thumbnail, { src: item.thumbnail }),
+            /* @__PURE__ */ jsxs26("div", { children: [
+              /* @__PURE__ */ jsx25(
+                Text22,
+                {
+                  size: "small",
+                  leading: "compact",
+                  weight: "plus",
+                  className: "text-ui-fg-base",
+                  children: item.title || item.product_title
+                }
+              ),
+              captionSku && /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-x-1", children: [
+                /* @__PURE__ */ jsx25(Text22, { size: "small", children: captionSku }),
+                /* @__PURE__ */ jsx25(Copy5, { content: captionSku, className: "text-ui-fg-muted" })
+              ] }),
+              /* @__PURE__ */ jsx25(Text22, { size: "small", children: item.variant?.options?.map((o) => o.value).join(" \xB7 ") })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs26("div", { className: "grid grid-cols-3 items-center gap-x-4", children: [
+            /* @__PURE__ */ jsx25("div", { className: "flex items-center justify-end gap-x-4", children: /* @__PURE__ */ jsxs26(Text22, { size: "small", children: [
+              original_price !== price && /* @__PURE__ */ jsx25("span", { className: "line-through text-ui-fg-muted text-xs mr-1", children: getLocaleAmount(original_price, currencyCode) }),
+              getLocaleAmount(price, currencyCode)
+            ] }) }),
+            /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-x-2", children: [
+              /* @__PURE__ */ jsx25("div", { className: "w-fit min-w-[27px]", children: /* @__PURE__ */ jsxs26(Text22, { size: "small", children: [
+                /* @__PURE__ */ jsx25("span", { className: "tabular-nums", children: item.quantity }),
+                "x"
+              ] }) }),
+              /* @__PURE__ */ jsx25("div", { className: "overflow-visible", children: isInventoryManaged && hasUnfulfilledItems && /* @__PURE__ */ jsx25(
+                StatusBadge4,
+                {
+                  color: reservation ? "green" : "orange",
+                  className: "text-nowrap",
+                  children: reservation ? t("orders.reservations.allocatedLabel") : t("orders.reservations.notAllocatedLabel")
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsx25("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsx25(Text22, { size: "small", className: "pt-[1px]", children: getLocaleAmount(item.original_total || 0, currencyCode) }) })
+          ] })
+        ]
+      },
+      item.id
+    ),
+    returns.map((r) => /* @__PURE__ */ jsx25(ReturnBreakdown, { orderReturn: r, itemId: item.id }, r.id))
+  ] });
+};
+var ItemBreakdown = ({
+  order,
+  reservations
+}) => {
+  const { returns: returnsList = [] } = useReturns({
+    order_id: order.id,
+    fields: "*items,*items.reason"
+  });
+  const returns = useMemo5(
+    () => returnsList.filter((r) => !r.canceled_at),
+    [returnsList]
+  );
+  const reservationsMap = useMemo5(
+    () => new Map(reservations.map((r) => [r.line_item_id, r])),
+    [reservations]
+  );
+  return /* @__PURE__ */ jsx25("div", { children: order.items?.map((item) => {
+    return /* @__PURE__ */ jsx25(
+      Item,
+      {
+        item,
+        currencyCode: order.currency_code,
+        returns,
+        reservation: reservationsMap.get(item.id)
+      },
+      item.id
+    );
+  }) });
+};
+var ReturnBreakdownWithDamages = ({
+  orderReturn,
+  itemId
+}) => {
+  const { t } = useTranslation24();
+  const item = orderReturn.items?.find((ri) => ri.item_id === itemId);
+  const damagedQuantity = item?.damaged_quantity || 0;
+  if (!item || damagedQuantity <= 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs26(
+    "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__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx25(ArrowDownRightMini, { className: "text-ui-fg-muted" }),
+          /* @__PURE__ */ jsx25(Text22, { size: "small", children: t("orders.returns.damagedItemsReturned", {
+            quantity: damagedQuantity
+          }) }),
+          item.note && /* @__PURE__ */ jsx25(Tooltip5, { content: item.note, children: /* @__PURE__ */ jsx25(DocumentText2, { className: "text-ui-tag-neutral-icon ml-1 inline" }) }),
+          item.reason && /* @__PURE__ */ jsx25(
+            Badge4,
+            {
+              size: "2xsmall",
+              className: "cursor-default select-none capitalize",
+              rounded: "full",
+              children: item.reason.label
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs26(Text22, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: [
+          t("orders.returns.damagedItemReceived"),
+          /* @__PURE__ */ jsx25("span", { className: "ml-2", children: /* @__PURE__ */ jsx25(return_info_popover_default, { orderReturn }) })
+        ] })
+      ]
+    },
+    `${orderReturn.id}-damaged`
+  );
+};
+var ReturnBreakdown = ({
+  orderReturn,
+  itemId
+}) => {
+  const { t } = useTranslation24();
+  const { getRelativeDate } = useDate();
+  if (!["requested", "received", "partially_received"].includes(
+    orderReturn.status || ""
+  )) {
+    return null;
+  }
+  const isRequested = orderReturn.status === "requested";
+  const item = orderReturn.items?.find((ri) => ri.item_id === itemId);
+  if (!item) {
+    return null;
+  }
+  const damagedQuantity = item.damaged_quantity || 0;
+  return /* @__PURE__ */ jsxs26(Fragment3, { children: [
+    damagedQuantity > 0 && /* @__PURE__ */ jsx25(
+      ReturnBreakdownWithDamages,
+      {
+        orderReturn,
+        itemId
+      }
+    ),
+    /* @__PURE__ */ jsxs26(
+      "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__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx25(ArrowDownRightMini, { className: "text-ui-fg-muted" }),
+            /* @__PURE__ */ jsx25(Text22, { size: "small", children: t(
+              `orders.returns.${isRequested ? "returnRequestedInfo" : "returnReceivedInfo"}`,
+              {
+                requestedItemsCount: isRequested ? item.quantity : item.received_quantity
+              }
+            ) }),
+            item.note && /* @__PURE__ */ jsx25(Tooltip5, { content: item.note, children: /* @__PURE__ */ jsx25(DocumentText2, { className: "text-ui-tag-neutral-icon ml-1 inline" }) }),
+            item.reason && /* @__PURE__ */ jsx25(
+              Badge4,
+              {
+                size: "2xsmall",
+                className: "cursor-default select-none capitalize",
+                rounded: "full",
+                children: item.reason.label
+              }
+            )
+          ] }),
+          isRequested ? /* @__PURE__ */ jsxs26(Text22, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: [
+            getRelativeDate(orderReturn.created_at),
+            /* @__PURE__ */ jsx25("span", { className: "ml-2", children: /* @__PURE__ */ jsx25(return_info_popover_default, { orderReturn }) })
+          ] }) : /* @__PURE__ */ jsxs26(Text22, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: [
+            t("orders.returns.itemReceived"),
+            /* @__PURE__ */ jsx25("span", { className: "ml-2", children: /* @__PURE__ */ jsx25(return_info_popover_default, { orderReturn }) })
+          ] })
+        ]
+      },
+      item.id
+    )
+  ] });
+};
+var Cost = ({
+  label,
+  value,
+  secondaryValue,
+  tooltip
+}) => /* @__PURE__ */ jsxs26("div", { className: "grid grid-cols-3 items-center", children: [
+  /* @__PURE__ */ jsxs26(Text22, { size: "small", leading: "compact", children: [
+    label,
+    " ",
+    tooltip
+  ] }),
+  /* @__PURE__ */ jsx25("div", { className: "text-right", children: /* @__PURE__ */ jsx25(Text22, { size: "small", leading: "compact", children: secondaryValue }) }),
+  /* @__PURE__ */ jsx25("div", { className: "text-right", children: /* @__PURE__ */ jsx25(Text22, { size: "small", leading: "compact", children: value }) })
+] });
+var CostBreakdown = ({
+  order
+}) => {
+  const { t } = useTranslation24();
+  const [isTaxOpen, setIsTaxOpen] = useState5(false);
+  const [isShippingOpen, setIsShippingOpen] = useState5(false);
+  const discountCodes = useMemo5(() => {
+    const codes = /* @__PURE__ */ new Set();
+    order.items.forEach(
+      (item) => item.adjustments?.forEach((adj) => {
+        codes.add(adj.code);
+      })
+    );
+    return Array.from(codes).sort();
+  }, [order]);
+  const taxCodes = useMemo5(() => {
+    const taxCodeMap = {};
+    order.items.forEach((item) => {
+      item.tax_lines?.forEach((line) => {
+        taxCodeMap[line.code] = (taxCodeMap[line.code] || 0) + line.total;
+      });
+    });
+    order.shipping_methods.forEach((sm) => {
+      sm.tax_lines?.forEach((line) => {
+        taxCodeMap[line.code] = (taxCodeMap[line.code] || 0) + line.total;
+      });
+    });
+    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__ */ jsxs26("div", { className: "text-ui-fg-subtle flex flex-col gap-y-2 px-6 py-4", children: [
+    /* @__PURE__ */ jsx25(
+      Cost,
+      {
+        label: t(
+          automaticTaxesOn ? "orders.summary.itemTotal" : "orders.summary.itemSubtotal"
+        ),
+        value: getLocaleAmount(order.item_total, order.currency_code)
+      }
+    ),
+    /* @__PURE__ */ jsx25(
+      Cost,
+      {
+        label: (
+          // oxlint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+          /* @__PURE__ */ jsxs26(
+            "span",
+            {
+              onClick: () => setIsShippingOpen((o) => !o),
+              className: "flex cursor-pointer items-center gap-1",
+              children: [
+                /* @__PURE__ */ jsx25("span", { children: t(
+                  automaticTaxesOn ? "orders.summary.shippingTotal" : "orders.summary.shippingSubtotal"
+                ) }),
+                /* @__PURE__ */ jsx25(
+                  TriangleDownMini,
+                  {
+                    style: {
+                      transform: `rotate(${isShippingOpen ? 0 : -90}deg)`
+                    }
+                  }
+                )
+              ]
+            }
+          )
+        ),
+        value: getLocaleAmount(
+          automaticTaxesOn ? order.shipping_total : order.shipping_subtotal,
+          order.currency_code
+        )
+      }
+    ),
+    isShippingOpen && /* @__PURE__ */ jsx25("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__ */ jsxs26(
+        "div",
+        {
+          className: "flex items-center justify-between gap-x-2",
+          children: [
+            /* @__PURE__ */ jsx25("div", { children: /* @__PURE__ */ jsxs26("span", { className: "txt-small text-ui-fg-subtle font-medium", children: [
+              sm.name,
+              sm.detail?.return_id && ` (${t("fields.returnShipping")})`,
+              " ",
+              /* @__PURE__ */ jsx25(shipping_info_popover_default, { shippingMethod: sm }, i)
+            ] }) }),
+            /* @__PURE__ */ jsx25("div", { className: "relative flex-1", children: /* @__PURE__ */ jsx25("div", { className: "bottom-[calc(50% - 2px)] absolute h-[1px] w-full border-b border-dashed" }) }),
+            /* @__PURE__ */ jsx25("span", { className: "txt-small text-ui-fg-muted", children: getLocaleAmount(
+              automaticTaxesOn ? sm.total : sm.subtotal,
+              order.currency_code
+            ) })
+          ]
+        },
+        sm.id
+      );
+    }) }),
+    /* @__PURE__ */ jsx25(
+      Cost,
+      {
+        label: t(
+          automaticTaxesOn ? "orders.summary.discountTotal" : "orders.summary.discountSubtotal"
+        ),
+        secondaryValue: discountCodes.join(", "),
+        value: discountTotal > 0 ? `- ${getLocaleAmount(discountTotal, order.currency_code)}` : "-"
+      }
+    ),
+    /* @__PURE__ */ jsxs26(Fragment3, { children: [
+      /* @__PURE__ */ jsxs26("div", { className: "flex justify-between", children: [
+        /* @__PURE__ */ jsxs26(
+          "div",
+          {
+            onClick: () => hasTaxLines && setIsTaxOpen((o) => !o),
+            className: clx2("flex items-center gap-1", {
+              "cursor-pointer": hasTaxLines
+            }),
+            children: [
+              /* @__PURE__ */ jsx25("span", { className: "txt-small select-none", children: t(
+                automaticTaxesOn ? "orders.summary.taxTotalIncl" : "orders.summary.taxTotal"
+              ) }),
+              hasTaxLines && /* @__PURE__ */ jsx25(
+                TriangleDownMini,
+                {
+                  style: {
+                    transform: `rotate(${isTaxOpen ? 0 : -90}deg)`
+                  }
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx25("div", { className: "text-right", children: /* @__PURE__ */ jsx25(Text22, { size: "small", leading: "compact", children: getLocaleAmount(order.tax_total, order.currency_code) }) })
+      ] }),
+      isTaxOpen && /* @__PURE__ */ jsx25("div", { className: "flex flex-col gap-1 pl-5", children: Object.entries(taxCodes).map(([code, total]) => {
+        return /* @__PURE__ */ jsxs26(
+          "div",
+          {
+            className: "flex items-center justify-between gap-x-2",
+            children: [
+              /* @__PURE__ */ jsx25("div", { children: /* @__PURE__ */ jsx25("span", { className: "txt-small text-ui-fg-subtle font-medium", children: code }) }),
+              /* @__PURE__ */ jsx25("div", { className: "relative flex-1", children: /* @__PURE__ */ jsx25("div", { className: "bottom-[calc(50% - 2px)] absolute h-[1px] w-full border-b border-dashed" }) }),
+              /* @__PURE__ */ jsx25("span", { className: "txt-small text-ui-fg-muted", children: getLocaleAmount(total, order.currency_code) })
+            ]
+          },
+          code
+        );
+      }) })
+    ] })
+  ] });
+};
+var Total2 = ({ order }) => {
+  const { t } = useTranslation24();
+  const totalCaptured = getTotalCaptured(order.payment_collections || []);
+  const outstanding = Math.max(0, order.total - totalCaptured);
+  return /* @__PURE__ */ jsxs26("div", { className: " flex flex-col gap-y-2 px-6 py-4", children: [
+    /* @__PURE__ */ jsxs26("div", { className: "text-ui-fg-base flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx25(
+        Text22,
+        {
+          weight: "plus",
+          className: "text-ui-fg-subtle",
+          size: "small",
+          leading: "compact",
+          children: t("fields.total")
+        }
+      ),
+      /* @__PURE__ */ jsx25(
+        Text22,
+        {
+          weight: "plus",
+          className: "text-ui-fg-subtle",
+          size: "small",
+          leading: "compact",
+          children: getStylizedAmount(order.total, order.currency_code)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs26("div", { className: "text-ui-fg-base flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx25(
+        Text22,
+        {
+          weight: "plus",
+          className: "text-ui-fg-subtle",
+          size: "small",
+          leading: "compact",
+          children: t("fields.paidTotal")
+        }
+      ),
+      /* @__PURE__ */ jsx25(
+        Text22,
+        {
+          weight: "plus",
+          className: "text-ui-fg-subtle",
+          size: "small",
+          leading: "compact",
+          children: getStylizedAmount(totalCaptured, order.currency_code)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs26("div", { className: "text-ui-fg-base flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx25(Text22, { weight: "plus", size: "small", leading: "compact", children: t("orders.payment.outstandingAmount") }),
+      /* @__PURE__ */ jsx25(Text22, { weight: "plus", size: "small", leading: "compact", children: getStylizedAmount(outstanding, order.currency_code) })
+    ] })
+  ] });
+};
+var OutstandingActions = ({ order }) => {
+  const { t } = useTranslation24();
+  const unpaidCollection = order.payment_collections?.find(
+    (pc) => pc.status !== "captured" && pc.status !== "canceled"
+  );
+  const pendingDifference = order.summary?.pending_difference || 0;
+  const isOutstanding = pendingDifference > 5e-3 && order.status !== "canceled" && !!unpaidCollection;
+  if (!isOutstanding || !unpaidCollection) {
+    return null;
+  }
+  const paymentLink = unpaidCollection.payment_sessions?.[0]?.data?.url ?? null;
+  if (!paymentLink) {
+    return null;
+  }
+  const handleCopyLink = async () => {
+    try {
+      await navigator.clipboard.writeText(paymentLink);
+      toast7.success(t("orders.payment.copyLinkSuccess"));
+    } catch {
+      toast7.error(t("orders.payment.copyLinkError"));
+    }
+  };
+  return /* @__PURE__ */ jsx25("div", { className: "bg-ui-bg-subtle flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", children: /* @__PURE__ */ jsx25(Button7, { size: "small", variant: "secondary", onClick: handleCopyLink, children: t("orders.payment.copyPaymentLink", {
+    amount: getStylizedAmount(pendingDifference, order.currency_code)
+  }) }) });
+};
+
+// src/pages/orders/[id]/order-detail-page.tsx
+import { Fragment as Fragment4, jsx as jsx26, jsxs as jsxs27 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  const initialData = useLoaderData();
+  const { id } = useParams();
+  const { order, isLoading, isError, error } = useOrder(
+    id,
+    {
+      fields: DEFAULT_FIELDS
+    },
+    {
+      initialData
+    }
+  );
+  const { order: orderPreview, isLoading: isPreviewLoading } = useOrderPreview(
+    id
+  );
+  if (order) {
+    order.items = order.items.sort((itemA, itemB) => {
+      if (itemA.created_at > itemB.created_at) {
+        return 1;
+      }
+      if (itemA.created_at < itemB.created_at) {
+        return -1;
+      }
+      return 0;
+    });
+  }
+  if (isLoading || !order || isPreviewLoading) {
+    return /* @__PURE__ */ jsx26(TwoColumnPageSkeleton, { mainSections: 4, sidebarSections: 2, showJSON: true });
+  }
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx26(Fragment4, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs27(TwoColumnPage, { data: order, hasOutlet: true, showMetadata: true, showJSON: true, children: [
+    /* @__PURE__ */ jsxs27(TwoColumnPage.Main, { children: [
+      /* @__PURE__ */ jsx26(OrderActiveEditSection, { order }),
+      orderPreview && /* @__PURE__ */ jsxs27(Fragment4, { children: [
+        /* @__PURE__ */ jsx26(ActiveOrderClaimSection, { orderPreview }),
+        /* @__PURE__ */ jsx26(ActiveOrderExchangeSection, { orderPreview }),
+        /* @__PURE__ */ jsx26(ActiveOrderReturnSection, { orderPreview })
+      ] }),
+      /* @__PURE__ */ jsx26(OrderGeneralSection, { order }),
+      /* @__PURE__ */ jsx26(OrderSummarySection, { order }),
+      /* @__PURE__ */ jsx26(OrderCommissionSection, { order }),
+      /* @__PURE__ */ jsx26(OrderPaymentSection, { order }),
+      /* @__PURE__ */ jsx26(OrderFulfillmentSection, { order })
+    ] }),
+    /* @__PURE__ */ jsxs27(TwoColumnPage.Sidebar, { children: [
+      /* @__PURE__ */ jsx26(OrderCustomerSection, { order }),
+      /* @__PURE__ */ jsx26(OrderActivitySection, { order })
+    ] })
+  ] }) });
+};
+var OrderDetailPage = Object.assign(Root, {
+  Main: TwoColumnPage.Main,
+  Sidebar: TwoColumnPage.Sidebar,
+  MainActiveEditSection: OrderActiveEditSection,
+  MainActiveClaimSection: ActiveOrderClaimSection,
+  MainActiveExchangeSection: ActiveOrderExchangeSection,
+  MainActiveReturnSection: ActiveOrderReturnSection,
+  MainGeneralSection: OrderGeneralSection,
+  MainSummarySection: OrderSummarySection,
+  MainPaymentSection: OrderPaymentSection,
+  MainFulfillmentSection: OrderFulfillmentSection,
+  SidebarCustomerSection: OrderCustomerSection,
+  SidebarActivitySection: OrderActivitySection
+});
+export {
+  OrderDetailPage,
+  loader
+};