medusa-contact-us 0.0.21 → 0.0.23

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

@@ -1,9 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useCallback, useEffect, useMemo } from "react";
+import { useState, useCallback, useEffect, useMemo, useRef } from "react";
 import { defineRouteConfig } from "@medusajs/admin-sdk";
 import { Container, Heading, Text, Button, Input, Badge, Textarea } from "@medusajs/ui";
 import { Envelope, ChatBubbleLeftRight, ArrowLeft } from "@medusajs/icons";
 import { useNavigate, useParams } from "react-router-dom";
+import "@medusajs/admin-shared";
 const useDebounce$1 = (value, delay) => {
   const [debouncedValue, setDebouncedValue] = useState(value);
   useEffect(() => {
@@ -335,6 +336,7 @@ const ContactRequestsPage = () => {
       /* @__PURE__ */ jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxs("tr", { children: [
         /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Email" }),
         /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Status" }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Assigned To" }),
         /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Source" }),
         /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Created" }),
         /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Actions" })
@@ -357,6 +359,7 @@ const ContactRequestsPage = () => {
                 children: request.status.replace("_", " ")
               }
             ) }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: request.assign_to ? /* @__PURE__ */ jsx(Badge, { size: "2xsmall", children: request.assign_to }) : /* @__PURE__ */ jsx("span", { children: "—" }) }),
             /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: request.source ?? "storefront" }),
             /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: new Date(request.created_at).toLocaleString() }),
             /* @__PURE__ */ jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsx(
@@ -411,6 +414,7 @@ const ContactRequestDetailPage = () => {
   const navigate = useNavigate();
   const { id } = useParams();
   const [request, setRequest] = useState(null);
+  const [comments, setComments] = useState([]);
   const [nextAllowedStatuses, setNextAllowedStatuses] = useState([]);
   const [selectedStatus, setSelectedStatus] = useState("");
   const [isLoading, setIsLoading] = useState(true);
@@ -418,6 +422,58 @@ const ContactRequestDetailPage = () => {
   const [error, setError] = useState(null);
   const [updateError, setUpdateError] = useState(null);
   const [updateSuccess, setUpdateSuccess] = useState(false);
+  const [selectedAssignTo, setSelectedAssignTo] = useState("");
+  const [isAssigning, setIsAssigning] = useState(false);
+  const [assignError, setAssignError] = useState(null);
+  const [assignSuccess, setAssignSuccess] = useState(false);
+  const [adminUsers, setAdminUsers] = useState([]);
+  const [adminSearchQuery, setAdminSearchQuery] = useState("");
+  const [isAdminDropdownOpen, setIsAdminDropdownOpen] = useState(false);
+  const [isLoadingAdmins, setIsLoadingAdmins] = useState(false);
+  const [selectedAdminIndex, setSelectedAdminIndex] = useState(-1);
+  const adminDropdownRef = useRef(null);
+  const adminInputRef = useRef(null);
+  const [commentText, setCommentText] = useState("");
+  const [commentImages, setCommentImages] = useState([]);
+  const [isCreatingComment, setIsCreatingComment] = useState(false);
+  const [commentError, setCommentError] = useState(null);
+  const [commentSuccess, setCommentSuccess] = useState(false);
+  const useDebounce2 = (value, delay) => {
+    const [debouncedValue, setDebouncedValue] = useState(value);
+    useEffect(() => {
+      const handler = setTimeout(() => setDebouncedValue(value), delay);
+      return () => clearTimeout(handler);
+    }, [value, delay]);
+    return debouncedValue;
+  };
+  const debouncedAdminSearch = useDebounce2(adminSearchQuery, 300);
+  const fetchAdminUsers = useCallback(async (searchQuery) => {
+    try {
+      setIsLoadingAdmins(true);
+      const params = new URLSearchParams();
+      if (searchQuery) {
+        params.set("q", searchQuery);
+      }
+      const response = await fetch(`/admin/users?${params.toString()}`, {
+        credentials: "include"
+      });
+      if (!response.ok) {
+        throw new Error("Unable to load admin users");
+      }
+      const payload = await response.json();
+      setAdminUsers(payload.users || []);
+    } catch (fetchError) {
+      console.error("Error fetching admin users:", fetchError);
+      setAdminUsers([]);
+    } finally {
+      setIsLoadingAdmins(false);
+    }
+  }, []);
+  const filteredAdmins = adminUsers.filter((admin) => {
+    if (!debouncedAdminSearch) return true;
+    const query = debouncedAdminSearch.toLowerCase();
+    return admin.name.toLowerCase().includes(query) || admin.email.toLowerCase().includes(query) || admin.id.toLowerCase().includes(query);
+  });
   useEffect(() => {
     if (!id) {
       navigate("/contact-requests");
@@ -436,8 +492,11 @@ const ContactRequestDetailPage = () => {
         }
         const payload = await response.json();
         setRequest(payload.request);
+        setComments(payload.comments ?? []);
         setNextAllowedStatuses(payload.next_allowed_statuses ?? []);
         setSelectedStatus("");
+        setSelectedAssignTo("");
+        setAdminSearchQuery("");
       } catch (loadError) {
         const message = loadError instanceof Error ? loadError.message : "Unable to load contact request";
         setError(message);
@@ -447,6 +506,59 @@ const ContactRequestDetailPage = () => {
     };
     void loadRequest();
   }, [id, navigate]);
+  useEffect(() => {
+    if (isAdminDropdownOpen) {
+      void fetchAdminUsers(debouncedAdminSearch || void 0);
+    }
+  }, [isAdminDropdownOpen, debouncedAdminSearch, fetchAdminUsers]);
+  useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (adminDropdownRef.current && !adminDropdownRef.current.contains(event.target) && adminInputRef.current && !adminInputRef.current.contains(event.target)) {
+        setIsAdminDropdownOpen(false);
+        setSelectedAdminIndex(-1);
+      }
+    };
+    if (isAdminDropdownOpen) {
+      document.addEventListener("mousedown", handleClickOutside);
+      return () => document.removeEventListener("mousedown", handleClickOutside);
+    }
+  }, [isAdminDropdownOpen]);
+  const handleAdminKeyDown = (event) => {
+    if (event.key === "ArrowDown") {
+      event.preventDefault();
+      setSelectedAdminIndex(
+        (prev) => prev < filteredAdmins.length - 1 ? prev + 1 : prev
+      );
+      setIsAdminDropdownOpen(true);
+    } else if (event.key === "ArrowUp") {
+      event.preventDefault();
+      setSelectedAdminIndex((prev) => prev > 0 ? prev - 1 : -1);
+      setIsAdminDropdownOpen(true);
+    } else if (event.key === "Enter" && selectedAdminIndex >= 0) {
+      event.preventDefault();
+      const admin = filteredAdmins[selectedAdminIndex];
+      if (admin) {
+        handleAdminSelect(admin);
+      }
+    } else if (event.key === "Escape") {
+      setIsAdminDropdownOpen(false);
+      setSelectedAdminIndex(-1);
+    }
+  };
+  const handleAdminSelect = (admin) => {
+    setSelectedAssignTo(admin.id);
+    setAdminSearchQuery(admin.name || admin.email);
+    setIsAdminDropdownOpen(false);
+    setSelectedAdminIndex(-1);
+  };
+  useEffect(() => {
+    if ((request == null ? void 0 : request.assign_to) && adminUsers.length > 0) {
+      const assignedAdmin = adminUsers.find((admin) => admin.id === request.assign_to);
+      if (assignedAdmin && !adminSearchQuery) {
+        setAdminSearchQuery(assignedAdmin.name || assignedAdmin.email);
+      }
+    }
+  }, [request == null ? void 0 : request.assign_to, adminUsers, adminSearchQuery]);
   const handleStatusUpdate = async () => {
     if (!id || !selectedStatus) {
       return;
@@ -477,6 +589,8 @@ const ContactRequestDetailPage = () => {
       });
       if (detailResponse.ok) {
         const detailPayload = await detailResponse.json();
+        setRequest(detailPayload.request);
+        setComments(detailPayload.comments ?? []);
         setNextAllowedStatuses(detailPayload.next_allowed_statuses ?? []);
       }
     } catch (updateErr) {
@@ -486,6 +600,144 @@ const ContactRequestDetailPage = () => {
       setIsUpdating(false);
     }
   };
+  const handleAssign = async () => {
+    if (!id) {
+      return;
+    }
+    try {
+      setIsAssigning(true);
+      setAssignError(null);
+      setAssignSuccess(false);
+      const response = await fetch(`/admin/contact-requests/${id}/assign`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        credentials: "include",
+        body: JSON.stringify({
+          assign_to: selectedAssignTo.trim() || null
+        })
+      });
+      if (!response.ok) {
+        const message = await response.text();
+        throw new Error(message || "Unable to assign contact request");
+      }
+      const payload = await response.json();
+      setRequest(payload.request);
+      setSelectedAssignTo("");
+      setAssignSuccess(true);
+      setTimeout(() => setAssignSuccess(false), 3e3);
+      const detailResponse = await fetch(`/admin/contact-requests/${id}`, {
+        credentials: "include"
+      });
+      if (detailResponse.ok) {
+        const detailPayload = await detailResponse.json();
+        setRequest(detailPayload.request);
+        setComments(detailPayload.comments ?? []);
+        setNextAllowedStatuses(detailPayload.next_allowed_statuses ?? []);
+      }
+    } catch (assignErr) {
+      const message = assignErr instanceof Error ? assignErr.message : "Unable to assign contact request";
+      setAssignError(message);
+    } finally {
+      setIsAssigning(false);
+    }
+  };
+  const handleUnassign = async () => {
+    if (!id) {
+      return;
+    }
+    try {
+      setIsAssigning(true);
+      setAssignError(null);
+      setAssignSuccess(false);
+      const response = await fetch(`/admin/contact-requests/${id}/assign`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        credentials: "include",
+        body: JSON.stringify({
+          assign_to: null
+        })
+      });
+      if (!response.ok) {
+        const message = await response.text();
+        throw new Error(message || "Unable to unassign contact request");
+      }
+      const payload = await response.json();
+      setRequest(payload.request);
+      setAssignSuccess(true);
+      setTimeout(() => setAssignSuccess(false), 3e3);
+      const detailResponse = await fetch(`/admin/contact-requests/${id}`, {
+        credentials: "include"
+      });
+      if (detailResponse.ok) {
+        const detailPayload = await detailResponse.json();
+        setRequest(detailPayload.request);
+        setComments(detailPayload.comments ?? []);
+        setNextAllowedStatuses(detailPayload.next_allowed_statuses ?? []);
+      }
+    } catch (assignErr) {
+      const message = assignErr instanceof Error ? assignErr.message : "Unable to unassign contact request";
+      setAssignError(message);
+    } finally {
+      setIsAssigning(false);
+    }
+  };
+  const handleCreateComment = async () => {
+    if (!id || !commentText.trim() && commentImages.length === 0) {
+      setCommentError("Please provide a comment or at least one image");
+      return;
+    }
+    try {
+      setIsCreatingComment(true);
+      setCommentError(null);
+      setCommentSuccess(false);
+      const response = await fetch(`/admin/contact-requests/${id}/comments`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        credentials: "include",
+        body: JSON.stringify({
+          comment: commentText.trim() || void 0,
+          images: commentImages.filter((img) => img.trim()).length > 0 ? commentImages.filter((img) => img.trim()) : void 0
+        })
+      });
+      if (!response.ok) {
+        const message = await response.text();
+        throw new Error(message || "Unable to create comment");
+      }
+      const detailResponse = await fetch(`/admin/contact-requests/${id}`, {
+        credentials: "include"
+      });
+      if (detailResponse.ok) {
+        const detailPayload = await detailResponse.json();
+        setComments(detailPayload.comments ?? []);
+      }
+      setCommentText("");
+      setCommentImages([]);
+      setCommentSuccess(true);
+      setTimeout(() => setCommentSuccess(false), 3e3);
+    } catch (commentErr) {
+      const message = commentErr instanceof Error ? commentErr.message : "Unable to create comment";
+      setCommentError(message);
+    } finally {
+      setIsCreatingComment(false);
+    }
+  };
+  const addImageInput = () => {
+    setCommentImages([...commentImages, ""]);
+  };
+  const removeImageInput = (index) => {
+    setCommentImages(commentImages.filter((_, i) => i !== index));
+  };
+  const updateImageUrl = (index, value) => {
+    const updated = [...commentImages];
+    updated[index] = value;
+    setCommentImages(updated);
+  };
   if (isLoading) {
     return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsx(Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: /* @__PURE__ */ jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsx(Text, { children: "Loading contact request..." }) }) }) });
   }
@@ -557,6 +809,103 @@ const ContactRequestDetailPage = () => {
       updateError && /* @__PURE__ */ jsx(Text, { size: "small", className: "mt-2 text-ui-fg-error", children: updateError }),
       updateSuccess && /* @__PURE__ */ jsx(Text, { size: "small", className: "mt-2 text-ui-fg-success", children: "Status updated successfully" })
     ] }),
+    /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", className: "mb-4 text-lg", children: "Assignment" }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Currently Assigned To" }),
+          /* @__PURE__ */ jsx(Text, { className: "font-medium", children: request.assign_to ? /* @__PURE__ */ jsx(Badge, { size: "small", className: "mt-1", children: request.assign_to }) : /* @__PURE__ */ jsx("span", { className: "text-ui-fg-subtle", children: "Unassigned" }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-end", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 relative", children: [
+            /* @__PURE__ */ jsx("label", { className: "mb-2 block text-sm font-medium text-ui-fg-base", children: "Assign To Admin" }),
+            /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  ref: adminInputRef,
+                  type: "text",
+                  value: adminSearchQuery,
+                  onChange: (event) => {
+                    setAdminSearchQuery(event.target.value);
+                    setIsAdminDropdownOpen(true);
+                    setSelectedAdminIndex(-1);
+                  },
+                  onFocus: () => {
+                    setIsAdminDropdownOpen(true);
+                    if (adminUsers.length === 0) {
+                      void fetchAdminUsers();
+                    }
+                  },
+                  onKeyDown: handleAdminKeyDown,
+                  placeholder: "Search admin by name, email, or ID...",
+                  className: "w-full"
+                }
+              ),
+              isAdminDropdownOpen && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  ref: adminDropdownRef,
+                  className: "absolute z-50 mt-1 w-full max-h-60 overflow-auto rounded-md border border-ui-border-base bg-ui-bg-base shadow-lg",
+                  children: isLoadingAdmins ? /* @__PURE__ */ jsx("div", { className: "p-4 text-center", children: /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Loading admins..." }) }) : filteredAdmins.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "py-1", children: filteredAdmins.map((admin, index) => /* @__PURE__ */ jsx(
+                    "li",
+                    {
+                      className: `cursor-pointer px-4 py-3 hover:bg-ui-bg-subtle-hover ${index === selectedAdminIndex ? "bg-ui-bg-subtle-hover" : ""}`,
+                      onClick: () => handleAdminSelect(admin),
+                      onMouseEnter: () => setSelectedAdminIndex(index),
+                      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+                        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ jsx(Text, { className: "font-medium", children: admin.name }),
+                          admin.id === selectedAssignTo && /* @__PURE__ */ jsx(Badge, { size: "2xsmall", children: "Selected" })
+                        ] }),
+                        /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: admin.email }),
+                        /* @__PURE__ */ jsx(
+                          Text,
+                          {
+                            size: "xsmall",
+                            className: "text-ui-fg-muted font-mono",
+                            children: admin.id
+                          }
+                        )
+                      ] })
+                    },
+                    admin.id
+                  )) }) : /* @__PURE__ */ jsx("div", { className: "p-4 text-center", children: /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: adminSearchQuery ? "No admins found" : "Start typing to search admins" }) })
+                }
+              )
+            ] }),
+            selectedAssignTo && /* @__PURE__ */ jsxs(Text, { size: "small", className: "mt-1 text-ui-fg-subtle", children: [
+              "Selected Admin ID: ",
+              selectedAssignTo
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "primary",
+                onClick: handleAssign,
+                disabled: isAssigning || !selectedAssignTo,
+                isLoading: isAssigning,
+                children: "Assign"
+              }
+            ),
+            request.assign_to && /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "secondary",
+                onClick: handleUnassign,
+                disabled: isAssigning,
+                isLoading: isAssigning,
+                children: "Unassign"
+              }
+            )
+          ] })
+        ] }),
+        assignError && /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-error", children: assignError }),
+        assignSuccess && /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-success", children: "Assignment updated successfully" })
+      ] })
+    ] }),
     /* @__PURE__ */ jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
         /* @__PURE__ */ jsx(Heading, { level: "h2", className: "mb-4 text-lg", children: "Contact Information" }),
@@ -630,6 +979,103 @@ const ContactRequestDetailPage = () => {
         /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: key }),
         /* @__PURE__ */ jsx(Text, { size: "small", className: "font-medium", children: typeof value === "string" ? value : JSON.stringify(value) })
       ] }, key)) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", className: "mb-4 text-lg", children: "Comments" }),
+      /* @__PURE__ */ jsxs("div", { className: "mb-6 space-y-4 rounded-lg border border-ui-border-subtle bg-ui-bg-subtle p-4", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "mb-2 block text-sm font-medium text-ui-fg-base", children: "Add Comment" }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              value: commentText,
+              onChange: (event) => setCommentText(event.target.value),
+              placeholder: "Enter your comment...",
+              className: "min-h-[80px]"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx("label", { className: "text-sm font-medium text-ui-fg-base", children: "Images (URLs)" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "transparent",
+                size: "small",
+                onClick: addImageInput,
+                type: "button",
+                children: "Add Image URL"
+              }
+            )
+          ] }),
+          commentImages.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-2", children: commentImages.map((url, index) => /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "text",
+                value: url,
+                onChange: (event) => updateImageUrl(index, event.target.value),
+                placeholder: "https://example.com/image.jpg",
+                className: "flex-1"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "transparent",
+                size: "small",
+                onClick: () => removeImageInput(index),
+                type: "button",
+                children: "Remove"
+              }
+            )
+          ] }, index)) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "primary",
+            onClick: handleCreateComment,
+            disabled: isCreatingComment || !commentText.trim() && commentImages.filter((img) => img.trim()).length === 0,
+            isLoading: isCreatingComment,
+            children: "Add Comment"
+          }
+        ),
+        commentError && /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-error", children: commentError }),
+        commentSuccess && /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-success", children: "Comment added successfully" })
+      ] }),
+      comments.length > 0 ? /* @__PURE__ */ jsx("div", { className: "space-y-4", children: comments.map((comment) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "rounded-lg border border-ui-border-subtle bg-ui-bg-subtle p-4",
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "mb-2 flex items-center justify-between", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(Badge, { size: "2xsmall", children: comment.admin_id }),
+              /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: new Date(comment.created_at).toLocaleString() })
+            ] }) }),
+            comment.comment && /* @__PURE__ */ jsx(Text, { className: "mb-2 whitespace-pre-wrap", children: comment.comment }),
+            comment.images && comment.images.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-2", children: [
+              /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Images:" }),
+              /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: comment.images.map((imageUrl, index) => /* @__PURE__ */ jsxs(
+                "a",
+                {
+                  href: imageUrl,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "text-sm text-ui-fg-interactive hover:underline",
+                  children: [
+                    "Image ",
+                    index + 1
+                  ]
+                },
+                index
+              )) })
+            ] })
+          ]
+        },
+        comment.id
+      )) }) : /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "No comments yet" })
     ] })
   ] }) });
 };

package/.medusa/server/src/api/admin/contact-requests/[id]/assign/route.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.POST = void 0;
+const utils_1 = require("@medusajs/framework/utils");
+const zod_1 = require("zod");
+const contact_requests_1 = require("../../../../../modules/contact-requests");
+const validators_1 = require("../../validators");
+const POST = async (req, res) => {
+    const { id } = req.params;
+    try {
+        // Validate input
+        const body = validators_1.AdminAssignContactRequestSchema.parse(req.body ?? {});
+        const service = req.scope.resolve(contact_requests_1.CONTACT_REQUEST_MODULE);
+        const request = await service.assignRequest({
+            id,
+            assign_to: body.assign_to,
+        });
+        res.status(200).json({ request });
+    }
+    catch (error) {
+        // Handle validation errors
+        if (error instanceof zod_1.z.ZodError) {
+            res.status(400).json({
+                message: "Invalid request data",
+                errors: error.errors,
+                type: "invalid_data",
+                code: "invalid_data",
+            });
+            return;
+        }
+        // Handle MedusaError
+        if (error instanceof utils_1.MedusaError) {
+            const statusCode = error.type === utils_1.MedusaError.Types.NOT_FOUND ? 404 : 400;
+            res.status(statusCode).json({
+                message: error.message,
+                type: error.type,
+                code: error.type,
+            });
+            return;
+        }
+        // Handle unexpected errors
+        const errorMessage = error instanceof Error ? error.message : "An unknown error occurred";
+        const errorStack = error instanceof Error ? error.stack : undefined;
+        console.error("Error assigning contact request:", error);
+        res.status(500).json({
+            message: errorMessage,
+            type: "unknown_error",
+            code: "unknown_error",
+            ...(process.env.NODE_ENV === "development" && { stack: errorStack }),
+        });
+    }
+};
+exports.POST = POST;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm91dGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBpL2FkbWluL2NvbnRhY3QtcmVxdWVzdHMvW2lkXS9hc3NpZ24vcm91dGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0EscURBQXVEO0FBQ3ZELDZCQUF1QjtBQUN2Qiw4RUFBZ0Y7QUFFaEYsaURBQWtFO0FBRTNELE1BQU0sSUFBSSxHQUFHLEtBQUssRUFBRSxHQUFrQixFQUFFLEdBQW1CLEVBQUUsRUFBRTtJQUNwRSxNQUFNLEVBQUUsRUFBRSxFQUFFLEdBQUcsR0FBRyxDQUFDLE1BQU0sQ0FBQTtJQUV6QixJQUFJLENBQUM7UUFDSCxpQkFBaUI7UUFDakIsTUFBTSxJQUFJLEdBQUcsNENBQStCLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxJQUFJLElBQUksRUFBRSxDQUFDLENBQUE7UUFFbEUsTUFBTSxPQUFPLEdBQUcsR0FBRyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQy9CLHlDQUFzQixDQUN2QixDQUFBO1FBRUQsTUFBTSxPQUFPLEdBQUcsTUFBTSxPQUFPLENBQUMsYUFBYSxDQUFDO1lBQzFDLEVBQUU7WUFDRixTQUFTLEVBQUUsSUFBSSxDQUFDLFNBQVM7U0FDMUIsQ0FBQyxDQUFBO1FBRUYsR0FBRyxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxDQUFBO0lBQ25DLENBQUM7SUFBQyxPQUFPLEtBQUssRUFBRSxDQUFDO1FBQ2YsMkJBQTJCO1FBQzNCLElBQUksS0FBSyxZQUFZLE9BQUMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNoQyxHQUFHLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQztnQkFDbkIsT0FBTyxFQUFFLHNCQUFzQjtnQkFDL0IsTUFBTSxFQUFFLEtBQUssQ0FBQyxNQUFNO2dCQUNwQixJQUFJLEVBQUUsY0FBYztnQkFDcEIsSUFBSSxFQUFFLGNBQWM7YUFDckIsQ0FBQyxDQUFBO1lBQ0YsT0FBTTtRQUNSLENBQUM7UUFFRCxxQkFBcUI7UUFDckIsSUFBSSxLQUFLLFlBQVksbUJBQVcsRUFBRSxDQUFDO1lBQ2pDLE1BQU0sVUFBVSxHQUNkLEtBQUssQ0FBQyxJQUFJLEtBQUssbUJBQVcsQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQTtZQUN4RCxHQUFHLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDLElBQUksQ0FBQztnQkFDMUIsT0FBTyxFQUFFLEtBQUssQ0FBQyxPQUFPO2dCQUN0QixJQUFJLEVBQUUsS0FBSyxDQUFDLElBQUk7Z0JBQ2hCLElBQUksRUFBRSxLQUFLLENBQUMsSUFBSTthQUNqQixDQUFDLENBQUE7WUFDRixPQUFNO1FBQ1IsQ0FBQztRQUVELDJCQUEyQjtRQUMzQixNQUFNLFlBQVksR0FDaEIsS0FBSyxZQUFZLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsMkJBQTJCLENBQUE7UUFDdEUsTUFBTSxVQUFVLEdBQUcsS0FBSyxZQUFZLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFBO1FBRW5FLE9BQU8sQ0FBQyxLQUFLLENBQUMsa0NBQWtDLEVBQUUsS0FBSyxDQUFDLENBQUE7UUFFeEQsR0FBRyxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUM7WUFDbkIsT0FBTyxFQUFFLFlBQVk7WUFDckIsSUFBSSxFQUFFLGVBQWU7WUFDckIsSUFBSSxFQUFFLGVBQWU7WUFDckIsR0FBRyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsUUFBUSxLQUFLLGFBQWEsSUFBSSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsQ0FBQztTQUNyRSxDQUFDLENBQUE7SUFDSixDQUFDO0FBQ0gsQ0FBQyxDQUFBO0FBdkRZLFFBQUEsSUFBSSxRQXVEaEIifQ==

package/.medusa/server/src/api/admin/contact-requests/[id]/comments/route.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.POST = exports.GET = void 0;
+const contact_requests_1 = require("../../../../../modules/contact-requests");
+const validators_1 = require("../../validators");
+const GET = async (req, res) => {
+    const { id } = req.params;
+    const service = req.scope.resolve(contact_requests_1.CONTACT_REQUEST_MODULE);
+    const comments = await service.listComments(id);
+    res.status(200).json({ comments });
+};
+exports.GET = GET;
+const POST = async (req, res) => {
+    const { id } = req.params;
+    const body = validators_1.AdminCreateCommentSchema.parse(req.body ?? {});
+    const authContext = req.auth_context;
+    const adminId = authContext?.actor_id || authContext?.user_id || "admin";
+    const service = req.scope.resolve(contact_requests_1.CONTACT_REQUEST_MODULE);
+    const comment = await service.createComment({
+        contact_request_id: id,
+        admin_id: adminId,
+        comment: body.comment,
+        images: body.images,
+    });
+    res.status(201).json({ comment });
+};
+exports.POST = POST;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm91dGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBpL2FkbWluL2NvbnRhY3QtcmVxdWVzdHMvW2lkXS9jb21tZW50cy9yb3V0ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFDQSw4RUFBZ0Y7QUFFaEYsaURBQTJEO0FBRXBELE1BQU0sR0FBRyxHQUFHLEtBQUssRUFBRSxHQUFrQixFQUFFLEdBQW1CLEVBQUUsRUFBRTtJQUNuRSxNQUFNLEVBQUUsRUFBRSxFQUFFLEdBQUcsR0FBRyxDQUFDLE1BQU0sQ0FBQTtJQUV6QixNQUFNLE9BQU8sR0FBRyxHQUFHLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FDL0IseUNBQXNCLENBQ3ZCLENBQUE7SUFFRCxNQUFNLFFBQVEsR0FBRyxNQUFNLE9BQU8sQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDLENBQUE7SUFFL0MsR0FBRyxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUFBO0FBQ3BDLENBQUMsQ0FBQTtBQVZZLFFBQUEsR0FBRyxPQVVmO0FBRU0sTUFBTSxJQUFJLEdBQUcsS0FBSyxFQUFFLEdBQWtCLEVBQUUsR0FBbUIsRUFBRSxFQUFFO0lBQ3BFLE1BQU0sRUFBRSxFQUFFLEVBQUUsR0FBRyxHQUFHLENBQUMsTUFBTSxDQUFBO0lBQ3pCLE1BQU0sSUFBSSxHQUFHLHFDQUF3QixDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsSUFBSSxJQUFJLEVBQUUsQ0FBQyxDQUFBO0lBRTNELE1BQU0sV0FBVyxHQUFJLEdBRW5CLENBQUMsWUFBWSxDQUFBO0lBQ2YsTUFBTSxPQUFPLEdBQUcsV0FBVyxFQUFFLFFBQVEsSUFBSSxXQUFXLEVBQUUsT0FBTyxJQUFJLE9BQU8sQ0FBQTtJQUV4RSxNQUFNLE9BQU8sR0FBRyxHQUFHLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FDL0IseUNBQXNCLENBQ3ZCLENBQUE7SUFFRCxNQUFNLE9BQU8sR0FBRyxNQUFNLE9BQU8sQ0FBQyxhQUFhLENBQUM7UUFDMUMsa0JBQWtCLEVBQUUsRUFBRTtRQUN0QixRQUFRLEVBQUUsT0FBTztRQUNqQixPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQU87UUFDckIsTUFBTSxFQUFFLElBQUksQ0FBQyxNQUFNO0tBQ3BCLENBQUMsQ0FBQTtJQUVGLEdBQUcsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQTtBQUNuQyxDQUFDLENBQUE7QUFyQlksUUFBQSxJQUFJLFFBcUJoQiJ9