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

package/dist/chunk-HC2TEEKQ.js

@@ -0,0 +1,283 @@
+import {
+  DataTableStatusCell
+} from "./chunk-MDABSESI.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+import {
+  useDate
+} from "./chunk-UZWFZMOX.js";
+
+// src/components/data-table/helpers/sales-channels/use-sales-channel-table-columns.tsx
+import { useMemo as useMemo2 } from "react";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { createDataTableColumnHelper as createDataTableColumnHelper2, Tooltip as Tooltip2 } from "@medusajs/ui";
+
+// 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/sales-channels/use-sales-channel-table-columns.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var columnHelper2 = createDataTableColumnHelper2();
+var useSalesChannelTableColumns = () => {
+  const { t } = useTranslation2();
+  const dateColumns = useDataTableDateColumns();
+  return useMemo2(
+    () => [
+      columnHelper2.accessor("name", {
+        header: () => t("fields.name"),
+        enableSorting: true,
+        sortLabel: t("fields.name"),
+        sortAscLabel: t("filters.sorting.alphabeticallyAsc"),
+        sortDescLabel: t("filters.sorting.alphabeticallyDesc")
+      }),
+      columnHelper2.accessor("description", {
+        header: () => t("fields.description"),
+        cell: ({ getValue }) => {
+          return /* @__PURE__ */ jsx2(Tooltip2, { content: getValue(), children: /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: getValue() }) }) });
+        },
+        enableSorting: true,
+        sortLabel: t("fields.description"),
+        sortAscLabel: t("filters.sorting.alphabeticallyAsc"),
+        sortDescLabel: t("filters.sorting.alphabeticallyDesc"),
+        maxSize: 250,
+        minSize: 100
+      }),
+      columnHelper2.accessor("is_disabled", {
+        header: () => t("fields.status"),
+        enableSorting: true,
+        sortLabel: t("fields.status"),
+        sortAscLabel: t("filters.sorting.alphabeticallyAsc"),
+        sortDescLabel: t("filters.sorting.alphabeticallyDesc"),
+        cell: ({ getValue }) => {
+          const value = getValue();
+          return /* @__PURE__ */ jsx2(DataTableStatusCell, { color: value ? "grey" : "green", children: value ? t("general.disabled") : t("general.enabled") });
+        }
+      }),
+      ...dateColumns
+    ],
+    [t, dateColumns]
+  );
+};
+
+// src/components/data-table/helpers/sales-channels/use-sales-channel-table-empty-state.tsx
+import { useMemo as useMemo3 } from "react";
+import { useTranslation as useTranslation3 } from "react-i18next";
+var useSalesChannelTableEmptyState = () => {
+  const { t } = useTranslation3();
+  return useMemo3(() => {
+    const content = {
+      empty: {
+        heading: t("salesChannels.list.empty.heading"),
+        description: t("salesChannels.list.empty.description")
+      },
+      filtered: {
+        heading: t("salesChannels.list.filtered.heading"),
+        description: t("salesChannels.list.filtered.description")
+      }
+    };
+    return content;
+  }, [t]);
+};
+
+// src/components/data-table/helpers/sales-channels/use-sales-channel-table-filters.tsx
+import { createDataTableFilterHelper as createDataTableFilterHelper2 } from "@medusajs/ui";
+import { useMemo as useMemo5 } from "react";
+import { useTranslation as useTranslation5 } from "react-i18next";
+
+// 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 as useMemo4 } from "react";
+import { useTranslation as useTranslation4 } from "react-i18next";
+var filterHelper = createDataTableFilterHelper();
+var useDateFilterOptions = () => {
+  const { t } = useTranslation4();
+  const today = useMemo4(() => {
+    const date = /* @__PURE__ */ new Date();
+    date.setHours(0, 0, 0, 0);
+    return date;
+  }, []);
+  return useMemo4(() => {
+    return [
+      {
+        label: t("filters.date.today"),
+        value: {
+          $gte: today.toISOString()
+        }
+      },
+      {
+        label: t("filters.date.lastSevenDays"),
+        value: {
+          $gte: subDays(today, 7).toISOString()
+          // 7 days ago
+        }
+      },
+      {
+        label: t("filters.date.lastThirtyDays"),
+        value: {
+          $gte: subDays(today, 30).toISOString()
+          // 30 days ago
+        }
+      },
+      {
+        label: t("filters.date.lastNinetyDays"),
+        value: {
+          $gte: subDays(today, 90).toISOString()
+          // 90 days ago
+        }
+      },
+      {
+        label: t("filters.date.lastTwelveMonths"),
+        value: {
+          $gte: subMonths(today, 12).toISOString()
+          // 12 months ago
+        }
+      }
+    ];
+  }, [today, t]);
+};
+var useDataTableDateFilters = (disableRangeOption) => {
+  const { t } = useTranslation4();
+  const { getFullDate } = useDate();
+  const dateFilterOptions = useDateFilterOptions();
+  const rangeOptions = useMemo4(() => {
+    if (disableRangeOption) {
+      return {
+        disableRangeOption: true
+      };
+    }
+    return {
+      rangeOptionStartLabel: t("filters.date.starting"),
+      rangeOptionEndLabel: t("filters.date.ending"),
+      rangeOptionLabel: t("filters.date.custom"),
+      options: dateFilterOptions
+    };
+  }, [disableRangeOption, t, dateFilterOptions]);
+  return useMemo4(() => {
+    return [
+      filterHelper.accessor("created_at", {
+        type: "date",
+        label: t("fields.createdAt"),
+        format: "date",
+        formatDateValue: (date) => getFullDate({ date }),
+        options: dateFilterOptions,
+        ...rangeOptions
+      }),
+      filterHelper.accessor("updated_at", {
+        type: "date",
+        label: t("fields.updatedAt"),
+        format: "date",
+        formatDateValue: (date) => getFullDate({ date }),
+        options: dateFilterOptions,
+        ...rangeOptions
+      })
+    ];
+  }, [t, dateFilterOptions, getFullDate, rangeOptions]);
+};
+
+// src/components/data-table/helpers/sales-channels/use-sales-channel-table-filters.tsx
+var filterHelper2 = createDataTableFilterHelper2();
+var useSalesChannelTableFilters = () => {
+  const { t } = useTranslation5();
+  const dateFilters = useDataTableDateFilters();
+  return useMemo5(
+    () => [
+      filterHelper2.accessor("is_disabled", {
+        label: t("fields.status"),
+        type: "radio",
+        options: [
+          {
+            label: t("general.enabled"),
+            value: "false"
+          },
+          {
+            label: t("general.disabled"),
+            value: "true"
+          }
+        ]
+      }),
+      ...dateFilters
+    ],
+    [dateFilters, t]
+  );
+};
+
+// src/components/data-table/helpers/sales-channels/use-sales-channel-table-query.tsx
+var useSalesChannelTableQuery = ({
+  prefix,
+  pageSize = 20
+}) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "order", "created_at", "updated_at", "is_disabled"],
+    prefix
+  );
+  const { offset, created_at, updated_at, is_disabled, ...rest } = queryObject;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    created_at: created_at ? JSON.parse(created_at) : void 0,
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
+    is_disabled: is_disabled ? JSON.parse(is_disabled) : void 0,
+    ...rest
+  };
+  return searchParams;
+};
+
+export {
+  useSalesChannelTableColumns,
+  useSalesChannelTableEmptyState,
+  useSalesChannelTableFilters,
+  useSalesChannelTableQuery
+};

package/dist/{chunk-BPCU5QJE.js → chunk-HC7FWIMY.js}

@@ -13,27 +13,28 @@ import {
 import {
   StatusCell
 } from "./chunk-DB6ANJBO.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 {
   useApiKeys,
   useDeleteApiKey,
   useRevokeApiKey
-} from "./chunk-NJP3DEE5.js";
+} from "./chunk-ZAANJVLM.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 
 // src/pages/api-key-management/api-key-management-list/api-key-management-list.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/api-key-management/api-key-management-list/components/api-key-management-list-view/api-key-management-list-view.tsx
 import { Children as Children2 } from "react";
@@ -170,7 +171,7 @@ var useApiKeyManagementTableColumns = () => {
         cell: ({ getValue }) => /* @__PURE__ */ jsx2("div", { className: "flex size-full items-center", children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: getValue() }) })
       }),
       columnHelper.accessor("redacted", {
-        header: "Token",
+        header: t("apiKeyManagement.fields.tokenLabel"),
         cell: ({ getValue }) => {
           const token = getValue();
           return /* @__PURE__ */ jsx2(Badge, { size: "2xsmall", children: prettifyRedactedToken(token) });
@@ -379,7 +380,7 @@ var Root = ({ children }) => {
     {
       hasOutlet: true,
       "data-testid": "publishable-api-keys-list-page",
-      children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx6(ApiKeyManagementListView, {})
+      children: /* @__PURE__ */ jsx6(WidgetZone, { id: "api-keys.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx6(ApiKeyManagementListView, {}) })
     }
   );
 };

package/dist/{chunk-YFRC6GEN.js → chunk-HLL6GLZO.js}

@@ -1,9 +1,9 @@
 import {
   shippingOptionsQueryKeys
-} from "./chunk-5TRY5IMZ.js";
+} from "./chunk-Q6GUA5VE.js";
 import {
   stockLocationsQueryKeys
-} from "./chunk-EPHVGD5Z.js";
+} from "./chunk-VXW3BCN2.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-ZBWL72TB.js";
+} from "./chunk-LXZXXOJ3.js";
 
 // src/hooks/api/fulfillment-sets.tsx
 import {

package/dist/{chunk-TLDLOE27.js → chunk-HYDXR5K4.js}

@@ -1,22 +1,22 @@
 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 {
   PRODUCT_IDS_KEY
 } from "./chunk-LO2ZWQGL.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-GRFWCCUW.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -24,16 +24,27 @@ import {
   useBatchProducts,
   useDeleteProduct,
   useProducts
-} from "./chunk-H3MAUKL7.js";
+} from "./chunk-MMKUMSZS.js";
 
 // src/pages/products/product-list/product-list.tsx
 import { Children as Children2 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/products/product-list/components/product-list-table/product-list-table.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";
-import { Button, Container, Heading, toast, usePrompt } from "@medusajs/ui";
+import {
+  Button,
+  Checkbox,
+  Container,
+  Heading,
+  toast,
+  usePrompt
+} from "@medusajs/ui";
 import { keepPreviousData } from "@tanstack/react-query";
-import { createColumnHelper } from "@tanstack/react-table";
+import {
+  createColumnHelper
+} from "@tanstack/react-table";
+import { useExtendableTable } from "@mercurjs/dashboard-shared";
 import { useMemo, useState, Children } from "react";
 import { useTranslation } from "react-i18next";
 import { Link, Outlet, useLoaderData, useNavigate } from "react-router-dom";
@@ -96,8 +107,12 @@ var ProductListDataTable = () => {
       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,
@@ -132,6 +147,7 @@ var ProductListDataTable = () => {
         { key: "created_at", label: t("fields.createdAt") },
         { key: "updated_at", label: t("fields.updatedAt") }
       ],
+      defaultOrder: searchParams.order,
       commands: [
         {
           action: async (rowSelection) => {
@@ -258,9 +274,33 @@ var ProductActions = ({ product }) => {
 var columnHelper = createColumnHelper();
 var useColumns = () => {
   const base = useProductTableColumns();
+  const { columns: extended, filters } = useExtendableTable({
+    model: "product",
+    columns: base
+  });
   const columns = useMemo(
     () => [
-      ...base,
+      columnHelper.display({
+        id: "select",
+        header: ({ table }) => /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
+            onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value),
+            "data-testid": "products-table-header-select-checkbox"
+          }
+        ),
+        cell: ({ row }) => /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: row.getIsSelected(),
+            onCheckedChange: (value) => row.toggleSelected(!!value),
+            onClick: (e) => e.stopPropagation(),
+            "data-testid": `products-table-cell-${row.id}-select-checkbox`
+          }
+        )
+      }),
+      ...extended,
       columnHelper.display({
         id: "actions",
         header: () => /* @__PURE__ */ jsx(
@@ -276,15 +316,15 @@ var useColumns = () => {
         }
       })
     ],
-    [base]
+    [extended]
   );
-  return columns;
+  return { columns, filters };
 };
 
 // src/pages/products/product-list/product-list.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx2("div", { "data-testid": "products-page", children: /* @__PURE__ */ jsx2(SingleColumnPage, { children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx2(ProductListTable, {}) }) });
+  return /* @__PURE__ */ jsx2("div", { "data-testid": "products-page", children: /* @__PURE__ */ jsx2(SingleColumnPage, { children: /* @__PURE__ */ jsx2(WidgetZone, { id: "products.list", children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx2(ProductListTable, {}) }) }) });
 };
 var ProductListPage = Object.assign(Root, {
   Table: ProductListTable,

package/dist/{chunk-X45JKZYW.js → chunk-I5FOWDOM.js}

@@ -9,10 +9,6 @@ import {
 import {
   formatProvider
 } from "./chunk-VW56KWO2.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-NQEXDLYH.js";
 import {
   currencies
 } from "./chunk-IQPN4PZJ.js";
@@ -22,14 +18,18 @@ import {
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-GRFWCCUW.js";
 import {
   useDeleteRegion,
   useRegion,
   useUpdateRegion
-} from "./chunk-ESPLVOFC.js";
+} from "./chunk-VHCDSNXF.js";
 import {
   usePricePreferences
-} from "./chunk-VDKOJ5WD.js";
+} from "./chunk-GYRTURN7.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -396,6 +396,9 @@ var RegionActions = ({ region }) => {
   );
 };
 
+// src/pages/regions/region-detail/region-detail.tsx
+import { WidgetZone } from "@mercurjs/dashboard-shared";
+
 // src/pages/regions/region-detail/constants.ts
 var REGION_DETAIL_FIELDS = "*payment_providers,*countries,+automatic_taxes";
 
@@ -437,7 +440,7 @@ var Root = ({ children }) => {
   if (isPreferencesError) {
     throw preferencesError;
   }
-  return Children.count(children) > 0 ? /* @__PURE__ */ jsx3(SingleColumnPage, { data: region, showMetadata: true, showJSON: true, children }) : /* @__PURE__ */ jsxs3(SingleColumnPage, { data: region, showMetadata: true, showJSON: true, children: [
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx3(SingleColumnPage, { data: region, showMetadata: true, showJSON: true, children }) : /* @__PURE__ */ jsx3(SingleColumnPage, { data: region, showMetadata: true, showJSON: true, children: /* @__PURE__ */ jsxs3(WidgetZone, { id: "regions.detail.main", data: region, children: [
     /* @__PURE__ */ jsx3(
       RegionGeneralSection,
       {
@@ -446,7 +449,7 @@ var Root = ({ children }) => {
       }
     ),
     /* @__PURE__ */ jsx3(RegionCountrySection, { region })
-  ] });
+  ] }) });
 };
 var RegionDetailPage = Object.assign(Root, {
   GeneralSection: RegionGeneralSection,