@feedmepos/mf-hrm-portal 2.3.2-dev → 2.3.2-dev.3

package/dist/ScheduleAddPositionModal.vue_vue_type_script_setup_true_lang-BXihM4sl.js

@@ -0,0 +1,544 @@
+import { ref as k, watch as he, computed as z, reactive as Pe, nextTick as we, defineComponent as Ne, createBlock as ne, openBlock as b, withCtx as T, createElementVNode as i, createVNode as H, toDisplayString as v, unref as o, createElementBlock as E, withDirectives as fe, withKeys as Ce, vModelText as ye, normalizeClass as ge, createTextVNode as V, createCommentVNode as Z, Fragment as Ie, renderList as Se } from "vue";
+import { useI18n as ie } from "@feedmepos/mf-common";
+import { az as oe, p as D, aD as ke, aE as se, aF as pe, y as Ee, aG as $e, K as te, e as _, ay as xe, av as W } from "./ScheduleModal.vue_vue_type_script_setup_true_lang-DIYLOF9N.js";
+function be() {
+  return oe.map((e) => ({ id: e.id, name: e.name }));
+}
+function ua(e = {}) {
+  const { t: a } = ie(), r = k(be()), l = [], s = /* @__PURE__ */ new Set();
+  let B = 0;
+  he(
+    () => oe.map((t) => `${t.id}:${t.name}`).join(" "),
+    () => {
+      r.value = be();
+    }
+  ), he(
+    () => {
+      var t;
+      return (((t = D.value) == null ? void 0 : t.positions) ?? []).map((h) => `${h.id}:${h.name}`).join(" ");
+    },
+    () => {
+      var t;
+      r.value = (((t = D.value) == null ? void 0 : t.positions) ?? []).map((h) => ({ id: h.id, name: h.name }));
+    }
+  );
+  const y = k(!1), P = k(""), M = k(null), w = k(!1), p = k(null);
+  function $(t) {
+    var g, C;
+    const h = new Set(pe.value.map((O) => O._id)), N = /* @__PURE__ */ new Set();
+    for (const O of ((g = D.value) == null ? void 0 : g.employees) ?? [])
+      h.has(O.employeeId) && (((C = O.primaryPosition) == null ? void 0 : C.positionId) === t || O.secondaryPositions.some((le) => le.positionId === t)) && N.add(O.employeeId);
+    return N.size;
+  }
+  function R(t) {
+    return r.value.some((h) => h.name.toLowerCase() === t.toLowerCase());
+  }
+  function L() {
+    y.value = !0, P.value = "", M.value = null, p.value = null;
+  }
+  function x() {
+    y.value = !1, P.value = "";
+  }
+  async function K() {
+    var h, N;
+    const t = P.value.trim().slice(0, 40);
+    if (!(!t || R(t))) {
+      w.value = !0, p.value = null;
+      try {
+        e.deferWrites ? (l.push(t), r.value = [...r.value, { id: `onboarding-draft-${++B}`, name: t }]) : await se({ name: t }), y.value = !1, P.value = "", (h = e.notify) == null || h.call(e, a("scheduling.positions.added"), "success");
+      } catch (g) {
+        p.value = g instanceof Error ? g.message : a("scheduling.positions.addFailed"), (N = e.notify) == null || N.call(e, p.value, "error");
+      } finally {
+        w.value = !1;
+      }
+    }
+  }
+  function ee(t) {
+    M.value = t;
+  }
+  function J() {
+    M.value = null;
+  }
+  async function A(t) {
+    var h, N;
+    w.value = !0, p.value = null;
+    try {
+      if (e.deferWrites) {
+        const g = r.value.find((C) => C.id === t);
+        if (t.startsWith("onboarding-draft-")) {
+          const C = l.indexOf((g == null ? void 0 : g.name) ?? "");
+          C >= 0 && l.splice(C, 1);
+        } else
+          s.add(t);
+      } else
+        await ke(t);
+      r.value = r.value.filter((g) => g.id !== t), M.value = null, (h = e.notify) == null || h.call(e, a("scheduling.positions.removed"), "success");
+    } catch (g) {
+      p.value = g instanceof Error ? g.message : a("scheduling.positions.deleteFailed"), (N = e.notify) == null || N.call(e, p.value, "error");
+    } finally {
+      w.value = !1;
+    }
+  }
+  async function Q() {
+    if (e.deferWrites)
+      for (; l.length; ) {
+        const t = l[0];
+        await se({ name: t }), l.shift();
+      }
+  }
+  async function X() {
+    if (e.deferWrites)
+      for (const t of [...s])
+        await ke(t), s.delete(t);
+  }
+  function U() {
+    var t;
+    e.deferWrites && (l.splice(0, l.length), s.clear(), r.value = (((t = D.value) == null ? void 0 : t.positions) ?? []).map((h) => ({ id: h.id, name: h.name })));
+  }
+  const ae = z(() => r.value.length);
+  return {
+    positions: r,
+    pendingCreates: l,
+    pendingDeletes: s,
+    count: ae,
+    isAdding: y,
+    newName: P,
+    pendingDeleteId: M,
+    saving: w,
+    error: p,
+    usageCountFor: $,
+    startAdd: L,
+    cancelAdd: x,
+    confirmAdd: K,
+    askDelete: ee,
+    cancelDelete: J,
+    confirmDelete: A,
+    commitCreates: Q,
+    commitDeletes: X,
+    discardPending: U
+  };
+}
+function Ae(e) {
+  var r;
+  const a = e.trim().split(/\s+/).filter(Boolean);
+  return a.length ? (a[0][0] + (((r = a[1]) == null ? void 0 : r[0]) ?? "")).toUpperCase() : "??";
+}
+function ca(e, a = {}) {
+  const { t: r } = ie(), l = k(!1), s = k(""), B = k(""), y = Pe({}), P = k(!1), M = k(null), w = k(null), p = k(!1), $ = k(null);
+  let R = "", L = /* @__PURE__ */ new Set();
+  const x = z(() => {
+    var m;
+    const n = new Map((((m = D.value) == null ? void 0 : m.employees) ?? []).map((f) => [f.employeeId, f]));
+    return pe.value.map((f) => {
+      var F;
+      const u = n.get(f._id), j = [u == null ? void 0 : u.primaryPosition, ...(u == null ? void 0 : u.secondaryPositions) ?? []].map((d) => Ee(d)).filter((d) => !!d), c = [
+        (F = u == null ? void 0 : u.primaryPosition) == null ? void 0 : F.positionId,
+        ...((u == null ? void 0 : u.secondaryPositions) ?? []).map((d) => d.positionId)
+      ].filter((d) => !!d);
+      return {
+        employeeId: f._id,
+        name: f.name,
+        initials: Ae(f.name),
+        held: j,
+        heldPositionIds: c
+      };
+    });
+  }), K = z(() => {
+    const n = B.value.trim().toLowerCase();
+    return x.value.filter((m) => !n || m.name.toLowerCase().includes(n));
+  }), ee = z(
+    () => x.value.filter((n) => y[n.employeeId]).map((n) => n.employeeId)
+  ), J = z(
+    () => K.value.length > 0 && K.value.every((n) => y[n.employeeId])
+  ), A = z(() => s.value.trim().slice(0, 40)), Q = z(
+    () => !!A.value && oe.some(
+      (n) => n.id !== $.value && n.name.toLowerCase() === A.value.toLowerCase()
+    )
+  ), X = z(() => !!A.value && !Q.value && !P.value);
+  function U() {
+    s.value = "", B.value = "", Object.keys(y).forEach((n) => delete y[n]), M.value = null, p.value = !1, w.value = null, $.value = null, R = "", L = /* @__PURE__ */ new Set();
+  }
+  function ae() {
+    U(), l.value = !0;
+  }
+  function t(n, m) {
+    U(), $.value = n, s.value = m, R = m, L = new Set(
+      x.value.filter((f) => f.heldPositionIds.includes(n)).map((f) => f.employeeId)
+    ), L.forEach((f) => y[f] = !0), l.value = !0;
+  }
+  function h() {
+    l.value = !1, U();
+  }
+  function N(n) {
+    y[n] = !y[n];
+  }
+  function g() {
+    if (J.value) {
+      Object.keys(y).forEach((n) => delete y[n]);
+      return;
+    }
+    K.value.forEach((n) => y[n.employeeId] = !0);
+  }
+  function C(n, m) {
+    const f = !!(n != null && n.primaryPosition), u = ((n == null ? void 0 : n.secondaryPositions) ?? []).map((c) => ({
+      positionId: c.positionId,
+      positionName: c.positionName
+    })), j = f ? [...u, { positionName: m }] : u;
+    return {
+      ...f ? {} : { primaryPosition: _(m) },
+      secondaryPositions: j.map((c) => _(c.positionName, c.positionId)).filter((c) => !!c)
+    };
+  }
+  async function O() {
+    var j;
+    const n = A.value;
+    await se({ name: n }), await we(), e == null || e(n);
+    const m = x.value.filter((c) => y[c.employeeId]), u = (await Promise.allSettled(
+      m.map((c) => {
+        var d;
+        const F = (d = D.value) == null ? void 0 : d.employees.find((I) => I.employeeId === c.employeeId);
+        return te(c.employeeId, {
+          employeeName: c.name,
+          ...C(F, n)
+        });
+      })
+    )).filter((c) => c.status === "rejected").length;
+    return w.value = { name: n, assigned: m.length - u, failed: u }, (j = a.notify) == null || j.call(
+      a,
+      u ? r(
+        u === 1 ? "scheduling.positionModal.addedPartialOne" : "scheduling.positionModal.addedPartialMany",
+        { count: u }
+      ) : r("scheduling.positions.added"),
+      u ? "error" : "success"
+    ), !0;
+  }
+  async function le(n) {
+    var F;
+    const m = A.value;
+    await $e(n, { name: m }), e == null || e(m);
+    const f = x.value.filter(
+      (d) => y[d.employeeId] && !L.has(d.employeeId)
+    ), u = x.value.filter(
+      (d) => !y[d.employeeId] && L.has(d.employeeId)
+    ), c = (await Promise.allSettled([
+      ...f.map((d) => {
+        var G;
+        const I = (G = D.value) == null ? void 0 : G.employees.find((Y) => Y.employeeId === d.employeeId);
+        return te(d.employeeId, {
+          employeeName: d.name,
+          ...C(I, m)
+        });
+      }),
+      ...u.map((d) => {
+        var ce, re, me, ve;
+        const I = (ce = D.value) == null ? void 0 : ce.employees.find((S) => S.employeeId === d.employeeId), G = ((I == null ? void 0 : I.secondaryPositions) ?? []).filter(
+          (S) => S.positionId !== n && (S.positionId || S.positionName !== R)
+        ), Y = ((re = I == null ? void 0 : I.primaryPosition) == null ? void 0 : re.positionId) === n || !((me = I == null ? void 0 : I.primaryPosition) != null && me.positionId) && ((ve = I == null ? void 0 : I.primaryPosition) == null ? void 0 : ve.positionName) === R, q = Y ? G.shift() : void 0;
+        return te(d.employeeId, {
+          employeeName: d.name,
+          ...Y ? {
+            primaryPosition: _(q == null ? void 0 : q.positionName, q == null ? void 0 : q.positionId) ?? null
+          } : {},
+          secondaryPositions: G.map((S) => _(S.positionName, S.positionId)).filter((S) => !!S)
+        });
+      })
+    ])).filter((d) => d.status === "rejected").length;
+    return w.value = { name: m, assigned: Math.max(0, f.length - c), failed: c }, (F = a.notify) == null || F.call(
+      a,
+      c ? r(
+        c === 1 ? "scheduling.positionModal.updatedPartialOne" : "scheduling.positionModal.updatedPartialMany",
+        { count: c }
+      ) : r("scheduling.positionModal.updated"),
+      c ? "error" : "success"
+    ), !0;
+  }
+  async function de() {
+    var n;
+    if (!A.value)
+      return p.value = !0, !1;
+    if (!X.value) return !1;
+    P.value = !0, M.value = null;
+    try {
+      return await ($.value ? le($.value) : O());
+    } catch (m) {
+      return M.value = m instanceof Error ? m.message : r(
+        $.value ? "scheduling.positionModal.saveFailed" : "scheduling.positions.addFailed"
+      ), (n = a.notify) == null || n.call(a, M.value, "error"), !1;
+    } finally {
+      P.value = !1;
+    }
+  }
+  function ue() {
+    U();
+  }
+  async function Me() {
+    await de() && ue();
+  }
+  return {
+    open: l,
+    name: s,
+    search: B,
+    picks: y,
+    saving: P,
+    error: M,
+    done: w,
+    nameError: p,
+    people: x,
+    visible: K,
+    pickedIds: ee,
+    allPicked: J,
+    nameTaken: Q,
+    canSave: X,
+    editingId: $,
+    openNew: ae,
+    openEdit: t,
+    close: h,
+    toggle: N,
+    toggleAll: g,
+    save: de,
+    saveAndAnother: Me,
+    another: ue
+  };
+}
+const Oe = { class: "am-head" }, Te = {
+  id: "schedule-position-title",
+  class: "am-title"
+}, ze = { class: "ce-body" }, De = { key: 0 }, Le = { class: "ce-field" }, je = {
+  class: "ce-label",
+  for: "skName"
+}, Fe = ["placeholder"], Ve = {
+  class: "ce-field asg-field",
+  style: { "margin-bottom": "0" }
+}, We = { class: "asg-head" }, Be = { class: "asg-lbl" }, Re = { class: "asg-count" }, Ke = ["placeholder"], Ue = { class: "asg-list position-asg-list" }, qe = ["checked", "onChange"], Ge = { class: "asg-av" }, He = { class: "asg-id" }, Je = ["title"], Qe = { class: "asg-sub" }, Xe = { key: 1 }, Ye = {
+  key: 0,
+  class: "asg-sub",
+  style: { padding: "10px" }
+}, Ze = { class: "ce-hint" }, _e = { key: 1 }, ea = { class: "cg-done" }, aa = { class: "cg-st-main" }, la = {
+  key: 0,
+  class: "cg-done-also"
+}, na = { class: "am-foot" }, ta = {
+  key: 0,
+  class: "am-foot-btns"
+}, sa = {
+  key: 1,
+  class: "am-foot-btns"
+}, ra = /* @__PURE__ */ Ne({
+  __name: "ScheduleAddPositionModal",
+  props: {
+    modal: {}
+  },
+  setup(e) {
+    const { t: a } = ie();
+    return (r, l) => (b(), ne(xe, {
+      open: e.modal.open.value,
+      "panel-class": "ce-modal",
+      "panel-style": "width: min(480px, 95vw)",
+      "labelled-by": "schedule-position-title",
+      onClose: l[11] || (l[11] = (s) => e.modal.close())
+    }, {
+      default: T(() => [
+        i("div", Oe, [
+          i("div", Te, v(e.modal.editingId.value ? o(a)("scheduling.positionModal.editTitle") : o(a)("scheduling.positionModal.addTitle")), 1),
+          H(W, {
+            hierarchy: "ghost",
+            size: "xs",
+            "icon-only": "",
+            class: "ce-close-x",
+            type: "button",
+            "aria-label": o(a)("scheduling.positionModal.close"),
+            onClick: l[0] || (l[0] = (s) => e.modal.close())
+          }, {
+            default: T(() => [...l[12] || (l[12] = [
+              i("svg", {
+                width: "20",
+                height: "20",
+                viewBox: "0 0 20 20",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "1.8",
+                "stroke-linecap": "round",
+                "aria-hidden": "true"
+              }, [
+                i("path", { d: "M5.5 5.5l9 9M14.5 5.5l-9 9" })
+              ], -1)
+            ])]),
+            _: 1
+          }, 8, ["aria-label"])
+        ]),
+        i("div", ze, [
+          e.modal.done.value ? (b(), E("div", _e, [
+            i("div", ea, [
+              l[13] || (l[13] = i("span", {
+                class: "cg-done-tick",
+                "aria-hidden": "true"
+              }, "✓", -1)),
+              i("div", aa, [
+                i("b", null, v(e.modal.done.value.name), 1),
+                i("small", null, v(e.modal.editingId.value ? o(a)("scheduling.positionModal.updated") : e.modal.done.value.assigned ? o(a)(
+                  e.modal.done.value.assigned === 1 ? "scheduling.positionModal.addedToOne" : "scheduling.positionModal.addedToMany",
+                  { count: e.modal.done.value.assigned }
+                ) : o(a)("scheduling.positions.added")), 1)
+              ])
+            ]),
+            e.modal.done.value.failed ? (b(), E("div", la, v(o(a)(
+              e.modal.done.value.failed === 1 ? "scheduling.positionModal.failedOne" : "scheduling.positionModal.failedMany",
+              { count: e.modal.done.value.failed }
+            )), 1)) : Z("", !0)
+          ])) : (b(), E("div", De, [
+            i("div", Le, [
+              i("label", je, v(o(a)("scheduling.positionModal.nameLabel")), 1),
+              fe(i("input", {
+                id: "skName",
+                "onUpdate:modelValue": l[1] || (l[1] = (s) => e.modal.name.value = s),
+                class: "sch-input ce-input",
+                maxlength: "40",
+                placeholder: o(a)("scheduling.positionModal.namePlaceholder"),
+                autocomplete: "off",
+                onInput: l[2] || (l[2] = (s) => e.modal.nameError.value = !1),
+                onKeyup: l[3] || (l[3] = Ce((s) => e.modal.save(), ["enter"]))
+              }, null, 40, Fe), [
+                [ye, e.modal.name.value]
+              ]),
+              i("div", {
+                class: ge(["ce-err", { show: e.modal.nameError.value || e.modal.nameTaken.value }])
+              }, v(e.modal.nameTaken.value ? o(a)("scheduling.positionModal.nameTaken") : o(a)("scheduling.positionModal.nameRequired")), 3)
+            ]),
+            i("div", Ve, [
+              i("div", We, [
+                i("span", Be, v(o(a)("scheduling.positionModal.employeesLabel")), 1),
+                H(W, {
+                  hierarchy: "ghost",
+                  size: "sm",
+                  class: "ce-add-link asg-all",
+                  type: "button",
+                  onClick: l[4] || (l[4] = (s) => e.modal.toggleAll())
+                }, {
+                  default: T(() => [
+                    V(v(e.modal.allPicked.value ? o(a)("scheduling.positionModal.clearAll") : o(a)("scheduling.positionModal.selectAll")), 1)
+                  ]),
+                  _: 1
+                }),
+                i("span", Re, v(o(a)("scheduling.positionModal.selectedCount", { count: e.modal.pickedIds.value.length })), 1)
+              ]),
+              fe(i("input", {
+                "onUpdate:modelValue": l[5] || (l[5] = (s) => e.modal.search.value = s),
+                class: "sch-input ce-input asg-search",
+                placeholder: o(a)("scheduling.positionModal.searchPlaceholder"),
+                autocomplete: "off"
+              }, null, 8, Ke), [
+                [ye, e.modal.search.value]
+              ]),
+              i("div", Ue, [
+                (b(!0), E(Ie, null, Se(e.modal.visible.value, (s) => (b(), E("label", {
+                  key: s.employeeId,
+                  class: "asg-row"
+                }, [
+                  i("input", {
+                    type: "checkbox",
+                    class: "sch-checkbox asg-check",
+                    checked: !!e.modal.picks[s.employeeId],
+                    onChange: (B) => e.modal.toggle(s.employeeId),
+                    "data-platform": "desktop"
+                  }, null, 40, qe),
+                  i("span", Ge, v(s.initials), 1),
+                  i("span", He, [
+                    i("span", {
+                      class: "asg-nm",
+                      title: s.name
+                    }, v(s.name), 9, Je),
+                    i("span", Qe, [
+                      s.held.length ? (b(), E(Ie, { key: 0 }, [
+                        V(v(s.held.join(", ")), 1)
+                      ], 64)) : (b(), E("i", Xe, v(o(a)("scheduling.positionModal.noPositions")), 1))
+                    ])
+                  ])
+                ]))), 128)),
+                e.modal.visible.value.length ? Z("", !0) : (b(), E("div", Ye, v(o(a)("scheduling.positionModal.noMatches")), 1))
+              ]),
+              i("div", Ze, v(o(a)("scheduling.positionModal.tickHint")), 1)
+            ]),
+            i("div", {
+              class: ge(["ce-err", { show: !!e.modal.error.value }])
+            }, v(e.modal.error.value), 3)
+          ]))
+        ]),
+        i("div", na, [
+          l[14] || (l[14] = i("div", { class: "am-cost-preview" }, null, -1)),
+          e.modal.done.value ? (b(), E("div", sa, [
+            e.modal.editingId.value ? Z("", !0) : (b(), ne(W, {
+              key: 0,
+              hierarchy: "secondary",
+              size: "sm",
+              class: "am-btn am-btn-sec",
+              type: "button",
+              onClick: l[9] || (l[9] = (s) => e.modal.another())
+            }, {
+              default: T(() => [
+                V(v(o(a)("scheduling.positionModal.addAnother")), 1)
+              ]),
+              _: 1
+            })),
+            H(W, {
+              hierarchy: "primary",
+              size: "sm",
+              class: "am-btn am-btn-primary",
+              type: "button",
+              onClick: l[10] || (l[10] = (s) => e.modal.close())
+            }, {
+              default: T(() => [
+                V(v(o(a)("scheduling.common.done")), 1)
+              ]),
+              _: 1
+            })
+          ])) : (b(), E("div", ta, [
+            H(W, {
+              hierarchy: "secondary",
+              size: "sm",
+              class: "am-btn am-btn-sec",
+              type: "button",
+              onClick: l[6] || (l[6] = (s) => e.modal.close())
+            }, {
+              default: T(() => [
+                V(v(o(a)("scheduling.common.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            e.modal.editingId.value ? Z("", !0) : (b(), ne(W, {
+              key: 0,
+              hierarchy: "secondary",
+              size: "sm",
+              class: "am-btn am-btn-sec",
+              type: "button",
+              disabled: !e.modal.canSave.value,
+              onClick: l[7] || (l[7] = (s) => e.modal.saveAndAnother())
+            }, {
+              default: T(() => [
+                V(v(o(a)("scheduling.positionModal.saveAndAnother")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"])),
+            H(W, {
+              hierarchy: "primary",
+              size: "sm",
+              class: "am-btn am-btn-primary",
+              type: "button",
+              disabled: !e.modal.canSave.value,
+              onClick: l[8] || (l[8] = (s) => e.modal.save())
+            }, {
+              default: T(() => [
+                V(v(e.modal.editingId.value ? e.modal.saving.value ? o(a)("scheduling.positionModal.saving") : o(a)("scheduling.settings.saveChanges") : e.modal.saving.value ? o(a)("scheduling.positions.adding") : o(a)("scheduling.positionModal.addPosition")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ]))
+        ])
+      ]),
+      _: 1
+    }, 8, ["open"]));
+  }
+});
+export {
+  ra as _,
+  ca as a,
+  ua as u
+};