@mercurjs/vendor 2.2.1 → 2.3.0-canary.0

package/dist/{[id]-47SUX5X3.js → [id]-3IFUEMOA.js}

@@ -3,15 +3,16 @@ import {
 } from "./chunk-MDFKI2FL.js";
 import {
   useProductTableColumns
-} from "./chunk-3GSR455R.js";
-import "./chunk-S2VYK3YC.js";
+} from "./chunk-NQMHP2LC.js";
+import "./chunk-6XMUN2BZ.js";
+import "./chunk-WI2ZAFZF.js";
 import {
   useProductTableQuery
 } from "./chunk-BEPAXQMU.js";
 import "./chunk-FWPGOIFA.js";
 import {
   useProductTableFilters
-} from "./chunk-ZXDMPIXN.js";
+} from "./chunk-U3OEGBHH.js";
 import "./chunk-DB6ANJBO.js";
 import "./chunk-PHOCVOZ5.js";
 import {
@@ -21,13 +22,13 @@ import "./chunk-FQERBIVS.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-IWAL74YU.js";
+} from "./chunk-6GQLSWOO.js";
 import "./chunk-YN3FGNJM.js";
 import "./chunk-KCHYLLVG.js";
 import "./chunk-3EF54XFY.js";
 import "./chunk-THHRRYRS.js";
 import "./chunk-LRD242C7.js";
-import "./chunk-4UQMRTSC.js";
+import "./chunk-VH3TGSWE.js";
 import "./chunk-WIYFXWRI.js";
 import {
   SingleColumnPageSkeleton
@@ -38,7 +39,7 @@ import {
 import "./chunk-LAVHRER2.js";
 import "./chunk-QHQWEERJ.js";
 import "./chunk-Y7QKP6QU.js";
-import "./chunk-RLRWDHME.js";
+import "./chunk-6YQR2AWM.js";
 import "./chunk-K5324KIX.js";
 import "./chunk-FV76G2D7.js";
 import "./chunk-GHDLST2P.js";
@@ -47,7 +48,8 @@ import {
   productTypesQueryKeys,
   useProductType
 } from "./chunk-L2NJPDUD.js";
-import "./chunk-2S2WK2OG.js";
+import "./chunk-7LIENHWP.js";
+import "./chunk-NV2RZAHW.js";
 import "./chunk-MR6REQKT.js";
 import "./chunk-EPSDO2MJ.js";
 import "./chunk-BHEU34FL.js";
@@ -58,9 +60,10 @@ import "./chunk-J2XUEO2E.js";
 import "./chunk-DETQ6IBQ.js";
 import "./chunk-VWPNMEOE.js";
 import "./chunk-O72AIZUN.js";
-import "./chunk-U5V6HNVW.js";
+import "./chunk-GL3XVUAY.js";
 import "./chunk-PF7R7LMW.js";
-import "./chunk-OGUTFP6B.js";
+import "./chunk-JYUHDM23.js";
+import "./chunk-7POOMBIN.js";
 import "./chunk-4U2BLH45.js";
 import {
   useProducts

package/dist/{[id]-PIB2DEVI.js → [id]-3NM7G2QP.js}

@@ -9,8 +9,9 @@ import {
 } from "./chunk-LYYM7H7H.js";
 import {
   useProductTableColumns
-} from "./chunk-3GSR455R.js";
-import "./chunk-S2VYK3YC.js";
+} from "./chunk-NQMHP2LC.js";
+import "./chunk-6XMUN2BZ.js";
+import "./chunk-WI2ZAFZF.js";
 import {
   useProductTableQuery
 } from "./chunk-BEPAXQMU.js";
@@ -24,13 +25,13 @@ import "./chunk-FQERBIVS.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-IWAL74YU.js";
+} from "./chunk-6GQLSWOO.js";
 import "./chunk-YN3FGNJM.js";
 import "./chunk-KCHYLLVG.js";
 import "./chunk-3EF54XFY.js";
 import "./chunk-THHRRYRS.js";
 import "./chunk-LRD242C7.js";
-import "./chunk-4UQMRTSC.js";
+import "./chunk-VH3TGSWE.js";
 import "./chunk-WIYFXWRI.js";
 import {
   Skeleton,
@@ -38,13 +39,14 @@ import {
 } from "./chunk-INNFZYX2.js";
 import "./chunk-QHQWEERJ.js";
 import "./chunk-Y7QKP6QU.js";
-import "./chunk-RLRWDHME.js";
+import "./chunk-6YQR2AWM.js";
 import "./chunk-K5324KIX.js";
 import "./chunk-FV76G2D7.js";
 import "./chunk-GHDLST2P.js";
 import "./chunk-YVYYOBAE.js";
 import "./chunk-L2NJPDUD.js";
-import "./chunk-2S2WK2OG.js";
+import "./chunk-7LIENHWP.js";
+import "./chunk-NV2RZAHW.js";
 import "./chunk-MR6REQKT.js";
 import "./chunk-EPSDO2MJ.js";
 import "./chunk-BHEU34FL.js";
@@ -58,9 +60,10 @@ import {
 } from "./chunk-DETQ6IBQ.js";
 import "./chunk-VWPNMEOE.js";
 import "./chunk-O72AIZUN.js";
-import "./chunk-U5V6HNVW.js";
+import "./chunk-GL3XVUAY.js";
 import "./chunk-PF7R7LMW.js";
-import "./chunk-OGUTFP6B.js";
+import "./chunk-JYUHDM23.js";
+import "./chunk-7POOMBIN.js";
 import "./chunk-4U2BLH45.js";
 import {
   useProducts

package/dist/[id]-3TCOLUQH.js

@@ -0,0 +1,197 @@
+import {
+  StarRating,
+  getReviewStatusProps
+} from "./chunk-G6J5ZKM3.js";
+import {
+  reviewsQueryKeys,
+  useReview
+} from "./chunk-MVVFD2JT.js";
+import {
+  SidebarLink
+} from "./chunk-UST2RGWB.js";
+import "./chunk-U2EI2ZLM.js";
+import {
+  TwoColumnPage
+} from "./chunk-YV6MK4PZ.js";
+import {
+  TwoColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
+import {
+  queryClient
+} from "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import {
+  fetchQuery
+} from "./chunk-DTGEFKK4.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/reviews/[id]/loader.tsx
+var reviewDetailQuery = (id) => ({
+  queryKey: reviewsQueryKeys.detail(id),
+  queryFn: async () => fetchQuery(`/vendor/reviews/${id}`, {
+    method: "GET"
+  })
+});
+var loader = async ({ params }) => {
+  const id = params.id;
+  const query = reviewDetailQuery(id);
+  return queryClient.ensureQueryData(query);
+};
+
+// src/pages/reviews/[id]/review-detail-page.tsx
+import { Children } from "react";
+import { useLoaderData, useParams } from "react-router-dom";
+
+// src/pages/reviews/[id]/_components/review-general-section.tsx
+import { useTranslation } from "react-i18next";
+import { Link } from "react-router-dom";
+import { Button, Container, Heading, StatusBadge, Text } from "@medusajs/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var formatDateTime = (value) => new Date(value).toLocaleString(void 0, {
+  year: "numeric",
+  month: "long",
+  day: "numeric",
+  hour: "2-digit",
+  minute: "2-digit"
+});
+var ReviewGeneralSection = ({ review }) => {
+  const { t } = useTranslation();
+  const { color, label } = getReviewStatusProps(review.status, t);
+  const hasResponse = Boolean(review.seller_note);
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", 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: formatDateTime(review.created_at) })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-x-2", children: /* @__PURE__ */ jsx(StatusBadge, { color, children: label }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t("reviews.fields.rating") }),
+      /* @__PURE__ */ jsx(StarRating, { rating: review.rating })
+    ] }),
+    /* @__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: t("reviews.fields.content") }),
+      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: review.customer_note || "-" })
+    ] }),
+    /* @__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: t("reviews.fields.response") }),
+      /* @__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/[id]/_components/customer-section.tsx
+import { 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 CustomerSection = ({ 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"
+    }
+  ) });
+};
+
+// src/pages/reviews/[id]/_components/order-section.tsx
+import { ShoppingCart } from "@medusajs/icons";
+import { Container as Container3, Heading as Heading3 } from "@medusajs/ui";
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var SidebarCard2 = ({
+  title,
+  children
+}) => /* @__PURE__ */ jsxs3(Container3, { className: "divide-y p-0", children: [
+  /* @__PURE__ */ jsx3("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx3(Heading3, { level: "h2", children: title }) }),
+  children
+] });
+var OrderSection = ({ review }) => {
+  const { t } = useTranslation3();
+  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__ */ jsx3(SidebarCard2, { title: t("reviews.detail.order"), children: /* @__PURE__ */ jsx3(
+    SidebarLink,
+    {
+      to: `/orders/${order.id}`,
+      labelKey: `#${order.display_id}`,
+      descriptionKey: date ?? "",
+      icon: /* @__PURE__ */ jsx3(ShoppingCart, {}),
+      dataTestid: "review-order-link"
+    }
+  ) });
+};
+
+// src/pages/reviews/[id]/review-detail-page.tsx
+import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  const initialData = useLoaderData();
+  const { id } = useParams();
+  const { review, isLoading, isError, error } = useReview(id, void 0, {
+    placeholderData: initialData
+  });
+  if (isLoading || !review) {
+    return /* @__PURE__ */ jsx4(TwoColumnPageSkeleton, { mainSections: 1, sidebarSections: 2 });
+  }
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx4(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs4(TwoColumnPage, { hasOutlet: true, data: review, children: [
+    /* @__PURE__ */ jsx4(TwoColumnPage.Main, { children: /* @__PURE__ */ jsx4(ReviewGeneralSection, { review }) }),
+    /* @__PURE__ */ jsxs4(TwoColumnPage.Sidebar, { children: [
+      /* @__PURE__ */ jsx4(CustomerSection, { review }),
+      /* @__PURE__ */ jsx4(OrderSection, { review })
+    ] })
+  ] }) });
+};
+var ReviewDetailPage = Object.assign(Root, {
+  Main: TwoColumnPage.Main,
+  Sidebar: TwoColumnPage.Sidebar,
+  MainGeneralSection: ReviewGeneralSection,
+  SidebarCustomerSection: CustomerSection,
+  SidebarOrderSection: OrderSection
+});
+export {
+  ReviewDetailPage,
+  loader
+};