version-pill-react 1.6.2 → 1.7.0

package/dist/index.mjs

@@ -116,6 +116,8 @@ function VersionPill({
   const [ideaAuthorEmail, setIdeaAuthorEmail] = useState("");
   const [submittingIdea, setSubmittingIdea] = useState(false);
   const [ideaSubmitMessage, setIdeaSubmitMessage] = useState(null);
+  const [allowIdeas, setAllowIdeas] = useState(true);
+  const [allowVoting, setAllowVoting] = useState(true);
   const [roadmapView, setRoadmapView] = useState("board");
   const [isMobile, setIsMobile] = useState(false);
   const [votedIdeas, setVotedIdeas] = useState(/* @__PURE__ */ new Set());
@@ -165,6 +167,10 @@ function VersionPill({
       const response = await fetch(`${baseUrl}/api/roadmap/${projectId}`);
       if (!response.ok) return;
       const data = await response.json();
+      if (data.project) {
+        setAllowIdeas(data.project.allowIdeas ?? true);
+        setAllowVoting(data.project.allowVoting ?? true);
+      }
       if (data.columns && data.items) {
         setRoadmapColumns(data.columns);
         setRoadmapItems(data.items);
@@ -217,7 +223,7 @@ function VersionPill({
     }
   }, [projectId, baseUrl]);
   const submitIdea = useCallback(async () => {
-    if (!ideaTitle.trim() || !ideaAuthorEmail.trim()) return;
+    if (!ideaTitle.trim()) return;
     setSubmittingIdea(true);
     setIdeaSubmitMessage(null);
     try {
@@ -605,6 +611,7 @@ function VersionPill({
                         " \xB7 ",
                         new Date(version.date).toLocaleDateString()
                       ] }),
+                      version.heroImageUrl && /* @__PURE__ */ jsx("div", { style: { marginBottom: 12, borderRadius: 8, overflow: "hidden", border: `1px solid ${isLight ? "#e5e5e5" : "#1f1f1f"}` }, children: /* @__PURE__ */ jsx("img", { src: version.heroImageUrl, alt: version.title, style: { width: "100%", display: "block" } }) }),
                       version.description && /* @__PURE__ */ jsx("p", { style: { fontSize: 15, color: isLight ? "#52525b" : "#a1a1aa", margin: "0 0 12px 0", lineHeight: 1.6 }, children: version.description }),
                       version.features && version.features.length > 0 && /* @__PURE__ */ jsx("ul", { style: { margin: 0, paddingLeft: 0, listStyle: "none" }, children: version.features.map((feature, i) => /* @__PURE__ */ jsxs("li", { style: { display: "flex", alignItems: "flex-start", gap: 10, fontSize: 14, color: isLight ? "#52525b" : "#a1a1aa", marginBottom: 6, lineHeight: 1.5 }, children: [
                         /* @__PURE__ */ jsx("span", { style: { color: "#22c55e", fontSize: 14, marginTop: 2 }, children: "\u2713" }),
@@ -619,7 +626,14 @@ function VersionPill({
                           flexShrink: 0
                         } }),
                         task.title
-                      ] }, i)) })
+                      ] }, i)) }),
+                      version.tags && version.tags.length > 0 && /* @__PURE__ */ jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: 6, marginTop: 10 }, children: version.tags.map((tag, i) => /* @__PURE__ */ jsx("span", { style: {
+                        padding: "2px 8px",
+                        fontSize: 11,
+                        borderRadius: 999,
+                        background: isLight ? "rgba(0,0,0,0.05)" : "rgba(255,255,255,0.08)",
+                        color: isLight ? "#71717a" : "#a1a1aa"
+                      }, children: tag }, i)) })
                     ] }, idx);
                   }),
                   versionsArray.length > 10 && /* @__PURE__ */ jsx(
@@ -890,7 +904,7 @@ function VersionPill({
                   }) })
                 ] }) }),
                 activeTab === "ideas" && /* @__PURE__ */ jsxs("div", { style: { maxWidth: 640, width: "100%", overflowY: "auto", flex: 1 }, children: [
-                  !showIdeaForm ? /* @__PURE__ */ jsxs(
+                  allowIdeas && !showIdeaForm ? /* @__PURE__ */ jsxs(
                     "button",
                     {
                       onClick: () => setShowIdeaForm(true),
@@ -1044,7 +1058,7 @@ function VersionPill({
                           "button",
                           {
                             onClick: submitIdea,
-                            disabled: submittingIdea || !ideaTitle.trim() || !ideaAuthorEmail.trim(),
+                            disabled: submittingIdea || !ideaTitle.trim(),
                             style: {
                               width: "100%",
                               padding: "10px 16px",
@@ -1054,8 +1068,8 @@ function VersionPill({
                               color: "#fff",
                               fontSize: 14,
                               fontWeight: 500,
-                              cursor: submittingIdea || !ideaTitle.trim() || !ideaAuthorEmail.trim() ? "not-allowed" : "pointer",
-                              opacity: submittingIdea || !ideaTitle.trim() || !ideaAuthorEmail.trim() ? 0.6 : 1,
+                              cursor: submittingIdea || !ideaTitle.trim() ? "not-allowed" : "pointer",
+                              opacity: submittingIdea || !ideaTitle.trim() ? 0.6 : 1,
                               transition: "opacity 150ms"
                             },
                             children: submittingIdea ? "Submitting..." : "Submit Idea"
@@ -1118,8 +1132,8 @@ function VersionPill({
                                 /* @__PURE__ */ jsxs(
                                   "button",
                                   {
-                                    onClick: () => voteIdea(idea.id),
-                                    disabled: hasVoted,
+                                    onClick: () => allowVoting && voteIdea(idea.id),
+                                    disabled: hasVoted || !allowVoting,
                                     style: {
                                       display: "flex",
                                       flexDirection: "column",