@feedmepos/mf-hrm-portal 2.0.12 → 2.0.13

package/dist/{EmployeeList-CK7KmG5w.js → EmployeeList-CaZN66DH.js}

@@ -1,18 +1,18 @@
-import { toRaw as Oe, defineComponent as Se, ref as p, computed as _, watch as ye, resolveComponent as f, createElementBlock as A, openBlock as F, Fragment as Y, renderSlot as Ne, createVNode as n, unref as t, withCtx as V, createElementVNode as c, createBlock as O, createCommentVNode as T, isRef as he, renderList as Ue, toDisplayString as Q, onUnmounted as Be, withDirectives as Te, h as fe, normalizeClass as Ae, vShow as ze, createTextVNode as Ke, withModifiers as Ge } from "vue";
+import { toRaw as De, defineComponent as Se, ref as p, computed as _, watch as ye, resolveComponent as f, createElementBlock as A, openBlock as w, Fragment as Y, renderSlot as Ne, createVNode as n, unref as t, withCtx as F, createElementVNode as c, createBlock as D, createCommentVNode as N, isRef as he, renderList as Ue, toDisplayString as Q, onUnmounted as Be, h as fe, normalizeClass as Te, createTextVNode as Ae, withModifiers as ze } from "vue";
 import { useCoreStore as ke, useI18n as Ie, RestaurantSelector as _e } from "@feedmepos/mf-common";
-import { useSnackbar as Ce, components as Me, useDialog as je, useBreakpoints as qe, FmButtonVariant as He } from "@feedmepos/ui-library";
-import { S as be, _ as Je } from "./SelectFilter-DUj7GBtT.js";
-import { _ as We } from "./app-CDx8kP2V.js";
-import { H as Qe } from "./HorizontalSplitter-o860F4xM.js";
-import { _ as Ye } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
+import { useSnackbar as Ce, components as Me, useDialog as Ke, useBreakpoints as Ge, FmButtonVariant as je } from "@feedmepos/ui-library";
+import { S as be, _ as qe } from "./SelectFilter-DUj7GBtT.js";
+import { _ as He } from "./app-jGOQVOD0.js";
+import { H as Je } from "./HorizontalSplitter-o860F4xM.js";
+import { _ as We } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
 import { u as Re } from "./useSearch-B6WK1LBB.js";
-import { u as Ze } from "./useDebounce-B8ZPVS5C.js";
-import { u as Le, E as Xe } from "./employee-CGtCzQdZ.js";
-import { l as el } from "./lodash--VoFIg3j.js";
+import { u as Qe } from "./useDebounce-B8ZPVS5C.js";
+import { u as Le, E as Ye } from "./employee-Bh77woAn.js";
+import { l as Ze } from "./lodash-BuzCumRN.js";
 import { _ as Ve, a as Fe } from "./FormSection.vue_vue_type_script_setup_true_lang-BVb8c4YU.js";
-import { u as ll, a as al } from "./useRestaurantMap-e9fQJiLC.js";
-import { u as Pe } from "./useLoading-CKrnW2DY.js";
-import { u as $e } from "./useAppStore-FR1TO4HT.js";
+import { u as Xe, a as el } from "./useRestaurantMap-e9fQJiLC.js";
+import { u as Pe } from "./useLoading-CJnGoe22.js";
+import { u as $e } from "./useAppStore-RlI38pvN.js";
 /* empty css                                                                      */
 function we(P) {
   return JSON.parse(JSON.stringify(P));
@@ -21,12 +21,12 @@ function xe(P) {
   if (typeof structuredClone > "u")
     return we(P);
   try {
-    return structuredClone(Oe(P));
+    return structuredClone(De(P));
   } catch {
     return we(P);
   }
 }
-const tl = { class: "fm-typo-en-title-md-600" }, sl = { class: "space-y-40" }, ol = { class: "flex flex-row gap-16" }, rl = { class: "space-y-16" }, nl = { class: "flex gap-8 items-center justify-start" }, Ee = 4, ul = /* @__PURE__ */ Se({
+const ll = { class: "fm-typo-en-title-md-600" }, al = { class: "space-y-40" }, tl = { class: "flex flex-row gap-16" }, sl = { class: "space-y-16" }, ol = { class: "flex gap-8 items-center justify-start" }, Ee = 4, rl = /* @__PURE__ */ Se({
   __name: "EmployeeForm",
   props: {
     roleErrorMessage: {
@@ -36,8 +36,8 @@ const tl = { class: "fm-typo-en-title-md-600" }, sl = { class: "space-y-40" }, o
   },
   emits: ["submitted"],
   setup(P, { expose: oe, emit: d }) {
-    const w = $e(), h = ke(), I = Le(), re = Ce(), Z = Pe(re), C = d, { t: u } = Ie(), x = p(!1), E = p(!0), U = (e) => {
-      s.value = e ? xe(e) : z(), $.value = xe(s.value), k.value = [], S.value = s.value.restaurants.map((l) => l.restaurantId), s.value.passcode && (k.value = s.value.passcode.split(""), y.value = !0), E.value = !e, x.value = !0;
+    const x = $e(), h = ke(), k = Le(), re = Ce(), Z = Pe(re), C = d, { t: u } = Ie(), b = p(!1), E = p(!0), S = (e) => {
+      s.value = e ? xe(e) : z(), $.value = xe(s.value), I.value = [], U.value = s.value.restaurants.map((l) => l.restaurantId), s.value.passcode && (I.value = s.value.passcode.split(""), y.value = !0), E.value = !e, b.value = !0;
     };
     function z() {
       return {
@@ -48,9 +48,9 @@ const tl = { class: "fm-typo-en-title-md-600" }, sl = { class: "space-y-40" }, o
         restaurants: []
       };
     }
-    const X = _(() => E.value ? u("hr.employee.form.add") : u("hr.employee.form.update")), ne = _(() => E.value ? u("common.create") : u("common.update")), $ = p(z()), s = p(z()), { searchKey: R, filter: ee } = Re(), ue = _(() => {
+    const X = _(() => E.value ? u("hr.employee.form.add") : u("hr.employee.form.update")), ne = _(() => E.value ? u("common.create") : u("common.update")), $ = p(z()), s = p(z()), { searchKey: L, filter: ee } = Re(), ue = _(() => {
       const e = {};
-      return w.roles.value.forEach((l) => {
+      return x.roles.value.forEach((l) => {
         e[l._id] = l.name;
       }), e;
     });
@@ -58,8 +58,8 @@ const tl = { class: "fm-typo-en-title-md-600" }, sl = { class: "space-y-40" }, o
       const l = le(e) ?? "";
       return ue.value[l] || "";
     }
-    const M = _(() => h.restaurants.value.filter(({ _id: l, profile: r, managable: m }) => m ? ee([r.code, r.name, K(l)]) : S.value.includes(l)).map(({ _id: l, profile: r, managable: m }) => {
-      const g = w.roles.value.filter((v) => v.restaurants.some((b) => b.id == l)).map((v) => ({
+    const M = _(() => h.restaurants.value.filter(({ _id: l, profile: r, managable: m }) => m ? ee([r.code, r.name, K(l)]) : U.value.includes(l)).map(({ _id: l, profile: r, managable: m }) => {
+      const g = x.roles.value.filter((v) => v.restaurants.some((V) => V.id == l)).map((v) => ({
         label: v.name,
         value: v._id,
         disabled: !v.isUsable
@@ -83,15 +83,15 @@ const tl = { class: "fm-typo-en-title-md-600" }, sl = { class: "space-y-40" }, o
           roleId: l
         }
       ];
-    }, S = p(s.value.restaurants.map((e) => e.restaurantId)), j = _(
-      () => S.value.filter(
+    }, U = p(s.value.restaurants.map((e) => e.restaurantId)), j = _(
+      () => U.value.filter(
         (e) => M.value.some((l) => l.value === e && !l.disabled)
       )
     ), q = _(() => {
       const e = M.value.filter((l) => !l.disabled).length;
       return e > 0 && e === j.value.length;
     }), te = () => {
-      const e = S.value.filter((l) => !j.value.includes(l));
+      const e = U.value.filter((l) => !j.value.includes(l));
       if (q.value === !0)
         H(e);
       else {
@@ -99,38 +99,38 @@ const tl = { class: "fm-typo-en-title-md-600" }, sl = { class: "space-y-40" }, o
         H([...l, ...e]);
       }
     }, H = (e) => {
-      S.value = e, s.value.restaurants = e.map((l) => {
+      U.value = e, s.value.restaurants = e.map((l) => {
         var g, v;
-        const r = M.value.find((b) => b.value === l);
+        const r = M.value.find((V) => V.value === l);
         if (r != null && r.disabled)
-          return s.value.restaurants.find((b) => b.restaurantId === l) ?? {
+          return s.value.restaurants.find((V) => V.restaurantId === l) ?? {
             restaurantId: l,
             roleId: ""
           };
-        const m = ((g = r == null ? void 0 : r.roleOptions.find((b) => !b.disabled)) == null ? void 0 : g.value) || "";
+        const m = ((g = r == null ? void 0 : r.roleOptions.find((V) => !V.disabled)) == null ? void 0 : g.value) || "";
         return {
           restaurantId: l,
-          roleId: ((v = s.value.restaurants.find((b) => b.restaurantId === l)) == null ? void 0 : v.roleId) || m
+          roleId: ((v = s.value.restaurants.find((V) => V.restaurantId === l)) == null ? void 0 : v.roleId) || m
         };
       });
-    }, k = p([]), y = p(!1);
+    }, I = p([]), y = p(!1);
     function ie() {
-      y.value && (y.value = !1, k.value = []);
+      y.value && (y.value = !1, I.value = []);
     }
-    const L = p(!1), D = p(!1);
+    const R = p(!1), O = p(!1);
     async function de() {
-      D.value = !0;
+      O.value = !0;
       try {
-        const e = await Xe.generateEmployeePasscode();
-        y.value = !1, k.value = e.split("");
+        const e = await Ye.generateEmployeePasscode();
+        y.value = !1, I.value = e.split("");
       } finally {
-        D.value = !1;
+        O.value = !1;
       }
     }
-    const ce = ll(
-      () => !el.isEqual(s.value, $.value),
+    const ce = Xe(
+      () => !Ze.isEqual(s.value, $.value),
       () => {
-        x.value = !1;
+        b.value = !1;
       }
     );
     async function J() {
@@ -142,7 +142,7 @@ const tl = { class: "fm-typo-en-title-md-600" }, sl = { class: "space-y-40" }, o
         },
         roles: s.value.restaurants
       };
-      s.value.isMasterUser ? await I.createMasterEmployee(e) : (delete e.user.code, await I.createEmployee(e));
+      s.value.isMasterUser ? await k.createMasterEmployee(e) : (delete e.user.code, await k.createEmployee(e));
     }
     async function me() {
       var r, m;
@@ -158,7 +158,7 @@ const tl = { class: "fm-typo-en-title-md-600" }, sl = { class: "space-y-40" }, o
         }))
       };
       if (!s.value.isMasterUser)
-        await I.updateEmployee(e._id, l);
+        await k.updateEmployee(e._id, l);
       else {
         const g = {
           user: {
@@ -172,7 +172,7 @@ const tl = { class: "fm-typo-en-title-md-600" }, sl = { class: "space-y-40" }, o
             roleId: v.roleId
           }))
         };
-        $.value.isMasterUser ? await I.updateMasterEmployee(e._id, g) : await I.migrateToMasterUser(e._id, g);
+        $.value.isMasterUser ? await k.updateMasterEmployee(e._id, g) : await k.migrateToMasterUser(e._id, g);
       }
     }
     async function a() {
@@ -182,7 +182,7 @@ const tl = { class: "fm-typo-en-title-md-600" }, sl = { class: "space-y-40" }, o
         },
         {
           successMessage: u("hr.employee.create.successMessage"),
-          isLoading: L
+          isLoading: R
         }
       ) : await Z.minor(
         async () => {
@@ -190,25 +190,25 @@ const tl = { class: "fm-typo-en-title-md-600" }, sl = { class: "space-y-40" }, o
         },
         {
           successMessage: u("hr.employee.update.successMessage"),
-          isLoading: L
+          isLoading: R
         }
-      ), C("submitted"), x.value = !1;
+      ), C("submitted"), b.value = !1;
     }
     return ye(
-      () => x.value,
+      () => b.value,
       (e) => {
       }
     ), oe({
-      show: x,
-      trigger: U
+      show: b,
+      trigger: S
     }), (e, l) => {
-      const r = f("FmSwitch"), m = f("FmTextField"), g = f("FmPinField"), v = f("FmFormGroup"), b = f("FmButton"), se = f("FmSearch"), W = f("FmCheckbox"), i = f("FmSelect"), N = f("fm-button"), De = f("fm-side-sheet");
-      return F(), A(Y, null, [
-        Ne(e.$slots, "default", { trigger: U }),
-        n(De, {
+      const r = f("FmSwitch"), m = f("FmTextField"), g = f("FmPinField"), v = f("FmFormGroup"), V = f("FmButton"), se = f("FmSearch"), W = f("FmCheckbox"), i = f("FmSelect"), B = f("fm-button"), Oe = f("fm-side-sheet");
+      return w(), A(Y, null, [
+        Ne(e.$slots, "default", { trigger: S }),
+        n(Oe, {
           id: "unit-form",
-          modelValue: x.value,
-          "onUpdate:modelValue": l[9] || (l[9] = (o) => x.value = o),
+          modelValue: b.value,
+          "onUpdate:modelValue": l[9] || (l[9] = (o) => b.value = o),
           "is-container": t(Me).FmForm,
           "is-container-props": {
             onValidationSuccess: a,
@@ -217,37 +217,37 @@ const tl = { class: "fm-typo-en-title-md-600" }, sl = { class: "space-y-40" }, o
           "max-width": 560,
           "onOn:clickedAway": t(ce)
         }, {
-          "side-sheet-header": V(() => [
-            c("p", tl, Q(X.value), 1)
+          "side-sheet-header": F(() => [
+            c("p", ll, Q(X.value), 1)
           ]),
-          "side-sheet-footer": V(() => [
-            c("div", nl, [
-              n(N, {
+          "side-sheet-footer": F(() => [
+            c("div", ol, [
+              n(B, {
                 label: ne.value,
                 size: "lg",
                 type: "submit",
                 variant: "primary",
-                disabled: L.value
+                disabled: R.value
               }, null, 8, ["label", "disabled"]),
-              n(N, {
+              n(B, {
                 label: t(u)("common.cancel"),
                 size: "lg",
                 variant: "tertiary",
-                disabled: L.value,
-                onClick: l[8] || (l[8] = () => x.value = !1)
+                disabled: R.value,
+                onClick: l[8] || (l[8] = () => b.value = !1)
               }, null, 8, ["label", "disabled"])
             ])
           ]),
-          default: V(() => [
-            c("div", sl, [
+          default: F(() => [
+            c("div", al, [
               n(Ve, {
                 title: t(u)("hr.employee.form.employeeSetting")
               }, {
-                default: V(() => [
+                default: F(() => [
                   n(Fe, {
                     label: t(u)("hr.employee.form.masterUserConfig")
                   }, {
-                    default: V(() => [
+                    default: F(() => [
                       n(r, {
                         modelValue: s.value.isMasterUser,
                         "onUpdate:modelValue": l[0] || (l[0] = (o) => s.value.isMasterUser = o),
@@ -259,13 +259,13 @@ const tl = { class: "fm-typo-en-title-md-600" }, sl = { class: "space-y-40" }, o
                     ]),
                     _: 1
                   }, 8, ["label"]),
-                  c("div", ol, [
-                    s.value.isMasterUser ? (F(), O(m, {
+                  c("div", tl, [
+                    s.value.isMasterUser ? (w(), D(m, {
                       key: 0,
                       modelValue: s.value.code,
                       "onUpdate:modelValue": l[1] || (l[1] = (o) => s.value.code = o),
                       label: t(u)("hr.employee.form.code")
-                    }, null, 8, ["modelValue", "label"])) : T("", !0),
+                    }, null, 8, ["modelValue", "label"])) : N("", !0),
                     n(m, {
                       modelValue: s.value.name,
                       "onUpdate:modelValue": l[2] || (l[2] = (o) => s.value.name = o),
@@ -277,19 +277,19 @@ const tl = { class: "fm-typo-en-title-md-600" }, sl = { class: "space-y-40" }, o
                   n(Fe, {
                     label: t(u)("hr.employee.form.passcode")
                   }, {
-                    default: V(() => [
-                      c("div", rl, [
+                    default: F(() => [
+                      c("div", sl, [
                         n(v, {
-                          modelValue: k.value,
-                          "onUpdate:modelValue": l[5] || (l[5] = (o) => k.value = o),
+                          modelValue: I.value,
+                          "onUpdate:modelValue": l[5] || (l[5] = (o) => I.value = o),
                           rules: [
                             (o) => (o == null ? void 0 : o.filter((pe) => !!pe).length) !== Ee ? t(u)("hr.employee.form.passcodeRequired") : !0
                           ]
                         }, {
-                          default: V(() => [
+                          default: F(() => [
                             n(g, {
-                              modelValue: k.value,
-                              "onUpdate:modelValue": l[3] || (l[3] = (o) => k.value = o),
+                              modelValue: I.value,
+                              "onUpdate:modelValue": l[3] || (l[3] = (o) => I.value = o),
                               length: Ee,
                               masked: y.value,
                               onComplete: l[4] || (l[4] = (o) => s.value.passcode = o),
@@ -298,13 +298,13 @@ const tl = { class: "fm-typo-en-title-md-600" }, sl = { class: "space-y-40" }, o
                           ]),
                           _: 1
                         }, 8, ["modelValue", "rules"]),
-                        n(b, {
+                        n(V, {
                           variant: "secondary",
                           "text-color": "primary",
                           "border-color": "primary",
                           label: t(u)("hr.employee.form.passcodeGenerate"),
                           size: "md",
-                          loading: D.value,
+                          loading: O.value,
                           onClick: de
                         }, null, 8, ["label", "loading"])
                       ])
@@ -317,18 +317,18 @@ const tl = { class: "fm-typo-en-title-md-600" }, sl = { class: "space-y-40" }, o
               n(Ve, {
                 title: t(u)("hr.employee.form.role")
               }, {
-                default: V(() => [
+                default: F(() => [
                   n(se, {
-                    modelValue: t(R),
-                    "onUpdate:modelValue": l[6] || (l[6] = (o) => he(R) ? R.value = o : null),
+                    modelValue: t(L),
+                    "onUpdate:modelValue": l[6] || (l[6] = (o) => he(L) ? L.value = o : null),
                     placeholder: t(u)("hr.restaurant.search.placeholder")
                   }, null, 8, ["modelValue", "placeholder"]),
                   n(v, {
-                    modelValue: S.value,
-                    "onUpdate:modelValue": l[7] || (l[7] = (o) => S.value = o),
+                    modelValue: U.value,
+                    "onUpdate:modelValue": l[7] || (l[7] = (o) => U.value = o),
                     rules: [(o) => o.length > 0 || t(u)("hr.employee.form.atLeastOneRestaurant")]
                   }, {
-                    default: V(() => [
+                    default: F(() => [
                       n(W, {
                         "model-value": q.value,
                         label: t(u)("hr.employee.form.all"),
@@ -336,17 +336,17 @@ const tl = { class: "fm-typo-en-title-md-600" }, sl = { class: "space-y-40" }, o
                         indeterminate: j.value.length > 0,
                         "onUpdate:modelValue": te
                       }, null, 8, ["model-value", "label", "indeterminate"]),
-                      (F(!0), A(Y, null, Ue(M.value, (o, pe) => {
+                      (w(!0), A(Y, null, Ue(M.value, (o, pe) => {
                         var ge;
-                        return F(), A(Y, { key: pe }, [
+                        return w(), A(Y, { key: pe }, [
                           n(W, {
-                            "model-value": S.value,
+                            "model-value": U.value,
                             label: o.label,
                             value: o.value,
                             disabled: o.disabled,
                             "onUpdate:modelValue": H
                           }, null, 8, ["model-value", "label", "value", "disabled"]),
-                          S.value.includes(o.value) ? (F(), O(i, {
+                          U.value.includes(o.value) ? (w(), D(i, {
                             key: 0,
                             class: "ml-32 mr-8",
                             items: o.roleOptions,
@@ -355,7 +355,7 @@ const tl = { class: "fm-typo-en-title-md-600" }, sl = { class: "space-y-40" }, o
                             placeholder: ((ge = o.roleOptions.find((ve) => !ve.disabled) ?? o.roleOptions[0]) == null ? void 0 : ge.label) ?? "",
                             disabled: o.disabled,
                             "onUpdate:modelValue": (ve) => ae(o.value, ve)
-                          }, null, 8, ["items", "model-value", "placeholder", "disabled", "onUpdate:modelValue"])) : T("", !0)
+                          }, null, 8, ["items", "model-value", "placeholder", "disabled", "onUpdate:modelValue"])) : N("", !0)
                         ], 64);
                       }), 128))
                     ]),
@@ -371,54 +371,54 @@ const tl = { class: "fm-typo-en-title-md-600" }, sl = { class: "space-y-40" }, o
       ], 64);
     };
   }
-}), il = {
+}), nl = {
   class: "space-y-8"
-}, dl = {
+}, ul = {
   class: "xs:hidden flex w-full items-start justify-between"
-}, cl = {
+}, il = {
   class: "flex items-start gap-8"
-}, ml = {
+}, dl = {
   class: "flex"
-}, pl = {
+}, cl = {
   class: "space-y-4 sm:hidden md:hidden lg:hidden"
-}, vl = {
+}, ml = {
   class: "px-16"
-}, fl = {
+}, pl = {
   class: "px-16 flex items-start gap-8"
-}, yl = {
+}, vl = {
   class: "flex h-full flex-col overflow-auto"
-}, hl = {
+}, fl = {
   class: "pb-64 sm:hidden md:hidden lg:hidden"
-}, gl = {
+}, yl = {
   class: "space-y-4"
-}, _l = {
+}, hl = {
   class: "fm-typo-en-body-lg-600"
-}, bl = {
+}, gl = {
   key: 0,
   class: "mr-4"
-}, Vl = {
+}, _l = {
   class: "text-fm-color-typo-secondary"
-}, B = 200, Fl = /* @__PURE__ */ Se({
+}, T = 200, bl = /* @__PURE__ */ Se({
   __name: "EmployeeList",
   setup(P, {
     expose: oe
   }) {
     const {
       t: d
-    } = Ie(), w = p(), h = Le(), {
-      currentBusiness: I,
+    } = Ie(), x = p(), h = Le(), {
+      currentBusiness: k,
       sessionUser: re
     } = ke(), Z = _(() => h.listEmployees.value), {
       searchKey: C
-    } = Re(""), u = p(""), x = _(() => Z.value), E = _(() => h.totalEmployees.value), U = p(1), z = _(() => h.isLoading.value), X = _(() => {
+    } = Re(""), u = p(""), b = _(() => Z.value), E = _(() => h.totalEmployees.value), S = p(1), z = _(() => h.isLoading.value), X = _(() => {
       var a;
       return JSON.stringify({
-        businessId: ((a = I.value) == null ? void 0 : a._id) ?? "",
+        businessId: ((a = k.value) == null ? void 0 : a._id) ?? "",
         search: u.value.trim(),
-        restaurantIds: [...w.value ?? []].sort(),
+        restaurantIds: [...x.value ?? []].sort(),
         roleIds: [...y.value ?? []].sort()
       });
-    }), ne = al(), $ = (a) => {
+    }), ne = el(), $ = (a) => {
       const e = ne.value[a.restaurantId], l = e == null ? void 0 : e.profile.code;
       let m = a.restaurantName || (e == null ? void 0 : e.profile.name) || "";
       return a.roleName && (m = `${l ? l + " - " : ""}${m} (${a.roleName})`), m;
@@ -457,28 +457,28 @@ const tl = { class: "fm-typo-en-title-md-600" }, sl = { class: "space-y-40" }, o
         class: "w-full flex justify-end items-center"
       }, [fe(Me.FmButton, {
         prependIcon: "delete",
-        variant: He.Tertiary,
+        variant: je.Tertiary,
         textColor: "neutral-gray-400",
         onClick: (e) => {
           e.stopPropagation(), q(a.row.original);
         }
       })])
-    }], R = Ce(), ee = je(), ue = Pe(R), K = p(!1), M = p(), G = p(), le = _(() => h.restrictEmployeeIds.value);
+    }], L = Ce(), ee = Ke(), ue = Pe(L), K = p(!1), M = p(), G = p(), le = _(() => h.restrictEmployeeIds.value);
     function ae(a) {
       const e = le.value.includes(a._id);
-      return e && R.open({
+      return e && L.open({
         message: d("hr.employee.cannotUpdateMasterUser", {
           name: a.name
         }),
         type: "error"
       }), e;
     }
-    const S = (a) => {
+    const U = (a) => {
       var l;
       a && ae(a) || (l = G.value) == null || l.trigger(a);
     }, {
       breakpoints: j
-    } = qe(), q = (a) => {
+    } = Ge(), q = (a) => {
       ae(a) || ee.open({
         title: d("hr.employee.remove.title"),
         message: d("hr.employee.remove.message", {
@@ -499,7 +499,7 @@ const tl = { class: "fm-typo-en-title-md-600" }, sl = { class: "space-y-40" }, o
         if (K.value) return;
         const l = a.isMasterUser ? h.deleteMasterEmployee : h.deleteEmployee;
         await ue.minor(async () => {
-          await l(a), await D();
+          await l(a), await O();
         }, {
           isLoading: K,
           successMessage: d("hr.employee.remove.successMessage", {
@@ -513,49 +513,49 @@ const tl = { class: "fm-typo-en-title-md-600" }, sl = { class: "space-y-40" }, o
       var a;
       (a = G.value) == null || a.trigger();
     }
-    const k = _(() => $e().roles.value.map((a) => ({
+    const I = _(() => $e().roles.value.map((a) => ({
       label: a.name,
       value: a._id
     }))), y = p();
     async function ie() {
       try {
-        await h.syncUsersMeta(), await D(), R.open({
+        await h.syncUsersMeta(), await O(), L.open({
           message: d("hr.employee.sync.successMessage"),
           type: "success"
         });
       } catch (a) {
-        console.error("Error syncing users:", a), R.open({
+        console.error("Error syncing users:", a), L.open({
           message: d("hr.employee.sync.errorMessage"),
           type: "error"
         });
       }
     }
-    async function L(a = U.value) {
+    async function R(a = S.value) {
       var e, l;
       await h.readEmployeesPage({
-        limit: B,
-        offset: (a - 1) * B,
+        limit: T,
+        offset: (a - 1) * T,
         search: u.value.trim() || void 0,
-        restaurantIds: (e = w.value) != null && e.length ? w.value : void 0,
+        restaurantIds: (e = x.value) != null && e.length ? x.value : void 0,
         roleIds: (l = y.value) != null && l.length ? y.value : void 0
       });
     }
-    async function D() {
+    async function O() {
       var e;
-      if (!((e = I.value) != null && e._id)) return;
-      await L(U.value);
-      const a = Math.max(1, Math.ceil(E.value / B));
-      U.value > a && (U.value = a, await L(U.value));
+      if (!((e = k.value) != null && e._id)) return;
+      await R(S.value);
+      const a = Math.max(1, Math.ceil(E.value / T));
+      S.value > a && (S.value = a, await R(S.value));
     }
     async function de() {
       var a, e;
       return await h.readAllEmployeesPage({
         search: u.value.trim() || void 0,
-        restaurantIds: (a = w.value) != null && a.length ? w.value : void 0,
+        restaurantIds: (a = x.value) != null && a.length ? x.value : void 0,
         roleIds: (e = y.value) != null && e.length ? y.value : void 0
       }, E.value);
     }
-    const ce = Ze(C, () => {
+    const ce = Qe(C, () => {
       u.value = C.value;
     }, 300);
     Be(ce);
@@ -564,37 +564,40 @@ const tl = { class: "fm-typo-en-title-md-600" }, sl = { class: "space-y-40" }, o
       pageIndex: a
     }) {
       var e;
-      if ((e = I.value) != null && e._id && !J) {
-        J = !0, U.value = a + 1;
+      if ((e = k.value) != null && e._id && !J && !(a === 0 && S.value === 1 && b.value.length > 0)) {
+        J = !0, S.value = a + 1;
         try {
-          await L(U.value);
+          await R(S.value);
         } finally {
           J = !1;
         }
       }
     }
-    return ye(X, () => {
-      U.value = 1;
+    return ye(X, async () => {
+      var a;
+      S.value = 1, (a = k.value) != null && a._id && await R(1);
+    }, {
+      immediate: !0
     }), ye(() => M.value && M.value.restaurants, (a) => {
       a && a.length > 0 && (te.value = "");
     }), oe({
       create: H,
-      filteredEmployees: x,
+      filteredEmployees: b,
       exportEmployees: de
     }), (a, e) => {
       var se, W;
-      const l = f("FmButton"), r = f("FmTooltip"), m = f("FmSearch"), g = f("FmTable"), v = f("FmListItem"), b = f("FmList");
-      return F(), A(Y, null, [n(ul, {
+      const l = f("FmButton"), r = f("FmTooltip"), m = f("FmSearch"), g = f("FmTable"), v = f("FmListItem"), V = f("FmList");
+      return w(), A(Y, null, [n(rl, {
         ref_key: "employeeFormRef",
         ref: G,
         modelValue: M.value,
         "onUpdate:modelValue": e[0] || (e[0] = (i) => M.value = i),
         "role-error-message": te.value,
         class: "gap-8",
-        onSubmitted: D
-      }, null, 8, ["modelValue", "role-error-message"]), c("div", il, [c("div", dl, [c("div", cl, [n(t(_e), {
-        modelValue: w.value,
-        "onUpdate:modelValue": e[1] || (e[1] = (i) => w.value = i),
+        onSubmitted: O
+      }, null, 8, ["modelValue", "role-error-message"]), c("div", nl, [c("div", ul, [c("div", il, [n(t(_e), {
+        modelValue: x.value,
+        "onUpdate:modelValue": e[1] || (e[1] = (i) => x.value = i),
         "managable-only": !1,
         multiple: "",
         variant: "dark",
@@ -604,34 +607,34 @@ const tl = { class: "fm-typo-en-title-md-600" }, sl = { class: "space-y-40" }, o
         "onUpdate:modelValue": e[2] || (e[2] = (i) => y.value = i),
         multiple: "",
         variant: "dark",
-        items: k.value,
+        items: I.value,
         "selected-prefix": t(d)("hr.employee.filter.selected_role_prefix"),
         placeholder: t(d)("hr.employee.filter.role_placeholder")
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])]), c("div", ml, [(se = t(re)) != null && se.role.isAdmin ? (F(), O(r, {
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])]), c("div", dl, [(se = t(re)) != null && se.role.isAdmin ? (w(), D(r, {
         key: 0,
         content: t(d)("hr.employee.sync.tooltip")
       }, {
-        default: V(() => [n(l, {
+        default: F(() => [n(l, {
           icon: "refresh",
           label: t(d)("hr.employee.sync.tooltip"),
           variant: "tertiary",
           onClick: ie
         }, null, 8, ["label"])]),
         _: 1
-      }, 8, ["content"])) : T("", !0), n(m, {
+      }, 8, ["content"])) : N("", !0), n(m, {
         modelValue: t(C),
         "onUpdate:modelValue": e[3] || (e[3] = (i) => he(C) ? C.value = i : null),
         autofocus: "",
         class: "pl-4 w-[320px]",
         placeholder: t(d)("hr.employee.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])])]), c("div", pl, [c("div", vl, [n(m, {
+      }, null, 8, ["modelValue", "placeholder"])])]), c("div", cl, [c("div", ml, [n(m, {
         modelValue: t(C),
         "onUpdate:modelValue": e[4] || (e[4] = (i) => he(C) ? C.value = i : null),
         autofocus: "",
         placeholder: t(d)("hr.employee.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])]), n(Qe), c("div", fl, [n(t(_e), {
-        modelValue: w.value,
-        "onUpdate:modelValue": e[5] || (e[5] = (i) => w.value = i),
+      }, null, 8, ["modelValue", "placeholder"])]), n(Je), c("div", pl, [n(t(_e), {
+        modelValue: x.value,
+        "onUpdate:modelValue": e[5] || (e[5] = (i) => x.value = i),
         "managable-only": !1,
         multiple: "",
         variant: "dark",
@@ -640,58 +643,58 @@ const tl = { class: "fm-typo-en-title-md-600" }, sl = { class: "space-y-40" }, o
         modelValue: y.value,
         "onUpdate:modelValue": e[6] || (e[6] = (i) => y.value = i),
         multiple: "",
-        items: k.value,
+        items: I.value,
         variant: "dark",
         "selected-prefix": t(d)("hr.employee.filter.selected_role_prefix"),
         placeholder: t(d)("hr.employee.filter.role_placeholder")
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])]), (W = t(I)) != null && W._id ? (F(), O(We, {
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])]), (W = t(k)) != null && W._id ? (w(), D(He, {
         key: 0
       }, {
-        default: V(() => [c("div", yl, [E.value === 0 && !t(h).isLoading.value ? (F(), O(t(Ye), {
+        default: F(() => [c("div", vl, [E.value === 0 && !t(h).isLoading.value ? (w(), D(t(We), {
           key: 0,
           title: t(d)("hr.employee.noData.title"),
           subtitle: t(d)("hr.employee.noData.subtitle")
-        }, null, 8, ["title", "subtitle"])) : T("", !0), Te((F(), O(g, {
+        }, null, 8, ["title", "subtitle"])) : N("", !0), E.value > 0 || t(h).isLoading.value ? (w(), D(g, {
           key: X.value,
-          class: Ae(["xs:hidden employee-list-table min-h-0 flex-1", {
+          class: Te(["xs:hidden employee-list-table min-h-0 flex-1", {
             "employee-list-table--pagination-loading": z.value
           }]),
           "column-defs": s,
-          "row-data": x.value,
-          "page-size": B,
-          "page-count": Math.ceil(E.value / B),
+          "row-data": b.value,
+          "page-size": T,
+          "page-count": Math.ceil(E.value / T),
           "row-count": E.value,
           "fetch-fn": me,
-          "hide-footer": E.value <= B,
+          "hide-footer": E.value <= T,
           loading: t(h).isLoading.value,
           virtual: !1,
           "pin-header-row": "",
-          onRowClick: e[7] || (e[7] = (i) => S(i.original))
-        }, null, 8, ["class", "row-data", "page-count", "row-count", "hide-footer", "loading"])), [[ze, E.value > 0 || t(h).isLoading.value]]), c("div", hl, [n(b, {
+          onRowClick: e[7] || (e[7] = (i) => U(i.original))
+        }, null, 8, ["class", "row-data", "page-count", "row-count", "hide-footer", "loading"])) : N("", !0), c("div", fl, [n(V, {
           separator: ""
         }, {
-          default: V(() => [(F(!0), A(Y, null, Ue(x.value, (i) => (F(), O(v, {
+          default: F(() => [(w(!0), A(Y, null, Ue(b.value, (i) => (w(), D(v, {
             key: i._id,
             class: "py-12 px-16 items-center justify-between",
-            onClick: (N) => S(i)
+            onClick: (B) => U(i)
           }, {
-            default: V(() => [c("div", gl, [c("p", _l, [i.code ? (F(), A("span", bl, Q(i.code) + ".", 1)) : T("", !0), Ke(Q(i.name), 1)]), c("div", Vl, [c("p", null, Q(t(d)("hr.employee.restaurants", {
-              restaurants: i.restaurants.map((N) => $(N)).join(", ")
+            default: F(() => [c("div", yl, [c("p", hl, [i.code ? (w(), A("span", gl, Q(i.code) + ".", 1)) : N("", !0), Ae(Q(i.name), 1)]), c("div", _l, [c("p", null, Q(t(d)("hr.employee.restaurants", {
+              restaurants: i.restaurants.map((B) => $(B)).join(", ")
             })), 1), c("p", null, " Since: " + Q(i.since), 1)])]), n(l, {
               icon: "delete",
               variant: "tertiary",
               "text-color": "neutral-gray-400",
-              onClick: Ge((N) => q(i), ["stop"])
+              onClick: ze((B) => q(i), ["stop"])
             }, null, 8, ["onClick"])]),
             _: 2
           }, 1032, ["onClick"]))), 128))]),
           _: 1
         })])])]),
         _: 1
-      })) : T("", !0)])], 64);
+      })) : N("", !0)])], 64);
     };
   }
-}), Bl = /* @__PURE__ */ Je(Fl, [["__scopeId", "data-v-20a87df1"]]);
+}), Dl = /* @__PURE__ */ qe(bl, [["__scopeId", "data-v-0db27cb8"]]);
 export {
-  Bl as default
+  Dl as default
 };