@mercurjs/admin 2.2.0-canary.2 → 2.2.0-canary.21

package/dist/[id]-YI7UXOO2.js

@@ -1,499 +0,0 @@
-import {
-  OFFER_DETAIL_FIELDS,
-  useOffer
-} from "./chunk-WV4SQ57G.js";
-import {
-  getLocaleAmount
-} from "./chunk-PXYDR7WQ.js";
-import {
-  PlaceholderCell
-} from "./chunk-PHOCVOZ5.js";
-import "./chunk-FQERBIVS.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-NQEXDLYH.js";
-import "./chunk-YN3FGNJM.js";
-import "./chunk-KAZ5BYTQ.js";
-import {
-  NoRecords
-} from "./chunk-634XVU3D.js";
-import "./chunk-IQPN4PZJ.js";
-import "./chunk-FI474ADU.js";
-import {
-  SectionRow
-} from "./chunk-3XPXUIK3.js";
-import {
-  TwoColumnPage
-} from "./chunk-E74OUNA3.js";
-import {
-  Thumbnail
-} from "./chunk-WIYFXWRI.js";
-import "./chunk-H6MYB7GB.js";
-import "./chunk-UZWFZMOX.js";
-import "./chunk-XQNVC4Q7.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
-import "./chunk-LAVHRER2.js";
-import "./chunk-Y7QKP6QU.js";
-import {
-  TwoColumnPageSkeleton
-} from "./chunk-INNFZYX2.js";
-import "./chunk-RHKRREUU.js";
-import "./chunk-ZA2KFUFR.js";
-import "./chunk-ZBWL72TB.js";
-import "./chunk-NBMM2TZK.js";
-
-// src/pages/offers/[id]/offer-detail-page.tsx
-import { Children } from "react";
-import { useLoaderData, useParams } from "react-router-dom";
-
-// src/pages/offers/[id]/_components/offer-general-section.tsx
-import { Component } from "@medusajs/icons";
-import { Container, Heading } from "@medusajs/ui";
-import { useTranslation } from "react-i18next";
-import { jsx, jsxs } from "react/jsx-runtime";
-var formatDate = (value) => {
-  if (!value) return "-";
-  try {
-    return new Intl.DateTimeFormat(void 0, {
-      dateStyle: "medium",
-      timeStyle: "short"
-    }).format(new Date(value));
-  } catch {
-    return "-";
-  }
-};
-var OfferGeneralSection = ({ offer }) => {
-  const { t } = useTranslation();
-  const hasKit = (offer.inventory_item_link?.length ?? 0) > 1;
-  const variantTitle = offer.product_variant?.title ?? "";
-  return /* @__PURE__ */ jsxs(
-    Container,
-    {
-      className: "divide-y p-0",
-      "data-testid": "offer-detail-general-section",
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(Heading, { title: variantTitle, children: variantTitle }),
-          hasKit && /* @__PURE__ */ jsx("span", { className: "text-ui-fg-muted font-normal", children: /* @__PURE__ */ jsx(Component, {}) })
-        ] }) }),
-        /* @__PURE__ */ jsx(SectionRow, { title: t("offers.fields.sku"), value: offer.sku ?? "-" }),
-        /* @__PURE__ */ jsx(SectionRow, { title: t("offers.fields.ean"), value: offer.ean ?? "-" }),
-        /* @__PURE__ */ jsx(SectionRow, { title: t("offers.fields.upc"), value: offer.upc ?? "-" }),
-        /* @__PURE__ */ jsx(
-          SectionRow,
-          {
-            title: t("shippingProfile.domain"),
-            value: offer.shipping_profile?.name ?? "-"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          SectionRow,
-          {
-            title: t("fields.createdAt"),
-            value: formatDate(offer.created_at)
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          SectionRow,
-          {
-            title: t("fields.updatedAt"),
-            value: formatDate(offer.updated_at)
-          }
-        )
-      ]
-    }
-  );
-};
-
-// src/pages/offers/[id]/_components/offer-inventory-section.tsx
-import { Buildings } from "@medusajs/icons";
-import { Container as Container2, Heading as Heading2, Text } from "@medusajs/ui";
-import { createColumnHelper } from "@tanstack/react-table";
-import { useMemo } from "react";
-import { useTranslation as useTranslation2 } from "react-i18next";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var columnHelper = createColumnHelper();
-var PAGE_SIZE = 20;
-var computeAvailable = (row) => {
-  const levels = row.location_levels ?? [];
-  let quantity = 0;
-  let locations = 0;
-  for (const level of levels) {
-    if (level.available_quantity != null) {
-      quantity += level.available_quantity;
-    } else {
-      const stocked = level.stocked_quantity ?? 0;
-      const reserved = level.reserved_quantity ?? 0;
-      quantity += Math.max(0, stocked - reserved);
-    }
-    locations += 1;
-  }
-  return { quantity, locations };
-};
-var InventoryActions = ({ item }) => {
-  const { t } = useTranslation2();
-  return /* @__PURE__ */ jsx2(
-    ActionMenu,
-    {
-      groups: [
-        {
-          actions: [
-            {
-              icon: /* @__PURE__ */ jsx2(Buildings, {}),
-              label: t("offers.detail.goToInventoryItem"),
-              to: `/inventory/${item.id}`
-            }
-          ]
-        }
-      ]
-    }
-  );
-};
-var OfferInventorySection = ({ offer }) => {
-  const { t } = useTranslation2();
-  const inventoryItems = useMemo(() => {
-    const links = offer.inventory_item_link ?? [];
-    return links.map((link) => {
-      const item = link.inventory_item;
-      if (!item?.id) return null;
-      return {
-        id: item.id,
-        title: item.title,
-        sku: item.sku,
-        required_quantity: link.required_quantity,
-        location_levels: item.location_levels
-      };
-    }).filter((x) => x !== null);
-  }, [offer.inventory_item_link]);
-  const columns = useMemo(
-    () => [
-      columnHelper.accessor("title", {
-        header: t("fields.title"),
-        cell: ({ getValue }) => {
-          const title = getValue();
-          if (!title) return /* @__PURE__ */ jsx2(PlaceholderCell, {});
-          return /* @__PURE__ */ jsx2("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: title }) });
-        }
-      }),
-      columnHelper.accessor("sku", {
-        header: t("offers.fields.sku"),
-        cell: ({ getValue }) => {
-          const sku = getValue();
-          if (!sku) return /* @__PURE__ */ jsx2(PlaceholderCell, {});
-          return /* @__PURE__ */ jsx2("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: sku }) });
-        }
-      }),
-      columnHelper.accessor("required_quantity", {
-        header: t("offers.fields.requiredQuantity"),
-        cell: ({ getValue }) => {
-          const value = getValue();
-          if (value == null) return /* @__PURE__ */ jsx2(PlaceholderCell, {});
-          return /* @__PURE__ */ jsx2("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: value }) });
-        }
-      }),
-      columnHelper.display({
-        id: "inventory",
-        header: t("labels.available"),
-        cell: ({ row }) => {
-          const { quantity, locations } = computeAvailable(row.original);
-          if (locations === 0) return /* @__PURE__ */ jsx2(PlaceholderCell, {});
-          const text = `${quantity} available at ${locations} ${locations === 1 ? "location" : "locations"}`;
-          return /* @__PURE__ */ jsx2("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx2(
-            Text,
-            {
-              size: "small",
-              className: quantity === 0 ? "text-ui-fg-error truncate" : "truncate",
-              children: text
-            }
-          ) });
-        }
-      }),
-      columnHelper.display({
-        id: "actions",
-        cell: ({ row }) => /* @__PURE__ */ jsx2(InventoryActions, { item: row.original })
-      })
-    ],
-    [t]
-  );
-  const { table } = useDataTable({
-    data: inventoryItems,
-    columns,
-    count: inventoryItems.length,
-    enablePagination: true,
-    getRowId: (row) => row.id,
-    pageSize: PAGE_SIZE
-  });
-  return /* @__PURE__ */ jsxs2(
-    Container2,
-    {
-      className: "divide-y p-0",
-      "data-testid": "offer-detail-inventory-section",
-      children: [
-        /* @__PURE__ */ jsx2("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx2(Heading2, { level: "h2", children: t("offers.detail.inventoryItems") }) }),
-        inventoryItems.length === 0 ? /* @__PURE__ */ jsx2("div", { className: "px-6 py-8", children: /* @__PURE__ */ jsx2(Text, { size: "small", className: "text-ui-fg-subtle", children: t("offers.detail.noInventoryItems") }) }) : /* @__PURE__ */ jsx2(
-          _DataTable,
-          {
-            table,
-            columns,
-            pageSize: PAGE_SIZE,
-            count: inventoryItems.length,
-            navigateTo: (row) => `/inventory/${row.id}`
-          }
-        )
-      ]
-    }
-  );
-};
-
-// src/pages/offers/[id]/_components/offer-variant-section.tsx
-import { TriangleRightMini } from "@medusajs/icons";
-import { Container as Container3, Heading as Heading3 } from "@medusajs/ui";
-import { useTranslation as useTranslation3 } from "react-i18next";
-import { Link } from "react-router-dom";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var OfferVariantSection = ({ offer }) => {
-  const { t } = useTranslation3();
-  const variant = offer.product_variant;
-  if (!variant?.id) {
-    return null;
-  }
-  const productId = variant.product_id ?? variant.product?.id;
-  const link = productId ? `/products/${productId}/variants/${variant.id}` : null;
-  const title = variant.product?.title ?? variant.title ?? variant.id;
-  const subtitle = variant.title ?? "";
-  const Inner = /* @__PURE__ */ jsx3(
-    "div",
-    {
-      className: "shadow-elevation-card-rest bg-ui-bg-component rounded-md px-4 py-2 transition-colors",
-      "data-testid": "offer-detail-master-variant",
-      children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx3(
-          "div",
-          {
-            className: "shadow-elevation-card-rest rounded-md",
-            "data-testid": "offer-detail-master-variant-thumbnail",
-            children: /* @__PURE__ */ jsx3(Thumbnail, { src: variant.product?.thumbnail ?? null })
-          }
-        ),
-        /* @__PURE__ */ jsxs3("div", { className: "flex flex-1 flex-col", children: [
-          /* @__PURE__ */ jsx3(
-            "span",
-            {
-              className: "text-ui-fg-base font-medium",
-              "data-testid": "offer-detail-master-variant-title",
-              children: title
-            }
-          ),
-          /* @__PURE__ */ jsx3(
-            "span",
-            {
-              className: "text-ui-fg-subtle",
-              "data-testid": "offer-detail-master-variant-options",
-              children: subtitle
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx3("div", { className: "size-7 flex items-center justify-center", children: /* @__PURE__ */ jsx3(TriangleRightMini, { className: "text-ui-fg-muted rtl:rotate-180" }) })
-      ] })
-    }
-  );
-  return /* @__PURE__ */ jsxs3(
-    Container3,
-    {
-      className: "p-0",
-      "data-testid": "offer-detail-master-variant-section",
-      children: [
-        /* @__PURE__ */ jsx3("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx3(Heading3, { level: "h2", children: t("offers.detail.productVariant") }) }),
-        /* @__PURE__ */ jsx3("div", { className: "txt-small flex flex-col gap-2 px-2 pb-2", children: link ? /* @__PURE__ */ jsx3(
-          Link,
-          {
-            to: link,
-            className: "outline-none focus-within:shadow-borders-interactive-with-focus rounded-md [&:hover>div]:bg-ui-bg-component-hover",
-            "data-testid": "offer-detail-master-variant-link",
-            children: Inner
-          }
-        ) : /* @__PURE__ */ jsx3("div", { children: Inner }) })
-      ]
-    }
-  );
-};
-
-// src/pages/offers/[id]/_components/offer-store-sidebar.tsx
-import { TriangleRightMini as TriangleRightMini2 } from "@medusajs/icons";
-import { Avatar, Container as Container4, Heading as Heading4 } from "@medusajs/ui";
-import { useTranslation as useTranslation4 } from "react-i18next";
-import { Link as Link2 } from "react-router-dom";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var OfferStoreSidebar = ({ offer }) => {
-  const { t } = useTranslation4();
-  const seller = offer.seller;
-  if (!seller?.id) {
-    return null;
-  }
-  const name = seller.name ?? seller.id;
-  const handle = seller.handle ?? "";
-  const link = `/stores/${seller.id}`;
-  const Inner = /* @__PURE__ */ jsx4(
-    "div",
-    {
-      className: "shadow-elevation-card-rest bg-ui-bg-component rounded-md px-4 py-2 transition-colors",
-      "data-testid": "offer-detail-store-sidebar",
-      children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx4(
-          Avatar,
-          {
-            size: "small",
-            fallback: (name?.[0] ?? "?").toUpperCase(),
-            "data-testid": "offer-detail-store-avatar"
-          }
-        ),
-        /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 flex-col", children: [
-          /* @__PURE__ */ jsx4(
-            "span",
-            {
-              className: "text-ui-fg-base font-medium",
-              "data-testid": "offer-detail-store-name",
-              children: name
-            }
-          ),
-          handle && /* @__PURE__ */ jsx4(
-            "span",
-            {
-              className: "text-ui-fg-subtle",
-              "data-testid": "offer-detail-store-handle",
-              children: handle
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx4("div", { className: "size-7 flex items-center justify-center", children: /* @__PURE__ */ jsx4(TriangleRightMini2, { className: "text-ui-fg-muted rtl:rotate-180" }) })
-      ] })
-    }
-  );
-  return /* @__PURE__ */ jsxs4(Container4, { className: "p-0", children: [
-    /* @__PURE__ */ jsx4("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx4(Heading4, { level: "h2", children: t("offers.detail.store") }) }),
-    /* @__PURE__ */ jsx4("div", { className: "txt-small flex flex-col gap-2 px-2 pb-2", children: /* @__PURE__ */ jsx4(
-      Link2,
-      {
-        to: link,
-        className: "outline-none focus-within:shadow-borders-interactive-with-focus rounded-md [&:hover>div]:bg-ui-bg-component-hover",
-        "data-testid": "offer-detail-store-link",
-        children: Inner
-      }
-    ) })
-  ] });
-};
-
-// src/pages/offers/[id]/_components/offer-pricing-section.tsx
-import { Button, Container as Container5, Heading as Heading5 } from "@medusajs/ui";
-import { useState } from "react";
-import { useTranslation as useTranslation5 } from "react-i18next";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-var PAGE_STEP = 3;
-var hasRules = (price) => (price.rules_count ?? 0) > 0;
-var OfferPricingSection = ({ offer }) => {
-  const { t } = useTranslation5();
-  const prices = (offer.price_set?.prices ?? []).filter((p) => !hasRules(p)).sort(
-    (a, b) => (a.currency_code ?? "").localeCompare(b.currency_code ?? "")
-  );
-  const hasPrices = prices.length > 0;
-  const [pageSize, setPageSize] = useState(PAGE_STEP);
-  const displayPrices = prices.slice(0, pageSize);
-  return /* @__PURE__ */ jsxs5(
-    Container5,
-    {
-      className: "flex flex-col divide-y p-0",
-      "data-testid": "offer-detail-prices-section",
-      children: [
-        /* @__PURE__ */ jsx5("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx5(Heading5, { level: "h2", children: t("labels.prices") }) }),
-        !hasPrices && /* @__PURE__ */ jsx5(NoRecords, { className: "h-60" }),
-        displayPrices.map((price) => /* @__PURE__ */ jsxs5(
-          "div",
-          {
-            className: "txt-small text-ui-fg-subtle flex justify-between px-6 py-4",
-            children: [
-              /* @__PURE__ */ jsx5("span", { className: "font-medium", children: price.currency_code.toUpperCase() }),
-              /* @__PURE__ */ jsx5("span", { children: getLocaleAmount(price.amount, price.currency_code) })
-            ]
-          },
-          price.id ?? `${price.currency_code}-${price.amount}`
-        )),
-        hasPrices && prices.length > PAGE_STEP && /* @__PURE__ */ jsx5("div", { className: "txt-small text-ui-fg-subtle flex items-center justify-end px-6 py-4", children: /* @__PURE__ */ jsx5(
-          Button,
-          {
-            onClick: () => setPageSize((p) => p + PAGE_STEP),
-            disabled: pageSize >= prices.length,
-            className: "-mr-3 text-blue-500",
-            variant: "transparent",
-            children: t("actions.showMore")
-          }
-        ) })
-      ]
-    }
-  );
-};
-
-// src/pages/offers/[id]/offer-detail-page.tsx
-import { Fragment, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-var Root = ({ children }) => {
-  const { id } = useParams();
-  const initialData = useLoaderData();
-  const {
-    offer,
-    isPending: isLoading,
-    isError,
-    error
-  } = useOffer(
-    id,
-    { fields: OFFER_DETAIL_FIELDS },
-    { initialData }
-  );
-  if (isError) {
-    throw error;
-  }
-  if (isLoading || !offer) {
-    return /* @__PURE__ */ jsx6(TwoColumnPageSkeleton, { mainSections: 3, sidebarSections: 3 });
-  }
-  const typedOffer = offer;
-  return /* @__PURE__ */ jsx6(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs6(TwoColumnPage, { data: typedOffer, hasOutlet: true, children: [
-    /* @__PURE__ */ jsxs6(TwoColumnPage.Main, { children: [
-      /* @__PURE__ */ jsx6(OfferGeneralSection, { offer: typedOffer }),
-      /* @__PURE__ */ jsx6(OfferInventorySection, { offer: typedOffer })
-    ] }),
-    /* @__PURE__ */ jsxs6(TwoColumnPage.Sidebar, { children: [
-      /* @__PURE__ */ jsx6(OfferVariantSection, { offer: typedOffer }),
-      /* @__PURE__ */ jsx6(OfferStoreSidebar, { offer: typedOffer }),
-      /* @__PURE__ */ jsx6(OfferPricingSection, { offer: typedOffer })
-    ] })
-  ] }) });
-};
-var OfferDetailPage = Object.assign(Root, {
-  Main: TwoColumnPage.Main,
-  Sidebar: TwoColumnPage.Sidebar,
-  General: OfferGeneralSection,
-  Inventory: OfferInventorySection,
-  Variant: OfferVariantSection,
-  StoreSidebar: OfferStoreSidebar,
-  Pricing: OfferPricingSection
-});
-var Component2 = Root;
-
-// src/pages/offers/[id]/breadcrumb.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
-var Breadcrumb = (props) => {
-  const { id } = props.params || {};
-  const { offer } = useOffer(
-    id,
-    { fields: OFFER_DETAIL_FIELDS },
-    { initialData: props.data, enabled: Boolean(id) }
-  );
-  if (!offer) return null;
-  return /* @__PURE__ */ jsx7("span", { children: offer.sku ?? id });
-};
-export {
-  Breadcrumb,
-  Component2 as Component,
-  OfferDetailPage
-};