@mercurjs/vendor 2.0.0-canary.0

package/dist/create-MKBBF2V3.js

@@ -0,0 +1,150 @@
+import {
+  ChipInput
+} from "./chunk-NCYTM57J.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-WPFTRRWV.js";
+import "./chunk-A5DJIOHN.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-Y224F4UU.js";
+import "./chunk-PKBMQBKP.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/create-TFDUNJSI.js

@@ -0,0 +1,163 @@
+import {
+  useCreateReturnReason
+} from "./chunk-JXP5YZ77.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-3CK6OINO.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-Y224F4UU.js";
+import "./chunk-PKBMQBKP.js";
+
+// src/pages/settings/return-reasons/create/_components/return-reason-create-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Heading, Input, Text, Textarea, 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 ReturnReasonCreateSchema = z.object({
+  value: z.string().min(1),
+  label: z.string().min(1),
+  description: z.string().optional()
+});
+var ReturnReasonCreateForm = () => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      value: "",
+      label: "",
+      description: ""
+    },
+    resolver: zodResolver(ReturnReasonCreateSchema)
+  });
+  const { mutateAsync, isPending } = useCreateReturnReason();
+  const handleSubmit = form.handleSubmit(async (data) => {
+    await mutateAsync(data, {
+      onSuccess: ({ return_reason }) => {
+        toast.success(
+          t("returnReasons.create.successToast", {
+            label: return_reason.label
+          })
+        );
+        handleSuccess(`../`);
+      },
+      onError: (error) => {
+        toast.error(error.message);
+      }
+    });
+  });
+  return /* @__PURE__ */ jsx(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      className: "flex size-full flex-col overflow-hidden",
+      onSubmit: handleSubmit,
+      children: [
+        /* @__PURE__ */ jsx(RouteFocusModal.Header, {}),
+        /* @__PURE__ */ jsx(RouteFocusModal.Body, { className: "flex flex-1 justify-center overflow-auto px-6 py-16", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", children: [
+            /* @__PURE__ */ jsx(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: t("returnReasons.create.header") }) }),
+            /* @__PURE__ */ jsx(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: t("returnReasons.create.subtitle") }) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "value",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(
+                      Form.Label,
+                      {
+                        tooltip: t("returnReasons.fields.value.tooltip"),
+                        children: t("returnReasons.fields.value.label")
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                      Input,
+                      {
+                        ...field,
+                        placeholder: t(
+                          "returnReasons.fields.value.placeholder"
+                        )
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "label",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { children: t("returnReasons.fields.label.label") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                      Input,
+                      {
+                        ...field,
+                        placeholder: t(
+                          "returnReasons.fields.label.placeholder"
+                        )
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] });
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "description",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("returnReasons.fields.description.label") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                    Textarea,
+                    {
+                      ...field,
+                      placeholder: t(
+                        "returnReasons.fields.description.placeholder"
+                      )
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx(RouteFocusModal.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+          /* @__PURE__ */ jsx(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", type: "button", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: t("actions.save") })
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+// src/pages/settings/return-reasons/create/index.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ReturnReasonCreate = () => {
+  return /* @__PURE__ */ jsx2(RouteFocusModal, { children: /* @__PURE__ */ jsx2(ReturnReasonCreateForm, {}) });
+};
+var Component = ReturnReasonCreate;
+export {
+  Component
+};