-
Peppermint
+
YOTTABYTE
version: {process.env.NEXT_PUBLIC_CLIENT_VERSION}
diff --git a/apps/client/@/shadcn/components/command-menu.tsx b/apps/client/@/shadcn/components/command-menu.tsx
index 33adb875a..65cf51abb 100644
--- a/apps/client/@/shadcn/components/command-menu.tsx
+++ b/apps/client/@/shadcn/components/command-menu.tsx
@@ -62,8 +62,11 @@ export function CommandMenu() {
Authorization: `Bearer ${token}`,
},
});
+ if (!response.ok) {
+ return [];
+ }
const data = await response.json();
- return data.tickets;
+ return Array.isArray(data.tickets) ? data.tickets : [];
},
{
enabled: open, // Only fetch when command menu is open
@@ -78,8 +81,11 @@ export function CommandMenu() {
Authorization: `Bearer ${token}`,
},
});
+ if (!response.ok) {
+ return [];
+ }
const data = await response.json();
- return data.users;
+ return Array.isArray(data.users) ? data.users : [];
},
{
enabled: open, // Only fetch when command menu is open
diff --git a/apps/client/@/shadcn/hooks/useTicketFilters.ts b/apps/client/@/shadcn/hooks/useTicketFilters.ts
index e9cd84bcd..e6502b306 100644
--- a/apps/client/@/shadcn/hooks/useTicketFilters.ts
+++ b/apps/client/@/shadcn/hooks/useTicketFilters.ts
@@ -1,26 +1,51 @@
import { Ticket } from '@/shadcn/types/tickets';
import { useEffect, useState } from 'react';
-export function useTicketFilters(tickets: Ticket[] = []) {
- const [selectedPriorities, setSelectedPriorities] = useState
(() => {
- const saved = localStorage.getItem("all_selectedPriorities");
- return saved ? JSON.parse(saved) : [];
- });
+function readStoredList(key: string) {
+ if (typeof window === "undefined") {
+ return [];
+ }
- const [selectedStatuses, setSelectedStatuses] = useState(() => {
- const saved = localStorage.getItem("all_selectedStatuses");
- return saved ? JSON.parse(saved) : [];
- });
+ const saved = window.localStorage.getItem(key);
+ if (!saved) {
+ return [];
+ }
- const [selectedAssignees, setSelectedAssignees] = useState(() => {
- const saved = localStorage.getItem("all_selectedAssignees");
- return saved ? JSON.parse(saved) : [];
- });
+ try {
+ return JSON.parse(saved);
+ } catch (error) {
+ return [];
+ }
+}
+
+export function useTicketFilters(tickets: Ticket[] = []) {
+ const [selectedPriorities, setSelectedPriorities] = useState([]);
+ const [selectedStatuses, setSelectedStatuses] = useState([]);
+ const [selectedAssignees, setSelectedAssignees] = useState([]);
useEffect(() => {
- localStorage.setItem("all_selectedPriorities", JSON.stringify(selectedPriorities));
- localStorage.setItem("all_selectedStatuses", JSON.stringify(selectedStatuses));
- localStorage.setItem("all_selectedAssignees", JSON.stringify(selectedAssignees));
+ setSelectedPriorities(readStoredList("all_selectedPriorities"));
+ setSelectedStatuses(readStoredList("all_selectedStatuses"));
+ setSelectedAssignees(readStoredList("all_selectedAssignees"));
+ }, []);
+
+ useEffect(() => {
+ if (typeof window === "undefined") {
+ return;
+ }
+
+ window.localStorage.setItem(
+ "all_selectedPriorities",
+ JSON.stringify(selectedPriorities)
+ );
+ window.localStorage.setItem(
+ "all_selectedStatuses",
+ JSON.stringify(selectedStatuses)
+ );
+ window.localStorage.setItem(
+ "all_selectedAssignees",
+ JSON.stringify(selectedAssignees)
+ );
}, [selectedPriorities, selectedStatuses, selectedAssignees]);
const handlePriorityToggle = (priority: string) => {
diff --git a/apps/client/@/shadcn/hooks/useTicketView.ts b/apps/client/@/shadcn/hooks/useTicketView.ts
index d39f4c9f8..8c8708bed 100644
--- a/apps/client/@/shadcn/hooks/useTicketView.ts
+++ b/apps/client/@/shadcn/hooks/useTicketView.ts
@@ -1,38 +1,59 @@
import { KanbanGrouping, SortOption, Ticket, UISettings, ViewMode } from '@/shadcn/types/tickets';
import { useEffect, useState } from 'react';
+function readStoredValue(key: string, fallback: T): T {
+ if (typeof window === "undefined") {
+ return fallback;
+ }
+
+ const saved = window.localStorage.getItem(key);
+ if (!saved) {
+ return fallback;
+ }
+
+ if (typeof fallback === "string") {
+ return saved as T;
+ }
+
+ try {
+ return JSON.parse(saved);
+ } catch (error) {
+ return fallback;
+ }
+}
+
export function useTicketView(tickets: Ticket[] = []) {
- const [viewMode, setViewMode] = useState(() => {
- const saved = localStorage.getItem("preferred_view_mode");
- return (saved as ViewMode) || 'list';
- });
+ const [viewMode, setViewMode] = useState(() =>
+ readStoredValue("preferred_view_mode", "list")
+ );
- const [kanbanGrouping, setKanbanGrouping] = useState(() => {
- const saved = localStorage.getItem("preferred_kanban_grouping");
- return (saved as KanbanGrouping) || 'status';
- });
+ const [kanbanGrouping, setKanbanGrouping] = useState(() =>
+ readStoredValue("preferred_kanban_grouping", "status")
+ );
- const [sortBy, setSortBy] = useState(() => {
- const saved = localStorage.getItem("preferred_sort_by");
- return (saved as SortOption) || 'newest';
- });
+ const [sortBy, setSortBy] = useState(() =>
+ readStoredValue("preferred_sort_by", "newest")
+ );
- const [uiSettings, setUISettings] = useState(() => {
- const saved = localStorage.getItem("preferred_ui_settings");
- return saved ? JSON.parse(saved) : {
+ const [uiSettings, setUISettings] = useState(() =>
+ readStoredValue("preferred_ui_settings", {
showAvatars: true,
showDates: true,
showPriority: true,
showType: true,
showTicketNumbers: true,
- };
- });
+ })
+ );
useEffect(() => {
- localStorage.setItem("preferred_view_mode", viewMode);
- localStorage.setItem("preferred_kanban_grouping", kanbanGrouping);
- localStorage.setItem("preferred_sort_by", sortBy);
- localStorage.setItem("preferred_ui_settings", JSON.stringify(uiSettings));
+ if (typeof window === "undefined") {
+ return;
+ }
+
+ window.localStorage.setItem("preferred_view_mode", viewMode);
+ window.localStorage.setItem("preferred_kanban_grouping", kanbanGrouping);
+ window.localStorage.setItem("preferred_sort_by", sortBy);
+ window.localStorage.setItem("preferred_ui_settings", JSON.stringify(uiSettings));
}, [viewMode, kanbanGrouping, sortBy, uiSettings]);
const handleUISettingChange = (setting: keyof UISettings, value: boolean) => {
diff --git a/apps/client/apps/client/components/BlockEditor/index.tsx b/apps/client/apps/client/components/BlockEditor/index.tsx
new file mode 100644
index 000000000..d76d65169
--- /dev/null
+++ b/apps/client/apps/client/components/BlockEditor/index.tsx
@@ -0,0 +1,22 @@
+import { useCreateBlockNote } from "@blocknote/react";
+import { BlockNoteView } from "@blocknote/mantine";
+
+
+import "@blocknote/core/fonts/inter.css";
+import "@blocknote/mantine/style.css";
+
+export default function BlockNoteEditor({ setIssue }) {
+ const editor = useCreateBlockNote();
+
+ return (
+ {
+ setIssue(editor.document);
+ }}
+ />
+ );
+}
diff --git a/apps/client/apps/client/components/NotebookEditor/index.tsx b/apps/client/apps/client/components/NotebookEditor/index.tsx
new file mode 100644
index 000000000..ef262c8a7
--- /dev/null
+++ b/apps/client/apps/client/components/NotebookEditor/index.tsx
@@ -0,0 +1,217 @@
+//@ts-nocheck
+import { toast } from "@/shadcn/hooks/use-toast";
+import {
+ DropdownMenu,
+ DropdownMenuContent,
+ DropdownMenuItem,
+ DropdownMenuTrigger,
+} from "@/shadcn/ui/dropdown-menu";
+import { BlockNoteEditor, PartialBlock } from "@blocknote/core";
+import { BlockNoteView } from "@blocknote/mantine";
+import { getCookie } from "cookies-next";
+import { Ellipsis } from "lucide-react";
+import moment from "moment";
+import { useRouter } from "next/router";
+import { useEffect, useMemo, useState } from "react";
+import { useDebounce } from "use-debounce";
+import { useUser } from "../../store/session";
+
+function isHTML(str) {
+ var a = document.createElement("div");
+ a.innerHTML = str;
+
+ for (var c = a.childNodes, i = c.length; i--; ) {
+ if (c[i].nodeType == 1) return true;
+ }
+
+ return false;
+}
+
+export default function NotebookEditor() {
+ const router = useRouter();
+ const token = getCookie("session");
+
+ const user = useUser();
+
+ const [initialContent, setInitialContent] = useState<
+ PartialBlock[] | undefined | "loading"
+ >("loading");
+
+ const editor = useMemo(() => {
+ if (initialContent === "loading") {
+ return undefined;
+ }
+ return BlockNoteEditor.create({ initialContent });
+ }, [initialContent]);
+
+ const [value, setValue] = useState();
+ const [note, setNote] = useState();
+ const [title, setTitle] = useState();
+ const [loading, setLoading] = useState(true);
+ const [saving, setSaving] = useState(false);
+ const [lastSaved, setLastSaved] = useState();
+
+ const [debouncedValue] = useDebounce(value, 500);
+ const [debounceTitle] = useDebounce(title, 500);
+
+ async function fetchNotebook() {
+ setValue(undefined);
+ setLoading(true);
+ const res = await fetch(`/api/v1/notebooks/note/${router.query.id}`, {
+ method: "GET",
+ headers: {
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${token}`,
+ },
+ }).then((res) => res.json());
+ if (res.note.userId !== user.user.id) {
+ router.back();
+ }
+ await loadFromStorage(res.note.note).then((content) => {
+ setInitialContent(content);
+ });
+ setNote(res.note);
+ setTitle(res.note.title);
+ setLoading(false);
+ }
+
+ async function updateNoteBook() {
+ setSaving(true);
+ const res = await fetch(`/api/v1/notebooks/note/${router.query.id}/update`, {
+ method: "PUT",
+ headers: {
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${token}`,
+ },
+ body: JSON.stringify({
+ title: debounceTitle,
+ content: JSON.stringify(debouncedValue),
+ }),
+ });
+ const data = await res.json();
+ setSaving(false);
+ let date = new Date();
+ // @ts-ignore
+ setLastSaved(new Date(date).getTime());
+ if(data.status) {
+ toast({
+ variant: "destructive",
+ title: "Error -> Unable to update",
+ description: data.message,
+ });
+ }
+ }
+
+ async function deleteNotebook(id) {
+ if (window.confirm("Do you really want to delete this notebook?")) {
+ await fetch(`/api/v1/notebooks/note/${router.query.id}`, {
+ method: "DELETE",
+ headers: {
+ Authorization: `Bearer ${token}`,
+ },
+ })
+ .then((res) => res.json())
+ .then((res) => {
+ if (res.success) {
+ router.push("/documents");
+ } else {
+ toast({
+ variant: "destructive",
+ title: "Error -> Unable to delete",
+ description: res.message,
+ });
+ }
+ });
+ }
+ }
+
+ useEffect(() => {
+ fetchNotebook();
+ }, [router]);
+
+ useEffect(() => {
+ if (debouncedValue || debounceTitle) {
+ updateNoteBook();
+ }
+ }, [debouncedValue, debounceTitle]);
+
+ async function loadFromStorage(val) {
+ const storageString = val;
+
+ if (isHTML(storageString)) {
+ return undefined;
+ } else {
+ return storageString
+ ? (JSON.parse(storageString) as PartialBlock[])
+ : undefined;
+ }
+ }
+
+ async function convertHTML() {
+ //@ts-expect-error
+ const blocks = await editor.tryParseHTMLToBlocks(note?.note);
+ editor.replaceBlocks(editor.document, blocks);
+ }
+
+ useEffect(() => {
+ if (initialContent === undefined) {
+ convertHTML();
+ }
+ }, [initialContent]);
+
+ if (editor === undefined) {
+ return "Loading content...";
+ }
+
+ const handleInputChange = (editor) => {
+ setValue(editor.document);
+ };
+
+ return (
+ <>
+
+ {saving ? (
+ saving ....
+ ) : (
+
+ last saved: {moment(lastSaved).format("hh:mm:ss")}
+
+ )}
+
+
+
+
+
+ deleteNotebook()}
+ >
+ Delete
+
+
+
+
+ {!loading && (
+
+
+
+ setTitle(e.target.value)}
+ className="text-3xl px-0 font-bold w-full border-none bg-transparent outline-none focus:ring-0 focus:outline-none"
+ />
+
+
+
+
+
+
+
+ );
+ }
+
+ const handleInputChange = (editor) => {
+ if (data.ticket.locked) return;
+ setIssue(editor.document);
+ };
+
+ async function updateTicketStatus(e: any, ticket: any) {
+ await fetch(`/api/v1/ticket/status/update`, {
+ method: "PUT",
+ headers: {
+ Authorization: `Bearer ${token}`,
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify({ id: ticket.id, status: !ticket.isComplete }),
+ })
+ .then((res) => res.json())
+ .then(() => {
+ toast({
+ title: ticket.isComplete ? "Issue re-opened" : "Issue closed",
+ description: "The status of the issue has been updated.",
+ duration: 3000,
+ });
+ refetch();
+ });
+ }
+
+ // Add these new functions
+ async function updateTicketAssignee(ticketId: string, user: any) {
+ try {
+ const response = await fetch(`/api/v1/ticket/transfer`, {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${token}`,
+ },
+ body: JSON.stringify({
+ user: user ? user.id : undefined,
+ id: ticketId,
+ }),
+ });
+
+ if (!response.ok) throw new Error("Failed to update assignee");
+
+ toast({
+ title: "Assignee updated",
+ description: `Transferred issue successfully`,
+ duration: 3000,
+ });
+ refetch();
+ } catch (error) {
+ toast({
+ title: "Error",
+ description: "Failed to update assignee",
+ variant: "destructive",
+ duration: 3000,
+ });
+ }
+ }
+
+ async function updateTicketPriority(ticket: any, priority: string) {
+ try {
+ const response = await fetch(`/api/v1/ticket/update`, {
+ method: "PUT",
+ headers: {
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${token}`,
+ },
+ body: JSON.stringify({
+ id: ticket.id,
+ detail: ticket.detail,
+ note: ticket.note,
+ title: ticket.title,
+ priority: priority,
+ status: ticket.status,
+ }),
+ }).then((res) => res.json());
+
+ if (!response.success) throw new Error("Failed to update priority");
+
+ toast({
+ title: "Priority updated",
+ description: `Ticket priority set to ${priority}`,
+ duration: 3000,
+ });
+ refetch();
+ } catch (error) {
+ toast({
+ title: "Error",
+ description: "Failed to update priority",
+ variant: "destructive",
+ duration: 3000,
+ });
+ }
+ }
+
+ const priorities = ["low", "medium", "high"];
+
+ return (
+
+ {status === "loading" && (
+
+
Loading data ...
+ {/* */}
+
+ )}
+
+ {status === "error" && (
+
+
Error fetching data ...
+
+ )}
+
+ {status === "success" && (
+
+
+
+
+
+
+
+
+
+ #{data.ticket.Number} -
+
+ setTitle(e.target.value)}
+ key={data.ticket.id}
+ disabled={data.ticket.locked}
+ />
+
+
+
+ {data.ticket.client && (
+
+
+ {data.ticket.client.name}
+
+
+ )}
+
+ {!data.ticket.isComplete ? (
+
+
+ {t("open_issue")}
+
+
+ ) : (
+
+
+ {t("closed_issue")}
+
+
+ )}
+
+
+
+ {data.ticket.type}
+
+
+ {data.ticket.hidden && (
+
+
+ Hidden
+
+
+ )}
+ {data.ticket.locked && (
+
+
+ Locked
+
+
+ )}
+
+ {user.isAdmin && (
+
+
+
+
+
+
+ Issue Actions
+
+
+ {data.ticket.hidden ? (
+ hide(false)}
+ >
+
+ Show Issue
+
+ ) : (
+ hide(true)}
+ >
+
+ Hide Issue
+
+ )}
+ {data.ticket.locked ? (
+ lock(false)}
+ >
+
+ Unlock Issue
+
+ ) : (
+ lock(true)}
+ >
+
+ Lock Issue
+
+ )}
+
+ deleteIssue()}
+ >
+
+ Delete Issue
+
+
+
+ )}
+
+
+
+
+
+
+ {!data.ticket.fromImap ? (
+ <>
+
+
+ ) : (
+
+ )}
+
+
+
+
+
+
+ Activity
+
+
+
+
+
+ {data.ticket.following &&
+ data.ticket.following.length > 0 && (
+
+
+
+
+
+
+
+
Followers
+ {data.ticket.following.map(
+ (follower: any) => {
+ const userMatch = users.find(
+ (user) =>
+ user.id === follower &&
+ user.id !==
+ data.ticket.assignedTo.id
+ );
+ console.log(userMatch);
+ return userMatch ? (
+
+ {userMatch.name}
+
+ ) : null;
+ }
+ )}
+
+ {data.ticket.following.filter(
+ (follower: any) =>
+ follower !== data.ticket.assignedTo.id
+ ).length === 0 && (
+
+ This issue has no followers
+
+ )}
+
+
+ )}
+
+
+
+
+ {data.ticket.fromImap ? (
+ <>
+
+ {data.ticket.email}
+
+
created via email at
+
+ {moment(data.ticket.createdAt).format(
+ "DD/MM/YYYY"
+ )}
+
+
+ ) : (
+ <>
+ {data.ticket.createdBy ? (
+
+
+ Created by
+
+ {data.ticket.createdBy.name}
+ {" "}
+ at{" "}
+
+
+ {moment(data.ticket.createdAt).format(
+ "LLL"
+ )}
+
+ {data.ticket.name && (
+
+ for {data.ticket.name}
+
+ )}
+ {data.ticket.email && (
+
+ ( {data.ticket.email} )
+
+ )}
+
+ ) : (
+
+ Created at
+
+
+ {moment(data.ticket.createdAt).format(
+ "LLL"
+ )}
+
+ {data.ticket.client && (
+
+ for{" "}
+
+ {data.ticket.client.name}
+
+
+ )}
+
+
+ )}
+
+ )}
+
+
+
+
+ {data.ticket.comments.length > 0 &&
+ data.ticket.comments.map((comment: any) => (
+ -
+
+
+
+
+ {comment.user
+ ? comment.user.name.slice(0, 1)
+ : comment.replyEmail.slice(0, 1)}
+
+
+
+ {comment.user
+ ? comment.user.name
+ : comment.replyEmail}
+
+
+ {moment(comment.createdAt).format("LLL")}
+
+ {(user.isAdmin ||
+ (comment.user &&
+ comment.userId === user.id)) && (
+
{
+ deleteComment(comment.id);
+ }}
+ />
+ )}
+
+ ))}
+
+
+
+ 