@mercurjs/admin 2.1.2-canary.5 → 2.2.0-canary.1

package/dist/{chunk-RHCDOBTU.js → chunk-H23AKDB2.js}

@@ -1,33 +1,33 @@
 import {
   useProductTableColumns
-} from "./chunk-Z5I2Z6L3.js";
+} from "./chunk-CBG4E3M3.js";
+import {
+  useProductTableFilters
+} from "./chunk-GLPS6QFG.js";
+import {
+  useProductTableQuery
+} from "./chunk-LYZDVZWA.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-KLVTWJ4M.js";
+} from "./chunk-NQEXDLYH.js";
 import {
   SingleColumnPage
-} from "./chunk-XIZLPYEE.js";
-import {
-  SingleColumnPageSkeleton
-} from "./chunk-INNFZYX2.js";
+} from "./chunk-H6MYB7GB.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
-import {
-  useProductTableFilters
-} from "./chunk-LNAXUDW2.js";
-import {
-  useProductTableQuery
-} from "./chunk-VVWB3GIK.js";
 import {
   useDeleteSalesChannel,
   useSalesChannel,
   useSalesChannelRemoveProducts
-} from "./chunk-DL2ZIXBO.js";
+} from "./chunk-S5BJ5CMF.js";
+import {
+  SingleColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
 import {
   useProducts
-} from "./chunk-5CK6XEFV.js";
+} from "./chunk-2YYXP6XI.js";
 
 // src/pages/sales-channels/sales-channel-detail/sales-channel-detail.tsx
 import { Children } from "react";
@@ -155,7 +155,7 @@ var SalesChannelProductSection = ({
     }
   );
   const columns = useColumns();
-  const filters = useProductTableFilters(["sales_channel_id"]);
+  const filters = useProductTableFilters();
   const { table } = useDataTable({
     data: products ?? [],
     columns,

package/dist/{chunk-Z2QQZOG3.js → chunk-H5PYBIOZ.js}

@@ -1,6 +1,6 @@
 import {
   productsQueryKeys
-} from "./chunk-5CK6XEFV.js";
+} from "./chunk-2YYXP6XI.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";

package/dist/{chunk-XIZLPYEE.js → chunk-H6MYB7GB.js}

@@ -168,7 +168,10 @@ var Copied = ({ style, value }) => {
   if (copied) {
     return /* @__PURE__ */ jsx("span", { style: { ...style, ...styl }, children: /* @__PURE__ */ jsx(Check, { className: "text-ui-contrast-fg-primary" }) });
   }
-  return /* @__PURE__ */ jsx("span", { style: { ...style, ...styl }, onClick: handler, children: /* @__PURE__ */ jsx(SquareTwoStack, { className: "text-ui-contrast-fg-secondary" }) });
+  return (
+    // oxlint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+    /* @__PURE__ */ jsx("span", { style: { ...style, ...styl }, onClick: handler, children: /* @__PURE__ */ jsx(SquareTwoStack, { className: "text-ui-contrast-fg-secondary" }) })
+  );
 };
 
 // src/components/common/metadata-section/metadata-section.tsx

package/dist/{chunk-D3OIFOHY.js → chunk-HR7TFO2X.js}

@@ -1,16 +1,16 @@
 import {
   useCustomerGroupTableColumns
 } from "./chunk-54EPH67T.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-KLVTWJ4M.js";
 import {
   useCustomerGroupTableFilters
 } from "./chunk-CMHI2RPL.js";
 import {
   useCustomerGroupTableQuery
 } from "./chunk-VKOE5J66.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-NQEXDLYH.js";
 import {
   StackedDrawer,
   StackedFocusModal

package/dist/{chunk-QZBAACYC.js → chunk-HWBUIBJD.js}

@@ -1,26 +1,30 @@
 import {
   useProductTableColumns
-} from "./chunk-Z5I2Z6L3.js";
+} from "./chunk-CBG4E3M3.js";
+import {
+  useProductTableFilters
+} from "./chunk-GLPS6QFG.js";
+import {
+  useProductTableQuery
+} from "./chunk-LYZDVZWA.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-KLVTWJ4M.js";
+} from "./chunk-NQEXDLYH.js";
 import {
   SingleColumnPage
-} from "./chunk-XIZLPYEE.js";
+} from "./chunk-H6MYB7GB.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 import {
-  useProductTableFilters
-} from "./chunk-LNAXUDW2.js";
-import {
-  useProductTableQuery
-} from "./chunk-VVWB3GIK.js";
+  PRODUCT_IDS_KEY
+} from "./chunk-YGAX72XV.js";
 import {
+  useBatchProducts,
   useDeleteProduct,
   useProducts
-} from "./chunk-5CK6XEFV.js";
+} from "./chunk-2YYXP6XI.js";
 
 // src/pages/products/product-list/product-list.tsx
 import { Children as Children2 } from "react";
@@ -30,9 +34,9 @@ import { PencilSquare, Trash } from "@medusajs/icons";
 import { Button, Container, Heading, toast, usePrompt } from "@medusajs/ui";
 import { keepPreviousData } from "@tanstack/react-query";
 import { createColumnHelper } from "@tanstack/react-table";
-import { useMemo, Children } from "react";
+import { useMemo, useState, Children } from "react";
 import { useTranslation } from "react-i18next";
-import { Link, Outlet, useLoaderData, useLocation } from "react-router-dom";
+import { Link, Outlet, useLoaderData, useNavigate } from "react-router-dom";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var PAGE_SIZE = 20;
 var ProductListTitle = () => {
@@ -52,59 +56,13 @@ var ProductListCreateButton = () => {
     }
   );
 };
-var ProductListExportButton = () => {
-  const { t } = useTranslation();
-  const location = useLocation();
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      size: "small",
-      variant: "secondary",
-      asChild: true,
-      "data-testid": "products-export-button",
-      children: /* @__PURE__ */ jsx(
-        Link,
-        {
-          to: `export${location.search}`,
-          "data-testid": "products-export-link",
-          children: t("actions.export")
-        }
-      )
-    }
-  );
-};
-var ProductListImportButton = () => {
-  const { t } = useTranslation();
-  const location = useLocation();
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      size: "small",
-      variant: "secondary",
-      asChild: true,
-      "data-testid": "products-import-button",
-      children: /* @__PURE__ */ jsx(
-        Link,
-        {
-          to: `import${location.search}`,
-          "data-testid": "products-import-link",
-          children: t("actions.import")
-        }
-      )
-    }
-  );
-};
 var ProductListActions = ({ children }) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
       className: "flex items-center justify-center gap-x-2",
       "data-testid": "products-list-actions",
-      children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(ProductListExportButton, {}),
-        /* @__PURE__ */ jsx(ProductListImportButton, {}),
-        /* @__PURE__ */ jsx(ProductListCreateButton, {})
-      ] })
+      children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ProductListCreateButton, {}) })
     }
   );
 };
@@ -123,12 +81,15 @@ var ProductListHeader = ({ children }) => {
 };
 var ProductListDataTable = () => {
   const { t } = useTranslation();
+  const navigate = useNavigate();
+  const prompt = usePrompt();
+  const [selection, setSelection] = useState({});
+  const { mutateAsync: batchProducts } = useBatchProducts();
   const initialData = useLoaderData();
   const { searchParams, raw } = useProductTableQuery({ pageSize: PAGE_SIZE });
   const { products, count, isLoading, isError, error } = useProducts(
     {
-      ...searchParams,
-      is_giftcard: false
+      ...searchParams
     },
     {
       initialData,
@@ -143,7 +104,12 @@ var ProductListDataTable = () => {
     count,
     enablePagination: true,
     pageSize: PAGE_SIZE,
-    getRowId: (row) => row.id
+    getRowId: (row) => row.id,
+    enableRowSelection: true,
+    rowSelection: {
+      state: selection,
+      updater: setSelection
+    }
   });
   if (isError) {
     throw error;
@@ -166,6 +132,56 @@ var ProductListDataTable = () => {
         { key: "created_at", label: t("fields.createdAt") },
         { key: "updated_at", label: t("fields.updatedAt") }
       ],
+      commands: [
+        {
+          action: async (rowSelection) => {
+            navigate(
+              `bulk-edit?${PRODUCT_IDS_KEY}=${Object.keys(rowSelection).join(
+                ","
+              )}`
+            );
+          },
+          label: t("products.bulkEdit.action"),
+          shortcut: "e"
+        },
+        {
+          action: async (rowSelection) => {
+            const ids = Object.keys(rowSelection);
+            if (!ids.length) {
+              return;
+            }
+            const confirmed = await prompt({
+              title: t("general.areYouSure"),
+              description: t("products.bulkDelete.warning", {
+                count: ids.length
+              }),
+              confirmText: t("actions.delete"),
+              cancelText: t("actions.cancel")
+            });
+            if (!confirmed) {
+              return;
+            }
+            await batchProducts(
+              { delete: ids },
+              {
+                onSuccess: () => {
+                  toast.success(
+                    t("products.bulkDelete.successToast", {
+                      count: ids.length
+                    })
+                  );
+                  setSelection({});
+                },
+                onError: (e) => {
+                  toast.error(e.message);
+                }
+              }
+            );
+          },
+          label: t("actions.delete"),
+          shortcut: "d"
+        }
+      ],
       noRecords: {
         message: t("products.list.noRecordsMessage")
       }
@@ -241,19 +257,10 @@ var ProductActions = ({ product }) => {
 };
 var columnHelper = createColumnHelper();
 var useColumns = () => {
-  const { t } = useTranslation();
   const base = useProductTableColumns();
   const columns = useMemo(
     () => [
       ...base,
-      columnHelper.display({
-        id: "seller",
-        header: t("store.domain"),
-        cell: ({ row }) => {
-          const seller = row.original.seller;
-          return seller?.name || "-";
-        }
-      }),
       columnHelper.display({
         id: "actions",
         header: () => /* @__PURE__ */ jsx(
@@ -269,7 +276,7 @@ var useColumns = () => {
         }
       })
     ],
-    [base, t]
+    [base]
   );
   return columns;
 };
@@ -285,8 +292,6 @@ var ProductListPage = Object.assign(Root, {
   HeaderTitle: ProductListTitle,
   HeaderActions: ProductListActions,
   HeaderCreateButton: ProductListCreateButton,
-  HeaderExportButton: ProductListExportButton,
-  HeaderImportButton: ProductListImportButton,
   DataTable: ProductListDataTable
 });
 

package/dist/{chunk-BGSOUCCN.js → chunk-IAWZQKUH.js}

@@ -1,26 +1,26 @@
 import {
   useRegionTableColumns
 } from "./chunk-LQAAVRET.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-KLVTWJ4M.js";
-import {
-  SingleColumnPage
-} from "./chunk-XIZLPYEE.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
 import {
   useRegionTableFilters
 } from "./chunk-ZQZHFMD7.js";
 import {
   useRegionTableQuery
 } from "./chunk-7SVLKK6Q.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-NQEXDLYH.js";
+import {
+  SingleColumnPage
+} from "./chunk-H6MYB7GB.js";
 import {
   useDeleteRegion,
   useRegions
 } from "./chunk-ESPLVOFC.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
 
 // src/pages/regions/region-list/region-list.tsx
 import { Children as Children3 } from "react";

package/dist/{chunk-R2FE3PBQ.js → chunk-IEPNHH7Z.js}

@@ -3,7 +3,7 @@ import {
   useCombinedRefs,
   useDataGridCell,
   useDataGridCellError
-} from "./chunk-72Q2T2FK.js";
+} from "./chunk-V6OGMYAI.js";
 import {
   ConditionalTooltip
 } from "./chunk-LAVHRER2.js";

package/dist/chunk-IIFQ7KYL.js

@@ -0,0 +1,171 @@
+// src/components/common/sortable-list/sortable-list.tsx
+import {
+  DndContext,
+  DragOverlay,
+  KeyboardSensor,
+  PointerSensor,
+  defaultDropAnimationSideEffects,
+  useSensor,
+  useSensors
+} from "@dnd-kit/core";
+import {
+  SortableContext,
+  arrayMove,
+  sortableKeyboardCoordinates,
+  useSortable
+} from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import { DotsSix } from "@medusajs/icons";
+import { IconButton, clx } from "@medusajs/ui";
+import {
+  Fragment,
+  createContext,
+  useContext,
+  useMemo,
+  useState
+} from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var List = ({
+  items,
+  onChange,
+  renderItem
+}) => {
+  const [active, setActive] = useState(null);
+  const [activeItem, activeIndex] = useMemo(() => {
+    if (active === null) {
+      return [null, null];
+    }
+    const index = items.findIndex(({ id }) => id === active.id);
+    return [items[index], index];
+  }, [active, items]);
+  const sensors = useSensors(
+    useSensor(PointerSensor),
+    useSensor(KeyboardSensor, {
+      coordinateGetter: sortableKeyboardCoordinates
+    })
+  );
+  const handleDragStart = ({ active: active2 }) => {
+    setActive(active2);
+  };
+  const handleDragEnd = ({ active: active2, over }) => {
+    if (over && active2.id !== over.id) {
+      const activeIndex2 = items.findIndex(({ id }) => id === active2.id);
+      const overIndex = items.findIndex(({ id }) => id === over.id);
+      onChange(arrayMove(items, activeIndex2, overIndex));
+    }
+    setActive(null);
+  };
+  const handleDragCancel = () => {
+    setActive(null);
+  };
+  return /* @__PURE__ */ jsxs(
+    DndContext,
+    {
+      sensors,
+      onDragStart: handleDragStart,
+      onDragEnd: handleDragEnd,
+      onDragCancel: handleDragCancel,
+      children: [
+        /* @__PURE__ */ jsx(Overlay, { children: activeItem && activeIndex !== null ? renderItem(activeItem, activeIndex) : null }),
+        /* @__PURE__ */ jsx(SortableContext, { items, children: /* @__PURE__ */ jsx(
+          "ul",
+          {
+            role: "application",
+            className: "flex list-inside list-none list-image-none flex-col p-0",
+            children: items.map((item, index) => /* @__PURE__ */ jsx(Fragment, { children: renderItem(item, index) }, item.id))
+          }
+        ) })
+      ]
+    }
+  );
+};
+var dropAnimationConfig = {
+  sideEffects: defaultDropAnimationSideEffects({
+    styles: {
+      active: {
+        opacity: "0.4"
+      }
+    }
+  })
+};
+var Overlay = ({ children }) => {
+  return /* @__PURE__ */ jsx(
+    DragOverlay,
+    {
+      className: "shadow-elevation-card-hover overflow-hidden rounded-md [&>li]:border-b-0",
+      dropAnimation: dropAnimationConfig,
+      children
+    }
+  );
+};
+var SortableItemContext = createContext(null);
+var useSortableItemContext = () => {
+  const context = useContext(SortableItemContext);
+  if (!context) {
+    throw new Error(
+      "useSortableItemContext must be used within a SortableItemContext"
+    );
+  }
+  return context;
+};
+var Item = ({
+  id,
+  className,
+  children
+}) => {
+  const {
+    attributes,
+    isDragging,
+    listeners,
+    setNodeRef,
+    setActivatorNodeRef,
+    transform,
+    transition
+  } = useSortable({ id });
+  const context = useMemo(
+    () => ({
+      attributes,
+      listeners,
+      ref: setActivatorNodeRef,
+      isDragging
+    }),
+    [attributes, listeners, setActivatorNodeRef, isDragging]
+  );
+  const style = {
+    opacity: isDragging ? 0.4 : void 0,
+    transform: CSS.Translate.toString(transform),
+    transition
+  };
+  return /* @__PURE__ */ jsx(SortableItemContext.Provider, { value: context, children: /* @__PURE__ */ jsx(
+    "li",
+    {
+      className: clx("transition-fg flex flex-1 list-none", className),
+      ref: setNodeRef,
+      style,
+      children
+    }
+  ) });
+};
+var DragHandle = () => {
+  const { attributes, listeners, ref } = useSortableItemContext();
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      variant: "transparent",
+      size: "small",
+      ...attributes,
+      ...listeners,
+      ref,
+      className: "cursor-grab touch-none active:cursor-grabbing",
+      children: /* @__PURE__ */ jsx(DotsSix, { className: "text-ui-fg-muted" })
+    }
+  );
+};
+var SortableList = Object.assign(List, {
+  Item,
+  DragHandle
+});
+
+export {
+  SortableList
+};

package/dist/{chunk-XZYRXNWO.js → chunk-IMR3MZDP.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-PXYDR7WQ.js";
 import {
   SingleColumnPage
-} from "./chunk-XIZLPYEE.js";
-import {
-  SingleColumnPageSkeleton
-} from "./chunk-INNFZYX2.js";
+} from "./chunk-H6MYB7GB.js";
 import {
   usePayout
 } from "./chunk-LAPEZATU.js";
+import {
+  SingleColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
 
 // src/pages/payouts/payout-detail/payout-detail.tsx
 import { Children } from "react";

package/dist/{chunk-Z4OJNCER.js → chunk-IRTI3AS3.js}

@@ -6,9 +6,6 @@ import {
 import {
   UserLink
 } from "./chunk-C4JUURO5.js";
-import {
-  SingleColumnPage
-} from "./chunk-XIZLPYEE.js";
 import {
   useSalesChannelTableColumns,
   useSalesChannelTableEmptyState,
@@ -16,30 +13,33 @@ import {
   useSalesChannelTableQuery
 } from "./chunk-CKNQJPAG.js";
 import {
-  DataTable
-} from "./chunk-UQITHKTH.js";
-import {
-  SingleColumnPageSkeleton,
-  Skeleton
-} from "./chunk-INNFZYX2.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
+  SingleColumnPage
+} from "./chunk-H6MYB7GB.js";
 import {
   useDate
 } from "./chunk-UZWFZMOX.js";
+import {
+  DataTable
+} from "./chunk-LYZT5REU.js";
 import {
   useApiKey,
   useBatchRemoveSalesChannelsFromApiKey,
   useDeleteApiKey,
   useRevokeApiKey
-} from "./chunk-YKDEE7ZL.js";
+} from "./chunk-FTAR3BDS.js";
 import {
   useUser
 } from "./chunk-GKGLVDDV.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
 import {
   useSalesChannels
-} from "./chunk-DL2ZIXBO.js";
+} from "./chunk-S5BJ5CMF.js";
+import {
+  SingleColumnPageSkeleton,
+  Skeleton
+} from "./chunk-INNFZYX2.js";
 
 // src/pages/api-key-management/api-key-management-detail/api-key-management-detail.tsx
 import { Children } from "react";