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

package/dist/EmployeeList-D4oy5hXz.js

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