@devalok/shilp-sutra-karm 0.8.2 → 0.9.0

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
-};

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

@@ -1,136 +0,0 @@
-"use client";
-import { jsx as s, jsxs as x } from "react/jsx-runtime";
-import * as k from "react";
-import { useRef as N, useCallback as O, useState as g } from "react";
-import { cn as j } from "@devalok/shilp-sutra/ui/lib/utils";
-import { AvatarGroup as w } from "@devalok/shilp-sutra/composed/avatar-group";
-function A(l, u, m) {
-  const c = [];
-  if (!(l != null && l.length)) return { onBreak: c };
-  const d = new Date(m), f = new Date(d);
-  f.setHours(0, 0, 0, 0);
-  const a = new Date(d);
-  a.setHours(23, 59, 59, 999);
-  const n = /* @__PURE__ */ new Map();
-  return u.forEach((r) => {
-    const p = new Date(r.date);
-    p >= f && p <= a && n.set(r.userId, r.status);
-  }), l.forEach((r) => {
-    n.get(r.id) === "BREAK" && c.push(r);
-  }), { onBreak: c };
-}
-const B = k.forwardRef(
-  function({
-    isFutureDate: u,
-    users: m,
-    groupedAttendance: c,
-    userImages: d,
-    selectedDate: f
-  }, a) {
-    var v;
-    const n = N(null), r = O((t) => {
-      n.current = t, typeof a == "function" ? a(t) : a && (a.current = t);
-    }, [a]), [p, h] = g(!1), [M, b] = g(0), [y, D] = g(0);
-    return (
-      // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- drag-to-scroll UX enhancement on scrollable container
-      /* @__PURE__ */ s(
-        "div",
-        {
-          ref: r,
-          className: "hide-scrollbar w-full cursor-grab overflow-x-auto active:cursor-grabbing max-md:pb-ds-05",
-          onMouseDown: (t) => {
-            var o, e;
-            h(!0), b(t.pageX - (((o = n.current) == null ? void 0 : o.offsetLeft) || 0)), D(((e = n.current) == null ? void 0 : e.scrollLeft) || 0);
-          },
-          onMouseMove: (t) => {
-            var i;
-            if (!p) return;
-            t.preventDefault();
-            const e = (t.pageX - (((i = n.current) == null ? void 0 : i.offsetLeft) || 0) - M) * 2;
-            n.current && (n.current.scrollLeft = y - e);
-          },
-          onMouseUp: () => {
-            h(!1);
-          },
-          onMouseLeave: () => {
-            h(!1);
-          },
-          style: {
-            scrollbarWidth: "none",
-            msOverflowStyle: "none"
-          },
-          children: /* @__PURE__ */ s(
-            "div",
-            {
-              className: "flex items-start justify-start gap-ds-04 px-0 pt-ds-03 md:gap-0 md:px-ds-06 min-w-max",
-              children: u ? /* @__PURE__ */ s("div", { className: "min-h-28", children: m && ((v = Object.entries(
-                A(
-                  m,
-                  [],
-                  f
-                )
-              )) == null ? void 0 : v.map(([t, o]) => {
-                const e = o;
-                return /* @__PURE__ */ x(
-                  "div",
-                  {
-                    className: "flex w-full flex-col gap-ds-04 rounded-ds-md bg-layer-02 p-ds-06 md:rounded-ds-lg",
-                    children: [
-                      (e == null ? void 0 : e.length) > 0 && /* @__PURE__ */ s("h2", { className: "text-ds-sm font-semibold uppercase tracking-wider capitalize text-text-tertiary", children: `On Break (${(e == null ? void 0 : e.length) || 0})` }),
-                      /* @__PURE__ */ s("div", { className: "flex w-full flex-wrap items-center", children: (e == null ? void 0 : e.length) > 0 && /* @__PURE__ */ s(
-                        w,
-                        {
-                          users: e == null ? void 0 : e.map((i) => ({
-                            image: d[i.id],
-                            name: i.name || "User"
-                          })),
-                          max: 4,
-                          showTooltip: !1
-                        }
-                      ) })
-                    ]
-                  },
-                  t
-                );
-              })) }) : Object.entries(c || {}).map(
-                ([t, o]) => /* @__PURE__ */ x(
-                  "div",
-                  {
-                    className: j("flex w-full flex-col gap-ds-04 rounded-ds-md bg-layer-02 p-ds-06 md:rounded-ds-lg md:p-ds-05", t !== "yetToMark" ? "border-r border-border" : "", "max-md:border-0 max-md:p-ds-05", "min-w-[200px]"),
-                    children: [
-                      /* @__PURE__ */ x("h2", { className: "text-ds-sm font-semibold uppercase tracking-wider capitalize text-text-tertiary", children: [
-                        t === "yetToMark" ? "Yet to Mark" : t.replace(/([A-Z])/g, " $1").toLowerCase(),
-                        " ",
-                        "(",
-                        o.length,
-                        ")"
-                      ] }),
-                      /* @__PURE__ */ s("div", { className: "flex cursor-pointer flex-wrap items-center", children: /* @__PURE__ */ s(
-                        w,
-                        {
-                          users: o.map(
-                            ({ user: e }) => ({
-                              image: d[e.id],
-                              name: e.name
-                            })
-                          ),
-                          max: 4,
-                          showTooltip: !1
-                        }
-                      ) })
-                    ]
-                  },
-                  t
-                )
-              )
-            }
-          )
-        }
-      )
-    );
-  }
-);
-B.displayName = "AttendanceOverview";
-export {
-  B as AttendanceOverview
-};

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

@@ -1,176 +0,0 @@
-"use client";
-import { jsxs as l, jsx as e, Fragment as f } from "react/jsx-runtime";
-import * as F from "react";
-import { useState as v, useEffect as M } from "react";
-import { Button as h } from "@devalok/shilp-sutra/ui/button";
-import { Checkbox as D } from "@devalok/shilp-sutra/ui/checkbox";
-import { Dialog as w, DialogTrigger as C, DialogContent as j, DialogHeader as E, DialogFooter as k, DialogClose as S } from "@devalok/shilp-sutra/ui/dialog";
-import { cn as T } from "@devalok/shilp-sutra/ui/lib/utils";
-import { formatDate as B, getDaySuffix as p } from "../utils/date-utils.js";
-import { removeAllEmojis as W } from "../utils/emoji-utils.js";
-import { renderStatus as $ } from "../utils/render-status.js";
-import { format as I, startOfDay as O, isSameDay as J, isAfter as L } from "date-fns";
-import { IconX as V } from "@tabler/icons-react";
-const z = F.forwardRef(
-  function({
-    selectedDate: i,
-    userId: P,
-    breakRequest: t,
-    assetsBaseUrl: u = "",
-    onCancelBreak: a,
-    onRefreshAttendance: n,
-    onRefreshGroupedAttendance: c
-  }, Y) {
-    const [o, g] = v(!0), [d, r] = v(!1);
-    M(() => {
-      r(!1);
-    }, [i]);
-    const y = t && t.numberOfDays === 1, m = () => {
-      if (!t) return !1;
-      const s = O(/* @__PURE__ */ new Date()), N = O(new Date(t.endDate));
-      return J(N, s) || L(N, s);
-    }, x = async () => {
-      !t || !a || (await a({
-        requestId: t.id,
-        deleteSingleDay: o,
-        dateToCancel: i,
-        userId: P
-      }), r(!1), n == null || n(), c == null || c());
-    }, b = (s) => I(new Date(s), "dd/MM/yyyy");
-    return !t || t.status === "CANCELLED" ? null : /* @__PURE__ */ l("div", { ref: Y, className: "relative flex w-full flex-col gap-ds-06 rounded-ds-lg bg-layer-accent-subtle", children: [
-      u && /* @__PURE__ */ e(
-        "img",
-        {
-          src: `${u}/break-background.svg`,
-          alt: "Break Background",
-          className: "absolute bottom-0 z-0 h-full min-h-[236px] rounded-ds-lg object-cover"
-        }
-      ),
-      /* @__PURE__ */ l("div", { className: "relative flex min-h-[236px] flex-col items-center justify-between rounded-ds-lg md:flex-row", children: [
-        d && y ? /* @__PURE__ */ e("div", { className: "flex h-full w-full flex-col items-center justify-center px-ds-04 pt-[17px]", children: /* @__PURE__ */ l("div", { className: "w-full gap-ds-05 rounded-ds-md bg-layer-01 shadow-01 px-ds-06 py-ds-07 md:hidden", children: [
-          /* @__PURE__ */ l("div", { className: "flex flex-col items-center gap-ds-04", children: [
-            /* @__PURE__ */ e("div", { className: "text-ds-lg font-semibold text-center text-text-primary", children: "Cancel this break?" }),
-            /* @__PURE__ */ l("div", { className: "text-ds-base max-w-[240px] text-center text-text-tertiary max-md:leading-[100%]", children: [
-              "You're about to cancel the break scheduled for",
-              " ",
-              /* @__PURE__ */ e("span", { className: "font-semibold text-text-secondary", children: b(t.startDate) })
-            ] })
-          ] }),
-          /* @__PURE__ */ e("div", { className: "mt-ds-05 flex w-full flex-col gap-ds-04", children: /* @__PURE__ */ e(h, { variant: "solid", className: "w-full rounded-ds-full", onClick: x, children: "Yes, cancel" }) }),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              "aria-label": "Close cancel form",
-              className: "absolute right-ds-05 top-ds-05 rounded-ds-sm p-ds-04 text-icon-secondary transition-colors hover:text-icon-primary hover:bg-field focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus disabled:pointer-events-none",
-              onClick: () => r(!1),
-              children: /* @__PURE__ */ e(V, { className: "h-ico-lg w-ico-lg" })
-            }
-          )
-        ] }) }) : /* @__PURE__ */ l("div", { className: "flex h-full w-full flex-col items-center justify-center gap-ds-06 p-ds-06 px-ds-06 py-ds-07 md:w-1/2 md:p-ds-07", children: [
-          /* @__PURE__ */ l("div", { className: "flex flex-col items-center justify-end gap-ds-05", children: [
-            /* @__PURE__ */ e("div", { className: "text-ds-sm font-semibold uppercase tracking-wider text-text-tertiary", children: "Reason" }),
-            /* @__PURE__ */ e("div", { className: "text-ds-lg font-semibold text-text-primary", children: W((t == null ? void 0 : t.reason) || " ") })
-          ] }),
-          /* @__PURE__ */ l("div", { className: "flex flex-col items-center justify-end gap-ds-05", children: [
-            /* @__PURE__ */ e("div", { className: "text-ds-sm font-semibold uppercase tracking-wider text-text-tertiary", children: "Break Period" }),
-            /* @__PURE__ */ l("div", { className: "text-ds-lg font-semibold text-text-primary", children: [
-              B(new Date(t.startDate)),
-              " ",
-              t.numberOfDays > 1 && /* @__PURE__ */ l(f, { children: [
-                "- ",
-                B(new Date(t.endDate)),
-                " "
-              ] }),
-              /* @__PURE__ */ e("span", { className: "text-ds-lg text-text-placeholder", children: `(${t.numberOfDays} day${t.numberOfDays > 1 ? "s" : ""})` })
-            ] })
-          ] })
-        ] }),
-        !d && /* @__PURE__ */ l(f, { children: [
-          /* @__PURE__ */ e("div", { className: "h-[1px] w-[329px] bg-border-subtle md:hidden max-md:w-[90%]" }),
-          /* @__PURE__ */ e("div", { className: "hidden h-[170px] w-[2px] bg-border-subtle md:block" })
-        ] }),
-        /* @__PURE__ */ l(
-          "div",
-          {
-            className: T("flex w-full flex-col items-center justify-center px-ds-05", d || t.status === "APPROVED" || t.status === "REJECTED" ? "pb-ds-06 pt-[9px]" : "py-ds-06", "md:w-1/2 md:px-ds-06 md:py-ds-05 max-md:pt-[34px]"),
-            children: [
-              /* @__PURE__ */ e("p", { className: "text-ds-sm font-semibold uppercase tracking-wider mb-ds-06  text-text-tertiary max-md:mb-ds-05", children: "Break Status" }),
-              /* @__PURE__ */ l("div", { className: "mb-ds-04 flex w-full flex-col items-center justify-start gap-ds-04 rounded-ds-2xl border border-border-subtle bg-layer-01 shadow-01 px-ds-05 py-ds-04 text-center font-semibold text-text-primary", children: [
-                $(t.status, !1),
-                t.status === "APPROVED" && t.adminComment,
-                t.status === "REJECTED" && t.adminComment
-              ] }),
-              y ? /* @__PURE__ */ l(f, { children: [
-                m() && a && /* @__PURE__ */ e(
-                  "button",
-                  {
-                    className: "text-ds-sm cursor-pointer border-none bg-transparent text-interactive-hover underline md:hidden",
-                    onClick: () => r(!d),
-                    children: "Want to cancel this break?"
-                  }
-                ),
-                /* @__PURE__ */ l(w, { children: [
-                  m() && a && /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ e("button", { className: "text-ds-sm hidden cursor-pointer border-none bg-transparent text-interactive-hover underline md:block", children: "Want to cancel this break?" }) }),
-                  /* @__PURE__ */ l(j, { className: "max-w-[329px] gap-ds-04 rounded-ds-xl", children: [
-                    /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e("div", { className: "text-ds-lg font-semibold text-center text-text-primary", children: "Cancel this break?" }) }),
-                    /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-start", children: /* @__PURE__ */ l("div", { className: "text-ds-base max-w-[241px] text-center text-text-tertiary", children: [
-                      "You're about to cancel the break scheduled for",
-                      " ",
-                      /* @__PURE__ */ e("span", { className: "font-semibold text-text-secondary", children: b(t.startDate) })
-                    ] }) }),
-                    /* @__PURE__ */ e(k, { className: "mt-ds-04 sm:justify-start", children: /* @__PURE__ */ e(S, { asChild: !0, children: /* @__PURE__ */ e(h, { variant: "solid", className: "w-full rounded-ds-full", onClick: x, children: "Yes, cancel" }) }) })
-                  ] })
-                ] })
-              ] }) : /* @__PURE__ */ l(w, { children: [
-                m() && a && /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ e("button", { className: "text-ds-sm cursor-pointer border-none bg-transparent text-interactive-hover underline", children: "Want to cancel this break?" }) }),
-                /* @__PURE__ */ l(j, { className: "max-w-[329px] gap-ds-04 rounded-ds-xl", children: [
-                  /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e("div", { className: "text-ds-lg font-semibold flex text-center text-text-primary", children: "Cancel your break" }) }),
-                  /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-start", children: /* @__PURE__ */ l("div", { className: "flex w-full flex-col items-start", children: [
-                    /* @__PURE__ */ l("label", { className: "breakRequest-checkbox flex items-center space-x-ds-03", children: [
-                      /* @__PURE__ */ e(
-                        D,
-                        {
-                          checked: o,
-                          onCheckedChange: (s) => g(s === !0)
-                        }
-                      ),
-                      /* @__PURE__ */ l("span", { className: "text-text-secondary", children: [
-                        p(new Date(i).getDate()),
-                        " break only"
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ l("label", { className: "breakRequest-checkbox mt-ds-03 flex items-center space-x-ds-03", children: [
-                      /* @__PURE__ */ e(
-                        D,
-                        {
-                          checked: !o,
-                          onCheckedChange: (s) => g(s !== !0)
-                        }
-                      ),
-                      /* @__PURE__ */ l("span", { className: "text-text-secondary", children: [
-                        p(
-                          new Date(t.startDate).getDate()
-                        ),
-                        " ",
-                        "to",
-                        " ",
-                        p(new Date(t.endDate).getDate()),
-                        " ",
-                        "breaks"
-                      ] })
-                    ] })
-                  ] }) }),
-                  /* @__PURE__ */ e(k, { className: "mt-ds-04 sm:justify-start", children: /* @__PURE__ */ e(S, { asChild: !0, children: /* @__PURE__ */ e(h, { variant: "solid", className: "w-full rounded-ds-full", onClick: x, children: "Yes, cancel" }) }) })
-                ] })
-              ] })
-            ]
-          }
-        )
-      ] })
-    ] });
-  }
-);
-z.displayName = "BreakRequestCard";
-export {
-  z as BreakRequestCard
-};