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

package/dist/{inventory-detail-UBCCADB3.mjs → inventory-detail-I2CNJC6Y.mjs}

@@ -1,43 +1,45 @@
 import {
   InventoryItemGeneralSection
-} from "./chunk-Q5DI5VYN.mjs";
+} from "./chunk-MLNUGLGT.mjs";
 import {
   TextCell,
   TextHeader
 } from "./chunk-MSDRGCRR.mjs";
-import "./chunk-LQTHYS2Z.mjs";
 import {
   PlaceholderCell
 } from "./chunk-P3UUX2T6.mjs";
+import "./chunk-LQTHYS2Z.mjs";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-O6K7WXYN.mjs";
-import "./chunk-YEDAFXMB.mjs";
-import "./chunk-AOFGTNG6.mjs";
+} from "./chunk-PJ5EUKOB.mjs";
+import "./chunk-HQKGZADC.mjs";
 import "./chunk-EMIHDNB7.mjs";
-import "./chunk-CIE5NZAY.mjs";
-import "./chunk-M3VFKDXJ.mjs";
+import "./chunk-FKIOYL3D.mjs";
 import {
   getFormattedCountry
-} from "./chunk-OIAPXGI2.mjs";
+} from "./chunk-B6ZOPCPA.mjs";
 import "./chunk-YOYOJU5D.mjs";
 import {
   SectionRow
 } from "./chunk-LFLGEXIG.mjs";
 import {
   TwoColumnPage
-} from "./chunk-2RQLKDBF.mjs";
+} from "./chunk-GIZFNLKK.mjs";
+import {
+  DataTable
+} from "./chunk-GRNWRTT3.mjs";
 import {
   useQueryParams
 } from "./chunk-C76H5USB.mjs";
 import {
   useDate
-} from "./chunk-PWBTCXBJ.mjs";
-import "./chunk-VDBOSWVE.mjs";
+} from "./chunk-PFKKVLZX.mjs";
 import {
   Thumbnail
 } from "./chunk-MNXC6Q4F.mjs";
+import "./chunk-DG7J63J2.mjs";
+import "./chunk-RM6NY572.mjs";
 import {
   useExtension
 } from "./chunk-C5P5PL3E.mjs";
@@ -46,46 +48,47 @@ import {
 } from "./chunk-LPEUYMRK.mjs";
 import {
   ActionMenu
-} from "./chunk-3NJTXRIY.mjs";
+} from "./chunk-OZPB6JBL.mjs";
 import "./chunk-OC7BQLYI.mjs";
-import "./chunk-6UX3SSRT.mjs";
-import "./chunk-CLRTJ6DI.mjs";
+import "./chunk-S4DMV3ZT.mjs";
+import "./chunk-67ORSRVT.mjs";
+import "./chunk-KXRW6JRE.mjs";
 import "./chunk-KOSCMAIC.mjs";
-import "./chunk-UAZEQNCO.mjs";
-import "./chunk-LDJKJLBJ.mjs";
+import "./chunk-X6DSNTTX.mjs";
+import "./chunk-I6E6CALJ.mjs";
 import "./chunk-B4GODIOW.mjs";
-import "./chunk-F6IJV2I2.mjs";
+import "./chunk-N4N4KGET.mjs";
 import "./chunk-QTCZFYFH.mjs";
 import "./chunk-ENV6YVOM.mjs";
 import "./chunk-PIR2H25N.mjs";
-import "./chunk-RLY2SL5E.mjs";
 import "./chunk-C5LYZZZ5.mjs";
+import "./chunk-RLY2SL5E.mjs";
 import "./chunk-2ZKVRTBW.mjs";
-import "./chunk-4GJJIXM6.mjs";
-import "./chunk-YS65UGPC.mjs";
+import "./chunk-XYHXWLTJ.mjs";
 import "./chunk-F6PXCY3N.mjs";
-import "./chunk-3OHH43G6.mjs";
-import "./chunk-G2H6MAK7.mjs";
+import "./chunk-IXZVR3HG.mjs";
+import "./chunk-R2G2B47Y.mjs";
 import "./chunk-GRT22PE5.mjs";
 import {
   useStockLocations
 } from "./chunk-32IQRUVY.mjs";
-import "./chunk-RWU2ZKWZ.mjs";
+import "./chunk-WTK7SR6S.mjs";
 import {
   useDeleteReservationItem,
   useReservationItems
-} from "./chunk-FVC7M755.mjs";
-import "./chunk-ZJ3OFMHB.mjs";
-import "./chunk-PNU5HPGY.mjs";
+} from "./chunk-6XWHQ6ON.mjs";
+import "./chunk-MQALAB34.mjs";
+import "./chunk-OGAZYXOV.mjs";
+import "./chunk-KX4P5L3R.mjs";
 import "./chunk-V2LANK5S.mjs";
 import "./chunk-QZ6PT4QV.mjs";
 import "./chunk-QL4XKIVL.mjs";
 import {
+  inventoryItemLevelsQueryKeys,
   inventoryItemsQueryKeys,
-  useDeleteInventoryItemLevel,
   useInventoryItem,
   useInventoryItemLevels
-} from "./chunk-6I62UDJA.mjs";
+} from "./chunk-4BGVSXZZ.mjs";
 import {
   queryClient
 } from "./chunk-FXYH54JP.mjs";
@@ -93,7 +96,7 @@ import "./chunk-774WSTCC.mjs";
 import {
   sdk
 } from "./chunk-DEQUVHHE.mjs";
-import "./chunk-GH77ZQI2.mjs";
+import "./chunk-QZ7TP4HQ.mjs";
 
 // src/routes/inventory/inventory-detail/constants.ts
 var INVENTORY_DETAIL_FIELDS = "*variants,*variants.product,*variants.options";
@@ -169,29 +172,22 @@ var InventoryItemAttributeSection = ({
 
 // src/routes/inventory/inventory-detail/components/inventory-item-location-levels.tsx
 import { Button, Container as Container2, Heading as Heading2 } from "@medusajs/ui";
-import { useTranslation as useTranslation4 } from "react-i18next";
+import { useTranslation as useTranslation3 } from "react-i18next";
 import { Link } from "react-router-dom";
 
 // src/routes/inventory/inventory-detail/components/location-levels-table/use-location-list-table-columns.tsx
-import { createColumnHelper } from "@tanstack/react-table";
-import { useMemo } from "react";
-import { useTranslation as useTranslation3 } from "react-i18next";
-
-// src/routes/inventory/inventory-detail/components/location-levels-table/location-actions.tsx
 import { PencilSquare as PencilSquare2, Trash } from "@medusajs/icons";
-import { usePrompt } from "@medusajs/ui";
+import { useMemo } from "react";
+import { createDataTableColumnHelper, toast, usePrompt } from "@medusajs/ui";
 import { useTranslation as useTranslation2 } from "react-i18next";
+import { useNavigate } from "react-router-dom";
 import { jsx as jsx3 } from "react/jsx-runtime";
-var LocationActions = ({
-  level
-}) => {
+var columnHelper = createDataTableColumnHelper();
+var useLocationListTableColumns = () => {
   const { t } = useTranslation2();
+  const navigate = useNavigate();
   const prompt = usePrompt();
-  const { mutateAsync } = useDeleteInventoryItemLevel(
-    level.inventory_item_id,
-    level.location_id
-  );
-  const handleDelete = async () => {
+  const handleDelete = async (level) => {
     const res = await prompt({
       title: t("general.areYouSure"),
       description: t("inventory.deleteWarning"),
@@ -201,41 +197,30 @@ var LocationActions = ({
     if (!res) {
       return;
     }
-    await mutateAsync();
-  };
-  return /* @__PURE__ */ jsx3(
-    ActionMenu,
-    {
-      groups: [
-        {
-          actions: [
-            {
-              icon: /* @__PURE__ */ jsx3(PencilSquare2, {}),
-              label: t("actions.edit"),
-              to: `locations/${level.location_id}`
-            }
-          ]
-        },
-        {
-          actions: [
-            {
-              icon: /* @__PURE__ */ jsx3(Trash, {}),
-              label: t("actions.delete"),
-              onClick: handleDelete,
-              disabled: level.reserved_quantity > 0 || level.stocked_quantity > 0
-            }
-          ]
-        }
-      ]
+    try {
+      await sdk.admin.inventoryItem.deleteLevel(
+        level.inventory_item_id,
+        level.location_id
+      );
+      toast.success(t("inventory.levelDeleted"));
+      queryClient.invalidateQueries({
+        queryKey: inventoryItemsQueryKeys.lists()
+      });
+      queryClient.invalidateQueries({
+        queryKey: inventoryItemLevelsQueryKeys.list({
+          inventoryItemId: level.inventory_item_id
+        })
+      });
+      queryClient.invalidateQueries({
+        queryKey: inventoryItemsQueryKeys.detail(level.inventory_item_id)
+      });
+      queryClient.invalidateQueries({
+        queryKey: inventoryItemLevelsQueryKeys.detail(level.inventory_item_id)
+      });
+    } catch (e) {
+      toast.error(e.message);
     }
-  );
-};
-
-// src/routes/inventory/inventory-detail/components/location-levels-table/use-location-list-table-columns.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var columnHelper = createColumnHelper();
-var useLocationListTableColumns = () => {
-  const { t } = useTranslation3();
+  };
   return useMemo(
     () => [
       columnHelper.accessor("stock_locations.0.name", {
@@ -243,9 +228,9 @@ var useLocationListTableColumns = () => {
         cell: ({ getValue }) => {
           const locationName = getValue();
           if (!locationName) {
-            return /* @__PURE__ */ jsx4(PlaceholderCell, {});
+            return /* @__PURE__ */ jsx3(PlaceholderCell, {});
           }
-          return /* @__PURE__ */ jsx4("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx4("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", {
@@ -253,34 +238,56 @@ var useLocationListTableColumns = () => {
         cell: ({ getValue }) => {
           const quantity = getValue();
           if (Number.isNaN(quantity)) {
-            return /* @__PURE__ */ jsx4(PlaceholderCell, {});
+            return /* @__PURE__ */ jsx3(PlaceholderCell, {});
           }
-          return /* @__PURE__ */ jsx4("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx4("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
       }),
       columnHelper.accessor("stocked_quantity", {
         header: t("fields.inStock"),
         cell: ({ getValue }) => {
           const stockedQuantity = getValue();
           if (Number.isNaN(stockedQuantity)) {
-            return /* @__PURE__ */ jsx4(PlaceholderCell, {});
+            return /* @__PURE__ */ jsx3(PlaceholderCell, {});
           }
-          return /* @__PURE__ */ jsx4("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx4("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
       }),
       columnHelper.accessor("available_quantity", {
         header: t("inventory.available"),
         cell: ({ getValue }) => {
           const availableQuantity = getValue();
           if (Number.isNaN(availableQuantity)) {
-            return /* @__PURE__ */ jsx4(PlaceholderCell, {});
+            return /* @__PURE__ */ jsx3(PlaceholderCell, {});
           }
-          return /* @__PURE__ */ jsx4("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx4("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.display({
-        id: "actions",
-        cell: ({ row }) => /* @__PURE__ */ jsx4(LocationActions, { level: row.original })
+      columnHelper.action({
+        actions: (ctx) => {
+          const level = ctx.row.original;
+          return [
+            [
+              {
+                icon: /* @__PURE__ */ jsx3(PencilSquare2, {}),
+                label: t("actions.edit"),
+                onClick: (row) => {
+                  navigate(`locations/${level.location_id}`);
+                }
+              }
+            ],
+            [
+              {
+                icon: /* @__PURE__ */ jsx3(Trash, {}),
+                label: t("actions.delete"),
+                onClick: () => handleDelete(level),
+                disabled: level.reserved_quantity > 0 || level.stocked_quantity > 0
+              }
+            ]
+          ];
+        }
       })
     ],
     [t]
@@ -292,40 +299,36 @@ var useLocationLevelTableQuery = ({
   pageSize = 20,
   prefix
 }) => {
-  const raw = useQueryParams(
+  const queryObject = useQueryParams(
     [
-      "id",
+      "order",
+      "offset",
       "location_id",
       "stocked_quantity",
       "reserved_quantity",
-      "incoming_quantity",
-      "available_quantity",
-      "*stock_locations"
+      "incoming_quantity"
     ],
     prefix
   );
-  const { reserved_quantity, stocked_quantity, available_quantity, ...params } = raw;
+  const { offset, ...rest } = queryObject;
   const searchParams = {
     limit: pageSize,
-    reserved_quantity: reserved_quantity ? JSON.parse(reserved_quantity) : void 0,
-    stocked_quantity: stocked_quantity ? JSON.parse(stocked_quantity) : void 0,
-    available_quantity: available_quantity ? JSON.parse(available_quantity) : void 0,
-    ...params
-  };
-  return {
-    searchParams,
-    raw
+    offset: offset ? Number(offset) : 0,
+    ...rest
   };
+  return searchParams;
 };
 
 // src/routes/inventory/inventory-detail/components/location-levels-table/location-list-table.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var PAGE_SIZE = 20;
+var PREFIX = "invlvl";
 var ItemLocationListTable = ({
   inventory_item_id
 }) => {
-  const { searchParams, raw } = useLocationLevelTableQuery({
-    pageSize: PAGE_SIZE
+  const searchParams = useLocationLevelTableQuery({
+    pageSize: PAGE_SIZE,
+    prefix: PREFIX
   });
   const {
     inventory_levels,
@@ -335,93 +338,87 @@ var ItemLocationListTable = ({
     error
   } = useInventoryItemLevels(inventory_item_id, {
     ...searchParams,
-    fields: "*stock_locations"
+    fields: "+stock_locations.id,+stock_locations.name"
   });
   const columns = useLocationListTableColumns();
-  const { table } = useDataTable({
-    data: inventory_levels ?? [],
-    columns,
-    count,
-    enablePagination: true,
-    getRowId: (row) => row.id,
-    pageSize: PAGE_SIZE
-  });
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsx5(
-    _DataTable,
+  return /* @__PURE__ */ jsx4(
+    DataTable,
     {
-      table,
+      data: inventory_levels ?? [],
       columns,
+      rowCount: count,
       pageSize: PAGE_SIZE,
-      count,
+      getRowId: (row) => row.id,
       isLoading,
-      pagination: true,
-      queryObject: raw
+      prefix: PREFIX,
+      layout: "fill",
+      enableSearch: false
     }
   );
 };
 
 // src/routes/inventory/inventory-detail/components/inventory-item-location-levels.tsx
-import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 var InventoryItemLocationLevelsSection = ({
   inventoryItem
 }) => {
-  const { t } = useTranslation4();
+  const { t } = useTranslation3();
   return /* @__PURE__ */ jsxs2(Container2, { className: "divide-y p-0", children: [
     /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx6(Heading2, { children: t("inventory.locationLevels") }),
-      /* @__PURE__ */ jsx6(Button, { size: "small", variant: "secondary", asChild: true, children: /* @__PURE__ */ jsx6(Link, { to: "locations", children: t("inventory.manageLocations") }) })
+      /* @__PURE__ */ jsx5(Heading2, { level: "h2", children: t("inventory.locationLevels") }),
+      /* @__PURE__ */ jsx5(Button, { size: "small", variant: "secondary", asChild: true, children: /* @__PURE__ */ jsx5(Link, { to: "locations", children: t("inventory.manageLocations") }) })
     ] }),
-    /* @__PURE__ */ jsx6(ItemLocationListTable, { inventory_item_id: inventoryItem.id })
+    /* @__PURE__ */ jsx5(ItemLocationListTable, { inventory_item_id: inventoryItem.id })
   ] });
 };
 
 // src/routes/inventory/inventory-detail/components/inventory-item-reservations.tsx
 import { Button as Button2, Container as Container3, Heading as Heading3 } from "@medusajs/ui";
-import { useTranslation as useTranslation8 } from "react-i18next";
+import { useTranslation as useTranslation7 } from "react-i18next";
 import { Link as Link2 } from "react-router-dom";
 
 // src/routes/inventory/inventory-detail/components/reservations-table/reservation-list-table.tsx
 import { useMemo as useMemo3 } from "react";
 
 // src/routes/inventory/inventory-detail/components/reservations-table/use-reservation-list-table-columns.tsx
-import { createColumnHelper as createColumnHelper2 } from "@tanstack/react-table";
+import { createColumnHelper } from "@tanstack/react-table";
 import { useMemo as useMemo2 } from "react";
-import { useTranslation as useTranslation7 } from "react-i18next";
+import { useTranslation as useTranslation6 } from "react-i18next";
 
 // src/components/table/table-cells/common/created-at-cell/created-at-cell.tsx
 import { Tooltip } from "@medusajs/ui";
-import { useTranslation as useTranslation5 } from "react-i18next";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { useTranslation as useTranslation4 } from "react-i18next";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var CreatedAtCell = ({ date }) => {
   const { getFullDate } = useDate();
   if (!date) {
-    return /* @__PURE__ */ jsx7(PlaceholderCell, {});
+    return /* @__PURE__ */ jsx6(PlaceholderCell, {});
   }
-  return /* @__PURE__ */ jsx7("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx6("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx6(
     Tooltip,
     {
       className: "z-10",
-      content: /* @__PURE__ */ jsx7("span", { className: "text-pretty", children: `${getFullDate({
+      content: /* @__PURE__ */ jsx6("span", { className: "text-pretty", children: `${getFullDate({
         date,
         includeTime: true
       })}` }),
-      children: /* @__PURE__ */ jsx7("span", { className: "truncate", children: getFullDate({ date, includeTime: true }) })
+      children: /* @__PURE__ */ jsx6("span", { className: "truncate", children: getFullDate({ date, includeTime: true }) })
     }
   ) });
 };
 
 // src/routes/inventory/inventory-detail/components/reservations-table/reservation-actions.tsx
 import { PencilSquare as PencilSquare3, Trash as Trash2 } from "@medusajs/icons";
-import { toast, usePrompt as usePrompt2 } from "@medusajs/ui";
-import { useTranslation as useTranslation6 } from "react-i18next";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { toast as toast2, usePrompt as usePrompt2 } from "@medusajs/ui";
+import { useTranslation as useTranslation5 } from "react-i18next";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var ReservationActions = ({
   reservation
 }) => {
-  const { t } = useTranslation6();
+  const { t } = useTranslation5();
   const prompt = usePrompt2();
   const { mutateAsync } = useDeleteReservationItem(reservation.id);
   const handleDelete = async () => {
@@ -436,21 +433,21 @@ var ReservationActions = ({
     }
     await mutateAsync(void 0, {
       onSuccess: () => {
-        toast.success(t("inventory.reservation.deleteSuccessToast"));
+        toast2.success(t("inventory.reservation.deleteSuccessToast"));
       },
       onError: (e) => {
-        toast.error(e.message);
+        toast2.error(e.message);
       }
     });
   };
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx7(
     ActionMenu,
     {
       groups: [
         {
           actions: [
             {
-              icon: /* @__PURE__ */ jsx8(PencilSquare3, {}),
+              icon: /* @__PURE__ */ jsx7(PencilSquare3, {}),
               label: t("actions.edit"),
               to: `/reservations/${reservation.id}/edit`
             }
@@ -459,7 +456,7 @@ var ReservationActions = ({
         {
           actions: [
             {
-              icon: /* @__PURE__ */ jsx8(Trash2, {}),
+              icon: /* @__PURE__ */ jsx7(Trash2, {}),
               label: t("actions.delete"),
               onClick: handleDelete
             }
@@ -471,62 +468,62 @@ var ReservationActions = ({
 };
 
 // src/routes/inventory/inventory-detail/components/reservations-table/use-reservation-list-table-columns.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
-var columnHelper2 = createColumnHelper2();
+import { jsx as jsx8 } from "react/jsx-runtime";
+var columnHelper2 = createColumnHelper();
 var useReservationTableColumn = ({ sku }) => {
-  const { t } = useTranslation7();
+  const { t } = useTranslation6();
   return useMemo2(
     () => [
       columnHelper2.display({
         id: "sku",
-        header: () => /* @__PURE__ */ jsx9(TextHeader, { text: t("fields.sku") }),
+        header: () => /* @__PURE__ */ jsx8(TextHeader, { text: t("fields.sku") }),
         cell: () => {
-          return /* @__PURE__ */ jsx9(TextCell, { text: sku });
+          return /* @__PURE__ */ jsx8(TextCell, { text: sku });
         }
       }),
       columnHelper2.accessor("line_item.order_id", {
-        header: () => /* @__PURE__ */ jsx9(TextHeader, { text: t("inventory.reservation.orderID") }),
+        header: () => /* @__PURE__ */ jsx8(TextHeader, { text: t("inventory.reservation.orderID") }),
         cell: ({ getValue }) => {
           const orderId = getValue();
           if (!orderId) {
-            return /* @__PURE__ */ jsx9(PlaceholderCell, {});
+            return /* @__PURE__ */ jsx8(PlaceholderCell, {});
           }
-          return /* @__PURE__ */ jsx9(TextCell, { text: orderId });
+          return /* @__PURE__ */ jsx8(TextCell, { text: orderId });
         }
       }),
       columnHelper2.accessor("description", {
-        header: () => /* @__PURE__ */ jsx9(TextHeader, { text: t("fields.description") }),
+        header: () => /* @__PURE__ */ jsx8(TextHeader, { text: t("fields.description") }),
         cell: ({ getValue }) => {
           const description = getValue();
           if (!description) {
-            return /* @__PURE__ */ jsx9(PlaceholderCell, {});
+            return /* @__PURE__ */ jsx8(PlaceholderCell, {});
           }
-          return /* @__PURE__ */ jsx9(TextCell, { text: description });
+          return /* @__PURE__ */ jsx8(TextCell, { text: description });
         }
       }),
       columnHelper2.accessor("location.name", {
-        header: () => /* @__PURE__ */ jsx9(TextHeader, { text: t("inventory.reservation.location") }),
+        header: () => /* @__PURE__ */ jsx8(TextHeader, { text: t("inventory.reservation.location") }),
         cell: ({ getValue }) => {
           const location = getValue();
           if (!location) {
-            return /* @__PURE__ */ jsx9(PlaceholderCell, {});
+            return /* @__PURE__ */ jsx8(PlaceholderCell, {});
           }
-          return /* @__PURE__ */ jsx9(TextCell, { text: location });
+          return /* @__PURE__ */ jsx8(TextCell, { text: location });
         }
       }),
       columnHelper2.accessor("created_at", {
-        header: () => /* @__PURE__ */ jsx9(TextHeader, { text: t("fields.createdAt") }),
-        cell: ({ getValue }) => /* @__PURE__ */ jsx9(CreatedAtCell, { date: getValue() })
+        header: () => /* @__PURE__ */ jsx8(TextHeader, { text: t("fields.createdAt") }),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx8(CreatedAtCell, { date: getValue() })
       }),
       columnHelper2.accessor("quantity", {
-        header: () => /* @__PURE__ */ jsx9(TextHeader, { text: t("fields.quantity"), align: "right" }),
+        header: () => /* @__PURE__ */ jsx8(TextHeader, { text: t("fields.quantity"), align: "right" }),
         cell: ({ getValue }) => {
-          return /* @__PURE__ */ jsx9(TextCell, { text: getValue(), align: "right" });
+          return /* @__PURE__ */ jsx8(TextCell, { text: getValue(), align: "right" });
         }
       }),
       columnHelper2.display({
         id: "actions",
-        cell: ({ row }) => /* @__PURE__ */ jsx9(ReservationActions, { reservation: row.original })
+        cell: ({ row }) => /* @__PURE__ */ jsx8(ReservationActions, { reservation: row.original })
       })
     ],
     [t]
@@ -563,7 +560,7 @@ var useReservationsTableQuery = ({
 };
 
 // src/routes/inventory/inventory-detail/components/reservations-table/reservation-list-table.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var PAGE_SIZE2 = 20;
 var ReservationItemTable = ({
   inventoryItem
@@ -597,7 +594,7 @@ var ReservationItemTable = ({
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(
     _DataTable,
     {
       table,
@@ -612,49 +609,49 @@ var ReservationItemTable = ({
 };
 
 // src/routes/inventory/inventory-detail/components/inventory-item-reservations.tsx
-import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
 var InventoryItemReservationsSection = ({
   inventoryItem
 }) => {
-  const { t } = useTranslation8();
+  const { t } = useTranslation7();
   return /* @__PURE__ */ jsxs3(Container3, { className: "divide-y p-0", children: [
     /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx11(Heading3, { children: t("reservations.domain") }),
-      /* @__PURE__ */ jsx11(Button2, { size: "small", variant: "secondary", asChild: true, children: /* @__PURE__ */ jsx11(Link2, { to: `/reservations/create?item_id=${inventoryItem.id}`, children: t("actions.create") }) })
+      /* @__PURE__ */ jsx10(Heading3, { level: "h2", children: t("reservations.domain") }),
+      /* @__PURE__ */ jsx10(Button2, { size: "small", variant: "secondary", asChild: true, children: /* @__PURE__ */ jsx10(Link2, { to: `/reservations/create?item_id=${inventoryItem.id}`, children: t("actions.create") }) })
     ] }),
-    /* @__PURE__ */ jsx11(ReservationItemTable, { inventoryItem })
+    /* @__PURE__ */ jsx10(ReservationItemTable, { inventoryItem })
   ] });
 };
 
 // src/routes/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 { useTranslation as useTranslation9 } from "react-i18next";
+import { useTranslation as useTranslation8 } from "react-i18next";
 import { Link as Link3 } from "react-router-dom";
-import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
 var InventoryItemVariantsSection = ({
   variants
 }) => {
-  const { t } = useTranslation9();
+  const { t } = useTranslation8();
   if (!variants?.length) {
     return null;
   }
   return /* @__PURE__ */ jsxs4(Container4, { className: "p-0", children: [
-    /* @__PURE__ */ jsx12("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx12(Heading4, { level: "h2", children: t("inventory.associatedVariants") }) }),
-    /* @__PURE__ */ jsx12("div", { className: "txt-small flex flex-col gap-2 px-2 pb-2", children: variants.map((variant) => {
+    /* @__PURE__ */ jsx11("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx11(Heading4, { level: "h2", children: t("inventory.associatedVariants") }) }),
+    /* @__PURE__ */ jsx11("div", { className: "txt-small flex flex-col gap-2 px-2 pb-2", children: variants.map((variant) => {
       const link = variant.product ? `/products/${variant.product.id}/variants/${variant.id}` : null;
-      const Inner = /* @__PURE__ */ jsx12("div", { className: "shadow-elevation-card-rest bg-ui-bg-component rounded-md px-4 py-2 transition-colors", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx12("div", { className: "shadow-elevation-card-rest rounded-md", children: /* @__PURE__ */ jsx12(Thumbnail, { src: variant.product?.thumbnail }) }),
+      const Inner = /* @__PURE__ */ jsx11("div", { className: "shadow-elevation-card-rest bg-ui-bg-component rounded-md px-4 py-2 transition-colors", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx11("div", { className: "shadow-elevation-card-rest rounded-md", children: /* @__PURE__ */ jsx11(Thumbnail, { src: variant.product?.thumbnail }) }),
         /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 flex-col", children: [
-          /* @__PURE__ */ jsx12("span", { className: "text-ui-fg-base font-medium", children: variant.title }),
-          /* @__PURE__ */ jsx12("span", { className: "text-ui-fg-subtle", children: variant.options.map((o) => o.value).join(" \u22C5 ") })
+          /* @__PURE__ */ jsx11("span", { className: "text-ui-fg-base font-medium", children: variant.title }),
+          /* @__PURE__ */ jsx11("span", { className: "text-ui-fg-subtle", children: variant.options.map((o) => o.value).join(" \u22C5 ") })
         ] }),
-        /* @__PURE__ */ jsx12("div", { className: "size-7 flex items-center justify-center", children: /* @__PURE__ */ jsx12(TriangleRightMini, { className: "text-ui-fg-muted" }) })
+        /* @__PURE__ */ jsx11("div", { className: "size-7 flex items-center justify-center", children: /* @__PURE__ */ jsx11(TriangleRightMini, { className: "text-ui-fg-muted rtl:rotate-180" }) })
       ] }) });
       if (!link) {
-        return /* @__PURE__ */ jsx12("div", { children: Inner }, variant.id);
+        return /* @__PURE__ */ jsx11("div", { children: Inner }, variant.id);
       }
-      return /* @__PURE__ */ jsx12(
+      return /* @__PURE__ */ jsx11(
         Link3,
         {
           to: link,
@@ -668,7 +665,7 @@ var InventoryItemVariantsSection = ({
 };
 
 // src/routes/inventory/inventory-detail/inventory-detail.tsx
-import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
 var InventoryDetail = () => {
   const { id } = useParams();
   const initialData = useLoaderData();
@@ -688,7 +685,7 @@ var InventoryDetail = () => {
   );
   const { getWidgets } = useExtension();
   if (isLoading || !inventory_item) {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx12(
       TwoColumnPageSkeleton,
       {
         showJSON: true,
@@ -715,18 +712,18 @@ var InventoryDetail = () => {
       showMetadata: true,
       children: [
         /* @__PURE__ */ jsxs5(TwoColumnPage.Main, { children: [
-          /* @__PURE__ */ jsx13(InventoryItemGeneralSection, { inventoryItem: inventory_item }),
-          /* @__PURE__ */ jsx13(InventoryItemLocationLevelsSection, { inventoryItem: inventory_item }),
-          /* @__PURE__ */ jsx13(InventoryItemReservationsSection, { inventoryItem: inventory_item })
+          /* @__PURE__ */ jsx12(InventoryItemGeneralSection, { inventoryItem: inventory_item }),
+          /* @__PURE__ */ jsx12(InventoryItemLocationLevelsSection, { inventoryItem: inventory_item }),
+          /* @__PURE__ */ jsx12(InventoryItemReservationsSection, { inventoryItem: inventory_item })
         ] }),
         /* @__PURE__ */ jsxs5(TwoColumnPage.Sidebar, { children: [
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx12(
             InventoryItemVariantsSection,
             {
               variants: inventory_item.variants
             }
           ),
-          /* @__PURE__ */ jsx13(InventoryItemAttributeSection, { inventoryItem: inventory_item })
+          /* @__PURE__ */ jsx12(InventoryItemAttributeSection, { inventoryItem: inventory_item })
         ] })
       ]
     }