@mercurjs/admin 2.2.0-canary.1 → 2.2.0-canary.12

package/dist/{chunk-LT3REHJG.js → chunk-F52JLHE3.js}

@@ -1,9 +1,6 @@
 import {
   SortableList
 } from "./chunk-IIFQ7KYL.js";
-import {
-  HandleInput
-} from "./chunk-HJ56YXBU.js";
 import {
   UploadMediaFormItem
 } from "./chunk-26UTIAAZ.js";
@@ -13,7 +10,10 @@ import {
   decorateVariantsWithDefaultValues,
   generateVariantsFromAttributes,
   normalizeProductFormValues
-} from "./chunk-EREXPX6I.js";
+} from "./chunk-EBYWGIOR.js";
+import {
+  HandleInput
+} from "./chunk-HJ56YXBU.js";
 import {
   useAttributeTableFilters
 } from "./chunk-RT6L7JXU.js";
@@ -22,7 +22,7 @@ import {
 } from "./chunk-4YWKKCTT.js";
 import {
   SingleCategoryCombobox
-} from "./chunk-BHOZKBYY.js";
+} from "./chunk-QUPUWR42.js";
 import {
   useComboboxData
 } from "./chunk-5KGMGL4N.js";
@@ -42,9 +42,8 @@ import {
 } from "./chunk-YGRTRAWX.js";
 import {
   DataGrid,
-  createDataGridHelper,
-  createDataGridPriceColumns
-} from "./chunk-V6OGMYAI.js";
+  createDataGridHelper
+} from "./chunk-KT7X72J4.js";
 import {
   RouteFocusModal,
   StackedFocusModal,
@@ -59,7 +58,7 @@ import {
 } from "./chunk-LYZT5REU.js";
 import {
   require_dist
-} from "./chunk-2MDGYHWN.js";
+} from "./chunk-UCYSCKZV.js";
 import {
   useProductAttributes
 } from "./chunk-533GMKEG.js";
@@ -69,18 +68,15 @@ import {
 import {
   useStore
 } from "./chunk-FXWKGNRV.js";
-import {
-  usePricePreferences
-} from "./chunk-VDKOJ5WD.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 import {
   useSalesChannel
-} from "./chunk-S5BJ5CMF.js";
+} from "./chunk-6FHQCLHQ.js";
 import {
   useCreateProduct
-} from "./chunk-2YYXP6XI.js";
+} from "./chunk-H3MAUKL7.js";
 import {
   sdk
 } from "./chunk-ZBWL72TB.js";
@@ -90,13 +86,13 @@ import {
 
 // src/pages/products/product-create/product-create.tsx
 import { Children as Children2 } from "react";
-import { useTranslation as useTranslation11 } from "react-i18next";
+import { useTranslation as useTranslation10 } from "react-i18next";
 
 // src/pages/products/product-create/components/product-create-form/product-create-form.tsx
-import { Button as Button4, toast } from "@medusajs/ui";
-import { useCallback, useEffect as useEffect3, useMemo as useMemo4, Children } from "react";
-import { useForm, useWatch as useWatch4 } from "react-hook-form";
-import { useTranslation as useTranslation10 } from "react-i18next";
+import { Button as Button3, toast } from "@medusajs/ui";
+import { useEffect as useEffect3, useMemo as useMemo4, Children } from "react";
+import { useForm, useWatch as useWatch3 } from "react-hook-form";
+import { useTranslation as useTranslation9 } from "react-i18next";
 
 // src/pages/products/product-create/components/product-create-attributes-form/product-create-attributes-form.tsx
 var import_types = __toESM(require_dist(), 1);
@@ -1437,7 +1433,7 @@ var ProductCreateVariantsSection = () => {
                               }
                             ),
                             /* @__PURE__ */ jsx5(SortableList.DragHandle, {}),
-                            variantAxes.map((axis, i) => /* @__PURE__ */ jsx5(Text3, { size: "small", leading: "compact", children: item.attribute_values?.[axis.title] ?? "-" }, i))
+                            variantAxes.map((axis, i) => /* @__PURE__ */ jsx5(Text3, { size: "small", leading: "compact", children: item.options?.[axis.title] ?? "-" }, i))
                           ]
                         }
                       )
@@ -1505,226 +1501,13 @@ var Header = () => {
   );
 };
 
-// src/pages/products/product-create/components/product-create-inventory-kit-form/components/product-create-inventory-kit-section/product-create-inventory-kit-section.tsx
-import { Button as Button3, Heading as Heading4, IconButton as IconButton3, Input as Input3, Label as Label3 } from "@medusajs/ui";
-import { useFieldArray as useFieldArray4, useWatch as useWatch2 } from "react-hook-form";
-import { XMarkMini as XMarkMini2 } from "@medusajs/icons";
+// src/pages/products/product-create/components/product-create-organize-form/components/product-create-organize-section/product-create-details-organize-section.tsx
+import { Heading as Heading4 } from "@medusajs/ui";
 import { useTranslation as useTranslation7 } from "react-i18next";
 import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
-function InventoryItemRow({
-  variantIndex,
-  inventoryIndex,
-  inventoryItem,
-  isItemOptionDisabled,
-  onRemove
-}) {
-  const form = useTabbedForm();
-  const { t } = useTranslation7();
-  const selectedInventoryItemId = useWatch2({
-    control: form.control,
-    name: `variants.${variantIndex}.inventory.${inventoryIndex}.inventory_item_id`
-  });
-  const items = useComboboxData({
-    queryKey: ["inventory_items"],
-    defaultValueKey: "id",
-    selectedValue: selectedInventoryItemId,
-    queryFn: (params) => sdk.admin.inventoryItems.query(params),
-    getOptions: (data) => data.inventory_items.map((item) => ({
-      label: `${item.title} ${item.sku ? `(${item.sku})` : ""}`,
-      value: item.id
-    }))
-  });
-  return /* @__PURE__ */ jsxs7(
-    "li",
-    {
-      className: "bg-ui-bg-component shadow-elevation-card-rest grid grid-cols-[1fr_28px] items-center gap-1.5 rounded-xl p-1.5",
-      children: [
-        /* @__PURE__ */ jsxs7("div", { className: "grid grid-cols-[min-content,1fr] items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx7("div", { className: "flex items-center px-2 py-1.5", children: /* @__PURE__ */ jsx7(
-            Label3,
-            {
-              size: "xsmall",
-              weight: "plus",
-              className: "text-ui-fg-subtle",
-              htmlFor: `variants.${variantIndex}.inventory.${inventoryIndex}.inventory_item_id`,
-              children: t("fields.item")
-            }
-          ) }),
-          /* @__PURE__ */ jsx7(
-            Form.Field,
-            {
-              control: form.control,
-              name: `variants.${variantIndex}.inventory.${inventoryIndex}.inventory_item_id`,
-              render: ({ field }) => {
-                return /* @__PURE__ */ jsx7(Form.Item, { children: /* @__PURE__ */ jsx7(Form.Control, { children: /* @__PURE__ */ jsx7(
-                  Combobox,
-                  {
-                    ...field,
-                    options: items.options.map((o) => ({
-                      ...o,
-                      disabled: isItemOptionDisabled(o, inventoryIndex)
-                    })),
-                    searchValue: items.searchValue,
-                    onBlur: () => items.onSearchValueChange(""),
-                    onSearchValueChange: items.onSearchValueChange,
-                    fetchNextPage: items.fetchNextPage,
-                    className: "bg-ui-bg-field-component hover:bg-ui-bg-field-component-hover",
-                    placeholder: t("products.create.inventory.itemPlaceholder")
-                  }
-                ) }) });
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx7("div", { className: "flex items-center px-2 py-1.5", children: /* @__PURE__ */ jsx7(
-            Label3,
-            {
-              size: "xsmall",
-              weight: "plus",
-              className: "text-ui-fg-subtle",
-              htmlFor: `variants.${variantIndex}.inventory.${inventoryIndex}.required_quantity`,
-              children: t("fields.quantity")
-            }
-          ) }),
-          /* @__PURE__ */ jsx7(
-            Form.Field,
-            {
-              control: form.control,
-              name: `variants.${variantIndex}.inventory.${inventoryIndex}.required_quantity`,
-              render: ({ field: { onChange, value, ...field } }) => {
-                return /* @__PURE__ */ jsxs7(Form.Item, { children: [
-                  /* @__PURE__ */ jsx7(Form.Control, { children: /* @__PURE__ */ jsx7(
-                    Input3,
-                    {
-                      type: "number",
-                      className: "bg-ui-bg-field-component",
-                      min: 0,
-                      value,
-                      onChange: (e) => {
-                        const value2 = e.target.value;
-                        if (value2 === "") {
-                          onChange(null);
-                        } else {
-                          onChange(Number(value2));
-                        }
-                      },
-                      ...field,
-                      placeholder: t(
-                        "products.create.inventory.quantityPlaceholder"
-                      )
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx7(Form.ErrorMessage, {})
-                ] });
-              }
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx7(
-          IconButton3,
-          {
-            type: "button",
-            size: "small",
-            variant: "transparent",
-            className: "text-ui-fg-muted",
-            onClick: onRemove,
-            children: /* @__PURE__ */ jsx7(XMarkMini2, {})
-          }
-        )
-      ]
-    },
-    inventoryItem.id
-  );
-}
-function VariantSection({ variant, index }) {
-  const form = useTabbedForm();
-  const { t } = useTranslation7();
-  const inventory = useFieldArray4({
-    control: form.control,
-    name: `variants.${index}.inventory`
-  });
-  const inventoryFormData = useWatch2({
-    control: form.control,
-    name: `variants.${index}.inventory`
-  });
-  const isItemOptionDisabled = (option, inventoryIndex) => {
-    return !!inventoryFormData?.some(
-      (i, index2) => index2 != inventoryIndex && i.inventory_item_id === option.value
-    );
-  };
-  return /* @__PURE__ */ jsxs7("div", { className: "grid gap-y-4", children: [
-    /* @__PURE__ */ jsxs7("div", { className: "flex items-start justify-between gap-x-4", children: [
-      /* @__PURE__ */ jsxs7("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ jsx7(Form.Label, { children: variant.title }),
-        /* @__PURE__ */ jsx7(Form.Hint, { children: t("products.create.inventory.label") })
-      ] }),
-      /* @__PURE__ */ jsx7(
-        Button3,
-        {
-          size: "small",
-          variant: "secondary",
-          type: "button",
-          onClick: () => {
-            inventory.append({
-              inventory_item_id: "",
-              required_quantity: ""
-            });
-          },
-          children: t("actions.add")
-        }
-      )
-    ] }),
-    inventory.fields.map((inventoryItem, inventoryIndex) => /* @__PURE__ */ jsx7(
-      InventoryItemRow,
-      {
-        variantIndex: index,
-        inventoryIndex,
-        inventoryItem,
-        isItemOptionDisabled,
-        onRemove: () => inventory.remove(inventoryIndex)
-      },
-      inventoryItem.id
-    ))
-  ] });
-}
-var ProductCreateInventoryKitSection = () => {
-  const form = useTabbedForm();
-  const { t } = useTranslation7();
-  const variants = useFieldArray4({
-    control: form.control,
-    name: "variants"
-  });
-  return /* @__PURE__ */ jsxs7("div", { id: "organize", className: "flex flex-col gap-y-8", children: [
-    /* @__PURE__ */ jsx7(Heading4, { children: t("products.create.inventory.heading") }),
-    variants.fields.filter((v) => v.inventory_kit).map((variant, variantIndex) => /* @__PURE__ */ jsx7(
-      VariantSection,
-      {
-        variant,
-        index: variantIndex
-      },
-      variant.id
-    ))
-  ] });
-};
-
-// src/pages/products/product-create/components/product-create-inventory-kit-form/product-create-inventory-kit-form.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
-var Root3 = () => {
-  return /* @__PURE__ */ jsx8("div", { className: "flex flex-col items-center p-16", "data-testid": "product-create-inventory-kit-form", children: /* @__PURE__ */ jsx8("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", "data-testid": "product-create-inventory-kit-form-content", children: /* @__PURE__ */ jsx8(ProductCreateInventoryKitSection, {}) }) });
-};
-Root3._tabMeta = defineTabMeta({
-  id: "inventory",
-  labelKey: "products.create.tabs.inventory",
-  validationFields: ["variants"]
-});
-var ProductCreateInventoryKitForm = Root3;
-
-// src/pages/products/product-create/components/product-create-organize-form/components/product-create-organize-section/product-create-details-organize-section.tsx
-import { Heading as Heading5 } from "@medusajs/ui";
-import { useTranslation as useTranslation8 } from "react-i18next";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var ProductCreateOrganizationSection = () => {
   const form = useTabbedForm();
-  const { t } = useTranslation8();
+  const { t } = useTranslation7();
   const collections = useComboboxData({
     queryKey: ["product_collections"],
     queryFn: (params) => sdk.admin.collections.query(params),
@@ -1757,9 +1540,9 @@ var ProductCreateOrganizationSection = () => {
       value: seller.id
     }))
   });
-  return /* @__PURE__ */ jsxs8("div", { id: "organize", className: "flex flex-col gap-y-8", "data-testid": "product-create-organize-section", children: [
-    /* @__PURE__ */ jsx9(Heading5, { "data-testid": "product-create-organize-section-heading", children: t("products.organization.header") }),
-    /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs7("div", { id: "organize", className: "flex flex-col gap-y-8", "data-testid": "product-create-organize-section", children: [
+    /* @__PURE__ */ jsx7(Heading4, { "data-testid": "product-create-organize-section-heading", children: t("products.organization.header") }),
+    /* @__PURE__ */ jsx7(
       SwitchBox,
       {
         control: form.control,
@@ -1770,36 +1553,36 @@ var ProductCreateOrganizationSection = () => {
         "data-testid": "product-create-organize-section-discountable-switch"
       }
     ),
-    /* @__PURE__ */ jsxs8("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", "data-testid": "product-create-organize-section-category-collection", children: [
-      /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsxs7("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", "data-testid": "product-create-organize-section-category-collection", children: [
+      /* @__PURE__ */ jsx7(
         Form.Field,
         {
           control: form.control,
           name: "category_id",
           render: ({ field }) => {
-            return /* @__PURE__ */ jsxs8(Form.Item, { "data-testid": "product-create-organize-section-category-item", children: [
-              /* @__PURE__ */ jsx9(Form.Label, { "data-testid": "product-create-organize-section-category-label", children: t("fields.category") }),
-              /* @__PURE__ */ jsx9(Form.Control, { "data-testid": "product-create-organize-section-category-control", children: /* @__PURE__ */ jsx9(
+            return /* @__PURE__ */ jsxs7(Form.Item, { "data-testid": "product-create-organize-section-category-item", children: [
+              /* @__PURE__ */ jsx7(Form.Label, { "data-testid": "product-create-organize-section-category-label", children: t("fields.category") }),
+              /* @__PURE__ */ jsx7(Form.Control, { "data-testid": "product-create-organize-section-category-control", children: /* @__PURE__ */ jsx7(
                 SingleCategoryCombobox,
                 {
                   ...field,
                   "data-testid": "product-create-organize-section-category-input"
                 }
               ) }),
-              /* @__PURE__ */ jsx9(Form.ErrorMessage, {})
+              /* @__PURE__ */ jsx7(Form.ErrorMessage, {})
             ] });
           }
         }
       ),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx7(
         Form.Field,
         {
           control: form.control,
           name: "collection_id",
           render: ({ field }) => {
-            return /* @__PURE__ */ jsxs8(Form.Item, { "data-testid": "product-create-organize-section-collection-item", children: [
-              /* @__PURE__ */ jsx9(Form.Label, { optional: true, "data-testid": "product-create-organize-section-collection-label", children: t("products.fields.collection.label") }),
-              /* @__PURE__ */ jsx9(Form.Control, { "data-testid": "product-create-organize-section-collection-control", children: /* @__PURE__ */ jsx9(
+            return /* @__PURE__ */ jsxs7(Form.Item, { "data-testid": "product-create-organize-section-collection-item", children: [
+              /* @__PURE__ */ jsx7(Form.Label, { optional: true, "data-testid": "product-create-organize-section-collection-label", children: t("products.fields.collection.label") }),
+              /* @__PURE__ */ jsx7(Form.Control, { "data-testid": "product-create-organize-section-collection-control", children: /* @__PURE__ */ jsx7(
                 Combobox,
                 {
                   ...field,
@@ -1810,22 +1593,22 @@ var ProductCreateOrganizationSection = () => {
                   "data-testid": "product-create-organize-section-collection-input"
                 }
               ) }),
-              /* @__PURE__ */ jsx9(Form.ErrorMessage, {})
+              /* @__PURE__ */ jsx7(Form.ErrorMessage, {})
             ] });
           }
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs8("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", "data-testid": "product-create-organize-section-type-tags", children: [
-      /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsxs7("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", "data-testid": "product-create-organize-section-type-tags", children: [
+      /* @__PURE__ */ jsx7(
         Form.Field,
         {
           control: form.control,
           name: "type_id",
           render: ({ field }) => {
-            return /* @__PURE__ */ jsxs8(Form.Item, { "data-testid": "product-create-organize-section-type-item", children: [
-              /* @__PURE__ */ jsx9(Form.Label, { optional: true, "data-testid": "product-create-organize-section-type-label", children: t("products.fields.type.label") }),
-              /* @__PURE__ */ jsx9(Form.Control, { "data-testid": "product-create-organize-section-type-control", children: /* @__PURE__ */ jsx9(
+            return /* @__PURE__ */ jsxs7(Form.Item, { "data-testid": "product-create-organize-section-type-item", children: [
+              /* @__PURE__ */ jsx7(Form.Label, { optional: true, "data-testid": "product-create-organize-section-type-label", children: t("products.fields.type.label") }),
+              /* @__PURE__ */ jsx7(Form.Control, { "data-testid": "product-create-organize-section-type-control", children: /* @__PURE__ */ jsx7(
                 Combobox,
                 {
                   ...field,
@@ -1836,20 +1619,20 @@ var ProductCreateOrganizationSection = () => {
                   "data-testid": "product-create-organize-section-type-input"
                 }
               ) }),
-              /* @__PURE__ */ jsx9(Form.ErrorMessage, {})
+              /* @__PURE__ */ jsx7(Form.ErrorMessage, {})
             ] });
           }
         }
       ),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx7(
         Form.Field,
         {
           control: form.control,
           name: "tags",
           render: ({ field }) => {
-            return /* @__PURE__ */ jsxs8(Form.Item, { "data-testid": "product-create-organize-section-tags-item", children: [
-              /* @__PURE__ */ jsx9(Form.Label, { optional: true, "data-testid": "product-create-organize-section-tags-label", children: t("products.fields.tags.label") }),
-              /* @__PURE__ */ jsx9(Form.Control, { "data-testid": "product-create-organize-section-tags-control", children: /* @__PURE__ */ jsx9(
+            return /* @__PURE__ */ jsxs7(Form.Item, { "data-testid": "product-create-organize-section-tags-item", children: [
+              /* @__PURE__ */ jsx7(Form.Label, { optional: true, "data-testid": "product-create-organize-section-tags-label", children: t("products.fields.tags.label") }),
+              /* @__PURE__ */ jsx7(Form.Control, { "data-testid": "product-create-organize-section-tags-control", children: /* @__PURE__ */ jsx7(
                 Combobox,
                 {
                   ...field,
@@ -1860,21 +1643,21 @@ var ProductCreateOrganizationSection = () => {
                   "data-testid": "product-create-organize-section-tags-input"
                 }
               ) }),
-              /* @__PURE__ */ jsx9(Form.ErrorMessage, {})
+              /* @__PURE__ */ jsx7(Form.ErrorMessage, {})
             ] });
           }
         }
       )
     ] }),
-    /* @__PURE__ */ jsx9("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", "data-testid": "product-create-organize-section-stores", children: /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx7("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", "data-testid": "product-create-organize-section-stores", children: /* @__PURE__ */ jsx7(
       Form.Field,
       {
         control: form.control,
         name: "seller_ids",
         render: ({ field }) => {
-          return /* @__PURE__ */ jsxs8(Form.Item, { "data-testid": "product-create-organize-section-stores-item", children: [
-            /* @__PURE__ */ jsx9(Form.Label, { optional: true, "data-testid": "product-create-organize-section-stores-label", children: t("products.fields.stores.label") }),
-            /* @__PURE__ */ jsx9(Form.Control, { "data-testid": "product-create-organize-section-stores-control", children: /* @__PURE__ */ jsx9(
+          return /* @__PURE__ */ jsxs7(Form.Item, { "data-testid": "product-create-organize-section-stores-item", children: [
+            /* @__PURE__ */ jsx7(Form.Label, { optional: true, "data-testid": "product-create-organize-section-stores-label", children: t("products.fields.stores.label") }),
+            /* @__PURE__ */ jsx7(Form.Control, { "data-testid": "product-create-organize-section-stores-control", children: /* @__PURE__ */ jsx7(
               Combobox,
               {
                 ...field,
@@ -1886,7 +1669,7 @@ var ProductCreateOrganizationSection = () => {
                 "data-testid": "product-create-organize-section-stores-input"
               }
             ) }),
-            /* @__PURE__ */ jsx9(Form.ErrorMessage, {})
+            /* @__PURE__ */ jsx7(Form.ErrorMessage, {})
           ] });
         }
       }
@@ -1895,25 +1678,25 @@ var ProductCreateOrganizationSection = () => {
 };
 
 // src/pages/products/product-create/components/product-create-organize-form/product-create-organize-form.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
-var Root4 = () => {
-  return /* @__PURE__ */ jsx10(
+import { jsx as jsx8 } from "react/jsx-runtime";
+var Root3 = () => {
+  return /* @__PURE__ */ jsx8(
     "div",
     {
       className: "flex flex-col items-center p-16",
       "data-testid": "product-create-organize-form",
-      children: /* @__PURE__ */ jsx10(
+      children: /* @__PURE__ */ jsx8(
         "div",
         {
           className: "flex w-full max-w-[720px] flex-col gap-y-8",
           "data-testid": "product-create-organize-form-content",
-          children: /* @__PURE__ */ jsx10(ProductCreateOrganizationSection, {})
+          children: /* @__PURE__ */ jsx8(ProductCreateOrganizationSection, {})
         }
       )
     }
   );
 };
-Root4._tabMeta = defineTabMeta({
+Root3._tabMeta = defineTabMeta({
   id: "organize",
   labelKey: "products.create.tabs.organize",
   validationFields: [
@@ -1932,33 +1715,22 @@ Root4._tabMeta = defineTabMeta({
     "hs_code"
   ]
 });
-var ProductCreateOrganizeForm = Root4;
+var ProductCreateOrganizeForm = Root3;
 
 // src/pages/products/product-create/components/product-create-variants-form/product-create-variants-form.tsx
 import { useMemo as useMemo3 } from "react";
-import { useWatch as useWatch3 } from "react-hook-form";
-import { useTranslation as useTranslation9 } from "react-i18next";
-import { jsx as jsx11 } from "react/jsx-runtime";
-var Root5 = () => {
+import { useWatch as useWatch2 } from "react-hook-form";
+import { useTranslation as useTranslation8 } from "react-i18next";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var Root4 = () => {
   const form = useTabbedForm();
   const { setCloseOnEscape } = useRouteModal();
-  const { store } = useStore({
-    fields: "+default_sales_channel"
-  });
-  const { regions } = useRegions({ limit: 9999 });
-  const { price_preferences: pricePreferences } = usePricePreferences({
-    limit: 9999
-  });
-  const currencyCodes = useMemo3(
-    () => store?.supported_currencies?.map((c) => c.currency_code) || [],
-    [store]
-  );
-  const variants = useWatch3({
+  const variants = useWatch2({
     control: form.control,
     name: "variants",
     defaultValue: []
   });
-  const watchedAttributes = useWatch3({
+  const watchedAttributes = useWatch2({
     control: form.control,
     name: "attributes",
     defaultValue: []
@@ -1969,10 +1741,7 @@ var Root5 = () => {
     }));
   }, [watchedAttributes]);
   const columns = useColumns2({
-    variantAxes,
-    currencies: currencyCodes,
-    regions: regions ?? [],
-    pricePreferences: pricePreferences ?? []
+    variantAxes
   });
   const variantData = useMemo3(() => {
     const ret = [];
@@ -1983,12 +1752,12 @@ var Root5 = () => {
     });
     return ret;
   }, [variants]);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx9(
     "div",
     {
       className: "flex size-full flex-col divide-y overflow-hidden",
       "data-testid": "product-create-variants-form",
-      children: /* @__PURE__ */ jsx11("div", { "data-testid": "product-create-variants-form-datagrid", children: /* @__PURE__ */ jsx11(
+      children: /* @__PURE__ */ jsx9("div", { "data-testid": "product-create-variants-form-datagrid", children: /* @__PURE__ */ jsx9(
         DataGrid,
         {
           columns,
@@ -2000,27 +1769,24 @@ var Root5 = () => {
     }
   );
 };
-Root5._tabMeta = defineTabMeta({
+Root4._tabMeta = defineTabMeta({
   id: "variants",
   labelKey: "products.create.tabs.variants",
   validationFields: ["variants"]
 });
-var ProductCreateVariantsForm = Root5;
+var ProductCreateVariantsForm = Root4;
 var columnHelper2 = createDataGridHelper();
 var useColumns2 = ({
-  variantAxes,
-  currencies = [],
-  regions = [],
-  pricePreferences = []
+  variantAxes
 }) => {
-  const { t } = useTranslation9();
+  const { t } = useTranslation8();
   return useMemo3(
     () => [
       columnHelper2.column({
         id: "attributes",
-        header: () => /* @__PURE__ */ jsx11("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx11("span", { className: "truncate", children: variantAxes.map((a) => a.title).join(" / ") }) }),
+        header: () => /* @__PURE__ */ jsx9("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx9("span", { className: "truncate", children: variantAxes.map((a) => a.title).join(" / ") }) }),
         cell: (context) => {
-          return /* @__PURE__ */ jsx11(DataGrid.ReadonlyCell, { context, children: variantAxes.map((a) => context.row.original.attribute_values?.[a.title]).join(" / ") });
+          return /* @__PURE__ */ jsx9(DataGrid.ReadonlyCell, { context, children: variantAxes.map((a) => context.row.original.options?.[a.title]).join(" / ") });
         },
         disableHiding: true
       }),
@@ -2031,7 +1797,7 @@ var useColumns2 = ({
         field: (context) => `variants.${context.row.original.originalIndex}.title`,
         type: "text",
         cell: (context) => {
-          return /* @__PURE__ */ jsx11(DataGrid.TextCell, { context });
+          return /* @__PURE__ */ jsx9(DataGrid.TextCell, { context });
         }
       }),
       columnHelper2.column({
@@ -2041,72 +1807,24 @@ var useColumns2 = ({
         field: (context) => `variants.${context.row.original.originalIndex}.sku`,
         type: "text",
         cell: (context) => {
-          return /* @__PURE__ */ jsx11(DataGrid.TextCell, { context });
-        }
-      }),
-      columnHelper2.column({
-        id: "manage_inventory",
-        name: t("fields.managedInventory"),
-        header: t("fields.managedInventory"),
-        field: (context) => `variants.${context.row.original.originalIndex}.manage_inventory`,
-        type: "boolean",
-        cell: (context) => {
-          return /* @__PURE__ */ jsx11(DataGrid.BooleanCell, { context });
-        }
-      }),
-      columnHelper2.column({
-        id: "allow_backorder",
-        name: t("fields.allowBackorder"),
-        header: t("fields.allowBackorder"),
-        field: (context) => `variants.${context.row.original.originalIndex}.allow_backorder`,
-        type: "boolean",
-        cell: (context) => {
-          return /* @__PURE__ */ jsx11(DataGrid.BooleanCell, { context });
-        }
-      }),
-      columnHelper2.column({
-        id: "inventory_kit",
-        name: t("fields.inventoryKit"),
-        header: t("fields.inventoryKit"),
-        field: (context) => `variants.${context.row.original.originalIndex}.inventory_kit`,
-        type: "boolean",
-        cell: (context) => {
-          return /* @__PURE__ */ jsx11(
-            DataGrid.BooleanCell,
-            {
-              context,
-              disabled: !context.row.original.manage_inventory
-            }
-          );
+          return /* @__PURE__ */ jsx9(DataGrid.TextCell, { context });
         }
-      }),
-      ...createDataGridPriceColumns({
-        currencies,
-        regions,
-        pricePreferences,
-        getFieldName: (context, value) => {
-          if (context.column.id?.startsWith("currency_prices")) {
-            return `variants.${context.row.original.originalIndex}.prices.${value}`;
-          }
-          return `variants.${context.row.original.originalIndex}.prices.${value}`;
-        },
-        t
       })
     ],
-    [currencies, regions, variantAxes, pricePreferences, t]
+    [variantAxes, t]
   );
 };
 
 // src/pages/products/product-create/components/product-create-form/product-create-form.tsx
 import { zodResolver } from "@hookform/resolvers/zod";
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var SAVE_DRAFT_BUTTON = "save-draft-button";
 var ProductCreateForm = ({
   children,
   schema,
   defaultValues: extraDefaults
 }) => {
-  const { t } = useTranslation10();
+  const { t } = useTranslation9();
   const { handleSuccess } = useRouteModal();
   const form = useForm({
     defaultValues: {
@@ -2137,11 +1855,7 @@ var ProductCreateForm = ({
       {}
     );
   }, [regions]);
-  const watchedVariants = useWatch4({
-    control: form.control,
-    name: "variants"
-  });
-  const watchedAttributes = useWatch4({
+  const watchedAttributes = useWatch3({
     control: form.control,
     name: "attributes"
   });
@@ -2151,7 +1865,7 @@ var ProductCreateForm = ({
       watchedAttributes ?? [],
       currentVariants
     );
-    if (JSON.stringify(newVariants.map((v) => v.attribute_values)) !== JSON.stringify(currentVariants.map((v) => v.attribute_values))) {
+    if (JSON.stringify(newVariants.map((v) => v.options)) !== JSON.stringify(currentVariants.map((v) => v.options))) {
       form.setValue("variants", newVariants);
     }
   }, [watchedAttributes]);
@@ -2213,47 +1927,30 @@ var ProductCreateForm = ({
       }
     );
   });
-  const transformTabs = useCallback(
-    (tabs) => {
-      const showInventoryTab = watchedVariants?.some((v) => v.manage_inventory && v.inventory_kit) ?? false;
-      return tabs.map((tab) => {
-        if (tab.id === "inventory") {
-          return {
-            ...tab,
-            isVisible: () => showInventoryTab
-          };
-        }
-        return tab;
-      });
-    },
-    [watchedVariants]
-  );
   const defaultTabs = useMemo4(
     () => [
-      /* @__PURE__ */ jsx12(ProductCreateDetailsForm, {}, "details"),
-      /* @__PURE__ */ jsx12(ProductCreateOrganizeForm, {}, "organize"),
-      /* @__PURE__ */ jsx12(ProductCreateAttributesForm, {}, "attributes"),
-      /* @__PURE__ */ jsx12(ProductCreateVariantsForm, {}, "variants"),
-      /* @__PURE__ */ jsx12(ProductCreateInventoryKitForm, {}, "inventory")
+      /* @__PURE__ */ jsx10(ProductCreateDetailsForm, {}, "details"),
+      /* @__PURE__ */ jsx10(ProductCreateOrganizeForm, {}, "organize"),
+      /* @__PURE__ */ jsx10(ProductCreateAttributesForm, {}, "attributes"),
+      /* @__PURE__ */ jsx10(ProductCreateVariantsForm, {}, "variants")
     ],
     []
   );
   const hasCustomChildren = Children.count(children) > 0;
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx10(
     TabbedForm,
     {
       form,
       onSubmit: handleSubmit,
       isLoading: isPending || isRegionsPending,
-      transformTabs,
-      footer: ({ isLastTab, onNext, isLoading }) => /* @__PURE__ */ jsxs9(
+      footer: ({ isLastTab, onNext, isLoading }) => /* @__PURE__ */ jsxs8(
         "div",
         {
           className: "flex items-center justify-end gap-x-2",
           "data-testid": "product-create-form-footer-actions",
           children: [
-            /* @__PURE__ */ jsx12(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx12(
-              Button4,
+            /* @__PURE__ */ jsx10(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx10(
+              Button3,
               {
                 variant: "secondary",
                 size: "small",
@@ -2261,8 +1958,8 @@ var ProductCreateForm = ({
                 children: t("actions.cancel")
               }
             ) }),
-            /* @__PURE__ */ jsx12(
-              Button4,
+            /* @__PURE__ */ jsx10(
+              Button3,
               {
                 "data-name": SAVE_DRAFT_BUTTON,
                 size: "small",
@@ -2273,8 +1970,8 @@ var ProductCreateForm = ({
                 children: t("actions.saveAsDraft")
               }
             ),
-            isLastTab ? /* @__PURE__ */ jsx12(
-              Button4,
+            isLastTab ? /* @__PURE__ */ jsx10(
+              Button3,
               {
                 "data-name": "publish-button",
                 type: "submit",
@@ -2285,8 +1982,8 @@ var ProductCreateForm = ({
                 children: t("actions.publish")
               },
               "submit-button"
-            ) : /* @__PURE__ */ jsx12(
-              Button4,
+            ) : /* @__PURE__ */ jsx10(
+              Button3,
               {
                 type: "button",
                 variant: "primary",
@@ -2306,9 +2003,9 @@ var ProductCreateForm = ({
 };
 
 // src/pages/products/product-create/product-create.tsx
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
-var Root6 = ({ children }) => {
-  const { t } = useTranslation11();
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+var Root5 = ({ children }) => {
+  const { t } = useTranslation10();
   const {
     store,
     isPending: isStorePending,
@@ -2332,20 +2029,19 @@ var Root6 = ({ children }) => {
   if (isSalesChannelError) {
     throw salesChannelError;
   }
-  return /* @__PURE__ */ jsxs10(RouteFocusModal, { children: [
-    /* @__PURE__ */ jsx13(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx13("span", { className: "sr-only", children: t("products.create.title") }) }),
-    /* @__PURE__ */ jsx13(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsx13("span", { className: "sr-only", children: t("products.create.description") }) }),
-    ready && (Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx13(ProductCreateForm, {}))
+  return /* @__PURE__ */ jsxs9(RouteFocusModal, { children: [
+    /* @__PURE__ */ jsx11(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx11("span", { className: "sr-only", children: t("products.create.title") }) }),
+    /* @__PURE__ */ jsx11(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsx11("span", { className: "sr-only", children: t("products.create.description") }) }),
+    ready && (Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx11(ProductCreateForm, {}))
   ] });
 };
-var ProductCreate = Root6;
-var ProductCreatePage = Object.assign(Root6, {
+var ProductCreate = Root5;
+var ProductCreatePage = Object.assign(Root5, {
   Form: ProductCreateForm,
   DetailsTab: ProductCreateDetailsForm,
   OrganizeTab: ProductCreateOrganizeForm,
   AttributesTab: ProductCreateAttributesForm,
   VariantsTab: ProductCreateVariantsForm,
-  InventoryTab: ProductCreateInventoryKitForm,
   Tab: TabbedForm.Tab
 });