@mercurjs/vendor 2.2.0-canary.2 → 2.2.0-canary.21

package/dist/edit-6K3NSVI7.js

@@ -0,0 +1,103 @@
+import {
+  OFFER_VARIANT_DETAIL_FIELDS
+} from "./chunk-XQUF3WIS.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 {
+  useOffer,
+  useUpdateOffer
+} from "./chunk-4R5GESED.js";
+import "./chunk-TSTUAL6N.js";
+import "./chunk-A5DJIOHN.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-RIN4CBRB.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/offers/[id]/variants/[offer_id]/edit/index.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Heading, Input, toast } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { useParams } from "react-router-dom";
+import { z } from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Schema = z.object({ sku: z.string().max(64).optional() });
+var EditOfferVariantForm = ({ offer }) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: { sku: offer.sku ?? "" },
+    resolver: zodResolver(Schema)
+  });
+  const { mutateAsync, isPending } = useUpdateOffer(offer.id);
+  const handleSubmit = form.handleSubmit(async (values) => {
+    const sku = values.sku?.trim();
+    await mutateAsync(
+      sku ? { sku } : {},
+      {
+        onSuccess: () => {
+          toast.success(t("offers.variant.edit.successToast"));
+          handleSuccess();
+        },
+        onError: (error) => toast.error(error.message)
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex flex-1 flex-col overflow-hidden",
+      "data-testid": "offer-variant-edit-form",
+      children: [
+        /* @__PURE__ */ jsx(RouteDrawer.Body, { className: "flex flex-1 flex-col gap-y-4 overflow-auto", children: /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control: form.control,
+            name: "sku",
+            render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("offers.fields.sku") }),
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { maxLength: 64, autoComplete: "off", ...field }) }),
+              /* @__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: isPending, children: t("actions.save") })
+        ] }) })
+      ]
+    }
+  ) });
+};
+var OfferVariantEditPage = () => {
+  const { offer_id } = useParams();
+  const { t } = useTranslation();
+  const { offer, isPending, isError, error } = useOffer(offer_id, {
+    fields: OFFER_VARIANT_DETAIL_FIELDS
+  });
+  if (isError) throw error;
+  const ready = !isPending && !!offer;
+  return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
+    /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
+      /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: `${t("actions.edit")} ${t("offers.detail.offerVariant")}` }) }),
+      /* @__PURE__ */ jsx(RouteDrawer.Description, { className: "sr-only", children: t("offers.edit.description") })
+    ] }),
+    ready && /* @__PURE__ */ jsx(EditOfferVariantForm, { offer })
+  ] });
+};
+var Component = OfferVariantEditPage;
+export {
+  Component,
+  OfferVariantEditPage
+};

package/dist/{edit-REDDBLTA.js → edit-6Z6RIJRZ.js}

@@ -5,7 +5,7 @@ import {
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteDrawer,
   useRouteModal
@@ -16,9 +16,9 @@ import {
 import {
   usePriceList,
   useUpdatePriceList
-} from "./chunk-NHFEY3EI.js";
-import "./chunk-LWJF63JW.js";
-import "./chunk-QNNJN4H6.js";
+} from "./chunk-M3YUT5AY.js";
+import "./chunk-LTQQRVZG.js";
+import "./chunk-TSTUAL6N.js";
 import "./chunk-A5DJIOHN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";

package/dist/{edit-2Q7TRUTL.js → edit-CVSO5CX7.js}

@@ -1,25 +1,24 @@
 import {
   RulesFormField
-} from "./chunk-EIUYXS7E.js";
+} from "./chunk-SZBERGA4.js";
 import "./chunk-OVPAOBZB.js";
 import "./chunk-VBRTC2VU.js";
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteDrawer,
   useRouteModal
 } from "./chunk-GDWBOQI5.js";
 import "./chunk-3QSRE5LS.js";
-import "./chunk-GXIAIITP.js";
+import "./chunk-KZYRC3WR.js";
 import "./chunk-F4OJN2F2.js";
 import "./chunk-LRARA622.js";
 import "./chunk-M6N4ISXL.js";
 import "./chunk-S7EKBD2C.js";
-import "./chunk-VXMOPVRH.js";
 import "./chunk-VV6IKGCN.js";
-import "./chunk-NHFEY3EI.js";
+import "./chunk-M3YUT5AY.js";
 import {
   usePromotion,
   usePromotionAddRules,
@@ -27,19 +26,20 @@ import {
   usePromotionUpdateRules,
   useUpdatePromotion
 } from "./chunk-BOZJOOGW.js";
-import "./chunk-LWJF63JW.js";
-import "./chunk-T6LHVNWO.js";
-import "./chunk-4S6XGIC6.js";
-import "./chunk-QT7YFHCA.js";
 import "./chunk-IQWK723D.js";
-import "./chunk-UORPTGV2.js";
-import "./chunk-NXNJQZCP.js";
+import "./chunk-4S6XGIC6.js";
+import "./chunk-S23FD6FA.js";
+import "./chunk-7FIPNQM2.js";
+import "./chunk-LTQQRVZG.js";
 import "./chunk-VXWN37PT.js";
-import "./chunk-RZLN2Q6G.js";
+import "./chunk-247L47JD.js";
+import "./chunk-POOTMH3K.js";
+import "./chunk-VXMOPVRH.js";
 import "./chunk-NBPMNUKZ.js";
-import "./chunk-QS6RWIBL.js";
+import "./chunk-4R5GESED.js";
+import "./chunk-7RGUD6PI.js";
 import "./chunk-3B34B2M2.js";
-import "./chunk-QNNJN4H6.js";
+import "./chunk-TSTUAL6N.js";
 import "./chunk-A5DJIOHN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";

package/dist/{edit-ZAHCMF5U.js → edit-FQDSESVI.js}

@@ -4,7 +4,7 @@ import {
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteDrawer,
   useRouteModal

package/dist/edit-GZXLWSTL.js

@@ -0,0 +1,176 @@
+import {
+  AttributeValueInput
+} from "./chunk-P3SOE76R.js";
+import "./chunk-VBRTC2VU.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 {
+  require_dist
+} from "./chunk-6FLSBL4Q.js";
+import {
+  PRODUCT_DETAIL_QUERY
+} from "./chunk-36WXPGD2.js";
+import {
+  useProduct,
+  useUpdateProductAttribute
+} from "./chunk-TSTUAL6N.js";
+import "./chunk-A5DJIOHN.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-RIN4CBRB.js";
+import {
+  __toESM
+} from "./chunk-NBMM2TZK.js";
+
+// src/pages/products/[id]/attributes/[attribute_id]/edit/index.tsx
+import { Heading, Text } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/pages/products/[id]/attributes/[attribute_id]/edit/components/edit-attribute-form/edit-attribute-form.tsx
+var import_types = __toESM(require_dist(), 1);
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Input, Label, 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 EditAttributeForm = ({
+  productId,
+  attribute
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const hasPresetValues = attribute.type === import_types.AttributeType.SINGLE_SELECT || attribute.type === import_types.AttributeType.MULTI_SELECT;
+  const initialValues = (() => {
+    const selected = attribute.values ?? [];
+    if (attribute.type === import_types.AttributeType.MULTI_SELECT) {
+      return selected.map((v) => v.name);
+    }
+    return selected[0]?.name ?? "";
+  })();
+  const schema = zod.object({
+    values: zod.union([zod.string(), zod.array(zod.string())]).refine(
+      (v) => Array.isArray(v) ? v.length > 0 : v.trim().length > 0,
+      { message: t("products.create.attributes.errors.valuesRequired") }
+    )
+  });
+  const form = useForm({
+    defaultValues: { values: initialValues },
+    resolver: zodResolver(schema)
+  });
+  const { mutateAsync, isPending } = useUpdateProductAttribute(
+    productId,
+    attribute.id
+  );
+  const handleSubmit = form.handleSubmit(async (data) => {
+    const vals = Array.isArray(data.values) ? data.values : [data.values].filter((s) => s.trim().length > 0);
+    const payload = hasPresetValues ? {
+      attribute_value_ids: (attribute.all_values ?? []).filter((v) => vals.includes(v.name)).map((v) => v.id)
+    } : { values: vals };
+    await mutateAsync(payload, {
+      onSuccess: () => handleSuccess(),
+      onError: (error) => toast.error(error.message)
+    });
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(KeyboundForm, { onSubmit: handleSubmit, className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsx(RouteDrawer.Body, { children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-4", children: /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-component shadow-elevation-card-rest rounded-xl p-1.5", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[min-content,1fr] items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center px-2 py-1.5", children: /* @__PURE__ */ jsx(
+        Label,
+        {
+          size: "xsmall",
+          weight: "plus",
+          className: "text-ui-fg-subtle",
+          children: t("fields.title")
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          className: "bg-ui-bg-field-component",
+          value: attribute.name,
+          disabled: true,
+          "data-testid": "edit-attribute-title-input"
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "flex items-center px-2 py-1.5", children: /* @__PURE__ */ jsx(
+        Label,
+        {
+          size: "xsmall",
+          weight: "plus",
+          className: "text-ui-fg-subtle",
+          children: t("fields.values")
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "values",
+          render: ({ field: { onChange, value } }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+              AttributeValueInput,
+              {
+                type: attribute.type,
+                value,
+                onChange,
+                availableValues: attribute.all_values ?? []
+              }
+            ) }),
+            /* @__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,
+          "data-testid": "edit-attribute-submit-button",
+          children: t("actions.save")
+        }
+      )
+    ] }) })
+  ] }) });
+};
+
+// src/pages/products/[id]/attributes/[attribute_id]/edit/index.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Component = () => {
+  const { id, attribute_id } = useParams();
+  const { t } = useTranslation2();
+  const { product, isLoading, isError, error } = useProduct(
+    id,
+    PRODUCT_DETAIL_QUERY
+  );
+  if (isError) {
+    throw error;
+  }
+  const attribute = product?.attributes?.find(
+    (a) => a.id === attribute_id
+  );
+  const ready = !isLoading && !!product && !!attribute;
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
+    /* @__PURE__ */ jsxs2(RouteDrawer.Header, { children: [
+      /* @__PURE__ */ jsx2(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx2(Heading, { children: t("products.editAttribute") }) }),
+      /* @__PURE__ */ jsx2(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx2(Text, { size: "small", className: "text-ui-fg-subtle", children: t("products.editAttributeHint") }) })
+    ] }),
+    ready && /* @__PURE__ */ jsx2(EditAttributeForm, { productId: id, attribute })
+  ] });
+};
+export {
+  Component
+};