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

package/dist/{chunk-YRUCTB6M.js → chunk-WEVSVBVF.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-5A4JNOK3.js";
 import {
   useRefundReasonTableQuery
-} from "./chunk-WKDHY2DJ.js";
+} from "./chunk-COOOOQ2N.js";
 import {
   DataTable
 } from "./chunk-C4XKPQ6T.js";

package/dist/{chunk-3BTRS4AA.js → chunk-WMK3BQPH.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-F2SZ4LPF.js";
 import {
   require_dist
-} from "./chunk-DSTHXHJ5.js";
+} from "./chunk-VYSB4CTB.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";

package/dist/{chunk-EGHDC6K6.js → chunk-X6KFVVHH.js}

@@ -1,9 +1,9 @@
 import {
   useProductTableColumns
-} from "./chunk-OYZIFLLC.js";
+} from "./chunk-I5HY5Q3K.js";
 import {
   useProductTableFilters
-} from "./chunk-4346EIRG.js";
+} from "./chunk-LGOPKYNG.js";
 import {
   useProductTableQuery
 } from "./chunk-H7NIKMPE.js";

package/dist/{chunk-2FPQHWJZ.js → chunk-X7IR2TVL.js}

@@ -1,6 +1,6 @@
 import {
   InventoryItemGeneralSection
-} from "./chunk-LFKTHNWI.js";
+} from "./chunk-APAT344J.js";
 import {
   SectionRow
 } from "./chunk-3XPXUIK3.js";
@@ -26,9 +26,11 @@ import {
 // src/pages/reservations/reservation-detail/reservation-detail.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/reservations/reservation-detail/components/reservation-general-section/reservation-general-section.tsx
 import { Container, Heading } from "@medusajs/ui";
+import { DisplayExtensionZone, DisplayField } from "@mercurjs/dashboard-shared";
 import { PencilSquare } from "@medusajs/icons";
 import { useTranslation } from "react-i18next";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -46,9 +48,18 @@ var ReservationGeneralSection = ({
   );
   return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx(Heading, { children: t("inventory.reservation.header", {
-        itemName: inventoryItem.title ?? inventoryItem.sku
-      }) }),
+      /* @__PURE__ */ jsx(
+        DisplayField,
+        {
+          model: "reservation",
+          zone: "general",
+          id: "header",
+          data: reservation,
+          children: /* @__PURE__ */ jsx(Heading, { children: t("inventory.reservation.header", {
+            itemName: inventoryItem.title ?? inventoryItem.sku
+          }) })
+        }
+      ),
       /* @__PURE__ */ jsx(
         ActionMenu,
         {
@@ -67,45 +78,116 @@ var ReservationGeneralSection = ({
       )
     ] }),
     /* @__PURE__ */ jsx(
-      SectionRow,
+      DisplayField,
+      {
+        model: "reservation",
+        zone: "general",
+        id: "line_item_id",
+        data: reservation,
+        children: /* @__PURE__ */ jsx(
+          SectionRow,
+          {
+            title: t("inventory.reservation.lineItemId"),
+            value: reservation.line_item_id
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayField,
       {
-        title: t("inventory.reservation.lineItemId"),
-        value: reservation.line_item_id
+        model: "reservation",
+        zone: "general",
+        id: "description",
+        data: reservation,
+        children: /* @__PURE__ */ jsx(
+          SectionRow,
+          {
+            title: t("inventory.reservation.description"),
+            value: reservation.description
+          }
+        )
       }
     ),
     /* @__PURE__ */ jsx(
-      SectionRow,
+      DisplayField,
       {
-        title: t("inventory.reservation.description"),
-        value: reservation.description
+        model: "reservation",
+        zone: "general",
+        id: "location",
+        data: reservation,
+        children: /* @__PURE__ */ jsx(
+          SectionRow,
+          {
+            title: t("inventory.reservation.location"),
+            value: location?.name
+          }
+        )
       }
     ),
     /* @__PURE__ */ jsx(
-      SectionRow,
+      DisplayField,
       {
-        title: t("inventory.reservation.location"),
-        value: location?.name
+        model: "reservation",
+        zone: "general",
+        id: "stocked_quantity",
+        data: reservation,
+        children: /* @__PURE__ */ jsx(
+          SectionRow,
+          {
+            title: t("inventory.reservation.inStockAtLocation"),
+            value: locationLevel?.stocked_quantity
+          }
+        )
       }
     ),
     /* @__PURE__ */ jsx(
-      SectionRow,
+      DisplayField,
       {
-        title: t("inventory.reservation.inStockAtLocation"),
-        value: locationLevel?.stocked_quantity
+        model: "reservation",
+        zone: "general",
+        id: "available_quantity",
+        data: reservation,
+        children: /* @__PURE__ */ jsx(
+          SectionRow,
+          {
+            title: t("inventory.reservation.availableAtLocation"),
+            value: locationLevel?.available_quantity
+          }
+        )
       }
     ),
     /* @__PURE__ */ jsx(
-      SectionRow,
+      DisplayField,
       {
-        title: t("inventory.reservation.availableAtLocation"),
-        value: locationLevel?.available_quantity
+        model: "reservation",
+        zone: "general",
+        id: "reserved_quantity",
+        data: reservation,
+        children: /* @__PURE__ */ jsx(
+          SectionRow,
+          {
+            title: t("inventory.reservation.reservedAtLocation"),
+            value: locationLevel?.reserved_quantity
+          }
+        )
       }
     ),
     /* @__PURE__ */ jsx(
-      SectionRow,
+      DisplayExtensionZone,
       {
-        title: t("inventory.reservation.reservedAtLocation"),
-        value: locationLevel?.reserved_quantity
+        model: "reservation",
+        zone: "general",
+        data: reservation,
+        builtInFieldIds: [
+          "header",
+          "line_item_id",
+          "description",
+          "location",
+          "stocked_quantity",
+          "available_quantity",
+          "reserved_quantity"
+        ]
       }
     )
   ] });
@@ -159,8 +241,8 @@ var Root = ({ children }) => {
       showMetadata: true,
       "data-testid": "reservation-detail-page",
       children: [
-        /* @__PURE__ */ jsx2(TwoColumnPage.Main, { children: /* @__PURE__ */ jsx2(ReservationGeneralSection, { reservation }) }),
-        /* @__PURE__ */ jsx2(TwoColumnPage.Sidebar, { children: inventory_item && /* @__PURE__ */ jsx2(InventoryItemGeneralSection, { inventoryItem: inventory_item }) })
+        /* @__PURE__ */ jsx2(TwoColumnPage.Main, { children: /* @__PURE__ */ jsx2(WidgetZone, { id: "reservation.detail.main", data: reservation, children: /* @__PURE__ */ jsx2(ReservationGeneralSection, { reservation }) }) }),
+        /* @__PURE__ */ jsx2(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx2(WidgetZone, { id: "reservation.detail.side", data: reservation, children: inventory_item && /* @__PURE__ */ jsx2(InventoryItemGeneralSection, { inventoryItem: inventory_item }) }) })
       ]
     }
   );

package/dist/{collection-add-products-JFUIZEZI.js → collection-add-products-XUKFZOCQ.js}

@@ -1,10 +1,10 @@
 import {
   useProductTableColumns
-} from "./chunk-OYZIFLLC.js";
-import "./chunk-DI2M3J5Q.js";
+} from "./chunk-I5HY5Q3K.js";
+import "./chunk-RMB7MPIT.js";
 import {
   useProductTableFilters
-} from "./chunk-4346EIRG.js";
+} from "./chunk-LGOPKYNG.js";
 import "./chunk-FWPGOIFA.js";
 import {
   useProductTableQuery
@@ -30,7 +30,7 @@ import "./chunk-PAYQJPGK.js";
 import "./chunk-UZWFZMOX.js";
 import "./chunk-XQNVC4Q7.js";
 import "./chunk-THHRRYRS.js";
-import "./chunk-DSTHXHJ5.js";
+import "./chunk-VYSB4CTB.js";
 import "./chunk-ABS7HMLY.js";
 import "./chunk-R325CPYC.js";
 import "./chunk-YNN2YNSE.js";

package/dist/{collection-detail-2WOLOVWF.js → collection-detail-ID4FKP22.js}

@@ -1,10 +1,10 @@
 import {
   CollectionDetailPage
-} from "./chunk-LVRCEGL7.js";
+} from "./chunk-ORCMDF54.js";
 import "./chunk-VM56ZITS.js";
-import "./chunk-OYZIFLLC.js";
-import "./chunk-DI2M3J5Q.js";
-import "./chunk-4346EIRG.js";
+import "./chunk-I5HY5Q3K.js";
+import "./chunk-RMB7MPIT.js";
+import "./chunk-LGOPKYNG.js";
 import "./chunk-FWPGOIFA.js";
 import "./chunk-H7NIKMPE.js";
 import "./chunk-DB6ANJBO.js";
@@ -21,7 +21,7 @@ import "./chunk-H6MYB7GB.js";
 import "./chunk-UZWFZMOX.js";
 import "./chunk-XQNVC4Q7.js";
 import "./chunk-THHRRYRS.js";
-import "./chunk-DSTHXHJ5.js";
+import "./chunk-VYSB4CTB.js";
 import "./chunk-ABS7HMLY.js";
 import "./chunk-R325CPYC.js";
 import "./chunk-YNN2YNSE.js";

package/dist/{collection-edit-UMZN5JZ6.js → collection-edit-GPUKISIV.js}

@@ -25,11 +25,13 @@ import { useTranslation as useTranslation2 } from "react-i18next";
 import { useParams } from "react-router-dom";
 
 // src/pages/collections/collection-edit/components/edit-collection-form/edit-collection-form.tsx
-import { zodResolver } from "@hookform/resolvers/zod";
 import { Button, Input, Text } from "@medusajs/ui";
-import { useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import * as zod from "zod";
+import {
+  FormExtensionZone,
+  useExtendableForm
+} from "@mercurjs/dashboard-shared";
 import { jsx, jsxs } from "react/jsx-runtime";
 var EditCollectionSchema = zod.object({
   title: zod.string().min(1),
@@ -38,12 +40,14 @@ var EditCollectionSchema = zod.object({
 var EditCollectionForm = ({ collection }) => {
   const { t } = useTranslation();
   const { handleSuccess } = useRouteModal();
-  const form = useForm({
+  const form = useExtendableForm({
+    schema: EditCollectionSchema,
+    model: "collection",
+    data: collection,
     defaultValues: {
       title: collection.title,
       handle: collection.handle
-    },
-    resolver: zodResolver(EditCollectionSchema)
+    }
   });
   const { mutateAsync, isPending } = useUpdateCollection(collection.id);
   const handleSubmit = form.handleSubmit(async (data) => {
@@ -94,6 +98,15 @@ var EditCollectionForm = ({ collection }) => {
             ] });
           }
         }
+      ),
+      /* @__PURE__ */ jsx(
+        FormExtensionZone,
+        {
+          model: "collection",
+          zone: "edit",
+          control: form.control,
+          data: collection
+        }
       )
     ] }) }),
     /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [

package/dist/{collection-list-B3Y2ALLZ.js → collection-list-C6U4CPLD.js}

@@ -1,6 +1,6 @@
 import {
   CollectionListPage
-} from "./chunk-KGA2XI6W.js";
+} from "./chunk-2CJIE5MY.js";
 import "./chunk-5BSSIDW6.js";
 import "./chunk-KOURHC2N.js";
 import "./chunk-2ZFELO2L.js";
@@ -11,7 +11,7 @@ import "./chunk-FMJBQE56.js";
 import "./chunk-HGTPUAHD.js";
 import "./chunk-VM56ZITS.js";
 import "./chunk-S2WEYEQR.js";
-import "./chunk-WKDHY2DJ.js";
+import "./chunk-COOOOQ2N.js";
 import "./chunk-MG4GKUJW.js";
 import "./chunk-AYVH6Q5O.js";
 import "./chunk-VOHEQ7B5.js";
@@ -23,7 +23,7 @@ import "./chunk-3XOE4NV5.js";
 import "./chunk-GRH7C3QN.js";
 import "./chunk-DY3XQPHC.js";
 import "./chunk-JHIMVLB2.js";
-import "./chunk-4346EIRG.js";
+import "./chunk-LGOPKYNG.js";
 import "./chunk-H7NIKMPE.js";
 import "./chunk-PHOCVOZ5.js";
 import "./chunk-RT6L7JXU.js";
@@ -40,7 +40,7 @@ import "./chunk-H6MYB7GB.js";
 import "./chunk-UZWFZMOX.js";
 import "./chunk-XQNVC4Q7.js";
 import "./chunk-THHRRYRS.js";
-import "./chunk-DSTHXHJ5.js";
+import "./chunk-VYSB4CTB.js";
 import "./chunk-ABS7HMLY.js";
 import "./chunk-R325CPYC.js";
 import "./chunk-YNN2YNSE.js";

package/dist/{customer-detail-ZGDPIWA4.js → customer-detail-IG2QAAQL.js}

@@ -1,6 +1,6 @@
 import {
   CustomerDetailPage
-} from "./chunk-UZ452ISX.js";
+} from "./chunk-U4MV53CS.js";
 import "./chunk-54EPH67T.js";
 import "./chunk-FMJBQE56.js";
 import "./chunk-4C7L7TJT.js";

package/dist/{customer-edit-D55FJLIN.js → customer-edit-TADBOMPB.js}

@@ -26,11 +26,13 @@ import { useTranslation as useTranslation2 } from "react-i18next";
 import { useParams } from "react-router-dom";
 
 // src/pages/customers/customer-edit/components/edit-customer-form/edit-customer-form.tsx
-import { zodResolver } from "@hookform/resolvers/zod";
 import { Button, Input, toast } from "@medusajs/ui";
-import { useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import * as zod from "zod";
+import {
+  FormExtensionZone,
+  useExtendableForm
+} from "@mercurjs/dashboard-shared";
 import { jsx, jsxs } from "react/jsx-runtime";
 var EditCustomerSchema = zod.object({
   email: zod.string().email(),
@@ -42,15 +44,17 @@ var EditCustomerSchema = zod.object({
 var EditCustomerForm = ({ customer }) => {
   const { t } = useTranslation();
   const { handleSuccess } = useRouteModal();
-  const form = useForm({
+  const form = useExtendableForm({
+    schema: EditCustomerSchema,
+    model: "customer",
+    data: customer,
     defaultValues: {
       email: customer.email || "",
       first_name: customer.first_name || "",
       last_name: customer.last_name || "",
       company_name: customer.company_name || "",
       phone: customer.phone || ""
-    },
-    resolver: zodResolver(EditCustomerSchema)
+    }
   });
   const { mutateAsync, isPending } = useUpdateCustomer(customer.id);
   const handleSubmit = form.handleSubmit(async (data) => {
@@ -155,6 +159,15 @@ var EditCustomerForm = ({ customer }) => {
             ] });
           }
         }
+      ),
+      /* @__PURE__ */ jsx(
+        FormExtensionZone,
+        {
+          model: "customer",
+          zone: "edit",
+          control: form.control,
+          data: customer
+        }
       )
     ] }) }),
     /* @__PURE__ */ jsx(RouteDrawer.Footer, { "data-testid": "edit-customer-form-footer", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", "data-testid": "edit-customer-form-footer-actions", children: [

package/dist/{customer-group-detail-FXUICFYC.js → customer-group-detail-2B7XJ7NT.js}

@@ -1,7 +1,7 @@
 import {
   CUSTOMER_GROUP_DETAIL_FIELDS,
   CustomerGroupDetailPage
-} from "./chunk-VPYI4X6C.js";
+} from "./chunk-PLU2GB4L.js";
 import "./chunk-QG6PLWNH.js";
 import "./chunk-HGTPUAHD.js";
 import "./chunk-GRH7C3QN.js";

package/dist/{customer-group-edit-NZ5SUPFQ.js → customer-group-edit-BX4HKVNN.js}

@@ -24,9 +24,11 @@ import { useTranslation as useTranslation2 } from "react-i18next";
 import { useParams } from "react-router-dom";
 
 // src/pages/customer-groups/customer-group-edit/components/edit-customer-group-form/edit-customer-group-form.tsx
-import { zodResolver } from "@hookform/resolvers/zod";
 import { Button, Input, toast } from "@medusajs/ui";
-import { useForm } from "react-hook-form";
+import {
+  FormExtensionZone,
+  useExtendableForm
+} from "@mercurjs/dashboard-shared";
 import { useTranslation } from "react-i18next";
 import * as z from "zod";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -38,11 +40,13 @@ var EditCustomerGroupForm = ({
 }) => {
   const { t } = useTranslation();
   const { handleSuccess } = useRouteModal();
-  const form = useForm({
+  const form = useExtendableForm({
+    schema: EditCustomerGroupSchema,
+    model: "customer_group",
+    data: group,
     defaultValues: {
       name: group.name || ""
-    },
-    resolver: zodResolver(EditCustomerGroupSchema)
+    }
   });
   const { mutateAsync, isPending } = useUpdateCustomerGroup(group.id);
   const handleSubmit = form.handleSubmit(async (data) => {
@@ -67,20 +71,31 @@ var EditCustomerGroupForm = ({
       className: "flex flex-1 flex-col overflow-hidden",
       "data-testid": "edit-customer-group-form-keybound",
       children: [
-        /* @__PURE__ */ jsx(RouteDrawer.Body, { className: "flex max-w-full flex-1 flex-col gap-y-8 overflow-y-auto", "data-testid": "edit-customer-group-form-body", children: /* @__PURE__ */ jsx(
-          Form.Field,
-          {
-            control: form.control,
-            name: "name",
-            render: ({ field }) => {
-              return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "edit-customer-group-form-name-item", children: [
-                /* @__PURE__ */ jsx(Form.Label, { "data-testid": "edit-customer-group-form-name-label", children: t("fields.name") }),
-                /* @__PURE__ */ jsx(Form.Control, { "data-testid": "edit-customer-group-form-name-control", children: /* @__PURE__ */ jsx(Input, { ...field, size: "small", "data-testid": "edit-customer-group-form-name-input" }) }),
-                /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "edit-customer-group-form-name-error" })
-              ] });
+        /* @__PURE__ */ jsxs(RouteDrawer.Body, { className: "flex max-w-full flex-1 flex-col gap-y-8 overflow-y-auto", "data-testid": "edit-customer-group-form-body", children: [
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "name",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "edit-customer-group-form-name-item", children: [
+                  /* @__PURE__ */ jsx(Form.Label, { "data-testid": "edit-customer-group-form-name-label", children: t("fields.name") }),
+                  /* @__PURE__ */ jsx(Form.Control, { "data-testid": "edit-customer-group-form-name-control", children: /* @__PURE__ */ jsx(Input, { ...field, size: "small", "data-testid": "edit-customer-group-form-name-input" }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "edit-customer-group-form-name-error" })
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            FormExtensionZone,
+            {
+              model: "customer_group",
+              zone: "edit",
+              control: form.control,
+              data: group
             }
-          }
-        ) }),
+          )
+        ] }),
         /* @__PURE__ */ jsx(RouteDrawer.Footer, { "data-testid": "edit-customer-group-form-footer", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", "data-testid": "edit-customer-group-form-footer-actions", children: [
           /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", "data-testid": "edit-customer-group-form-cancel-button", children: t("actions.cancel") }) }),
           /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, "data-testid": "edit-customer-group-form-submit-button", children: t("actions.save") })

package/dist/{customer-group-list-R2DP2D42.js → customer-group-list-7LN5TN3G.js}

@@ -1,6 +1,6 @@
 import {
   CustomerGroupListPage
-} from "./chunk-THPXRTE5.js";
+} from "./chunk-IMLKFVFH.js";
 import "./chunk-FMJBQE56.js";
 import "./chunk-3XOE4NV5.js";
 import "./chunk-E74OUNA3.js";

package/dist/{customer-list-Z4DUQHCH.js → customer-list-K5TV3PSF.js}

@@ -1,6 +1,6 @@
 import {
   CustomerListPage
-} from "./chunk-65YE4SVL.js";
+} from "./chunk-OVUKVGGD.js";
 import "./chunk-QG6PLWNH.js";
 import "./chunk-HGTPUAHD.js";
 import "./chunk-GRH7C3QN.js";

package/dist/{edit-inventory-item-73BY4I5T.js → edit-inventory-item-4RXYRJ7O.js}

@@ -55,10 +55,12 @@ import { useParams } from "react-router-dom";
 
 // src/pages/inventory/inventory-detail/components/edit-inventory-item/components/edit-item-form.tsx
 import { Button, Input, toast } from "@medusajs/ui";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { z } from "zod";
+import {
+  FormExtensionZone,
+  useExtendableForm
+} from "@mercurjs/dashboard-shared";
 import { jsx, jsxs } from "react/jsx-runtime";
 var EditInventoryItemSchema = z.object({
   title: z.string().optional(),
@@ -73,13 +75,15 @@ var getDefaultValues = (item) => {
 var EditInventoryItemForm = ({ item }) => {
   const { t } = useTranslation();
   const { handleSuccess } = useRouteModal();
-  const form = useForm({
-    defaultValues: getDefaultValues(item),
-    resolver: zodResolver(EditInventoryItemSchema)
+  const form = useExtendableForm({
+    schema: EditInventoryItemSchema,
+    model: "inventory_item",
+    data: item,
+    defaultValues: getDefaultValues(item)
   });
   const { mutateAsync, isPending: isLoading } = useUpdateInventoryItem(item.id);
   const handleSubmit = form.handleSubmit(async (values) => {
-    mutateAsync(values, {
+    mutateAsync({ title: values.title, sku: values.sku }, {
       onSuccess: () => {
         toast.success(t("inventory.toast.updateItem"));
         handleSuccess();
@@ -122,6 +126,15 @@ var EditInventoryItemForm = ({ item }) => {
                 ] });
               }
             }
+          ),
+          /* @__PURE__ */ jsx(
+            FormExtensionZone,
+            {
+              model: "inventory_item",
+              zone: "edit",
+              control: form.control,
+              data: item
+            }
           )
         ] }),
         /* @__PURE__ */ jsx(RouteDrawer.Footer, { "data-testid": "inventory-edit-item-form-footer", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", "data-testid": "inventory-edit-item-form-footer-actions", children: [

package/dist/{edit-reservation-BC5IOLK6.js → edit-reservation-HA6J6U2N.js}

@@ -34,10 +34,12 @@ import { useParams } from "react-router-dom";
 
 // src/pages/reservations/reservation-detail/components/edit-reservation/components/edit-reservation-form.tsx
 import { Button, Input, Select, Text, Textarea, toast } from "@medusajs/ui";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { z } from "zod";
+import {
+  FormExtensionZone,
+  useExtendableForm
+} from "@mercurjs/dashboard-shared";
 import { jsx, jsxs } from "react/jsx-runtime";
 var EditReservationSchema = z.object({
   location_id: z.string(),
@@ -68,9 +70,11 @@ var EditReservationForm = ({
   const { t } = useTranslation();
   const { handleSuccess } = useRouteModal();
   const direction = useDocumentDirection();
-  const form = useForm({
-    defaultValues: getDefaultValues(reservation),
-    resolver: zodResolver(EditReservationSchema)
+  const form = useExtendableForm({
+    schema: EditReservationSchema,
+    model: "reservation",
+    data: reservation,
+    defaultValues: getDefaultValues(reservation)
   });
   const { mutateAsync } = useUpdateReservationItem(reservation.id);
   const handleSubmit = form.handleSubmit(async (values) => {
@@ -192,6 +196,15 @@ var EditReservationForm = ({
                 ] });
               }
             }
+          ),
+          /* @__PURE__ */ jsx(
+            FormExtensionZone,
+            {
+              model: "reservation",
+              zone: "edit",
+              control: form.control,
+              data: reservation
+            }
           )
         ] }),
         /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [