@mercurjs/vendor 2.1.6 → 2.2.0-canary.11

package/dist/create-7R6CZU53.js

@@ -0,0 +1,215 @@
+import {
+  AttributeValueInput
+} from "./chunk-ADGVQVHP.js";
+import {
+  defineTabMeta
+} from "./chunk-LEWA4BPH.js";
+import "./chunk-VBRTC2VU.js";
+import {
+  TabbedForm,
+  useTabbedForm
+} from "./chunk-LQD232FW.js";
+import "./chunk-TKGWSUEI.js";
+import "./chunk-U2ZFCAPX.js";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-GDWBOQI5.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  require_dist
+} from "./chunk-UCYSCKZV.js";
+import {
+  PRODUCT_DETAIL_QUERY
+} from "./chunk-U6PBLMXD.js";
+import {
+  useCreateProductVariant,
+  useProduct
+} from "./chunk-JAUZ73XE.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]/variants/create/index.tsx
+import { useParams } from "react-router-dom";
+
+// src/pages/products/[id]/variants/create/create-product-variant-form/create-product-variant-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { toast } from "@medusajs/ui";
+import { Children, useMemo } from "react";
+import { useForm } from "react-hook-form";
+
+// src/pages/products/[id]/variants/create/create-product-variant-form/constants.ts
+import { z } from "zod";
+var CreateProductVariantSchema = z.object({
+  title: z.string().min(1),
+  sku: z.string().optional(),
+  options: z.record(z.string()).optional()
+});
+var CreateVariantDetailsSchema = CreateProductVariantSchema.pick({
+  title: true,
+  sku: true,
+  options: true
+});
+var CreateVariantDetailsFields = Object.keys(
+  CreateVariantDetailsSchema.shape
+);
+
+// src/pages/products/[id]/variants/create/create-product-variant-form/details-tab.tsx
+var import_types = __toESM(require_dist(), 1);
+import { Heading, Input } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+function DetailsTab({ product }) {
+  const { t } = useTranslation();
+  const form = useTabbedForm();
+  const variantAttributes = product.attributes?.filter((a) => a.is_variant_axis) ?? [];
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col items-center overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8 px-8 py-16", children: [
+    /* @__PURE__ */ jsx(Heading, { level: "h1", children: t("products.variant.create.header") }),
+    /* @__PURE__ */ jsxs("div", { className: "my-8 grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "title",
+          render: ({ field }) => {
+            return /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { children: t("fields.title") }),
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] });
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "sku",
+          render: ({ field }) => {
+            return /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.sku") }),
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] });
+          }
+        }
+      ),
+      variantAttributes.map((attribute) => {
+        const fieldKey = attribute.handle ?? attribute.id;
+        return /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control: form.control,
+            name: `options.${fieldKey}`,
+            render: ({ field: { value, onChange } }) => {
+              return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                /* @__PURE__ */ jsx(Form.Label, { children: attribute.name }),
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                  AttributeValueInput,
+                  {
+                    type: import_types.AttributeType.SINGLE_SELECT,
+                    value: typeof value === "string" ? value : "",
+                    onChange,
+                    availableValues: (attribute.values ?? []).map((v) => ({
+                      id: v.id,
+                      name: v.name
+                    }))
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] });
+            }
+          },
+          attribute.id
+        );
+      })
+    ] })
+  ] }) });
+}
+DetailsTab._tabMeta = defineTabMeta({
+  id: "detail",
+  labelKey: "priceLists.create.tabs.details",
+  validationFields: ["title", "sku", "options"]
+});
+var details_tab_default = DetailsTab;
+
+// src/pages/products/[id]/variants/create/create-product-variant-form/create-product-variant-form.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var CREATE_VARIANT_DEFAULTS = {
+  sku: "",
+  title: "",
+  options: {}
+};
+var CreateProductVariantForm = ({
+  product,
+  children,
+  schema,
+  defaultValues: extraDefaults
+}) => {
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      ...CREATE_VARIANT_DEFAULTS,
+      ...extraDefaults
+    },
+    resolver: zodResolver(schema ?? CreateProductVariantSchema)
+  });
+  const { mutateAsync, isPending } = useCreateProductVariant(product.id);
+  const variantAttributes = product.attributes?.filter((a) => a.is_variant_axis) ?? [];
+  const handleSubmit = form.handleSubmit(async (data) => {
+    const { title, options } = data;
+    const cleanedOptions = variantAttributes.reduce(
+      (acc, attr) => {
+        const fieldKey = attr.handle ?? attr.id;
+        const v = options?.[fieldKey];
+        if (v && attr.name) acc[attr.name] = v;
+        return acc;
+      },
+      {}
+    );
+    await mutateAsync(
+      {
+        title,
+        options: Object.keys(cleanedOptions).length ? cleanedOptions : void 0
+      },
+      {
+        onSuccess: () => {
+          handleSuccess();
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  const defaultTabs = useMemo(
+    () => [/* @__PURE__ */ jsx2(details_tab_default, { product }, "details")],
+    [product]
+  );
+  const hasCustomChildren = Children.count(children) > 0;
+  return /* @__PURE__ */ jsx2(TabbedForm, { form, onSubmit: handleSubmit, isLoading: isPending, children: hasCustomChildren ? children : defaultTabs });
+};
+
+// src/pages/products/[id]/variants/create/index.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Component = () => {
+  const { id } = useParams();
+  const { product, isLoading, isError, error } = useProduct(
+    id,
+    PRODUCT_DETAIL_QUERY
+  );
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx3(RouteFocusModal, { children: !isLoading && product && /* @__PURE__ */ jsx3(CreateProductVariantForm, { product }) });
+};
+export {
+  Component
+};

package/dist/{create-3EK5CNNX.js → create-A7B3MLJX.js}

@@ -3,7 +3,7 @@ import {
   TargetItem,
   TaxRateRuleReferenceSchema,
   createTaxRulePayload
-} from "./chunk-CYTNBXWF.js";
+} from "./chunk-OZ44ATGE.js";
 import "./chunk-Q4UVXS46.js";
 import {
   PercentageInput
@@ -18,41 +18,45 @@ import "./chunk-MG4GKUJW.js";
 import "./chunk-AYVH6Q5O.js";
 import "./chunk-VOHEQ7B5.js";
 import "./chunk-DY3XQPHC.js";
+import "./chunk-VKOE5J66.js";
 import "./chunk-GJM5XI3E.js";
 import "./chunk-PVZBDWLK.js";
-import "./chunk-VKOE5J66.js";
+import "./chunk-27WLUOI2.js";
+import "./chunk-N3T24SEK.js";
 import "./chunk-JHIMVLB2.js";
+import "./chunk-E6W57UP3.js";
 import "./chunk-HHD2VUED.js";
 import "./chunk-2ZFELO2L.js";
 import "./chunk-26OOAKQ6.js";
 import "./chunk-S2WEYEQR.js";
-import "./chunk-X22KTLZ7.js";
-import "./chunk-6WY5X4PE.js";
-import "./chunk-6YA3C4NB.js";
-import "./chunk-LQYMBSRQ.js";
+import "./chunk-XCIMOIX6.js";
+import "./chunk-LFX6WU4A.js";
 import "./chunk-CMHI2RPL.js";
-import "./chunk-VW56KWO2.js";
-import "./chunk-LQSLDDPT.js";
-import "./chunk-SFQKKIHA.js";
-import "./chunk-N3T24SEK.js";
-import "./chunk-UAE6XBYL.js";
+import "./chunk-X22KTLZ7.js";
 import "./chunk-HB3BP55W.js";
+import "./chunk-UAE6XBYL.js";
 import "./chunk-SYNUA6LQ.js";
-import "./chunk-PXYDR7WQ.js";
-import "./chunk-GC33DBKG.js";
-import "./chunk-4MFMCZEJ.js";
+import "./chunk-L57USMYC.js";
+import "./chunk-VW56KWO2.js";
+import "./chunk-LQSLDDPT.js";
+import "./chunk-3BXCPHN6.js";
+import "./chunk-JRTZWK77.js";
+import "./chunk-BER45EYD.js";
+import "./chunk-U5G3AVED.js";
+import "./chunk-MJCL3WID.js";
+import "./chunk-FWPGOIFA.js";
 import "./chunk-FQERBIVS.js";
-import "./chunk-CNLP35S7.js";
+import "./chunk-K6LOZ4S3.js";
 import "./chunk-DB6ANJBO.js";
 import "./chunk-PHOCVOZ5.js";
-import "./chunk-AIF2KTEE.js";
+import "./chunk-SSUUT5LK.js";
 import "./chunk-YN3FGNJM.js";
-import "./chunk-KAZ5BYTQ.js";
+import "./chunk-6OUPJNYO.js";
 import "./chunk-3EF54XFY.js";
+import "./chunk-IQPN4PZJ.js";
 import {
   SwitchBox
 } from "./chunk-YVCBMOJG.js";
-import "./chunk-IQPN4PZJ.js";
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
@@ -62,14 +66,16 @@ import {
   StackedFocusModal,
   useRouteModal,
   useStackedModal
-} from "./chunk-3CK6OINO.js";
+} from "./chunk-GDWBOQI5.js";
 import {
   Form
 } from "./chunk-3QSRE5LS.js";
 import "./chunk-THHRRYRS.js";
 import "./chunk-LRD242C7.js";
-import "./chunk-JRTZWK77.js";
-import "./chunk-47SXTGLN.js";
+import "./chunk-UCYSCKZV.js";
+import "./chunk-WIYFXWRI.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-TBYCZRZ7.js";
 import "./chunk-F4OJN2F2.js";
 import {
   useCreateTaxRate
@@ -78,28 +84,29 @@ import {
   useTaxRegion
 } from "./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-BXRNZS5K.js";
 import "./chunk-BOZJOOGW.js";
-import "./chunk-RL7SFZOF.js";
+import "./chunk-T6LHVNWO.js";
+import "./chunk-4S6XGIC6.js";
+import "./chunk-S23FD6FA.js";
+import "./chunk-IQWK723D.js";
+import "./chunk-DDJQRV6E.js";
 import "./chunk-LWJF63JW.js";
-import "./chunk-NBPMNUKZ.js";
-import "./chunk-WBI7FEGI.js";
 import "./chunk-VXWN37PT.js";
-import "./chunk-UL4O5M4S.js";
-import "./chunk-FX4V5JCF.js";
-import "./chunk-QHQWEERJ.js";
+import "./chunk-5QI3NDJG.js";
+import "./chunk-VZUA5SRD.js";
+import "./chunk-VXMOPVRH.js";
+import "./chunk-NBPMNUKZ.js";
+import "./chunk-UORPTGV2.js";
+import "./chunk-Y2MQ5EMD.js";
 import "./chunk-3B34B2M2.js";
-import "./chunk-RUE5BPC2.js";
-import "./chunk-WIYFXWRI.js";
 import "./chunk-LAVHRER2.js";
+import "./chunk-QHQWEERJ.js";
 import {
   useDocumentDirection
 } from "./chunk-Y7QKP6QU.js";
-import "./chunk-INNFZYX2.js";
-import "./chunk-ZEVYT6IX.js";
+import "./chunk-JAUZ73XE.js";
 import "./chunk-A5DJIOHN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";