@mercurjs/admin 2.2.0-canary.39 → 2.2.0-canary.41

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-IR6CW36P.js → customer-group-list-7LN5TN3G.js}

@@ -1,11 +1,11 @@
 import {
   CustomerGroupListPage
-} from "./chunk-FZPSX44L.js";
+} from "./chunk-IMLKFVFH.js";
 import "./chunk-FMJBQE56.js";
 import "./chunk-3XOE4NV5.js";
 import "./chunk-E74OUNA3.js";
 import "./chunk-FQERBIVS.js";
-import "./chunk-HSL5IICN.js";
+import "./chunk-6ZVV2XHU.js";
 import "./chunk-YN3FGNJM.js";
 import "./chunk-ZAOEFQ6K.js";
 import "./chunk-PAYQJPGK.js";

package/dist/{customer-group-metadata-4W32YXXP.js → customer-group-metadata-JX7ZBXLJ.js}

@@ -1,7 +1,7 @@
 import "./chunk-NCMUZ6BQ.js";
 import {
   MetadataForm
-} from "./chunk-AROCMF45.js";
+} from "./chunk-X5PMVI7H.js";
 import "./chunk-TKGWSUEI.js";
 import "./chunk-SITRHMZZ.js";
 import "./chunk-FWJLS7XD.js";

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

@@ -1,6 +1,6 @@
 import {
   CustomerListPage
-} from "./chunk-I3ARNGRC.js";
+} from "./chunk-OVUKVGGD.js";
 import "./chunk-QG6PLWNH.js";
 import "./chunk-HGTPUAHD.js";
 import "./chunk-GRH7C3QN.js";
@@ -9,7 +9,7 @@ import "./chunk-DB6ANJBO.js";
 import "./chunk-PHOCVOZ5.js";
 import "./chunk-E74OUNA3.js";
 import "./chunk-FQERBIVS.js";
-import "./chunk-HSL5IICN.js";
+import "./chunk-6ZVV2XHU.js";
 import "./chunk-YN3FGNJM.js";
 import "./chunk-ZAOEFQ6K.js";
 import "./chunk-PAYQJPGK.js";

package/dist/{customer-metadata-L622ZJ43.js → customer-metadata-JT5GGCRV.js}

@@ -1,7 +1,7 @@
 import "./chunk-NCMUZ6BQ.js";
 import {
   MetadataForm
-} from "./chunk-AROCMF45.js";
+} from "./chunk-X5PMVI7H.js";
 import "./chunk-TKGWSUEI.js";
 import "./chunk-SITRHMZZ.js";
 import "./chunk-FWJLS7XD.js";

package/dist/{customers-add-customer-group-PWKJZJBP.js → customers-add-customer-group-KX3XNNMU.js}

@@ -22,7 +22,7 @@ import "./chunk-FQERBIVS.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-HSL5IICN.js";
+} from "./chunk-6ZVV2XHU.js";
 import "./chunk-YN3FGNJM.js";
 import "./chunk-ZAOEFQ6K.js";
 import "./chunk-PAYQJPGK.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: [

package/dist/{edit-rules-OK44K33O.js → edit-rules-4PPNBI7B.js}

@@ -1,6 +1,6 @@
 import {
   RulesFormField
-} from "./chunk-LH4WPKYK.js";
+} from "./chunk-K7H77TA5.js";
 import "./chunk-5KGMGL4N.js";
 import "./chunk-PYDRHQTY.js";
 import "./chunk-AW77UWCZ.js";

package/dist/extension-targets.d.ts

@@ -0,0 +1,195 @@
+// GENERATED by scripts/generate-extension-targets.ts — do not edit by hand.
+// Seeds the built-in extension target ids from this panel's host usages.
+import "@mercurjs/dashboard-sdk"
+
+declare module "@mercurjs/dashboard-sdk" {
+  interface WidgetZoneRegistry {
+    "campaigns.detail.main.after": true
+    "campaigns.detail.main.before": true
+    "campaigns.detail.side.after": true
+    "campaigns.detail.side.before": true
+    "campaigns.list.after": true
+    "campaigns.list.before": true
+    "categories.detail.main.after": true
+    "categories.detail.main.before": true
+    "categories.detail.side.after": true
+    "categories.detail.side.before": true
+    "categories.list.after": true
+    "categories.list.before": true
+    "collections.detail.main.after": true
+    "collections.detail.main.before": true
+    "collections.list.after": true
+    "collections.list.before": true
+    "customer-groups.detail.main.after": true
+    "customer-groups.detail.main.before": true
+    "customer-groups.list.after": true
+    "customer-groups.list.before": true
+    "customers.detail.main.after": true
+    "customers.detail.main.before": true
+    "customers.detail.side.after": true
+    "customers.detail.side.before": true
+    "customers.list.after": true
+    "customers.list.before": true
+    "inventory.detail.main.after": true
+    "inventory.detail.main.before": true
+    "inventory.detail.side.after": true
+    "inventory.detail.side.before": true
+    "inventory.list.after": true
+    "inventory.list.before": true
+    "offers.detail.main.after": true
+    "offers.detail.main.before": true
+    "offers.detail.side.after": true
+    "offers.detail.side.before": true
+    "offers.list.after": true
+    "offers.list.before": true
+    "orders.detail.main.after": true
+    "orders.detail.main.before": true
+    "orders.detail.side.after": true
+    "orders.detail.side.before": true
+    "orders.list.after": true
+    "orders.list.before": true
+    "price-lists.detail.main.after": true
+    "price-lists.detail.main.before": true
+    "price-lists.detail.side.after": true
+    "price-lists.detail.side.before": true
+    "price-lists.list.after": true
+    "price-lists.list.before": true
+    "product.detail.main.after": true
+    "product.detail.main.before": true
+    "product.detail.side.after": true
+    "product.detail.side.before": true
+    "promotions.detail.main.after": true
+    "promotions.detail.main.before": true
+    "promotions.detail.side.after": true
+    "promotions.detail.side.before": true
+    "promotions.list.after": true
+    "promotions.list.before": true
+    "reservation.detail.main.after": true
+    "reservation.detail.main.before": true
+    "reservation.detail.side.after": true
+    "reservation.detail.side.before": true
+    "reservation.list.after": true
+    "reservation.list.before": true
+    "stores.detail.main.after": true
+    "stores.detail.main.before": true
+    "stores.detail.side.after": true
+    "stores.detail.side.before": true
+    "stores.list.after": true
+    "stores.list.before": true
+  }
+
+  interface NavItemRegistry {
+    "campaigns": true
+    "categories": true
+    "collections": true
+    "customer-groups": true
+    "customers": true
+    "inventory": true
+    "offers": true
+    "orders": true
+    "payouts": true
+    "price-lists": true
+    "products": true
+    "promotions": true
+    "reservations": true
+    "stores": true
+  }
+
+  interface NavParentRegistry {
+    "customers": true
+    "inventory": true
+    "orders": true
+    "payouts": true
+    "price-lists": true
+    "products": true
+    "promotions": true
+    "stores": true
+  }
+
+  interface CustomFieldsRegistry {
+    "attribute": {
+      formZones: "create"
+      formTabs: { "create": "details" | "type" }
+      displayZones: never
+      displayFieldIds: never
+    }
+    "campaign": {
+      formZones: "edit"
+      formTabs: Record<string, string>
+      displayZones: "configuration" | "general" | "promotions"
+      displayFieldIds: "campaign_identifier" | "currency_code" | "description" | "name" | "status"
+    }
+    "category": {
+      formZones: "create" | "edit"
+      formTabs: { "create": "details" | "organize" }
+      displayZones: "general" | "icon" | "media" | "organize" | "products"
+      displayFieldIds: "description" | "handle" | "is_active" | "is_internal" | "name"
+    }
+    "collection": {
+      formZones: "edit"
+      formTabs: Record<string, string>
+      displayZones: "general" | "icon" | "media" | "products"
+      displayFieldIds: "handle" | "title"
+    }
+    "customer": {
+      formZones: "edit"
+      formTabs: Record<string, string>
+      displayZones: "addresses" | "general" | "groups" | "orders"
+      displayFieldIds: "company_name" | "email" | "name" | "phone" | "status"
+    }
+    "customer_group": {
+      formZones: "edit"
+      formTabs: Record<string, string>
+      displayZones: "customers" | "general"
+      displayFieldIds: "customers" | "name" | "owner"
+    }
+    "inventory_item": {
+      formZones: "create" | "edit"
+      formTabs: { "create": "availability" | "details" }
+      displayZones: "attributes" | "general" | "locations" | "reservations" | "variants"
+      displayFieldIds: "available_quantity" | "reserved_quantity" | "sku" | "stocked_quantity" | "title"
+    }
+    "offer": {
+      formZones: never
+      formTabs: Record<string, string>
+      displayZones: "associated-product" | "general" | "store" | "variants"
+      displayFieldIds: "description" | "discountable" | "handle" | "status" | "subtitle" | "title"
+    }
+    "order": {
+      formZones: never
+      formTabs: Record<string, string>
+      displayZones: "activity" | "commission" | "customer" | "general" | "order-group" | "payment" | "summary"
+      displayFieldIds: "created_at" | "display_id" | "fulfillment_status" | "payment_status" | "status"
+    }
+    "price_list": {
+      formZones: "create" | "edit"
+      formTabs: { "create": "detail" | "price" | "product" }
+      displayZones: "configuration" | "general" | "products"
+      displayFieldIds: "description" | "price_overrides" | "status" | "title" | "type"
+    }
+    "product": {
+      formZones: "create"
+      formTabs: { "create": "attributes" | "details" | "organize" | "variants" }
+      displayZones: "attributes" | "general" | "media" | "organize" | "request" | "variants"
+      displayFieldIds: "description" | "discountable" | "handle" | "status" | "subtitle" | "title"
+    }
+    "promotion": {
+      formZones: "create" | "edit"
+      formTabs: { "create": "campaign" | "promotion" | "type" }
+      displayZones: "campaign" | "general"
+      displayFieldIds: "allocation" | "code" | "code_badge" | "is_automatic" | "is_tax_inclusive" | "status" | "type" | "value"
+    }
+    "reservation": {
+      formZones: "edit"
+      formTabs: Record<string, string>
+      displayZones: "general"
+      displayFieldIds: "available_quantity" | "description" | "header" | "line_item_id" | "location" | "reserved_quantity" | "stocked_quantity"
+    }
+    "store": {
+      formZones: "create" | "edit"
+      formTabs: { "create": "details" | "users" }
+      displayZones: "address" | "company-details" | "configuration" | "general" | "members" | "offers" | "orders" | "payment-details" | "requests"
+      displayFieldIds: "currency_code" | "description" | "email" | "handle" | "phone" | "website_url"
+    }
+  }
+}

package/dist/extension-targets.js

@@ -0,0 +1 @@
+export {}

package/dist/{global-commission-edit-7ZMMIV7B.js → global-commission-edit-TRSS5JBH.js}

@@ -100,9 +100,7 @@ var EditGlobalCommissionForm = ({ rate }) => {
     await mutateAsync(payload, {
       onSuccess: () => {
         toast.success(
-          t("commissions.global.edit.successToast", {
-            defaultValue: "Global commission was successfully updated."
-          })
+          t("commissions.global.edit.successToast")
         );
         handleSuccess();
       },

package/dist/index.d.ts

@@ -5,7 +5,7 @@ import * as react_hook_form from 'react-hook-form';
 import { FieldValues, UseFormReturn, FieldPath, ControllerProps } from 'react-hook-form';
 import { T as TabDefinition } from './constants-CBhKGpBZ.js';
 export { P as PRODUCT_DETAIL_FIELDS, a as PRODUCT_DETAIL_QUERY, d as defineTabMeta } from './constants-CBhKGpBZ.js';
-import { Label, Slot } from 'radix-ui';
+import { Label } from 'radix-ui';
 import * as _tanstack_react_table from '@tanstack/react-table';
 import { Table, ColumnDef, Row, RowSelectionState, OnChangeFn } from '@tanstack/react-table';
 
@@ -24,6 +24,8 @@ type TabbedFormProps<T extends FieldValues> = {
     isLoading?: boolean;
     footer?: (props: FooterRenderProps) => ReactNode;
     transformTabs?: (tabs: TabDefinition<T>[]) => TabDefinition<T>[];
+    model?: string;
+    zone?: string;
 };
 declare function Root<T extends FieldValues>({ form, onSubmit, children, isLoading, footer, transformTabs, }: TabbedFormProps<T>): react_jsx_runtime.JSX.Element;
 declare const TabbedForm: typeof Root & {
@@ -42,7 +44,9 @@ declare const Form: (<TFieldValues extends FieldValues, TContext = any, TTransfo
         tooltip?: ReactNode;
         icon?: ReactNode;
     } & react__default.RefAttributes<HTMLLabelElement>>;
-    Control: react__default.ForwardRefExoticComponent<Omit<Slot.SlotProps & react__default.RefAttributes<HTMLElement>, "ref"> & react__default.RefAttributes<HTMLElement>>;
+    Control: react__default.ForwardRefExoticComponent<Omit<react__default.HTMLAttributes<HTMLElement> & {
+        children?: react__default.ReactNode;
+    } & react__default.RefAttributes<HTMLElement>, "ref"> & react__default.RefAttributes<HTMLElement>>;
     Hint: react__default.ForwardRefExoticComponent<react__default.HTMLAttributes<HTMLParagraphElement> & react__default.RefAttributes<HTMLParagraphElement>>;
     ErrorMessage: react__default.ForwardRefExoticComponent<react__default.HTMLAttributes<HTMLParagraphElement> & react__default.RefAttributes<HTMLParagraphElement>>;
     Field: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;