@mercurjs/admin 2.0.0-canary.40 → 2.0.0-canary.42

package/dist/{price-list-create-OK7YYLAB.js → chunk-AJZQBGE4.js}

@@ -3,60 +3,38 @@ import {
   PriceListRulesSchema,
   usePriceListCurrencyData,
   usePriceListGridColumns
-} from "./chunk-S4QUEQQK.js";
-import {
-  PriceListCustomerGroupRuleForm
-} from "./chunk-G644AXKV.js";
+} from "./chunk-MSFNMGFD.js";
 import {
   exctractPricesFromProducts,
   isProductRow
 } from "./chunk-U5MJIHLY.js";
-import "./chunk-6IJMSVC6.js";
-import "./chunk-54EPH67T.js";
-import "./chunk-JHIMVLB2.js";
+import {
+  PriceListCustomerGroupRuleForm
+} from "./chunk-G644AXKV.js";
 import {
   useProductTableColumns
 } from "./chunk-3CKTAFTR.js";
-import "./chunk-G5OVX555.js";
-import "./chunk-FWPGOIFA.js";
-import "./chunk-DB6ANJBO.js";
-import "./chunk-FQERBIVS.js";
-import "./chunk-PHOCVOZ5.js";
 import {
   _DataTable,
   useDataTable
 } from "./chunk-ULJ3OMWU.js";
-import "./chunk-YBZWO4ZV.js";
-import "./chunk-KAZ5BYTQ.js";
-import "./chunk-3EF54XFY.js";
-import "./chunk-WIYFXWRI.js";
 import {
   DataGrid
-} from "./chunk-KUWNYCGL.js";
-import "./chunk-TKGWSUEI.js";
+} from "./chunk-U3OWJE7V.js";
 import {
-  KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
-import "./chunk-IQPN4PZJ.js";
-import "./chunk-SMQT3ZNO.js";
-import "./chunk-INNFZYX2.js";
-import "./chunk-LAVHRER2.js";
+  TabbedForm,
+  defineTabMeta,
+  useTabbedForm
+} from "./chunk-5GG65TKV.js";
 import {
   useDocumentDirection
 } from "./chunk-Y7QKP6QU.js";
-import "./chunk-CMHI2RPL.js";
-import "./chunk-VKOE5J66.js";
 import {
   useProductTableFilters
 } from "./chunk-FBUH5OLD.js";
 import {
   useProductTableQuery
 } from "./chunk-VVWB3GIK.js";
-import "./chunk-KBYZLKI4.js";
-import "./chunk-YWWUOGJA.js";
-import "./chunk-THHRRYRS.js";
-import "./chunk-UZWFZMOX.js";
-import "./chunk-XQNVC4Q7.js";
 import {
   RouteFocusModal,
   StackedFocusModal,
@@ -66,50 +44,64 @@ import {
 import {
   Form
 } from "./chunk-3QSRE5LS.js";
-import "./chunk-XM6GCWNF.js";
-import "./chunk-ODBDAABQ.js";
-import "./chunk-CDQJKJMX.js";
-import "./chunk-JLATVDLM.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-NNZP4PYP.js";
-import "./chunk-JOQ3RTF5.js";
 import {
   useCreatePriceList
 } from "./chunk-V534K7G4.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-QSM56ZOP.js";
-import "./chunk-MIHEJ6Y6.js";
-import "./chunk-3VZV6SJQ.js";
-import "./chunk-LORVU5II.js";
-import "./chunk-36ORDF7W.js";
 import {
   useProducts
 } from "./chunk-K357FGGP.js";
-import "./chunk-RHKRREUU.js";
-import "./chunk-ZA2KFUFR.js";
-import "./chunk-ZYNBKBY3.js";
-import "./chunk-NBMM2TZK.js";
+
+// src/pages/price-lists/price-list-create/components/price-list-create-form/schema.ts
+import { z } from "zod";
+var PricingCustomerGroupsArray = z.array(
+  z.object({
+    id: z.string(),
+    name: z.string()
+  })
+);
+var PricingCreateSchema = z.object({
+  type: z.enum(["sale", "override"]),
+  status: z.enum(["draft", "active"]),
+  title: z.string().min(1),
+  description: z.string().min(1),
+  starts_at: z.date().nullish(),
+  ends_at: z.date().nullish(),
+  product_ids: z.array(z.object({ id: z.string() })).min(1),
+  products: PriceListCreateProductsSchema,
+  rules: PriceListRulesSchema.nullish()
+});
+var PricingDetailsSchema = PricingCreateSchema.pick({
+  type: true,
+  title: true,
+  description: true,
+  starts_at: true,
+  ends_at: true
+});
+var PricingDetailsFields = Object.keys(
+  PricingDetailsSchema.shape
+);
+var PricingProductsSchema = PricingCreateSchema.pick({
+  product_ids: true
+});
+var PricingProductsFields = Object.keys(
+  PricingProductsSchema.shape
+);
+var PricingPricesSchema = PricingCreateSchema.pick({
+  products: true
+});
+var PricingPricesFields = Object.keys(
+  PricingPricesSchema.shape
+);
+
+// src/pages/price-lists/price-list-create/price-list-create.tsx
+import { Children as Children2 } from "react";
 
 // src/pages/price-lists/price-list-create/components/price-list-create-form/price-list-create-form.tsx
 import { zodResolver } from "@hookform/resolvers/zod";
-import { Button as Button2, ProgressTabs, toast } from "@medusajs/ui";
+import { toast } from "@medusajs/ui";
+import { Children, useMemo as useMemo2 } from "react";
 import { useForm } from "react-hook-form";
 import { useTranslation as useTranslation3 } from "react-i18next";
-import { useState as useState2 } from "react";
 
 // src/pages/price-lists/price-list-create/components/price-list-create-form/price-list-details-form.tsx
 import { MagnifyingGlass, XMarkMini } from "@medusajs/icons";
@@ -129,8 +121,9 @@ import {
 import { useFieldArray } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { jsx, jsxs } from "react/jsx-runtime";
-var PriceListDetailsForm = ({ form }) => {
+var Root = () => {
   const { t } = useTranslation();
+  const form = useTabbedForm();
   const direction = useDocumentDirection();
   const { fields, remove, append } = useFieldArray({
     control: form.control,
@@ -182,9 +175,7 @@ var PriceListDetailsForm = ({ form }) => {
                       {
                         value: "sale",
                         label: t("priceLists.fields.type.options.sale.label"),
-                        description: t(
-                          "priceLists.fields.type.options.sale.description"
-                        ),
+                        description: t("priceLists.fields.type.options.sale.description"),
                         "data-testid": "price-list-details-form-type-option-sale"
                       }
                     ),
@@ -192,12 +183,8 @@ var PriceListDetailsForm = ({ form }) => {
                       RadioGroup.ChoiceBox,
                       {
                         value: "override",
-                        label: t(
-                          "priceLists.fields.type.options.override.label"
-                        ),
-                        description: t(
-                          "priceLists.fields.type.options.override.description"
-                        ),
+                        label: t("priceLists.fields.type.options.override.label"),
+                        description: t("priceLists.fields.type.options.override.description"),
                         "data-testid": "price-list-details-form-type-option-override"
                       }
                     )
@@ -217,13 +204,11 @@ var PriceListDetailsForm = ({ form }) => {
           {
             control: form.control,
             name: "title",
-            render: ({ field }) => {
-              return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "price-list-details-form-title-item", children: [
-                /* @__PURE__ */ jsx(Form.Label, { "data-testid": "price-list-details-form-title-label", children: t("fields.title") }),
-                /* @__PURE__ */ jsx(Form.Control, { "data-testid": "price-list-details-form-title-control", children: /* @__PURE__ */ jsx(Input, { ...field, "data-testid": "price-list-details-form-title-input" }) }),
-                /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "price-list-details-form-title-error" })
-              ] });
-            }
+            render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "price-list-details-form-title-item", children: [
+              /* @__PURE__ */ jsx(Form.Label, { "data-testid": "price-list-details-form-title-label", children: t("fields.title") }),
+              /* @__PURE__ */ jsx(Form.Control, { "data-testid": "price-list-details-form-title-control", children: /* @__PURE__ */ jsx(Input, { ...field, "data-testid": "price-list-details-form-title-input" }) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "price-list-details-form-title-error" })
+            ] })
           }
         ),
         /* @__PURE__ */ jsx(
@@ -231,28 +216,26 @@ var PriceListDetailsForm = ({ form }) => {
           {
             control: form.control,
             name: "status",
-            render: ({ field: { onChange, ref, ...field } }) => {
-              return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "price-list-details-form-status-item", children: [
-                /* @__PURE__ */ jsx(Form.Label, { "data-testid": "price-list-details-form-status-label", children: t("priceLists.fields.status.label") }),
-                /* @__PURE__ */ jsx(Form.Control, { "data-testid": "price-list-details-form-status-control", children: /* @__PURE__ */ jsxs(
-                  Select,
-                  {
-                    dir: direction,
-                    ...field,
-                    onValueChange: onChange,
-                    "data-testid": "price-list-details-form-status-select",
-                    children: [
-                      /* @__PURE__ */ jsx(Select.Trigger, { ref, "data-testid": "price-list-details-form-status-trigger", children: /* @__PURE__ */ jsx(Select.Value, { "data-testid": "price-list-details-form-status-value" }) }),
-                      /* @__PURE__ */ jsxs(Select.Content, { "data-testid": "price-list-details-form-status-content", children: [
-                        /* @__PURE__ */ jsx(Select.Item, { value: "active", "data-testid": "price-list-details-form-status-option-active", children: t("priceLists.fields.status.options.active") }),
-                        /* @__PURE__ */ jsx(Select.Item, { value: "draft", "data-testid": "price-list-details-form-status-option-draft", children: t("priceLists.fields.status.options.draft") })
-                      ] })
-                    ]
-                  }
-                ) }),
-                /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "price-list-details-form-status-error" })
-              ] });
-            }
+            render: ({ field: { onChange, ref, ...field } }) => /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "price-list-details-form-status-item", children: [
+              /* @__PURE__ */ jsx(Form.Label, { "data-testid": "price-list-details-form-status-label", children: t("priceLists.fields.status.label") }),
+              /* @__PURE__ */ jsx(Form.Control, { "data-testid": "price-list-details-form-status-control", children: /* @__PURE__ */ jsxs(
+                Select,
+                {
+                  dir: direction,
+                  ...field,
+                  onValueChange: onChange,
+                  "data-testid": "price-list-details-form-status-select",
+                  children: [
+                    /* @__PURE__ */ jsx(Select.Trigger, { ref, "data-testid": "price-list-details-form-status-trigger", children: /* @__PURE__ */ jsx(Select.Value, { "data-testid": "price-list-details-form-status-value" }) }),
+                    /* @__PURE__ */ jsxs(Select.Content, { "data-testid": "price-list-details-form-status-content", children: [
+                      /* @__PURE__ */ jsx(Select.Item, { value: "active", "data-testid": "price-list-details-form-status-option-active", children: t("priceLists.fields.status.options.active") }),
+                      /* @__PURE__ */ jsx(Select.Item, { value: "draft", "data-testid": "price-list-details-form-status-option-draft", children: t("priceLists.fields.status.options.draft") })
+                    ] })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "price-list-details-form-status-error" })
+            ] })
           }
         )
       ] }),
@@ -261,13 +244,11 @@ var PriceListDetailsForm = ({ form }) => {
         {
           control: form.control,
           name: "description",
-          render: ({ field }) => {
-            return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "price-list-details-form-description-item", children: [
-              /* @__PURE__ */ jsx(Form.Label, { "data-testid": "price-list-details-form-description-label", children: t("fields.description") }),
-              /* @__PURE__ */ jsx(Form.Control, { "data-testid": "price-list-details-form-description-control", children: /* @__PURE__ */ jsx(Textarea, { ...field, "data-testid": "price-list-details-form-description-input" }) }),
-              /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "price-list-details-form-description-error" })
-            ] });
-          }
+          render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "price-list-details-form-description-item", children: [
+            /* @__PURE__ */ jsx(Form.Label, { "data-testid": "price-list-details-form-description-label", children: t("fields.description") }),
+            /* @__PURE__ */ jsx(Form.Control, { "data-testid": "price-list-details-form-description-control", children: /* @__PURE__ */ jsx(Textarea, { ...field, "data-testid": "price-list-details-form-description-input" }) }),
+            /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "price-list-details-form-description-error" })
+          ] })
         }
       )
     ] }),
@@ -277,26 +258,24 @@ var PriceListDetailsForm = ({ form }) => {
       {
         control: form.control,
         name: "starts_at",
-        render: ({ field }) => {
-          return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "price-list-details-form-starts-at-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, "data-testid": "price-list-details-form-starts-at-label", children: t("priceLists.fields.startsAt.label") }),
-                /* @__PURE__ */ jsx(Form.Hint, { "data-testid": "price-list-details-form-starts-at-hint", children: t("priceLists.fields.startsAt.hint") })
-              ] }),
-              /* @__PURE__ */ jsx(Form.Control, { "data-testid": "price-list-details-form-starts-at-control", children: /* @__PURE__ */ jsx(
-                DatePicker,
-                {
-                  granularity: "minute",
-                  shouldCloseOnSelect: false,
-                  ...field,
-                  "data-testid": "price-list-details-form-starts-at-input"
-                }
-              ) })
+        render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "price-list-details-form-starts-at-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, "data-testid": "price-list-details-form-starts-at-label", children: t("priceLists.fields.startsAt.label") }),
+              /* @__PURE__ */ jsx(Form.Hint, { "data-testid": "price-list-details-form-starts-at-hint", children: t("priceLists.fields.startsAt.hint") })
             ] }),
-            /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "price-list-details-form-starts-at-error" })
-          ] });
-        }
+            /* @__PURE__ */ jsx(Form.Control, { "data-testid": "price-list-details-form-starts-at-control", children: /* @__PURE__ */ jsx(
+              DatePicker,
+              {
+                granularity: "minute",
+                shouldCloseOnSelect: false,
+                ...field,
+                "data-testid": "price-list-details-form-starts-at-input"
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "price-list-details-form-starts-at-error" })
+        ] })
       }
     ),
     /* @__PURE__ */ jsx(Divider, {}),
@@ -305,26 +284,24 @@ var PriceListDetailsForm = ({ form }) => {
       {
         control: form.control,
         name: "ends_at",
-        render: ({ field }) => {
-          return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "price-list-details-form-ends-at-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, "data-testid": "price-list-details-form-ends-at-label", children: t("priceLists.fields.endsAt.label") }),
-                /* @__PURE__ */ jsx(Form.Hint, { "data-testid": "price-list-details-form-ends-at-hint", children: t("priceLists.fields.endsAt.hint") })
-              ] }),
-              /* @__PURE__ */ jsx(Form.Control, { "data-testid": "price-list-details-form-ends-at-control", children: /* @__PURE__ */ jsx(
-                DatePicker,
-                {
-                  granularity: "minute",
-                  shouldCloseOnSelect: false,
-                  ...field,
-                  "data-testid": "price-list-details-form-ends-at-input"
-                }
-              ) })
+        render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "price-list-details-form-ends-at-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, "data-testid": "price-list-details-form-ends-at-label", children: t("priceLists.fields.endsAt.label") }),
+              /* @__PURE__ */ jsx(Form.Hint, { "data-testid": "price-list-details-form-ends-at-hint", children: t("priceLists.fields.endsAt.hint") })
             ] }),
-            /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "price-list-details-form-ends-at-error" })
-          ] });
-        }
+            /* @__PURE__ */ jsx(Form.Control, { "data-testid": "price-list-details-form-ends-at-control", children: /* @__PURE__ */ jsx(
+              DatePicker,
+              {
+                granularity: "minute",
+                shouldCloseOnSelect: false,
+                ...field,
+                "data-testid": "price-list-details-form-ends-at-input"
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "price-list-details-form-ends-at-error" })
+        ] })
       }
     ),
     /* @__PURE__ */ jsx(Divider, {}),
@@ -363,9 +340,7 @@ var PriceListDetailsForm = ({ form }) => {
                         "data-testid": "price-list-details-form-customer-group-search-button",
                         children: [
                           /* @__PURE__ */ jsx(MagnifyingGlass, {}),
-                          t(
-                            "priceLists.fields.customerAvailability.placeholder"
-                          )
+                          t("priceLists.fields.customerAvailability.placeholder")
                         ]
                       }
                     ) }),
@@ -419,17 +394,23 @@ var PriceListDetailsForm = ({ form }) => {
     )
   ] }) });
 };
+Root._tabMeta = defineTabMeta({
+  id: "detail",
+  labelKey: "priceLists.create.tabs.details",
+  validationFields: ["type", "title", "description", "starts_at", "ends_at"]
+});
+var PriceListDetailsForm = Root;
 
 // src/pages/price-lists/price-list-create/components/price-list-create-form/price-list-prices-form.tsx
 import { useEffect } from "react";
 import { useWatch } from "react-hook-form";
 import { jsx as jsx2 } from "react/jsx-runtime";
-var PriceListPricesForm = ({
-  form,
+var Root2 = ({
   currencies,
   regions,
   pricePreferences
 }) => {
+  const form = useTabbedForm();
   const ids = useWatch({
     control: form.control,
     name: "product_ids"
@@ -487,6 +468,12 @@ var PriceListPricesForm = ({
     }
   ) });
 };
+Root2._tabMeta = defineTabMeta({
+  id: "price",
+  labelKey: "priceLists.create.tabs.prices",
+  validationFields: ["products"]
+});
+var PriceListPricesForm = Root2;
 
 // src/pages/price-lists/price-list-create/components/price-list-create-form/price-list-products-form.tsx
 import { Checkbox } from "@medusajs/ui";
@@ -506,8 +493,9 @@ function getInitialSelection(products) {
     return acc;
   }, {});
 }
-var PriceListProductsForm = ({ form }) => {
+var Root3 = () => {
   const { t } = useTranslation2();
+  const form = useTabbedForm();
   const { control, setValue } = form;
   const selectedIds = useWatch2({
     control,
@@ -630,67 +618,25 @@ var useColumns = () => {
     [base]
   );
 };
-
-// src/pages/price-lists/price-list-create/components/price-list-create-form/schema.ts
-import { z } from "zod";
-var PricingCustomerGroupsArray = z.array(
-  z.object({
-    id: z.string(),
-    name: z.string()
-  })
-);
-var PricingCreateSchema = z.object({
-  type: z.enum(["sale", "override"]),
-  status: z.enum(["draft", "active"]),
-  title: z.string().min(1),
-  description: z.string().min(1),
-  starts_at: z.date().nullish(),
-  ends_at: z.date().nullish(),
-  product_ids: z.array(z.object({ id: z.string() })).min(1),
-  products: PriceListCreateProductsSchema,
-  rules: PriceListRulesSchema.nullish()
-});
-var PricingDetailsSchema = PricingCreateSchema.pick({
-  type: true,
-  title: true,
-  description: true,
-  starts_at: true,
-  ends_at: true
-});
-var PricingDetailsFields = Object.keys(
-  PricingDetailsSchema.shape
-);
-var PricingProductsSchema = PricingCreateSchema.pick({
-  product_ids: true
-});
-var PricingProductsFields = Object.keys(
-  PricingProductsSchema.shape
-);
-var PricingPricesSchema = PricingCreateSchema.pick({
-  products: true
+Root3._tabMeta = defineTabMeta({
+  id: "product",
+  labelKey: "priceLists.create.tabs.products",
+  validationFields: ["product_ids"]
 });
-var PricingPricesFields = Object.keys(
-  PricingPricesSchema.shape
-);
+var PriceListProductsForm = Root3;
 
 // src/pages/price-lists/price-list-create/components/price-list-create-form/price-list-create-form.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-var tabOrder = ["detail" /* DETAIL */, "product" /* PRODUCT */, "price" /* PRICE */];
-var initialTabState = {
-  ["detail" /* DETAIL */]: "in-progress",
-  ["product" /* PRODUCT */]: "not-started",
-  ["price" /* PRICE */]: "not-started"
-};
+import { jsx as jsx4 } from "react/jsx-runtime";
 var PriceListCreateForm = ({
   regions,
   currencies,
-  pricePreferences
+  pricePreferences,
+  children,
+  schema,
+  defaultValues: extraDefaults
 }) => {
-  const [tab, setTab] = useState2("detail" /* DETAIL */);
-  const [tabState, setTabState] = useState2(initialTabState);
   const { t } = useTranslation3();
   const { handleSuccess } = useRouteModal();
-  const direction = useDocumentDirection();
   const form = useForm({
     defaultValues: {
       type: "sale",
@@ -703,9 +649,10 @@ var PriceListCreateForm = ({
       products: {},
       rules: {
         customer_group_id: []
-      }
+      },
+      ...extraDefaults
     },
-    resolver: zodResolver(PricingCreateSchema)
+    resolver: zodResolver(schema ?? PricingCreateSchema)
   });
   const { mutateAsync, isPending } = useCreatePriceList();
   const handleSubmit = form.handleSubmit(async (data) => {
@@ -738,240 +685,58 @@ var PriceListCreateForm = ({
       }
     );
   });
-  const partialFormValidation = (fields, schema) => {
-    form.clearErrors(fields);
-    const values = fields.reduce(
-      (acc, key) => {
-        acc[key] = form.getValues(key);
-        return acc;
-      },
-      {}
-    );
-    const validationResult = schema.safeParse(values);
-    if (!validationResult.success) {
-      validationResult.error.errors.forEach(({ path, message, code }) => {
-        form.setError(path.join("."), {
-          type: code,
-          message
-        });
-      });
-      return false;
-    }
-    return true;
-  };
-  const isTabDirty = (tab2) => {
-    switch (tab2) {
-      case "detail" /* DETAIL */: {
-        const fields = PricingDetailsFields;
-        return fields.some((field) => {
-          return form.getFieldState(field).isDirty;
-        });
-      }
-      case "product" /* PRODUCT */: {
-        const fields = PricingProductsFields;
-        return fields.some((field) => {
-          return form.getFieldState(field).isDirty;
-        });
-      }
-      case "price" /* PRICE */: {
-        const fields = PricingPricesFields;
-        return fields.some((field) => {
-          return form.getFieldState(field).isDirty;
-        });
-      }
-    }
-  };
-  const handleChangeTab = (update) => {
-    if (tab === update) {
-      return;
-    }
-    if (tabOrder.indexOf(update) < tabOrder.indexOf(tab)) {
-      const isCurrentTabDirty = isTabDirty(tab);
-      setTabState((prev) => ({
-        ...prev,
-        [tab]: isCurrentTabDirty ? prev[tab] : "not-started",
-        [update]: "in-progress"
-      }));
-      setTab(update);
-      return;
-    }
-    const tabs = tabOrder.slice(0, tabOrder.indexOf(update));
-    for (const tab2 of tabs) {
-      if (tab2 === "detail" /* DETAIL */) {
-        if (!partialFormValidation(PricingDetailsFields, PricingDetailsSchema)) {
-          setTabState((prev) => ({
-            ...prev,
-            [tab2]: "in-progress"
-          }));
-          setTab(tab2);
-          return;
-        }
-        setTabState((prev) => ({
-          ...prev,
-          [tab2]: "completed"
-        }));
-      } else if (tab2 === "product" /* PRODUCT */) {
-        if (!partialFormValidation(PricingProductsFields, PricingProductsSchema)) {
-          setTabState((prev) => ({
-            ...prev,
-            [tab2]: "in-progress"
-          }));
-          setTab(tab2);
-          return;
-        }
-        setTabState((prev) => ({
-          ...prev,
-          [tab2]: "completed"
-        }));
-      }
-    }
-    setTabState((prev) => ({
-      ...prev,
-      [tab]: "completed",
-      [update]: "in-progress"
-    }));
-    setTab(update);
-  };
-  const handleNextTab = (tab2) => {
-    if (tabOrder.indexOf(tab2) + 1 >= tabOrder.length) {
-      return;
-    }
-    const nextTab = tabOrder[tabOrder.indexOf(tab2) + 1];
-    handleChangeTab(nextTab);
-  };
-  return /* @__PURE__ */ jsx4(RouteFocusModal.Form, { form, "data-testid": "price-list-create-form", children: /* @__PURE__ */ jsx4(
-    ProgressTabs,
-    {
-      dir: direction,
-      value: tab,
-      onValueChange: (tab2) => handleChangeTab(tab2),
-      className: "flex h-full flex-col overflow-hidden",
-      "data-testid": "price-list-create-form-tabs",
-      children: /* @__PURE__ */ jsxs2(KeyboundForm, { onSubmit: handleSubmit, className: "flex h-full flex-col", children: [
-        /* @__PURE__ */ jsx4(RouteFocusModal.Header, { "data-testid": "price-list-create-form-header", children: /* @__PURE__ */ jsx4("div", { className: "flex w-full items-center justify-between gap-x-4", children: /* @__PURE__ */ jsx4("div", { className: "-my-2 w-full max-w-[600px] border-l", children: /* @__PURE__ */ jsxs2(ProgressTabs.List, { className: "grid w-full grid-cols-3", "data-testid": "price-list-create-form-tabs-list", children: [
-          /* @__PURE__ */ jsx4(
-            ProgressTabs.Trigger,
-            {
-              status: tabState.detail,
-              value: "detail" /* DETAIL */,
-              "data-testid": "price-list-create-form-tab-details",
-              children: t("priceLists.create.tabs.details")
-            }
-          ),
-          /* @__PURE__ */ jsx4(
-            ProgressTabs.Trigger,
-            {
-              status: tabState.product,
-              value: "product" /* PRODUCT */,
-              "data-testid": "price-list-create-form-tab-products",
-              children: t("priceLists.create.tabs.products")
-            }
-          ),
-          /* @__PURE__ */ jsx4(
-            ProgressTabs.Trigger,
-            {
-              status: tabState.price,
-              value: "price" /* PRICE */,
-              "data-testid": "price-list-create-form-tab-prices",
-              children: t("priceLists.create.tabs.prices")
-            }
-          )
-        ] }) }) }) }),
-        /* @__PURE__ */ jsxs2(RouteFocusModal.Body, { className: "size-full overflow-hidden", "data-testid": "price-list-create-form-body", children: [
-          /* @__PURE__ */ jsx4(
-            ProgressTabs.Content,
-            {
-              className: "size-full overflow-y-auto",
-              value: "detail" /* DETAIL */,
-              "data-testid": "price-list-create-form-content-details",
-              children: /* @__PURE__ */ jsx4(PriceListDetailsForm, { form })
-            }
-          ),
-          /* @__PURE__ */ jsx4(
-            ProgressTabs.Content,
-            {
-              className: "size-full overflow-y-auto",
-              value: "product" /* PRODUCT */,
-              "data-testid": "price-list-create-form-content-products",
-              children: /* @__PURE__ */ jsx4(PriceListProductsForm, { form })
-            }
-          ),
-          /* @__PURE__ */ jsx4(
-            ProgressTabs.Content,
-            {
-              className: "size-full overflow-hidden",
-              value: "price" /* PRICE */,
-              "data-testid": "price-list-create-form-content-prices",
-              children: /* @__PURE__ */ jsx4(
-                PriceListPricesForm,
-                {
-                  form,
-                  regions,
-                  currencies,
-                  pricePreferences
-                }
-              )
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx4(RouteFocusModal.Footer, { "data-testid": "price-list-create-form-footer", children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-end gap-x-2", children: [
-          /* @__PURE__ */ jsx4(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx4(Button2, { variant: "secondary", size: "small", "data-testid": "price-list-create-form-cancel-button", children: t("actions.cancel") }) }),
-          /* @__PURE__ */ jsx4(
-            PrimaryButton,
-            {
-              tab,
-              next: handleNextTab,
-              isLoading: isPending
-            }
-          )
-        ] }) })
-      ] })
-    }
-  ) });
-};
-var PrimaryButton = ({ tab, next, isLoading }) => {
-  const { t } = useTranslation3();
-  if (tab === "price" /* PRICE */) {
-    return /* @__PURE__ */ jsx4(
-      Button2,
-      {
-        type: "submit",
-        variant: "primary",
-        size: "small",
-        isLoading,
-        "data-testid": "price-list-create-form-save-button",
-        children: t("actions.save")
-      },
-      "submit-button"
-    );
-  }
+  const defaultTabs = useMemo2(
+    () => [
+      /* @__PURE__ */ jsx4(PriceListDetailsForm, {}, "detail"),
+      /* @__PURE__ */ jsx4(PriceListProductsForm, {}, "product"),
+      /* @__PURE__ */ jsx4(
+        PriceListPricesForm,
+        {
+          currencies,
+          regions,
+          pricePreferences
+        },
+        "price"
+      )
+    ],
+    [currencies, regions, pricePreferences]
+  );
+  const hasCustomChildren = Children.count(children) > 0;
   return /* @__PURE__ */ jsx4(
-    Button2,
+    TabbedForm,
     {
-      type: "button",
-      variant: "primary",
-      size: "small",
-      onClick: () => next(tab),
-      "data-testid": "price-list-create-form-continue-button",
-      children: t("actions.continue")
-    },
-    "next-button"
+      form,
+      onSubmit: handleSubmit,
+      isLoading: isPending,
+      children: hasCustomChildren ? children : defaultTabs
+    }
   );
 };
 
 // src/pages/price-lists/price-list-create/price-list-create.tsx
 import { jsx as jsx5 } from "react/jsx-runtime";
-var PriceListCreate = () => {
+var Root4 = ({ children }) => {
   const { isReady, regions, currencies, pricePreferences } = usePriceListCurrencyData();
-  return /* @__PURE__ */ jsx5(RouteFocusModal, { children: isReady && /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx5(RouteFocusModal, { children: isReady && (Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx5(
     PriceListCreateForm,
     {
       regions,
       currencies,
       pricePreferences
     }
-  ) });
+  )) });
 };
+var PriceListCreatePage = Object.assign(Root4, {
+  Form: PriceListCreateForm,
+  DetailsTab: PriceListDetailsForm,
+  ProductsTab: PriceListProductsForm,
+  PricesTab: PriceListPricesForm,
+  Tab: TabbedForm.Tab
+});
+var PriceListCreate = Root4;
+
 export {
-  PriceListCreate as Component
+  PricingCreateSchema,
+  PriceListCreatePage,
+  PriceListCreate
 };