@feedmepos/mf-hrm-portal 2.2.4 → 2.2.5-dev

package/dist/EmployeeList-Cu4RxVQX.js

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