@mercurjs/vendor 2.1.2 → 2.2.0-canary.1

package/dist/offer-detail-page-6MAHNNIO.js

@@ -0,0 +1,488 @@
+import {
+  useDeleteOfferAction
+} from "./chunk-CFRWIQIZ.js";
+import {
+  OFFER_DETAIL_FIELDS
+} from "./chunk-RXZFEFNV.js";
+import {
+  getLocaleAmount
+} from "./chunk-PXYDR7WQ.js";
+import "./chunk-FQERBIVS.js";
+import {
+  PlaceholderCell
+} from "./chunk-PHOCVOZ5.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-AIF2KTEE.js";
+import "./chunk-YN3FGNJM.js";
+import "./chunk-KAZ5BYTQ.js";
+import {
+  NoRecords
+} from "./chunk-3EF54XFY.js";
+import "./chunk-IQPN4PZJ.js";
+import {
+  SectionRow
+} from "./chunk-4TLP3TAA.js";
+import {
+  TwoColumnPage
+} from "./chunk-YV6MK4PZ.js";
+import "./chunk-LRD242C7.js";
+import "./chunk-QHQWEERJ.js";
+import {
+  Thumbnail
+} from "./chunk-WIYFXWRI.js";
+import {
+  TwoColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
+import {
+  useOffer
+} from "./chunk-UORPTGV2.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-RIN4CBRB.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, PencilSquare, Trash } 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 handleDelete = useDeleteOfferAction({
+    id: offer.id,
+    sku: offer.sku ?? "",
+    redirectOnSuccess: true
+  });
+  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__ */ jsxs("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(
+            ActionMenu,
+            {
+              groups: [
+                {
+                  actions: [
+                    {
+                      icon: /* @__PURE__ */ jsx(PencilSquare, {}),
+                      label: t("actions.edit"),
+                      to: "edit"
+                    }
+                  ]
+                },
+                {
+                  actions: [
+                    {
+                      icon: /* @__PURE__ */ jsx(Trash, {}),
+                      label: t("actions.delete"),
+                      onClick: handleDelete
+                    }
+                  ]
+                }
+              ]
+            }
+          )
+        ] }),
+        /* @__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, Component as Component2 } 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("fields.inventory"),
+        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
+  });
+  const hasKit = inventoryItems.length > 1;
+  return /* @__PURE__ */ jsxs2(
+    Container2,
+    {
+      className: "divide-y p-0",
+      "data-testid": "offer-detail-inventory-section",
+      children: [
+        /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 py-4", children: [
+          /* @__PURE__ */ jsx2(Heading2, { level: "h2", children: t("offers.detail.inventoryItems") }),
+          /* @__PURE__ */ jsx2(
+            ActionMenu,
+            {
+              groups: [
+                {
+                  actions: [
+                    {
+                      icon: hasKit ? /* @__PURE__ */ jsx2(Component2, {}) : /* @__PURE__ */ jsx2(Buildings, {}),
+                      label: hasKit ? t("offers.detail.manageKit") : t("offers.actions.manage_inventory"),
+                      to: "inventory"
+                    }
+                  ]
+                }
+              ]
+            }
+          )
+        ] }),
+        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-pricing-section.tsx
+import { CurrencyDollar } from "@medusajs/icons";
+import { Button, Container as Container3, Heading as Heading3 } from "@medusajs/ui";
+import { useState } from "react";
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var PAGE_STEP = 3;
+var hasRules = (price) => (price.rules_count ?? 0) > 0;
+var OfferPricingSection = ({ offer }) => {
+  const { t } = useTranslation3();
+  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__ */ jsxs3(
+    Container3,
+    {
+      className: "flex flex-col divide-y p-0",
+      "data-testid": "offer-detail-prices-section",
+      children: [
+        /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between px-6 py-4", children: [
+          /* @__PURE__ */ jsx3(Heading3, { level: "h2", children: t("labels.prices") }),
+          /* @__PURE__ */ jsx3(
+            ActionMenu,
+            {
+              groups: [
+                {
+                  actions: [
+                    {
+                      label: t("actions.edit"),
+                      icon: /* @__PURE__ */ jsx3(CurrencyDollar, {}),
+                      to: "pricing"
+                    }
+                  ]
+                }
+              ]
+            }
+          )
+        ] }),
+        !hasPrices && /* @__PURE__ */ jsx3(NoRecords, { className: "h-60" }),
+        displayPrices.map((price) => /* @__PURE__ */ jsxs3(
+          "div",
+          {
+            className: "txt-small text-ui-fg-subtle flex justify-between px-6 py-4",
+            children: [
+              /* @__PURE__ */ jsx3("span", { className: "font-medium", children: price.currency_code.toUpperCase() }),
+              /* @__PURE__ */ jsx3("span", { children: getLocaleAmount(price.amount, price.currency_code) })
+            ]
+          },
+          price.id ?? `${price.currency_code}-${price.amount}`
+        )),
+        hasPrices && prices.length > PAGE_STEP && /* @__PURE__ */ jsx3("div", { className: "txt-small text-ui-fg-subtle flex items-center justify-end px-6 py-4", children: /* @__PURE__ */ jsx3(
+          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]/_components/offer-variant-section.tsx
+import { TriangleRightMini } from "@medusajs/icons";
+import { Container as Container4, Heading as Heading4 } from "@medusajs/ui";
+import { useTranslation as useTranslation4 } from "react-i18next";
+import { Link } from "react-router-dom";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var OfferVariantSection = ({ offer }) => {
+  const { t } = useTranslation4();
+  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__ */ jsx4(
+    "div",
+    {
+      className: "shadow-elevation-card-rest bg-ui-bg-component rounded-md px-4 py-2 transition-colors",
+      "data-testid": "offer-detail-variant",
+      children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx4(
+          "div",
+          {
+            className: "shadow-elevation-card-rest rounded-md",
+            "data-testid": "offer-detail-variant-thumbnail",
+            children: /* @__PURE__ */ jsx4(Thumbnail, { src: variant.product?.thumbnail ?? null })
+          }
+        ),
+        /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 flex-col", children: [
+          /* @__PURE__ */ jsx4(
+            "span",
+            {
+              className: "text-ui-fg-base font-medium",
+              "data-testid": "offer-detail-variant-title",
+              children: title
+            }
+          ),
+          /* @__PURE__ */ jsx4(
+            "span",
+            {
+              className: "text-ui-fg-subtle",
+              "data-testid": "offer-detail-variant-subtitle",
+              children: subtitle
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx4("div", { className: "size-7 flex items-center justify-center", children: /* @__PURE__ */ jsx4(TriangleRightMini, { className: "text-ui-fg-muted rtl:rotate-180" }) })
+      ] })
+    }
+  );
+  return /* @__PURE__ */ jsxs4(Container4, { className: "p-0", "data-testid": "offer-detail-variant-section", children: [
+    /* @__PURE__ */ jsx4("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx4(Heading4, { level: "h2", children: t("offers.detail.productVariant") }) }),
+    /* @__PURE__ */ jsx4("div", { className: "txt-small flex flex-col gap-2 px-2 pb-2", children: link ? /* @__PURE__ */ jsx4(
+      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-variant-link",
+        children: Inner
+      }
+    ) : /* @__PURE__ */ jsx4("div", { children: Inner }) })
+  ] });
+};
+
+// src/pages/offers/[id]/offer-detail-page.tsx
+import { Fragment, jsx as jsx5, jsxs as jsxs5 } 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__ */ jsx5(
+      TwoColumnPageSkeleton,
+      {
+        mainSections: 2,
+        sidebarSections: 2
+      }
+    );
+  }
+  const typedOffer = offer;
+  return /* @__PURE__ */ jsx5(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs5(TwoColumnPage, { data: typedOffer, hasOutlet: true, children: [
+    /* @__PURE__ */ jsxs5(TwoColumnPage.Main, { children: [
+      /* @__PURE__ */ jsx5(OfferGeneralSection, { offer: typedOffer }),
+      /* @__PURE__ */ jsx5(OfferInventorySection, { offer: typedOffer })
+    ] }),
+    /* @__PURE__ */ jsxs5(TwoColumnPage.Sidebar, { children: [
+      /* @__PURE__ */ jsx5(OfferVariantSection, { offer: typedOffer }),
+      /* @__PURE__ */ jsx5(OfferPricingSection, { offer: typedOffer })
+    ] })
+  ] }) });
+};
+var OfferDetailPage = Object.assign(Root, {
+  Main: TwoColumnPage.Main,
+  Sidebar: TwoColumnPage.Sidebar,
+  General: OfferGeneralSection,
+  Inventory: OfferInventorySection,
+  Variant: OfferVariantSection,
+  Pricing: OfferPricingSection
+});
+var Component3 = Root;
+export {
+  Component3 as Component,
+  OfferDetailPage
+};

package/dist/offer-edit-page-DYQFU6JU.js

@@ -0,0 +1,151 @@
+import {
+  OFFER_DETAIL_FIELDS
+} from "./chunk-RXZFEFNV.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-GDWBOQI5.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useShippingProfiles
+} from "./chunk-IQWK723D.js";
+import {
+  useOffer,
+  useUpdateOffer
+} from "./chunk-UORPTGV2.js";
+import {
+  useDocumentDirection
+} from "./chunk-Y7QKP6QU.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-RIN4CBRB.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/offers/[id]/edit/offer-edit-page.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/pages/offers/[id]/edit/edit-offer-form/edit-offer-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Input, Select, toast } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+
+// src/pages/offers/[id]/edit/edit-offer-form/schema.ts
+import { z } from "zod";
+var EditOfferSchema = z.object({
+  sku: z.string().min(1).max(64),
+  shipping_profile_id: z.string().min(1),
+  metadata: z.record(z.string(), z.unknown()).nullish()
+});
+
+// src/pages/offers/[id]/edit/edit-offer-form/edit-offer-form.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditOfferForm = ({ offer }) => {
+  const { t } = useTranslation();
+  const dir = useDocumentDirection();
+  const { handleSuccess } = useRouteModal();
+  const { shipping_profiles } = useShippingProfiles({ limit: 1e3 });
+  const form = useForm({
+    defaultValues: {
+      sku: offer.sku ?? "",
+      shipping_profile_id: offer.shipping_profile_id ?? "",
+      metadata: offer.metadata ?? null
+    },
+    resolver: zodResolver(EditOfferSchema)
+  });
+  const { mutateAsync, isPending } = useUpdateOffer(offer.id);
+  const handleSubmit = form.handleSubmit(async (values) => {
+    await mutateAsync(
+      {
+        sku: values.sku,
+        shipping_profile_id: values.shipping_profile_id,
+        metadata: values.metadata ?? void 0
+      },
+      {
+        onSuccess: () => {
+          toast.success(t("offers.edit.successToast"));
+          handleSuccess();
+        },
+        onError: (error) => toast.error(error.message)
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex flex-1 flex-col overflow-hidden",
+      "data-testid": "offer-edit-form",
+      children: [
+        /* @__PURE__ */ jsxs(RouteDrawer.Body, { className: "flex flex-1 flex-col gap-y-4 overflow-auto", children: [
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "sku",
+              render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                /* @__PURE__ */ jsx(Form.Label, { children: t("offers.fields.sku") }),
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { maxLength: 64, autoComplete: "off", ...field }) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "shipping_profile_id",
+              render: ({ field: { ref: _r, onChange, ...f } }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                /* @__PURE__ */ jsx(Form.Label, { children: t("offers.fields.shippingProfile") }),
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs(Select, { ...f, onValueChange: onChange, dir, children: [
+                  /* @__PURE__ */ jsx(Select.Trigger, { ref: _r, children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+                  /* @__PURE__ */ jsx(Select.Content, { children: (shipping_profiles ?? []).map((p) => /* @__PURE__ */ jsx(Select.Item, { value: p.id, children: p.name }, p.id)) })
+                ] }) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(Button, { type: "submit", size: "small", isLoading: isPending, children: t("actions.save") })
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+// src/pages/offers/[id]/edit/offer-edit-page.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var OfferEditPage = () => {
+  const { id } = useParams();
+  const { t } = useTranslation2();
+  const {
+    offer,
+    isPending,
+    isError,
+    error
+  } = useOffer(id, { fields: OFFER_DETAIL_FIELDS });
+  if (isError) throw error;
+  const ready = !isPending && !!offer;
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
+    /* @__PURE__ */ jsxs2(RouteDrawer.Header, { children: [
+      /* @__PURE__ */ jsx2(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx2(Heading, { children: t("offers.edit.header") }) }),
+      /* @__PURE__ */ jsx2(RouteDrawer.Description, { className: "sr-only", children: t("offers.edit.description") })
+    ] }),
+    ready && /* @__PURE__ */ jsx2(EditOfferForm, { offer })
+  ] });
+};
+var Component = OfferEditPage;
+export {
+  Component,
+  OfferEditPage
+};