@devalok/shilp-sutra-karm 0.8.1 → 0.9.0

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

@@ -1,113 +0,0 @@
-"use client";
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import * as y from "react";
-import { useState as o, useRef as w, useEffect as g } from "react";
-import { useToast as N } from "@devalok/shilp-sutra/hooks/use-toast";
-import { Dialog as k, DialogTrigger as D, DialogContent as B, DialogHeader as C, DialogDescription as E } from "@devalok/shilp-sutra/ui/dialog";
-import { Button as p } from "@devalok/shilp-sutra/ui/button";
-import { NumberInput as j } from "@devalok/shilp-sutra/ui/number-input";
-import { IconPencil as F } from "@tabler/icons-react";
-const I = y.forwardRef(function({
-  selectedLeave: r,
-  onSave: n
-}, R) {
-  var e;
-  const [s, l] = o(!1), [c, u] = o(
-    typeof (r == null ? void 0 : r.cashout) == "number" ? r.cashout : 0
-  ), [m, h] = o(
-    (r == null ? void 0 : r.carryForward) || 0
-  ), d = w(null), { toast: f } = N();
-  g(() => {
-    u(
-      typeof (r == null ? void 0 : r.cashout) == "number" ? r.cashout : 0
-    ), h((r == null ? void 0 : r.carryForward) || 0);
-  }, [r]);
-  const b = async (i) => {
-    i.preventDefault(), l(!0);
-    try {
-      n && n({
-        userId: r.userId,
-        cashOutDays: c,
-        carryForward: m,
-        year: (/* @__PURE__ */ new Date()).getFullYear()
-      }), f({
-        description: "Break balance updated successfully",
-        color: "neutral"
-      });
-    } catch (x) {
-      console.error("Error updating break balance:", x), f({
-        title: "Error",
-        description: "Failed to update break balance",
-        color: "error"
-      });
-    } finally {
-      l(!1);
-    }
-  };
-  return /* @__PURE__ */ a(k, { children: [
-    /* @__PURE__ */ t(D, { asChild: !0, children: /* @__PURE__ */ a(
-      p,
-      {
-        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__ */ t(F, {}),
-          /* @__PURE__ */ t("span", { children: "Edit" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ t(B, { className: "w-[308px] p-ds-06", children: /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(E, { children: /* @__PURE__ */ a("div", { className: "flex flex-col items-center justify-start gap-ds-05", children: [
-      /* @__PURE__ */ a("p", { className: "text-ds-md w-full text-left text-text-tertiary", children: [
-        "Edit break balance conversion of ",
-        /* @__PURE__ */ t("br", { className: "mb-ds-02" }),
-        /* @__PURE__ */ t("span", { className: "font-semibold text-interactive", children: (e = r == null ? void 0 : r.user) == null ? void 0 : e.name })
-      ] }),
-      /* @__PURE__ */ a(
-        "form",
-        {
-          ref: d,
-          onSubmit: b,
-          id: "updatebreakbalanceform",
-          className: "flex w-full flex-col gap-ds-05",
-          children: [
-            /* @__PURE__ */ a("div", { className: "flex w-full items-center justify-between", children: [
-              /* @__PURE__ */ t("div", { className: "text-ds-sm font-semibold uppercase tracking-wider  text-text-placeholder", children: "Cash out" }),
-              /* @__PURE__ */ t(
-                j,
-                {
-                  value: c,
-                  onValueChange: u,
-                  min: 0,
-                  max: 100,
-                  step: 1,
-                  disabled: s
-                }
-              )
-            ] }),
-            /* @__PURE__ */ a("div", { className: "flex w-full items-center justify-between", children: [
-              /* @__PURE__ */ t("div", { className: "text-ds-sm font-semibold uppercase tracking-wider  text-text-placeholder", children: "Carry forward" }),
-              /* @__PURE__ */ t("div", { className: "flex w-[100px] items-center justify-center", children: /* @__PURE__ */ t("div", { className: "text-ds-base font-semibold text-text-secondary", children: m }) })
-            ] }),
-            /* @__PURE__ */ t(
-              p,
-              {
-                variant: "outline",
-                fullWidth: !0,
-                onClick: () => {
-                  var i;
-                  return (i = d.current) == null ? void 0 : i.requestSubmit();
-                },
-                disabled: s,
-                children: "Update"
-              }
-            )
-          ]
-        }
-      )
-    ] }) }) }) })
-  ] });
-});
-I.displayName = "EditBreakBalance";
-export {
-  I as EditBreakBalance
-};

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