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

package/dist/EmployeeList-DBd_rVW2.js

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