@mercurjs/admin 2.2.0-canary.2 → 2.2.0-canary.21

package/dist/chunk-FNGPOGDR.js

@@ -0,0 +1,213 @@
+import {
+  AttributeValueInput
+} from "./chunk-QPLEFEOZ.js";
+import {
+  TabbedForm,
+  defineTabMeta,
+  useTabbedForm
+} from "./chunk-FREUYHMS.js";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-FWJLS7XD.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  PRODUCT_DETAIL_QUERY
+} from "./chunk-GVEF6UDT.js";
+import {
+  require_dist
+} from "./chunk-6FLSBL4Q.js";
+import {
+  useCreateProductVariant,
+  useProduct
+} from "./chunk-M2E3PKA4.js";
+import {
+  __toESM
+} from "./chunk-NBMM2TZK.js";
+
+// src/pages/products/product-create-variant/components/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/product-create-variant/product-create-variant.tsx
+import { Children as Children2 } from "react";
+import { useParams } from "react-router-dom";
+
+// src/pages/products/product-create-variant/components/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/product-create-variant/components/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", "data-testid": "product-variant-create-form-details-tab", 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", "data-testid": "product-variant-create-form-details-heading", 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, { "data-testid": "product-variant-create-form-title-item", children: [
+              /* @__PURE__ */ jsx(Form.Label, { "data-testid": "product-variant-create-form-title-label", children: t("fields.title") }),
+              /* @__PURE__ */ jsx(Form.Control, { "data-testid": "product-variant-create-form-title-control", children: /* @__PURE__ */ jsx(Input, { ...field, "data-testid": "product-variant-create-form-title-input" }) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "product-variant-create-form-title-error" })
+            ] });
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "sku",
+          render: ({ field }) => {
+            return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "product-variant-create-form-sku-item", children: [
+              /* @__PURE__ */ jsx(Form.Label, { optional: true, "data-testid": "product-variant-create-form-sku-label", children: t("fields.sku") }),
+              /* @__PURE__ */ jsx(Form.Control, { "data-testid": "product-variant-create-form-sku-control", children: /* @__PURE__ */ jsx(Input, { ...field, "data-testid": "product-variant-create-form-sku-input" }) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "product-variant-create-form-sku-error" })
+            ] });
+          }
+        }
+      ),
+      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, { "data-testid": `product-variant-create-form-attribute-${attribute.id}-item`, children: [
+                /* @__PURE__ */ jsx(Form.Label, { "data-testid": `product-variant-create-form-attribute-${attribute.id}-label`, children: attribute.name }),
+                /* @__PURE__ */ jsx(Form.Control, { "data-testid": `product-variant-create-form-attribute-${attribute.id}-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, { "data-testid": `product-variant-create-form-attribute-${attribute.id}-error` })
+              ] });
+            }
+          },
+          attribute.id
+        );
+      })
+    ] })
+  ] }) });
+}
+DetailsTab._tabMeta = defineTabMeta({
+  id: "detail",
+  labelKey: "priceLists.create.tabs.details",
+  validationFields: ["title", "sku", "options"]
+});
+var details_tab_default = DetailsTab;
+
+// src/pages/products/product-create-variant/components/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/product-create-variant/product-create-variant.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  const { id } = useParams();
+  const { product, isLoading, isError, error } = useProduct(id, PRODUCT_DETAIL_QUERY);
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx3(RouteFocusModal, { prev: "../..", children: !isLoading && product && (Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx3(CreateProductVariantForm, { product })) });
+};
+var ProductCreateVariantPage = Object.assign(Root, {
+  Form: CreateProductVariantForm,
+  DetailsTab: details_tab_default,
+  Tab: TabbedForm.Tab
+});
+var ProductCreateVariant = Root;
+
+export {
+  CreateProductVariantSchema,
+  ProductCreateVariantPage,
+  ProductCreateVariant
+};

package/dist/{chunk-4LXBQTFN.js → chunk-FREUYHMS.js}

@@ -1,6 +1,6 @@
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteFocusModal
 } from "./chunk-FWJLS7XD.js";

package/dist/{chunk-Q2QFNTNX.js → chunk-FWWPSH6V.js}

@@ -3,7 +3,7 @@ import {
   CategoryHeader,
   ProductStatusCell,
   ProductStatusHeader
-} from "./chunk-H5EOOXPA.js";
+} from "./chunk-N6R2WOJ7.js";
 import {
   ProductCell,
   ProductHeader

package/dist/{chunk-PXTJJQKJ.js → chunk-FYKG35MR.js}

@@ -1,6 +1,6 @@
 import {
   useDeleteProductTag
-} from "./chunk-AXTQMIIK.js";
+} from "./chunk-PJR6W35H.js";
 
 // src/pages/product-tags/common/hooks/use-delete-product-tag-action.tsx
 import { toast, usePrompt } from "@medusajs/ui";

package/dist/{chunk-BAYORQYD.js → chunk-FZHLRCBV.js}

@@ -1,9 +1,9 @@
 import {
   useProductTableColumns
-} from "./chunk-Q2QFNTNX.js";
+} from "./chunk-FWWPSH6V.js";
 import {
   useProductTableFilters
-} from "./chunk-5POK3PM3.js";
+} from "./chunk-3JN4WUVU.js";
 import {
   useProductTableQuery
 } from "./chunk-LYZDVZWA.js";
@@ -21,13 +21,13 @@ import {
   useDeleteSalesChannel,
   useSalesChannel,
   useSalesChannelRemoveProducts
-} from "./chunk-S5BJ5CMF.js";
+} from "./chunk-OKWGPKVK.js";
 import {
   SingleColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
 import {
   useProducts
-} from "./chunk-2YYXP6XI.js";
+} from "./chunk-M2E3PKA4.js";
 
 // src/pages/sales-channels/sales-channel-detail/sales-channel-detail.tsx
 import { Children } from "react";

package/dist/{chunk-AB2LHP3M.js → chunk-G66KMUI5.js}

@@ -1,6 +1,6 @@
 import {
   i18n
-} from "./chunk-637OFDFC.js";
+} from "./chunk-5NQUJQXX.js";
 
 // src/lib/promotions.ts
 var getPromotionStatusMap = () => ({

package/dist/{chunk-GNLPUGYK.js → chunk-GHGOOZEL.js}

@@ -1,9 +1,9 @@
 import {
   returnsQueryKeys
-} from "./chunk-GKW445WA.js";
+} from "./chunk-IHTQOPB6.js";
 import {
   ordersQueryKeys
-} from "./chunk-B3EEDC47.js";
+} from "./chunk-RMAQKNBA.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";

package/dist/{chunk-ZSFJVRRS.js → chunk-GQUGCSJV.js}

@@ -15,13 +15,13 @@ import {
   useCombinedRefs,
   useDataGridCell,
   useDataGridCellError
-} from "./chunk-V6OGMYAI.js";
+} from "./chunk-HHW4PPNH.js";
 import {
   currencies
 } from "./chunk-IQPN4PZJ.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   StackedFocusModal
 } from "./chunk-FWJLS7XD.js";

package/dist/chunk-GVEF6UDT.js

@@ -0,0 +1,8 @@
+// src/pages/products/constants.ts
+var PRODUCT_DETAIL_FIELDS = "*categories,*sellers,-variants,*scoped_attributes,*attribute_values,*attribute_values.attribute";
+var PRODUCT_DETAIL_QUERY = { fields: PRODUCT_DETAIL_FIELDS };
+
+export {
+  PRODUCT_DETAIL_FIELDS,
+  PRODUCT_DETAIL_QUERY
+};