@mercurjs/vendor 2.1.6 → 2.2.0-canary.11

package/dist/create-I7HV3RM6.js

@@ -1,150 +0,0 @@
-import {
-  ChipInput
-} from "./chunk-YGRTRAWX.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 {
-  useCreateProductOption,
-  useProduct
-} 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/[id]/options/create/index.tsx
-import { Heading } from "@medusajs/ui";
-import { useTranslation as useTranslation2 } from "react-i18next";
-import { useParams } from "react-router-dom";
-
-// src/pages/products/[id]/options/create/create-product-option-form/create-product-option-form.tsx
-import { zodResolver } from "@hookform/resolvers/zod";
-import { Button, Input, toast } from "@medusajs/ui";
-import { useForm } from "react-hook-form";
-import { useTranslation } from "react-i18next";
-import { z } from "zod";
-import { jsx, jsxs } from "react/jsx-runtime";
-var CreateProductOptionSchema = z.object({
-  title: z.string().min(1),
-  values: z.array(z.string()).optional()
-});
-var CreateProductOptionForm = ({
-  product
-}) => {
-  const { t } = useTranslation();
-  const { handleSuccess } = useRouteModal();
-  const form = useForm({
-    defaultValues: {
-      title: "",
-      values: []
-    },
-    resolver: zodResolver(CreateProductOptionSchema)
-  });
-  const { mutateAsync, isPending } = useCreateProductOption(product.id);
-  const handleSubmit = form.handleSubmit(async (values) => {
-    const payload = {
-      title: values.title,
-      values: values.values || []
-    };
-    mutateAsync(payload, {
-      onSuccess: () => {
-        toast.success(
-          t("products.options.create.successToast", {
-            title: values.title
-          })
-        );
-        handleSuccess();
-      },
-      onError: async (err) => {
-        toast.error(err.message);
-      }
-    });
-  });
-  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-4 overflow-auto", children: [
-          /* @__PURE__ */ jsx(
-            Form.Field,
-            {
-              control: form.control,
-              name: "title",
-              render: ({ field }) => {
-                return /* @__PURE__ */ jsxs(Form.Item, { children: [
-                  /* @__PURE__ */ jsx(Form.Label, { children: t("products.fields.options.optionTitle") }),
-                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
-                    Input,
-                    {
-                      ...field,
-                      placeholder: t(
-                        "products.fields.options.optionTitlePlaceholder"
-                      )
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-                ] });
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Form.Field,
-            {
-              control: form.control,
-              name: "values",
-              render: ({ field }) => {
-                return /* @__PURE__ */ jsxs(Form.Item, { children: [
-                  /* @__PURE__ */ jsx(Form.Label, { children: t("products.fields.options.variations") }),
-                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
-                    ChipInput,
-                    {
-                      ...field,
-                      placeholder: t(
-                        "products.fields.options.variantionsPlaceholder"
-                      )
-                    }
-                  ) }),
-                  /* @__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, { variant: "secondary", size: "small", children: t("actions.cancel") }) }),
-          /* @__PURE__ */ jsx(Button, { type: "submit", size: "small", isLoading: isPending, children: t("actions.save") })
-        ] }) })
-      ]
-    }
-  ) });
-};
-
-// src/pages/products/[id]/options/create/index.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var Component = () => {
-  const { id } = useParams();
-  const { t } = useTranslation2();
-  const { product, isLoading, isError, error } = useProduct(id);
-  if (isError) {
-    throw error;
-  }
-  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
-    /* @__PURE__ */ jsx2(RouteDrawer.Header, { children: /* @__PURE__ */ jsx2(Heading, { children: t("products.options.create.header") }) }),
-    !isLoading && product && /* @__PURE__ */ jsx2(CreateProductOptionForm, { product })
-  ] });
-};
-export {
-  Component
-};

package/dist/edit-K2AD335I.js

@@ -1,237 +0,0 @@
-import "./chunk-FMFVTERD.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,
-  useUpdateProductOption
-} 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/[id]/options/[optionId]/edit/product-edit-option.tsx
-import { Heading } from "@medusajs/ui";
-import { useTranslation as useTranslation2 } from "react-i18next";
-import { json, useParams } from "react-router-dom";
-
-// src/pages/products/[id]/options/[optionId]/edit/components/edit-product-option-form.tsx
-import { zodResolver } from "@hookform/resolvers/zod";
-import { Button, InlineTip, Input, usePrompt } from "@medusajs/ui";
-import { useForm } from "react-hook-form";
-import { useTranslation } from "react-i18next";
-import { z } from "zod";
-import { jsx, jsxs } from "react/jsx-runtime";
-var EditProductOptionSchema = z.object({
-  title: z.string().min(1, i18n.t("products.edit.attributes.titleRequired")),
-  values: z.array(z.string()).min(1, i18n.t("products.edit.attributes.valuesRequired")),
-  use_for_variations: z.boolean()
-});
-var EditProductOptionForm = ({
-  option
-}) => {
-  const { t } = useTranslation();
-  const { handleSuccess } = useRouteModal();
-  const prompt = usePrompt();
-  const isAdminOption = option.metadata?.author === "admin";
-  const { attributes } = useProductAttributes(option.product_id);
-  const attributeDefinition = attributes?.find(
-    (a) => a.id === option.metadata?.attribute_id || a.name === option.title
-  );
-  const predefinedValueOptions = attributeDefinition?.possible_values?.map((v) => ({
-    value: v.value,
-    label: v.value
-  })) ?? [];
-  const currentValueOptions = (option?.values ?? []).map((v) => ({
-    value: v.value,
-    label: v.value
-  }));
-  const seenValues = /* @__PURE__ */ new Set();
-  const allValueOptions = [...predefinedValueOptions, ...currentValueOptions].filter(
-    (o) => {
-      if (seenValues.has(o.value)) return false;
-      seenValues.add(o.value);
-      return true;
-    }
-  );
-  const form = useForm({
-    defaultValues: {
-      title: option.title,
-      values: option?.values?.map((v) => v.value),
-      use_for_variations: true
-    },
-    resolver: zodResolver(EditProductOptionSchema)
-  });
-  const useForVariations = form.watch("use_for_variations");
-  const { mutateAsync: updateOption, isPending } = useUpdateProductOption(
-    option.product_id,
-    option.id
-  );
-  const handleSubmit = form.handleSubmit(async (data) => {
-    if (isAdminOption) {
-      if (data.title !== option.title) {
-        const confirmed = await prompt({
-          title: t(
-            "products.edit.attributes.editCustomValueTitle",
-            "Edit Attribute"
-          ),
-          description: t(
-            "products.edit.attributes.editCustomValueDescription",
-            "Replacing this attribute with a custom one will affect how your products appear in search and filters. Custom attributes are not searchable or filterable. Do you want to continue?"
-          )
-        });
-        if (!confirmed) return;
-      }
-      await updateOption(
-        {
-          title: data.title,
-          values: data.values,
-          metadata: { author: "vendor" }
-        },
-        {
-          onSuccess: () => handleSuccess()
-        }
-      );
-      return;
-    }
-    const { use_for_variations, ...rest } = data;
-    if (!use_for_variations) {
-      await updateOption({ convert_to_attribute: true }, {
-        onSuccess: () => handleSuccess()
-      });
-      return;
-    }
-    await updateOption(rest, { onSuccess: () => handleSuccess() });
-  });
-  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-4 overflow-auto", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2 rounded-xl border bg-ui-bg-component p-1.5", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
-              /* @__PURE__ */ jsx(
-                Form.Field,
-                {
-                  control: form.control,
-                  name: "title",
-                  render: ({ field }) => {
-                    return /* @__PURE__ */ jsxs(Form.Item, { className: "flex flex-row items-start gap-x-1.5 space-y-0 [&>div:last-child]:w-full", children: [
-                      /* @__PURE__ */ jsx(Form.Label, { className: "min-w-[60px] px-2 py-1.5", children: t("products.fields.options.optionTitle") }),
-                      /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-y-1.5", children: [
-                        /* @__PURE__ */ jsx(
-                          Input,
-                          {
-                            ...field,
-                            disabled: !useForVariations,
-                            placeholder: t(
-                              "products.fields.options.optionTitlePlaceholder"
-                            ),
-                            className: "w-full bg-ui-bg-base"
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-                      ] }) })
-                    ] });
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Form.Field,
-                {
-                  control: form.control,
-                  name: "values",
-                  render: ({ field }) => {
-                    return /* @__PURE__ */ jsxs(Form.Item, { className: "flex flex-row items-start gap-x-1.5 space-y-0", children: [
-                      /* @__PURE__ */ jsx(Form.Label, { className: "min-w-[60px] px-2 py-1.5", children: t("products.fields.options.variations") }),
-                      /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-y-1.5", children: [
-                        /* @__PURE__ */ jsx(
-                          Combobox,
-                          {
-                            value: field.value,
-                            onChange: (val) => field.onChange(val ?? []),
-                            options: allValueOptions,
-                            disabled: !useForVariations,
-                            placeholder: t(
-                              "products.fields.options.variantionsPlaceholder"
-                            ),
-                            className: "w-full bg-ui-bg-base"
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-                      ] }) })
-                    ] });
-                  }
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx(
-              SwitchBox,
-              {
-                control: form.control,
-                name: "use_for_variations",
-                label: t("products.edit.attributes.useForVariations"),
-                description: t(
-                  "products.edit.attributes.useForVariationsDescription"
-                ),
-                className: "pl-14 [&>*]:shadow-none"
-              }
-            )
-          ] }),
-          !useForVariations && /* @__PURE__ */ jsx(InlineTip, { variant: "warning", label: t("general.warning"), 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/[id]/options/[optionId]/edit/product-edit-option.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var ProductEditOption = () => {
-  const { id, option_id } = useParams();
-  const { t } = useTranslation2();
-  const { product, isPending, isFetching, isError, error } = useProduct(id);
-  const option = product?.options?.find((o) => o.id === option_id);
-  if (!isPending && !isFetching && !option) {
-    throw json(
-      { message: `An option with ID ${option_id} was not found` },
-      404
-    );
-  }
-  if (isError) {
-    throw error;
-  }
-  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
-    /* @__PURE__ */ jsx2(RouteDrawer.Header, { children: /* @__PURE__ */ jsx2(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx2(Heading, { children: t("products.options.edit.header") }) }) }),
-    option && /* @__PURE__ */ jsx2(EditProductOptionForm, { option })
-  ] });
-};
-export {
-  ProductEditOption as Component
-};