@consilioweb/payload-support 0.6.1 → 0.6.3

package/dist/views/NewTicketView/client.cjs

@@ -0,0 +1,229 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var Link = require('next/link');
+var navigation = require('next/navigation');
+var useTranslation = require('../../components/TicketConversation/hooks/useTranslation');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Link__default = /*#__PURE__*/_interopDefault(Link);
+
+const CATEGORY_KEYS = [
+  { value: "", key: "ticket.category.select" },
+  { value: "bug", key: "ticket.category.bugFull" },
+  { value: "content", key: "ticket.category.contentFull" },
+  { value: "feature", key: "ticket.category.featureFull" },
+  { value: "question", key: "ticket.category.questionFull" },
+  { value: "hosting", key: "ticket.category.hostingFull" }
+];
+const PRIORITY_KEYS = [
+  { value: "low", key: "ticket.priority.low" },
+  { value: "normal", key: "ticket.priority.normal" },
+  { value: "high", key: "ticket.priority.high" },
+  { value: "urgent", key: "ticket.priority.urgent" }
+];
+const NewTicketClient = () => {
+  const { t } = useTranslation.useTranslation();
+  const router = navigation.useRouter();
+  const [subject, setSubject] = react.useState("");
+  const [description, setDescription] = react.useState("");
+  const [category, setCategory] = react.useState("");
+  const [priority, setPriority] = react.useState("normal");
+  const [clientSearch, setClientSearch] = react.useState("");
+  const [clientId, setClientId] = react.useState(null);
+  const [clientResults, setClientResults] = react.useState([]);
+  const [selectedClient, setSelectedClient] = react.useState(null);
+  const [projectId, setProjectId] = react.useState(null);
+  const [projects, setProjects] = react.useState([]);
+  const [submitting, setSubmitting] = react.useState(false);
+  const [error, setError] = react.useState("");
+  react.useEffect(() => {
+    if (clientSearch.length < 2) {
+      setClientResults([]);
+      return;
+    }
+    const timer = setTimeout(async () => {
+      try {
+        const res = await fetch(`/api/support-clients?where[or][0][email][contains]=${encodeURIComponent(clientSearch)}&where[or][1][firstName][contains]=${encodeURIComponent(clientSearch)}&where[or][2][company][contains]=${encodeURIComponent(clientSearch)}&limit=8&depth=0`, { credentials: "include" });
+        if (res.ok) {
+          const d = await res.json();
+          setClientResults(d.docs || []);
+        }
+      } catch (err) {
+        console.warn("[support] client search error:", err);
+      }
+    }, 300);
+    return () => clearTimeout(timer);
+  }, [clientSearch]);
+  react.useEffect(() => {
+    fetch("/api/projects?where[status][equals]=active&limit=50&depth=0", { credentials: "include" }).then((r) => r.json()).then((d) => setProjects(d.docs || [])).catch(() => {
+    });
+  }, []);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setError("");
+    if (!subject.trim()) {
+      setError(t("newTicket.errors.subjectRequired"));
+      return;
+    }
+    if (!clientId) {
+      setError(t("newTicket.errors.clientRequired"));
+      return;
+    }
+    setSubmitting(true);
+    try {
+      const res = await fetch("/api/tickets", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        credentials: "include",
+        body: JSON.stringify({
+          subject: subject.trim(),
+          client: clientId,
+          category: category || void 0,
+          priority,
+          project: projectId || void 0,
+          source: "admin",
+          status: "open"
+        })
+      });
+      if (!res.ok) {
+        const d = await res.json().catch(() => ({}));
+        setError(d.errors?.[0]?.message || t("newTicket.errors.creationError"));
+        return;
+      }
+      const ticket = await res.json();
+      if (description.trim()) {
+        await fetch("/api/ticket-messages", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          credentials: "include",
+          body: JSON.stringify({
+            ticket: ticket.doc.id,
+            body: description.trim(),
+            authorType: "admin",
+            isInternal: false
+          })
+        });
+      }
+      router.push(`/admin/support/ticket?id=${ticket.doc.id}`);
+    } catch {
+      setError(t("newTicket.errors.networkError"));
+    } finally {
+      setSubmitting(false);
+    }
+  };
+  const S = {
+    page: { padding: "20px 30px", maxWidth: 720, margin: "0 auto" },
+    header: { marginBottom: 24 },
+    backLink: { fontSize: 13, color: "#2563eb", textDecoration: "none" },
+    title: { fontSize: 24, fontWeight: 700, margin: "8px 0 4px", color: "var(--theme-text)" },
+    subtitle: { fontSize: 14, color: "var(--theme-elevation-500)" },
+    error: { padding: "10px 14px", borderRadius: 8, background: "#fef2f2", color: "#dc2626", fontSize: 13, marginBottom: 16, border: "1px solid #fecaca" },
+    fieldGroup: { marginBottom: 16 },
+    label: { display: "block", fontSize: 13, fontWeight: 600, marginBottom: 6, color: "var(--theme-text)" },
+    required: { color: "#dc2626" },
+    input: { width: "100%", padding: "8px 12px", borderRadius: 8, border: "1px solid var(--theme-elevation-200)", fontSize: 13, color: "var(--theme-text)", background: "var(--theme-elevation-0)" },
+    select: { width: "100%", padding: "8px 12px", borderRadius: 8, border: "1px solid var(--theme-elevation-200)", fontSize: 13, color: "var(--theme-text)", background: "var(--theme-elevation-0)" },
+    textarea: { width: "100%", padding: "8px 12px", borderRadius: 8, border: "1px solid var(--theme-elevation-200)", fontSize: 13, color: "var(--theme-text)", background: "var(--theme-elevation-0)", minHeight: 120, fontFamily: "inherit", resize: "vertical" },
+    row3: { display: "grid", gridTemplateColumns: "1fr 1fr 1fr", gap: 12, marginBottom: 16 },
+    submitBtn: { padding: "10px 20px", borderRadius: 8, background: "#2563eb", color: "#fff", fontSize: 14, fontWeight: 600, border: "none", cursor: "pointer" },
+    searchResults: { position: "absolute", top: "100%", left: 0, right: 0, background: "var(--theme-elevation-0)", border: "1px solid var(--theme-elevation-200)", borderRadius: 8, boxShadow: "0 4px 12px rgba(0,0,0,0.1)", zIndex: 50, maxHeight: 200, overflowY: "auto" },
+    searchItem: { padding: "8px 12px", cursor: "pointer", fontSize: 13, borderBottom: "1px solid var(--theme-elevation-100)" }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: S.page, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: S.header, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Link__default.default, { href: "/admin/support/inbox", style: S.backLink, children: [
+        "\u2190 ",
+        t("newTicket.backToInbox")
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { style: S.title, children: t("newTicket.title") }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { style: S.subtitle, children: t("newTicket.subtitle") })
+    ] }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: S.error, children: error }),
+    /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: S.fieldGroup, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { style: S.label, children: [
+          t("newTicket.clientLabel"),
+          " ",
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: S.required, children: "*" })
+        ] }),
+        selectedClient ? /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 10, padding: "8px 14px", borderRadius: 10, border: "1px solid var(--theme-elevation-200)", background: "var(--theme-elevation-50)" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontWeight: 600, fontSize: 13, color: "var(--theme-text)" }, children: [
+            selectedClient.firstName,
+            " ",
+            selectedClient.lastName,
+            " -- ",
+            selectedClient.company
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 12, color: "var(--theme-elevation-500)" }, children: selectedClient.email }),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => {
+            setSelectedClient(null);
+            setClientId(null);
+            setClientSearch("");
+          }, style: { marginLeft: "auto", background: "none", border: "none", cursor: "pointer", color: "var(--theme-elevation-400)", fontSize: 16 }, children: "\xD7" })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { position: "relative" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "text",
+              style: S.input,
+              placeholder: t("newTicket.clientSearchPlaceholder"),
+              value: clientSearch,
+              onChange: (e) => setClientSearch(e.target.value)
+            }
+          ),
+          clientResults.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: S.searchResults, children: clientResults.map((c) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: S.searchItem, onClick: () => {
+            setSelectedClient(c);
+            setClientId(c.id);
+            setClientSearch("");
+            setClientResults([]);
+          }, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
+              c.firstName,
+              " ",
+              c.lastName
+            ] }),
+            " -- ",
+            c.company,
+            " ",
+            /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "var(--theme-elevation-400)", fontSize: 12 }, children: c.email })
+          ] }, c.id)) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: S.fieldGroup, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { style: S.label, children: [
+          t("newTicket.subjectLabel"),
+          " ",
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: S.required, children: "*" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("input", { type: "text", style: S.input, placeholder: t("newTicket.subjectPlaceholder"), value: subject, onChange: (e) => setSubject(e.target.value) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: S.row3, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: S.fieldGroup, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("label", { style: S.label, children: t("newTicket.categoryLabel") }),
+          /* @__PURE__ */ jsxRuntime.jsx("select", { style: S.select, value: category, onChange: (e) => setCategory(e.target.value), children: CATEGORY_KEYS.map((c) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: c.value, children: t(c.key) }, c.value)) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: S.fieldGroup, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("label", { style: S.label, children: t("newTicket.priorityLabel") }),
+          /* @__PURE__ */ jsxRuntime.jsx("select", { style: S.select, value: priority, onChange: (e) => setPriority(e.target.value), children: PRIORITY_KEYS.map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p.value, children: t(p.key) }, p.value)) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: S.fieldGroup, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("label", { style: S.label, children: t("newTicket.projectLabel") }),
+          /* @__PURE__ */ jsxRuntime.jsxs("select", { style: S.select, value: projectId || "", onChange: (e) => setProjectId(e.target.value ? Number(e.target.value) : null), children: [
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: t("ticket.noProject") }),
+            projects.map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p.id, children: p.name }, p.id))
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: S.fieldGroup, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { style: S.label, children: t("newTicket.descriptionLabel") }),
+        /* @__PURE__ */ jsxRuntime.jsx("textarea", { style: S.textarea, placeholder: t("newTicket.descriptionPlaceholder"), value: description, onChange: (e) => setDescription(e.target.value) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", style: S.submitBtn, disabled: submitting, children: submitting ? t("newTicket.submitting") : t("newTicket.submitButton") })
+    ] })
+  ] });
+};
+
+exports.NewTicketClient = NewTicketClient;

package/dist/views/NewTicketView/client.js

@@ -0,0 +1,224 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import Link from 'next/link';
+import { useRouter } from 'next/navigation';
+import { useTranslation } from '../../components/TicketConversation/hooks/useTranslation';
+
+const CATEGORY_KEYS = [
+  { value: "", key: "ticket.category.select" },
+  { value: "bug", key: "ticket.category.bugFull" },
+  { value: "content", key: "ticket.category.contentFull" },
+  { value: "feature", key: "ticket.category.featureFull" },
+  { value: "question", key: "ticket.category.questionFull" },
+  { value: "hosting", key: "ticket.category.hostingFull" }
+];
+const PRIORITY_KEYS = [
+  { value: "low", key: "ticket.priority.low" },
+  { value: "normal", key: "ticket.priority.normal" },
+  { value: "high", key: "ticket.priority.high" },
+  { value: "urgent", key: "ticket.priority.urgent" }
+];
+const NewTicketClient = () => {
+  const { t } = useTranslation();
+  const router = useRouter();
+  const [subject, setSubject] = useState("");
+  const [description, setDescription] = useState("");
+  const [category, setCategory] = useState("");
+  const [priority, setPriority] = useState("normal");
+  const [clientSearch, setClientSearch] = useState("");
+  const [clientId, setClientId] = useState(null);
+  const [clientResults, setClientResults] = useState([]);
+  const [selectedClient, setSelectedClient] = useState(null);
+  const [projectId, setProjectId] = useState(null);
+  const [projects, setProjects] = useState([]);
+  const [submitting, setSubmitting] = useState(false);
+  const [error, setError] = useState("");
+  useEffect(() => {
+    if (clientSearch.length < 2) {
+      setClientResults([]);
+      return;
+    }
+    const timer = setTimeout(async () => {
+      try {
+        const res = await fetch(`/api/support-clients?where[or][0][email][contains]=${encodeURIComponent(clientSearch)}&where[or][1][firstName][contains]=${encodeURIComponent(clientSearch)}&where[or][2][company][contains]=${encodeURIComponent(clientSearch)}&limit=8&depth=0`, { credentials: "include" });
+        if (res.ok) {
+          const d = await res.json();
+          setClientResults(d.docs || []);
+        }
+      } catch (err) {
+        console.warn("[support] client search error:", err);
+      }
+    }, 300);
+    return () => clearTimeout(timer);
+  }, [clientSearch]);
+  useEffect(() => {
+    fetch("/api/projects?where[status][equals]=active&limit=50&depth=0", { credentials: "include" }).then((r) => r.json()).then((d) => setProjects(d.docs || [])).catch(() => {
+    });
+  }, []);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setError("");
+    if (!subject.trim()) {
+      setError(t("newTicket.errors.subjectRequired"));
+      return;
+    }
+    if (!clientId) {
+      setError(t("newTicket.errors.clientRequired"));
+      return;
+    }
+    setSubmitting(true);
+    try {
+      const res = await fetch("/api/tickets", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        credentials: "include",
+        body: JSON.stringify({
+          subject: subject.trim(),
+          client: clientId,
+          category: category || void 0,
+          priority,
+          project: projectId || void 0,
+          source: "admin",
+          status: "open"
+        })
+      });
+      if (!res.ok) {
+        const d = await res.json().catch(() => ({}));
+        setError(d.errors?.[0]?.message || t("newTicket.errors.creationError"));
+        return;
+      }
+      const ticket = await res.json();
+      if (description.trim()) {
+        await fetch("/api/ticket-messages", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          credentials: "include",
+          body: JSON.stringify({
+            ticket: ticket.doc.id,
+            body: description.trim(),
+            authorType: "admin",
+            isInternal: false
+          })
+        });
+      }
+      router.push(`/admin/support/ticket?id=${ticket.doc.id}`);
+    } catch {
+      setError(t("newTicket.errors.networkError"));
+    } finally {
+      setSubmitting(false);
+    }
+  };
+  const S = {
+    page: { padding: "20px 30px", maxWidth: 720, margin: "0 auto" },
+    header: { marginBottom: 24 },
+    backLink: { fontSize: 13, color: "#2563eb", textDecoration: "none" },
+    title: { fontSize: 24, fontWeight: 700, margin: "8px 0 4px", color: "var(--theme-text)" },
+    subtitle: { fontSize: 14, color: "var(--theme-elevation-500)" },
+    error: { padding: "10px 14px", borderRadius: 8, background: "#fef2f2", color: "#dc2626", fontSize: 13, marginBottom: 16, border: "1px solid #fecaca" },
+    fieldGroup: { marginBottom: 16 },
+    label: { display: "block", fontSize: 13, fontWeight: 600, marginBottom: 6, color: "var(--theme-text)" },
+    required: { color: "#dc2626" },
+    input: { width: "100%", padding: "8px 12px", borderRadius: 8, border: "1px solid var(--theme-elevation-200)", fontSize: 13, color: "var(--theme-text)", background: "var(--theme-elevation-0)" },
+    select: { width: "100%", padding: "8px 12px", borderRadius: 8, border: "1px solid var(--theme-elevation-200)", fontSize: 13, color: "var(--theme-text)", background: "var(--theme-elevation-0)" },
+    textarea: { width: "100%", padding: "8px 12px", borderRadius: 8, border: "1px solid var(--theme-elevation-200)", fontSize: 13, color: "var(--theme-text)", background: "var(--theme-elevation-0)", minHeight: 120, fontFamily: "inherit", resize: "vertical" },
+    row3: { display: "grid", gridTemplateColumns: "1fr 1fr 1fr", gap: 12, marginBottom: 16 },
+    submitBtn: { padding: "10px 20px", borderRadius: 8, background: "#2563eb", color: "#fff", fontSize: 14, fontWeight: 600, border: "none", cursor: "pointer" },
+    searchResults: { position: "absolute", top: "100%", left: 0, right: 0, background: "var(--theme-elevation-0)", border: "1px solid var(--theme-elevation-200)", borderRadius: 8, boxShadow: "0 4px 12px rgba(0,0,0,0.1)", zIndex: 50, maxHeight: 200, overflowY: "auto" },
+    searchItem: { padding: "8px 12px", cursor: "pointer", fontSize: 13, borderBottom: "1px solid var(--theme-elevation-100)" }
+  };
+  return /* @__PURE__ */ jsxs("div", { style: S.page, children: [
+    /* @__PURE__ */ jsxs("div", { style: S.header, children: [
+      /* @__PURE__ */ jsxs(Link, { href: "/admin/support/inbox", style: S.backLink, children: [
+        "\u2190 ",
+        t("newTicket.backToInbox")
+      ] }),
+      /* @__PURE__ */ jsx("h1", { style: S.title, children: t("newTicket.title") }),
+      /* @__PURE__ */ jsx("p", { style: S.subtitle, children: t("newTicket.subtitle") })
+    ] }),
+    error && /* @__PURE__ */ jsx("div", { style: S.error, children: error }),
+    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, children: [
+      /* @__PURE__ */ jsxs("div", { style: S.fieldGroup, children: [
+        /* @__PURE__ */ jsxs("label", { style: S.label, children: [
+          t("newTicket.clientLabel"),
+          " ",
+          /* @__PURE__ */ jsx("span", { style: S.required, children: "*" })
+        ] }),
+        selectedClient ? /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 10, padding: "8px 14px", borderRadius: 10, border: "1px solid var(--theme-elevation-200)", background: "var(--theme-elevation-50)" }, children: [
+          /* @__PURE__ */ jsxs("span", { style: { fontWeight: 600, fontSize: 13, color: "var(--theme-text)" }, children: [
+            selectedClient.firstName,
+            " ",
+            selectedClient.lastName,
+            " -- ",
+            selectedClient.company
+          ] }),
+          /* @__PURE__ */ jsx("span", { style: { fontSize: 12, color: "var(--theme-elevation-500)" }, children: selectedClient.email }),
+          /* @__PURE__ */ jsx("button", { type: "button", onClick: () => {
+            setSelectedClient(null);
+            setClientId(null);
+            setClientSearch("");
+          }, style: { marginLeft: "auto", background: "none", border: "none", cursor: "pointer", color: "var(--theme-elevation-400)", fontSize: 16 }, children: "\xD7" })
+        ] }) : /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              style: S.input,
+              placeholder: t("newTicket.clientSearchPlaceholder"),
+              value: clientSearch,
+              onChange: (e) => setClientSearch(e.target.value)
+            }
+          ),
+          clientResults.length > 0 && /* @__PURE__ */ jsx("div", { style: S.searchResults, children: clientResults.map((c) => /* @__PURE__ */ jsxs("div", { style: S.searchItem, onClick: () => {
+            setSelectedClient(c);
+            setClientId(c.id);
+            setClientSearch("");
+            setClientResults([]);
+          }, children: [
+            /* @__PURE__ */ jsxs("strong", { children: [
+              c.firstName,
+              " ",
+              c.lastName
+            ] }),
+            " -- ",
+            c.company,
+            " ",
+            /* @__PURE__ */ jsx("span", { style: { color: "var(--theme-elevation-400)", fontSize: 12 }, children: c.email })
+          ] }, c.id)) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: S.fieldGroup, children: [
+        /* @__PURE__ */ jsxs("label", { style: S.label, children: [
+          t("newTicket.subjectLabel"),
+          " ",
+          /* @__PURE__ */ jsx("span", { style: S.required, children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx("input", { type: "text", style: S.input, placeholder: t("newTicket.subjectPlaceholder"), value: subject, onChange: (e) => setSubject(e.target.value) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: S.row3, children: [
+        /* @__PURE__ */ jsxs("div", { style: S.fieldGroup, children: [
+          /* @__PURE__ */ jsx("label", { style: S.label, children: t("newTicket.categoryLabel") }),
+          /* @__PURE__ */ jsx("select", { style: S.select, value: category, onChange: (e) => setCategory(e.target.value), children: CATEGORY_KEYS.map((c) => /* @__PURE__ */ jsx("option", { value: c.value, children: t(c.key) }, c.value)) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { style: S.fieldGroup, children: [
+          /* @__PURE__ */ jsx("label", { style: S.label, children: t("newTicket.priorityLabel") }),
+          /* @__PURE__ */ jsx("select", { style: S.select, value: priority, onChange: (e) => setPriority(e.target.value), children: PRIORITY_KEYS.map((p) => /* @__PURE__ */ jsx("option", { value: p.value, children: t(p.key) }, p.value)) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { style: S.fieldGroup, children: [
+          /* @__PURE__ */ jsx("label", { style: S.label, children: t("newTicket.projectLabel") }),
+          /* @__PURE__ */ jsxs("select", { style: S.select, value: projectId || "", onChange: (e) => setProjectId(e.target.value ? Number(e.target.value) : null), children: [
+            /* @__PURE__ */ jsx("option", { value: "", children: t("ticket.noProject") }),
+            projects.map((p) => /* @__PURE__ */ jsx("option", { value: p.id, children: p.name }, p.id))
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: S.fieldGroup, children: [
+        /* @__PURE__ */ jsx("label", { style: S.label, children: t("newTicket.descriptionLabel") }),
+        /* @__PURE__ */ jsx("textarea", { style: S.textarea, placeholder: t("newTicket.descriptionPlaceholder"), value: description, onChange: (e) => setDescription(e.target.value) })
+      ] }),
+      /* @__PURE__ */ jsx("button", { type: "submit", style: S.submitBtn, disabled: submitting, children: submitting ? t("newTicket.submitting") : t("newTicket.submitButton") })
+    ] })
+  ] });
+};
+
+export { NewTicketClient };

package/dist/views/NewTicketView/index.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var templates = require('@payloadcms/next/templates');
+var navigation = require('next/navigation');
+var ErrorBoundary = require('../shared/ErrorBoundary');
+var client = require('./client');
+
+const NewTicketView = ({ initPageResult }) => {
+  const { req, visibleEntities } = initPageResult;
+  if (!req.user) navigation.redirect("/admin/login");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    templates.DefaultTemplate,
+    {
+      i18n: req.i18n,
+      locale: initPageResult.locale,
+      params: {},
+      payload: req.payload,
+      permissions: initPageResult.permissions,
+      searchParams: {},
+      user: req.user,
+      visibleEntities,
+      children: /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary.AdminErrorBoundary, { viewName: "NewTicketView", children: /* @__PURE__ */ jsxRuntime.jsx(client.NewTicketClient, {}) })
+    }
+  );
+};
+var NewTicketView_default = NewTicketView;
+
+exports.NewTicketView = NewTicketView;
+exports.default = NewTicketView_default;

package/dist/views/NewTicketView/index.js

@@ -0,0 +1,27 @@
+import { jsx } from 'react/jsx-runtime';
+import { DefaultTemplate } from '@payloadcms/next/templates';
+import { redirect } from 'next/navigation';
+import { AdminErrorBoundary } from '../shared/ErrorBoundary';
+import { NewTicketClient } from './client';
+
+const NewTicketView = ({ initPageResult }) => {
+  const { req, visibleEntities } = initPageResult;
+  if (!req.user) redirect("/admin/login");
+  return /* @__PURE__ */ jsx(
+    DefaultTemplate,
+    {
+      i18n: req.i18n,
+      locale: initPageResult.locale,
+      params: {},
+      payload: req.payload,
+      permissions: initPageResult.permissions,
+      searchParams: {},
+      user: req.user,
+      visibleEntities,
+      children: /* @__PURE__ */ jsx(AdminErrorBoundary, { viewName: "NewTicketView", children: /* @__PURE__ */ jsx(NewTicketClient, {}) })
+    }
+  );
+};
+var NewTicketView_default = NewTicketView;
+
+export { NewTicketView, NewTicketView_default as default };