@feedmepos/mf-hrm-portal 2.2.5 → 2.3.0-dev.2

package/dist/ScheduleAddPositionModal.vue_vue_type_script_setup_true_lang-B4VUyKW3.js

@@ -0,0 +1,470 @@
+import { ref as f, watch as he, computed as N, reactive as ge, nextTick as ke, defineComponent as be, createBlock as J, openBlock as h, withCtx as x, createElementVNode as n, createVNode as B, toDisplayString as v, unref as R, createElementBlock as $, withDirectives as ae, withKeys as we, vModelText as le, normalizeClass as te, createTextVNode as T, createCommentVNode as U, Fragment as ne, renderList as Ie } from "vue";
+import { ap as W, a as Pe, aq as $e, ar as oe, f as q, as as Ce, at as Se, E as Q, p as G, am as Ee, ak as O } from "./ScheduleModal.vue_vue_type_script_setup_true_lang-Cf0l2MRg.js";
+import { useI18n as Ne } from "@feedmepos/mf-common";
+function se() {
+  return W.map((e) => ({ id: e.id, name: e.name }));
+}
+function aa(e = {}) {
+  const s = f(se());
+  he(
+    () => W.map((d) => `${d.id}:${d.name}`).join(" "),
+    () => {
+      s.value = se();
+    }
+  );
+  const b = N(() => Pe()), a = f(!1), t = f(""), i = f(null), w = f(!1), y = f(null);
+  function z(d) {
+    return b.value.filter((g) => g.positions.includes(d)).length;
+  }
+  function j(d) {
+    return s.value.some((g) => g.name.toLowerCase() === d.toLowerCase());
+  }
+  function C() {
+    a.value = !0, t.value = "", i.value = null, y.value = null;
+  }
+  function D() {
+    a.value = !1, t.value = "";
+  }
+  async function M() {
+    var g, p;
+    const d = t.value.trim().slice(0, 40);
+    if (!(!d || j(d))) {
+      w.value = !0, y.value = null;
+      try {
+        await oe({ name: d }), a.value = !1, t.value = "", (g = e.notify) == null || g.call(e, "Position added", "success");
+      } catch (I) {
+        y.value = I instanceof Error ? I.message : "Could not add this position", (p = e.notify) == null || p.call(e, y.value, "error");
+      } finally {
+        w.value = !1;
+      }
+    }
+  }
+  function S(d) {
+    i.value = d;
+  }
+  function L() {
+    i.value = null;
+  }
+  async function H(d) {
+    var g, p;
+    w.value = !0, y.value = null;
+    try {
+      await $e(d), i.value = null, (g = e.notify) == null || g.call(e, "Position removed", "success");
+    } catch (I) {
+      y.value = I instanceof Error ? I.message : "Could not delete this position", (p = e.notify) == null || p.call(e, y.value, "error");
+    } finally {
+      w.value = !1;
+    }
+  }
+  const F = N(() => s.value.length);
+  return {
+    positions: s,
+    count: F,
+    isAdding: a,
+    newName: t,
+    pendingDeleteId: i,
+    saving: w,
+    error: y,
+    usageCountFor: z,
+    startAdd: C,
+    cancelAdd: D,
+    confirmAdd: M,
+    askDelete: S,
+    cancelDelete: L,
+    confirmDelete: H
+  };
+}
+function pe(e) {
+  var b;
+  const s = e.trim().split(/\s+/).filter(Boolean);
+  return s.length ? (s[0][0] + (((b = s[1]) == null ? void 0 : b[0]) ?? "")).toUpperCase() : "??";
+}
+function la(e, s = {}) {
+  const b = f(!1), a = f(""), t = f(""), i = ge({}), w = f(!1), y = f(null), z = f(null), j = f(!1), C = f(null);
+  let D = "", M = /* @__PURE__ */ new Set();
+  const S = N(() => {
+    var o;
+    const l = new Map((((o = q.value) == null ? void 0 : o.employees) ?? []).map((u) => [u.employeeId, u]));
+    return Ce.value.map((u) => {
+      var r;
+      const m = l.get(u._id), k = [
+        (r = m == null ? void 0 : m.primaryPosition) == null ? void 0 : r.positionName,
+        ...((m == null ? void 0 : m.secondaryPositions) ?? []).map((A) => A.positionName)
+      ].filter((A) => !!A);
+      return { employeeId: u._id, name: u.name, initials: pe(u.name), held: k };
+    });
+  }), L = N(() => {
+    const l = t.value.trim().toLowerCase();
+    return S.value.filter((o) => !l || o.name.toLowerCase().includes(l));
+  }), H = N(
+    () => S.value.filter((l) => i[l.employeeId]).map((l) => l.employeeId)
+  ), F = N(
+    () => L.value.length > 0 && L.value.every((l) => i[l.employeeId])
+  ), d = N(() => a.value.trim().slice(0, 40)), g = N(
+    () => !!d.value && W.some(
+      (l) => l.id !== C.value && l.name.toLowerCase() === d.value.toLowerCase()
+    )
+  ), p = N(() => !!d.value && !g.value && !w.value);
+  function I() {
+    a.value = "", t.value = "", Object.keys(i).forEach((l) => delete i[l]), y.value = null, j.value = !1, z.value = null, C.value = null, D = "", M = /* @__PURE__ */ new Set();
+  }
+  function ie() {
+    I(), b.value = !0;
+  }
+  function de(l, o) {
+    I(), C.value = l, a.value = o, D = o, M = new Set(
+      S.value.filter((u) => u.held.includes(o)).map((u) => u.employeeId)
+    ), M.forEach((u) => i[u] = !0), b.value = !0;
+  }
+  function ue() {
+    b.value = !1, I();
+  }
+  function me(l) {
+    i[l] = !i[l];
+  }
+  function ce() {
+    if (F.value) {
+      Object.keys(i).forEach((l) => delete i[l]);
+      return;
+    }
+    L.value.forEach((l) => i[l.employeeId] = !0);
+  }
+  function X(l, o) {
+    const u = !!(l != null && l.primaryPosition), m = ((l == null ? void 0 : l.secondaryPositions) ?? []).map((k) => k.positionName);
+    return {
+      ...u ? {} : { primaryPosition: G(o) },
+      secondaryPositions: (u ? [...m, o] : m).map((k) => G(k)).filter((k) => !!k)
+    };
+  }
+  async function re() {
+    var k;
+    const l = d.value;
+    await oe({ name: l }), await ke(), e == null || e(l);
+    const o = S.value.filter((r) => i[r.employeeId]), m = (await Promise.allSettled(
+      o.map((r) => {
+        var c;
+        const A = (c = q.value) == null ? void 0 : c.employees.find((P) => P.employeeId === r.employeeId);
+        return Q(r.employeeId, {
+          employeeName: r.name,
+          ...X(A, l)
+        });
+      })
+    )).filter((r) => r.status === "rejected").length;
+    return z.value = { name: l, assigned: o.length - m, failed: m }, (k = s.notify) == null || k.call(
+      s,
+      m ? `Position added, but ${m} employee assignment${m === 1 ? "" : "s"} failed` : "Position added",
+      m ? "error" : "success"
+    ), !0;
+  }
+  async function ve(l) {
+    var A;
+    const o = d.value;
+    await Se(l, { name: o }), e == null || e(o);
+    const u = S.value.filter(
+      (c) => i[c.employeeId] && !M.has(c.employeeId)
+    ), m = S.value.filter(
+      (c) => !i[c.employeeId] && M.has(c.employeeId)
+    ), r = (await Promise.allSettled([
+      ...u.map((c) => {
+        var V;
+        const P = (V = q.value) == null ? void 0 : V.employees.find((K) => K.employeeId === c.employeeId);
+        return Q(c.employeeId, {
+          employeeName: c.name,
+          ...X(P, o)
+        });
+      }),
+      ...m.map((c) => {
+        var _, ee;
+        const P = (_ = q.value) == null ? void 0 : _.employees.find((E) => E.employeeId === c.employeeId), V = ((P == null ? void 0 : P.secondaryPositions) ?? []).map((E) => E.positionName).filter((E) => E !== D), K = ((ee = P == null ? void 0 : P.primaryPosition) == null ? void 0 : ee.positionName) === D, fe = K ? V.shift() : void 0;
+        return Q(c.employeeId, {
+          employeeName: c.name,
+          ...K ? { primaryPosition: G(fe ?? "") ?? null } : {},
+          secondaryPositions: V.map((E) => G(E)).filter((E) => !!E)
+        });
+      })
+    ])).filter((c) => c.status === "rejected").length;
+    return z.value = { name: o, assigned: Math.max(0, u.length - r), failed: r }, (A = s.notify) == null || A.call(
+      s,
+      r ? `Position updated, but ${r} employee assignment${r === 1 ? "" : "s"} failed` : "Position updated",
+      r ? "error" : "success"
+    ), !0;
+  }
+  async function Y() {
+    var l;
+    if (!d.value)
+      return j.value = !0, !1;
+    if (!p.value) return !1;
+    w.value = !0, y.value = null;
+    try {
+      return await (C.value ? ve(C.value) : re());
+    } catch (o) {
+      return y.value = o instanceof Error ? o.message : `Could not ${C.value ? "save" : "add"} this position`, (l = s.notify) == null || l.call(s, y.value, "error"), !1;
+    } finally {
+      w.value = !1;
+    }
+  }
+  function Z() {
+    I();
+  }
+  async function ye() {
+    await Y() && Z();
+  }
+  return {
+    open: b,
+    name: a,
+    search: t,
+    picks: i,
+    saving: w,
+    error: y,
+    done: z,
+    nameError: j,
+    people: S,
+    visible: L,
+    pickedIds: H,
+    allPicked: F,
+    nameTaken: g,
+    canSave: p,
+    editingId: C,
+    openNew: ie,
+    openEdit: de,
+    close: ue,
+    toggle: me,
+    toggleAll: ce,
+    save: Y,
+    saveAndAnother: ye,
+    another: Z
+  };
+}
+const Ae = { class: "am-head" }, xe = {
+  id: "schedule-position-title",
+  class: "am-title"
+}, Me = { class: "ce-body" }, Te = { key: 0 }, Oe = { class: "ce-field" }, ze = {
+  class: "ce-field asg-field",
+  style: { "margin-bottom": "0" }
+}, De = { class: "asg-head" }, Le = { class: "asg-count" }, je = { class: "asg-list" }, Ve = ["checked", "onChange"], Be = { class: "asg-av" }, Fe = { class: "asg-id" }, Ke = { class: "asg-nm" }, Re = { class: "asg-sub" }, Ue = { key: 1 }, qe = {
+  key: 0,
+  class: "asg-sub",
+  style: { padding: "10px" }
+}, Ge = { key: 1 }, He = { class: "cg-done" }, Je = { class: "cg-st-main" }, Qe = {
+  key: 0,
+  class: "cg-done-also"
+}, We = { class: "am-foot" }, Xe = {
+  key: 0,
+  class: "am-foot-btns"
+}, Ye = {
+  key: 1,
+  class: "am-foot-btns"
+}, ta = /* @__PURE__ */ be({
+  __name: "ScheduleAddPositionModal",
+  props: {
+    modal: {}
+  },
+  setup(e) {
+    const { t: s } = Ne();
+    return (b, a) => (h(), J(Ee, {
+      open: e.modal.open.value,
+      "panel-class": "ce-modal",
+      "panel-style": "width: min(480px, 95vw)",
+      "labelled-by": "schedule-position-title",
+      onClose: a[11] || (a[11] = (t) => e.modal.close())
+    }, {
+      default: x(() => [
+        n("div", Ae, [
+          n("div", xe, v(e.modal.editingId.value ? R(s)("scheduling.positionModal.editTitle") : R(s)("scheduling.positionModal.addTitle")), 1),
+          B(O, {
+            hierarchy: "ghost",
+            size: "xs",
+            "icon-only": "",
+            class: "ce-close-x",
+            type: "button",
+            "aria-label": "Close",
+            onClick: a[0] || (a[0] = (t) => e.modal.close())
+          }, {
+            default: x(() => [...a[12] || (a[12] = [
+              n("svg", {
+                width: "20",
+                height: "20",
+                viewBox: "0 0 20 20",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "1.8",
+                "stroke-linecap": "round",
+                "aria-hidden": "true"
+              }, [
+                n("path", { d: "M5.5 5.5l9 9M14.5 5.5l-9 9" })
+              ], -1)
+            ])]),
+            _: 1
+          })
+        ]),
+        n("div", Me, [
+          e.modal.done.value ? (h(), $("div", Ge, [
+            n("div", He, [
+              a[16] || (a[16] = n("span", {
+                class: "cg-done-tick",
+                "aria-hidden": "true"
+              }, "✓", -1)),
+              n("div", Je, [
+                n("b", null, v(e.modal.done.value.name), 1),
+                n("small", null, v(e.modal.editingId.value ? "Position updated" : e.modal.done.value.assigned ? `Added to ${e.modal.done.value.assigned} ${e.modal.done.value.assigned === 1 ? "employee" : "employees"}` : "Position added"), 1)
+              ])
+            ]),
+            e.modal.done.value.failed ? (h(), $("div", Qe, v(e.modal.done.value.failed) + " " + v(e.modal.done.value.failed === 1 ? "employee" : "employees") + " could not be updated. Add the position to them from their profile. ", 1)) : U("", !0)
+          ])) : (h(), $("div", Te, [
+            n("div", Oe, [
+              a[13] || (a[13] = n("label", {
+                class: "ce-label",
+                for: "skName"
+              }, "Position name", -1)),
+              ae(n("input", {
+                id: "skName",
+                "onUpdate:modelValue": a[1] || (a[1] = (t) => e.modal.name.value = t),
+                class: "sch-input ce-input",
+                maxlength: "40",
+                placeholder: "e.g. FOH, Kitchen, Manager, Cashier…",
+                autocomplete: "off",
+                onInput: a[2] || (a[2] = (t) => e.modal.nameError.value = !1),
+                onKeyup: a[3] || (a[3] = we((t) => e.modal.save(), ["enter"]))
+              }, null, 544), [
+                [le, e.modal.name.value]
+              ]),
+              n("div", {
+                class: te(["ce-err", { show: e.modal.nameError.value || e.modal.nameTaken.value }])
+              }, v(e.modal.nameTaken.value ? "A position with this name already exists" : "Give the position a name"), 3)
+            ]),
+            n("div", ze, [
+              n("div", De, [
+                a[14] || (a[14] = n("span", { class: "asg-lbl" }, "Employees with this position", -1)),
+                B(O, {
+                  hierarchy: "ghost",
+                  size: "sm",
+                  class: "ce-add-link asg-all",
+                  type: "button",
+                  onClick: a[4] || (a[4] = (t) => e.modal.toggleAll())
+                }, {
+                  default: x(() => [
+                    T(v(e.modal.allPicked.value ? "Clear all" : "Select all"), 1)
+                  ]),
+                  _: 1
+                }),
+                n("span", Le, v(e.modal.pickedIds.value.length) + " selected", 1)
+              ]),
+              ae(n("input", {
+                "onUpdate:modelValue": a[5] || (a[5] = (t) => e.modal.search.value = t),
+                class: "sch-input ce-input asg-search",
+                placeholder: "Search team…",
+                autocomplete: "off"
+              }, null, 512), [
+                [le, e.modal.search.value]
+              ]),
+              n("div", je, [
+                (h(!0), $(ne, null, Ie(e.modal.visible.value, (t) => (h(), $("label", {
+                  key: t.employeeId,
+                  class: "asg-row"
+                }, [
+                  n("input", {
+                    type: "checkbox",
+                    class: "sch-checkbox asg-check",
+                    checked: !!e.modal.picks[t.employeeId],
+                    onChange: (i) => e.modal.toggle(t.employeeId),
+                    "data-platform": "desktop"
+                  }, null, 40, Ve),
+                  n("span", Be, v(t.initials), 1),
+                  n("span", Fe, [
+                    n("span", Ke, v(t.name), 1),
+                    n("span", Re, [
+                      t.held.length ? (h(), $(ne, { key: 0 }, [
+                        T(v(t.held.join(", ")), 1)
+                      ], 64)) : (h(), $("i", Ue, "No positions added"))
+                    ])
+                  ])
+                ]))), 128)),
+                e.modal.visible.value.length ? U("", !0) : (h(), $("div", qe, " No one matches. "))
+              ]),
+              a[15] || (a[15] = n("div", { class: "ce-hint" }, "Ticked people can work this position.", -1))
+            ]),
+            n("div", {
+              class: te(["ce-err", { show: !!e.modal.error.value }])
+            }, v(e.modal.error.value), 3)
+          ]))
+        ]),
+        n("div", We, [
+          a[19] || (a[19] = n("div", { class: "am-cost-preview" }, null, -1)),
+          e.modal.done.value ? (h(), $("div", Ye, [
+            e.modal.editingId.value ? U("", !0) : (h(), J(O, {
+              key: 0,
+              hierarchy: "secondary",
+              size: "sm",
+              class: "am-btn am-btn-sec",
+              type: "button",
+              onClick: a[9] || (a[9] = (t) => e.modal.another())
+            }, {
+              default: x(() => [...a[18] || (a[18] = [
+                T("Add another", -1)
+              ])]),
+              _: 1
+            })),
+            B(O, {
+              hierarchy: "primary",
+              size: "sm",
+              class: "am-btn am-btn-primary",
+              type: "button",
+              onClick: a[10] || (a[10] = (t) => e.modal.close())
+            }, {
+              default: x(() => [
+                T(v(R(s)("scheduling.common.done")), 1)
+              ]),
+              _: 1
+            })
+          ])) : (h(), $("div", Xe, [
+            B(O, {
+              hierarchy: "secondary",
+              size: "sm",
+              class: "am-btn am-btn-sec",
+              type: "button",
+              onClick: a[6] || (a[6] = (t) => e.modal.close())
+            }, {
+              default: x(() => [
+                T(v(R(s)("scheduling.common.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            e.modal.editingId.value ? U("", !0) : (h(), J(O, {
+              key: 0,
+              hierarchy: "secondary",
+              size: "sm",
+              class: "am-btn am-btn-sec",
+              type: "button",
+              disabled: !e.modal.canSave.value,
+              onClick: a[7] || (a[7] = (t) => e.modal.saveAndAnother())
+            }, {
+              default: x(() => [...a[17] || (a[17] = [
+                T(" Save & add another ", -1)
+              ])]),
+              _: 1
+            }, 8, ["disabled"])),
+            B(O, {
+              hierarchy: "primary",
+              size: "sm",
+              class: "am-btn am-btn-primary",
+              type: "button",
+              disabled: !e.modal.canSave.value,
+              onClick: a[8] || (a[8] = (t) => e.modal.save())
+            }, {
+              default: x(() => [
+                T(v(e.modal.editingId.value ? e.modal.saving.value ? "Saving…" : "Save changes" : e.modal.saving.value ? "Adding…" : "Add position"), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ]))
+        ])
+      ]),
+      _: 1
+    }, 8, ["open"]));
+  }
+});
+export {
+  ta as _,
+  la as a,
+  aa as u
+};