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

package/dist/ScheduleAddPositionModal.vue_vue_type_script_setup_true_lang-d8KDvgNu.js

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