@mercurjs/admin 2.1.2 → 2.2.0-canary.2

package/dist/chunk-Q2QFNTNX.js

@@ -0,0 +1,165 @@
+import {
+  CategoryCell,
+  CategoryHeader,
+  ProductStatusCell,
+  ProductStatusHeader
+} from "./chunk-H5EOOXPA.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-ORI7UXS6.js → chunk-Q6I2IKJB.js}

@@ -1,6 +1,6 @@
 import {
   useDeletePriceListAction
-} from "./chunk-JCSPXBS3.js";
+} from "./chunk-6FIU2V6Y.js";
 import {
   getPriceListStatus
 } from "./chunk-U5MJIHLY.js";
@@ -14,19 +14,19 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-KYPPQGGE.js";
+} from "./chunk-NQEXDLYH.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
 import {
   usePriceLists
-} from "./chunk-DBNPVU3L.js";
+} from "./chunk-OSEIN4Y2.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
 
 // src/pages/price-lists/price-list-list/price-list-list.tsx
 import { Children as Children3 } from "react";

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

@@ -1,10 +1,16 @@
 import {
   useProductTableColumns
-} from "./chunk-Z5I2Z6L3.js";
+} from "./chunk-Q2QFNTNX.js";
+import {
+  useProductTableFilters
+} from "./chunk-5POK3PM3.js";
+import {
+  useProductTableQuery
+} from "./chunk-LYZDVZWA.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-KYPPQGGE.js";
+} from "./chunk-NQEXDLYH.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
@@ -12,15 +18,13 @@ 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-X4DGVTMC.js → chunk-QIU6DJY6.js}

@@ -7,23 +7,23 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-KYPPQGGE.js";
+} from "./chunk-NQEXDLYH.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
 import {
   useStockLocations
 } from "./chunk-EPHVGD5Z.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
 import {
   useDeleteInventoryItem,
   useInventoryItems
-} from "./chunk-5CK6XEFV.js";
+} from "./chunk-2YYXP6XI.js";
 
 // src/pages/inventory/inventory-list/inventory-list.tsx
 import { Children as Children2 } from "react";

package/dist/chunk-RQ4NMLSS.js

@@ -0,0 +1,8 @@
+// src/pages/products/constants.ts
+var PRODUCT_DETAIL_FIELDS = "*categories,*brand,*sellers,-variants,*variant_attributes,*variant_attributes.values,*custom_attributes,*custom_attributes.values,*attribute_values,*attribute_values.attribute";
+var PRODUCT_DETAIL_QUERY = { fields: PRODUCT_DETAIL_FIELDS };
+
+export {
+  PRODUCT_DETAIL_FIELDS,
+  PRODUCT_DETAIL_QUERY
+};

package/dist/{chunk-7QWLLYOY.js → chunk-RQPDD3RI.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-54TMLQH3.js";
 import {
   CreateCampaignFormFields
-} from "./chunk-KCYUY2AI.js";
+} from "./chunk-WQFFCK3R.js";
 import {
   KeyboundForm
 } from "./chunk-U2ZFCAPX.js";

package/dist/{chunk-DL2ZIXBO.js → chunk-S5BJ5CMF.js}

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

package/dist/chunk-S72BD7TM.js

@@ -0,0 +1,79 @@
+import {
+  require_dist
+} from "./chunk-DZIXC7OE.js";
+import {
+  __toESM
+} from "./chunk-NBMM2TZK.js";
+
+// src/pages/attributes/attribute-edit/schema.ts
+var import_types = __toESM(require_dist(), 1);
+import { z } from "zod";
+var ATTRIBUTE_TYPE_OPTIONS = [
+  import_types.AttributeType.SINGLE_SELECT,
+  import_types.AttributeType.MULTI_SELECT,
+  import_types.AttributeType.UNIT,
+  import_types.AttributeType.TOGGLE,
+  import_types.AttributeType.TEXT
+];
+var CreateAttributeSchema = z.object({
+  name: z.string().min(1),
+  description: z.string().max(250).optional(),
+  handle: z.string().optional(),
+  is_filterable: z.boolean().default(false),
+  is_required: z.boolean().default(false),
+  is_variant_axis: z.boolean().default(false),
+  type: z.enum([
+    import_types.AttributeType.SINGLE_SELECT,
+    import_types.AttributeType.MULTI_SELECT,
+    import_types.AttributeType.UNIT,
+    import_types.AttributeType.TOGGLE,
+    import_types.AttributeType.TEXT
+  ]).default(import_types.AttributeType.SINGLE_SELECT),
+  values: z.array(
+    z.object({
+      name: z.string().min(1),
+      rank: z.number(),
+      metadata: z.record(z.string()).optional()
+    })
+  ).optional(),
+  category_ids: z.array(z.string()).optional(),
+  metadata: z.record(z.string()).optional()
+}).superRefine((data, ctx) => {
+  if ([import_types.AttributeType.SINGLE_SELECT, import_types.AttributeType.MULTI_SELECT].includes(
+    data.type
+  ) && (!data.values || data.values.length === 0)) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.custom,
+      message: "At least one value is required for this type.",
+      path: ["values"]
+    });
+  }
+});
+var UpdateAttributeSchema = z.object({
+  name: z.string().min(1).optional(),
+  description: z.string().max(250).optional(),
+  handle: z.string().optional(),
+  is_filterable: z.boolean().optional(),
+  is_required: z.boolean().optional(),
+  values: z.array(
+    z.object({
+      id: z.string().optional(),
+      name: z.string().min(1),
+      rank: z.number(),
+      metadata: z.record(z.string()).optional()
+    })
+  ).optional(),
+  category_ids: z.array(z.string()).optional(),
+  metadata: z.record(z.string()).optional()
+});
+var UpdatePossibleValueSchema = z.object({
+  name: z.string().min(1),
+  rank: z.number().min(0).optional()
+});
+
+export {
+  ATTRIBUTE_TYPE_OPTIONS,
+  CreateAttributeSchema,
+  UpdateAttributeSchema,
+  UpdatePossibleValueSchema
+};

package/dist/{chunk-3ZSYFPHB.js → chunk-SRDK3XX7.js}

@@ -1,19 +1,23 @@
 import {
   InventoryItemGeneralSection
 } from "./chunk-LFKTHNWI.js";
+import {
+  getFormattedCountry
+} from "./chunk-W6Y3PPU5.js";
 import {
   TextCell,
   TextHeader
 } from "./chunk-JHIMVLB2.js";
 import {
-  getFormattedCountry
-} from "./chunk-W6Y3PPU5.js";
+  PlaceholderCell
+} from "./chunk-PHOCVOZ5.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-NQEXDLYH.js";
 import {
   SectionRow
 } from "./chunk-3XPXUIK3.js";
-import {
-  PlaceholderCell
-} from "./chunk-PHOCVOZ5.js";
 import {
   TwoColumnPage
 } from "./chunk-E74OUNA3.js";
@@ -21,34 +25,30 @@ import {
   Thumbnail
 } from "./chunk-WIYFXWRI.js";
 import {
-  _DataTable,
-  useDataTable
-} from "./chunk-KYPPQGGE.js";
-import {
-  TwoColumnPageSkeleton
-} from "./chunk-INNFZYX2.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
+  useDate
+} from "./chunk-UZWFZMOX.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
 import {
-  useDate
-} from "./chunk-UZWFZMOX.js";
+  useStockLocations
+} from "./chunk-EPHVGD5Z.js";
 import {
   useDeleteReservationItem,
   useReservationItems
-} from "./chunk-B6FG7A6W.js";
+} from "./chunk-A772RAKB.js";
 import {
-  useStockLocations
-} from "./chunk-EPHVGD5Z.js";
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  TwoColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
 import {
   inventoryItemLevelsQueryKeys,
   inventoryItemsQueryKeys,
   useInventoryItem,
   useInventoryItemLevels
-} from "./chunk-5CK6XEFV.js";
+} from "./chunk-2YYXP6XI.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";