@devalok/shilp-sutra-karm 0.8.2 → 0.9.0

package/dist/admin/break/edit-break.js

@@ -1,453 +0,0 @@
-"use client";
-import { jsxs as n, jsx as s } from "react/jsx-runtime";
-import * as X from "react";
-import { useState as g, useRef as Z, useEffect as j } from "react";
-import { IconPencil as $, IconArrowRight as v, IconChevronLeft as L, IconChevronRight as tt, IconChevronDown as et } from "@tabler/icons-react";
-import { useToast as rt } from "@devalok/shilp-sutra/hooks/use-toast";
-import { Dialog as at, DialogTrigger as st, DialogContent as nt, DialogHeader as ot, DialogDescription as dt } from "@devalok/shilp-sutra/ui/dialog";
-import { Button as q } from "@devalok/shilp-sutra/ui/button";
-import { DeleteBreak as it } from "./delete-break.js";
-import { removeAllEmojis as lt } from "../utils/emoji-utils.js";
-import { cn as f } from "@devalok/shilp-sutra/ui/lib/utils";
-import { isBreakDay as Y, checkDateOverlap as B, isDateAfter as ct, isDateSameOrAfter as ut, isDateInRange as mt } from "../utils/date-range-utils.js";
-import { isSameDay as S } from "../utils/date-utils.js";
-import { useBreakDatePicker as ft } from "./use-break-date-picker.js";
-import { format as D, endOfMonth as Dt, getDay as J, subDays as pt, getDaysInMonth as xt, addDays as ht } from "date-fns";
-const bt = X.forwardRef(function({
-  selectedLeave: r,
-  existingBreaks: p,
-  onFetchMonthBreaks: y,
-  onSave: C,
-  onDelete: V
-}, yt) {
-  var T;
-  const [w, k] = g(!1), [x, M] = g(
-    p || []
-  ), [F, I] = g(!1), [o, u] = g({
-    status: (r == null ? void 0 : r.status) || "",
-    comment: (r == null ? void 0 : r.adminComment) || "",
-    startDate: (r == null ? void 0 : r.startDate) || "",
-    endDate: (r == null ? void 0 : r.endDate) || ""
-  }), e = ft(), P = Z(null), { toast: m } = rt();
-  j(() => {
-    if (r) {
-      const t = (a) => a ? D(new Date(a), "yyyy-MM-dd") : "";
-      u({
-        status: (r == null ? void 0 : r.status) || "",
-        comment: (r == null ? void 0 : r.adminComment) || "",
-        startDate: t(r == null ? void 0 : r.startDate),
-        endDate: t(r == null ? void 0 : r.endDate)
-      }), e.setSelectedStartDate(t(r == null ? void 0 : r.startDate)), e.setSelectedEndDate(t(r == null ? void 0 : r.endDate));
-    }
-  }, [r]), j(() => {
-    if (p) {
-      M(p);
-      return;
-    }
-    y && y(e.currentMonth, e.currentYear).then((t) => {
-      t && M(
-        t.map((a) => ({
-          ...a,
-          startDate: new Date(a.startDate).toISOString(),
-          endDate: new Date(a.endDate).toISOString()
-        }))
-      );
-    }).catch((t) => {
-      console.error("Error fetching breaks:", t);
-    });
-  }, [e.currentMonth, e.currentYear, p, y]);
-  const U = (t) => {
-    const { name: a, value: i } = t.target;
-    u((d) => ({
-      ...d,
-      [a]: i
-    }));
-  }, h = (t) => {
-    u((a) => ({
-      ...a,
-      status: t
-    })), k(!1);
-  }, R = (t) => {
-    if (e.setActiveDate(t), t === "start" && o.startDate) {
-      const a = new Date(o.startDate);
-      e.setCurrentMonth(a.getMonth()), e.setCurrentYear(a.getFullYear());
-    } else if (t === "end" && o.endDate) {
-      const a = new Date(o.endDate);
-      e.setCurrentMonth(a.getMonth()), e.setCurrentYear(a.getFullYear());
-    }
-    e.setShowCalendar(!0);
-  }, W = async (t) => {
-    if (t.preventDefault(), o.status === "PENDING") {
-      m({
-        title: "Action Required",
-        description: "Please update the status",
-        color: "neutral"
-      });
-      return;
-    }
-    I(!0);
-    try {
-      C && C({
-        requestId: r.id,
-        userId: r.userId,
-        status: o.status,
-        adminComment: o.comment,
-        startDate: new Date(o.startDate).toISOString(),
-        endDate: new Date(o.endDate).toISOString(),
-        isEditing: !0
-      }), m({
-        description: "Break request updated successfully",
-        color: "neutral"
-      });
-    } catch (a) {
-      console.error("Error updating break request:", a), m({
-        title: "Error",
-        description: "Failed to update break request",
-        color: "error"
-      });
-    } finally {
-      I(!1);
-    }
-  }, E = (t) => {
-    const a = {
-      APPROVED: {
-        text: "Approved",
-        className: "bg-success-surface text-text-success"
-      },
-      PENDING: {
-        text: "Pending",
-        className: "bg-warning-surface text-text-warning"
-      },
-      REJECTED: {
-        text: "Deny",
-        className: "bg-error-surface text-text-error"
-      },
-      CANCELLED: {
-        text: "Redacted",
-        className: "bg-error-surface text-text-error"
-      }
-    }, { text: i, className: d } = a[t] || a.REJECTED;
-    return /* @__PURE__ */ s(
-      "div",
-      {
-        className: f("text-ds-sm w-fit rounded-ds-2xl px-ds-02b py-ds-02 capitalize", d),
-        children: i
-      }
-    );
-  }, O = (t) => t ? D(new Date(t), "EEEE, MMMM d") : "", G = (t, a) => {
-    const i = [], d = new Date(a, t, 1), A = Dt(d), K = J(d), _ = 6 - J(A), N = /* @__PURE__ */ new Date();
-    for (let l = K - 1; l >= 0; l--) {
-      const c = pt(d, l + 1);
-      i.push({
-        date: c.getDate(),
-        fullDate: D(c, "yyyy-MM-dd"),
-        isPadding: !0,
-        isToday: S(c, N),
-        isWeekend: !1
-      });
-    }
-    const Q = xt(d);
-    for (let l = 1; l <= Q; l++) {
-      const c = new Date(a, t, l);
-      i.push({
-        date: l,
-        fullDate: D(c, "yyyy-MM-dd"),
-        isPadding: !1,
-        isToday: S(c, N),
-        isWeekend: !1
-      });
-    }
-    for (let l = 1; l <= _; l++) {
-      const c = ht(A, l);
-      i.push({
-        date: c.getDate(),
-        fullDate: D(c, "yyyy-MM-dd"),
-        isPadding: !0,
-        isToday: S(c, N),
-        isWeekend: !1
-      });
-    }
-    return i;
-  }, z = (t) => {
-    if (Y(t.fullDate, x, r.id)) {
-      m({
-        title: "Error",
-        description: "This date is already part of another break request.",
-        color: "error"
-      });
-      return;
-    }
-    if (!t.isPadding) {
-      if (e.activeDate === "start") {
-        const a = t.fullDate, i = e.selectedEndDate || a;
-        if (B(a, i, x, r.id)) {
-          m({
-            title: "Error",
-            description: "The selected date range overlaps with an existing break request.",
-            color: "error"
-          });
-          return;
-        }
-        e.setSelectedStartDate(a), u((d) => ({
-          ...d,
-          startDate: a
-        })), e.selectedEndDate && ct(a, e.selectedEndDate) && (e.setSelectedEndDate(a), u((d) => ({
-          ...d,
-          endDate: a
-        })));
-      } else if (e.activeDate === "end") {
-        const a = t.fullDate, i = e.selectedStartDate || a;
-        if (B(i, a, x, r.id)) {
-          m({
-            title: "Error",
-            description: "The selected date range overlaps with an existing break request.",
-            color: "error"
-          });
-          return;
-        }
-        e.selectedStartDate && ut(a, e.selectedStartDate) ? (e.setSelectedEndDate(a), u((d) => ({
-          ...d,
-          endDate: a
-        }))) : e.selectedStartDate || (e.setSelectedStartDate(a), e.setSelectedEndDate(a), u((d) => ({
-          ...d,
-          startDate: a,
-          endDate: a
-        })));
-      }
-      e.setShowCalendar(!1);
-    }
-  }, b = (t) => !e.selectedStartDate || !e.selectedEndDate ? !!(e.showCalendar && (e.activeDate === "start" && o.startDate === t || e.activeDate === "end" && o.endDate === t)) : mt(t, e.selectedStartDate, e.selectedEndDate), H = G(e.currentMonth, e.currentYear);
-  return /* @__PURE__ */ n(at, { children: [
-    /* @__PURE__ */ s(st, { asChild: !0, children: /* @__PURE__ */ n(
-      q,
-      {
-        variant: "outline",
-        className: "text-ds-base border-border bg-layer-01 px-ds-05 py-ds-04 pr-ds-06 text-text-secondary shadow-02",
-        children: [
-          /* @__PURE__ */ s($, {}),
-          /* @__PURE__ */ s("span", { children: "Edit" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ s(nt, { className: "w-[440px] p-ds-06 max-md:w-[90%] max-md:rounded-ds-lg", children: /* @__PURE__ */ s(ot, { children: /* @__PURE__ */ s(dt, { children: /* @__PURE__ */ n("div", { className: "flex w-full flex-col items-center gap-ds-05", children: [
-      /* @__PURE__ */ n("p", { className: "text-ds-md w-full text-left text-text-tertiary", children: [
-        "Edit break details of",
-        " ",
-        /* @__PURE__ */ s("span", { className: "font-semibold text-interactive", children: (T = r == null ? void 0 : r.user) == null ? void 0 : T.name })
-      ] }),
-      /* @__PURE__ */ n(
-        "form",
-        {
-          ref: P,
-          onSubmit: W,
-          id: "updateleaveform",
-          className: "flex w-full flex-col gap-ds-05",
-          children: [
-            /* @__PURE__ */ n("div", { className: "flex w-full flex-col gap-ds-02 rounded-ds-lg border border-border-subtle px-ds-05 pb-ds-03 pt-ds-04", children: [
-              /* @__PURE__ */ s("h2", { className: "text-ds-xs font-semibold uppercase tracking-wider  text-text-placeholder", children: "Reason" }),
-              /* @__PURE__ */ s("p", { className: "text-ds-md text-text-primary", children: lt(r == null ? void 0 : r.reason) })
-            ] }),
-            /* @__PURE__ */ n("div", { className: "flex w-full items-center justify-center gap-ds-02", children: [
-              /* @__PURE__ */ s(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => R("start"),
-                  className: f(
-                    "text-ds-md flex w-full items-center justify-center gap-ds-03 rounded-ds-full border bg-layer-02 px-ds-03 py-ds-03 text-text-secondary max-md:text-ds-sm",
-                    e.showCalendar && e.activeDate === "start" ? "border-border-strong" : "border-border"
-                  ),
-                  children: O(o.startDate)
-                }
-              ),
-              /* @__PURE__ */ s("div", { className: "flex h-ico-sm w-ico-sm items-center", children: /* @__PURE__ */ s(v, { className: "h-ico-sm w-ico-sm text-icon-secondary" }) }),
-              /* @__PURE__ */ s(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => R("end"),
-                  className: f(
-                    "text-ds-md flex w-full items-center justify-center gap-ds-03 rounded-ds-full border bg-layer-02 px-ds-03 py-ds-03 text-text-secondary max-md:text-ds-sm",
-                    e.showCalendar && e.activeDate === "end" ? "border-border-strong" : "border-border"
-                  ),
-                  children: O(o.endDate)
-                }
-              )
-            ] }),
-            e.showCalendar && /* @__PURE__ */ n("div", { className: "", children: [
-              /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ s(
-                  "button",
-                  {
-                    type: "button",
-                    className: "rounded-ds-full p-ds-03 hover:bg-field-hover",
-                    onClick: () => e.navigateMonth("prev"),
-                    children: /* @__PURE__ */ s(L, { className: "h-ico-md w-ico-md" })
-                  }
-                ),
-                /* @__PURE__ */ n("div", { className: "text-ds-md font-semibold uppercase", children: [
-                  new Date(e.currentYear, e.currentMonth).toLocaleString(
-                    "default",
-                    {
-                      month: "long"
-                    }
-                  ),
-                  " ",
-                  e.currentYear
-                ] }),
-                /* @__PURE__ */ s(
-                  "button",
-                  {
-                    type: "button",
-                    className: "rounded-ds-full p-ds-03 hover:bg-field-hover",
-                    onClick: () => e.navigateMonth("next"),
-                    children: /* @__PURE__ */ s(tt, { className: "h-ico-md w-ico-md" })
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ n("div", { className: "calendar grid w-full grid-cols-7 items-center gap-0 overflow-hidden", children: [
-                ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"].map(
-                  (t) => /* @__PURE__ */ s("div", { className: "pb-ds-03 pt-ds-05 text-center", children: /* @__PURE__ */ s("span", { className: "text-ds-sm font-semibold uppercase tracking-wider  text-text-tertiary", children: t }) }, t)
-                ),
-                H.map((t, a) => /* @__PURE__ */ s(
-                  "button",
-                  {
-                    type: "button",
-                    tabIndex: t.isPadding ? -1 : 0,
-                    "aria-label": t.isPadding ? void 0 : D(new Date(t.fullDate), "MMMM d, yyyy"),
-                    className: f(
-                      "flex cursor-pointer flex-col items-center pb-0 pt-0 text-center",
-                      b(t.fullDate) && t.fullDate !== e.selectedStartDate && t.fullDate !== e.selectedEndDate && "bg-layer-accent-subtle",
-                      t.isPadding && "opacity-[0.5]",
-                      t.fullDate === e.selectedStartDate && b(t.fullDate) && "start-date mini",
-                      t.fullDate === e.selectedEndDate && b(t.fullDate) && "end-date mini",
-                      b(t.fullDate) && t.fullDate !== e.selectedStartDate && t.fullDate !== e.selectedEndDate && "in-range-date",
-                      e.selectedStartDate === e.selectedEndDate && "same-date"
-                    ),
-                    onClick: () => z(t),
-                    children: /* @__PURE__ */ s(
-                      "div",
-                      {
-                        className: f(
-                          "mx-ds-02 my-ds-02",
-                          t.isPadding && "opacity-[0.5]"
-                        ),
-                        children: /* @__PURE__ */ s(
-                          "span",
-                          {
-                            className: f(
-                              "text-ds-base flex h-ds-md w-ds-md items-center justify-center rounded-ds-full",
-                              (t.fullDate === e.selectedStartDate || t.fullDate === e.selectedEndDate || Y(t.fullDate, x, r.id)) && "bg-accent ring-2 ring-inset ring-accent",
-                              t.isToday ? "bg-interactive-hover p-ds-03 text-text-on-color" : "text-text-secondary"
-                            ),
-                            children: t.date
-                          }
-                        )
-                      }
-                    )
-                  },
-                  a
-                ))
-              ] })
-            ] }),
-            /* @__PURE__ */ n("div", { className: "flex w-full items-center justify-between rounded-ds-lg border border-border px-ds-05 py-ds-04", children: [
-              /* @__PURE__ */ s("p", { className: "text-ds-xs font-semibold uppercase tracking-wider  text-text-placeholder", children: "No of Days" }),
-              /* @__PURE__ */ s("p", { className: "text-ds-xl font-semibold text-text-primary", children: r.numberOfDays })
-            ] }),
-            /* @__PURE__ */ n("div", { className: "flex w-full items-center justify-between rounded-ds-lg border border-border px-ds-05 py-ds-04", children: [
-              /* @__PURE__ */ s("p", { className: "text-ds-xs font-semibold uppercase tracking-wider  text-text-placeholder", children: "Status" }),
-              /* @__PURE__ */ n("div", { className: "relative flex items-center gap-ds-02", children: [
-                /* @__PURE__ */ n(
-                  "button",
-                  {
-                    type: "button",
-                    className: "flex cursor-pointer items-center gap-ds-02",
-                    "aria-label": "Change status",
-                    "aria-haspopup": "listbox",
-                    "aria-expanded": w,
-                    onClick: () => k(!w),
-                    children: [
-                      E(o.status),
-                      /* @__PURE__ */ s(et, {})
-                    ]
-                  }
-                ),
-                w && /* @__PURE__ */ n("div", { className: "text-ds-base absolute left-[10px] top-[25px] z-raised flex flex-col overflow-hidden rounded-ds-md border border-border bg-layer-01 shadow-02", role: "listbox", children: [
-                  /* @__PURE__ */ s(
-                    "div",
-                    {
-                      className: "cursor-pointer border-b border-b-border bg-layer-01 px-ds-04 py-ds-03 text-left",
-                      role: "option",
-                      tabIndex: 0,
-                      "aria-selected": o.status === "APPROVED",
-                      onClick: () => h("APPROVED"),
-                      onKeyDown: (t) => {
-                        (t.key === "Enter" || t.key === " ") && (t.preventDefault(), h("APPROVED"));
-                      },
-                      children: E("APPROVED")
-                    }
-                  ),
-                  /* @__PURE__ */ s(
-                    "div",
-                    {
-                      className: "cursor-pointer bg-layer-01 px-ds-04 py-ds-03 text-left",
-                      role: "option",
-                      tabIndex: 0,
-                      "aria-selected": o.status === "REJECTED",
-                      onClick: () => h("REJECTED"),
-                      onKeyDown: (t) => {
-                        (t.key === "Enter" || t.key === " ") && (t.preventDefault(), h("REJECTED"));
-                      },
-                      children: E("REJECTED")
-                    }
-                  )
-                ] })
-              ] })
-            ] }),
-            /* @__PURE__ */ n("div", { className: "flex w-full flex-col gap-ds-02 rounded-ds-lg border border-border-subtle px-ds-05 pb-ds-03 pt-ds-04", children: [
-              /* @__PURE__ */ s("h2", { className: "text-ds-xs font-semibold uppercase tracking-wider  text-text-placeholder", children: "Comment" }),
-              /* @__PURE__ */ s(
-                "input",
-                {
-                  type: "text",
-                  name: "comment",
-                  className: "text-ds-md text-text-primary outline-none",
-                  placeholder: "Enjoy your break, TC",
-                  value: o.comment,
-                  onChange: U
-                }
-              )
-            ] }),
-            /* @__PURE__ */ n("div", { className: "flex w-full justify-between", children: [
-              /* @__PURE__ */ s("div", { className: "flex h-ds-md w-ds-md items-center justify-center", children: /* @__PURE__ */ s(
-                it,
-                {
-                  id: r.id,
-                  userId: r.userId,
-                  onDelete: V
-                }
-              ) }),
-              /* @__PURE__ */ s(
-                q,
-                {
-                  className: "w-fit",
-                  variant: "outline",
-                  disabled: F,
-                  onClick: () => {
-                    var t;
-                    return (t = P.current) == null ? void 0 : t.requestSubmit();
-                  },
-                  children: "Update"
-                }
-              )
-            ] })
-          ]
-        }
-      )
-    ] }) }) }) })
-  ] });
-});
-bt.displayName = "EditBreak";
-export {
-  bt as EditBreak
-};

package/dist/admin/break/header.js

@@ -1,231 +0,0 @@
-"use client";
-import { jsxs as a, jsx as e, Fragment as M } from "react/jsx-runtime";
-import * as C from "react";
-import { Fragment as F } from "react";
-import { DropdownMenu as m, DropdownMenuTrigger as o, DropdownMenuContent as x, DropdownMenuItem as h } from "@devalok/shilp-sutra/ui/dropdown-menu";
-import { Button as j } from "@devalok/shilp-sutra/ui/button";
-import { IconButton as l } from "@devalok/shilp-sutra/ui/icon-button";
-import { IconX as u, IconUser as D, IconChevronDown as p, IconCalendar as Y, IconCalendarEvent as I, IconChevronLeft as N, IconChevronRight as f } from "@tabler/icons-react";
-const b = [
-  { id: 1, name: "January" },
-  { id: 2, name: "February" },
-  { id: 3, name: "March" },
-  { id: 4, name: "April" },
-  { id: 5, name: "May" },
-  { id: 6, name: "June" },
-  { id: 7, name: "July" },
-  { id: 8, name: "August" },
-  { id: 9, name: "September" },
-  { id: 10, name: "October" },
-  { id: 11, name: "November" },
-  { id: 12, name: "December" }
-], S = C.forwardRef(
-  function({
-    filters: s,
-    onFilterChange: w,
-    breakBalance: n,
-    userImages: c,
-    users: r
-  }, y) {
-    const d = (t) => {
-      w(t(s));
-    }, g = () => {
-      d((t) => ({
-        ...t,
-        currMonth: t.currMonth === 0 ? 11 : t.currMonth - 1
-      }));
-    }, v = () => {
-      d((t) => ({
-        ...t,
-        currMonth: t.currMonth === 11 ? 0 : t.currMonth + 1
-      }));
-    }, A = () => {
-      d((t) => ({
-        ...t,
-        dateFilterStart: new Date(t.currYear, t.currMonth, 1),
-        dateFilterEnd: new Date(t.currYear, t.currMonth + 1, 0),
-        isOpen: !1
-      }));
-    };
-    return /* @__PURE__ */ a("div", { ref: y, className: "flex min-w-[800px] items-center justify-between bg-field px-ds-06 py-ds-05b max-md:justify-start max-md:gap-ds-05b max-lg:min-w-[100%]", children: [
-      /* @__PURE__ */ e("div", { className: "flex flex-col gap-ds-05", children: s.selectedAssociate && /* @__PURE__ */ a(M, { children: [
-        /* @__PURE__ */ e("p", { className: "text-ds-sm font-semibold uppercase tracking-wider text-text-tertiary", children: "Break Balance" }),
-        /* @__PURE__ */ a("div", { className: "flex items-end", children: [
-          /* @__PURE__ */ e("p", { className: "text-ds-5xl font-semibold mr-ds-02 text-interactive", children: (n == null ? void 0 : n.remainingDays) || 0 }),
-          /* @__PURE__ */ a("p", { className: "text-ds-2xl translate-y-[-5px] text-text-placeholder", children: [
-            "/ ",
-            (n == null ? void 0 : n.breakBalance) || 0
-          ] })
-        ] })
-      ] }) }),
-      /* @__PURE__ */ a("header", { className: "flex items-center gap-ds-04", children: [
-        s.selectedAssociate ? /* @__PURE__ */ a("div", { className: "text-ds-md flex flex-row items-center justify-start gap-ds-02 rounded-ds-md bg-interactive p-ds-02b text-text-on-color", children: [
-          /* @__PURE__ */ a("div", { className: "flex items-center justify-start gap-ds-01", children: [
-            c[s.selectedAssociate.id] ? /* @__PURE__ */ e(
-              "img",
-              {
-                src: c[s.selectedAssociate.id],
-                alt: `${s.selectedAssociate.name}'s avatar`,
-                className: "h-ico-md w-ico-md rounded-ds-full"
-              }
-            ) : /* @__PURE__ */ e("div", { className: "flex h-ico-md w-ico-md items-center justify-center rounded-ds-full bg-layer-02", children: /* @__PURE__ */ e("span", { className: "text-interactive", children: s.selectedAssociate.name.charAt(0) }) }),
-            /* @__PURE__ */ e("span", { className: "text-ds-md mx-ds-01 text-text-on-color", children: s.selectedAssociate.name })
-          ] }),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              "aria-label": "Clear filter",
-              onClick: () => d((t) => ({
-                ...t,
-                selectedAssociate: null
-              })),
-              className: "border-0 p-0",
-              children: /* @__PURE__ */ e(u, { className: "h-ico-sm w-ico-sm text-text-on-color" })
-            }
-          )
-        ] }) : /* @__PURE__ */ a(m, { children: [
-          /* @__PURE__ */ a(o, { className: "text-ds-md flex flex-row items-center justify-between rounded-ds-md border border-border-subtle bg-layer-01 px-ds-03 py-ds-02b", children: [
-            /* @__PURE__ */ a("div", { className: "flex items-center", children: [
-              /* @__PURE__ */ e(D, { className: "h-ico-sm w-ico-sm" }),
-              /* @__PURE__ */ e("span", { className: "text-ds-md mx-ds-03 text-text-secondary max-lg:mx-0 max-lg:text-ds-sm", children: "Associate" })
-            ] }),
-            /* @__PURE__ */ e(p, { className: "h-ico-sm w-ico-sm" })
-          ] }),
-          /* @__PURE__ */ e(x, { className: "custom-scrollbar max-h-[400px] w-64 overflow-y-auto p-ds-03", children: (r == null ? void 0 : r.length) === 0 ? /* @__PURE__ */ e(h, { disabled: !0, children: "No users available" }) : r == null ? void 0 : r.map((t) => /* @__PURE__ */ e(F, { children: /* @__PURE__ */ a(
-            h,
-            {
-              onSelect: () => d((i) => ({
-                ...i,
-                selectedAssociate: t
-              })),
-              className: "flex items-center gap-ds-03 p-ds-03",
-              children: [
-                c[t.id] ? /* @__PURE__ */ e(
-                  "img",
-                  {
-                    src: c[t.id],
-                    alt: `${t.name}'s avatar`,
-                    className: "h-ds-xs w-ds-xs rounded-ds-full"
-                  }
-                ) : /* @__PURE__ */ e("div", { className: "flex h-ds-xs w-ds-xs items-center justify-center rounded-ds-full bg-layer-03", children: /* @__PURE__ */ e("span", { className: "text-ds-md text-interactive", children: t.name.charAt(0) }) }),
-                /* @__PURE__ */ e("span", { className: "text-ds-md text-text-secondary", children: t.name })
-              ]
-            },
-            t.id
-          ) }, t.id)) })
-        ] }),
-        s.dateFilterEnd && /* @__PURE__ */ a("div", { className: "text-ds-md flex items-center justify-between rounded-ds-md bg-interactive px-ds-03 py-ds-02b text-text-on-color", children: [
-          /* @__PURE__ */ a("div", { className: "flex items-center", children: [
-            /* @__PURE__ */ e(Y, {}),
-            /* @__PURE__ */ a("span", { className: "ml-ds-01 mr-ds-02", children: [
-              b[new Date(s.dateFilterStart).getMonth()].name,
-              ","
-            ] }),
-            /* @__PURE__ */ e("span", { className: "mr-ds-02", children: new Date(s.dateFilterStart).getFullYear() })
-          ] }),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              "aria-label": "Clear filter",
-              onClick: () => {
-                d((t) => ({
-                  ...t,
-                  dateFilterStart: null,
-                  dateFilterEnd: null
-                }));
-              },
-              className: "border-0 bg-transparent p-0",
-              children: /* @__PURE__ */ e(u, { className: "h-ico-sm w-ico-sm" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ a(
-          m,
-          {
-            open: s.isOpen,
-            onOpenChange: (t) => {
-              d((i) => ({ ...i, isOpen: t }));
-            },
-            children: [
-              /* @__PURE__ */ a(o, { className: "text-ds-md flex items-center justify-between rounded-ds-md border border-border-subtle bg-layer-01 p-ds-02b", children: [
-                /* @__PURE__ */ a("div", { className: "flex items-center", children: [
-                  /* @__PURE__ */ e(I, {}),
-                  /* @__PURE__ */ e("span", { className: "mx-ds-03 text-text-secondary", children: "Date" })
-                ] }),
-                /* @__PURE__ */ e(p, { className: "h-ico-sm w-ico-sm" })
-              ] }),
-              /* @__PURE__ */ e(x, { className: "mr-32 p-ds-04", children: /* @__PURE__ */ a("div", { className: "flex w-[140px] flex-col items-center justify-start", children: [
-                /* @__PURE__ */ a("div", { className: "flex w-full items-center justify-between", children: [
-                  /* @__PURE__ */ e(
-                    l,
-                    {
-                      size: "sm",
-                      icon: /* @__PURE__ */ e(N, {}),
-                      "aria-label": "Previous month",
-                      onClick: g
-                    }
-                  ),
-                  /* @__PURE__ */ e("span", { className: "text-ds-md text-text-secondary", children: b[s.currMonth].name }),
-                  /* @__PURE__ */ e(
-                    l,
-                    {
-                      size: "sm",
-                      icon: /* @__PURE__ */ e(f, {}),
-                      "aria-label": "Next month",
-                      onClick: v
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ a("div", { className: "mt-ds-04 flex w-full items-center justify-between", children: [
-                  /* @__PURE__ */ e(
-                    l,
-                    {
-                      size: "sm",
-                      icon: /* @__PURE__ */ e(N, {}),
-                      "aria-label": "Previous year",
-                      onClick: () => {
-                        d((t) => ({
-                          ...t,
-                          currYear: t.currYear - 1
-                        }));
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ e("span", { className: "text-ds-md text-text-secondary", children: s.currYear }),
-                  /* @__PURE__ */ e(
-                    l,
-                    {
-                      size: "sm",
-                      icon: /* @__PURE__ */ e(f, {}),
-                      "aria-label": "Next year",
-                      onClick: () => {
-                        d((t) => ({
-                          ...t,
-                          currYear: t.currYear + 1
-                        }));
-                      }
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ e(
-                  j,
-                  {
-                    className: "mt-ds-05",
-                    variant: "outline",
-                    fullWidth: !0,
-                    onClick: A,
-                    children: "Filter"
-                  }
-                )
-              ] }) })
-            ]
-          }
-        )
-      ] })
-    ] });
-  }
-);
-S.displayName = "BreakAdminHeader";
-export {
-  S as BreakAdminHeader
-};