@mercurjs/admin 2.1.2 → 2.2.0-canary.2

package/dist/{chunk-NEN6KWAJ.js → chunk-ED7XNGZD.js}

@@ -2,32 +2,29 @@ import {
   TaxOverrideTable,
   TaxRateLine,
   useTaxOverrideTable
-} from "./chunk-LFATSJPO.js";
+} from "./chunk-CKACZXMP.js";
 import {
   TaxRegionTable,
   useTaxRegionTable
-} from "./chunk-E3DLJSYD.js";
+} from "./chunk-COP7NFSJ.js";
 import {
   TaxRegionCard
-} from "./chunk-ZBJ56XDB.js";
+} from "./chunk-Q2ULPJJ6.js";
 import {
   getCountryProvinceObjectByIso2
 } from "./chunk-N2TQXB44.js";
-import {
-  formatProvider
-} from "./chunk-VW56KWO2.js";
-import {
-  SingleColumnPage
-} from "./chunk-H6MYB7GB.js";
-import {
-  SingleColumnPageSkeleton
-} from "./chunk-INNFZYX2.js";
 import {
   useTaxRateTableQuery
 } from "./chunk-MG4GKUJW.js";
 import {
   useTaxRegionTableQuery
 } from "./chunk-AYVH6Q5O.js";
+import {
+  formatProvider
+} from "./chunk-VW56KWO2.js";
+import {
+  SingleColumnPage
+} from "./chunk-H6MYB7GB.js";
 import {
   useTaxRates
 } from "./chunk-AEMDNTW5.js";
@@ -35,6 +32,9 @@ import {
   useTaxRegion,
   useTaxRegions
 } from "./chunk-LYD3C73Z.js";
+import {
+  SingleColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
 
 // src/pages/tax-regions/tax-region-detail/tax-region-detail.tsx
 import { useState as useState2, Children } from "react";

package/dist/{chunk-W576GZBG.js → chunk-EJTB2SLE.js}

@@ -3,30 +3,30 @@ import {
 } from "./chunk-RK5N3XIX.js";
 import {
   getPromotionStatus
-} from "./chunk-N57BOIPU.js";
+} from "./chunk-AB2LHP3M.js";
 import {
   formatPercentage
 } from "./chunk-QDPLZDMX.js";
 import {
   formatCurrency
 } from "./chunk-XSX255FK.js";
-import {
-  TwoColumnPage
-} from "./chunk-E74OUNA3.js";
 import {
   NoRecords
 } from "./chunk-634XVU3D.js";
 import {
-  TwoColumnPageSkeleton
-} from "./chunk-INNFZYX2.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
+  TwoColumnPage
+} from "./chunk-E74OUNA3.js";
 import {
   useDeletePromotion,
   usePromotion,
   usePromotionRules
 } from "./chunk-ZN7LWXVC.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  TwoColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
 
 // src/pages/promotions/promotion-detail/promotion-detail.tsx
 import { Children } from "react";

package/dist/chunk-EREXPX6I.js

@@ -0,0 +1,348 @@
+import {
+  optionalFloat,
+  optionalInt
+} from "./chunk-UXD3VNBO.js";
+import {
+  i18n
+} from "./chunk-637OFDFC.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 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 || "",
+    manage_inventory: variant.manage_inventory || false,
+    allow_backorder: variant.allow_backorder || false,
+    inventory_kit: variant.inventory_kit || false
+  }));
+};
+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: {},
+        inventory: [{ inventory_item_id: "", required_quantity: "" }],
+        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,
+        inventory: [{ inventory_item_id: "", required_quantity: "" }]
+      });
+    }
+  }
+  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(),
+  manage_inventory: z.boolean().optional(),
+  allow_backorder: z.boolean().optional(),
+  inventory_kit: z.boolean().optional(),
+  attribute_values: z.record(z.string(), z.string()).optional(),
+  variant_rank: z.number(),
+  prices: z.record(z.string(), optionalFloat).optional(),
+  inventory: z.array(
+    z.object({
+      inventory_item_id: z.string(),
+      required_quantity: optionalInt
+    })
+  ).optional()
+});
+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,
+      attribute_values: {},
+      inventory: [{ inventory_item_id: "", required_quantity: "" }],
+      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-MNYDJXTM.js → chunk-FB7DDNCA.js}

@@ -1,18 +1,15 @@
 import {
   CreateCampaignFormFields
-} from "./chunk-KCYUY2AI.js";
+} from "./chunk-WQFFCK3R.js";
 import {
   useComboboxData
-} from "./chunk-AEFDAU3Y.js";
+} from "./chunk-5KGMGL4N.js";
 import {
   Combobox
 } from "./chunk-AW77UWCZ.js";
 import {
   KeyboundForm
 } from "./chunk-U2ZFCAPX.js";
-import {
-  useDocumentDirection
-} from "./chunk-Y7QKP6QU.js";
 import {
   RouteDrawer,
   useRouteModal
@@ -24,6 +21,9 @@ import {
   useCampaign,
   useUpdatePromotion
 } from "./chunk-ZN7LWXVC.js";
+import {
+  useDocumentDirection
+} from "./chunk-Y7QKP6QU.js";
 import {
   sdk
 } from "./chunk-ZBWL72TB.js";

package/dist/{chunk-GZBVMHXS.js → chunk-FFNSWUDC.js}

@@ -1,19 +1,16 @@
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-KYPPQGGE.js";
-import {
-  SingleColumnPage
-} from "./chunk-H6MYB7GB.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
 import {
   useCustomerGroupTableFilters
 } from "./chunk-CMHI2RPL.js";
 import {
   useCustomerGroupTableQuery
 } from "./chunk-VKOE5J66.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-NQEXDLYH.js";
+import {
+  SingleColumnPage
+} from "./chunk-H6MYB7GB.js";
 import {
   useDate
 } from "./chunk-UZWFZMOX.js";
@@ -21,6 +18,9 @@ import {
   useCustomerGroups,
   useDeleteCustomerGroupLazy
 } from "./chunk-PRBE5CM3.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
 
 // src/pages/customer-groups/customer-group-list/customer-group-list.tsx
 import { Children as Children2 } from "react";

package/dist/{chunk-YKDEE7ZL.js → chunk-FTAR3BDS.js}

@@ -1,6 +1,6 @@
 import {
   salesChannelsQueryKeys
-} from "./chunk-DL2ZIXBO.js";
+} from "./chunk-S5BJ5CMF.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";

package/dist/{chunk-2OYCT5NO.js → chunk-G4PROEJI.js}

@@ -6,10 +6,6 @@ import {
 import {
   CountrySelect
 } from "./chunk-V74Y5NIV.js";
-import {
-  DataGrid,
-  createDataGridHelper
-} from "./chunk-MWX5JCOM.js";
 import {
   optionalInt
 } from "./chunk-UXD3VNBO.js";
@@ -21,6 +17,10 @@ import {
 import {
   SwitchBox
 } from "./chunk-2EME4AWX.js";
+import {
+  DataGrid,
+  createDataGridHelper
+} from "./chunk-V6OGMYAI.js";
 import {
   RouteFocusModal,
   useRouteModal
@@ -34,7 +34,7 @@ import {
 import {
   inventoryItemsQueryKeys,
   useCreateInventoryItem
-} from "./chunk-5CK6XEFV.js";
+} from "./chunk-2YYXP6XI.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";

package/dist/{chunk-AZAGUAN4.js → chunk-GJ6WPZQG.js}

@@ -1,33 +1,33 @@
 import {
   useProductTableColumns
-} from "./chunk-Z5I2Z6L3.js";
+} from "./chunk-Q2QFNTNX.js";
+import {
+  useProductTableFilters
+} from "./chunk-5POK3PM3.js";
+import {
+  useProductTableQuery
+} from "./chunk-LYZDVZWA.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-KYPPQGGE.js";
+} from "./chunk-NQEXDLYH.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
 import {
-  SingleColumnPageSkeleton
-} from "./chunk-INNFZYX2.js";
+  useCollection,
+  useDeleteCollection,
+  useUpdateCollectionProducts
+} from "./chunk-XZZTC7E5.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 import {
-  useProductTableFilters
-} from "./chunk-LNAXUDW2.js";
-import {
-  useProductTableQuery
-} from "./chunk-VVWB3GIK.js";
-import {
-  useCollection,
-  useDeleteCollection,
-  useUpdateCollectionProducts
-} from "./chunk-U7WZYWGA.js";
+  SingleColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
 import {
   useProducts
-} from "./chunk-5CK6XEFV.js";
+} from "./chunk-2YYXP6XI.js";
 
 // src/pages/collections/collection-detail/collection-detail.tsx
 import { Children } from "react";

package/dist/{chunk-OQMBWJPH.js → chunk-GKW445WA.js}

@@ -1,6 +1,6 @@
 import {
   ordersQueryKeys
-} from "./chunk-TAKEQAZZ.js";
+} from "./chunk-B3EEDC47.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";

package/dist/{chunk-3IN6MMKV.js → chunk-GNLPUGYK.js}

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

package/dist/chunk-H5EOOXPA.js

@@ -0,0 +1,61 @@
+import {
+  StatusCell
+} from "./chunk-DB6ANJBO.js";
+import {
+  PlaceholderCell
+} from "./chunk-PHOCVOZ5.js";
+import {
+  require_dist
+} from "./chunk-DZIXC7OE.js";
+import {
+  __toESM
+} from "./chunk-NBMM2TZK.js";
+
+// src/components/table/table-cells/product/category-cell/category-cell.tsx
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CategoryCell = ({ categories }) => {
+  if (!categories?.length) {
+    return /* @__PURE__ */ jsx(PlaceholderCell, {});
+  }
+  const first = categories[0];
+  const remaining = categories.length - 1;
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full items-center gap-x-1 overflow-hidden", children: [
+    /* @__PURE__ */ jsx("span", { className: "truncate", children: first.name }),
+    remaining > 0 && /* @__PURE__ */ jsxs("span", { className: "text-ui-fg-muted whitespace-nowrap", children: [
+      "+",
+      remaining
+    ] })
+  ] });
+};
+var CategoryHeader = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx("span", { children: t("fields.category") }) });
+};
+
+// src/components/table/table-cells/product/product-status-cell/product-status-cell.tsx
+import { useTranslation as useTranslation2 } from "react-i18next";
+var import_types = __toESM(require_dist(), 1);
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ProductStatusCell = ({ status }) => {
+  const { t } = useTranslation2();
+  const [color, text] = {
+    [import_types.ProductStatus.DRAFT]: ["grey", t("products.productStatus.draft")],
+    [import_types.ProductStatus.PROPOSED]: ["orange", t("products.productStatus.proposed")],
+    [import_types.ProductStatus.PUBLISHED]: ["green", t("products.productStatus.published")],
+    [import_types.ProductStatus.REQUIRES_ACTION]: ["blue", t("products.productStatus.requires_action")],
+    [import_types.ProductStatus.REJECTED]: ["red", t("products.productStatus.rejected")]
+  }[status];
+  return /* @__PURE__ */ jsx2(StatusCell, { color, children: text });
+};
+var ProductStatusHeader = () => {
+  const { t } = useTranslation2();
+  return /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx2("span", { children: t("fields.status") }) });
+};
+
+export {
+  CategoryCell,
+  CategoryHeader,
+  ProductStatusCell,
+  ProductStatusHeader
+};

package/dist/{chunk-Z2QQZOG3.js → chunk-H5PYBIOZ.js}

@@ -1,6 +1,6 @@
 import {
   productsQueryKeys
-} from "./chunk-5CK6XEFV.js";
+} from "./chunk-2YYXP6XI.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";