@feedmepos/mf-hrm-portal 2.3.0-dev.16 → 2.3.0-dev.17

package/dist/ScheduleAddPositionModal.vue_vue_type_script_setup_true_lang-EPVMITc0.js

@@ -0,0 +1,532 @@
+import { ref as I, watch as me, computed as M, reactive as be, nextTick as Pe, defineComponent as we, createBlock as ee, openBlock as k, withCtx as T, createElementVNode as s, createVNode as U, toDisplayString as g, unref as Q, createElementBlock as S, withDirectives as re, withKeys as Ne, vModelText as ce, normalizeClass as ve, createTextVNode as L, createCommentVNode as X, Fragment as fe, renderList as $e } from "vue";
+import { au as le, p as O, ax as ye, ay as te, az as Ce, u as Se, aA as pe, I as ae, e as Y, at as xe, ar as V } from "./ScheduleModal.vue_vue_type_script_setup_true_lang-KOLBDv21.js";
+import { useI18n as Ae } from "@feedmepos/mf-common";
+function he() {
+  return le.map((e) => ({ id: e.id, name: e.name }));
+}
+function la(e = {}) {
+  const n = I(he()), f = [], a = /* @__PURE__ */ new Set();
+  let i = 0;
+  me(
+    () => le.map((l) => `${l.id}:${l.name}`).join(" "),
+    () => {
+      n.value = he();
+    }
+  ), me(
+    () => {
+      var l;
+      return (((l = O.value) == null ? void 0 : l.positions) ?? []).map((m) => `${m.id}:${m.name}`).join(" ");
+    },
+    () => {
+      var l;
+      n.value = (((l = O.value) == null ? void 0 : l.positions) ?? []).map((m) => ({ id: m.id, name: m.name }));
+    }
+  );
+  const c = I(!1), w = I(""), P = I(null), N = I(!1), b = I(null);
+  function p(l) {
+    var m;
+    return (((m = O.value) == null ? void 0 : m.employees) ?? []).filter(
+      ($) => {
+        var y;
+        return ((y = $.primaryPosition) == null ? void 0 : y.positionId) === l || $.secondaryPositions.some((A) => A.positionId === l);
+      }
+    ).length;
+  }
+  function W(l) {
+    return n.value.some((m) => m.name.toLowerCase() === l.toLowerCase());
+  }
+  function z() {
+    c.value = !0, w.value = "", P.value = null, b.value = null;
+  }
+  function x() {
+    c.value = !1, w.value = "";
+  }
+  async function B() {
+    var m, $;
+    const l = w.value.trim().slice(0, 40);
+    if (!(!l || W(l))) {
+      N.value = !0, b.value = null;
+      try {
+        e.deferWrites ? (f.push(l), n.value = [...n.value, { id: `onboarding-draft-${++i}`, name: l }]) : await te({ name: l }), c.value = !1, w.value = "", (m = e.notify) == null || m.call(e, "Position added", "success");
+      } catch (y) {
+        b.value = y instanceof Error ? y.message : "Could not add this position", ($ = e.notify) == null || $.call(e, b.value, "error");
+      } finally {
+        N.value = !1;
+      }
+    }
+  }
+  function Z(l) {
+    P.value = l;
+  }
+  function q() {
+    P.value = null;
+  }
+  async function E(l) {
+    var m, $;
+    N.value = !0, b.value = null;
+    try {
+      if (e.deferWrites) {
+        const y = n.value.find((A) => A.id === l);
+        if (l.startsWith("onboarding-draft-")) {
+          const A = f.indexOf((y == null ? void 0 : y.name) ?? "");
+          A >= 0 && f.splice(A, 1);
+        } else
+          a.add(l);
+      } else
+        await ye(l);
+      n.value = n.value.filter((y) => y.id !== l), P.value = null, (m = e.notify) == null || m.call(e, "Position removed", "success");
+    } catch (y) {
+      b.value = y instanceof Error ? y.message : "Could not delete this position", ($ = e.notify) == null || $.call(e, b.value, "error");
+    } finally {
+      N.value = !1;
+    }
+  }
+  async function G() {
+    if (e.deferWrites)
+      for (; f.length; ) {
+        const l = f[0];
+        await te({ name: l }), f.shift();
+      }
+  }
+  async function H() {
+    if (e.deferWrites)
+      for (const l of [...a])
+        await ye(l), a.delete(l);
+  }
+  function F() {
+    var l;
+    e.deferWrites && (f.splice(0, f.length), a.clear(), n.value = (((l = O.value) == null ? void 0 : l.positions) ?? []).map((m) => ({ id: m.id, name: m.name })));
+  }
+  const _ = M(() => n.value.length);
+  return {
+    positions: n,
+    pendingCreates: f,
+    pendingDeletes: a,
+    count: _,
+    isAdding: c,
+    newName: w,
+    pendingDeleteId: P,
+    saving: N,
+    error: b,
+    usageCountFor: p,
+    startAdd: z,
+    cancelAdd: x,
+    confirmAdd: B,
+    askDelete: Z,
+    cancelDelete: q,
+    confirmDelete: E,
+    commitCreates: G,
+    commitDeletes: H,
+    discardPending: F
+  };
+}
+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(""), c = be({}), w = I(!1), P = I(null), N = I(null), b = I(!1), p = I(null);
+  let W = "", z = /* @__PURE__ */ new Set();
+  const x = M(() => {
+    var r;
+    const t = new Map((((r = O.value) == null ? void 0 : r.employees) ?? []).map((v) => [v.employeeId, v]));
+    return Ce.value.map((v) => {
+      var j;
+      const d = t.get(v._id), D = [d == null ? void 0 : d.primaryPosition, ...(d == null ? void 0 : d.secondaryPositions) ?? []].map((o) => Se(o)).filter((o) => !!o), u = [
+        (j = d == null ? void 0 : d.primaryPosition) == null ? void 0 : j.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: D,
+        heldPositionIds: u
+      };
+    });
+  }), B = M(() => {
+    const t = i.value.trim().toLowerCase();
+    return x.value.filter((r) => !t || r.name.toLowerCase().includes(t));
+  }), Z = M(
+    () => x.value.filter((t) => c[t.employeeId]).map((t) => t.employeeId)
+  ), q = M(
+    () => B.value.length > 0 && B.value.every((t) => c[t.employeeId])
+  ), E = M(() => a.value.trim().slice(0, 40)), G = M(
+    () => !!E.value && le.some(
+      (t) => t.id !== p.value && t.name.toLowerCase() === E.value.toLowerCase()
+    )
+  ), H = M(() => !!E.value && !G.value && !w.value);
+  function F() {
+    a.value = "", i.value = "", Object.keys(c).forEach((t) => delete c[t]), P.value = null, b.value = !1, N.value = null, p.value = null, W = "", z = /* @__PURE__ */ new Set();
+  }
+  function _() {
+    F(), f.value = !0;
+  }
+  function l(t, r) {
+    F(), p.value = t, a.value = r, W = r, z = new Set(
+      x.value.filter((v) => v.heldPositionIds.includes(t)).map((v) => v.employeeId)
+    ), z.forEach((v) => c[v] = !0), f.value = !0;
+  }
+  function m() {
+    f.value = !1, F();
+  }
+  function $(t) {
+    c[t] = !c[t];
+  }
+  function y() {
+    if (q.value) {
+      Object.keys(c).forEach((t) => delete c[t]);
+      return;
+    }
+    B.value.forEach((t) => c[t.employeeId] = !0);
+  }
+  function A(t, r) {
+    const v = !!(t != null && t.primaryPosition), d = ((t == null ? void 0 : t.secondaryPositions) ?? []).map((u) => ({
+      positionId: u.positionId,
+      positionName: u.positionName
+    })), D = v ? [...d, { positionName: r }] : d;
+    return {
+      ...v ? {} : { primaryPosition: Y(r) },
+      secondaryPositions: D.map((u) => Y(u.positionName, u.positionId)).filter((u) => !!u)
+    };
+  }
+  async function ge() {
+    var D;
+    const t = E.value;
+    await te({ name: t }), await Pe(), e == null || e(t);
+    const r = x.value.filter((u) => c[u.employeeId]), d = (await Promise.allSettled(
+      r.map((u) => {
+        var o;
+        const j = (o = O.value) == null ? void 0 : o.employees.find((h) => h.employeeId === u.employeeId);
+        return ae(u.employeeId, {
+          employeeName: u.name,
+          ...A(j, t)
+        });
+      })
+    )).filter((u) => u.status === "rejected").length;
+    return N.value = { name: t, assigned: r.length - d, failed: d }, (D = n.notify) == null || D.call(
+      n,
+      d ? `Position added, but ${d} employee assignment${d === 1 ? "" : "s"} failed` : "Position added",
+      d ? "error" : "success"
+    ), !0;
+  }
+  async function Ie(t) {
+    var j;
+    const r = E.value;
+    await pe(t, { name: r }), e == null || e(r);
+    const v = x.value.filter(
+      (o) => c[o.employeeId] && !z.has(o.employeeId)
+    ), d = x.value.filter(
+      (o) => !c[o.employeeId] && z.has(o.employeeId)
+    ), u = (await Promise.allSettled([
+      ...v.map((o) => {
+        var R;
+        const h = (R = O.value) == null ? void 0 : R.employees.find((J) => J.employeeId === o.employeeId);
+        return ae(o.employeeId, {
+          employeeName: o.name,
+          ...A(h, r)
+        });
+      }),
+      ...d.map((o) => {
+        var ie, oe, de, ue;
+        const h = (ie = O.value) == null ? void 0 : ie.employees.find((C) => C.employeeId === o.employeeId), R = ((h == null ? void 0 : h.secondaryPositions) ?? []).filter(
+          (C) => C.positionId !== t && (C.positionId || C.positionName !== W)
+        ), J = ((oe = h == null ? void 0 : h.primaryPosition) == null ? void 0 : oe.positionId) === t || !((de = h == null ? void 0 : h.primaryPosition) != null && de.positionId) && ((ue = h == null ? void 0 : h.primaryPosition) == null ? void 0 : ue.positionName) === W, K = J ? R.shift() : void 0;
+        return ae(o.employeeId, {
+          employeeName: o.name,
+          ...J ? {
+            primaryPosition: Y(K == null ? void 0 : K.positionName, K == null ? void 0 : K.positionId) ?? null
+          } : {},
+          secondaryPositions: R.map((C) => Y(C.positionName, C.positionId)).filter((C) => !!C)
+        });
+      })
+    ])).filter((o) => o.status === "rejected").length;
+    return N.value = { name: r, assigned: Math.max(0, v.length - u), failed: u }, (j = n.notify) == null || j.call(
+      n,
+      u ? `Position updated, but ${u} employee assignment${u === 1 ? "" : "s"} failed` : "Position updated",
+      u ? "error" : "success"
+    ), !0;
+  }
+  async function ne() {
+    var t;
+    if (!E.value)
+      return b.value = !0, !1;
+    if (!H.value) return !1;
+    w.value = !0, P.value = null;
+    try {
+      return await (p.value ? Ie(p.value) : ge());
+    } catch (r) {
+      return P.value = r instanceof Error ? r.message : `Could not ${p.value ? "save" : "add"} this position`, (t = n.notify) == null || t.call(n, P.value, "error"), !1;
+    } finally {
+      w.value = !1;
+    }
+  }
+  function se() {
+    F();
+  }
+  async function ke() {
+    await ne() && se();
+  }
+  return {
+    open: f,
+    name: a,
+    search: i,
+    picks: c,
+    saving: w,
+    error: P,
+    done: N,
+    nameError: b,
+    people: x,
+    visible: B,
+    pickedIds: Z,
+    allPicked: q,
+    nameTaken: G,
+    canSave: H,
+    editingId: p,
+    openNew: _,
+    openEdit: l,
+    close: m,
+    toggle: $,
+    toggleAll: y,
+    save: ne,
+    saveAndAnother: ke,
+    another: se
+  };
+}
+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__ */ we({
+  __name: "ScheduleAddPositionModal",
+  props: {
+    modal: {}
+  },
+  setup(e) {
+    const { t: n } = Ae();
+    return (f, a) => (k(), ee(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: T(() => [
+        s("div", Te, [
+          s("div", Me, g(e.modal.editingId.value ? Q(n)("scheduling.positionModal.editTitle") : Q(n)("scheduling.positionModal.addTitle")), 1),
+          U(V, {
+            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: T(() => [...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(), S("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(), S("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)) : X("", !0)
+          ])) : (k(), S("div", ze, [
+            s("div", De, [
+              a[13] || (a[13] = s("label", {
+                class: "ce-label",
+                for: "skName"
+              }, "Position name", -1)),
+              re(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), [
+                [ce, e.modal.name.value]
+              ]),
+              s("div", {
+                class: ve(["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)),
+                U(V, {
+                  hierarchy: "ghost",
+                  size: "sm",
+                  class: "ce-add-link asg-all",
+                  type: "button",
+                  onClick: a[4] || (a[4] = (i) => e.modal.toggleAll())
+                }, {
+                  default: T(() => [
+                    L(g(e.modal.allPicked.value ? "Clear all" : "Select all"), 1)
+                  ]),
+                  _: 1
+                }),
+                s("span", Ve, g(e.modal.pickedIds.value.length) + " selected", 1)
+              ]),
+              re(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), [
+                [ce, e.modal.search.value]
+              ]),
+              s("div", We, [
+                (k(!0), S(fe, null, $e(e.modal.visible.value, (i) => (k(), S("label", {
+                  key: i.employeeId,
+                  class: "asg-row"
+                }, [
+                  s("input", {
+                    type: "checkbox",
+                    class: "sch-checkbox asg-check",
+                    checked: !!e.modal.picks[i.employeeId],
+                    onChange: (c) => 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(), S(fe, { key: 0 }, [
+                        L(g(i.held.join(", ")), 1)
+                      ], 64)) : (k(), S("i", qe, "No positions added"))
+                    ])
+                  ])
+                ]))), 128)),
+                e.modal.visible.value.length ? X("", !0) : (k(), S("div", Ge, " No one matches. "))
+              ]),
+              a[15] || (a[15] = s("div", { class: "ce-hint" }, "Ticked people can work this position.", -1))
+            ]),
+            s("div", {
+              class: ve(["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(), S("div", _e, [
+            e.modal.editingId.value ? X("", !0) : (k(), ee(V, {
+              key: 0,
+              hierarchy: "secondary",
+              size: "sm",
+              class: "am-btn am-btn-sec",
+              type: "button",
+              onClick: a[9] || (a[9] = (i) => e.modal.another())
+            }, {
+              default: T(() => [...a[18] || (a[18] = [
+                L("Add another", -1)
+              ])]),
+              _: 1
+            })),
+            U(V, {
+              hierarchy: "primary",
+              size: "sm",
+              class: "am-btn am-btn-primary",
+              type: "button",
+              onClick: a[10] || (a[10] = (i) => e.modal.close())
+            }, {
+              default: T(() => [
+                L(g(Q(n)("scheduling.common.done")), 1)
+              ]),
+              _: 1
+            })
+          ])) : (k(), S("div", Ze, [
+            U(V, {
+              hierarchy: "secondary",
+              size: "sm",
+              class: "am-btn am-btn-sec",
+              type: "button",
+              onClick: a[6] || (a[6] = (i) => e.modal.close())
+            }, {
+              default: T(() => [
+                L(g(Q(n)("scheduling.common.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            e.modal.editingId.value ? X("", !0) : (k(), ee(V, {
+              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: T(() => [...a[17] || (a[17] = [
+                L(" Save & add another ", -1)
+              ])]),
+              _: 1
+            }, 8, ["disabled"])),
+            U(V, {
+              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: T(() => [
+                L(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
+};

package/dist/{ScheduleGeneralPage-DyIBUXY1.js → ScheduleGeneralPage-CjZ8OFnN.js}

@@ -1,8 +1,8 @@
 import { ref as w, reactive as B, computed as N, defineComponent as T, createBlock as I, openBlock as p, withCtx as k, createElementVNode as e, createVNode as b, createElementBlock as m, Fragment as L, createTextVNode as H, toDisplayString as h, withDirectives as f, vModelText as g, createCommentVNode as A, renderList as V, onMounted as z, createStaticVNode as Y, unref as l, normalizeClass as U } from "vue";
 import { useRouter as q } from "vue-router";
 import { useSnackbar as F } from "@feedmepos/ui-library";
-import { R as G } from "./app-BMVAE__n.js";
-import { b as v, o as $, Q as j, $ as W, p as E, g as J, at as Q, ar as x, av as K, aw as X, ag as Z, as as _ } from "./ScheduleModal.vue_vue_type_script_setup_true_lang-CJMPrPHl.js";
+import { R as G } from "./app-COD0IHk1.js";
+import { b as v, o as $, Q as j, $ as W, p as E, g as J, at as Q, ar as x, av as K, aw as X, ag as Z, as as _ } from "./ScheduleModal.vue_vue_type_script_setup_true_lang-KOLBDv21.js";
 import { useCoreStore as ee } from "@feedmepos/mf-common";
 const se = [
   { key: "payrates", label: "Pay rates" },