@feedmepos/mf-hrm-portal 2.1.1-dev.3 → 2.1.1-dev.4

package/dist/{TimesheetList-B1H_6zfP.js → TimesheetList-DwIcsOM-.js}

@@ -1,42 +1,42 @@
-import { ref as d, computed as g, defineComponent as pe, onMounted as fe, watch as ee, resolveComponent as u, createElementBlock as P, openBlock as _, Fragment as te, createVNode as l, createElementVNode as i, unref as r, withCtx as Y, createCommentVNode as ve, toDisplayString as O, createTextVNode as he, createBlock as z, isRef as ge, renderList as we, nextTick as ye } from "vue";
-import { d as f } from "./dayjs.min-BJrHE7oz.js";
-import { useI18n as be } from "@feedmepos/mf-common";
-import { useSnackbar as _e, components as xe } from "@feedmepos/ui-library";
+import { ref as d, computed as g, defineComponent as pe, onMounted as fe, watch as Z, resolveComponent as u, createElementBlock as P, openBlock as E, Fragment as ee, createVNode as l, createElementVNode as i, unref as r, withCtx as b, createCommentVNode as ve, toDisplayString as O, createTextVNode as he, isRef as ge, renderList as we, createBlock as te, nextTick as ye } from "vue";
+import { d as v } from "./dayjs.min-BXBPls4m.js";
+import { useI18n as _e } from "@feedmepos/mf-common";
+import { useSnackbar as be, components as xe } from "@feedmepos/ui-library";
 import { S as De, _ as Se } from "./SelectFilter-ATOm0hdn.js";
-import { _ as ke } from "./app-DX-PG6wx.js";
-import { _ as Ve } from "./index.vue_vue_type_script_setup_true_lang-BVVwfd7B.js";
+import { _ as Ve } from "./app-BZwE2coe.js";
+import { _ as ke } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-IfAZmWr0.js";
 import { u as Ce } from "./useLoading-BH02lYns.js";
-import { g as Fe, s as Ye } from "./iteration-Cfaqt-0s.js";
+import { g as Fe, s as Ye } from "./iteration-BCbIbdHR.js";
 import { f as Le } from "./utils-BZkjJbju.js";
-import { u as Me } from "./employee-BJcqtqLM.js";
+import { u as Me } from "./employee-CJTbs1f7.js";
 import { u as Te } from "./restaurant-YOVMuuFY.js";
-import { u as Re } from "./TimesheetList.vue_vue_type_style_index_0_scoped_91afda4e_lang-DeTpbaRk.js";
+import { u as Re } from "./TimesheetList.vue_vue_type_style_index_0_scoped_2c7a177a_lang-B9qlQ6KG.js";
 function Ie(x, a) {
   return ["years", "months"].find((S) => {
-    const k = x.startOf(S), v = x.endOf(S);
-    return x.isSame(k, "day") && a.isSame(v, "day");
+    const V = x.startOf(S), m = x.endOf(S);
+    return x.isSame(V, "day") && a.isSame(m, "day");
   }) || "days";
 }
 function $e() {
   const x = {
-    startDate: f().format("YYYY-MM-DD"),
-    endDate: f().format("YYYY-MM-DD")
+    startDate: v().format("YYYY-MM-DD"),
+    endDate: v().format("YYYY-MM-DD")
   }, a = d(x), D = g(() => {
     if (!a.value) return "No dates selected.";
-    const v = a.value.startDate ?? "Start", b = a.value.endDate ?? "End";
-    return `${v} - ${b}`;
+    const m = a.value.startDate ?? "Start", _ = a.value.endDate ?? "End";
+    return `${m} - ${_}`;
   }), S = g(() => ({
     startDate: new Date(a.value.startDate),
     endDate: new Date(a.value.endDate)
   }));
-  function k(v) {
-    const b = f(a.value.startDate), c = f(a.value.endDate), h = Ie(b, c), V = h === "days" ? c.diff(b, "days") + 1 : 1, C = v === "subtract" ? (F) => F.subtract(V, h) : (F) => F.add(V, h);
+  function V(m) {
+    const _ = v(a.value.startDate), c = v(a.value.endDate), h = Ie(_, c), k = h === "days" ? c.diff(_, "days") + 1 : 1, C = m === "subtract" ? (F) => F.subtract(k, h) : (F) => F.add(k, h);
     a.value = {
-      startDate: C(b).startOf(h).format("YYYY-MM-DD"),
+      startDate: C(_).startOf(h).format("YYYY-MM-DD"),
       endDate: C(c).endOf(h).format("YYYY-MM-DD")
     };
   }
-  return { dateRange: a, parsedDateRange: S, dateRangeLabel: D, setRange: k };
+  return { dateRange: a, parsedDateRange: S, dateRangeLabel: D, setRange: V };
 }
 const Ee = {
   class: "my-16 flex w-[350px] flex-col gap-40"
@@ -71,23 +71,25 @@ const Ee = {
   class: "flex items-start gap-8 flex-wrap xs:px-16"
 }, We = {
   class: "flex items-center gap-8"
-}, Xe = /* @__PURE__ */ pe({
+}, Xe = {
+  class: "flex h-full flex-col overflow-auto"
+}, Ze = /* @__PURE__ */ pe({
   __name: "TimesheetList",
   setup(x) {
     const {
       t: a
-    } = be(), D = _e(), S = Ce(D), k = [{
+    } = _e(), D = be(), S = Ce(D), V = [{
       label: a("hr.timesheet.listView"),
       value: "listView"
     }, {
       label: a("hr.timesheet.userView"),
       value: "userView"
-    }], v = d("listView"), b = g(() => {
+    }], m = d("listView"), _ = g(() => {
       var t;
-      return (t = k.find((e) => e.value === v.value)) == null ? void 0 : t.label;
-    }), c = d(""), h = Re(), V = Me(), C = Te(), F = g(() => V.employees.value), N = g(() => h.timesheets.value.filter((s) => !A.value || A.value.includes(s.restaurantId)).map((s) => {
+      return (t = V.find((e) => e.value === m.value)) == null ? void 0 : t.label;
+    }), c = d(""), h = Re(), k = Me(), C = Te(), F = g(() => k.employees.value), j = g(() => h.timesheets.value.filter((s) => !A.value || A.value.includes(s.restaurantId)).map((s) => {
       var y;
-      const n = (y = C.restaurants.value.find((p) => p._id === s.restaurantId)) == null ? void 0 : y.profile.code, w = F.value.find((p) => p._id === s.user.id);
+      const n = (y = C.restaurants.value.find((f) => f._id === s.restaurantId)) == null ? void 0 : y.profile.code, w = F.value.find((f) => f._id === s.user.id);
       return {
         ...s,
         restaurantCode: n,
@@ -96,32 +98,32 @@ const Ee = {
           code: w ? w.code : ""
         }
       };
-    })), j = g(() => N.value.filter((t) => {
+    })), z = g(() => j.value.filter((t) => {
       var e, s;
       return t.user.name.toLowerCase().includes(c.value.toLowerCase()) || t.restaurantName.toLowerCase().includes(c.value.toLowerCase()) || ((e = t.restaurantCode) == null ? void 0 : e.toLowerCase().includes(c.value.toLowerCase())) || ((s = t.user.code) == null ? void 0 : s.toLowerCase().includes(c.value.toLowerCase()));
     })), H = g(() => {
-      const t = Fe(N.value, (s) => s.user.name), e = Object.entries(t).map(([s, n]) => {
+      const t = Fe(j.value, (s) => s.user.name), e = Object.entries(t).map(([s, n]) => {
         const w = F.value.find((y) => y._id === n[0].user.id);
         return {
           key: s,
           user: n[0].user.name,
           code: w ? w.code : n[0].user.code || "",
           timesheets: n,
-          total: Le(n.reduce((y, p) => y + p.totalMin, 0))
+          total: Le(n.reduce((y, f) => y + f.totalMin, 0))
         };
       });
       return Ye(e, {
         selector: "user"
       });
-    }), G = g(() => H.value.filter((t) => {
+    }), N = g(() => H.value.filter((t) => {
       var e;
       return t.user.toLowerCase().includes(c.value.toLowerCase()) || ((e = t.code) == null ? void 0 : e.toLowerCase().includes(c.value.toLowerCase()));
-    })), L = d(!1), U = async () => {
+    })), Y = d(!1), U = async () => {
       const {
         startDate: t,
         endDate: e
-      } = M.value;
-      L.value = !0;
+      } = L.value;
+      Y.value = !0;
       try {
         await h.readTimesheet(new Date(t), new Date(e)), await ye(), B.value = Object.fromEntries(Object.entries(new Array(H.value.length).fill(!0)));
       } catch (s) {
@@ -130,12 +132,12 @@ const Ee = {
           type: "error"
         });
       } finally {
-        L.value = !1;
+        Y.value = !1;
       }
     };
     fe(async () => {
       try {
-        await C.readRestaurants(), V.employees.value.length === 0 && await V.readEmployees();
+        await C.readRestaurants(), k.employees.value.length === 0 && await k.readEmployees();
       } catch (t) {
         console.error("Failed to load timesheet dependencies:", t), D.open({
           message: t instanceof Error ? t.message : String(t),
@@ -148,11 +150,11 @@ const Ee = {
       label: `${t.profile.code ? `${t.profile.code} - ` : ""}${t.profile.name}`,
       value: t._id
     }))), {
-      dateRange: M,
+      dateRange: L,
       dateRangeLabel: oe,
-      setRange: q
+      setRange: G
     } = $e();
-    ee(M, async () => {
+    Z(L, async () => {
       U();
     });
     const se = [{
@@ -241,67 +243,67 @@ const Ee = {
         return e.total ? `Total: ${e.total}` : e.duration;
       },
       enableSorting: !1
-    }], T = d(!1);
-    function J(t) {
-      m.value = t, R.value = f(m.value.startedAt).format("YYYY-MM-DD"), $.value = f(m.value.endedAt || m.value.startedAt).format("YYYY-MM-DD"), I.value = f(m.value.startedAt).format("HH:mm"), E.value = f(m.value.endedAt || m.value.startedAt).format("HH:mm"), T.value = !0;
+    }], M = d(!1);
+    function q(t) {
+      p.value = t, T.value = v(p.value.startedAt).format("YYYY-MM-DD"), I.value = v(p.value.endedAt || p.value.startedAt).format("YYYY-MM-DD"), R.value = v(p.value.startedAt).format("HH:mm"), $.value = v(p.value.endedAt || p.value.startedAt).format("HH:mm"), M.value = !0;
     }
-    const R = d(), I = d(), $ = d(), E = d(), m = d(), K = d("");
+    const T = d(), R = d(), I = d(), $ = d(), p = d(), K = d("");
     async function re() {
-      const t = Q(R.value, I.value), e = Q($.value, E.value);
-      if (f(t).isAfter(e)) {
+      const t = J(T.value, R.value), e = J(I.value, $.value);
+      if (v(t).isAfter(e)) {
         K.value = a("hr.timesheet.checkOutMustBeforeCheckIn");
         return;
       }
       S.minor(async () => {
-        await h.updateTimesheet(m.value, t, e);
+        await h.updateTimesheet(p.value, t, e);
       }, {
         successMessage: a("hr.timesheet.update.successMessage")
-      }), U(), T.value = !1;
+      }), U(), M.value = !1;
     }
-    const Q = (t, e) => f(t).set("h", parseInt(e.split(":")[0])).set("m", parseInt(e.split(":")[1])).toISOString();
-    return ee([R, $, I, E], ([t, e, s, n]) => {
+    const J = (t, e) => v(t).set("h", parseInt(e.split(":")[0])).set("m", parseInt(e.split(":")[1])).toISOString();
+    return Z([T, I, R, $], ([t, e, s, n]) => {
       (t || e || s || n) && (K.value = "");
     }), (t, e) => {
-      const s = u("FmAvatar"), n = u("FmDatePicker"), w = u("FmTimePicker"), y = u("FmIcon"), p = u("FmButton"), ne = u("FmSideSheet"), W = u("FmChip"), ie = u("FmDateRangePicker"), ue = u("FmMenuItem"), de = u("FmMenu"), ce = u("FmSpacer"), me = u("FmSearch"), X = u("FmTable");
-      return _(), P(te, null, [l(ne, {
-        modelValue: T.value,
-        "onUpdate:modelValue": e[5] || (e[5] = (o) => T.value = o),
+      const s = u("FmAvatar"), n = u("FmDatePicker"), w = u("FmTimePicker"), y = u("FmIcon"), f = u("FmButton"), ne = u("FmSideSheet"), Q = u("FmChip"), ie = u("FmDateRangePicker"), ue = u("FmMenuItem"), de = u("FmMenu"), ce = u("FmSpacer"), me = u("FmSearch"), W = u("FmTable");
+      return E(), P(ee, null, [l(ne, {
+        modelValue: M.value,
+        "onUpdate:modelValue": e[5] || (e[5] = (o) => M.value = o),
         "dismiss-away": "",
         header: r(a)("hr.timesheet.update.title")
       }, {
-        "side-sheet-footer": Y(() => [i("div", qe, [l(p, {
+        "side-sheet-footer": b(() => [i("div", qe, [l(f, {
           label: r(a)("common.update"),
           size: "md",
           variant: "primary",
           onClick: re
-        }, null, 8, ["label"]), l(p, {
+        }, null, 8, ["label"]), l(f, {
           label: r(a)("common.cancel"),
           size: "md",
           variant: "secondary",
-          onClick: e[4] || (e[4] = (o) => T.value = !1)
+          onClick: e[4] || (e[4] = (o) => M.value = !1)
         }, null, 8, ["label"])])]),
-        default: Y(() => [i("div", Ee, [i("div", Oe, [l(s, {
-          name: m.value.user.name,
+        default: b(() => [i("div", Ee, [i("div", Oe, [l(s, {
+          name: p.value.user.name,
           size: "lg"
-        }, null, 8, ["name"]), i("div", Ae, [i("div", Ke, O(r(a)("hr.timesheet.employeeName")), 1), i("div", ze, O(m.value.user.name), 1)])]), i("div", Ne, [i("div", Ue, O(r(a)("hr.timesheet.update.checkIn")), 1), i("div", Be, [l(n, {
-          modelValue: R.value,
-          "onUpdate:modelValue": e[0] || (e[0] = (o) => R.value = o),
+        }, null, 8, ["name"]), i("div", Ae, [i("div", Ke, O(r(a)("hr.timesheet.employeeName")), 1), i("div", ze, O(p.value.user.name), 1)])]), i("div", Ne, [i("div", Ue, O(r(a)("hr.timesheet.update.checkIn")), 1), i("div", Be, [l(n, {
+          modelValue: T.value,
+          "onUpdate:modelValue": e[0] || (e[0] = (o) => T.value = o),
           disabled: !1,
           label: r(a)("hr.timesheet.update.date")
         }, null, 8, ["modelValue", "label"]), l(w, {
-          modelValue: I.value,
-          "onUpdate:modelValue": e[1] || (e[1] = (o) => I.value = o),
+          modelValue: R.value,
+          "onUpdate:modelValue": e[1] || (e[1] = (o) => R.value = o),
           label: r(a)("hr.timesheet.update.time")
         }, null, 8, ["modelValue", "label"])])]), i("div", Pe, [i("div", je, O(r(a)("hr.timesheet.update.checkOut")), 1), i("div", He, [l(n, {
-          modelValue: $.value,
-          "onUpdate:modelValue": e[2] || (e[2] = (o) => $.value = o),
+          modelValue: I.value,
+          "onUpdate:modelValue": e[2] || (e[2] = (o) => I.value = o),
           disabled: !1,
           label: r(a)("hr.timesheet.update.date")
         }, null, 8, ["modelValue", "label"]), l(w, {
-          modelValue: E.value,
-          "onUpdate:modelValue": e[3] || (e[3] = (o) => E.value = o),
+          modelValue: $.value,
+          "onUpdate:modelValue": e[3] || (e[3] = (o) => $.value = o),
           label: r(a)("hr.timesheet.update.time")
-        }, null, 8, ["modelValue", "label"])])]), K.value ? (_(), P("div", Ge, [l(y, {
+        }, null, 8, ["modelValue", "label"])])]), K.value ? (E(), P("div", Ge, [l(y, {
           color: "#FF3B30",
           name: "error",
           size: "sm"
@@ -317,33 +319,33 @@ const Ee = {
         placeholder: r(a)("hr.role.columns.restaurants"),
         class: "!w-auto pt-[3px]"
       }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), i("div", We, [l(ie, {
-        modelValue: r(M),
-        "onUpdate:modelValue": e[7] || (e[7] = (o) => ge(M) ? M.value = o : null),
+        modelValue: r(L),
+        "onUpdate:modelValue": e[7] || (e[7] = (o) => ge(L) ? L.value = o : null),
         "show-predefined-range": ""
       }, {
-        "trigger-button": Y(() => [l(W, {
+        "trigger-button": b(() => [l(Q, {
           label: r(oe)
         }, null, 8, ["label"])]),
         _: 1
-      }, 8, ["modelValue"]), l(p, {
+      }, 8, ["modelValue"]), l(f, {
         icon: "chevron_left",
         variant: "tertiary",
-        onClick: e[8] || (e[8] = (o) => r(q)("subtract"))
-      }), l(p, {
+        onClick: e[8] || (e[8] = (o) => r(G)("subtract"))
+      }), l(f, {
         icon: "chevron_right",
         variant: "tertiary",
-        onClick: e[9] || (e[9] = (o) => r(q)("add"))
+        onClick: e[9] || (e[9] = (o) => r(G)("add"))
       })]), l(de, {
         class: "pt-[3px]"
       }, {
-        "menu-button": Y(() => [l(W, {
-          label: b.value,
+        "menu-button": b(() => [l(Q, {
+          label: _.value,
           "right-icon": "keyboard_arrow_down"
         }, null, 8, ["label"])]),
-        default: Y(() => [(_(), P(te, null, we(k, (o) => l(ue, {
+        default: b(() => [(E(), P(ee, null, we(V, (o) => l(ue, {
           key: o.value,
           label: o.label,
-          onClick: (Z) => v.value = o.value
+          onClick: (X) => m.value = o.value
         }, null, 8, ["label", "onClick"])), 64))]),
         _: 1
       }), l(ce), l(me, {
@@ -351,44 +353,48 @@ const Ee = {
         "onUpdate:modelValue": e[10] || (e[10] = (o) => c.value = o),
         class: "w-[320px]",
         placeholder: r(a)("hr.timesheet.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])]), N.value.length === 0 && !L.value ? (_(), z(r(Ve), {
-        key: 0,
-        title: r(a)("hr.timesheet.noData.title"),
-        subtitle: ""
-      }, null, 8, ["title"])) : (_(), z(ke, {
-        key: 1,
-        class: "w-full xs:px-16 overflow-auto"
+      }, null, 8, ["modelValue", "placeholder"])]), l(Ve, {
+        class: "w-full xs:px-16"
       }, {
-        default: Y(() => [v.value === "listView" ? (_(), z(X, {
-          key: 0,
-          class: "min-w-[640px]",
-          "column-defs": se,
-          "row-data": j.value,
-          "page-size": j.value.length,
-          loading: L.value,
-          "pin-header-row": "",
-          "hide-footer": "",
-          "shrink-at": !1,
-          onRowClick: e[11] || (e[11] = (o) => J(o.original))
-        }, null, 8, ["row-data", "page-size", "loading"])) : (_(), z(X, {
-          key: 1,
-          class: "min-w-[640px] timesheet-user-view",
-          "column-defs": le,
-          "row-data": G.value,
-          "page-size": G.value.reduce((o, Z) => o + 1 + Z.timesheets.length, 0),
-          loading: L.value,
-          "pin-header-row": "",
-          "shrink-at": !1,
-          "expanded-state": B.value,
-          "get-sub-row": (o) => o.timesheets,
-          "onUpdate:expandedState": e[12] || (e[12] = (o) => B.value = o),
-          onRowClick: e[13] || (e[13] = (o) => J(o.original))
-        }, null, 8, ["row-data", "page-size", "loading", "expanded-state", "get-sub-row"]))]),
+        default: b(() => [i("div", Xe, [l(ke, {
+          "is-loading": Y.value,
+          "is-empty": m.value === "listView" ? z.value.length === 0 : N.value.length === 0,
+          "collapse-at": !1,
+          title: r(a)("hr.timesheet.noData.title"),
+          subtitle: ""
+        }, {
+          default: b(() => [m.value === "listView" ? (E(), te(W, {
+            key: 0,
+            class: "min-w-[640px]",
+            "column-defs": se,
+            "row-data": z.value,
+            "page-size": z.value.length,
+            loading: Y.value,
+            "pin-header-row": "",
+            "hide-footer": "",
+            "shrink-at": !1,
+            onRowClick: e[11] || (e[11] = (o) => q(o.original))
+          }, null, 8, ["row-data", "page-size", "loading"])) : (E(), te(W, {
+            key: 1,
+            class: "min-w-[640px] timesheet-user-view",
+            "column-defs": le,
+            "row-data": N.value,
+            "page-size": N.value.reduce((o, X) => o + 1 + X.timesheets.length, 0),
+            loading: Y.value,
+            "pin-header-row": "",
+            "shrink-at": !1,
+            "expanded-state": B.value,
+            "get-sub-row": (o) => o.timesheets,
+            "onUpdate:expandedState": e[12] || (e[12] = (o) => B.value = o),
+            onRowClick: e[13] || (e[13] = (o) => q(o.original))
+          }, null, 8, ["row-data", "page-size", "loading", "expanded-state", "get-sub-row"]))]),
+          _: 1
+        }, 8, ["is-loading", "is-empty", "title"])])]),
         _: 1
-      }))])], 64);
+      })])], 64);
     };
   }
-}), mt = /* @__PURE__ */ Se(Xe, [["__scopeId", "data-v-91afda4e"]]);
+}), pt = /* @__PURE__ */ Se(Ze, [["__scopeId", "data-v-2c7a177a"]]);
 export {
-  mt as default
+  pt as default
 };

package/dist/{TimesheetList.vue_vue_type_style_index_0_scoped_91afda4e_lang-DeTpbaRk.js → TimesheetList.vue_vue_type_style_index_0_scoped_2c7a177a_lang-B9qlQ6KG.js}

@@ -1,8 +1,8 @@
-import { d as i } from "./dayjs.min-BJrHE7oz.js";
+import { d as i } from "./dayjs.min-BXBPls4m.js";
 import { defineStore as p, storeToRefs as T } from "pinia";
 import { ref as l } from "vue";
 import { b as c, g as y } from "./restaurant-YOVMuuFY.js";
-import { s as S } from "./iteration-Cfaqt-0s.js";
+import { s as S } from "./iteration-BCbIbdHR.js";
 import { i as f, f as g } from "./utils-BZkjJbju.js";
 const u = {
   async readTimesheets(t, e) {