@feedmepos/mf-hrm-portal 2.1.1-dev.3 → 2.1.1-dev.4

package/dist/EmployeeList-GtKmJZbf.js

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