@mercurjs/admin 2.2.0-canary.3 → 2.2.0-canary.31

package/dist/offers-VAGLCRW6.js

@@ -0,0 +1,603 @@
+import {
+  OFFERS_PAGE_SIZE,
+  OFFER_PRODUCT_LIST_FIELDS
+} from "./chunk-S6A4FVM2.js";
+import {
+  useBulkDeleteOffers
+} from "./chunk-UIVWOKWT.js";
+import {
+  CategoryCell,
+  CategoryHeader,
+  ProductStatusCell,
+  ProductStatusHeader
+} from "./chunk-WBSUHLO7.js";
+import {
+  ProductCell,
+  ProductHeader
+} from "./chunk-FWPGOIFA.js";
+import "./chunk-DB6ANJBO.js";
+import {
+  PlaceholderCell
+} from "./chunk-PHOCVOZ5.js";
+import "./chunk-E74OUNA3.js";
+import "./chunk-WIYFXWRI.js";
+import "./chunk-FQERBIVS.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-JGCGVEFZ.js";
+import "./chunk-YN3FGNJM.js";
+import "./chunk-KAZ5BYTQ.js";
+import "./chunk-PAYQJPGK.js";
+import {
+  SingleColumnPage
+} from "./chunk-H6MYB7GB.js";
+import "./chunk-UZWFZMOX.js";
+import "./chunk-XQNVC4Q7.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+import {
+  require_dist
+} from "./chunk-YZBEJ3CY.js";
+import {
+  useProductTags
+} from "./chunk-PJR6W35H.js";
+import "./chunk-OH4AABUT.js";
+import "./chunk-6MZPZ5KV.js";
+import "./chunk-AEMDNTW5.js";
+import "./chunk-LYD3C73Z.js";
+import "./chunk-ER7GGJ5A.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-GV2Z3IHA.js";
+import {
+  useCollections
+} from "./chunk-Q5HXKDZG.js";
+import "./chunk-FXWKGNRV.js";
+import "./chunk-VDKOJ5WD.js";
+import "./chunk-ZN7LWXVC.js";
+import "./chunk-5TRY5IMZ.js";
+import "./chunk-EPHVGD5Z.js";
+import "./chunk-QJ4J5F6T.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-XKRR5ALR.js";
+import {
+  useProductCategories
+} from "./chunk-5I6YZOBU.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-INNFZYX2.js";
+import {
+  useProducts
+} from "./chunk-AM5XDEIN.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-ZBWL72TB.js";
+import {
+  __toESM
+} from "./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 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";
+
+// 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, 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 { 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(
+    () => [
+      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.title ?? "",
+              thumbnail: row.original.thumbnail ?? null
+            }
+          }
+        )
+      }),
+      columnHelper.display({
+        id: "categories",
+        header: () => /* @__PURE__ */ jsx2(CategoryHeader, {}),
+        cell: ({ row }) => /* @__PURE__ */ jsx2(
+          CategoryCell,
+          {
+            categories: row.original.categories ?? void 0
+          }
+        )
+      }),
+      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 }) => {
+          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]
+  );
+};
+
+// 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 { 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
+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 searchParams = {
+    limit: pageSize,
+    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,
+    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 } = useTranslation4();
+  const prompt = usePrompt2();
+  const [selection, setSelection] = useState({});
+  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 { 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") }
+      ],
+      defaultOrderBy: "title",
+      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 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: offerIds.length
+              }),
+              confirmText: t("actions.delete"),
+              cancelText: t("actions.cancel"),
+              variant: "danger"
+            });
+            if (!confirmed) return;
+            const result = await bulkDelete(offerIds);
+            const succeededCount = result.succeeded.length;
+            const failedCount = result.failed.length;
+            if (failedCount === 0) {
+              toast2.success(
+                t("offers.bulkDelete.successToast", { count: succeededCount })
+              );
+              setSelection({});
+            } else {
+              toast2.warning(
+                t("offers.bulkDelete.errorToast", {
+                  message: `${succeededCount}/${offerIds.length} succeeded`
+                })
+              );
+            }
+          }
+        }
+      ]
+    }
+  );
+};
+
+// 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 } from "react/jsx-runtime";
+var OfferListTitle = () => {
+  const { t } = useTranslation5();
+  return /* @__PURE__ */ jsx4(Heading, { children: t("offers.domain") });
+};
+var OfferListActions = () => null;
+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
+});
+var Component = Root;
+export {
+  Component,
+  OfferListPage
+};