medusa-contact-us 0.0.17 → 0.0.21

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 { defineRouteConfig } from "@medusajs/admin-sdk";
-import { Container, Heading, Text, Button, Input, Badge } from "@medusajs/ui";
-import { Envelope } from "@medusajs/icons";
-const useDebounce = (value, delay) => {
+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";
+const useDebounce$1 = (value, delay) => {
   const [debouncedValue, setDebouncedValue] = useState(value);
   useEffect(() => {
     const handler = setTimeout(() => setDebouncedValue(value), delay);
@@ -26,7 +27,7 @@ const ContactEmailSubscriptionsPage = () => {
   const [items, setItems] = useState([]);
   const [statusFilter, setStatusFilter] = useState("all");
   const [query, setQuery] = useState("");
-  const debouncedQuery = useDebounce(query, 300);
+  const debouncedQuery = useDebounce$1(query, 300);
   const [isLoading, setIsLoading] = useState(true);
   const [isFetchingMore, setIsFetchingMore] = useState(false);
   const [error, setError] = useState(null);
@@ -164,10 +165,478 @@ const ContactEmailSubscriptionsPage = () => {
     ) }) : null
   ] }) });
 };
-const config = defineRouteConfig({
+const config$2 = defineRouteConfig({
   label: "Contact email list",
   icon: Envelope
 });
+const useDebounce = (value, delay) => {
+  const [debouncedValue, setDebouncedValue] = useState(value);
+  useEffect(() => {
+    const handler = setTimeout(() => setDebouncedValue(value), delay);
+    return () => clearTimeout(handler);
+  }, [value, delay]);
+  return debouncedValue;
+};
+const getStatusBadgeClass$1 = (status) => {
+  const statusLower = status.toLowerCase();
+  if (statusLower === "pending") {
+    return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
+  }
+  if (statusLower === "in_progress") {
+    return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
+  }
+  if (statusLower === "resolved") {
+    return "bg-ui-tag-green-bg text-ui-tag-green-text";
+  }
+  if (statusLower === "closed") {
+    return "bg-ui-tag-grey-bg text-ui-tag-grey-text";
+  }
+  return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
+};
+const ContactRequestsPage = () => {
+  const navigate = useNavigate();
+  const [items, setItems] = useState([]);
+  const [statusFilter, setStatusFilter] = useState("all");
+  const [emailQuery, setEmailQuery] = useState("");
+  const [sourceFilter, setSourceFilter] = useState("all");
+  const debouncedEmailQuery = useDebounce(emailQuery, 300);
+  const [isLoading, setIsLoading] = useState(true);
+  const [isFetchingMore, setIsFetchingMore] = useState(false);
+  const [error, setError] = useState(null);
+  const [offset, setOffset] = useState(0);
+  const [count, setCount] = useState(0);
+  const limit = 50;
+  const loadRequests = useCallback(
+    async (nextOffset, replace = false) => {
+      var _a;
+      try {
+        if (replace) {
+          setIsLoading(true);
+        } else {
+          setIsFetchingMore(true);
+        }
+        setError(null);
+        const params = new URLSearchParams();
+        params.set("limit", String(limit));
+        params.set("offset", String(nextOffset));
+        if (statusFilter !== "all") {
+          params.set("status", statusFilter);
+        }
+        if (debouncedEmailQuery.trim()) {
+          params.set("email", debouncedEmailQuery.trim());
+        }
+        if (sourceFilter !== "all") {
+          params.set("source", sourceFilter);
+        }
+        params.set("order", "created_at");
+        params.set("order_direction", "DESC");
+        const response = await fetch(
+          `/admin/contact-requests?${params.toString()}`,
+          { credentials: "include" }
+        );
+        if (!response.ok) {
+          const message = await response.text();
+          throw new Error(message || "Unable to load contact requests");
+        }
+        const payload = await response.json();
+        setCount(payload.count ?? 0);
+        setOffset(nextOffset + (((_a = payload.requests) == null ? void 0 : _a.length) ?? 0));
+        setItems(
+          (prev) => replace ? payload.requests ?? [] : [...prev, ...payload.requests ?? []]
+        );
+      } catch (loadError) {
+        const message = loadError instanceof Error ? loadError.message : "Unable to load contact requests";
+        setError(message);
+      } finally {
+        setIsLoading(false);
+        setIsFetchingMore(false);
+      }
+    },
+    [statusFilter, debouncedEmailQuery, sourceFilter]
+  );
+  useEffect(() => {
+    void loadRequests(0, true);
+  }, [statusFilter, debouncedEmailQuery, sourceFilter, loadRequests]);
+  const hasMore = useMemo(() => offset < count, [offset, count]);
+  const availableStatuses = useMemo(() => {
+    const statuses = /* @__PURE__ */ new Set();
+    items.forEach((item) => statuses.add(item.status));
+    return Array.from(statuses).sort();
+  }, [items]);
+  const availableSources = useMemo(() => {
+    const sources = /* @__PURE__ */ new Set();
+    items.forEach((item) => {
+      if (item.source) {
+        sources.add(item.source);
+      }
+    });
+    return Array.from(sources).sort();
+  }, [items]);
+  return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxs(Container, { className: "mx-auto flex w-full max-w-7xl flex-col gap-6 p-6", children: [
+    /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Contact Requests" }),
+        /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Manage and track customer contact requests from the storefront" })
+      ] }),
+      /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: () => loadRequests(0, true), children: "Refresh" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          placeholder: "Search by email",
+          value: emailQuery,
+          onChange: (event) => setEmailQuery(event.target.value),
+          className: "md:max-w-sm"
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ jsxs(
+          "select",
+          {
+            value: statusFilter,
+            onChange: (event) => setStatusFilter(event.target.value),
+            className: "h-9 rounded-md border border-ui-border-base bg-transparent px-3 text-sm text-ui-fg-base outline-none transition focus:ring-2 focus:ring-ui-fg-interactive md:max-w-xs",
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "all", children: "All Statuses" }),
+              availableStatuses.map((status) => /* @__PURE__ */ jsx("option", { value: status, children: status.replace("_", " ").toUpperCase() }, status))
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "select",
+          {
+            value: sourceFilter,
+            onChange: (event) => setSourceFilter(event.target.value),
+            className: "h-9 rounded-md border border-ui-border-base bg-transparent px-3 text-sm text-ui-fg-base outline-none transition focus:ring-2 focus:ring-ui-fg-interactive md:max-w-xs",
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "all", children: "All Sources" }),
+              availableSources.map((source) => /* @__PURE__ */ jsx("option", { value: source, children: source }, source))
+            ]
+          }
+        )
+      ] })
+    ] }),
+    error ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
+      /* @__PURE__ */ jsx(Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
+      /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "secondary",
+          onClick: () => loadRequests(0, true),
+          children: "Try again"
+        }
+      ) })
+    ] }) : null,
+    isLoading ? /* @__PURE__ */ jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsx(Text, { children: "Loading contact requests..." }) }) : items.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-dashed border-ui-border-strong p-10 text-center", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h3", className: "text-xl", children: "No contact requests yet" }),
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "mt-2 text-ui-fg-subtle", children: "Contact requests created through the storefront will appear here." })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
+      /* @__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: "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" })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((request) => /* @__PURE__ */ jsxs(
+        "tr",
+        {
+          className: "hover:bg-ui-bg-subtle/60 cursor-pointer",
+          onClick: () => navigate(`/contact-requests/${request.id}`),
+          children: [
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+              /* @__PURE__ */ jsx("span", { children: request.email }),
+              /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: request.id })
+            ] }) }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsx(
+              Badge,
+              {
+                size: "2xsmall",
+                className: `uppercase ${getStatusBadgeClass$1(request.status)}`,
+                children: request.status.replace("_", " ")
+              }
+            ) }),
+            /* @__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(
+              Button,
+              {
+                variant: "transparent",
+                size: "small",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  navigate(`/contact-requests/${request.id}`);
+                },
+                children: "View"
+              }
+            ) })
+          ]
+        },
+        request.id
+      )) })
+    ] }) }),
+    hasMore ? /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "secondary",
+        isLoading: isFetchingMore,
+        onClick: () => loadRequests(offset, false),
+        children: "Load more"
+      }
+    ) }) : null
+  ] }) });
+};
+const config$1 = defineRouteConfig({
+  label: "Contact Requests",
+  icon: ChatBubbleLeftRight
+});
+const getStatusBadgeClass = (status) => {
+  const statusLower = status.toLowerCase();
+  if (statusLower === "pending") {
+    return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
+  }
+  if (statusLower === "in_progress") {
+    return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
+  }
+  if (statusLower === "resolved") {
+    return "bg-ui-tag-green-bg text-ui-tag-green-text";
+  }
+  if (statusLower === "closed") {
+    return "bg-ui-tag-grey-bg text-ui-tag-grey-text";
+  }
+  return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
+};
+const ContactRequestDetailPage = () => {
+  const navigate = useNavigate();
+  const { id } = useParams();
+  const [request, setRequest] = useState(null);
+  const [nextAllowedStatuses, setNextAllowedStatuses] = useState([]);
+  const [selectedStatus, setSelectedStatus] = useState("");
+  const [isLoading, setIsLoading] = useState(true);
+  const [isUpdating, setIsUpdating] = useState(false);
+  const [error, setError] = useState(null);
+  const [updateError, setUpdateError] = useState(null);
+  const [updateSuccess, setUpdateSuccess] = useState(false);
+  useEffect(() => {
+    if (!id) {
+      navigate("/contact-requests");
+      return;
+    }
+    const loadRequest = async () => {
+      try {
+        setIsLoading(true);
+        setError(null);
+        const response = await fetch(`/admin/contact-requests/${id}`, {
+          credentials: "include"
+        });
+        if (!response.ok) {
+          const message = await response.text();
+          throw new Error(message || "Unable to load contact request");
+        }
+        const payload = await response.json();
+        setRequest(payload.request);
+        setNextAllowedStatuses(payload.next_allowed_statuses ?? []);
+        setSelectedStatus("");
+      } catch (loadError) {
+        const message = loadError instanceof Error ? loadError.message : "Unable to load contact request";
+        setError(message);
+      } finally {
+        setIsLoading(false);
+      }
+    };
+    void loadRequest();
+  }, [id, navigate]);
+  const handleStatusUpdate = async () => {
+    if (!id || !selectedStatus) {
+      return;
+    }
+    try {
+      setIsUpdating(true);
+      setUpdateError(null);
+      setUpdateSuccess(false);
+      const response = await fetch(`/admin/contact-requests/${id}/status`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        credentials: "include",
+        body: JSON.stringify({ status: selectedStatus })
+      });
+      if (!response.ok) {
+        const message = await response.text();
+        throw new Error(message || "Unable to update status");
+      }
+      const payload = await response.json();
+      setRequest(payload.request);
+      setSelectedStatus("");
+      setUpdateSuccess(true);
+      setTimeout(() => setUpdateSuccess(false), 3e3);
+      const detailResponse = await fetch(`/admin/contact-requests/${id}`, {
+        credentials: "include"
+      });
+      if (detailResponse.ok) {
+        const detailPayload = await detailResponse.json();
+        setNextAllowedStatuses(detailPayload.next_allowed_statuses ?? []);
+      }
+    } catch (updateErr) {
+      const message = updateErr instanceof Error ? updateErr.message : "Unable to update status";
+      setUpdateError(message);
+    } finally {
+      setIsUpdating(false);
+    }
+  };
+  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..." }) }) }) });
+  }
+  if (error || !request) {
+    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__ */ jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
+      /* @__PURE__ */ jsx(Text, { weight: "plus", className: "text-ui-fg-error", children: error || "Contact request not found" }),
+      /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => navigate("/contact-requests"), children: "Back to list" }) })
+    ] }) }) });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxs(Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: [
+    /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "transparent",
+          size: "small",
+          onClick: () => navigate("/contact-requests"),
+          className: "w-fit",
+          children: [
+            /* @__PURE__ */ jsx(ArrowLeft, { className: "mr-2" }),
+            "Back to list"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 md:flex-row md:items-center md:justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Contact Request Details" }),
+          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: request.id })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Badge,
+          {
+            size: "small",
+            className: `uppercase ${getStatusBadgeClass(request.status)}`,
+            children: request.status.replace("_", " ")
+          }
+        )
+      ] })
+    ] }),
+    nextAllowedStatuses.length > 0 && /* @__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: "Update Status" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-end", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+          /* @__PURE__ */ jsx("label", { className: "mb-2 block text-sm font-medium text-ui-fg-base", children: "New Status" }),
+          /* @__PURE__ */ jsxs(
+            "select",
+            {
+              value: selectedStatus,
+              onChange: (event) => setSelectedStatus(event.target.value),
+              className: "h-9 w-full rounded-md border border-ui-border-base bg-transparent px-3 text-sm text-ui-fg-base outline-none transition focus:ring-2 focus:ring-ui-fg-interactive",
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "", children: "Select new status" }),
+                nextAllowedStatuses.map((status) => /* @__PURE__ */ jsx("option", { value: status, children: status.replace("_", " ").toUpperCase() }, status))
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "primary",
+            onClick: handleStatusUpdate,
+            disabled: !selectedStatus || isUpdating,
+            isLoading: isUpdating,
+            children: "Update Status"
+          }
+        )
+      ] }),
+      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: "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" }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Email" }),
+            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: request.email })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Source" }),
+            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: request.source ?? "storefront" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Created" }),
+            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: new Date(request.created_at).toLocaleString() })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Last Updated" }),
+            /* @__PURE__ */ jsx(Text, { className: "font-medium", children: new Date(request.updated_at).toLocaleString() })
+          ] })
+        ] })
+      ] }),
+      /* @__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: "Status History" }),
+        request.status_history && request.status_history.length > 0 ? /* @__PURE__ */ jsx("div", { className: "space-y-2", children: request.status_history.map((entry, index) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "flex items-center justify-between border-b border-ui-border-subtle pb-2 last:border-0",
+            children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  Badge,
+                  {
+                    size: "2xsmall",
+                    className: `uppercase ${getStatusBadgeClass(entry.to)}`,
+                    children: entry.to.replace("_", " ")
+                  }
+                ),
+                entry.from && /* @__PURE__ */ jsxs(Text, { size: "small", className: "text-ui-fg-subtle", children: [
+                  "from ",
+                  entry.from.replace("_", " ")
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs(Text, { size: "small", className: "text-ui-fg-subtle", children: [
+                new Date(entry.changed_at).toLocaleString(),
+                entry.changed_by && ` by ${entry.changed_by}`
+              ] })
+            ] })
+          },
+          index
+        )) }) : /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "No status history available" })
+      ] })
+    ] }),
+    request.payload && Object.keys(request.payload).length > 0 && /* @__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: "Request Details" }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-3", children: Object.entries(request.payload).map(([key, value]) => /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: key.charAt(0).toUpperCase() + key.slice(1).replace("_", " ") }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            value: typeof value === "string" ? value : JSON.stringify(value, null, 2),
+            readOnly: true,
+            className: "mt-1 min-h-[60px]"
+          }
+        )
+      ] }, key)) })
+    ] }),
+    request.metadata && Object.keys(request.metadata).length > 0 && /* @__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: "Metadata" }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-2", children: Object.entries(request.metadata).map(([key, value]) => /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+        /* @__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)) })
+    ] })
+  ] }) });
+};
+const config = defineRouteConfig({
+  label: "Contact Request Details",
+  icon: ChatBubbleLeftRight
+});
 const en = {};
 const i18nTranslations0 = {
   en
@@ -178,15 +647,35 @@ const routeModule = {
     {
       Component: ContactEmailSubscriptionsPage,
       path: "/contact-email-subscriptions"
+    },
+    {
+      Component: ContactRequestsPage,
+      path: "/contact-requests"
+    },
+    {
+      Component: ContactRequestDetailPage,
+      path: "/contact-requests/:id"
     }
   ]
 };
 const menuItemModule = {
   menuItems: [
+    {
+      label: config$2.label,
+      icon: config$2.icon,
+      path: "/contact-email-subscriptions",
+      nested: void 0
+    },
+    {
+      label: config$1.label,
+      icon: config$1.icon,
+      path: "/contact-requests",
+      nested: void 0
+    },
     {
       label: config.label,
       icon: config.icon,
-      path: "/contact-email-subscriptions",
+      path: "/contact-requests/:id",
       nested: void 0
     }
   ]

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GET = void 0;
+const contact_requests_1 = require("../../../../modules/contact-requests");
+const GET = async (req, res) => {
+    const { id } = req.params;
+    const service = req.scope.resolve(contact_requests_1.CONTACT_REQUEST_MODULE);
+    const request = await service.getRequest(id);
+    // Get next allowed statuses for the admin UI
+    const nextAllowedStatuses = service.getNextAllowedStatuses(request.status);
+    res.status(200).json({
+        request,
+        next_allowed_statuses: nextAllowedStatuses,
+    });
+};
+exports.GET = GET;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm91dGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBpL2FkbWluL2NvbnRhY3QtcmVxdWVzdHMvW2lkXS9yb3V0ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFDQSwyRUFBNkU7QUFHdEUsTUFBTSxHQUFHLEdBQUcsS0FBSyxFQUFFLEdBQWtCLEVBQUUsR0FBbUIsRUFBRSxFQUFFO0lBQ25FLE1BQU0sRUFBRSxFQUFFLEVBQUUsR0FBRyxHQUFHLENBQUMsTUFBTSxDQUFBO0lBRXpCLE1BQU0sT0FBTyxHQUFHLEdBQUcsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUMvQix5Q0FBc0IsQ0FDdkIsQ0FBQTtJQUVELE1BQU0sT0FBTyxHQUFHLE1BQU0sT0FBTyxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsQ0FBQTtJQUU1Qyw2Q0FBNkM7SUFDN0MsTUFBTSxtQkFBbUIsR0FBRyxPQUFPLENBQUMsc0JBQXNCLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFBO0lBRTFFLEdBQUcsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQ25CLE9BQU87UUFDUCxxQkFBcUIsRUFBRSxtQkFBbUI7S0FDM0MsQ0FBQyxDQUFBO0FBQ0osQ0FBQyxDQUFBO0FBaEJZLFFBQUEsR0FBRyxPQWdCZiJ9

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

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.POST = void 0;
+const validators_1 = require("../../validators");
+const update_contact_request_status_workflow_1 = __importDefault(require("../../../../../workflows/update-contact-request-status-workflow"));
+const POST = async (req, res) => {
+    const { id } = req.params;
+    const body = validators_1.AdminUpdateContactRequestStatusSchema.parse(req.body ?? {});
+    const authContext = req.auth_context;
+    const actorId = authContext?.actor_id || authContext?.user_id || "admin";
+    const { result } = await (0, update_contact_request_status_workflow_1.default)(req.scope).run({
+        input: {
+            id,
+            status: body.status,
+            changed_by: actorId,
+        },
+    });
+    res.status(200).json({ request: result.request });
+};
+exports.POST = POST;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm91dGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBpL2FkbWluL2NvbnRhY3QtcmVxdWVzdHMvW2lkXS9zdGF0dXMvcm91dGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQ0EsaURBQXdFO0FBQ3hFLDZJQUFnSDtBQUV6RyxNQUFNLElBQUksR0FBRyxLQUFLLEVBQUUsR0FBa0IsRUFBRSxHQUFtQixFQUFFLEVBQUU7SUFDcEUsTUFBTSxFQUFFLEVBQUUsRUFBRSxHQUFHLEdBQUcsQ0FBQyxNQUFNLENBQUE7SUFDekIsTUFBTSxJQUFJLEdBQUcsa0RBQXFDLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxJQUFJLElBQUksRUFBRSxDQUFDLENBQUE7SUFFeEUsTUFBTSxXQUFXLEdBQUksR0FFbkIsQ0FBQyxZQUFZLENBQUE7SUFDZixNQUFNLE9BQU8sR0FBRyxXQUFXLEVBQUUsUUFBUSxJQUFJLFdBQVcsRUFBRSxPQUFPLElBQUksT0FBTyxDQUFBO0lBRXhFLE1BQU0sRUFBRSxNQUFNLEVBQUUsR0FBRyxNQUFNLElBQUEsZ0RBQWtDLEVBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDLEdBQUcsQ0FBQztRQUN6RSxLQUFLLEVBQUU7WUFDTCxFQUFFO1lBQ0YsTUFBTSxFQUFFLElBQUksQ0FBQyxNQUFNO1lBQ25CLFVBQVUsRUFBRSxPQUFPO1NBQ3BCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsR0FBRyxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBRSxPQUFPLEVBQUUsTUFBTSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUE7QUFDbkQsQ0FBQyxDQUFBO0FBbEJZLFFBQUEsSUFBSSxRQWtCaEIifQ==

package/.medusa/server/src/api/admin/contact-requests/route.js

@@ -0,0 +1,67 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+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 create_contact_request_workflow_1 = __importDefault(require("../../../workflows/create-contact-request-workflow"));
+const GET = async (req, res) => {
+    const query = validators_1.AdminListContactRequestsSchema.parse(req.query ?? {});
+    const service = req.scope.resolve(contact_requests_1.CONTACT_REQUEST_MODULE);
+    const selector = {};
+    if (query.email) {
+        selector.email = { $ilike: `%${query.email}%` };
+    }
+    if (query.status) {
+        selector.status = query.status;
+    }
+    if (query.source) {
+        selector.source = query.source;
+    }
+    if (query.created_at) {
+        selector.created_at = {};
+        if (query.created_at.gte) {
+            selector.created_at.$gte = new Date(query.created_at.gte);
+        }
+        if (query.created_at.lte) {
+            selector.created_at.$lte = new Date(query.created_at.lte);
+        }
+    }
+    const order = {};
+    if (query.order) {
+        order[query.order] = query.order_direction ?? "DESC";
+    }
+    else {
+        order.created_at = query.order_direction ?? "DESC";
+    }
+    const [requests, count] = await service.listRequests(selector, {
+        take: query.limit,
+        skip: query.offset,
+        order,
+    });
+    res.status(200).json({
+        requests,
+        count,
+        offset: query.offset,
+        limit: query.limit,
+    });
+};
+exports.GET = GET;
+const POST = async (req, res) => {
+    const body = validators_1.AdminCreateContactRequestSchema.parse(req.body ?? {});
+    const authContext = req.auth_context;
+    const actorId = authContext?.actor_id || authContext?.user_id || "admin";
+    const { result } = await (0, create_contact_request_workflow_1.default)(req.scope).run({
+        input: {
+            email: body.email,
+            payload: body.payload,
+            metadata: body.metadata,
+            source: body.source ?? "admin",
+        },
+    });
+    res.status(200).json({ request: result.request });
+};
+exports.POST = POST;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm91dGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBpL2FkbWluL2NvbnRhY3QtcmVxdWVzdHMvcm91dGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQ0Esd0VBQTBFO0FBRTFFLDZDQUdxQjtBQUNyQix5SEFBNkY7QUFFdEYsTUFBTSxHQUFHLEdBQUcsS0FBSyxFQUFFLEdBQWtCLEVBQUUsR0FBbUIsRUFBRSxFQUFFO0lBQ25FLE1BQU0sS0FBSyxHQUFHLDJDQUE4QixDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxDQUFBO0lBQ25FLE1BQU0sT0FBTyxHQUFHLEdBQUcsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUMvQix5Q0FBc0IsQ0FDdkIsQ0FBQTtJQUVELE1BQU0sUUFBUSxHQVFWLEVBQUUsQ0FBQTtJQUVOLElBQUksS0FBSyxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ2hCLFFBQVEsQ0FBQyxLQUFLLEdBQUcsRUFBRSxNQUFNLEVBQUUsSUFBSSxLQUFLLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQTtJQUNqRCxDQUFDO0lBRUQsSUFBSSxLQUFLLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDakIsUUFBUSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFBO0lBQ2hDLENBQUM7SUFFRCxJQUFJLEtBQUssQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUNqQixRQUFRLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUE7SUFDaEMsQ0FBQztJQUVELElBQUksS0FBSyxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQ3JCLFFBQVEsQ0FBQyxVQUFVLEdBQUcsRUFBRSxDQUFBO1FBQ3hCLElBQUksS0FBSyxDQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQztZQUN6QixRQUFRLENBQUMsVUFBVSxDQUFDLElBQUksR0FBRyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxDQUFBO1FBQzNELENBQUM7UUFDRCxJQUFJLEtBQUssQ0FBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUM7WUFDekIsUUFBUSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEdBQUcsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsQ0FBQTtRQUMzRCxDQUFDO0lBQ0gsQ0FBQztJQUVELE1BQU0sS0FBSyxHQUEyQixFQUFFLENBQUE7SUFDeEMsSUFBSSxLQUFLLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDaEIsS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsR0FBRyxLQUFLLENBQUMsZUFBZSxJQUFJLE1BQU0sQ0FBQTtJQUN0RCxDQUFDO1NBQU0sQ0FBQztRQUNOLEtBQUssQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDLGVBQWUsSUFBSSxNQUFNLENBQUE7SUFDcEQsQ0FBQztJQUVELE1BQU0sQ0FBQyxRQUFRLEVBQUUsS0FBSyxDQUFDLEdBQUcsTUFBTSxPQUFPLENBQUMsWUFBWSxDQUFDLFFBQVEsRUFBRTtRQUM3RCxJQUFJLEVBQUUsS0FBSyxDQUFDLEtBQUs7UUFDakIsSUFBSSxFQUFFLEtBQUssQ0FBQyxNQUFNO1FBQ2xCLEtBQUs7S0FDTixDQUFDLENBQUE7SUFFRixHQUFHLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUNuQixRQUFRO1FBQ1IsS0FBSztRQUNMLE1BQU0sRUFBRSxLQUFLLENBQUMsTUFBTTtRQUNwQixLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUs7S0FDbkIsQ0FBQyxDQUFBO0FBQ0osQ0FBQyxDQUFBO0FBekRZLFFBQUEsR0FBRyxPQXlEZjtBQUVNLE1BQU0sSUFBSSxHQUFHLEtBQUssRUFBRSxHQUFrQixFQUFFLEdBQW1CLEVBQUUsRUFBRTtJQUNwRSxNQUFNLElBQUksR0FBRyw0Q0FBK0IsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLElBQUksSUFBSSxFQUFFLENBQUMsQ0FBQTtJQUVsRSxNQUFNLFdBQVcsR0FBSSxHQUVuQixDQUFDLFlBQVksQ0FBQTtJQUNmLE1BQU0sT0FBTyxHQUFHLFdBQVcsRUFBRSxRQUFRLElBQUksV0FBVyxFQUFFLE9BQU8sSUFBSSxPQUFPLENBQUE7SUFFeEUsTUFBTSxFQUFFLE1BQU0sRUFBRSxHQUFHLE1BQU0sSUFBQSx5Q0FBNEIsRUFBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUMsR0FBRyxDQUFDO1FBQ25FLEtBQUssRUFBRTtZQUNMLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSztZQUNqQixPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQU87WUFDckIsUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRO1lBQ3ZCLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTSxJQUFJLE9BQU87U0FDL0I7S0FDRixDQUFDLENBQUE7SUFFRixHQUFHLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUFFLE9BQU8sRUFBRSxNQUFNLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQTtBQUNuRCxDQUFDLENBQUE7QUFsQlksUUFBQSxJQUFJLFFBa0JoQiJ9