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

package/dist/EmployeeList-COtXtTqG.js

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