@mercurjs/vendor 2.2.0-rc.0 → 2.2.0-rc.1

package/dist/{chunk-KTJLJTFO.js → chunk-QMTSINXN.js}

@@ -13,29 +13,26 @@ import {
 } from "./chunk-YVCBMOJG.js";
 import {
   SingleCategoryCombobox
-} from "./chunk-4IRQSBA7.js";
+} from "./chunk-IWF43LO2.js";
 import {
   useComboboxData
 } from "./chunk-OVPAOBZB.js";
 import {
   UploadMediaFormItem
-} from "./chunk-RPU4UOQK.js";
+} from "./chunk-CQRCUQC4.js";
 import {
   PRODUCT_CREATE_FORM_DEFAULTS,
   ProductCreateSchema,
   generateVariantsFromAttributes,
   normalizeProductFormValues
-} from "./chunk-JDNXS37G.js";
+} from "./chunk-2INANL6V.js";
 import {
   ChipInput
 } from "./chunk-KDE4HKH2.js";
 import {
   useAttributeTableFilters,
   useAttributeTableQuery
-} from "./chunk-HDEOZN2Q.js";
-import {
-  DataTable
-} from "./chunk-IV57G2CB.js";
+} from "./chunk-4OQLPIUZ.js";
 import {
   Combobox
 } from "./chunk-VBRTC2VU.js";
@@ -52,9 +49,13 @@ import {
 import {
   Form
 } from "./chunk-3QSRE5LS.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-7TQNE3E2.js";
 import {
   require_dist
-} from "./chunk-DSTHXHJ5.js";
+} from "./chunk-VYSB4CTB.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -64,7 +65,7 @@ import {
 import {
   useCreateProduct,
   useProductAttributes
-} from "./chunk-G6YNCIVF.js";
+} from "./chunk-744GLNZW.js";
 import {
   sdk
 } from "./chunk-LXZXXOJ3.js";
@@ -108,14 +109,13 @@ import {
 import { useTranslation as useTranslation2 } from "react-i18next";
 
 // src/pages/products/create/components/product-create-attributes-form/product-create-add-attributes-modal.tsx
+import { Badge, Button, Checkbox } from "@medusajs/ui";
+import { keepPreviousData } from "@tanstack/react-query";
 import {
-  Badge,
-  Button,
-  createDataTableColumnHelper
-} from "@medusajs/ui";
+  createColumnHelper
+} from "@tanstack/react-table";
 import { useEffect, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { keepPreviousData } from "@tanstack/react-query";
 import { jsx, jsxs } from "react/jsx-runtime";
 var ADD_ATTRIBUTES_MODAL_ID = "add-attributes";
 var PAGE_SIZE = 20;
@@ -132,12 +132,10 @@ var ProductCreateAddAttributesModal = () => {
   const { t } = useTranslation();
   const { getValues, setValue } = form;
   const { setIsOpen, getIsOpen } = useStackedModal();
-  const [rowSelection, setRowSelection] = useState(
-    {}
-  );
-  const [state, setState] = useState([]);
+  const [rowSelection, setRowSelection] = useState({});
+  const [selected, setSelected] = useState([]);
   const categoryId = form.watch("category_id");
-  const { searchParams } = useAttributeTableQuery({
+  const { searchParams, raw } = useAttributeTableQuery({
     pageSize: PAGE_SIZE,
     prefix: ADD_ATTRIBUTES_MODAL_ID
   });
@@ -156,14 +154,14 @@ var ProductCreateAddAttributesModal = () => {
     const attributes = getValues("attributes") ?? [];
     const existing = attributes.filter((a) => a.attribute_id);
     const selection = {};
-    const stateEntries = [];
+    const entries = [];
     for (const a of existing) {
       if (a.attribute_id) {
         selection[a.attribute_id] = true;
         const apiAttr = product_attributes?.find(
           (pa) => pa.id === a.attribute_id
         );
-        stateEntries.push({
+        entries.push({
           id: a.attribute_id,
           name: a.title,
           values: Array.isArray(a.values) ? a.values : a.values ? [a.values] : [],
@@ -180,7 +178,7 @@ var ProductCreateAddAttributesModal = () => {
       for (const attr of product_attributes) {
         if (attr.is_required && !selection[attr.id]) {
           selection[attr.id] = true;
-          stateEntries.push({
+          entries.push({
             id: attr.id,
             name: attr.name,
             values: [],
@@ -192,9 +190,10 @@ var ProductCreateAddAttributesModal = () => {
       }
     }
     setRowSelection(selection);
-    setState(stateEntries);
+    setSelected(entries);
   }, [open, getValues, product_attributes]);
-  const onRowSelectionChange = (next) => {
+  const updater = (fn) => {
+    const next = typeof fn === "function" ? fn(rowSelection) : fn;
     if (product_attributes) {
       for (const attr of product_attributes) {
         if (attr.is_required) {
@@ -202,24 +201,20 @@ var ProductCreateAddAttributesModal = () => {
         }
       }
     }
-    const ids = Object.keys(next);
-    const addedIdsSet = new Set(
-      ids.filter((id) => next[id] && !rowSelection[id])
+    const addedIds = new Set(
+      Object.keys(next).filter((id) => next[id] && !rowSelection[id])
     );
-    let addedAttributes = [];
-    if (addedIdsSet.size > 0) {
-      addedAttributes = product_attributes?.filter((attr) => addedIdsSet.has(attr.id)).map((attr) => ({
-        id: attr.id,
-        name: attr.name,
-        values: [],
-        is_variant_axis: attr.is_variant_axis,
-        type: attr.type,
-        available_values: attr.values?.map((v) => ({ id: v.id, name: v.name })) ?? []
-      })) ?? [];
-    }
-    setState((prev) => {
-      const filteredPrev = prev.filter((a) => next[a.id]);
-      return Array.from(/* @__PURE__ */ new Set([...filteredPrev, ...addedAttributes]));
+    const addedAttributes = addedIds.size > 0 ? product_attributes?.filter((attr) => addedIds.has(attr.id)).map((attr) => ({
+      id: attr.id,
+      name: attr.name,
+      values: [],
+      is_variant_axis: attr.is_variant_axis,
+      type: attr.type,
+      available_values: attr.values?.map((v) => ({ id: v.id, name: v.name })) ?? []
+    })) ?? [] : [];
+    setSelected((prev) => {
+      const kept = prev.filter((a) => next[a.id]);
+      return Array.from(/* @__PURE__ */ new Set([...kept, ...addedAttributes]));
     });
     setRowSelection(next);
   };
@@ -229,7 +224,7 @@ var ProductCreateAddAttributesModal = () => {
     const requiredIds = new Set(
       product_attributes?.filter((a) => a.is_required).map((a) => a.id) ?? []
     );
-    const selectedAttributes = state.map((a) => ({
+    const selectedAttributes = selected.map((a) => ({
       attribute_id: a.id,
       title: a.name,
       values: a.values,
@@ -247,28 +242,45 @@ var ProductCreateAddAttributesModal = () => {
   };
   const filters = useAttributeTableFilters();
   const columns = useColumns();
+  const { table } = useDataTable({
+    data: product_attributes ?? [],
+    columns,
+    count,
+    getRowId: (row) => row.id,
+    pageSize: PAGE_SIZE,
+    enablePagination: true,
+    enableRowSelection: (row) => !row.original.is_required,
+    rowSelection: { state: rowSelection, updater },
+    prefix: ADD_ATTRIBUTES_MODAL_ID
+  });
   if (isError) {
     throw error;
   }
   return /* @__PURE__ */ jsxs(StackedFocusModal.Content, { className: "flex flex-col overflow-hidden", children: [
     /* @__PURE__ */ jsx(StackedFocusModal.Header, {}),
-    /* @__PURE__ */ jsx(StackedFocusModal.Body, { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsx(
-      DataTable,
+    /* @__PURE__ */ jsx(StackedFocusModal.Body, { className: "flex size-full flex-col overflow-hidden", children: /* @__PURE__ */ jsx(
+      _DataTable,
       {
-        data: product_attributes,
+        table,
         columns,
-        filters,
-        rowCount: count,
+        count,
         pageSize: PAGE_SIZE,
-        getRowId: (row) => row.id,
-        rowSelection: {
-          state: rowSelection,
-          onRowSelectionChange,
-          enableRowSelection: (row) => !row.original.is_required
-        },
         isLoading,
+        filters,
+        orderBy: [
+          { key: "name", label: t("attributes.fields.name") },
+          { key: "created_at", label: t("fields.createdAt") },
+          { key: "updated_at", label: t("fields.updatedAt") }
+        ],
+        queryObject: raw,
+        prefix: ADD_ATTRIBUTES_MODAL_ID,
         layout: "fill",
-        prefix: ADD_ATTRIBUTES_MODAL_ID
+        pagination: true,
+        search: true,
+        noRecords: {
+          title: t("products.create.attributes.noAttributesTitle"),
+          message: t("products.create.attributes.noAttributesDescription")
+        }
       }
     ) }),
     /* @__PURE__ */ jsx(StackedFocusModal.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
@@ -277,28 +289,43 @@ var ProductCreateAddAttributesModal = () => {
     ] }) })
   ] });
 };
-var columnHelper = createDataTableColumnHelper();
+var columnHelper = createColumnHelper();
 var useColumns = () => {
   const { t } = useTranslation();
   return useMemo(
     () => [
-      columnHelper.select(),
+      columnHelper.display({
+        id: "select",
+        header: ({ table }) => /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
+            onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value)
+          }
+        ),
+        cell: ({ row }) => /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: row.getIsSelected(),
+            disabled: !row.getCanSelect(),
+            onCheckedChange: (value) => row.toggleSelected(!!value),
+            onClick: (e) => e.stopPropagation()
+          }
+        )
+      }),
       columnHelper.accessor("name", {
-        header: t("attributes.fields.name"),
-        enableSorting: false
+        header: t("attributes.fields.productAttribute")
       }),
       columnHelper.accessor("handle", {
         header: t("attributes.fields.handle"),
         cell: (info) => {
           const handle = info.getValue();
           return handle ? `/${handle}` : "-";
-        },
-        enableSorting: false
+        }
       }),
       columnHelper.accessor("is_required", {
         header: t("attributes.fields.required"),
-        cell: (info) => info.getValue() ? t("filters.radio.yes") : t("filters.radio.no"),
-        enableSorting: false
+        cell: (info) => info.getValue() ? t("filters.radio.yes") : t("filters.radio.no")
       }),
       columnHelper.accessor("type", {
         header: t("attributes.fields.type"),
@@ -306,13 +333,11 @@ var useColumns = () => {
           const type = info.getValue();
           const labelKey = ATTRIBUTE_TYPE_LABELS[type];
           return labelKey ? t(labelKey) : type;
-        },
-        enableSorting: false
+        }
       }),
       columnHelper.accessor("is_variant_axis", {
         header: t("attributes.fields.variantAxis"),
-        cell: (info) => info.getValue() ? t("filters.radio.yes") : t("filters.radio.no"),
-        enableSorting: false
+        cell: (info) => info.getValue() ? t("filters.radio.yes") : t("filters.radio.no")
       }),
       columnHelper.display({
         id: "values",
@@ -1748,6 +1773,8 @@ var ProductCreateForm = ({
   return /* @__PURE__ */ jsx9(
     TabbedForm,
     {
+      model: "product",
+      zone: "create",
       form,
       onSubmit: handleSubmit,
       isLoading: isPending,

package/dist/{chunk-KG2NUK4J.js → chunk-QU444FAP.js}

@@ -1,29 +1,34 @@
 import {
   useProductTableColumns
-} from "./chunk-FDKFUIYV.js";
+} from "./chunk-WQQMCV7M.js";
 import {
+  DEFAULT_FIELDS,
   useProductTableQuery
-} from "./chunk-H6LZ77GX.js";
+} from "./chunk-QGZH3D2P.js";
 import {
   useProductTableFilters
-} from "./chunk-JK4M3ZKY.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-W3UHAQCV.js";
+} from "./chunk-OOK3BD5Z.js";
 import {
   SingleColumnPage
 } from "./chunk-YV6MK4PZ.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-7TQNE3E2.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 import {
   useDeleteProduct,
   useProducts
-} from "./chunk-G6YNCIVF.js";
+} from "./chunk-744GLNZW.js";
+import {
+  sdk
+} from "./chunk-LXZXXOJ3.js";
 
 // src/pages/products/product-list-page.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/products/_components/product-list-table/product-list-table.tsx
 import { Children as Children2 } from "react";
@@ -58,8 +63,10 @@ var ProductListHeader = ({ children }) => {
 import { toast, usePrompt } from "@medusajs/ui";
 import { keepPreviousData } from "@tanstack/react-query";
 import { createColumnHelper } from "@tanstack/react-table";
+import { useExtendableTable } from "@mercurjs/dashboard-shared";
 import { useMemo } from "react";
 import { useTranslation as useTranslation2 } from "react-i18next";
+import { useLoaderData } from "react-router-dom";
 import { PencilSquare, Tag, Trash } from "@medusajs/icons";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var PAGE_SIZE = 10;
@@ -68,14 +75,20 @@ var ProductListDataTable = () => {
   const { searchParams, raw } = useProductTableQuery({
     pageSize: PAGE_SIZE
   });
+  const initialData = useLoaderData();
   const { products, count, isLoading, isError, error } = useProducts(
     searchParams,
     {
+      initialData,
       placeholderData: keepPreviousData
     }
   );
-  const filters = useProductTableFilters();
-  const columns = useColumns();
+  const baseFilters = useProductTableFilters();
+  const { columns, filters: extFilters } = useColumns();
+  const filters = useMemo(
+    () => [...baseFilters, ...extFilters],
+    [baseFilters, extFilters]
+  );
   const { table } = useDataTable({
     data: products,
     columns,
@@ -184,9 +197,15 @@ var ProductActions = ({ product }) => {
 var columnHelper = createColumnHelper();
 var useColumns = () => {
   const base = useProductTableColumns();
+  const { columns: extended, filters } = useExtendableTable(
+    {
+      model: "product",
+      columns: base
+    }
+  );
   const columns = useMemo(
     () => [
-      ...base,
+      ...extended,
       columnHelper.display({
         id: "actions",
         cell: ({ row }) => {
@@ -194,9 +213,9 @@ var useColumns = () => {
         }
       })
     ],
-    [base]
+    [extended]
   );
-  return columns;
+  return { columns, filters };
 };
 
 // src/pages/products/_components/product-list-table/product-list-table.tsx
@@ -214,7 +233,7 @@ var ProductListTable = ({ children }) => {
 // src/pages/products/product-list-page.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(ProductListTable, {}) });
+  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: /* @__PURE__ */ jsx4(WidgetZone, { id: "product.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(ProductListTable, {}) }) });
 };
 var ProductListPage = Object.assign(Root, {
   Table: ProductListTable,
@@ -225,6 +244,18 @@ var ProductListPage = Object.assign(Root, {
   DataTable: ProductListDataTable
 });
 
+// src/pages/products/list-loader.tsx
+import { getExtensionRegistry, withLinkFields } from "@mercurjs/dashboard-shared";
+var productListLoader = async () => {
+  const links = getExtensionRegistry()?.getLinks("product") ?? [];
+  return sdk.vendor.products.query({
+    limit: PAGE_SIZE,
+    offset: 0,
+    fields: withLinkFields(DEFAULT_FIELDS, links)
+  });
+};
+
 export {
-  ProductListPage
+  ProductListPage,
+  productListLoader
 };

package/dist/{chunk-WFHGJGCW.js → chunk-S4ILPAEO.js}

@@ -1,25 +1,26 @@
 import {
   useOrderTableColumns
-} from "./chunk-E6W57UP3.js";
+} from "./chunk-HRUO43BZ.js";
 import {
   useOrderTableQuery
 } from "./chunk-XBKWFLJG.js";
 import {
   useOrderTableFilters
 } from "./chunk-5ALC4Z2H.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-W3UHAQCV.js";
 import {
   SingleColumnPage
 } from "./chunk-YV6MK4PZ.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-7TQNE3E2.js";
 import {
   useOrders
-} from "./chunk-6FDPVW7Y.js";
+} from "./chunk-UEPUKWD7.js";
 
 // src/pages/orders/order-list-page.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/orders/_components/order-list-table/order-list-table.tsx
 import { Children as Children2 } from "react";
@@ -46,7 +47,9 @@ var OrderListHeader = ({
 };
 
 // src/pages/orders/_components/order-list-table/order-list-data-table.tsx
+import { useMemo } from "react";
 import { useTranslation as useTranslation2 } from "react-i18next";
+import { useExtendableTable, useLinkQuery } from "@mercurjs/dashboard-shared";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var PAGE_SIZE = 10;
 var OrderListDataTable = () => {
@@ -54,8 +57,9 @@ var OrderListDataTable = () => {
   const { raw, searchParams } = useOrderTableQuery({
     pageSize: PAGE_SIZE
   });
-  const { orders, count, isError, error, isLoading } = useOrders({
-    fields: [
+  const linkQuery = useLinkQuery(
+    "order",
+    [
       "id",
       "status",
       "created_at",
@@ -68,11 +72,22 @@ var OrderListDataTable = () => {
       "currency_code",
       "*customer",
       "*payment_collections"
-    ].join(","),
+    ].join(",")
+  );
+  const { orders, count, isError, error, isLoading } = useOrders({
+    ...linkQuery,
     ...searchParams
   });
-  const columns = useOrderTableColumns({});
-  const filters = useOrderTableFilters();
+  const baseColumns = useOrderTableColumns({});
+  const baseFilters = useOrderTableFilters();
+  const { columns, filters: extFilters } = useExtendableTable({
+    model: "order",
+    columns: baseColumns
+  });
+  const filters = useMemo(
+    () => [...baseFilters, ...extFilters],
+    [baseFilters, extFilters]
+  );
   const { table } = useDataTable({
     data: orders ?? [],
     columns,
@@ -130,7 +145,7 @@ var OrderListTable = ({ children }) => {
 // src/pages/orders/order-list-page.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(OrderListTable, {}) });
+  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: /* @__PURE__ */ jsx4(WidgetZone, { id: "orders.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(OrderListTable, {}) }) });
 };
 var OrderListPage = Object.assign(Root, {
   Table: OrderListTable,

package/dist/{chunk-QWW6RHZC.js → chunk-SYWAMZNQ.js}

@@ -51,6 +51,7 @@ import { Container as Container3, Heading as Heading2 } from "@medusajs/ui";
 import { Children } from "react";
 import { useTranslation as useTranslation3 } from "react-i18next";
 import { useLoaderData } from "react-router-dom";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/settings/locations/_components/location-list-item.tsx
 import { Buildings, PencilSquare, Trash } from "@medusajs/icons";
@@ -226,10 +227,10 @@ var Root = ({ children }) => {
     throw error;
   }
   return /* @__PURE__ */ jsx3(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs3(TwoColumnPage, { children: [
-    /* @__PURE__ */ jsxs3(TwoColumnPage.Main, { children: [
+    /* @__PURE__ */ jsx3(TwoColumnPage.Main, { children: /* @__PURE__ */ jsxs3(WidgetZone, { id: "locations.list", children: [
       /* @__PURE__ */ jsx3(LocationListHeader, {}),
       /* @__PURE__ */ jsx3("div", { className: "flex flex-col gap-3 lg:col-span-2", children: stockLocations.map((location) => /* @__PURE__ */ jsx3(location_list_item_default, { location }, location.id)) })
-    ] }),
+    ] }) }),
     /* @__PURE__ */ jsx3(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx3(LinksSection, {}) })
   ] }) });
 };

package/dist/{chunk-LQSLDDPT.js → chunk-T35QBLG7.js}

@@ -15,7 +15,7 @@ var getOrderPaymentStatus = (t, status) => {
     ],
     awaiting: [t("orders.payment.status.awaiting"), "orange"],
     captured: [t("orders.payment.status.captured"), "green"],
-    refunded: [t("orders.payment.status.refunded"), "red"],
+    refunded: [t("orders.payment.status.refunded"), "green"],
     partially_refunded: [
       t("orders.payment.status.partiallyRefunded"),
       "orange"

package/dist/{chunk-VD27SL7H.js → chunk-TNZMNJRF.js}

@@ -1,10 +1,10 @@
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-W3UHAQCV.js";
 import {
   SingleColumnPage
 } from "./chunk-YV6MK4PZ.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-7TQNE3E2.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
@@ -18,6 +18,7 @@ import {
 
 // src/pages/settings/shipping-profiles/shipping-profile-list-page.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/settings/shipping-profiles/_components/shipping-profile-list-table.tsx
 import { Children as Children2 } from "react";
@@ -260,7 +261,7 @@ var ShippingProfileListTable = ({ children }) => {
 // src/pages/settings/shipping-profiles/shipping-profile-list-page.tsx
 import { jsx as jsx6 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx6(SingleColumnPage, { hasOutlet: true, children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx6(ShippingProfileListTable, {}) });
+  return /* @__PURE__ */ jsx6(SingleColumnPage, { hasOutlet: true, children: /* @__PURE__ */ jsx6(WidgetZone, { id: "shipping-profiles.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx6(ShippingProfileListTable, {}) }) });
 };
 var ShippingProfileListPage = Object.assign(Root, {
   Table: ShippingProfileListTable,