@mercurjs/admin 2.2.0-canary.5 → 2.2.0-canary.50

package/dist/{chunk-KTBL35I2.js → chunk-OAGTPKC5.js}

@@ -1,6 +1,6 @@
 import {
   getPromotionStatus
-} from "./chunk-K43FFKGD.js";
+} from "./chunk-N2CMOV3N.js";
 import {
   TextCell,
   TextHeader

package/dist/chunk-ODDJZVYL.js

@@ -0,0 +1,476 @@
+import {
+  useBulkDeleteOffers
+} from "./chunk-IZDTQFCP.js";
+import {
+  CategoryCell,
+  CategoryHeader,
+  ProductStatusCell,
+  ProductStatusHeader
+} from "./chunk-RMB7MPIT.js";
+import {
+  ProductCell,
+  ProductHeader
+} from "./chunk-FWPGOIFA.js";
+import {
+  PlaceholderCell
+} from "./chunk-PHOCVOZ5.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+import {
+  require_dist
+} from "./chunk-VYSB4CTB.js";
+import {
+  useProductTags
+} from "./chunk-ABS7HMLY.js";
+import {
+  useProductTypes
+} from "./chunk-EWFOFSF7.js";
+import {
+  useCollections
+} from "./chunk-FVG5DTS6.js";
+import {
+  useSellers
+} from "./chunk-SAU35JEB.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  useProductCategories
+} from "./chunk-QVIX6O76.js";
+import {
+  __toESM
+} from "./chunk-NBMM2TZK.js";
+
+// src/pages/offers/_components/offer-actions.tsx
+import { BuildingStorefront, Trash } from "@medusajs/icons";
+import { toast, usePrompt } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var OfferActions = ({ product }) => {
+  const { t } = useTranslation();
+  const prompt = usePrompt();
+  const { mutateAsync: bulkDelete } = useBulkDeleteOffers();
+  const handleDelete = async () => {
+    if (!product.offerIds.length) {
+      return;
+    }
+    const confirmed = await prompt({
+      title: t("general.areYouSure"),
+      description: t("offers.bulkDelete.description", {
+        count: product.offerIds.length
+      }),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel"),
+      variant: "danger"
+    });
+    if (!confirmed) {
+      return;
+    }
+    const result = await bulkDelete(product.offerIds);
+    if (result.failed.length === 0) {
+      toast.success(
+        t("offers.bulkDelete.successToast", { count: result.succeeded.length })
+      );
+    } else {
+      toast.warning(
+        t("offers.bulkDelete.errorToast", {
+          message: `${result.succeeded.length}/${product.offerIds.length} succeeded`
+        })
+      );
+    }
+  };
+  const groups = [];
+  if (product.sellerId) {
+    groups.push({
+      actions: [
+        {
+          icon: /* @__PURE__ */ jsx(BuildingStorefront, {}),
+          label: t("offers.actions.openStore"),
+          to: `/stores/${product.sellerId}`
+        }
+      ]
+    });
+  }
+  groups.push({
+    actions: [
+      {
+        icon: /* @__PURE__ */ jsx(Trash, {}),
+        label: t("actions.delete"),
+        onClick: handleDelete,
+        disabled: product.offerIds.length === 0
+      }
+    ]
+  });
+  return /* @__PURE__ */ jsx(ActionMenu, { groups });
+};
+
+// src/pages/offers/_components/use-offer-table-columns.tsx
+import { Checkbox, Text } from "@medusajs/ui";
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var columnHelper = createColumnHelper();
+var useOfferTableColumns = (options) => {
+  const { t } = useTranslation2();
+  const hideStoreAction = options?.hideStoreAction ?? false;
+  return useMemo(
+    () => [
+      columnHelper.display({
+        id: "select",
+        header: ({ table }) => /* @__PURE__ */ jsx2(
+          Checkbox,
+          {
+            checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
+            onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value)
+          }
+        ),
+        cell: ({ row }) => /* @__PURE__ */ jsx2(
+          Checkbox,
+          {
+            checked: row.getIsSelected(),
+            onCheckedChange: (value) => row.toggleSelected(!!value),
+            onClick: (e) => e.stopPropagation()
+          }
+        )
+      }),
+      columnHelper.display({
+        id: "product",
+        header: () => /* @__PURE__ */ jsx2(ProductHeader, {}),
+        cell: ({ row }) => /* @__PURE__ */ jsx2(
+          ProductCell,
+          {
+            product: {
+              title: row.original.product?.title ?? "",
+              thumbnail: row.original.product?.thumbnail ?? null
+            }
+          }
+        )
+      }),
+      ...hideStoreAction ? [] : [
+        columnHelper.display({
+          id: "store",
+          header: t("offers.fields.store"),
+          cell: ({ row }) => {
+            const name = row.original.seller?.name;
+            if (!name) return /* @__PURE__ */ jsx2(PlaceholderCell, {});
+            return /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", className: "truncate", children: name });
+          }
+        })
+      ],
+      columnHelper.display({
+        id: "categories",
+        header: () => /* @__PURE__ */ jsx2(CategoryHeader, {}),
+        cell: ({ row }) => /* @__PURE__ */ jsx2(
+          CategoryCell,
+          {
+            categories: row.original.product?.categories ?? void 0
+          }
+        )
+      }),
+      columnHelper.display({
+        id: "collection",
+        header: t("fields.collection"),
+        cell: ({ row }) => {
+          const collection = row.original.product?.collection;
+          if (!collection?.title) return /* @__PURE__ */ jsx2(PlaceholderCell, {});
+          return /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", className: "truncate", children: collection.title });
+        }
+      }),
+      columnHelper.display({
+        id: "variants",
+        header: () => /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx2("span", { children: t("fields.variants") }) }),
+        cell: ({ row }) => {
+          const count = row.original.variant_count;
+          if (!count) return /* @__PURE__ */ jsx2(PlaceholderCell, {});
+          return /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", className: "truncate", children: t("products.variantCount", { count }) });
+        }
+      }),
+      columnHelper.display({
+        id: "status",
+        header: () => /* @__PURE__ */ jsx2(ProductStatusHeader, {}),
+        cell: ({ row }) => {
+          const status = row.original.product?.status;
+          if (!status) return /* @__PURE__ */ jsx2(PlaceholderCell, {});
+          return /* @__PURE__ */ jsx2(ProductStatusCell, { status });
+        }
+      }),
+      columnHelper.display({
+        id: "actions",
+        cell: ({ row }) => /* @__PURE__ */ jsx2(
+          OfferActions,
+          {
+            product: {
+              id: row.original.product_id,
+              offerIds: [row.original.id],
+              sellerId: hideStoreAction ? null : row.original.seller_id ?? null
+            }
+          }
+        )
+      })
+    ],
+    [t, hideStoreAction]
+  );
+};
+
+// src/pages/offers/_components/use-offer-table-commands.tsx
+import { toast as toast2, usePrompt as usePrompt2 } from "@medusajs/ui";
+import { useMemo as useMemo2 } from "react";
+import { useTranslation as useTranslation3 } from "react-i18next";
+var useOfferTableCommands = (options) => {
+  const { t } = useTranslation3();
+  const prompt = usePrompt2();
+  const { mutateAsync: bulkDelete } = useBulkDeleteOffers();
+  const onDeleted = options?.onDeleted;
+  return useMemo2(
+    () => [
+      {
+        label: t("offers.actions.bulkDelete"),
+        shortcut: "d",
+        action: async (currentSelection) => {
+          const offerIds = Object.keys(currentSelection);
+          if (offerIds.length === 0) {
+            return;
+          }
+          const confirmed = await prompt({
+            title: t("general.areYouSure"),
+            description: t("offers.bulkDelete.description", {
+              count: offerIds.length
+            }),
+            confirmText: t("actions.delete"),
+            cancelText: t("actions.cancel"),
+            variant: "danger"
+          });
+          if (!confirmed) {
+            return;
+          }
+          const result = await bulkDelete(offerIds);
+          if (result.failed.length === 0) {
+            toast2.success(
+              t("offers.bulkDelete.successToast", {
+                count: result.succeeded.length
+              })
+            );
+            onDeleted?.();
+          } else {
+            toast2.warning(
+              t("offers.bulkDelete.errorToast", {
+                message: `${result.succeeded.length}/${offerIds.length} succeeded`
+              })
+            );
+          }
+        }
+      }
+    ],
+    [t, prompt, bulkDelete, onDeleted]
+  );
+};
+
+// src/pages/offers/_components/use-offer-table-filters.tsx
+var import_types = __toESM(require_dist(), 1);
+import { useTranslation as useTranslation4 } from "react-i18next";
+var useOfferTableFilters = () => {
+  const { t } = useTranslation4();
+  const { sellers } = useSellers({ limit: 1e3 });
+  const { product_categories } = useProductCategories({
+    limit: 1e3,
+    fields: "id,name"
+  });
+  const { collections } = useCollections({ limit: 1e3 });
+  const { product_types } = useProductTypes({ limit: 1e3 });
+  const { product_tags } = useProductTags({ limit: 1e3 });
+  const filters = [];
+  if (sellers && sellers.length > 0) {
+    filters.push({
+      type: "select",
+      key: "seller_id",
+      label: t("offers.fields.store"),
+      multiple: true,
+      searchable: true,
+      options: sellers.map((s) => ({
+        label: s.name ?? s.id,
+        value: s.id
+      }))
+    });
+  }
+  if (product_categories && product_categories.length > 0) {
+    filters.push({
+      type: "select",
+      key: "category_id",
+      label: t("fields.category"),
+      multiple: true,
+      searchable: true,
+      options: product_categories.map(
+        (c) => ({
+          label: c.name ?? c.id,
+          value: c.id
+        })
+      )
+    });
+  }
+  if (collections && collections.length > 0) {
+    filters.push({
+      type: "select",
+      key: "collection_id",
+      label: t("fields.collection"),
+      multiple: true,
+      searchable: true,
+      options: collections.map(
+        (c) => ({
+          label: c.title ?? c.id,
+          value: c.id
+        })
+      )
+    });
+  }
+  if (product_types && product_types.length > 0) {
+    filters.push({
+      type: "select",
+      key: "type_id",
+      label: t("fields.type"),
+      multiple: true,
+      searchable: true,
+      options: product_types.map(
+        (pt) => ({
+          label: pt.value ?? pt.id,
+          value: pt.id
+        })
+      )
+    });
+  }
+  if (product_tags && product_tags.length > 0) {
+    filters.push({
+      type: "select",
+      key: "tag_id",
+      label: t("fields.tag"),
+      multiple: true,
+      searchable: true,
+      options: product_tags.map(
+        (pt) => ({
+          label: pt.value ?? pt.id,
+          value: pt.id
+        })
+      )
+    });
+  }
+  filters.push({
+    type: "select",
+    key: "status",
+    label: t("fields.status"),
+    multiple: true,
+    options: [
+      { label: t("products.productStatus.draft"), value: import_types.ProductStatus.DRAFT },
+      {
+        label: t("products.productStatus.proposed"),
+        value: import_types.ProductStatus.PROPOSED
+      },
+      {
+        label: t("products.productStatus.published"),
+        value: import_types.ProductStatus.PUBLISHED
+      },
+      {
+        label: t("products.productStatus.rejected"),
+        value: import_types.ProductStatus.REJECTED
+      }
+    ]
+  });
+  filters.push({
+    type: "date",
+    key: "created_at",
+    label: t("fields.createdAt")
+  });
+  filters.push({
+    type: "date",
+    key: "updated_at",
+    label: t("fields.updatedAt")
+  });
+  return filters;
+};
+
+// src/pages/offers/_components/use-offer-table-query.tsx
+import { useLinkQuery } from "@mercurjs/dashboard-shared";
+var OFFER_LIST_FIELDS = [
+  "id",
+  "product_id",
+  "seller_id",
+  "variant_id",
+  "sku",
+  "variant_count",
+  "created_at",
+  "updated_at",
+  "product.id",
+  "product.title",
+  "product.handle",
+  "product.status",
+  "product.thumbnail",
+  "product.collection.id",
+  "product.collection.title",
+  "product.categories.id",
+  "product.categories.name",
+  "seller.id",
+  "seller.name",
+  "seller.handle"
+].join(",");
+var useOfferTableQuery = ({
+  pageSize = 10,
+  prefix
+}) => {
+  const raw = useQueryParams(
+    [
+      "q",
+      "order",
+      "offset",
+      "created_at",
+      "updated_at",
+      "category_id",
+      "collection_id",
+      "type_id",
+      "tag_id",
+      "status",
+      "seller_id"
+    ],
+    prefix
+  );
+  const {
+    offset,
+    created_at,
+    updated_at,
+    category_id,
+    collection_id,
+    type_id,
+    tag_id,
+    status,
+    seller_id,
+    order,
+    q
+  } = raw;
+  const { fields } = useLinkQuery("offer", OFFER_LIST_FIELDS);
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? parseInt(offset, 10) : 0,
+    order: order || "-created_at",
+    q,
+    category_id: category_id ? category_id.split(",") : void 0,
+    collection_id: collection_id ? collection_id.split(",") : void 0,
+    type_id: type_id ? type_id.split(",") : void 0,
+    tag_id: tag_id ? tag_id.split(",") : void 0,
+    status: status ? status.split(",") : void 0,
+    seller_id: seller_id ? seller_id.split(",") : void 0,
+    created_at: created_at ? JSON.parse(created_at) : void 0,
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
+    group_by_seller: "true",
+    fields
+  };
+  return {
+    searchParams,
+    raw
+  };
+};
+
+export {
+  useOfferTableColumns,
+  useOfferTableCommands,
+  useOfferTableFilters,
+  useOfferTableQuery
+};

package/dist/{chunk-Q23KHB6V.js → chunk-OG5AVHPY.js}

@@ -1,6 +1,6 @@
 import {
   InventoryItemGeneralSection
-} from "./chunk-LFKTHNWI.js";
+} from "./chunk-APAT344J.js";
 import {
   SectionRow
 } from "./chunk-3XPXUIK3.js";
@@ -9,10 +9,10 @@ import {
 } from "./chunk-E74OUNA3.js";
 import {
   useStockLocation
-} from "./chunk-EPHVGD5Z.js";
+} from "./chunk-VXW3BCN2.js";
 import {
   useReservationItem
-} from "./chunk-ZB4SO44T.js";
+} from "./chunk-WX4ABVXL.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -21,14 +21,16 @@ import {
 } from "./chunk-INNFZYX2.js";
 import {
   useInventoryItem
-} from "./chunk-ZRFWXNT3.js";
+} from "./chunk-MMKUMSZS.js";
 
 // src/pages/reservations/reservation-detail/reservation-detail.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { useLinkQuery, WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/reservations/reservation-detail/components/reservation-general-section/reservation-general-section.tsx
 import { Container, Heading } from "@medusajs/ui";
+import { DisplayExtensionZone, DisplayField } from "@mercurjs/dashboard-shared";
 import { PencilSquare } from "@medusajs/icons";
 import { useTranslation } from "react-i18next";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -46,9 +48,18 @@ var ReservationGeneralSection = ({
   );
   return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx(Heading, { children: t("inventory.reservation.header", {
-        itemName: inventoryItem.title ?? inventoryItem.sku
-      }) }),
+      /* @__PURE__ */ jsx(
+        DisplayField,
+        {
+          model: "reservation",
+          zone: "general",
+          id: "header",
+          data: reservation,
+          children: /* @__PURE__ */ jsx(Heading, { children: t("inventory.reservation.header", {
+            itemName: inventoryItem.title ?? inventoryItem.sku
+          }) })
+        }
+      ),
       /* @__PURE__ */ jsx(
         ActionMenu,
         {
@@ -67,45 +78,116 @@ var ReservationGeneralSection = ({
       )
     ] }),
     /* @__PURE__ */ jsx(
-      SectionRow,
+      DisplayField,
+      {
+        model: "reservation",
+        zone: "general",
+        id: "line_item_id",
+        data: reservation,
+        children: /* @__PURE__ */ jsx(
+          SectionRow,
+          {
+            title: t("inventory.reservation.lineItemId"),
+            value: reservation.line_item_id
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayField,
       {
-        title: t("inventory.reservation.lineItemId"),
-        value: reservation.line_item_id
+        model: "reservation",
+        zone: "general",
+        id: "description",
+        data: reservation,
+        children: /* @__PURE__ */ jsx(
+          SectionRow,
+          {
+            title: t("inventory.reservation.description"),
+            value: reservation.description
+          }
+        )
       }
     ),
     /* @__PURE__ */ jsx(
-      SectionRow,
+      DisplayField,
       {
-        title: t("inventory.reservation.description"),
-        value: reservation.description
+        model: "reservation",
+        zone: "general",
+        id: "location",
+        data: reservation,
+        children: /* @__PURE__ */ jsx(
+          SectionRow,
+          {
+            title: t("inventory.reservation.location"),
+            value: location?.name
+          }
+        )
       }
     ),
     /* @__PURE__ */ jsx(
-      SectionRow,
+      DisplayField,
       {
-        title: t("inventory.reservation.location"),
-        value: location?.name
+        model: "reservation",
+        zone: "general",
+        id: "stocked_quantity",
+        data: reservation,
+        children: /* @__PURE__ */ jsx(
+          SectionRow,
+          {
+            title: t("inventory.reservation.inStockAtLocation"),
+            value: locationLevel?.stocked_quantity
+          }
+        )
       }
     ),
     /* @__PURE__ */ jsx(
-      SectionRow,
+      DisplayField,
       {
-        title: t("inventory.reservation.inStockAtLocation"),
-        value: locationLevel?.stocked_quantity
+        model: "reservation",
+        zone: "general",
+        id: "available_quantity",
+        data: reservation,
+        children: /* @__PURE__ */ jsx(
+          SectionRow,
+          {
+            title: t("inventory.reservation.availableAtLocation"),
+            value: locationLevel?.available_quantity
+          }
+        )
       }
     ),
     /* @__PURE__ */ jsx(
-      SectionRow,
+      DisplayField,
       {
-        title: t("inventory.reservation.availableAtLocation"),
-        value: locationLevel?.available_quantity
+        model: "reservation",
+        zone: "general",
+        id: "reserved_quantity",
+        data: reservation,
+        children: /* @__PURE__ */ jsx(
+          SectionRow,
+          {
+            title: t("inventory.reservation.reservedAtLocation"),
+            value: locationLevel?.reserved_quantity
+          }
+        )
       }
     ),
     /* @__PURE__ */ jsx(
-      SectionRow,
+      DisplayExtensionZone,
       {
-        title: t("inventory.reservation.reservedAtLocation"),
-        value: locationLevel?.reserved_quantity
+        model: "reservation",
+        zone: "general",
+        data: reservation,
+        builtInFieldIds: [
+          "header",
+          "line_item_id",
+          "description",
+          "location",
+          "stocked_quantity",
+          "available_quantity",
+          "reserved_quantity"
+        ]
       }
     )
   ] });
@@ -118,14 +200,14 @@ var Root = ({ children }) => {
   const initialData = useLoaderData();
   const { reservation, isLoading, isError, error } = useReservationItem(
     id,
-    void 0,
+    useLinkQuery("reservation"),
     {
       initialData
     }
   );
   const { inventory_item } = useInventoryItem(
     reservation?.inventory_item?.id,
-    void 0,
+    useLinkQuery("inventory_item"),
     { enabled: !!reservation?.inventory_item?.id }
   );
   if (isLoading || !reservation) {
@@ -159,8 +241,8 @@ var Root = ({ children }) => {
       showMetadata: true,
       "data-testid": "reservation-detail-page",
       children: [
-        /* @__PURE__ */ jsx2(TwoColumnPage.Main, { children: /* @__PURE__ */ jsx2(ReservationGeneralSection, { reservation }) }),
-        /* @__PURE__ */ jsx2(TwoColumnPage.Sidebar, { children: inventory_item && /* @__PURE__ */ jsx2(InventoryItemGeneralSection, { inventoryItem: inventory_item }) })
+        /* @__PURE__ */ jsx2(TwoColumnPage.Main, { children: /* @__PURE__ */ jsx2(WidgetZone, { id: "reservation.detail.main", data: reservation, children: /* @__PURE__ */ jsx2(ReservationGeneralSection, { reservation }) }) }),
+        /* @__PURE__ */ jsx2(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx2(WidgetZone, { id: "reservation.detail.side", data: reservation, children: inventory_item && /* @__PURE__ */ jsx2(InventoryItemGeneralSection, { inventoryItem: inventory_item }) }) })
       ]
     }
   );