@feedmepos/mf-hrm-portal 2.0.19 → 2.0.20-dev.2

package/dist/EmployeeList-Cs-Mn6UA.js

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