@mercurjs/vendor 2.2.0-canary.9 → 2.2.0-rc.1

package/dist/{create-TKXH5KQY.js → create-F2VZZ7XS.js}

@@ -1,10 +1,10 @@
 import {
   ChipInput
-} from "./chunk-YGRTRAWX.js";
+} from "./chunk-KDE4HKH2.js";
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteDrawer,
   useRouteModal
@@ -13,13 +13,41 @@ import {
   Form
 } from "./chunk-3QSRE5LS.js";
 import {
-  useAddProductAttribute
-} from "./chunk-JAUZ73XE.js";
+  require_dist
+} from "./chunk-VYSB4CTB.js";
+import {
+  useFeatureFlags
+} from "./chunk-BQHVM46E.js";
+import "./chunk-QIF4QE7T.js";
+import "./chunk-VE6GRIIN.js";
+import "./chunk-7MARNXFG.js";
+import "./chunk-MNHP6YRC.js";
+import "./chunk-NTJ3BMOE.js";
+import "./chunk-CLS6PNZY.js";
+import "./chunk-JIXW4WHZ.js";
+import "./chunk-GZ4KTAWS.js";
+import "./chunk-PUAWN7SS.js";
+import "./chunk-4NADEZZQ.js";
+import "./chunk-XWHHBJGS.js";
+import "./chunk-5NVY7JZC.js";
+import "./chunk-KIURBTC4.js";
+import "./chunk-4EAC3GT7.js";
+import "./chunk-JR7AABT5.js";
+import "./chunk-ZQCCVCHB.js";
+import "./chunk-MABIMRLS.js";
+import "./chunk-ULEW54ED.js";
+import "./chunk-UEPUKWD7.js";
+import "./chunk-JJP6AKMV.js";
+import {
+  useBatchProductAttributes
+} from "./chunk-744GLNZW.js";
 import "./chunk-A5DJIOHN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
-import "./chunk-RIN4CBRB.js";
-import "./chunk-NBMM2TZK.js";
+import "./chunk-LXZXXOJ3.js";
+import {
+  __toESM
+} from "./chunk-NBMM2TZK.js";
 
 // src/pages/products/[id]/attributes/create/index.tsx
 import { Heading } from "@medusajs/ui";
@@ -27,6 +55,7 @@ import { useTranslation as useTranslation2 } from "react-i18next";
 import { useParams } from "react-router-dom";
 
 // src/pages/products/[id]/attributes/create/components/create-attribute-form/create-attribute-form.tsx
+var import_types = __toESM(require_dist(), 1);
 import { zodResolver } from "@hookform/resolvers/zod";
 import {
   Button,
@@ -37,37 +66,26 @@ import {
   Textarea,
   toast
 } from "@medusajs/ui";
-import { useMemo } from "react";
 import { useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import * as zod from "zod";
+var import_types2 = __toESM(require_dist(), 1);
 import { jsx, jsxs } from "react/jsx-runtime";
-var normalizeValues = (raw) => (Array.isArray(raw) ? raw : raw.split(",")).map((v) => v.trim()).filter(Boolean);
-var buildSchema = (messages) => zod.object({
-  title: zod.string().min(1, { message: messages.title }),
-  values: zod.union([zod.string(), zod.array(zod.string())]),
-  use_for_variants: zod.boolean()
-}).superRefine((data, ctx) => {
-  if (normalizeValues(data.values).length === 0) {
-    ctx.addIssue({
-      code: zod.ZodIssueCode.custom,
-      path: ["values"],
-      message: messages.values
-    });
-  }
-});
 var CreateAttributeForm = ({
   productId
 }) => {
   const { t } = useTranslation();
   const { handleSuccess } = useRouteModal();
-  const schema = useMemo(
-    () => buildSchema({
-      title: t("products.create.attributes.errors.titleRequired"),
-      values: t("products.create.attributes.errors.valuesRequired")
-    }),
-    [t]
-  );
+  const { feature_flags } = useFeatureFlags();
+  const isProductRequestEnabled = !!feature_flags?.[import_types.MercurFeatureFlags.PRODUCT_REQUEST];
+  const schema = zod.object({
+    title: zod.string().trim().min(1, { message: t("products.create.attributes.errors.titleRequired") }),
+    values: zod.union([zod.string(), zod.array(zod.string())]).refine(
+      (v) => Array.isArray(v) ? v.length > 0 : v.trim().length > 0,
+      { message: t("products.create.attributes.errors.valuesRequired") }
+    ),
+    use_for_variants: zod.boolean()
+  });
   const form = useForm({
     defaultValues: {
       title: "",
@@ -77,18 +95,26 @@ var CreateAttributeForm = ({
     resolver: zodResolver(schema)
   });
   const useForVariants = form.watch("use_for_variants");
-  const { mutateAsync: createAttribute, isPending } = useAddProductAttribute(productId);
+  const { mutateAsync: createAttribute, isPending } = useBatchProductAttributes(productId);
   const handleSubmit = form.handleSubmit(async (data) => {
+    const values = Array.isArray(data.values) ? data.values : data.values.split(",").map((v) => v.trim()).filter(Boolean);
     await createAttribute(
       {
-        name: data.title,
-        type: data.use_for_variants ? "multi_select" : "text",
-        is_variant_axis: data.use_for_variants,
-        values: normalizeValues(data.values)
+        add: [
+          {
+            title: data.title,
+            type: data.use_for_variants ? import_types2.AttributeType.MULTI_SELECT : import_types2.AttributeType.TEXT,
+            is_variant_axis: data.use_for_variants,
+            values
+          }
+        ]
       },
       {
         onSuccess: () => {
           handleSuccess();
+          toast.success(
+            isProductRequestEnabled ? t("products.edit.requestSuccessToast") : t("products.edit.attributes.createSuccessToast")
+          );
         },
         onError: (error) => {
           toast.error(error.message);
@@ -143,11 +169,10 @@ var CreateAttributeForm = ({
         {
           control: form.control,
           name: "values",
-          render: ({ field: { onChange, value, ...field }, fieldState }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+          render: ({ field: { onChange, value }, fieldState }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
             /* @__PURE__ */ jsx(Form.Control, { children: useForVariants ? /* @__PURE__ */ jsx(
               ChipInput,
               {
-                ...field,
                 variant: "contrast",
                 value: Array.isArray(value) ? value : [],
                 onChange,
@@ -160,7 +185,6 @@ var CreateAttributeForm = ({
             ) : /* @__PURE__ */ jsx(
               Textarea,
               {
-                ...field,
                 "aria-invalid": fieldState.invalid ? "true" : void 0,
                 className: fieldState.invalid ? "bg-ui-bg-field-component shadow-borders-error focus:shadow-borders-error" : "bg-ui-bg-field-component hover:bg-ui-bg-field-component-hover",
                 value: Array.isArray(value) ? value.join(", ") : value ?? "",
@@ -193,7 +217,7 @@ var CreateAttributeForm = ({
                 onCheckedChange: (checked) => {
                   fieldOnChange(checked);
                   form.setValue("values", checked ? [] : "", {
-                    shouldValidate: form.formState.isSubmitted
+                    shouldValidate: false
                   });
                 }
               }

package/dist/{create-R7K3ECN6.js → create-K26SM34L.js}

@@ -10,7 +10,7 @@ import {
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteFocusModal,
   useRouteModal
@@ -21,10 +21,10 @@ import {
 import {
   useCreateTaxRegion,
   useTaxRegion
-} from "./chunk-M6N4ISXL.js";
+} from "./chunk-7MARNXFG.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
-import "./chunk-RIN4CBRB.js";
+import "./chunk-LXZXXOJ3.js";
 import "./chunk-NBMM2TZK.js";
 
 // src/pages/settings/tax-regions/[id]/provinces/create/index.tsx

package/dist/{create-MZYXMGKP.js → create-K7V36IWH.js}

@@ -1,19 +1,14 @@
 import {
   GeoZoneForm
-} from "./chunk-VDHW6H5F.js";
+} from "./chunk-55TS752B.js";
 import {
   GEO_ZONE_STACKED_MODAL_ID
 } from "./chunk-BCU3FKP2.js";
 import "./chunk-JRTZWK77.js";
-import "./chunk-FQERBIVS.js";
-import "./chunk-SSUUT5LK.js";
-import "./chunk-YN3FGNJM.js";
-import "./chunk-6OUPJNYO.js";
-import "./chunk-3EF54XFY.js";
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteFocusModal,
   StackedFocusModal,
@@ -22,21 +17,26 @@ import {
 import {
   Form
 } from "./chunk-3QSRE5LS.js";
+import "./chunk-FQERBIVS.js";
+import "./chunk-7TQNE3E2.js";
+import "./chunk-YN3FGNJM.js";
+import "./chunk-KCHYLLVG.js";
+import "./chunk-CVXKASWV.js";
 import "./chunk-THHRRYRS.js";
 import "./chunk-LRD242C7.js";
 import "./chunk-INNFZYX2.js";
+import "./chunk-QHQWEERJ.js";
+import "./chunk-Y7QKP6QU.js";
 import {
   useCreateFulfillmentSetServiceZone
-} from "./chunk-S7EKBD2C.js";
-import "./chunk-VXMOPVRH.js";
+} from "./chunk-MNHP6YRC.js";
+import "./chunk-JR7AABT5.js";
 import {
   useStockLocation
-} from "./chunk-NBPMNUKZ.js";
-import "./chunk-QHQWEERJ.js";
-import "./chunk-Y7QKP6QU.js";
+} from "./chunk-ZQCCVCHB.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
-import "./chunk-RIN4CBRB.js";
+import "./chunk-LXZXXOJ3.js";
 import "./chunk-NBMM2TZK.js";
 
 // src/pages/settings/locations/[location_id]/fulfillment-set/[fset_id]/service-zones/create/index.tsx

package/dist/{create-JF2OUZQA.js → create-KW6KFXGI.js}

@@ -9,7 +9,7 @@ import "./chunk-JRTZWK77.js";
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteFocusModal,
   useRouteModal
@@ -17,35 +17,34 @@ import {
 import {
   Form
 } from "./chunk-3QSRE5LS.js";
-import "./chunk-TBYCZRZ7.js";
-import "./chunk-F4OJN2F2.js";
-import "./chunk-LRARA622.js";
+import "./chunk-BQHVM46E.js";
+import "./chunk-QIF4QE7T.js";
+import "./chunk-VE6GRIIN.js";
 import {
   useCreateTaxRegion
-} from "./chunk-M6N4ISXL.js";
-import "./chunk-S7EKBD2C.js";
-import "./chunk-VV6IKGCN.js";
-import "./chunk-BXRNZS5K.js";
-import "./chunk-BOZJOOGW.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-VXWN37PT.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-JAUZ73XE.js";
+} from "./chunk-7MARNXFG.js";
+import "./chunk-MNHP6YRC.js";
+import "./chunk-NTJ3BMOE.js";
+import "./chunk-CLS6PNZY.js";
+import "./chunk-JIXW4WHZ.js";
+import "./chunk-GZ4KTAWS.js";
+import "./chunk-PUAWN7SS.js";
+import "./chunk-4NADEZZQ.js";
+import "./chunk-XWHHBJGS.js";
+import "./chunk-5NVY7JZC.js";
+import "./chunk-KIURBTC4.js";
+import "./chunk-4EAC3GT7.js";
+import "./chunk-JR7AABT5.js";
+import "./chunk-ZQCCVCHB.js";
+import "./chunk-MABIMRLS.js";
+import "./chunk-ULEW54ED.js";
+import "./chunk-UEPUKWD7.js";
+import "./chunk-JJP6AKMV.js";
+import "./chunk-744GLNZW.js";
 import "./chunk-A5DJIOHN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
-import "./chunk-RIN4CBRB.js";
+import "./chunk-LXZXXOJ3.js";
 import "./chunk-NBMM2TZK.js";
 
 // src/pages/settings/tax-regions/create/_components/tax-region-create-form.tsx

package/dist/create-MW33P4AB.js

@@ -0,0 +1,245 @@
+import {
+  AttributeValueInput
+} from "./chunk-3F4MUPGR.js";
+import "./chunk-VBRTC2VU.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-SITRHMZZ.js";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-GDWBOQI5.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  require_dist
+} from "./chunk-VYSB4CTB.js";
+import {
+  useFeatureFlags
+} from "./chunk-BQHVM46E.js";
+import "./chunk-QIF4QE7T.js";
+import "./chunk-VE6GRIIN.js";
+import "./chunk-7MARNXFG.js";
+import "./chunk-MNHP6YRC.js";
+import "./chunk-NTJ3BMOE.js";
+import "./chunk-CLS6PNZY.js";
+import "./chunk-JIXW4WHZ.js";
+import "./chunk-GZ4KTAWS.js";
+import "./chunk-PUAWN7SS.js";
+import "./chunk-4NADEZZQ.js";
+import "./chunk-XWHHBJGS.js";
+import "./chunk-5NVY7JZC.js";
+import "./chunk-KIURBTC4.js";
+import "./chunk-4EAC3GT7.js";
+import "./chunk-JR7AABT5.js";
+import "./chunk-ZQCCVCHB.js";
+import "./chunk-MABIMRLS.js";
+import "./chunk-ULEW54ED.js";
+import "./chunk-UEPUKWD7.js";
+import "./chunk-JJP6AKMV.js";
+import {
+  PRODUCT_DETAIL_QUERY
+} from "./chunk-Q6SPIHFR.js";
+import {
+  useCreateProductVariant,
+  useProduct
+} from "./chunk-744GLNZW.js";
+import "./chunk-A5DJIOHN.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-LXZXXOJ3.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
+var import_types = __toESM(require_dist(), 1);
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Heading, Input, toast } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+
+// src/pages/products/[id]/variants/create/create-product-variant-form/constants.ts
+import i18next from "i18next";
+import { z } from "zod";
+var CreateProductVariantSchema = z.object({
+  title: z.string().min(1, i18next.t("products.variant.validation.titleRequired")),
+  sku: z.string().optional(),
+  options: z.record(z.string().min(1, i18next.t("products.variant.validation.optionRequired"))).optional()
+});
+
+// src/pages/products/[id]/variants/create/create-product-variant-form/create-product-variant-form.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var CreateProductVariantForm = ({
+  product
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const { feature_flags } = useFeatureFlags();
+  const isProductRequestEnabled = !!feature_flags?.[import_types.MercurFeatureFlags.PRODUCT_REQUEST];
+  const variantAttributes = product.attributes?.filter((a) => a.is_variant_axis) ?? [];
+  const defaultOptions = variantAttributes.reduce(
+    (acc, attribute) => {
+      acc[attribute.handle ?? attribute.id] = "";
+      return acc;
+    },
+    {}
+  );
+  const form = useForm({
+    defaultValues: {
+      title: "",
+      sku: "",
+      options: defaultOptions
+    },
+    resolver: zodResolver(CreateProductVariantSchema)
+  });
+  const { mutateAsync, isPending } = useCreateProductVariant(product.id);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    const { title, sku, 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,
+        sku: sku || void 0,
+        options: Object.keys(cleanedOptions).length ? cleanedOptions : void 0
+      },
+      {
+        onSuccess: () => {
+          handleSuccess();
+          toast.success(
+            isProductRequestEnabled ? t("products.edit.requestSuccessToast") : t("products.variant.create.successToast")
+          );
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxs(KeyboundForm, { onSubmit: handleSubmit, className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsxs(RouteFocusModal.Header, { children: [
+      /* @__PURE__ */ jsx(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("products.variant.create.header") }) }),
+      /* @__PURE__ */ jsx(RouteFocusModal.Description, { className: "sr-only", children: t("products.variant.create.header") })
+    ] }),
+    /* @__PURE__ */ jsx(RouteFocusModal.Body, { 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: "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,
+                    "data-testid": "create-variant-title-input"
+                  }
+                ) }),
+                /* @__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,
+                    "data-testid": "create-variant-sku-input"
+                  }
+                ) }),
+                /* @__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
+          );
+        })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(RouteFocusModal.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+      /* @__PURE__ */ jsx(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", children: t("actions.cancel") }) }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "submit",
+          variant: "primary",
+          size: "small",
+          isLoading: isPending,
+          "data-testid": "create-variant-submit-button",
+          children: t("actions.save")
+        }
+      )
+    ] }) })
+  ] }) });
+};
+
+// src/pages/products/[id]/variants/create/index.tsx
+import { jsx as jsx2 } 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__ */ jsx2(RouteFocusModal, { children: !isLoading && product && /* @__PURE__ */ jsx2(CreateProductVariantForm, { product }) });
+};
+export {
+  Component
+};

package/dist/{create-YBF4YGWG.js → create-NF2LPVXA.js}

@@ -6,7 +6,7 @@ import "./chunk-JRTZWK77.js";
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteFocusModal,
   useRouteModal
@@ -16,10 +16,10 @@ import {
 } from "./chunk-3QSRE5LS.js";
 import {
   useCreateStockLocation
-} from "./chunk-NBPMNUKZ.js";
+} from "./chunk-ZQCCVCHB.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
-import "./chunk-RIN4CBRB.js";
+import "./chunk-LXZXXOJ3.js";
 import "./chunk-NBMM2TZK.js";
 
 // src/pages/settings/locations/create/_components/create-location-form.tsx