@mercurjs/vendor 2.2.1 → 2.3.0-canary.1

package/dist/{create-5RQ32XPT.js → create-SKQAJNDF.js}

@@ -1,32 +1,35 @@
 import {
-  PriceListCreateProductsSchema,
+  PriceListCustomerAvailabilitySelector
+} from "./chunk-FKKI62AC.js";
+import {
+  PriceListCreateOffersSchema,
   PriceListRulesSchema,
   usePriceListCurrencyData,
   usePriceListGridColumns
-} from "./chunk-X6ZQMFCT.js";
-import {
-  exctractPricesFromProducts,
-  isProductRow
-} from "./chunk-BNOKKKUU.js";
-import "./chunk-6IJMSVC6.js";
+} from "./chunk-DAOSTHVB.js";
 import {
-  useProductTableColumns
-} from "./chunk-3GSR455R.js";
-import "./chunk-S2VYK3YC.js";
+  extractPricesFromOffers
+} from "./chunk-KVAD5JGS.js";
 import {
-  useProductTableQuery
-} from "./chunk-BEPAXQMU.js";
+  collectOfferIds,
+  useOfferTableColumns,
+  useOfferTableFilters,
+  useOfferTableQuery
+} from "./chunk-7JVJIAWS.js";
+import "./chunk-5ZHZVKNQ.js";
+import "./chunk-VKOE5J66.js";
+import "./chunk-JHIMVLB2.js";
+import "./chunk-CMHI2RPL.js";
+import "./chunk-6XMUN2BZ.js";
+import "./chunk-WI2ZAFZF.js";
 import "./chunk-FWPGOIFA.js";
-import {
-  useProductTableFilters
-} from "./chunk-ZXDMPIXN.js";
+import "./chunk-U3OEGBHH.js";
 import "./chunk-DB6ANJBO.js";
 import "./chunk-PHOCVOZ5.js";
 import {
   DataGrid
 } from "./chunk-5FBQOAXU.js";
 import "./chunk-IQPN4PZJ.js";
-import "./chunk-SMQT3ZNO.js";
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
@@ -42,27 +45,29 @@ import "./chunk-FQERBIVS.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-IWAL74YU.js";
+} from "./chunk-6GQLSWOO.js";
 import "./chunk-YN3FGNJM.js";
 import "./chunk-KCHYLLVG.js";
 import "./chunk-3EF54XFY.js";
 import "./chunk-THHRRYRS.js";
 import "./chunk-LRD242C7.js";
-import "./chunk-4UQMRTSC.js";
+import "./chunk-VH3TGSWE.js";
 import "./chunk-WIYFXWRI.js";
 import "./chunk-INNFZYX2.js";
+import "./chunk-BDGZ4EQO.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-QHQWEERJ.js";
 import "./chunk-Y7QKP6QU.js";
-import "./chunk-RLRWDHME.js";
+import "./chunk-6YQR2AWM.js";
 import "./chunk-K5324KIX.js";
 import "./chunk-FV76G2D7.js";
 import "./chunk-GHDLST2P.js";
 import "./chunk-YVYYOBAE.js";
 import "./chunk-L2NJPDUD.js";
+import "./chunk-7LIENHWP.js";
 import {
   useCreatePriceList
-} from "./chunk-2S2WK2OG.js";
+} from "./chunk-NV2RZAHW.js";
 import "./chunk-MR6REQKT.js";
 import "./chunk-EPSDO2MJ.js";
 import "./chunk-BHEU34FL.js";
@@ -73,9 +78,12 @@ import "./chunk-J2XUEO2E.js";
 import "./chunk-DETQ6IBQ.js";
 import "./chunk-VWPNMEOE.js";
 import "./chunk-O72AIZUN.js";
-import "./chunk-U5V6HNVW.js";
-import "./chunk-PF7R7LMW.js";
-import "./chunk-OGUTFP6B.js";
+import "./chunk-GL3XVUAY.js";
+import {
+  useOffers
+} from "./chunk-AHR2FIMC.js";
+import "./chunk-JYUHDM23.js";
+import "./chunk-7POOMBIN.js";
 import "./chunk-4U2BLH45.js";
 import {
   useProducts
@@ -103,20 +111,13 @@ import {
   Heading,
   Input,
   RadioGroup,
-  Select,
   Text,
   Textarea
 } from "@medusajs/ui";
-import { useFieldArray } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { jsx, jsxs } from "react/jsx-runtime";
 var PriceListDetailsForm = ({ form }) => {
   const { t } = useTranslation();
-  const { remove: _remove } = useFieldArray({
-    control: form.control,
-    name: "rules.customer_group_id",
-    keyName: "cg_id"
-  });
   return /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col items-center overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8 px-8 py-16", children: [
     /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(Heading, { children: t("priceLists.create.header") }),
@@ -128,227 +129,246 @@ var PriceListDetailsForm = ({ form }) => {
         control: form.control,
         name: "type",
         render: ({ field: { onChange, ...rest } }) => {
-          return /* @__PURE__ */ jsxs(Form.Item, { children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
-              /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx(Form.Label, { children: t("priceLists.fields.type.label") }),
-                /* @__PURE__ */ jsx(Form.Hint, { children: t("priceLists.fields.type.hint") })
-              ] }),
-              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs(
-                RadioGroup,
-                {
-                  onValueChange: onChange,
-                  ...rest,
-                  className: "grid grid-cols-1 gap-4 md:grid-cols-2",
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      RadioGroup.ChoiceBox,
-                      {
-                        value: "sale",
-                        label: t("priceLists.fields.type.options.sale.label"),
-                        description: t(
-                          "priceLists.fields.type.options.sale.description"
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      RadioGroup.ChoiceBox,
-                      {
-                        value: "override",
-                        label: t(
-                          "priceLists.fields.type.options.override.label"
-                        ),
-                        description: t(
-                          "priceLists.fields.type.options.override.description"
-                        )
-                      }
-                    )
-                  ]
-                }
-              ) })
+          return /* @__PURE__ */ jsx(Form.Item, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Form.Label, { children: t("priceLists.fields.type.label") }),
+              /* @__PURE__ */ jsx(Form.Hint, { children: t("priceLists.fields.type.hint") })
             ] }),
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs(
+              RadioGroup,
+              {
+                onValueChange: onChange,
+                ...rest,
+                className: "grid grid-cols-1 gap-4 md:grid-cols-2",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    RadioGroup.ChoiceBox,
+                    {
+                      value: "sale",
+                      label: t("priceLists.fields.type.options.sale.label"),
+                      description: t(
+                        "priceLists.fields.type.options.sale.description"
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    RadioGroup.ChoiceBox,
+                    {
+                      value: "override",
+                      label: t(
+                        "priceLists.fields.type.options.override.label"
+                      ),
+                      description: t(
+                        "priceLists.fields.type.options.override.description"
+                      )
+                    }
+                  )
+                ]
+              }
+            ) }),
             /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-          ] });
+          ] }) });
         }
       }
     ),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1  gap-4 md:grid-cols-2", children: [
-        /* @__PURE__ */ jsx(
-          Form.Field,
-          {
-            control: form.control,
-            name: "title",
-            render: ({ field }) => {
-              return /* @__PURE__ */ jsxs(Form.Item, { children: [
-                /* @__PURE__ */ jsx(Form.Label, { children: t("fields.title") }),
-                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
-                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-              ] });
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Form.Field,
-          {
-            control: form.control,
-            name: "status",
-            render: ({ field: { onChange, ref, ...field } }) => {
-              return /* @__PURE__ */ jsxs(Form.Item, { children: [
-                /* @__PURE__ */ jsx(Form.Label, { children: t("priceLists.fields.status.label") }),
-                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs(Select, { ...field, onValueChange: onChange, children: [
-                  /* @__PURE__ */ jsx(Select.Trigger, { ref, children: /* @__PURE__ */ jsx(Select.Value, {}) }),
-                  /* @__PURE__ */ jsxs(Select.Content, { children: [
-                    /* @__PURE__ */ jsx(Select.Item, { value: "active", children: t("priceLists.fields.status.options.active") }),
-                    /* @__PURE__ */ jsx(Select.Item, { value: "draft", children: t("priceLists.fields.status.options.draft") })
-                  ] })
-                ] }) }),
-                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-              ] });
-            }
-          }
-        )
-      ] }),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "status",
+          render: ({ field: { onChange, ...rest } }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(Form.Label, { children: t("priceLists.fields.status.label") }),
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs(
+              RadioGroup,
+              {
+                onValueChange: onChange,
+                ...rest,
+                className: "grid grid-cols-1 gap-4 md:grid-cols-2",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    RadioGroup.ChoiceBox,
+                    {
+                      value: "draft",
+                      label: t("priceLists.fields.status.options.draft"),
+                      description: t(
+                        "priceLists.fields.status.descriptions.draft"
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    RadioGroup.ChoiceBox,
+                    {
+                      value: "active",
+                      label: t("priceLists.fields.status.options.active"),
+                      description: t(
+                        "priceLists.fields.status.descriptions.active"
+                      )
+                    }
+                  )
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "title",
+          render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(Form.Label, { children: t("fields.title") }),
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+            /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+          ] })
+        }
+      ),
       /* @__PURE__ */ jsx(
         Form.Field,
         {
           control: form.control,
           name: "description",
-          render: ({ field }) => {
-            return /* @__PURE__ */ jsxs(Form.Item, { children: [
-              /* @__PURE__ */ jsx(Form.Label, { children: t("fields.description") }),
-              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Textarea, { ...field }) }),
-              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-            ] });
-          }
+          render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(Form.Label, { children: t("fields.description") }),
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Textarea, { ...field }) }),
+            /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+          ] })
         }
       )
     ] }),
     /* @__PURE__ */ jsx(Divider, {}),
-    /* @__PURE__ */ jsx(
-      Form.Field,
-      {
-        control: form.control,
-        name: "starts_at",
-        render: ({ field }) => {
-          return /* @__PURE__ */ jsxs(Form.Item, { children: [
-            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-                /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("priceLists.fields.startsAt.label") }),
-                /* @__PURE__ */ jsx(Form.Hint, { children: t("priceLists.fields.startsAt.hint") })
-              ] }),
-              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
-                DatePicker,
-                {
-                  granularity: "minute",
-                  shouldCloseOnSelect: false,
-                  ...field
-                }
-              ) })
-            ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "starts_at",
+          render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("priceLists.fields.startsAt.label") }),
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+              DatePicker,
+              {
+                granularity: "minute",
+                shouldCloseOnSelect: false,
+                ...field
+              }
+            ) }),
             /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-          ] });
+          ] })
         }
-      }
-    ),
+      ),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "ends_at",
+          render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("priceLists.fields.endsAt.label") }),
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+              DatePicker,
+              {
+                granularity: "minute",
+                shouldCloseOnSelect: false,
+                ...field
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+          ] })
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsx(Divider, {}),
     /* @__PURE__ */ jsx(
       Form.Field,
       {
         control: form.control,
-        name: "ends_at",
-        render: ({ field }) => {
-          return /* @__PURE__ */ jsxs(Form.Item, { children: [
-            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-                /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("priceLists.fields.endsAt.label") }),
-                /* @__PURE__ */ jsx(Form.Hint, { children: t("priceLists.fields.endsAt.hint") })
-              ] }),
-              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
-                DatePicker,
-                {
-                  granularity: "minute",
-                  shouldCloseOnSelect: false,
-                  ...field
-                }
-              ) })
-            ] }),
-            /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-          ] });
-        }
+        name: "rules.customer_group_id",
+        render: () => /* @__PURE__ */ jsxs(Form.Item, { children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("priceLists.fields.customerAvailability.label") }),
+            /* @__PURE__ */ jsx(Form.Hint, { children: t("priceLists.fields.customerAvailability.hint") })
+          ] }),
+          /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+            PriceListCustomerAvailabilitySelector,
+            {
+              control: form.control,
+              name: "rules.customer_group_id"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+        ] })
       }
     )
   ] }) });
 };
 
 // src/pages/price-lists/create/price-list-create-form/price-list-prices-form.tsx
-import { useEffect } from "react";
+import { buildOfferGridData } from "@mercurjs/dashboard-shared";
+import { useEffect, useMemo } from "react";
 import { useWatch } from "react-hook-form";
 import { jsx as jsx2 } from "react/jsx-runtime";
+var OFFER_GRID_FIELDS = "id,variant_id,product_id,sku,product.title,product.thumbnail";
 var PriceListPricesForm = ({
   form,
   currencies,
   regions,
   pricePreferences
 }) => {
-  const ids = useWatch({
-    control: form.control,
-    name: "product_ids"
-  });
-  const existingProducts = useWatch({
-    control: form.control,
-    name: "products"
-  });
-  const {
-    products: productsRaw,
-    isLoading,
-    isError,
-    error
-  } = useProducts({
-    fields: "title,thumbnail,*variants,+status,*variants.prices"
-  });
-  const products = productsRaw?.filter(
-    (product) => ids.some((id) => id.id === product.id)
-  );
-  const { setCloseOnEscape } = useRouteModal();
   const { setValue } = form;
+  const { setCloseOnEscape } = useRouteModal();
+  const offerIds = useWatch({ control: form.control, name: "offer_ids" });
+  const existingOffers = useWatch({ control: form.control, name: "offers" });
+  const { offers: selectedOffers } = useOffers(
+    {
+      id: offerIds,
+      limit: offerIds?.length || 1,
+      fields: OFFER_GRID_FIELDS
+    },
+    { enabled: (offerIds?.length ?? 0) > 0 }
+  );
+  const productIds = useMemo(
+    () => Array.from(
+      new Set(
+        (selectedOffers ?? []).map((o) => o.product_id)
+      )
+    ),
+    [selectedOffers]
+  );
+  const { products, isLoading } = useProducts(
+    { id: productIds, limit: productIds.length || 1, fields: "id,*variants" },
+    { enabled: productIds.length > 0 }
+  );
+  const { gridData, variantIdByOffer } = useMemo(
+    () => buildOfferGridData(
+      selectedOffers ?? [],
+      products ?? []
+    ),
+    [selectedOffers, products]
+  );
   useEffect(() => {
-    if (!isLoading && products) {
-      products.forEach((product) => {
-        if (existingProducts[product.id] || !product.variants) {
-          return;
-        }
-        setValue(`products.${product.id}.variants`, {
-          ...product.variants.reduce((variants, variant) => {
-            variants[variant.id] = {
-              currency_prices: {},
-              region_prices: {}
-            };
-            return variants;
-          }, {})
+    for (const [offerId, variantId] of Object.entries(variantIdByOffer)) {
+      if (!existingOffers?.[offerId]) {
+        setValue(`offers.${offerId}`, {
+          variant_id: variantId,
+          currency_prices: {},
+          region_prices: {}
         });
-      });
+      }
     }
-  }, [products, existingProducts, isLoading, setValue]);
+  }, [variantIdByOffer, existingOffers, setValue]);
   const columns = usePriceListGridColumns({
     currencies,
     regions,
     pricePreferences
   });
-  if (isError) {
-    throw error;
-  }
   return /* @__PURE__ */ jsx2("div", { className: "flex size-full flex-col divide-y overflow-hidden", children: /* @__PURE__ */ jsx2(
     DataGrid,
     {
       isLoading,
       columns,
-      data: products,
-      getSubRows: (row) => {
-        if (isProductRow(row) && row.variants) {
-          return row.variants;
-        }
-      },
+      data: gridData,
       state: form,
       onEditingChange: (editing) => setCloseOnEscape(!editing)
     }
@@ -361,7 +381,7 @@ import { keepPreviousData } from "@tanstack/react-query";
 import {
   createColumnHelper
 } from "@tanstack/react-table";
-import { useMemo, useState } from "react";
+import { useMemo as useMemo2, useRef, useState } from "react";
 import { useWatch as useWatch2 } from "react-hook-form";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { jsx as jsx3 } from "react/jsx-runtime";
@@ -376,58 +396,47 @@ function getInitialSelection(products) {
 var PriceListProductsForm = ({ form }) => {
   const { t } = useTranslation2();
   const { control, setValue } = form;
-  const selectedIds = useWatch2({
-    control,
-    name: "product_ids"
-  });
-  const productRecords = useWatch2({
-    control,
-    name: "products"
-  });
+  const selectedIds = useWatch2({ control, name: "product_ids" });
   const [rowSelection, setRowSelection] = useState(
     getInitialSelection(selectedIds)
   );
-  const { searchParams, raw } = useProductTableQuery({
+  const { searchParams, raw } = useOfferTableQuery({
     pageSize: PAGE_SIZE,
     prefix: PREFIX
   });
   const { products, count, isLoading, isError, error } = useProducts(
-    { ...searchParams, fields: "+thumbnail" },
-    {
-      placeholderData: keepPreviousData
-    }
+    searchParams,
+    { placeholderData: keepPreviousData }
   );
+  const rows = products ?? [];
+  const offerMeta = useRef({});
+  for (const row of rows) {
+    offerMeta.current[row.id] = collectOfferIds(row);
+  }
   const updater = (fn) => {
     const state = typeof fn === "function" ? fn(rowSelection) : fn;
-    const ids = Object.keys(state);
-    const productRecordKeys = Object.keys(productRecords);
-    const updatedRecords = productRecordKeys.reduce((acc, key) => {
-      if (ids.includes(key)) {
-        acc[key] = productRecords[key];
-      }
-      return acc;
-    }, {});
-    const update = ids.map((id) => ({ id }));
-    setValue("product_ids", update, {
-      shouldDirty: true,
-      shouldTouch: true
-    });
-    setValue("products", updatedRecords, {
-      shouldDirty: true,
-      shouldTouch: true
-    });
+    const productIds = Object.keys(state).filter(
+      (id) => offerMeta.current[id]
+    );
+    const offerIds = Array.from(
+      new Set(productIds.flatMap((id) => offerMeta.current[id] ?? []))
+    );
+    setValue(
+      "product_ids",
+      productIds.map((id) => ({ id })),
+      { shouldDirty: true, shouldTouch: true }
+    );
+    setValue("offer_ids", offerIds, { shouldDirty: true, shouldTouch: true });
     setRowSelection(state);
   };
   const columns = useColumns();
-  const filters = useProductTableFilters();
+  const filters = useOfferTableFilters();
   const { table } = useDataTable({
-    data: products || [],
+    data: rows,
     columns,
     count,
     enablePagination: true,
-    enableRowSelection: (row) => {
-      return !!row.original.variants?.length;
-    },
+    enableRowSelection: (row) => collectOfferIds(row.original).length > 0,
     getRowId: (row) => row.id,
     rowSelection: {
       state: rowSelection,
@@ -451,15 +460,8 @@ var PriceListProductsForm = ({ form }) => {
       layout: "fill",
       orderBy: [
         { key: "title", label: t("fields.title") },
-        { key: "status", label: t("fields.status") },
-        {
-          key: "created_at",
-          label: t("fields.createdAt")
-        },
-        {
-          key: "updated_at",
-          label: t("fields.updatedAt")
-        }
+        { key: "created_at", label: t("fields.createdAt") },
+        { key: "updated_at", label: t("fields.updatedAt") }
       ],
       pagination: true,
       search: true,
@@ -472,41 +474,34 @@ var PriceListProductsForm = ({ form }) => {
 };
 var columnHelper = createColumnHelper();
 var useColumns = () => {
-  const base = useProductTableColumns();
-  return useMemo(
-    () => [
-      columnHelper.display({
-        id: "select",
-        header: ({ table }) => {
-          return /* @__PURE__ */ jsx3(
-            Checkbox,
-            {
-              checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
-              onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value)
-            }
-          );
-        },
-        cell: ({ row }) => {
-          return /* @__PURE__ */ jsx3(
-            Checkbox,
-            {
-              checked: row.getIsSelected(),
-              disabled: !row.getCanSelect(),
-              onCheckedChange: (value) => row.toggleSelected(!!value),
-              onClick: (e) => {
-                e.stopPropagation();
-              }
-            }
-          );
+  const base = useOfferTableColumns();
+  return useMemo2(() => {
+    const selectColumn = columnHelper.display({
+      id: "select",
+      header: ({ table }) => /* @__PURE__ */ jsx3(
+        Checkbox,
+        {
+          checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
+          onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value)
         }
-      }),
-      ...base
-    ],
-    [base]
-  );
+      ),
+      cell: ({ row }) => /* @__PURE__ */ jsx3(
+        Checkbox,
+        {
+          checked: row.getIsSelected(),
+          disabled: !row.getCanSelect(),
+          onCheckedChange: (value) => row.toggleSelected(!!value),
+          onClick: (e) => e.stopPropagation()
+        }
+      )
+    });
+    const informative = base.slice(0, -1);
+    return [selectColumn, ...informative];
+  }, [base]);
 };
 
 // src/pages/price-lists/create/price-list-create-form/schema.ts
+import i18n from "i18next";
 import { z } from "zod";
 var PricingCustomerGroupsArray = z.array(
   z.object({
@@ -517,12 +512,17 @@ var PricingCustomerGroupsArray = z.array(
 var PricingCreateSchema = z.object({
   type: z.enum(["sale", "override"]),
   status: z.enum(["draft", "active"]),
-  title: z.string().min(1),
-  description: z.string().min(1),
+  title: z.string().min(1, i18n.t("priceLists.create.validation.title")),
+  description: z.string().min(1, i18n.t("priceLists.create.validation.description")),
   starts_at: z.date().nullish(),
   ends_at: z.date().nullish(),
   product_ids: z.array(z.object({ id: z.string() })).min(1),
-  products: PriceListCreateProductsSchema,
+  // Offer ids selected in the picker (every variant of the chosen products).
+  // The Prices tab hydrates `offers` from these.
+  offer_ids: z.array(z.string()).default([]),
+  // Offer-keyed prices (offer_id -> { variant_id, prices }), so every price
+  // carries its offer_id rule and stays scoped to that offer.
+  offers: PriceListCreateOffersSchema.default({}),
   rules: PriceListRulesSchema.nullish()
 });
 var PricingDetailsSchema = PricingCreateSchema.pick({
@@ -530,8 +530,7 @@ var PricingDetailsSchema = PricingCreateSchema.pick({
   title: true,
   description: true,
   starts_at: true,
-  ends_at: true,
-  customer_group_ids: true
+  ends_at: true
 });
 var PricingDetailsFields = Object.keys(
   PricingDetailsSchema.shape
@@ -543,7 +542,7 @@ var PricingProductsFields = Object.keys(
   PricingProductsSchema.shape
 );
 var PricingPricesSchema = PricingCreateSchema.pick({
-  products: true
+  offers: true
 });
 var PricingPricesFields = Object.keys(
   PricingPricesSchema.shape
@@ -569,13 +568,14 @@ var PriceListCreateForm = ({
   const form = useForm({
     defaultValues: {
       type: "sale",
-      status: "active",
+      status: "draft",
       title: "",
       description: "",
       starts_at: null,
       ends_at: null,
       product_ids: [],
-      products: {},
+      offer_ids: [],
+      offers: {},
       rules: {
         customer_group_id: []
       }
@@ -584,9 +584,9 @@ var PriceListCreateForm = ({
   });
   const { mutateAsync, isPending } = useCreatePriceList();
   const handleSubmit = form.handleSubmit(async (data) => {
-    const { rules, products } = data;
+    const { rules, offers } = data;
     const rulesPayload = rules?.customer_group_id?.length ? { "customer.groups.id": rules.customer_group_id.map((cg) => cg.id) } : void 0;
-    const prices = exctractPricesFromProducts(products, regions);
+    const prices = extractPricesFromOffers(offers, regions);
     await mutateAsync(
       {
         title: data.title,