@mercurjs/vendor 2.0.0 → 2.0.1

package/dist/edit-Z7EZRPUP.js

@@ -0,0 +1,362 @@
+import "./chunk-FMFVTERD.js";
+import {
+  NumericInput
+} from "./chunk-DLNNTQRY.js";
+import {
+  ChipInput
+} from "./chunk-NCYTM57J.js";
+import {
+  SwitchBox
+} from "./chunk-YVCBMOJG.js";
+import {
+  Combobox
+} from "./chunk-VBRTC2VU.js";
+import {
+  i18n
+} from "./chunk-JRT2U4UI.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 {
+  useProduct,
+  useProductAttributes,
+  useUpdateProductAttribute
+} from "./chunk-ZEVYT6IX.js";
+import "./chunk-A5DJIOHN.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-RIN4CBRB.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/products/product-edit-attribute/product-edit-attribute.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { json, useParams } from "react-router-dom";
+
+// src/pages/products/product-edit-attribute/components/edit-product-attribute-form.tsx
+import { useRef } from "react";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { CircleInfoSolid } from "@medusajs/icons";
+import {
+  Button,
+  InlineTip,
+  Input,
+  Select,
+  Text,
+  Textarea,
+  Tooltip,
+  usePrompt
+} from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { z } from "zod";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var EditProductAttributeSchema = z.object({
+  values: z.array(z.string()).min(1, i18n.t("products.edit.attributes.valuesRequired")),
+  use_for_variations: z.boolean()
+});
+var EditProductAttributeForm = ({
+  productId,
+  attribute,
+  attributeDefinition
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const prompt = usePrompt();
+  const currentValues = attribute.values?.map((v) => v.value) ?? [];
+  const form = useForm({
+    defaultValues: {
+      values: currentValues,
+      use_for_variations: false
+    },
+    resolver: zodResolver(EditProductAttributeSchema)
+  });
+  const useForVariations = form.watch("use_for_variations");
+  const { mutateAsync, isPending } = useUpdateProductAttribute(
+    productId,
+    attribute.attribute_id
+  );
+  const handleSubmit = form.handleSubmit(async (data) => {
+    await mutateAsync(
+      {
+        values: data.values,
+        use_for_variations: data.use_for_variations
+      },
+      {
+        onSuccess: () => {
+          handleSuccess();
+        }
+      }
+    );
+  });
+  const uiComponent = attributeDefinition?.ui_component ?? attribute.ui_component;
+  const possibleValueOptions = attributeDefinition?.possible_values?.map((pv) => ({
+    value: pv.value,
+    label: pv.value
+  })) ?? [];
+  const isAdminAttribute = attribute.attribute_source === "admin";
+  const customValueCreatedRef = useRef(false);
+  const confirmCustomValue = async () => {
+    return prompt({
+      title: t("products.edit.attributes.editCustomValueTitle"),
+      description: t(
+        "products.edit.attributes.editCustomValueDescription"
+      )
+    });
+  };
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex flex-1 flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsxs(RouteDrawer.Body, { className: "flex flex-1 flex-col gap-y-2 overflow-auto", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
+            /* @__PURE__ */ jsxs(
+              Text,
+              {
+                size: "small",
+                weight: "plus",
+                className: "flex items-center gap-x-2",
+                children: [
+                  attribute.name,
+                  (attribute.description || attribute.is_required) && /* @__PURE__ */ jsx(
+                    Tooltip,
+                    {
+                      content: attribute.description || t("products.edit.attributes.required"),
+                      children: /* @__PURE__ */ jsx(CircleInfoSolid, { className: "text-ui-fg-muted" })
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "values",
+                render: ({ field }) => {
+                  const renderValuesInput = () => {
+                    if (uiComponent === "select") {
+                      return /* @__PURE__ */ jsx(
+                        Combobox,
+                        {
+                          value: field.value[0] ?? "",
+                          onChange: async (val) => {
+                            const strVal = val;
+                            if (isAdminAttribute && customValueCreatedRef.current) {
+                              customValueCreatedRef.current = false;
+                              const confirmed = await confirmCustomValue();
+                              if (!confirmed) return;
+                            }
+                            field.onChange(
+                              val ? [strVal] : []
+                            );
+                          },
+                          options: possibleValueOptions,
+                          onCreateOption: () => {
+                            customValueCreatedRef.current = true;
+                          },
+                          multiple: false,
+                          placeholder: t(
+                            "products.edit.attributes.valuesPlaceholder"
+                          )
+                        }
+                      );
+                    }
+                    if (uiComponent === "multivalue") {
+                      return /* @__PURE__ */ jsx(
+                        Combobox,
+                        {
+                          value: field.value,
+                          onChange: async (val) => {
+                            const arrVal = val ?? [];
+                            if (isAdminAttribute && customValueCreatedRef.current) {
+                              customValueCreatedRef.current = false;
+                              const confirmed = await confirmCustomValue();
+                              if (!confirmed) return;
+                            }
+                            field.onChange(arrVal);
+                          },
+                          options: possibleValueOptions,
+                          onCreateOption: () => {
+                            customValueCreatedRef.current = true;
+                          },
+                          placeholder: t(
+                            "products.edit.attributes.valuesPlaceholder"
+                          )
+                        }
+                      );
+                    }
+                    if (uiComponent === "text") {
+                      return /* @__PURE__ */ jsx(
+                        Input,
+                        {
+                          value: field.value[0] ?? "",
+                          onChange: (e) => field.onChange([e.target.value]),
+                          placeholder: t(
+                            "products.edit.attributes.valuesPlaceholder"
+                          )
+                        }
+                      );
+                    }
+                    if (uiComponent === "text_area") {
+                      return /* @__PURE__ */ jsx(
+                        Textarea,
+                        {
+                          value: field.value[0] ?? "",
+                          onChange: (e) => field.onChange([e.target.value]),
+                          placeholder: t(
+                            "products.edit.attributes.valuesPlaceholder"
+                          )
+                        }
+                      );
+                    }
+                    if (uiComponent === "toggle") {
+                      return /* @__PURE__ */ jsxs(
+                        Select,
+                        {
+                          value: field.value[0] ?? "",
+                          onValueChange: (val) => field.onChange([val]),
+                          children: [
+                            /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(
+                              Select.Value,
+                              {
+                                placeholder: t(
+                                  "products.fields.attributes.selectValuePlaceholder"
+                                )
+                              }
+                            ) }),
+                            /* @__PURE__ */ jsxs(Select.Content, { children: [
+                              /* @__PURE__ */ jsx(Select.Item, { value: "true", children: t("general.true") }),
+                              /* @__PURE__ */ jsx(Select.Item, { value: "false", children: t("general.false") })
+                            ] })
+                          ]
+                        }
+                      );
+                    }
+                    if (uiComponent === "unit") {
+                      return /* @__PURE__ */ jsx(
+                        NumericInput,
+                        {
+                          value: field.value[0] !== void 0 ? parseFloat(field.value[0]) : void 0,
+                          onChange: (val) => field.onChange([
+                            String(val ?? "")
+                          ]),
+                          placeholder: t(
+                            "products.edit.attributes.valuesPlaceholder"
+                          ),
+                          hideControls: true
+                        }
+                      );
+                    }
+                    return /* @__PURE__ */ jsx(
+                      ChipInput,
+                      {
+                        value: field.value,
+                        onChange: field.onChange,
+                        placeholder: t(
+                          "products.edit.attributes.valuesPlaceholder"
+                        )
+                      }
+                    );
+                  };
+                  return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Control, { children: renderValuesInput() }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] });
+                }
+              }
+            )
+          ] }),
+          uiComponent === "multivalue" && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              SwitchBox,
+              {
+                control: form.control,
+                name: "use_for_variations",
+                label: t(
+                  "products.edit.attributes.useForVariations"
+                ),
+                description: t(
+                  "products.edit.attributes.useForVariationsDescription"
+                )
+              }
+            ),
+            useForVariations && /* @__PURE__ */ jsx(
+              InlineTip,
+              {
+                variant: "warning",
+                label: t("general.warning"),
+                className: "mt-2",
+                children: t(
+                  "products.edit.attributes.conversionWarning"
+                )
+              }
+            )
+          ] })
+        ] }),
+        /* @__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, { variant: "secondary", size: "small", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "submit",
+              size: "small",
+              isLoading: isPending,
+              children: t("actions.save")
+            }
+          )
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+// src/pages/products/product-edit-attribute/product-edit-attribute.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ProductEditAttribute = () => {
+  const { id, attribute_id } = useParams();
+  const { t } = useTranslation2();
+  const { product, isPending, isFetching, isError, error } = useProduct(id);
+  const { attributes } = useProductAttributes(id);
+  const attribute = product?.informational_attributes?.find(
+    (a) => a.attribute_id === attribute_id
+  );
+  const attributeDefinition = attributes?.find(
+    (a) => a.id === attribute_id
+  );
+  if (!isPending && !isFetching && !attribute) {
+    throw json(
+      {
+        message: `An attribute with ID ${attribute_id} was not found`
+      },
+      404
+    );
+  }
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { children: /* @__PURE__ */ jsx2(Heading, { children: t("products.edit.attributes.editHeader") }) }),
+    attribute && /* @__PURE__ */ jsx2(
+      EditProductAttributeForm,
+      {
+        productId: id,
+        attribute,
+        attributeDefinition
+      }
+    )
+  ] });
+};
+export {
+  ProductEditAttribute as Component
+};

package/dist/{edit-NHU3LJIH.js → edit-ZEIL7EQW.js}

@@ -12,31 +12,32 @@ import {
 import {
   useProductTag,
   useUpdateProductTag
-} from "./chunk-FPJLYWOU.js";
-import "./chunk-DHADGZJ5.js";
-import "./chunk-VGJTARSA.js";
-import "./chunk-DYUTYBAQ.js";
-import "./chunk-Y4VBOHAP.js";
-import "./chunk-JKXAL7WR.js";
-import "./chunk-DC2K6CFQ.js";
-import "./chunk-VDWGP2U6.js";
-import "./chunk-RE7YXVFG.js";
-import "./chunk-HUNGNEPY.js";
-import "./chunk-PADOWAXM.js";
-import "./chunk-LWVBKUUL.js";
-import "./chunk-RIILGKYR.js";
-import "./chunk-6EYGH3TB.js";
-import "./chunk-GTUR4HSV.js";
-import "./chunk-SI4ALL7W.js";
-import "./chunk-ZFFA36DB.js";
-import "./chunk-VHMGJUYN.js";
-import "./chunk-VJTYMQVA.js";
-import "./chunk-WPFTRRWV.js";
+} from "./chunk-NYRRRCJS.js";
+import "./chunk-STBCWNZQ.js";
+import "./chunk-F4OJN2F2.js";
+import "./chunk-LRARA622.js";
+import "./chunk-M6N4ISXL.js";
+import "./chunk-S7EKBD2C.js";
+import "./chunk-VXMOPVRH.js";
+import "./chunk-IQWK723D.js";
+import "./chunk-VV6IKGCN.js";
+import "./chunk-PCMNEUMV.js";
+import "./chunk-BOZJOOGW.js";
+import "./chunk-RL7SFZOF.js";
+import "./chunk-LWJF63JW.js";
+import "./chunk-NBPMNUKZ.js";
+import "./chunk-GCSQEJMD.js";
+import "./chunk-VXWN37PT.js";
+import "./chunk-UL4O5M4S.js";
+import "./chunk-FX4V5JCF.js";
+import "./chunk-3B34B2M2.js";
+import "./chunk-RUE5BPC2.js";
+import "./chunk-ZEVYT6IX.js";
 import "./chunk-A5DJIOHN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
-import "./chunk-Y224F4UU.js";
-import "./chunk-PKBMQBKP.js";
+import "./chunk-RIN4CBRB.js";
+import "./chunk-NBMM2TZK.js";
 
 // src/pages/settings/product-tags/[id]/edit/index.tsx
 import { Heading } from "@medusajs/ui";

package/dist/{edit-budget-Z5USV462.js → edit-budget-J27CSEZH.js}

@@ -15,11 +15,11 @@ import {
 import {
   useCampaign,
   useUpdateCampaign
-} from "./chunk-HUNGNEPY.js";
+} from "./chunk-BOZJOOGW.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
-import "./chunk-Y224F4UU.js";
-import "./chunk-PKBMQBKP.js";
+import "./chunk-RIN4CBRB.js";
+import "./chunk-NBMM2TZK.js";
 
 // src/pages/campaigns/[id]/edit-budget/index.tsx
 import { Heading } from "@medusajs/ui";

package/dist/{edit-inventory-item-YFW2AFRD.js → edit-inventory-item-US77M2FF.js}

@@ -12,12 +12,12 @@ import {
 import {
   useInventoryItem,
   useUpdateInventoryItem
-} from "./chunk-WPFTRRWV.js";
+} from "./chunk-ZEVYT6IX.js";
 import "./chunk-A5DJIOHN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
-import "./chunk-Y224F4UU.js";
-import "./chunk-PKBMQBKP.js";
+import "./chunk-RIN4CBRB.js";
+import "./chunk-NBMM2TZK.js";
 
 // src/pages/inventory/[id]/_components/edit-inventory-item/edit-item-drawer.tsx
 import { Heading } from "@medusajs/ui";

package/dist/{edit-inventory-item-attributes-IYAMJDTB.js → edit-inventory-item-attributes-QYNDTUHT.js}

@@ -1,6 +1,7 @@
+import "./chunk-NXDFDEKP.js";
 import {
   CountrySelect
-} from "./chunk-S3PQKKNV.js";
+} from "./chunk-V74Y5NIV.js";
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
@@ -16,12 +17,12 @@ import "./chunk-JRTZWK77.js";
 import {
   useInventoryItem,
   useUpdateInventoryItem
-} from "./chunk-WPFTRRWV.js";
+} from "./chunk-ZEVYT6IX.js";
 import "./chunk-A5DJIOHN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
-import "./chunk-Y224F4UU.js";
-import "./chunk-PKBMQBKP.js";
+import "./chunk-RIN4CBRB.js";
+import "./chunk-NBMM2TZK.js";
 
 // src/pages/inventory/[id]/_components/edit-inventory-item-attributes/edit-item-attributes-drawer.tsx
 import { Heading } from "@medusajs/ui";