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

package/dist/{price-list-prices-add-7PGUONDK.js → chunk-GOVOSXUU.js}

@@ -2,104 +2,73 @@ import {
   PriceListCreateProductsSchema,
   usePriceListCurrencyData,
   usePriceListGridColumns
-} from "./chunk-S4QUEQQK.js";
+} from "./chunk-MSFNMGFD.js";
 import {
   exctractPricesFromProducts,
   isProductRow
 } from "./chunk-U5MJIHLY.js";
-import "./chunk-6IJMSVC6.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";
-import {
-  useDocumentDirection
-} from "./chunk-Y7QKP6QU.js";
+  TabbedForm,
+  defineTabMeta,
+  useTabbedForm
+} from "./chunk-5GG65TKV.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,
   useRouteModal
 } from "./chunk-MWOKFNRO.js";
-import "./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 {
   useBatchPriceListPrices,
   usePriceList
 } 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-prices-add/components/price-list-prices-add-form/schema.ts
+import { z } from "zod";
+var PriceListPricesAddSchema = z.object({
+  product_ids: z.array(z.object({ id: z.string() })).min(1),
+  products: PriceListCreateProductsSchema
+});
+var PriceListPricesAddProductIdsSchema = PriceListPricesAddSchema.pick(
+  {
+    product_ids: true
+  }
+);
+var PriceListPricesAddProductsIdsFields = Object.keys(
+  PriceListPricesAddProductIdsSchema.shape
+);
+var PriceListPricesAddProductsSchema = PriceListPricesAddSchema.pick({
+  products: true
+});
+var PriceListPricesAddProductsFields = Object.keys(
+  PriceListPricesAddProductsSchema.shape
+);
 
 // src/pages/price-lists/price-list-prices-add/price-list-prices-add.tsx
+import { Children as Children2 } from "react";
 import { useParams } from "react-router-dom";
 
 // src/pages/price-lists/price-list-prices-add/components/price-list-prices-add-form/price-list-prices-add-form.tsx
 import { zodResolver } from "@hookform/resolvers/zod";
-import { Button, ProgressTabs, toast } from "@medusajs/ui";
-import { useState as useState2 } from "react";
+import { toast } from "@medusajs/ui";
+import { Children, useMemo as useMemo2 } from "react";
 import { useForm } from "react-hook-form";
 import { useTranslation as useTranslation2 } from "react-i18next";
 
@@ -107,12 +76,12 @@ import { useTranslation as useTranslation2 } from "react-i18next";
 import { useEffect } from "react";
 import { useWatch } from "react-hook-form";
 import { jsx } from "react/jsx-runtime";
-var PriceListPricesAddPricesForm = ({
-  form,
+var Root = ({
   currencies,
   regions,
   pricePreferences
 }) => {
+  const form = useTabbedForm();
   const ids = useWatch({
     control: form.control,
     name: "product_ids"
@@ -170,6 +139,12 @@ var PriceListPricesAddPricesForm = ({
     }
   ) });
 };
+Root._tabMeta = defineTabMeta({
+  id: "price",
+  labelKey: "priceLists.create.tabs.prices",
+  validationFields: ["products"]
+});
+var PriceListPricesAddPricesForm = Root;
 
 // src/pages/price-lists/price-list-prices-add/components/price-list-prices-add-form/price-list-prices-add-product-ids-form.tsx
 import { Checkbox, Tooltip } from "@medusajs/ui";
@@ -189,11 +164,11 @@ function getInitialSelection(products) {
     return acc;
   }, {});
 }
-var PriceListPricesAddProductIdsForm = ({
-  priceList,
-  form
+var Root2 = ({
+  priceList
 }) => {
   const { t } = useTranslation();
+  const form = useTabbedForm();
   const { control, setValue } = form;
   const variantIdMap = useMemo(() => {
     return priceList.prices.reduce(
@@ -338,52 +313,33 @@ var useColumns = () => {
     [base]
   );
 };
-
-// src/pages/price-lists/price-list-prices-add/components/price-list-prices-add-form/schema.ts
-import { z } from "zod";
-var PriceListPricesAddSchema = z.object({
-  product_ids: z.array(z.object({ id: z.string() })).min(1),
-  products: PriceListCreateProductsSchema
-});
-var PriceListPricesAddProductIdsSchema = PriceListPricesAddSchema.pick(
-  {
-    product_ids: true
-  }
-);
-var PriceListPricesAddProductsIdsFields = Object.keys(
-  PriceListPricesAddProductIdsSchema.shape
-);
-var PriceListPricesAddProductsSchema = PriceListPricesAddSchema.pick({
-  products: true
+Root2._tabMeta = defineTabMeta({
+  id: "product",
+  labelKey: "priceLists.create.tabs.products",
+  validationFields: ["product_ids"]
 });
-var PriceListPricesAddProductsFields = Object.keys(
-  PriceListPricesAddProductsSchema.shape
-);
+var PriceListPricesAddProductIdsForm = Root2;
 
 // src/pages/price-lists/price-list-prices-add/components/price-list-prices-add-form/price-list-prices-add-form.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-var tabOrder = ["product" /* PRODUCT */, "price" /* PRICE */];
-var initialTabState = {
-  ["product" /* PRODUCT */]: "in-progress",
-  ["price" /* PRICE */]: "not-started"
-};
+import { jsx as jsx3 } from "react/jsx-runtime";
 var PriceListPricesAddForm = ({
   priceList,
   regions,
   currencies,
-  pricePreferences
+  pricePreferences,
+  children,
+  schema,
+  defaultValues: extraDefaults
 }) => {
-  const [tab, setTab] = useState2("product" /* PRODUCT */);
-  const [tabState, setTabState] = useState2(initialTabState);
   const { t } = useTranslation2();
   const { handleSuccess } = useRouteModal();
-  const direction = useDocumentDirection();
   const form = useForm({
     defaultValues: {
       products: {},
-      product_ids: []
+      product_ids: [],
+      ...extraDefaults
     },
-    resolver: zodResolver(PriceListPricesAddSchema)
+    resolver: zodResolver(schema ?? PriceListPricesAddSchema)
   });
   const { mutateAsync, isPending } = useBatchPriceListPrices(priceList.id);
   const handleSubmit = form.handleSubmit(async (values) => {
@@ -402,202 +358,36 @@ var PriceListPricesAddForm = ({
       }
     );
   });
-  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 "product" /* PRODUCT */: {
-        const fields = PriceListPricesAddProductsIdsFields;
-        return fields.some((field) => {
-          return form.getFieldState(field).isDirty;
-        });
-      }
-      case "price" /* PRICE */: {
-        const fields = PriceListPricesAddProductsFields;
-        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 === "product" /* PRODUCT */) {
-        if (!partialFormValidation(
-          PriceListPricesAddProductsIdsFields,
-          PriceListPricesAddProductIdsSchema
-        )) {
-          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__ */ jsx3(RouteFocusModal.Form, { form, "data-testid": "price-list-prices-add-form", children: /* @__PURE__ */ jsx3(
-    ProgressTabs,
-    {
-      dir: direction,
-      value: tab,
-      onValueChange: (tab2) => handleChangeTab(tab2),
-      className: "flex h-full flex-col overflow-hidden",
-      "data-testid": "price-list-prices-add-form-tabs",
-      children: /* @__PURE__ */ jsxs(KeyboundForm, { onSubmit: handleSubmit, className: "flex h-full flex-col", children: [
-        /* @__PURE__ */ jsx3(RouteFocusModal.Header, { "data-testid": "price-list-prices-add-form-header", children: /* @__PURE__ */ jsx3("div", { className: "flex w-full items-center justify-between gap-x-4", children: /* @__PURE__ */ jsx3("div", { className: "-my-2 w-full max-w-[600px] border-l", children: /* @__PURE__ */ jsxs(ProgressTabs.List, { className: "grid w-full grid-cols-3", "data-testid": "price-list-prices-add-form-tabs-list", children: [
-          /* @__PURE__ */ jsx3(
-            ProgressTabs.Trigger,
-            {
-              status: tabState.product,
-              value: "product" /* PRODUCT */,
-              "data-testid": "price-list-prices-add-form-tab-products",
-              children: t("priceLists.create.tabs.products")
-            }
-          ),
-          /* @__PURE__ */ jsx3(
-            ProgressTabs.Trigger,
-            {
-              status: tabState.price,
-              value: "price" /* PRICE */,
-              "data-testid": "price-list-prices-add-form-tab-prices",
-              children: t("priceLists.create.tabs.prices")
-            }
-          )
-        ] }) }) }) }),
-        /* @__PURE__ */ jsxs(RouteFocusModal.Body, { className: "size-full overflow-hidden", "data-testid": "price-list-prices-add-form-body", children: [
-          /* @__PURE__ */ jsx3(
-            ProgressTabs.Content,
-            {
-              className: "size-full overflow-y-auto",
-              value: "product" /* PRODUCT */,
-              "data-testid": "price-list-prices-add-form-content-products",
-              children: /* @__PURE__ */ jsx3(
-                PriceListPricesAddProductIdsForm,
-                {
-                  form,
-                  priceList
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx3(
-            ProgressTabs.Content,
-            {
-              className: "size-full overflow-hidden",
-              value: "price" /* PRICE */,
-              "data-testid": "price-list-prices-add-form-content-prices",
-              children: /* @__PURE__ */ jsx3(
-                PriceListPricesAddPricesForm,
-                {
-                  form,
-                  regions,
-                  currencies,
-                  pricePreferences
-                }
-              )
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx3(RouteFocusModal.Footer, { "data-testid": "price-list-prices-add-form-footer", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
-          /* @__PURE__ */ jsx3(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx3(Button, { variant: "secondary", size: "small", "data-testid": "price-list-prices-add-form-cancel-button", children: t("actions.cancel") }) }),
-          /* @__PURE__ */ jsx3(
-            PrimaryButton,
-            {
-              tab,
-              next: handleNextTab,
-              isLoading: isPending
-            }
-          )
-        ] }) })
-      ] })
-    }
-  ) });
-};
-var PrimaryButton = ({ tab, next, isLoading }) => {
-  const { t } = useTranslation2();
-  if (tab === "price" /* PRICE */) {
-    return /* @__PURE__ */ jsx3(
-      Button,
-      {
-        type: "submit",
-        variant: "primary",
-        size: "small",
-        isLoading,
-        "data-testid": "price-list-prices-add-form-save-button",
-        children: t("actions.save")
-      },
-      "submit-button"
-    );
-  }
+  const defaultTabs = useMemo2(
+    () => [
+      /* @__PURE__ */ jsx3(PriceListPricesAddProductIdsForm, { priceList }, "product"),
+      /* @__PURE__ */ jsx3(
+        PriceListPricesAddPricesForm,
+        {
+          currencies,
+          regions,
+          pricePreferences
+        },
+        "price"
+      )
+    ],
+    [priceList, currencies, regions, pricePreferences]
+  );
+  const hasCustomChildren = Children.count(children) > 0;
   return /* @__PURE__ */ jsx3(
-    Button,
+    TabbedForm,
     {
-      type: "button",
-      variant: "primary",
-      size: "small",
-      onClick: () => next(tab),
-      "data-testid": "price-list-prices-add-form-continue-button",
-      children: t("actions.continue")
-    },
-    "next-button"
+      form,
+      onSubmit: handleSubmit,
+      isLoading: isPending,
+      children: hasCustomChildren ? children : defaultTabs
+    }
   );
 };
 
 // src/pages/price-lists/price-list-prices-add/price-list-prices-add.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
-var PriceListProductsAdd = () => {
+var Root3 = ({ children }) => {
   const { id } = useParams();
   const { price_list, isPending, isError, error } = usePriceList(id);
   const currencyData = usePriceListCurrencyData();
@@ -605,14 +395,24 @@ var PriceListProductsAdd = () => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsx4(RouteFocusModal, { children: ready && /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx4(RouteFocusModal, { children: ready && (Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx4(
     PriceListPricesAddForm,
     {
       priceList: price_list,
       ...currencyData
     }
-  ) });
+  )) });
 };
+var PriceListPricesAddPage = Object.assign(Root3, {
+  Form: PriceListPricesAddForm,
+  ProductIdsTab: PriceListPricesAddProductIdsForm,
+  PricesTab: PriceListPricesAddPricesForm,
+  Tab: TabbedForm.Tab
+});
+var PriceListProductsAdd = Root3;
+
 export {
-  PriceListProductsAdd as Component
+  PriceListPricesAddSchema,
+  PriceListPricesAddPage,
+  PriceListProductsAdd
 };

package/dist/{chunk-66IHH2HG.js → chunk-H6W6Q6YE.js}

@@ -19,7 +19,7 @@ import {
 } from "./chunk-ULJ3OMWU.js";
 import {
   SingleColumnPage
-} from "./chunk-U2UCL2VG.js";
+} from "./chunk-XIZLPYEE.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -290,7 +290,7 @@ import { jsx as jsx5 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   return /* @__PURE__ */ jsx5(SingleColumnPage, { hasOutlet: true, children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx5(CategoryListTable, {}) });
 };
-var CategoryList = Object.assign(Root, {
+var CategoryListPage = Object.assign(Root, {
   Table: CategoryListTable,
   Header: CategoryListHeader,
   HeaderTitle: CategoryListTitle,
@@ -299,5 +299,5 @@ var CategoryList = Object.assign(Root, {
 });
 
 export {
-  CategoryList
+  CategoryListPage
 };