@mercurjs/admin 2.2.0-canary.3 → 2.2.0-canary.30

package/dist/{category-products-KIP4KAF2.js → category-products-5VEHSKOC.js}

@@ -1,77 +1,76 @@
 import {
   useProductTableColumns
-} from "./chunk-DQGGJSOO.js";
-import "./chunk-6RQR3B6T.js";
+} from "./chunk-SU444Q24.js";
+import "./chunk-WBSUHLO7.js";
 import {
   useProductTableFilters
-} from "./chunk-R2MI5GL4.js";
+} from "./chunk-GK6V5XL3.js";
+import "./chunk-FWPGOIFA.js";
 import {
   useProductTableQuery
-} from "./chunk-LYZDVZWA.js";
-import "./chunk-FWPGOIFA.js";
+} from "./chunk-XH5GIQOS.js";
 import "./chunk-DB6ANJBO.js";
 import "./chunk-PHOCVOZ5.js";
-import "./chunk-FQERBIVS.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-NQEXDLYH.js";
-import "./chunk-YN3FGNJM.js";
-import "./chunk-KAZ5BYTQ.js";
-import "./chunk-634XVU3D.js";
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteFocusModal,
   useRouteModal
 } from "./chunk-FWJLS7XD.js";
 import "./chunk-3QSRE5LS.js";
 import "./chunk-WIYFXWRI.js";
+import "./chunk-FQERBIVS.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-JGCGVEFZ.js";
+import "./chunk-YN3FGNJM.js";
+import "./chunk-KAZ5BYTQ.js";
+import "./chunk-PAYQJPGK.js";
 import "./chunk-UZWFZMOX.js";
 import "./chunk-XQNVC4Q7.js";
-import "./chunk-FMRP2CNF.js";
 import "./chunk-THHRRYRS.js";
-import "./chunk-AXTQMIIK.js";
+import "./chunk-YZBEJ3CY.js";
+import "./chunk-PJR6W35H.js";
 import "./chunk-OH4AABUT.js";
+import "./chunk-6MZPZ5KV.js";
 import "./chunk-AEMDNTW5.js";
 import "./chunk-LYD3C73Z.js";
-import "./chunk-FTAR3BDS.js";
-import "./chunk-46M463BR.js";
-import "./chunk-ZZ3XFIEM.js";
-import "./chunk-533GMKEG.js";
+import "./chunk-ER7GGJ5A.js";
 import "./chunk-YFRC6GEN.js";
-import "./chunk-DAXXLQKB.js";
-import "./chunk-OHOWEMHO.js";
+import "./chunk-N6SI4IIT.js";
 import "./chunk-JPNPTILP.js";
+import "./chunk-DAXXLQKB.js";
+import "./chunk-46M463BR.js";
+import "./chunk-ZIFHQXP3.js";
+import "./chunk-ESPLVOFC.js";
 import "./chunk-GKGLVDDV.js";
-import "./chunk-N6SI4IIT.js";
 import "./chunk-WJJXUXSO.js";
 import "./chunk-LAPEZATU.js";
-import "./chunk-OSEIN4Y2.js";
-import "./chunk-XZZTC7E5.js";
+import "./chunk-GV2Z3IHA.js";
+import "./chunk-Q5HXKDZG.js";
+import "./chunk-FXWKGNRV.js";
+import "./chunk-VDKOJ5WD.js";
 import "./chunk-ZN7LWXVC.js";
-import "./chunk-VYMODH6P.js";
-import "./chunk-LEG67A2R.js";
-import "./chunk-PRBE5CM3.js";
 import "./chunk-5TRY5IMZ.js";
 import "./chunk-EPHVGD5Z.js";
-import "./chunk-B3EEDC47.js";
-import "./chunk-A772RAKB.js";
-import "./chunk-ESPLVOFC.js";
-import "./chunk-FXWKGNRV.js";
-import "./chunk-VDKOJ5WD.js";
-import "./chunk-S5BJ5CMF.js";
+import "./chunk-QJ4J5F6T.js";
+import "./chunk-RMAQKNBA.js";
+import "./chunk-VYMODH6P.js";
+import "./chunk-LEG67A2R.js";
+import "./chunk-QYDWMBEX.js";
+import "./chunk-XKRR5ALR.js";
 import {
   useProductCategory,
   useUpdateProductCategoryProducts
-} from "./chunk-H5PYBIOZ.js";
+} from "./chunk-5I6YZOBU.js";
 import "./chunk-Y7QKP6QU.js";
 import "./chunk-INNFZYX2.js";
 import {
   useProducts
-} from "./chunk-2YYXP6XI.js";
+} from "./chunk-AM5XDEIN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import "./chunk-ZBWL72TB.js";
@@ -216,7 +215,7 @@ var EditCategoryProductsForm = ({
 var columnHelper = createColumnHelper();
 var useColumns = () => {
   const { t } = useTranslation();
-  const base = useProductTableColumns();
+  const base = useProductTableColumns().filter((c) => c.id !== "select");
   return useMemo(
     () => [
       columnHelper.display({

package/dist/{chunk-3VTAK3S6.js → chunk-24WHXAR7.js}

@@ -9,10 +9,6 @@ import {
 import {
   countries
 } from "./chunk-JRTZWK77.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-NQEXDLYH.js";
 import {
   StackedFocusModal,
   useStackedModal
@@ -20,6 +16,10 @@ import {
 import {
   Form
 } from "./chunk-3QSRE5LS.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-JGCGVEFZ.js";
 
 // src/pages/locations/common/components/geo-zone-form/geo-zone-form.tsx
 import { Button as Button2, Checkbox } from "@medusajs/ui";

package/dist/chunk-27PAP64U.js

@@ -0,0 +1,204 @@
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  useUpdateProduct
+} from "./chunk-AM5XDEIN.js";
+
+// src/pages/products/product-detail/components/product-media-section/product-media-section.tsx
+import { PencilSquare, ThumbnailBadge } from "@medusajs/icons";
+import {
+  Button,
+  Checkbox,
+  CommandBar,
+  Container,
+  Heading,
+  Text,
+  Tooltip,
+  clx,
+  usePrompt
+} from "@medusajs/ui";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { Link } from "react-router-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ProductMediaSection = ({
+  product,
+  readOnly = false
+}) => {
+  const { t } = useTranslation();
+  const prompt = usePrompt();
+  const [selection, setSelection] = useState({});
+  const media = getMedia(product);
+  const handleCheckedChange = (id) => {
+    setSelection((prev) => {
+      if (prev[id]) {
+        const { [id]: _, ...rest } = prev;
+        return rest;
+      } else {
+        return { ...prev, [id]: true };
+      }
+    });
+  };
+  const { mutateAsync } = useUpdateProduct(product.id);
+  const handleDelete = async () => {
+    const ids = Object.keys(selection);
+    const includingThumbnail = ids.some(
+      (id) => media.find((m) => m.id === id)?.isThumbnail
+    );
+    const res = await prompt({
+      title: t("general.areYouSure"),
+      description: includingThumbnail ? t("products.media.deleteWarningWithThumbnail", {
+        count: ids.length
+      }) : t("products.media.deleteWarning", {
+        count: ids.length
+      }),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel")
+    });
+    if (!res) {
+      return;
+    }
+    const mediaToKeep = product.images?.filter((i) => !ids.includes(i.id)).map((i) => ({ url: i.url }));
+    await mutateAsync(
+      {
+        images: mediaToKeep,
+        thumbnail: includingThumbnail ? "" : void 0
+      },
+      {
+        onSuccess: () => {
+          setSelection({});
+        }
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", "data-testid": "product-media-section", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "product-media-header", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", "data-testid": "product-media-title", children: t("products.media.label") }),
+      !readOnly && /* @__PURE__ */ jsx(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: [
+                {
+                  label: t("actions.edit"),
+                  to: "media?view=edit",
+                  icon: /* @__PURE__ */ jsx(PencilSquare, {})
+                }
+              ]
+            }
+          ],
+          "data-testid": "product-media-action-menu"
+        }
+      )
+    ] }),
+    media.length > 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-[repeat(auto-fill,minmax(96px,1fr))] gap-4 px-6 py-4", "data-testid": "product-media-grid", children: media.map((i, index) => {
+      const isSelected = selection[i.id];
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: clx(
+            "shadow-elevation-card-rest transition-fg group relative aspect-square size-full overflow-hidden rounded-[8px]",
+            {
+              "hover:shadow-elevation-card-hover cursor-pointer": !readOnly
+            }
+          ),
+          "data-testid": `product-media-item-${i.id}`,
+          children: [
+            !readOnly && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: clx(
+                  "transition-fg invisible absolute right-2 top-2 opacity-0 group-hover:visible group-hover:opacity-100",
+                  {
+                    "visible opacity-100": isSelected
+                  }
+                ),
+                "data-testid": `product-media-checkbox-container-${i.id}`,
+                children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    checked: selection[i.id] || false,
+                    onCheckedChange: () => handleCheckedChange(i.id),
+                    "data-testid": `product-media-checkbox-${i.id}`
+                  }
+                )
+              }
+            ),
+            i.isThumbnail && /* @__PURE__ */ jsx("div", { className: "absolute left-2 top-2", "data-testid": `product-media-thumbnail-badge-${i.id}`, children: /* @__PURE__ */ jsx(Tooltip, { content: t("fields.thumbnail"), children: /* @__PURE__ */ jsx(ThumbnailBadge, {}) }) }),
+            readOnly ? /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: i.url,
+                alt: product.title,
+                className: "size-full object-cover",
+                "data-testid": `product-media-image-${i.id}`
+              }
+            ) : /* @__PURE__ */ jsx(Link, { to: `media`, state: { curr: index }, "data-testid": `product-media-link-${i.id}`, children: /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: i.url,
+                alt: product.title,
+                className: "size-full object-cover",
+                "data-testid": `product-media-image-${i.id}`
+              }
+            ) })
+          ]
+        },
+        i.id
+      );
+    }) }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-y-4 pb-8 pt-6", "data-testid": "product-media-empty-state", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            size: "small",
+            leading: "compact",
+            weight: "plus",
+            className: "text-ui-fg-subtle",
+            "data-testid": "product-media-empty-state-header",
+            children: t("products.media.emptyState.header")
+          }
+        ),
+        /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", "data-testid": "product-media-empty-state-description", children: t("products.media.emptyState.description") })
+      ] }),
+      !readOnly && /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", asChild: true, "data-testid": "product-media-empty-state-button", children: /* @__PURE__ */ jsx(Link, { to: "media?view=edit", "data-testid": "product-media-empty-state-link", children: t("products.media.emptyState.action") }) })
+    ] }),
+    !readOnly && /* @__PURE__ */ jsx(CommandBar, { open: !!Object.keys(selection).length, "data-testid": "product-media-command-bar", children: /* @__PURE__ */ jsxs(CommandBar.Bar, { "data-testid": "product-media-command-bar-bar", children: [
+      /* @__PURE__ */ jsx(CommandBar.Value, { "data-testid": "product-media-command-bar-value", children: t("general.countSelected", {
+        count: Object.keys(selection).length
+      }) }),
+      /* @__PURE__ */ jsx(CommandBar.Seperator, { "data-testid": "product-media-command-bar-separator" }),
+      /* @__PURE__ */ jsx(
+        CommandBar.Command,
+        {
+          action: handleDelete,
+          label: t("actions.delete"),
+          shortcut: "d",
+          "data-testid": "product-media-command-bar-delete"
+        }
+      )
+    ] }) })
+  ] });
+};
+var getMedia = (product) => {
+  const { images = [], thumbnail } = product;
+  const media = images.map((image) => ({
+    id: image.id,
+    url: image.url,
+    isThumbnail: image.url === thumbnail
+  }));
+  if (thumbnail && !media.some((mediaItem) => mediaItem.url === thumbnail)) {
+    media.unshift({
+      id: "img_thumbnail",
+      url: thumbnail,
+      isThumbnail: true
+    });
+  }
+  return media;
+};
+
+export {
+  ProductMediaSection
+};

package/dist/{chunk-26UTIAAZ.js → chunk-32URSQ4F.js}

@@ -1,7 +1,7 @@
 import {
   FileUpload,
   formatFileSize
-} from "./chunk-4KX6CBJ4.js";
+} from "./chunk-VSLHL2AZ.js";
 import {
   Form
 } from "./chunk-3QSRE5LS.js";

package/dist/{chunk-AB2LHP3M.js → chunk-3KL4OL3I.js}

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

package/dist/{chunk-3JSAS7QP.js → chunk-3MQJARVG.js}

@@ -1,16 +1,16 @@
 import {
   TextCell
 } from "./chunk-JHIMVLB2.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-NQEXDLYH.js";
 import {
   useAttributeTableFilters
 } from "./chunk-RT6L7JXU.js";
 import {
   useAttributeTableQuery
 } from "./chunk-4YWKKCTT.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-JGCGVEFZ.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
@@ -19,7 +19,7 @@ import {
   useDeleteProductAttribute,
   useProductAttributes,
   useUpdateProductAttribute
-} from "./chunk-533GMKEG.js";
+} from "./chunk-ER7GGJ5A.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -90,10 +90,18 @@ var FilterableToggle = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
+      role: "button",
+      tabIndex: 0,
       onClick: (e) => {
         e.preventDefault();
         e.stopPropagation();
       },
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          e.stopPropagation();
+        }
+      },
       children: /* @__PURE__ */ jsx(
         Switch,
         {
@@ -119,10 +127,18 @@ var RequiredToggle = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
+      role: "button",
+      tabIndex: 0,
       onClick: (e) => {
         e.preventDefault();
         e.stopPropagation();
       },
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          e.stopPropagation();
+        }
+      },
       children: /* @__PURE__ */ jsx(
         Switch,
         {

package/dist/{chunk-X2IZZAII.js → chunk-3V54HZK7.js}

@@ -1,25 +1,25 @@
 import {
   useDeleteProductTagAction
-} from "./chunk-PXTJJQKJ.js";
+} from "./chunk-FYKG35MR.js";
 import {
   useProductTableColumns
-} from "./chunk-DQGGJSOO.js";
+} from "./chunk-SU444Q24.js";
 import {
   useProductTableFilters
-} from "./chunk-R2MI5GL4.js";
+} from "./chunk-GK6V5XL3.js";
 import {
   useProductTableQuery
-} from "./chunk-LYZDVZWA.js";
+} from "./chunk-XH5GIQOS.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-NQEXDLYH.js";
+} from "./chunk-JGCGVEFZ.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
 import {
   useProductTag
-} from "./chunk-AXTQMIIK.js";
+} from "./chunk-PJR6W35H.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -28,7 +28,7 @@ import {
 } from "./chunk-INNFZYX2.js";
 import {
   useProducts
-} from "./chunk-2YYXP6XI.js";
+} from "./chunk-AM5XDEIN.js";
 
 // src/pages/product-tags/product-tag-detail/product-tag-detail.tsx
 import { Children } from "react";

package/dist/{chunk-VKOE5J66.js → chunk-3XOE4NV5.js}

@@ -8,16 +8,25 @@ var useCustomerGroupTableQuery = ({
   pageSize = 20
 }) => {
   const queryObject = useQueryParams(
-    ["offset", "q", "has_account", "order", "created_at", "updated_at"],
+    [
+      "offset",
+      "q",
+      "has_account",
+      "order",
+      "created_at",
+      "updated_at",
+      "seller_id"
+    ],
     prefix
   );
-  const { offset, created_at, updated_at, q, order } = queryObject;
+  const { offset, created_at, updated_at, q, order, seller_id } = queryObject;
   const searchParams = {
     limit: pageSize,
     offset: offset ? Number(offset) : 0,
     order,
     created_at: created_at ? JSON.parse(created_at) : void 0,
     updated_at: updated_at ? JSON.parse(updated_at) : void 0,
+    seller_id: seller_id?.split(","),
     q
   };
   return {

package/dist/{chunk-SRDK3XX7.js → chunk-3ZKJ4F7B.js}

@@ -11,10 +11,6 @@ import {
 import {
   PlaceholderCell
 } from "./chunk-PHOCVOZ5.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-NQEXDLYH.js";
 import {
   SectionRow
 } from "./chunk-3XPXUIK3.js";
@@ -24,6 +20,10 @@ import {
 import {
   Thumbnail
 } from "./chunk-WIYFXWRI.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-JGCGVEFZ.js";
 import {
   useDate
 } from "./chunk-UZWFZMOX.js";
@@ -36,7 +36,7 @@ import {
 import {
   useDeleteReservationItem,
   useReservationItems
-} from "./chunk-A772RAKB.js";
+} from "./chunk-QJ4J5F6T.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -48,7 +48,7 @@ import {
   inventoryItemsQueryKeys,
   useInventoryItem,
   useInventoryItemLevels
-} from "./chunk-2YYXP6XI.js";
+} from "./chunk-AM5XDEIN.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";

package/dist/chunk-46MOMKPW.js

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

package/dist/{chunk-ZHOI4QMK.js → chunk-4OEYCLBE.js}

@@ -5,7 +5,7 @@ import {
   DataGrid,
   createDataGridHelper,
   createDataGridPriceColumns
-} from "./chunk-V6OGMYAI.js";
+} from "./chunk-HHW4PPNH.js";
 import {
   Thumbnail
 } from "./chunk-WIYFXWRI.js";

package/dist/{chunk-M75FCGHK.js → chunk-4XGB5NDV.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-KOURHC2N.js";
 import {
   useSellersTableQuery
-} from "./chunk-YPESX7CE.js";
+} from "./chunk-WKTRJNOK.js";
 import {
   DateCell
 } from "./chunk-25LYVP3C.js";
@@ -13,13 +13,13 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-NQEXDLYH.js";
+} from "./chunk-JGCGVEFZ.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
 import {
   require_dist
-} from "./chunk-FMRP2CNF.js";
+} from "./chunk-YZBEJ3CY.js";
 import {
   useSellers
 } from "./chunk-LEG67A2R.js";

package/dist/{chunk-H5PYBIOZ.js → chunk-5I6YZOBU.js}

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

package/dist/{chunk-5DNAS3T4.js → chunk-5K5VNKSE.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-AW77UWCZ.js";
 import {
   require_dist
-} from "./chunk-FMRP2CNF.js";
+} from "./chunk-YZBEJ3CY.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";

package/dist/{chunk-3EDQIZV6.js → chunk-6LG3VL3Q.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-FTAR3BDS.js → chunk-6MZPZ5KV.js}

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

package/dist/{chunk-X45JKZYW.js → chunk-7WAQRY46.js}

@@ -9,16 +9,16 @@ import {
 import {
   formatProvider
 } from "./chunk-VW56KWO2.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-NQEXDLYH.js";
 import {
   currencies
 } from "./chunk-IQPN4PZJ.js";
 import {
   SectionRow
 } from "./chunk-3XPXUIK3.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-JGCGVEFZ.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";

package/dist/{chunk-UXD3VNBO.js → chunk-AJLGY3LQ.js}

@@ -48,6 +48,5 @@ var metadataFormSchema = z.array(
 );
 
 export {
-  optionalInt,
-  optionalFloat
+  optionalInt
 };