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

package/dist/EmployeeList-CUd3VH5h.js

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