@mercurjs/admin 2.1.2 → 2.2.0-canary.1

package/dist/offers-IFKM6EQT.js

@@ -0,0 +1,440 @@
+import {
+  OFFERS_PAGE_SIZE,
+  OFFER_LIST_FIELDS,
+  useBulkDeleteOffers,
+  useOffers
+} from "./chunk-WV4SQ57G.js";
+import {
+  CategoryCell,
+  CategoryHeader,
+  ProductStatusCell,
+  ProductStatusHeader
+} from "./chunk-SG76L7C7.js";
+import "./chunk-DB6ANJBO.js";
+import {
+  PlaceholderCell
+} from "./chunk-PHOCVOZ5.js";
+import "./chunk-FQERBIVS.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-NQEXDLYH.js";
+import "./chunk-YN3FGNJM.js";
+import "./chunk-KAZ5BYTQ.js";
+import "./chunk-634XVU3D.js";
+import "./chunk-E74OUNA3.js";
+import {
+  Thumbnail
+} from "./chunk-WIYFXWRI.js";
+import {
+  SingleColumnPage
+} from "./chunk-H6MYB7GB.js";
+import "./chunk-UZWFZMOX.js";
+import "./chunk-XQNVC4Q7.js";
+import "./chunk-2MDGYHWN.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+import {
+  useShippingProfiles
+} from "./chunk-N6SI4IIT.js";
+import {
+  useSellers
+} from "./chunk-LEG67A2R.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-ZBWL72TB.js";
+import "./chunk-NBMM2TZK.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 { toast, usePrompt } from "@medusajs/ui";
+import { keepPreviousData } from "@tanstack/react-query";
+import { useState } from "react";
+import { useTranslation as useTranslation4 } from "react-i18next";
+
+// 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 { BuildingStorefront } from "@medusajs/icons";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var OfferActions = ({ offer }) => {
+  const { t } = useTranslation();
+  if (!offer.sellerId) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    ActionMenu,
+    {
+      groups: [
+        {
+          actions: [
+            {
+              icon: /* @__PURE__ */ jsx(BuildingStorefront, {}),
+              label: t("offers.actions.openStore"),
+              to: `/stores/${offer.sellerId}`
+            }
+          ]
+        }
+      ]
+    }
+  );
+};
+
+// 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 ?? 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"),
+        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,
+              sellerId: row.original.seller?.id ?? row.original.seller_id ?? null
+            }
+          }
+        )
+      })
+    ],
+    [t]
+  );
+};
+
+// src/pages/offers/_components/use-offer-table-filters.tsx
+import { useTranslation as useTranslation3 } from "react-i18next";
+var useOfferTableFilters = () => {
+  const { t } = useTranslation3();
+  const { sellers } = useSellers({ limit: 1e3 });
+  const { shipping_profiles } = useShippingProfiles({ 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 (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",
+      "seller_id",
+      "variant_id",
+      "created_at",
+      "updated_at"
+    ],
+    prefix
+  );
+  const {
+    offset,
+    created_at,
+    updated_at,
+    shipping_profile_id,
+    seller_id,
+    variant_id,
+    ...rest
+  } = 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,
+    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
+  };
+  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")
+      },
+      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.errorToast", {
+                  message: `${succeededCount}/${ids.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;
+              });
+            }
+          }
+        }
+      ]
+    }
+  );
+};
+
+// 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";
+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: [
+  /* @__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
+});
+var Component = Root;
+export {
+  Component,
+  OfferListPage
+};

package/dist/{order-allocate-items-2B6T5JCK.js → order-allocate-items-DJ2V4B7A.js}

@@ -1,16 +1,10 @@
 import {
   getFulfillableQuantity
 } from "./chunk-RXM4B6HR.js";
-import {
-  Thumbnail
-} from "./chunk-WIYFXWRI.js";
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
 } from "./chunk-U2ZFCAPX.js";
-import {
-  useDocumentDirection
-} from "./chunk-Y7QKP6QU.js";
 import {
   RouteFocusModal,
   useRouteModal
@@ -18,17 +12,23 @@ import {
 import {
   Form
 } from "./chunk-3QSRE5LS.js";
+import {
+  Thumbnail
+} from "./chunk-WIYFXWRI.js";
+import {
+  useStockLocations
+} from "./chunk-EPHVGD5Z.js";
 import {
   ordersQueryKeys,
   useOrder
-} from "./chunk-TAKEQAZZ.js";
+} from "./chunk-B3EEDC47.js";
 import {
   useCreateReservationItem
-} from "./chunk-B6FG7A6W.js";
+} from "./chunk-A772RAKB.js";
 import {
-  useStockLocations
-} from "./chunk-EPHVGD5Z.js";
-import "./chunk-5CK6XEFV.js";
+  useDocumentDirection
+} from "./chunk-Y7QKP6QU.js";
+import "./chunk-2YYXP6XI.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";

package/dist/{order-create-claim-R2SX6YUS.js → order-create-claim-RMDDCUZ6.js}

@@ -25,7 +25,7 @@ import {
   useUpdateClaimInboundShipping,
   useUpdateClaimOutboundItems,
   useUpdateClaimOutboundShipping
-} from "./chunk-GAD5DQOY.js";
+} from "./chunk-3EDQIZV6.js";
 import {
   useReturnReasons
 } from "./chunk-2FGRDEAD.js";
@@ -41,7 +41,7 @@ import {
 import {
   useReturn,
   useUpdateReturn
-} from "./chunk-OQMBWJPH.js";
+} from "./chunk-GKW445WA.js";
 import {
   getStylizedAmount
 } from "./chunk-PXYDR7WQ.js";
@@ -50,39 +50,23 @@ import {
   ProductHeader
 } from "./chunk-FWPGOIFA.js";
 import "./chunk-PHOCVOZ5.js";
-import {
-  Thumbnail
-} from "./chunk-WIYFXWRI.js";
 import "./chunk-FQERBIVS.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-KYPPQGGE.js";
-import "./chunk-ZMC7BKLT.js";
+} from "./chunk-NQEXDLYH.js";
+import "./chunk-YN3FGNJM.js";
 import "./chunk-KAZ5BYTQ.js";
 import "./chunk-634XVU3D.js";
-import {
-  currencies
-} from "./chunk-IQPN4PZJ.js";
 import {
   Combobox
 } from "./chunk-AW77UWCZ.js";
+import {
+  currencies
+} from "./chunk-IQPN4PZJ.js";
 import {
   KeyboundForm
 } from "./chunk-U2ZFCAPX.js";
-import "./chunk-INNFZYX2.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
-import "./chunk-LAVHRER2.js";
-import "./chunk-Y7QKP6QU.js";
-import "./chunk-HKDFWQ6Q.js";
-import "./chunk-SESTTUVM.js";
-import {
-  useQueryParams
-} from "./chunk-THHRRYRS.js";
-import "./chunk-UZWFZMOX.js";
-import "./chunk-XQNVC4Q7.js";
 import {
   RouteFocusModal,
   StackedFocusModal,
@@ -93,46 +77,32 @@ import {
   Form
 } from "./chunk-3QSRE5LS.js";
 import {
-  useVariants
-} from "./chunk-PBQ5M44A.js";
-import "./chunk-OH4AABUT.js";
-import "./chunk-YKDEE7ZL.js";
-import "./chunk-AEMDNTW5.js";
-import "./chunk-LYD3C73Z.js";
-import "./chunk-7O5NDICV.js";
-import "./chunk-46M463BR.js";
-import "./chunk-YFRC6GEN.js";
-import "./chunk-N6SI4IIT.js";
-import "./chunk-JPNPTILP.js";
-import "./chunk-DAXXLQKB.js";
-import "./chunk-OHOWEMHO.js";
-import "./chunk-GKGLVDDV.js";
-import "./chunk-WJJXUXSO.js";
-import "./chunk-LAPEZATU.js";
-import "./chunk-DBNPVU3L.js";
-import "./chunk-U7WZYWGA.js";
-import "./chunk-ZN7LWXVC.js";
-import "./chunk-VYMODH6P.js";
-import "./chunk-LEG67A2R.js";
-import "./chunk-PRBE5CM3.js";
+  Thumbnail
+} from "./chunk-WIYFXWRI.js";
+import "./chunk-UZWFZMOX.js";
+import "./chunk-XQNVC4Q7.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
 import {
   useShippingOptions
 } from "./chunk-5TRY5IMZ.js";
+import {
+  useStockLocations
+} from "./chunk-EPHVGD5Z.js";
 import {
   useOrder,
   useOrderPreview,
   useOrderShippingOptions
-} from "./chunk-TAKEQAZZ.js";
-import "./chunk-B6FG7A6W.js";
+} from "./chunk-B3EEDC47.js";
+import "./chunk-A772RAKB.js";
 import {
-  useStockLocations
-} from "./chunk-EPHVGD5Z.js";
-import "./chunk-ESPLVOFC.js";
-import "./chunk-FXWKGNRV.js";
-import "./chunk-VDKOJ5WD.js";
-import "./chunk-DL2ZIXBO.js";
-import "./chunk-Z2QQZOG3.js";
-import "./chunk-5CK6XEFV.js";
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-2YYXP6XI.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import {
@@ -873,16 +843,12 @@ var AddClaimOutboundItemsTable = ({
     pageSize: PAGE_SIZE2,
     prefix: PREFIX2
   });
-  const { variants = [], count } = useVariants({
-    ...searchParams,
-    fields: "*inventory_items.inventory.location_levels,+inventory_quantity"
-  });
   const columns = useClaimOutboundItemTableColumns(currencyCode);
   const filters = useClaimOutboundItemTableFilters();
   const { table } = useDataTable({
-    data: variants,
+    data: [],
     columns,
-    count,
+    count: 0,
     enablePagination: true,
     getRowId: (row) => row.id,
     pageSize: PAGE_SIZE2,