@devalok/shilp-sutra-karm 0.1.0

package/dist/admin/dashboard/admin-dashboard.js

@@ -0,0 +1,336 @@
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import A, { useState as F, useCallback as E, useMemo as H, useEffect as T, createContext as I, useContext as P } from "react";
+import { cva as C } from "class-variance-authority";
+import { cn as N } from "@devalok/shilp-sutra/ui";
+import { DashboardSkeleton as _ } from "./dashboard-skeleton.js";
+import { DashboardHeader as B } from "./dashboard-header.js";
+import { RenderDate as V } from "./render-date.js";
+import { AttendanceOverview as z } from "./attendance-overview.js";
+import { AssociateDetail as G } from "./associate-detail.js";
+import { CorrectionList as K } from "./correction-list.js";
+import { LeaveRequests as W } from "./leave-requests.js";
+import { useCalendarNavigation as Y } from "./use-calendar-navigation.js";
+import { format as w } from "date-fns";
+const q = I(
+  null
+);
+function R() {
+  const x = P(q);
+  if (!x)
+    throw new Error(
+      "AdminDashboard compound components must be used within <AdminDashboard.Root>"
+    );
+  return x;
+}
+const g = A.forwardRef(function({
+  currentUserId: s,
+  currentUserRole: a,
+  currentUser: n,
+  assetsBaseUrl: l = "",
+  userImages: d = {},
+  isLoading: m = !1,
+  onAssociateChange: e,
+  children: u
+}, h) {
+  const b = Y(), [i, c] = F("leaveRequest"), [f, o] = F(
+    null
+  ), y = E(
+    (t) => {
+      o(t), e == null || e(t);
+    },
+    [e]
+  ), D = H(
+    () => ({
+      currentUserId: s,
+      currentUserRole: a,
+      currentUser: n,
+      assetsBaseUrl: l,
+      userImages: d,
+      cal: b,
+      activeTab: i,
+      setActiveTab: c,
+      selectedAssociate: f,
+      setSelectedAssociate: y
+    }),
+    [
+      s,
+      a,
+      n,
+      l,
+      d,
+      b,
+      i,
+      f,
+      y
+    ]
+  );
+  return m ? /* @__PURE__ */ r(_, {}) : /* @__PURE__ */ r(q.Provider, { value: D, children: /* @__PURE__ */ r(
+    "div",
+    {
+      ref: h,
+      className: "flex w-full max-w-layout flex-col items-center justify-center max-md:h-[100%] max-md:justify-start",
+      children: /* @__PURE__ */ r("div", { className: "z-raised flex w-full flex-col items-start justify-start rounded-ds-lg border border-border bg-layer-02 p-ds-05 shadow-05 max-md:flex-1 max-md:min-h-0 max-md:overflow-y-auto max-md:border-0 max-md:px-ds-05 max-md:pb-0 max-md:pt-ds-06", children: u })
+    }
+  ) });
+});
+g.displayName = "AdminDashboard.Root";
+const M = A.forwardRef(function({
+  dateAttendanceMap: s = null,
+  onDateChange: a,
+  onTimeFrameChange: n,
+  users: l = [],
+  selectedUserAttendance: d = null
+}, m) {
+  const { cal: e, selectedAssociate: u, setSelectedAssociate: h, userImages: b, setActiveTab: i } = R(), c = () => {
+    e.goToday(), i("leaveRequest");
+  }, f = (t) => {
+    e.navigateDate(t), i("leaveRequest");
+  }, o = (t) => {
+    e.selectMonth(t), i("leaveRequest");
+  }, y = (t) => {
+    const v = e.days[t].fullDate;
+    e.selectDate(t, v), a == null || a(w(v, "yyyy-MM-dd'T'HH:mm:ssxxx"));
+  }, D = (t, v) => {
+    e.activeTimeFrame === "weekly" ? (y(t), i("leaveRequest")) : (e.selectDayMonthly(v), i("leaveRequest"), a == null || a(w(v, "yyyy-MM-dd'T'HH:mm:ssxxx")));
+  };
+  return T(() => {
+    n == null || n(e.activeTimeFrame);
+  }, [e.activeTimeFrame]), T(() => {
+    a == null || a(e.selectedDate);
+  }, [e.selectedDate]), /* @__PURE__ */ p("div", { ref: m, children: [
+    /* @__PURE__ */ r(
+      B,
+      {
+        selectedMonth: e.selectedMonth,
+        yearsList: e.getYearsList(),
+        isTodaySelected: e.isTodaySelected(),
+        selectedAssociate: u,
+        users: l,
+        userImages: b,
+        activeTimeFrame: e.activeTimeFrame,
+        onMonthSelection: o,
+        onTodayClick: c,
+        onSelectAssociate: h,
+        onTimeFrameChange: (t) => e.setActiveTimeFrame(t),
+        onDateChange: f
+      }
+    ),
+    /* @__PURE__ */ p(
+      "div",
+      {
+        className: N(
+          "calendar",
+          e.activeTimeFrame === "weekly" ? "flex" : "grid grid-cols-7 gap-0",
+          "w-full items-center"
+        ),
+        children: [
+          e.activeTimeFrame === "monthly" && ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"].map((t) => /* @__PURE__ */ r("div", { className: "pb-ds-03 pt-ds-05 text-center", children: /* @__PURE__ */ r("span", { className: "text-ds-sm font-semibold uppercase tracking-wider  text-text-tertiary", children: t }) }, t)),
+          e.days.map((t, v) => /* @__PURE__ */ p(
+            "button",
+            {
+              type: "button",
+              tabIndex: t.isPadding ? -1 : 0,
+              "aria-label": t.isPadding ? void 0 : w(t.fullDate, "MMMM d, yyyy"),
+              className: N(
+                e.activeTimeFrame === "weekly" ? "w-full rounded-t-ds-lg pb-ds-04 pt-ds-05 max-md:rounded-ds-lg" : "pb-0 pt-0",
+                "flex cursor-pointer flex-col items-center text-center",
+                e.activeTimeFrame === "weekly" && e.activeIndex === v ? (d == null ? void 0 : d.status) === "BREAK" ? "bg-layer-accent-subtle" : "bg-layer-02" : "",
+                t.isPadding && "opacity-50"
+              ),
+              onClick: () => D(v, t.fullDate),
+              children: [
+                e.activeTimeFrame === "weekly" && /* @__PURE__ */ r("span", { className: "text-ds-sm font-semibold uppercase tracking-wider mb-ds-03  text-text-tertiary", children: t.day }),
+                /* @__PURE__ */ r(
+                  V,
+                  {
+                    day: t,
+                    isAdmin: !0,
+                    selectedDate: e.selectedDate,
+                    dateAttendanceMap: u ? s : null,
+                    activeTimeFrame: e.activeTimeFrame
+                  }
+                )
+              ]
+            },
+            v
+          ))
+        ]
+      }
+    )
+  ] });
+});
+M.displayName = "AdminDashboard.Calendar";
+const S = A.forwardRef(function({ groupedAttendance: s = null, users: a = [] }, n) {
+  const { cal: l, selectedAssociate: d, userImages: m } = R();
+  return d ? null : /* @__PURE__ */ r("div", { ref: n, children: /* @__PURE__ */ r(
+    z,
+    {
+      isFutureDate: l.isFutureDate,
+      users: a,
+      groupedAttendance: s,
+      userImages: m,
+      selectedDate: l.selectedDate
+    }
+  ) });
+});
+S.displayName = "AdminDashboard.AttendanceOverview";
+const L = A.forwardRef(function({
+  attendance: s = null,
+  tasks: a = [],
+  breakRequest: n = null,
+  onUpdateAttendanceStatus: l,
+  onToggleTaskStatus: d,
+  onAddTask: m,
+  onReorderTasks: e,
+  onCancelBreak: u,
+  onRefreshSelectedUserAttendance: h,
+  onRefreshAttendanceData: b
+}, i) {
+  const { cal: c, selectedAssociate: f, assetsBaseUrl: o } = R();
+  return f ? /* @__PURE__ */ r("div", { ref: i, children: /* @__PURE__ */ r(
+    G,
+    {
+      selectedAssociate: f,
+      selectedDate: c.selectedDate,
+      selectedUserAttendance: s,
+      userTasks: a,
+      selectedBreakRequest: n,
+      isFutureDate: c.isFutureDate,
+      assetsBaseUrl: o,
+      onUpdateAttendanceStatus: l,
+      onToggleTaskStatus: d,
+      onAddTask: m,
+      onReorderTasks: e,
+      onCancelBreak: u,
+      onRefreshSelectedUserAttendance: h,
+      onRefreshAttendanceData: b
+    }
+  ) }) : null;
+});
+L.displayName = "AdminDashboard.AssociateDetail";
+const k = C(
+  "text-ds-sm font-semibold uppercase tracking-wider cursor-pointer px-ds-03 py-ds-04",
+  {
+    variants: {
+      active: {
+        true: "border-b-[1px] border-b-interactive-hover text-text-primary",
+        false: "text-text-tertiary"
+      }
+    },
+    defaultVariants: {
+      active: !1
+    }
+  }
+), O = A.forwardRef(function({
+  requests: s = [],
+  corrections: a = [],
+  onApproveBreak: n,
+  onRejectBreak: l,
+  onApproveCorrection: d,
+  onRejectCorrection: m
+}, e) {
+  const { currentUserId: u, userImages: h, cal: b, activeTab: i, setActiveTab: c, assetsBaseUrl: f } = R(), o = a.filter(
+    (D) => D.correctionStatus === "PENDING"
+  );
+  T(() => {
+    s.length > 0 ? c("leaveRequest") : o.length > 0 && c("attendanceRequest");
+  }, [s.length, o.length, c]);
+  const y = (D) => {
+    c(D);
+  };
+  return o.length === 0 && s.length === 0 ? null : /* @__PURE__ */ r("div", { ref: e, className: "w-full p-0 md:p-ds-06", children: /* @__PURE__ */ p("div", { className: "max-md:pt[16px] flex flex-col items-start overflow-hidden rounded-ds-lg border-0 border-border-subtle bg-layer-01 shadow-01 pt-ds-03 md:border max-md:pb-0", children: [
+    /* @__PURE__ */ p("div", { className: "flex w-full items-start border-b-[1px] border-b-border px-ds-06 md:border-b max-md:border-0 max-md:px-0", children: [
+      s.length > 0 && /* @__PURE__ */ p(
+        "button",
+        {
+          type: "button",
+          onClick: () => y("leaveRequest"),
+          "aria-current": i === "leaveRequest" ? "true" : void 0,
+          className: k({ active: i === "leaveRequest" }),
+          children: [
+            /* @__PURE__ */ r("span", { className: "hidden sm:inline", children: "break " }),
+            "Requests",
+            /* @__PURE__ */ p("span", { className: "text-interactive-hover", children: [
+              "(",
+              s.length,
+              ")"
+            ] })
+          ]
+        }
+      ),
+      o.length > 0 && /* @__PURE__ */ p(
+        "button",
+        {
+          type: "button",
+          onClick: () => y("attendanceRequest"),
+          "aria-current": i === "attendanceRequest" ? "true" : void 0,
+          className: k({ active: i === "attendanceRequest" }),
+          children: [
+            "Attendance Correction",
+            " ",
+            /* @__PURE__ */ p("span", { className: "text-interactive-hover", children: [
+              "(",
+              o.length,
+              ")"
+            ] })
+          ]
+        }
+      )
+    ] }),
+    i === "attendanceRequest" && o.length > 0 && /* @__PURE__ */ r(
+      K,
+      {
+        corrections: o,
+        currentUserId: u,
+        userImages: h,
+        assetsBaseUrl: f,
+        activeTimeFrame: b.activeTimeFrame,
+        onApproveCorrection: d,
+        onRejectCorrection: m
+      }
+    ),
+    i === "leaveRequest" && s.length > 0 && /* @__PURE__ */ r(
+      W,
+      {
+        requests: s,
+        currentUserId: u,
+        userImages: h,
+        activeTimeFrame: b.activeTimeFrame,
+        onApproveBreak: n,
+        onRejectBreak: l
+      }
+    )
+  ] }) });
+});
+O.displayName = "AdminDashboard.LeaveRequests";
+const j = A.forwardRef(function({ children: s }, a) {
+  const { cal: n } = R(), l = n.isFirstDate(), d = n.isLastDate();
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ref: a,
+      className: N(
+        "flex w-full flex-col rounded-ds-lg bg-layer-02 md:p-ds-06 max-md:bg-transparent",
+        {
+          "rounded-ds-lg": !l && !d,
+          "rounded-ds-lg rounded-tl-none": l && !d,
+          "rounded-b-ds-lg rounded-tr-none": !l && d,
+          "rounded-ds-none": l && d
+        }
+      ),
+      children: s
+    }
+  );
+});
+j.displayName = "AdminDashboard.Content";
+const le = Object.assign(g, {
+  Root: g,
+  Calendar: M,
+  AttendanceOverview: S,
+  AssociateDetail: L,
+  LeaveRequests: O,
+  Content: j
+});
+export {
+  le as AdminDashboard
+};

package/dist/admin/dashboard/associate-detail.d.ts

@@ -0,0 +1,36 @@
+import { AdminUser, AttendanceRecord, BreakRequest } from '../types';
+import * as React from 'react';
+export interface TaskItem {
+    id: string;
+    title: string;
+    status: string;
+    assigneeIds?: string;
+    priority?: string;
+}
+export interface AssociateDetailProps {
+    selectedAssociate: AdminUser;
+    selectedDate: string;
+    selectedUserAttendance: AttendanceRecord | null;
+    userTasks: TaskItem[];
+    selectedBreakRequest: BreakRequest | null;
+    isFutureDate: boolean;
+    assetsBaseUrl: string;
+    onUpdateAttendanceStatus?: (params: {
+        userId: string;
+        date: string;
+        isPresent: boolean;
+    }) => void | Promise<void>;
+    onToggleTaskStatus?: (taskId: string, newStatus: string) => void | Promise<void>;
+    onAddTask?: (title: string, assigneeId: string) => void | Promise<void>;
+    onReorderTasks?: (draggedTaskId: string, targetTaskId: string) => void | Promise<void>;
+    onCancelBreak?: (params: {
+        requestId: string;
+        deleteSingleDay: boolean;
+        dateToCancel: string | Date;
+        userId: string;
+    }) => void | Promise<void>;
+    onRefreshSelectedUserAttendance?: () => void | Promise<void>;
+    onRefreshAttendanceData?: () => void | Promise<void>;
+}
+export declare const AssociateDetail: React.ForwardRefExoticComponent<AssociateDetailProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=associate-detail.d.ts.map

package/dist/admin/dashboard/associate-detail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"associate-detail.d.ts","sourceRoot":"","sources":["../../../src/admin/dashboard/associate-detail.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAyB9B,OAAO,KAAK,EACV,SAAS,EACT,gBAAgB,EAChB,YAAY,EACb,MAAM,UAAU,CAAA;AAMjB,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,oBAAoB;IACnC,iBAAiB,EAAE,SAAS,CAAA;IAC5B,YAAY,EAAE,MAAM,CAAA;IACpB,sBAAsB,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC/C,SAAS,EAAE,QAAQ,EAAE,CAAA;IACrB,oBAAoB,EAAE,YAAY,GAAG,IAAI,CAAA;IACzC,YAAY,EAAE,OAAO,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,wBAAwB,CAAC,EAAE,CAAC,MAAM,EAAE;QAClC,MAAM,EAAE,MAAM,CAAA;QACd,IAAI,EAAE,MAAM,CAAA;QACZ,SAAS,EAAE,OAAO,CAAA;KACnB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1B,kBAAkB,CAAC,EAAE,CACnB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,KACd,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACzB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACvE,cAAc,CAAC,EAAE,CACf,aAAa,EAAE,MAAM,EACrB,YAAY,EAAE,MAAM,KACjB,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACzB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE;QACvB,SAAS,EAAE,MAAM,CAAA;QACjB,eAAe,EAAE,OAAO,CAAA;QACxB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;QAC3B,MAAM,EAAE,MAAM,CAAA;KACf,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1B,+BAA+B,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC5D,uBAAuB,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CACrD;AAsHD,eAAO,MAAM,eAAe,6FAwO3B,CAAA"}

package/dist/admin/dashboard/associate-detail.js

@@ -0,0 +1,269 @@
+import { jsxs as t, jsx as i, Fragment as y } from "react/jsx-runtime";
+import * as H from "react";
+import { useState as v } from "react";
+import { Dialog as q, DialogTrigger as z, DialogContent as G, DialogHeader as W, DialogFooter as $, DialogClose as V } from "@devalok/shilp-sutra/ui";
+import { Button as _ } from "@devalok/shilp-sutra/ui";
+import { IconButton as L } from "@devalok/shilp-sutra/ui";
+import { cn as O } from "@devalok/shilp-sutra/ui";
+import { isSameDay as Y } from "../utils/date-utils.js";
+import { BreakRequestCard as R } from "./break-request.js";
+import { isBefore as F, startOfDay as J, format as Q } from "date-fns";
+import { IconPencil as X, IconSend as Z, IconGripVertical as T, IconSquareCheck as e, IconSquare as A, IconPlus as U } from "@tabler/icons-react";
+function ii({
+  selectedUserAttendance: s
+}) {
+  const m = (s == null ? void 0 : s.status) || "ABSENT", o = m === "Not_Marked" ? "ABSENT" : m, r = o.charAt(0).toUpperCase() + o.slice(1).toLowerCase(), u = s != null && s.timeIn ? new Date(s.timeIn).toLocaleTimeString() : null;
+  return /* @__PURE__ */ t("div", { className: "flex w-full flex-col items-center justify-center px-ds-05 py-ds-07 sm:px-ds-05 sm:py-ds-06 md:px-ds-06 md:py-ds-05 md:pr-0", children: [
+    /* @__PURE__ */ i("p", { className: "text-ds-sm font-semibold uppercase tracking-wider mb-ds-06  text-text-tertiary", children: "Attendance status" }),
+    /* @__PURE__ */ t("div", { className: "mb-ds-04 flex w-full items-center justify-center gap-ds-03 rounded-3xl border border-border-subtle px-ds-05 py-ds-04 text-center", children: [
+      /* @__PURE__ */ i("span", { className: "font-semibold text-interactive", children: r }),
+      r === "Absent" && /* @__PURE__ */ i(
+        "div",
+        {
+          style: {
+            width: "1px",
+            height: "20px",
+            opacity: 0.5,
+            background: "var(--color-border-strong)"
+          }
+        }
+      ),
+      !u && m !== "HOLIDAY" && m !== "WEEKEND" && /* @__PURE__ */ i("span", { className: "text-ds-md text-text-tertiary", children: "Not marked" }),
+      !!u && m === "ABSENT" && /* @__PURE__ */ i("span", { className: "text-ds-md text-text-tertiary", children: "Removed" })
+    ] }),
+    u && /* @__PURE__ */ t("p", { className: "text-ds-md m-0 text-center text-text-disabled", children: [
+      "Marked at ",
+      u
+    ] })
+  ] });
+}
+function ri({
+  selectedAssociate: s,
+  selectedDate: m,
+  selectedUserAttendance: o,
+  onUpdateAttendanceStatus: r
+}) {
+  return /* @__PURE__ */ t(G, { className: "sm:max-w-md", children: [
+    /* @__PURE__ */ i(W, { children: /* @__PURE__ */ t("div", { className: "text-ds-md text-text-tertiary", children: [
+      "Edit attendance of",
+      " ",
+      /* @__PURE__ */ i("span", { className: "text-ds-md font-bold font-semibold text-interactive", children: s.name })
+    ] }) }),
+    /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-start", children: [
+      /* @__PURE__ */ i("div", { className: "text-ds-lg mb-ds-05 text-interactive", children: Q(new Date(m), "dd MMMM ''yy") }),
+      /* @__PURE__ */ i("div", { className: "mb-ds-04 flex w-full items-center justify-center gap-ds-03 rounded-3xl border border-border-subtle px-ds-05 py-ds-04 text-center font-semibold text-interactive", children: (o == null ? void 0 : o.status) === "PRESENT" ? "PRESENT " : "ABSENT" })
+    ] }),
+    /* @__PURE__ */ i($, { className: "sm:justify-start", children: /* @__PURE__ */ i(V, { asChild: !0, children: /* @__PURE__ */ i(
+      _,
+      {
+        variant: "primary",
+        fullWidth: !0,
+        onClick: () => {
+          const u = (o == null ? void 0 : o.status) !== "PRESENT";
+          r == null || r({
+            userId: s.id,
+            date: m,
+            isPresent: u
+          });
+        },
+        children: `Mark as ${(o == null ? void 0 : o.status) === "PRESENT" ? "absent" : "present"}`
+      }
+    ) }) })
+  ] });
+}
+const ai = H.forwardRef(
+  function({
+    selectedAssociate: m,
+    selectedDate: o,
+    selectedUserAttendance: r,
+    userTasks: u,
+    selectedBreakRequest: E,
+    isFutureDate: h,
+    assetsBaseUrl: w,
+    onUpdateAttendanceStatus: x,
+    onToggleTaskStatus: n,
+    onAddTask: d,
+    onReorderTasks: g,
+    onCancelBreak: D,
+    onRefreshSelectedUserAttendance: c,
+    onRefreshAttendanceData: I
+  }, B) {
+    const [b, M] = v(""), [p, C] = v(null), [j, N] = v(null), P = async (a) => {
+      a.preventDefault(), !(!b.trim() || !m) && (await (d == null ? void 0 : d(b, m.id)), M(""));
+    }, k = (a, l) => {
+      C(l), a.target.classList.add("dragging");
+    }, S = async (a, l) => {
+      if (a.preventDefault(), p !== null && p !== l) {
+        const f = u[p], K = u[l];
+        await (g == null ? void 0 : g(f.id, K.id));
+      }
+      C(null), N(null);
+    };
+    return /* @__PURE__ */ t("div", { ref: B, className: "relative flex items-center justify-between md:items-stretch", children: [
+      !h && (r == null ? void 0 : r.status) !== "BREAK" && /* @__PURE__ */ t(q, { children: [
+        /* @__PURE__ */ i(z, { asChild: !0, children: /* @__PURE__ */ i(
+          L,
+          {
+            icon: /* @__PURE__ */ i(X, {}),
+            size: "sm",
+            "aria-label": "Edit",
+            className: "absolute right-2 top-2"
+          }
+        ) }),
+        /* @__PURE__ */ i(
+          ri,
+          {
+            selectedAssociate: m,
+            selectedDate: o,
+            selectedUserAttendance: r,
+            onUpdateAttendanceStatus: x
+          }
+        )
+      ] }),
+      h ? /* @__PURE__ */ i(y, { children: (r == null ? void 0 : r.status) === "BREAK" ? /* @__PURE__ */ i(
+        R,
+        {
+          selectedDate: o,
+          userId: m.id,
+          breakRequest: E,
+          assetsBaseUrl: w,
+          onCancelBreak: D,
+          onRefreshAttendance: c,
+          onRefreshGroupedAttendance: I
+        }
+      ) : /* @__PURE__ */ i("div", { className: "min-h-28" }) }) : (r == null ? void 0 : r.status) === "BREAK" ? /* @__PURE__ */ i(
+        R,
+        {
+          selectedDate: o,
+          userId: m.id,
+          breakRequest: E,
+          assetsBaseUrl: w,
+          onCancelBreak: D,
+          onRefreshAttendance: c,
+          onRefreshGroupedAttendance: I
+        }
+      ) : (r == null ? void 0 : r.status) === "ABSENT" || (r == null ? void 0 : r.status) === "Not_Marked" && F(
+        new Date(o),
+        J(/* @__PURE__ */ new Date())
+      ) ? /* @__PURE__ */ t("div", { className: "flex w-full flex-col items-center justify-center p-ds-06", children: [
+        /* @__PURE__ */ i("p", { className: "text-ds-sm font-semibold uppercase tracking-wider mb-ds-05  text-text-tertiary", children: "COMMENT" }),
+        /* @__PURE__ */ t("div", { className: "flex w-full items-center justify-between rounded-ds-lg border border-border bg-layer-01 px-ds-05 max-md:h-ds-lg", children: [
+          /* @__PURE__ */ i(
+            "input",
+            {
+              className: "text-ds-md flex-1 border-none py-ds-03 text-text-primary outline-none",
+              defaultValue: "Don't miss next time :)"
+            }
+          ),
+          /* @__PURE__ */ i(
+            L,
+            {
+              icon: /* @__PURE__ */ i(Z, {}),
+              size: "sm",
+              "aria-label": "Update status",
+              onClick: () => {
+                const a = (r == null ? void 0 : r.status) !== "PRESENT";
+                x == null || x({
+                  userId: m.id,
+                  date: o,
+                  isPresent: a
+                });
+              }
+            }
+          )
+        ] })
+      ] }) : /* @__PURE__ */ t("div", { className: "mb-auto flex w-full flex-col md:pr-ds-06", children: [
+        /* @__PURE__ */ i("p", { className: "text-ds-sm font-semibold uppercase tracking-wider mb-ds-06  text-interactive", children: "Tasks for the day" }),
+        u && /* @__PURE__ */ t(y, { children: [
+          /* @__PURE__ */ i("div", { className: "no-scrollbar mb-ds-03 flex max-h-[250px] flex-col gap-ds-03 overflow-y-auto", children: u.map((a, l) => (
+            // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+            /* @__PURE__ */ t(
+              "div",
+              {
+                className: O("task-item mb-ds-03 flex items-center gap-ds-02", p === l ? "dragging" : ""),
+                draggable: !0,
+                onDragStart: (f) => k(f, l),
+                onDragOver: (f) => f.preventDefault(),
+                onDrop: (f) => S(f, l),
+                onDragEnter: () => N(l),
+                onDragLeave: () => N(null),
+                onDragEnd: (f) => {
+                  f.target instanceof HTMLElement && f.target.classList.remove("dragging");
+                },
+                children: [
+                  j === l && /* @__PURE__ */ i("div", { className: "drop-indicator" }),
+                  a.status === "COMPLETED" ? /* @__PURE__ */ i(T, { className: "" }) : /* @__PURE__ */ i(T, {}),
+                  /* @__PURE__ */ i(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => {
+                        n == null || n(
+                          a.id,
+                          a.status === "COMPLETED" ? "TODO" : "COMPLETED"
+                        );
+                      },
+                      "aria-label": a.status === "COMPLETED" ? `Mark "${a.title}" as incomplete` : `Mark "${a.title}" as complete`,
+                      className: "cursor-pointer",
+                      children: a.status === "COMPLETED" ? /* @__PURE__ */ i(e, { className: "text-interactive-hover" }) : /* @__PURE__ */ i(A, {})
+                    }
+                  ),
+                  /* @__PURE__ */ i(
+                    "p",
+                    {
+                      className: O("text-ds-md flex-1 overflow-hidden hyphens-auto break-all pr-ds-05", a.status === "COMPLETED" ? "text-text-disabled line-through" : "text-text-secondary"),
+                      style: { wordBreak: "break-word", minWidth: 0 },
+                      children: a.title
+                    }
+                  )
+                ]
+              },
+              a.id
+            )
+          )) }),
+          Y(new Date(o), /* @__PURE__ */ new Date()) && /* @__PURE__ */ t(
+            "form",
+            {
+              className: "flex items-center gap-ds-02 pb-ds-05",
+              onSubmit: P,
+              children: [
+                /* @__PURE__ */ i("div", { className: "w-ds-06" }),
+                /* @__PURE__ */ i("button", { type: "submit", className: "appearance-none", children: /* @__PURE__ */ i(U, {}) }),
+                /* @__PURE__ */ i(
+                  "textarea",
+                  {
+                    className: "text-ds-md flex w-full resize-none items-center border-none bg-transparent !leading-6 text-text-secondary outline-none placeholder:leading-6",
+                    placeholder: "Add a task",
+                    value: b,
+                    onChange: (a) => M(a.target.value),
+                    onKeyDown: (a) => {
+                      a.key === "Enter" && !a.shiftKey && (a.preventDefault(), P(a));
+                    },
+                    rows: 1,
+                    style: {
+                      minHeight: "24px",
+                      height: "auto",
+                      overflow: "hidden"
+                    },
+                    onInput: (a) => {
+                      const l = a.target;
+                      l.style.height = "auto", l.style.height = l.scrollHeight + "px";
+                    }
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      ] }),
+      !h && (r == null ? void 0 : r.status) !== "BREAK" && /* @__PURE__ */ t(y, { children: [
+        /* @__PURE__ */ i("div", { className: "block h-[auto] w-[2px] bg-border-subtle" }),
+        /* @__PURE__ */ i(ii, { selectedUserAttendance: r })
+      ] })
+    ] });
+  }
+);
+ai.displayName = "AssociateDetail";
+export {
+  ai as AssociateDetail
+};

package/dist/admin/dashboard/attendance-overview.d.ts

@@ -0,0 +1,11 @@
+import { AdminUser, GroupedAttendance } from '../types';
+import * as React from 'react';
+export interface AttendanceOverviewProps {
+    isFutureDate: boolean;
+    users: AdminUser[];
+    groupedAttendance: GroupedAttendance | null;
+    userImages: Record<string, string>;
+    selectedDate: string;
+}
+export declare const AttendanceOverview: React.ForwardRefExoticComponent<AttendanceOverviewProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=attendance-overview.d.ts.map

package/dist/admin/dashboard/attendance-overview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attendance-overview.d.ts","sourceRoot":"","sources":["../../../src/admin/dashboard/attendance-overview.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EACV,SAAS,EAGT,iBAAiB,EAClB,MAAM,UAAU,CAAA;AAMjB,MAAM,WAAW,uBAAuB;IACtC,YAAY,EAAE,OAAO,CAAA;IACrB,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,iBAAiB,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAC3C,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC,YAAY,EAAE,MAAM,CAAA;CACrB;AAyCD,eAAO,MAAM,kBAAkB,gGAqI9B,CAAA"}