@mercurjs/admin 2.1.6 → 2.2.0-canary.11

package/dist/{chunk-UEEYZGM3.js → chunk-DRJAKRTI.js}

@@ -1,9 +1,9 @@
+import {
+  IconAvatar
+} from "./chunk-U2EI2ZLM.js";
 import {
   ListSummary
 } from "./chunk-4F5GP7J7.js";
-import {
-  SidebarLink
-} from "./chunk-4GPAS5GW.js";
 import {
   getFormattedAddress
 } from "./chunk-W6Y3PPU5.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk-E74OUNA3.js";
 import {
   DataTable
-} from "./chunk-OB4NOV4M.js";
+} from "./chunk-LYZT5REU.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
@@ -199,9 +199,38 @@ var useLocationListTableQuery = ({
   return searchParams;
 };
 
+// src/components/common/sidebar-link/sidebar-link.tsx
+import { Link } from "react-router-dom";
+import { TriangleRightMini } from "@medusajs/icons";
+import { Text } from "@medusajs/ui";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var SidebarLink = ({
+  to,
+  labelKey,
+  descriptionKey,
+  icon
+}) => {
+  return /* @__PURE__ */ jsx2(Link, { to, className: "group outline-none", children: /* @__PURE__ */ jsx2("div", { className: "flex flex-col gap-2 px-2 pb-2", children: /* @__PURE__ */ jsx2("div", { className: "shadow-elevation-card-rest bg-ui-bg-component transition-fg hover:bg-ui-bg-component-hover active:bg-ui-bg-component-pressed group-focus-visible:shadow-borders-interactive-with-active rounded-md px-4 py-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+    /* @__PURE__ */ jsx2(IconAvatar, { children: icon }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col", children: [
+      /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", children: labelKey }),
+      /* @__PURE__ */ jsx2(
+        Text,
+        {
+          size: "small",
+          leading: "compact",
+          className: "text-ui-fg-subtle",
+          children: descriptionKey
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx2("div", { className: "flex size-7 items-center justify-center", children: /* @__PURE__ */ jsx2(TriangleRightMini, { className: "text-ui-fg-muted rtl:rotate-180" }) })
+  ] }) }) }) });
+};
+
 // src/pages/locations/location-list/location-list.tsx
 import { keepPreviousData } from "@tanstack/react-query";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var PAGE_SIZE = 20;
 var PREFIX = "loc";
 var LocationListContent = () => {
@@ -229,12 +258,12 @@ var LocationListContent = () => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     Container,
     {
       className: "flex flex-col divide-y p-0",
       "data-testid": "location-list-container",
-      children: /* @__PURE__ */ jsx2(
+      children: /* @__PURE__ */ jsx3(
         DataTable,
         {
           data: stockLocations,
@@ -273,16 +302,16 @@ var LocationListContent = () => {
 };
 var LinksSection = () => {
   const { t } = useTranslation2();
-  return /* @__PURE__ */ jsxs(Container, { className: "p-0", "data-testid": "location-list-sidebar", children: [
-    /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsxs2(Container, { className: "p-0", "data-testid": "location-list-sidebar", children: [
+    /* @__PURE__ */ jsx3(
       "div",
       {
         className: "flex items-center justify-between px-6 py-4",
         "data-testid": "location-list-sidebar-header",
-        children: /* @__PURE__ */ jsx2(Heading, { level: "h2", "data-testid": "location-list-sidebar-heading", children: t("stockLocations.sidebar.header") })
+        children: /* @__PURE__ */ jsx3(Heading, { level: "h2", "data-testid": "location-list-sidebar-heading", children: t("stockLocations.sidebar.header") })
       }
     ),
-    /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx3(
       SidebarLink,
       {
         to: "/settings/locations/shipping-profiles",
@@ -290,11 +319,11 @@ var LinksSection = () => {
         descriptionKey: t(
           "stockLocations.sidebar.shippingProfiles.description"
         ),
-        icon: /* @__PURE__ */ jsx2(ShoppingBag, {}),
+        icon: /* @__PURE__ */ jsx3(ShoppingBag, {}),
         "data-testid": "location-list-sidebar-shipping-profiles-link"
       }
     ),
-    /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx3(
       SidebarLink,
       {
         to: "/settings/locations/shipping-option-types",
@@ -302,16 +331,16 @@ var LinksSection = () => {
         descriptionKey: t(
           "stockLocations.sidebar.shippingOptionTypes.description"
         ),
-        icon: /* @__PURE__ */ jsx2(TruckFast, {}),
+        icon: /* @__PURE__ */ jsx3(TruckFast, {}),
         "data-testid": "location-list-sidebar-shipping-option-types-link"
       }
     )
   ] });
 };
 var Root = ({ children }) => {
-  return Children.count(children) > 0 ? /* @__PURE__ */ jsx2(TwoColumnPage, { showJSON: true, children }) : /* @__PURE__ */ jsxs(TwoColumnPage, { showJSON: true, children: [
-    /* @__PURE__ */ jsx2(TwoColumnPage.Main, { children: /* @__PURE__ */ jsx2(LocationListContent, {}) }),
-    /* @__PURE__ */ jsx2(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx2(LinksSection, {}) })
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx3(TwoColumnPage, { showJSON: true, children }) : /* @__PURE__ */ jsxs2(TwoColumnPage, { showJSON: true, children: [
+    /* @__PURE__ */ jsx3(TwoColumnPage.Main, { children: /* @__PURE__ */ jsx3(LocationListContent, {}) }),
+    /* @__PURE__ */ jsx3(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx3(LinksSection, {}) })
   ] });
 };
 var LocationListPage = Object.assign(Root, {

package/dist/chunk-EBYWGIOR.js

@@ -0,0 +1,334 @@
+import {
+  optionalInt
+} from "./chunk-AJLGY3LQ.js";
+import {
+  i18n
+} from "./chunk-A62MTLPR.js";
+
+// src/pages/products/product-create/constants.ts
+import { z } from "zod";
+
+// src/pages/products/product-create/utils.ts
+var normalizeProductFormValues = (values) => {
+  const thumbnail = values.media?.find((media) => media.isThumbnail)?.url;
+  const images = values.media?.filter((media) => !media.isThumbnail).map((media) => ({ url: media.url }));
+  const { variantAttributes, productAttributes, attributeValues } = normalizeFormAttributes(values.attributes ?? []);
+  return {
+    is_giftcard: false,
+    status: values.status,
+    tags: values?.tags?.length ? values.tags?.map((tag) => ({ id: tag })) : void 0,
+    images,
+    collection_id: values.collection_id || void 0,
+    categories: values.category_id ? [{ id: values.category_id }] : void 0,
+    type_id: values.type_id || void 0,
+    seller_ids: values.seller_ids?.length ? values.seller_ids : void 0,
+    handle: values.handle?.trim(),
+    origin_country: values.origin_country || void 0,
+    material: values.material || void 0,
+    mid_code: values.mid_code || void 0,
+    hs_code: values.hs_code || void 0,
+    thumbnail,
+    title: values.title.trim(),
+    subtitle: values.subtitle?.trim(),
+    description: values.description?.trim(),
+    discountable: values.discountable,
+    width: values.width ? parseFloat(values.width) : void 0,
+    length: values.length ? parseFloat(values.length) : void 0,
+    height: values.height ? parseFloat(values.height) : void 0,
+    weight: values.weight ? parseFloat(values.weight) : void 0,
+    variant_attributes: variantAttributes.length ? variantAttributes : void 0,
+    product_attributes: productAttributes.length ? productAttributes : void 0,
+    attribute_values: Object.keys(attributeValues).length ? attributeValues : void 0,
+    variants: normalizeVariants(
+      values.variants.filter((variant) => variant.should_create),
+      values.regionsCurrencyMap
+    )
+  };
+};
+var normalizeVariants = (variants, _regionsCurrencyMap) => {
+  return variants.map((variant) => {
+    const opts = variant.options;
+    const hasOpts = opts && Object.keys(opts).length > 0;
+    return {
+      title: variant.title || (hasOpts ? Object.values(opts).join(" / ") : "Default variant"),
+      options: hasOpts ? opts : void 0,
+      sku: variant.sku || void 0,
+      variant_rank: variant.variant_rank
+    };
+  });
+};
+var normalizeFormAttributes = (attributes) => {
+  const variantAttributes = [];
+  const productAttributes = [];
+  const attributeValues = {};
+  for (const attr of attributes) {
+    if (attr.use_for_variants) {
+      if (attr.attribute_id) {
+        const valueNames = Array.isArray(attr.values) ? attr.values : attr.values ? [attr.values] : [];
+        const nameToId = new Map(
+          (attr.available_values ?? []).map((v) => [v.name, v.id])
+        );
+        const valueIds = valueNames.map((name) => nameToId.get(name)).filter(Boolean);
+        if (!valueIds.length) continue;
+        variantAttributes.push({
+          attribute_id: attr.attribute_id,
+          value_ids: valueIds
+        });
+      } else if (attr.is_custom && attr.title) {
+        const vals = Array.isArray(attr.values) ? attr.values : attr.values ? [attr.values] : [];
+        if (!vals.length) continue;
+        variantAttributes.push({
+          name: attr.title,
+          type: attr.type ?? "multi_select",
+          values: vals,
+          is_variant_axis: true
+        });
+      }
+    } else {
+      const key = attr.title;
+      if (!key) continue;
+      if (attr.is_custom) {
+        const vals = Array.isArray(attr.values) ? attr.values : attr.values ? [attr.values] : [];
+        if (vals.length) {
+          productAttributes.push({
+            name: attr.title,
+            type: attr.type ?? "text",
+            values: vals,
+            is_variant_axis: false
+          });
+        }
+      } else if (attr.attribute_id) {
+        const vals = Array.isArray(attr.values) ? attr.values : attr.values ? [attr.values] : [];
+        if (!vals.length || vals.every((v) => !v)) continue;
+        const type = attr.type;
+        const hasPresetValues = type === "single_select" || type === "multi_select";
+        if (hasPresetValues) {
+          const nameToId = new Map(
+            (attr.available_values ?? []).map((v) => [v.name, v.id])
+          );
+          const valueIds = vals.map((name) => nameToId.get(name)).filter(Boolean);
+          if (valueIds.length) {
+            productAttributes.push({
+              attribute_id: attr.attribute_id,
+              value_ids: valueIds
+            });
+          }
+        } else {
+          productAttributes.push({
+            attribute_id: attr.attribute_id,
+            values: vals
+          });
+        }
+      }
+    }
+  }
+  return { variantAttributes, productAttributes, attributeValues };
+};
+var decorateVariantsWithDefaultValues = (variants) => {
+  return variants.map((variant) => ({
+    ...variant,
+    title: variant.title || "",
+    sku: variant.sku || ""
+  }));
+};
+var getPermutations = (data) => {
+  if (data.length === 0) return [];
+  if (data.length === 1) {
+    return data[0].values.map((value) => ({ [data[0].title]: value }));
+  }
+  const [first, ...rest] = data;
+  return first.values.flatMap(
+    (value) => getPermutations(rest).map((perm) => ({ [first.title]: value, ...perm }))
+  );
+};
+var generateVariantsFromAttributes = (attributes, currentVariants) => {
+  const variantAxes = attributes.filter((attr) => attr.use_for_variants).map((attr) => ({
+    title: attr.title,
+    values: Array.isArray(attr.values) ? attr.values : attr.values ? [attr.values] : []
+  })).filter((axis) => axis.title && axis.values.length > 0);
+  if (variantAxes.length === 0) {
+    const hasDefault = currentVariants.some((v) => v.is_default);
+    if (hasDefault && currentVariants.length > 0) {
+      return currentVariants;
+    }
+    return decorateVariantsWithDefaultValues([
+      {
+        title: "Default variant",
+        should_create: true,
+        variant_rank: 0,
+        options: {},
+        is_default: true
+      }
+    ]);
+  }
+  const permutations = getPermutations(variantAxes);
+  const newVariants = currentVariants.reduce((acc, variant) => {
+    const opts = variant.options;
+    if (!opts || Object.keys(opts).length === 0) return acc;
+    const match = permutations.find(
+      (perm) => Object.keys(opts).every((key) => opts[key] === perm[key])
+    );
+    if (match) {
+      acc.push({
+        ...variant,
+        title: Object.values(match).join(" / "),
+        options: match,
+        is_default: false
+      });
+    }
+    return acc;
+  }, []);
+  const usedSet = new Set(
+    newVariants.map((v) => JSON.stringify(v.options))
+  );
+  for (const perm of permutations) {
+    if (!usedSet.has(JSON.stringify(perm))) {
+      newVariants.push({
+        title: Object.values(perm).join(" / "),
+        options: perm,
+        should_create: true,
+        variant_rank: newVariants.length
+      });
+    }
+  }
+  return newVariants;
+};
+
+// src/pages/products/product-create/constants.ts
+var MediaSchema = z.object({
+  id: z.string().optional(),
+  url: z.string(),
+  isThumbnail: z.boolean(),
+  file: z.any().nullable()
+  // File
+});
+var ProductCreateVariantSchema = z.object({
+  should_create: z.boolean(),
+  is_default: z.boolean().optional(),
+  title: z.string(),
+  upc: z.string().optional(),
+  ean: z.string().optional(),
+  barcode: z.string().optional(),
+  mid_code: z.string().optional(),
+  hs_code: z.string().optional(),
+  width: optionalInt,
+  height: optionalInt,
+  length: optionalInt,
+  weight: optionalInt,
+  material: z.string().optional(),
+  origin_country: z.string().optional(),
+  sku: z.string().optional(),
+  options: z.record(z.string(), z.string()).optional(),
+  variant_rank: z.number()
+});
+var ProductCreateSchema = z.object({
+  title: z.string().min(1),
+  subtitle: z.string().optional(),
+  handle: z.string().optional(),
+  description: z.string().optional(),
+  discountable: z.boolean(),
+  type_id: z.string().optional(),
+  collection_id: z.string().optional(),
+  category_id: z.string().min(1),
+  seller_ids: z.array(z.string()).optional(),
+  tags: z.array(z.string()).optional(),
+  origin_country: z.string().optional(),
+  material: z.string().optional(),
+  width: z.string().optional(),
+  length: z.string().optional(),
+  height: z.string().optional(),
+  weight: z.string().optional(),
+  mid_code: z.string().optional(),
+  hs_code: z.string().optional(),
+  attributes: z.array(z.object({
+    attribute_id: z.string().optional(),
+    title: z.string().min(1),
+    values: z.union([z.string(), z.array(z.string())]).optional(),
+    is_custom: z.boolean(),
+    is_required: z.boolean().optional(),
+    use_for_variants: z.boolean(),
+    type: z.string().optional(),
+    available_values: z.array(z.object({
+      id: z.string(),
+      name: z.string()
+    })).optional()
+  })).optional(),
+  variants: z.array(ProductCreateVariantSchema).min(1),
+  media: z.array(MediaSchema).optional()
+}).superRefine((data, ctx) => {
+  data.attributes?.forEach((attr, index) => {
+    if (!attr.is_required) return;
+    const isEmpty = attr.values === void 0 || attr.values === "" || Array.isArray(attr.values) && attr.values.length === 0;
+    if (isEmpty) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        path: [`attributes.${index}.values`],
+        message: i18n.t("products.create.errors.requiredAttribute")
+      });
+    }
+  });
+  if (data.variants.every((v) => !v.should_create)) {
+    return ctx.addIssue({
+      code: z.ZodIssueCode.custom,
+      path: ["variants"],
+      message: "invalid_length"
+    });
+  }
+  const skus = /* @__PURE__ */ new Set();
+  data.variants.forEach((v, index) => {
+    if (v.sku) {
+      if (skus.has(v.sku)) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          path: [`variants.${index}.sku`],
+          message: i18n.t("products.create.errors.uniqueSku")
+        });
+      }
+      skus.add(v.sku);
+    }
+  });
+});
+var EditProductMediaSchema = z.object({
+  media: z.array(MediaSchema)
+});
+var PRODUCT_CREATE_FORM_DEFAULTS = {
+  discountable: true,
+  seller_ids: [],
+  tags: [],
+  variants: decorateVariantsWithDefaultValues([
+    {
+      title: "Default variant",
+      should_create: true,
+      variant_rank: 0,
+      options: {},
+      is_default: true
+    }
+  ]),
+  attributes: [],
+  media: [],
+  category_id: "",
+  collection_id: "",
+  description: "",
+  handle: "",
+  height: "",
+  hs_code: "",
+  length: "",
+  material: "",
+  mid_code: "",
+  origin_country: "",
+  subtitle: "",
+  title: "",
+  type_id: "",
+  weight: "",
+  width: ""
+};
+
+export {
+  normalizeProductFormValues,
+  decorateVariantsWithDefaultValues,
+  generateVariantsFromAttributes,
+  MediaSchema,
+  ProductCreateSchema,
+  EditProductMediaSchema,
+  PRODUCT_CREATE_FORM_DEFAULTS
+};

package/dist/{chunk-MMEZWZXV.js → chunk-EGTH3PUK.js}

@@ -4,40 +4,40 @@ import {
 import {
   TaxRateRuleReferenceType
 } from "./chunk-LTBX54CI.js";
-import {
-  DateCell
-} from "./chunk-25LYVP3C.js";
-import {
-  getFormattedShippingOptionLocationName
-} from "./chunk-HC25LNX7.js";
-import {
-  TextCell
-} from "./chunk-JHIMVLB2.js";
-import {
-  useProductTableColumns
-} from "./chunk-Z5I2Z6L3.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-KYPPQGGE.js";
 import {
   useShippingOptionTableFilters
 } from "./chunk-KOURHC2N.js";
 import {
   useProductTypeTableFilters
 } from "./chunk-2ZFELO2L.js";
+import {
+  getFormattedShippingOptionLocationName
+} from "./chunk-HC25LNX7.js";
 import {
   useShippingOptionTableQuery
-} from "./chunk-MKA5JWE6.js";
+} from "./chunk-MR3MLNWV.js";
 import {
   useProductTypeTableQuery
 } from "./chunk-VOHEQ7B5.js";
+import {
+  DateCell
+} from "./chunk-25LYVP3C.js";
+import {
+  TextCell
+} from "./chunk-JHIMVLB2.js";
+import {
+  useProductTableColumns
+} from "./chunk-OMBP3YSV.js";
 import {
   useProductTableFilters
-} from "./chunk-LNAXUDW2.js";
+} from "./chunk-JSH7JEKY.js";
 import {
   useProductTableQuery
-} from "./chunk-VVWB3GIK.js";
+} from "./chunk-LYZDVZWA.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-NQEXDLYH.js";
 import {
   StackedDrawer,
   StackedFocusModal
@@ -54,7 +54,7 @@ import {
 import {
   useProduct,
   useProducts
-} from "./chunk-5CK6XEFV.js";
+} from "./chunk-H3MAUKL7.js";
 
 // src/pages/tax-regions/common/components/target-form/target-form.tsx
 import { Button, Checkbox } from "@medusajs/ui";

package/dist/{chunk-4LQX5FRH.js → chunk-EMQP2CNF.js}

@@ -7,23 +7,23 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-KYPPQGGE.js";
+} from "./chunk-NQEXDLYH.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
 import {
   useDeleteReservationItem,
   useReservationItems
-} from "./chunk-B6FG7A6W.js";
+} from "./chunk-P5XVG4PY.js";
 import {
   useStockLocations
 } from "./chunk-EPHVGD5Z.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
 
 // src/pages/reservations/reservation-list/reservation-list.tsx
 import { Children as Children2 } from "react";

package/dist/{chunk-WRRMBJBQ.js → chunk-ENFXIYIH.js}

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

package/dist/{chunk-KHHMQM2L.js → chunk-EYFWEKFJ.js}

@@ -1,18 +1,18 @@
 import {
   useDeleteShippingOptionTypeAction
-} from "./chunk-34I4QIBD.js";
+} from "./chunk-N6YOACEW.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
 import {
-  SingleColumnPageSkeleton
-} from "./chunk-INNFZYX2.js";
+  useShippingOptionType
+} from "./chunk-LJDGVBOQ.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 import {
-  useShippingOptionType
-} from "./chunk-PBQ5M44A.js";
+  SingleColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
 
 // src/pages/shipping-option-types/shipping-option-type-detail/shipping-option-type-detail.tsx
 import { Children } from "react";