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

package/dist/EmployeeList-Bd73xDCX.js

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