@feedmepos/mf-hrm-portal 2.0.14 → 2.0.15-dev.2

package/dist/EmployeeList-BsauFDHA.js

@@ -0,0 +1,736 @@
+import { toRaw as De, defineComponent as Ue, ref as p, computed as w, watch as le, resolveComponent as h, createElementBlock as Y, openBlock as g, Fragment as se, renderSlot as Oe, createVNode as d, unref as n, withCtx as V, createElementVNode as v, createBlock as L, createCommentVNode as K, isRef as _e, renderList as Re, toDisplayString as te, onUnmounted as Be, h as pe, normalizeClass as Te, createTextVNode as Ae, withModifiers as ze } from "vue";
+import { useCoreStore as be, useI18n as Ce, RestaurantSelector as we } from "@feedmepos/mf-common";
+import { useSnackbar as Me, components as Le, useDialog as Ke, useBreakpoints as Ge, FmButtonVariant as je } from "@feedmepos/ui-library";
+import { S as Fe, _ as We } from "./SelectFilter-DUj7GBtT.js";
+import { _ as qe, a as He } from "./app-DnT6yzx7.js";
+import { H as Je } from "./HorizontalSplitter-o860F4xM.js";
+import { _ as Qe } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
+import { u as Pe } from "./useSearch-B6WK1LBB.js";
+import { u as Ye } from "./useDebounce-B8ZPVS5C.js";
+import { u as $e, E as Ze } from "./employee-DGjXlPn1.js";
+import { l as Xe } from "./lodash-VfbpRiGW.js";
+import { _ as Ee, a as xe } from "./FormSection.vue_vue_type_script_setup_true_lang-BVb8c4YU.js";
+import { u as ea } from "./useDiscardConfirm-BHni0LNu.js";
+import { u as Ne } from "./useLoading-B2CoUwmJ.js";
+import { u as Ve } from "./useAppStore-BaDI6IZu.js";
+/* empty css                                                                      */
+function Se(P) {
+  return JSON.parse(JSON.stringify(P));
+}
+function ke(P) {
+  if (typeof structuredClone > "u")
+    return Se(P);
+  try {
+    return structuredClone(De(P));
+  } catch {
+    return Se(P);
+  }
+}
+const aa = { class: "fm-typo-en-title-md-600" }, la = { class: "space-y-40" }, ta = { class: "flex flex-row gap-16" }, sa = { class: "space-y-16" }, oa = { class: "flex gap-8 items-center justify-start" }, Ie = 4, na = /* @__PURE__ */ Ue({
+  __name: "EmployeeForm",
+  props: {
+    roleErrorMessage: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["submitted"],
+  setup(P, { expose: ve, emit: m }) {
+    const F = Ve(), f = be(), R = $e(), $ = Me(), oe = Ne($), ne = m, { t: c } = Ce(), E = p(!1), G = p(!0), re = (t) => {
+      s.value = t ? ke(t) : Z(), U.value = ke(s.value), S.value = [], x.value = s.value.restaurants.map((l) => l.restaurantId), s.value.passcode && (S.value = s.value.passcode.split(""), T.value = !0), G.value = !t, E.value = !0;
+    };
+    function Z() {
+      return {
+        code: "",
+        isMasterUser: !1,
+        name: "",
+        passcode: "",
+        restaurants: []
+      };
+    }
+    const I = w(() => G.value ? c("hr.employee.form.add") : c("hr.employee.form.update")), j = w(() => G.value ? c("common.create") : c("common.update")), U = p(Z()), s = p(Z()), { searchKey: _, filter: fe } = Pe(), N = w(() => {
+      const t = {};
+      return F.roles.value.forEach((l) => {
+        t[l._id] = l.name;
+      }), t;
+    });
+    function ue(t) {
+      const l = D(t) ?? "";
+      return N.value[l] || "";
+    }
+    const C = w(() => f.restaurants.value.filter(({ _id: l, profile: u, managable: b }) => b ? fe([u.code, u.name, ue(l)]) : x.value.includes(l)).map(({ _id: l, profile: u, managable: b }) => {
+      const e = F.roles.value.filter((a) => a.restaurants.some((r) => r.id == l)).map((a) => ({
+        label: a.name,
+        value: a._id,
+        disabled: !a.isUsable
+      }));
+      return {
+        value: l,
+        label: `${u.code ? u.code + "-" : ""}${u.name}`,
+        roleOptions: e,
+        disabled: !b
+      };
+    })), ye = w(() => {
+      const t = {};
+      return s.value.restaurants.forEach((l) => {
+        t[l.restaurantId] = l.roleId;
+      }), t;
+    }), D = (t) => ye.value[t] ?? null, ie = (t, l) => {
+      s.value.restaurants = [
+        ...s.value.restaurants.filter((u) => u.restaurantId !== t),
+        {
+          restaurantId: t,
+          roleId: l
+        }
+      ];
+    }, x = p(s.value.restaurants.map((t) => t.restaurantId)), O = w(
+      () => x.value.filter(
+        (t) => C.value.some((l) => l.value === t && !l.disabled)
+      )
+    ), B = w(() => {
+      const t = C.value.filter((l) => !l.disabled).length;
+      return t > 0 && t === O.value.length;
+    }), X = () => {
+      const t = x.value.filter((l) => !O.value.includes(l));
+      if (B.value === !0)
+        W(t);
+      else {
+        const l = C.value.filter((u) => !u.disabled).map((u) => u.value);
+        W([...l, ...t]);
+      }
+    }, W = (t) => {
+      x.value = t, s.value.restaurants = t.map((l) => {
+        var e, a;
+        const u = C.value.find((r) => r.value === l);
+        if (u != null && u.disabled)
+          return s.value.restaurants.find((r) => r.restaurantId === l) ?? {
+            restaurantId: l,
+            roleId: ""
+          };
+        const b = ((e = u == null ? void 0 : u.roleOptions.find((r) => !r.disabled)) == null ? void 0 : e.value) || "";
+        return {
+          restaurantId: l,
+          roleId: ((a = s.value.restaurants.find((r) => r.restaurantId === l)) == null ? void 0 : a.roleId) || b
+        };
+      });
+    }, S = p([]), T = p(!1);
+    function de() {
+      T.value && (T.value = !1, S.value = []);
+    }
+    const A = p(!1), ee = p(!1);
+    async function me() {
+      ee.value = !0;
+      try {
+        const t = await Ze.generateEmployeePasscode();
+        T.value = !1, S.value = t.split("");
+      } finally {
+        ee.value = !1;
+      }
+    }
+    const k = ea(
+      () => !Xe.isEqual(s.value, U.value),
+      () => {
+        E.value = !1;
+      }
+    );
+    async function he() {
+      const t = {
+        user: {
+          name: s.value.name,
+          passcode: s.value.passcode,
+          code: s.value.code
+        },
+        roles: s.value.restaurants
+      };
+      s.value.isMasterUser ? await R.createMasterEmployee(t) : (delete t.user.code, await R.createEmployee(t));
+    }
+    async function q() {
+      var u, b;
+      const t = U.value, l = {
+        user: {
+          name: s.value.name,
+          passcode: s.value.passcode
+        },
+        roles: s.value.restaurants,
+        previousRoles: (u = t.restaurants) == null ? void 0 : u.map((e) => ({
+          restaurantId: e.restaurantId,
+          roleId: e.roleId
+        }))
+      };
+      if (!s.value.isMasterUser)
+        await R.updateEmployee(t._id, l);
+      else {
+        const e = {
+          user: {
+            name: s.value.name,
+            passcode: s.value.passcode,
+            code: s.value.code
+          },
+          roles: s.value.restaurants,
+          previousRoles: (b = t.restaurants) == null ? void 0 : b.map((a) => ({
+            restaurantId: a.restaurantId,
+            roleId: a.roleId
+          }))
+        };
+        U.value.isMasterUser ? await R.updateMasterEmployee(t._id, e) : await R.migrateToMasterUser(t._id, e);
+      }
+    }
+    async function ae() {
+      G.value ? await oe.minor(
+        async () => {
+          await he();
+        },
+        {
+          successMessage: c("hr.employee.create.successMessage"),
+          isLoading: A
+        }
+      ) : await oe.minor(
+        async () => {
+          await q();
+        },
+        {
+          successMessage: c("hr.employee.update.successMessage"),
+          isLoading: A
+        }
+      ), ne("submitted"), E.value = !1;
+    }
+    return le(
+      () => E.value,
+      (t) => {
+      }
+    ), ve({
+      show: E,
+      trigger: re
+    }), (t, l) => {
+      const u = h("FmSwitch"), b = h("FmTextField"), e = h("FmPinField"), a = h("FmFormGroup"), r = h("FmButton"), y = h("FmSearch"), M = h("FmCheckbox"), H = h("FmSelect"), ce = h("fm-button"), ge = h("fm-side-sheet");
+      return g(), Y(se, null, [
+        Oe(t.$slots, "default", { trigger: re }),
+        d(ge, {
+          id: "unit-form",
+          modelValue: E.value,
+          "onUpdate:modelValue": l[9] || (l[9] = (o) => E.value = o),
+          "is-container": n(Le).FmForm,
+          "is-container-props": {
+            onValidationSuccess: ae,
+            blameFormChildOnValidationFailed: !0
+          },
+          "max-width": 560,
+          "onOn:clickedAway": n(k)
+        }, {
+          "side-sheet-header": V(() => [
+            v("p", aa, te(I.value), 1)
+          ]),
+          "side-sheet-footer": V(() => [
+            v("div", oa, [
+              d(ce, {
+                label: j.value,
+                size: "lg",
+                type: "submit",
+                variant: "primary",
+                disabled: A.value
+              }, null, 8, ["label", "disabled"]),
+              d(ce, {
+                label: n(c)("common.cancel"),
+                size: "lg",
+                variant: "tertiary",
+                disabled: A.value,
+                onClick: l[8] || (l[8] = () => E.value = !1)
+              }, null, 8, ["label", "disabled"])
+            ])
+          ]),
+          default: V(() => [
+            v("div", la, [
+              d(Ee, {
+                title: n(c)("hr.employee.form.employeeSetting")
+              }, {
+                default: V(() => [
+                  d(xe, {
+                    label: n(c)("hr.employee.form.masterUserConfig")
+                  }, {
+                    default: V(() => [
+                      d(u, {
+                        modelValue: s.value.isMasterUser,
+                        "onUpdate:modelValue": l[0] || (l[0] = (o) => s.value.isMasterUser = o),
+                        value: "masterUser",
+                        label: n(c)("hr.employee.form.masterUser"),
+                        sublabel: n(c)("hr.employee.form.masterUserSublabel"),
+                        "label-placement": "right"
+                      }, null, 8, ["modelValue", "label", "sublabel"])
+                    ]),
+                    _: 1
+                  }, 8, ["label"]),
+                  v("div", ta, [
+                    s.value.isMasterUser ? (g(), L(b, {
+                      key: 0,
+                      modelValue: s.value.code,
+                      "onUpdate:modelValue": l[1] || (l[1] = (o) => s.value.code = o),
+                      label: n(c)("hr.employee.form.code")
+                    }, null, 8, ["modelValue", "label"])) : K("", !0),
+                    d(b, {
+                      modelValue: s.value.name,
+                      "onUpdate:modelValue": l[2] || (l[2] = (o) => s.value.name = o),
+                      class: "w-full",
+                      label: n(c)("hr.employee.form.name"),
+                      rules: [(o) => !!o || n(c)("hr.employee.form.required")]
+                    }, null, 8, ["modelValue", "label", "rules"])
+                  ]),
+                  d(xe, {
+                    label: n(c)("hr.employee.form.passcode")
+                  }, {
+                    default: V(() => [
+                      v("div", sa, [
+                        d(a, {
+                          modelValue: S.value,
+                          "onUpdate:modelValue": l[5] || (l[5] = (o) => S.value = o),
+                          rules: [
+                            (o) => (o == null ? void 0 : o.filter((J) => !!J).length) !== Ie ? n(c)("hr.employee.form.passcodeRequired") : !0
+                          ]
+                        }, {
+                          default: V(() => [
+                            d(e, {
+                              modelValue: S.value,
+                              "onUpdate:modelValue": l[3] || (l[3] = (o) => S.value = o),
+                              length: Ie,
+                              masked: T.value,
+                              onComplete: l[4] || (l[4] = (o) => s.value.passcode = o),
+                              onFocus: de
+                            }, null, 8, ["modelValue", "masked"])
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue", "rules"]),
+                        d(r, {
+                          variant: "secondary",
+                          "text-color": "primary",
+                          "border-color": "primary",
+                          label: n(c)("hr.employee.form.passcodeGenerate"),
+                          size: "md",
+                          loading: ee.value,
+                          onClick: me
+                        }, null, 8, ["label", "loading"])
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["label"])
+                ]),
+                _: 1
+              }, 8, ["title"]),
+              d(Ee, {
+                title: n(c)("hr.employee.form.role")
+              }, {
+                default: V(() => [
+                  d(y, {
+                    modelValue: n(_),
+                    "onUpdate:modelValue": l[6] || (l[6] = (o) => _e(_) ? _.value = o : null),
+                    placeholder: n(c)("hr.restaurant.search.placeholder")
+                  }, null, 8, ["modelValue", "placeholder"]),
+                  d(a, {
+                    modelValue: x.value,
+                    "onUpdate:modelValue": l[7] || (l[7] = (o) => x.value = o),
+                    rules: [(o) => o.length > 0 || n(c)("hr.employee.form.atLeastOneRestaurant")]
+                  }, {
+                    default: V(() => [
+                      d(M, {
+                        "model-value": B.value,
+                        label: n(c)("hr.employee.form.all"),
+                        value: "1",
+                        indeterminate: O.value.length > 0,
+                        "onUpdate:modelValue": X
+                      }, null, 8, ["model-value", "label", "indeterminate"]),
+                      (g(!0), Y(se, null, Re(C.value, (o, J) => {
+                        var i;
+                        return g(), Y(se, { key: J }, [
+                          d(M, {
+                            "model-value": x.value,
+                            label: o.label,
+                            value: o.value,
+                            disabled: o.disabled,
+                            "onUpdate:modelValue": W
+                          }, null, 8, ["model-value", "label", "value", "disabled"]),
+                          x.value.includes(o.value) ? (g(), L(H, {
+                            key: 0,
+                            class: "ml-32 mr-8",
+                            items: o.roleOptions,
+                            "model-value": D(o.value),
+                            multiselect: !1,
+                            placeholder: ((i = o.roleOptions.find((z) => !z.disabled) ?? o.roleOptions[0]) == null ? void 0 : i.label) ?? "",
+                            disabled: o.disabled,
+                            "onUpdate:modelValue": (z) => ie(o.value, z)
+                          }, null, 8, ["items", "model-value", "placeholder", "disabled", "onUpdate:modelValue"])) : K("", !0)
+                        ], 64);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "rules"])
+                ]),
+                _: 1
+              }, 8, ["title"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "is-container", "is-container-props", "onOn:clickedAway"])
+      ], 64);
+    };
+  }
+}), ra = {
+  class: "space-y-8"
+}, ua = {
+  class: "xs:hidden flex w-full items-start justify-between"
+}, ia = {
+  class: "flex items-start gap-8"
+}, da = {
+  class: "flex"
+}, ma = {
+  class: "space-y-4 sm:hidden md:hidden lg:hidden"
+}, ca = {
+  class: "px-16"
+}, pa = {
+  class: "px-16 flex items-start gap-8"
+}, va = {
+  class: "flex h-full flex-col overflow-auto"
+}, fa = {
+  class: "pb-64 sm:hidden md:hidden lg:hidden"
+}, ya = {
+  class: "space-y-4"
+}, ha = {
+  class: "fm-typo-en-body-lg-600"
+}, ga = {
+  key: 0,
+  class: "mr-4"
+}, _a = {
+  class: "text-fm-color-typo-secondary"
+}, Q = 200, ba = /* @__PURE__ */ Ue({
+  __name: "EmployeeList",
+  setup(P, {
+    expose: ve
+  }) {
+    const {
+      t: m
+    } = Ce(), F = p(), f = $e(), R = be(), {
+      currentBusiness: $,
+      sessionUser: oe
+    } = be(), ne = Ve(), c = p(R.restaurants.value.length === 0), E = p(ne.roles.value.length === 0), G = le(R.restaurants, (e) => {
+      if (e.length > 0) {
+        if (c.value = !1, f.listEmployees.value.length > 0) {
+          const a = new Map(e.map((r) => [r._id, r]));
+          f.listEmployees.value = f.listEmployees.value.map((r) => ({
+            ...r,
+            restaurants: r.restaurants.map((y) => {
+              var M, H;
+              return {
+                ...y,
+                restaurantName: ((M = a.get(y.restaurantId)) == null ? void 0 : M.profile.name) || y.restaurantName,
+                restaurantCode: ((H = a.get(y.restaurantId)) == null ? void 0 : H.profile.code) ?? void 0
+              };
+            })
+          }));
+        }
+        G();
+      }
+    }), re = le(ne.roles, (e) => {
+      if (e.length > 0) {
+        if (E.value = !1, f.listEmployees.value.length > 0) {
+          const a = new Map(e.map((r) => [r._id, r.name]));
+          f.listEmployees.value = f.listEmployees.value.map((r) => ({
+            ...r,
+            restaurants: r.restaurants.map((y) => ({
+              ...y,
+              roleName: a.get(y.roleId) || y.roleName
+            }))
+          }));
+        }
+        re();
+      }
+    }), Z = w(() => f.listEmployees.value), {
+      searchKey: I
+    } = Pe(""), j = p(""), U = w(() => Z.value), s = w(() => f.totalEmployees.value), _ = p(1), fe = w(() => f.isLoading.value), N = p(!1), ue = w(() => {
+      var e;
+      return JSON.stringify({
+        businessId: ((e = $.value) == null ? void 0 : e._id) ?? "",
+        search: j.value.trim(),
+        restaurantIds: [...F.value ?? []].sort(),
+        roleIds: [...k.value ?? []].sort()
+      });
+    }), C = (e) => {
+      const a = e.restaurantCode;
+      let y = e.restaurantName;
+      return e.roleName && (y = `${a ? a + " - " : ""}${y} (${e.roleName})`), y;
+    }, ye = [{
+      accessorKey: "code",
+      size: 100,
+      header: () => m("hr.employee.columns.code")
+    }, {
+      accessorKey: "name",
+      header: () => m("hr.employee.columns.name"),
+      enableSorting: !1
+    }, {
+      accessorKey: "restaurants",
+      align: "center",
+      header: () => m("hr.employee.columns.restaurants"),
+      enableSorting: !1,
+      cell(e) {
+        return c.value || E.value ? pe("div", {
+          class: "h-16 w-[160px] animate-pulse rounded bg-fm-color-neutral-gray-200"
+        }) : e.row.original.restaurants.map((a, r) => {
+          const y = C(a);
+          return pe("div", (r ? `
+ ` : "") + y);
+        });
+      }
+    }, {
+      accessorKey: "since",
+      header: () => m("hr.employee.columns.since"),
+      enableSorting: !1
+    }, {
+      id: "action",
+      size: 52,
+      meta: {
+        cellClass: "pl-16",
+        headerContentClass: "-mx-16"
+      },
+      cell: (e) => pe("div", {
+        class: "w-full flex justify-end items-center"
+      }, [pe(Le.FmButton, {
+        prependIcon: "delete",
+        variant: je.Tertiary,
+        textColor: "neutral-gray-400",
+        onClick: (a) => {
+          a.stopPropagation(), de(e.row.original);
+        }
+      })])
+    }], D = Me(), ie = Ke(), x = Ne(D), O = p(!1), B = p(), X = p();
+    function W(e) {
+      const a = e.isRestricted;
+      return a && D.open({
+        message: m("hr.employee.cannotUpdateMasterUser", {
+          name: e.name
+        }),
+        type: "error"
+      }), a;
+    }
+    const S = (e) => {
+      var r;
+      e && W(e) || (r = X.value) == null || r.trigger(e);
+    }, {
+      breakpoints: T
+    } = Ge(), de = (e) => {
+      W(e) || ie.open({
+        title: m("hr.employee.remove.title"),
+        message: m("hr.employee.remove.message", {
+          name: e.name
+        }),
+        minWidth: T.value.lg ? 588 : 0,
+        primaryActions: {
+          text: m("common.remove"),
+          close: !1,
+          variant: "destructive",
+          isLoading: O
+        },
+        secondaryActions: {
+          text: m("common.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        if (O.value) return;
+        const r = e.isMasterUser ? f.deleteMasterEmployee : f.deleteEmployee;
+        await x.minor(async () => {
+          await r(e), await ae();
+        }, {
+          isLoading: O,
+          successMessage: m("hr.employee.remove.successMessage", {
+            name: e.name
+          })
+        }).catch(() => {
+        }), ie.close();
+      });
+    }, A = p("");
+    function ee() {
+      var e;
+      (e = X.value) == null || e.trigger();
+    }
+    const me = w(() => Ve().roles.value.map((e) => ({
+      label: e.name,
+      value: e._id
+    }))), k = p();
+    async function he() {
+      try {
+        await f.syncUsersMeta(), await ae(), D.open({
+          message: m("hr.employee.sync.successMessage"),
+          type: "success"
+        });
+      } catch (e) {
+        console.error("Error syncing users:", e), D.open({
+          message: m("hr.employee.sync.errorMessage"),
+          type: "error"
+        });
+      }
+    }
+    async function q(e = _.value) {
+      var a, r;
+      await f.readEmployeesPage({
+        limit: Q,
+        offset: (e - 1) * Q,
+        search: j.value.trim() || void 0,
+        restaurantIds: (a = F.value) != null && a.length ? F.value : void 0,
+        roleIds: (r = k.value) != null && r.length ? k.value : void 0
+      });
+    }
+    async function ae() {
+      var a;
+      if (!((a = $.value) != null && a._id)) return;
+      await q(_.value);
+      const e = Math.max(1, Math.ceil(s.value / Q));
+      _.value > e && (_.value = e, await q(_.value));
+    }
+    async function t() {
+      var e, a;
+      return await f.readAllEmployeesPage({
+        search: j.value.trim() || void 0,
+        restaurantIds: (e = F.value) != null && e.length ? F.value : void 0,
+        roleIds: (a = k.value) != null && a.length ? k.value : void 0
+      }, s.value);
+    }
+    const l = Ye(I, () => {
+      j.value = I.value;
+    }, 300);
+    Be(l);
+    let u = !1;
+    async function b({
+      pageIndex: e
+    }) {
+      var a;
+      if ((a = $.value) != null && a._id && !u && !(e === 0 && _.value === 1 && U.value.length > 0)) {
+        u = !0, _.value = e + 1;
+        try {
+          await q(_.value);
+        } finally {
+          u = !1;
+        }
+      }
+    }
+    return le(ue, async () => {
+      var e;
+      _.value = 1, N.value = !1, (e = $.value) != null && e._id && (await q(1), N.value = !0);
+    }, {
+      immediate: !0
+    }), le(() => B.value && B.value.restaurants, (e) => {
+      e && e.length > 0 && (A.value = "");
+    }), ve({
+      create: ee,
+      filteredEmployees: U,
+      exportEmployees: t
+    }), (e, a) => {
+      var o, J;
+      const r = h("FmButton"), y = h("FmTooltip"), M = h("FmSearch"), H = h("FmTable"), ce = h("FmListItem"), ge = h("FmList");
+      return g(), Y(se, null, [d(na, {
+        ref_key: "employeeFormRef",
+        ref: X,
+        modelValue: B.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (i) => B.value = i),
+        "role-error-message": A.value,
+        class: "gap-8",
+        onSubmitted: ae
+      }, null, 8, ["modelValue", "role-error-message"]), v("div", ra, [v("div", ua, [v("div", ia, [d(n(we), {
+        modelValue: F.value,
+        "onUpdate:modelValue": a[1] || (a[1] = (i) => F.value = i),
+        "managable-only": !1,
+        multiple: "",
+        variant: "dark",
+        class: "!w-auto"
+      }, null, 8, ["modelValue"]), d(Fe, {
+        modelValue: k.value,
+        "onUpdate:modelValue": a[2] || (a[2] = (i) => k.value = i),
+        multiple: "",
+        variant: "dark",
+        items: me.value,
+        "selected-prefix": n(m)("hr.employee.filter.selected_role_prefix"),
+        placeholder: n(m)("hr.employee.filter.role_placeholder")
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])]), v("div", da, [(o = n(oe)) != null && o.role.isAdmin ? (g(), L(y, {
+        key: 0,
+        content: n(m)("hr.employee.sync.tooltip")
+      }, {
+        default: V(() => [d(r, {
+          icon: "refresh",
+          label: n(m)("hr.employee.sync.tooltip"),
+          variant: "tertiary",
+          onClick: he
+        }, null, 8, ["label"])]),
+        _: 1
+      }, 8, ["content"])) : K("", !0), d(M, {
+        modelValue: n(I),
+        "onUpdate:modelValue": a[3] || (a[3] = (i) => _e(I) ? I.value = i : null),
+        autofocus: "",
+        class: "pl-4 w-[320px]",
+        placeholder: n(m)("hr.employee.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])])]), v("div", ma, [v("div", ca, [d(M, {
+        modelValue: n(I),
+        "onUpdate:modelValue": a[4] || (a[4] = (i) => _e(I) ? I.value = i : null),
+        autofocus: "",
+        placeholder: n(m)("hr.employee.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])]), d(Je), v("div", pa, [d(n(we), {
+        modelValue: F.value,
+        "onUpdate:modelValue": a[5] || (a[5] = (i) => F.value = i),
+        "managable-only": !1,
+        multiple: "",
+        variant: "dark",
+        class: "!w-auto"
+      }, null, 8, ["modelValue"]), d(Fe, {
+        modelValue: k.value,
+        "onUpdate:modelValue": a[6] || (a[6] = (i) => k.value = i),
+        multiple: "",
+        items: me.value,
+        variant: "dark",
+        "selected-prefix": n(m)("hr.employee.filter.selected_role_prefix"),
+        placeholder: n(m)("hr.employee.filter.role_placeholder")
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])]), (J = n($)) != null && J._id ? (g(), L(qe, {
+        key: 0
+      }, {
+        default: V(() => [v("div", va, [!N.value && n(f).isLoading.value ? (g(), L(He, {
+          key: 0
+        })) : !N.value || s.value === 0 ? (g(), L(n(Qe), {
+          key: 1,
+          title: n(m)("hr.employee.noData.title"),
+          subtitle: n(m)("hr.employee.noData.subtitle")
+        }, null, 8, ["title", "subtitle"])) : K("", !0), N.value ? (g(), L(H, {
+          key: ue.value,
+          class: Te(["xs:hidden employee-list-table min-h-0 flex-1", {
+            "employee-list-table--pagination-loading": fe.value
+          }]),
+          "column-defs": ye,
+          "row-data": U.value,
+          "page-size": Q,
+          "page-count": Math.ceil(s.value / Q),
+          "row-count": s.value,
+          "fetch-fn": b,
+          "hide-footer": s.value <= Q,
+          loading: n(f).isLoading.value,
+          virtual: !1,
+          "pin-header-row": "",
+          onRowClick: a[7] || (a[7] = (i) => S(i.original))
+        }, null, 8, ["class", "row-data", "page-count", "row-count", "hide-footer", "loading"])) : K("", !0), v("div", fa, [d(ge, {
+          separator: ""
+        }, {
+          default: V(() => [(g(!0), Y(se, null, Re(U.value, (i) => (g(), L(ce, {
+            key: i._id,
+            class: "py-12 px-16 items-center justify-between",
+            onClick: (z) => S(i)
+          }, {
+            default: V(() => [v("div", ya, [v("p", ha, [i.code ? (g(), Y("span", ga, te(i.code) + ".", 1)) : K("", !0), Ae(te(i.name), 1)]), v("div", _a, [v("p", null, te(n(m)("hr.employee.restaurants", {
+              restaurants: i.restaurants.map((z) => C(z)).join(", ")
+            })), 1), v("p", null, " Since: " + te(i.since), 1)])]), d(r, {
+              icon: "delete",
+              variant: "tertiary",
+              "text-color": "neutral-gray-400",
+              onClick: ze((z) => de(i), ["stop"])
+            }, null, 8, ["onClick"])]),
+            _: 2
+          }, 1032, ["onClick"]))), 128))]),
+          _: 1
+        })])])]),
+        _: 1
+      })) : K("", !0)])], 64);
+    };
+  }
+}), Da = /* @__PURE__ */ We(ba, [["__scopeId", "data-v-a0537433"]]);
+export {
+  Da as default
+};