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

package/dist/promotion-create-D77SANLX.js

@@ -1,1262 +0,0 @@
-import {
-  DeprecatedPercentageInput
-} from "./chunk-MAEP2UCK.js";
-import {
-  AddCampaignPromotionFields
-} from "./chunk-WZADCDDE.js";
-import {
-  RulesFormField
-} from "./chunk-VBBBIEVH.js";
-import {
-  CreateCampaignSchema,
-  DEFAULT_CAMPAIGN_VALUES
-} from "./chunk-23663A2W.js";
-import "./chunk-54TMLQH3.js";
-import "./chunk-DEKJJ7NG.js";
-import "./chunk-AEFDAU3Y.js";
-import "./chunk-AW77UWCZ.js";
-import "./chunk-TKGWSUEI.js";
-import {
-  KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
-import {
-  currencies,
-  getCurrencySymbol
-} from "./chunk-IQPN4PZJ.js";
-import {
-  useDocumentDirection
-} from "./chunk-Y7QKP6QU.js";
-import {
-  RouteFocusModal,
-  useRouteModal
-} from "./chunk-MWOKFNRO.js";
-import {
-  Form
-} from "./chunk-3QSRE5LS.js";
-import "./chunk-XM6GCWNF.js";
-import "./chunk-ODBDAABQ.js";
-import "./chunk-CDQJKJMX.js";
-import "./chunk-JLATVDLM.js";
-import "./chunk-E7ZBQO6E.js";
-import "./chunk-GPRBBA7S.js";
-import "./chunk-XGHM75N2.js";
-import "./chunk-U2GCSKW3.js";
-import "./chunk-A4X5VP3G.js";
-import "./chunk-RTAIDSDS.js";
-import "./chunk-LW3UWYZU.js";
-import "./chunk-NNZP4PYP.js";
-import "./chunk-JOQ3RTF5.js";
-import "./chunk-V534K7G4.js";
-import "./chunk-TQI3DOQ5.js";
-import {
-  useCampaigns,
-  useCreatePromotion
-} from "./chunk-5PB7KCTF.js";
-import "./chunk-LU72QEQC.js";
-import "./chunk-GF4QHVX3.js";
-import "./chunk-A5XOYSDC.js";
-import "./chunk-YOIARITB.js";
-import "./chunk-W7G64ULL.js";
-import "./chunk-6C7TCU42.js";
-import "./chunk-4YF3GAKE.js";
-import "./chunk-QSM56ZOP.js";
-import "./chunk-MIHEJ6Y6.js";
-import "./chunk-3VZV6SJQ.js";
-import "./chunk-LORVU5II.js";
-import "./chunk-36ORDF7W.js";
-import "./chunk-K357FGGP.js";
-import "./chunk-RHKRREUU.js";
-import "./chunk-ZA2KFUFR.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
-};