@feedmepos/mf-hrm-portal 2.3.1-dev.1 → 2.3.2-dev

package/dist/EmployeeList-BG2KPvOB.js

@@ -0,0 +1,908 @@
+import { defineComponent as Ve, computed as x, resolveComponent as I, createElementBlock as O, openBlock as _, createElementVNode as m, createVNode as n, toDisplayString as N, Fragment as ke, renderList as je, createCommentVNode as H, withKeys as Ie, withModifiers as oe, normalizeClass as be, toRaw as Ge, ref as h, watch as re, renderSlot as qe, unref as t, withCtx as w, createBlock as D, onUnmounted as He, isRef as Re, createTextVNode as he, resolveDynamicComponent as Je, h as pe } from "vue";
+import { useI18n as $e, useCoreStore as We } from "@feedmepos/mf-common";
+import { useSnackbar as Me, components as Pe, 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-CdrnR_Pw.js";
+import { _ as Ee, 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 { c as ra, b as na, a as ia, p as ua, r as da, s as ca, _ as ma, d as pa, e as Fe } from "./PasscodePinField.vue_vue_type_script_setup_true_lang-TXPEqa46.js";
+import { u as fa } from "./useDebounce-B8ZPVS5C.js";
+import { n as va } from "./string-DZQ1uNjn.js";
+import { u as Ae, E as ya } from "./employee-Dg-J9goA.js";
+import { u as De } from "./restaurant-CKhT6kgj.js";
+import { l as ga } from "./lodash-7SZBZ8VQ.js";
+import { _ as Ue } from "./FormSection.vue_vue_type_script_setup_true_lang-DknXTYiK.js";
+import { u as Ne } from "./useLoading-BBjBUzGJ.js";
+import { u as _e } from "./role-C6hFKOfU.js";
+/* empty css                                                                      */
+const ha = { class: "rounded-lg border border-fm-color-neutral-gray-200 p-16 space-y-16" }, ba = { class: "fm-typo-en-title-sm-600" }, _a = { class: "space-y-16" }, Va = { class: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto] gap-16" }, ka = { class: "text-sm font-semibold text-fm-color-typo-primary" }, xa = { class: "text-sm font-semibold text-fm-color-typo-primary" }, wa = { class: "flex justify-self-end" }, Ia = ["tabindex", "aria-disabled", "aria-label", "onClick", "onKeydown"], Ra = /* @__PURE__ */ Ve({
+  __name: "OutletRoleAssignment",
+  props: {
+    modelValue: {},
+    restaurants: {},
+    roles: {},
+    isRoleUsable: {},
+    isRestaurantLocked: { type: Function, default: () => !1 },
+    createRow: {},
+    title: {},
+    restaurantLabel: {},
+    roleLabel: {},
+    addLabel: {},
+    removeLabel: {}
+  },
+  emits: ["update:modelValue"],
+  setup(b, { emit: Z }) {
+    const l = b, V = Z, f = x(() => ({
+      isRoleUsable: l.isRoleUsable,
+      isRestaurantLocked: l.isRestaurantLocked
+    }));
+    function L(y) {
+      return na(l.restaurants, l.modelValue, y);
+    }
+    function X(y) {
+      return ia(l.roles, y.restaurantId, y.roleId, f.value);
+    }
+    function k(y) {
+      return l.isRestaurantLocked(y);
+    }
+    function ee(y, U) {
+      const v = l.modelValue[y], R = ua(l.roles, U, v.roleId, f.value), M = [...l.modelValue];
+      M[y] = { ...v, restaurantId: U, roleId: R }, V("update:modelValue", M);
+    }
+    function u(y, U) {
+      const v = l.modelValue[y], R = [...l.modelValue];
+      R[y] = { ...v, roleId: U }, V("update:modelValue", R);
+    }
+    function E() {
+      V("update:modelValue", [...l.modelValue, l.createRow()]);
+    }
+    function F(y) {
+      V(
+        "update:modelValue",
+        da(l.modelValue, y, l.createRow, f.value)
+      );
+    }
+    const K = x(() => ra(l.restaurants, l.modelValue));
+    return (y, U) => {
+      const v = I("FmSelect"), R = I("FmIcon"), M = I("FmButton");
+      return _(), O("div", ha, [
+        m("div", ba, N(b.title), 1),
+        m("div", _a, [
+          m("div", Va, [
+            m("div", ka, N(b.restaurantLabel), 1),
+            m("div", xa, N(b.roleLabel), 1),
+            U[0] || (U[0] = m("div", null, null, -1))
+          ]),
+          (_(!0), O(ke, null, je(b.modelValue, (p, s) => (_(), 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: b.restaurantLabel,
+              disabled: k(p.restaurantId),
+              "onUpdate:modelValue": (C) => ee(s, C)
+            }, 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: b.roleLabel,
+              disabled: !p.restaurantId || k(p.restaurantId),
+              "onUpdate:modelValue": (C) => u(s, C)
+            }, null, 8, ["model-value", "items", "placeholder", "disabled", "onUpdate:modelValue"]),
+            m("div", wa, [
+              b.modelValue.length > 1 ? (_(), O("div", {
+                key: 0,
+                role: "button",
+                tabindex: k(p.restaurantId) ? -1 : 0,
+                "aria-disabled": k(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": !k(p.restaurantId),
+                  "pointer-events-none": k(p.restaurantId)
+                }]),
+                "aria-label": b.removeLabel,
+                onClick: oe((C) => F(s), ["stop"]),
+                onKeydown: [
+                  Ie(oe((C) => F(s), ["prevent", "stop"]), ["enter"]),
+                  Ie(oe((C) => F(s), ["prevent", "stop"]), ["space"])
+                ]
+              }, [
+                n(R, {
+                  name: "delete",
+                  size: "md"
+                })
+              ], 42, Ia)) : H("", !0)
+            ])
+          ]))), 128))
+        ]),
+        n(M, {
+          type: "button",
+          variant: "secondary",
+          "text-color": "primary",
+          "border-color": "primary",
+          "prepend-icon": "add",
+          label: b.addLabel,
+          size: "md",
+          disabled: !K.value,
+          onClick: oe(E, ["stop"])
+        }, null, 8, ["label", "disabled"])
+      ]);
+    };
+  }
+});
+function Ce(b) {
+  return JSON.parse(JSON.stringify(b));
+}
+function Se(b) {
+  if (typeof structuredClone > "u")
+    return Ce(b);
+  try {
+    return structuredClone(Ge(b));
+  } catch {
+    return Ce(b);
+  }
+}
+const Ea = { class: "flex w-full items-center justify-between" }, Fa = { class: "fm-typo-en-title-md-600" }, Ua = { class: "space-y-40" }, Ca = { class: "flex flex-row gap-16" }, Sa = { class: "space-y-16" }, La = { class: "flex gap-8 items-center justify-start" }, Le = 4, $a = /* @__PURE__ */ Ve({
+  __name: "EmployeeForm",
+  props: {
+    roleErrorMessage: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["submitted"],
+  setup(b, { expose: Z, emit: l }) {
+    const V = _e(), f = De(), L = Ae(), X = Me(), k = Ne(X), ee = l, { t: u } = $e(), 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: S, roleId: P }) => ({
+          restaurantId: S,
+          roleId: P
+        })) : [K()]
+      };
+    }
+    const U = (d) => {
+      s.value = y(d), p.value = Se(s.value), C.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 R = x(() => F.value ? u("hr.employee.form.add") : u("hr.employee.form.update")), M = x(() => F.value ? u("common.create") : u("common.update")), p = h(v()), s = h(v()), C = h(void 0), T = x(
+      () => ca(s.value.restaurants)
+    );
+    function ne(d) {
+      var r;
+      return d ? !((r = f.restaurants.value.find((S) => S._id === d)) != null && r.managable) : !1;
+    }
+    function ie(d) {
+      return d.isUsable;
+    }
+    const A = h([]), B = h(!1), J = h(!1), ae = h(!1), ue = x(() => T.value.length > 0);
+    async function j() {
+      if (ue.value)
+        try {
+          const d = await k.custom(
+            () => ya.generateEmployeePasscode({
+              restaurantIds: T.value,
+              excludePosUserId: C.value
+            }),
+            { isLoading: ae }
+          );
+          B.value = !1, A.value = d.split(""), s.value.passcode = d;
+        } catch {
+        }
+    }
+    const W = ta(
+      () => !ga.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 = C.value, S = {
+        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, S);
+      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 k.minor(
+        async () => {
+          await ve();
+        },
+        {
+          successMessage: u("hr.employee.create.successMessage"),
+          isLoading: J
+        }
+      ) : await k.minor(
+        async () => {
+          await le();
+        },
+        {
+          successMessage: u("hr.employee.update.successMessage"),
+          isLoading: J
+        }
+      ), ee("submitted"), E.value = !1;
+    }
+    return re(
+      () => E.value,
+      (d) => {
+      }
+    ), Z({
+      show: E,
+      trigger: U
+    }), (d, r) => {
+      const S = I("FmIcon"), P = I("FmSwitch"), z = I("FmTextField"), $ = I("FmFormGroup"), G = I("fm-button"), de = I("fm-side-sheet");
+      return _(), O(ke, null, [
+        qe(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(Pe).FmForm,
+          "is-container-props": {
+            onValidationSuccess: Q,
+            blameFormChildOnValidationFailed: !0
+          },
+          "max-width": 960,
+          "close-button": !1,
+          "onOn:clickedAway": t(W)
+        }, {
+          "side-sheet-header": w(() => [
+            m("div", Ea, [
+              m("p", Fa, N(R.value), 1),
+              n(S, {
+                name: "close",
+                size: "md",
+                class: "cursor-pointer",
+                onClick: t(W)
+              }, null, 8, ["onClick"])
+            ])
+          ]),
+          "side-sheet-footer": w(() => [
+            m("div", La, [
+              n(G, {
+                label: M.value,
+                size: "lg",
+                type: "submit",
+                variant: "primary",
+                disabled: J.value
+              }, null, 8, ["label", "disabled"]),
+              n(G, {
+                label: t(u)("common.cancel"),
+                size: "lg",
+                variant: "tertiary",
+                disabled: J.value,
+                onClick: t(W)
+              }, null, 8, ["label", "disabled", "onClick"])
+            ])
+          ]),
+          default: w(() => [
+            m("div", Ua, [
+              n(Ue, {
+                title: t(u)("hr.employee.form.employeeSetting")
+              }, {
+                default: w(() => [
+                  n(Ee, {
+                    label: t(u)("hr.employee.form.masterUserConfig")
+                  }, {
+                    default: w(() => [
+                      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", Ca, [
+                    s.value.isMasterUser ? (_(), 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(Ee, {
+                    label: t(u)("hr.employee.form.passcode")
+                  }, {
+                    default: w(() => [
+                      m("div", Sa, [
+                        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) !== Le ? t(u)("hr.employee.form.passcodeRequired") : !0
+                          ]
+                        }, {
+                          default: w(() => [
+                            n(ma, {
+                              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: Le,
+                              "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(pa, {
+                          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(Ue, null, {
+                default: w(() => [
+                  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: w(() => [
+                      n(Ra, {
+                        modelValue: s.value.restaurants,
+                        "onUpdate:modelValue": r[7] || (r[7] = (o) => s.value.restaurants = o),
+                        restaurants: t(f).restaurants.value,
+                        roles: t(V).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);
+    };
+  }
+}), Ma = {
+  class: "space-y-8"
+}, Pa = {
+  key: 0,
+  class: "flex w-full items-start justify-between"
+}, Aa = {
+  class: "flex items-start gap-8"
+}, Da = {
+  class: "flex"
+}, Na = {
+  key: 1,
+  class: "space-y-4"
+}, Oa = {
+  class: "px-16"
+}, Ka = {
+  class: "px-16 flex items-start gap-8"
+}, za = {
+  class: "flex h-full flex-col overflow-auto"
+}, Ta = {
+  class: "space-y-4"
+}, Ba = {
+  class: "fm-typo-en-body-lg-600"
+}, ja = {
+  key: 0,
+  class: "mr-4"
+}, Ga = {
+  class: "text-fm-color-typo-secondary"
+}, qa = {
+  class: "line-clamp-2"
+}, Ha = {
+  class: "font-bold"
+}, q = 200, Ja = /* @__PURE__ */ Ve({
+  __name: "EmployeeList",
+  setup(b, {
+    expose: Z
+  }) {
+    const {
+      t: l
+    } = $e(), V = h(), f = Ae(), L = De(), X = We(), {
+      currentBusiness: k,
+      sessionUser: ee
+    } = X, u = _e(), E = x(() => 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 = x(() => 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 = x(() => f.listEmployees.value), {
+      searchKey: v
+    } = aa(), R = h(""), M = x(() => U.value), p = x(() => f.totalEmployees.value), s = h(1), C = x(() => f.isLoading.value), T = h(!1), ne = x(() => {
+      var e;
+      return JSON.stringify({
+        businessId: ((e = k.value) == null ? void 0 : e._id) ?? "",
+        search: R.value.trim(),
+        restaurantIds: [...V.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: () => S(e)
+      }, {
+        label: l("hr.employee.remove.title"),
+        onClick: () => z(e),
+        itemClass: "text-fm-color-typo-error"
+      }];
+    }
+    const J = ({
+      employee: e,
+      className: a = ""
+    }) => n("div", {
+      class: a,
+      onClick: (i) => {
+        i.stopPropagation();
+      }
+    }, [n(sa, {
+      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(Pe.FmAvatar, {
+          name: a.name,
+          initials: va(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(Fe) : 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(Fe, {
+          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 J({
+          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 = Me(), W = Qe(), ve = Ne(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 S = (e) => {
+      var i;
+      e && r(e) || (i = d.value) == null || i.trigger(e);
+    }, {
+      breakpoints: P
+    } = Ye(), z = (e) => {
+      r(e) || W.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(() => {
+        }), W.close();
+      });
+    }, $ = h("");
+    function G() {
+      var e;
+      (e = d.value) == null || e.trigger();
+    }
+    const de = x(() => _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: R.value.trim() || void 0,
+          restaurantIds: (a = V.value) != null && a.length ? V.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 = k.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 Oe() {
+      var e, a;
+      return await f.readAllEmployeesPage({
+        search: R.value.trim() || void 0,
+        restaurantIds: (e = V.value) != null && e.length ? V.value : void 0,
+        roleIds: (a = o.value) != null && a.length ? o.value : void 0
+      }, p.value);
+    }
+    const Ke = fa(v, () => {
+      R.value = v.value;
+    }, 300);
+    He(Ke);
+    let ge = !1;
+    async function ze({
+      pageIndex: e
+    }) {
+      var a;
+      if ((a = k.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 = k.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 Te = x(() => p.value > q);
+    return Z({
+      create: G,
+      filteredEmployees: M,
+      exportEmployees: Oe,
+      getHasPaginationFooter: () => Te.value
+    }), (e, a) => {
+      var xe, we;
+      const i = I("FmButton"), g = I("FmTooltip"), te = I("FmSearch"), se = I("FmListItem"), Be = I("FmTable");
+      return _(), O(ke, null, [n($a, {
+        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", Ma, [t(P).xs ? (_(), O("div", Na, [m("div", Oa, [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(la), m("div", Ka, [n(fe, {
+        modelValue: V.value,
+        "onUpdate:modelValue": a[5] || (a[5] = (c) => V.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"])])])) : (_(), O("div", Pa, [m("div", Aa, [n(fe, {
+        modelValue: V.value,
+        "onUpdate:modelValue": a[1] || (a[1] = (c) => V.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", Da, [(xe = t(ee)) != null && xe.role.isAdmin ? (_(), D(g, {
+        key: 0,
+        content: t(l)("hr.employee.sync.tooltip")
+      }, {
+        default: w(() => [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(k)) != null && we._id ? (_(), D(Xe, {
+        key: 2
+      }, {
+        default: w(() => [m("div", za, [!T.value && t(f).isLoading.value ? (_(), D(ea, {
+          key: 0
+        })) : H("", !0), T.value ? (_(), D(oa, {
+          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: w(() => [(_(), D(Be, {
+            key: ne.value,
+            class: be(["employee-list-table h-full", {
+              "employee-list-table--pagination-loading": C.value
+            }]),
+            "column-defs": ae,
+            "row-data": M.value,
+            "page-size": q,
+            "page-count": Math.ceil(p.value / q),
+            "row-count": p.value,
+            "fetch-fn": ze,
+            "hide-footer": p.value <= q,
+            loading: t(f).isLoading.value,
+            virtual: !1,
+            "pin-header-row": "",
+            onRowClick: a[7] || (a[7] = (c) => S(c.original))
+          }, {
+            "list-row": w((c) => [t(P).xs ? (_(), 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) => S(c.original)
+            }, {
+              default: w(() => [m("div", Ta, [m("p", Ba, [c.original.code ? (_(), O("span", ja, N(c.original.code) + ".", 1)) : H("", !0), he(N(c.original.name), 1)]), m("div", Ga, [m("p", qa, [m("span", Ha, 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"])) : (_(), D(se, {
+              key: 1,
+              style: {
+                padding: "0"
+              },
+              onClick: (me) => S(c.original)
+            }, {
+              default: w(() => [(_(), D(Je(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);
+    };
+  }
+}), pl = /* @__PURE__ */ Ze(Ja, [["__scopeId", "data-v-5aed0d1c"]]);
+export {
+  pl as default
+};