@mercurjs/admin 2.0.0-canary.24

package/dist/promotion-create-QB7E277L.js

@@ -0,0 +1,1258 @@
+import {
+  DeprecatedPercentageInput
+} from "./chunk-MAEP2UCK.js";
+import {
+  AddCampaignPromotionFields
+} from "./chunk-3LDJURK5.js";
+import {
+  RulesFormField
+} from "./chunk-RPIJY6TT.js";
+import {
+  CreateCampaignSchema,
+  DEFAULT_CAMPAIGN_VALUES
+} from "./chunk-PX675AEP.js";
+import "./chunk-54TMLQH3.js";
+import "./chunk-BMNW3AEU.js";
+import "./chunk-O67KME6D.js";
+import "./chunk-AW77UWCZ.js";
+import {
+  currencies,
+  getCurrencySymbol
+} from "./chunk-IQPN4PZJ.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-MWOKFNRO.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useDocumentDirection
+} from "./chunk-Y7QKP6QU.js";
+import "./chunk-ORW4HNX5.js";
+import "./chunk-ODBDAABQ.js";
+import "./chunk-YGQUBTKR.js";
+import "./chunk-362QMJZM.js";
+import "./chunk-FODCCP6C.js";
+import "./chunk-AWZFIP25.js";
+import "./chunk-2QKPRGNK.js";
+import "./chunk-XBMLI2YI.js";
+import "./chunk-XL52SYWY.js";
+import "./chunk-NS5CHWOH.js";
+import "./chunk-WDZFLCSQ.js";
+import "./chunk-VVTSF42Z.js";
+import "./chunk-D3KDXELJ.js";
+import "./chunk-2MKZ4HD4.js";
+import "./chunk-OGYWOPHZ.js";
+import {
+  useCampaigns,
+  useCreatePromotion
+} from "./chunk-U62GYN4A.js";
+import "./chunk-KTKL7M34.js";
+import "./chunk-JJVGCTKT.js";
+import "./chunk-I43SCBL3.js";
+import "./chunk-LLWK3OR6.js";
+import "./chunk-HYUGYB23.js";
+import "./chunk-XCMR2HTV.js";
+import "./chunk-CI5Z6FGV.js";
+import "./chunk-LCZXAT4Q.js";
+import "./chunk-S6LPCNXQ.js";
+import "./chunk-T435NFHC.js";
+import "./chunk-2KCF3ZIB.js";
+import "./chunk-ZYNBKBY3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/promotions/promotion-create/components/create-promotion-form/create-promotion-form.tsx
+import { useEffect, useMemo, useState } from "react";
+import { zodResolver } from "@hookform/resolvers/zod";
+import {
+  Alert,
+  Badge,
+  Button,
+  clx,
+  CurrencyInput,
+  Divider,
+  Heading,
+  Input,
+  ProgressTabs,
+  RadioGroup,
+  Switch,
+  Text,
+  toast
+} from "@medusajs/ui";
+import { useForm, useWatch } from "react-hook-form";
+import { Trans, useTranslation } from "react-i18next";
+
+// src/pages/promotions/promotion-create/components/create-promotion-form/form-schema.ts
+import { z } from "zod";
+var RuleSchema = z.array(
+  z.object({
+    id: z.string().optional(),
+    attribute: z.string().min(1, { message: "Required field" }),
+    operator: z.string().min(1, { message: "Required field" }),
+    values: z.union([
+      z.number().min(1, { message: "Required field" }),
+      z.string().min(1, { message: "Required field" }),
+      z.array(z.string()).min(1, { message: "Required field" })
+    ]),
+    required: z.boolean().optional(),
+    disguised: z.boolean().optional(),
+    field_type: z.string().optional()
+  })
+);
+var CreatePromotionSchema = z.object({
+  template_id: z.string().optional(),
+  campaign_id: z.string().optional(),
+  campaign_choice: z.enum(["none", "existing", "new"]).optional(),
+  is_automatic: z.string().toLowerCase(),
+  code: z.string().min(1),
+  type: z.enum(["buyget", "standard"]),
+  status: z.enum(["draft", "active", "inactive"]),
+  rules: RuleSchema,
+  is_tax_inclusive: z.boolean().optional(),
+  application_method: z.object({
+    allocation: z.enum(["each", "across", "once"]),
+    value: z.number().min(0).or(z.string().min(1)),
+    currency_code: z.string().optional(),
+    max_quantity: z.number().optional().nullable(),
+    target_rules: RuleSchema,
+    buy_rules: RuleSchema,
+    type: z.enum(["fixed", "percentage"]),
+    target_type: z.enum(["order", "shipping_methods", "items"])
+  }),
+  campaign: CreateCampaignSchema.optional()
+}).refine(
+  (data) => {
+    if (data.application_method.allocation === "across") {
+      return true;
+    }
+    return typeof data.application_method.max_quantity === "number";
+  },
+  {
+    path: ["application_method.max_quantity"],
+    message: `required field`
+  }
+);
+
+// src/pages/promotions/promotion-create/components/create-promotion-form/templates.ts
+var commonHiddenFields = [
+  "type",
+  "application_method.type"
+];
+var amountOfOrderHiddenFields = [...commonHiddenFields];
+var amountOfProductHiddenFields = [...commonHiddenFields];
+var percentageOfOrderHiddenFields = [
+  ...commonHiddenFields,
+  "is_tax_inclusive"
+];
+var percentageOfProductHiddenFields = [
+  ...commonHiddenFields,
+  "is_tax_inclusive"
+];
+var buyGetHiddenFields = [
+  ...commonHiddenFields,
+  "application_method.value",
+  "is_tax_inclusive"
+];
+var freeShippingHiddenFields = [
+  ...commonHiddenFields,
+  "application_method.value",
+  "application_method.allocation",
+  "is_tax_inclusive"
+];
+var templates = [
+  {
+    id: "amount_off_products",
+    type: "standard",
+    title: "Amount off products",
+    description: "Discount specific products or collection of products",
+    hiddenFields: amountOfProductHiddenFields,
+    defaults: {
+      is_automatic: "false",
+      type: "standard",
+      application_method: {
+        allocation: "each",
+        target_type: "items",
+        type: "fixed"
+      }
+    }
+  },
+  {
+    id: "amount_off_order",
+    type: "standard",
+    title: "Amount off order",
+    description: "Discounts the total order amount",
+    hiddenFields: amountOfOrderHiddenFields,
+    defaults: {
+      is_automatic: "false",
+      type: "standard",
+      application_method: {
+        allocation: "across",
+        target_type: "order",
+        type: "fixed"
+      }
+    }
+  },
+  {
+    id: "percentage_off_product",
+    type: "standard",
+    title: "Percentage off product",
+    description: "Discounts a percentage off selected products",
+    hiddenFields: percentageOfProductHiddenFields,
+    defaults: {
+      is_automatic: "false",
+      type: "standard",
+      application_method: {
+        allocation: "each",
+        target_type: "items",
+        type: "percentage"
+      }
+    }
+  },
+  {
+    id: "percentage_off_order",
+    type: "standard",
+    title: "Percentage off order",
+    description: "Discounts a percentage of the total order amount",
+    hiddenFields: percentageOfOrderHiddenFields,
+    defaults: {
+      is_automatic: "false",
+      type: "standard",
+      application_method: {
+        allocation: "across",
+        target_type: "order",
+        type: "percentage"
+      }
+    }
+  },
+  {
+    id: "buy_get",
+    type: "buy_get",
+    title: "Buy X Get Y",
+    description: "Buy X product(s), get Y product(s)",
+    hiddenFields: buyGetHiddenFields,
+    defaults: {
+      is_automatic: "false",
+      type: "buyget",
+      application_method: {
+        type: "percentage",
+        value: 100,
+        apply_to_quantity: 1,
+        max_quantity: 1
+      }
+    }
+  },
+  {
+    id: "shipping_discount",
+    type: "standard",
+    title: "Free shipping",
+    description: "Applies a 100% discount to shipping fees",
+    hiddenFields: freeShippingHiddenFields,
+    defaults: {
+      is_automatic: "false",
+      type: "standard",
+      application_method: {
+        allocation: "across",
+        target_type: "shipping_methods",
+        type: "percentage",
+        value: 100
+      }
+    }
+  }
+];
+
+// src/pages/promotions/promotion-create/components/create-promotion-form/create-promotion-form.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var defaultValues = {
+  campaign_id: void 0,
+  template_id: templates[0].id,
+  campaign_choice: "none",
+  is_automatic: "false",
+  code: "",
+  type: "standard",
+  status: "draft",
+  rules: [],
+  is_tax_inclusive: false,
+  application_method: {
+    allocation: "each",
+    type: "fixed",
+    target_type: "items",
+    max_quantity: 1,
+    target_rules: [],
+    buy_rules: []
+  },
+  campaign: void 0
+};
+var CreatePromotionForm = () => {
+  const [tab, setTab] = useState("type" /* TYPE */);
+  const [tabState, setTabState] = useState({
+    ["type" /* TYPE */]: "in-progress",
+    ["promotion" /* PROMOTION */]: "not-started",
+    ["campaign" /* CAMPAIGN */]: "not-started"
+  });
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const direction = useDocumentDirection();
+  const form = useForm({
+    defaultValues,
+    resolver: zodResolver(CreatePromotionSchema)
+  });
+  const { setValue, reset, getValues } = form;
+  const [allocationMode, setAllocationMode] = useState("each");
+  const { mutateAsync: createPromotion } = useCreatePromotion();
+  const handleSubmit = form.handleSubmit(
+    async (data) => {
+      if (data.campaign_choice === "existing" && !data.campaign_id) {
+        form.setError("campaign_id", { message: t("promotions.errors.requiredField") });
+        return;
+      }
+      const {
+        campaign_choice: _campaignChoice,
+        is_automatic,
+        is_tax_inclusive,
+        template_id: _templateId,
+        application_method,
+        rules,
+        ...promotionData
+      } = data;
+      const {
+        target_rules: targetRulesData = [],
+        buy_rules: buyRulesData = [],
+        ...applicationMethodData
+      } = application_method;
+      const allocationTyped = applicationMethodData.allocation;
+      const disguisedRules = [
+        ...targetRulesData.filter((r) => !!r.disguised),
+        ...buyRulesData.filter((r) => !!r.disguised),
+        ...rules.filter((r) => !!r.disguised)
+      ];
+      const applicationMethodRuleData = {};
+      for (const rule of disguisedRules) {
+        applicationMethodRuleData[rule.attribute] = rule.field_type === "number" ? parseInt(rule.values) : rule.values;
+      }
+      const buildRulesData = (rules2) => {
+        return rules2.filter((r) => !r.disguised).map((rule) => ({
+          operator: rule.operator,
+          attribute: rule.attribute,
+          values: rule.values
+        }));
+      };
+      if (data.campaign) {
+        data.campaign.budget.attribute = data.campaign.budget.attribute || null;
+        data.campaign.budget.type = data.campaign.budget.attribute ? "use_by_attribute" : data.campaign.budget.type;
+      }
+      createPromotion(
+        {
+          ...promotionData,
+          rules: buildRulesData(rules),
+          application_method: {
+            ...applicationMethodData,
+            allocation: allocationTyped,
+            ...applicationMethodRuleData,
+            value: parseFloat(applicationMethodData.value),
+            target_rules: buildRulesData(targetRulesData),
+            buy_rules: buildRulesData(buyRulesData),
+            max_quantity: allocationTyped === "across" ? void 0 : applicationMethodData.max_quantity
+          },
+          is_tax_inclusive,
+          is_automatic: is_automatic === "true"
+        },
+        {
+          onSuccess: ({ promotion }) => {
+            toast.success(
+              t("promotions.toasts.promotionCreateSuccess", {
+                code: promotion.code
+              })
+            );
+            handleSuccess(`/promotions/${promotion.id}`);
+          },
+          onError: (e) => {
+            toast.error(e.message);
+          }
+        }
+      );
+    },
+    async (error) => {
+      const { campaign: _campaign, ...rest } = error || {};
+      const errorInPromotionTab = !!Object.keys(rest || {}).length;
+      if (errorInPromotionTab) {
+        toast.error(t("promotions.errors.promotionTabError"));
+      }
+    }
+  );
+  const handleTabChange = async (tab2) => {
+    switch (tab2) {
+      case "type" /* TYPE */:
+        setTabState((prev) => ({
+          ...prev,
+          ["type" /* TYPE */]: "in-progress"
+        }));
+        setTab(tab2);
+        break;
+      case "promotion" /* PROMOTION */:
+        setTabState((prev) => ({
+          ...prev,
+          ["type" /* TYPE */]: "completed",
+          ["promotion" /* PROMOTION */]: "in-progress"
+        }));
+        setTab(tab2);
+        break;
+      case "campaign" /* CAMPAIGN */: {
+        const valid = await form.trigger();
+        if (!valid) {
+          setTabState({
+            ["type" /* TYPE */]: "completed",
+            ["promotion" /* PROMOTION */]: "in-progress",
+            ["campaign" /* CAMPAIGN */]: "not-started"
+          });
+          setTab("promotion" /* PROMOTION */);
+          break;
+        }
+        setTabState((prev) => ({
+          ...prev,
+          ["promotion" /* PROMOTION */]: "completed",
+          ["campaign" /* CAMPAIGN */]: "in-progress"
+        }));
+        setTab(tab2);
+        break;
+      }
+    }
+  };
+  const handleContinue = async () => {
+    switch (tab) {
+      case "type" /* TYPE */:
+        handleTabChange("promotion" /* PROMOTION */);
+        break;
+      case "promotion" /* PROMOTION */: {
+        const valid = await form.trigger();
+        if (valid) {
+          handleTabChange("campaign" /* CAMPAIGN */);
+        }
+        break;
+      }
+      case "campaign" /* CAMPAIGN */:
+        break;
+    }
+  };
+  const watchTemplateId = useWatch({
+    control: form.control,
+    name: "template_id"
+  });
+  const currentTemplate = useMemo(() => {
+    const currentTemplate2 = templates.find((template) => template.id === watchTemplateId);
+    if (!currentTemplate2) {
+      return;
+    }
+    reset({ ...defaultValues, template_id: watchTemplateId });
+    for (const [key, value] of Object.entries(currentTemplate2.defaults)) {
+      if (typeof value === "object") {
+        for (const [subKey, subValue] of Object.entries(value)) {
+          setValue(`application_method.${subKey}`, subValue);
+        }
+      } else {
+        setValue(key, value);
+      }
+    }
+    return currentTemplate2;
+  }, [watchTemplateId, setValue, reset]);
+  const watchValueType = useWatch({
+    control: form.control,
+    name: "application_method.type"
+  });
+  const isFixedValueType = watchValueType === "fixed";
+  const watchAllocation = useWatch({
+    control: form.control,
+    name: "application_method.allocation"
+  });
+  useEffect(() => {
+    if (watchAllocation) {
+      setAllocationMode(watchAllocation);
+    }
+  }, [watchAllocation]);
+  const watchType = useWatch({
+    control: form.control,
+    name: "type"
+  });
+  const isTypeStandard = watchType === "standard";
+  const isTypeBuyGet = watchType === "buyget";
+  const targetType = useWatch({
+    control: form.control,
+    name: "application_method.target_type"
+  });
+  const isTargetTypeOrder = targetType === "order";
+  const formData = form.getValues();
+  let campaignQuery = {};
+  if (formData.application_method.currency_code) {
+    campaignQuery = {
+      budget: { currency_code: formData.application_method.currency_code }
+    };
+  }
+  const { campaigns } = useCampaigns(campaignQuery);
+  const watchCampaignChoice = useWatch({
+    control: form.control,
+    name: "campaign_choice"
+  });
+  useEffect(() => {
+    const formData2 = getValues();
+    if (watchCampaignChoice !== "existing") {
+      setValue("campaign_id", void 0);
+      form.clearErrors("campaign_id");
+    }
+    if (watchCampaignChoice !== "new") {
+      setValue("campaign", void 0);
+    }
+    if (watchCampaignChoice === "new") {
+      if (!formData2.campaign || !formData2.campaign?.budget?.type) {
+        setValue("campaign", {
+          ...DEFAULT_CAMPAIGN_VALUES,
+          budget: {
+            ...DEFAULT_CAMPAIGN_VALUES.budget,
+            currency_code: formData2.application_method.currency_code
+          }
+        });
+      }
+    }
+  }, [watchCampaignChoice, getValues, setValue]);
+  const watchRules = useWatch({
+    control: form.control,
+    name: "rules"
+  });
+  const watchCurrencyRule = watchRules.find((rule) => rule.attribute === "currency_code");
+  if (watchCurrencyRule) {
+    const formData2 = form.getValues();
+    const currencyCode = formData2.application_method.currency_code;
+    const ruleValue = watchCurrencyRule.values;
+    if (!Array.isArray(ruleValue) && currencyCode !== ruleValue) {
+      form.setValue("application_method.currency_code", ruleValue);
+    }
+  }
+  return /* @__PURE__ */ jsx(
+    RouteFocusModal.Form,
+    {
+      form,
+      "data-testid": "promotion-create-form",
+      children: /* @__PURE__ */ jsxs(
+        KeyboundForm,
+        {
+          className: "flex h-full flex-col",
+          onSubmit: handleSubmit,
+          children: [
+            /* @__PURE__ */ jsxs(
+              ProgressTabs,
+              {
+                dir: direction,
+                value: tab,
+                onValueChange: (tab2) => handleTabChange(tab2),
+                className: "flex h-full flex-col overflow-hidden",
+                "data-testid": "promotion-create-form-tabs",
+                children: [
+                  /* @__PURE__ */ jsx(RouteFocusModal.Header, { "data-testid": "promotion-create-form-header", children: /* @__PURE__ */ jsx("div", { className: "flex w-full items-center justify-between gap-x-4", children: /* @__PURE__ */ jsx("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": "promotion-create-form-tabs-list",
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          ProgressTabs.Trigger,
+                          {
+                            className: "w-full",
+                            value: "type" /* TYPE */,
+                            status: tabState["type" /* TYPE */],
+                            "data-testid": "promotion-create-form-tab-type",
+                            children: t("promotions.tabs.template")
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          ProgressTabs.Trigger,
+                          {
+                            className: "w-full",
+                            value: "promotion" /* PROMOTION */,
+                            status: tabState["promotion" /* PROMOTION */],
+                            "data-testid": "promotion-create-form-tab-promotion",
+                            children: t("promotions.tabs.details")
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          ProgressTabs.Trigger,
+                          {
+                            className: "w-full",
+                            value: "campaign" /* CAMPAIGN */,
+                            status: tabState["campaign" /* CAMPAIGN */],
+                            "data-testid": "promotion-create-form-tab-campaign",
+                            children: t("promotions.tabs.campaign")
+                          }
+                        )
+                      ]
+                    }
+                  ) }) }) }),
+                  /* @__PURE__ */ jsxs(
+                    RouteFocusModal.Body,
+                    {
+                      className: "size-full overflow-hidden",
+                      "data-testid": "promotion-create-form-body",
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          ProgressTabs.Content,
+                          {
+                            value: "type" /* TYPE */,
+                            className: "size-full overflow-y-auto",
+                            "data-testid": "promotion-create-form-content-type",
+                            children: /* @__PURE__ */ jsx("div", { className: "flex size-full flex-col items-center", children: /* @__PURE__ */ jsx("div", { className: "w-full max-w-[720px] py-16", children: /* @__PURE__ */ jsx(
+                              Form.Field,
+                              {
+                                control: form.control,
+                                name: "template_id",
+                                render: ({ field }) => {
+                                  return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "promotion-create-form-template-item", children: [
+                                    /* @__PURE__ */ jsx(Form.Label, { "data-testid": "promotion-create-form-template-label", children: t("promotions.fields.type") }),
+                                    /* @__PURE__ */ jsx(Form.Control, { "data-testid": "promotion-create-form-template-control", children: /* @__PURE__ */ jsx(
+                                      RadioGroup,
+                                      {
+                                        dir: direction,
+                                        className: "flex-col gap-y-3",
+                                        ...field,
+                                        onValueChange: field.onChange,
+                                        "data-testid": "promotion-create-form-template-radio-group",
+                                        children: templates.map((template) => {
+                                          return /* @__PURE__ */ jsx(
+                                            RadioGroup.ChoiceBox,
+                                            {
+                                              value: template.id,
+                                              label: template.title,
+                                              description: template.description,
+                                              "data-testid": `promotion-create-form-template-option-${template.id}`
+                                            },
+                                            template.id
+                                          );
+                                        })
+                                      },
+                                      "template_id"
+                                    ) }),
+                                    /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "promotion-create-form-template-error" })
+                                  ] });
+                                }
+                              }
+                            ) }) })
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          ProgressTabs.Content,
+                          {
+                            value: "promotion" /* PROMOTION */,
+                            className: "size-full overflow-y-auto",
+                            "data-testid": "promotion-create-form-content-promotion",
+                            children: /* @__PURE__ */ jsx("div", { className: "flex size-full flex-col items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8 py-16", children: [
+                              /* @__PURE__ */ jsxs(
+                                Heading,
+                                {
+                                  level: "h1",
+                                  className: "text-fg-base",
+                                  "data-testid": "promotion-create-form-promotion-heading",
+                                  children: [
+                                    t(`promotions.sections.details`),
+                                    currentTemplate?.title && /* @__PURE__ */ jsx(
+                                      Badge,
+                                      {
+                                        className: "ml-2 align-middle",
+                                        color: "grey",
+                                        size: "2xsmall",
+                                        rounded: "full",
+                                        "data-testid": "promotion-create-form-promotion-template-badge",
+                                        children: currentTemplate?.title
+                                      }
+                                    )
+                                  ]
+                                }
+                              ),
+                              form.formState.errors.root && /* @__PURE__ */ jsx(
+                                Alert,
+                                {
+                                  variant: "error",
+                                  dismissible: false,
+                                  className: "text-balance",
+                                  "data-testid": "promotion-create-form-promotion-error-alert",
+                                  children: form.formState.errors.root.message
+                                }
+                              ),
+                              /* @__PURE__ */ jsx(
+                                Form.Field,
+                                {
+                                  control: form.control,
+                                  name: "is_automatic",
+                                  render: ({ field }) => {
+                                    return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "promotion-create-form-method-item", children: [
+                                      /* @__PURE__ */ jsx(Form.Label, { "data-testid": "promotion-create-form-method-label", children: t("promotions.form.method.label") }),
+                                      /* @__PURE__ */ jsx(Form.Control, { "data-testid": "promotion-create-form-method-control", children: /* @__PURE__ */ jsxs(
+                                        RadioGroup,
+                                        {
+                                          dir: direction,
+                                          className: "flex gap-y-3",
+                                          ...field,
+                                          value: field.value,
+                                          onValueChange: field.onChange,
+                                          "data-testid": "promotion-create-form-method-radio-group",
+                                          children: [
+                                            /* @__PURE__ */ jsx(
+                                              RadioGroup.ChoiceBox,
+                                              {
+                                                value: "false",
+                                                label: t("promotions.form.method.code.title"),
+                                                description: t("promotions.form.method.code.description"),
+                                                className: clx("basis-1/2"),
+                                                "data-testid": "promotion-create-form-method-option-code"
+                                              }
+                                            ),
+                                            /* @__PURE__ */ jsx(
+                                              RadioGroup.ChoiceBox,
+                                              {
+                                                value: "true",
+                                                label: t("promotions.form.method.automatic.title"),
+                                                description: t("promotions.form.method.automatic.description"),
+                                                className: clx("basis-1/2"),
+                                                "data-testid": "promotion-create-form-method-option-automatic"
+                                              }
+                                            )
+                                          ]
+                                        }
+                                      ) }),
+                                      /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "promotion-create-form-method-error" })
+                                    ] });
+                                  }
+                                }
+                              ),
+                              /* @__PURE__ */ jsx(
+                                Form.Field,
+                                {
+                                  control: form.control,
+                                  name: "status",
+                                  render: ({ field }) => {
+                                    return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "promotion-create-form-status-item", children: [
+                                      /* @__PURE__ */ jsx(Form.Label, { "data-testid": "promotion-create-form-status-label", children: t("promotions.form.status.label") }),
+                                      /* @__PURE__ */ jsx(Form.Control, { "data-testid": "promotion-create-form-status-control", children: /* @__PURE__ */ jsxs(
+                                        RadioGroup,
+                                        {
+                                          dir: direction,
+                                          className: "flex gap-y-3",
+                                          ...field,
+                                          value: field.value,
+                                          onValueChange: field.onChange,
+                                          "data-testid": "promotion-create-form-status-radio-group",
+                                          children: [
+                                            /* @__PURE__ */ jsx(
+                                              RadioGroup.ChoiceBox,
+                                              {
+                                                value: "draft",
+                                                label: t("promotions.form.status.draft.title"),
+                                                description: t("promotions.form.status.draft.description"),
+                                                className: clx("basis-1/2"),
+                                                "data-testid": "promotion-create-form-status-option-draft"
+                                              }
+                                            ),
+                                            /* @__PURE__ */ jsx(
+                                              RadioGroup.ChoiceBox,
+                                              {
+                                                value: "active",
+                                                label: t("promotions.form.status.active.title"),
+                                                description: t("promotions.form.status.active.description"),
+                                                className: clx("basis-1/2"),
+                                                "data-testid": "promotion-create-form-status-option-active"
+                                              }
+                                            )
+                                          ]
+                                        }
+                                      ) }),
+                                      /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "promotion-create-form-status-error" })
+                                    ] });
+                                  }
+                                }
+                              ),
+                              /* @__PURE__ */ jsx("div", { className: "flex gap-y-4", children: /* @__PURE__ */ jsx(
+                                Form.Field,
+                                {
+                                  control: form.control,
+                                  name: "code",
+                                  render: ({ field }) => {
+                                    return /* @__PURE__ */ jsxs(
+                                      Form.Item,
+                                      {
+                                        className: "basis-1/2",
+                                        "data-testid": "promotion-create-form-code-item",
+                                        children: [
+                                          /* @__PURE__ */ jsx(Form.Label, { "data-testid": "promotion-create-form-code-label", children: t("promotions.form.code.title") }),
+                                          /* @__PURE__ */ jsx(Form.Control, { "data-testid": "promotion-create-form-code-control", children: /* @__PURE__ */ jsx(
+                                            Input,
+                                            {
+                                              ...field,
+                                              placeholder: "SUMMER15",
+                                              "data-testid": "promotion-create-form-code-input"
+                                            }
+                                          ) }),
+                                          /* @__PURE__ */ jsx(
+                                            Text,
+                                            {
+                                              size: "small",
+                                              leading: "compact",
+                                              className: "text-ui-fg-subtle",
+                                              "data-testid": "promotion-create-form-code-description",
+                                              children: /* @__PURE__ */ jsx(
+                                                Trans,
+                                                {
+                                                  t,
+                                                  i18nKey: "promotions.form.code.description",
+                                                  components: [/* @__PURE__ */ jsx("br", {}, "break")]
+                                                }
+                                              )
+                                            }
+                                          ),
+                                          /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "promotion-create-form-code-error" })
+                                        ]
+                                      }
+                                    );
+                                  }
+                                }
+                              ) }),
+                              !currentTemplate?.hiddenFields?.includes("is_tax_inclusive") && /* @__PURE__ */ jsxs(Fragment, { children: [
+                                /* @__PURE__ */ jsx(Divider, {}),
+                                /* @__PURE__ */ jsx("div", { className: "flex gap-x-2 gap-y-4", children: /* @__PURE__ */ jsx(
+                                  Form.Field,
+                                  {
+                                    control: form.control,
+                                    name: "is_tax_inclusive",
+                                    render: ({ field: { onChange, value, ...field } }) => {
+                                      return /* @__PURE__ */ jsxs(
+                                        Form.Item,
+                                        {
+                                          className: "basis-full",
+                                          "data-testid": "promotion-create-form-tax-inclusive-item",
+                                          children: [
+                                            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                                              /* @__PURE__ */ jsxs("div", { className: "block", children: [
+                                                /* @__PURE__ */ jsx(Form.Label, { "data-testid": "promotion-create-form-tax-inclusive-label", children: t("promotions.form.taxInclusive.title") }),
+                                                /* @__PURE__ */ jsx(
+                                                  Form.Hint,
+                                                  {
+                                                    className: "!mt-1",
+                                                    "data-testid": "promotion-create-form-tax-inclusive-hint",
+                                                    children: t("promotions.form.taxInclusive.description")
+                                                  }
+                                                )
+                                              ] }),
+                                              /* @__PURE__ */ jsx(
+                                                Form.Control,
+                                                {
+                                                  className: "mr-2 self-center",
+                                                  "data-testid": "promotion-create-form-tax-inclusive-control",
+                                                  children: /* @__PURE__ */ jsx(
+                                                    Switch,
+                                                    {
+                                                      dir: "ltr",
+                                                      className: "mt-[2px] rtl:rotate-180",
+                                                      checked: !!value,
+                                                      onCheckedChange: onChange,
+                                                      ...field,
+                                                      "data-testid": "promotion-create-form-tax-inclusive-switch"
+                                                    }
+                                                  )
+                                                }
+                                              )
+                                            ] }),
+                                            /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "promotion-create-form-tax-inclusive-error" })
+                                          ]
+                                        }
+                                      );
+                                    }
+                                  }
+                                ) })
+                              ] }),
+                              !currentTemplate?.hiddenFields?.includes("type") && /* @__PURE__ */ jsx(
+                                Form.Field,
+                                {
+                                  control: form.control,
+                                  name: "type",
+                                  render: ({ field }) => {
+                                    return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "promotion-create-form-type-item", children: [
+                                      /* @__PURE__ */ jsx(Form.Label, { "data-testid": "promotion-create-form-type-label", children: t("promotions.fields.type") }),
+                                      /* @__PURE__ */ jsx(Form.Control, { "data-testid": "promotion-create-form-type-control", children: /* @__PURE__ */ jsxs(
+                                        RadioGroup,
+                                        {
+                                          dir: direction,
+                                          className: "flex gap-y-3",
+                                          ...field,
+                                          onValueChange: field.onChange,
+                                          "data-testid": "promotion-create-form-type-radio-group",
+                                          children: [
+                                            /* @__PURE__ */ jsx(
+                                              RadioGroup.ChoiceBox,
+                                              {
+                                                value: "standard",
+                                                label: t("promotions.form.type.standard.title"),
+                                                description: t("promotions.form.type.standard.description"),
+                                                className: clx("basis-1/2"),
+                                                "data-testid": "promotion-create-form-type-option-standard"
+                                              }
+                                            ),
+                                            /* @__PURE__ */ jsx(
+                                              RadioGroup.ChoiceBox,
+                                              {
+                                                value: "buyget",
+                                                label: t("promotions.form.type.buyget.title"),
+                                                description: t("promotions.form.type.buyget.description"),
+                                                className: clx("basis-1/2"),
+                                                "data-testid": "promotion-create-form-type-option-buyget"
+                                              }
+                                            )
+                                          ]
+                                        }
+                                      ) }),
+                                      /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "promotion-create-form-type-error" })
+                                    ] });
+                                  }
+                                }
+                              ),
+                              /* @__PURE__ */ jsx(Divider, {}),
+                              /* @__PURE__ */ jsx(
+                                RulesFormField,
+                                {
+                                  form,
+                                  ruleType: "rules"
+                                }
+                              ),
+                              !currentTemplate?.hiddenFields?.includes("application_method.type") && /* @__PURE__ */ jsxs(Fragment, { children: [
+                                /* @__PURE__ */ jsx(Divider, {}),
+                                /* @__PURE__ */ jsx(
+                                  Form.Field,
+                                  {
+                                    control: form.control,
+                                    name: "application_method.type",
+                                    render: ({ field }) => {
+                                      return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "promotion-create-form-value-type-item", children: [
+                                        /* @__PURE__ */ jsx(Form.Label, { "data-testid": "promotion-create-form-value-type-label", children: t("promotions.fields.value_type") }),
+                                        /* @__PURE__ */ jsx(Form.Control, { "data-testid": "promotion-create-form-value-type-control", children: /* @__PURE__ */ jsxs(
+                                          RadioGroup,
+                                          {
+                                            dir: direction,
+                                            className: "flex gap-y-3",
+                                            ...field,
+                                            onValueChange: field.onChange,
+                                            "data-testid": "promotion-create-form-value-type-radio-group",
+                                            children: [
+                                              /* @__PURE__ */ jsx(
+                                                RadioGroup.ChoiceBox,
+                                                {
+                                                  value: "fixed",
+                                                  label: t("promotions.form.value_type.fixed.title"),
+                                                  description: t("promotions.form.value_type.fixed.description"),
+                                                  className: clx("basis-1/2"),
+                                                  "data-testid": "promotion-create-form-value-type-option-fixed"
+                                                }
+                                              ),
+                                              /* @__PURE__ */ jsx(
+                                                RadioGroup.ChoiceBox,
+                                                {
+                                                  value: "percentage",
+                                                  label: t("promotions.form.value_type.percentage.title"),
+                                                  description: t(
+                                                    "promotions.form.value_type.percentage.description"
+                                                  ),
+                                                  className: clx("basis-1/2"),
+                                                  "data-testid": "promotion-create-form-value-type-option-percentage"
+                                                }
+                                              )
+                                            ]
+                                          }
+                                        ) }),
+                                        /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "promotion-create-form-value-type-error" })
+                                      ] });
+                                    }
+                                  }
+                                )
+                              ] }),
+                              !currentTemplate?.hiddenFields?.includes("application_method.value") && /* @__PURE__ */ jsxs(Fragment, { children: [
+                                /* @__PURE__ */ jsx(Divider, {}),
+                                /* @__PURE__ */ jsx(
+                                  Form.Field,
+                                  {
+                                    control: form.control,
+                                    name: "application_method.value",
+                                    render: ({ field: { onChange, value, ...field } }) => {
+                                      const currencyCode = form.getValues().application_method.currency_code;
+                                      const currencyInfo = currencies[currencyCode?.toUpperCase() || "USD"];
+                                      return /* @__PURE__ */ jsxs(
+                                        Form.Item,
+                                        {
+                                          className: "basis-1/2",
+                                          "data-testid": "promotion-create-form-value-item",
+                                          children: [
+                                            /* @__PURE__ */ jsx(
+                                              Form.Label,
+                                              {
+                                                tooltip: currencyCode || !isFixedValueType ? void 0 : t("promotions.fields.amount.tooltip"),
+                                                "data-testid": "promotion-create-form-value-label",
+                                                children: t("promotions.form.value.title")
+                                              }
+                                            ),
+                                            /* @__PURE__ */ jsx(Form.Control, { "data-testid": "promotion-create-form-value-control", children: isFixedValueType ? /* @__PURE__ */ jsx(
+                                              CurrencyInput,
+                                              {
+                                                ...field,
+                                                min: 0,
+                                                code: currencyCode || "USD",
+                                                onValueChange: (_value, _name, values) => onChange(values?.value),
+                                                decimalScale: currencyInfo?.decimal_digits ?? 2,
+                                                decimalsLimit: currencyInfo?.decimal_digits ?? 2,
+                                                symbol: currencyCode ? getCurrencySymbol(currencyCode) : "$",
+                                                value,
+                                                disabled: !currencyCode,
+                                                "data-testid": "promotion-create-form-value-currency-input"
+                                              }
+                                            ) : /* @__PURE__ */ jsx(
+                                              DeprecatedPercentageInput,
+                                              {
+                                                className: "text-right",
+                                                min: 0,
+                                                max: 100,
+                                                ...field,
+                                                value,
+                                                onChange: (e) => {
+                                                  onChange(
+                                                    e.target.value === "" ? null : parseFloat(e.target.value)
+                                                  );
+                                                },
+                                                "data-testid": "promotion-create-form-value-percentage-input"
+                                              },
+                                              "amount"
+                                            ) }),
+                                            /* @__PURE__ */ jsx(
+                                              Text,
+                                              {
+                                                size: "small",
+                                                leading: "compact",
+                                                className: "text-ui-fg-subtle",
+                                                "data-testid": "promotion-create-form-value-description",
+                                                children: /* @__PURE__ */ jsx(
+                                                  Trans,
+                                                  {
+                                                    t,
+                                                    i18nKey: isFixedValueType ? "promotions.form.value_type.fixed.description" : "promotions.form.value_type.percentage.description",
+                                                    components: [/* @__PURE__ */ jsx("br", {}, "break")]
+                                                  }
+                                                )
+                                              }
+                                            ),
+                                            /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "promotion-create-form-value-error" })
+                                          ]
+                                        }
+                                      );
+                                    }
+                                  }
+                                )
+                              ] }),
+                              (isTypeStandard || isTypeBuyGet) && allocationMode !== "across" && /* @__PURE__ */ jsxs(Fragment, { children: [
+                                isTypeBuyGet && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Divider, {}) }),
+                                /* @__PURE__ */ jsx(
+                                  Form.Field,
+                                  {
+                                    control: form.control,
+                                    name: "application_method.max_quantity",
+                                    render: () => {
+                                      return /* @__PURE__ */ jsxs(
+                                        Form.Item,
+                                        {
+                                          className: "basis-1/2",
+                                          "data-testid": "promotion-create-form-max-quantity-item",
+                                          children: [
+                                            /* @__PURE__ */ jsx(Form.Label, { "data-testid": "promotion-create-form-max-quantity-label", children: t("promotions.form.max_quantity.title") }),
+                                            /* @__PURE__ */ jsx(Form.Control, { "data-testid": "promotion-create-form-max-quantity-control", children: /* @__PURE__ */ jsx(
+                                              Input,
+                                              {
+                                                ...form.register("application_method.max_quantity", {
+                                                  valueAsNumber: true
+                                                }),
+                                                type: "number",
+                                                min: 1,
+                                                placeholder: "3",
+                                                "data-testid": "promotion-create-form-max-quantity-input"
+                                              }
+                                            ) }),
+                                            /* @__PURE__ */ jsx(
+                                              Text,
+                                              {
+                                                size: "small",
+                                                leading: "compact",
+                                                className: "text-ui-fg-subtle",
+                                                "data-testid": "promotion-create-form-max-quantity-description",
+                                                children: /* @__PURE__ */ jsx(
+                                                  Trans,
+                                                  {
+                                                    t,
+                                                    i18nKey: "promotions.form.max_quantity.description",
+                                                    components: [/* @__PURE__ */ jsx("br", {}, "break")]
+                                                  }
+                                                )
+                                              }
+                                            ),
+                                            /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "promotion-create-form-max-quantity-error" })
+                                          ]
+                                        }
+                                      );
+                                    }
+                                  }
+                                )
+                              ] }),
+                              !currentTemplate?.hiddenFields?.includes("application_method.allocation") && /* @__PURE__ */ jsx(
+                                Form.Field,
+                                {
+                                  control: form.control,
+                                  name: "application_method.allocation",
+                                  render: ({ field }) => {
+                                    const handleAllocationChange = (value) => {
+                                      setAllocationMode(value);
+                                      setValue(
+                                        "application_method.allocation",
+                                        value
+                                      );
+                                      field.onChange(value);
+                                      if (value === "once") {
+                                        setValue("application_method.max_quantity", 1);
+                                      }
+                                    };
+                                    return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "promotion-create-form-allocation-item", children: [
+                                      /* @__PURE__ */ jsx(Form.Label, { "data-testid": "promotion-create-form-allocation-label", children: t("promotions.fields.allocation") }),
+                                      /* @__PURE__ */ jsx(Form.Control, { "data-testid": "promotion-create-form-allocation-control", children: /* @__PURE__ */ jsxs(
+                                        RadioGroup,
+                                        {
+                                          dir: direction,
+                                          className: "flex gap-y-3",
+                                          value: allocationMode,
+                                          onValueChange: (val) => handleAllocationChange(val),
+                                          "data-testid": "promotion-create-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"),
+                                                className: clx("basis-1/2"),
+                                                "data-testid": "promotion-create-form-allocation-option-each"
+                                              }
+                                            ),
+                                            /* @__PURE__ */ jsx(
+                                              RadioGroup.ChoiceBox,
+                                              {
+                                                value: "once",
+                                                label: t("promotions.form.allocation.once.title", {
+                                                  defaultValue: "Once"
+                                                }),
+                                                description: t("promotions.form.allocation.once.description", {
+                                                  defaultValue: "Limit discount to max quantity"
+                                                }),
+                                                className: clx("basis-1/2"),
+                                                "data-testid": "promotion-create-form-allocation-option-once"
+                                              }
+                                            )
+                                          ]
+                                        }
+                                      ) }),
+                                      /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "promotion-create-form-allocation-error" })
+                                    ] });
+                                  }
+                                }
+                              ),
+                              !isTypeStandard && /* @__PURE__ */ jsxs(Fragment, { children: [
+                                /* @__PURE__ */ jsx(Divider, {}),
+                                /* @__PURE__ */ jsx(
+                                  RulesFormField,
+                                  {
+                                    form,
+                                    ruleType: "buy-rules",
+                                    scope: "application_method.buy_rules"
+                                  }
+                                )
+                              ] }),
+                              !isTargetTypeOrder && /* @__PURE__ */ jsxs(Fragment, { children: [
+                                /* @__PURE__ */ jsx(Divider, {}),
+                                /* @__PURE__ */ jsx(
+                                  RulesFormField,
+                                  {
+                                    form,
+                                    ruleType: "target-rules",
+                                    scope: "application_method.target_rules"
+                                  }
+                                )
+                              ] })
+                            ] }) })
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          ProgressTabs.Content,
+                          {
+                            value: "campaign" /* CAMPAIGN */,
+                            className: "size-full overflow-auto",
+                            "data-testid": "promotion-create-form-content-campaign",
+                            children: /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ jsx("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8 py-16", children: /* @__PURE__ */ jsx(
+                              AddCampaignPromotionFields,
+                              {
+                                form,
+                                campaigns: campaigns || []
+                              }
+                            ) }) })
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(RouteFocusModal.Footer, { "data-testid": "promotion-create-form-footer", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+              /* @__PURE__ */ jsx(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "secondary",
+                  size: "small",
+                  "data-testid": "promotion-create-form-cancel-button",
+                  children: t("actions.cancel")
+                }
+              ) }),
+              tab === "campaign" /* CAMPAIGN */ ? /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "submit",
+                  size: "small",
+                  isLoading: false,
+                  "data-testid": "promotion-create-form-save-button",
+                  children: t("actions.save")
+                },
+                "save-btn"
+              ) : /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  onClick: handleContinue,
+                  size: "small",
+                  "data-testid": "promotion-create-form-continue-button",
+                  children: t("actions.continue")
+                },
+                "continue-btn"
+              )
+            ] }) })
+          ]
+        }
+      )
+    }
+  );
+};
+
+// src/pages/promotions/promotion-create/promotion-create.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var PromotionCreate = () => {
+  return /* @__PURE__ */ jsx2(RouteFocusModal, { children: /* @__PURE__ */ jsx2(CreatePromotionForm, {}) });
+};
+export {
+  PromotionCreate as Component
+};