@mercurjs/admin 2.0.0-canary.24

package/dist/chunk-LXP7K6HL.js

@@ -0,0 +1,817 @@
+import {
+  require_dist
+} from "./chunk-NWQRHWE5.js";
+import {
+  DateCell
+} from "./chunk-25LYVP3C.js";
+import {
+  getStylizedAmount
+} from "./chunk-PXYDR7WQ.js";
+import {
+  ProductStatusCell
+} from "./chunk-G5OVX555.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-FLCYR7E5.js";
+import {
+  Thumbnail
+} from "./chunk-WIYFXWRI.js";
+import {
+  useSellerOrdersTableQuery
+} from "./chunk-FGZCSG7T.js";
+import {
+  useOrderTableFilters
+} from "./chunk-DXZOR4AG.js";
+import {
+  useProductTableFilters
+} from "./chunk-ERTSYQAI.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  useUpdateSeller
+} from "./chunk-VVTSF42Z.js";
+import {
+  useOrders
+} from "./chunk-JJVGCTKT.js";
+import {
+  useProducts
+} from "./chunk-T435NFHC.js";
+import {
+  sdk
+} from "./chunk-ZYNBKBY3.js";
+import {
+  __toESM
+} from "./chunk-NBMM2TZK.js";
+
+// src/pages/sellers/common/components/seller-general-section.tsx
+import { PencilSquare, User } from "@medusajs/icons";
+import { Badge, Container, Heading, Text, usePrompt } from "@medusajs/ui";
+var import_types = __toESM(require_dist(), 1);
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var getStatusBadgeColor = (status) => {
+  const colors = {
+    [import_types.SellerStatus.PENDING]: "orange",
+    [import_types.SellerStatus.ACTIVE]: "green",
+    [import_types.SellerStatus.SUSPENDED]: "red"
+  };
+  return colors[status] || "orange";
+};
+var getStatusLabel = (status) => {
+  const labels = {
+    [import_types.SellerStatus.PENDING]: "Pending",
+    [import_types.SellerStatus.ACTIVE]: "Active",
+    [import_types.SellerStatus.SUSPENDED]: "Suspended"
+  };
+  return labels[status] || "Pending";
+};
+var SellerGeneralSection = ({ seller }) => {
+  const { mutateAsync: suspendSeller } = useUpdateSeller(seller.id);
+  const dialog = usePrompt();
+  const handleSuspend = async () => {
+    const res = await dialog({
+      title: seller.store_status === "SUSPENDED" ? "Activate account" : "Suspend account",
+      description: seller.store_status === "SUSPENDED" ? "Are you sure you want to activate this account?" : "Are you sure you want to suspend this account?",
+      verificationText: seller.email || seller.name || ""
+    });
+    if (!res) {
+      return;
+    }
+    if (seller.store_status === "SUSPENDED") {
+      await suspendSeller({ id: seller.id, data: { store_status: "ACTIVE" } });
+    } else {
+      await suspendSeller({
+        id: seller.id,
+        data: { store_status: "SUSPENDED" }
+      });
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Container,
+      {
+        className: "mb-2 divide-y p-0",
+        "data-testid": "seller-general-section-header",
+        children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Heading, { "data-testid": "seller-general-section-name", children: seller.email || seller.name }),
+            /* @__PURE__ */ jsx("div", { className: "flex items-center gap-x-2 mt-1", children: /* @__PURE__ */ jsx(
+              Badge,
+              {
+                size: "2xsmall",
+                color: getStatusBadgeColor(seller.store_status || "pending"),
+                "data-testid": "seller-general-section-status-badge",
+                children: getStatusLabel(seller.store_status || "pending")
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx(
+            ActionMenu,
+            {
+              groups: [
+                {
+                  actions: [
+                    {
+                      label: "Edit",
+                      to: `/sellers/${seller.id}/edit`,
+                      icon: /* @__PURE__ */ jsx(PencilSquare, {})
+                    },
+                    {
+                      label: seller.store_status === "SUSPENDED" ? "Activate account" : "Suspend account",
+                      onClick: () => handleSuspend(),
+                      icon: /* @__PURE__ */ jsx(User, {})
+                    }
+                  ]
+                }
+              ],
+              "data-testid": "seller-general-section-action-menu"
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
+      /* @__PURE__ */ jsxs(
+        Container,
+        {
+          className: "divide-y p-0",
+          "data-testid": "seller-general-section-store",
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx(
+              Heading,
+              {
+                level: "h2",
+                "data-testid": "seller-general-section-store-heading",
+                children: "Store"
+              }
+            ) }),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4",
+                "data-testid": "seller-general-section-store-name-row",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      size: "small",
+                      leading: "compact",
+                      weight: "plus",
+                      "data-testid": "seller-general-section-store-name-label",
+                      children: "Name"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      size: "small",
+                      leading: "compact",
+                      "data-testid": "seller-general-section-store-name-value",
+                      children: seller.name
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4",
+                "data-testid": "seller-general-section-store-email-row",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      size: "small",
+                      leading: "compact",
+                      weight: "plus",
+                      "data-testid": "seller-general-section-store-email-label",
+                      children: "Email"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      size: "small",
+                      leading: "compact",
+                      "data-testid": "seller-general-section-store-email-value",
+                      children: seller.email
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4",
+                "data-testid": "seller-general-section-store-phone-row",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      size: "small",
+                      leading: "compact",
+                      weight: "plus",
+                      "data-testid": "seller-general-section-store-phone-label",
+                      children: "Phone"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      size: "small",
+                      leading: "compact",
+                      "data-testid": "seller-general-section-store-phone-value",
+                      children: seller.phone || "-"
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4",
+                "data-testid": "seller-general-section-store-description-row",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      size: "small",
+                      leading: "compact",
+                      weight: "plus",
+                      "data-testid": "seller-general-section-store-description-label",
+                      children: "Description"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      size: "small",
+                      leading: "compact",
+                      "data-testid": "seller-general-section-store-description-value",
+                      children: seller.description || "-"
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Container,
+        {
+          className: "divide-y p-0",
+          "data-testid": "seller-general-section-address",
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx(
+              Heading,
+              {
+                level: "h2",
+                "data-testid": "seller-general-section-address-heading",
+                children: "Address"
+              }
+            ) }),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4",
+                "data-testid": "seller-general-section-address-line-row",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      size: "small",
+                      leading: "compact",
+                      weight: "plus",
+                      "data-testid": "seller-general-section-address-line-label",
+                      children: "Address"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      size: "small",
+                      leading: "compact",
+                      "data-testid": "seller-general-section-address-line-value",
+                      children: seller.address_line || "-"
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4",
+                "data-testid": "seller-general-section-postal-code-row",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      size: "small",
+                      leading: "compact",
+                      weight: "plus",
+                      "data-testid": "seller-general-section-postal-code-label",
+                      children: "Postal Code"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      size: "small",
+                      leading: "compact",
+                      "data-testid": "seller-general-section-postal-code-value",
+                      children: seller.postal_code || "-"
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4",
+                "data-testid": "seller-general-section-city-row",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      size: "small",
+                      leading: "compact",
+                      weight: "plus",
+                      "data-testid": "seller-general-section-city-label",
+                      children: "City"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      size: "small",
+                      leading: "compact",
+                      "data-testid": "seller-general-section-city-value",
+                      children: seller.city || "-"
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4",
+                "data-testid": "seller-general-section-country-row",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      size: "small",
+                      leading: "compact",
+                      weight: "plus",
+                      "data-testid": "seller-general-section-country-label",
+                      children: "Country"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      size: "small",
+                      leading: "compact",
+                      "data-testid": "seller-general-section-country-value",
+                      children: seller.country_code || "-"
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4",
+                "data-testid": "seller-general-section-tax-id-row",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      size: "small",
+                      leading: "compact",
+                      weight: "plus",
+                      "data-testid": "seller-general-section-tax-id-label",
+                      children: "TaxID"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      size: "small",
+                      leading: "compact",
+                      "data-testid": "seller-general-section-tax-id-value",
+                      children: seller.tax_id || "-"
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+
+// src/pages/sellers/common/components/seller-orders-section.tsx
+import { useMemo } from "react";
+import { Badge as Badge2, Container as Container2, Heading as Heading2 } from "@medusajs/ui";
+import { createColumnHelper } from "@tanstack/react-table";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var PAGE_SIZE = 10;
+var PREFIX = "so";
+var getOrderStatusBadgeColor = (status) => {
+  const colors = {
+    pending: "orange",
+    completed: "green",
+    canceled: "red",
+    archived: "grey",
+    requires_action: "orange",
+    draft: "grey"
+  };
+  return colors[status] || "grey";
+};
+var getPaymentStatusBadgeColor = (status) => {
+  const colors = {
+    captured: "green",
+    paid: "green",
+    partially_captured: "orange",
+    awaiting: "orange",
+    authorized: "blue",
+    partially_authorized: "blue",
+    pending: "orange",
+    refunded: "red",
+    partially_refunded: "orange",
+    canceled: "red",
+    not_paid: "grey",
+    requires_action: "orange"
+  };
+  return colors[status] || "grey";
+};
+var getFulfillmentStatusBadgeColor = (status) => {
+  const colors = {
+    fulfilled: "green",
+    shipped: "green",
+    delivered: "green",
+    partially_fulfilled: "orange",
+    partially_shipped: "orange",
+    partially_delivered: "orange",
+    not_fulfilled: "grey",
+    canceled: "red",
+    returned: "red",
+    partially_returned: "orange",
+    requires_action: "orange"
+  };
+  return colors[status] || "grey";
+};
+var formatStatus = (status) => status.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
+var SellerOrdersSection = ({
+  seller_orders
+}) => {
+  const { orders, count } = seller_orders;
+  const { raw } = useSellerOrdersTableQuery({
+    pageSize: PAGE_SIZE,
+    prefix: PREFIX,
+    offset: 0
+  });
+  const columns = useColumns();
+  const filters = useOrderTableFilters();
+  const { table } = useDataTable({
+    data: orders,
+    columns,
+    count,
+    enablePagination: true,
+    pageSize: PAGE_SIZE,
+    getRowId: (row) => row?.id || "",
+    prefix: PREFIX
+  });
+  return /* @__PURE__ */ jsxs2(Container2, { className: "divide-y p-0", "data-testid": "seller-orders-section", children: [
+    /* @__PURE__ */ jsx2(
+      "div",
+      {
+        className: "flex items-center justify-between px-6 py-4",
+        "data-testid": "seller-orders-section-header",
+        children: /* @__PURE__ */ jsx2(Heading2, { "data-testid": "seller-orders-section-heading", children: "Orders" })
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      _DataTable,
+      {
+        table,
+        columns,
+        count,
+        filters,
+        pageSize: PAGE_SIZE,
+        isLoading: false,
+        queryObject: raw,
+        search: true,
+        pagination: true,
+        navigateTo: (row) => `/orders/${row.id}`,
+        orderBy: [
+          { key: "display_id", label: "Order" },
+          { key: "created_at", label: "Created" },
+          { key: "updated_at", label: "Updated" }
+        ],
+        prefix: PREFIX
+      }
+    )
+  ] });
+};
+var columnHelper = createColumnHelper();
+var useColumns = () => {
+  const columns = useMemo(
+    () => [
+      columnHelper.display({
+        id: "display_id",
+        header: "Order",
+        cell: ({ row }) => `#${row.original.display_id}`
+      }),
+      columnHelper.display({
+        id: "created_at",
+        header: "Date",
+        cell: ({ row }) => /* @__PURE__ */ jsx2(DateCell, { date: row.original.created_at })
+      }),
+      columnHelper.display({
+        id: "customer",
+        header: "Customer",
+        cell: ({ row }) => {
+          return row.original.customer?.first_name && row.original.customer?.last_name ? `${row.original.customer?.first_name} ${row.original.customer?.last_name}` : row.original.customer?.email;
+        }
+      }),
+      columnHelper.display({
+        id: "status",
+        header: "Order Status",
+        cell: ({ row }) => /* @__PURE__ */ jsx2(
+          Badge2,
+          {
+            size: "2xsmall",
+            color: getOrderStatusBadgeColor(row.original.status),
+            children: formatStatus(row.original.status)
+          }
+        )
+      }),
+      columnHelper.display({
+        id: "payment_status",
+        header: "Payment Status",
+        cell: ({ row }) => {
+          const status = row.original?.payment_status;
+          if (!status) return "-";
+          return /* @__PURE__ */ jsx2(
+            Badge2,
+            {
+              size: "2xsmall",
+              color: getPaymentStatusBadgeColor(status),
+              children: formatStatus(status)
+            }
+          );
+        }
+      }),
+      columnHelper.display({
+        id: "fulfillment_status",
+        header: "Fulfillment Status",
+        cell: ({ row }) => {
+          const status = row.original.fulfillment_status;
+          if (!status) return "-";
+          return /* @__PURE__ */ jsx2(
+            Badge2,
+            {
+              size: "2xsmall",
+              color: getFulfillmentStatusBadgeColor(status),
+              children: formatStatus(status)
+            }
+          );
+        }
+      }),
+      columnHelper.display({
+        id: "total",
+        header: "Order Total",
+        cell: ({ row }) => {
+          if (typeof row.original.total === "undefined" || row.original.total === null) {
+            return "-";
+          }
+          const formatted = getStylizedAmount(
+            row.original.total,
+            row.original.currency_code
+          );
+          return /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center justify-start overflow-hidden text-left", children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: formatted }) });
+        }
+      })
+    ],
+    []
+  );
+  return columns;
+};
+
+// src/pages/sellers/common/components/seller-products-section.tsx
+import { useMemo as useMemo2 } from "react";
+import { PencilSquare as PencilSquare2, Trash } from "@medusajs/icons";
+import { Container as Container3, Divider, Heading as Heading3, toast, usePrompt as usePrompt2 } from "@medusajs/ui";
+import { createColumnHelper as createColumnHelper2 } from "@tanstack/react-table";
+import { useTranslation } from "react-i18next";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var PAGE_SIZE2 = 10;
+var PREFIX2 = "sp";
+var SellerProductsSection = ({
+  seller_products,
+  refetch
+}) => {
+  const { products, count } = seller_products;
+  const { raw } = useSellerOrdersTableQuery({
+    pageSize: PAGE_SIZE2,
+    offset: 0,
+    prefix: PREFIX2
+  });
+  const columns = useColumns2(refetch);
+  const filters = useProductTableFilters();
+  const { table } = useDataTable({
+    data: products,
+    columns,
+    count,
+    enablePagination: true,
+    pageSize: PAGE_SIZE2,
+    getRowId: (row) => row?.id || "",
+    prefix: PREFIX2
+  });
+  return /* @__PURE__ */ jsxs3(Container3, { className: "mt-2 px-0", "data-testid": "seller-products-section", children: [
+    /* @__PURE__ */ jsx3("div", { className: "px-8 pb-4", "data-testid": "seller-products-section-header", children: /* @__PURE__ */ jsx3(Heading3, { "data-testid": "seller-products-section-heading", children: "Products" }) }),
+    /* @__PURE__ */ jsx3(Divider, {}),
+    /* @__PURE__ */ jsx3(
+      _DataTable,
+      {
+        filters,
+        table,
+        columns,
+        count,
+        pageSize: PAGE_SIZE2,
+        isLoading: false,
+        queryObject: raw,
+        search: true,
+        pagination: true,
+        navigateTo: (row) => `/products/${row.id}`,
+        orderBy: [
+          { key: "title", label: "Title" },
+          { key: "created_at", label: "Created" },
+          { key: "updated_at", label: "Updated" }
+        ],
+        prefix: PREFIX2
+      }
+    )
+  ] });
+};
+var columnHelper2 = createColumnHelper2();
+var useColumns2 = (refetch) => {
+  const { t } = useTranslation();
+  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 {
+      await sdk.client.fetch(`/admin/products/${product.id}`, {
+        method: "DELETE"
+      });
+      toast.success(t("products.toasts.delete.success.header"), {
+        description: t("products.toasts.delete.success.description", {
+          title: product.title
+        })
+      });
+      await refetch();
+    } catch (e) {
+      toast.error(t("products.toasts.delete.error.header"), {
+        description: e?.message
+      });
+    }
+  };
+  const columns = useMemo2(
+    () => [
+      columnHelper2.display({
+        id: "product",
+        header: "Product",
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsxs3("div", { className: "flex h-full w-full max-w-[250px] items-center gap-x-3 overflow-hidden", children: [
+            /* @__PURE__ */ jsx3("div", { className: "w-fit flex-shrink-0", children: /* @__PURE__ */ jsx3(Thumbnail, { src: row.original.thumbnail }) }),
+            /* @__PURE__ */ jsx3("span", { title: row.original.title, className: "truncate", children: row.original.title })
+          ] });
+        }
+      }),
+      columnHelper2.display({
+        id: "collection",
+        header: "Collection",
+        cell: ({ row }) => {
+          return row.original.collection?.title;
+        }
+      }),
+      columnHelper2.display({
+        id: "variants",
+        header: "Variants",
+        cell: ({ row }) => {
+          const variants = row.original.variants?.length || 0;
+          const suffix = variants > 1 ? "variants" : "variant";
+          return `${variants} ${suffix}`;
+        }
+      }),
+      columnHelper2.display({
+        id: "status",
+        header: "Status",
+        cell: ({ row }) => /* @__PURE__ */ jsx3(ProductStatusCell, { status: row.original.status })
+      }),
+      columnHelper2.display({
+        id: "actions",
+        header: "",
+        cell: ({ row }) => /* @__PURE__ */ jsx3(
+          ActionMenu,
+          {
+            "data-testid": `seller-products-section-row-actions-${row.original.id}`,
+            groups: [
+              {
+                actions: [
+                  {
+                    label: "Edit",
+                    to: `/products/${row.original.id}/edit`,
+                    icon: /* @__PURE__ */ jsx3(PencilSquare2, {})
+                  }
+                ]
+              },
+              {
+                actions: [
+                  {
+                    label: "Delete",
+                    onClick: () => handleDelete(row.original),
+                    icon: /* @__PURE__ */ jsx3(Trash, {})
+                  }
+                ]
+              }
+            ]
+          }
+        )
+      })
+    ],
+    []
+  );
+  return columns;
+};
+
+// src/pages/sellers/seller-details/components/seller-details.tsx
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var PAGE_SIZE3 = 10;
+var ORDER_PREFIX = "so";
+var PRODUCT_PREFIX = "sp";
+var SellerDetails = () => {
+  const { searchParams: orderSearchParams } = useSellerOrdersTableQuery({
+    pageSize: PAGE_SIZE3,
+    offset: 0,
+    prefix: ORDER_PREFIX
+  });
+  const { searchParams: productSearchParams } = useSellerOrdersTableQuery({
+    pageSize: PAGE_SIZE3,
+    offset: 0,
+    prefix: PRODUCT_PREFIX
+  });
+  const { orders, isLoading: ordersLoading } = useOrders({
+    fields: "id,display_id,created_at,updated_at,*customer,currency_code,total,fulfillment_status,payment_status,status,region_id,sales_channel_id",
+    ...orderSearchParams
+  });
+  const {
+    products,
+    isLoading: productsLoading,
+    refetch: productsRefetch
+  } = useProducts({
+    fields: "*collection,+type_id,+tag_id,+sales_channel_id,+status,+created_at,+updated_at",
+    ...productSearchParams
+  });
+  if (ordersLoading || productsLoading) {
+    return /* @__PURE__ */ jsx4("div", { children: "Loading..." });
+  }
+  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
+    /* @__PURE__ */ jsx4(SellerGeneralSection, { seller: data?.seller }),
+    /* @__PURE__ */ jsx4(SellerOrdersSection, { seller_orders: orders }),
+    /* @__PURE__ */ jsx4(
+      SellerProductsSection,
+      {
+        seller_products: products,
+        refetch: productsRefetch
+      }
+    )
+  ] });
+};
+
+export {
+  SellerDetails
+};