@mercurjs/admin 2.0.0-canary.99 → 2.0.1

package/dist/chunk-N5XVXV47.js

@@ -1,530 +0,0 @@
-import {
-  require_dist
-} from "./chunk-BPTVQM72.js";
-import {
-  useOrderTableColumns
-} from "./chunk-DBYUB2YI.js";
-import {
-  ProductStatusCell
-} from "./chunk-G5OVX555.js";
-import {
-  TwoColumnPage
-} from "./chunk-V5J73NPW.js";
-import {
-  Thumbnail
-} from "./chunk-WIYFXWRI.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-ULJ3OMWU.js";
-import {
-  SingleColumnPageSkeleton
-} from "./chunk-INNFZYX2.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
-import {
-  useOrderTableFilters
-} from "./chunk-7OSCNHHQ.js";
-import {
-  useOrderTableQuery
-} from "./chunk-3B6MTW5G.js";
-import {
-  useProductTableFilters
-} from "./chunk-6S72GJRI.js";
-import {
-  useProductTableQuery
-} from "./chunk-VVWB3GIK.js";
-import {
-  useSeller,
-  useUpdateSeller
-} from "./chunk-HPQG3PEA.js";
-import {
-  useOrders
-} from "./chunk-QVLL4MKH.js";
-import {
-  useProducts
-} from "./chunk-WBNGBRBK.js";
-import {
-  __toESM
-} from "./chunk-NBMM2TZK.js";
-
-// src/pages/sellers/seller-details/components/seller-details.tsx
-import { Children } from "react";
-import { useParams } from "react-router-dom";
-
-// src/pages/sellers/seller-details/components/seller-general-section.tsx
-import { CheckCircleSolid, PencilSquare, User, XCircleSolid } from "@medusajs/icons";
-import {
-  Container,
-  Heading,
-  StatusBadge,
-  Text,
-  toast,
-  usePrompt
-} from "@medusajs/ui";
-import { useTranslation } from "react-i18next";
-var import_types = __toESM(require_dist(), 1);
-import { jsx, jsxs } from "react/jsx-runtime";
-var statusColorMap = {
-  [import_types.SellerStatus.PENDING]: "orange",
-  [import_types.SellerStatus.ACTIVE]: "green",
-  [import_types.SellerStatus.SUSPENDED]: "red"
-};
-var SellerGeneralSection = ({
-  seller
-}) => {
-  const { t } = useTranslation();
-  const prompt = usePrompt();
-  const { mutateAsync: updateSeller } = useUpdateSeller(seller.id);
-  const statusColor = statusColorMap[seller.status] ?? "orange";
-  const statusTextMap = {
-    [import_types.SellerStatus.PENDING]: t("sellers.status.pending"),
-    [import_types.SellerStatus.ACTIVE]: t("sellers.status.active"),
-    [import_types.SellerStatus.SUSPENDED]: t("sellers.status.suspended")
-  };
-  const statusText = statusTextMap[seller.status] ?? t("sellers.status.pending");
-  const handleStatusChange = async (newStatus) => {
-    const labels = {
-      [import_types.SellerStatus.ACTIVE]: {
-        title: "Activate account",
-        description: "Are you sure you want to activate this seller account?",
-        success: "Seller account activated"
-      },
-      [import_types.SellerStatus.SUSPENDED]: {
-        title: "Suspend account",
-        description: "Are you sure you want to suspend this seller account?",
-        success: "Seller account suspended"
-      },
-      [import_types.SellerStatus.PENDING]: {
-        title: "Set as pending",
-        description: "Are you sure you want to set this seller account as pending?",
-        success: "Seller account set to pending"
-      }
-    };
-    const label = labels[newStatus];
-    const res = await prompt({
-      title: label.title,
-      description: label.description,
-      verificationText: seller.email || seller.name || "",
-      confirmText: t("actions.confirm"),
-      cancelText: t("actions.cancel")
-    });
-    if (!res) {
-      return;
-    }
-    await updateSeller(
-      { status: newStatus },
-      {
-        onSuccess: () => {
-          toast.success(label.success);
-        },
-        onError: (error) => {
-          toast.error(error.message);
-        }
-      }
-    );
-  };
-  const statusActions = (() => {
-    const actions = [];
-    if (seller.status !== import_types.SellerStatus.ACTIVE) {
-      actions.push({
-        label: "Activate account",
-        onClick: () => handleStatusChange(import_types.SellerStatus.ACTIVE),
-        icon: /* @__PURE__ */ jsx(CheckCircleSolid, {})
-      });
-    }
-    if (seller.status !== import_types.SellerStatus.SUSPENDED) {
-      actions.push({
-        label: "Suspend account",
-        onClick: () => handleStatusChange(import_types.SellerStatus.SUSPENDED),
-        icon: /* @__PURE__ */ jsx(XCircleSolid, {})
-      });
-    }
-    return actions;
-  })();
-  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-3", children: [
-        seller.logo ? /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: seller.logo,
-            alt: seller.name,
-            className: "h-10 w-10 rounded-lg object-cover"
-          }
-        ) : /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-component flex h-10 w-10 items-center justify-center rounded-lg border", children: /* @__PURE__ */ jsx(User, { className: "text-ui-fg-subtle" }) }),
-        /* @__PURE__ */ jsx(Heading, { children: seller.name || seller.email })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
-        /* @__PURE__ */ jsx(StatusBadge, { color: statusColor, children: statusText }),
-        /* @__PURE__ */ jsx(
-          ActionMenu,
-          {
-            groups: [
-              {
-                actions: [
-                  {
-                    label: t("actions.edit"),
-                    to: `/sellers/${seller.id}/edit`,
-                    icon: /* @__PURE__ */ jsx(PencilSquare, {})
-                  }
-                ]
-              },
-              {
-                actions: statusActions
-              }
-            ]
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
-      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t("sellers.fields.name") }),
-      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: seller.name || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
-      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t("sellers.fields.handle") }),
-      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: seller.handle || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
-      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t("sellers.fields.email") }),
-      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: seller.email || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
-      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t("sellers.fields.phone") }),
-      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: seller.phone || "-" })
-    ] })
-  ] });
-};
-
-// src/pages/sellers/seller-details/components/seller-address-section.tsx
-import { PencilSquare as PencilSquare2 } from "@medusajs/icons";
-import { Container as Container2, Heading as Heading2, Text as Text2 } from "@medusajs/ui";
-import { useTranslation as useTranslation2 } from "react-i18next";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var SellerAddressSection = ({
-  seller
-}) => {
-  const { t } = useTranslation2();
-  return /* @__PURE__ */ jsxs2(Container2, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx2(Heading2, { level: "h2", children: t("addresses.title") }),
-      /* @__PURE__ */ jsx2(
-        ActionMenu,
-        {
-          groups: [
-            {
-              actions: [
-                {
-                  label: t("actions.edit"),
-                  to: `/sellers/${seller.id}/edit-address`,
-                  icon: /* @__PURE__ */ jsx2(PencilSquare2, {})
-                }
-              ]
-            }
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
-      /* @__PURE__ */ jsx2(Text2, { size: "small", leading: "compact", weight: "plus", children: t("sellers.fields.address_1") }),
-      /* @__PURE__ */ jsx2(Text2, { size: "small", leading: "compact", children: seller.address_1 || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
-      /* @__PURE__ */ jsx2(Text2, { size: "small", leading: "compact", weight: "plus", children: t("sellers.fields.address_2") }),
-      /* @__PURE__ */ jsx2(Text2, { size: "small", leading: "compact", children: seller.address_2 || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
-      /* @__PURE__ */ jsx2(Text2, { size: "small", leading: "compact", weight: "plus", children: t("sellers.fields.city") }),
-      /* @__PURE__ */ jsx2(Text2, { size: "small", leading: "compact", children: seller.city || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
-      /* @__PURE__ */ jsx2(Text2, { size: "small", leading: "compact", weight: "plus", children: t("sellers.fields.province") }),
-      /* @__PURE__ */ jsx2(Text2, { size: "small", leading: "compact", children: seller.province || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
-      /* @__PURE__ */ jsx2(Text2, { size: "small", leading: "compact", weight: "plus", children: t("sellers.fields.postal_code") }),
-      /* @__PURE__ */ jsx2(Text2, { size: "small", leading: "compact", children: seller.postal_code || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
-      /* @__PURE__ */ jsx2(Text2, { size: "small", leading: "compact", weight: "plus", children: t("sellers.fields.country_code") }),
-      /* @__PURE__ */ jsx2(Text2, { size: "small", leading: "compact", children: seller.country_code || "-" })
-    ] })
-  ] });
-};
-
-// src/pages/sellers/seller-details/components/seller-order-section.tsx
-import { Container as Container3, Heading as Heading3, Text as Text3 } from "@medusajs/ui";
-import { keepPreviousData } from "@tanstack/react-query";
-import { useMemo } from "react";
-import { useTranslation as useTranslation3 } from "react-i18next";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var PAGE_SIZE = 10;
-var PREFIX = "selord";
-var DEFAULT_RELATIONS = "*customer,*items,*sales_channel";
-var DEFAULT_FIELDS = "id,status,display_id,created_at,email,fulfillment_status,payment_status,total,currency_code";
-var SellerOrderSection = ({ sellerId }) => {
-  const { t } = useTranslation3();
-  const { searchParams, raw } = useOrderTableQuery({
-    pageSize: PAGE_SIZE,
-    prefix: PREFIX
-  });
-  const { orders, count, isLoading, isError } = useOrders(
-    {
-      ...searchParams,
-      seller_id: sellerId,
-      fields: DEFAULT_FIELDS + "," + DEFAULT_RELATIONS
-    },
-    {
-      placeholderData: keepPreviousData
-    }
-  );
-  const columns = useColumns();
-  const filters = useOrderTableFilters();
-  const { table } = useDataTable({
-    data: orders ?? [],
-    columns,
-    enablePagination: true,
-    count,
-    pageSize: PAGE_SIZE,
-    prefix: PREFIX
-  });
-  if (isError) {
-    return /* @__PURE__ */ jsxs3(Container3, { className: "divide-y p-0", children: [
-      /* @__PURE__ */ jsx3("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx3(Heading3, { level: "h2", children: t("orders.domain") }) }),
-      /* @__PURE__ */ jsx3("div", { className: "flex items-center justify-center px-6 py-12", children: /* @__PURE__ */ jsx3(Text3, { size: "small", className: "text-ui-fg-muted", children: t("general.error") }) })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs3(Container3, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsx3("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx3(Heading3, { level: "h2", children: t("orders.domain") }) }),
-    /* @__PURE__ */ jsx3(
-      _DataTable,
-      {
-        columns,
-        table,
-        pagination: true,
-        navigateTo: (row) => `/orders/${row.original.id}`,
-        filters,
-        count,
-        isLoading,
-        pageSize: PAGE_SIZE,
-        orderBy: [
-          { key: "display_id", label: t("orders.fields.displayId") },
-          { key: "created_at", label: t("fields.createdAt") },
-          { key: "updated_at", label: t("fields.updatedAt") }
-        ],
-        search: true,
-        queryObject: raw,
-        prefix: PREFIX
-      }
-    )
-  ] });
-};
-var useColumns = () => {
-  const base = useOrderTableColumns({ exclude: ["customer"] });
-  return useMemo(
-    () => [...base],
-    [base]
-  );
-};
-
-// src/pages/sellers/seller-details/components/seller-product-section.tsx
-import { useMemo as useMemo2 } from "react";
-import { PencilSquare as PencilSquare3, Trash } from "@medusajs/icons";
-import { Container as Container4, Heading as Heading4, Text as Text4, toast as toast2, usePrompt as usePrompt2 } from "@medusajs/ui";
-import { keepPreviousData as keepPreviousData2 } from "@tanstack/react-query";
-import { createColumnHelper } from "@tanstack/react-table";
-import { useTranslation as useTranslation4 } from "react-i18next";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var PAGE_SIZE2 = 10;
-var PREFIX2 = "selprod";
-var SellerProductSection = ({ sellerId }) => {
-  const { t } = useTranslation4();
-  const { searchParams, raw } = useProductTableQuery({
-    pageSize: PAGE_SIZE2,
-    prefix: PREFIX2
-  });
-  const { products, count, isLoading, isError } = useProducts(
-    {
-      ...searchParams,
-      seller_id: sellerId
-    },
-    {
-      placeholderData: keepPreviousData2
-    }
-  );
-  const columns = useColumns2();
-  const filters = useProductTableFilters();
-  const { table } = useDataTable({
-    data: products ?? [],
-    columns,
-    enablePagination: true,
-    count,
-    pageSize: PAGE_SIZE2,
-    prefix: PREFIX2
-  });
-  if (isError) {
-    return /* @__PURE__ */ jsxs4(Container4, { className: "divide-y p-0", children: [
-      /* @__PURE__ */ jsx4("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx4(Heading4, { level: "h2", children: t("products.domain") }) }),
-      /* @__PURE__ */ jsx4("div", { className: "flex items-center justify-center px-6 py-12", children: /* @__PURE__ */ jsx4(Text4, { size: "small", className: "text-ui-fg-muted", children: t("general.error") }) })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs4(Container4, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsx4("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx4(Heading4, { level: "h2", children: t("products.domain") }) }),
-    /* @__PURE__ */ jsx4(
-      _DataTable,
-      {
-        columns,
-        table,
-        pagination: true,
-        navigateTo: (row) => `/products/${row.id}`,
-        filters,
-        count,
-        isLoading,
-        pageSize: PAGE_SIZE2,
-        orderBy: [
-          { key: "title", label: t("fields.title") },
-          { key: "created_at", label: t("fields.createdAt") },
-          { key: "updated_at", label: t("fields.updatedAt") }
-        ],
-        search: true,
-        queryObject: raw,
-        prefix: PREFIX2
-      }
-    )
-  ] });
-};
-var columnHelper = createColumnHelper();
-var useColumns2 = () => {
-  const { t } = useTranslation4();
-  const prompt = usePrompt2();
-  const handleDelete = async (product) => {
-    const res = await prompt({
-      title: t("general.areYouSure"),
-      description: t("products.deleteWarning", {
-        title: product.title
-      }),
-      confirmText: t("actions.delete"),
-      cancelText: t("actions.cancel")
-    });
-    if (!res) {
-      return;
-    }
-    try {
-      const response = await fetch(`/admin/products/${product.id}`, {
-        method: "DELETE"
-      });
-      if (!response.ok) {
-        throw new Error("Failed to delete product");
-      }
-      toast2.success(t("products.toasts.delete.success.header"), {
-        description: t("products.toasts.delete.success.description", {
-          title: product.title
-        })
-      });
-    } catch (e) {
-      toast2.error(t("products.toasts.delete.error.header"), {
-        description: e?.message
-      });
-    }
-  };
-  return useMemo2(
-    () => [
-      columnHelper.display({
-        id: "product",
-        header: "Product",
-        cell: ({ row }) => {
-          return /* @__PURE__ */ jsxs4("div", { className: "flex h-full w-full max-w-[250px] items-center gap-x-3 overflow-hidden", children: [
-            /* @__PURE__ */ jsx4("div", { className: "w-fit flex-shrink-0", children: /* @__PURE__ */ jsx4(Thumbnail, { src: row.original.thumbnail }) }),
-            /* @__PURE__ */ jsx4("span", { title: row.original.title, className: "truncate", children: row.original.title })
-          ] });
-        }
-      }),
-      columnHelper.display({
-        id: "collection",
-        header: "Collection",
-        cell: ({ row }) => {
-          return row.original.collection?.title;
-        }
-      }),
-      columnHelper.display({
-        id: "variants",
-        header: "Variants",
-        cell: ({ row }) => {
-          const variants = row.original.variants?.length || 0;
-          const suffix = variants > 1 ? "variants" : "variant";
-          return `${variants} ${suffix}`;
-        }
-      }),
-      columnHelper.display({
-        id: "status",
-        header: "Status",
-        cell: ({ row }) => /* @__PURE__ */ jsx4(ProductStatusCell, { status: row.original.status })
-      }),
-      columnHelper.display({
-        id: "actions",
-        header: "",
-        cell: ({ row }) => /* @__PURE__ */ jsx4(
-          ActionMenu,
-          {
-            groups: [
-              {
-                actions: [
-                  {
-                    label: t("actions.edit"),
-                    to: `/products/${row.original.id}/edit`,
-                    icon: /* @__PURE__ */ jsx4(PencilSquare3, {})
-                  }
-                ]
-              },
-              {
-                actions: [
-                  {
-                    label: t("actions.delete"),
-                    onClick: () => handleDelete(row.original),
-                    icon: /* @__PURE__ */ jsx4(Trash, {})
-                  }
-                ]
-              }
-            ]
-          }
-        )
-      })
-    ],
-    []
-  );
-};
-
-// src/pages/sellers/seller-details/components/seller-details.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-var Root = ({ children }) => {
-  const { id } = useParams();
-  const { seller, isLoading, isError, error } = useSeller(id);
-  if (isLoading || !seller) {
-    return /* @__PURE__ */ jsx5(SingleColumnPageSkeleton, { sections: 2, showJSON: true, showMetadata: true });
-  }
-  if (isError) {
-    throw error;
-  }
-  return Children.count(children) > 0 ? /* @__PURE__ */ jsx5(TwoColumnPage, { data: seller, hasOutlet: true, showJSON: true, showMetadata: true, "data-testid": "seller-detail-page", children }) : /* @__PURE__ */ jsxs5(TwoColumnPage, { data: seller, hasOutlet: true, showJSON: true, showMetadata: true, "data-testid": "seller-detail-page", children: [
-    /* @__PURE__ */ jsxs5(TwoColumnPage.Main, { children: [
-      /* @__PURE__ */ jsx5(SellerGeneralSection, { seller }),
-      /* @__PURE__ */ jsx5(SellerOrderSection, { sellerId: seller.id }),
-      /* @__PURE__ */ jsx5(SellerProductSection, { sellerId: seller.id })
-    ] }),
-    /* @__PURE__ */ jsx5(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx5(SellerAddressSection, { seller }) })
-  ] });
-};
-var SellerDetailPage = Object.assign(Root, {
-  Main: TwoColumnPage.Main,
-  Sidebar: TwoColumnPage.Sidebar,
-  MainGeneralSection: SellerGeneralSection,
-  MainOrderSection: SellerOrderSection,
-  MainProductSection: SellerProductSection,
-  SidebarAddressSection: SellerAddressSection
-});
-
-export {
-  SellerDetailPage
-};