@mercurjs/admin 2.1.6 → 2.2.0-canary.11

package/dist/chunk-OMBP3YSV.js

@@ -0,0 +1,165 @@
+import {
+  CategoryCell,
+  CategoryHeader,
+  ProductStatusCell,
+  ProductStatusHeader
+} from "./chunk-WPVDACTL.js";
+import {
+  ProductCell,
+  ProductHeader
+} from "./chunk-FWPGOIFA.js";
+import {
+  PlaceholderCell
+} from "./chunk-PHOCVOZ5.js";
+
+// src/hooks/table/columns/use-product-table-columns.tsx
+import { Checkbox } from "@medusajs/ui";
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+
+// src/components/table/table-cells/product/collection-cell/collection-cell.tsx
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var CollectionCell = ({ collection }) => {
+  if (!collection) {
+    return /* @__PURE__ */ jsx(PlaceholderCell, {});
+  }
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: collection.title }) });
+};
+var CollectionHeader = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx("span", { children: t("fields.collection") }) });
+};
+
+// src/components/table/table-cells/product/seller-cell/seller-cell.tsx
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var SellerCell = ({ sellers }) => {
+  if (!sellers?.length) {
+    return /* @__PURE__ */ jsx2(PlaceholderCell, {});
+  }
+  const first = sellers[0];
+  const remaining = sellers.length - 1;
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full items-center gap-x-1 overflow-hidden", children: [
+    /* @__PURE__ */ jsx2("span", { className: "truncate", children: first.name }),
+    remaining > 0 && /* @__PURE__ */ jsxs("span", { className: "text-ui-fg-muted whitespace-nowrap", children: [
+      "+",
+      remaining
+    ] })
+  ] });
+};
+var SellerHeader = () => {
+  const { t } = useTranslation2();
+  return /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx2("span", { children: t("fields.store") }) });
+};
+
+// src/components/table/table-cells/product/variant-cell/variant-cell.tsx
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var VariantCell = ({ variants }) => {
+  const { t } = useTranslation3();
+  if (!variants || !variants.length) {
+    return /* @__PURE__ */ jsx3(PlaceholderCell, {});
+  }
+  return /* @__PURE__ */ jsx3("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx3("span", { className: "truncate", children: t("products.variantCount", { count: variants.length }) }) });
+};
+var VariantHeader = () => {
+  const { t } = useTranslation3();
+  return /* @__PURE__ */ jsx3("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx3("span", { children: t("fields.variants") }) });
+};
+
+// src/hooks/table/columns/use-product-table-columns.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var columnHelper = createColumnHelper();
+var useProductTableColumns = () => {
+  return useMemo(
+    () => [
+      columnHelper.display({
+        id: "select",
+        header: ({ table }) => /* @__PURE__ */ jsx4(
+          Checkbox,
+          {
+            checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
+            onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value),
+            "data-testid": "products-table-header-select-checkbox"
+          }
+        ),
+        cell: ({ row }) => /* @__PURE__ */ jsx4(
+          Checkbox,
+          {
+            checked: row.getIsSelected(),
+            onCheckedChange: (value) => row.toggleSelected(!!value),
+            onClick: (e) => e.stopPropagation(),
+            "data-testid": `products-table-cell-${row.id}-select-checkbox`
+          }
+        )
+      }),
+      columnHelper.display({
+        id: "product",
+        header: () => /* @__PURE__ */ jsx4(ProductHeader, {}),
+        cell: ({ row }) => /* @__PURE__ */ jsx4(
+          ProductCell,
+          {
+            product: row.original,
+            "data-testid": `products-table-cell-${row.id}-product-value`
+          }
+        )
+      }),
+      columnHelper.accessor("sellers", {
+        header: () => /* @__PURE__ */ jsx4(SellerHeader, {}),
+        cell: ({ row }) => /* @__PURE__ */ jsx4(
+          SellerCell,
+          {
+            sellers: row.original.sellers,
+            "data-testid": `products-table-cell-${row.id}-store-value`
+          }
+        )
+      }),
+      columnHelper.accessor("categories", {
+        header: () => /* @__PURE__ */ jsx4(CategoryHeader, {}),
+        cell: ({ row }) => /* @__PURE__ */ jsx4(
+          CategoryCell,
+          {
+            categories: row.original.categories,
+            "data-testid": `products-table-cell-${row.id}-categories-value`
+          }
+        )
+      }),
+      columnHelper.accessor("collection", {
+        header: () => /* @__PURE__ */ jsx4(CollectionHeader, {}),
+        cell: ({ row }) => /* @__PURE__ */ jsx4(
+          CollectionCell,
+          {
+            collection: row.original.collection,
+            "data-testid": `products-table-cell-${row.id}-collection-value`
+          }
+        )
+      }),
+      columnHelper.accessor("variants", {
+        header: () => /* @__PURE__ */ jsx4(VariantHeader, {}),
+        cell: ({ row }) => /* @__PURE__ */ jsx4(
+          VariantCell,
+          {
+            variants: row.original.variants,
+            "data-testid": `products-table-cell-${row.id}-variants-value`
+          }
+        )
+      }),
+      columnHelper.accessor("status", {
+        header: () => /* @__PURE__ */ jsx4(ProductStatusHeader, {}),
+        cell: ({ row }) => /* @__PURE__ */ jsx4(
+          ProductStatusCell,
+          {
+            status: row.original.status,
+            "data-testid": `products-table-cell-${row.id}-status-value`
+          }
+        )
+      })
+    ],
+    []
+  );
+};
+
+export {
+  useProductTableColumns
+};

package/dist/{chunk-B6FG7A6W.js → chunk-P5XVG4PY.js}

@@ -1,7 +1,7 @@
 import {
   inventoryItemLevelsQueryKeys,
   inventoryItemsQueryKeys
-} from "./chunk-5CK6XEFV.js";
+} from "./chunk-H3MAUKL7.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";

package/dist/{chunk-LFATSJPO.js → chunk-PASEZJC7.js}

@@ -1,7 +1,7 @@
 import {
   LocalizedTablePagination,
   useDeleteTaxRateAction
-} from "./chunk-ZBJ56XDB.js";
+} from "./chunk-Q2ULPJJ6.js";
 import {
   TaxRateRuleReferenceType
 } from "./chunk-LTBX54CI.js";
@@ -10,7 +10,7 @@ import {
 } from "./chunk-QDPLZDMX.js";
 import {
   DataTableSearch
-} from "./chunk-ZMC7BKLT.js";
+} from "./chunk-YN3FGNJM.js";
 import {
   DataTableOrderBy
 } from "./chunk-KAZ5BYTQ.js";
@@ -18,21 +18,21 @@ import {
   NoRecords,
   NoResults
 } from "./chunk-634XVU3D.js";
-import {
-  TableFooterSkeleton
-} from "./chunk-INNFZYX2.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
 import {
   useProductTypes
 } from "./chunk-46M463BR.js";
 import {
   useShippingOptions
 } from "./chunk-5TRY5IMZ.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  TableFooterSkeleton
+} from "./chunk-INNFZYX2.js";
 import {
   useProducts
-} from "./chunk-5CK6XEFV.js";
+} from "./chunk-H3MAUKL7.js";
 
 // src/pages/tax-regions/common/components/tax-rate-line/tax-rate-line.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";

package/dist/chunk-PT5PLV3N.js

@@ -0,0 +1,78 @@
+// src/pages/offers/common/constants.ts
+var OFFERS_PAGE_SIZE = 10;
+var OFFER_DETAIL_FIELDS = [
+  "id",
+  "sku",
+  "ean",
+  "upc",
+  "variant_id",
+  "seller_id",
+  "shipping_profile_id",
+  "metadata",
+  "created_at",
+  "updated_at",
+  "deleted_at",
+  "product_variant.id",
+  "product_variant.title",
+  "product_variant.sku",
+  "product_variant.product_id",
+  "product_variant.product.id",
+  "product_variant.product.title",
+  "product_variant.product.thumbnail",
+  "shipping_profile.id",
+  "shipping_profile.name",
+  "shipping_profile.type",
+  "prices.id",
+  "prices.amount",
+  "prices.currency_code",
+  "prices.min_quantity",
+  "prices.max_quantity",
+  "prices.rules_count",
+  "prices.price_rules.attribute",
+  "prices.price_rules.value",
+  "inventory_item_link.id",
+  "inventory_item_link.required_quantity",
+  "inventory_item_link.inventory_item_id",
+  "inventory_item_link.inventory_item.id",
+  "inventory_item_link.inventory_item.sku",
+  "inventory_item_link.inventory_item.title",
+  "inventory_item_link.inventory_item.location_levels.id",
+  "inventory_item_link.inventory_item.location_levels.location_id",
+  "inventory_item_link.inventory_item.location_levels.stocked_quantity",
+  "inventory_item_link.inventory_item.location_levels.reserved_quantity",
+  "inventory_item_link.inventory_item.location_levels.incoming_quantity",
+  "inventory_item_link.inventory_item.location_levels.available_quantity",
+  "seller.id",
+  "seller.name",
+  "seller.handle",
+  "seller.email"
+].join(",");
+var OFFER_LIST_FIELDS = [
+  "id",
+  "sku",
+  "variant_id",
+  "seller_id",
+  "created_at",
+  "updated_at",
+  "deleted_at",
+  "product_variant.id",
+  "product_variant.title",
+  "product_variant.product_id",
+  "product_variant.product.id",
+  "product_variant.product.title",
+  "product_variant.product.status",
+  "product_variant.product.thumbnail",
+  "product_variant.product.categories.id",
+  "product_variant.product.categories.name",
+  "shipping_profile.id",
+  "shipping_profile.name",
+  "seller.id",
+  "seller.name",
+  "seller.handle"
+].join(",");
+
+export {
+  OFFERS_PAGE_SIZE,
+  OFFER_DETAIL_FIELDS,
+  OFFER_LIST_FIELDS
+};

package/dist/{chunk-4IZ2RD3L.js → chunk-PXKDYD3M.js}

@@ -1,24 +1,24 @@
 import {
   usePromotionTableColumns,
   usePromotionTableQuery
-} from "./chunk-XBHUWCBD.js";
+} from "./chunk-N4GJRJF5.js";
+import {
+  usePromotionTableFilters
+} from "./chunk-S2WEYEQR.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-KYPPQGGE.js";
+} from "./chunk-NQEXDLYH.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
-import {
-  usePromotionTableFilters
-} from "./chunk-S2WEYEQR.js";
 import {
   useDeletePromotion,
   usePromotions
 } from "./chunk-ZN7LWXVC.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
 
 // src/pages/promotions/promotion-list/promotions-list.tsx
 import { Children as Children2 } from "react";

package/dist/chunk-PYDRHQTY.js

@@ -0,0 +1,24 @@
+// src/hooks/use-debounced-search.tsx
+import { useCallback, useEffect, useRef, useState } from "react";
+var useDebouncedSearch = () => {
+  const [searchValue, onSearchValueChange] = useState("");
+  const [debouncedQuery, setDebouncedQuery] = useState("");
+  const timerRef = useRef();
+  const debouncedUpdate = useCallback((query) => {
+    clearTimeout(timerRef.current);
+    timerRef.current = setTimeout(() => setDebouncedQuery(query), 300);
+  }, []);
+  useEffect(() => {
+    debouncedUpdate(searchValue);
+    return () => clearTimeout(timerRef.current);
+  }, [searchValue, debouncedUpdate]);
+  return {
+    searchValue,
+    onSearchValueChange,
+    query: debouncedQuery || void 0
+  };
+};
+
+export {
+  useDebouncedSearch
+};

package/dist/{chunk-XB3HXEZB.js → chunk-QLEGHL2Q.js}

@@ -1,10 +1,19 @@
 import {
   useProductTableColumns
-} from "./chunk-Z5I2Z6L3.js";
+} from "./chunk-OMBP3YSV.js";
+import {
+  useProductTableFilters
+} from "./chunk-JSH7JEKY.js";
+import {
+  useProductTableQuery
+} from "./chunk-LYZDVZWA.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-KYPPQGGE.js";
+} from "./chunk-NQEXDLYH.js";
+import {
+  PRODUCT_IDS_KEY
+} from "./chunk-LO2ZWQGL.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
@@ -12,15 +21,10 @@ import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 import {
-  useProductTableFilters
-} from "./chunk-LNAXUDW2.js";
-import {
-  useProductTableQuery
-} from "./chunk-VVWB3GIK.js";
-import {
+  useBatchProducts,
   useDeleteProduct,
   useProducts
-} from "./chunk-5CK6XEFV.js";
+} from "./chunk-H3MAUKL7.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-3B6MTW5G.js → chunk-QUHSHIAC.js}

@@ -20,6 +20,7 @@ var useOrderTableQuery = ({
       "status",
       "payment_status",
       "fulfillment_status",
+      "request",
       "order"
     ],
     prefix
@@ -35,6 +36,7 @@ var useOrderTableQuery = ({
     fulfillment_status,
     payment_status,
     region_id,
+    request,
     q,
     order
   } = queryObject;
@@ -50,6 +52,7 @@ var useOrderTableQuery = ({
     created_at: created_at ? JSON.parse(created_at) : void 0,
     updated_at: updated_at ? JSON.parse(updated_at) : void 0,
     region_id: region_id?.split(","),
+    request: request?.split(","),
     order: order ? order : "-display_id",
     q
   };