@feedmepos/mf-hrm-portal 2.0.17-dev.5 → 2.0.18-dev

package/dist/EmployeeList-DcMvF9U5.js

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