@feedmepos/mf-hrm-portal 2.3.2-dev → 2.3.2-dev.10

package/dist/{EmployeeList-BG2KPvOB.js → EmployeeList-nrYsS5uz.js}

@@ -1,22 +1,23 @@
-import { defineComponent as Ve, computed as x, resolveComponent as I, createElementBlock as O, openBlock as _, createElementVNode as m, createVNode as n, toDisplayString as N, Fragment as ke, renderList as je, createCommentVNode as H, withKeys as Ie, withModifiers as oe, normalizeClass as be, toRaw as Ge, ref as h, watch as re, renderSlot as qe, unref as t, withCtx as w, createBlock as D, onUnmounted as He, isRef as Re, createTextVNode as he, resolveDynamicComponent as Je, h as pe } from "vue";
-import { useI18n as $e, useCoreStore as We } from "@feedmepos/mf-common";
-import { useSnackbar as Me, components as Pe, useDialog as Qe, useBreakpoints as Ye } from "@feedmepos/ui-library";
-import { S as fe, _ as Ze } from "./SelectFilter-ATOm0hdn.js";
-import { _ as Xe, a as ea } from "./app-CdrnR_Pw.js";
-import { _ as Ee, u as aa, H as la } from "./FormItem.vue_vue_type_script_setup_true_lang-DPT2FoIc.js";
-import { u as ta, _ as sa } from "./useDiscardConfirm-DPhEV6v0.js";
-import { _ as oa } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-IfAZmWr0.js";
-import { c as ra, b as na, a as ia, p as ua, r as da, s as ca, _ as ma, d as pa, e as Fe } from "./PasscodePinField.vue_vue_type_script_setup_true_lang-TXPEqa46.js";
-import { u as fa } from "./useDebounce-B8ZPVS5C.js";
-import { n as va } from "./string-DZQ1uNjn.js";
-import { u as Ae, E as ya } from "./employee-Dg-J9goA.js";
-import { u as De } from "./restaurant-CKhT6kgj.js";
-import { l as ga } from "./lodash-7SZBZ8VQ.js";
-import { _ as Ue } from "./FormSection.vue_vue_type_script_setup_true_lang-DknXTYiK.js";
-import { u as Ne } from "./useLoading-BBjBUzGJ.js";
-import { u as _e } from "./role-C6hFKOfU.js";
+import { defineComponent as Ve, computed as k, resolveComponent as w, createElementBlock as O, openBlock as b, createElementVNode as m, createVNode as n, toDisplayString as N, Fragment as ke, renderList as Be, createCommentVNode as H, withKeys as Ie, withModifiers as oe, normalizeClass as be, ref as h, watch as re, renderSlot as je, unref as t, withCtx as x, createBlock as D, onUnmounted as Ge, isRef as Re, createTextVNode as he, resolveDynamicComponent as qe, h as pe } from "vue";
+import { useI18n as Le, useCoreStore as He } from "@feedmepos/mf-common";
+import { useSnackbar as $e, components as Me, useDialog as We, useBreakpoints as Je } from "@feedmepos/ui-library";
+import { S as fe } from "./SelectFilter-BpzBwBmQ.js";
+import { _ as Qe, c as Ye, a as Ze } from "./app-DEZT4wdV.js";
+import { _ as Ee, a as Fe, u as Xe, H as ea } from "./FormSection.vue_vue_type_script_setup_true_lang-7S2w36aY.js";
+import { _ as aa } from "./ResponsiveContextMenu.vue_vue_type_script_setup_true_lang-mSJFKo7r.js";
+import { _ as la } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-IfAZmWr0.js";
+import { c as ta, b as sa, a as oa, p as ra, r as na, s as ia, _ as ua, d as da, e as Ue } from "./PasscodePinField.vue_vue_type_script_setup_true_lang-TXPEqa46.js";
+import { u as ca } from "./useDebounce-B8ZPVS5C.js";
+import { n as ma } from "./string-DZQ1uNjn.js";
+import { u as Pe, E as pa } from "./employee-C6z5i6O4.js";
+import { u as Ae } from "./restaurant-ejyX2jEG.js";
+import { l as fa } from "./lodash-B8bqa6a9.js";
+import { u as va } from "./useDiscardConfirm-CzZSPyvh.js";
+import { u as De } from "./useLoading-CQnX5WjI.js";
+import { c as Se } from "./object-Dwyg2LgX.js";
+import { u as _e } from "./role-C_t3DDlG.js";
 /* empty css                                                                      */
-const ha = { class: "rounded-lg border border-fm-color-neutral-gray-200 p-16 space-y-16" }, ba = { class: "fm-typo-en-title-sm-600" }, _a = { class: "space-y-16" }, Va = { class: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto] gap-16" }, ka = { class: "text-sm font-semibold text-fm-color-typo-primary" }, xa = { class: "text-sm font-semibold text-fm-color-typo-primary" }, wa = { class: "flex justify-self-end" }, Ia = ["tabindex", "aria-disabled", "aria-label", "onClick", "onKeydown"], Ra = /* @__PURE__ */ Ve({
+const ya = { class: "rounded-lg border border-fm-color-neutral-gray-200 p-16 space-y-16" }, ga = { class: "fm-typo-en-title-sm-600" }, ha = { class: "space-y-16" }, ba = { class: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto] gap-16" }, _a = { class: "text-sm font-semibold text-fm-color-typo-primary" }, Va = { class: "text-sm font-semibold text-fm-color-typo-primary" }, ka = { class: "flex justify-self-end" }, xa = ["tabindex", "aria-disabled", "aria-label", "onClick", "onKeydown"], wa = /* @__PURE__ */ Ve({
   __name: "OutletRoleAssignment",
   props: {
     modelValue: {},
@@ -32,49 +33,49 @@ const ha = { class: "rounded-lg border border-fm-color-neutral-gray-200 p-16 spa
     removeLabel: {}
   },
   emits: ["update:modelValue"],
-  setup(b, { emit: Z }) {
-    const l = b, V = Z, f = x(() => ({
+  setup(R, { emit: Z }) {
+    const l = R, _ = Z, f = k(() => ({
       isRoleUsable: l.isRoleUsable,
       isRestaurantLocked: l.isRestaurantLocked
     }));
     function L(y) {
-      return na(l.restaurants, l.modelValue, y);
+      return sa(l.restaurants, l.modelValue, y);
     }
     function X(y) {
-      return ia(l.roles, y.restaurantId, y.roleId, f.value);
+      return oa(l.roles, y.restaurantId, y.roleId, f.value);
     }
-    function k(y) {
+    function V(y) {
       return l.isRestaurantLocked(y);
     }
     function ee(y, U) {
-      const v = l.modelValue[y], R = ua(l.roles, U, v.roleId, f.value), M = [...l.modelValue];
-      M[y] = { ...v, restaurantId: U, roleId: R }, V("update:modelValue", M);
+      const v = l.modelValue[y], I = ra(l.roles, U, v.roleId, f.value), M = [...l.modelValue];
+      M[y] = { ...v, restaurantId: U, roleId: I }, _("update:modelValue", M);
     }
     function u(y, U) {
-      const v = l.modelValue[y], R = [...l.modelValue];
-      R[y] = { ...v, roleId: U }, V("update:modelValue", R);
+      const v = l.modelValue[y], I = [...l.modelValue];
+      I[y] = { ...v, roleId: U }, _("update:modelValue", I);
     }
     function E() {
-      V("update:modelValue", [...l.modelValue, l.createRow()]);
+      _("update:modelValue", [...l.modelValue, l.createRow()]);
     }
     function F(y) {
-      V(
+      _(
         "update:modelValue",
-        da(l.modelValue, y, l.createRow, f.value)
+        na(l.modelValue, y, l.createRow, f.value)
       );
     }
-    const K = x(() => ra(l.restaurants, l.modelValue));
+    const K = k(() => ta(l.restaurants, l.modelValue));
     return (y, U) => {
-      const v = I("FmSelect"), R = I("FmIcon"), M = I("FmButton");
-      return _(), O("div", ha, [
-        m("div", ba, N(b.title), 1),
-        m("div", _a, [
-          m("div", Va, [
-            m("div", ka, N(b.restaurantLabel), 1),
-            m("div", xa, N(b.roleLabel), 1),
+      const v = w("FmSelect"), I = w("FmIcon"), M = w("FmButton");
+      return b(), O("div", ya, [
+        m("div", ga, N(R.title), 1),
+        m("div", ha, [
+          m("div", ba, [
+            m("div", _a, N(R.restaurantLabel), 1),
+            m("div", Va, N(R.roleLabel), 1),
             U[0] || (U[0] = m("div", null, null, -1))
           ]),
-          (_(!0), O(ke, null, je(b.modelValue, (p, s) => (_(), O("div", {
+          (b(!0), O(ke, null, Be(R.modelValue, (p, s) => (b(), O("div", {
             key: `${p.restaurantId || "new"}-${s}`,
             class: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto] items-center gap-16"
           }, [
@@ -85,41 +86,41 @@ const ha = { class: "rounded-lg border border-fm-color-neutral-gray-200 p-16 spa
               multiselect: !1,
               searchable: "",
               "search-debounce": 300,
-              placeholder: b.restaurantLabel,
-              disabled: k(p.restaurantId),
-              "onUpdate:modelValue": (C) => ee(s, C)
+              placeholder: R.restaurantLabel,
+              disabled: V(p.restaurantId),
+              "onUpdate:modelValue": (S) => ee(s, S)
             }, null, 8, ["model-value", "items", "placeholder", "disabled", "onUpdate:modelValue"]),
             n(v, {
               class: "min-w-0",
               "model-value": p.roleId,
               items: X(p),
               multiselect: !1,
-              placeholder: b.roleLabel,
-              disabled: !p.restaurantId || k(p.restaurantId),
-              "onUpdate:modelValue": (C) => u(s, C)
+              placeholder: R.roleLabel,
+              disabled: !p.restaurantId || V(p.restaurantId),
+              "onUpdate:modelValue": (S) => u(s, S)
             }, null, 8, ["model-value", "items", "placeholder", "disabled", "onUpdate:modelValue"]),
-            m("div", wa, [
-              b.modelValue.length > 1 ? (_(), O("div", {
+            m("div", ka, [
+              R.modelValue.length > 1 ? (b(), O("div", {
                 key: 0,
                 role: "button",
-                tabindex: k(p.restaurantId) ? -1 : 0,
-                "aria-disabled": k(p.restaurantId),
+                tabindex: V(p.restaurantId) ? -1 : 0,
+                "aria-disabled": V(p.restaurantId),
                 class: be(["inline-flex h-40 w-40 shrink-0 items-center justify-center rounded-lg text-fm-color-neutral-gray-400 transition-colors hover:bg-fm-color-neutral-gray-100 focus:outline-none focus:ring-2 focus:ring-fm-color-primary disabled:cursor-not-allowed disabled:text-fm-color-neutral-gray-200 disabled:hover:bg-transparent", {
-                  "cursor-pointer": !k(p.restaurantId),
-                  "pointer-events-none": k(p.restaurantId)
+                  "cursor-pointer": !V(p.restaurantId),
+                  "pointer-events-none": V(p.restaurantId)
                 }]),
-                "aria-label": b.removeLabel,
-                onClick: oe((C) => F(s), ["stop"]),
+                "aria-label": R.removeLabel,
+                onClick: oe((S) => F(s), ["stop"]),
                 onKeydown: [
-                  Ie(oe((C) => F(s), ["prevent", "stop"]), ["enter"]),
-                  Ie(oe((C) => F(s), ["prevent", "stop"]), ["space"])
+                  Ie(oe((S) => F(s), ["prevent", "stop"]), ["enter"]),
+                  Ie(oe((S) => F(s), ["prevent", "stop"]), ["space"])
                 ]
               }, [
-                n(R, {
+                n(I, {
                   name: "delete",
                   size: "md"
                 })
-              ], 42, Ia)) : H("", !0)
+              ], 42, xa)) : H("", !0)
             ])
           ]))), 128))
         ]),
@@ -129,7 +130,7 @@ const ha = { class: "rounded-lg border border-fm-color-neutral-gray-200 p-16 spa
           "text-color": "primary",
           "border-color": "primary",
           "prepend-icon": "add",
-          label: b.addLabel,
+          label: R.addLabel,
           size: "md",
           disabled: !K.value,
           onClick: oe(E, ["stop"])
@@ -137,20 +138,7 @@ const ha = { class: "rounded-lg border border-fm-color-neutral-gray-200 p-16 spa
       ]);
     };
   }
-});
-function Ce(b) {
-  return JSON.parse(JSON.stringify(b));
-}
-function Se(b) {
-  if (typeof structuredClone > "u")
-    return Ce(b);
-  try {
-    return structuredClone(Ge(b));
-  } catch {
-    return Ce(b);
-  }
-}
-const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class: "fm-typo-en-title-md-600" }, Ua = { class: "space-y-40" }, Ca = { class: "flex flex-row gap-16" }, Sa = { class: "space-y-16" }, La = { class: "flex gap-8 items-center justify-start" }, Le = 4, $a = /* @__PURE__ */ Ve({
+}), Ia = { class: "flex w-full items-center justify-between" }, Ra = { class: "fm-typo-en-title-md-600" }, Ea = { class: "space-y-40" }, Fa = { class: "flex flex-row gap-16" }, Ua = { class: "space-y-16" }, Sa = { class: "flex gap-8 items-center justify-start" }, Ce = 4, Ca = /* @__PURE__ */ Ve({
   __name: "EmployeeForm",
   props: {
     roleErrorMessage: {
@@ -159,8 +147,8 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
     }
   },
   emits: ["submitted"],
-  setup(b, { expose: Z, emit: l }) {
-    const V = _e(), f = De(), L = Ae(), X = Me(), k = Ne(X), ee = l, { t: u } = $e(), E = h(!1), F = h(!0);
+  setup(R, { expose: Z, emit: l }) {
+    const _ = _e(), f = Ae(), L = Pe(), X = $e(), V = De(X), ee = l, { t: u } = Le(), E = h(!1), F = h(!0);
     function K() {
       return {
         restaurantId: "",
@@ -175,14 +163,14 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
         isMasterUser: r.isMasterUser ?? !1,
         name: r.name ?? "",
         passcode: r.passcode ?? "",
-        restaurants: r.restaurants.length > 0 ? r.restaurants.map(({ restaurantId: S, roleId: P }) => ({
-          restaurantId: S,
+        restaurants: r.restaurants.length > 0 ? r.restaurants.map(({ restaurantId: C, roleId: P }) => ({
+          restaurantId: C,
           roleId: P
         })) : [K()]
       };
     }
     const U = (d) => {
-      s.value = y(d), p.value = Se(s.value), C.value = d == null ? void 0 : d._id, A.value = [], s.value.passcode ? (A.value = s.value.passcode.split(""), B.value = !0) : B.value = !1, F.value = !d, E.value = !0;
+      s.value = y(d), p.value = Se(s.value), S.value = d == null ? void 0 : d._id, A.value = [], s.value.passcode ? (A.value = s.value.passcode.split(""), B.value = !0) : B.value = !1, F.value = !d, E.value = !0;
     };
     function v() {
       return {
@@ -193,24 +181,24 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
         restaurants: [K()]
       };
     }
-    const R = x(() => F.value ? u("hr.employee.form.add") : u("hr.employee.form.update")), M = x(() => F.value ? u("common.create") : u("common.update")), p = h(v()), s = h(v()), C = h(void 0), T = x(
-      () => ca(s.value.restaurants)
+    const I = k(() => F.value ? u("hr.employee.form.add") : u("hr.employee.form.update")), M = k(() => F.value ? u("common.create") : u("common.update")), p = h(v()), s = h(v()), S = h(void 0), T = k(
+      () => ia(s.value.restaurants)
     );
     function ne(d) {
       var r;
-      return d ? !((r = f.restaurants.value.find((S) => S._id === d)) != null && r.managable) : !1;
+      return d ? !((r = f.restaurants.value.find((C) => C._id === d)) != null && r.managable) : !1;
     }
     function ie(d) {
       return d.isUsable;
     }
-    const A = h([]), B = h(!1), J = h(!1), ae = h(!1), ue = x(() => T.value.length > 0);
+    const A = h([]), B = h(!1), W = h(!1), ae = h(!1), ue = k(() => T.value.length > 0);
     async function j() {
       if (ue.value)
         try {
-          const d = await k.custom(
-            () => ya.generateEmployeePasscode({
+          const d = await V.custom(
+            () => pa.generateEmployeePasscode({
               restaurantIds: T.value,
-              excludePosUserId: C.value
+              excludePosUserId: S.value
             }),
             { isLoading: ae }
           );
@@ -218,8 +206,8 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
         } catch {
         }
     }
-    const W = ta(
-      () => !ga.isEqual(s.value, p.value),
+    const J = va(
+      () => !fa.isEqual(s.value, p.value),
       () => {
         E.value = !1;
       }
@@ -237,7 +225,7 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
     }
     async function le() {
       var P, z;
-      const d = p.value, r = C.value, S = {
+      const d = p.value, r = S.value, C = {
         user: {
           name: s.value.name,
           passcode: s.value.passcode
@@ -249,7 +237,7 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
         }))
       };
       if (!s.value.isMasterUser)
-        await L.updateEmployee(r, S);
+        await L.updateEmployee(r, C);
       else {
         const $ = {
           user: {
@@ -267,21 +255,21 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
       }
     }
     async function Q() {
-      F.value ? await k.minor(
+      F.value ? await V.minor(
         async () => {
           await ve();
         },
         {
           successMessage: u("hr.employee.create.successMessage"),
-          isLoading: J
+          isLoading: W
         }
-      ) : await k.minor(
+      ) : await V.minor(
         async () => {
           await le();
         },
         {
           successMessage: u("hr.employee.update.successMessage"),
-          isLoading: J
+          isLoading: W
         }
       ), ee("submitted"), E.value = !1;
     }
@@ -293,61 +281,61 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
       show: E,
       trigger: U
     }), (d, r) => {
-      const S = I("FmIcon"), P = I("FmSwitch"), z = I("FmTextField"), $ = I("FmFormGroup"), G = I("fm-button"), de = I("fm-side-sheet");
-      return _(), O(ke, null, [
-        qe(d.$slots, "default", { trigger: U }),
+      const C = w("FmIcon"), P = w("FmSwitch"), z = w("FmTextField"), $ = w("FmFormGroup"), G = w("fm-button"), de = w("fm-side-sheet");
+      return b(), O(ke, null, [
+        je(d.$slots, "default", { trigger: U }),
         n(de, {
           id: "unit-form",
           modelValue: E.value,
           "onUpdate:modelValue": r[9] || (r[9] = (o) => E.value = o),
-          "is-container": t(Pe).FmForm,
+          "is-container": t(Me).FmForm,
           "is-container-props": {
             onValidationSuccess: Q,
             blameFormChildOnValidationFailed: !0
           },
           "max-width": 960,
           "close-button": !1,
-          "onOn:clickedAway": t(W)
+          "onOn:clickedAway": t(J)
         }, {
-          "side-sheet-header": w(() => [
-            m("div", Ea, [
-              m("p", Fa, N(R.value), 1),
-              n(S, {
+          "side-sheet-header": x(() => [
+            m("div", Ia, [
+              m("p", Ra, N(I.value), 1),
+              n(C, {
                 name: "close",
                 size: "md",
                 class: "cursor-pointer",
-                onClick: t(W)
+                onClick: t(J)
               }, null, 8, ["onClick"])
             ])
           ]),
-          "side-sheet-footer": w(() => [
-            m("div", La, [
+          "side-sheet-footer": x(() => [
+            m("div", Sa, [
               n(G, {
                 label: M.value,
                 size: "lg",
                 type: "submit",
                 variant: "primary",
-                disabled: J.value
+                disabled: W.value
               }, null, 8, ["label", "disabled"]),
               n(G, {
                 label: t(u)("common.cancel"),
                 size: "lg",
                 variant: "tertiary",
-                disabled: J.value,
-                onClick: t(W)
+                disabled: W.value,
+                onClick: t(J)
               }, null, 8, ["label", "disabled", "onClick"])
             ])
           ]),
-          default: w(() => [
-            m("div", Ua, [
-              n(Ue, {
+          default: x(() => [
+            m("div", Ea, [
+              n(Ee, {
                 title: t(u)("hr.employee.form.employeeSetting")
               }, {
-                default: w(() => [
-                  n(Ee, {
+                default: x(() => [
+                  n(Fe, {
                     label: t(u)("hr.employee.form.masterUserConfig")
                   }, {
-                    default: w(() => [
+                    default: x(() => [
                       n(P, {
                         modelValue: s.value.isMasterUser,
                         "onUpdate:modelValue": r[0] || (r[0] = (o) => s.value.isMasterUser = o),
@@ -359,8 +347,8 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
                     ]),
                     _: 1
                   }, 8, ["label"]),
-                  m("div", Ca, [
-                    s.value.isMasterUser ? (_(), D(z, {
+                  m("div", Fa, [
+                    s.value.isMasterUser ? (b(), D(z, {
                       key: 0,
                       modelValue: s.value.code,
                       "onUpdate:modelValue": r[1] || (r[1] = (o) => s.value.code = o),
@@ -374,32 +362,32 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
                       rules: [(o) => !!o || t(u)("hr.employee.form.required")]
                     }, null, 8, ["modelValue", "label", "rules"])
                   ]),
-                  n(Ee, {
+                  n(Fe, {
                     label: t(u)("hr.employee.form.passcode")
                   }, {
-                    default: w(() => [
-                      m("div", Sa, [
+                    default: x(() => [
+                      m("div", Ua, [
                         n($, {
                           modelValue: A.value,
                           "onUpdate:modelValue": r[6] || (r[6] = (o) => A.value = o),
                           rules: [
-                            (o) => (o == null ? void 0 : o.filter((Y) => !!Y).length) !== Le ? t(u)("hr.employee.form.passcodeRequired") : !0
+                            (o) => (o == null ? void 0 : o.filter((Y) => !!Y).length) !== Ce ? t(u)("hr.employee.form.passcodeRequired") : !0
                           ]
                         }, {
-                          default: w(() => [
-                            n(ma, {
+                          default: x(() => [
+                            n(ua, {
                               modelValue: A.value,
                               "onUpdate:modelValue": r[3] || (r[3] = (o) => A.value = o),
                               masked: B.value,
                               "onUpdate:masked": r[4] || (r[4] = (o) => B.value = o),
-                              length: Le,
+                              length: Ce,
                               "toggle-label": t(u)("hr.employee.form.passcodeToggleVisibility"),
                               onComplete: r[5] || (r[5] = (o) => s.value.passcode = o)
                             }, null, 8, ["modelValue", "masked", "toggle-label"])
                           ]),
                           _: 1
                         }, 8, ["modelValue", "rules"]),
-                        n(pa, {
+                        n(da, {
                           label: t(u)("hr.employee.form.passcodeGenerate"),
                           hint: t(u)("hr.employee.form.passcodeSelectOutletFirst"),
                           loading: ae.value,
@@ -413,8 +401,8 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
                 ]),
                 _: 1
               }, 8, ["title"]),
-              n(Ue, null, {
-                default: w(() => [
+              n(Ee, null, {
+                default: x(() => [
                   n($, {
                     modelValue: s.value.restaurants,
                     "onUpdate:modelValue": r[8] || (r[8] = (o) => s.value.restaurants = o),
@@ -424,12 +412,12 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
                       (o) => o.every((Y) => Y.restaurantId && Y.roleId) || t(u)("hr.employee.form.roleRequired")
                     ]
                   }, {
-                    default: w(() => [
-                      n(Ra, {
+                    default: x(() => [
+                      n(wa, {
                         modelValue: s.value.restaurants,
                         "onUpdate:modelValue": r[7] || (r[7] = (o) => s.value.restaurants = o),
                         restaurants: t(f).restaurants.value,
-                        roles: t(V).roles.value,
+                        roles: t(_).roles.value,
                         "is-role-usable": ie,
                         "is-restaurant-locked": ne,
                         "create-row": K,
@@ -452,48 +440,48 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
       ], 64);
     };
   }
-}), Ma = {
+}), La = {
   class: "space-y-8"
-}, Pa = {
+}, $a = {
   key: 0,
   class: "flex w-full items-start justify-between"
-}, Aa = {
+}, Ma = {
   class: "flex items-start gap-8"
-}, Da = {
+}, Pa = {
   class: "flex"
-}, Na = {
+}, Aa = {
   key: 1,
   class: "space-y-4"
-}, Oa = {
+}, Da = {
   class: "px-16"
-}, Ka = {
+}, Na = {
   class: "px-16 flex items-start gap-8"
-}, za = {
+}, Oa = {
   class: "flex h-full flex-col overflow-auto"
-}, Ta = {
+}, Ka = {
   class: "space-y-4"
-}, Ba = {
+}, za = {
   class: "fm-typo-en-body-lg-600"
-}, ja = {
+}, Ta = {
   key: 0,
   class: "mr-4"
-}, Ga = {
+}, Ba = {
   class: "text-fm-color-typo-secondary"
-}, qa = {
+}, ja = {
   class: "line-clamp-2"
-}, Ha = {
+}, Ga = {
   class: "font-bold"
-}, q = 200, Ja = /* @__PURE__ */ Ve({
+}, q = 200, qa = /* @__PURE__ */ Ve({
   __name: "EmployeeList",
-  setup(b, {
+  setup(R, {
     expose: Z
   }) {
     const {
       t: l
-    } = $e(), V = h(), f = Ae(), L = De(), X = We(), {
-      currentBusiness: k,
+    } = Le(), _ = h(), f = Pe(), L = Ae(), X = He(), {
+      currentBusiness: V,
       sessionUser: ee
-    } = X, u = _e(), E = x(() => L.isLoading.value), F = h(u.roles.value.length === 0);
+    } = X, u = _e(), E = k(() => L.isLoading.value), F = h(u.roles.value.length === 0);
     re(L.restaurants, (e) => {
       if (e.length > 0 && f.listEmployees.value.length > 0) {
         const a = new Map(e.map((i) => [i._id, i]));
@@ -510,7 +498,7 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
         }));
       }
     });
-    const K = x(() => L.restaurants.value.map((e) => ({
+    const K = k(() => L.restaurants.value.map((e) => ({
       label: `${e.profile.code ? `${e.profile.code} - ` : ""}${e.profile.name}`,
       value: e._id
     }))), y = re(u.roles, (e) => {
@@ -527,14 +515,14 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
         }
         y();
       }
-    }), U = x(() => f.listEmployees.value), {
+    }), U = k(() => f.listEmployees.value), {
       searchKey: v
-    } = aa(), R = h(""), M = x(() => U.value), p = x(() => f.totalEmployees.value), s = h(1), C = x(() => f.isLoading.value), T = h(!1), ne = x(() => {
+    } = Xe(), I = h(""), M = k(() => U.value), p = k(() => f.totalEmployees.value), s = h(1), S = k(() => f.isLoading.value), T = h(!1), ne = k(() => {
       var e;
       return JSON.stringify({
-        businessId: ((e = k.value) == null ? void 0 : e._id) ?? "",
-        search: R.value.trim(),
-        restaurantIds: [...V.value ?? []].sort(),
+        businessId: ((e = V.value) == null ? void 0 : e._id) ?? "",
+        search: I.value.trim(),
+        restaurantIds: [..._.value ?? []].sort(),
         roleIds: [...o.value ?? []].sort()
       });
     }), ie = (e) => {
@@ -544,14 +532,14 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
     function B(e) {
       return [{
         label: l("hr.employee.form.update"),
-        onClick: () => S(e)
+        onClick: () => C(e)
       }, {
         label: l("hr.employee.remove.title"),
         onClick: () => z(e),
         itemClass: "text-fm-color-typo-error"
       }];
     }
-    const J = ({
+    const W = ({
       employee: e,
       className: a = ""
     }) => n("div", {
@@ -559,7 +547,7 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
       onClick: (i) => {
         i.stopPropagation();
       }
-    }, [n(sa, {
+    }, [n(aa, {
       items: B(e)
     }, null)]), ae = [{
       accessorKey: "code",
@@ -573,9 +561,9 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
         const a = e.row.original;
         return n("div", {
           class: "flex items-center gap-8"
-        }, [n(Pe.FmAvatar, {
+        }, [n(Me.FmAvatar, {
           name: a.name,
-          initials: va(a.name),
+          initials: ma(a.name),
           size: "sm",
           class: "shrink-0"
         }, null), n("span", {
@@ -588,7 +576,7 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
       header: () => l("hr.employee.columns.restaurants"),
       enableSorting: !1,
       cell(e) {
-        return E.value || F.value ? pe(Fe) : e.row.original.restaurants.map((a, i) => {
+        return E.value || F.value ? pe(Ue) : e.row.original.restaurants.map((a, i) => {
           const g = ie(a);
           return pe("div", {
             key: a.restaurantId || i
@@ -602,7 +590,7 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
       header: () => l("hr.employee.columns.assignedRole"),
       enableSorting: !1,
       cell(e) {
-        return E.value || F.value ? pe(Fe, {
+        return E.value || F.value ? pe(Ue, {
           width: "120px"
         }) : e.row.original.restaurants.map((a, i) => {
           const g = A(a);
@@ -624,7 +612,7 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
         headerContentClass: "-mx-16"
       },
       cell(e) {
-        return J({
+        return W({
           employee: e.row.original,
           className: "flex w-full items-center justify-end"
         });
@@ -640,7 +628,7 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
       row: {
         original: e
       }
-    }) : e[a.accessorKey]]))]), j = Me(), W = Qe(), ve = Ne(j), le = h(!1), Q = h(), d = h();
+    }) : e[a.accessorKey]]))]), j = $e(), J = We(), ve = De(j), le = h(!1), Q = h(), d = h();
     function r(e) {
       const a = e.isRestricted;
       return a && j.open({
@@ -650,13 +638,13 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
         type: "error"
       }), a;
     }
-    const S = (e) => {
+    const C = (e) => {
       var i;
       e && r(e) || (i = d.value) == null || i.trigger(e);
     }, {
       breakpoints: P
-    } = Ye(), z = (e) => {
-      r(e) || W.open({
+    } = Je(), z = (e) => {
+      r(e) || J.open({
         title: l("hr.employee.remove.title"),
         message: l("hr.employee.remove.message", {
           name: e.name
@@ -683,14 +671,14 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
             name: e.name
           })
         }).catch(() => {
-        }), W.close();
+        }), J.close();
       });
     }, $ = h("");
     function G() {
       var e;
       (e = d.value) == null || e.trigger();
     }
-    const de = x(() => _e().roles.value.map((e) => ({
+    const de = k(() => _e().roles.value.map((e) => ({
       label: e.name,
       value: e._id
     }))), o = h();
@@ -713,8 +701,8 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
         await f.readEmployeesPage({
           limit: q,
           offset: (e - 1) * q,
-          search: R.value.trim() || void 0,
-          restaurantIds: (a = V.value) != null && a.length ? V.value : void 0,
+          search: I.value.trim() || void 0,
+          restaurantIds: (a = _.value) != null && a.length ? _.value : void 0,
           roleIds: (i = o.value) != null && i.length ? o.value : void 0
         });
       } catch (g) {
@@ -726,29 +714,29 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
     }
     async function ye() {
       var a;
-      if (!((a = k.value) != null && a._id)) return;
+      if (!((a = V.value) != null && a._id)) return;
       await ce(s.value);
       const e = Math.max(1, Math.ceil(p.value / q));
       s.value > e && (s.value = e, await ce(s.value));
     }
-    async function Oe() {
+    async function Ne() {
       var e, a;
       return await f.readAllEmployeesPage({
-        search: R.value.trim() || void 0,
-        restaurantIds: (e = V.value) != null && e.length ? V.value : void 0,
+        search: I.value.trim() || void 0,
+        restaurantIds: (e = _.value) != null && e.length ? _.value : void 0,
         roleIds: (a = o.value) != null && a.length ? o.value : void 0
       }, p.value);
     }
-    const Ke = fa(v, () => {
-      R.value = v.value;
+    const Oe = ca(v, () => {
+      I.value = v.value;
     }, 300);
-    He(Ke);
+    Ge(Oe);
     let ge = !1;
-    async function ze({
+    async function Ke({
       pageIndex: e
     }) {
       var a;
-      if ((a = k.value) != null && a._id && !ge && !(e === 0 && s.value === 1 && M.value.length > 0)) {
+      if ((a = V.value) != null && a._id && !ge && !(e === 0 && s.value === 1 && M.value.length > 0)) {
         ge = !0, s.value = e + 1;
         try {
           await ce(s.value);
@@ -759,22 +747,22 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
     }
     re(ne, async () => {
       var e;
-      s.value = 1, T.value = !1, (e = k.value) != null && e._id && (await ce(1), T.value = !0);
+      s.value = 1, T.value = !1, (e = V.value) != null && e._id && (await ce(1), T.value = !0);
     }, {
       immediate: !0
     }), re(() => Q.value && Q.value.restaurants, (e) => {
       e && e.length > 0 && ($.value = "");
     });
-    const Te = x(() => p.value > q);
+    const ze = k(() => p.value > q);
     return Z({
       create: G,
       filteredEmployees: M,
-      exportEmployees: Oe,
-      getHasPaginationFooter: () => Te.value
+      exportEmployees: Ne,
+      getHasPaginationFooter: () => ze.value
     }), (e, a) => {
       var xe, we;
-      const i = I("FmButton"), g = I("FmTooltip"), te = I("FmSearch"), se = I("FmListItem"), Be = I("FmTable");
-      return _(), O(ke, null, [n($a, {
+      const i = w("FmButton"), g = w("FmTooltip"), te = w("FmSearch"), se = w("FmListItem"), Te = w("FmTable");
+      return b(), O(ke, null, [n(Ca, {
         ref_key: "employeeFormRef",
         ref: d,
         modelValue: Q.value,
@@ -782,13 +770,13 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
         "role-error-message": $.value,
         class: "gap-8",
         onSubmitted: ye
-      }, null, 8, ["modelValue", "role-error-message"]), m("div", Ma, [t(P).xs ? (_(), O("div", Na, [m("div", Oa, [n(te, {
+      }, null, 8, ["modelValue", "role-error-message"]), m("div", La, [t(P).xs ? (b(), O("div", Aa, [m("div", Da, [n(te, {
         modelValue: t(v),
         "onUpdate:modelValue": a[4] || (a[4] = (c) => Re(v) ? v.value = c : null),
         placeholder: t(l)("hr.employee.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])]), n(la), m("div", Ka, [n(fe, {
-        modelValue: V.value,
-        "onUpdate:modelValue": a[5] || (a[5] = (c) => V.value = c),
+      }, null, 8, ["modelValue", "placeholder"])]), n(ea), m("div", Na, [n(fe, {
+        modelValue: _.value,
+        "onUpdate:modelValue": a[5] || (a[5] = (c) => _.value = c),
         multiple: "",
         items: K.value,
         variant: "dark",
@@ -803,9 +791,9 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
         variant: "dark",
         "selected-prefix": t(l)("hr.employee.filter.selected_role_prefix"),
         placeholder: t(l)("hr.employee.filter.role_placeholder")
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])])) : (_(), O("div", Pa, [m("div", Aa, [n(fe, {
-        modelValue: V.value,
-        "onUpdate:modelValue": a[1] || (a[1] = (c) => V.value = c),
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])])) : (b(), O("div", $a, [m("div", Ma, [n(fe, {
+        modelValue: _.value,
+        "onUpdate:modelValue": a[1] || (a[1] = (c) => _.value = c),
         multiple: "",
         items: K.value,
         variant: "dark",
@@ -820,11 +808,11 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
         items: de.value,
         "selected-prefix": t(l)("hr.employee.filter.selected_role_prefix"),
         placeholder: t(l)("hr.employee.filter.role_placeholder")
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])]), m("div", Da, [(xe = t(ee)) != null && xe.role.isAdmin ? (_(), D(g, {
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])]), m("div", Pa, [(xe = t(ee)) != null && xe.role.isAdmin ? (b(), D(g, {
         key: 0,
         content: t(l)("hr.employee.sync.tooltip")
       }, {
-        default: w(() => [n(i, {
+        default: x(() => [n(i, {
           icon: "refresh",
           label: t(l)("hr.employee.sync.tooltip"),
           variant: "tertiary",
@@ -837,43 +825,43 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
         autofocus: "",
         class: "pl-4 w-[320px]",
         placeholder: t(l)("hr.employee.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])])])), (we = t(k)) != null && we._id ? (_(), D(Xe, {
+      }, null, 8, ["modelValue", "placeholder"])])])), (we = t(V)) != null && we._id ? (b(), D(Qe, {
         key: 2
       }, {
-        default: w(() => [m("div", za, [!T.value && t(f).isLoading.value ? (_(), D(ea, {
+        default: x(() => [m("div", Oa, [!T.value && t(f).isLoading.value ? (b(), D(Ye, {
           key: 0
-        })) : H("", !0), T.value ? (_(), D(oa, {
+        })) : H("", !0), T.value ? (b(), D(la, {
           key: 1,
           "is-loading": t(f).isLoading.value,
           "is-empty": p.value === 0,
           title: t(l)("hr.employee.noData.title"),
           subtitle: t(l)("hr.employee.noData.subtitle")
         }, {
-          default: w(() => [(_(), D(Be, {
+          default: x(() => [(b(), D(Te, {
             key: ne.value,
             class: be(["employee-list-table h-full", {
-              "employee-list-table--pagination-loading": C.value
+              "employee-list-table--pagination-loading": S.value
             }]),
             "column-defs": ae,
             "row-data": M.value,
             "page-size": q,
             "page-count": Math.ceil(p.value / q),
             "row-count": p.value,
-            "fetch-fn": ze,
+            "fetch-fn": Ke,
             "hide-footer": p.value <= q,
             loading: t(f).isLoading.value,
             virtual: !1,
             "pin-header-row": "",
-            onRowClick: a[7] || (a[7] = (c) => S(c.original))
+            onRowClick: a[7] || (a[7] = (c) => C(c.original))
           }, {
-            "list-row": w((c) => [t(P).xs ? (_(), D(se, {
+            "list-row": x((c) => [t(P).xs ? (b(), D(se, {
               key: 0,
               class: be(["py-12 px-16 items-center justify-between", {
                 "border-t border-fm-color-neutral-gray-100": c.index > 0
               }]),
-              onClick: (me) => S(c.original)
+              onClick: (me) => C(c.original)
             }, {
-              default: w(() => [m("div", Ta, [m("p", Ba, [c.original.code ? (_(), O("span", ja, N(c.original.code) + ".", 1)) : H("", !0), he(N(c.original.name), 1)]), m("div", Ga, [m("p", qa, [m("span", Ha, N(t(l)("hr.employee.columns.restaurants")) + ":", 1), he(" " + N(c.original.restaurants.map((me) => ie(me)).join(", ")), 1)]), m("p", null, [a[8] || (a[8] = m("span", {
+              default: x(() => [m("div", Ka, [m("p", za, [c.original.code ? (b(), O("span", Ta, N(c.original.code) + ".", 1)) : H("", !0), he(N(c.original.name), 1)]), m("div", Ba, [m("p", ja, [m("span", Ga, N(t(l)("hr.employee.columns.restaurants")) + ":", 1), he(" " + N(c.original.restaurants.map((me) => ie(me)).join(", ")), 1)]), m("p", null, [a[8] || (a[8] = m("span", {
                 class: "font-bold"
               }, "Since:", -1)), he(" " + N(c.original.since), 1)])])]), n(i, {
                 icon: "delete",
@@ -882,14 +870,14 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
                 onClick: oe((me) => z(c.original), ["stop"])
               }, null, 8, ["onClick"])]),
               _: 2
-            }, 1032, ["class", "onClick"])) : (_(), D(se, {
+            }, 1032, ["class", "onClick"])) : (b(), D(se, {
               key: 1,
               style: {
                 padding: "0"
               },
-              onClick: (me) => S(c.original)
+              onClick: (me) => C(c.original)
             }, {
-              default: w(() => [(_(), D(Je(ue), {
+              default: x(() => [(b(), D(qe(ue), {
                 employee: c.original
               }, null, 8, ["employee"]))]),
               _: 2
@@ -902,7 +890,7 @@ const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class:
       })) : H("", !0)])], 64);
     };
   }
-}), pl = /* @__PURE__ */ Ze(Ja, [["__scopeId", "data-v-5aed0d1c"]]);
+}), ml = /* @__PURE__ */ Ze(qa, [["__scopeId", "data-v-5aed0d1c"]]);
 export {
-  pl as default
+  ml as default
 };