@mercurjs/admin 2.2.1 → 2.3.0-canary.0

package/dist/{chunk-OEOLRONP.js → chunk-HBNQ3R3P.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-QG6PLWNH.js";
 import {
   useCustomerTableFilters
-} from "./chunk-ENWEPNEB.js";
+} from "./chunk-R22UAHRF.js";
 import {
   useCustomerTableQuery
 } from "./chunk-GRH7C3QN.js";
@@ -13,10 +13,10 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-NEURB6JB.js";
+} from "./chunk-BSXBRI23.js";
 import {
   useCustomers
-} from "./chunk-HOOIU4KF.js";
+} from "./chunk-XWOFQSGH.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";

package/dist/{chunk-JZZLMXG4.js → chunk-HFCJJJKP.js}

@@ -1,12 +1,12 @@
 import {
   CreateCampaignFormFields
-} from "./chunk-TF643ZL6.js";
+} from "./chunk-6Q2JZ5YN.js";
 import {
   useComboboxData
 } from "./chunk-5KGMGL4N.js";
 import {
   Combobox
-} from "./chunk-AW77UWCZ.js";
+} from "./chunk-SR3DYN52.js";
 import {
   KeyboundForm
 } from "./chunk-SITRHMZZ.js";
@@ -20,13 +20,13 @@ import {
 import {
   useCampaign,
   useUpdatePromotion
-} from "./chunk-RLOKMTTN.js";
+} from "./chunk-E5PC2WDZ.js";
 import {
   useDocumentDirection
 } from "./chunk-Y7QKP6QU.js";
 import {
   sdk
-} from "./chunk-JTAECZCT.js";
+} from "./chunk-DTGEFKK4.js";
 
 // src/pages/promotions/promotion-add-campaign/components/add-campaign-promotion-form/add-campaign-promotion-form.tsx
 import { zodResolver } from "@hookform/resolvers/zod";

package/dist/{chunk-IKKZCYFE.js → chunk-HFMAEJN2.js}

@@ -1,20 +1,23 @@
 import {
   useCampaignTableColumns
-} from "./chunk-HINXQTCW.js";
+} from "./chunk-RKFEXC2J.js";
 import {
   useCampaignTableQuery
-} from "./chunk-DY3XQPHC.js";
+} from "./chunk-LISOKQBZ.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-NEURB6JB.js";
+} from "./chunk-BSXBRI23.js";
 import {
   useCampaigns,
   useDeleteCampaign
-} from "./chunk-RLOKMTTN.js";
+} from "./chunk-E5PC2WDZ.js";
+import {
+  useSellers
+} from "./chunk-HRMANL53.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -29,17 +32,66 @@ import { Button, Container, Heading, toast, usePrompt } from "@medusajs/ui";
 import { keepPreviousData } from "@tanstack/react-query";
 import { createColumnHelper } from "@tanstack/react-table";
 import { useExtendableTable, useLinkQuery } from "@mercurjs/dashboard-shared";
-import { Children, useMemo } from "react";
-import { useTranslation } from "react-i18next";
+import { Children, useMemo as useMemo2 } from "react";
+import { useTranslation as useTranslation2 } from "react-i18next";
 import { Link } from "react-router-dom";
+
+// src/hooks/table/filters/use-campaign-table-filters.tsx
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+var useCampaignTableFilters = () => {
+  const { t } = useTranslation();
+  const { sellers } = useSellers({ limit: 100, fields: "id,name" });
+  return useMemo(() => {
+    const typeFilter = {
+      key: "budget_type",
+      label: t("campaigns.fields.type"),
+      type: "select",
+      options: [
+        { label: t("campaigns.budget.type.usage.title"), value: "usage" },
+        { label: t("campaigns.budget.type.spend.title"), value: "spend" }
+      ]
+    };
+    const ownerFilter = {
+      key: "seller_id",
+      label: t("campaigns.fields.owner"),
+      type: "select",
+      searchable: true,
+      options: [
+        { label: t("campaigns.fields.platformOwner"), value: "platform" },
+        ...(sellers ?? []).map((seller) => ({
+          label: seller.name,
+          value: seller.id
+        }))
+      ]
+    };
+    const statusFilter = {
+      key: "status",
+      label: t("fields.status"),
+      type: "select",
+      options: [
+        { label: t("campaigns.status.active"), value: "active" },
+        { label: t("campaigns.status.expired"), value: "expired" },
+        { label: t("campaigns.status.scheduled"), value: "scheduled" }
+      ]
+    };
+    const dateFilters = [
+      { label: t("fields.createdAt"), key: "created_at", type: "date" },
+      { label: t("fields.updatedAt"), key: "updated_at", type: "date" }
+    ];
+    return [typeFilter, ownerFilter, statusFilter, ...dateFilters];
+  }, [t, sellers]);
+};
+
+// src/pages/campaigns/campaign-list/components/campaign-list-table.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var PAGE_SIZE = 20;
 var CampaignListTitle = () => {
-  const { t } = useTranslation();
+  const { t } = useTranslation2();
   return /* @__PURE__ */ jsx(Heading, { level: "h2", "data-testid": "campaign-list-table-heading", children: t("campaigns.domain") });
 };
 var CampaignListCreateButton = () => {
-  const { t } = useTranslation();
+  const { t } = useTranslation2();
   return /* @__PURE__ */ jsx(Link, { to: "/campaigns/create", children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", "data-testid": "campaign-list-table-create-button", children: t("actions.create") }) });
 };
 var CampaignListActions = ({ children }) => {
@@ -59,9 +111,10 @@ var CampaignListHeader = ({ children }) => {
   );
 };
 var CampaignListDataTable = () => {
-  const { t } = useTranslation();
+  const { t } = useTranslation2();
   const { raw, searchParams } = useCampaignTableQuery({ pageSize: PAGE_SIZE });
-  const linkQuery = useLinkQuery("campaign");
+  const filters = useCampaignTableFilters();
+  const linkQuery = useLinkQuery("campaign", searchParams.fields);
   const {
     campaigns,
     count,
@@ -95,9 +148,11 @@ var CampaignListDataTable = () => {
       pageSize: PAGE_SIZE,
       pagination: true,
       search: true,
+      filters,
       navigateTo: (row) => row.id,
       isLoading,
       queryObject: raw,
+      defaultOrder: "-created_at",
       orderBy: [
         { key: "name", label: t("fields.name") },
         { key: "created_at", label: t("fields.createdAt") },
@@ -114,17 +169,15 @@ var CampaignListTable = ({ children }) => {
   ] }) });
 };
 var CampaignActions = ({ campaign }) => {
-  const { t } = useTranslation();
+  const { t } = useTranslation2();
   const prompt = usePrompt();
   const { mutateAsync } = useDeleteCampaign(campaign.id);
   const handleDelete = async () => {
     const confirm = await prompt({
-      title: t("general.areYouSure"),
-      description: t("campaigns.deleteCampaignWarning", {
+      title: t("campaigns.delete.title"),
+      description: t("campaigns.delete.description", {
         name: campaign.name
       }),
-      verificationInstruction: t("general.typeToConfirm"),
-      verificationText: campaign.name,
       confirmText: t("actions.delete"),
       cancelText: t("actions.cancel")
     });
@@ -133,9 +186,7 @@ var CampaignActions = ({ campaign }) => {
     }
     await mutateAsync(void 0, {
       onSuccess: () => {
-        toast.success(
-          t("campaigns.delete.successToast", { name: campaign.name })
-        );
+        toast.success(t("campaigns.delete.successToast"));
       },
       onError: (e) => {
         toast.error(e.message);
@@ -176,7 +227,7 @@ var useColumns = () => {
     model: "campaign",
     columns: base
   });
-  return useMemo(
+  return useMemo2(
     () => [
       ...extended,
       columnHelper.display({

package/dist/chunk-HJACC6KV.js

@@ -0,0 +1,212 @@
+import {
+  SidebarLink
+} from "./chunk-UST2RGWB.js";
+import {
+  StarRating,
+  getReviewStatusColor,
+  useDeleteReviewAction
+} from "./chunk-OS6DZEKB.js";
+import {
+  useReview
+} from "./chunk-NN2AWPC7.js";
+import {
+  TwoColumnPage
+} from "./chunk-E74OUNA3.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  TwoColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
+
+// src/pages/reviews/review-detail/review-detail.tsx
+import { Children } from "react";
+import { useLoaderData, useParams } from "react-router-dom";
+
+// src/pages/reviews/review-detail/constants.ts
+var REVIEW_DETAIL_FIELDS = "id,display_id,reference,rating,customer_note,seller_note,status,created_at,updated_at,customer.id,customer.first_name,customer.last_name,customer.email,order.id,order.display_id,order.created_at,seller.id,seller.name,seller.email";
+
+// src/pages/reviews/review-detail/components/review-general-section.tsx
+import { PencilSquare, Trash } from "@medusajs/icons";
+import { Button, Container, Heading, StatusBadge, Text } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { Link } from "react-router-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Row = ({ label, children }) => /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+  /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: label }),
+  /* @__PURE__ */ jsx("div", { className: "text-ui-fg-subtle", children })
+] });
+var ReviewGeneralSection = ({ review }) => {
+  const { t } = useTranslation();
+  const handleDelete = useDeleteReviewAction(review.id, true);
+  const hasResponse = Boolean(review.seller_note);
+  const createdAt = new Date(review.created_at).toLocaleString(void 0, {
+    year: "numeric",
+    month: "short",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", "data-testid": "review-general-section", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs(Heading, { children: [
+          "#",
+          review.display_id
+        ] }),
+        /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: createdAt })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+        /* @__PURE__ */ jsx(StatusBadge, { color: getReviewStatusColor(review.status), children: t(`reviews.status.${review.status}`) }),
+        /* @__PURE__ */ jsx(
+          ActionMenu,
+          {
+            groups: [
+              {
+                actions: [
+                  {
+                    icon: /* @__PURE__ */ jsx(PencilSquare, {}),
+                    label: t("actions.edit"),
+                    to: "edit"
+                  }
+                ]
+              },
+              {
+                actions: [
+                  {
+                    icon: /* @__PURE__ */ jsx(Trash, {}),
+                    label: t("actions.delete"),
+                    onClick: handleDelete
+                  }
+                ]
+              }
+            ],
+            "data-testid": "review-general-section-action-menu"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Row, { label: t("reviews.fields.rating"), children: /* @__PURE__ */ jsx(StarRating, { rating: review.rating }) }),
+    /* @__PURE__ */ jsx(Row, { label: t("reviews.fields.content"), children: /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: review.customer_note || "-" }) }),
+    /* @__PURE__ */ jsx(Row, { label: t("reviews.fields.response"), children: /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: review.seller_note || "-" }) }),
+    !hasResponse && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end px-6 py-4", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "small",
+        variant: "secondary",
+        asChild: true,
+        "data-testid": "review-general-section-respond-button",
+        children: /* @__PURE__ */ jsx(Link, { to: "respond", children: t("reviews.respond.action") })
+      }
+    ) })
+  ] });
+};
+
+// src/pages/reviews/review-detail/components/review-sidebar-sections.tsx
+import { BuildingStorefront, ShoppingCart, User } from "@medusajs/icons";
+import { Container as Container2, Heading as Heading2 } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var SidebarCard = ({
+  title,
+  children
+}) => /* @__PURE__ */ jsxs2(Container2, { className: "divide-y p-0", children: [
+  /* @__PURE__ */ jsx2("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx2(Heading2, { level: "h2", children: title }) }),
+  children
+] });
+var ReviewCustomerSection = ({ review }) => {
+  const { t } = useTranslation2();
+  const customer = review.customer;
+  if (!customer) {
+    return null;
+  }
+  const name = [customer.first_name, customer.last_name].filter(Boolean).join(" ") || customer.email || customer.id;
+  return /* @__PURE__ */ jsx2(SidebarCard, { title: t("reviews.detail.customer"), children: /* @__PURE__ */ jsx2(
+    SidebarLink,
+    {
+      to: `/customers/${customer.id}`,
+      labelKey: name,
+      descriptionKey: customer.email ?? "",
+      icon: /* @__PURE__ */ jsx2(User, {}),
+      dataTestid: "review-customer-link"
+    }
+  ) });
+};
+var ReviewOrderSection = ({ review }) => {
+  const { t } = useTranslation2();
+  const order = review.order;
+  if (!order) {
+    return null;
+  }
+  const date = order.created_at ? new Date(order.created_at).toLocaleString(void 0, {
+    year: "numeric",
+    month: "short",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  }) : void 0;
+  return /* @__PURE__ */ jsx2(SidebarCard, { title: t("reviews.detail.order"), children: /* @__PURE__ */ jsx2(
+    SidebarLink,
+    {
+      to: `/orders/${order.id}`,
+      labelKey: `#${order.display_id}`,
+      descriptionKey: date ?? "",
+      icon: /* @__PURE__ */ jsx2(ShoppingCart, {}),
+      dataTestid: "review-order-link"
+    }
+  ) });
+};
+var ReviewStoreSection = ({ review }) => {
+  const { t } = useTranslation2();
+  const seller = review.seller;
+  if (!seller) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx2(SidebarCard, { title: t("reviews.detail.store"), children: /* @__PURE__ */ jsx2(
+    SidebarLink,
+    {
+      to: `/stores/${seller.id}`,
+      labelKey: seller.name,
+      descriptionKey: seller.email ?? "",
+      icon: /* @__PURE__ */ jsx2(BuildingStorefront, {}),
+      dataTestid: "review-store-link"
+    }
+  ) });
+};
+
+// src/pages/reviews/review-detail/review-detail.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  const initialData = useLoaderData();
+  const { id } = useParams();
+  const { review, isLoading, isError, error } = useReview(
+    id,
+    { fields: REVIEW_DETAIL_FIELDS },
+    { initialData }
+  );
+  if (isLoading || !review) {
+    return /* @__PURE__ */ jsx3(TwoColumnPageSkeleton, { mainSections: 1, sidebarSections: 3 });
+  }
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs3(TwoColumnPage, { hasOutlet: true, data: review, "data-testid": "review-detail-page", children: [
+    /* @__PURE__ */ jsx3(TwoColumnPage.Main, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx3(ReviewGeneralSection, { review }) }),
+    /* @__PURE__ */ jsxs3(TwoColumnPage.Sidebar, { children: [
+      /* @__PURE__ */ jsx3(ReviewCustomerSection, { review }),
+      /* @__PURE__ */ jsx3(ReviewOrderSection, { review }),
+      /* @__PURE__ */ jsx3(ReviewStoreSection, { review })
+    ] })
+  ] });
+};
+var ReviewDetailPage = Object.assign(Root, {
+  General: ReviewGeneralSection,
+  Customer: ReviewCustomerSection,
+  Order: ReviewOrderSection,
+  Store: ReviewStoreSection
+});
+
+export {
+  REVIEW_DETAIL_FIELDS,
+  ReviewDetailPage
+};

package/dist/{chunk-6HHMZ2QV.js → chunk-HRMANL53.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-JTAECZCT.js";
+} from "./chunk-DTGEFKK4.js";
 
 // src/hooks/api/sellers.tsx
 import {