@mercurjs/vendor 2.2.1 → 2.3.0-canary.1

package/dist/[id]-RJ3MUR4M.js

@@ -0,0 +1,697 @@
+import {
+  BadgeListSummary
+} from "./chunk-QLOJNFUE.js";
+import {
+  DateRangeDisplay
+} from "./chunk-BWGPN6XV.js";
+import {
+  useDeletePriceListAction
+} from "./chunk-6OZQTHCR.js";
+import {
+  getPriceListStatus
+} from "./chunk-KVAD5JGS.js";
+import {
+  CategoryCell,
+  CategoryHeader,
+  ProductStatusCell,
+  ProductStatusHeader
+} from "./chunk-WI2ZAFZF.js";
+import {
+  ProductCell,
+  ProductHeader
+} from "./chunk-FWPGOIFA.js";
+import "./chunk-DB6ANJBO.js";
+import {
+  PlaceholderCell
+} from "./chunk-PHOCVOZ5.js";
+import {
+  TwoColumnPage
+} from "./chunk-YV6MK4PZ.js";
+import "./chunk-FQERBIVS.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-6GQLSWOO.js";
+import "./chunk-YN3FGNJM.js";
+import "./chunk-KCHYLLVG.js";
+import {
+  NoRecords
+} from "./chunk-3EF54XFY.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+import "./chunk-LRD242C7.js";
+import "./chunk-VH3TGSWE.js";
+import "./chunk-WIYFXWRI.js";
+import {
+  Skeleton,
+  TwoColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-QHQWEERJ.js";
+import "./chunk-Y7QKP6QU.js";
+import {
+  priceListsQueryKeys,
+  usePriceList,
+  usePriceListLinkProducts
+} from "./chunk-NV2RZAHW.js";
+import {
+  useCustomerGroups
+} from "./chunk-II3CLUXA.js";
+import {
+  useOffers
+} from "./chunk-AHR2FIMC.js";
+import "./chunk-EMUCGKHP.js";
+import "./chunk-A5DJIOHN.js";
+import {
+  queryClient
+} from "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import {
+  fetchQuery
+} from "./chunk-DTGEFKK4.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/price-lists/[id]/loader.tsx
+import { getLinkQuery } from "@mercurjs/dashboard-shared";
+var pricingDetailQuery = (id) => {
+  const query = getLinkQuery("price_list");
+  return {
+    queryKey: priceListsQueryKeys.detail(id, query),
+    queryFn: async () => await fetchQuery(`/vendor/price-lists/${id}`, {
+      method: "GET",
+      query
+    })
+  };
+};
+var loader = async ({ params }) => {
+  const id = params.id;
+  const query = pricingDetailQuery(id);
+  return queryClient.ensureQueryData(query);
+};
+
+// src/pages/price-lists/[id]/price-list-detail-page.tsx
+import { Children } from "react";
+import { useLoaderData, useParams } from "react-router-dom";
+import { useLinkQuery, WidgetZone } from "@mercurjs/dashboard-shared";
+
+// src/pages/price-lists/[id]/_components/price-list-configuration-section/price-list-configuration-section.tsx
+import { PencilSquare } from "@medusajs/icons";
+import { Container, Heading } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { DisplayExtensionZone } from "@mercurjs/dashboard-shared";
+import { jsx, jsxs } from "react/jsx-runtime";
+var PriceListConfigurationSection = ({
+  priceList
+}) => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs(Container, { className: "flex flex-col gap-y-4", "data-testid": "price-list-configuration-section-container", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", "data-testid": "price-list-configuration-section-header", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", "data-testid": "price-list-configuration-section-heading", children: t("priceLists.configuration.header") }),
+      /* @__PURE__ */ jsx(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: [
+                {
+                  label: t("actions.edit"),
+                  to: "configuration",
+                  icon: /* @__PURE__ */ jsx(PencilSquare, {})
+                }
+              ]
+            }
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      DateRangeDisplay,
+      {
+        endsAt: priceList.ends_at,
+        startsAt: priceList.starts_at,
+        showTime: true
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayExtensionZone,
+      {
+        model: "price_list",
+        zone: "configuration",
+        data: priceList
+      }
+    )
+  ] });
+};
+
+// src/pages/price-lists/[id]/_components/price-list-customer-availability-section/price-list-customer-availability-section.tsx
+import { PencilSquare as PencilSquare2 } from "@medusajs/icons";
+import { Badge, Container as Container2, Heading as Heading2 } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var PriceListCustomerAvailabilitySection = ({
+  priceList
+}) => {
+  const { t } = useTranslation2();
+  const customerGroupIds = priceList.rules?.["customer.groups.id"];
+  const { customer_groups, isPending, isError } = useCustomerGroups(
+    { id: customerGroupIds },
+    { enabled: !!customerGroupIds?.length }
+  );
+  const isEmpty = !customerGroupIds?.length || isError;
+  return /* @__PURE__ */ jsxs2(Container2, { className: "p-0", "data-testid": "price-list-customer-availability-section-container", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "price-list-customer-availability-section-header", children: [
+      /* @__PURE__ */ jsx2(Heading2, { level: "h2", "data-testid": "price-list-customer-availability-section-heading", children: t("priceLists.customerAvailability.header") }),
+      /* @__PURE__ */ jsx2(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: [
+                {
+                  label: t("actions.edit"),
+                  to: "customer-availability",
+                  icon: /* @__PURE__ */ jsx2(PencilSquare2, {})
+                }
+              ]
+            }
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx2("div", { className: "text-ui-fg-subtle flex flex-col gap-2 px-6 pb-4 pt-2", "data-testid": "price-list-customer-availability-section-content", children: isEmpty ? /* @__PURE__ */ jsx2(
+      NoRecords,
+      {
+        className: "h-[180px]",
+        icon: null,
+        title: t("priceLists.customerAvailability.list.noRecordsTitle"),
+        message: t("priceLists.customerAvailability.list.noRecordsMessage"),
+        action: {
+          to: "customer-availability",
+          label: t("priceLists.customerAvailability.add")
+        }
+      }
+    ) : isPending || !customer_groups ? /* @__PURE__ */ jsx2(Skeleton, { className: "h-5 w-full max-w-48" }) : /* @__PURE__ */ jsx2("div", { className: "bg-ui-bg-subtle shadow-borders-base align-center flex justify-around rounded-md p-2", children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle txt-compact-xsmall flex items-center whitespace-nowrap", children: [
+      /* @__PURE__ */ jsx2(
+        Badge,
+        {
+          size: "2xsmall",
+          className: "txt-compact-xsmall-plus tag-neutral-text mx-1 inline-block truncate",
+          children: t("priceLists.fields.customerAvailability.attribute")
+        }
+      ),
+      /* @__PURE__ */ jsx2("span", { className: "txt-compact-2xsmall mx-1 inline-block", children: t("operators.in") }),
+      /* @__PURE__ */ jsx2(
+        BadgeListSummary,
+        {
+          inline: true,
+          className: "!txt-compact-small-plus",
+          list: customer_groups.map((group) => group.name)
+        }
+      )
+    ] }) }) })
+  ] });
+};
+
+// src/pages/price-lists/[id]/_components/price-list-general-section/price-list-general-section.tsx
+import { PencilSquare as PencilSquare3, Trash } from "@medusajs/icons";
+import { Container as Container3, Heading as Heading3, StatusBadge, Text } from "@medusajs/ui";
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone2, DisplayField } from "@mercurjs/dashboard-shared";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var PriceListGeneralSection = ({
+  priceList
+}) => {
+  const { t } = useTranslation3();
+  const overrideCount = priceList.prices?.length || 0;
+  const { color, text } = getPriceListStatus(t, priceList);
+  const handleDelete = useDeletePriceListAction({ priceList });
+  const type = priceList.type === "sale" ? t("priceLists.fields.type.options.sale.label") : t("priceLists.fields.type.options.override.label");
+  const GENERAL_FIELD_IDS = [
+    "title",
+    "status",
+    "type",
+    "description",
+    "price_overrides"
+  ];
+  return /* @__PURE__ */ jsxs3(Container3, { className: "divide-y p-0", "data-testid": "price-list-general-section-container", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "price-list-general-section-header", children: [
+      /* @__PURE__ */ jsx3(DisplayField, { model: "price_list", zone: "general", id: "title", data: priceList, children: /* @__PURE__ */ jsx3(Heading3, { "data-testid": "price-list-general-section-title", children: priceList.title }) }),
+      /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-4", children: [
+        /* @__PURE__ */ jsx3(DisplayField, { model: "price_list", zone: "general", id: "status", data: priceList, children: /* @__PURE__ */ jsx3(StatusBadge, { color, "data-testid": "price-list-general-section-status", children: text }) }),
+        /* @__PURE__ */ jsx3(
+          ActionMenu,
+          {
+            groups: [
+              {
+                actions: [
+                  {
+                    label: t("actions.edit"),
+                    to: "edit",
+                    icon: /* @__PURE__ */ jsx3(PencilSquare3, {})
+                  }
+                ]
+              },
+              {
+                actions: [
+                  {
+                    label: t("actions.delete"),
+                    onClick: handleDelete,
+                    icon: /* @__PURE__ */ jsx3(Trash, {})
+                  }
+                ]
+              }
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx3(DisplayField, { model: "price_list", zone: "general", id: "type", data: priceList, children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "price-list-general-section-type", children: [
+      /* @__PURE__ */ jsx3(Text, { leading: "compact", size: "small", weight: "plus", "data-testid": "price-list-general-section-type-label", children: t("fields.type") }),
+      /* @__PURE__ */ jsx3(Text, { size: "small", className: "text-pretty", "data-testid": "price-list-general-section-type-value", children: type })
+    ] }) }),
+    /* @__PURE__ */ jsx3(DisplayField, { model: "price_list", zone: "general", id: "description", data: priceList, children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "price-list-general-section-description", children: [
+      /* @__PURE__ */ jsx3(Text, { leading: "compact", size: "small", weight: "plus", "data-testid": "price-list-general-section-description-label", children: t("fields.description") }),
+      /* @__PURE__ */ jsx3(Text, { size: "small", className: "text-pretty", "data-testid": "price-list-general-section-description-value", children: priceList.description })
+    ] }) }),
+    /* @__PURE__ */ jsx3(DisplayField, { model: "price_list", zone: "general", id: "price_overrides", data: priceList, children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "price-list-general-section-price-overrides", children: [
+      /* @__PURE__ */ jsx3(Text, { leading: "compact", size: "small", weight: "plus", "data-testid": "price-list-general-section-price-overrides-label", children: t("priceLists.fields.priceOverrides.label") }),
+      /* @__PURE__ */ jsx3(Text, { size: "small", className: "text-pretty", "data-testid": "price-list-general-section-price-overrides-value", children: overrideCount || "-" })
+    ] }) }),
+    /* @__PURE__ */ jsx3(DisplayExtensionZone2, { model: "price_list", zone: "general", data: priceList, builtInFieldIds: GENERAL_FIELD_IDS })
+  ] });
+};
+
+// src/pages/price-lists/[id]/_components/price-list-product-section/price-list-product-section.tsx
+import {
+  EllipsisHorizontal,
+  ExclamationCircle,
+  PencilSquare as PencilSquare4,
+  Trash as Trash2
+} from "@medusajs/icons";
+import {
+  Button,
+  Checkbox,
+  Container as Container4,
+  Heading as Heading4,
+  Text as Text2,
+  toast,
+  usePrompt
+} from "@medusajs/ui";
+import { keepPreviousData } from "@tanstack/react-query";
+import {
+  createColumnHelper
+} from "@tanstack/react-table";
+import { useMemo, useRef, useState } from "react";
+import { useTranslation as useTranslation4 } from "react-i18next";
+import { Link, useNavigate } from "react-router-dom";
+import { DisplayExtensionZone as DisplayExtensionZone3 } from "@mercurjs/dashboard-shared";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var PAGE_SIZE = 10;
+var PREFIX = "plo";
+var OFFER_FIELDS = "id,variant_id,product_id,product.title,product.thumbnail,product.status,product.categories.id,product.categories.name,product.collection.id,product.collection.title";
+var getPriceOfferId = (price) => {
+  const p = price;
+  if (p.rules?.offer_id) {
+    return p.rules.offer_id;
+  }
+  return p.price_rules?.find((rule) => rule.attribute === "offer_id")?.value;
+};
+var PriceListProductSection = ({
+  priceList
+}) => {
+  const { t } = useTranslation4();
+  const navigate = useNavigate();
+  const prompt = usePrompt();
+  const [rowSelection, setRowSelection] = useState({});
+  const { price_list: pricedList } = usePriceList(priceList.id, {
+    fields: "id,+prices.price_rules.attribute,+prices.price_rules.value"
+  });
+  const offerIds = useMemo(() => {
+    const ids = /* @__PURE__ */ new Set();
+    for (const price of pricedList?.prices ?? []) {
+      const offerId = getPriceOfferId(price);
+      if (offerId) {
+        ids.add(offerId);
+      }
+    }
+    return Array.from(ids);
+  }, [pricedList]);
+  const raw = useQueryParams(
+    ["q", "order", "offset", "created_at", "updated_at"],
+    PREFIX
+  );
+  const { offers, isLoading, isError, error } = useOffers(
+    {
+      id: offerIds,
+      limit: offerIds.length || 1,
+      fields: OFFER_FIELDS,
+      order: raw.order,
+      ...raw.q ? { q: raw.q } : {},
+      ...raw.created_at ? { created_at: JSON.parse(raw.created_at) } : {},
+      ...raw.updated_at ? { updated_at: JSON.parse(raw.updated_at) } : {}
+    },
+    {
+      placeholderData: keepPreviousData,
+      enabled: offerIds.length > 0
+    }
+  );
+  const groupedOffers = useMemo(() => {
+    const groups = /* @__PURE__ */ new Map();
+    for (const offer of offers ?? []) {
+      const key = offer.product_id;
+      const existing = groups.get(key);
+      if (existing) {
+        existing.variant_count = (existing.variant_count ?? 0) + 1;
+        (existing.offer_ids ?? (existing.offer_ids = [])).push(offer.id);
+      } else {
+        groups.set(key, {
+          ...offer,
+          id: key,
+          variant_count: 1,
+          offer_ids: [offer.id]
+        });
+      }
+    }
+    return Array.from(groups.values());
+  }, [offers]);
+  const groupToProduct = useRef({});
+  for (const group of groupedOffers) {
+    groupToProduct.current[group.id] = group.product_id;
+  }
+  const selectedProductIds = () => Array.from(
+    new Set(
+      Object.keys(rowSelection).map((groupId) => groupToProduct.current[groupId]).filter(Boolean)
+    )
+  );
+  const columns = useColumns(priceList);
+  const filters = useOfferSectionFilters();
+  const { mutateAsync } = usePriceListLinkProducts(priceList.id);
+  const { table } = useDataTable({
+    data: groupedOffers,
+    count: groupedOffers.length,
+    columns,
+    enablePagination: true,
+    enableRowSelection: true,
+    pageSize: PAGE_SIZE,
+    getRowId: (row) => row.id,
+    rowSelection: {
+      state: rowSelection,
+      updater: setRowSelection
+    },
+    prefix: PREFIX
+  });
+  const handleDelete = async () => {
+    const productIds = selectedProductIds();
+    const res = await prompt({
+      title: t("general.areYouSure"),
+      description: t("priceLists.products.delete.confirmation", {
+        count: productIds.length
+      }),
+      confirmText: t("actions.remove"),
+      cancelText: t("actions.cancel")
+    });
+    if (!res) {
+      return;
+    }
+    mutateAsync(
+      { remove: productIds },
+      {
+        onSuccess: () => {
+          toast.success(
+            t("priceLists.products.delete.successToast", {
+              count: productIds.length
+            })
+          );
+          setRowSelection({});
+        },
+        onError: (e) => toast.error(e.message)
+      }
+    );
+  };
+  const handleEdit = async () => {
+    const ids = selectedProductIds().join(",");
+    navigate(`products/edit?ids[]=${ids}`);
+  };
+  return /* @__PURE__ */ jsxs4(Container4, { className: "divide-y p-0", "data-testid": "price-list-product-section-container", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "price-list-product-section-header", children: [
+      /* @__PURE__ */ jsx4(Heading4, { "data-testid": "price-list-product-section-heading", children: t("priceLists.products.header") }),
+      /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-x-2", children: [
+        /* @__PURE__ */ jsx4(
+          ActionMenu,
+          {
+            groups: [
+              {
+                actions: [
+                  {
+                    label: t("priceLists.products.actions.editPrices"),
+                    to: "products/edit",
+                    icon: /* @__PURE__ */ jsx4(PencilSquare4, {}),
+                    disabled: groupedOffers.length === 0,
+                    disabledTooltip: t(
+                      "priceLists.products.actions.editPricesDisabled"
+                    )
+                  }
+                ]
+              }
+            ],
+            children: /* @__PURE__ */ jsx4(
+              Button,
+              {
+                size: "small",
+                variant: "secondary",
+                className: "h-7 w-7 p-0",
+                "data-testid": "price-list-product-section-action-menu-trigger",
+                children: /* @__PURE__ */ jsx4(EllipsisHorizontal, {})
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx4(
+          Button,
+          {
+            size: "small",
+            variant: "secondary",
+            asChild: true,
+            "data-testid": "price-list-product-section-add-button",
+            children: /* @__PURE__ */ jsx4(Link, { to: "products/add", children: t("actions.add") })
+          }
+        )
+      ] })
+    ] }),
+    isError ? /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-x-2 px-6 py-4", "data-testid": "price-list-product-section-error", children: [
+      /* @__PURE__ */ jsx4(ExclamationCircle, { className: "text-ui-fg-subtle" }),
+      /* @__PURE__ */ jsx4(Text2, { size: "small", className: "text-ui-fg-subtle", children: error?.message || t("general.error") })
+    ] }) : /* @__PURE__ */ jsx4(
+      _DataTable,
+      {
+        table,
+        columns,
+        filters,
+        count: groupedOffers.length,
+        pageSize: PAGE_SIZE,
+        isLoading,
+        navigateTo: (row) => `/offers/${row.original.product_id}`,
+        orderBy: [
+          { key: "created_at", label: t("fields.createdAt") },
+          { key: "updated_at", label: t("fields.updatedAt") }
+        ],
+        commands: [
+          {
+            action: handleEdit,
+            label: t("priceLists.products.actions.editPrices"),
+            shortcut: "e"
+          },
+          {
+            action: handleDelete,
+            label: t("actions.remove"),
+            shortcut: "r"
+          }
+        ],
+        pagination: true,
+        search: true,
+        prefix: PREFIX,
+        queryObject: raw
+      }
+    ),
+    /* @__PURE__ */ jsx4(DisplayExtensionZone3, { model: "price_list", zone: "products", data: priceList })
+  ] });
+};
+var useOfferSectionFilters = () => {
+  const { t } = useTranslation4();
+  return [
+    { label: t("fields.createdAt"), key: "created_at", type: "date" },
+    { label: t("fields.updatedAt"), key: "updated_at", type: "date" }
+  ];
+};
+var OfferRowAction = ({
+  offer,
+  priceList
+}) => {
+  const { t } = useTranslation4();
+  const prompt = usePrompt();
+  const { mutateAsync } = usePriceListLinkProducts(priceList.id);
+  const handleDelete = async () => {
+    const res = await prompt({
+      title: t("general.areYouSure"),
+      description: t("priceLists.products.delete.confirmation", { count: 1 }),
+      confirmText: t("actions.remove"),
+      cancelText: t("actions.cancel")
+    });
+    if (!res) {
+      return;
+    }
+    mutateAsync(
+      { remove: [offer.product_id] },
+      {
+        onSuccess: () => {
+          toast.success(
+            t("priceLists.products.delete.successToast", { count: 1 })
+          );
+        },
+        onError: (e) => toast.error(e.message)
+      }
+    );
+  };
+  return /* @__PURE__ */ jsx4(
+    ActionMenu,
+    {
+      groups: [
+        {
+          actions: [
+            {
+              icon: /* @__PURE__ */ jsx4(PencilSquare4, {}),
+              label: t("priceLists.products.actions.editPrices"),
+              to: `products/edit?ids[]=${offer.product_id}`
+            }
+          ]
+        },
+        {
+          actions: [
+            {
+              icon: /* @__PURE__ */ jsx4(Trash2, {}),
+              label: t("actions.remove"),
+              onClick: handleDelete
+            }
+          ]
+        }
+      ]
+    }
+  );
+};
+var columnHelper = createColumnHelper();
+var useColumns = (priceList) => {
+  const { t } = useTranslation4();
+  return useMemo(
+    () => [
+      columnHelper.display({
+        id: "select",
+        header: ({ table }) => /* @__PURE__ */ jsx4(
+          Checkbox,
+          {
+            checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
+            onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value)
+          }
+        ),
+        cell: ({ row }) => /* @__PURE__ */ jsx4(
+          Checkbox,
+          {
+            checked: row.getIsSelected(),
+            onCheckedChange: (value) => row.toggleSelected(!!value),
+            onClick: (e) => e.stopPropagation()
+          }
+        )
+      }),
+      columnHelper.display({
+        id: "offer",
+        header: () => /* @__PURE__ */ jsx4(ProductHeader, {}),
+        cell: ({ row }) => /* @__PURE__ */ jsx4(
+          ProductCell,
+          {
+            product: {
+              title: row.original.product?.title ?? "",
+              thumbnail: row.original.product?.thumbnail ?? null
+            }
+          }
+        )
+      }),
+      columnHelper.display({
+        id: "category",
+        header: () => /* @__PURE__ */ jsx4(CategoryHeader, {}),
+        cell: ({ row }) => /* @__PURE__ */ jsx4(
+          CategoryCell,
+          {
+            categories: row.original.product?.categories ?? void 0
+          }
+        )
+      }),
+      columnHelper.display({
+        id: "variants",
+        header: () => /* @__PURE__ */ jsx4("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx4("span", { children: t("fields.variants") }) }),
+        cell: ({ row }) => {
+          const count = row.original.variant_count;
+          if (!count) {
+            return /* @__PURE__ */ jsx4(PlaceholderCell, {});
+          }
+          return /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", className: "truncate", children: t("offers.fields.variantsCount", { count }) });
+        }
+      }),
+      columnHelper.display({
+        id: "status",
+        header: () => /* @__PURE__ */ jsx4(ProductStatusHeader, {}),
+        cell: ({ row }) => {
+          const status = row.original.product?.status;
+          if (!status) {
+            return /* @__PURE__ */ jsx4(PlaceholderCell, {});
+          }
+          return /* @__PURE__ */ jsx4(ProductStatusCell, { status });
+        }
+      }),
+      columnHelper.display({
+        id: "actions",
+        cell: ({ row }) => /* @__PURE__ */ jsx4(OfferRowAction, { offer: row.original, priceList })
+      })
+    ],
+    [t, priceList]
+  );
+};
+
+// src/pages/price-lists/[id]/price-list-detail-page.tsx
+import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  const initialData = useLoaderData();
+  const { id } = useParams();
+  const linkQuery = useLinkQuery("price_list", "+prices.id");
+  const { price_list, isLoading, isError, error } = usePriceList(id, linkQuery, {
+    placeholderData: initialData
+  });
+  if (isLoading || !price_list) {
+    return /* @__PURE__ */ jsx5(TwoColumnPageSkeleton, { mainSections: 2, sidebarSections: 1, showJSON: true });
+  }
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx5(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs5(TwoColumnPage, { hasOutlet: true, data: price_list, children: [
+    /* @__PURE__ */ jsx5(TwoColumnPage.Main, { children: /* @__PURE__ */ jsxs5(WidgetZone, { id: "price-lists.detail.main", data: price_list, children: [
+      /* @__PURE__ */ jsx5(PriceListGeneralSection, { priceList: price_list }),
+      /* @__PURE__ */ jsx5(PriceListCustomerAvailabilitySection, { priceList: price_list }),
+      /* @__PURE__ */ jsx5(PriceListProductSection, { priceList: price_list })
+    ] }) }),
+    /* @__PURE__ */ jsx5(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx5(WidgetZone, { id: "price-lists.detail.side", data: price_list, children: /* @__PURE__ */ jsx5(PriceListConfigurationSection, { priceList: price_list }) }) })
+  ] }) });
+};
+var PriceListDetailPage = Object.assign(Root, {
+  Main: TwoColumnPage.Main,
+  Sidebar: TwoColumnPage.Sidebar,
+  MainGeneralSection: PriceListGeneralSection,
+  MainCustomerAvailabilitySection: PriceListCustomerAvailabilitySection,
+  MainProductSection: PriceListProductSection,
+  SidebarConfigurationSection: PriceListConfigurationSection
+});
+export {
+  PriceListDetailPage,
+  loader
+};