@devalok/shilp-sutra-karm 0.8.1 → 0.9.0

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

@@ -1,337 +0,0 @@
-"use client";
-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/lib/utils";
-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-[0.5]"
-              ),
-              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.js

@@ -1,259 +0,0 @@
-"use client";
-import { jsxs as l, jsx as i, Fragment as y } from "react/jsx-runtime";
-import * as H from "react";
-import { useState as E } from "react";
-import { Dialog as q, DialogTrigger as z, DialogContent as G, DialogHeader as $, DialogFooter as V, DialogClose as W } from "@devalok/shilp-sutra/ui/dialog";
-import { Button as _ } from "@devalok/shilp-sutra/ui/button";
-import { IconButton as L } from "@devalok/shilp-sutra/ui/icon-button";
-import { cn as O } from "@devalok/shilp-sutra/ui/lib/utils";
-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__ */ l("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__ */ l("div", { className: "mb-ds-04 flex w-full items-center justify-center gap-ds-03 rounded-ds-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", { className: "w-px h-5 opacity-[0.5] bg-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__ */ l("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__ */ l(G, { className: "sm:max-w-md", children: [
-    /* @__PURE__ */ i($, { children: /* @__PURE__ */ l("div", { className: "text-ds-md text-text-tertiary", children: [
-      "Edit attendance of",
-      " ",
-      /* @__PURE__ */ i("span", { className: "text-ds-md font-semibold text-interactive", children: s.name })
-    ] }) }),
-    /* @__PURE__ */ l("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-ds-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(V, { className: "sm:justify-start", children: /* @__PURE__ */ i(W, { asChild: !0, children: /* @__PURE__ */ i(
-      _,
-      {
-        variant: "solid",
-        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: v,
-    isFutureDate: n,
-    assetsBaseUrl: w,
-    onUpdateAttendanceStatus: x,
-    onToggleTaskStatus: h,
-    onAddTask: d,
-    onReorderTasks: g,
-    onCancelBreak: D,
-    onRefreshSelectedUserAttendance: c,
-    onRefreshAttendanceData: I
-  }, j) {
-    const [b, M] = E(""), [p, C] = E(null), [B, N] = E(null), P = async (a) => {
-      a.preventDefault(), !(!b.trim() || !m) && (await (d == null ? void 0 : d(b, m.id)), M(""));
-    }, S = (a, t) => {
-      C(t), a.target.classList.add("dragging");
-    }, k = async (a, t) => {
-      if (a.preventDefault(), p !== null && p !== t) {
-        const f = u[p], K = u[t];
-        await (g == null ? void 0 : g(f.id, K.id));
-      }
-      C(null), N(null);
-    };
-    return /* @__PURE__ */ l("div", { ref: j, className: "relative flex items-center justify-between md:items-stretch", children: [
-      !n && (r == null ? void 0 : r.status) !== "BREAK" && /* @__PURE__ */ l(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
-          }
-        )
-      ] }),
-      n ? /* @__PURE__ */ i(y, { children: (r == null ? void 0 : r.status) === "BREAK" ? /* @__PURE__ */ i(
-        R,
-        {
-          selectedDate: o,
-          userId: m.id,
-          breakRequest: v,
-          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: v,
-          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__ */ l("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__ */ l("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__ */ l("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__ */ l(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, t) => (
-            // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-            /* @__PURE__ */ l(
-              "div",
-              {
-                className: O("task-item mb-ds-03 flex items-center gap-ds-02", p === t ? "dragging" : ""),
-                draggable: !0,
-                onDragStart: (f) => S(f, t),
-                onDragOver: (f) => f.preventDefault(),
-                onDrop: (f) => k(f, t),
-                onDragEnter: () => N(t),
-                onDragLeave: () => N(null),
-                onDragEnd: (f) => {
-                  f.target instanceof HTMLElement && f.target.classList.remove("dragging");
-                },
-                children: [
-                  B === t && /* @__PURE__ */ i("div", { className: "drop-indicator" }),
-                  a.status === "COMPLETED" ? /* @__PURE__ */ i(T, { className: "" }) : /* @__PURE__ */ i(T, {}),
-                  /* @__PURE__ */ i(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => {
-                        h == null || h(
-                          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 break-words min-w-0", a.status === "COMPLETED" ? "text-text-disabled line-through" : "text-text-secondary"),
-                      children: a.title
-                    }
-                  )
-                ]
-              },
-              a.id
-            )
-          )) }),
-          Y(new Date(o), /* @__PURE__ */ new Date()) && /* @__PURE__ */ l(
-            "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 t = a.target;
-                      t.style.height = "auto", t.style.height = t.scrollHeight + "px";
-                    }
-                  }
-                )
-              ]
-            }
-          )
-        ] })
-      ] }),
-      !n && (r == null ? void 0 : r.status) !== "BREAK" && /* @__PURE__ */ l(y, { children: [
-        /* @__PURE__ */ i("div", { className: "block h-full w-[2px] bg-border-subtle" }),
-        /* @__PURE__ */ i(ii, { selectedUserAttendance: r })
-      ] })
-    ] });
-  }
-);
-ai.displayName = "AssociateDetail";
-export {
-  ai as AssociateDetail
-};