@mercurjs/vendor 2.1.2 → 2.2.0-canary.1

package/dist/chunk-DIW4GRTI.js

@@ -0,0 +1,503 @@
+import {
+  optionalInt
+} from "./chunk-AJLGY3LQ.js";
+import {
+  i18n
+} from "./chunk-44RQ5PTN.js";
+
+// src/pages/products/create/constants.ts
+import { z } from "zod";
+
+// src/pages/products/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,
+    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)
+    )
+  };
+};
+var normalizeVariants = (variants) => {
+  return variants.map((variant) => {
+    const attrVals = variant.attribute_values;
+    const hasAttrVals = attrVals && Object.keys(attrVals).length > 0;
+    return {
+      title: variant.title || (hasAttrVals ? Object.values(attrVals).join(" / ") : "Default variant"),
+      attribute_values: hasAttrVals ? attrVals : 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);
+        variantAttributes.push({
+          attribute_id: attr.attribute_id,
+          value_ids: valueIds.length ? valueIds : void 0
+        });
+      } else if (attr.is_custom && attr.title) {
+        variantAttributes.push({
+          name: attr.title,
+          type: attr.type ?? "multi_select",
+          values: Array.isArray(attr.values) ? attr.values : attr.values ? [attr.values] : [],
+          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,
+        attribute_values: {},
+        is_default: true
+      }
+    ]);
+  }
+  const permutations = getPermutations(variantAxes);
+  const newVariants = currentVariants.reduce((acc, variant) => {
+    const attrVals = variant.attribute_values;
+    if (!attrVals || Object.keys(attrVals).length === 0) return acc;
+    const match = permutations.find(
+      (perm) => Object.keys(attrVals).every((key) => attrVals[key] === perm[key])
+    );
+    if (match) {
+      acc.push({
+        ...variant,
+        title: Object.values(match).join(" / "),
+        attribute_values: match,
+        is_default: false
+      });
+    }
+    return acc;
+  }, []);
+  const usedSet = new Set(
+    newVariants.map((v) => JSON.stringify(v.attribute_values))
+  );
+  for (const perm of permutations) {
+    if (!usedSet.has(JSON.stringify(perm))) {
+      newVariants.push({
+        title: Object.values(perm).join(" / "),
+        attribute_values: perm,
+        should_create: true,
+        variant_rank: newVariants.length
+      });
+    }
+  }
+  return newVariants;
+};
+
+// src/pages/products/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(),
+  attribute_values: 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),
+  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,
+  tags: [],
+  variants: decorateVariantsWithDefaultValues([
+    {
+      title: i18n.t("products.create.defaults.variantTitle"),
+      should_create: true,
+      variant_rank: 0,
+      attribute_values: {},
+      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: ""
+};
+
+// src/components/common/file-upload/file-upload.tsx
+import { ArrowDownTray, XMark } from "@medusajs/icons";
+import { IconButton, Text, clx } from "@medusajs/ui";
+import { useRef, useState } from "react";
+
+// src/lib/format-file-size.ts
+var formatFileSize = (bytes) => {
+  if (bytes === 0) return "0 B";
+  const units = ["B", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(1024));
+  return `${(bytes / Math.pow(1024, i)).toFixed(2)} ${units[i]}`;
+};
+
+// src/components/common/file-upload/file-upload.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var FileUpload = ({
+  label,
+  hint,
+  multiple = true,
+  hasError,
+  formats,
+  onUploaded,
+  onRemove,
+  uploadedImage = "",
+  fileName,
+  fileSize
+}) => {
+  const [isDragOver, setIsDragOver] = useState(false);
+  const inputRef = useRef(null);
+  const dropZoneRef = useRef(null);
+  const handleOpenFileSelector = () => {
+    inputRef.current?.click();
+  };
+  const handleDragEnter = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    const files = event.dataTransfer?.files;
+    if (!files) {
+      return;
+    }
+    setIsDragOver(true);
+  };
+  const handleDragLeave = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    if (!dropZoneRef.current || dropZoneRef.current.contains(event.relatedTarget)) {
+      return;
+    }
+    setIsDragOver(false);
+  };
+  const handleUploaded = (files) => {
+    if (!files) {
+      return;
+    }
+    const fileList = Array.from(files);
+    const fileObj = fileList.map((file) => {
+      const id = Math.random().toString(36).substring(7);
+      const previewUrl = URL.createObjectURL(file);
+      return {
+        id,
+        url: previewUrl,
+        file
+      };
+    });
+    onUploaded(fileObj);
+  };
+  const handleDrop = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    setIsDragOver(false);
+    handleUploaded(event.dataTransfer?.files);
+  };
+  const handleFileChange = async (event) => {
+    handleUploaded(event.target.files);
+  };
+  const showFileRow = !multiple && uploadedImage;
+  if (showFileRow) {
+    return /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsxs("div", { className: "bg-ui-bg-component shadow-borders-base flex items-center gap-x-3 rounded-lg p-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex h-10 w-[30px] shrink-0 items-center justify-center overflow-hidden rounded-md", children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: uploadedImage,
+            alt: fileName,
+            className: "h-full w-full object-cover"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col", children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: fileName || "image" }),
+          fileSize != null && /* @__PURE__ */ jsx(
+            Text,
+            {
+              size: "small",
+              leading: "compact",
+              className: "text-ui-fg-subtle",
+              children: formatFileSize(fileSize)
+            }
+          )
+        ] }),
+        onRemove && /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            type: "button",
+            variant: "transparent",
+            size: "small",
+            onClick: onRemove,
+            children: /* @__PURE__ */ jsx(XMark, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          hidden: true,
+          ref: inputRef,
+          onChange: handleFileChange,
+          type: "file",
+          accept: formats.join(","),
+          multiple: false
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref: dropZoneRef,
+        type: "button",
+        onClick: handleOpenFileSelector,
+        onDrop: handleDrop,
+        onDragOver: (e) => e.preventDefault(),
+        onDragEnter: handleDragEnter,
+        onDragLeave: handleDragLeave,
+        className: clx(
+          "bg-ui-bg-component border-ui-border-strong transition-fg group flex w-full flex-col items-center gap-y-2 rounded-lg border border-dashed p-8",
+          "hover:border-ui-border-interactive focus:border-ui-border-interactive",
+          "focus:shadow-borders-focus outline-none focus:border-solid",
+          {
+            "!border-ui-border-error": hasError,
+            "!border-ui-border-interactive": isDragOver
+          }
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle group-disabled:text-ui-fg-disabled flex items-center gap-x-2", children: [
+            /* @__PURE__ */ jsx(ArrowDownTray, {}),
+            /* @__PURE__ */ jsx(Text, { children: label })
+          ] }),
+          !!hint && /* @__PURE__ */ jsx(
+            Text,
+            {
+              size: "small",
+              leading: "compact",
+              className: "text-ui-fg-muted group-disabled:text-ui-fg-disabled",
+              children: hint
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        hidden: true,
+        ref: inputRef,
+        onChange: handleFileChange,
+        type: "file",
+        accept: formats.join(","),
+        multiple
+      }
+    )
+  ] });
+};
+
+export {
+  normalizeProductFormValues,
+  decorateVariantsWithDefaultValues,
+  generateVariantsFromAttributes,
+  MediaSchema,
+  ProductCreateSchema,
+  EditProductMediaSchema,
+  PRODUCT_CREATE_FORM_DEFAULTS,
+  formatFileSize,
+  FileUpload
+};

package/dist/{chunk-JQP7MOFH.js → chunk-DVEKYLPV.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk-AIF2KTEE.js";
 import {
   SingleColumnPage
-} from "./chunk-CAS74NLJ.js";
+} from "./chunk-YV6MK4PZ.js";
 import {
   useProductTypes
 } from "./chunk-VV6IKGCN.js";

package/dist/{chunk-QX45GVAL.js → chunk-EIUYXS7E.js}

@@ -12,8 +12,8 @@ import {
   usePromotionRules
 } from "./chunk-BOZJOOGW.js";
 import {
-  useStore
-} from "./chunk-FX4V5JCF.js";
+  useCurrentSeller
+} from "./chunk-QT7YFHCA.js";
 import {
   sdk
 } from "./chunk-RIN4CBRB.js";
@@ -56,13 +56,13 @@ import { useWatch } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var buildFilters = (attribute, store) => {
-  if (!attribute || !store) {
+var buildFilters = (attribute, currencyCode) => {
+  if (!attribute || !currencyCode) {
     return {};
   }
   if (attribute === "currency_code") {
     return {
-      value: store.supported_currencies?.map((c) => c.currency_code)
+      value: [currencyCode]
     };
   }
   return {};
@@ -82,7 +82,7 @@ var RuleValueFormField = ({
   const attribute = attributes?.find(
     (attr) => attr.value === fieldRule.attribute
   );
-  const { store, isLoading: isStoreLoading } = useStore();
+  const { currency_code, isPending: isSellerLoading } = useCurrentSeller();
   const comboboxData = useComboboxData({
     queryFn: async (params) => {
       return await sdk.vendor.promotions.ruleValueOptions.$ruleType.$ruleAttributeId.query(
@@ -92,12 +92,12 @@ var RuleValueFormField = ({
           $ruleType: ruleType,
           $ruleAttributeId: attribute?.id,
           ...params,
-          ...buildFilters(attribute?.id, store),
+          ...buildFilters(attribute?.id, currency_code),
           application_method_target_type: applicationMethodTargetType
         }
       );
     },
-    enabled: !!attribute?.id && ["select", "multiselect"].includes(attribute.field_type) && !isStoreLoading,
+    enabled: !!attribute?.id && ["select", "multiselect"].includes(attribute.field_type) && !isSellerLoading,
     getOptions: (data) => data.values,
     queryKey: ["rule-value-options", ruleType, attribute?.id]
   });

package/dist/{chunk-N7OVXN72.js → chunk-EROX26D4.js}

@@ -1,6 +1,6 @@
 import {
   StatusCell
-} from "./chunk-BLVJAKBA.js";
+} from "./chunk-DDH7ULIQ.js";
 import {
   TextCell,
   TextHeader

package/dist/{chunk-2RHAI7WK.js → chunk-EZ3JOAUS.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-AIF2KTEE.js";
 import {
   SingleColumnPage
-} from "./chunk-CAS74NLJ.js";
+} from "./chunk-YV6MK4PZ.js";
 import {
   useCampaigns,
   useDeleteCampaign

package/dist/{chunk-HFRHHT36.js → chunk-FDR22JMM.js}

@@ -2,20 +2,74 @@ import {
   useDate
 } from "./chunk-LRD242C7.js";
 
+// src/components/data-table/helpers/general/use-data-table-date-columns.tsx
+import {
+  createDataTableColumnHelper,
+  Tooltip
+} from "@medusajs/ui";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var columnHelper = createDataTableColumnHelper();
+var useDataTableDateColumns = () => {
+  const { t } = useTranslation();
+  const { getFullDate } = useDate();
+  return useMemo(() => {
+    return [
+      columnHelper.accessor("created_at", {
+        header: t("fields.createdAt"),
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx(
+            Tooltip,
+            {
+              content: getFullDate({
+                date: row.original.created_at,
+                includeTime: true
+              }),
+              children: /* @__PURE__ */ jsx("span", { children: getFullDate({ date: row.original.created_at }) })
+            }
+          );
+        },
+        enableSorting: true,
+        sortAscLabel: t("filters.sorting.dateAsc"),
+        sortDescLabel: t("filters.sorting.dateDesc")
+      }),
+      columnHelper.accessor("updated_at", {
+        header: t("fields.updatedAt"),
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx(
+            Tooltip,
+            {
+              content: getFullDate({
+                date: row.original.updated_at,
+                includeTime: true
+              }),
+              children: /* @__PURE__ */ jsx("span", { children: getFullDate({ date: row.original.updated_at }) })
+            }
+          );
+        },
+        enableSorting: true,
+        sortAscLabel: t("filters.sorting.dateAsc"),
+        sortDescLabel: t("filters.sorting.dateDesc")
+      })
+    ];
+  }, [t, getFullDate]);
+};
+
 // src/components/data-table/helpers/general/use-data-table-date-filters.tsx
 import { createDataTableFilterHelper } from "@medusajs/ui";
 import { subDays, subMonths } from "date-fns";
-import { useMemo } from "react";
-import { useTranslation } from "react-i18next";
+import { useMemo as useMemo2 } from "react";
+import { useTranslation as useTranslation2 } from "react-i18next";
 var filterHelper = createDataTableFilterHelper();
 var useDateFilterOptions = () => {
-  const { t } = useTranslation();
-  const today = useMemo(() => {
+  const { t } = useTranslation2();
+  const today = useMemo2(() => {
     const date = /* @__PURE__ */ new Date();
     date.setHours(0, 0, 0, 0);
     return date;
   }, []);
-  return useMemo(() => {
+  return useMemo2(() => {
     return [
       {
         label: t("filters.date.today"),
@@ -55,10 +109,10 @@ var useDateFilterOptions = () => {
   }, [today, t]);
 };
 var useDataTableDateFilters = (disableRangeOption) => {
-  const { t } = useTranslation();
+  const { t } = useTranslation2();
   const { getFullDate } = useDate();
   const dateFilterOptions = useDateFilterOptions();
-  const rangeOptions = useMemo(() => {
+  const rangeOptions = useMemo2(() => {
     if (disableRangeOption) {
       return {
         disableRangeOption: true
@@ -71,7 +125,7 @@ var useDataTableDateFilters = (disableRangeOption) => {
       options: dateFilterOptions
     };
   }, [disableRangeOption, t, dateFilterOptions]);
-  return useMemo(() => {
+  return useMemo2(() => {
     return [
       filterHelper.accessor("created_at", {
         type: "date",
@@ -94,5 +148,6 @@ var useDataTableDateFilters = (disableRangeOption) => {
 };
 
 export {
+  useDataTableDateColumns,
   useDataTableDateFilters
 };

package/dist/{chunk-PEKANQ3T.js → chunk-FJUUGFXL.js}

@@ -1,10 +1,10 @@
 import {
   RouteFocusModal
-} from "./chunk-3CK6OINO.js";
+} from "./chunk-GDWBOQI5.js";
 import {
   categoriesQueryKeys,
   useProductCategories
-} from "./chunk-RUE5BPC2.js";
+} from "./chunk-RZLN2Q6G.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";