@mercurjs/admin 2.0.0-canary.34 → 2.0.0-canary.36

package/dist/{product-create-C4GHUEM5.js → product-create-NVBKO426.js}

@@ -7,15 +7,14 @@ import {
 import {
   ChipInput
 } from "./chunk-NCYTM57J.js";
+import {
+  DataGrid,
+  createDataGridHelper,
+  createDataGridPriceColumns
+} from "./chunk-KUWNYCGL.js";
 import {
   SwitchBox
 } from "./chunk-YVCBMOJG.js";
-import {
-  useSalesChannelTableColumns,
-  useSalesChannelTableEmptyState,
-  useSalesChannelTableFilters,
-  useSalesChannelTableQuery
-} from "./chunk-G4QMLQF2.js";
 import {
   CategoryCombobox
 } from "./chunk-P7G4RY2J.js";
@@ -31,74 +30,71 @@ import {
   UploadMediaFormItem,
   decorateVariantsWithDefaultValues,
   normalizeProductFormValues
-} from "./chunk-GFZ7GOEU.js";
-import "./chunk-IZ5RG5XI.js";
+} from "./chunk-A6Z2Q7D5.js";
+import "./chunk-UXD3VNBO.js";
 import {
-  DataGrid,
-  createDataGridHelper,
-  createDataGridPriceColumns
-} from "./chunk-KUWNYCGL.js";
-import "./chunk-IQPN4PZJ.js";
-import "./chunk-SMQT3ZNO.js";
-import "./chunk-F5PEK3DA.js";
+  TabbedForm,
+  defineTabMeta,
+  useTabbedForm
+} from "./chunk-5GG65TKV.js";
 import "./chunk-TKGWSUEI.js";
+import "./chunk-U2ZFCAPX.js";
+import "./chunk-IQPN4PZJ.js";
 import {
-  KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
-import "./chunk-TN4TIT7O.js";
-import {
-  RouteFocusModal,
-  StackedFocusModal,
-  useRouteModal,
-  useStackedModal
-} from "./chunk-MWOKFNRO.js";
-import {
-  Form
-} from "./chunk-3QSRE5LS.js";
+  useSalesChannelTableColumns,
+  useSalesChannelTableEmptyState,
+  useSalesChannelTableFilters,
+  useSalesChannelTableQuery
+} from "./chunk-G4QMLQF2.js";
 import "./chunk-UKLRBS4W.js";
 import "./chunk-DGCPYCHU.js";
 import {
   DataTable
 } from "./chunk-UQITHKTH.js";
+import "./chunk-SMQT3ZNO.js";
+import "./chunk-U3SFHLUA.js";
 import "./chunk-INNFZYX2.js";
+import "./chunk-TN4TIT7O.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 import "./chunk-LAVHRER2.js";
-import {
-  useDocumentDirection
-} from "./chunk-Y7QKP6QU.js";
+import "./chunk-Y7QKP6QU.js";
 import "./chunk-THHRRYRS.js";
 import "./chunk-UZWFZMOX.js";
 import "./chunk-XQNVC4Q7.js";
+import {
+  RouteFocusModal,
+  StackedFocusModal,
+  useRouteModal,
+  useStackedModal
+} from "./chunk-MWOKFNRO.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
 import "./chunk-XM6GCWNF.js";
 import "./chunk-ODBDAABQ.js";
 import "./chunk-CDQJKJMX.js";
 import "./chunk-JLATVDLM.js";
-import "./chunk-GPRBBA7S.js";
 import "./chunk-E7ZBQO6E.js";
+import "./chunk-GPRBBA7S.js";
 import "./chunk-XGHM75N2.js";
 import "./chunk-U2GCSKW3.js";
+import "./chunk-A4X5VP3G.js";
 import "./chunk-RTAIDSDS.js";
 import "./chunk-LW3UWYZU.js";
-import "./chunk-A4X5VP3G.js";
 import "./chunk-NNZP4PYP.js";
-import "./chunk-GF4QHVX3.js";
 import "./chunk-JOQ3RTF5.js";
 import "./chunk-V534K7G4.js";
-import "./chunk-A5XOYSDC.js";
 import "./chunk-TQI3DOQ5.js";
 import "./chunk-5PB7KCTF.js";
+import "./chunk-LU72QEQC.js";
+import "./chunk-GF4QHVX3.js";
+import "./chunk-A5XOYSDC.js";
 import "./chunk-YOIARITB.js";
 import "./chunk-W7G64ULL.js";
 import "./chunk-6C7TCU42.js";
 import "./chunk-4YF3GAKE.js";
-import "./chunk-M3I52H3M.js";
-import {
-  useSalesChannel,
-  useSalesChannels
-} from "./chunk-LORVU5II.js";
-import "./chunk-36ORDF7W.js";
 import {
   useRegions
 } from "./chunk-QSM56ZOP.js";
@@ -108,6 +104,11 @@ import {
 import {
   usePricePreferences
 } from "./chunk-3VZV6SJQ.js";
+import {
+  useSalesChannel,
+  useSalesChannels
+} from "./chunk-LORVU5II.js";
+import "./chunk-36ORDF7W.js";
 import {
   useCreateProduct
 } from "./chunk-K357FGGP.js";
@@ -122,8 +123,8 @@ import "./chunk-NBMM2TZK.js";
 import { useTranslation as useTranslation10 } from "react-i18next";
 
 // src/pages/products/product-create/components/product-create-form/product-create-form.tsx
-import { Button as Button5, ProgressTabs, toast } from "@medusajs/ui";
-import { useEffect as useEffect2, useMemo as useMemo4, useState as useState4 } from "react";
+import { Button as Button5, toast } from "@medusajs/ui";
+import { Children, useCallback, useMemo as useMemo4 } from "react";
 import { useForm, useWatch as useWatch4 } from "react-hook-form";
 import { useTranslation as useTranslation9 } from "react-i18next";
 
@@ -135,9 +136,8 @@ import { useTranslation as useTranslation4 } from "react-i18next";
 import { Input, Textarea } from "@medusajs/ui";
 import { useTranslation } from "react-i18next";
 import { jsx, jsxs } from "react/jsx-runtime";
-var ProductCreateGeneralSection = ({
-  form
-}) => {
+var ProductCreateGeneralSection = () => {
+  const form = useTabbedForm();
   const { t } = useTranslation();
   return /* @__PURE__ */ jsxs("div", { id: "general", className: "flex flex-col gap-y-6", "data-testid": "product-create-general-section", children: [
     /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-2", "data-testid": "product-create-general-section-fields", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-3", "data-testid": "product-create-general-section-title-fields", children: [
@@ -243,9 +243,8 @@ var dropAnimationConfig = {
     }
   })
 };
-var ProductCreateMediaSection = ({
-  form
-}) => {
+var ProductCreateMediaSection = () => {
+  const form = useTabbedForm();
   const { fields, append, remove } = useFieldArray({
     name: "media",
     control: form.control,
@@ -713,9 +712,8 @@ var getPermutations = (data) => {
 var getVariantName = (options) => {
   return Object.values(options).join(" / ");
 };
-var ProductCreateVariantsSection = ({
-  form
-}) => {
+var ProductCreateVariantsSection = () => {
+  const form = useTabbedForm();
   const { t } = useTranslation3();
   const options = useFieldArray2({
     control: form.control,
@@ -1124,7 +1122,7 @@ var ProductCreateVariantsSection = ({
 
 // src/pages/products/product-create/components/product-create-details-form/product-create-details-form.tsx
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-var ProductCreateDetailsForm = ({ form }) => {
+var Root = () => {
   return /* @__PURE__ */ jsx5(
     "div",
     {
@@ -1143,19 +1141,25 @@ var ProductCreateDetailsForm = ({ form }) => {
                 className: "flex flex-col gap-y-6",
                 "data-testid": "product-create-details-form-sections",
                 children: [
-                  /* @__PURE__ */ jsx5(ProductCreateGeneralSection, { form }),
-                  /* @__PURE__ */ jsx5(ProductCreateMediaSection, { form })
+                  /* @__PURE__ */ jsx5(ProductCreateGeneralSection, {}),
+                  /* @__PURE__ */ jsx5(ProductCreateMediaSection, {})
                 ]
               }
             ),
             /* @__PURE__ */ jsx5(Divider, { "data-testid": "product-create-details-form-divider" }),
-            /* @__PURE__ */ jsx5(ProductCreateVariantsSection, { form })
+            /* @__PURE__ */ jsx5(ProductCreateVariantsSection, {})
           ]
         }
       )
     }
   );
 };
+Root._tabMeta = defineTabMeta({
+  id: "details",
+  labelKey: "products.create.tabs.details",
+  validationFields: ["title", "handle", "description", "media", "options", "variants"]
+});
+var ProductCreateDetailsForm = Root;
 var Header = () => {
   const { t } = useTranslation4();
   return /* @__PURE__ */ jsx5(
@@ -1175,13 +1179,13 @@ import { XMarkMini as XMarkMini2 } from "@medusajs/icons";
 import { useTranslation as useTranslation5 } from "react-i18next";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function InventoryItemRow({
-  form,
   variantIndex,
   inventoryIndex,
   inventoryItem,
   isItemOptionDisabled,
   onRemove
 }) {
+  const form = useTabbedForm();
   const { t } = useTranslation5();
   const selectedInventoryItemId = useWatch2({
     control: form.control,
@@ -1298,7 +1302,8 @@ function InventoryItemRow({
     inventoryItem.id
   );
 }
-function VariantSection({ form, variant, index }) {
+function VariantSection({ variant, index }) {
+  const form = useTabbedForm();
   const { t } = useTranslation5();
   const inventory = useFieldArray3({
     control: form.control,
@@ -1338,7 +1343,6 @@ function VariantSection({ form, variant, index }) {
     inventory.fields.map((inventoryItem, inventoryIndex) => /* @__PURE__ */ jsx6(
       InventoryItemRow,
       {
-        form,
         variantIndex: index,
         inventoryIndex,
         inventoryItem,
@@ -1349,9 +1353,8 @@ function VariantSection({ form, variant, index }) {
     ))
   ] });
 }
-var ProductCreateInventoryKitSection = ({
-  form
-}) => {
+var ProductCreateInventoryKitSection = () => {
+  const form = useTabbedForm();
   const { t } = useTranslation5();
   const variants = useFieldArray3({
     control: form.control,
@@ -1362,7 +1365,6 @@ var ProductCreateInventoryKitSection = ({
     variants.fields.filter((v) => v.inventory_kit).map((variant, variantIndex) => /* @__PURE__ */ jsx6(
       VariantSection,
       {
-        form,
         variant,
         index: variantIndex
       },
@@ -1373,20 +1375,23 @@ var ProductCreateInventoryKitSection = ({
 
 // src/pages/products/product-create/components/product-create-inventory-kit-form/product-create-inventory-kit-form.tsx
 import { jsx as jsx7 } from "react/jsx-runtime";
-var ProductCreateInventoryKitForm = ({
-  form
-}) => {
-  return /* @__PURE__ */ jsx7("div", { className: "flex flex-col items-center p-16", "data-testid": "product-create-inventory-kit-form", children: /* @__PURE__ */ jsx7("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", "data-testid": "product-create-inventory-kit-form-content", children: /* @__PURE__ */ jsx7(ProductCreateInventoryKitSection, { form }) }) });
+var Root2 = () => {
+  return /* @__PURE__ */ jsx7("div", { className: "flex flex-col items-center p-16", "data-testid": "product-create-inventory-kit-form", children: /* @__PURE__ */ jsx7("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", "data-testid": "product-create-inventory-kit-form-content", children: /* @__PURE__ */ jsx7(ProductCreateInventoryKitSection, {}) }) });
 };
+Root2._tabMeta = defineTabMeta({
+  id: "inventory",
+  labelKey: "products.create.tabs.inventory",
+  validationFields: ["variants"]
+});
+var ProductCreateInventoryKitForm = Root2;
 
 // src/pages/products/product-create/components/product-create-organize-form/components/product-create-organize-section/product-create-details-organize-section.tsx
 import { Button as Button3, Heading as Heading4 } from "@medusajs/ui";
 import { useFieldArray as useFieldArray4 } from "react-hook-form";
 import { Trans, useTranslation as useTranslation6 } from "react-i18next";
 import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
-var ProductCreateOrganizationSection = ({
-  form
-}) => {
+var ProductCreateOrganizationSection = () => {
+  const form = useTabbedForm();
   const { t } = useTranslation6();
   const sellers = useComboboxData({
     queryKey: ["sellers"],
@@ -1635,9 +1640,8 @@ var SC_STACKED_MODAL_ID = "sc";
 // src/pages/products/product-create/components/product-create-organize-form/components/product-create-sales-channel-stacked-modal/product-create-sales-channel-drawer.tsx
 import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var PAGE_SIZE = 20;
-var ProductCreateSalesChannelStackedModal = ({
-  form
-}) => {
+var ProductCreateSalesChannelStackedModal = () => {
+  const form = useTabbedForm();
   const { t } = useTranslation7();
   const { getValues, setValue } = form;
   const { setIsOpen, getIsOpen } = useStackedModal();
@@ -1742,7 +1746,7 @@ var useColumns = () => {
 
 // src/pages/products/product-create/components/product-create-organize-form/product-create-organize-form.tsx
 import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
-var ProductCreateOrganizeForm = ({ form }) => {
+var Root3 = () => {
   return /* @__PURE__ */ jsxs9(StackedFocusModal, { id: SC_STACKED_MODAL_ID, children: [
     /* @__PURE__ */ jsx10(
       "div",
@@ -1754,27 +1758,51 @@ var ProductCreateOrganizeForm = ({ form }) => {
           {
             className: "flex w-full max-w-[720px] flex-col gap-y-8",
             "data-testid": "product-create-organize-form-content",
-            children: /* @__PURE__ */ jsx10(ProductCreateOrganizationSection, { form })
+            children: /* @__PURE__ */ jsx10(ProductCreateOrganizationSection, {})
           }
         )
       }
     ),
-    /* @__PURE__ */ jsx10(ProductCreateSalesChannelStackedModal, { form })
+    /* @__PURE__ */ jsx10(ProductCreateSalesChannelStackedModal, {})
   ] });
 };
+Root3._tabMeta = defineTabMeta({
+  id: "organize",
+  labelKey: "products.create.tabs.organize",
+  validationFields: [
+    "type_id",
+    "collection_id",
+    "categories",
+    "tags",
+    "sales_channels",
+    "shipping_profile_id",
+    "origin_country",
+    "material",
+    "width",
+    "length",
+    "height",
+    "weight",
+    "mid_code",
+    "hs_code"
+  ]
+});
+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 useTranslation8 } from "react-i18next";
 import { jsx as jsx11 } from "react/jsx-runtime";
-var ProductCreateVariantsForm = ({
-  form,
-  regions,
-  store,
-  pricePreferences
-}) => {
+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]
@@ -1792,8 +1820,8 @@ var ProductCreateVariantsForm = ({
   const columns = useColumns2({
     options,
     currencies: currencyCodes,
-    regions,
-    pricePreferences
+    regions: regions ?? [],
+    pricePreferences: pricePreferences ?? []
   });
   const variantData = useMemo3(() => {
     const ret = [];
@@ -1814,6 +1842,12 @@ var ProductCreateVariantsForm = ({
     }
   ) }) });
 };
+Root4._tabMeta = defineTabMeta({
+  id: "variants",
+  labelKey: "products.create.tabs.variants",
+  validationFields: ["variants"]
+});
+var ProductCreateVariantsForm = Root4;
 var columnHelper2 = createDataGridHelper();
 var useColumns2 = ({
   options,
@@ -1911,20 +1945,10 @@ import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var SAVE_DRAFT_BUTTON = "save-draft-button";
 var ProductCreateForm = ({
   defaultChannel,
-  regions,
-  store,
-  pricePreferences
+  children
 }) => {
-  const [tab, setTab] = useState4("details" /* DETAILS */);
-  const [tabState, setTabState] = useState4({
-    ["details" /* DETAILS */]: "in-progress",
-    ["organize" /* ORGANIZE */]: "not-started",
-    ["variants" /* VARIANTS */]: "not-started",
-    ["inventory" /* INVENTORY */]: "not-started"
-  });
   const { t } = useTranslation9();
   const { handleSuccess } = useRouteModal();
-  const direction = useDocumentDirection();
   const form = useForm({
     defaultValues: {
       ...PRODUCT_CREATE_FORM_DEFAULTS,
@@ -1933,6 +1957,15 @@ var ProductCreateForm = ({
     resolver: zodResolver(ProductCreateSchema)
   });
   const { mutateAsync, isPending } = useCreateProduct();
+  const {
+    regions,
+    isPending: isRegionsPending,
+    isError: isRegionsError,
+    error: regionsError
+  } = useRegions({ limit: 9999 });
+  if (isRegionsError) {
+    throw regionsError;
+  }
   const regionsCurrencyMap = useMemo4(() => {
     if (!regions?.length) {
       return {};
@@ -1949,11 +1982,10 @@ var ProductCreateForm = ({
     control: form.control,
     name: "variants"
   });
-  const showInventoryTab = useMemo4(
-    () => watchedVariants.some((v) => v.manage_inventory && v.inventory_kit),
-    [watchedVariants]
-  );
   const handleSubmit = form.handleSubmit(async (values, e) => {
+    if (isRegionsPending) {
+      return;
+    }
     let isDraftSubmission = false;
     if (e?.nativeEvent instanceof SubmitEvent) {
       const submitter = e?.nativeEvent?.submitter;
@@ -2008,270 +2040,96 @@ var ProductCreateForm = ({
       }
     );
   });
-  const onNext = async (currentTab) => {
-    const valid = await form.trigger();
-    if (!valid) {
-      return;
-    }
-    if (currentTab === "details" /* DETAILS */) {
-      setTab("organize" /* ORGANIZE */);
-    }
-    if (currentTab === "organize" /* ORGANIZE */) {
-      setTab("variants" /* VARIANTS */);
-    }
-    if (currentTab === "variants" /* VARIANTS */) {
-      setTab("inventory" /* INVENTORY */);
-    }
-  };
-  useEffect2(() => {
-    const currentState = { ...tabState };
-    if (tab === "details" /* DETAILS */) {
-      currentState["details" /* DETAILS */] = "in-progress";
-    }
-    if (tab === "organize" /* ORGANIZE */) {
-      currentState["details" /* DETAILS */] = "completed";
-      currentState["organize" /* ORGANIZE */] = "in-progress";
-    }
-    if (tab === "variants" /* VARIANTS */) {
-      currentState["details" /* DETAILS */] = "completed";
-      currentState["organize" /* ORGANIZE */] = "completed";
-      currentState["variants" /* VARIANTS */] = "in-progress";
-    }
-    if (tab === "inventory" /* INVENTORY */) {
-      currentState["details" /* DETAILS */] = "completed";
-      currentState["organize" /* ORGANIZE */] = "completed";
-      currentState["variants" /* VARIANTS */] = "completed";
-      currentState["inventory" /* INVENTORY */] = "in-progress";
-    }
-    setTabState({ ...currentState });
-  }, [tab]);
-  return /* @__PURE__ */ jsx12(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxs10(
-    KeyboundForm,
-    {
-      "data-testid": "product-create-form",
-      onKeyDown: (e) => {
-        if (e.key === "Enter") {
-          if (e.target instanceof HTMLTextAreaElement && !(e.metaKey || e.ctrlKey)) {
-            return;
-          }
-          e.preventDefault();
-          if (e.metaKey || e.ctrlKey) {
-            if (tab !== "variants" /* VARIANTS */) {
-              e.preventDefault();
-              e.stopPropagation();
-              onNext(tab);
-              return;
-            }
-            handleSubmit();
-          }
+  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(ProductCreateVariantsForm, {}, "variants"),
+      /* @__PURE__ */ jsx12(ProductCreateInventoryKitForm, {}, "inventory")
+    ],
+    []
+  );
+  const hasCustomChildren = Children.count(children) > 0;
+  return /* @__PURE__ */ jsx12(
+    TabbedForm,
+    {
+      form,
       onSubmit: handleSubmit,
-      className: "flex h-full flex-col",
-      children: [
-        /* @__PURE__ */ jsxs10(
-          ProgressTabs,
-          {
-            dir: direction,
-            value: tab,
-            onValueChange: async (tab2) => {
-              const valid = await form.trigger();
-              if (!valid) {
-                return;
+      isLoading: isPending || isRegionsPending,
+      transformTabs,
+      footer: ({ isLastTab, onNext, isLoading }) => /* @__PURE__ */ jsxs10(
+        "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(
+              Button5,
+              {
+                variant: "secondary",
+                size: "small",
+                "data-testid": "product-create-form-cancel-button",
+                children: t("actions.cancel")
               }
-              setTab(tab2);
-            },
-            className: "flex h-full flex-col overflow-hidden",
-            "data-testid": "product-create-form-tabs",
-            children: [
-              /* @__PURE__ */ jsx12(RouteFocusModal.Header, { children: /* @__PURE__ */ jsx12(
-                "div",
-                {
-                  className: "-my-2 w-full border-l",
-                  "data-testid": "product-create-form-tabs-header",
-                  children: /* @__PURE__ */ jsxs10(
-                    ProgressTabs.List,
-                    {
-                      className: "justify-start-start flex w-full items-center",
-                      "data-testid": "product-create-form-tabs-list",
-                      children: [
-                        /* @__PURE__ */ jsx12(
-                          ProgressTabs.Trigger,
-                          {
-                            status: tabState["details" /* DETAILS */],
-                            value: "details" /* DETAILS */,
-                            className: "max-w-[200px] truncate",
-                            "data-testid": "product-create-form-tab-details",
-                            children: t("products.create.tabs.details")
-                          }
-                        ),
-                        /* @__PURE__ */ jsx12(
-                          ProgressTabs.Trigger,
-                          {
-                            status: tabState["organize" /* ORGANIZE */],
-                            value: "organize" /* ORGANIZE */,
-                            className: "max-w-[200px] truncate",
-                            "data-testid": "product-create-form-tab-organize",
-                            children: t("products.create.tabs.organize")
-                          }
-                        ),
-                        /* @__PURE__ */ jsx12(
-                          ProgressTabs.Trigger,
-                          {
-                            status: tabState["variants" /* VARIANTS */],
-                            value: "variants" /* VARIANTS */,
-                            className: "max-w-[200px] truncate",
-                            "data-testid": "product-create-form-tab-variants",
-                            children: t("products.create.tabs.variants")
-                          }
-                        ),
-                        showInventoryTab && /* @__PURE__ */ jsx12(
-                          ProgressTabs.Trigger,
-                          {
-                            status: tabState["inventory" /* INVENTORY */],
-                            value: "inventory" /* INVENTORY */,
-                            className: "max-w-[200px] truncate",
-                            "data-testid": "product-create-form-tab-inventory",
-                            children: t("products.create.tabs.inventory")
-                          }
-                        )
-                      ]
-                    }
-                  )
-                }
-              ) }),
-              /* @__PURE__ */ jsxs10(
-                RouteFocusModal.Body,
-                {
-                  className: "size-full overflow-hidden",
-                  "data-testid": "product-create-form-body",
-                  children: [
-                    /* @__PURE__ */ jsx12(
-                      ProgressTabs.Content,
-                      {
-                        className: "size-full overflow-y-auto",
-                        value: "details" /* DETAILS */,
-                        "data-testid": "product-create-form-tab-content-details",
-                        children: /* @__PURE__ */ jsx12(ProductCreateDetailsForm, { form })
-                      }
-                    ),
-                    /* @__PURE__ */ jsx12(
-                      ProgressTabs.Content,
-                      {
-                        className: "size-full overflow-y-auto",
-                        value: "organize" /* ORGANIZE */,
-                        "data-testid": "product-create-form-tab-content-organize",
-                        children: /* @__PURE__ */ jsx12(ProductCreateOrganizeForm, { form })
-                      }
-                    ),
-                    /* @__PURE__ */ jsx12(
-                      ProgressTabs.Content,
-                      {
-                        className: "size-full overflow-y-auto",
-                        value: "variants" /* VARIANTS */,
-                        "data-testid": "product-create-form-tab-content-variants",
-                        children: /* @__PURE__ */ jsx12(
-                          ProductCreateVariantsForm,
-                          {
-                            form,
-                            store,
-                            regions,
-                            pricePreferences
-                          }
-                        )
-                      }
-                    ),
-                    showInventoryTab && /* @__PURE__ */ jsx12(
-                      ProgressTabs.Content,
-                      {
-                        className: "size-full overflow-y-auto",
-                        value: "inventory" /* INVENTORY */,
-                        "data-testid": "product-create-form-tab-content-inventory",
-                        children: /* @__PURE__ */ jsx12(ProductCreateInventoryKitForm, { form })
-                      }
-                    )
-                  ]
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx12(RouteFocusModal.Footer, { "data-testid": "product-create-form-footer", children: /* @__PURE__ */ jsxs10(
-          "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(
-                Button5,
-                {
-                  variant: "secondary",
-                  size: "small",
-                  "data-testid": "product-create-form-cancel-button",
-                  children: t("actions.cancel")
-                }
-              ) }),
-              /* @__PURE__ */ jsx12(
-                Button5,
-                {
-                  "data-name": SAVE_DRAFT_BUTTON,
-                  size: "small",
-                  type: "submit",
-                  isLoading: isPending,
-                  className: "whitespace-nowrap",
-                  "data-testid": "product-create-form-save-draft-button",
-                  children: t("actions.saveAsDraft")
-                }
-              ),
-              /* @__PURE__ */ jsx12(
-                PrimaryButton,
-                {
-                  tab,
-                  next: onNext,
-                  isLoading: isPending,
-                  showInventoryTab
-                }
-              )
-            ]
-          }
-        ) })
-      ]
+            ) }),
+            /* @__PURE__ */ jsx12(
+              Button5,
+              {
+                "data-name": SAVE_DRAFT_BUTTON,
+                size: "small",
+                type: "submit",
+                isLoading,
+                className: "whitespace-nowrap",
+                "data-testid": "product-create-form-save-draft-button",
+                children: t("actions.saveAsDraft")
+              }
+            ),
+            isLastTab ? /* @__PURE__ */ jsx12(
+              Button5,
+              {
+                "data-name": "publish-button",
+                type: "submit",
+                variant: "primary",
+                size: "small",
+                isLoading,
+                "data-testid": "product-create-form-publish-button",
+                children: t("actions.publish")
+              },
+              "submit-button"
+            ) : /* @__PURE__ */ jsx12(
+              Button5,
+              {
+                type: "button",
+                variant: "primary",
+                size: "small",
+                onClick: () => onNext(),
+                "data-testid": "product-create-form-continue-button",
+                children: t("actions.continue")
+              },
+              "next-button"
+            )
+          ]
+        }
+      ),
+      children: hasCustomChildren ? children : defaultTabs
     }
-  ) });
-};
-var PrimaryButton = ({
-  tab,
-  next,
-  isLoading,
-  showInventoryTab
-}) => {
-  const { t } = useTranslation9();
-  if (tab === "variants" /* VARIANTS */ && !showInventoryTab || tab === "inventory" /* INVENTORY */ && showInventoryTab) {
-    return /* @__PURE__ */ jsx12(
-      Button5,
-      {
-        "data-name": "publish-button",
-        type: "submit",
-        variant: "primary",
-        size: "small",
-        isLoading,
-        "data-testid": "product-create-form-publish-button",
-        children: t("actions.publish")
-      },
-      "submit-button"
-    );
-  }
-  return /* @__PURE__ */ jsx12(
-    Button5,
-    {
-      type: "button",
-      variant: "primary",
-      size: "small",
-      onClick: () => next(tab),
-      "data-testid": "product-create-form-continue-button",
-      children: t("actions.continue")
-    },
-    "next-button"
   );
 };
 
@@ -2295,43 +2153,20 @@ var ProductCreate = () => {
   } = useSalesChannel(store?.default_sales_channel_id, {
     enabled: !!store?.default_sales_channel_id
   });
-  const {
-    regions,
-    isPending: isRegionsPending,
-    isError: isRegionsError,
-    error: regionsError
-  } = useRegions({ limit: 9999 });
-  const {
-    price_preferences,
-    isPending: isPricePreferencesPending,
-    isError: isPricePreferencesError,
-    error: pricePreferencesError
-  } = usePricePreferences({
-    limit: 9999
-  });
-  const ready = !!store && !isStorePending && !!regions && !isRegionsPending && !!sales_channel && !isSalesChannelPending && !!price_preferences && !isPricePreferencesPending;
+  const ready = !!store && !isStorePending && !!sales_channel && !isSalesChannelPending;
   if (isStoreError) {
     throw storeError;
   }
-  if (isRegionsError) {
-    throw regionsError;
-  }
   if (isSalesChannelError) {
     throw salesChannelError;
   }
-  if (isPricePreferencesError) {
-    throw pricePreferencesError;
-  }
   return /* @__PURE__ */ jsxs11(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 && /* @__PURE__ */ jsx13(
       ProductCreateForm,
       {
-        defaultChannel: sales_channel,
-        store,
-        pricePreferences: price_preferences,
-        regions
+        defaultChannel: sales_channel
       }
     )
   ] });