@feedmepos/mf-hrm-portal 1.1.0-dev → 1.1.2-dev

package/dist/{EmployeeList-tmUqs5a6.js → EmployeeList-CKHgrdAO.js}

@@ -1,28 +1,35 @@
-import { toRaw as Ce, defineComponent as he, ref as g, computed as F, watch as ge, resolveComponent as v, openBlock as _, createElementBlock as L, Fragment as K, renderSlot as Me, createVNode as n, unref as o, withCtx as y, createElementVNode as c, createBlock as O, createCommentVNode as W, isRef as re, renderList as _e, toDisplayString as j, onMounted as Ie, createTextVNode as $e, withModifiers as Oe, h as se } from "vue";
+import { createElementBlock as $, openBlock as h, createElementVNode as c, toRaw as Ce, defineComponent as he, ref as g, computed as F, watch as _e, resolveComponent as v, Fragment as G, renderSlot as Me, createVNode as n, unref as o, withCtx as y, createBlock as B, createCommentVNode as Q, isRef as re, renderList as ge, toDisplayString as K, onMounted as Ie, h as se, createTextVNode as $e, withModifiers as Oe } from "vue";
 import { useCoreStore as be, useI18n as Ve, RestaurantSelector as me } from "@feedmepos/mf-common";
-import { useSnackbar as Fe, components as we, useDialog as Le, useBreakpoints as Be, FmButtonVariant as De } from "@feedmepos/ui-library";
-import { u as xe, S as ce } from "./useSearch-C25VELOk.js";
-import { _ as Ne } from "./app-B4KDGOw1.js";
-import { H as Pe } from "./HorizontalSplitter-B9DVYJIM.js";
-import { u as Te, _ as ze } from "./useLoading-v4m-6mEy.js";
-import { u as ke, E as Ae } from "./employee-BQc7Wgpu.js";
-import { l as je } from "./lodash-DNzKT_gG.js";
-import { _ as de, a as pe } from "./FormSection.vue_vue_type_script_setup_true_lang-BY9VGOoM.js";
-import { u as Ke, a as Ge } from "./useRestaurantMap-e9fQJiLC.js";
-import { u as ne } from "./role-DGAu9X1X.js";
-function ve(C) {
-  return JSON.parse(JSON.stringify(C));
+import { useSnackbar as Fe, components as xe, useDialog as Le, useBreakpoints as Be, FmButtonVariant as De } from "@feedmepos/ui-library";
+import { _ as Ne, S as ce } from "./SelectFilter-NbXrJ4iH.js";
+import { _ as Pe } from "./app-DUs516v0.js";
+import { _ as Te } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
+import { u as we } from "./useSearch-B6WK1LBB.js";
+import { u as ke, E as ze } from "./employee-jH7EJnhi.js";
+import { l as Ae } from "./lodash-DpoPPi_j.js";
+import { u as je, _ as de, a as pe, b as Ke } from "./useRestaurantMap-D5BNPLKh.js";
+import { u as Ge } from "./useLoading-1OqFn86y.js";
+import { u as ne } from "./useAppStore-RzLLN5d9.js";
+const qe = {};
+function He(S, O) {
+  return h(), $("div", null, [...O[0] || (O[0] = [
+    c("div", { class: "h-px w-full bg-fm-color-neutral-gray-100" }, null, -1)
+  ])]);
 }
-function fe(C) {
+const Je = /* @__PURE__ */ Ne(qe, [["render", He]]);
+function ve(S) {
+  return JSON.parse(JSON.stringify(S));
+}
+function fe(S) {
   if (typeof structuredClone > "u")
-    return ve(C);
+    return ve(S);
   try {
-    return structuredClone(Ce(C));
+    return structuredClone(Ce(S));
   } catch {
-    return ve(C);
+    return ve(S);
   }
 }
-const qe = { class: "fm-typo-en-title-md-600" }, He = { class: "space-y-40" }, Je = { class: "flex flex-row gap-16" }, We = { class: "space-y-16" }, Qe = { class: "flex gap-8 items-center justify-start" }, ye = 4, Xe = /* @__PURE__ */ he({
+const We = { class: "fm-typo-en-title-md-600" }, Qe = { class: "space-y-40" }, Xe = { class: "flex flex-row gap-16" }, Ye = { class: "space-y-16" }, Ze = { class: "flex gap-8 items-center justify-start" }, ye = 4, el = /* @__PURE__ */ he({
   __name: "EmployeeForm",
   props: {
     roleErrorMessage: {
@@ -30,11 +37,11 @@ const qe = { class: "fm-typo-en-title-md-600" }, He = { class: "space-y-40" }, J
       default: ""
     }
   },
-  setup(C, { expose: Q }) {
-    const u = ne(), S = be(), d = ke(), G = Fe(), q = Te(G), { t: i } = Ve(), f = g(!1), $ = g(!0), E = (a) => {
-      s.value = a ? fe(a) : B(), w.value = fe(s.value), l.value = [], b.value = s.value.restaurants.map((e) => e.restaurantId), s.value.passcode && (l.value = s.value.passcode.split(""), t.value = !0), $.value = !a, f.value = !0;
+  setup(S, { expose: O }) {
+    const u = ne(), E = be(), d = ke(), q = Fe(), H = Ge(q), { t: i } = Ve(), f = g(!1), L = g(!0), R = (a) => {
+      s.value = a ? fe(a) : D(), x.value = fe(s.value), l.value = [], b.value = s.value.restaurants.map((e) => e.restaurantId), s.value.passcode && (l.value = s.value.passcode.split(""), t.value = !0), L.value = !a, f.value = !0;
     };
-    function B() {
+    function D() {
       return {
         code: "",
         isMasterUser: !1,
@@ -43,21 +50,21 @@ const qe = { class: "fm-typo-en-title-md-600" }, He = { class: "space-y-40" }, J
         restaurants: []
       };
     }
-    const D = F(() => $.value ? i("hr.employee.form.add") : i("hr.employee.form.update")), X = F(() => $.value ? i("common.create") : i("common.update")), w = g(B()), s = g(B()), { searchKey: R, filter: N } = xe(), Y = F(() => {
+    const N = F(() => L.value ? i("hr.employee.form.add") : i("hr.employee.form.update")), X = F(() => L.value ? i("common.create") : i("common.update")), x = g(D()), s = g(D()), { searchKey: C, filter: P } = we(), Y = F(() => {
       const a = {};
       return u.roles.value.forEach((e) => {
         a[e._id] = e.name;
       }), a;
     });
-    function H(a) {
-      const e = P(a) ?? "";
+    function J(a) {
+      const e = T(a) ?? "";
       return Y.value[e] || "";
     }
-    const k = F(() => S.restaurants.value.filter(({ _id: e, profile: m }) => N([m.code, m.name, H(e)])).map(({ _id: e, profile: m }) => {
-      const M = u.roles.value.filter((x) => x.restaurants.some((I) => I.id == e)).map((x) => ({
-        label: x.name,
-        value: x._id,
-        disabled: !x.isUsable
+    const k = F(() => E.restaurants.value.filter(({ _id: e, profile: m }) => P([m.code, m.name, J(e)])).map(({ _id: e, profile: m }) => {
+      const M = u.roles.value.filter((w) => w.restaurants.some((I) => I.id == e)).map((w) => ({
+        label: w.name,
+        value: w._id,
+        disabled: !w.isUsable
       }));
       return {
         value: e,
@@ -69,7 +76,7 @@ const qe = { class: "fm-typo-en-title-md-600" }, He = { class: "space-y-40" }, J
       return s.value.restaurants.forEach((e) => {
         a[e.restaurantId] = e.roleId;
       }), a;
-    }), P = (a) => Z.value[a] ?? null, J = (a, e) => {
+    }), T = (a) => Z.value[a] ?? null, W = (a, e) => {
       s.value.restaurants = [
         ...s.value.restaurants.filter((m) => m.restaurantId !== a),
         {
@@ -77,32 +84,32 @@ const qe = { class: "fm-typo-en-title-md-600" }, He = { class: "space-y-40" }, J
           roleId: e
         }
       ];
-    }, b = g(s.value.restaurants.map((a) => a.restaurantId)), T = F(
+    }, b = g(s.value.restaurants.map((a) => a.restaurantId)), z = F(
       () => b.value.filter(
         (a) => k.value.some((e) => e.value === a)
       )
-    ), U = F(() => k.value.length > 0 && k.value.length === T.value.length), ee = () => {
-      const a = b.value.filter((e) => !T.value.includes(e));
-      U.value === !0 ? z(a) : z(k.value.map((e) => e.value));
-    }, z = (a) => {
+    ), U = F(() => k.value.length > 0 && k.value.length === z.value.length), ee = () => {
+      const a = b.value.filter((e) => !z.value.includes(e));
+      U.value === !0 ? A(a) : A(k.value.map((e) => e.value));
+    }, A = (a) => {
       b.value = a, s.value.restaurants = a.map((e) => {
-        var M, x, I;
-        const m = ((x = (M = k.value.find((A) => A.value === e)) == null ? void 0 : M.roleOptions[0]) == null ? void 0 : x.value) || "";
+        var M, w, I;
+        const m = ((w = (M = k.value.find((j) => j.value === e)) == null ? void 0 : M.roleOptions[0]) == null ? void 0 : w.value) || "";
         return {
           restaurantId: e,
-          roleId: ((I = s.value.restaurants.find((A) => A.restaurantId === e)) == null ? void 0 : I.roleId) || m
+          roleId: ((I = s.value.restaurants.find((j) => j.restaurantId === e)) == null ? void 0 : I.roleId) || m
         };
       });
     }, l = g([]), t = g(!1);
     function p() {
       t.value && (t.value = !1, l.value = []);
     }
-    async function h() {
-      const a = await Ae.generateEmployeePasscode();
+    async function _() {
+      const a = await ze.generateEmployeePasscode();
       t.value = !1, l.value = a.split("");
     }
-    const V = Ke(
-      () => !je.isEqual(s.value, w.value),
+    const V = je(
+      () => !Ae.isEqual(s.value, x.value),
       () => {
         f.value = !1;
       }
@@ -119,7 +126,7 @@ const qe = { class: "fm-typo-en-title-md-600" }, He = { class: "space-y-40" }, J
       s.value.isMasterUser ? await d.createMasterEmployee(a) : (delete a.user.code, await d.createEmployee(a));
     }
     async function ae() {
-      const a = w.value, e = {
+      const a = x.value, e = {
         user: {
           name: s.value.name,
           passcode: s.value.passcode
@@ -137,18 +144,18 @@ const qe = { class: "fm-typo-en-title-md-600" }, He = { class: "space-y-40" }, J
           },
           roles: s.value.restaurants
         };
-        w.value.isMasterUser ? await d.updateMasterEmployee(a._id, m) : await d.migrateToMasterUser(a._id, m);
+        x.value.isMasterUser ? await d.updateMasterEmployee(a._id, m) : await d.migrateToMasterUser(a._id, m);
       }
     }
     async function te() {
-      $.value ? await q.minor(
+      L.value ? await H.minor(
         async () => {
           await le();
         },
         {
           successMessage: i("hr.employee.create.successMessage")
         }
-      ) : await q.minor(
+      ) : await H.minor(
         async () => {
           await ae();
         },
@@ -157,22 +164,22 @@ const qe = { class: "fm-typo-en-title-md-600" }, He = { class: "space-y-40" }, J
         }
       ), f.value = !1;
     }
-    return ge(
+    return _e(
       () => f.value,
       (a) => {
       }
-    ), Q({
+    ), O({
       show: f,
-      trigger: E
+      trigger: R
     }), (a, e) => {
-      const m = v("FmSwitch"), M = v("FmTextField"), x = v("FmPinField"), I = v("FmFormGroup"), A = v("FmButton"), Ue = v("FmSearch"), ue = v("FmCheckbox"), Se = v("FmSelect"), ie = v("fm-button"), Ee = v("fm-side-sheet");
-      return _(), L(K, null, [
-        Me(a.$slots, "default", { trigger: E }),
+      const m = v("FmSwitch"), M = v("FmTextField"), w = v("FmPinField"), I = v("FmFormGroup"), j = v("FmButton"), Ue = v("FmSearch"), ue = v("FmCheckbox"), Se = v("FmSelect"), ie = v("fm-button"), Ee = v("fm-side-sheet");
+      return h(), $(G, null, [
+        Me(a.$slots, "default", { trigger: R }),
         n(Ee, {
           id: "unit-form",
           modelValue: f.value,
           "onUpdate:modelValue": e[9] || (e[9] = (r) => f.value = r),
-          "is-container": o(we).FmForm,
+          "is-container": o(xe).FmForm,
           "is-container-props": {
             onValidationSuccess: te,
             blameFormChildOnValidationFailed: !0
@@ -181,10 +188,10 @@ const qe = { class: "fm-typo-en-title-md-600" }, He = { class: "space-y-40" }, J
           "onOn:clickedAway": o(V)
         }, {
           "side-sheet-header": y(() => [
-            c("p", qe, j(D.value), 1)
+            c("p", We, K(N.value), 1)
           ]),
           "side-sheet-footer": y(() => [
-            c("div", Qe, [
+            c("div", Ze, [
               n(ie, {
                 label: X.value,
                 size: "lg",
@@ -200,7 +207,7 @@ const qe = { class: "fm-typo-en-title-md-600" }, He = { class: "space-y-40" }, J
             ])
           ]),
           default: y(() => [
-            c("div", He, [
+            c("div", Qe, [
               n(de, {
                 title: o(i)("hr.employee.form.employeeSetting")
               }, {
@@ -220,13 +227,13 @@ const qe = { class: "fm-typo-en-title-md-600" }, He = { class: "space-y-40" }, J
                     ]),
                     _: 1
                   }, 8, ["label"]),
-                  c("div", Je, [
-                    s.value.isMasterUser ? (_(), O(M, {
+                  c("div", Xe, [
+                    s.value.isMasterUser ? (h(), B(M, {
                       key: 0,
                       modelValue: s.value.code,
                       "onUpdate:modelValue": e[1] || (e[1] = (r) => s.value.code = r),
                       label: o(i)("hr.employee.form.code")
-                    }, null, 8, ["modelValue", "label"])) : W("", !0),
+                    }, null, 8, ["modelValue", "label"])) : Q("", !0),
                     n(M, {
                       modelValue: s.value.name,
                       "onUpdate:modelValue": e[2] || (e[2] = (r) => s.value.name = r),
@@ -239,7 +246,7 @@ const qe = { class: "fm-typo-en-title-md-600" }, He = { class: "space-y-40" }, J
                     label: o(i)("hr.employee.form.passcode")
                   }, {
                     default: y(() => [
-                      c("div", We, [
+                      c("div", Ye, [
                         n(I, {
                           modelValue: l.value,
                           "onUpdate:modelValue": e[5] || (e[5] = (r) => l.value = r),
@@ -248,7 +255,7 @@ const qe = { class: "fm-typo-en-title-md-600" }, He = { class: "space-y-40" }, J
                           ]
                         }, {
                           default: y(() => [
-                            n(x, {
+                            n(w, {
                               modelValue: l.value,
                               "onUpdate:modelValue": e[3] || (e[3] = (r) => l.value = r),
                               length: ye,
@@ -259,13 +266,13 @@ const qe = { class: "fm-typo-en-title-md-600" }, He = { class: "space-y-40" }, J
                           ]),
                           _: 1
                         }, 8, ["modelValue", "rules"]),
-                        n(A, {
+                        n(j, {
                           variant: "secondary",
                           "text-color": "primary",
                           "border-color": "primary",
                           label: o(i)("hr.employee.form.passcodeGenerate"),
                           size: "md",
-                          onClick: h
+                          onClick: _
                         }, null, 8, ["label"])
                       ])
                     ]),
@@ -279,8 +286,8 @@ const qe = { class: "fm-typo-en-title-md-600" }, He = { class: "space-y-40" }, J
               }, {
                 default: y(() => [
                   n(Ue, {
-                    modelValue: o(R),
-                    "onUpdate:modelValue": e[6] || (e[6] = (r) => re(R) ? R.value = r : null),
+                    modelValue: o(C),
+                    "onUpdate:modelValue": e[6] || (e[6] = (r) => re(C) ? C.value = r : null),
                     placeholder: o(i)("hr.restaurant.search.placeholder")
                   }, null, 8, ["modelValue", "placeholder"]),
                   n(I, {
@@ -296,22 +303,22 @@ const qe = { class: "fm-typo-en-title-md-600" }, He = { class: "space-y-40" }, J
                         indeterminate: b.value.length > 0,
                         "onUpdate:modelValue": ee
                       }, null, 8, ["model-value", "label", "indeterminate"]),
-                      (_(!0), L(K, null, _e(k.value, (r, oe) => (_(), L(K, { key: oe }, [
+                      (h(!0), $(G, null, ge(k.value, (r, oe) => (h(), $(G, { key: oe }, [
                         n(ue, {
                           "model-value": b.value,
                           label: r.label,
                           value: r.value,
-                          "onUpdate:modelValue": z
+                          "onUpdate:modelValue": A
                         }, null, 8, ["model-value", "label", "value"]),
-                        b.value.includes(r.value) ? (_(), O(Se, {
+                        b.value.includes(r.value) ? (h(), B(Se, {
                           key: 0,
                           class: "ml-32 mr-8",
                           items: r.roleOptions,
-                          "model-value": P(r.value),
+                          "model-value": T(r.value),
                           multiselect: !1,
                           placeholder: r.roleOptions[0] ? r.roleOptions[0].label : "",
-                          "onUpdate:modelValue": (Re) => J(r.value, Re)
-                        }, null, 8, ["items", "model-value", "placeholder", "onUpdate:modelValue"])) : W("", !0)
+                          "onUpdate:modelValue": (Re) => W(r.value, Re)
+                        }, null, 8, ["items", "model-value", "placeholder", "onUpdate:modelValue"])) : Q("", !0)
                       ], 64))), 128))
                     ]),
                     _: 1
@@ -326,52 +333,52 @@ const qe = { class: "fm-typo-en-title-md-600" }, He = { class: "space-y-40" }, J
       ], 64);
     };
   }
-}), Ye = {
+}), ll = {
   class: "space-y-8"
-}, Ze = {
+}, al = {
   class: "xs:hidden flex w-full items-start justify-between"
-}, el = {
+}, tl = {
   class: "flex items-start gap-8"
-}, ll = {
+}, ol = {
   class: "flex"
-}, al = {
+}, sl = {
   class: "space-y-4 hidden xs:block"
-}, tl = {
+}, rl = {
   class: "px-16"
-}, ol = {
+}, nl = {
   class: "px-16 flex items-start gap-8"
-}, sl = {
+}, ul = {
   class: "pb-64 hidden xs:block"
-}, rl = {
+}, il = {
   class: "space-y-4"
-}, nl = {
+}, ml = {
   class: "fm-typo-en-body-lg-600"
-}, ul = {
+}, cl = {
   key: 0,
   class: "mr-4"
-}, il = {
+}, dl = {
   class: "text-fm-color-typo-secondary"
-}, Fl = /* @__PURE__ */ he({
+}, kl = /* @__PURE__ */ he({
   __name: "EmployeeList",
-  setup(C, {
-    expose: Q
+  setup(S, {
+    expose: O
   }) {
     const {
       t: u
-    } = Ve(), S = g(), d = ke(), G = ne(), {
-      sessionUser: q
+    } = Ve(), E = g(), d = ke(), q = ne(), {
+      sessionUser: H
     } = be(), i = F(() => d.employees.value), {
       searchKey: f,
-      filter: $
-    } = xe(""), E = F(() => {
+      filter: L
+    } = we(""), R = F(() => {
       var l;
       return (l = i.value) == null ? void 0 : l.filter((t) => {
-        const p = !S.value || t.restaurants.some((V) => S.value.includes(V.restaurantId)), h = !U.value || t.restaurants.some((V) => V.roleId && U.value.includes(V.roleId));
-        return p && h && $([t.code, t.name, `${t.restaurants.map((V) => D(V)).join(" ")}`]);
+        const p = !E.value || t.restaurants.some((V) => E.value.includes(V.restaurantId)), _ = !U.value || t.restaurants.some((V) => V.roleId && U.value.includes(V.roleId));
+        return p && _ && L([t.code, t.name, `${t.restaurants.map((V) => N(V)).join(" ")}`]);
       });
-    }), B = Ge(), D = (l) => {
-      var h;
-      const t = (h = B.value[l.restaurantId]) == null ? void 0 : h.profile.code;
+    }), D = Ke(), N = (l) => {
+      var _;
+      const t = (_ = D.value[l.restaurantId]) == null ? void 0 : _.profile.code;
       let p = l.restaurantName;
       return l.roleName && (p = `${t ? t + " - " : ""}${p} (${l.roleName})`), p;
     }, X = [{
@@ -389,9 +396,9 @@ const qe = { class: "fm-typo-en-title-md-600" }, He = { class: "space-y-40" }, J
       enableSorting: !1,
       cell(l) {
         return l.row.original.restaurants.map((t, p) => {
-          const h = D(t);
+          const _ = N(t);
           return se("div", (p ? `
- ` : "") + h);
+ ` : "") + _);
         });
       }
     }, {
@@ -407,18 +414,18 @@ const qe = { class: "fm-typo-en-title-md-600" }, He = { class: "space-y-40" }, J
       },
       cell: (l) => se("div", {
         class: "w-full flex justify-end items-center"
-      }, [se(we.FmButton, {
+      }, [se(xe.FmButton, {
         prependIcon: "delete",
         variant: De.Tertiary,
         textColor: "neutral-gray-400",
         onClick: (t) => {
-          t.stopPropagation(), P(l.row.original);
+          t.stopPropagation(), T(l.row.original);
         }
       })])
-    }], w = Fe(), s = Le(), R = g(), N = g(), Y = F(() => d.restrictEmployeeIds.value);
-    function H(l) {
+    }], x = Fe(), s = Le(), C = g(), P = g(), Y = F(() => d.restrictEmployeeIds.value);
+    function J(l) {
       const t = Y.value.includes(l._id);
-      return t && w.open({
+      return t && x.open({
         message: u("hr.employee.cannotUpdateMasterUser", {
           name: l.name
         }),
@@ -427,11 +434,11 @@ const qe = { class: "fm-typo-en-title-md-600" }, He = { class: "space-y-40" }, J
     }
     const k = (l) => {
       var p;
-      l && H(l) || (p = N.value) == null || p.trigger(l);
+      l && J(l) || (p = P.value) == null || p.trigger(l);
     }, {
       breakpoints: Z
-    } = Be(), P = (l) => {
-      H(l) || s.open({
+    } = Be(), T = (l) => {
+      J(l) || s.open({
         title: u("hr.employee.remove.title"),
         message: u("hr.employee.remove.message", {
           name: l.name
@@ -447,62 +454,62 @@ const qe = { class: "fm-typo-en-title-md-600" }, He = { class: "space-y-40" }, J
           close: !0
         }
       }).onPrimary(async () => {
-        await (l.isMasterUser ? d.deleteMasterEmployee : d.deleteEmployee)(l).then(() => w.open({
+        await (l.isMasterUser ? d.deleteMasterEmployee : d.deleteEmployee)(l).then(() => x.open({
           message: u("hr.employee.remove.successMessage", {
             name: l.name
           }),
           type: "success"
-        })).catch((h) => w.open({
-          message: h,
+        })).catch((_) => x.open({
+          message: _,
           type: "error"
         })), s.close();
       });
-    }, J = g("");
-    ge(() => R.value && R.value.restaurants, (l) => {
-      l && l.length > 0 && (J.value = "");
+    }, W = g("");
+    _e(() => C.value && C.value.restaurants, (l) => {
+      l && l.length > 0 && (W.value = "");
     });
     function b() {
       var l;
-      (l = N.value) == null || l.trigger();
+      (l = P.value) == null || l.trigger();
     }
-    const T = F(() => ne().roles.value.map((l) => ({
+    const z = F(() => ne().roles.value.map((l) => ({
       label: l.name,
       value: l._id
     }))), U = g();
     async function ee() {
       try {
-        await d.syncUsersMeta(), await d.readEmployees(), w.open({
+        await d.syncUsersMeta(), await d.readEmployees(), x.open({
           message: u("hr.employee.sync.successMessage"),
           type: "success"
         });
       } catch (l) {
-        console.error("Error syncing users:", l), w.open({
+        console.error("Error syncing users:", l), x.open({
           message: u("hr.employee.sync.errorMessage"),
           type: "error"
         });
       }
     }
-    async function z() {
-      G.roles.value.length === 0 && await G.readRoles(), d.employees.value.length === 0 && await d.readEmployees();
+    async function A() {
+      q.roles.value.length === 0 && await q.readRoles(), d.employees.value.length === 0 && await d.readEmployees();
     }
     return Ie(() => {
-      z();
-    }), Q({
+      A();
+    }), O({
       create: b,
-      filteredEmployees: E
+      filteredEmployees: R
     }), (l, t) => {
       var a;
-      const p = v("FmButton"), h = v("FmTooltip"), V = v("FmSearch"), le = v("FmTable"), ae = v("FmListItem"), te = v("FmList");
-      return _(), L(K, null, [n(Xe, {
+      const p = v("FmButton"), _ = v("FmTooltip"), V = v("FmSearch"), le = v("FmTable"), ae = v("FmListItem"), te = v("FmList");
+      return h(), $(G, null, [n(el, {
         ref_key: "employeeFormRef",
-        ref: N,
-        modelValue: R.value,
-        "onUpdate:modelValue": t[0] || (t[0] = (e) => R.value = e),
-        "role-error-message": J.value,
+        ref: P,
+        modelValue: C.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (e) => C.value = e),
+        "role-error-message": W.value,
         class: "gap-8"
-      }, null, 8, ["modelValue", "role-error-message"]), c("div", Ye, [c("div", Ze, [c("div", el, [n(o(me), {
-        modelValue: S.value,
-        "onUpdate:modelValue": t[1] || (t[1] = (e) => S.value = e),
+      }, null, 8, ["modelValue", "role-error-message"]), c("div", ll, [c("div", al, [c("div", tl, [n(o(me), {
+        modelValue: E.value,
+        "onUpdate:modelValue": t[1] || (t[1] = (e) => E.value = e),
         "managable-only": !1,
         multiple: "",
         variant: "dark",
@@ -512,10 +519,10 @@ const qe = { class: "fm-typo-en-title-md-600" }, He = { class: "space-y-40" }, J
         "onUpdate:modelValue": t[2] || (t[2] = (e) => U.value = e),
         multiple: "",
         variant: "dark",
-        items: T.value,
+        items: z.value,
         "selected-prefix": o(u)("hr.employee.filter.selected_role_prefix"),
         placeholder: o(u)("hr.employee.filter.role_placeholder")
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])]), c("div", ll, [(a = o(q)) != null && a.role.isAdmin ? (_(), O(h, {
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])]), c("div", ol, [(a = o(H)) != null && a.role.isAdmin ? (h(), B(_, {
         key: 0,
         content: o(u)("hr.employee.sync.tooltip")
       }, {
@@ -526,20 +533,20 @@ const qe = { class: "fm-typo-en-title-md-600" }, He = { class: "space-y-40" }, J
           onClick: ee
         }, null, 8, ["label"])]),
         _: 1
-      }, 8, ["content"])) : W("", !0), n(V, {
+      }, 8, ["content"])) : Q("", !0), n(V, {
         modelValue: o(f),
         "onUpdate:modelValue": t[3] || (t[3] = (e) => re(f) ? f.value = e : null),
         autofocus: "",
         class: "pl-4 w-[320px]",
         placeholder: o(u)("hr.employee.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])])]), c("div", al, [c("div", tl, [n(V, {
+      }, null, 8, ["modelValue", "placeholder"])])]), c("div", sl, [c("div", rl, [n(V, {
         modelValue: o(f),
         "onUpdate:modelValue": t[4] || (t[4] = (e) => re(f) ? f.value = e : null),
         autofocus: "",
         placeholder: o(u)("hr.employee.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])]), n(Pe), c("div", ol, [n(o(me), {
-        modelValue: S.value,
-        "onUpdate:modelValue": t[5] || (t[5] = (e) => S.value = e),
+      }, null, 8, ["modelValue", "placeholder"])]), n(Je), c("div", nl, [n(o(me), {
+        modelValue: E.value,
+        "onUpdate:modelValue": t[5] || (t[5] = (e) => E.value = e),
         "managable-only": !1,
         multiple: "",
         variant: "dark",
@@ -548,46 +555,46 @@ const qe = { class: "fm-typo-en-title-md-600" }, He = { class: "space-y-40" }, J
         modelValue: U.value,
         "onUpdate:modelValue": t[6] || (t[6] = (e) => U.value = e),
         multiple: "",
-        items: T.value,
+        items: z.value,
         variant: "dark",
         "selected-prefix": o(u)("hr.employee.filter.selected_role_prefix"),
         placeholder: o(u)("hr.employee.filter.role_placeholder")
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])]), o(d).employees.value.length > 0 || o(d).isLoading.value ? (_(), O(Ne, {
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])]), o(d).employees.value.length > 0 || o(d).isLoading.value ? (h(), B(Pe, {
         key: 0,
         class: "overflow-auto"
       }, {
         default: y(() => [n(le, {
           class: "xs:hidden",
           "column-defs": X,
-          "row-data": E.value,
-          "page-size": E.value.length,
+          "row-data": R.value,
+          "page-size": R.value.length,
           loading: o(d).isLoading.value,
-          virtual: E.value.length > 0,
+          virtual: R.value.length > 0,
           "pin-header-row": "",
           "hide-footer": "",
           onRowClick: t[7] || (t[7] = (e) => k(e.original))
-        }, null, 8, ["row-data", "page-size", "loading", "virtual"]), c("div", sl, [n(te, {
+        }, null, 8, ["row-data", "page-size", "loading", "virtual"]), c("div", ul, [n(te, {
           separator: ""
         }, {
-          default: y(() => [(_(!0), L(K, null, _e(E.value, (e) => (_(), O(ae, {
+          default: y(() => [(h(!0), $(G, null, ge(R.value, (e) => (h(), B(ae, {
             key: e._id,
             class: "py-12 px-16 items-center justify-between",
             onClick: (m) => k(e)
           }, {
-            default: y(() => [c("div", rl, [c("p", nl, [e.code ? (_(), L("span", ul, j(e.code) + ".", 1)) : W("", !0), $e(j(e.name), 1)]), c("div", il, [c("p", null, j(o(u)("hr.employee.restaurants", {
-              restaurants: e.restaurants.map((m) => D(m)).join(", ")
-            })), 1), c("p", null, " Since: " + j(e.since), 1)])]), n(p, {
+            default: y(() => [c("div", il, [c("p", ml, [e.code ? (h(), $("span", cl, K(e.code) + ".", 1)) : Q("", !0), $e(K(e.name), 1)]), c("div", dl, [c("p", null, K(o(u)("hr.employee.restaurants", {
+              restaurants: e.restaurants.map((m) => N(m)).join(", ")
+            })), 1), c("p", null, " Since: " + K(e.since), 1)])]), n(p, {
               icon: "delete",
               variant: "tertiary",
               "text-color": "neutral-gray-400",
-              onClick: Oe((m) => P(e), ["stop"])
+              onClick: Oe((m) => T(e), ["stop"])
             }, null, 8, ["onClick"])]),
             _: 2
           }, 1032, ["onClick"]))), 128))]),
           _: 1
         })])]),
         _: 1
-      })) : (_(), O(o(ze), {
+      })) : (h(), B(o(Te), {
         key: 1,
         title: o(u)("hr.employee.noData.title"),
         subtitle: o(u)("hr.employee.noData.subtitle")
@@ -596,5 +603,5 @@ const qe = { class: "fm-typo-en-title-md-600" }, He = { class: "space-y-40" }, J
   }
 });
 export {
-  Fl as default
+  kl as default
 };