@mercurjs/vendor 2.1.6 → 2.2.0-canary.11

package/dist/edit-VO5XLIEL.js

@@ -1,362 +0,0 @@
-import "./chunk-FMFVTERD.js";
-import {
-  NumericInput
-} from "./chunk-DLNNTQRY.js";
-import {
-  ChipInput
-} from "./chunk-YGRTRAWX.js";
-import {
-  SwitchBox
-} from "./chunk-YVCBMOJG.js";
-import {
-  Combobox
-} from "./chunk-VBRTC2VU.js";
-import {
-  i18n
-} from "./chunk-KQGVSLUI.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
-};