@mercurjs/vendor 2.2.0-canary.8 → 2.2.0-rc.0

package/dist/{chunk-B234IELY.js → chunk-G6YNCIVF.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-RIN4CBRB.js";
+} from "./chunk-LXZXXOJ3.js";
 
 // src/hooks/api/inventory.tsx
 import {
@@ -27,18 +27,21 @@ var PRODUCT_ATTRIBUTES_QUERY_KEY = "product_attributes";
 var productAttributesQueryKeys = queryKeysFactory(
   PRODUCT_ATTRIBUTES_QUERY_KEY
 );
-var useProductAttribute = (id, query, options) => {
-  const { data, ...rest } = useQuery({
-    queryKey: productAttributesQueryKeys.detail(id, query),
-    queryFn: async () => sdk.vendor.productAttributes.$id.query({ $id: id, ...query }),
-    ...options
+var sortAttributeValuesByRank = (attributes) => {
+  attributes?.forEach((attribute) => {
+    if (Array.isArray(attribute.values)) {
+      attribute.values.sort((a, b) => (a.rank ?? 0) - (b.rank ?? 0));
+    }
   });
-  return { ...data, ...rest };
 };
 var useProductAttributes = (query, options) => {
   const { data, ...rest } = useQuery({
     queryKey: productAttributesQueryKeys.list(query),
-    queryFn: async () => sdk.vendor.productAttributes.query({ ...query }),
+    queryFn: async () => {
+      const res = await sdk.vendor.productAttributes.query({ ...query });
+      sortAttributeValuesByRank(res?.product_attributes);
+      return res;
+    },
     ...options
   });
   return { ...data, ...rest };
@@ -116,6 +119,7 @@ var useDeleteProduct = (id, options) => {
         queryKey: productChangeQueryKeys.detail(id)
       });
       queryClient.invalidateQueries({ queryKey: productsQueryKeys.detail(id) });
+      queryClient.invalidateQueries({ queryKey: productsQueryKeys.lists() });
       options?.onSuccess?.(data, variables, context);
     },
     ...options
@@ -192,6 +196,9 @@ var useUpdateProductVariant = (productId, variantId, options) => {
       queryClient.invalidateQueries({
         queryKey: productsQueryKeys.detail(productId)
       });
+      queryClient.invalidateQueries({
+        queryKey: variantsQueryKeys.detail(variantId)
+      });
       options?.onSuccess?.(data, variables, context);
     },
     ...options
@@ -236,64 +243,43 @@ var useDeleteVariantLazy = (productId, options) => {
     ...options
   });
 };
-var useAddProductAttribute = (productId, options) => {
+var useBatchProductAttributes = (productId, options) => {
   return useMutation({
-    mutationFn: (payload) => sdk.vendor.products.$id.attributes.mutate({
+    mutationFn: (payload) => sdk.vendor.products.$id.attributes.batch.mutate({
       $id: productId,
       ...payload
     }),
     onSuccess: (data, variables, context) => {
-      queryClient.invalidateQueries({
-        queryKey: productChangeQueryKeys.detail(productId)
-      });
       queryClient.invalidateQueries({
         queryKey: productAttributesQueryKeys.lists()
       });
       queryClient.invalidateQueries({
         queryKey: productsQueryKeys.detail(productId)
       });
-      options?.onSuccess?.(data, variables, context);
-    },
-    ...options
-  });
-};
-var useBatchProductAttributes = (productId, options) => {
-  return useMutation({
-    mutationFn: (payload) => sdk.vendor.products.$id.attributes.batch.mutate({
-      $id: productId,
-      ...payload
-    }),
-    onSuccess: (data, variables, context) => {
       queryClient.invalidateQueries({
         queryKey: productChangeQueryKeys.detail(productId)
       });
-      queryClient.invalidateQueries({
-        queryKey: productAttributesQueryKeys.lists()
-      });
-      queryClient.invalidateQueries({
-        queryKey: productsQueryKeys.detail(productId)
-      });
       options?.onSuccess?.(data, variables, context);
     },
     ...options
   });
 };
-var useRemoveProductAttribute = (productId, attributeId, options) => {
+var useRemoveAttributeFromProduct = (productId, attributeId, options) => {
   return useMutation({
-    mutationFn: () => sdk.vendor.products.$id.attributes.$attributeId.delete({
+    mutationFn: () => sdk.vendor.products.$id.attributes.batch.mutate({
       $id: productId,
-      $attributeId: attributeId
+      remove: [attributeId]
     }),
     onSuccess: (data, variables, context) => {
-      queryClient.invalidateQueries({
-        queryKey: productChangeQueryKeys.detail(productId)
-      });
       queryClient.invalidateQueries({
         queryKey: productAttributesQueryKeys.lists()
       });
       queryClient.invalidateQueries({
         queryKey: productsQueryKeys.detail(productId)
       });
+      queryClient.invalidateQueries({
+        queryKey: productChangeQueryKeys.detail(productId)
+      });
       options?.onSuccess?.(data, variables, context);
     },
     ...options
@@ -489,8 +475,6 @@ export {
   useUpdateInventoryLevel,
   useBatchInventoryItemLocationLevels,
   useBatchInventoryItemsLocationLevels,
-  productAttributesQueryKeys,
-  useProductAttribute,
   useProductAttributes,
   productsQueryKeys,
   variantsQueryKeys,
@@ -507,7 +491,6 @@ export {
   useUpdateProductVariant,
   useDeleteVariant,
   useDeleteVariantLazy,
-  useAddProductAttribute,
   useBatchProductAttributes,
-  useRemoveProductAttribute
+  useRemoveAttributeFromProduct
 };

package/dist/{chunk-PVZBDWLK.js → chunk-GRH7C3QN.js}

@@ -25,7 +25,7 @@ var useCustomerTableQuery = ({
     offset: offset ? Number(offset) : 0,
     groups: groups?.split(","),
     has_account: has_account ? has_account === "true" : void 0,
-    order,
+    order: order ? order : "-created_at",
     created_at: created_at ? JSON.parse(created_at) : void 0,
     updated_at: updated_at ? JSON.parse(updated_at) : void 0,
     q

package/dist/chunk-GSH6ZGI6.js

@@ -0,0 +1,353 @@
+import {
+  OFFERS_PAGE_SIZE,
+  OFFER_PRODUCT_LIST_FIELDS
+} from "./chunk-XQUF3WIS.js";
+import {
+  CategoryCell,
+  CategoryHeader,
+  ProductStatusCell,
+  ProductStatusHeader
+} from "./chunk-WBCWER26.js";
+import {
+  ProductCell
+} from "./chunk-FWPGOIFA.js";
+import {
+  useProductTableFilters
+} from "./chunk-JK4M3ZKY.js";
+import {
+  PlaceholderCell
+} from "./chunk-PHOCVOZ5.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-W3UHAQCV.js";
+import {
+  SingleColumnPage
+} from "./chunk-YV6MK4PZ.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  useBulkDeleteOffers
+} from "./chunk-EPRYM3FA.js";
+import {
+  useProducts
+} from "./chunk-G6YNCIVF.js";
+
+// src/pages/offers/offer-list-page.tsx
+import { Children as Children2 } from "react";
+
+// src/pages/offers/_components/offer-list-table.tsx
+import { Container } from "@medusajs/ui";
+import { Children } from "react";
+import { Outlet } from "react-router-dom";
+
+// src/pages/offers/_components/offer-list-data-table.tsx
+import { keepPreviousData } from "@tanstack/react-query";
+import { useTranslation as useTranslation3 } from "react-i18next";
+
+// src/pages/offers/_components/use-offer-table-columns.tsx
+import { Text } from "@medusajs/ui";
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useTranslation as useTranslation2 } from "react-i18next";
+
+// src/pages/offers/_components/offer-actions.tsx
+import { Buildings, CurrencyDollar, 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"),
+      // The product listing is one offer to the seller, regardless of how
+      // many of its variants are offered under the hood.
+      description: t("offers.delete.descriptionByName", { name: product.title }),
+      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.delete.successToast"));
+    } else {
+      toast.warning(
+        t("offers.bulkDelete.partialToast", {
+          succeeded: result.succeeded.length,
+          total: product.offerIds.length,
+          failed: result.failed.length
+        })
+      );
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    ActionMenu,
+    {
+      groups: [
+        {
+          actions: [
+            {
+              icon: /* @__PURE__ */ jsx(CurrencyDollar, {}),
+              label: t("offers.actions.edit_prices"),
+              to: `${product.id}/edit-price`
+            },
+            {
+              icon: /* @__PURE__ */ jsx(Buildings, {}),
+              label: t("offers.actions.edit_stock_levels"),
+              to: `${product.id}/edit-stock`
+            }
+          ]
+        },
+        {
+          actions: [
+            {
+              icon: /* @__PURE__ */ jsx(Trash, {}),
+              label: t("actions.delete"),
+              onClick: handleDelete,
+              disabled: product.offerIds.length === 0
+            }
+          ]
+        }
+      ]
+    }
+  );
+};
+
+// src/pages/offers/_components/use-offer-table-columns.tsx
+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 useOfferTableColumns = () => {
+  const { t } = useTranslation2();
+  return useMemo(
+    () => [
+      columnHelper.display({
+        id: "product",
+        header: t("offers.domain"),
+        cell: ({ row }) => /* @__PURE__ */ jsx2(
+          ProductCell,
+          {
+            product: {
+              title: row.original.title ?? "",
+              thumbnail: row.original.thumbnail ?? null
+            }
+          }
+        )
+      }),
+      columnHelper.display({
+        id: "categories",
+        header: () => /* @__PURE__ */ jsx2(CategoryHeader, {}),
+        cell: ({ row }) => /* @__PURE__ */ jsx2(CategoryCell, { categories: row.original.categories })
+      }),
+      columnHelper.display({
+        id: "collection",
+        header: t("fields.collection"),
+        cell: ({ row }) => {
+          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.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.id,
+              title: row.original.title ?? "",
+              offerIds: collectOfferIds(row.original)
+            }
+          }
+        )
+      })
+    ],
+    [t]
+  );
+};
+
+// src/pages/offers/_components/use-offer-table-filters.tsx
+var useOfferTableFilters = () => useProductTableFilters();
+
+// src/pages/offers/_components/use-offer-table-query.tsx
+var useOfferTableQuery = ({
+  pageSize = 10,
+  prefix
+}) => {
+  const raw = useQueryParams(
+    [
+      "q",
+      "order",
+      "offset",
+      "created_at",
+      "updated_at",
+      "category_id",
+      "collection_id",
+      "type_id",
+      "tag_id",
+      "status",
+      "id"
+    ],
+    prefix
+  );
+  const {
+    offset,
+    created_at,
+    updated_at,
+    category_id,
+    collection_id,
+    type_id,
+    tag_id,
+    status,
+    order,
+    q
+  } = raw;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 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,
+    created_at: created_at ? JSON.parse(created_at) : void 0,
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
+    has_offer: "true",
+    fields: OFFER_PRODUCT_LIST_FIELDS
+  };
+  return {
+    searchParams,
+    raw
+  };
+};
+
+// src/pages/offers/_components/offer-list-data-table.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var OfferListDataTable = () => {
+  const { t } = useTranslation3();
+  const { raw, searchParams } = useOfferTableQuery({
+    pageSize: OFFERS_PAGE_SIZE
+  });
+  const { products, count, isLoading, isError, error } = useProducts(
+    searchParams,
+    { placeholderData: keepPreviousData }
+  );
+  const rows = products ?? [];
+  const filters = useOfferTableFilters();
+  const columns = useOfferTableColumns();
+  const { table } = useDataTable({
+    data: rows,
+    columns,
+    count,
+    enablePagination: true,
+    getRowId: (row) => row.id,
+    pageSize: OFFERS_PAGE_SIZE
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx3(
+    _DataTable,
+    {
+      table,
+      columns,
+      pageSize: OFFERS_PAGE_SIZE,
+      count,
+      isLoading,
+      pagination: true,
+      search: true,
+      filters,
+      queryObject: raw,
+      orderBy: [
+        { key: "title", label: t("fields.title") },
+        { key: "created_at", label: t("fields.createdAt") },
+        { key: "updated_at", label: t("fields.updatedAt") }
+      ],
+      defaultOrderBy: "title",
+      navigateTo: (row) => `${row.original.id}`,
+      noRecords: {
+        title: t("offers.empty.heading"),
+        message: t("offers.empty.description"),
+        action: {
+          to: "create",
+          label: t("offers.actions.create")
+        }
+      }
+    }
+  );
+};
+
+// src/pages/offers/_components/offer-list-header.tsx
+import { Button, Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation4 } from "react-i18next";
+import { Link } from "react-router-dom";
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+var OfferListTitle = () => {
+  const { t } = useTranslation4();
+  return /* @__PURE__ */ jsx4(Heading, { children: t("offers.domain") });
+};
+var OfferListActions = () => {
+  const { t } = useTranslation4();
+  return /* @__PURE__ */ jsx4(Button, { size: "small", variant: "secondary", asChild: true, children: /* @__PURE__ */ jsx4(Link, { to: "create", "data-testid": "offer-list-create-button", children: t("offers.actions.create") }) });
+};
+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 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, {})
+  ] }),
+  /* @__PURE__ */ jsx5(Outlet, {})
+] });
+
+// src/pages/offers/offer-list-page.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var Root = ({ children }) => /* @__PURE__ */ jsx6(SingleColumnPage, { children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx6(OfferListTable, {}) });
+var OfferListPage = Object.assign(Root, {
+  Table: OfferListTable,
+  Header: OfferListHeader,
+  HeaderTitle: OfferListTitle,
+  HeaderActions: OfferListActions,
+  DataTable: OfferListDataTable
+});
+
+export {
+  OfferListPage
+};

package/dist/{chunk-IQWK723D.js → chunk-GZ4KTAWS.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-RIN4CBRB.js";
+} from "./chunk-LXZXXOJ3.js";
 
 // src/hooks/api/shipping-profiles.tsx
 import {

package/dist/{chunk-MJCL3WID.js → chunk-H6LZ77GX.js}

@@ -52,7 +52,7 @@ var useProductTableQuery = ({
     category_id: category_id?.split(","),
     collection_id: collection_id?.split(","),
     is_giftcard: is_giftcard ? is_giftcard === "true" : void 0,
-    order: order || "title",
+    order: order || "-created_at",
     tag_id: tag_id ? tag_id.split(",") : void 0,
     type_id: type_id?.split(","),
     status: status?.split(","),

package/dist/{chunk-WLT7K7K7.js → chunk-HDEOZN2Q.js}

@@ -1,3 +1,6 @@
+import {
+  useDataTableDateFilters
+} from "./chunk-HFRHHT36.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
@@ -28,33 +31,27 @@ var useAttributeTableQuery = ({
 };
 
 // src/hooks/table/filters/use-attribute-table-filters.tsx
+import { createDataTableFilterHelper } from "@medusajs/ui";
+import { useMemo } from "react";
 import { useTranslation } from "react-i18next";
+var filterHelper = createDataTableFilterHelper();
 var useAttributeTableFilters = () => {
   const { t } = useTranslation();
-  const filterableFilter = {
-    key: "is_filterable",
-    label: t("attributes.fields.filterable"),
-    type: "select",
-    options: [
-      {
-        label: t("filters.radio.yes"),
-        value: "true"
-      },
-      {
-        label: t("filters.radio.no"),
-        value: "false"
-      }
-    ]
-  };
-  const dateFilters = [
-    { label: t("fields.createdAt"), key: "created_at" },
-    { label: t("fields.updatedAt"), key: "updated_at" }
-  ].map((f) => ({
-    key: f.key,
-    label: f.label,
-    type: "date"
-  }));
-  return [filterableFilter, ...dateFilters];
+  const dateFilters = useDataTableDateFilters();
+  return useMemo(
+    () => [
+      filterHelper.accessor("is_filterable", {
+        label: t("attributes.fields.filterable"),
+        type: "select",
+        options: [
+          { label: t("filters.radio.yes"), value: "true" },
+          { label: t("filters.radio.no"), value: "false" }
+        ]
+      }),
+      ...dateFilters
+    ],
+    [t, dateFilters]
+  );
 };
 
 export {

package/dist/{chunk-FDR22JMM.js → chunk-HFRHHT36.js}

@@ -2,74 +2,20 @@ import {
   useDate
 } from "./chunk-LRD242C7.js";
 
-// src/components/data-table/helpers/general/use-data-table-date-columns.tsx
-import {
-  createDataTableColumnHelper,
-  Tooltip
-} from "@medusajs/ui";
-import { useMemo } from "react";
-import { useTranslation } from "react-i18next";
-import { jsx } from "react/jsx-runtime";
-var columnHelper = createDataTableColumnHelper();
-var useDataTableDateColumns = () => {
-  const { t } = useTranslation();
-  const { getFullDate } = useDate();
-  return useMemo(() => {
-    return [
-      columnHelper.accessor("created_at", {
-        header: t("fields.createdAt"),
-        cell: ({ row }) => {
-          return /* @__PURE__ */ jsx(
-            Tooltip,
-            {
-              content: getFullDate({
-                date: row.original.created_at,
-                includeTime: true
-              }),
-              children: /* @__PURE__ */ jsx("span", { children: getFullDate({ date: row.original.created_at }) })
-            }
-          );
-        },
-        enableSorting: true,
-        sortAscLabel: t("filters.sorting.dateAsc"),
-        sortDescLabel: t("filters.sorting.dateDesc")
-      }),
-      columnHelper.accessor("updated_at", {
-        header: t("fields.updatedAt"),
-        cell: ({ row }) => {
-          return /* @__PURE__ */ jsx(
-            Tooltip,
-            {
-              content: getFullDate({
-                date: row.original.updated_at,
-                includeTime: true
-              }),
-              children: /* @__PURE__ */ jsx("span", { children: getFullDate({ date: row.original.updated_at }) })
-            }
-          );
-        },
-        enableSorting: true,
-        sortAscLabel: t("filters.sorting.dateAsc"),
-        sortDescLabel: t("filters.sorting.dateDesc")
-      })
-    ];
-  }, [t, getFullDate]);
-};
-
 // src/components/data-table/helpers/general/use-data-table-date-filters.tsx
 import { createDataTableFilterHelper } from "@medusajs/ui";
 import { subDays, subMonths } from "date-fns";
-import { useMemo as useMemo2 } from "react";
-import { useTranslation as useTranslation2 } from "react-i18next";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
 var filterHelper = createDataTableFilterHelper();
 var useDateFilterOptions = () => {
-  const { t } = useTranslation2();
-  const today = useMemo2(() => {
+  const { t } = useTranslation();
+  const today = useMemo(() => {
     const date = /* @__PURE__ */ new Date();
     date.setHours(0, 0, 0, 0);
     return date;
   }, []);
-  return useMemo2(() => {
+  return useMemo(() => {
     return [
       {
         label: t("filters.date.today"),
@@ -109,10 +55,10 @@ var useDateFilterOptions = () => {
   }, [today, t]);
 };
 var useDataTableDateFilters = (disableRangeOption) => {
-  const { t } = useTranslation2();
+  const { t } = useTranslation();
   const { getFullDate } = useDate();
   const dateFilterOptions = useDateFilterOptions();
-  const rangeOptions = useMemo2(() => {
+  const rangeOptions = useMemo(() => {
     if (disableRangeOption) {
       return {
         disableRangeOption: true
@@ -125,7 +71,7 @@ var useDataTableDateFilters = (disableRangeOption) => {
       options: dateFilterOptions
     };
   }, [disableRangeOption, t, dateFilterOptions]);
-  return useMemo2(() => {
+  return useMemo(() => {
     return [
       filterHelper.accessor("created_at", {
         type: "date",
@@ -148,6 +94,5 @@ var useDataTableDateFilters = (disableRangeOption) => {
 };
 
 export {
-  useDataTableDateColumns,
   useDataTableDateFilters
 };