@lodashventure/medusa-review 1.4.14 → 1.4.15

package/.medusa/server/src/admin/index.js

@@ -0,0 +1,494 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const adminSdk = require("@medusajs/admin-sdk");
+const icons = require("@medusajs/icons");
+const ui = require("@medusajs/ui");
+const axios = require("axios");
+const Mentions = require("rc-mentions");
+const react = require("react");
+const reactRouterDom = require("react-router-dom");
+const Medusa = require("@medusajs/js-sdk");
+require("@medusajs/admin-shared");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const axios__default = /* @__PURE__ */ _interopDefault(axios);
+const Mentions__default = /* @__PURE__ */ _interopDefault(Mentions);
+const Medusa__default = /* @__PURE__ */ _interopDefault(Medusa);
+const statusColor = (status) => status === "approved" ? "green" : status === "rejected" ? "red" : "grey";
+const mimeTypes = ["image", "video"];
+const MediaViewer = ({ media, className }) => {
+  const [open, setOpen] = react.useState(false);
+  const mimeType = media.mimeType.split("/")[0];
+  if (!mimeTypes.includes(mimeType)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.FocusModal, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Trigger, { className: "bg-ui-bg-overlay ", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.clx("w-24 h-24", className), children: [
+      mimeType === "image" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-0 w-full h-full object-contain flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: media.fileUrl, alt: "an image" }) }),
+      mimeType === "video" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2 w-full h-full flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "Watch Video" }) })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.FocusModal.Content, { className: "w-[80vw] h-[80vh] mx-auto my-auto", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.FocusModal.Header, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Title, { children: media.fileId }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Close, {})
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.FocusModal.Body, { className: "flex items-center justify-center", children: [
+        mimeType === "image" && /* @__PURE__ */ jsxRuntime.jsx("img", { src: media.fileUrl, alt: "an image" }),
+        mimeType === "video" && /* @__PURE__ */ jsxRuntime.jsx("video", { src: media.fileUrl, controls: true })
+      ] })
+    ] })
+  ] }) });
+};
+const statusMap = {
+  pending: "in-progress",
+  approved: "completed",
+  rejected: "completed"
+};
+const ReviewChild = ({ review, onAction }) => {
+  var _a, _b, _c;
+  const color = statusColor(review.status);
+  const [selectedStatus, setSelectedStatus] = react.useState("pending");
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.ProgressAccordion.Item, { value: review.id, className: "px-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ui.ProgressAccordion.Header,
+      {
+        status: statusMap[review.status],
+        className: "pl-0",
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { color, children: review.status.charAt(0).toUpperCase() + review.status.slice(1) }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "w-64 truncate", children: review.title })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.ProgressAccordion.Content, { className: "pl-16 pb-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "font-medium", children: review.rating ? `Rating: ${review.rating}` : null }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: new Date(review.created_at).toLocaleDateString("en-GB") })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        reactRouterDom.Link,
+        {
+          className: "text-ui-fg-muted hover:text-ui-fg-on-color",
+          to: review.customer_id ? `/customers/${review.customer_id}` : "",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: "User:" }),
+            " ",
+            review.is_admin ? "Admin" : ((_a = review.customer) == null ? void 0 : _a.first_name) ?? review.customer_id
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "whitespace-pre-wrap my-2", children: review.content }),
+      Boolean((_b = review.medias) == null ? void 0 : _b.length) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2 my-2", children: (_c = review.medias) == null ? void 0 : _c.map((media) => /* @__PURE__ */ jsxRuntime.jsx(MediaViewer, { media }, media.id)) }),
+      review.status === "pending" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 justify-end mt-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            variant: "danger",
+            disabled: selectedStatus === "rejected",
+            onClick: () => {
+              setSelectedStatus("rejected");
+              onAction == null ? void 0 : onAction(review.id, "reject");
+            },
+            children: "Reject"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            variant: "primary",
+            disabled: selectedStatus === "approved",
+            onClick: () => {
+              setSelectedStatus("approved");
+              onAction == null ? void 0 : onAction(review.id, "approve");
+            },
+            children: "Approve"
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+};
+const columnHelper = ui.createDataTableColumnHelper();
+const reviewColumns = [
+  columnHelper.select(),
+  columnHelper.accessor("product", {
+    header: "Product",
+    id: "product",
+    cell: ({ row }) => {
+      var _a;
+      return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { to: `/products/${row.original.product_id}`, children: (_a = row.original.product) == null ? void 0 : _a.title });
+    }
+  }),
+  columnHelper.accessor("children", {
+    header: "Pending Replies",
+    id: "pending-replies",
+    cell: ({ row }) => {
+      var _a;
+      return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        ((_a = row.original.children) == null ? void 0 : _a.filter((r) => r.status === "pending").length) || 0,
+        " ",
+        "Replies"
+      ] });
+    }
+  }),
+  columnHelper.accessor("children", {
+    header: "Replies",
+    id: "replies",
+    cell: ({ row }) => {
+      var _a;
+      return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        ((_a = row.original.children) == null ? void 0 : _a.length) || 0,
+        " Replies"
+      ] });
+    }
+  }),
+  columnHelper.accessor("status", {
+    header: "Status",
+    id: "status",
+    cell: ({ row }) => {
+      return /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { color: statusColor(row.original.status), children: row.original.status.charAt(0).toUpperCase() + row.original.status.slice(1) });
+    }
+  }),
+  columnHelper.accessor("rating", {
+    header: "Rating",
+    id: "rating"
+  }),
+  columnHelper.accessor("title", {
+    header: "Title",
+    id: "title",
+    maxSize: 150,
+    cell: ({ row }) => {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate", children: row.original.title });
+    }
+  }),
+  columnHelper.accessor("content", {
+    header: "Content",
+    id: "content",
+    maxSize: 200,
+    cell: ({ row }) => {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate", children: row.original.content });
+    }
+  })
+];
+const ReviewTable = ({ title, table }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.DataTable, { instance: table, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Toolbar, { className: "flex flex-col items-start justify-between gap-2 md:flex-row md:items-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: title }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Table, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Pagination, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.CommandBar, { selectedLabel: (count) => `${count} selected` })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Toaster, {})
+  ] });
+};
+const sdk = new Medusa__default.default({
+  baseUrl: "http://localhost:9000",
+  debug: process.env.NODE_ENV === "development",
+  auth: {
+    type: "session"
+  }
+});
+const commandHelper = ui.createDataTableCommandHelper();
+const useCommands = (refetch) => {
+  return [
+    commandHelper.command({
+      label: "Approve",
+      shortcut: "A",
+      action: async (selection) => {
+        const reviewsToApproveIds = Object.keys(selection);
+        sdk.client.fetch("/admin/reviews/status", {
+          method: "POST",
+          body: {
+            ids: reviewsToApproveIds,
+            status: "approved"
+          }
+        }).then(() => {
+          ui.toast.success("Reviews approved");
+          refetch();
+        }).catch(() => {
+          ui.toast.error("Failed to approve reviews");
+        });
+      }
+    }),
+    commandHelper.command({
+      label: "Reject",
+      shortcut: "R",
+      action: async (selection) => {
+        const reviewsToRejectIds = Object.keys(selection);
+        sdk.client.fetch("/admin/reviews/status", {
+          method: "POST",
+          body: {
+            ids: reviewsToRejectIds,
+            status: "rejected"
+          }
+        }).then(() => {
+          ui.toast.success("Reviews rejected");
+          refetch();
+        }).catch(() => {
+          ui.toast.error("Failed to reject reviews");
+        });
+      }
+    })
+  ];
+};
+const limit = 20;
+const ReviewsPage = () => {
+  var _a, _b;
+  const [pagination, setPagination] = react.useState({
+    pageSize: limit,
+    pageIndex: 0
+  });
+  const offset = react.useMemo(() => {
+    return pagination.pageIndex * limit;
+  }, [pagination]);
+  const [rowSelection, setRowSelection] = react.useState(
+    {}
+  );
+  const [isDrawerOpen, setIsDrawerOpen] = react.useState(false);
+  const [selectedReview, setSelectedReview] = react.useState(null);
+  const [replyContent, setReplyContent] = react.useState("");
+  const pendingReplies = react.useMemo(() => {
+    var _a2;
+    const ids = ((_a2 = selectedReview == null ? void 0 : selectedReview.children) == null ? void 0 : _a2.filter((child) => child.status === "pending")) ?? [];
+    if ((selectedReview == null ? void 0 : selectedReview.status) === "pending") {
+      ids.push(selectedReview);
+    }
+    return ids;
+  }, [selectedReview]);
+  const [reviews, setReviews] = react.useState(null);
+  const [isLoading, setIsLoading] = react.useState(true);
+  const [error, setError] = react.useState(null);
+  const fetchReviews = async () => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      const { data } = await axios__default.default.get("/admin/reviews", {
+        params: {
+          offset: pagination.pageIndex * pagination.pageSize,
+          limit: pagination.pageSize,
+          order: "-created_at"
+        }
+      });
+      setReviews(data);
+    } catch (err) {
+      setError(
+        err instanceof Error ? err : new Error("Failed to fetch reviews")
+      );
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  react.useEffect(() => {
+    fetchReviews();
+  }, [offset, limit, pagination.pageIndex, pagination.pageSize]);
+  const refetch = fetchReviews;
+  const users = react.useMemo(() => {
+    var _a2;
+    const _users = reviews == null ? void 0 : reviews.reviews.filter((review) => review.product_id === (selectedReview == null ? void 0 : selectedReview.product_id)).map((review) => {
+      var _a3;
+      const children = review.children || [];
+      return [
+        {
+          id: review.is_admin ? "Admin" : review.customer_id,
+          firstName: review.is_admin ? "Admin" : ((_a3 = review.customer) == null ? void 0 : _a3.first_name) ?? "Customer"
+        },
+        ...children.map((child) => {
+          var _a4;
+          return {
+            id: child.is_admin ? "Admin" : child.customer_id,
+            firstName: child.is_admin ? "Admin" : ((_a4 = child.customer) == null ? void 0 : _a4.first_name) ?? "Customer"
+          };
+        })
+      ];
+    }).flat();
+    const userMap = new Map((_a2 = _users == null ? void 0 : _users.map) == null ? void 0 : _a2.call(_users, (u) => [u.id, u]));
+    const users2 = Array.from(userMap.values());
+    return users2.filter((u) => u.id);
+  }, [reviews, selectedReview]);
+  const commands = useCommands(refetch);
+  const table = ui.useDataTable({
+    commands,
+    columns: reviewColumns,
+    data: (reviews == null ? void 0 : reviews.reviews) || [],
+    rowCount: (reviews == null ? void 0 : reviews.count) || 0,
+    isLoading,
+    pagination: {
+      state: pagination,
+      onPaginationChange: setPagination
+    },
+    getRowId: (row) => row.id,
+    rowSelection: {
+      state: rowSelection,
+      onRowSelectionChange: setRowSelection
+    },
+    onRowClick: (_, row) => {
+      setSelectedReview(row.original);
+      setIsDrawerOpen(true);
+    }
+  });
+  const [toBeSaved, setToBeSaved] = react.useState(/* @__PURE__ */ new Map());
+  function handleAddToBeSaved(id, action) {
+    setToBeSaved((prev) => {
+      const newSet = new Map(prev);
+      newSet.set(id, action);
+      return newSet;
+    });
+  }
+  async function handleSave() {
+    const { approved, rejected } = Array.from(toBeSaved.entries()).reduce(
+      (acc, [id, action]) => {
+        if (action === "approve") {
+          acc.approved.push(id);
+        } else if (action === "reject") {
+          acc.rejected.push(id);
+        }
+        return acc;
+      },
+      { approved: [], rejected: [] }
+    );
+    await Promise.all([
+      axios__default.default.post("/admin/reviews/status", {
+        ids: approved,
+        status: "approved"
+      }),
+      axios__default.default.post("/admin/reviews/status", {
+        ids: rejected,
+        status: "rejected"
+      })
+    ]);
+    ui.toast.success("Reviews saved", {
+      description: `${approved.length} reviews approved, ${rejected.length} reviews rejected`
+    });
+    setIsDrawerOpen(false);
+    handleResetSelection();
+    refetch();
+  }
+  async function handleReply() {
+    await axios__default.default.post("/admin/reviews", {
+      product_id: selectedReview == null ? void 0 : selectedReview.product_id,
+      parent_id: selectedReview == null ? void 0 : selectedReview.id,
+      title: "Reply from Admin",
+      content: replyContent
+    });
+    ui.toast.success("Reply sent");
+    refetch();
+    setIsDrawerOpen(false);
+    handleResetSelection();
+  }
+  function handleDrawerChange(open) {
+    setIsDrawerOpen(open);
+    if (!open) {
+      handleResetSelection();
+    }
+  }
+  function handleResetSelection() {
+    setSelectedReview(null);
+    setToBeSaved(/* @__PURE__ */ new Map());
+    setReplyContent("");
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ReviewTable, { title: "Reviews", table }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer, { open: isDrawerOpen, onOpenChange: handleDrawerChange, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Content, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Header, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Title, { children: [
+          "Review for ",
+          (_a = selectedReview == null ? void 0 : selectedReview.product) == null ? void 0 : _a.title
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Description, { className: "pt-2", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: handleSave, disabled: toBeSaved.size <= 0, children: "Approve and Reject replies" }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Body, { className: "overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(
+        ui.ProgressAccordion,
+        {
+          type: "multiple",
+          defaultValue: (pendingReplies == null ? void 0 : pendingReplies.map((child) => child.id)) || [],
+          children: [
+            selectedReview && /* @__PURE__ */ jsxRuntime.jsx(
+              ReviewChild,
+              {
+                review: selectedReview,
+                onAction: (id, action) => {
+                  handleAddToBeSaved(id, action);
+                }
+              },
+              selectedReview == null ? void 0 : selectedReview.id
+            ),
+            (_b = selectedReview == null ? void 0 : selectedReview.children) == null ? void 0 : _b.map((child) => /* @__PURE__ */ jsxRuntime.jsx(
+              ReviewChild,
+              {
+                review: child,
+                onAction: (id, action) => {
+                  handleAddToBeSaved(id, action);
+                }
+              },
+              child.id
+            ))
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Footer, { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Mentions__default.default,
+          {
+            rows: 3,
+            options: users.map((user) => ({
+              value: user.firstName,
+              label: user.firstName
+            })),
+            value: replyContent,
+            onChange: (text) => setReplyContent(text),
+            notFoundContent: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-bg-subtle", children: "No users found" }),
+            className: "w-[98%] text-ui-on-color bg-ui-bg-subtle text-base",
+            placement: "top",
+            prefix: "@",
+            placeholder: "Type @ to mention a user"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            className: "w-[98%]",
+            onClick: handleReply,
+            disabled: !replyContent,
+            children: "Reply as Admin"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+};
+const config = adminSdk.defineRouteConfig({
+  label: "Reviews",
+  icon: icons.ChatBubbleLeftRight
+});
+const widgetModule = { widgets: [] };
+const routeModule = {
+  routes: [
+    {
+      Component: ReviewsPage,
+      path: "/reviews"
+    }
+  ]
+};
+const menuItemModule = {
+  menuItems: [
+    {
+      label: config.label,
+      icon: config.icon,
+      path: "/reviews",
+      nested: void 0
+    }
+  ]
+};
+const formModule = { customFields: {} };
+const displayModule = {
+  displays: {}
+};
+const i18nModule = { resources: {} };
+const plugin = {
+  widgetModule,
+  routeModule,
+  menuItemModule,
+  formModule,
+  displayModule,
+  i18nModule
+};
+module.exports = plugin;

package/.medusa/server/src/admin/index.mjs

@@ -0,0 +1,491 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { defineRouteConfig } from "@medusajs/admin-sdk";
+import { ChatBubbleLeftRight } from "@medusajs/icons";
+import { FocusModal, clx, ProgressAccordion, StatusBadge, Text, Button, createDataTableColumnHelper, Container, DataTable, Heading, Toaster, createDataTableCommandHelper, toast, useDataTable, Drawer } from "@medusajs/ui";
+import axios from "axios";
+import Mentions from "rc-mentions";
+import { useState, useMemo, useEffect } from "react";
+import { Link } from "react-router-dom";
+import Medusa from "@medusajs/js-sdk";
+import "@medusajs/admin-shared";
+const statusColor = (status) => status === "approved" ? "green" : status === "rejected" ? "red" : "grey";
+const mimeTypes = ["image", "video"];
+const MediaViewer = ({ media, className }) => {
+  const [open, setOpen] = useState(false);
+  const mimeType = media.mimeType.split("/")[0];
+  if (!mimeTypes.includes(mimeType)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(FocusModal, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(FocusModal.Trigger, { className: "bg-ui-bg-overlay ", children: /* @__PURE__ */ jsxs("div", { className: clx("w-24 h-24", className), children: [
+      mimeType === "image" && /* @__PURE__ */ jsx("div", { className: "p-0 w-full h-full object-contain flex items-center justify-center", children: /* @__PURE__ */ jsx("img", { src: media.fileUrl, alt: "an image" }) }),
+      mimeType === "video" && /* @__PURE__ */ jsx("div", { className: "p-2 w-full h-full flex items-center justify-center", children: /* @__PURE__ */ jsx(Fragment, { children: "Watch Video" }) })
+    ] }) }),
+    /* @__PURE__ */ jsxs(FocusModal.Content, { className: "w-[80vw] h-[80vh] mx-auto my-auto", children: [
+      /* @__PURE__ */ jsxs(FocusModal.Header, { children: [
+        /* @__PURE__ */ jsx(FocusModal.Title, { children: media.fileId }),
+        /* @__PURE__ */ jsx(FocusModal.Close, {})
+      ] }),
+      /* @__PURE__ */ jsxs(FocusModal.Body, { className: "flex items-center justify-center", children: [
+        mimeType === "image" && /* @__PURE__ */ jsx("img", { src: media.fileUrl, alt: "an image" }),
+        mimeType === "video" && /* @__PURE__ */ jsx("video", { src: media.fileUrl, controls: true })
+      ] })
+    ] })
+  ] }) });
+};
+const statusMap = {
+  pending: "in-progress",
+  approved: "completed",
+  rejected: "completed"
+};
+const ReviewChild = ({ review, onAction }) => {
+  var _a, _b, _c;
+  const color = statusColor(review.status);
+  const [selectedStatus, setSelectedStatus] = useState("pending");
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(ProgressAccordion.Item, { value: review.id, className: "px-4", children: [
+    /* @__PURE__ */ jsx(
+      ProgressAccordion.Header,
+      {
+        status: statusMap[review.status],
+        className: "pl-0",
+        children: /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsx(StatusBadge, { color, children: review.status.charAt(0).toUpperCase() + review.status.slice(1) }),
+          /* @__PURE__ */ jsx("p", { className: "w-64 truncate", children: review.title })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs(ProgressAccordion.Content, { className: "pl-16 pb-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(Text, { size: "small", className: "font-medium", children: review.rating ? `Rating: ${review.rating}` : null }),
+        /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: new Date(review.created_at).toLocaleDateString("en-GB") })
+      ] }),
+      /* @__PURE__ */ jsxs(
+        Link,
+        {
+          className: "text-ui-fg-muted hover:text-ui-fg-on-color",
+          to: review.customer_id ? `/customers/${review.customer_id}` : "",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "User:" }),
+            " ",
+            review.is_admin ? "Admin" : ((_a = review.customer) == null ? void 0 : _a.first_name) ?? review.customer_id
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap my-2", children: review.content }),
+      Boolean((_b = review.medias) == null ? void 0 : _b.length) && /* @__PURE__ */ jsx("div", { className: "flex gap-2 my-2", children: (_c = review.medias) == null ? void 0 : _c.map((media) => /* @__PURE__ */ jsx(MediaViewer, { media }, media.id)) }),
+      review.status === "pending" && /* @__PURE__ */ jsxs("div", { className: "flex gap-2 justify-end mt-2", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "danger",
+            disabled: selectedStatus === "rejected",
+            onClick: () => {
+              setSelectedStatus("rejected");
+              onAction == null ? void 0 : onAction(review.id, "reject");
+            },
+            children: "Reject"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "primary",
+            disabled: selectedStatus === "approved",
+            onClick: () => {
+              setSelectedStatus("approved");
+              onAction == null ? void 0 : onAction(review.id, "approve");
+            },
+            children: "Approve"
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+};
+const columnHelper = createDataTableColumnHelper();
+const reviewColumns = [
+  columnHelper.select(),
+  columnHelper.accessor("product", {
+    header: "Product",
+    id: "product",
+    cell: ({ row }) => {
+      var _a;
+      return /* @__PURE__ */ jsx(Link, { to: `/products/${row.original.product_id}`, children: (_a = row.original.product) == null ? void 0 : _a.title });
+    }
+  }),
+  columnHelper.accessor("children", {
+    header: "Pending Replies",
+    id: "pending-replies",
+    cell: ({ row }) => {
+      var _a;
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        ((_a = row.original.children) == null ? void 0 : _a.filter((r) => r.status === "pending").length) || 0,
+        " ",
+        "Replies"
+      ] });
+    }
+  }),
+  columnHelper.accessor("children", {
+    header: "Replies",
+    id: "replies",
+    cell: ({ row }) => {
+      var _a;
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        ((_a = row.original.children) == null ? void 0 : _a.length) || 0,
+        " Replies"
+      ] });
+    }
+  }),
+  columnHelper.accessor("status", {
+    header: "Status",
+    id: "status",
+    cell: ({ row }) => {
+      return /* @__PURE__ */ jsx(StatusBadge, { color: statusColor(row.original.status), children: row.original.status.charAt(0).toUpperCase() + row.original.status.slice(1) });
+    }
+  }),
+  columnHelper.accessor("rating", {
+    header: "Rating",
+    id: "rating"
+  }),
+  columnHelper.accessor("title", {
+    header: "Title",
+    id: "title",
+    maxSize: 150,
+    cell: ({ row }) => {
+      return /* @__PURE__ */ jsx("div", { className: "truncate", children: row.original.title });
+    }
+  }),
+  columnHelper.accessor("content", {
+    header: "Content",
+    id: "content",
+    maxSize: 200,
+    cell: ({ row }) => {
+      return /* @__PURE__ */ jsx("div", { className: "truncate", children: row.original.content });
+    }
+  })
+];
+const ReviewTable = ({ title, table }) => {
+  return /* @__PURE__ */ jsxs(Container, { children: [
+    /* @__PURE__ */ jsxs(DataTable, { instance: table, children: [
+      /* @__PURE__ */ jsx(DataTable.Toolbar, { className: "flex flex-col items-start justify-between gap-2 md:flex-row md:items-center", children: /* @__PURE__ */ jsx(Heading, { children: title }) }),
+      /* @__PURE__ */ jsx(DataTable.Table, {}),
+      /* @__PURE__ */ jsx(DataTable.Pagination, {}),
+      /* @__PURE__ */ jsx(DataTable.CommandBar, { selectedLabel: (count) => `${count} selected` })
+    ] }),
+    /* @__PURE__ */ jsx(Toaster, {})
+  ] });
+};
+const sdk = new Medusa({
+  baseUrl: "http://localhost:9000",
+  debug: process.env.NODE_ENV === "development",
+  auth: {
+    type: "session"
+  }
+});
+const commandHelper = createDataTableCommandHelper();
+const useCommands = (refetch) => {
+  return [
+    commandHelper.command({
+      label: "Approve",
+      shortcut: "A",
+      action: async (selection) => {
+        const reviewsToApproveIds = Object.keys(selection);
+        sdk.client.fetch("/admin/reviews/status", {
+          method: "POST",
+          body: {
+            ids: reviewsToApproveIds,
+            status: "approved"
+          }
+        }).then(() => {
+          toast.success("Reviews approved");
+          refetch();
+        }).catch(() => {
+          toast.error("Failed to approve reviews");
+        });
+      }
+    }),
+    commandHelper.command({
+      label: "Reject",
+      shortcut: "R",
+      action: async (selection) => {
+        const reviewsToRejectIds = Object.keys(selection);
+        sdk.client.fetch("/admin/reviews/status", {
+          method: "POST",
+          body: {
+            ids: reviewsToRejectIds,
+            status: "rejected"
+          }
+        }).then(() => {
+          toast.success("Reviews rejected");
+          refetch();
+        }).catch(() => {
+          toast.error("Failed to reject reviews");
+        });
+      }
+    })
+  ];
+};
+const limit = 20;
+const ReviewsPage = () => {
+  var _a, _b;
+  const [pagination, setPagination] = useState({
+    pageSize: limit,
+    pageIndex: 0
+  });
+  const offset = useMemo(() => {
+    return pagination.pageIndex * limit;
+  }, [pagination]);
+  const [rowSelection, setRowSelection] = useState(
+    {}
+  );
+  const [isDrawerOpen, setIsDrawerOpen] = useState(false);
+  const [selectedReview, setSelectedReview] = useState(null);
+  const [replyContent, setReplyContent] = useState("");
+  const pendingReplies = useMemo(() => {
+    var _a2;
+    const ids = ((_a2 = selectedReview == null ? void 0 : selectedReview.children) == null ? void 0 : _a2.filter((child) => child.status === "pending")) ?? [];
+    if ((selectedReview == null ? void 0 : selectedReview.status) === "pending") {
+      ids.push(selectedReview);
+    }
+    return ids;
+  }, [selectedReview]);
+  const [reviews, setReviews] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchReviews = async () => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      const { data } = await axios.get("/admin/reviews", {
+        params: {
+          offset: pagination.pageIndex * pagination.pageSize,
+          limit: pagination.pageSize,
+          order: "-created_at"
+        }
+      });
+      setReviews(data);
+    } catch (err) {
+      setError(
+        err instanceof Error ? err : new Error("Failed to fetch reviews")
+      );
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  useEffect(() => {
+    fetchReviews();
+  }, [offset, limit, pagination.pageIndex, pagination.pageSize]);
+  const refetch = fetchReviews;
+  const users = useMemo(() => {
+    var _a2;
+    const _users = reviews == null ? void 0 : reviews.reviews.filter((review) => review.product_id === (selectedReview == null ? void 0 : selectedReview.product_id)).map((review) => {
+      var _a3;
+      const children = review.children || [];
+      return [
+        {
+          id: review.is_admin ? "Admin" : review.customer_id,
+          firstName: review.is_admin ? "Admin" : ((_a3 = review.customer) == null ? void 0 : _a3.first_name) ?? "Customer"
+        },
+        ...children.map((child) => {
+          var _a4;
+          return {
+            id: child.is_admin ? "Admin" : child.customer_id,
+            firstName: child.is_admin ? "Admin" : ((_a4 = child.customer) == null ? void 0 : _a4.first_name) ?? "Customer"
+          };
+        })
+      ];
+    }).flat();
+    const userMap = new Map((_a2 = _users == null ? void 0 : _users.map) == null ? void 0 : _a2.call(_users, (u) => [u.id, u]));
+    const users2 = Array.from(userMap.values());
+    return users2.filter((u) => u.id);
+  }, [reviews, selectedReview]);
+  const commands = useCommands(refetch);
+  const table = useDataTable({
+    commands,
+    columns: reviewColumns,
+    data: (reviews == null ? void 0 : reviews.reviews) || [],
+    rowCount: (reviews == null ? void 0 : reviews.count) || 0,
+    isLoading,
+    pagination: {
+      state: pagination,
+      onPaginationChange: setPagination
+    },
+    getRowId: (row) => row.id,
+    rowSelection: {
+      state: rowSelection,
+      onRowSelectionChange: setRowSelection
+    },
+    onRowClick: (_, row) => {
+      setSelectedReview(row.original);
+      setIsDrawerOpen(true);
+    }
+  });
+  const [toBeSaved, setToBeSaved] = useState(/* @__PURE__ */ new Map());
+  function handleAddToBeSaved(id, action) {
+    setToBeSaved((prev) => {
+      const newSet = new Map(prev);
+      newSet.set(id, action);
+      return newSet;
+    });
+  }
+  async function handleSave() {
+    const { approved, rejected } = Array.from(toBeSaved.entries()).reduce(
+      (acc, [id, action]) => {
+        if (action === "approve") {
+          acc.approved.push(id);
+        } else if (action === "reject") {
+          acc.rejected.push(id);
+        }
+        return acc;
+      },
+      { approved: [], rejected: [] }
+    );
+    await Promise.all([
+      axios.post("/admin/reviews/status", {
+        ids: approved,
+        status: "approved"
+      }),
+      axios.post("/admin/reviews/status", {
+        ids: rejected,
+        status: "rejected"
+      })
+    ]);
+    toast.success("Reviews saved", {
+      description: `${approved.length} reviews approved, ${rejected.length} reviews rejected`
+    });
+    setIsDrawerOpen(false);
+    handleResetSelection();
+    refetch();
+  }
+  async function handleReply() {
+    await axios.post("/admin/reviews", {
+      product_id: selectedReview == null ? void 0 : selectedReview.product_id,
+      parent_id: selectedReview == null ? void 0 : selectedReview.id,
+      title: "Reply from Admin",
+      content: replyContent
+    });
+    toast.success("Reply sent");
+    refetch();
+    setIsDrawerOpen(false);
+    handleResetSelection();
+  }
+  function handleDrawerChange(open) {
+    setIsDrawerOpen(open);
+    if (!open) {
+      handleResetSelection();
+    }
+  }
+  function handleResetSelection() {
+    setSelectedReview(null);
+    setToBeSaved(/* @__PURE__ */ new Map());
+    setReplyContent("");
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ReviewTable, { title: "Reviews", table }),
+    /* @__PURE__ */ jsx(Drawer, { open: isDrawerOpen, onOpenChange: handleDrawerChange, children: /* @__PURE__ */ jsxs(Drawer.Content, { children: [
+      /* @__PURE__ */ jsxs(Drawer.Header, { children: [
+        /* @__PURE__ */ jsxs(Drawer.Title, { children: [
+          "Review for ",
+          (_a = selectedReview == null ? void 0 : selectedReview.product) == null ? void 0 : _a.title
+        ] }),
+        /* @__PURE__ */ jsx(Drawer.Description, { className: "pt-2", children: /* @__PURE__ */ jsx(Button, { onClick: handleSave, disabled: toBeSaved.size <= 0, children: "Approve and Reject replies" }) })
+      ] }),
+      /* @__PURE__ */ jsx(Drawer.Body, { className: "overflow-auto", children: /* @__PURE__ */ jsxs(
+        ProgressAccordion,
+        {
+          type: "multiple",
+          defaultValue: (pendingReplies == null ? void 0 : pendingReplies.map((child) => child.id)) || [],
+          children: [
+            selectedReview && /* @__PURE__ */ jsx(
+              ReviewChild,
+              {
+                review: selectedReview,
+                onAction: (id, action) => {
+                  handleAddToBeSaved(id, action);
+                }
+              },
+              selectedReview == null ? void 0 : selectedReview.id
+            ),
+            (_b = selectedReview == null ? void 0 : selectedReview.children) == null ? void 0 : _b.map((child) => /* @__PURE__ */ jsx(
+              ReviewChild,
+              {
+                review: child,
+                onAction: (id, action) => {
+                  handleAddToBeSaved(id, action);
+                }
+              },
+              child.id
+            ))
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(Drawer.Footer, { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Mentions,
+          {
+            rows: 3,
+            options: users.map((user) => ({
+              value: user.firstName,
+              label: user.firstName
+            })),
+            value: replyContent,
+            onChange: (text) => setReplyContent(text),
+            notFoundContent: /* @__PURE__ */ jsx("div", { className: "text-ui-bg-subtle", children: "No users found" }),
+            className: "w-[98%] text-ui-on-color bg-ui-bg-subtle text-base",
+            placement: "top",
+            prefix: "@",
+            placeholder: "Type @ to mention a user"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            className: "w-[98%]",
+            onClick: handleReply,
+            disabled: !replyContent,
+            children: "Reply as Admin"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+};
+const config = defineRouteConfig({
+  label: "Reviews",
+  icon: ChatBubbleLeftRight
+});
+const widgetModule = { widgets: [] };
+const routeModule = {
+  routes: [
+    {
+      Component: ReviewsPage,
+      path: "/reviews"
+    }
+  ]
+};
+const menuItemModule = {
+  menuItems: [
+    {
+      label: config.label,
+      icon: config.icon,
+      path: "/reviews",
+      nested: void 0
+    }
+  ]
+};
+const formModule = { customFields: {} };
+const displayModule = {
+  displays: {}
+};
+const i18nModule = { resources: {} };
+const plugin = {
+  widgetModule,
+  routeModule,
+  menuItemModule,
+  formModule,
+  displayModule,
+  i18nModule
+};
+export {
+  plugin as default
+};

package/.medusa/server/src/admin/style.css

@@ -0,0 +1,75 @@
+.rc-mentions {
+  display: inline-block;
+  position: relative;
+  white-space: pre-wrap;
+}
+.rc-mentions > textarea,
+.rc-mentions-measure {
+  font-size: inherit;
+  font-size-adjust: inherit;
+  font-style: inherit;
+  font-variant: inherit;
+  font-stretch: inherit;
+  font-weight: inherit;
+  font-family: inherit;
+  padding: 0;
+  margin: 0;
+  line-height: inherit;
+  vertical-align: top;
+  overflow: inherit;
+  word-break: inherit;
+  white-space: inherit;
+  word-wrap: break-word;
+  overflow-x: initial;
+  overflow-y: auto;
+  text-align: inherit;
+  letter-spacing: inherit;
+  tab-size: inherit;
+  direction: inherit;
+}
+.rc-mentions > textarea {
+  border: none;
+  width: 100%;
+}
+.rc-mentions-measure {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  pointer-events: none;
+  color: transparent;
+  z-index: -1;
+}
+.rc-mentions-dropdown {
+  position: absolute;
+  color: #000;
+}
+.rc-mentions-dropdown-menu {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.rc-mentions-dropdown-menu-item {
+  cursor: pointer;
+}
+.rc-mentions {
+  font-size: 20px;
+  border: 1px solid #999;
+  border-radius: 3px;
+  overflow: hidden;
+}
+.rc-mentions-dropdown {
+  border: 1px solid #999;
+  border-radius: 3px;
+  background: #fff;
+}
+.rc-mentions-dropdown-menu-item {
+  padding: 4px 8px;
+}
+.rc-mentions-dropdown-menu-item-active {
+  background: #e6f7ff;
+}
+.rc-mentions-dropdown-menu-item-disabled {
+  opacity: 0.5;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lodashventure/medusa-review",
-  "version": "1.4.14",
+  "version": "1.4.15",
   "description": "A starter for Medusa plugins.",
   "author": "Medusa (https://medusajs.com)",
   "license": "MIT",
@@ -25,7 +25,8 @@
   ],
   "scripts": {
     "build": "medusa plugin:build",
-    "dev": "medusa plugin:develop"
+    "dev": "medusa plugin:develop",
+    "prepublishOnly": "medusa plugin:build"
   },
   "devDependencies": {
     "@medusajs/admin-sdk": "2.11.2",
@@ -64,7 +65,8 @@
     "node": ">=20"
   },
   "dependencies": {
+    "axios": "^1.7.9",
     "multer": "^1.4.5-lts.2",
     "rc-mentions": "^2.20.0"
   }
-}
+}