@mercurjs/vendor 2.1.2 → 2.2.0-canary.1

package/dist/offer-create-page-YKMHHTU5.js

@@ -0,0 +1,743 @@
+import {
+  CategoryCell,
+  CategoryHeader,
+  ProductStatusCell,
+  ProductStatusHeader
+} from "./chunk-C2FG3SX2.js";
+import "./chunk-FQERBIVS.js";
+import "./chunk-DB6ANJBO.js";
+import {
+  PlaceholderCell
+} from "./chunk-PHOCVOZ5.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-AIF2KTEE.js";
+import "./chunk-YN3FGNJM.js";
+import "./chunk-KAZ5BYTQ.js";
+import "./chunk-3EF54XFY.js";
+import {
+  DataGrid,
+  createDataGridHelper,
+  createDataGridLocationStockColumns,
+  createDataGridPriceColumns
+} from "./chunk-4LVP635F.js";
+import {
+  defineTabMeta
+} from "./chunk-LEWA4BPH.js";
+import "./chunk-IQPN4PZJ.js";
+import {
+  TabbedForm
+} from "./chunk-LQD232FW.js";
+import "./chunk-TKGWSUEI.js";
+import "./chunk-U2ZFCAPX.js";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-GDWBOQI5.js";
+import "./chunk-3QSRE5LS.js";
+import "./chunk-LRD242C7.js";
+import "./chunk-QHQWEERJ.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+import "./chunk-2MDGYHWN.js";
+import {
+  Thumbnail
+} from "./chunk-WIYFXWRI.js";
+import "./chunk-INNFZYX2.js";
+import {
+  useVariants
+} from "./chunk-T6LHVNWO.js";
+import {
+  usePricePreferences
+} from "./chunk-4S6XGIC6.js";
+import {
+  useCurrentSeller
+} from "./chunk-QT7YFHCA.js";
+import {
+  useShippingProfiles
+} from "./chunk-IQWK723D.js";
+import {
+  useBulkCreateOffers
+} from "./chunk-UORPTGV2.js";
+import {
+  useStockLocations
+} from "./chunk-NBPMNUKZ.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-A5DJIOHN.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-RIN4CBRB.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/offers/create/create-offer-form/create-offer-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, toast } from "@medusajs/ui";
+import { useEffect as useEffect2, useState as useState2 } from "react";
+import { useForm } from "react-hook-form";
+import { useTranslation as useTranslation3 } from "react-i18next";
+
+// src/pages/offers/create/create-offer-form/create-offer-catalogue.tsx
+import { Checkbox } from "@medusajs/ui";
+import { keepPreviousData } from "@tanstack/react-query";
+import {
+  createColumnHelper
+} from "@tanstack/react-table";
+import { useEffect, useMemo, useState } from "react";
+import { useFormContext } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+
+// src/hooks/table/query/use-product-variants-table-query.tsx
+var DEFAULT_FIELDS = "*options,*inventory_items,*inventory_items.inventory,*inventory_items.inventory.location_levels";
+var useProductVariantsTableQuery = ({
+  prefix,
+  pageSize = 10
+}) => {
+  const queryObject = useQueryParams(
+    [
+      "offset",
+      "order",
+      "q",
+      "id",
+      "sku",
+      "title",
+      "manage_inventory",
+      "allow_backorder",
+      "created_at",
+      "updated_at"
+    ],
+    prefix
+  );
+  const {
+    offset,
+    order,
+    q,
+    id,
+    sku,
+    title,
+    manage_inventory,
+    allow_backorder,
+    created_at,
+    updated_at
+  } = queryObject;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    fields: DEFAULT_FIELDS,
+    order,
+    q,
+    id: id ? id.split(",") : void 0,
+    sku: sku ? sku.split(",") : void 0,
+    title: title ? title.split(",") : void 0,
+    manage_inventory: manage_inventory ? manage_inventory === "true" : void 0,
+    allow_backorder: allow_backorder ? allow_backorder === "true" : void 0,
+    created_at: created_at ? JSON.parse(created_at) : void 0,
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0
+  };
+  return {
+    searchParams,
+    raw: queryObject
+  };
+};
+
+// src/pages/offers/create/create-offer-form/create-offer-catalogue.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var PAGE_SIZE = 10;
+var FIELDS = [
+  "id",
+  "title",
+  "sku",
+  "ean",
+  "upc",
+  "product_id",
+  "product.id",
+  "product.title",
+  "product.thumbnail",
+  "product.status",
+  "product.categories.id",
+  "product.categories.name"
+].join(",");
+var Root = () => {
+  const { t } = useTranslation();
+  const form = useFormContext();
+  const initialSelection = (form.getValues("selected_variant_ids") ?? []).reduce(
+    (acc, id) => {
+      acc[id] = true;
+      return acc;
+    },
+    {}
+  );
+  const [rowSelection, setRowSelection] = useState(initialSelection);
+  const updater = (fn) => {
+    const state = typeof fn === "function" ? fn(rowSelection) : fn;
+    setRowSelection(state);
+    const ids = Object.keys(state);
+    form.setValue("selected_variant_ids", ids, {
+      shouldDirty: true,
+      shouldTouch: true,
+      shouldValidate: true
+    });
+  };
+  const { searchParams, raw } = useProductVariantsTableQuery({
+    pageSize: PAGE_SIZE
+  });
+  const {
+    variants,
+    count,
+    isPending: isLoading,
+    isError,
+    error
+  } = useVariants(
+    { ...searchParams, fields: FIELDS },
+    { placeholderData: keepPreviousData }
+  );
+  const columns = useColumns();
+  const { table } = useDataTable({
+    data: variants ?? [],
+    columns,
+    enablePagination: true,
+    enableRowSelection: true,
+    getRowId: (row) => row.id,
+    pageSize: PAGE_SIZE,
+    count,
+    rowSelection: {
+      state: rowSelection,
+      updater
+    }
+  });
+  useEffect(() => {
+    void form.trigger("selected_variant_ids");
+  }, [rowSelection, form]);
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex size-full flex-col",
+      "data-testid": "offer-create-tab-catalogue",
+      children: [
+        /* @__PURE__ */ jsx(
+          _DataTable,
+          {
+            table,
+            count,
+            columns,
+            pageSize: PAGE_SIZE,
+            isLoading,
+            orderBy: [
+              { key: "title", label: t("fields.title") },
+              { key: "created_at", label: t("fields.createdAt") },
+              { key: "updated_at", label: t("fields.updatedAt") }
+            ],
+            queryObject: raw,
+            layout: "fill",
+            pagination: true,
+            search: "autofocus"
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-subtle text-ui-fg-subtle border-t px-6 py-4", children: /* @__PURE__ */ jsx("span", { className: "txt-small", children: t("offers.create.tip") }) })
+      ]
+    }
+  );
+};
+var columnHelper = createColumnHelper();
+var useColumns = () => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      columnHelper.display({
+        id: "select",
+        header: ({ table }) => /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
+            onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value),
+            "data-testid": "offer-create-catalogue-select-all-checkbox"
+          }
+        ),
+        cell: ({ row }) => /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: row.getIsSelected(),
+            onCheckedChange: (value) => row.toggleSelected(!!value),
+            onClick: (e) => e.stopPropagation(),
+            "data-testid": `offer-create-catalogue-select-checkbox-${row.original.id}`
+          }
+        )
+      }),
+      columnHelper.display({
+        id: "title",
+        header: t("fields.title"),
+        cell: ({ row }) => {
+          const variant = row.original;
+          const title = variant.title ?? "";
+          if (!title) return /* @__PURE__ */ jsx(PlaceholderCell, {});
+          return /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full max-w-[320px] items-center gap-x-3 overflow-hidden", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-fit flex-shrink-0", children: /* @__PURE__ */ jsx(Thumbnail, { src: variant.product?.thumbnail ?? null }) }),
+            /* @__PURE__ */ jsx("span", { className: "truncate", title, children: title })
+          ] });
+        }
+      }),
+      columnHelper.display({
+        id: "categories",
+        header: () => /* @__PURE__ */ jsx(CategoryHeader, {}),
+        cell: ({ row }) => /* @__PURE__ */ jsx(CategoryCell, { categories: row.original.product?.categories })
+      }),
+      columnHelper.accessor("sku", {
+        header: t("fields.sku"),
+        cell: ({ getValue }) => {
+          const sku = getValue();
+          if (!sku) return /* @__PURE__ */ jsx(PlaceholderCell, {});
+          return /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: sku }) });
+        }
+      }),
+      columnHelper.accessor("ean", {
+        header: t("offers.fields.ean"),
+        cell: ({ getValue }) => {
+          const value = getValue();
+          if (!value) return /* @__PURE__ */ jsx(PlaceholderCell, {});
+          return /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: value }) });
+        }
+      }),
+      columnHelper.accessor("upc", {
+        header: t("offers.fields.upc"),
+        cell: ({ getValue }) => {
+          const value = getValue();
+          if (!value) return /* @__PURE__ */ jsx(PlaceholderCell, {});
+          return /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: value }) });
+        }
+      }),
+      columnHelper.display({
+        id: "status",
+        header: () => /* @__PURE__ */ jsx(ProductStatusHeader, {}),
+        cell: ({ row }) => {
+          const status = row.original.product?.status;
+          if (!status) return /* @__PURE__ */ jsx(PlaceholderCell, {});
+          return /* @__PURE__ */ jsx(ProductStatusCell, { status });
+        }
+      })
+    ],
+    [t]
+  );
+};
+Root._tabMeta = defineTabMeta({
+  id: "catalogue",
+  labelKey: "offers.create.tabs.catalogue",
+  validationFields: ["selected_variant_ids"]
+});
+var CreateOfferCatalogueTab = Root;
+
+// src/pages/offers/create/create-offer-form/create-offer-stock-levels-and-prices.tsx
+import { useMemo as useMemo2 } from "react";
+import { useFormContext as useFormContext2, useWatch } from "react-hook-form";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Root2 = () => {
+  const form = useFormContext2();
+  const { setCloseOnEscape } = useRouteModal();
+  const { currency_code } = useCurrentSeller();
+  const { stock_locations } = useStockLocations({ limit: 100 });
+  const { shipping_profiles } = useShippingProfiles({ limit: 100 });
+  const { price_preferences: pricePreferences } = usePricePreferences({});
+  const variants = useWatch({
+    control: form.control,
+    name: "variants"
+  });
+  const columns = useColumns2({
+    currencyCode: currency_code,
+    stockLocations: stock_locations,
+    shippingProfiles: shipping_profiles ?? [],
+    pricePreferences
+  });
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      className: "flex size-full flex-col overflow-hidden",
+      "data-testid": "offer-create-tab-stockLevelsAndPrices",
+      children: /* @__PURE__ */ jsx2(
+        DataGrid,
+        {
+          columns,
+          data: variants ?? [],
+          state: form,
+          onEditingChange: (editing) => setCloseOnEscape(!editing)
+        }
+      )
+    }
+  );
+};
+var columnHelper2 = createDataGridHelper();
+var useColumns2 = ({
+  currencyCode,
+  stockLocations = [],
+  shippingProfiles = [],
+  pricePreferences = []
+}) => {
+  const { t } = useTranslation2();
+  return useMemo2(() => {
+    const shippingProfileOptions = shippingProfiles.map((p) => ({
+      value: p.id,
+      label: p.name ?? p.id
+    }));
+    const currencies = currencyCode ? [currencyCode] : [];
+    return [
+      columnHelper2.column({
+        id: "title",
+        header: t("fields.title"),
+        cell: (context) => {
+          const entity = context.row.original;
+          const title = entity.variant_title || "";
+          return /* @__PURE__ */ jsx2(DataGrid.ReadonlyCell, { context, children: /* @__PURE__ */ jsxs2("div", { className: "flex h-full w-full items-center gap-x-2 overflow-hidden", children: [
+            /* @__PURE__ */ jsx2(Thumbnail, { src: entity.product_thumbnail ?? null }),
+            /* @__PURE__ */ jsx2("span", { className: "truncate", title, children: title })
+          ] }) });
+        },
+        disableHiding: true
+      }),
+      columnHelper2.column({
+        id: "sku",
+        name: t("fields.sku"),
+        header: t("fields.sku"),
+        field: (context) => `variants.${context.row.index}.sku`,
+        type: "text",
+        cell: (context) => /* @__PURE__ */ jsx2(DataGrid.TextCell, { context })
+      }),
+      columnHelper2.column({
+        id: "shipping_profile",
+        name: t("shippingProfile.domain"),
+        header: t("shippingProfile.domain"),
+        field: (context) => `variants.${context.row.index}.shipping_profile_id`,
+        type: "select",
+        cell: (context) => /* @__PURE__ */ jsx2(
+          DataGrid.SelectCell,
+          {
+            context,
+            options: shippingProfileOptions,
+            placeholder: t("shippingProfile.domain")
+          }
+        )
+      }),
+      ...createDataGridLocationStockColumns({
+        stockLocations,
+        getFieldName: (context, index) => {
+          const location = stockLocations[index];
+          if (!location) return null;
+          return `variants.${context.row.index}.inventory.${location.id}`;
+        },
+        t
+      }),
+      ...createDataGridPriceColumns({
+        currencies,
+        pricePreferences,
+        getFieldName: (context, value) => {
+          if (context.column.id?.startsWith("currency_prices")) {
+            return `variants.${context.row.index}.prices.${value}`;
+          }
+          return null;
+        },
+        t
+      })
+    ];
+  }, [t, currencyCode, stockLocations, shippingProfiles, pricePreferences]);
+};
+Root2._tabMeta = defineTabMeta({
+  id: "stockLevelsAndPrices",
+  labelKey: "offers.create.tabs.stockLevelsAndPrices"
+});
+var CreateOfferStockLevelsAndPricesTab = Root2;
+
+// src/pages/offers/create/create-offer-form/schema.ts
+import { z } from "zod";
+var VariantRowSchema = z.object({
+  variant_id: z.string().min(1),
+  product_id: z.string().min(1),
+  product_title: z.string(),
+  variant_title: z.string(),
+  product_thumbnail: z.string().nullish(),
+  variant_sku: z.string().nullish(),
+  sku: z.string().max(64).default(""),
+  shipping_profile_id: z.string().default(""),
+  prices: z.record(z.string(), z.union([z.coerce.number().min(0), z.literal("")])).default({}),
+  inventory: z.record(
+    z.string(),
+    z.object({
+      checked: z.boolean().default(false),
+      quantity: z.union([z.coerce.number().min(0), z.literal("")]).default(""),
+      disabledToggle: z.boolean().optional()
+    })
+  ).default({})
+});
+var CreateOfferSchema = z.object({
+  selected_variant_ids: z.array(z.string().min(1)).min(1),
+  variants: z.array(VariantRowSchema).min(1)
+});
+var numericOrZero = (v) => {
+  if (v === "" || v === null || v === void 0) return 0;
+  return Number(v) || 0;
+};
+var isVariantRowPublishable = (row) => {
+  const hasSku = !!row.sku && row.sku.trim().length > 0;
+  const hasShipping = !!row.shipping_profile_id && row.shipping_profile_id.length > 0;
+  const hasEnabledLocation = Object.values(row.inventory ?? {}).some(
+    (v) => v.checked
+  );
+  const hasNonZeroPrice = Object.values(row.prices ?? {}).some(
+    (v) => numericOrZero(v) > 0
+  );
+  return hasSku || hasShipping || hasEnabledLocation || hasNonZeroPrice;
+};
+var variantRowRequiresSku = (row) => {
+  const hasEnabledLocation = Object.values(row.inventory ?? {}).some(
+    (v) => v.checked
+  );
+  const hasNonZeroPrice = Object.values(row.prices ?? {}).some(
+    (v) => numericOrZero(v) > 0
+  );
+  return hasEnabledLocation || hasNonZeroPrice;
+};
+
+// src/pages/offers/create/create-offer-form/create-offer-form.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var DEFAULTS = {
+  selected_variant_ids: [],
+  variants: []
+};
+var numericOrZero2 = (v) => {
+  if (v === "" || v === null || v === void 0) return 0;
+  return Number(v) || 0;
+};
+var attachErrorToRow = (message, rows, form) => {
+  const variantMatch = message.match(/variant[^a-z0-9]*(?:with id[^a-z0-9]*)?['"`]?(var(?:iant)?_[A-Za-z0-9]+)/i);
+  if (variantMatch) {
+    const target = rows.find((r) => r.row.variant_id === variantMatch[1]);
+    if (target) {
+      form.setError(`variants.${target.index}.sku`, { type: "manual", message });
+      return true;
+    }
+  }
+  const skuMatch = message.match(/sku\s+['"`]([^'"`]+)['"`]/i) || message.match(/duplicate[^']*['"`]([^'"`]+)['"`]/i);
+  if (skuMatch) {
+    const target = rows.find((r) => r.sku === skuMatch[1]);
+    if (target) {
+      form.setError(`variants.${target.index}.sku`, { type: "manual", message });
+      return true;
+    }
+  }
+  return false;
+};
+var CreateOfferForm = () => {
+  const { t } = useTranslation3();
+  const { handleSuccess } = useRouteModal();
+  const [isSubmitting, setIsSubmitting] = useState2(false);
+  const form = useForm({
+    defaultValues: DEFAULTS,
+    resolver: zodResolver(CreateOfferSchema)
+  });
+  const { mutateAsync: bulkCreateOffers } = useBulkCreateOffers();
+  const { currency_code } = useCurrentSeller();
+  const { stock_locations } = useStockLocations({ limit: 100 });
+  const locationIds = (stock_locations ?? []).map((l) => l.id);
+  const selectedVariantIds = form.watch("selected_variant_ids") ?? [];
+  const selectedVariantIdsKey = selectedVariantIds.join(",");
+  const locationsKey = locationIds.join(",");
+  const { variants: fetchedVariants } = useVariants(
+    {
+      id: selectedVariantIds,
+      limit: selectedVariantIds.length || 1,
+      fields: "id,title,sku,product_id,product.id,product.title,product.thumbnail"
+    },
+    { enabled: selectedVariantIds.length > 0 }
+  );
+  useEffect2(() => {
+    const ids = selectedVariantIdsKey ? selectedVariantIdsKey.split(",") : [];
+    const locIds = locationsKey ? locationsKey.split(",") : [];
+    const emptyPrices = currency_code ? { [currency_code]: "" } : {};
+    const emptyInventory = locIds.reduce((acc, locId) => {
+      acc[locId] = { checked: false, quantity: "", disabledToggle: false };
+      return acc;
+    }, {});
+    const existing = form.getValues("variants") ?? [];
+    const existingByVariantId = new Map(
+      existing.map((row) => [row.variant_id, row])
+    );
+    const next = [];
+    for (const variantId of ids) {
+      const previous = existingByVariantId.get(variantId);
+      if (previous) {
+        next.push({
+          ...previous,
+          prices: { ...emptyPrices, ...previous.prices ?? {} },
+          inventory: { ...emptyInventory, ...previous.inventory ?? {} }
+        });
+        continue;
+      }
+      const fetched = (fetchedVariants ?? []).find((v) => v.id === variantId);
+      if (!fetched) continue;
+      next.push({
+        variant_id: variantId,
+        product_id: fetched.product_id ?? fetched.product?.id ?? "",
+        product_title: fetched.product?.title ?? "",
+        variant_title: fetched.title ?? variantId,
+        product_thumbnail: fetched.product?.thumbnail ?? null,
+        variant_sku: fetched.sku ?? null,
+        sku: fetched.sku ?? "",
+        shipping_profile_id: "",
+        prices: { ...emptyPrices },
+        inventory: { ...emptyInventory }
+      });
+    }
+    form.setValue("variants", next, { shouldDirty: false });
+  }, [
+    selectedVariantIdsKey,
+    fetchedVariants,
+    currency_code,
+    locationsKey,
+    form
+  ]);
+  const handleSubmit = form.handleSubmit(async (values) => {
+    const variants = values.variants ?? [];
+    const publishable = variants.filter((v) => isVariantRowPublishable(v));
+    if (publishable.length === 0) {
+      toast.error(t("offers.validation.noPublishableRows"));
+      return;
+    }
+    let hasValidationError = false;
+    const skuSeen = /* @__PURE__ */ new Map();
+    for (let i = 0; i < variants.length; i++) {
+      const row = variants[i];
+      if (!isVariantRowPublishable(row)) continue;
+      const sku = (row.sku ?? "").trim();
+      if (variantRowRequiresSku(row) && !sku) {
+        form.setError(`variants.${i}.sku`, {
+          type: "manual",
+          message: t("offers.validation.skuRequired")
+        });
+        hasValidationError = true;
+        continue;
+      }
+      if (sku) {
+        if (skuSeen.has(sku)) {
+          form.setError(`variants.${i}.sku`, {
+            type: "manual",
+            message: t("offers.validation.duplicateSku")
+          });
+          hasValidationError = true;
+          continue;
+        }
+        skuSeen.set(sku, i);
+      }
+      if (!row.shipping_profile_id) {
+        form.setError(`variants.${i}.shipping_profile_id`, {
+          type: "manual",
+          message: t("offers.validation.skuRequired")
+        });
+        hasValidationError = true;
+      }
+    }
+    if (hasValidationError) return;
+    setIsSubmitting(true);
+    const publishableRows = [];
+    for (let i = 0; i < variants.length; i++) {
+      const row = variants[i];
+      if (!isVariantRowPublishable(row)) continue;
+      const sku = (row.sku ?? "").trim() || row.variant_sku || row.variant_id;
+      publishableRows.push({ row, index: i, sku });
+    }
+    const payloadOffers = publishableRows.map(({ row, sku }) => {
+      const prices = [];
+      if (currency_code) {
+        prices.push({
+          amount: numericOrZero2(row.prices?.[currency_code]),
+          currency_code
+        });
+      }
+      const stock_levels = [];
+      for (const [locationId, level] of Object.entries(row.inventory ?? {})) {
+        if (!level?.checked) continue;
+        stock_levels.push({
+          location_id: locationId,
+          stocked_quantity: numericOrZero2(level.quantity)
+        });
+      }
+      return {
+        sku,
+        variant_id: row.variant_id,
+        shipping_profile_id: row.shipping_profile_id,
+        prices,
+        inventory_items: [
+          {
+            title: row.variant_title,
+            stock_levels
+          }
+        ]
+      };
+    });
+    try {
+      await bulkCreateOffers({ offers: payloadOffers });
+      toast.success(t("offers.create.successToast"));
+      handleSuccess("/offers");
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Unknown error";
+      const attributed = attachErrorToRow(message, publishableRows, form);
+      if (!attributed) {
+        toast.error(message);
+      }
+    } finally {
+      setIsSubmitting(false);
+    }
+  });
+  return /* @__PURE__ */ jsxs3(
+    TabbedForm,
+    {
+      form,
+      onSubmit: handleSubmit,
+      isLoading: isSubmitting,
+      footer: ({ isLastTab, onNext, isLoading }) => /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-end gap-x-2", children: [
+        /* @__PURE__ */ jsx3(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx3(Button, { variant: "secondary", size: "small", children: t("actions.cancel") }) }),
+        isLastTab ? /* @__PURE__ */ jsx3(
+          Button,
+          {
+            type: "submit",
+            variant: "primary",
+            size: "small",
+            isLoading,
+            "data-testid": "offer-create-publish",
+            children: t("offers.create.publish")
+          },
+          "publish-button"
+        ) : /* @__PURE__ */ jsx3(
+          Button,
+          {
+            type: "button",
+            variant: "primary",
+            size: "small",
+            onClick: () => onNext(),
+            disabled: (form.watch("selected_variant_ids")?.length ?? 0) === 0,
+            children: t("actions.continue")
+          },
+          "next-button"
+        )
+      ] }),
+      children: [
+        /* @__PURE__ */ jsx3(CreateOfferCatalogueTab, {}),
+        /* @__PURE__ */ jsx3(CreateOfferStockLevelsAndPricesTab, {})
+      ]
+    }
+  );
+};
+
+// src/pages/offers/create/offer-create-page.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var OfferCreatePage = () => /* @__PURE__ */ jsxs4(RouteFocusModal, { children: [
+  /* @__PURE__ */ jsx4(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx4("span", { className: "sr-only", children: "Create offer" }) }),
+  /* @__PURE__ */ jsx4(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsx4("span", { className: "sr-only", children: "Select variants and configure stock levels and prices to create offers." }) }),
+  /* @__PURE__ */ jsx4(CreateOfferForm, {})
+] });
+var Component = OfferCreatePage;
+export {
+  Component,
+  OfferCreatePage
+};