@mercurjs/vendor 2.2.0-rc.3 → 2.2.1-canary.0

package/dist/edit-TTW5DB77.js

@@ -0,0 +1,525 @@
+import {
+  DeprecatedPercentageInput
+} from "./chunk-MAEP2UCK.js";
+import {
+  getCurrencySymbol
+} from "./chunk-IQPN4PZJ.js";
+import {
+  SwitchBox
+} from "./chunk-YVCBMOJG.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-SITRHMZZ.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-GDWBOQI5.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  usePromotion,
+  useUpdatePromotion
+} from "./chunk-MR6REQKT.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-DTGEFKK4.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/promotions/[id]/edit/index.tsx
+import { Heading } from "@medusajs/ui";
+import { useLinkQuery } from "@mercurjs/dashboard-shared";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/pages/promotions/[id]/edit/edit-promotion-form/edit-promotion-details-form.tsx
+import { useEffect } from "react";
+import {
+  Button,
+  CurrencyInput,
+  Divider,
+  Input,
+  RadioGroup,
+  Text,
+  toast
+} from "@medusajs/ui";
+import i18n from "i18next";
+import { useWatch } from "react-hook-form";
+import { Trans, useTranslation } from "react-i18next";
+import * as zod from "zod";
+import {
+  FormExtensionZone,
+  useExtendableForm
+} from "@mercurjs/dashboard-shared";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var EditPromotionSchema = zod.object({
+  is_automatic: zod.string().toLowerCase(),
+  code: zod.string().min(1, { message: i18n.t("validation.requiredField") }),
+  is_tax_inclusive: zod.boolean().optional(),
+  status: zod.enum(["active", "inactive", "draft"]),
+  value_type: zod.enum(["fixed", "percentage"]),
+  value: zod.number().min(0, { message: i18n.t("validation.requiredField") }).or(zod.string().min(1, { message: i18n.t("validation.requiredField") })),
+  allocation: zod.enum(["each", "across", "once"]),
+  target_type: zod.enum(["order", "shipping_methods", "items"]),
+  max_quantity: zod.number().min(1).optional().nullable(),
+  limit: zod.number().int().min(1).optional().nullable()
+});
+var EditPromotionDetailsForm = ({ promotion }) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useExtendableForm({
+    schema: EditPromotionSchema,
+    model: "promotion",
+    zone: "edit",
+    data: promotion,
+    defaultValues: {
+      is_automatic: promotion.is_automatic.toString(),
+      is_tax_inclusive: promotion.is_tax_inclusive ?? false,
+      code: promotion.code,
+      status: promotion.status,
+      value: promotion.application_method.value,
+      value_type: promotion.application_method.type,
+      allocation: promotion.application_method.allocation,
+      target_type: promotion.application_method.target_type,
+      max_quantity: promotion.application_method?.max_quantity ?? 1,
+      limit: promotion.limit ?? null
+    }
+  });
+  const { mutateAsync, isPending } = useUpdatePromotion(promotion.id);
+  const watchValueType = useWatch({
+    control: form.control,
+    name: "value_type"
+  });
+  const isFixedValueType = watchValueType === "fixed";
+  const watchAllocation = useWatch({
+    control: form.control,
+    name: "allocation"
+  });
+  const currencyCode = promotion.application_method?.currency_code;
+  const isTargetTypeShipping = promotion.application_method?.target_type === "shipping_methods";
+  const canBeTaxInclusive = isFixedValueType && promotion.type === "standard";
+  useEffect(() => {
+    if (!canBeTaxInclusive) {
+      form.setValue("is_tax_inclusive", false);
+    }
+  }, [canBeTaxInclusive, form]);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    const value = parseFloat(String(data.value));
+    if (isNaN(value) || value < 0) {
+      form.setError("value", {
+        message: t("promotions.form.value.invalid")
+      });
+      return;
+    }
+    await mutateAsync(
+      {
+        is_automatic: data.is_automatic === "true",
+        code: data.code,
+        status: data.status,
+        is_tax_inclusive: data.is_tax_inclusive,
+        limit: data.is_automatic === "true" ? void 0 : data.limit,
+        application_method: {
+          value,
+          type: data.value_type,
+          allocation: data.allocation,
+          max_quantity: data.max_quantity
+        }
+      },
+      {
+        onSuccess: () => {
+          toast.success(t("promotions.toasts.promotionUpdateSuccess"));
+          handleSuccess();
+        },
+        onError: (e) => {
+          toast.error(e.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex flex-1 flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsx(RouteDrawer.Body, { className: "flex flex-1 flex-col gap-y-8 overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-8", children: [
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "is_automatic",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: t("promotions.form.method.label") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs(
+                    RadioGroup,
+                    {
+                      className: "flex-col gap-y-3",
+                      ...field,
+                      value: field.value,
+                      onValueChange: field.onChange,
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          RadioGroup.ChoiceBox,
+                          {
+                            value: "false",
+                            label: t("promotions.form.method.code.title"),
+                            description: t("promotions.form.method.code.description")
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          RadioGroup.ChoiceBox,
+                          {
+                            value: "true",
+                            label: t("promotions.form.method.automatic.title"),
+                            description: t("promotions.form.method.automatic.description")
+                          }
+                        )
+                      ]
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "status",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: t("promotions.form.status.label") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs(
+                    RadioGroup,
+                    {
+                      className: "flex-col gap-y-3",
+                      ...field,
+                      value: field.value,
+                      onValueChange: field.onChange,
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          RadioGroup.ChoiceBox,
+                          {
+                            value: "draft",
+                            label: t("promotions.form.status.draft.title"),
+                            description: t("promotions.form.status.draft.description")
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          RadioGroup.ChoiceBox,
+                          {
+                            value: "active",
+                            label: t("promotions.form.status.active.title"),
+                            description: t("promotions.form.status.active.description")
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          RadioGroup.ChoiceBox,
+                          {
+                            value: "inactive",
+                            label: t("promotions.form.status.inactive.title"),
+                            description: t("promotions.form.status.inactive.description")
+                          }
+                        )
+                      ]
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          ),
+          canBeTaxInclusive && /* @__PURE__ */ jsx(
+            SwitchBox,
+            {
+              control: form.control,
+              name: "is_tax_inclusive",
+              label: t("promotions.form.taxInclusive.title"),
+              description: t("promotions.form.taxInclusive.description")
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "code",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { children: t("promotions.form.code.title") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) })
+                  ] });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Text,
+              {
+                size: "small",
+                leading: "compact",
+                className: "text-ui-fg-subtle",
+                children: /* @__PURE__ */ jsx(
+                  Trans,
+                  {
+                    t,
+                    i18nKey: "promotions.form.code.description",
+                    components: [/* @__PURE__ */ jsx("br", {}, "break")]
+                  }
+                )
+              }
+            )
+          ] }),
+          !isTargetTypeShipping && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "value_type",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { children: t("promotions.fields.value_type") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs(
+                      RadioGroup,
+                      {
+                        className: "flex-col gap-y-3",
+                        ...field,
+                        value: field.value,
+                        onValueChange: field.onChange,
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            RadioGroup.ChoiceBox,
+                            {
+                              value: "fixed",
+                              label: t("promotions.form.value_type.fixed.title"),
+                              description: t("promotions.form.value_type.fixed.description")
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            RadioGroup.ChoiceBox,
+                            {
+                              value: "percentage",
+                              label: t("promotions.form.value_type.percentage.title"),
+                              description: t("promotions.form.value_type.percentage.description")
+                            }
+                          )
+                        ]
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "allocation",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { children: t("promotions.fields.allocation") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs(
+                      RadioGroup,
+                      {
+                        className: "flex-col gap-y-3",
+                        ...field,
+                        value: field.value,
+                        onValueChange: field.onChange,
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            RadioGroup.ChoiceBox,
+                            {
+                              value: "each",
+                              label: t("promotions.form.allocation.each.title"),
+                              description: t("promotions.form.allocation.each.description")
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            RadioGroup.ChoiceBox,
+                            {
+                              value: "once",
+                              label: t("promotions.form.allocation.once.title"),
+                              description: t("promotions.form.allocation.once.description")
+                            }
+                          )
+                        ]
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-8", children: [
+              /* @__PURE__ */ jsx(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "value",
+                  render: ({ field: { onChange, value, ...field } }) => {
+                    return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                      /* @__PURE__ */ jsx(Form.Label, { children: isFixedValueType ? t("promotions.form.value.title") : t("fields.percentage") }),
+                      /* @__PURE__ */ jsx(Form.Control, { children: isFixedValueType ? /* @__PURE__ */ jsx(
+                        CurrencyInput,
+                        {
+                          ...field,
+                          min: 0,
+                          onValueChange: (val) => {
+                            onChange(val ? parseInt(val) : "");
+                          },
+                          code: currencyCode || "USD",
+                          symbol: currencyCode ? getCurrencySymbol(currencyCode) : "$",
+                          value
+                        }
+                      ) : /* @__PURE__ */ jsx(
+                        DeprecatedPercentageInput,
+                        {
+                          min: 0,
+                          max: 100,
+                          ...field,
+                          value: value || "",
+                          onChange: (e) => {
+                            onChange(
+                              e.target.value === "" ? null : parseInt(e.target.value)
+                            );
+                          }
+                        },
+                        "amount"
+                      ) }),
+                      /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                    ] });
+                  }
+                }
+              ),
+              (watchAllocation === "each" || watchAllocation === "once") && /* @__PURE__ */ jsx(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "max_quantity",
+                  render: () => {
+                    return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                      /* @__PURE__ */ jsx(Form.Label, { children: t("promotions.form.max_quantity.title") }),
+                      /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                        Input,
+                        {
+                          ...form.register("max_quantity", {
+                            valueAsNumber: true
+                          }),
+                          type: "number",
+                          min: 1,
+                          placeholder: "999"
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsx(
+                        Text,
+                        {
+                          size: "small",
+                          leading: "compact",
+                          className: "text-ui-fg-subtle",
+                          children: /* @__PURE__ */ jsx(
+                            Trans,
+                            {
+                              t,
+                              i18nKey: "promotions.form.max_quantity.description",
+                              components: [/* @__PURE__ */ jsx("br", {}, "break")]
+                            }
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                    ] });
+                  }
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(Divider, {}),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "limit",
+              render: ({ field: { onChange, value, ...field } }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("promotions.form.usageLimit.title") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      type: "number",
+                      min: 1,
+                      ...field,
+                      value: value ?? "",
+                      onChange: (e) => {
+                        onChange(
+                          e.target.value === "" ? null : parseInt(e.target.value)
+                        );
+                      }
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      size: "small",
+                      leading: "compact",
+                      className: "text-ui-fg-subtle",
+                      children: t("promotions.form.usageLimit.description")
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            FormExtensionZone,
+            {
+              model: "promotion",
+              zone: "edit",
+              control: form.control,
+              data: promotion
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "small",
+              variant: "secondary",
+              children: t("actions.cancel")
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "small",
+              type: "submit",
+              isLoading: isPending,
+              children: t("actions.save")
+            }
+          )
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+// src/pages/promotions/[id]/edit/index.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Component = () => {
+  const { id } = useParams();
+  const { t } = useTranslation2();
+  const linkQuery = useLinkQuery("promotion");
+  const { promotion, isLoading, isError, error } = usePromotion(id, linkQuery);
+  if (isError) throw error;
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { children: /* @__PURE__ */ jsx2(Heading, { children: t("promotions.edit.title") }) }),
+    !isLoading && promotion && /* @__PURE__ */ jsx2(EditPromotionDetailsForm, { promotion })
+  ] });
+};
+export {
+  Component
+};

package/dist/{edit-inventory-item-5VBH365V.js → edit-inventory-item-BCVECCLT.js}

@@ -12,7 +12,7 @@ import {
 import {
   useInventoryItem,
   useUpdateInventoryItem
-} from "./chunk-YAUGB4LD.js";
+} from "./chunk-EMUCGKHP.js";
 import "./chunk-A5DJIOHN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";

package/dist/{edit-inventory-item-attributes-RMKG2IRO.js → edit-inventory-item-attributes-GWEMP67O.js}

@@ -17,7 +17,7 @@ import {
 import {
   useInventoryItem,
   useUpdateInventoryItem
-} from "./chunk-YAUGB4LD.js";
+} from "./chunk-EMUCGKHP.js";
 import "./chunk-A5DJIOHN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";

package/dist/{edit-price-PDS4XN2J.js → edit-price-GLAEAO7R.js}

@@ -30,11 +30,11 @@ import {
 } from "./chunk-W34KDYZA.js";
 import {
   offerQueryKeys
-} from "./chunk-5DKUSZQ7.js";
+} from "./chunk-PF7R7LMW.js";
 import {
   productsQueryKeys,
   useProduct
-} from "./chunk-YAUGB4LD.js";
+} from "./chunk-EMUCGKHP.js";
 import "./chunk-A5DJIOHN.js";
 import {
   queryClient

package/dist/{edit-stock-UI6HXHJJ.js → edit-stock-E3PM2YOP.js}

@@ -27,12 +27,12 @@ import {
 } from "./chunk-O72AIZUN.js";
 import {
   offerQueryKeys
-} from "./chunk-5DKUSZQ7.js";
+} from "./chunk-PF7R7LMW.js";
 import {
   productsQueryKeys,
   useBatchInventoryItemsLocationLevels,
   useProduct
-} from "./chunk-YAUGB4LD.js";
+} from "./chunk-EMUCGKHP.js";
 import "./chunk-A5DJIOHN.js";
 import {
   queryClient

package/dist/extension-targets.d.ts

@@ -223,14 +223,14 @@ declare module "@mercurjs/dashboard-sdk" {
     "product": {
       formZones: "create" | "edit"
       formTabs: { "create": "attributes" | "details" | "organize" | "variants" }
-      displayZones: "attributes" | "general" | "media" | "organize" | "sales-channels" | "shipping-profile" | "variants"
+      displayZones: "general" | "media" | "organize" | "sales-channels" | "shipping-profile" | "variants"
       displayFieldIds: "description" | "discountable" | "handle" | "status" | "subtitle" | "title"
     }
     "promotion": {
       formZones: "edit"
       formTabs: Record<string, string>
       displayZones: "campaign" | "general"
-      displayFieldIds: "allocation" | "code" | "code_value" | "is_automatic" | "status" | "type" | "value"
+      displayFieldIds: "allocation" | "code" | "code_value" | "is_automatic" | "status" | "tax_inclusive" | "type" | "usage_limit" | "value"
     }
     "reservation": {
       formZones: "edit"

package/dist/{fulfillment-6GC3NRFT.js → fulfillment-HDU7GATG.js}

@@ -25,29 +25,29 @@ import "./chunk-FV76G2D7.js";
 import "./chunk-GHDLST2P.js";
 import "./chunk-YVYYOBAE.js";
 import "./chunk-L2NJPDUD.js";
-import "./chunk-P7UBW2EI.js";
+import "./chunk-2S2WK2OG.js";
 import "./chunk-MR6REQKT.js";
 import "./chunk-EPSDO2MJ.js";
 import "./chunk-BHEU34FL.js";
 import "./chunk-W34KDYZA.js";
 import "./chunk-II3CLUXA.js";
-import "./chunk-XKEYHWBS.js";
+import "./chunk-OCYVN77Z.js";
 import "./chunk-J2XUEO2E.js";
-import "./chunk-656G74I2.js";
+import "./chunk-DETQ6IBQ.js";
 import {
   useShippingOptions
 } from "./chunk-VWPNMEOE.js";
 import {
   useStockLocations
 } from "./chunk-O72AIZUN.js";
-import "./chunk-VUWAOX7H.js";
-import "./chunk-5DKUSZQ7.js";
+import "./chunk-U5V6HNVW.js";
+import "./chunk-PF7R7LMW.js";
 import {
   useCreateOrderFulfillment,
   useOrder
-} from "./chunk-DIAWPVYS.js";
+} from "./chunk-OGUTFP6B.js";
 import "./chunk-4U2BLH45.js";
-import "./chunk-YAUGB4LD.js";
+import "./chunk-EMUCGKHP.js";
 import "./chunk-A5DJIOHN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";