@mercurjs/vendor 2.0.0-canary.0

package/dist/edit-BYXHU3IG.js

@@ -0,0 +1,308 @@
+import {
+  DeprecatedPercentageInput
+} from "./chunk-MAEP2UCK.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-3CK6OINO.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  usePromotion,
+  useUpdatePromotion
+} from "./chunk-HUNGNEPY.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-Y224F4UU.js";
+import "./chunk-PKBMQBKP.js";
+
+// src/pages/promotions/[id]/edit/index.tsx
+import { Heading } from "@medusajs/ui";
+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 { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Input, RadioGroup, Text } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { Trans, useTranslation } from "react-i18next";
+import * as zod from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditPromotionSchema = zod.object({
+  is_automatic: zod.string().toLowerCase(),
+  code: zod.string().min(1),
+  status: zod.enum(["active", "inactive", "draft"]),
+  value_type: zod.enum(["fixed", "percentage"]),
+  value: zod.number(),
+  max_quantity: zod.number().min(1).optional().nullable()
+});
+var EditPromotionDetailsForm = ({ promotion }) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      is_automatic: promotion.is_automatic.toString(),
+      code: promotion.code,
+      status: promotion.status,
+      value: promotion.application_method.value,
+      value_type: promotion.application_method.type,
+      max_quantity: promotion.application_method?.max_quantity ?? 1
+    },
+    resolver: zodResolver(EditPromotionSchema)
+  });
+  const { mutateAsync, isPending } = useUpdatePromotion(promotion.id);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    await mutateAsync(
+      {
+        is_automatic: data.is_automatic === "true",
+        code: data.code,
+        status: data.status,
+        application_method: {
+          value: data.value,
+          max_quantity: data.max_quantity
+        }
+      },
+      {
+        onSuccess: () => {
+          handleSuccess();
+        }
+      }
+    );
+  });
+  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: "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, {})
+                ] });
+              }
+            }
+          ),
+          /* @__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__ */ 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")]
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "value",
+              render: ({ field: { onChange, ...field } }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: t("fields.percentage") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                    DeprecatedPercentageInput,
+                    {
+                      min: 0,
+                      max: 100,
+                      ...field,
+                      value: field.value || "",
+                      onChange: (e) => {
+                        onChange(e.target.value === "" ? null : parseInt(e.target.value));
+                      }
+                    },
+                    "amount"
+                  ) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          ),
+          promotion.application_method?.allocation === "each" && /* @__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(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 { promotion, isLoading, isError, error } = usePromotion(id);
+  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-DG3MY3ZH.js

@@ -0,0 +1,244 @@
+import {
+  getShippingProfileName,
+  isOptionEnabledInStore
+} from "./chunk-E3MNEQID.js";
+import {
+  ShippingOptionPriceType
+} from "./chunk-BCU3FKP2.js";
+import {
+  useComboboxData
+} from "./chunk-OVPAOBZB.js";
+import {
+  Combobox
+} from "./chunk-AW77UWCZ.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-3CK6OINO.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useShippingOptions,
+  useUpdateShippingOptions
+} from "./chunk-JKXAL7WR.js";
+import "./chunk-SI4ALL7W.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import {
+  fetchQuery
+} from "./chunk-Y224F4UU.js";
+import "./chunk-PKBMQBKP.js";
+
+// src/pages/settings/locations/[location_id]/fulfillment-set/[fset_id]/service-zone/[zone_id]/shipping-option/[so_id]/edit/index.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { json, useParams } from "react-router-dom";
+
+// src/pages/settings/locations/[location_id]/fulfillment-set/[fset_id]/service-zone/[zone_id]/shipping-option/[so_id]/edit/_components/edit-shipping-option-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Input, RadioGroup, toast } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import * as zod from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditShippingOptionSchema = zod.object({
+  name: zod.string().min(1),
+  price_type: zod.nativeEnum(ShippingOptionPriceType),
+  enabled_in_store: zod.boolean().optional(),
+  shipping_profile_id: zod.string()
+});
+var EditShippingOptionForm = ({
+  locationId,
+  shippingOption,
+  type
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const isPickup = type === "pickup" /* Pickup */;
+  const shippingProfiles = useComboboxData({
+    queryFn: async () => {
+      const { shipping_profiles } = await fetchQuery(
+        "/vendor/shipping-profiles",
+        {
+          method: "GET"
+        }
+      );
+      return shipping_profiles;
+    },
+    queryKey: ["shipping_profiles_edit_shipping_option"],
+    getOptions: (data) => data?.map((profile) => ({
+      label: getShippingProfileName(profile.shipping_profile?.name ?? profile.name ?? ""),
+      value: profile.shipping_profile?.id ?? profile.id
+    })),
+    defaultValue: shippingOption.shipping_profile_id
+  });
+  const form = useForm({
+    defaultValues: {
+      name: shippingOption.name,
+      price_type: shippingOption.price_type,
+      enabled_in_store: isOptionEnabledInStore(shippingOption),
+      shipping_profile_id: shippingOption.shipping_profile_id
+    },
+    resolver: zodResolver(EditShippingOptionSchema)
+  });
+  const { mutateAsync, isPending: isLoading } = useUpdateShippingOptions(
+    shippingOption.id
+  );
+  const handleSubmit = form.handleSubmit(async (values) => {
+    await mutateAsync(
+      {
+        name: values.name,
+        shipping_profile_id: values.shipping_profile_id,
+        provider_id: shippingOption.provider_id
+      },
+      {
+        onSuccess: ({ shipping_option }) => {
+          toast.success(
+            t("stockLocations.shippingOptions.edit.successToast", {
+              name: shipping_option.name
+            })
+          );
+          handleSuccess(`/settings/locations/${locationId}`);
+        },
+        onError: (e) => {
+          toast.error(e.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(KeyboundForm, { onSubmit: handleSubmit, className: "flex flex-1 flex-col", children: [
+    /* @__PURE__ */ jsx(RouteDrawer.Body, { children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-8", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-8", children: [
+      !isPickup && /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "price_type",
+          render: ({ field }) => {
+            return /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { children: t(
+                "stockLocations.shippingOptions.fields.priceType.label"
+              ) }),
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs(RadioGroup, { ...field, onValueChange: field.onChange, children: [
+                /* @__PURE__ */ jsx(
+                  RadioGroup.ChoiceBox,
+                  {
+                    className: "flex-1",
+                    value: "flat" /* FlatRate */,
+                    label: t(
+                      "stockLocations.shippingOptions.fields.priceType.options.fixed.label"
+                    ),
+                    description: t(
+                      "stockLocations.shippingOptions.fields.priceType.options.fixed.hint"
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  RadioGroup.ChoiceBox,
+                  {
+                    className: "flex-1",
+                    value: "calculated" /* Calculated */,
+                    label: t(
+                      "stockLocations.shippingOptions.fields.priceType.options.calculated.label"
+                    ),
+                    description: t(
+                      "stockLocations.shippingOptions.fields.priceType.options.calculated.hint"
+                    )
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] });
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-y-4", children: [
+        /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control: form.control,
+            name: "name",
+            render: ({ field }) => {
+              return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                /* @__PURE__ */ jsx(Form.Label, { children: t("fields.name") }),
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] });
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control: form.control,
+            name: "shipping_profile_id",
+            render: ({ field }) => {
+              return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                /* @__PURE__ */ jsx(Form.Label, { children: t("stockLocations.shippingOptions.fields.profile") }),
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                  Combobox,
+                  {
+                    ...field,
+                    options: shippingProfiles.options,
+                    searchValue: shippingProfiles.searchValue,
+                    onSearchValueChange: shippingProfiles.onSearchValueChange,
+                    disabled: shippingProfiles.disabled
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] });
+            }
+          }
+        )
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center 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, children: t("actions.save") })
+    ] }) })
+  ] }) });
+};
+
+// src/pages/settings/locations/[location_id]/fulfillment-set/[fset_id]/service-zone/[zone_id]/shipping-option/[so_id]/edit/index.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var LocationServiceZoneShippingOptionEdit = () => {
+  const { t } = useTranslation2();
+  const { location_id, so_id } = useParams();
+  const { shipping_options, isPending, isFetching, isError, error } = useShippingOptions({
+    fields: "+service_zone.fulfillment_set.type"
+  });
+  const shippingOption = shipping_options?.find((so) => so?.id === so_id);
+  if (!isPending && !isFetching && !shippingOption) {
+    throw json(
+      {
+        message: `Shipping option with ID ${so_id} was not found`
+      },
+      404
+    );
+  }
+  if (isError) {
+    throw error;
+  }
+  const isPickup = shippingOption?.service_zone.fulfillment_set.type === "pickup" /* Pickup */;
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { children: /* @__PURE__ */ jsx2(Heading, { children: t(
+      `stockLocations.${isPickup ? "pickupOptions" : "shippingOptions"}.edit.header`
+    ) }) }),
+    shippingOption && /* @__PURE__ */ jsx2(
+      EditShippingOptionForm,
+      {
+        shippingOption,
+        locationId: location_id,
+        type: shippingOption.service_zone.fulfillment_set.type
+      }
+    )
+  ] });
+};
+var Component = LocationServiceZoneShippingOptionEdit;
+export {
+  Component
+};