@mercurjs/vendor 2.1.6 → 2.2.0-canary.11

package/dist/{chunk-CYTNBXWF.js → chunk-OZ44ATGE.js}

@@ -33,36 +33,36 @@ import {
 } from "./chunk-CMHI2RPL.js";
 import {
   useProductTableColumns
-} from "./chunk-GC33DBKG.js";
+} from "./chunk-BER45EYD.js";
 import {
   useProductTableQuery
-} from "./chunk-4MFMCZEJ.js";
+} from "./chunk-MJCL3WID.js";
 import {
   useProductTableFilters
-} from "./chunk-CNLP35S7.js";
+} from "./chunk-K6LOZ4S3.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-AIF2KTEE.js";
+} from "./chunk-SSUUT5LK.js";
 import {
   StackedDrawer,
   StackedFocusModal
-} from "./chunk-3CK6OINO.js";
+} from "./chunk-GDWBOQI5.js";
 import {
   useProductTags
-} from "./chunk-47SXTGLN.js";
+} from "./chunk-TBYCZRZ7.js";
 import {
   useProductTypes
 } from "./chunk-VV6IKGCN.js";
 import {
   useCollections
-} from "./chunk-RL7SFZOF.js";
+} from "./chunk-DDJQRV6E.js";
 import {
   useCustomerGroups
 } from "./chunk-LWJF63JW.js";
 import {
   useProducts
-} from "./chunk-ZEVYT6IX.js";
+} from "./chunk-JAUZ73XE.js";
 
 // src/pages/settings/tax-regions/_common/components/target-form.tsx
 import { Button, Checkbox } from "@medusajs/ui";

package/dist/{chunk-7Q5SDEK7.js → chunk-PAVZ6FPK.js}

@@ -1,22 +1,22 @@
 import {
   useOrderTableColumns
-} from "./chunk-6WY5X4PE.js";
+} from "./chunk-E6W57UP3.js";
 import {
   useOrderTableQuery
-} from "./chunk-6YA3C4NB.js";
+} from "./chunk-XCIMOIX6.js";
 import {
   useOrderTableFilters
-} from "./chunk-LQYMBSRQ.js";
+} from "./chunk-LFX6WU4A.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-AIF2KTEE.js";
+} from "./chunk-SSUUT5LK.js";
 import {
   SingleColumnPage
-} from "./chunk-CAS74NLJ.js";
+} from "./chunk-YV6MK4PZ.js";
 import {
   useOrders
-} from "./chunk-WBI7FEGI.js";
+} from "./chunk-Y2MQ5EMD.js";
 
 // src/pages/orders/order-list-page.tsx
 import { Children as Children3 } from "react";
@@ -67,7 +67,6 @@ var OrderListDataTable = () => {
       "total",
       "currency_code",
       "*customer",
-      "*sales_channel",
       "*payment_collections"
     ].join(","),
     ...searchParams
@@ -90,6 +89,7 @@ var OrderListDataTable = () => {
       columns,
       table,
       pagination: true,
+      search: true,
       filters,
       navigateTo: (row) => `/orders/${row.original.id}`,
       count,

package/dist/{chunk-2RHAI7WK.js → chunk-QLBIBLOY.js}

@@ -7,10 +7,10 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-AIF2KTEE.js";
+} from "./chunk-SSUUT5LK.js";
 import {
   SingleColumnPage
-} from "./chunk-CAS74NLJ.js";
+} from "./chunk-YV6MK4PZ.js";
 import {
   useCampaigns,
   useDeleteCampaign

package/dist/chunk-RXV7INUV.js

@@ -0,0 +1,426 @@
+import {
+  useDeleteOfferAction
+} from "./chunk-CFRWIQIZ.js";
+import {
+  OFFERS_PAGE_SIZE,
+  OFFER_LIST_FIELDS
+} from "./chunk-27KRIXMQ.js";
+import {
+  CategoryCell,
+  CategoryHeader,
+  ProductStatusCell,
+  ProductStatusHeader
+} from "./chunk-U5G3AVED.js";
+import {
+  PlaceholderCell
+} from "./chunk-PHOCVOZ5.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-SSUUT5LK.js";
+import {
+  SingleColumnPage
+} from "./chunk-YV6MK4PZ.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+import {
+  Thumbnail
+} from "./chunk-WIYFXWRI.js";
+import {
+  useShippingProfiles
+} from "./chunk-IQWK723D.js";
+import {
+  useBulkDeleteOffers,
+  useOffers
+} from "./chunk-UORPTGV2.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.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 { useState } from "react";
+import { useTranslation as useTranslation4 } from "react-i18next";
+import { toast, usePrompt } from "@medusajs/ui";
+
+// 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";
+
+// src/pages/offers/_components/offer-actions.tsx
+import { Buildings, CurrencyDollar, PencilSquare, Trash } from "@medusajs/icons";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var OfferActions = ({ offer }) => {
+  const { t } = useTranslation();
+  const handleDelete = useDeleteOfferAction({ id: offer.id, sku: offer.sku });
+  return /* @__PURE__ */ jsx(
+    ActionMenu,
+    {
+      groups: [
+        {
+          actions: [
+            {
+              icon: /* @__PURE__ */ jsx(PencilSquare, {}),
+              label: t("actions.edit"),
+              to: `${offer.id}/edit`
+            },
+            {
+              icon: /* @__PURE__ */ jsx(CurrencyDollar, {}),
+              label: t("offers.actions.manage_prices"),
+              to: `${offer.id}/pricing`
+            },
+            {
+              icon: /* @__PURE__ */ jsx(Buildings, {}),
+              label: t("offers.actions.manage_inventory"),
+              to: `${offer.id}/inventory`
+            }
+          ]
+        },
+        {
+          actions: [
+            {
+              icon: /* @__PURE__ */ jsx(Trash, {}),
+              label: t("actions.delete"),
+              onClick: handleDelete
+            }
+          ]
+        }
+      ]
+    }
+  );
+};
+
+// src/pages/offers/_components/use-offer-table-columns.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var columnHelper = createColumnHelper();
+var useOfferTableColumns = () => {
+  const { t } = useTranslation2();
+  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: "title",
+        header: t("fields.title"),
+        cell: ({ row }) => {
+          const variant = row.original.product_variant;
+          const title = variant?.title ?? "";
+          if (!title) {
+            return /* @__PURE__ */ jsx2(PlaceholderCell, {});
+          }
+          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",
+        header: () => /* @__PURE__ */ jsx2(CategoryHeader, {}),
+        cell: ({ row }) => /* @__PURE__ */ jsx2(
+          CategoryCell,
+          {
+            categories: row.original.product_variant?.product?.categories
+          }
+        )
+      }),
+      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"),
+        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 });
+        }
+      }),
+      columnHelper.display({
+        id: "status",
+        header: () => /* @__PURE__ */ jsx2(ProductStatusHeader, {}),
+        cell: ({ row }) => {
+          const status = row.original.product_variant?.product?.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,
+              sku: row.original.sku ?? ""
+            }
+          }
+        )
+      })
+    ],
+    [t]
+  );
+};
+
+// src/pages/offers/_components/use-offer-table-filters.tsx
+import { useTranslation as useTranslation3 } from "react-i18next";
+var useOfferTableFilters = () => {
+  const { t } = useTranslation3();
+  const { shipping_profiles } = useShippingProfiles({ limit: 1e3 });
+  const filters = [];
+  if (shipping_profiles && shipping_profiles.length > 0) {
+    filters.push({
+      type: "select",
+      key: "shipping_profile_id",
+      label: t("shippingProfile.domain"),
+      multiple: true,
+      searchable: true,
+      options: shipping_profiles.map((p) => ({
+        label: p.name ?? p.id,
+        value: p.id
+      }))
+    });
+  }
+  filters.push({
+    type: "string",
+    key: "sku",
+    label: t("offers.fields.sku")
+  });
+  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
+var useOfferTableQuery = ({
+  pageSize = 20,
+  prefix
+}) => {
+  const raw = useQueryParams(
+    [
+      "q",
+      "order",
+      "offset",
+      "sku",
+      "shipping_profile_id",
+      "variant_id",
+      "created_at",
+      "updated_at"
+    ],
+    prefix
+  );
+  const { offset, created_at, updated_at, shipping_profile_id, variant_id, ...rest } = raw;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? parseInt(offset, 10) : void 0,
+    order: rest.order ?? "-updated_at",
+    q: rest.q,
+    sku: rest.sku,
+    shipping_profile_id: shipping_profile_id ? shipping_profile_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
+  };
+  return {
+    searchParams,
+    raw
+  };
+};
+
+// src/pages/offers/_components/offer-list-data-table.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var OfferListDataTable = () => {
+  const { t } = useTranslation4();
+  const prompt = usePrompt();
+  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 },
+    { placeholderData: keepPreviousData }
+  );
+  const rows = offers ?? [];
+  const filters = useOfferTableFilters();
+  const columns = useOfferTableColumns();
+  const { mutateAsync: bulkDelete } = useBulkDeleteOffers();
+  const { table } = useDataTable({
+    data: rows,
+    columns,
+    count,
+    enablePagination: true,
+    getRowId: (row) => row.id,
+    pageSize: OFFERS_PAGE_SIZE,
+    enableRowSelection: true,
+    rowSelection: {
+      state: selection,
+      updater: setSelection
+    }
+  });
+  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") }
+      ],
+      navigateTo: (row) => `${row.id}`,
+      noRecords: {
+        title: t("offers.empty.heading"),
+        message: t("offers.empty.description"),
+        action: {
+          to: "create",
+          label: t("offers.actions.create")
+        }
+      },
+      commands: [
+        {
+          label: t("offers.actions.bulkDelete"),
+          shortcut: "d",
+          action: async (currentSelection) => {
+            const ids = Object.keys(currentSelection);
+            if (ids.length === 0) return;
+            const confirmed = await prompt({
+              title: t("general.areYouSure"),
+              description: t("offers.bulkDelete.description", {
+                count: ids.length
+              }),
+              confirmText: t("actions.delete"),
+              cancelText: t("actions.cancel"),
+              variant: "danger"
+            });
+            if (!confirmed) return;
+            const result = await bulkDelete(ids);
+            const succeededCount = result.succeeded.length;
+            const failedCount = result.failed.length;
+            if (failedCount === 0) {
+              toast.success(
+                t("offers.bulkDelete.successToast", { count: succeededCount })
+              );
+              setSelection({});
+            } else {
+              toast.warning(
+                t("offers.bulkDelete.partialToast", {
+                  succeeded: succeededCount,
+                  total: ids.length,
+                  failed: failedCount
+                })
+              );
+              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;
+              });
+            }
+          }
+        }
+      ]
+    }
+  );
+};
+
+// src/pages/offers/_components/offer-list-header.tsx
+import { Button, Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation5 } from "react-i18next";
+import { Link } from "react-router-dom";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var OfferListTitle = () => {
+  const { t } = useTranslation5();
+  return /* @__PURE__ */ jsx4(Heading, { children: t("offers.domain") });
+};
+var OfferListActions = () => {
+  const { t } = useTranslation5();
+  return /* @__PURE__ */ jsx4(Button, { size: "small", variant: "primary", asChild: true, children: /* @__PURE__ */ jsx4(Link, { to: "create", "data-testid": "offer-list-create-button", children: t("offers.actions.create") }) });
+};
+var OfferListHeader = () => /* @__PURE__ */ jsxs2("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: [
+    /* @__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
+};