@mercurjs/admin 2.0.0-canary.100

package/dist/chunk-N3WRPCPT.js

@@ -0,0 +1,94 @@
+import {
+  getPromotionStatus
+} from "./chunk-EF47ASFU.js";
+import {
+  TextCell,
+  TextHeader
+} from "./chunk-JHIMVLB2.js";
+import {
+  StatusCell
+} from "./chunk-DB6ANJBO.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+
+// src/hooks/table/columns/use-promotion-table-columns.tsx
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+
+// src/components/table/table-cells/common/code-cell/code-cell.tsx
+import { Badge } from "@medusajs/ui";
+import { jsx } from "react/jsx-runtime";
+var CodeCell = ({ code }) => {
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center gap-x-3 overflow-hidden", children: /* @__PURE__ */ jsx(Badge, { size: "2xsmall", className: "truncate", children: code }) });
+};
+var CodeHeader = ({ text }) => {
+  return /* @__PURE__ */ jsx("div", { className: " flex h-full w-full items-center ", children: /* @__PURE__ */ jsx("span", { children: text }) });
+};
+
+// src/components/table/table-cells/promotion/status-cell/status-cell.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var StatusCell2 = ({ promotion }) => {
+  const [color, text] = getPromotionStatus(promotion);
+  return /* @__PURE__ */ jsx2(StatusCell, { color, children: text });
+};
+
+// src/hooks/table/columns/use-promotion-table-columns.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var columnHelper = createColumnHelper();
+var usePromotionTableColumns = () => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      columnHelper.display({
+        id: "code",
+        header: () => /* @__PURE__ */ jsx3(CodeHeader, { text: t("fields.code") }),
+        cell: ({ row }) => /* @__PURE__ */ jsx3(CodeCell, { code: row.original.code })
+      }),
+      columnHelper.display({
+        id: "method",
+        header: () => /* @__PURE__ */ jsx3(TextHeader, { text: t("promotions.fields.method") }),
+        cell: ({ row }) => {
+          const text = row.original.is_automatic ? t("promotions.form.method.automatic.title") : t("promotions.form.method.code.title");
+          return /* @__PURE__ */ jsx3(TextCell, { text });
+        }
+      }),
+      columnHelper.display({
+        id: "status",
+        header: () => /* @__PURE__ */ jsx3(TextHeader, { text: t("fields.status") }),
+        cell: ({ row }) => /* @__PURE__ */ jsx3(StatusCell2, { promotion: row.original })
+      })
+    ],
+    [t]
+  );
+};
+
+// src/hooks/table/query/use-promotion-table-query.tsx
+var usePromotionTableQuery = ({
+  prefix,
+  pageSize = 20
+}) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "order", "created_at", "updated_at"],
+    prefix
+  );
+  const { offset, q, order, created_at, updated_at } = queryObject;
+  const searchParams = {
+    limit: pageSize,
+    created_at: created_at ? JSON.parse(created_at) : void 0,
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
+    offset: offset ? Number(offset) : 0,
+    order,
+    q
+  };
+  return {
+    searchParams,
+    raw: queryObject
+  };
+};
+
+export {
+  usePromotionTableColumns,
+  usePromotionTableQuery
+};

package/dist/chunk-N5IUYCUZ.js

@@ -0,0 +1,31 @@
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+
+// src/hooks/table/query/use-user-invite-table-query.tsx
+var useUserInviteTableQuery = ({
+  prefix,
+  pageSize = 20
+}) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "order", "created_at", "updated_at"],
+    prefix
+  );
+  const { offset, created_at, updated_at, q, order } = queryObject;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    order,
+    created_at: created_at ? JSON.parse(created_at) : void 0,
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
+    q
+  };
+  return {
+    searchParams,
+    raw: queryObject
+  };
+};
+
+export {
+  useUserInviteTableQuery
+};

package/dist/chunk-N5XVXV47.js

@@ -0,0 +1,530 @@
+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
+};

package/dist/chunk-NBMM2TZK.js

@@ -0,0 +1,33 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+export {
+  __commonJS,
+  __toESM,
+  __publicField
+};