@mercurjs/admin 2.2.1 → 2.3.0-canary.0

package/dist/chunk-HX7X3XN2.js

@@ -0,0 +1,359 @@
+import {
+  StarRating,
+  getReviewStatusColor,
+  useDeleteReviewAction
+} from "./chunk-OS6DZEKB.js";
+import {
+  useReviews
+} from "./chunk-NN2AWPC7.js";
+import {
+  DateCell
+} from "./chunk-25LYVP3C.js";
+import {
+  StatusCell
+} from "./chunk-DB6ANJBO.js";
+import {
+  SingleColumnPage
+} from "./chunk-H6MYB7GB.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-BSXBRI23.js";
+import {
+  useCustomers
+} from "./chunk-XWOFQSGH.js";
+import {
+  useSellers
+} from "./chunk-HRMANL53.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+
+// src/pages/reviews/review-list/review-list.tsx
+import { Children as Children2 } from "react";
+
+// src/pages/reviews/review-list/components/review-list-table.tsx
+import { PencilSquare, Star, Trash } from "@medusajs/icons";
+import { Container, Heading, Text } from "@medusajs/ui";
+import { keepPreviousData } from "@tanstack/react-query";
+import { createColumnHelper } from "@tanstack/react-table";
+import { Children, useMemo as useMemo2 } from "react";
+import { useTranslation as useTranslation2 } from "react-i18next";
+
+// src/pages/reviews/review-list/use-review-table-filters.tsx
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+var useReviewTableFilters = () => {
+  const { t } = useTranslation();
+  const { sellers } = useSellers({ limit: 100, fields: "id,name" });
+  const { customers } = useCustomers({
+    limit: 100,
+    fields: "id,first_name,last_name,email"
+  });
+  return useMemo(() => {
+    const ratingFilter = {
+      key: "rating",
+      label: t("reviews.fields.rating"),
+      type: "select",
+      multiple: true,
+      options: [1, 2, 3, 4, 5].map((value) => ({
+        label: t("reviews.filters.stars", { count: value }),
+        value: String(value)
+      }))
+    };
+    const storeFilter = {
+      key: "seller_id",
+      label: t("reviews.fields.store"),
+      type: "select",
+      searchable: true,
+      options: (sellers ?? []).map((seller) => ({
+        label: seller.name,
+        value: seller.id
+      }))
+    };
+    const customerFilter = {
+      key: "customer_id",
+      label: t("reviews.fields.customer"),
+      type: "select",
+      searchable: true,
+      options: (customers ?? []).map((customer) => ({
+        label: [customer.first_name, customer.last_name].filter(Boolean).join(" ") || customer.email || customer.id,
+        value: customer.id
+      }))
+    };
+    const createdFilter = {
+      key: "created_at",
+      label: t("fields.createdAt"),
+      type: "date"
+    };
+    const statusFilter = {
+      key: "status",
+      label: t("reviews.fields.status"),
+      type: "select",
+      multiple: true,
+      options: ["pending", "published", "rejected"].map(
+        (value) => ({
+          label: t(`reviews.status.${value}`),
+          value
+        })
+      )
+    };
+    return [
+      ratingFilter,
+      storeFilter,
+      customerFilter,
+      createdFilter,
+      statusFilter
+    ];
+  }, [t, sellers, customers]);
+};
+
+// src/pages/reviews/review-list/use-review-table-query.tsx
+var useReviewTableQuery = ({
+  prefix,
+  pageSize = 20
+}) => {
+  const queryObject = useQueryParams(
+    [
+      "offset",
+      "q",
+      "order",
+      "created_at",
+      "updated_at",
+      "rating",
+      "status",
+      "seller_id",
+      "customer_id"
+    ],
+    prefix
+  );
+  const {
+    offset,
+    q,
+    order,
+    created_at,
+    updated_at,
+    rating,
+    status,
+    seller_id,
+    customer_id
+  } = queryObject;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    order: order ? order : "-created_at",
+    created_at: created_at ? JSON.parse(created_at) : void 0,
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
+    rating: rating ? rating.split(",").map(Number) : void 0,
+    status: status ? status.split(",") : void 0,
+    seller_id: seller_id ? seller_id.split(",") : void 0,
+    customer_id: customer_id ? customer_id.split(",") : void 0,
+    q
+  };
+  return {
+    searchParams,
+    raw: queryObject
+  };
+};
+
+// src/pages/reviews/review-list/components/review-list-table.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var PAGE_SIZE = 20;
+var ReviewListTitle = () => {
+  const { t } = useTranslation2();
+  return /* @__PURE__ */ jsx(Heading, { level: "h2", "data-testid": "review-list-table-heading", children: t("reviews.domain") });
+};
+var ReviewListHeader = ({ children }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "flex items-center justify-between px-6 py-4",
+      "data-testid": "review-list-table-header",
+      children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx(ReviewListTitle, {})
+    }
+  );
+};
+var ReviewActions = ({ review }) => {
+  const { t } = useTranslation2();
+  const handleDelete = useDeleteReviewAction(review.id);
+  return /* @__PURE__ */ jsx(
+    ActionMenu,
+    {
+      groups: [
+        {
+          actions: [
+            {
+              icon: /* @__PURE__ */ jsx(PencilSquare, {}),
+              label: t("actions.edit"),
+              to: `/reviews/${review.id}/edit`
+            }
+          ]
+        },
+        {
+          actions: [
+            {
+              icon: /* @__PURE__ */ jsx(Trash, {}),
+              label: t("actions.delete"),
+              onClick: handleDelete
+            }
+          ]
+        }
+      ],
+      "data-testid": `review-list-table-action-menu-${review.id}`
+    }
+  );
+};
+var columnHelper = createColumnHelper();
+var useColumns = () => {
+  const { t } = useTranslation2();
+  return useMemo2(
+    () => [
+      columnHelper.accessor("display_id", {
+        header: t("reviews.fields.id"),
+        cell: ({ getValue }) => /* @__PURE__ */ jsxs(Text, { size: "small", leading: "compact", className: "truncate", children: [
+          "#",
+          getValue()
+        ] })
+      }),
+      columnHelper.accessor("rating", {
+        header: t("reviews.fields.rating"),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx(StarRating, { rating: getValue() })
+      }),
+      columnHelper.accessor("customer_note", {
+        header: t("reviews.fields.content"),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx("div", { className: "w-[240px]", children: /* @__PURE__ */ jsx(
+          Text,
+          {
+            size: "small",
+            leading: "compact",
+            className: "text-ui-fg-subtle line-clamp-3",
+            children: getValue() || "-"
+          }
+        ) })
+      }),
+      columnHelper.accessor("seller", {
+        header: t("reviews.fields.store"),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", className: "truncate", children: getValue()?.name || "-" })
+      }),
+      columnHelper.accessor("customer", {
+        header: t("reviews.fields.customer"),
+        cell: ({ getValue }) => {
+          const customer = getValue();
+          const name = customer ? [customer.first_name, customer.last_name].filter(Boolean).join(" ") : "";
+          return /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", className: "truncate", children: name || "-" });
+        }
+      }),
+      columnHelper.accessor("created_at", {
+        header: t("reviews.fields.date"),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx(DateCell, { date: getValue() })
+      }),
+      columnHelper.accessor("status", {
+        header: t("reviews.fields.status"),
+        cell: ({ getValue }) => {
+          const status = getValue();
+          return /* @__PURE__ */ jsx(StatusCell, { color: getReviewStatusColor(status), children: t(`reviews.status.${status}`) });
+        }
+      }),
+      columnHelper.accessor("seller_note", {
+        header: t("reviews.fields.response"),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx("div", { className: "w-[240px]", children: /* @__PURE__ */ jsx(
+          Text,
+          {
+            size: "small",
+            leading: "compact",
+            className: "text-ui-fg-subtle line-clamp-3",
+            children: getValue() || "-"
+          }
+        ) })
+      }),
+      columnHelper.display({
+        id: "actions",
+        cell: ({ row }) => /* @__PURE__ */ jsx(ReviewActions, { review: row.original })
+      })
+    ],
+    [t]
+  );
+};
+var ReviewListDataTable = () => {
+  const { t } = useTranslation2();
+  const { raw, searchParams } = useReviewTableQuery({ pageSize: PAGE_SIZE });
+  const filters = useReviewTableFilters();
+  const { reviews, count, isPending, isError, error } = useReviews(
+    searchParams,
+    { placeholderData: keepPreviousData }
+  );
+  const columns = useColumns();
+  const { table } = useDataTable({
+    data: reviews ?? [],
+    columns,
+    count,
+    enablePagination: true,
+    getRowId: (row) => row.id,
+    pageSize: PAGE_SIZE
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx(
+    _DataTable,
+    {
+      table,
+      columns,
+      count,
+      pageSize: PAGE_SIZE,
+      pagination: true,
+      search: true,
+      filters,
+      navigateTo: (row) => row.id,
+      isLoading: isPending,
+      queryObject: raw,
+      defaultOrder: "-created_at",
+      orderBy: [
+        { key: "display_id", label: t("reviews.fields.id") },
+        { key: "created_at", label: t("fields.createdAt") },
+        { key: "updated_at", label: t("fields.updatedAt") }
+      ],
+      noRecords: {
+        title: t("reviews.list.noRecordsTitle"),
+        message: t("reviews.list.noRecordsMessage"),
+        icon: /* @__PURE__ */ jsx(Star, {})
+      },
+      noResults: {
+        icon: /* @__PURE__ */ jsx(Star, {})
+      },
+      "data-testid": "review-list-table"
+    }
+  );
+};
+var ReviewListTable = ({ children }) => {
+  return /* @__PURE__ */ jsx(
+    Container,
+    {
+      className: "divide-y p-0",
+      "data-testid": "review-list-table-container",
+      children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(ReviewListHeader, {}),
+        /* @__PURE__ */ jsx(ReviewListDataTable, {})
+      ] })
+    }
+  );
+};
+
+// src/pages/reviews/review-list/review-list.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  return /* @__PURE__ */ jsx2(SingleColumnPage, { hasOutlet: true, children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx2(ReviewListTable, {}) });
+};
+var ReviewListPage = Object.assign(Root, {
+  Table: ReviewListTable,
+  Header: ReviewListHeader,
+  HeaderTitle: ReviewListTitle,
+  DataTable: ReviewListDataTable
+});
+
+export {
+  ReviewListPage
+};

package/dist/{chunk-2W4YIJYV.js → chunk-I4WBDDWN.js}

@@ -1,6 +1,6 @@
 import {
   productsQueryKeys
-} from "./chunk-QE57IFSR.js";
+} from "./chunk-Z476HUMI.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-JTAECZCT.js";
+} from "./chunk-DTGEFKK4.js";
 
 // src/hooks/api/collections.tsx
 import {

package/dist/{chunk-MRM5VNUM.js → chunk-IEFMUOVU.js}

@@ -19,7 +19,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-NEURB6JB.js";
+} from "./chunk-BSXBRI23.js";
 
 // src/pages/locations/common/components/geo-zone-form/geo-zone-form.tsx
 import { Button as Button2, Checkbox } from "@medusajs/ui";

package/dist/{chunk-PEPANIBF.js → chunk-IZ77JV46.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-BDGZ4EQO.js";
 import {
   useUpdateProduct
-} from "./chunk-QE57IFSR.js";
+} from "./chunk-Z476HUMI.js";
 
 // src/pages/products/product-detail/components/product-media-section/product-media-section.tsx
 import { PencilSquare, ThumbnailBadge } from "@medusajs/icons";

package/dist/{chunk-JU5ALCEN.js → chunk-J4SYK3RT.js}

@@ -1,9 +1,9 @@
 import {
   useCampaigns
-} from "./chunk-RLOKMTTN.js";
+} from "./chunk-E5PC2WDZ.js";
 import {
   useSellers
-} from "./chunk-6HHMZ2QV.js";
+} from "./chunk-HRMANL53.js";
 
 // src/hooks/table/filters/use-promotion-table-filters.tsx
 import { useTranslation } from "react-i18next";

package/dist/{chunk-MXLSIF5V.js → chunk-JC2FFAMW.js}

@@ -1,6 +1,6 @@
 import {
   productsQueryKeys
-} from "./chunk-QE57IFSR.js";
+} from "./chunk-Z476HUMI.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-JTAECZCT.js";
+} from "./chunk-DTGEFKK4.js";
 
 // src/hooks/api/sales-channels.tsx
 import {

package/dist/{chunk-R7Q23SWH.js → chunk-JCGEIG3Y.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-XFR5JLNF.js";
 import {
   UserLink
-} from "./chunk-RTPQHQEK.js";
+} from "./chunk-6ASLWQB3.js";
 import {
   useSalesChannelTableColumns,
   useSalesChannelTableEmptyState,
@@ -26,16 +26,16 @@ import {
   useBatchRemoveSalesChannelsFromApiKey,
   useDeleteApiKey,
   useRevokeApiKey
-} from "./chunk-FRUJ3RNF.js";
+} from "./chunk-ALJIXUKL.js";
 import {
   useUser
-} from "./chunk-D6RWXLO6.js";
+} from "./chunk-2NOIR4BR.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 import {
   useSalesChannels
-} from "./chunk-MXLSIF5V.js";
+} from "./chunk-JC2FFAMW.js";
 import {
   SingleColumnPageSkeleton,
   Skeleton

package/dist/{chunk-34AHGPLC.js → chunk-JL3NKSLJ.js}

@@ -1,15 +1,15 @@
 import {
   useProductTypes
-} from "./chunk-K6FC5Y72.js";
+} from "./chunk-AEBQQ2EG.js";
 import {
   useDeleteCommissionRule
-} from "./chunk-D5FHUQQK.js";
+} from "./chunk-CMVQ5SAG.js";
 import {
   useSellers
-} from "./chunk-6HHMZ2QV.js";
+} from "./chunk-HRMANL53.js";
 import {
   useProductCategories
-} from "./chunk-C3SCJHQN.js";
+} from "./chunk-SQ7J4KTS.js";
 
 // src/pages/commissions/common/hooks/use-delete-commission-rule-action.tsx
 import { toast, usePrompt } from "@medusajs/ui";

package/dist/{chunk-3PWLO7XZ.js → chunk-JQEAWWRP.js}

@@ -1,12 +1,12 @@
 import {
   useCustomers
-} from "./chunk-HOOIU4KF.js";
+} from "./chunk-XWOFQSGH.js";
 import {
   useSellers
-} from "./chunk-6HHMZ2QV.js";
+} from "./chunk-HRMANL53.js";
 import {
   useSalesChannels
-} from "./chunk-MXLSIF5V.js";
+} from "./chunk-JC2FFAMW.js";
 
 // src/pages/orders/order-list/components/order-list-table/use-order-table-filters.tsx
 import { useMemo } from "react";

package/dist/{chunk-UGKLN2X6.js → chunk-JW4YZDH6.js}

@@ -1,12 +1,12 @@
 import {
   getCollectionGallery
-} from "./chunk-TSM7EZND.js";
+} from "./chunk-YWMY2I7B.js";
 import {
   TextCell
 } from "./chunk-JHIMVLB2.js";
 import {
   Thumbnail
-} from "./chunk-WIYFXWRI.js";
+} from "./chunk-U3I6S3RO.js";
 
 // src/hooks/table/columns/use-collection-table-columns.tsx
 import { createColumnHelper } from "@tanstack/react-table";

package/dist/{chunk-J4MVHPVY.js → chunk-JW5SGRFC.js}

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

package/dist/{chunk-SWHRBO6C.js → chunk-KA2JYXWT.js}

@@ -13,11 +13,11 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-NEURB6JB.js";
+} from "./chunk-BSXBRI23.js";
 import {
   useDeleteRegion,
   useRegions
-} from "./chunk-IXC4VZBU.js";
+} from "./chunk-2SCR7R3C.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";

package/dist/{chunk-PD34CJ6T.js → chunk-KG2PDEFS.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-XQNVC4Q7.js";
 import {
   useMe
-} from "./chunk-D6RWXLO6.js";
+} from "./chunk-2NOIR4BR.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";