@mercurjs/admin 2.2.0-canary.9 → 2.2.0-rc.1

package/dist/chunk-KUBTN5TC.js

@@ -0,0 +1,206 @@
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  useUpdateProduct
+} from "./chunk-MMKUMSZS.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 { DisplayExtensionZone } from "@mercurjs/dashboard-shared";
+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"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(DisplayExtensionZone, { model: "product", zone: "media", data: product })
+  ] });
+};
+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-Q2ULPJJ6.js → chunk-KXWN75T2.js}

@@ -10,10 +10,10 @@ import {
 } from "./chunk-JRTZWK77.js";
 import {
   useDeleteTaxRate
-} from "./chunk-AEMDNTW5.js";
+} from "./chunk-J54BZXZX.js";
 import {
   useDeleteTaxRegion
-} from "./chunk-LYD3C73Z.js";
+} from "./chunk-JI7HMGMO.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";

package/dist/{chunk-LAPEZATU.js → chunk-L7DIEO5B.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-ZBWL72TB.js";
+} from "./chunk-LXZXXOJ3.js";
 
 // src/hooks/api/payouts.tsx
 import { useQuery } from "@tanstack/react-query";

package/dist/{chunk-YYMACYP6.js → chunk-LEQINL55.js}

@@ -7,7 +7,7 @@ import {
 import {
   useDeleteShippingProfile,
   useShippingProfile
-} from "./chunk-N6SI4IIT.js";
+} from "./chunk-CARSKIPW.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -18,6 +18,7 @@ import {
 // src/pages/shipping-profiles/shipping-profile-detail/shipping-profile-detail.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/shipping-profiles/shipping-profile-detail/components/shipping-profile-general-section/shipping-profile-general-section.tsx
 import { Trash } from "@medusajs/icons";
@@ -101,7 +102,7 @@ var Root = ({ children }) => {
   if (isError) {
     throw error;
   }
-  return Children.count(children) > 0 ? /* @__PURE__ */ jsx2(SingleColumnPage, { showMetadata: true, showJSON: true, data: shipping_profile, children }) : /* @__PURE__ */ jsx2(SingleColumnPage, { showMetadata: true, showJSON: true, data: shipping_profile, children: /* @__PURE__ */ jsx2(ShippingProfileGeneralSection, { profile: shipping_profile }) });
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx2(SingleColumnPage, { showMetadata: true, showJSON: true, data: shipping_profile, children }) : /* @__PURE__ */ jsx2(SingleColumnPage, { showMetadata: true, showJSON: true, data: shipping_profile, children: /* @__PURE__ */ jsx2(WidgetZone, { id: "shipping-profiles.detail.main", data: shipping_profile, children: /* @__PURE__ */ jsx2(ShippingProfileGeneralSection, { profile: shipping_profile }) }) });
 };
 var ShippingProfileDetailPage = Object.assign(Root, {
   GeneralSection: ShippingProfileGeneralSection

package/dist/{chunk-CMHI2RPL.js → chunk-LPIPSLR7.js}

@@ -1,8 +1,29 @@
+import {
+  useSellers
+} from "./chunk-SAU35JEB.js";
+
 // src/hooks/table/filters/use-customer-group-table-filters.tsx
 import { useTranslation } from "react-i18next";
 var useCustomerGroupTableFilters = () => {
   const { t } = useTranslation();
+  const { sellers } = useSellers({
+    limit: 1e3,
+    fields: "id,name"
+  });
   let filters = [];
+  if (sellers?.length) {
+    filters.push({
+      key: "seller_id",
+      label: t("fields.owner"),
+      type: "select",
+      multiple: true,
+      searchable: true,
+      options: sellers.map((s) => ({
+        label: s.name,
+        value: s.id
+      }))
+    });
+  }
   const dateFilters = [
     { label: t("fields.createdAt"), key: "created_at" },
     { label: t("fields.updatedAt"), key: "updated_at" }

package/dist/{chunk-7MKIOI7P.js → chunk-LQQERWMM.js}

@@ -1,25 +1,25 @@
 import {
   useDeleteProductTypeAction
-} from "./chunk-33BERJSG.js";
+} from "./chunk-K6RZE3F7.js";
 import {
   useProductTableColumns
-} from "./chunk-OMBP3YSV.js";
+} from "./chunk-I5HY5Q3K.js";
 import {
   useProductTableFilters
-} from "./chunk-57RZ7ZOK.js";
+} from "./chunk-APMBU7ZV.js";
 import {
   useProductTableQuery
-} from "./chunk-LYZDVZWA.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-NQEXDLYH.js";
+} from "./chunk-5NSOIZFB.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-GRFWCCUW.js";
 import {
   useProductType
-} from "./chunk-46M463BR.js";
+} from "./chunk-EWFOFSF7.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -28,11 +28,12 @@ import {
 } from "./chunk-INNFZYX2.js";
 import {
   useProducts
-} from "./chunk-H3MAUKL7.js";
+} from "./chunk-MMKUMSZS.js";
 
 // src/pages/product-types/product-type-detail/product-type-detail.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/product-types/product-type-detail/components/product-type-general-section/product-type-general-section.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";
@@ -150,10 +151,10 @@ var Root = ({ children }) => {
   if (isError) {
     throw error;
   }
-  return Children.count(children) > 0 ? /* @__PURE__ */ jsx3(SingleColumnPage, { showJSON: true, showMetadata: true, data: product_type, children }) : /* @__PURE__ */ jsxs3(SingleColumnPage, { showJSON: true, showMetadata: true, data: product_type, children: [
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx3(SingleColumnPage, { showJSON: true, showMetadata: true, data: product_type, children }) : /* @__PURE__ */ jsx3(SingleColumnPage, { showJSON: true, showMetadata: true, data: product_type, children: /* @__PURE__ */ jsxs3(WidgetZone, { id: "product-types.detail.main", data: product_type, children: [
     /* @__PURE__ */ jsx3(ProductTypeGeneralSection, { productType: product_type }),
     /* @__PURE__ */ jsx3(ProductTypeProductSection, { productType: product_type })
-  ] });
+  ] }) });
 };
 var ProductTypeDetailPage = Object.assign(Root, {
   GeneralSection: ProductTypeGeneralSection,

package/dist/chunk-LXNWSQOE.js

@@ -0,0 +1,87 @@
+import {
+  useSellers
+} from "./chunk-SAU35JEB.js";
+import {
+  useCustomers
+} from "./chunk-AFYILTAC.js";
+import {
+  useSalesChannels
+} from "./chunk-ZOTBKQLG.js";
+
+// src/pages/orders/order-list/components/order-list-table/use-order-table-filters.tsx
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+var useOrderGroupTableFilters = () => {
+  const { t } = useTranslation();
+  const { customers } = useCustomers({
+    limit: 1e3,
+    fields: "id,first_name,last_name,email"
+  });
+  const { sellers } = useSellers({
+    limit: 1e3,
+    fields: "id,name"
+  });
+  const { sales_channels } = useSalesChannels({
+    limit: 1e3,
+    fields: "id,name"
+  });
+  return useMemo(() => {
+    const filters = [];
+    if (customers?.length) {
+      filters.push({
+        key: "customer_id",
+        label: t("fields.customer"),
+        type: "select",
+        multiple: true,
+        searchable: true,
+        options: customers.map((c) => ({
+          label: [c.first_name, c.last_name].filter(Boolean).join(" ") || c.email,
+          value: c.id
+        }))
+      });
+    }
+    if (sellers?.length) {
+      filters.push({
+        key: "seller_id",
+        label: t("fields.store"),
+        type: "select",
+        multiple: true,
+        searchable: true,
+        options: sellers.map((s) => ({
+          label: s.name,
+          value: s.id
+        }))
+      });
+    }
+    if (sales_channels?.length) {
+      filters.push({
+        key: "sales_channel_id",
+        label: t("fields.salesChannel"),
+        type: "select",
+        multiple: true,
+        searchable: true,
+        options: sales_channels.map((s) => ({
+          label: s.name,
+          value: s.id
+        }))
+      });
+    }
+    filters.push(
+      {
+        key: "created_at",
+        label: t("fields.createdAt"),
+        type: "date"
+      },
+      {
+        key: "updated_at",
+        label: t("fields.updatedAt"),
+        type: "date"
+      }
+    );
+    return filters;
+  }, [customers, sellers, sales_channels, t]);
+};
+
+export {
+  useOrderGroupTableFilters
+};

package/dist/{chunk-ZBWL72TB.js → chunk-LXZXXOJ3.js}

@@ -57,18 +57,8 @@ var fetchQuery = async (url, {
   }
   return response.json();
 };
-var uploadFilesQuery = async (files) => {
-  const formData = new FormData();
-  for (const { file } of files) {
-    formData.append("files", file);
-  }
-  return sdk.admin.uploads.mutate({
-    fetchOptions: { body: formData }
-  });
-};
 
 export {
   sdk,
-  fetchQuery,
-  uploadFilesQuery
+  fetchQuery
 };

package/dist/{chunk-K4WU4PVL.js → chunk-MEDZM6N7.js}

@@ -4,33 +4,35 @@ import {
 import {
   PlaceholderCell
 } from "./chunk-PHOCVOZ5.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-NQEXDLYH.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-GRFWCCUW.js";
 import {
   useStockLocations
-} from "./chunk-EPHVGD5Z.js";
+} from "./chunk-VXW3BCN2.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 import {
   useDeleteInventoryItem,
   useInventoryItems
-} from "./chunk-H3MAUKL7.js";
+} from "./chunk-MMKUMSZS.js";
 
 // src/pages/inventory/inventory-list/inventory-list.tsx
 import { Children as Children2 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/inventory/inventory-list/components/inventory-list-table.tsx
 import { Button, Container, Heading, Text } from "@medusajs/ui";
-import { Children, useState } from "react";
+import { useExtendableTable, useLinkQuery } from "@mercurjs/dashboard-shared";
+import { Children, useMemo as useMemo2, useState } from "react";
 import { useTranslation as useTranslation4 } from "react-i18next";
 import { Link, useNavigate } from "react-router-dom";
 
@@ -373,10 +375,24 @@ var InventoryListDataTable = () => {
     isError,
     error
   } = useInventoryItems({
-    ...searchParams
+    ...searchParams,
+    ...useLinkQuery("inventory_item")
+  });
+  const baseFilters = useInventoryTableFilters();
+  const baseColumns = useInventoryTableColumns();
+  const actionsColumn = baseColumns[baseColumns.length - 1];
+  const { columns: extended, filters: extFilters } = useExtendableTable({
+    model: "inventory_item",
+    columns: baseColumns.slice(0, -1)
   });
-  const filters = useInventoryTableFilters();
-  const columns = useInventoryTableColumns();
+  const columns = useMemo2(
+    () => [...extended, actionsColumn],
+    [extended, actionsColumn]
+  );
+  const filters = useMemo2(
+    () => [...baseFilters, ...extFilters],
+    [baseFilters, extFilters]
+  );
   const { table } = useDataTable({
     data: inventory_items ?? [],
     columns,
@@ -438,7 +454,7 @@ var InventoryListTable = ({ children }) => {
 // src/pages/inventory/inventory-list/inventory-list.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx4("div", { "data-testid": "inventory-page", children: /* @__PURE__ */ jsx4(SingleColumnPage, { children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx4(InventoryListTable, {}) }) });
+  return /* @__PURE__ */ jsx4("div", { "data-testid": "inventory-page", children: /* @__PURE__ */ jsx4(SingleColumnPage, { children: /* @__PURE__ */ jsx4(WidgetZone, { id: "inventory.list", children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx4(InventoryListTable, {}) }) }) });
 };
 var InventoryListPage = Object.assign(Root, {
   Table: InventoryListTable,