@mercurjs/admin 2.2.0 → 2.2.1-canary.0

package/dist/{promotion-edit-details-GURXKLSK.js → promotion-edit-details-SH27X7GF.js}

@@ -1,6 +1,9 @@
 import {
   DeprecatedPercentageInput
 } from "./chunk-MAEP2UCK.js";
+import {
+  PROMOTION_DETAIL_BASE_FIELDS
+} from "./chunk-2IDWFEKH.js";
 import {
   SwitchBox
 } from "./chunk-2EME4AWX.js";
@@ -21,8 +24,9 @@ import {
 } from "./chunk-3QSRE5LS.js";
 import {
   usePromotion,
-  useUpdatePromotion
-} from "./chunk-42BAC3EV.js";
+  useUpdatePromotion,
+  useUpsertPromotionCost
+} from "./chunk-RLOKMTTN.js";
 import {
   useDocumentDirection
 } from "./chunk-Y7QKP6QU.js";
@@ -38,7 +42,16 @@ import { useTranslation as useTranslation2 } from "react-i18next";
 import { useParams } from "react-router-dom";
 
 // src/pages/promotions/promotion-edit-details/components/edit-promotion-form/edit-promotion-details-form.tsx
-import { Button, CurrencyInput, Input, RadioGroup, Text } from "@medusajs/ui";
+import {
+  Button,
+  CurrencyInput,
+  Divider,
+  InlineTip,
+  Input,
+  RadioGroup,
+  Text,
+  toast
+} from "@medusajs/ui";
 import { useWatch } from "react-hook-form";
 import { Trans, useTranslation } from "react-i18next";
 import { useEffect } from "react";
@@ -57,19 +70,11 @@ var EditPromotionSchema = zod.object({
   value: zod.number().min(0).or(zod.string().min(1)),
   allocation: zod.enum(["each", "across", "once"]),
   max_quantity: zod.number().optional().nullable(),
-  target_type: zod.enum(["order", "shipping_methods", "items"])
-}).refine(
-  (data) => {
-    if (data.allocation === "across") {
-      return true;
-    }
-    return typeof data.max_quantity === "number";
-  },
-  {
-    path: ["max_quantity"],
-    message: `required field`
-  }
-);
+  target_type: zod.enum(["order", "shipping_methods", "items"]),
+  cost_bearer: zod.enum(["store", "marketplace", "shared"]),
+  shared_marketplace_percentage: zod.number().min(0).max(100).nullable(),
+  limit: zod.number().int().min(1).nullable().optional()
+});
 var EditPromotionDetailsForm = ({
   promotion
 }) => {
@@ -77,6 +82,10 @@ var EditPromotionDetailsForm = ({
   const { handleSuccess } = useRouteModal();
   const allocationRaw = promotion.application_method?.allocation;
   const allocationDefault = allocationRaw === "once" ? "once" : allocationRaw === "across" ? "across" : "each";
+  const promotionWithLinks = promotion;
+  const isMercurOwned = !promotionWithLinks.seller;
+  const costDefault = promotionWithLinks.promotion_cost?.cost_bearer ?? "store";
+  const sharedPercentageDefault = promotionWithLinks.promotion_cost?.shared_marketplace_percentage ?? null;
   const form = useExtendableForm({
     schema: EditPromotionSchema,
     model: "promotion",
@@ -91,7 +100,10 @@ var EditPromotionDetailsForm = ({
       allocation: allocationDefault,
       max_quantity: promotion.application_method?.max_quantity ?? null,
       value_type: promotion.application_method.type,
-      target_type: promotion.application_method.target_type
+      target_type: promotion.application_method.target_type,
+      cost_bearer: costDefault,
+      shared_marketplace_percentage: sharedPercentageDefault,
+      limit: promotion.limit ?? null
     }
   });
   const watchValueType = useWatch({
@@ -102,20 +114,40 @@ var EditPromotionDetailsForm = ({
     control: form.control,
     name: "allocation"
   });
+  const watchCostBearer = useWatch({
+    control: form.control,
+    name: "cost_bearer"
+  });
   const isFixedValueType = watchValueType === "fixed";
+  const isSharedCost = watchCostBearer === "shared";
+  const isOrderTargetType = promotion.application_method?.target_type === "order";
   const { mutateAsync, isPending } = useUpdatePromotion(promotion.id);
+  const { mutateAsync: upsertPromotionCost } = useUpsertPromotionCost();
   const handleSubmit = form.handleSubmit(async (data) => {
     const value = typeof data.value === "number" ? data.value : parseFloat(data.value);
     if (isNaN(value) || value < 0) {
       form.setError("value", { message: t("promotions.form.value.invalid") });
       return;
     }
+    if (!isOrderTargetType && data.allocation !== "across" && typeof data.max_quantity !== "number") {
+      form.setError("max_quantity", {
+        message: t("validation.requiredField")
+      });
+      return;
+    }
+    if (isMercurOwned && data.cost_bearer === "shared" && typeof data.shared_marketplace_percentage !== "number") {
+      form.setError("shared_marketplace_percentage", {
+        message: t("validation.requiredField")
+      });
+      return;
+    }
     await mutateAsync(
       {
         is_automatic: data.is_automatic === "true",
         code: data.code,
         status: data.status,
         is_tax_inclusive: data.is_tax_inclusive,
+        limit: data.limit ?? null,
         application_method: {
           value,
           type: data.value_type,
@@ -124,21 +156,27 @@ var EditPromotionDetailsForm = ({
         }
       },
       {
-        onSuccess: () => {
+        onSuccess: async () => {
+          if (isMercurOwned) {
+            try {
+              await upsertPromotionCost({
+                id: promotion.id,
+                cost_bearer: data.cost_bearer,
+                shared_marketplace_percentage: data.cost_bearer === "shared" ? data.shared_marketplace_percentage : null
+              });
+            } catch (e) {
+              toast.error(e.message);
+            }
+          }
+          toast.success(t("promotions.toasts.promotionUpdateSuccess"));
           handleSuccess();
+        },
+        onError: (e) => {
+          toast.error(e.message);
         }
       }
     );
   });
-  const allocationWatchValue = useWatch({
-    control: form.control,
-    name: "value_type"
-  });
-  useEffect(() => {
-    if (!(allocationWatchValue === "fixed" && promotion.type === "standard")) {
-      form.setValue("is_tax_inclusive", false);
-    }
-  }, [allocationWatchValue, form, promotion]);
   useEffect(() => {
     if (watchAllocation === "once" && !form.getValues("max_quantity")) {
       form.setValue("max_quantity", 1);
@@ -156,11 +194,11 @@ var EditPromotionDetailsForm = ({
             Form.Field,
             {
               control: form.control,
-              name: "status",
+              name: "is_automatic",
               render: ({ field }) => {
-                return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "promotion-edit-details-form-status-item", children: [
-                  /* @__PURE__ */ jsx(Form.Label, { "data-testid": "promotion-edit-details-form-status-label", children: t("promotions.form.status.label") }),
-                  /* @__PURE__ */ jsx(Form.Control, { "data-testid": "promotion-edit-details-form-status-control", children: /* @__PURE__ */ jsxs(
+                return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "promotion-edit-details-form-method-item", children: [
+                  /* @__PURE__ */ jsx(Form.Label, { "data-testid": "promotion-edit-details-form-method-label", children: t("promotions.form.method.label") }),
+                  /* @__PURE__ */ jsx(Form.Control, { "data-testid": "promotion-edit-details-form-method-control", children: /* @__PURE__ */ jsxs(
                     RadioGroup,
                     {
                       dir: direction,
@@ -168,45 +206,34 @@ var EditPromotionDetailsForm = ({
                       ...field,
                       value: field.value,
                       onValueChange: field.onChange,
-                      "data-testid": "promotion-edit-details-form-status-radio-group",
+                      "data-testid": "promotion-edit-details-form-method-radio-group",
                       children: [
                         /* @__PURE__ */ jsx(
                           RadioGroup.ChoiceBox,
                           {
-                            value: "draft",
-                            label: t("promotions.form.status.draft.title"),
-                            description: t(
-                              "promotions.form.status.draft.description"
-                            ),
-                            "data-testid": "promotion-edit-details-form-status-option-draft"
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(
-                          RadioGroup.ChoiceBox,
-                          {
-                            value: "active",
-                            label: t("promotions.form.status.active.title"),
+                            value: "false",
+                            label: t("promotions.form.method.code.title"),
                             description: t(
-                              "promotions.form.status.active.description"
+                              "promotions.form.method.code.description"
                             ),
-                            "data-testid": "promotion-edit-details-form-status-option-active"
+                            "data-testid": "promotion-edit-details-form-method-option-code"
                           }
                         ),
                         /* @__PURE__ */ jsx(
                           RadioGroup.ChoiceBox,
                           {
-                            value: "inactive",
-                            label: t("promotions.form.status.inactive.title"),
+                            value: "true",
+                            label: t("promotions.form.method.automatic.title"),
                             description: t(
-                              "promotions.form.status.inactive.description"
+                              "promotions.form.method.automatic.description"
                             ),
-                            "data-testid": "promotion-edit-details-form-status-option-inactive"
+                            "data-testid": "promotion-edit-details-form-method-option-automatic"
                           }
                         )
                       ]
                     }
                   ) }),
-                  /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "promotion-edit-details-form-status-error" })
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "promotion-edit-details-form-method-error" })
                 ] });
               }
             }
@@ -215,11 +242,11 @@ var EditPromotionDetailsForm = ({
             Form.Field,
             {
               control: form.control,
-              name: "is_automatic",
+              name: "status",
               render: ({ field }) => {
-                return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "promotion-edit-details-form-method-item", children: [
-                  /* @__PURE__ */ jsx(Form.Label, { "data-testid": "promotion-edit-details-form-method-label", children: t("promotions.form.method.label") }),
-                  /* @__PURE__ */ jsx(Form.Control, { "data-testid": "promotion-edit-details-form-method-control", children: /* @__PURE__ */ jsxs(
+                return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "promotion-edit-details-form-status-item", children: [
+                  /* @__PURE__ */ jsx(Form.Label, { "data-testid": "promotion-edit-details-form-status-label", children: t("promotions.form.status.label") }),
+                  /* @__PURE__ */ jsx(Form.Control, { "data-testid": "promotion-edit-details-form-status-control", children: /* @__PURE__ */ jsxs(
                     RadioGroup,
                     {
                       dir: direction,
@@ -227,47 +254,49 @@ var EditPromotionDetailsForm = ({
                       ...field,
                       value: field.value,
                       onValueChange: field.onChange,
-                      "data-testid": "promotion-edit-details-form-method-radio-group",
+                      "data-testid": "promotion-edit-details-form-status-radio-group",
                       children: [
                         /* @__PURE__ */ jsx(
                           RadioGroup.ChoiceBox,
                           {
-                            value: "false",
-                            label: t("promotions.form.method.code.title"),
+                            value: "draft",
+                            label: t("promotions.form.status.draft.title"),
                             description: t(
-                              "promotions.form.method.code.description"
+                              "promotions.form.status.draft.description"
                             ),
-                            "data-testid": "promotion-edit-details-form-method-option-code"
+                            "data-testid": "promotion-edit-details-form-status-option-draft"
                           }
                         ),
                         /* @__PURE__ */ jsx(
                           RadioGroup.ChoiceBox,
                           {
-                            value: "true",
-                            label: t("promotions.form.method.automatic.title"),
+                            value: "active",
+                            label: t("promotions.form.status.active.title"),
                             description: t(
-                              "promotions.form.method.automatic.description"
+                              "promotions.form.status.active.description"
                             ),
-                            "data-testid": "promotion-edit-details-form-method-option-automatic"
+                            "data-testid": "promotion-edit-details-form-status-option-active"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          RadioGroup.ChoiceBox,
+                          {
+                            value: "inactive",
+                            label: t("promotions.form.status.inactive.title"),
+                            description: t(
+                              "promotions.form.status.inactive.description"
+                            ),
+                            "data-testid": "promotion-edit-details-form-status-option-inactive"
                           }
                         )
                       ]
                     }
                   ) }),
-                  /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "promotion-edit-details-form-method-error" })
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "promotion-edit-details-form-status-error" })
                 ] });
               }
             }
           ),
-          allocationWatchValue === "fixed" && promotion.type === "standard" && /* @__PURE__ */ jsx(
-            SwitchBox,
-            {
-              control: form.control,
-              name: "is_tax_inclusive",
-              label: t("promotions.form.taxInclusive.title"),
-              description: t("promotions.form.taxInclusive.description")
-            }
-          ),
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
             /* @__PURE__ */ jsx(
               Form.Field,
@@ -300,54 +329,164 @@ var EditPromotionDetailsForm = ({
               }
             )
           ] }),
+          /* @__PURE__ */ jsx(
+            SwitchBox,
+            {
+              control: form.control,
+              name: "is_tax_inclusive",
+              label: t("promotions.form.taxInclusive.title"),
+              description: t("promotions.form.taxInclusive.description")
+            }
+          ),
+          /* @__PURE__ */ jsx(Divider, {}),
+          isMercurOwned && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+              /* @__PURE__ */ jsx(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "cost_bearer",
+                  render: ({ field }) => {
+                    return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "promotion-edit-details-form-cost-bearer-item", children: [
+                      /* @__PURE__ */ jsx(Form.Label, { "data-testid": "promotion-edit-details-form-cost-bearer-label", children: t("promotions.fields.coverage") }),
+                      /* @__PURE__ */ jsx(Form.Control, { "data-testid": "promotion-edit-details-form-cost-bearer-control", children: /* @__PURE__ */ jsxs(
+                        RadioGroup,
+                        {
+                          dir: direction,
+                          className: "flex-col gap-y-3",
+                          ...field,
+                          value: field.value,
+                          onValueChange: field.onChange,
+                          "data-testid": "promotion-edit-details-form-cost-bearer-radio-group",
+                          children: [
+                            /* @__PURE__ */ jsx(
+                              RadioGroup.ChoiceBox,
+                              {
+                                value: "store",
+                                label: t("promotions.form.costBearer.store.title"),
+                                description: t(
+                                  "promotions.form.costBearer.store.description"
+                                ),
+                                "data-testid": "promotion-edit-details-form-cost-bearer-option-store"
+                              }
+                            ),
+                            /* @__PURE__ */ jsx(
+                              RadioGroup.ChoiceBox,
+                              {
+                                value: "marketplace",
+                                label: t(
+                                  "promotions.form.costBearer.marketplace.title"
+                                ),
+                                description: t(
+                                  "promotions.form.costBearer.marketplace.description"
+                                ),
+                                "data-testid": "promotion-edit-details-form-cost-bearer-option-marketplace"
+                              }
+                            ),
+                            /* @__PURE__ */ jsx(
+                              RadioGroup.ChoiceBox,
+                              {
+                                value: "shared",
+                                label: t(
+                                  "promotions.form.costBearer.shared.title"
+                                ),
+                                description: t(
+                                  "promotions.form.costBearer.shared.description"
+                                ),
+                                "data-testid": "promotion-edit-details-form-cost-bearer-option-shared"
+                              }
+                            )
+                          ]
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "promotion-edit-details-form-cost-bearer-error" })
+                    ] });
+                  }
+                }
+              ),
+              isSharedCost && /* @__PURE__ */ jsx(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "shared_marketplace_percentage",
+                  render: ({ field: { onChange, value, ...field } }) => {
+                    return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "promotion-edit-details-form-shared-percentage-item", children: [
+                      /* @__PURE__ */ jsx(Form.Label, { "data-testid": "promotion-edit-details-form-shared-percentage-label", children: t("promotions.form.costBearer.sharedPercentage.title") }),
+                      /* @__PURE__ */ jsx(Form.Control, { "data-testid": "promotion-edit-details-form-shared-percentage-control", children: /* @__PURE__ */ jsx(
+                        DeprecatedPercentageInput,
+                        {
+                          className: "text-right",
+                          min: 0,
+                          max: 100,
+                          ...field,
+                          value: value ?? "",
+                          onChange: (e) => {
+                            onChange(
+                              e.target.value === "" ? null : parseFloat(e.target.value)
+                            );
+                          },
+                          "data-testid": "promotion-edit-details-form-shared-percentage-input"
+                        },
+                        "shared-percentage"
+                      ) }),
+                      /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "promotion-edit-details-form-shared-percentage-error" })
+                    ] });
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                InlineTip,
+                {
+                  label: t("general.tip"),
+                  "data-testid": "promotion-edit-details-form-cost-bearer-tip",
+                  children: t("promotions.form.costBearer.tip")
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(Divider, {})
+          ] }),
           promotion.application_method?.target_type !== "shipping_methods" && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
+            promotion.application_method?.target_type !== "order" && /* @__PURE__ */ jsx(
               Form.Field,
               {
                 control: form.control,
-                name: "value_type",
+                name: "allocation",
                 render: ({ field }) => {
-                  return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "promotion-edit-details-form-value-type-item", children: [
-                    /* @__PURE__ */ jsx(Form.Label, { "data-testid": "promotion-edit-details-form-value-type-label", children: t("promotions.fields.value_type") }),
-                    /* @__PURE__ */ jsx(Form.Control, { "data-testid": "promotion-edit-details-form-value-type-control", children: /* @__PURE__ */ jsxs(
+                  return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "promotion-edit-details-form-allocation-item", children: [
+                    /* @__PURE__ */ jsx(Form.Label, { "data-testid": "promotion-edit-details-form-allocation-label", children: t("promotions.fields.allocation") }),
+                    /* @__PURE__ */ jsx(Form.Control, { "data-testid": "promotion-edit-details-form-allocation-control", children: /* @__PURE__ */ jsxs(
                       RadioGroup,
                       {
                         dir: direction,
                         className: "flex-col gap-y-3",
                         ...field,
                         onValueChange: field.onChange,
-                        "data-testid": "promotion-edit-details-form-value-type-radio-group",
+                        "data-testid": "promotion-edit-details-form-allocation-radio-group",
                         children: [
                           /* @__PURE__ */ jsx(
                             RadioGroup.ChoiceBox,
                             {
-                              value: "fixed",
-                              label: t(
-                                "promotions.form.value_type.fixed.title"
-                              ),
+                              value: "each",
+                              label: t("promotions.form.allocation.each.title"),
                               description: t(
-                                "promotions.form.value_type.fixed.description"
+                                "promotions.form.allocation.each.description"
                               ),
-                              "data-testid": "promotion-edit-details-form-value-type-option-fixed"
+                              "data-testid": "promotion-edit-details-form-allocation-option-each"
                             }
                           ),
                           /* @__PURE__ */ jsx(
                             RadioGroup.ChoiceBox,
                             {
-                              value: "percentage",
-                              label: t(
-                                "promotions.form.value_type.percentage.title"
-                              ),
-                              description: t(
-                                "promotions.form.value_type.percentage.description"
-                              ),
-                              "data-testid": "promotion-edit-details-form-value-type-option-percentage"
+                              value: "once",
+                              label: t("promotions.form.allocation.once.title"),
+                              description: t("promotions.form.allocation.once.description"),
+                              "data-testid": "promotion-edit-details-form-allocation-option-once"
                             }
                           )
                         ]
                       }
                     ) }),
-                    /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "promotion-edit-details-form-value-type-error" })
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "promotion-edit-details-form-allocation-error" })
                   ] });
                 }
               }
@@ -361,7 +500,7 @@ var EditPromotionDetailsForm = ({
                   const currencyCode = promotion.application_method?.currency_code ?? "USD";
                   const currencyInfo = currencies[currencyCode?.toUpperCase() || "USD"];
                   return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "promotion-edit-details-form-value-item", children: [
-                    /* @__PURE__ */ jsx(Form.Label, { "data-testid": "promotion-edit-details-form-value-label", children: isFixedValueType ? t("fields.amount") : t("fields.percentage") }),
+                    /* @__PURE__ */ jsx(Form.Label, { "data-testid": "promotion-edit-details-form-value-label", children: isFixedValueType ? t("promotions.fields.promotion_value") : t("fields.percentage") }),
                     /* @__PURE__ */ jsx(Form.Control, { "data-testid": "promotion-edit-details-form-value-control", children: isFixedValueType ? /* @__PURE__ */ jsx(
                       CurrencyInput,
                       {
@@ -393,57 +532,22 @@ var EditPromotionDetailsForm = ({
                       },
                       "amount"
                     ) }),
-                    /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "promotion-edit-details-form-value-error" })
-                  ] });
-                }
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Form.Field,
-              {
-                control: form.control,
-                name: "allocation",
-                render: ({ field }) => {
-                  return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "promotion-edit-details-form-allocation-item", children: [
-                    /* @__PURE__ */ jsx(Form.Label, { "data-testid": "promotion-edit-details-form-allocation-label", children: t("promotions.fields.allocation") }),
-                    /* @__PURE__ */ jsx(Form.Control, { "data-testid": "promotion-edit-details-form-allocation-control", children: /* @__PURE__ */ jsxs(
-                      RadioGroup,
+                    isFixedValueType && /* @__PURE__ */ jsx(
+                      Text,
                       {
-                        dir: direction,
-                        className: "flex-col gap-y-3",
-                        ...field,
-                        onValueChange: field.onChange,
-                        "data-testid": "promotion-edit-details-form-allocation-radio-group",
-                        children: [
-                          /* @__PURE__ */ jsx(
-                            RadioGroup.ChoiceBox,
-                            {
-                              value: "each",
-                              label: t("promotions.form.allocation.each.title"),
-                              description: t(
-                                "promotions.form.allocation.each.description"
-                              ),
-                              "data-testid": "promotion-edit-details-form-allocation-option-each"
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(
-                            RadioGroup.ChoiceBox,
-                            {
-                              value: "once",
-                              label: t("promotions.form.allocation.once.title"),
-                              description: t("promotions.form.allocation.once.description"),
-                              "data-testid": "promotion-edit-details-form-allocation-option-once"
-                            }
-                          )
-                        ]
+                        size: "small",
+                        leading: "compact",
+                        className: "text-ui-fg-subtle",
+                        "data-testid": "promotion-edit-details-form-value-description",
+                        children: t("promotions.form.value.description")
                       }
-                    ) }),
-                    /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "promotion-edit-details-form-allocation-error" })
+                    ),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "promotion-edit-details-form-value-error" })
                   ] });
                 }
               }
             ),
-            (watchAllocation === "each" || watchAllocation === "once") && /* @__PURE__ */ jsx(
+            !isOrderTargetType && (watchAllocation === "each" || watchAllocation === "once") && /* @__PURE__ */ jsx(
               Form.Field,
               {
                 control: form.control,
@@ -486,6 +590,52 @@ var EditPromotionDetailsForm = ({
               }
             )
           ] }),
+          /* @__PURE__ */ jsx(Divider, {}),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "limit",
+              render: ({ field: { onChange, value, ...field } }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "promotion-edit-details-form-limit-item", children: [
+                  /* @__PURE__ */ jsx(
+                    Form.Label,
+                    {
+                      optional: true,
+                      "data-testid": "promotion-edit-details-form-limit-label",
+                      children: t("promotions.form.limit.title")
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Form.Control, { "data-testid": "promotion-edit-details-form-limit-control", children: /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      ...field,
+                      type: "number",
+                      min: 1,
+                      value: value ?? "",
+                      onChange: (e) => {
+                        const val = e.target.value;
+                        onChange(val === "" ? null : parseInt(val, 10));
+                      },
+                      placeholder: "100",
+                      "data-testid": "promotion-edit-details-form-limit-input"
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      size: "small",
+                      leading: "compact",
+                      className: "text-ui-fg-subtle",
+                      "data-testid": "promotion-edit-details-form-limit-description",
+                      children: t("promotions.form.limit.description")
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "promotion-edit-details-form-limit-error" })
+                ] });
+              }
+            }
+          ),
           /* @__PURE__ */ jsx(
             FormExtensionZone,
             {
@@ -510,7 +660,7 @@ import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var PromotionEditDetails = () => {
   const { id } = useParams();
   const { t } = useTranslation2();
-  const linkQuery = useLinkQuery("promotion");
+  const linkQuery = useLinkQuery("promotion", PROMOTION_DETAIL_BASE_FIELDS);
   const { promotion, isLoading, isError, error } = usePromotion(id, linkQuery);
   if (isError) {
     throw error;