@feedmepos/mf-hrm-portal 2.0.18-dev.2 → 2.0.18-dev.3

package/dist/EmployeeList-BfJO89pN.js

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