@mercurjs/admin 2.2.1 → 2.3.0-canary.0

package/dist/{chunk-KGZZFXXX.js → chunk-HBLA43D4.js}

@@ -1,6 +1,6 @@
 import {
-  InventoryItemGeneralSection
-} from "./chunk-APAT344J.js";
+  SidebarLink
+} from "./chunk-UST2RGWB.js";
 import {
   getFormattedCountry
 } from "./chunk-W6Y3PPU5.js";
@@ -19,24 +19,24 @@ import {
 } from "./chunk-E74OUNA3.js";
 import {
   Thumbnail
-} from "./chunk-WIYFXWRI.js";
+} from "./chunk-U3I6S3RO.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-NEURB6JB.js";
+} from "./chunk-BSXBRI23.js";
 import {
   useDate
 } from "./chunk-UZWFZMOX.js";
 import {
   useStockLocations
-} from "./chunk-IF2MFOIQ.js";
+} from "./chunk-H5E3CGD7.js";
 import {
   useDeleteReservationItem,
   useReservationItems
-} from "./chunk-U4BIWWRA.js";
+} from "./chunk-S7TEUVP7.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -48,13 +48,13 @@ import {
   inventoryItemsQueryKeys,
   useInventoryItem,
   useInventoryItemLevels
-} from "./chunk-QE57IFSR.js";
+} from "./chunk-Z476HUMI.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
 import {
   sdk
-} from "./chunk-JTAECZCT.js";
+} from "./chunk-DTGEFKK4.js";
 
 // src/pages/inventory/inventory-detail/inventory-detail.tsx
 import { Children } from "react";
@@ -118,32 +118,165 @@ var InventoryItemAttributeSection = ({
   ] });
 };
 
+// src/pages/inventory/inventory-detail/components/inventory-item-general-section.tsx
+import { Container as Container2, Heading as Heading2 } from "@medusajs/ui";
+import { PencilSquare as PencilSquare2 } from "@medusajs/icons";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone2, DisplayField } from "@mercurjs/dashboard-shared";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var InventoryItemGeneralSection = ({
+  inventoryItem
+}) => {
+  const { t } = useTranslation2();
+  const getQuantityFormat = (quantity) => {
+    if (quantity !== void 0 && !isNaN(quantity)) {
+      return t("inventory.quantityAcrossLocations", {
+        quantity,
+        locations: inventoryItem.location_levels?.length
+      });
+    }
+    return "-";
+  };
+  return /* @__PURE__ */ jsxs2(Container2, { className: "divide-y p-0", "data-testid": "inventory-item-general-section", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "inventory-item-general-header", children: [
+      /* @__PURE__ */ jsx2(
+        DisplayField,
+        {
+          model: "inventory_item",
+          zone: "general",
+          id: "title",
+          data: inventoryItem,
+          children: /* @__PURE__ */ jsx2(Heading2, { "data-testid": "inventory-item-general-title", children: inventoryItem.title ?? inventoryItem.sku })
+        }
+      ),
+      /* @__PURE__ */ jsx2(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: [
+                {
+                  icon: /* @__PURE__ */ jsx2(PencilSquare2, {}),
+                  label: t("actions.edit"),
+                  to: "edit"
+                }
+              ]
+            }
+          ],
+          "data-testid": "inventory-item-general-action-menu"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx2(
+      DisplayField,
+      {
+        model: "inventory_item",
+        zone: "general",
+        id: "sku",
+        data: inventoryItem,
+        children: /* @__PURE__ */ jsx2(SectionRow, { title: t("fields.sku"), value: inventoryItem.sku ?? "-", "data-testid": "inventory-item-sku-row" })
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      DisplayField,
+      {
+        model: "inventory_item",
+        zone: "general",
+        id: "stocked_quantity",
+        data: inventoryItem,
+        children: /* @__PURE__ */ jsx2(
+          SectionRow,
+          {
+            title: t("fields.inStock"),
+            value: getQuantityFormat(inventoryItem.stocked_quantity),
+            "data-testid": "inventory-item-in-stock-row"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      DisplayField,
+      {
+        model: "inventory_item",
+        zone: "general",
+        id: "reserved_quantity",
+        data: inventoryItem,
+        children: /* @__PURE__ */ jsx2(
+          SectionRow,
+          {
+            title: t("inventory.reserved"),
+            value: getQuantityFormat(inventoryItem.reserved_quantity),
+            "data-testid": "inventory-item-reserved-row"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      DisplayField,
+      {
+        model: "inventory_item",
+        zone: "general",
+        id: "available_quantity",
+        data: inventoryItem,
+        children: /* @__PURE__ */ jsx2(
+          SectionRow,
+          {
+            title: t("inventory.available"),
+            value: getQuantityFormat(
+              inventoryItem.stocked_quantity - inventoryItem.reserved_quantity
+            ),
+            "data-testid": "inventory-item-available-row"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      DisplayExtensionZone2,
+      {
+        model: "inventory_item",
+        zone: "general",
+        data: inventoryItem,
+        builtInFieldIds: [
+          "title",
+          "sku",
+          "stocked_quantity",
+          "reserved_quantity",
+          "available_quantity"
+        ]
+      }
+    )
+  ] });
+};
+
 // src/pages/inventory/inventory-detail/components/inventory-item-location-levels.tsx
-import { Button, Container as Container2, Heading as Heading2 } from "@medusajs/ui";
-import { DisplayExtensionZone as DisplayExtensionZone2 } from "@mercurjs/dashboard-shared";
-import { useTranslation as useTranslation3 } from "react-i18next";
+import { Button, Container as Container3, Heading as Heading3 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone3 } from "@mercurjs/dashboard-shared";
+import { useTranslation as useTranslation5 } from "react-i18next";
 import { Link } from "react-router-dom";
 
 // src/pages/inventory/inventory-detail/components/location-levels-table/use-location-list-table-columns.tsx
 import { useMemo } from "react";
-import { PencilSquare as PencilSquare2, Trash } from "@medusajs/icons";
+import { PencilSquare as PencilSquare3, Trash } from "@medusajs/icons";
 import {
   createDataTableColumnHelper,
   toast,
   usePrompt
 } from "@medusajs/ui";
-import { useTranslation as useTranslation2 } from "react-i18next";
+import { useTranslation as useTranslation3 } from "react-i18next";
 import { useNavigate } from "react-router-dom";
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var columnHelper = createDataTableColumnHelper();
 var useLocationListTableColumns = () => {
-  const { t } = useTranslation2();
+  const { t } = useTranslation3();
   const navigate = useNavigate();
   const prompt = usePrompt();
   const handleDelete = async (level) => {
+    const locationName = level.stock_locations?.map((location) => location.name).join(", ");
     const res = await prompt({
-      title: t("general.areYouSure"),
-      description: t("inventory.deleteWarning"),
+      title: t("inventory.level.deleteTitle"),
+      description: t("inventory.level.deleteDescription", {
+        location: locationName || t("fields.location")
+      }),
       confirmText: t("actions.delete"),
       cancelText: t("actions.cancel")
     });
@@ -182,9 +315,9 @@ var useLocationListTableColumns = () => {
         cell: ({ row }) => {
           const locationName = row.original.stock_locations?.map((location) => location.name).join(", ");
           if (!locationName) {
-            return /* @__PURE__ */ jsx2(PlaceholderCell, {});
+            return /* @__PURE__ */ jsx3(PlaceholderCell, {});
           }
-          return /* @__PURE__ */ jsx2("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: locationName.toString() }) });
+          return /* @__PURE__ */ jsx3("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx3("span", { className: "truncate", children: locationName.toString() }) });
         }
       }),
       columnHelper.accessor("reserved_quantity", {
@@ -192,9 +325,9 @@ var useLocationListTableColumns = () => {
         cell: ({ getValue }) => {
           const quantity = getValue();
           if (Number.isNaN(quantity)) {
-            return /* @__PURE__ */ jsx2(PlaceholderCell, {});
+            return /* @__PURE__ */ jsx3(PlaceholderCell, {});
           }
-          return /* @__PURE__ */ jsx2("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: quantity }) });
+          return /* @__PURE__ */ jsx3("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx3("span", { className: "truncate", children: quantity }) });
         },
         enableSorting: true
       }),
@@ -203,9 +336,9 @@ var useLocationListTableColumns = () => {
         cell: ({ getValue }) => {
           const stockedQuantity = getValue();
           if (Number.isNaN(stockedQuantity)) {
-            return /* @__PURE__ */ jsx2(PlaceholderCell, {});
+            return /* @__PURE__ */ jsx3(PlaceholderCell, {});
           }
-          return /* @__PURE__ */ jsx2("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: stockedQuantity }) });
+          return /* @__PURE__ */ jsx3("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx3("span", { className: "truncate", children: stockedQuantity }) });
         },
         enableSorting: true
       }),
@@ -214,33 +347,43 @@ var useLocationListTableColumns = () => {
         cell: ({ getValue }) => {
           const availableQuantity = getValue();
           if (Number.isNaN(availableQuantity)) {
-            return /* @__PURE__ */ jsx2(PlaceholderCell, {});
+            return /* @__PURE__ */ jsx3(PlaceholderCell, {});
           }
-          return /* @__PURE__ */ jsx2("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: availableQuantity }) });
+          return /* @__PURE__ */ jsx3("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx3("span", { className: "truncate", children: availableQuantity }) });
         }
       }),
-      columnHelper.action({
-        actions: (ctx) => {
-          const level = ctx.row.original;
-          return [
-            [
-              {
-                icon: /* @__PURE__ */ jsx2(PencilSquare2, {}),
-                label: t("actions.edit"),
-                onClick: () => {
-                  navigate(`locations/${level.location_id}`);
+      columnHelper.display({
+        id: "actions",
+        cell: ({ row }) => {
+          const level = row.original;
+          return /* @__PURE__ */ jsx3(
+            ActionMenu,
+            {
+              groups: [
+                {
+                  actions: [
+                    {
+                      icon: /* @__PURE__ */ jsx3(PencilSquare3, {}),
+                      label: t("actions.edit"),
+                      onClick: () => {
+                        navigate(`locations/${level.location_id}`);
+                      }
+                    }
+                  ]
+                },
+                {
+                  actions: [
+                    {
+                      icon: /* @__PURE__ */ jsx3(Trash, {}),
+                      label: t("actions.delete"),
+                      onClick: () => handleDelete(level),
+                      disabled: level.reserved_quantity > 0 || level.stocked_quantity > 0
+                    }
+                  ]
                 }
-              }
-            ],
-            [
-              {
-                icon: /* @__PURE__ */ jsx2(Trash, {}),
-                label: t("actions.delete"),
-                onClick: () => handleDelete(level),
-                disabled: level.reserved_quantity > 0 || level.stocked_quantity > 0
-              }
-            ]
-          ];
+              ]
+            }
+          );
         }
       })
     ],
@@ -277,12 +420,14 @@ var useLocationLevelTableQuery = ({
 };
 
 // src/pages/inventory/inventory-detail/components/location-levels-table/location-list-table.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { useTranslation as useTranslation4 } from "react-i18next";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var PAGE_SIZE = 20;
 var PREFIX = "invlvl";
 var ItemLocationListTable = ({
   inventory_item_id
 }) => {
+  const { t } = useTranslation4();
   const { searchParams, raw } = useLocationLevelTableQuery({
     pageSize: PAGE_SIZE,
     prefix: PREFIX
@@ -309,7 +454,7 @@ var ItemLocationListTable = ({
     getRowId: (row) => row.id,
     pageSize: PAGE_SIZE
   });
-  return /* @__PURE__ */ jsx3("div", { "data-testid": "inventory-location-levels-table", children: /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4("div", { "data-testid": "inventory-location-levels-table", children: /* @__PURE__ */ jsx4(
     _DataTable,
     {
       table,
@@ -318,46 +463,50 @@ var ItemLocationListTable = ({
       count,
       isLoading,
       pagination: true,
-      queryObject: raw
+      queryObject: raw,
+      noRecords: {
+        title: t("inventory.locations.noRecordsTitle"),
+        message: t("inventory.locations.noRecordsMessage")
+      }
     }
   ) });
 };
 
 // src/pages/inventory/inventory-detail/components/inventory-item-location-levels.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var InventoryItemLocationLevelsSection = ({
   inventoryItem
 }) => {
-  const { t } = useTranslation3();
-  return /* @__PURE__ */ jsxs2(
-    Container2,
+  const { t } = useTranslation5();
+  return /* @__PURE__ */ jsxs3(
+    Container3,
     {
       className: "divide-y p-0",
       "data-testid": "inventory-item-location-levels-section",
       children: [
-        /* @__PURE__ */ jsxs2(
+        /* @__PURE__ */ jsxs3(
           "div",
           {
             className: "flex items-center justify-between px-6 py-4",
             "data-testid": "inventory-item-location-levels-header",
             children: [
-              /* @__PURE__ */ jsx4(Heading2, { "data-testid": "inventory-item-location-levels-title", children: t("inventory.locationLevels") }),
-              /* @__PURE__ */ jsx4(
+              /* @__PURE__ */ jsx5(Heading3, { "data-testid": "inventory-item-location-levels-title", children: t("inventory.locationLevels") }),
+              /* @__PURE__ */ jsx5(
                 Button,
                 {
                   size: "small",
                   variant: "secondary",
                   asChild: true,
                   "data-testid": "inventory-manage-locations-button",
-                  children: /* @__PURE__ */ jsx4(Link, { to: "locations", "data-testid": "inventory-manage-locations-link", children: t("inventory.manageLocations") })
+                  children: /* @__PURE__ */ jsx5(Link, { to: "locations", "data-testid": "inventory-manage-locations-link", children: t("inventory.manageLocations") })
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ jsx4(ItemLocationListTable, { inventory_item_id: inventoryItem.id }),
-        /* @__PURE__ */ jsx4(
-          DisplayExtensionZone2,
+        /* @__PURE__ */ jsx5(ItemLocationListTable, { inventory_item_id: inventoryItem.id }),
+        /* @__PURE__ */ jsx5(
+          DisplayExtensionZone3,
           {
             model: "inventory_item",
             zone: "locations",
@@ -370,56 +519,66 @@ var InventoryItemLocationLevelsSection = ({
 };
 
 // src/pages/inventory/inventory-detail/components/inventory-item-reservations.tsx
-import { Button as Button2, Container as Container3, Heading as Heading3 } from "@medusajs/ui";
-import { DisplayExtensionZone as DisplayExtensionZone3 } from "@mercurjs/dashboard-shared";
-import { useTranslation as useTranslation7 } from "react-i18next";
+import { Button as Button2, Container as Container4, Heading as Heading4 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone4 } from "@mercurjs/dashboard-shared";
+import { useTranslation as useTranslation10 } from "react-i18next";
 import { Link as Link2 } from "react-router-dom";
 
 // src/pages/inventory/inventory-detail/components/reservations-table/reservation-list-table.tsx
 import { useMemo as useMemo3 } from "react";
+import { useTranslation as useTranslation9 } from "react-i18next";
 
 // src/pages/inventory/inventory-detail/components/reservations-table/use-reservation-list-table-columns.tsx
 import { createColumnHelper } from "@tanstack/react-table";
 import { useMemo as useMemo2 } from "react";
-import { useTranslation as useTranslation6 } from "react-i18next";
+import { useTranslation as useTranslation8 } from "react-i18next";
 
 // src/components/table/table-cells/common/created-at-cell/created-at-cell.tsx
 import { Tooltip } from "@medusajs/ui";
-import { useTranslation as useTranslation4 } from "react-i18next";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { useTranslation as useTranslation6 } from "react-i18next";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var CreatedAtCell = ({ date }) => {
   const { getFullDate } = useDate();
   if (!date) {
-    return /* @__PURE__ */ jsx5(PlaceholderCell, {});
+    return /* @__PURE__ */ jsx6(PlaceholderCell, {});
   }
-  return /* @__PURE__ */ jsx5("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx6(
     Tooltip,
     {
       className: "z-10",
-      content: /* @__PURE__ */ jsx5("span", { className: "text-pretty", children: `${getFullDate({
+      content: /* @__PURE__ */ jsx6("span", { className: "text-pretty", children: `${getFullDate({
         date,
         includeTime: true
       })}` }),
-      children: /* @__PURE__ */ jsx5("span", { className: "truncate", children: getFullDate({ date, includeTime: true }) })
+      children: /* @__PURE__ */ jsx6("span", { className: "truncate", children: getFullDate({ date, includeTime: true }) })
     }
   ) });
 };
 
 // src/pages/inventory/inventory-detail/components/reservations-table/reservation-actions.tsx
-import { PencilSquare as PencilSquare3, Trash as Trash2 } from "@medusajs/icons";
+import { PencilSquare as PencilSquare4, Trash as Trash2 } from "@medusajs/icons";
 import { toast as toast2, usePrompt as usePrompt2 } from "@medusajs/ui";
-import { useTranslation as useTranslation5 } from "react-i18next";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { useTranslation as useTranslation7 } from "react-i18next";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var ReservationActions = ({
   reservation
 }) => {
-  const { t } = useTranslation5();
+  const { t } = useTranslation7();
   const prompt = usePrompt2();
   const { mutateAsync } = useDeleteReservationItem(reservation.id);
   const handleDelete = async () => {
+    if (reservation.line_item_id) {
+      await prompt({
+        title: t("inventory.reservation.deleteTitle"),
+        description: t("inventory.reservation.deleteBlockedDescription"),
+        confirmText: t("inventory.reservation.gotIt"),
+        cancelText: t("actions.cancel")
+      });
+      return;
+    }
     const res = await prompt({
-      title: t("general.areYouSure"),
-      description: t("inventory.deleteWarning"),
+      title: t("inventory.reservation.deleteTitle"),
+      description: t("inventory.reservation.deleteDescription"),
       confirmText: t("actions.delete"),
       cancelText: t("actions.cancel")
     });
@@ -435,14 +594,14 @@ var ReservationActions = ({
       }
     });
   };
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     ActionMenu,
     {
       groups: [
         {
           actions: [
             {
-              icon: /* @__PURE__ */ jsx6(PencilSquare3, {}),
+              icon: /* @__PURE__ */ jsx7(PencilSquare4, {}),
               label: t("actions.edit"),
               to: `/reservations/${reservation.id}/edit`
             }
@@ -451,7 +610,7 @@ var ReservationActions = ({
         {
           actions: [
             {
-              icon: /* @__PURE__ */ jsx6(Trash2, {}),
+              icon: /* @__PURE__ */ jsx7(Trash2, {}),
               label: t("actions.delete"),
               onClick: handleDelete
             }
@@ -464,62 +623,62 @@ var ReservationActions = ({
 };
 
 // src/pages/inventory/inventory-detail/components/reservations-table/use-reservation-list-table-columns.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var columnHelper2 = createColumnHelper();
 var useReservationTableColumn = ({ sku }) => {
-  const { t } = useTranslation6();
+  const { t } = useTranslation8();
   return useMemo2(
     () => [
       columnHelper2.display({
         id: "sku",
-        header: () => /* @__PURE__ */ jsx7(TextHeader, { text: t("fields.sku") }),
+        header: () => /* @__PURE__ */ jsx8(TextHeader, { text: t("fields.sku") }),
         cell: () => {
-          return /* @__PURE__ */ jsx7(TextCell, { text: sku });
+          return /* @__PURE__ */ jsx8(TextCell, { text: sku });
         }
       }),
       columnHelper2.accessor("line_item.order_id", {
-        header: () => /* @__PURE__ */ jsx7(TextHeader, { text: t("inventory.reservation.orderID") }),
+        header: () => /* @__PURE__ */ jsx8(TextHeader, { text: t("inventory.reservation.orderID") }),
         cell: ({ getValue }) => {
           const orderId = getValue();
           if (!orderId) {
-            return /* @__PURE__ */ jsx7(PlaceholderCell, {});
+            return /* @__PURE__ */ jsx8(PlaceholderCell, {});
           }
-          return /* @__PURE__ */ jsx7(TextCell, { text: orderId });
+          return /* @__PURE__ */ jsx8(TextCell, { text: orderId });
         }
       }),
       columnHelper2.accessor("description", {
-        header: () => /* @__PURE__ */ jsx7(TextHeader, { text: t("fields.description") }),
+        header: () => /* @__PURE__ */ jsx8(TextHeader, { text: t("fields.description") }),
         cell: ({ getValue }) => {
           const description = getValue();
           if (!description) {
-            return /* @__PURE__ */ jsx7(PlaceholderCell, {});
+            return /* @__PURE__ */ jsx8(PlaceholderCell, {});
           }
-          return /* @__PURE__ */ jsx7(TextCell, { text: description });
+          return /* @__PURE__ */ jsx8(TextCell, { text: description });
         }
       }),
       columnHelper2.accessor("location.name", {
-        header: () => /* @__PURE__ */ jsx7(TextHeader, { text: t("inventory.reservation.location") }),
+        header: () => /* @__PURE__ */ jsx8(TextHeader, { text: t("inventory.reservation.location") }),
         cell: ({ getValue }) => {
           const location = getValue();
           if (!location) {
-            return /* @__PURE__ */ jsx7(PlaceholderCell, {});
+            return /* @__PURE__ */ jsx8(PlaceholderCell, {});
           }
-          return /* @__PURE__ */ jsx7(TextCell, { text: location });
+          return /* @__PURE__ */ jsx8(TextCell, { text: location });
         }
       }),
       columnHelper2.accessor("created_at", {
-        header: () => /* @__PURE__ */ jsx7(TextHeader, { text: t("fields.createdAt") }),
-        cell: ({ getValue }) => /* @__PURE__ */ jsx7(CreatedAtCell, { date: getValue() })
+        header: () => /* @__PURE__ */ jsx8(TextHeader, { text: t("fields.createdAt") }),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx8(CreatedAtCell, { date: getValue() })
       }),
       columnHelper2.accessor("quantity", {
-        header: () => /* @__PURE__ */ jsx7(TextHeader, { text: t("fields.quantity"), align: "right" }),
+        header: () => /* @__PURE__ */ jsx8(TextHeader, { text: t("fields.quantity"), align: "right" }),
         cell: ({ getValue }) => {
-          return /* @__PURE__ */ jsx7(TextCell, { text: getValue(), align: "right" });
+          return /* @__PURE__ */ jsx8(TextCell, { text: getValue(), align: "right" });
         }
       }),
       columnHelper2.display({
         id: "actions",
-        cell: ({ row }) => /* @__PURE__ */ jsx7(ReservationActions, { reservation: row.original })
+        cell: ({ row }) => /* @__PURE__ */ jsx8(ReservationActions, { reservation: row.original })
       })
     ],
     [t, sku]
@@ -556,11 +715,12 @@ var useReservationsTableQuery = ({
 };
 
 // src/pages/inventory/inventory-detail/components/reservations-table/reservation-list-table.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var PAGE_SIZE2 = 20;
 var ReservationItemTable = ({
   inventoryItem
 }) => {
+  const { t } = useTranslation9();
   const { searchParams, raw } = useReservationsTableQuery({
     pageSize: PAGE_SIZE2
   });
@@ -590,7 +750,7 @@ var ReservationItemTable = ({
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsx8("div", { "data-testid": "inventory-reservations-table", children: /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9("div", { "data-testid": "inventory-reservations-table", children: /* @__PURE__ */ jsx9(
     _DataTable,
     {
       table,
@@ -599,25 +759,29 @@ var ReservationItemTable = ({
       count,
       isLoading: isPending,
       pagination: true,
-      queryObject: raw
+      queryObject: raw,
+      noRecords: {
+        title: t("inventory.reservations.noRecordsTitle"),
+        message: t("inventory.reservations.noRecordsMessage")
+      }
     }
   ) });
 };
 
 // src/pages/inventory/inventory-detail/components/inventory-item-reservations.tsx
-import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
 var InventoryItemReservationsSection = ({
   inventoryItem
 }) => {
-  const { t } = useTranslation7();
-  return /* @__PURE__ */ jsxs3(Container3, { className: "divide-y p-0", "data-testid": "inventory-item-reservations-section", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "inventory-item-reservations-header", children: [
-      /* @__PURE__ */ jsx9(Heading3, { "data-testid": "inventory-item-reservations-title", children: t("reservations.domain") }),
-      /* @__PURE__ */ jsx9(Button2, { size: "small", variant: "secondary", asChild: true, "data-testid": "inventory-create-reservation-button", children: /* @__PURE__ */ jsx9(Link2, { to: `/reservations/create?item_id=${inventoryItem.id}`, "data-testid": "inventory-create-reservation-link", children: t("actions.create") }) })
+  const { t } = useTranslation10();
+  return /* @__PURE__ */ jsxs4(Container4, { className: "divide-y p-0", "data-testid": "inventory-item-reservations-section", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "inventory-item-reservations-header", children: [
+      /* @__PURE__ */ jsx10(Heading4, { "data-testid": "inventory-item-reservations-title", children: t("reservations.domain") }),
+      /* @__PURE__ */ jsx10(Button2, { size: "small", variant: "secondary", asChild: true, "data-testid": "inventory-create-reservation-button", children: /* @__PURE__ */ jsx10(Link2, { to: `/reservations/create?item_id=${inventoryItem.id}`, "data-testid": "inventory-create-reservation-link", children: t("actions.create") }) })
     ] }),
-    /* @__PURE__ */ jsx9(ReservationItemTable, { inventoryItem }),
-    /* @__PURE__ */ jsx9(
-      DisplayExtensionZone3,
+    /* @__PURE__ */ jsx10(ReservationItemTable, { inventoryItem }),
+    /* @__PURE__ */ jsx10(
+      DisplayExtensionZone4,
       {
         model: "inventory_item",
         zone: "reservations",
@@ -627,62 +791,49 @@ var InventoryItemReservationsSection = ({
   ] });
 };
 
-// src/pages/inventory/inventory-detail/components/inventory-item-variants/variants-section.tsx
-import { TriangleRightMini } from "@medusajs/icons";
-import { Container as Container4, Heading as Heading4 } from "@medusajs/ui";
-import { DisplayExtensionZone as DisplayExtensionZone4 } from "@mercurjs/dashboard-shared";
-import { useTranslation as useTranslation8 } from "react-i18next";
-import { Link as Link3 } from "react-router-dom";
-import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
-var InventoryItemVariantsSection = ({
-  variants
+// src/pages/inventory/inventory-detail/components/inventory-item-offers/associated-offers-section.tsx
+import { Container as Container5, Heading as Heading5 } from "@medusajs/ui";
+import { useTranslation as useTranslation11 } from "react-i18next";
+import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+var AssociatedOffersSection = ({
+  offers
 }) => {
-  const { t } = useTranslation8();
-  if (!variants?.length) {
+  const { t } = useTranslation11();
+  if (!offers?.length) {
     return null;
   }
-  return /* @__PURE__ */ jsxs4(Container4, { className: "p-0", "data-testid": "inventory-item-variants-section", children: [
-    /* @__PURE__ */ jsx10("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "inventory-item-variants-header", children: /* @__PURE__ */ jsx10(Heading4, { level: "h2", "data-testid": "inventory-item-variants-title", children: t("inventory.associatedVariants") }) }),
-    /* @__PURE__ */ jsx10("div", { className: "txt-small flex flex-col gap-2 px-2 pb-2", "data-testid": "inventory-item-variants-list", children: variants.map((variant) => {
-      const link = variant.product ? `/products/${variant.product.id}/variants/${variant.id}` : null;
-      const Inner = /* @__PURE__ */ jsx10("div", { className: "shadow-elevation-card-rest bg-ui-bg-component rounded-md px-4 py-2 transition-colors", "data-testid": `inventory-item-variant-${variant.id}`, children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx10("div", { className: "shadow-elevation-card-rest rounded-md", "data-testid": `inventory-item-variant-thumbnail-${variant.id}`, children: /* @__PURE__ */ jsx10(Thumbnail, { src: variant.product?.thumbnail }) }),
-        /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 flex-col", children: [
-          /* @__PURE__ */ jsx10("span", { className: "text-ui-fg-base font-medium", "data-testid": `inventory-item-variant-title-${variant.id}`, children: variant.title }),
-          /* @__PURE__ */ jsx10("span", { className: "text-ui-fg-subtle", "data-testid": `inventory-item-variant-options-${variant.id}`, children: variant.options.map((o) => o.value).join(" \u22C5 ") })
-        ] }),
-        /* @__PURE__ */ jsx10("div", { className: "size-7 flex items-center justify-center", "data-testid": `inventory-item-variant-arrow-${variant.id}`, children: /* @__PURE__ */ jsx10(TriangleRightMini, { className: "text-ui-fg-muted rtl:rotate-180" }) })
-      ] }) });
-      if (!link) {
-        return /* @__PURE__ */ jsx10("div", { "data-testid": `inventory-item-variant-container-${variant.id}`, children: Inner }, variant.id);
-      }
-      return /* @__PURE__ */ jsx10(
-        Link3,
+  return /* @__PURE__ */ jsxs5(Container5, { className: "p-0", "data-testid": "inventory-item-offers-section", children: [
+    /* @__PURE__ */ jsx11("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx11(Heading5, { level: "h2", "data-testid": "inventory-item-offers-title", children: t("inventory.associatedOffers") }) }),
+    offers.map((offer) => {
+      const variantTitle = offer.product_variant?.title;
+      const productTitle = offer.product_variant?.product?.title;
+      const label = variantTitle || offer.sku;
+      const description = [variantTitle, productTitle].filter(Boolean).join(" \xB7 ");
+      return /* @__PURE__ */ jsx11(
+        SidebarLink,
         {
-          to: link,
-          className: "outline-none focus-within:shadow-borders-interactive-with-focus rounded-md [&:hover>div]:bg-ui-bg-component-hover",
-          "data-testid": `inventory-item-variant-link-${variant.id}`,
-          children: Inner
+          to: `/offers/${offer.product_id}/variants/${offer.id}`,
+          labelKey: label,
+          descriptionKey: description,
+          icon: /* @__PURE__ */ jsx11(
+            Thumbnail,
+            {
+              src: offer.product_variant?.product?.thumbnail ?? null
+            }
+          ),
+          dataTestid: `inventory-associated-offer-${offer.id}`
         },
-        variant.id
+        offer.id
       );
-    }) }),
-    /* @__PURE__ */ jsx10(
-      DisplayExtensionZone4,
-      {
-        model: "inventory_item",
-        zone: "variants",
-        data: variants
-      }
-    )
+    })
   ] });
 };
 
 // src/pages/inventory/inventory-detail/constants.ts
-var INVENTORY_DETAIL_FIELDS = "*variants,*variants.product,*variants.options";
+var INVENTORY_DETAIL_FIELDS = "*variants,*variants.product,*variants.options,+offers.id,+offers.sku,+offers.seller_id,+offers.product_id,+offers.product_variant.title,+offers.product_variant.product.title,+offers.product_variant.product.thumbnail";
 
 // src/pages/inventory/inventory-detail/inventory-detail.tsx
-import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const { id } = useParams();
   const initialData = useLoaderData();
@@ -699,7 +850,7 @@ var Root = ({ children }) => {
     }
   );
   if (isLoading || !inventory_item) {
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx12(
       TwoColumnPageSkeleton,
       {
         showJSON: true,
@@ -712,25 +863,20 @@ var Root = ({ children }) => {
   if (isError) {
     throw error;
   }
-  return Children.count(children) > 0 ? /* @__PURE__ */ jsx11(TwoColumnPage, { data: inventory_item, showJSON: true, showMetadata: true, "data-testid": "inventory-detail-page", children }) : /* @__PURE__ */ jsxs5(TwoColumnPage, { data: inventory_item, showJSON: true, showMetadata: true, "data-testid": "inventory-detail-page", children: [
-    /* @__PURE__ */ jsx11(TwoColumnPage.Main, { "data-testid": "inventory-detail-main", children: /* @__PURE__ */ jsxs5(WidgetZone, { id: "inventory.detail.main", data: inventory_item, children: [
-      /* @__PURE__ */ jsx11(InventoryItemGeneralSection, { inventoryItem: inventory_item }),
-      /* @__PURE__ */ jsx11(
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx12(TwoColumnPage, { data: inventory_item, showJSON: true, showMetadata: true, "data-testid": "inventory-detail-page", children }) : /* @__PURE__ */ jsxs6(TwoColumnPage, { data: inventory_item, showJSON: true, showMetadata: true, "data-testid": "inventory-detail-page", children: [
+    /* @__PURE__ */ jsx12(TwoColumnPage.Main, { "data-testid": "inventory-detail-main", children: /* @__PURE__ */ jsxs6(WidgetZone, { id: "inventory.detail.main", data: inventory_item, children: [
+      /* @__PURE__ */ jsx12(InventoryItemGeneralSection, { inventoryItem: inventory_item }),
+      /* @__PURE__ */ jsx12(
         InventoryItemLocationLevelsSection,
         {
           inventoryItem: inventory_item
         }
       ),
-      /* @__PURE__ */ jsx11(InventoryItemReservationsSection, { inventoryItem: inventory_item })
+      /* @__PURE__ */ jsx12(InventoryItemReservationsSection, { inventoryItem: inventory_item })
     ] }) }),
-    /* @__PURE__ */ jsx11(TwoColumnPage.Sidebar, { "data-testid": "inventory-detail-sidebar", children: /* @__PURE__ */ jsxs5(WidgetZone, { id: "inventory.detail.side", data: inventory_item, children: [
-      inventory_item.variants && inventory_item.variants?.length > 0 && /* @__PURE__ */ jsx11(
-        InventoryItemVariantsSection,
-        {
-          variants: inventory_item.variants
-        }
-      ),
-      /* @__PURE__ */ jsx11(InventoryItemAttributeSection, { inventoryItem: inventory_item })
+    /* @__PURE__ */ jsx12(TwoColumnPage.Sidebar, { "data-testid": "inventory-detail-sidebar", children: /* @__PURE__ */ jsxs6(WidgetZone, { id: "inventory.detail.side", data: inventory_item, children: [
+      /* @__PURE__ */ jsx12(AssociatedOffersSection, { offers: inventory_item.offers }),
+      /* @__PURE__ */ jsx12(InventoryItemAttributeSection, { inventoryItem: inventory_item })
     ] }) })
   ] });
 };
@@ -740,7 +886,7 @@ var InventoryDetailPage = Object.assign(Root, {
   MainGeneralSection: InventoryItemGeneralSection,
   MainLocationLevelsSection: InventoryItemLocationLevelsSection,
   MainReservationsSection: InventoryItemReservationsSection,
-  SidebarVariantsSection: InventoryItemVariantsSection,
+  SidebarOffersSection: AssociatedOffersSection,
   SidebarAttributeSection: InventoryItemAttributeSection
 });