cortex-react-components 3.0.8 → 3.0.9

package/dist/index.js

@@ -10669,7 +10669,6 @@ function ApproveLeave({ leaveRequests, onApprove, onReject }) {
 
 // src/components/Holidays/RequestLeave.tsx
 var import_react31 = require("react");
-var import_date_fns = require("date-fns");
 var import_lucide_react20 = require("lucide-react");
 var import_navigation7 = require("next/navigation");
 var import_sonner3 = require("sonner");
@@ -10714,14 +10713,16 @@ var bankHolidays = [
 
 // src/utils/DaysUtil.ts
 var isDayOff = (date) => {
-  const isSunday = date.getDay() === 0;
-  const isSaturday = date.getDay() === 6;
-  const isBankHoliday = bankHolidays.some((h) => h.toISOString() === date.toISOString());
+  const isSunday = date.getUTCDay() === 0;
+  const isSaturday = date.getUTCDay() === 6;
+  const isBankHoliday = bankHolidays.some(
+    (h) => h.getFullYear() === date.getUTCFullYear() && h.getMonth() === date.getUTCMonth() && h.getDate() === date.getUTCDate()
+  );
   return isSunday || isSaturday || isBankHoliday;
 };
 var getTotalDaysBetween = (startDate, endDate, isHalfDay = false) => {
-  const start = new Date(startDate);
-  const end = new Date(endDate);
+  let start = new Date(Date.UTC(startDate.getUTCFullYear(), startDate.getUTCMonth(), startDate.getUTCDate()));
+  const end = new Date(Date.UTC(endDate.getUTCFullYear(), endDate.getUTCMonth(), endDate.getUTCDate()));
   let count2 = 0;
   if (isHalfDay && !isDayOff(start)) {
     return 0.5;
@@ -10730,7 +10731,7 @@ var getTotalDaysBetween = (startDate, endDate, isHalfDay = false) => {
     if (!isDayOff(start)) {
       count2++;
     }
-    start.setDate(start.getDate() + 1);
+    start = new Date(start.getTime() + 24 * 60 * 60 * 1e3);
   }
   return count2;
 };
@@ -10738,7 +10739,7 @@ var getIsMultipleDays = (startDate, endDate) => {
   if (!startDate || !endDate) {
     return false;
   }
-  const isMultipleDays = startDate.toDateString() !== endDate.toDateString();
+  const isMultipleDays = startDate.getUTCFullYear() !== endDate.getUTCFullYear() || startDate.getUTCMonth() !== endDate.getUTCMonth() || startDate.getUTCDate() !== endDate.getUTCDate();
   return isMultipleDays;
 };
 
@@ -10759,11 +10760,26 @@ var ButtonGroup = ({ options, value, onChange, disabled = [] }) => {
   )) });
 };
 function RequestLeave({ remainingDays, submitLeaveRequest }) {
-  const [startDate, setStartDate] = (0, import_react31.useState)(/* @__PURE__ */ new Date());
-  const [endDate, setEndDate] = (0, import_react31.useState)(/* @__PURE__ */ new Date());
+  const setToMidnightUTC = (date) => {
+    return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0, 0));
+  };
+  const formatDateUTC = (date) => {
+    const months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+    const day = date.getUTCDate();
+    const month = months[date.getUTCMonth()];
+    const year = date.getUTCFullYear();
+    const suffix = day === 1 || day === 21 || day === 31 ? "st" : day === 2 || day === 22 ? "nd" : day === 3 || day === 23 ? "rd" : "th";
+    return `${month} ${day}${suffix}, ${year}`;
+  };
+  const [startDate, setStartDate] = (0, import_react31.useState)(void 0);
+  const [endDate, setEndDate] = (0, import_react31.useState)(void 0);
+  (0, import_react31.useEffect)(() => {
+    if (startDate === void 0) setStartDate(setToMidnightUTC(/* @__PURE__ */ new Date()));
+    if (endDate === void 0) setEndDate(setToMidnightUTC(/* @__PURE__ */ new Date()));
+  }, []);
   const [leaveType, setLeaveType] = (0, import_react31.useState)("Full Day");
   const [isMultipleDays, setIsMultipleDays] = (0, import_react31.useState)(false);
-  const [totalDays, setTotalDays] = (0, import_react31.useState)(1);
+  const [totalDays, setTotalDays] = (0, import_react31.useState)(0);
   const router = (0, import_navigation7.useRouter)();
   (0, import_react31.useEffect)(() => {
     const isMultipleDays2 = getIsMultipleDays(startDate, endDate);
@@ -10832,7 +10848,7 @@ function RequestLeave({ remainingDays, submitLeaveRequest }) {
                 ),
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_lucide_react20.CalendarIcon, { className: "mr-2 h-4 w-4" }),
-                  startDate ? (0, import_date_fns.format)(startDate, "PPP") : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: "Pick a date" })
+                  startDate ? formatDateUTC(startDate) : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: "Pick a date" })
                 ]
               }
             ) }),
@@ -10842,9 +10858,12 @@ function RequestLeave({ remainingDays, submitLeaveRequest }) {
                 mode: "single",
                 selected: startDate,
                 onSelect: (date) => {
-                  setStartDate(date);
-                  if (date && (!endDate || date > endDate)) {
-                    setEndDate(date);
+                  if (date) {
+                    const dateMidnight = setToMidnightUTC(date);
+                    setStartDate(dateMidnight);
+                    if (!endDate || date > endDate) {
+                      setEndDate(dateMidnight);
+                    }
                   }
                 },
                 initialFocus: true
@@ -10865,7 +10884,7 @@ function RequestLeave({ remainingDays, submitLeaveRequest }) {
                 ),
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_lucide_react20.CalendarIcon, { className: "mr-2 h-4 w-4" }),
-                  endDate ? (0, import_date_fns.format)(endDate, "PPP") : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: "Pick a date" })
+                  endDate ? formatDateUTC(endDate) : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: "Pick a date" })
                 ]
               }
             ) }),
@@ -10874,7 +10893,11 @@ function RequestLeave({ remainingDays, submitLeaveRequest }) {
               {
                 mode: "single",
                 selected: endDate,
-                onSelect: setEndDate,
+                onSelect: (date) => {
+                  if (date) {
+                    setEndDate(setToMidnightUTC(date));
+                  }
+                },
                 disabled: (date) => startDate ? date < startDate : false,
                 initialFocus: true
               }
@@ -11093,38 +11116,42 @@ function HolidayGrid({
 var import_react32 = require("react");
 var import_lucide_react22 = require("lucide-react");
 var import_jsx_runtime112 = require("react/jsx-runtime");
-function CalendarView({ currentDate, setCurrentDate, holidays }) {
+function CalendarView({ currentDate, setCurrentDate, holidays, today }) {
   const [selectedDay, setSelectedDay] = (0, import_react32.useState)(null);
-  const firstDayOfMonth = (new Date(currentDate.getFullYear(), currentDate.getMonth(), 1).getDay() + 6) % 7;
+  const isSameUtcDay = (a, b) => a.getUTCFullYear() === b.getUTCFullYear() && a.getUTCMonth() === b.getUTCMonth() && a.getUTCDate() === b.getUTCDate();
+  const firstDayOfMonth = (new Date(Date.UTC(currentDate.getUTCFullYear(), currentDate.getUTCMonth(), 1)).getUTCDay() + 6) % 7;
   const days = Array.from({ length: 42 }, (_, i) => {
     const day = new Date(
-      currentDate.getFullYear(),
-      currentDate.getMonth(),
-      i - firstDayOfMonth + 1,
-      currentDate.getHours()
+      Date.UTC(
+        currentDate.getUTCFullYear(),
+        currentDate.getUTCMonth(),
+        i - firstDayOfMonth + 1
+      )
     );
     const filteredHolidays = holidays.filter(
       (h) => TimeUtil.toUtcMidnight(new Date(h.startDate)) <= day && TimeUtil.toUtcEndOfDay(new Date(h.endDate)) >= day
     );
     return {
       date: day,
-      isCurrentMonth: day.getMonth() === currentDate.getMonth(),
-      isToday: day.toDateString() === (/* @__PURE__ */ new Date()).toDateString(),
+      isCurrentMonth: day.getUTCMonth() === currentDate.getUTCMonth(),
+      isToday: isSameUtcDay(day, today),
       holidays: filteredHolidays
     };
   });
   const prevMonth = () => {
-    setCurrentDate(new Date(currentDate.getFullYear(), currentDate.getMonth() - 1, 1));
+    setCurrentDate(new Date(Date.UTC(currentDate.getUTCFullYear(), currentDate.getUTCMonth() - 1, 1)));
   };
   const nextMonth = () => {
-    setCurrentDate(new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 1));
+    setCurrentDate(new Date(Date.UTC(currentDate.getUTCFullYear(), currentDate.getUTCMonth() + 1, 1)));
   };
   const setToday = () => {
-    setCurrentDate(/* @__PURE__ */ new Date());
+    setCurrentDate(TimeUtil.toUtcMidnight(/* @__PURE__ */ new Date()));
   };
+  const months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+  const monthYearDisplay = `${months[currentDate.getUTCMonth()]} ${currentDate.getUTCFullYear()}`;
   return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "lg:flex lg:h-full lg:flex-col", children: [
     /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("header", { className: "flex items-center justify-between border-b border-gray-200 px-6 py-4 lg:flex-none", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("h1", { className: "text-base font-semibold text-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("time", { dateTime: currentDate.toISOString(), children: currentDate.toLocaleString("default", { month: "long", year: "numeric" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("h1", { className: "text-base font-semibold text-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("time", { dateTime: currentDate.toISOString(), children: monthYearDisplay }) }),
       /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "relative flex items-center rounded-md gap-1 md:items-stretch", children: [
         /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
           Button,
@@ -11211,7 +11238,7 @@ function CalendarView({ currentDate, setCurrentDate, holidays }) {
                     "flex h-6 w-6 items-center justify-center rounded-full",
                     day.isToday && "bg-indigo-600 font-semibold text-white"
                   ),
-                  children: day.date.getDate()
+                  children: day.date.getUTCDate()
                 }
               ),
               day.holidays.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("ol", { className: "mt-2 space-y-1 overflow-visible", children: day.holidays.map((holiday) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("li", { className: "overflow-visible", children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
@@ -11248,7 +11275,7 @@ function CalendarView({ currentDate, setCurrentDate, holidays }) {
                     day.date === selectedDay && day.isToday && "flex h-6 w-6 items-center justify-center rounded-full bg-indigo-600",
                     day.date === selectedDay && !day.isToday && "flex h-6 w-6 items-center justify-center rounded-full bg-gray-900"
                   ),
-                  children: day.date.getDate()
+                  children: day.date.getUTCDate()
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("span", { className: "sr-only", children: [
@@ -11276,7 +11303,7 @@ var import_react33 = require("react");
 var import_lucide_react23 = require("lucide-react");
 var import_lucide_react24 = require("lucide-react");
 var import_navigation8 = require("next/navigation");
-var import_date_fns2 = require("date-fns");
+var import_date_fns = require("date-fns");
 var import_jsx_runtime113 = require("react/jsx-runtime");
 function classNames2(...classes) {
   return classes.filter(Boolean).join(" ");
@@ -11285,6 +11312,7 @@ function HolidayTracker({
   holidays,
   currentUser,
   currentDate,
+  today,
   leaveApprovals,
   employees,
   submitLeaveRequest,
@@ -11294,9 +11322,10 @@ function HolidayTracker({
   const [currentTab, setCurrentTab] = (0, import_react33.useState)("Calendar View");
   const router = (0, import_navigation8.useRouter)();
   const isLoading = false;
-  const parsedCurrentDate = TimeUtil.toUtcMidnight((0, import_date_fns2.parseISO)(currentDate));
+  const parsedCurrentDate = TimeUtil.toUtcMidnight((0, import_date_fns.parseISO)(currentDate));
+  const parsedToday = TimeUtil.toUtcMidnight((0, import_date_fns.parseISO)(today));
   const setCurrentDate = async (date) => {
-    const formattedDate = (0, import_date_fns2.format)(date, "dd-MM-yyyy");
+    const formattedDate = (0, import_date_fns.format)(date, "dd-MM-yyyy");
     const url = new URL(window.location.href);
     url.searchParams.set("date", formattedDate);
     router.push(url.toString());
@@ -11376,7 +11405,8 @@ function HolidayTracker({
       {
         currentDate: parsedCurrentDate,
         setCurrentDate,
-        holidays
+        holidays,
+        today: parsedToday
       }
     ),
     currentTab === "Request Leave" && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
@@ -12295,7 +12325,7 @@ function CRMCogeBoard({
 
 // src/components/Chat/Components/ChatCardTask.tsx
 var import_lucide_react28 = require("lucide-react");
-var import_date_fns3 = require("date-fns");
+var import_date_fns2 = require("date-fns");
 
 // src/components/Chat/hooks/useTask.ts
 var import_react39 = require("react");
@@ -12402,7 +12432,7 @@ function ChatCardTask({
   try {
     const date = new Date(taskData?.dateLogged || "");
     if (!isNaN(date.getTime())) {
-      formattedDate = (0, import_date_fns3.formatDistanceToNow)(date, { addSuffix: true });
+      formattedDate = (0, import_date_fns2.formatDistanceToNow)(date, { addSuffix: true });
     }
   } catch (e) {
   }
@@ -12902,7 +12932,7 @@ function getAllCapabilities() {
 
 // src/components/Chat/Components/ChatCardArtefact.tsx
 var import_lucide_react29 = require("lucide-react");
-var import_date_fns4 = require("date-fns");
+var import_date_fns3 = require("date-fns");
 var import_jsx_runtime122 = require("react/jsx-runtime");
 function ChatCardArtefact({
   artefact,
@@ -12923,7 +12953,7 @@ function ChatCardArtefact({
   try {
     const date = new Date(taskData.dateLogged);
     if (!isNaN(date.getTime())) {
-      formattedDate = (0, import_date_fns4.formatDistanceToNow)(date, { addSuffix: true });
+      formattedDate = (0, import_date_fns3.formatDistanceToNow)(date, { addSuffix: true });
     }
   } catch (e) {
   }
@@ -20480,8 +20510,8 @@ function ToolbarPlugin() {
         blockNode = curr;
       }
       if (blockNode) {
-        const format4 = blockNode.getFormatType();
-        setAlignment(format4 || "left");
+        const format3 = blockNode.getFormatType();
+        setAlignment(format3 || "left");
       }
       const tag = anchorNode.getTopLevelElement()?.__tag;
       setBlockType(tag || "p");
@@ -21410,7 +21440,7 @@ var markdownToLexical = (markdown) => {
 var convertFileTypeToKnowledgeDocument = async (file) => {
   let content = "";
   let richTextContent = void 0;
-  let format4 = "text";
+  let format3 = "text";
   if (file.url) {
     try {
       let url = file.url;
@@ -21431,18 +21461,18 @@ var convertFileTypeToKnowledgeDocument = async (file) => {
     console.warn("No URL provided for file:", file.name);
   }
   if (file.mimeType === "text/markdown") {
-    format4 = "richText";
+    format3 = "richText";
     richTextContent = markdownToLexical(content);
   } else if (file.mimeType?.startsWith("text/")) {
-    format4 = "text";
+    format3 = "text";
   }
   return {
     id: file.id.toString(),
     title: file.name,
     description: void 0,
-    content: format4 === "richText" ? void 0 : content,
-    richTextContent: format4 === "richText" ? richTextContent : void 0,
-    format: format4,
+    content: format3 === "richText" ? void 0 : content,
+    richTextContent: format3 === "richText" ? richTextContent : void 0,
+    format: format3,
     metadata: {},
     createdAt: typeof file.createdAt === "string" ? new Date(file.createdAt) : file.createdAt,
     updatedAt: /* @__PURE__ */ new Date()
@@ -21492,8 +21522,8 @@ function FileEdit({ document: document2, onCancel, onSave, onFileUpdate }) {
       setRichTextContent(document2.richTextContent);
     }
   }, [document2]);
-  const formatIcon = (format4) => {
-    switch (format4) {
+  const formatIcon = (format3) => {
+    switch (format3) {
       case "markdown":
       case "mdx":
         return /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(import_lucide_react68.FileText, { className: "h-6 w-6 text-primary" });
@@ -21505,8 +21535,8 @@ function FileEdit({ document: document2, onCancel, onSave, onFileUpdate }) {
         return /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(import_lucide_react68.File, { className: "h-6 w-6 text-muted-foreground" });
     }
   };
-  const formatBadgeColor = (format4) => {
-    switch (format4) {
+  const formatBadgeColor = (format3) => {
+    switch (format3) {
       case "markdown":
         return "bg-primary/10 text-primary border-primary/20";
       case "mdx":
@@ -23750,8 +23780,8 @@ function DocumentEdit({
   (0, import_react95.useEffect)(() => {
     setEditedDocument(document2);
   }, [document2]);
-  const formatIcon = (format4) => {
-    switch (format4) {
+  const formatIcon = (format3) => {
+    switch (format3) {
       case "markdown":
       case "mdx":
         return /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(import_lucide_react76.FileText, { className: "h-6 w-6 text-primary" });
@@ -23763,8 +23793,8 @@ function DocumentEdit({
         return /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(import_lucide_react76.File, { className: "h-6 w-6 text-muted-foreground" });
     }
   };
-  const formatBadgeColor = (format4) => {
-    switch (format4) {
+  const formatBadgeColor = (format3) => {
+    switch (format3) {
       case "markdown":
         return "bg-primary/10 text-primary border-primary/20";
       case "mdx":
@@ -24088,8 +24118,8 @@ function DocumentPreview({
   (0, import_react97.useEffect)(() => {
     setDocument(initialDocument);
   }, [initialDocument]);
-  const formatIcon = (format4) => {
-    switch (format4) {
+  const formatIcon = (format3) => {
+    switch (format3) {
       case "markdown":
       case "mdx":
         return /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(import_lucide_react77.FileText, { className: "h-6 w-6 text-primary" });
@@ -24101,8 +24131,8 @@ function DocumentPreview({
         return /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(import_lucide_react77.File, { className: "h-6 w-6 text-muted-foreground" });
     }
   };
-  const formatBadgeColor = (format4) => {
-    switch (format4) {
+  const formatBadgeColor = (format3) => {
+    switch (format3) {
       case "markdown":
         return "bg-primary/10 text-primary border-primary/20";
       case "mdx":
@@ -24115,15 +24145,15 @@ function DocumentPreview({
         return "bg-muted text-muted-foreground border-border";
     }
   };
-  const renderContent = (content, format4) => {
+  const renderContent = (content, format3) => {
     const defaultRenderers = {
       markdown: defaultMarkdownRenderer,
       mdx: defaultMDXRenderer,
       // richText: defaultRichTextRenderer,
       text: defaultTextRenderer
     };
-    const renderer = renderers?.[format4] || defaultRenderers[format4];
-    if (format4 === "richText" && typeof content === "object") {
+    const renderer = renderers?.[format3] || defaultRenderers[format3];
+    if (format3 === "richText" && typeof content === "object") {
       return defaultRichTextRenderer(content);
     }
     if (renderer) {
@@ -24290,8 +24320,8 @@ function MenuItem({
   const [isExpanded, setIsExpanded] = (0, import_react99.useState)(level === 0);
   const hasChildren = children && Object.keys(children).length > 0;
   const totalDocuments = documents.length + (children ? Object.values(children).reduce((acc, child) => acc + child.documents.length, 0) : 0);
-  const formatDocumentIcon = (format4) => {
-    switch (format4) {
+  const formatDocumentIcon = (format3) => {
+    switch (format3) {
       case "markdown":
       case "mdx":
         return /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(import_lucide_react78.FileText, { className: "h-3.5 w-3.5 text-muted-foreground" });
@@ -27758,7 +27788,7 @@ var import_lucide_react91 = require("lucide-react");
 // src/components/Projects/AddSprintModal.tsx
 var import_react115 = require("react");
 var import_lucide_react90 = require("lucide-react");
-var import_date_fns5 = require("date-fns");
+var import_date_fns4 = require("date-fns");
 var import_jsx_runtime212 = require("react/jsx-runtime");
 var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
   const [formData, setFormData] = (0, import_react115.useState)({
@@ -27845,7 +27875,7 @@ var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
                 ),
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(import_lucide_react90.CalendarIcon, { className: "mr-2 h-4 w-4" }),
-                  formData.startDate ? (0, import_date_fns5.format)(formData.startDate, "PPP") : "Pick a date"
+                  formData.startDate ? (0, import_date_fns4.format)(formData.startDate, "PPP") : "Pick a date"
                 ]
               }
             ) }),
@@ -27873,7 +27903,7 @@ var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
                 ),
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(import_lucide_react90.CalendarIcon, { className: "mr-2 h-4 w-4" }),
-                  formData.endDate ? (0, import_date_fns5.format)(formData.endDate, "PPP") : "Pick a date"
+                  formData.endDate ? (0, import_date_fns4.format)(formData.endDate, "PPP") : "Pick a date"
                 ]
               }
             ) }),