@mercurjs/admin 2.2.0-canary.2 → 2.2.0-canary.21

package/dist/{offers-J2SFSNF3.js → offers-PYM6LQSX.js}

@@ -1,15 +1,20 @@
 import {
   OFFERS_PAGE_SIZE,
-  OFFER_LIST_FIELDS,
-  useBulkDeleteOffers,
-  useOffers
-} from "./chunk-WV4SQ57G.js";
+  OFFER_PRODUCT_LIST_FIELDS
+} from "./chunk-S6A4FVM2.js";
+import {
+  useBulkDeleteOffers
+} from "./chunk-UIVWOKWT.js";
 import {
   CategoryCell,
   CategoryHeader,
   ProductStatusCell,
   ProductStatusHeader
-} from "./chunk-H5EOOXPA.js";
+} from "./chunk-N6R2WOJ7.js";
+import {
+  ProductCell,
+  ProductHeader
+} from "./chunk-FWPGOIFA.js";
 import "./chunk-DB6ANJBO.js";
 import {
   PlaceholderCell
@@ -23,34 +28,73 @@ import "./chunk-YN3FGNJM.js";
 import "./chunk-KAZ5BYTQ.js";
 import "./chunk-634XVU3D.js";
 import "./chunk-E74OUNA3.js";
-import {
-  Thumbnail
-} from "./chunk-WIYFXWRI.js";
+import "./chunk-WIYFXWRI.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
 import "./chunk-UZWFZMOX.js";
 import "./chunk-XQNVC4Q7.js";
-import "./chunk-DZIXC7OE.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
 import {
-  useShippingProfiles
-} from "./chunk-N6SI4IIT.js";
+  require_dist
+} from "./chunk-6FLSBL4Q.js";
+import {
+  useProductTags
+} from "./chunk-PJR6W35H.js";
+import "./chunk-OH4AABUT.js";
+import "./chunk-FJHAAROU.js";
+import "./chunk-AEMDNTW5.js";
+import "./chunk-LYD3C73Z.js";
+import "./chunk-533GMKEG.js";
+import "./chunk-YFRC6GEN.js";
+import "./chunk-N6SI4IIT.js";
+import "./chunk-JPNPTILP.js";
+import "./chunk-DAXXLQKB.js";
+import {
+  useProductTypes
+} from "./chunk-46M463BR.js";
+import "./chunk-ZIFHQXP3.js";
+import "./chunk-ESPLVOFC.js";
+import "./chunk-GKGLVDDV.js";
+import "./chunk-WJJXUXSO.js";
+import "./chunk-LAPEZATU.js";
+import "./chunk-RDTFLHYO.js";
+import {
+  useCollections
+} from "./chunk-QKJGSZI2.js";
+import "./chunk-FXWKGNRV.js";
+import "./chunk-VDKOJ5WD.js";
+import "./chunk-ZN7LWXVC.js";
+import "./chunk-5TRY5IMZ.js";
+import "./chunk-EPHVGD5Z.js";
+import "./chunk-XGUUM3S6.js";
+import "./chunk-RMAQKNBA.js";
+import "./chunk-VYMODH6P.js";
 import {
   useSellers
 } from "./chunk-LEG67A2R.js";
+import "./chunk-QYDWMBEX.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
+import "./chunk-OKWGPKVK.js";
+import {
+  useProductCategories
+} from "./chunk-KYFWVLWO.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-Y7QKP6QU.js";
 import "./chunk-INNFZYX2.js";
+import {
+  useProducts
+} from "./chunk-M2E3PKA4.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import "./chunk-ZBWL72TB.js";
-import "./chunk-NBMM2TZK.js";
+import {
+  __toESM
+} from "./chunk-NBMM2TZK.js";
 
 // src/pages/offers/offer-list-page.tsx
 import { Children as Children2 } from "react";
@@ -61,7 +105,7 @@ import { Children } from "react";
 import { Outlet } from "react-router-dom";
 
 // src/pages/offers/_components/offer-list-data-table.tsx
-import { toast, usePrompt } from "@medusajs/ui";
+import { toast as toast2, usePrompt as usePrompt2 } from "@medusajs/ui";
 import { keepPreviousData } from "@tanstack/react-query";
 import { useState } from "react";
 import { useTranslation as useTranslation4 } from "react-i18next";
@@ -73,35 +117,85 @@ import { useMemo } from "react";
 import { useTranslation as useTranslation2 } from "react-i18next";
 
 // src/pages/offers/_components/offer-actions.tsx
-import { BuildingStorefront } from "@medusajs/icons";
+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 = ({ offer }) => {
+var OfferActions = ({ product }) => {
   const { t } = useTranslation();
-  if (!offer.sellerId) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    ActionMenu,
-    {
-      groups: [
+  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: [
         {
-          actions: [
-            {
-              icon: /* @__PURE__ */ jsx(BuildingStorefront, {}),
-              label: t("offers.actions.openStore"),
-              to: `/stores/${offer.sellerId}`
-            }
-          ]
+          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 { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var columnHelper = createColumnHelper();
+var countOfferedVariants = (row) => (row.variants ?? []).filter((v) => (v.offers?.length ?? 0) > 0).length;
+var collectOfferIds = (row) => (row.variants ?? []).flatMap((v) => (v.offers ?? []).map((o) => o.id));
+var collectOfferSellers = (row) => {
+  const seen = /* @__PURE__ */ new Map();
+  for (const variant of row.variants ?? []) {
+    for (const offer of variant.offers ?? []) {
+      const seller = offer.seller;
+      if (seller?.id && !seen.has(seller.id)) {
+        seen.set(seller.id, seller);
+      }
+    }
+  }
+  return Array.from(seen.values());
+};
 var useOfferTableColumns = () => {
   const { t } = useTranslation2();
   return useMemo(
@@ -125,19 +219,17 @@ var useOfferTableColumns = () => {
         )
       }),
       columnHelper.display({
-        id: "title",
-        header: t("fields.title"),
-        cell: ({ row }) => {
-          const variant = row.original.product_variant;
-          const title = variant?.title ?? "";
-          if (!title) {
-            return /* @__PURE__ */ jsx2(PlaceholderCell, {});
+        id: "product",
+        header: () => /* @__PURE__ */ jsx2(ProductHeader, {}),
+        cell: ({ row }) => /* @__PURE__ */ jsx2(
+          ProductCell,
+          {
+            product: {
+              title: row.original.title ?? "",
+              thumbnail: row.original.thumbnail ?? null
+            }
           }
-          return /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full max-w-[250px] items-center gap-x-3 overflow-hidden", children: [
-            /* @__PURE__ */ jsx2("div", { className: "w-fit flex-shrink-0", children: /* @__PURE__ */ jsx2(Thumbnail, { src: variant?.product?.thumbnail }) }),
-            /* @__PURE__ */ jsx2("span", { title: variant?.product?.title ?? "", className: "truncate", children: variant?.title })
-          ] });
-        }
+        )
       }),
       columnHelper.display({
         id: "categories",
@@ -145,47 +237,50 @@ var useOfferTableColumns = () => {
         cell: ({ row }) => /* @__PURE__ */ jsx2(
           CategoryCell,
           {
-            categories: row.original.product_variant?.product?.categories ?? void 0
+            categories: row.original.categories ?? void 0
           }
         )
       }),
-      columnHelper.accessor("sku", {
-        header: t("offers.fields.sku"),
-        cell: ({ getValue }) => {
-          const sku = getValue();
-          if (!sku) return /* @__PURE__ */ jsx2(PlaceholderCell, {});
-          return /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", className: "truncate", children: sku });
-        }
-      }),
       columnHelper.display({
-        id: "shipping_profile",
-        header: t("shippingProfile.domain"),
+        id: "collection",
+        header: t("fields.collection"),
         cell: ({ row }) => {
-          const name = row.original.shipping_profile?.name;
-          if (!name) return /* @__PURE__ */ jsx2(PlaceholderCell, {});
-          return /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", className: "truncate", children: name });
+          const collection = row.original.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: t("offers.fields.variants"),
+        cell: ({ row }) => /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", className: "truncate", children: t("offers.fields.variantsCount", {
+          count: countOfferedVariants(row.original)
+        }) })
+      }),
       columnHelper.display({
         id: "status",
         header: () => /* @__PURE__ */ jsx2(ProductStatusHeader, {}),
         cell: ({ row }) => {
-          const status = row.original.product_variant?.product?.status;
+          const status = row.original.status;
           if (!status) return /* @__PURE__ */ jsx2(PlaceholderCell, {});
           return /* @__PURE__ */ jsx2(ProductStatusCell, { status });
         }
       }),
       columnHelper.display({
         id: "actions",
-        cell: ({ row }) => /* @__PURE__ */ jsx2(
-          OfferActions,
-          {
-            offer: {
-              id: row.original.id,
-              sellerId: row.original.seller?.id ?? row.original.seller_id ?? null
+        cell: ({ row }) => {
+          const sellers = collectOfferSellers(row.original);
+          return /* @__PURE__ */ jsx2(
+            OfferActions,
+            {
+              product: {
+                id: row.original.id,
+                offerIds: collectOfferIds(row.original),
+                sellerId: sellers.length === 1 ? sellers[0].id ?? null : null
+              }
             }
-          }
-        )
+          );
+        }
       })
     ],
     [t]
@@ -193,11 +288,18 @@ var useOfferTableColumns = () => {
 };
 
 // src/pages/offers/_components/use-offer-table-filters.tsx
+var import_types = __toESM(require_dist(), 1);
 import { useTranslation as useTranslation3 } from "react-i18next";
 var useOfferTableFilters = () => {
   const { t } = useTranslation3();
   const { sellers } = useSellers({ limit: 1e3 });
-  const { shipping_profiles } = useShippingProfiles({ 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({
@@ -212,25 +314,86 @@ var useOfferTableFilters = () => {
       }))
     });
   }
-  if (shipping_profiles && shipping_profiles.length > 0) {
+  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: "shipping_profile_id",
-      label: t("shippingProfile.domain"),
+      key: "tag_id",
+      label: t("fields.tag"),
       multiple: true,
       searchable: true,
-      options: shipping_profiles.map(
-        (p) => ({
-          label: p.name ?? p.id,
-          value: p.id
+      options: product_tags.map(
+        (pt) => ({
+          label: pt.value ?? pt.id,
+          value: pt.id
         })
       )
     });
   }
   filters.push({
-    type: "string",
-    key: "sku",
-    label: t("offers.fields.sku")
+    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",
@@ -247,7 +410,7 @@ var useOfferTableFilters = () => {
 
 // src/pages/offers/_components/use-offer-table-query.tsx
 var useOfferTableQuery = ({
-  pageSize = 20,
+  pageSize = 10,
   prefix
 }) => {
   const raw = useQueryParams(
@@ -255,12 +418,14 @@ var useOfferTableQuery = ({
       "q",
       "order",
       "offset",
-      "sku",
-      "shipping_profile_id",
-      "seller_id",
-      "variant_id",
       "created_at",
-      "updated_at"
+      "updated_at",
+      "category_id",
+      "collection_id",
+      "type_id",
+      "tag_id",
+      "status",
+      "seller_id"
     ],
     prefix
   );
@@ -268,22 +433,30 @@ var useOfferTableQuery = ({
     offset,
     created_at,
     updated_at,
-    shipping_profile_id,
+    category_id,
+    collection_id,
+    type_id,
+    tag_id,
+    status,
     seller_id,
-    variant_id,
-    ...rest
+    order,
+    q
   } = raw;
   const searchParams = {
     limit: pageSize,
-    offset: offset ? parseInt(offset, 10) : void 0,
-    order: rest.order ?? "-created_at",
-    q: rest.q,
-    sku: rest.sku,
-    shipping_profile_id: shipping_profile_id ? shipping_profile_id.split(",") : void 0,
+    offset: offset ? parseInt(offset, 10) : 0,
+    order: order || "title",
+    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,
-    variant_id: variant_id ? variant_id.split(",") : void 0,
     created_at: created_at ? JSON.parse(created_at) : void 0,
-    updated_at: updated_at ? JSON.parse(updated_at) : void 0
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
+    has_offer: "true",
+    fields: OFFER_PRODUCT_LIST_FIELDS
   };
   return {
     searchParams,
@@ -295,22 +468,16 @@ var useOfferTableQuery = ({
 import { jsx as jsx3 } from "react/jsx-runtime";
 var OfferListDataTable = () => {
   const { t } = useTranslation4();
-  const prompt = usePrompt();
+  const prompt = usePrompt2();
   const [selection, setSelection] = useState({});
   const { raw, searchParams } = useOfferTableQuery({
     pageSize: OFFERS_PAGE_SIZE
   });
-  const {
-    offers,
-    count,
-    isPending: isLoading,
-    isError,
-    error
-  } = useOffers(
-    { ...searchParams, fields: OFFER_LIST_FIELDS },
+  const { products, count, isLoading, isError, error } = useProducts(
+    searchParams,
     { placeholderData: keepPreviousData }
   );
-  const rows = offers ?? [];
+  const rows = products ?? [];
   const filters = useOfferTableFilters();
   const columns = useOfferTableColumns();
   const { mutateAsync: bulkDelete } = useBulkDeleteOffers();
@@ -347,6 +514,7 @@ var OfferListDataTable = () => {
         { key: "created_at", label: t("fields.createdAt") },
         { key: "updated_at", label: t("fields.updatedAt") }
       ],
+      defaultOrderBy: "title",
       navigateTo: (row) => `${row.id}`,
       noRecords: {
         title: t("offers.empty.heading"),
@@ -357,40 +525,35 @@ var OfferListDataTable = () => {
           label: t("offers.actions.bulkDelete"),
           shortcut: "d",
           action: async (currentSelection) => {
-            const ids = Object.keys(currentSelection);
-            if (ids.length === 0) return;
+            const productIds = Object.keys(currentSelection);
+            if (productIds.length === 0) return;
+            const selectedRows = rows.filter((r) => productIds.includes(r.id));
+            const offerIds = selectedRows.flatMap((r) => collectOfferIds(r));
+            if (offerIds.length === 0) return;
             const confirmed = await prompt({
               title: t("general.areYouSure"),
               description: t("offers.bulkDelete.description", {
-                count: ids.length
+                count: offerIds.length
               }),
               confirmText: t("actions.delete"),
               cancelText: t("actions.cancel"),
               variant: "danger"
             });
             if (!confirmed) return;
-            const result = await bulkDelete(ids);
+            const result = await bulkDelete(offerIds);
             const succeededCount = result.succeeded.length;
             const failedCount = result.failed.length;
             if (failedCount === 0) {
-              toast.success(
+              toast2.success(
                 t("offers.bulkDelete.successToast", { count: succeededCount })
               );
               setSelection({});
             } else {
-              toast.warning(
+              toast2.warning(
                 t("offers.bulkDelete.errorToast", {
-                  message: `${succeededCount}/${ids.length} succeeded`
+                  message: `${succeededCount}/${offerIds.length} succeeded`
                 })
               );
-              const failedIds = new Set(result.failed.map((f) => f.id));
-              setSelection((prev) => {
-                const next = {};
-                for (const id of Object.keys(prev)) {
-                  if (failedIds.has(id)) next[id] = true;
-                }
-                return next;
-              });
             }
           }
         }
@@ -402,21 +565,21 @@ var OfferListDataTable = () => {
 // src/pages/offers/_components/offer-list-header.tsx
 import { Heading } from "@medusajs/ui";
 import { useTranslation as useTranslation5 } from "react-i18next";
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
 var OfferListTitle = () => {
   const { t } = useTranslation5();
   return /* @__PURE__ */ jsx4(Heading, { children: t("offers.domain") });
 };
 var OfferListActions = () => null;
-var OfferListHeader = () => /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 py-4", children: [
+var OfferListHeader = () => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
   /* @__PURE__ */ jsx4(OfferListTitle, {}),
   /* @__PURE__ */ jsx4(OfferListActions, {})
 ] });
 
 // src/pages/offers/_components/offer-list-table.tsx
-import { Fragment, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-var OfferListTable = ({ children }) => /* @__PURE__ */ jsxs3(Container, { className: "divide-y p-0", "data-testid": "offer-list-table", children: [
-  Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs3(Fragment, { children: [
+import { Fragment, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var OfferListTable = ({ children }) => /* @__PURE__ */ jsxs2(Container, { className: "divide-y p-0", "data-testid": "offer-list-table", children: [
+  Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsx5(OfferListHeader, {}),
     /* @__PURE__ */ jsx5(OfferListDataTable, {})
   ] }),