@feedmepos/mf-hrm-portal 2.3.0-dev → 2.3.0-dev.10

package/dist/ScheduleAddPositionModal.vue_vue_type_script_setup_true_lang-CRRguWTG.js

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