@feedmepos/mf-hrm-portal 2.0.20-dev.2 → 2.0.20-dev.4

package/dist/{EmployeeList-Cs-Mn6UA.js → EmployeeList-faGmAgin.js}

@@ -1,18 +1,18 @@
-import { toRaw as Te, defineComponent as $e, ref as v, computed as E, watch as X, resolveComponent as g, createElementBlock as A, openBlock as h, Fragment as ce, renderSlot as je, createVNode as n, unref as o, withCtx as b, createElementVNode as m, createBlock as j, createCommentVNode as G, toDisplayString as K, renderList as Me, withKeys as Ee, withModifiers as ee, normalizeClass as Le, onUnmounted as Ge, isRef as ke, createTextVNode as qe, h as ie } from "vue";
+import { toRaw as Te, defineComponent as $e, ref as v, computed as k, watch as X, resolveComponent as g, createElementBlock as P, openBlock as h, Fragment as de, renderSlot as je, createVNode as n, unref as o, withCtx as b, createElementVNode as m, createBlock as j, createCommentVNode as G, toDisplayString as K, renderList as Me, withKeys as ke, withModifiers as ee, normalizeClass as Le, onUnmounted as Ge, isRef as Ee, createTextVNode as qe, h as ue } from "vue";
 import { useI18n as Ae, useCoreStore as He } from "@feedmepos/mf-common";
 import { useSnackbar as Pe, components as De, useDialog as Je, useBreakpoints as We } from "@feedmepos/ui-library";
-import { S as de, _ as Qe } from "./SelectFilter-DUj7GBtT.js";
-import { _ as Ye, a as Ze } from "./app-CLL3p27X.js";
+import { S as ce, _ as Qe } from "./SelectFilter-DUj7GBtT.js";
+import { _ as Ye, a as Ze } from "./app-C6YPb0ie.js";
 import { _ as Fe, u as Xe, H as ea } from "./FormItem.vue_vue_type_script_setup_true_lang-D3MOFOUI.js";
 import { u as aa, _ as ta } from "./useDiscardConfirm-DPhEV6v0.js";
 import { _ as la } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
 import { u as sa, _ as Ve } from "./useDebounce-CWb5QR9G.js";
-import { u as Ne, E as oa } from "./employee-BpRvjWNh.js";
-import { u as Oe } from "./iteration-BVjUzYL5.js";
-import { l as ra } from "./lodash-CrwgACp2.js";
+import { u as Ne, E as oa } from "./employee-CgQNP7Yg.js";
+import { u as ze } from "./iteration-DK5wFKKW.js";
+import { l as ra } from "./lodash-D2og8lPS.js";
 import { _ as Se } from "./FormSection.vue_vue_type_script_setup_true_lang-DknXTYiK.js";
-import { u as ze } from "./useLoading-AFTjRLyO.js";
-import { u as we } from "./useAppStore-DMAL8VFY.js";
+import { u as Oe } from "./useLoading-RPOCpcNO.js";
+import { u as we } from "./useAppStore-BvpZCRgH.js";
 /* empty css                                                                      */
 function Ce(B) {
   return JSON.parse(JSON.stringify(B));
@@ -26,7 +26,7 @@ function Re(B) {
     return Ce(B);
   }
 }
-const na = { class: "fm-typo-en-title-md-600" }, ua = { class: "space-y-40" }, ia = { class: "flex flex-row gap-16" }, da = { class: "space-y-16" }, ca = { class: "rounded-lg border border-fm-color-neutral-gray-200 p-16 space-y-16" }, ma = { class: "fm-typo-en-title-sm-600" }, pa = { class: "space-y-16" }, fa = { class: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto] gap-16" }, va = { class: "text-sm font-semibold text-fm-color-typo-primary" }, ya = { class: "text-sm font-semibold text-fm-color-typo-primary" }, ha = { class: "flex justify-self-end" }, ga = ["tabindex", "aria-disabled", "aria-label", "onClick", "onKeydown"], _a = { class: "flex gap-8 items-center justify-start" }, Ue = 4, ba = /* @__PURE__ */ $e({
+const na = { class: "flex w-full items-center justify-between" }, ia = { class: "fm-typo-en-title-md-600" }, ua = { class: "space-y-40" }, ca = { class: "flex flex-row gap-16" }, da = { class: "space-y-16" }, ma = { class: "rounded-lg border border-fm-color-neutral-gray-200 p-16 space-y-16" }, pa = { class: "fm-typo-en-title-sm-600" }, fa = { class: "space-y-16" }, va = { class: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto] gap-16" }, ya = { class: "text-sm font-semibold text-fm-color-typo-primary" }, ha = { class: "text-sm font-semibold text-fm-color-typo-primary" }, ga = { class: "flex justify-self-end" }, _a = ["tabindex", "aria-disabled", "aria-label", "onClick", "onKeydown"], ba = { class: "flex gap-8 items-center justify-start" }, Ue = 4, wa = /* @__PURE__ */ $e({
   __name: "EmployeeForm",
   props: {
     roleErrorMessage: {
@@ -35,8 +35,8 @@ const na = { class: "fm-typo-en-title-md-600" }, ua = { class: "space-y-40" }, i
     }
   },
   emits: ["submitted"],
-  setup(B, { expose: me, emit: u }) {
-    const k = we(), f = Oe(), R = Ne(), pe = Pe(), P = ze(pe), fe = u, { t: d } = Ae(), U = v(!1), D = v(!0);
+  setup(B, { expose: me, emit: i }) {
+    const E = we(), f = ze(), R = Ne(), pe = Pe(), D = Oe(pe), fe = i, { t: c } = Ae(), U = v(!1), N = v(!0);
     function T() {
       return {
         restaurantId: "",
@@ -51,14 +51,14 @@ const na = { class: "fm-typo-en-title-md-600" }, ua = { class: "space-y-40" }, i
         isMasterUser: t.isMasterUser ?? !1,
         name: t.name ?? "",
         passcode: t.passcode ?? "",
-        restaurants: t.restaurants.length > 0 ? t.restaurants.map(({ restaurantId: c, roleId: y }) => ({
-          restaurantId: c,
+        restaurants: t.restaurants.length > 0 ? t.restaurants.map(({ restaurantId: d, roleId: y }) => ({
+          restaurantId: d,
           roleId: y
         })) : [T()]
       };
     }
     const ae = (r) => {
-      s.value = ve(r), F.value = Re(s.value), te.value = r == null ? void 0 : r._id, S.value = [], s.value.passcode && (S.value = s.value.passcode.split(""), M.value = !0), D.value = !r, U.value = !0;
+      s.value = ve(r), F.value = Re(s.value), te.value = r == null ? void 0 : r._id, S.value = [], s.value.passcode && (S.value = s.value.passcode.split(""), M.value = !0), N.value = !r, U.value = !0;
     };
     function w() {
       return {
@@ -69,33 +69,33 @@ const na = { class: "fm-typo-en-title-md-600" }, ua = { class: "space-y-40" }, i
         restaurants: [T()]
       };
     }
-    const q = E(() => D.value ? d("hr.employee.form.add") : d("hr.employee.form.update")), H = E(() => D.value ? d("common.create") : d("common.update")), F = v(w()), s = v(w()), te = v(void 0), N = E(
+    const q = k(() => N.value ? c("hr.employee.form.add") : c("hr.employee.form.update")), H = k(() => N.value ? c("common.create") : c("common.update")), F = v(w()), s = v(w()), te = v(void 0), z = k(
       () => s.value.restaurants.map((r) => r.restaurantId).filter(Boolean)
     );
     function V(r) {
       var t;
-      return r ? !((t = f.restaurants.value.find((c) => c._id === r)) != null && t.managable) : !1;
+      return r ? !((t = f.restaurants.value.find((d) => d._id === r)) != null && t.managable) : !1;
     }
     function le(r = "") {
       return f.restaurants.value.filter((t) => t.managable || t._id === r).map((t) => ({
         label: `${t.profile.code ? `${t.profile.code} - ` : ""}${t.profile.name}`,
         value: t._id,
-        disabled: N.value.includes(t._id) && t._id !== r
+        disabled: z.value.includes(t._id) && t._id !== r
       }));
     }
     function se(r, t = "") {
-      return r ? k.roles.value.filter((c) => c.restaurants.some((y) => y.id == r)).map((c) => ({
-        label: c.name,
-        value: c._id,
-        disabled: !c.isUsable && c._id !== t
+      return r ? E.roles.value.filter((d) => d.restaurants.some((y) => y.id == r)).map((d) => ({
+        label: d.name,
+        value: d._id,
+        disabled: !d.isUsable && d._id !== t
       })) : [];
     }
     function ye(r, t) {
-      var _, C, L;
-      const c = ((_ = s.value.restaurants[r]) == null ? void 0 : _.roleId) ?? "", y = se(t, c), x = ((C = y.find((z) => z.value === c && !z.disabled)) == null ? void 0 : C.value) ?? ((L = y.find((z) => !z.disabled)) == null ? void 0 : L.value) ?? "";
+      var x, C, L;
+      const d = ((x = s.value.restaurants[r]) == null ? void 0 : x.roleId) ?? "", y = se(t, d), _ = ((C = y.find((A) => A.value === d && !A.disabled)) == null ? void 0 : C.value) ?? ((L = y.find((A) => !A.disabled)) == null ? void 0 : L.value) ?? "";
       s.value.restaurants[r] = {
         restaurantId: t,
-        roleId: x
+        roleId: _
       };
     }
     function he(r, t) {
@@ -108,23 +108,23 @@ const na = { class: "fm-typo-en-title-md-600" }, ua = { class: "space-y-40" }, i
       ];
     }
     function $(r) {
-      var c;
-      const t = ((c = s.value.restaurants[r]) == null ? void 0 : c.restaurantId) ?? "";
+      var d;
+      const t = ((d = s.value.restaurants[r]) == null ? void 0 : d.restaurantId) ?? "";
       if (!V(t)) {
         if (s.value.restaurants.length === 1) {
           s.value.restaurants = [T()];
           return;
         }
         s.value.restaurants = s.value.restaurants.filter(
-          (y, x) => x !== r
+          (y, _) => _ !== r
         );
       }
     }
-    const oe = E(() => {
+    const oe = k(() => {
       const r = f.restaurants.value.some(
-        (c) => c.managable && !N.value.includes(c._id)
+        (d) => d.managable && !z.value.includes(d._id)
       ), t = s.value.restaurants.every(
-        (c) => c.restaurantId && c.roleId
+        (d) => d.restaurantId && d.roleId
       );
       return r && t;
     }), S = v([]), M = v(!1);
@@ -159,51 +159,51 @@ const na = { class: "fm-typo-en-title-md-600" }, ua = { class: "space-y-40" }, i
       s.value.isMasterUser ? await R.createMasterEmployee(r) : (delete r.user.code, await R.createEmployee(r));
     }
     async function ne() {
-      var y, x;
-      const r = F.value, t = te.value, c = {
+      var y, _;
+      const r = F.value, t = te.value, d = {
         user: {
           name: s.value.name,
           passcode: s.value.passcode
         },
         roles: s.value.restaurants,
-        previousRoles: (y = r.restaurants) == null ? void 0 : y.map((_) => ({
-          restaurantId: _.restaurantId,
-          roleId: _.roleId
+        previousRoles: (y = r.restaurants) == null ? void 0 : y.map((x) => ({
+          restaurantId: x.restaurantId,
+          roleId: x.roleId
         }))
       };
       if (!s.value.isMasterUser)
-        await R.updateEmployee(t, c);
+        await R.updateEmployee(t, d);
       else {
-        const _ = {
+        const x = {
           user: {
             name: s.value.name,
             passcode: s.value.passcode,
             code: s.value.code
           },
           roles: s.value.restaurants,
-          previousRoles: (x = r.restaurants) == null ? void 0 : x.map((C) => ({
+          previousRoles: (_ = r.restaurants) == null ? void 0 : _.map((C) => ({
             restaurantId: C.restaurantId,
             roleId: C.roleId
           }))
         };
-        F.value.isMasterUser ? await R.updateMasterEmployee(t, _) : await R.migrateToMasterUser(t, _);
+        F.value.isMasterUser ? await R.updateMasterEmployee(t, x) : await R.migrateToMasterUser(t, x);
       }
     }
     async function _e() {
-      D.value ? await P.minor(
+      N.value ? await D.minor(
         async () => {
           await re();
         },
         {
-          successMessage: d("hr.employee.create.successMessage"),
+          successMessage: c("hr.employee.create.successMessage"),
           isLoading: O
         }
-      ) : await P.minor(
+      ) : await D.minor(
         async () => {
           await ne();
         },
         {
-          successMessage: d("hr.employee.update.successMessage"),
+          successMessage: c("hr.employee.update.successMessage"),
           isLoading: O
         }
       ), fe("submitted"), U.value = !1;
@@ -216,8 +216,8 @@ const na = { class: "fm-typo-en-title-md-600" }, ua = { class: "space-y-40" }, i
       show: U,
       trigger: ae
     }), (r, t) => {
-      const c = g("FmSwitch"), y = g("FmTextField"), x = g("FmPinField"), _ = g("FmFormGroup"), C = g("FmButton"), L = g("FmSelect"), z = g("FmIcon"), e = g("fm-button"), l = g("fm-side-sheet");
-      return h(), A(ce, null, [
+      const d = g("FmIcon"), y = g("FmSwitch"), _ = g("FmTextField"), x = g("FmPinField"), C = g("FmFormGroup"), L = g("FmButton"), A = g("FmSelect"), e = g("fm-button"), l = g("fm-side-sheet");
+      return h(), P(de, null, [
         je(r.$slots, "default", { trigger: ae }),
         n(l, {
           id: "unit-form",
@@ -228,14 +228,22 @@ const na = { class: "fm-typo-en-title-md-600" }, ua = { class: "space-y-40" }, i
             blameFormChildOnValidationFailed: !0
           },
           "max-width": 960,
-          "onOn:clickedAway": o(Q),
-          "onOn:close": o(Q)
+          "close-button": !1,
+          "onOn:clickedAway": o(Q)
         }, {
           "side-sheet-header": b(() => [
-            m("p", na, K(q.value), 1)
+            m("div", na, [
+              m("p", ia, K(q.value), 1),
+              n(d, {
+                name: "close",
+                size: "md",
+                class: "cursor-pointer",
+                onClick: o(Q)
+              }, null, 8, ["onClick"])
+            ])
           ]),
           "side-sheet-footer": b(() => [
-            m("div", _a, [
+            m("div", ba, [
               n(e, {
                 label: H.value,
                 size: "lg",
@@ -244,7 +252,7 @@ const na = { class: "fm-typo-en-title-md-600" }, ua = { class: "space-y-40" }, i
                 disabled: O.value
               }, null, 8, ["label", "disabled"]),
               n(e, {
-                label: o(d)("common.cancel"),
+                label: o(c)("common.cancel"),
                 size: "lg",
                 variant: "tertiary",
                 disabled: O.value,
@@ -255,49 +263,49 @@ const na = { class: "fm-typo-en-title-md-600" }, ua = { class: "space-y-40" }, i
           default: b(() => [
             m("div", ua, [
               n(Se, {
-                title: o(d)("hr.employee.form.employeeSetting")
+                title: o(c)("hr.employee.form.employeeSetting")
               }, {
                 default: b(() => [
                   n(Fe, {
-                    label: o(d)("hr.employee.form.masterUserConfig")
+                    label: o(c)("hr.employee.form.masterUserConfig")
                   }, {
                     default: b(() => [
-                      n(c, {
+                      n(y, {
                         modelValue: s.value.isMasterUser,
                         "onUpdate:modelValue": t[0] || (t[0] = (a) => s.value.isMasterUser = a),
                         value: "masterUser",
-                        label: o(d)("hr.employee.form.masterUser"),
-                        sublabel: o(d)("hr.employee.form.masterUserSublabel"),
+                        label: o(c)("hr.employee.form.masterUser"),
+                        sublabel: o(c)("hr.employee.form.masterUserSublabel"),
                         "label-placement": "right"
                       }, null, 8, ["modelValue", "label", "sublabel"])
                     ]),
                     _: 1
                   }, 8, ["label"]),
-                  m("div", ia, [
-                    s.value.isMasterUser ? (h(), j(y, {
+                  m("div", ca, [
+                    s.value.isMasterUser ? (h(), j(_, {
                       key: 0,
                       modelValue: s.value.code,
                       "onUpdate:modelValue": t[1] || (t[1] = (a) => s.value.code = a),
-                      label: o(d)("hr.employee.form.code")
+                      label: o(c)("hr.employee.form.code")
                     }, null, 8, ["modelValue", "label"])) : G("", !0),
-                    n(y, {
+                    n(_, {
                       modelValue: s.value.name,
                       "onUpdate:modelValue": t[2] || (t[2] = (a) => s.value.name = a),
                       class: "w-full",
-                      label: o(d)("hr.employee.form.name"),
-                      rules: [(a) => !!a || o(d)("hr.employee.form.required")]
+                      label: o(c)("hr.employee.form.name"),
+                      rules: [(a) => !!a || o(c)("hr.employee.form.required")]
                     }, null, 8, ["modelValue", "label", "rules"])
                   ]),
                   n(Fe, {
-                    label: o(d)("hr.employee.form.passcode")
+                    label: o(c)("hr.employee.form.passcode")
                   }, {
                     default: b(() => [
                       m("div", da, [
-                        n(_, {
+                        n(C, {
                           modelValue: S.value,
                           "onUpdate:modelValue": t[5] || (t[5] = (a) => S.value = a),
                           rules: [
-                            (a) => (a == null ? void 0 : a.filter((i) => !!i).length) !== Ue ? o(d)("hr.employee.form.passcodeRequired") : !0
+                            (a) => (a == null ? void 0 : a.filter((u) => !!u).length) !== Ue ? o(c)("hr.employee.form.passcodeRequired") : !0
                           ]
                         }, {
                           default: b(() => [
@@ -312,11 +320,11 @@ const na = { class: "fm-typo-en-title-md-600" }, ua = { class: "space-y-40" }, i
                           ]),
                           _: 1
                         }, 8, ["modelValue", "rules"]),
-                        n(C, {
+                        n(L, {
                           variant: "secondary",
                           "text-color": "primary",
                           "border-color": "primary",
-                          label: o(d)("hr.employee.form.passcodeGenerate"),
+                          label: o(c)("hr.employee.form.passcodeGenerate"),
                           size: "md",
                           loading: W.value,
                           onClick: Z
@@ -330,48 +338,48 @@ const na = { class: "fm-typo-en-title-md-600" }, ua = { class: "space-y-40" }, i
               }, 8, ["title"]),
               n(Se, null, {
                 default: b(() => [
-                  n(_, {
+                  n(C, {
                     modelValue: s.value.restaurants,
                     "onUpdate:modelValue": t[6] || (t[6] = (a) => s.value.restaurants = a),
                     tag: "div",
                     rules: [
-                      (a) => a.length > 0 || o(d)("hr.employee.form.atLeastOneRestaurant"),
-                      (a) => a.every((i) => i.restaurantId && i.roleId) || o(d)("hr.employee.form.roleRequired")
+                      (a) => a.length > 0 || o(c)("hr.employee.form.atLeastOneRestaurant"),
+                      (a) => a.every((u) => u.restaurantId && u.roleId) || o(c)("hr.employee.form.roleRequired")
                     ]
                   }, {
                     default: b(() => [
-                      m("div", ca, [
-                        m("div", ma, K(o(d)("hr.employee.form.assignmentSection")), 1),
-                        m("div", pa, [
-                          m("div", fa, [
-                            m("div", va, K(o(d)("hr.employee.columns.restaurants")), 1),
-                            m("div", ya, K(o(d)("hr.employee.form.role")), 1),
+                      m("div", ma, [
+                        m("div", pa, K(o(c)("hr.employee.form.assignmentSection")), 1),
+                        m("div", fa, [
+                          m("div", va, [
+                            m("div", ya, K(o(c)("hr.employee.columns.restaurants")), 1),
+                            m("div", ha, K(o(c)("hr.employee.form.role")), 1),
                             t[7] || (t[7] = m("div", null, null, -1))
                           ]),
-                          (h(!0), A(ce, null, Me(s.value.restaurants, (a, i) => (h(), A("div", {
-                            key: `${a.restaurantId || "new"}-${i}`,
+                          (h(!0), P(de, null, Me(s.value.restaurants, (a, u) => (h(), P("div", {
+                            key: `${a.restaurantId || "new"}-${u}`,
                             class: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto] items-center gap-16"
                           }, [
-                            n(L, {
+                            n(A, {
                               class: "min-w-0",
                               "model-value": a.restaurantId,
                               items: le(a.restaurantId),
                               multiselect: !1,
-                              placeholder: o(d)("hr.employee.columns.restaurants"),
+                              placeholder: o(c)("hr.employee.columns.restaurants"),
                               disabled: V(a.restaurantId),
-                              "onUpdate:modelValue": (I) => ye(i, I)
+                              "onUpdate:modelValue": (I) => ye(u, I)
                             }, null, 8, ["model-value", "items", "placeholder", "disabled", "onUpdate:modelValue"]),
-                            n(L, {
+                            n(A, {
                               class: "min-w-0",
                               "model-value": a.roleId,
                               items: se(a.restaurantId, a.roleId),
                               multiselect: !1,
-                              placeholder: o(d)("hr.employee.form.role"),
+                              placeholder: o(c)("hr.employee.form.role"),
                               disabled: !a.restaurantId || V(a.restaurantId),
-                              "onUpdate:modelValue": (I) => he(i, I)
+                              "onUpdate:modelValue": (I) => he(u, I)
                             }, null, 8, ["model-value", "items", "placeholder", "disabled", "onUpdate:modelValue"]),
-                            m("div", ha, [
-                              s.value.restaurants.length > 1 ? (h(), A("div", {
+                            m("div", ga, [
+                              s.value.restaurants.length > 1 ? (h(), P("div", {
                                 key: 0,
                                 role: "button",
                                 tabindex: V(a.restaurantId) ? -1 : 0,
@@ -380,28 +388,28 @@ const na = { class: "fm-typo-en-title-md-600" }, ua = { class: "space-y-40" }, i
                                   "cursor-pointer": !V(a.restaurantId),
                                   "pointer-events-none": V(a.restaurantId)
                                 }]),
-                                "aria-label": o(d)("common.remove"),
-                                onClick: ee((I) => $(i), ["stop"]),
+                                "aria-label": o(c)("common.remove"),
+                                onClick: ee((I) => $(u), ["stop"]),
                                 onKeydown: [
-                                  Ee(ee((I) => $(i), ["prevent", "stop"]), ["enter"]),
-                                  Ee(ee((I) => $(i), ["prevent", "stop"]), ["space"])
+                                  ke(ee((I) => $(u), ["prevent", "stop"]), ["enter"]),
+                                  ke(ee((I) => $(u), ["prevent", "stop"]), ["space"])
                                 ]
                               }, [
-                                n(z, {
+                                n(d, {
                                   name: "delete",
                                   size: "md"
                                 })
-                              ], 42, ga)) : G("", !0)
+                              ], 42, _a)) : G("", !0)
                             ])
                           ]))), 128))
                         ]),
-                        n(C, {
+                        n(L, {
                           type: "button",
                           variant: "secondary",
                           "text-color": "primary",
                           "border-color": "primary",
                           "prepend-icon": "add",
-                          label: o(d)("hr.employee.form.addAnother"),
+                          label: o(c)("hr.employee.form.addAnother"),
                           size: "md",
                           disabled: !oe.value,
                           onClick: ee(ge, ["stop"])
@@ -416,91 +424,91 @@ const na = { class: "fm-typo-en-title-md-600" }, ua = { class: "space-y-40" }, i
             ])
           ]),
           _: 1
-        }, 8, ["model-value", "is-container", "is-container-props", "onOn:clickedAway", "onOn:close"])
+        }, 8, ["model-value", "is-container", "is-container-props", "onOn:clickedAway"])
       ], 64);
     };
   }
-}), wa = {
+}), xa = {
   class: "space-y-8"
-}, xa = {
+}, Ia = {
   key: 0,
   class: "flex w-full items-start justify-between"
-}, Ia = {
+}, ka = {
   class: "flex items-start gap-8"
 }, Ea = {
   class: "flex"
-}, ka = {
+}, Fa = {
   key: 1,
   class: "space-y-4"
-}, Fa = {
-  class: "px-16"
 }, Va = {
-  class: "px-16 flex items-start gap-8"
+  class: "px-16"
 }, Sa = {
-  class: "flex h-full flex-col overflow-auto"
+  class: "px-16 flex items-start gap-8"
 }, Ca = {
-  class: "pb-64 sm:hidden md:hidden lg:hidden"
+  class: "flex h-full flex-col overflow-auto"
 }, Ra = {
-  class: "space-y-4"
+  class: "pb-64 sm:hidden md:hidden lg:hidden"
 }, Ua = {
-  class: "fm-typo-en-body-lg-600"
+  class: "space-y-4"
 }, $a = {
+  class: "fm-typo-en-body-lg-600"
+}, Ma = {
   key: 0,
   class: "mr-4"
-}, Ma = {
+}, La = {
   class: "text-fm-color-typo-secondary"
-}, Y = 200, La = /* @__PURE__ */ $e({
+}, Y = 200, Aa = /* @__PURE__ */ $e({
   __name: "EmployeeList",
   setup(B, {
     expose: me
   }) {
     const {
-      t: u
-    } = Ae(), k = v(), f = Ne(), R = Oe(), pe = He(), {
-      currentBusiness: P,
+      t: i
+    } = Ae(), E = v(), f = Ne(), R = ze(), pe = He(), {
+      currentBusiness: D,
       sessionUser: fe
-    } = pe, d = we(), U = E(() => R.isLoading.value), D = v(d.roles.value.length === 0);
+    } = pe, c = we(), U = k(() => R.isLoading.value), N = v(c.roles.value.length === 0);
     X(R.restaurants, (e) => {
       if (e.length > 0 && f.listEmployees.value.length > 0) {
         const l = new Map(e.map((a) => [a._id, a]));
         f.listEmployees.value = f.listEmployees.value.map((a) => ({
           ...a,
-          restaurants: a.restaurants.map((i) => {
-            var I, ue;
+          restaurants: a.restaurants.map((u) => {
+            var I, ie;
             return {
-              ...i,
-              restaurantName: ((I = l.get(i.restaurantId)) == null ? void 0 : I.profile.name) || i.restaurantName,
-              restaurantCode: ((ue = l.get(i.restaurantId)) == null ? void 0 : ue.profile.code) ?? void 0
+              ...u,
+              restaurantName: ((I = l.get(u.restaurantId)) == null ? void 0 : I.profile.name) || u.restaurantName,
+              restaurantCode: ((ie = l.get(u.restaurantId)) == null ? void 0 : ie.profile.code) ?? void 0
             };
           })
         }));
       }
     });
-    const T = E(() => R.restaurants.value.map((e) => ({
+    const T = k(() => R.restaurants.value.map((e) => ({
       label: `${e.profile.code ? `${e.profile.code} - ` : ""}${e.profile.name}`,
       value: e._id
-    }))), ve = X(d.roles, (e) => {
+    }))), ve = X(c.roles, (e) => {
       if (e.length > 0) {
-        if (D.value = !1, f.listEmployees.value.length > 0) {
+        if (N.value = !1, f.listEmployees.value.length > 0) {
           const l = new Map(e.map((a) => [a._id, a.name]));
           f.listEmployees.value = f.listEmployees.value.map((a) => ({
             ...a,
-            restaurants: a.restaurants.map((i) => ({
-              ...i,
-              roleName: l.get(i.roleId) || i.roleName
+            restaurants: a.restaurants.map((u) => ({
+              ...u,
+              roleName: l.get(u.roleId) || u.roleName
             }))
           }));
         }
         ve();
       }
-    }), ae = E(() => f.listEmployees.value), {
+    }), ae = k(() => f.listEmployees.value), {
       searchKey: w
-    } = Xe(), q = v(""), H = E(() => ae.value), F = E(() => f.totalEmployees.value), s = v(1), te = E(() => f.isLoading.value), N = v(!1), V = E(() => {
+    } = Xe(), q = v(""), H = k(() => ae.value), F = k(() => f.totalEmployees.value), s = v(1), te = k(() => f.isLoading.value), z = v(!1), V = k(() => {
       var e;
       return JSON.stringify({
-        businessId: ((e = P.value) == null ? void 0 : e._id) ?? "",
+        businessId: ((e = D.value) == null ? void 0 : e._id) ?? "",
         search: q.value.trim(),
-        restaurantIds: [...k.value ?? []].sort(),
+        restaurantIds: [...E.value ?? []].sort(),
         roleIds: [...t.value ?? []].sort()
       });
     }), le = (e) => {
@@ -509,10 +517,10 @@ const na = { class: "fm-typo-en-title-md-600" }, ua = { class: "space-y-40" }, i
     }, se = (e) => e.roleName || "-";
     function ye(e) {
       return [{
-        label: u("hr.employee.form.update"),
+        label: i("hr.employee.form.update"),
         onClick: () => Z(e)
       }, {
-        label: u("hr.employee.remove.title"),
+        label: i("hr.employee.remove.title"),
         onClick: () => re(e),
         itemClass: "text-fm-color-typo-error"
       }];
@@ -530,10 +538,10 @@ const na = { class: "fm-typo-en-title-md-600" }, ua = { class: "space-y-40" }, i
     }, null)]), ge = [{
       accessorKey: "code",
       size: 100,
-      header: () => u("hr.employee.columns.code")
+      header: () => i("hr.employee.columns.code")
     }, {
       accessorKey: "name",
-      header: () => u("hr.employee.columns.name"),
+      header: () => i("hr.employee.columns.name"),
       enableSorting: !1,
       cell(e) {
         const l = e.row.original;
@@ -550,36 +558,36 @@ const na = { class: "fm-typo-en-title-md-600" }, ua = { class: "space-y-40" }, i
     }, {
       accessorKey: "restaurants",
       align: "center",
-      header: () => u("hr.employee.columns.restaurants"),
+      header: () => i("hr.employee.columns.restaurants"),
       enableSorting: !1,
       cell(e) {
-        return U.value || D.value ? ie(Ve) : e.row.original.restaurants.map((l, a) => {
-          const i = le(l);
-          return ie("div", {
+        return U.value || N.value ? ue(Ve) : e.row.original.restaurants.map((l, a) => {
+          const u = le(l);
+          return ue("div", {
             key: l.restaurantId || a
           }, (a ? `
- ` : "") + i);
+ ` : "") + u);
         });
       }
     }, {
       accessorKey: "assignedRole",
       align: "center",
-      header: () => u("hr.employee.columns.assignedRole"),
+      header: () => i("hr.employee.columns.assignedRole"),
       enableSorting: !1,
       cell(e) {
-        return U.value || D.value ? ie(Ve, {
+        return U.value || N.value ? ue(Ve, {
           width: "120px"
         }) : e.row.original.restaurants.map((l, a) => {
-          const i = se(l);
-          return ie("div", {
+          const u = se(l);
+          return ue("div", {
             key: l.restaurantId || a
           }, (a ? `
- ` : "") + i);
+ ` : "") + u);
         });
       }
     }, {
       accessorKey: "since",
-      header: () => u("hr.employee.columns.since"),
+      header: () => i("hr.employee.columns.since"),
       enableSorting: !1
     }, {
       id: "action",
@@ -594,11 +602,11 @@ const na = { class: "fm-typo-en-title-md-600" }, ua = { class: "space-y-40" }, i
           className: "flex w-full items-center justify-end"
         });
       }
-    }], $ = Pe(), oe = Je(), S = ze($), M = v(!1), J = v(), O = v();
+    }], $ = Pe(), oe = Je(), S = Oe($), M = v(!1), J = v(), O = v();
     function W(e) {
       const l = e.isRestricted;
       return l && $.open({
-        message: u("hr.employee.cannotUpdateMasterUser", {
+        message: i("hr.employee.cannotUpdateMasterUser", {
           name: e.name
         }),
         type: "error"
@@ -611,29 +619,29 @@ const na = { class: "fm-typo-en-title-md-600" }, ua = { class: "space-y-40" }, i
       breakpoints: Q
     } = We(), re = (e) => {
       W(e) || oe.open({
-        title: u("hr.employee.remove.title"),
-        message: u("hr.employee.remove.message", {
+        title: i("hr.employee.remove.title"),
+        message: i("hr.employee.remove.message", {
           name: e.name
         }),
         minWidth: Q.value.lg ? 588 : 0,
         primaryActions: {
-          text: u("common.remove"),
+          text: i("common.remove"),
           close: !1,
           variant: "destructive",
           isLoading: M
         },
         secondaryActions: {
-          text: u("common.cancel"),
+          text: i("common.cancel"),
           close: !0
         }
       }).onPrimary(async () => {
         if (M.value) return;
         const a = e.isMasterUser ? f.deleteMasterEmployee : f.deleteEmployee;
         await S.minor(async () => {
-          await a(e), await x();
+          await a(e), await _();
         }, {
           isLoading: M,
-          successMessage: u("hr.employee.remove.successMessage", {
+          successMessage: i("hr.employee.remove.successMessage", {
             name: e.name
           })
         }).catch(() => {
@@ -644,19 +652,19 @@ const na = { class: "fm-typo-en-title-md-600" }, ua = { class: "space-y-40" }, i
       var e;
       (e = O.value) == null || e.trigger();
     }
-    const r = E(() => we().roles.value.map((e) => ({
+    const r = k(() => we().roles.value.map((e) => ({
       label: e.name,
       value: e._id
     }))), t = v();
-    async function c() {
+    async function d() {
       try {
-        await f.syncUsersMeta(), await x(), $.open({
-          message: u("hr.employee.sync.successMessage"),
+        await f.syncUsersMeta(), await _(), $.open({
+          message: i("hr.employee.sync.successMessage"),
           type: "success"
         });
       } catch (e) {
         console.error("Error syncing users:", e), $.open({
-          message: u("hr.employee.sync.errorMessage"),
+          message: i("hr.employee.sync.errorMessage"),
           type: "error"
         });
       }
@@ -668,28 +676,28 @@ const na = { class: "fm-typo-en-title-md-600" }, ua = { class: "space-y-40" }, i
           limit: Y,
           offset: (e - 1) * Y,
           search: q.value.trim() || void 0,
-          restaurantIds: (l = k.value) != null && l.length ? k.value : void 0,
+          restaurantIds: (l = E.value) != null && l.length ? E.value : void 0,
           roleIds: (a = t.value) != null && a.length ? t.value : void 0
         });
-      } catch (i) {
-        console.error("Failed to load employees:", i), $.open({
-          message: i instanceof Error ? i.message : String(i),
+      } catch (u) {
+        console.error("Failed to load employees:", u), $.open({
+          message: u instanceof Error ? u.message : String(u),
           type: "error"
         });
       }
     }
-    async function x() {
+    async function _() {
       var l;
-      if (!((l = P.value) != null && l._id)) return;
+      if (!((l = D.value) != null && l._id)) return;
       await y(s.value);
       const e = Math.max(1, Math.ceil(F.value / Y));
       s.value > e && (s.value = e, await y(s.value));
     }
-    async function _() {
+    async function x() {
       var e, l;
       return await f.readAllEmployeesPage({
         search: q.value.trim() || void 0,
-        restaurantIds: (e = k.value) != null && e.length ? k.value : void 0,
+        restaurantIds: (e = E.value) != null && e.length ? E.value : void 0,
         roleIds: (l = t.value) != null && l.length ? t.value : void 0
       }, F.value);
     }
@@ -698,11 +706,11 @@ const na = { class: "fm-typo-en-title-md-600" }, ua = { class: "space-y-40" }, i
     }, 300);
     Ge(C);
     let L = !1;
-    async function z({
+    async function A({
       pageIndex: e
     }) {
       var l;
-      if ((l = P.value) != null && l._id && !L && !(e === 0 && s.value === 1 && H.value.length > 0)) {
+      if ((l = D.value) != null && l._id && !L && !(e === 0 && s.value === 1 && H.value.length > 0)) {
         L = !0, s.value = e + 1;
         try {
           await y(s.value);
@@ -713,7 +721,7 @@ const na = { class: "fm-typo-en-title-md-600" }, ua = { class: "space-y-40" }, i
     }
     return X(V, async () => {
       var e;
-      s.value = 1, N.value = !1, (e = P.value) != null && e._id && (await y(1), N.value = !0);
+      s.value = 1, z.value = !1, (e = D.value) != null && e._id && (await y(1), z.value = !0);
     }, {
       immediate: !0
     }), X(() => J.value && J.value.restaurants, (e) => {
@@ -721,83 +729,83 @@ const na = { class: "fm-typo-en-title-md-600" }, ua = { class: "space-y-40" }, i
     }), me({
       create: _e,
       filteredEmployees: H,
-      exportEmployees: _
+      exportEmployees: x
     }), (e, l) => {
       var xe, Ie;
-      const a = g("FmButton"), i = g("FmTooltip"), I = g("FmSearch"), ue = g("FmTable"), Ke = g("FmListItem"), Be = g("FmList");
-      return h(), A(ce, null, [n(ba, {
+      const a = g("FmButton"), u = g("FmTooltip"), I = g("FmSearch"), ie = g("FmTable"), Ke = g("FmListItem"), Be = g("FmList");
+      return h(), P(de, null, [n(wa, {
         ref_key: "employeeFormRef",
         ref: O,
         modelValue: J.value,
         "onUpdate:modelValue": l[0] || (l[0] = (p) => J.value = p),
         "role-error-message": ne.value,
         class: "gap-8",
-        onSubmitted: x
-      }, null, 8, ["modelValue", "role-error-message"]), m("div", wa, [o(Q).xs ? (h(), A("div", ka, [m("div", Fa, [n(I, {
+        onSubmitted: _
+      }, null, 8, ["modelValue", "role-error-message"]), m("div", xa, [o(Q).xs ? (h(), P("div", Fa, [m("div", Va, [n(I, {
         modelValue: o(w),
-        "onUpdate:modelValue": l[4] || (l[4] = (p) => ke(w) ? w.value = p : null),
-        placeholder: o(u)("hr.employee.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])]), n(ea), m("div", Va, [n(de, {
-        modelValue: k.value,
-        "onUpdate:modelValue": l[5] || (l[5] = (p) => k.value = p),
+        "onUpdate:modelValue": l[4] || (l[4] = (p) => Ee(w) ? w.value = p : null),
+        placeholder: o(i)("hr.employee.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])]), n(ea), m("div", Sa, [n(ce, {
+        modelValue: E.value,
+        "onUpdate:modelValue": l[5] || (l[5] = (p) => E.value = p),
         multiple: "",
         items: T.value,
         variant: "dark",
-        "selected-prefix": o(u)("hr.role.columns.restaurants"),
-        placeholder: o(u)("hr.role.columns.restaurants"),
+        "selected-prefix": o(i)("hr.role.columns.restaurants"),
+        placeholder: o(i)("hr.role.columns.restaurants"),
         class: "!w-auto"
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), n(de, {
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), n(ce, {
         modelValue: t.value,
         "onUpdate:modelValue": l[6] || (l[6] = (p) => t.value = p),
         multiple: "",
         items: r.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"])])])) : (h(), A("div", xa, [m("div", Ia, [n(de, {
-        modelValue: k.value,
-        "onUpdate:modelValue": l[1] || (l[1] = (p) => k.value = p),
+        "selected-prefix": o(i)("hr.employee.filter.selected_role_prefix"),
+        placeholder: o(i)("hr.employee.filter.role_placeholder")
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])])) : (h(), P("div", Ia, [m("div", ka, [n(ce, {
+        modelValue: E.value,
+        "onUpdate:modelValue": l[1] || (l[1] = (p) => E.value = p),
         multiple: "",
         items: T.value,
         variant: "dark",
-        "selected-prefix": o(u)("hr.role.columns.restaurants"),
-        placeholder: o(u)("hr.role.columns.restaurants"),
+        "selected-prefix": o(i)("hr.role.columns.restaurants"),
+        placeholder: o(i)("hr.role.columns.restaurants"),
         class: "!w-auto"
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), n(de, {
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), n(ce, {
         modelValue: t.value,
         "onUpdate:modelValue": l[2] || (l[2] = (p) => t.value = p),
         multiple: "",
         variant: "dark",
         items: r.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"])]), m("div", Ea, [(xe = o(fe)) != null && xe.role.isAdmin ? (h(), j(i, {
+        "selected-prefix": o(i)("hr.employee.filter.selected_role_prefix"),
+        placeholder: o(i)("hr.employee.filter.role_placeholder")
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])]), m("div", Ea, [(xe = o(fe)) != null && xe.role.isAdmin ? (h(), j(u, {
         key: 0,
-        content: o(u)("hr.employee.sync.tooltip")
+        content: o(i)("hr.employee.sync.tooltip")
       }, {
         default: b(() => [n(a, {
           icon: "refresh",
-          label: o(u)("hr.employee.sync.tooltip"),
+          label: o(i)("hr.employee.sync.tooltip"),
           variant: "tertiary",
-          onClick: c
+          onClick: d
         }, null, 8, ["label"])]),
         _: 1
       }, 8, ["content"])) : G("", !0), n(I, {
         modelValue: o(w),
-        "onUpdate:modelValue": l[3] || (l[3] = (p) => ke(w) ? w.value = p : null),
+        "onUpdate:modelValue": l[3] || (l[3] = (p) => Ee(w) ? w.value = p : null),
         autofocus: "",
         class: "pl-4 w-[320px]",
-        placeholder: o(u)("hr.employee.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])])])), (Ie = o(P)) != null && Ie._id ? (h(), j(Ye, {
+        placeholder: o(i)("hr.employee.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])])])), (Ie = o(D)) != null && Ie._id ? (h(), j(Ye, {
         key: 2
       }, {
-        default: b(() => [m("div", Sa, [!N.value && o(f).isLoading.value ? (h(), j(Ze, {
+        default: b(() => [m("div", Ca, [!z.value && o(f).isLoading.value ? (h(), j(Ze, {
           key: 0
-        })) : !N.value || F.value === 0 ? (h(), j(o(la), {
+        })) : !z.value || F.value === 0 ? (h(), j(o(la), {
           key: 1,
-          title: o(u)("hr.employee.noData.title"),
-          subtitle: o(u)("hr.employee.noData.subtitle")
-        }, null, 8, ["title", "subtitle"])) : G("", !0), N.value ? (h(), j(ue, {
+          title: o(i)("hr.employee.noData.title"),
+          subtitle: o(i)("hr.employee.noData.subtitle")
+        }, null, 8, ["title", "subtitle"])) : G("", !0), z.value ? (h(), j(ie, {
           key: V.value,
           class: Le(["xs:hidden employee-list-table min-h-0 flex-1", {
             "employee-list-table--pagination-loading": te.value
@@ -807,21 +815,21 @@ const na = { class: "fm-typo-en-title-md-600" }, ua = { class: "space-y-40" }, i
           "page-size": Y,
           "page-count": Math.ceil(F.value / Y),
           "row-count": F.value,
-          "fetch-fn": z,
+          "fetch-fn": A,
           "hide-footer": F.value <= Y,
           loading: o(f).isLoading.value,
           virtual: !1,
           "pin-header-row": "",
           onRowClick: l[7] || (l[7] = (p) => Z(p.original))
-        }, null, 8, ["class", "row-data", "page-count", "row-count", "hide-footer", "loading"])) : G("", !0), m("div", Ca, [n(Be, {
+        }, null, 8, ["class", "row-data", "page-count", "row-count", "hide-footer", "loading"])) : G("", !0), m("div", Ra, [n(Be, {
           separator: ""
         }, {
-          default: b(() => [(h(!0), A(ce, null, Me(H.value, (p) => (h(), j(Ke, {
+          default: b(() => [(h(!0), P(de, null, Me(H.value, (p) => (h(), j(Ke, {
             key: p._id,
             class: "py-12 px-16 items-center justify-between",
             onClick: (be) => Z(p)
           }, {
-            default: b(() => [m("div", Ra, [m("p", Ua, [p.code ? (h(), A("span", $a, K(p.code) + ".", 1)) : G("", !0), qe(K(p.name), 1)]), m("div", Ma, [m("p", null, K(o(u)("hr.employee.restaurants", {
+            default: b(() => [m("div", Ua, [m("p", $a, [p.code ? (h(), P("span", Ma, K(p.code) + ".", 1)) : G("", !0), qe(K(p.name), 1)]), m("div", La, [m("p", null, K(o(i)("hr.employee.restaurants", {
               restaurants: p.restaurants.map((be) => le(be)).join(", ")
             })), 1), m("p", null, " Since: " + K(p.since), 1)])]), n(a, {
               icon: "delete",
@@ -837,7 +845,7 @@ const na = { class: "fm-typo-en-title-md-600" }, ua = { class: "space-y-40" }, i
       })) : G("", !0)])], 64);
     };
   }
-}), Ya = /* @__PURE__ */ Qe(La, [["__scopeId", "data-v-cefb09f9"]]);
+}), Za = /* @__PURE__ */ Qe(Aa, [["__scopeId", "data-v-cefb09f9"]]);
 export {
-  Ya as default
+  Za as default
 };