@feedmepos/mf-hrm-portal 2.0.19-dev.1 → 2.0.20-dev.1

package/dist/{TimesheetList-Bu47lfyS.js → TimesheetList-tFjvFHqH.js}

@@ -1,129 +1,130 @@
-import { ref as d, computed as b, defineComponent as ce, onMounted as me, watch as X, resolveComponent as u, createElementBlock as B, openBlock as D, Fragment as Z, createVNode as l, createElementVNode as i, unref as n, withCtx as V, createCommentVNode as pe, toDisplayString as $, createTextVNode as ve, createBlock as z, isRef as fe, renderList as he, nextTick as ge } from "vue";
-import { d as v } from "./dayjs.min-BGndyuOo.js";
-import { useI18n as ye, useCoreStore as we, RestaurantSelector as be } from "@feedmepos/mf-common";
-import { useSnackbar as _e, components as De } from "@feedmepos/ui-library";
-import { _ as xe } from "./app-rZIFa5rc.js";
+import { ref as d, computed as g, defineComponent as me, onMounted as pe, watch as Z, resolveComponent as u, createElementBlock as P, openBlock as _, Fragment as ee, createVNode as l, createElementVNode as i, unref as n, withCtx as F, createCommentVNode as ve, toDisplayString as E, createTextVNode as fe, createBlock as N, isRef as he, renderList as ge, nextTick as we } from "vue";
+import { d as v } from "./dayjs.min-ChdFPuFV.js";
+import { useI18n as ye } from "@feedmepos/mf-common";
+import { useSnackbar as be, components as _e } from "@feedmepos/ui-library";
+import { S as xe } from "./SelectFilter-DUj7GBtT.js";
+import { _ as De } from "./app-CL7rUfL3.js";
 import { _ as Se } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
-import { u as ke } from "./useLoading-EAY7xVQ0.js";
-import { c as Ce, s as Ve } from "./iteration-BOjSUDXb.js";
-import { f as Fe } from "./utils-BZkjJbju.js";
-import { u as Ye } from "./employee-C9_9zcbo.js";
-import { u as Le } from "./timesheet-BKF3Ow4F.js";
-function Me(x, a) {
-  return ["years", "months"].find((S) => {
-    const k = x.startOf(S), f = x.endOf(S);
-    return x.isSame(k, "day") && a.isSame(f, "day");
+import { u as ke } from "./useLoading-KpcQw0p4.js";
+import { u as Ve, c as Ce, s as Fe } from "./iteration-BbD0nOgO.js";
+import { f as Ye } from "./utils-BZkjJbju.js";
+import { u as Le } from "./employee-kKV7UnHU.js";
+import { u as Me } from "./timesheet-BmV02Rkz.js";
+function Te(x, a) {
+  return ["years", "months"].find((D) => {
+    const S = x.startOf(D), f = x.endOf(D);
+    return x.isSame(S, "day") && a.isSame(f, "day");
   }) || "days";
 }
-function Te() {
+function Re() {
   const x = {
     startDate: v().format("YYYY-MM-DD"),
     endDate: v().format("YYYY-MM-DD")
-  }, a = d(x), F = b(() => {
+  }, a = d(x), Y = g(() => {
     if (!a.value) return "No dates selected.";
-    const f = a.value.startDate ?? "Start", _ = a.value.endDate ?? "End";
-    return `${f} - ${_}`;
-  }), S = b(() => ({
+    const f = a.value.startDate ?? "Start", b = a.value.endDate ?? "End";
+    return `${f} - ${b}`;
+  }), D = g(() => ({
     startDate: new Date(a.value.startDate),
     endDate: new Date(a.value.endDate)
   }));
-  function k(f) {
-    const _ = v(a.value.startDate), c = v(a.value.endDate), h = Me(_, c), C = h === "days" ? c.diff(_, "days") + 1 : 1, Y = f === "subtract" ? (g) => g.subtract(C, h) : (g) => g.add(C, h);
+  function S(f) {
+    const b = v(a.value.startDate), c = v(a.value.endDate), h = Te(b, c), k = h === "days" ? c.diff(b, "days") + 1 : 1, V = f === "subtract" ? (C) => C.subtract(k, h) : (C) => C.add(k, h);
     a.value = {
-      startDate: Y(_).startOf(h).format("YYYY-MM-DD"),
-      endDate: Y(c).endOf(h).format("YYYY-MM-DD")
+      startDate: V(b).startOf(h).format("YYYY-MM-DD"),
+      endDate: V(c).endOf(h).format("YYYY-MM-DD")
     };
   }
-  return { dateRange: a, parsedDateRange: S, dateRangeLabel: F, setRange: k };
+  return { dateRange: a, parsedDateRange: D, dateRangeLabel: Y, setRange: S };
 }
-const Re = {
+const $e = {
   class: "my-16 flex w-[350px] flex-col gap-40"
 }, Ie = {
   class: "flex gap-16"
-}, Ee = {
-  class: "flex flex-col gap-4"
 }, Oe = {
+  class: "flex flex-col gap-4"
+}, Ee = {
   class: "fm-typo-body-md-400 text-fm-color-typo-secondary"
-}, $e = {
-  class: "fm-typo-body-md-700 text-fm-color-typo-primary"
 }, Ae = {
-  class: "flex flex-col gap-8"
+  class: "fm-typo-body-md-700 text-fm-color-typo-primary"
 }, Ke = {
-  class: "fm-typo-body-xl-700"
+  class: "flex flex-col gap-8"
 }, ze = {
-  class: "flex flex-col gap-24"
+  class: "fm-typo-body-xl-700"
 }, Ne = {
-  class: "flex flex-col gap-8"
+  class: "flex flex-col gap-24"
 }, Ue = {
-  class: "fm-typo-body-xl-700"
+  class: "flex flex-col gap-8"
 }, Be = {
-  class: "flex flex-col gap-24"
+  class: "fm-typo-body-xl-700"
 }, Pe = {
+  class: "flex flex-col gap-24"
+}, je = {
   key: 0,
   class: "fm-typo-body-sm-400 text-fm-color-typo-error mt-1 flex items-center gap-4"
-}, je = {
-  class: "flex items-center justify-start gap-8"
 }, He = {
-  class: "space-y-8"
+  class: "flex items-center justify-start gap-8"
 }, Ge = {
-  class: "flex items-start gap-8 flex-wrap xs:px-16"
+  class: "space-y-8"
 }, qe = {
+  class: "flex items-start gap-8 flex-wrap xs:px-16"
+}, Je = {
   class: "flex items-center gap-8"
-}, rt = /* @__PURE__ */ ce({
+}, ut = /* @__PURE__ */ me({
   __name: "TimesheetList",
   setup(x) {
     const {
       t: a
-    } = ye(), F = _e(), S = ke(F), k = [{
+    } = ye(), Y = be(), D = ke(Y), S = [{
       label: a("hr.timesheet.listView"),
       value: "listView"
     }, {
       label: a("hr.timesheet.userView"),
       value: "userView"
-    }], f = d("listView"), _ = b(() => {
+    }], f = d("listView"), b = g(() => {
       var t;
-      return (t = k.find((e) => e.value === f.value)) == null ? void 0 : t.label;
-    }), c = d(""), h = Le(), C = Ye(), Y = b(() => C.employees.value), g = b(() => h.timesheets.value.filter((s) => !A.value || A.value.includes(s.restaurantId)).map((s) => {
-      var w;
-      const r = (w = ee.restaurants.value.find((p) => p._id === s.restaurantId)) == null ? void 0 : w.profile.code, y = Y.value.find((p) => p._id === s.user.id);
+      return (t = S.find((e) => e.value === f.value)) == null ? void 0 : t.label;
+    }), c = d(""), h = Me(), k = Le(), V = Ve(), C = g(() => k.employees.value), A = g(() => h.timesheets.value.filter((s) => !K.value || K.value.includes(s.restaurantId)).map((s) => {
+      var y;
+      const r = (y = V.restaurants.value.find((p) => p._id === s.restaurantId)) == null ? void 0 : y.profile.code, w = C.value.find((p) => p._id === s.user.id);
       return {
         ...s,
         restaurantCode: r,
         user: {
           ...s.user,
-          code: y ? y.code : ""
+          code: w ? w.code : ""
         }
       };
-    })), P = b(() => g.value.filter((t) => {
+    })), j = g(() => A.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()));
-    })), j = b(() => {
-      const t = Ce(g.value, (s) => s.user.name), e = Object.entries(t).map(([s, r]) => {
-        const y = Y.value.find((w) => w._id === r[0].user.id);
+    })), H = g(() => {
+      const t = Ce(A.value, (s) => s.user.name), e = Object.entries(t).map(([s, r]) => {
+        const w = C.value.find((y) => y._id === r[0].user.id);
         return {
           key: s,
           user: r[0].user.name,
-          code: y ? y.code : "",
+          code: w ? w.code : "",
           timesheets: r,
-          total: Fe(r.reduce((w, p) => w + p.totalMin, 0))
+          total: Ye(r.reduce((y, p) => y + p.totalMin, 0))
         };
       });
-      return Ve(e, {
+      return Fe(e, {
         selector: "user"
       });
-    }), H = b(() => j.value.filter((t) => {
+    }), G = 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), N = async () => {
+    })), L = d(!1), U = async () => {
       const {
         startDate: t,
         endDate: e
       } = M.value;
       L.value = !0;
       try {
-        await h.readTimesheet(new Date(t), new Date(e)), await ge(), U.value = Object.fromEntries(Object.entries(new Array(j.value.length).fill(!0)));
+        await h.readTimesheet(new Date(t), new Date(e)), await we(), B.value = Object.fromEntries(Object.entries(new Array(H.value.length).fill(!0)));
       } catch (s) {
-        F.open({
+        Y.open({
           title: s instanceof Error ? s.message : `${s}`,
           type: "error"
         });
@@ -131,18 +132,21 @@ const Re = {
         L.value = !1;
       }
     };
-    me(async () => {
-      C.employees.value.length === 0 && await C.readEmployees(), N();
+    pe(async () => {
+      await V.readRestaurants(), k.employees.value.length === 0 && await k.readEmployees(), U();
     });
-    const ee = we(), A = d(), {
+    const K = d(), te = g(() => V.restaurants.value.filter((t) => t.managable).map((t) => ({
+      label: `${t.profile.code ? `${t.profile.code} - ` : ""}${t.profile.name}`,
+      value: t._id
+    }))), {
       dateRange: M,
-      dateRangeLabel: te,
-      setRange: G
-    } = Te();
-    X(M, async () => {
-      N();
+      dateRangeLabel: ae,
+      setRange: q
+    } = Re();
+    Z(M, async () => {
+      U();
     });
-    const ae = [{
+    const oe = [{
       accessorKey: "user.code",
       size: 100,
       header: () => a("hr.employee.columns.code"),
@@ -177,7 +181,7 @@ const Re = {
       header: () => a("hr.timesheet.columns.duration"),
       cell: (t) => t.row.original.duration || "--",
       enableSorting: !0
-    }], U = d({}), oe = [{
+    }], B = d({}), se = [{
       accessorKey: "code",
       size: 100,
       header: () => a("hr.employee.columns.code"),
@@ -196,7 +200,7 @@ const Re = {
             onClick: (r) => {
               r.stopPropagation(), t.row.getToggleExpandedHandler()(r);
             }
-          }, [l(De.FmButton, {
+          }, [l(_e.FmButton, {
             variant: "tertiary",
             icon: s ? "keyboard_arrow_up" : "keyboard_arrow_down"
           }, null)]), e.user]);
@@ -229,146 +233,148 @@ const Re = {
       },
       enableSorting: !1
     }], T = d(!1);
-    function q(t) {
-      m.value = t, R.value = v(m.value.startedAt).format("YYYY-MM-DD"), E.value = v(m.value.endedAt || m.value.startedAt).format("YYYY-MM-DD"), I.value = v(m.value.startedAt).format("HH:mm"), O.value = v(m.value.endedAt || m.value.startedAt).format("HH:mm"), T.value = !0;
+    function J(t) {
+      m.value = t, R.value = v(m.value.startedAt).format("YYYY-MM-DD"), I.value = v(m.value.endedAt || m.value.startedAt).format("YYYY-MM-DD"), $.value = v(m.value.startedAt).format("HH:mm"), O.value = v(m.value.endedAt || m.value.startedAt).format("HH:mm"), T.value = !0;
     }
-    const R = d(), I = d(), E = d(), O = d(), m = d(), K = d("");
-    async function se() {
-      const t = J(R.value, I.value), e = J(E.value, O.value);
+    const R = d(), $ = d(), I = d(), O = d(), m = d(), z = d("");
+    async function le() {
+      const t = Q(R.value, $.value), e = Q(I.value, O.value);
       if (v(t).isAfter(e)) {
-        K.value = a("hr.timesheet.checkOutMustBeforeCheckIn");
+        z.value = a("hr.timesheet.checkOutMustBeforeCheckIn");
         return;
       }
-      S.minor(async () => {
+      D.minor(async () => {
         await h.updateTimesheet(m.value, t, e);
       }, {
         successMessage: a("hr.timesheet.update.successMessage")
-      }), N(), T.value = !1;
+      }), U(), T.value = !1;
     }
-    const J = (t, e) => v(t).set("h", parseInt(e.split(":")[0])).set("m", parseInt(e.split(":")[1])).toISOString();
-    return X([R, E, I, O], ([t, e, s, r]) => {
-      (t || e || s || r) && (K.value = "");
+    const Q = (t, e) => v(t).set("h", parseInt(e.split(":")[0])).set("m", parseInt(e.split(":")[1])).toISOString();
+    return Z([R, I, $, O], ([t, e, s, r]) => {
+      (t || e || s || r) && (z.value = "");
     }), (t, e) => {
-      const s = u("FmAvatar"), r = u("FmDatePicker"), y = u("FmTimePicker"), w = u("FmIcon"), p = u("FmButton"), le = u("FmSideSheet"), Q = u("FmChip"), ne = u("FmDateRangePicker"), re = u("FmMenuItem"), ie = u("FmMenu"), ue = u("FmSpacer"), de = u("FmSearch"), W = u("FmTable");
-      return D(), B(Z, null, [l(le, {
+      const s = u("FmAvatar"), r = u("FmDatePicker"), w = u("FmTimePicker"), y = u("FmIcon"), p = u("FmButton"), ne = u("FmSideSheet"), W = u("FmChip"), re = u("FmDateRangePicker"), ie = u("FmMenuItem"), ue = u("FmMenu"), de = u("FmSpacer"), ce = u("FmSearch"), X = u("FmTable");
+      return _(), P(ee, null, [l(ne, {
         modelValue: T.value,
         "onUpdate:modelValue": e[5] || (e[5] = (o) => T.value = o),
         "dismiss-away": "",
         header: n(a)("hr.timesheet.update.title")
       }, {
-        "side-sheet-footer": V(() => [i("div", je, [l(p, {
+        "side-sheet-footer": F(() => [i("div", He, [l(p, {
           label: n(a)("common.update"),
           size: "md",
           variant: "primary",
-          onClick: se
+          onClick: le
         }, null, 8, ["label"]), l(p, {
           label: n(a)("common.cancel"),
           size: "md",
           variant: "secondary",
           onClick: e[4] || (e[4] = (o) => T.value = !1)
         }, null, 8, ["label"])])]),
-        default: V(() => [i("div", Re, [i("div", Ie, [l(s, {
+        default: F(() => [i("div", $e, [i("div", Ie, [l(s, {
           initials: m.value.user.name,
           size: "lg"
-        }, null, 8, ["initials"]), i("div", Ee, [i("div", Oe, $(n(a)("hr.timesheet.employeeName")), 1), i("div", $e, $(m.value.user.name), 1)])]), i("div", Ae, [i("div", Ke, $(n(a)("hr.timesheet.update.checkIn")), 1), i("div", ze, [l(r, {
+        }, null, 8, ["initials"]), i("div", Oe, [i("div", Ee, E(n(a)("hr.timesheet.employeeName")), 1), i("div", Ae, E(m.value.user.name), 1)])]), i("div", Ke, [i("div", ze, E(n(a)("hr.timesheet.update.checkIn")), 1), i("div", Ne, [l(r, {
           modelValue: R.value,
           "onUpdate:modelValue": e[0] || (e[0] = (o) => R.value = o),
           disabled: !1,
           label: n(a)("hr.timesheet.update.date")
-        }, null, 8, ["modelValue", "label"]), l(y, {
-          modelValue: I.value,
-          "onUpdate:modelValue": e[1] || (e[1] = (o) => I.value = o),
+        }, null, 8, ["modelValue", "label"]), l(w, {
+          modelValue: $.value,
+          "onUpdate:modelValue": e[1] || (e[1] = (o) => $.value = o),
           label: n(a)("hr.timesheet.update.time")
-        }, null, 8, ["modelValue", "label"])])]), i("div", Ne, [i("div", Ue, $(n(a)("hr.timesheet.update.checkOut")), 1), i("div", Be, [l(r, {
-          modelValue: E.value,
-          "onUpdate:modelValue": e[2] || (e[2] = (o) => E.value = o),
+        }, null, 8, ["modelValue", "label"])])]), i("div", Ue, [i("div", Be, E(n(a)("hr.timesheet.update.checkOut")), 1), i("div", Pe, [l(r, {
+          modelValue: I.value,
+          "onUpdate:modelValue": e[2] || (e[2] = (o) => I.value = o),
           disabled: !1,
           label: n(a)("hr.timesheet.update.date")
-        }, null, 8, ["modelValue", "label"]), l(y, {
+        }, null, 8, ["modelValue", "label"]), l(w, {
           modelValue: O.value,
           "onUpdate:modelValue": e[3] || (e[3] = (o) => O.value = o),
           label: n(a)("hr.timesheet.update.time")
-        }, null, 8, ["modelValue", "label"])])]), K.value ? (D(), B("div", Pe, [l(w, {
+        }, null, 8, ["modelValue", "label"])])]), z.value ? (_(), P("div", je, [l(y, {
           color: "#FF3B30",
           name: "error",
           size: "sm"
-        }), ve(" " + $(K.value), 1)])) : pe("", !0)])]),
+        }), fe(" " + E(z.value), 1)])) : ve("", !0)])]),
         _: 1
-      }, 8, ["modelValue", "header"]), i("div", He, [i("div", Ge, [l(n(be), {
-        modelValue: A.value,
-        "onUpdate:modelValue": e[6] || (e[6] = (o) => A.value = o),
-        "managable-only": "",
+      }, 8, ["modelValue", "header"]), i("div", Ge, [i("div", qe, [l(xe, {
+        modelValue: K.value,
+        "onUpdate:modelValue": e[6] || (e[6] = (o) => K.value = o),
         multiple: "",
+        items: te.value,
         variant: "dark",
+        "selected-prefix": n(a)("hr.role.columns.restaurants"),
+        placeholder: n(a)("hr.role.columns.restaurants"),
         class: "!w-auto pt-[3px]"
-      }, null, 8, ["modelValue"]), i("div", qe, [l(ne, {
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), i("div", Je, [l(re, {
         modelValue: n(M),
-        "onUpdate:modelValue": e[7] || (e[7] = (o) => fe(M) ? M.value = o : null),
+        "onUpdate:modelValue": e[7] || (e[7] = (o) => he(M) ? M.value = o : null),
         "show-predefined-range": ""
       }, {
-        "trigger-button": V(() => [l(Q, {
-          label: n(te)
+        "trigger-button": F(() => [l(W, {
+          label: n(ae)
         }, null, 8, ["label"])]),
         _: 1
       }, 8, ["modelValue"]), l(p, {
         icon: "chevron_left",
         variant: "tertiary",
-        onClick: e[8] || (e[8] = (o) => n(G)("subtract"))
+        onClick: e[8] || (e[8] = (o) => n(q)("subtract"))
       }), l(p, {
         icon: "chevron_right",
         variant: "tertiary",
-        onClick: e[9] || (e[9] = (o) => n(G)("add"))
-      })]), l(ie, {
+        onClick: e[9] || (e[9] = (o) => n(q)("add"))
+      })]), l(ue, {
         class: "pt-[3px]"
       }, {
-        "menu-button": V(() => [l(Q, {
-          label: _.value,
+        "menu-button": F(() => [l(W, {
+          label: b.value,
           "right-icon": "keyboard_arrow_down"
         }, null, 8, ["label"])]),
-        default: V(() => [(D(), B(Z, null, he(k, (o) => l(re, {
+        default: F(() => [(_(), P(ee, null, ge(S, (o) => l(ie, {
           key: o.value,
           label: o.label,
-          onClick: (Je) => f.value = o.value
+          onClick: (Qe) => f.value = o.value
         }, null, 8, ["label", "onClick"])), 64))]),
         _: 1
-      }), l(ue), l(de, {
+      }), l(de), l(ce, {
         modelValue: c.value,
         "onUpdate:modelValue": e[10] || (e[10] = (o) => c.value = o),
         class: "w-[320px]",
         placeholder: n(a)("hr.timesheet.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])]), g.value.length === 0 && !L.value ? (D(), z(n(Se), {
+      }, null, 8, ["modelValue", "placeholder"])]), A.value.length === 0 && !L.value ? (_(), N(n(Se), {
         key: 0,
         title: n(a)("hr.timesheet.noData.title"),
         subtitle: ""
-      }, null, 8, ["title"])) : (D(), z(xe, {
+      }, null, 8, ["title"])) : (_(), N(De, {
         key: 1,
         class: "w-full xs:px-16 overflow-auto"
       }, {
-        default: V(() => [f.value === "listView" ? (D(), z(W, {
+        default: F(() => [f.value === "listView" ? (_(), N(X, {
           key: 0,
           class: "min-w-[640px]",
-          "column-defs": ae,
-          "row-data": P.value,
-          "page-size": P.value.length,
+          "column-defs": oe,
+          "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) => q(o.original))
-        }, null, 8, ["row-data", "page-size", "loading"])) : (D(), z(W, {
+          onRowClick: e[11] || (e[11] = (o) => J(o.original))
+        }, null, 8, ["row-data", "page-size", "loading"])) : (_(), N(X, {
           key: 1,
           class: "min-w-[640px]",
-          "column-defs": oe,
-          "row-data": H.value,
-          "page-size": g.value.length + H.value.length,
+          "column-defs": se,
+          "row-data": G.value,
+          "page-size": A.value.length + G.value.length,
           loading: L.value,
           "pin-header-row": "",
           "hide-footer": "",
           "shrink-at": !1,
-          "expanded-state": U.value,
+          "expanded-state": B.value,
           "get-sub-row": (o) => o.timesheets,
-          "onUpdate:expandedState": e[12] || (e[12] = (o) => U.value = o),
-          onRowClick: e[13] || (e[13] = (o) => q(o.original))
+          "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"]))]),
         _: 1
       }))])], 64);
@@ -376,5 +382,5 @@ const Re = {
   }
 });
 export {
-  rt as default
+  ut as default
 };