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

package/dist/ScheduleAddPositionModal.vue_vue_type_script_setup_true_lang-B-XtB64L.js

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