@feedmepos/mf-hrm-portal 2.2.5-dev → 2.2.5-dev.4

package/dist/EmployeeList-DREDu3Ou.js

@@ -0,0 +1,788 @@
+import { toRaw as Ke, defineComponent as Fe, ref as v, computed as h, watch as X, resolveComponent as E, createElementBlock as ee, openBlock as g, Fragment as Ie, renderSlot as Ge, createVNode as i, unref as l, withCtx as y, createElementVNode as f, createBlock as I, createCommentVNode as j, toDisplayString as q, onUnmounted as Be, isRef as we, normalizeClass as ke, createTextVNode as ge, withModifiers as je, resolveDynamicComponent as qe, h as ie } from "vue";
+import { useI18n as Re, useCoreStore as He } from "@feedmepos/mf-common";
+import { useSnackbar as Me, components as $e, useDialog as Je, useBreakpoints as We } from "@feedmepos/ui-library";
+import { S as ue } from "./SelectFilter-CG13h83-.js";
+import { _ as Qe, a as Ye } from "./app-tDHL6k4G.js";
+import { _ as xe, u as Ze, H as Xe } from "./FormItem.vue_vue_type_script_setup_true_lang-CUnlKsxk.js";
+import { u as ea, _ as aa } from "./useDiscardConfirm-DPhEV6v0.js";
+import { _ as la } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-IfAZmWr0.js";
+import { s as sa, _ as ta, a as oa, b as ra, c as Ee } from "./PasscodePinField.vue_vue_type_script_setup_true_lang-CqG0v0Sz.js";
+import { u as na } from "./useDebounce-B8ZPVS5C.js";
+import { n as ia } from "./string-VNuQNweN.js";
+import { u as Le } from "./employee-Bs_2vqBY.js";
+import { u as Pe } from "./restaurant-BTpBmfBV.js";
+import { l as ua } from "./lodash-D5vM3paU.js";
+import { _ as Ve } from "./FormSection.vue_vue_type_script_setup_true_lang-DknXTYiK.js";
+import { u as De } from "./useLoading-CXzTpIVv.js";
+import { E as ca } from "./index-Cz2b95YF.js";
+import { u as he } from "./role-7ccipEEe.js";
+/* empty css                                                                      */
+import { _ as ma } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+function Se($) {
+  return JSON.parse(JSON.stringify($));
+}
+function Ce($) {
+  if (typeof structuredClone > "u")
+    return Se($);
+  try {
+    return structuredClone(Ke($));
+  } catch {
+    return Se($);
+  }
+}
+const da = { class: "flex w-full items-center justify-between" }, pa = { class: "fm-typo-en-title-md-600" }, fa = { class: "space-y-40" }, va = { class: "flex flex-row gap-16" }, ya = { class: "space-y-16" }, ga = { class: "flex gap-8 items-center justify-start" }, Ue = 4, ha = /* @__PURE__ */ Fe({
+  __name: "EmployeeForm",
+  props: {
+    roleErrorMessage: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["submitted"],
+  setup($, { expose: ce, emit: n }) {
+    const k = he(), d = Pe(), C = Le(), me = Me(), U = De(me), de = n, { t: c } = Re(), V = v(!1), R = v(!0);
+    function O() {
+      return {
+        restaurantId: "",
+        roleId: ""
+      };
+    }
+    function pe(u) {
+      if (!u) return _();
+      const o = Ce(u);
+      return {
+        code: o.code ?? "",
+        isMasterUser: o.isMasterUser ?? !1,
+        name: o.name ?? "",
+        passcode: o.passcode ?? "",
+        restaurants: o.restaurants.length > 0 ? o.restaurants.map(({ restaurantId: w, roleId: S }) => ({
+          restaurantId: w,
+          roleId: S
+        })) : [O()]
+      };
+    }
+    const ae = (u) => {
+      s.value = pe(u), b.value = Ce(s.value), J.value = u == null ? void 0 : u._id, F.value = [], s.value.passcode ? (F.value = s.value.passcode.split(""), P.value = !0) : P.value = !1, R.value = !u, V.value = !0;
+    };
+    function _() {
+      return {
+        code: "",
+        isMasterUser: !1,
+        name: "",
+        passcode: "",
+        restaurants: [O()]
+      };
+    }
+    const T = h(() => R.value ? c("hr.employee.form.add") : c("hr.employee.form.update")), H = h(() => R.value ? c("common.create") : c("common.update")), b = v(_()), s = v(_()), J = v(void 0), L = h(
+      () => sa(s.value.restaurants)
+    );
+    function le(u) {
+      var o;
+      return u ? !((o = d.restaurants.value.find((w) => w._id === u)) != null && o.managable) : !1;
+    }
+    function se(u) {
+      return u.isUsable;
+    }
+    const F = v([]), P = v(!1), z = v(!1), W = v(!1), te = h(() => L.value.length > 0);
+    async function D() {
+      if (te.value)
+        try {
+          const u = await U.custom(
+            () => ca.generateEmployeePasscode({
+              restaurantIds: L.value,
+              excludePosUserId: J.value
+            }),
+            { isLoading: W }
+          );
+          P.value = !1, F.value = u.split(""), s.value.passcode = u;
+        } catch {
+        }
+    }
+    const K = ea(
+      () => !ua.isEqual(s.value, b.value),
+      () => {
+        V.value = !1;
+      }
+    );
+    async function fe() {
+      const u = {
+        user: {
+          name: s.value.name,
+          passcode: s.value.passcode,
+          code: s.value.code
+        },
+        roles: s.value.restaurants
+      };
+      s.value.isMasterUser ? await C.createMasterEmployee(u) : (delete u.user.code, await C.createEmployee(u));
+    }
+    async function Q() {
+      var S, M;
+      const u = b.value, o = J.value, w = {
+        user: {
+          name: s.value.name,
+          passcode: s.value.passcode
+        },
+        roles: s.value.restaurants,
+        previousRoles: (S = u.restaurants) == null ? void 0 : S.map((x) => ({
+          restaurantId: x.restaurantId,
+          roleId: x.roleId
+        }))
+      };
+      if (!s.value.isMasterUser)
+        await C.updateEmployee(o, w);
+      else {
+        const x = {
+          user: {
+            name: s.value.name,
+            passcode: s.value.passcode,
+            code: s.value.code
+          },
+          roles: s.value.restaurants,
+          previousRoles: (M = u.restaurants) == null ? void 0 : M.map((N) => ({
+            restaurantId: N.restaurantId,
+            roleId: N.roleId
+          }))
+        };
+        b.value.isMasterUser ? await C.updateMasterEmployee(o, x) : await C.migrateToMasterUser(o, x);
+      }
+    }
+    async function G() {
+      R.value ? await U.minor(
+        async () => {
+          await fe();
+        },
+        {
+          successMessage: c("hr.employee.create.successMessage"),
+          isLoading: z
+        }
+      ) : await U.minor(
+        async () => {
+          await Q();
+        },
+        {
+          successMessage: c("hr.employee.update.successMessage"),
+          isLoading: z
+        }
+      ), de("submitted"), V.value = !1;
+    }
+    return X(
+      () => V.value,
+      (u) => {
+      }
+    ), ce({
+      show: V,
+      trigger: ae
+    }), (u, o) => {
+      const w = E("FmIcon"), S = E("FmSwitch"), M = E("FmTextField"), x = E("FmFormGroup"), N = E("fm-button"), oe = E("fm-side-sheet");
+      return g(), ee(Ie, null, [
+        Ge(u.$slots, "default", { trigger: ae }),
+        i(oe, {
+          id: "unit-form",
+          modelValue: V.value,
+          "onUpdate:modelValue": o[9] || (o[9] = (t) => V.value = t),
+          "is-container": l($e).FmForm,
+          "is-container-props": {
+            onValidationSuccess: G,
+            blameFormChildOnValidationFailed: !0
+          },
+          "max-width": 960,
+          "close-button": !1,
+          "onOn:clickedAway": l(K)
+        }, {
+          "side-sheet-header": y(() => [
+            f("div", da, [
+              f("p", pa, q(T.value), 1),
+              i(w, {
+                name: "close",
+                size: "md",
+                class: "cursor-pointer",
+                onClick: l(K)
+              }, null, 8, ["onClick"])
+            ])
+          ]),
+          "side-sheet-footer": y(() => [
+            f("div", ga, [
+              i(N, {
+                label: H.value,
+                size: "lg",
+                type: "submit",
+                variant: "primary",
+                disabled: z.value
+              }, null, 8, ["label", "disabled"]),
+              i(N, {
+                label: l(c)("common.cancel"),
+                size: "lg",
+                variant: "tertiary",
+                disabled: z.value,
+                onClick: l(K)
+              }, null, 8, ["label", "disabled", "onClick"])
+            ])
+          ]),
+          default: y(() => [
+            f("div", fa, [
+              i(Ve, {
+                title: l(c)("hr.employee.form.employeeSetting")
+              }, {
+                default: y(() => [
+                  i(xe, {
+                    label: l(c)("hr.employee.form.masterUserConfig")
+                  }, {
+                    default: y(() => [
+                      i(S, {
+                        modelValue: s.value.isMasterUser,
+                        "onUpdate:modelValue": o[0] || (o[0] = (t) => s.value.isMasterUser = t),
+                        value: "masterUser",
+                        label: l(c)("hr.employee.form.masterUser"),
+                        sublabel: l(c)("hr.employee.form.masterUserSublabel"),
+                        "label-placement": "right"
+                      }, null, 8, ["modelValue", "label", "sublabel"])
+                    ]),
+                    _: 1
+                  }, 8, ["label"]),
+                  f("div", va, [
+                    s.value.isMasterUser ? (g(), I(M, {
+                      key: 0,
+                      modelValue: s.value.code,
+                      "onUpdate:modelValue": o[1] || (o[1] = (t) => s.value.code = t),
+                      label: l(c)("hr.employee.form.code")
+                    }, null, 8, ["modelValue", "label"])) : j("", !0),
+                    i(M, {
+                      modelValue: s.value.name,
+                      "onUpdate:modelValue": o[2] || (o[2] = (t) => s.value.name = t),
+                      class: "w-full",
+                      label: l(c)("hr.employee.form.name"),
+                      rules: [(t) => !!t || l(c)("hr.employee.form.required")]
+                    }, null, 8, ["modelValue", "label", "rules"])
+                  ]),
+                  i(xe, {
+                    label: l(c)("hr.employee.form.passcode")
+                  }, {
+                    default: y(() => [
+                      f("div", ya, [
+                        i(x, {
+                          modelValue: F.value,
+                          "onUpdate:modelValue": o[6] || (o[6] = (t) => F.value = t),
+                          rules: [
+                            (t) => (t == null ? void 0 : t.filter((B) => !!B).length) !== Ue ? l(c)("hr.employee.form.passcodeRequired") : !0
+                          ]
+                        }, {
+                          default: y(() => [
+                            i(ta, {
+                              modelValue: F.value,
+                              "onUpdate:modelValue": o[3] || (o[3] = (t) => F.value = t),
+                              masked: P.value,
+                              "onUpdate:masked": o[4] || (o[4] = (t) => P.value = t),
+                              length: Ue,
+                              "toggle-label": l(c)("hr.employee.form.passcodeToggleVisibility"),
+                              onComplete: o[5] || (o[5] = (t) => s.value.passcode = t)
+                            }, null, 8, ["modelValue", "masked", "toggle-label"])
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue", "rules"]),
+                        i(oa, {
+                          label: l(c)("hr.employee.form.passcodeGenerate"),
+                          hint: l(c)("hr.employee.form.passcodeSelectOutletFirst"),
+                          loading: W.value,
+                          disabled: !te.value,
+                          onClick: D
+                        }, null, 8, ["label", "hint", "loading", "disabled"])
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["label"])
+                ]),
+                _: 1
+              }, 8, ["title"]),
+              i(Ve, null, {
+                default: y(() => [
+                  i(x, {
+                    modelValue: s.value.restaurants,
+                    "onUpdate:modelValue": o[8] || (o[8] = (t) => s.value.restaurants = t),
+                    tag: "div",
+                    rules: [
+                      (t) => t.length > 0 || l(c)("hr.employee.form.atLeastOneRestaurant"),
+                      (t) => t.every((B) => B.restaurantId && B.roleId) || l(c)("hr.employee.form.roleRequired")
+                    ]
+                  }, {
+                    default: y(() => [
+                      i(ra, {
+                        modelValue: s.value.restaurants,
+                        "onUpdate:modelValue": o[7] || (o[7] = (t) => s.value.restaurants = t),
+                        restaurants: l(d).restaurants.value,
+                        roles: l(k).roles.value,
+                        "is-role-usable": se,
+                        "is-restaurant-locked": le,
+                        "create-row": O,
+                        title: l(c)("hr.employee.form.assignmentSection"),
+                        "restaurant-label": l(c)("hr.employee.columns.restaurants"),
+                        "role-label": l(c)("hr.employee.form.role"),
+                        "add-label": l(c)("hr.employee.form.addAnother"),
+                        "remove-label": l(c)("common.remove")
+                      }, null, 8, ["modelValue", "restaurants", "roles", "title", "restaurant-label", "role-label", "add-label", "remove-label"])
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "rules"])
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "is-container", "is-container-props", "onOn:clickedAway"])
+      ], 64);
+    };
+  }
+}), _a = {
+  class: "space-y-8"
+}, ba = {
+  key: 0,
+  class: "flex w-full items-start justify-between"
+}, wa = {
+  class: "flex items-start gap-8"
+}, ka = {
+  class: "flex"
+}, xa = {
+  key: 1,
+  class: "space-y-4"
+}, Ea = {
+  class: "px-16"
+}, Va = {
+  class: "px-16 flex items-start gap-8"
+}, Sa = {
+  class: "flex h-full flex-col overflow-auto"
+}, Ca = {
+  class: "space-y-4"
+}, Ua = {
+  class: "fm-typo-en-body-lg-600"
+}, Fa = {
+  key: 0,
+  class: "mr-4"
+}, Ia = {
+  class: "text-fm-color-typo-secondary"
+}, Ra = {
+  class: "line-clamp-2"
+}, Ma = {
+  class: "font-bold"
+}, A = 200, $a = /* @__PURE__ */ Fe({
+  __name: "EmployeeList",
+  setup($, {
+    expose: ce
+  }) {
+    const {
+      t: n
+    } = Re(), k = v(), d = Le(), C = Pe(), me = He(), {
+      currentBusiness: U,
+      sessionUser: de
+    } = me, c = he(), V = h(() => C.isLoading.value), R = v(c.roles.value.length === 0);
+    X(C.restaurants, (e) => {
+      if (e.length > 0 && d.listEmployees.value.length > 0) {
+        const a = new Map(e.map((r) => [r._id, r]));
+        d.listEmployees.value = d.listEmployees.value.map((r) => ({
+          ...r,
+          restaurants: r.restaurants.map((p) => {
+            var Y, Z;
+            return {
+              ...p,
+              restaurantName: ((Y = a.get(p.restaurantId)) == null ? void 0 : Y.profile.name) || p.restaurantName,
+              restaurantCode: ((Z = a.get(p.restaurantId)) == null ? void 0 : Z.profile.code) ?? void 0
+            };
+          })
+        }));
+      }
+    });
+    const O = h(() => C.restaurants.value.map((e) => ({
+      label: `${e.profile.code ? `${e.profile.code} - ` : ""}${e.profile.name}`,
+      value: e._id
+    }))), pe = X(c.roles, (e) => {
+      if (e.length > 0) {
+        if (R.value = !1, d.listEmployees.value.length > 0) {
+          const a = new Map(e.map((r) => [r._id, r.name]));
+          d.listEmployees.value = d.listEmployees.value.map((r) => ({
+            ...r,
+            restaurants: r.restaurants.map((p) => ({
+              ...p,
+              roleName: a.get(p.roleId) || p.roleName
+            }))
+          }));
+        }
+        pe();
+      }
+    }), ae = h(() => d.listEmployees.value), {
+      searchKey: _
+    } = Ze(), T = v(""), H = h(() => ae.value), b = h(() => d.totalEmployees.value), s = v(1), J = h(() => d.isLoading.value), L = v(!1), le = h(() => {
+      var e;
+      return JSON.stringify({
+        businessId: ((e = U.value) == null ? void 0 : e._id) ?? "",
+        search: T.value.trim(),
+        restaurantIds: [...k.value ?? []].sort(),
+        roleIds: [...t.value ?? []].sort()
+      });
+    }), se = (e) => {
+      const a = e.restaurantCode, r = e.restaurantName;
+      return a ? `${a} - ${r}` : r;
+    }, F = (e) => e.roleName || "-";
+    function P(e) {
+      return [{
+        label: n("hr.employee.form.update"),
+        onClick: () => w(e)
+      }, {
+        label: n("hr.employee.remove.title"),
+        onClick: () => M(e),
+        itemClass: "text-fm-color-typo-error"
+      }];
+    }
+    const z = ({
+      employee: e,
+      className: a = ""
+    }) => i("div", {
+      class: a,
+      onClick: (r) => {
+        r.stopPropagation();
+      }
+    }, [i(aa, {
+      items: P(e)
+    }, null)]), W = [{
+      accessorKey: "code",
+      size: 100,
+      header: () => n("hr.employee.columns.code")
+    }, {
+      accessorKey: "name",
+      header: () => n("hr.employee.columns.name"),
+      enableSorting: !1,
+      cell(e) {
+        const a = e.row.original;
+        return i("div", {
+          class: "flex items-center gap-8"
+        }, [i($e.FmAvatar, {
+          name: a.name,
+          initials: ia(a.name),
+          size: "sm",
+          class: "shrink-0"
+        }, null), i("span", {
+          class: "truncate"
+        }, [a.name])]);
+      }
+    }, {
+      accessorKey: "restaurants",
+      align: "center",
+      header: () => n("hr.employee.columns.restaurants"),
+      enableSorting: !1,
+      cell(e) {
+        return V.value || R.value ? ie(Ee) : e.row.original.restaurants.map((a, r) => {
+          const p = se(a);
+          return ie("div", {
+            key: a.restaurantId || r
+          }, (r ? `
+ ` : "") + p);
+        });
+      }
+    }, {
+      accessorKey: "assignedRole",
+      align: "center",
+      header: () => n("hr.employee.columns.assignedRole"),
+      enableSorting: !1,
+      cell(e) {
+        return V.value || R.value ? ie(Ee, {
+          width: "120px"
+        }) : e.row.original.restaurants.map((a, r) => {
+          const p = F(a);
+          return ie("div", {
+            key: a.restaurantId || r
+          }, (r ? `
+ ` : "") + p);
+        });
+      }
+    }, {
+      accessorKey: "since",
+      header: () => n("hr.employee.columns.since"),
+      enableSorting: !1
+    }, {
+      id: "action",
+      size: 52,
+      meta: {
+        cellClass: "pl-16",
+        headerContentClass: "-mx-16"
+      },
+      cell(e) {
+        return z({
+          employee: e.row.original,
+          className: "flex w-full items-center justify-end"
+        });
+      }
+    }], te = ({
+      employee: e
+    }) => i("div", {
+      class: "flex flex-col gap-4 grow p-8"
+    }, [W.map((a, r) => i("div", {
+      key: a.id ?? a.accessorKey ?? r,
+      class: "fm-typo-en-body-md-400 line-clamp-2 w-full"
+    }, [a.cell ? a.cell({
+      row: {
+        original: e
+      }
+    }) : e[a.accessorKey]]))]), D = Me(), K = Je(), fe = De(D), Q = v(!1), G = v(), u = v();
+    function o(e) {
+      const a = e.isRestricted;
+      return a && D.open({
+        message: n("hr.employee.cannotUpdateMasterUser", {
+          name: e.name
+        }),
+        type: "error"
+      }), a;
+    }
+    const w = (e) => {
+      var r;
+      e && o(e) || (r = u.value) == null || r.trigger(e);
+    }, {
+      breakpoints: S
+    } = We(), M = (e) => {
+      o(e) || K.open({
+        title: n("hr.employee.remove.title"),
+        message: n("hr.employee.remove.message", {
+          name: e.name
+        }),
+        minWidth: S.value.lg ? 588 : 0,
+        primaryActions: {
+          text: n("common.remove"),
+          close: !1,
+          variant: "destructive",
+          isLoading: Q
+        },
+        secondaryActions: {
+          text: n("common.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        if (Q.value) return;
+        const r = e.isMasterUser ? d.deleteMasterEmployee : d.deleteEmployee;
+        await fe.minor(async () => {
+          await r(e), await ve();
+        }, {
+          isLoading: Q,
+          successMessage: n("hr.employee.remove.successMessage", {
+            name: e.name
+          })
+        }).catch(() => {
+        }), K.close();
+      });
+    }, x = v("");
+    function N() {
+      var e;
+      (e = u.value) == null || e.trigger();
+    }
+    const oe = h(() => he().roles.value.map((e) => ({
+      label: e.name,
+      value: e._id
+    }))), t = v();
+    async function B() {
+      try {
+        await d.syncUsersMeta(), await ve(), D.open({
+          message: n("hr.employee.sync.successMessage"),
+          type: "success"
+        });
+      } catch (e) {
+        console.error("Error syncing users:", e), D.open({
+          message: n("hr.employee.sync.errorMessage"),
+          type: "error"
+        });
+      }
+    }
+    async function re(e = s.value) {
+      var a, r;
+      try {
+        await d.readEmployeesPage({
+          limit: A,
+          offset: (e - 1) * A,
+          search: T.value.trim() || void 0,
+          restaurantIds: (a = k.value) != null && a.length ? k.value : void 0,
+          roleIds: (r = t.value) != null && r.length ? t.value : void 0
+        });
+      } catch (p) {
+        console.error("Failed to load employees:", p), D.open({
+          message: p instanceof Error ? p.message : String(p),
+          type: "error"
+        });
+      }
+    }
+    async function ve() {
+      var a;
+      if (!((a = U.value) != null && a._id)) return;
+      await re(s.value);
+      const e = Math.max(1, Math.ceil(b.value / A));
+      s.value > e && (s.value = e, await re(s.value));
+    }
+    async function Ne() {
+      var e, a;
+      return await d.readAllEmployeesPage({
+        search: T.value.trim() || void 0,
+        restaurantIds: (e = k.value) != null && e.length ? k.value : void 0,
+        roleIds: (a = t.value) != null && a.length ? t.value : void 0
+      }, b.value);
+    }
+    const Ae = na(_, () => {
+      T.value = _.value;
+    }, 300);
+    Be(Ae);
+    let ye = !1;
+    async function Oe({
+      pageIndex: e
+    }) {
+      var a;
+      if ((a = U.value) != null && a._id && !ye && !(e === 0 && s.value === 1 && H.value.length > 0)) {
+        ye = !0, s.value = e + 1;
+        try {
+          await re(s.value);
+        } finally {
+          ye = !1;
+        }
+      }
+    }
+    X(le, async () => {
+      var e;
+      s.value = 1, L.value = !1, (e = U.value) != null && e._id && (await re(1), L.value = !0);
+    }, {
+      immediate: !0
+    }), X(() => G.value && G.value.restaurants, (e) => {
+      e && e.length > 0 && (x.value = "");
+    });
+    const Te = h(() => b.value > A);
+    return ce({
+      create: N,
+      filteredEmployees: H,
+      exportEmployees: Ne,
+      getHasPaginationFooter: () => Te.value
+    }), (e, a) => {
+      var _e, be;
+      const r = E("FmButton"), p = E("FmTooltip"), Y = E("FmSearch"), Z = E("FmListItem"), ze = E("FmTable");
+      return g(), ee(Ie, null, [i(ha, {
+        ref_key: "employeeFormRef",
+        ref: u,
+        modelValue: G.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (m) => G.value = m),
+        "role-error-message": x.value,
+        class: "gap-8",
+        onSubmitted: ve
+      }, null, 8, ["modelValue", "role-error-message"]), f("div", _a, [l(S).xs ? (g(), ee("div", xa, [f("div", Ea, [i(Y, {
+        modelValue: l(_),
+        "onUpdate:modelValue": a[4] || (a[4] = (m) => we(_) ? _.value = m : null),
+        placeholder: l(n)("hr.employee.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])]), i(Xe), f("div", Va, [i(ue, {
+        modelValue: k.value,
+        "onUpdate:modelValue": a[5] || (a[5] = (m) => k.value = m),
+        multiple: "",
+        items: O.value,
+        variant: "dark",
+        "selected-prefix": l(n)("hr.role.columns.restaurants"),
+        placeholder: l(n)("hr.role.columns.restaurants"),
+        class: "!w-auto"
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), i(ue, {
+        modelValue: t.value,
+        "onUpdate:modelValue": a[6] || (a[6] = (m) => t.value = m),
+        multiple: "",
+        items: oe.value,
+        variant: "dark",
+        "selected-prefix": l(n)("hr.employee.filter.selected_role_prefix"),
+        placeholder: l(n)("hr.employee.filter.role_placeholder")
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])])) : (g(), ee("div", ba, [f("div", wa, [i(ue, {
+        modelValue: k.value,
+        "onUpdate:modelValue": a[1] || (a[1] = (m) => k.value = m),
+        multiple: "",
+        items: O.value,
+        variant: "dark",
+        "selected-prefix": l(n)("hr.role.columns.restaurants"),
+        placeholder: l(n)("hr.role.columns.restaurants"),
+        class: "!w-auto"
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), i(ue, {
+        modelValue: t.value,
+        "onUpdate:modelValue": a[2] || (a[2] = (m) => t.value = m),
+        multiple: "",
+        variant: "dark",
+        items: oe.value,
+        "selected-prefix": l(n)("hr.employee.filter.selected_role_prefix"),
+        placeholder: l(n)("hr.employee.filter.role_placeholder")
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])]), f("div", ka, [(_e = l(de)) != null && _e.role.isAdmin ? (g(), I(p, {
+        key: 0,
+        content: l(n)("hr.employee.sync.tooltip")
+      }, {
+        default: y(() => [i(r, {
+          icon: "refresh",
+          label: l(n)("hr.employee.sync.tooltip"),
+          variant: "tertiary",
+          onClick: B
+        }, null, 8, ["label"])]),
+        _: 1
+      }, 8, ["content"])) : j("", !0), i(Y, {
+        modelValue: l(_),
+        "onUpdate:modelValue": a[3] || (a[3] = (m) => we(_) ? _.value = m : null),
+        autofocus: "",
+        class: "pl-4 w-[320px]",
+        placeholder: l(n)("hr.employee.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])])])), (be = l(U)) != null && be._id ? (g(), I(Qe, {
+        key: 2
+      }, {
+        default: y(() => [f("div", Sa, [!L.value && l(d).isLoading.value ? (g(), I(Ye, {
+          key: 0
+        })) : j("", !0), L.value ? (g(), I(la, {
+          key: 1,
+          "is-loading": l(d).isLoading.value,
+          "is-empty": b.value === 0,
+          title: l(n)("hr.employee.noData.title"),
+          subtitle: l(n)("hr.employee.noData.subtitle")
+        }, {
+          default: y(() => [(g(), I(ze, {
+            key: le.value,
+            class: ke(["employee-list-table h-full", {
+              "employee-list-table--pagination-loading": J.value
+            }]),
+            "column-defs": W,
+            "row-data": H.value,
+            "page-size": A,
+            "page-count": Math.ceil(b.value / A),
+            "row-count": b.value,
+            "fetch-fn": Oe,
+            "hide-footer": b.value <= A,
+            loading: l(d).isLoading.value,
+            virtual: !1,
+            "pin-header-row": "",
+            onRowClick: a[7] || (a[7] = (m) => w(m.original))
+          }, {
+            "list-row": y((m) => [l(S).xs ? (g(), I(Z, {
+              key: 0,
+              class: ke(["py-12 px-16 items-center justify-between", {
+                "border-t border-fm-color-neutral-gray-100": m.index > 0
+              }]),
+              onClick: (ne) => w(m.original)
+            }, {
+              default: y(() => [f("div", Ca, [f("p", Ua, [m.original.code ? (g(), ee("span", Fa, q(m.original.code) + ".", 1)) : j("", !0), ge(q(m.original.name), 1)]), f("div", Ia, [f("p", Ra, [f("span", Ma, q(l(n)("hr.employee.columns.restaurants")) + ":", 1), ge(" " + q(m.original.restaurants.map((ne) => se(ne)).join(", ")), 1)]), f("p", null, [a[8] || (a[8] = f("span", {
+                class: "font-bold"
+              }, "Since:", -1)), ge(" " + q(m.original.since), 1)])])]), i(r, {
+                icon: "delete",
+                variant: "tertiary",
+                "text-color": "neutral-gray-400",
+                onClick: je((ne) => M(m.original), ["stop"])
+              }, null, 8, ["onClick"])]),
+              _: 2
+            }, 1032, ["class", "onClick"])) : (g(), I(Z, {
+              key: 1,
+              style: {
+                padding: "0"
+              },
+              onClick: (ne) => w(m.original)
+            }, {
+              default: y(() => [(g(), I(qe(te), {
+                employee: m.original
+              }, null, 8, ["employee"]))]),
+              _: 2
+            }, 1032, ["onClick"]))]),
+            _: 1
+          }, 8, ["class", "row-data", "page-count", "row-count", "hide-footer", "loading"]))]),
+          _: 1
+        }, 8, ["is-loading", "is-empty", "title", "subtitle"])) : j("", !0)])]),
+        _: 1
+      })) : j("", !0)])], 64);
+    };
+  }
+}), el = /* @__PURE__ */ ma($a, [["__scopeId", "data-v-5aed0d1c"]]);
+export {
+  el as default
+};