@feedmepos/mf-hrm-portal 2.0.16-dev.1 → 2.0.17-dev.2

package/dist/EmployeeList-DvWJ0QUc.js

@@ -1,736 +0,0 @@
-import { toRaw as De, defineComponent as Ie, 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 Ue, toDisplayString as te, onUnmounted as Be, h as pe, normalizeClass as Te, createTextVNode as Ae, withModifiers as ze } from "vue";
-import { useCoreStore as Re, useI18n as Ce, RestaurantSelector as Ve } 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 we, _ as We } from "./SelectFilter-DUj7GBtT.js";
-import { _ as qe, a as He } from "./app-BlFL6W1C.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-BaOat18O.js";
-import { l as Xe } from "./lodash-BtkvPA8j.js";
-import { _ as Fe, a as Ee } 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-ZHDY--I6.js";
-import { u as be } from "./useAppStore-Bs9JwLL8.js";
-/* empty css                                                                      */
-function xe(P) {
-  return JSON.parse(JSON.stringify(P));
-}
-function Se(P) {
-  if (typeof structuredClone > "u")
-    return xe(P);
-  try {
-    return structuredClone(De(P));
-  } catch {
-    return xe(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" }, ke = 4, na = /* @__PURE__ */ Ie({
-  __name: "EmployeeForm",
-  props: {
-    roleErrorMessage: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["submitted"],
-  setup(P, { expose: ve, emit: m }) {
-    const F = be(), f = Re(), U = $e(), $ = Me(), oe = Ne($), ne = m, { t: c } = Ce(), E = p(!1), G = p(!0), re = (t) => {
-      s.value = t ? Se(t) : Z(), R.value = Se(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")), R = 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, R.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 U.createMasterEmployee(t) : (delete t.user.code, await U.createEmployee(t));
-    }
-    async function q() {
-      var u, b;
-      const t = R.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 U.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
-          }))
-        };
-        R.value.isMasterUser ? await U.updateMasterEmployee(t._id, e) : await U.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(Fe, {
-                title: n(c)("hr.employee.form.employeeSetting")
-              }, {
-                default: V(() => [
-                  d(Ee, {
-                    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(Ee, {
-                    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) !== ke ? 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: ke,
-                              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(Fe, {
-                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, Ue(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__ */ Ie({
-  __name: "EmployeeList",
-  setup(P, {
-    expose: ve
-  }) {
-    const {
-      t: m
-    } = Ce(), F = p(), f = $e(), U = Re(), {
-      currentBusiness: $,
-      sessionUser: oe
-    } = U, ne = be(), c = p(U.restaurants.value.length === 0), E = p(ne.roles.value.length === 0), G = le(U.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(""), R = 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(() => be().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 && R.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: R,
-      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(Ve), {
-        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(we, {
-        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(Ve), {
-        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(we, {
-        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": R.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, Ue(R.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-48cb3903"]]);
-export {
-  Da as default
-};