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

package/dist/ScheduleGeneralPage-C1p2mivt.js

@@ -0,0 +1,780 @@
+import { ref as w, reactive as B, computed as E, defineComponent as V, createBlock as A, openBlock as p, withCtx as b, createElementVNode as e, createVNode as k, createElementBlock as v, Fragment as L, createTextVNode as H, toDisplayString as g, withDirectives as f, vModelText as h, createCommentVNode as T, renderList as z, onMounted as Y, createStaticVNode as q, unref as r, normalizeClass as I } from "vue";
+import { useRouter as F } from "vue-router";
+import { useSnackbar as G } from "@feedmepos/ui-library";
+import { R as j } from "./app-CyS8c8dx.js";
+import { b as m, o as M, g as U, Q as J, $ as W, p as N, au as Q, as as C, aw as K, ax as X, ag as Z, at as _ } from "./ScheduleModal.vue_vue_type_script_setup_true_lang-CnKzVz3I.js";
+import { useCoreStore as ee } from "@feedmepos/mf-common";
+const se = [
+  { key: "payrates", label: "Pay rates" },
+  { key: "overtime", label: "Overtime" },
+  { key: "workingHours", label: "Working hours" }
+];
+function $() {
+  return structuredClone({
+    // RULES is reactive, so spreading each rate tier first gives structuredClone plain
+    // objects instead of Vue Proxy instances, which structuredClone cannot clone.
+    payRate: {
+      NORMAL: { ...m.payRate.NORMAL },
+      REST_DAY: { ...m.payRate.REST_DAY },
+      PUBLIC_HOLIDAY: { ...m.payRate.PUBLIC_HOLIDAY }
+    },
+    otCapHours: m.otCapHours,
+    workingHours: { ...m.workingHours }
+  });
+}
+function te() {
+  const n = ee(), d = w(!1), a = w("payrates"), i = B($()), t = w(!1);
+  let u = 0;
+  async function x() {
+    if (!M.value) return;
+    const c = ++u, o = M.value;
+    t.value = !0;
+    try {
+      const s = await W.getSettings(o);
+      if (c !== u || M.value !== o) return;
+      N.value && (N.value = { ...N.value, settings: s });
+      const l = U(n.currentCountry.value);
+      m.payRate = structuredClone(s.settingsConfigured ? s.payRate : l.payRate), m.otCapHours = s.settingsConfigured ? s.overtime.maxHoursPerMonth : l.overtime.maxHoursPerMonth, m.workingHours = s.settingsConfigured ? structuredClone(s.workingHours) : {
+        minHoursPerDay: null,
+        maxHoursPerDay: l.workingHours.fullTime.maxHoursPerDay,
+        maxHoursPerWeek: l.workingHours.fullTime.maxHoursPerWeek
+      };
+    } finally {
+      c === u && (t.value = !1);
+    }
+  }
+  function y(c) {
+    Object.assign(i, $()), a.value = c ?? "payrates", d.value = !0;
+  }
+  const P = E(() => JSON.stringify(i) !== JSON.stringify($()));
+  function S() {
+    return P.value ? !1 : (d.value = !1, !0);
+  }
+  function D() {
+    Object.assign(i, $()), d.value = !1;
+  }
+  async function R() {
+    if (!M.value) throw new Error("No outlet selected");
+    const c = i.otCapHours === 0 ? null : i.otCapHours;
+    if (c != null && c <= 0)
+      throw new Error("Maximum monthly overtime hours must be greater than zero");
+    const o = {
+      minHoursPerDay: i.workingHours.minHoursPerDay === 0 ? null : i.workingHours.minHoursPerDay,
+      maxHoursPerDay: i.workingHours.maxHoursPerDay === 0 ? null : i.workingHours.maxHoursPerDay,
+      maxHoursPerWeek: i.workingHours.maxHoursPerWeek === 0 ? null : i.workingHours.maxHoursPerWeek
+    }, s = U(n.currentCountry.value);
+    if (o.maxHoursPerDay == null)
+      throw new Error(`Maximum daily hours must be greater than zero. Default value to use: ${s.workingHours.fullTime.maxHoursPerDay} hours per day.`);
+    if (o.maxHoursPerWeek == null)
+      throw new Error(`Maximum weekly hours must be greater than zero. Default value to use: ${s.workingHours.fullTime.maxHoursPerWeek} hours per week.`);
+    if (o.minHoursPerDay != null && o.maxHoursPerDay != null && o.minHoursPerDay > o.maxHoursPerDay)
+      throw new Error("Minimum daily hours cannot exceed maximum daily hours");
+    if (o.maxHoursPerDay != null && o.maxHoursPerWeek != null && o.maxHoursPerDay > o.maxHoursPerWeek)
+      throw new Error("Maximum daily hours cannot exceed maximum weekly hours");
+    const l = await J({
+      payRate: i.payRate,
+      overtime: { maxHoursPerMonth: c },
+      workingHours: o
+    });
+    m.payRate = structuredClone(l.payRate), m.otCapHours = l.overtime.maxHoursPerMonth, m.workingHours = structuredClone(l.workingHours), d.value = !1;
+  }
+  return { isOpen: d, activeSection: a, draft: i, dirty: P, loading: t, load: x, open: y, close: S, discard: D, save: R };
+}
+function ae(n, d = {}) {
+  const a = w(!1), i = w(""), t = w(/* @__PURE__ */ new Set()), u = w(!1), x = w(null), y = E(
+    () => {
+      var o;
+      return ((o = n.options.value.find((s) => s.value === n.outletId.value)) == null ? void 0 : o.label) ?? "";
+    }
+  ), P = E(() => {
+    const o = i.value.trim().toLowerCase();
+    return n.options.value.filter(
+      (s) => s.value !== n.outletId.value && (!o || s.label.toLowerCase().includes(o))
+    );
+  });
+  function S() {
+    i.value = "", t.value = /* @__PURE__ */ new Set(), u.value = !1, x.value = null, a.value = !0;
+  }
+  function D() {
+    a.value = !1;
+  }
+  function R(o) {
+    const s = new Set(t.value);
+    s.has(o) ? s.delete(o) : s.add(o), t.value = s;
+  }
+  async function c() {
+    var s, l;
+    const o = [...t.value];
+    if (!(!o.length || u.value)) {
+      u.value = !0;
+      try {
+        await Promise.all(
+          o.map(
+            (O) => W.saveSettings(O, {
+              payRate: m.payRate,
+              overtime: { maxHoursPerMonth: m.otCapHours },
+              workingHours: m.workingHours
+            })
+          )
+        ), x.value = o.length, (s = d.notify) == null || s.call(
+          d,
+          `Setup copied to ${o.length} outlet${o.length === 1 ? "" : "s"}`,
+          "success"
+        );
+      } catch (O) {
+        (l = d.notify) == null || l.call(
+          d,
+          O instanceof Error ? O.message : "Could not clone outlet setup",
+          "error"
+        );
+      } finally {
+        u.value = !1;
+      }
+    }
+  }
+  return {
+    open: a,
+    query: i,
+    selected: t,
+    saving: u,
+    done: x,
+    sourceLabel: y,
+    targets: P,
+    openModal: S,
+    close: D,
+    toggle: R,
+    confirm: c
+  };
+}
+const oe = { class: "am-head" }, le = { class: "ce-body" }, re = {
+  class: "ce-hint",
+  style: { "margin-bottom": "var(--fm-spacing-10)" }
+}, ne = { class: "sch-search" }, ie = { class: "asg-list" }, ue = ["checked", "onChange"], de = { class: "asg-id" }, pe = { class: "asg-nm" }, me = {
+  key: 0,
+  class: "asg-empty"
+}, ve = {
+  key: 1,
+  class: "cg-done"
+}, ce = { class: "cg-st-main" }, ye = { class: "am-foot" }, fe = { class: "am-cost-preview" }, he = { class: "am-foot-btns" }, ge = /* @__PURE__ */ V({
+  __name: "ScheduleCloneOutletModal",
+  props: {
+    modal: {}
+  },
+  setup(n) {
+    return (d, a) => (p(), A(Q, {
+      open: n.modal.open.value,
+      "panel-class": "ce-modal",
+      "panel-style": "width: min(460px, 95vw)",
+      "labelled-by": "schedule-clone-title",
+      onClose: a[5] || (a[5] = (i) => n.modal.close())
+    }, {
+      default: b(() => [
+        e("div", oe, [
+          a[7] || (a[7] = e("div", {
+            id: "schedule-clone-title",
+            class: "am-title"
+          }, "Clone outlet setup", -1)),
+          k(C, {
+            hierarchy: "ghost",
+            size: "xs",
+            "icon-only": "",
+            class: "ce-close-x",
+            type: "button",
+            "aria-label": "Close",
+            onClick: a[0] || (a[0] = (i) => n.modal.close())
+          }, {
+            default: b(() => [...a[6] || (a[6] = [
+              e("svg", {
+                width: "20",
+                height: "20",
+                viewBox: "0 0 20 20",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "1.8",
+                "stroke-linecap": "round",
+                "aria-hidden": "true"
+              }, [
+                e("path", { d: "M5.5 5.5l9 9M14.5 5.5l-9 9" })
+              ], -1)
+            ])]),
+            _: 1
+          })
+        ]),
+        e("div", le, [
+          n.modal.done.value === null ? (p(), v(L, { key: 0 }, [
+            e("div", re, [
+              a[8] || (a[8] = H(" Copy ", -1)),
+              e("b", null, g(n.modal.sourceLabel.value), 1),
+              a[9] || (a[9] = H("'s pay rates to: ", -1))
+            ]),
+            e("div", ne, [
+              a[10] || (a[10] = e("svg", {
+                width: "16",
+                height: "16",
+                viewBox: "0 0 16 16",
+                fill: "none",
+                "aria-hidden": "true"
+              }, [
+                e("circle", {
+                  cx: "7",
+                  cy: "7",
+                  r: "4.5",
+                  stroke: "currentColor",
+                  "stroke-width": "1.5"
+                }),
+                e("path", {
+                  d: "M10.5 10.5L14 14",
+                  stroke: "currentColor",
+                  "stroke-width": "1.5",
+                  "stroke-linecap": "round"
+                })
+              ], -1)),
+              f(e("input", {
+                "onUpdate:modelValue": a[1] || (a[1] = (i) => n.modal.query.value = i),
+                type: "search",
+                placeholder: "Search outlets",
+                "aria-label": "Search outlets",
+                autocomplete: "off"
+              }, null, 512), [
+                [h, n.modal.query.value]
+              ])
+            ]),
+            e("div", ie, [
+              (p(!0), v(L, null, z(n.modal.targets.value, (i) => (p(), v("label", {
+                key: i.value,
+                class: "asg-row"
+              }, [
+                e("input", {
+                  type: "checkbox",
+                  class: "sch-checkbox",
+                  "data-platform": "desktop",
+                  checked: n.modal.selected.value.has(i.value),
+                  onChange: (t) => n.modal.toggle(i.value)
+                }, null, 40, ue),
+                e("span", de, [
+                  e("span", pe, g(i.label), 1)
+                ])
+              ]))), 128)),
+              n.modal.targets.value.length ? T("", !0) : (p(), v("div", me, g(n.modal.query.value ? "No outlet matches that search." : "No other outlets."), 1))
+            ]),
+            a[11] || (a[11] = e("div", {
+              class: "ce-hint",
+              style: { "margin-top": "var(--fm-spacing-10)" }
+            }, " Copies this outlet's pay rates to the outlets you tick. Their current pay rates are replaced. ", -1))
+          ], 64)) : (p(), v("div", ve, [
+            a[13] || (a[13] = e("span", {
+              class: "cg-done-tick",
+              "aria-hidden": "true"
+            }, "✓", -1)),
+            e("div", ce, [
+              a[12] || (a[12] = e("b", null, "Pay rates copied", -1)),
+              e("small", null, "Sent to " + g(n.modal.done.value) + " outlet" + g(n.modal.done.value === 1 ? "" : "s"), 1)
+            ])
+          ]))
+        ]),
+        e("div", ye, [
+          e("div", fe, g(n.modal.done.value === null && n.modal.selected.value.size ? `${n.modal.selected.value.size} outlet${n.modal.selected.value.size === 1 ? "" : "s"} selected` : ""), 1),
+          e("div", he, [
+            n.modal.done.value === null ? (p(), v(L, { key: 0 }, [
+              k(C, {
+                hierarchy: "secondary",
+                size: "sm",
+                class: "am-btn am-btn-sec",
+                type: "button",
+                onClick: a[2] || (a[2] = (i) => n.modal.close())
+              }, {
+                default: b(() => [...a[14] || (a[14] = [
+                  H(" Cancel ", -1)
+                ])]),
+                _: 1
+              }),
+              k(C, {
+                hierarchy: "primary",
+                size: "sm",
+                class: "am-btn am-btn-primary",
+                type: "button",
+                disabled: !n.modal.selected.value.size || n.modal.saving.value,
+                onClick: a[3] || (a[3] = (i) => n.modal.confirm())
+              }, {
+                default: b(() => [
+                  H(g(n.modal.saving.value ? "Copying…" : "Copy setup"), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ], 64)) : (p(), A(C, {
+              key: 1,
+              hierarchy: "primary",
+              size: "sm",
+              class: "am-btn am-btn-primary",
+              type: "button",
+              onClick: a[4] || (a[4] = (i) => n.modal.close())
+            }, {
+              default: b(() => [...a[15] || (a[15] = [
+                H(" Done ", -1)
+              ])]),
+              _: 1
+            }))
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["open"]));
+  }
+}), we = { class: "main" }, ke = {
+  id: "viewSettings",
+  class: "view"
+}, be = { class: "sp-head" }, He = { class: "outlet-bar" }, xe = { class: "sp-body" }, Ce = { class: "sp-tabs" }, Pe = ["onClick"], Se = { class: "sp-content" }, De = { class: "sp-panel" }, Re = {
+  key: 0,
+  id: "sp-payrates",
+  class: "sp-sec"
+}, Oe = { class: "sp-card" }, Me = { class: "sp-row" }, $e = { class: "sp-field" }, Le = { class: "sp-row" }, Ee = { class: "sp-field" }, Ne = { class: "sp-row" }, Te = { class: "sp-field" }, Ae = { class: "sp-card" }, Ie = { class: "sp-row" }, Ue = { class: "sp-field" }, Ve = { class: "sp-row" }, ze = { class: "sp-field" }, We = {
+  key: 1,
+  id: "sp-working-hours",
+  class: "sp-sec"
+}, Be = { class: "sp-card" }, Ye = { class: "sp-row" }, qe = { class: "sp-field" }, Fe = { class: "sp-row" }, Ge = { class: "sp-field" }, je = { class: "sp-row" }, Je = { class: "sp-field" }, Qe = {
+  key: 2,
+  id: "sp-overtime",
+  class: "sp-sec"
+}, Ke = { class: "sp-card" }, Xe = { class: "sp-row" }, Ze = { class: "sp-save-txt" }, _e = { key: 0 }, rs = /* @__PURE__ */ V({
+  __name: "ScheduleGeneralPage",
+  setup(n) {
+    const d = w(null);
+    K(d);
+    const a = F(), i = G(), t = te(), u = X(), x = ae(u, {
+      notify: (o, s) => i.open({ message: o, type: s })
+    }), y = w(!1);
+    Y(async () => {
+      await u.resolve() && await Z(/* @__PURE__ */ new Date()), await t.load(), t.open();
+    });
+    const P = E(
+      () => u.options.value.length ? u.options.value : [{ value: "", label: "No outlet selected", disabled: !0 }]
+    );
+    async function S(o) {
+      t.dirty.value || await u.switchTo(o, /* @__PURE__ */ new Date()) && (await t.load(), t.open());
+    }
+    function D() {
+      t.close() && a.push({ name: j.SCHEDULE });
+    }
+    function R() {
+      if (!y.value) {
+        y.value = !0;
+        return;
+      }
+      y.value = !1, t.discard();
+    }
+    async function c() {
+      try {
+        await t.save(), i.open({ message: "General settings saved", type: "success" });
+      } catch (o) {
+        i.open({
+          message: o instanceof Error ? o.message : "Could not save general settings",
+          type: "error"
+        });
+      }
+    }
+    return (o, s) => (p(), v("div", {
+      ref_key: "rootEl",
+      ref: d,
+      class: "sch"
+    }, [
+      e("div", we, [
+        e("div", ke, [
+          e("div", be, [
+            k(C, {
+              hierarchy: "ghost",
+              size: "sm",
+              class: "sp-back",
+              type: "button",
+              onClick: D
+            }, {
+              default: b(() => [...s[12] || (s[12] = [
+                e("svg", {
+                  width: "12",
+                  height: "12",
+                  viewBox: "0 0 16 16",
+                  fill: "none",
+                  "aria-hidden": "true"
+                }, [
+                  e("path", {
+                    d: "M10 3.5L5.5 8l4.5 4.5",
+                    stroke: "currentColor",
+                    "stroke-width": "1.7",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round"
+                  })
+                ], -1),
+                e("span", null, "Back to schedule", -1)
+              ])]),
+              _: 1
+            }),
+            s[15] || (s[15] = q('<div class="sp-title-row"><div class="sp-title">General Settings</div><span class="page-tags"><span class="sch-badge page-tag-premium" data-color="brand">Premium</span><span class="sch-badge" data-color="info">Free until 31 Dec 2026</span></span></div><div class="sp-sub">Pay multipliers and overtime limit for this outlet.</div>', 2)),
+            e("div", He, [
+              s[14] || (s[14] = e("span", { class: "outlet-bar-lbl" }, "Outlet", -1)),
+              k(_, {
+                class: "outlet-sel",
+                "aria-label": "Outlet being configured",
+                searchable: "",
+                disabled: r(t).dirty.value || r(t).loading.value,
+                title: r(t).dirty.value ? "Save or discard changes before switching outlets" : "Which outlet these pay rates apply to",
+                "model-value": r(u).outletId.value,
+                options: P.value,
+                "onUpdate:modelValue": S
+              }, null, 8, ["disabled", "title", "model-value", "options"]),
+              k(C, {
+                hierarchy: "secondary",
+                size: "sm",
+                class: "outlet-clone",
+                type: "button",
+                disabled: r(t).dirty.value || r(t).loading.value || !r(u).outletId.value,
+                title: r(t).dirty.value ? "Save or discard changes before cloning" : "Copy this outlet's pay rates to other outlets",
+                onClick: s[0] || (s[0] = (l) => r(x).openModal())
+              }, {
+                default: b(() => [...s[13] || (s[13] = [
+                  e("svg", {
+                    width: "12",
+                    height: "12",
+                    viewBox: "0 0 16 16",
+                    fill: "none",
+                    "aria-hidden": "true"
+                  }, [
+                    e("rect", {
+                      x: "5.5",
+                      y: "5.5",
+                      width: "8.5",
+                      height: "8.5",
+                      rx: "1.5",
+                      stroke: "currentColor",
+                      "stroke-width": "1.4"
+                    }),
+                    e("path", {
+                      d: "M10.5 5.5V3.2A1.6 1.6 0 0 0 8.9 1.6H3.2A1.6 1.6 0 0 0 1.6 3.2v5.7a1.6 1.6 0 0 0 1.6 1.6h2.3",
+                      stroke: "currentColor",
+                      "stroke-width": "1.4",
+                      "stroke-linecap": "round"
+                    })
+                  ], -1),
+                  H(" Clone setup to… ", -1)
+                ])]),
+                _: 1
+              }, 8, ["disabled", "title"])
+            ])
+          ]),
+          e("div", xe, [
+            e("nav", Ce, [
+              (p(!0), v(L, null, z(r(se), (l) => (p(), v("button", {
+                key: l.key,
+                type: "button",
+                class: I(["sch-tab sp-tab", { active: r(t).activeSection.value === l.key }]),
+                "data-active": "false",
+                onClick: (O) => r(t).activeSection.value = l.key
+              }, g(l.label), 11, Pe))), 128))
+            ]),
+            e("div", Se, [
+              e("div", De, [
+                r(t).activeSection.value === "payrates" ? (p(), v("section", Re, [
+                  s[28] || (s[28] = e("div", { class: "sp-sec-head" }, [
+                    e("div", { class: "sp-panel-title" }, "Pay rates")
+                  ], -1)),
+                  s[29] || (s[29] = e("div", { class: "sp-panel-desc" }, "Pay multipliers by kind of day.", -1)),
+                  e("div", Oe, [
+                    s[22] || (s[22] = e("div", { class: "sp-card-head" }, [
+                      e("div", { class: "sp-card-title" }, "Overtime rate"),
+                      e("div", { class: "sp-card-note" }, "Multiplier on every OT hour")
+                    ], -1)),
+                    e("div", Me, [
+                      s[17] || (s[17] = e("div", { class: "sp-row-main" }, [
+                        e("div", { class: "sp-row-label" }, "Normal operations day"),
+                        e("div", { class: "sp-row-hint" }, " Multiplier on their rate for hours past the weekly contract. ")
+                      ], -1)),
+                      e("div", $e, [
+                        f(e("input", {
+                          "onUpdate:modelValue": s[1] || (s[1] = (l) => r(t).draft.payRate.NORMAL.overtime = l),
+                          class: "sch-input sp-num",
+                          type: "number",
+                          min: "1",
+                          max: "4",
+                          step: "0.1",
+                          "aria-label": "Overtime rate on a normal day"
+                        }, null, 512), [
+                          [
+                            h,
+                            r(t).draft.payRate.NORMAL.overtime,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        s[16] || (s[16] = e("span", { class: "sp-unit" }, "×", -1))
+                      ])
+                    ]),
+                    e("div", Le, [
+                      s[19] || (s[19] = e("div", { class: "sp-row-main" }, [
+                        e("div", { class: "sp-row-label" }, "Off day"),
+                        e("div", { class: "sp-row-hint" }, " For a shift on the person's off day, weekly or booked. Check the rate with HR. ")
+                      ], -1)),
+                      e("div", Ee, [
+                        f(e("input", {
+                          "onUpdate:modelValue": s[2] || (s[2] = (l) => r(t).draft.payRate.REST_DAY.overtime = l),
+                          class: "sch-input sp-num",
+                          type: "number",
+                          min: "1",
+                          max: "4",
+                          step: "0.1",
+                          "aria-label": "Overtime rate on an off day"
+                        }, null, 512), [
+                          [
+                            h,
+                            r(t).draft.payRate.REST_DAY.overtime,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        s[18] || (s[18] = e("span", { class: "sp-unit" }, "×", -1))
+                      ])
+                    ]),
+                    e("div", Ne, [
+                      s[21] || (s[21] = e("div", { class: "sp-row-main" }, [
+                        e("div", { class: "sp-row-label" }, "Public holiday"),
+                        e("div", { class: "sp-row-hint" }, " For dates on the holiday calendar. Wins over an off day on the same date. ")
+                      ], -1)),
+                      e("div", Te, [
+                        f(e("input", {
+                          "onUpdate:modelValue": s[3] || (s[3] = (l) => r(t).draft.payRate.PUBLIC_HOLIDAY.overtime = l),
+                          class: "sch-input sp-num",
+                          type: "number",
+                          min: "1",
+                          max: "4",
+                          step: "0.1",
+                          "aria-label": "Overtime rate on a public holiday"
+                        }, null, 512), [
+                          [
+                            h,
+                            r(t).draft.payRate.PUBLIC_HOLIDAY.overtime,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        s[20] || (s[20] = e("span", { class: "sp-unit" }, "×", -1))
+                      ])
+                    ])
+                  ]),
+                  e("div", Ae, [
+                    s[27] || (s[27] = e("div", { class: "sp-card-head" }, [
+                      e("div", { class: "sp-card-title" }, "Regular rate"),
+                      e("div", { class: "sp-card-note" }, "Multiplier on ordinary hours")
+                    ], -1)),
+                    e("div", Ie, [
+                      s[24] || (s[24] = e("div", { class: "sp-row-main" }, [
+                        e("div", { class: "sp-row-label" }, "Off day"),
+                        e("div", { class: "sp-row-hint" }, "Ordinary hours worked on the person's off day.")
+                      ], -1)),
+                      e("div", Ue, [
+                        f(e("input", {
+                          "onUpdate:modelValue": s[4] || (s[4] = (l) => r(t).draft.payRate.REST_DAY.regular = l),
+                          class: "sch-input sp-num",
+                          type: "number",
+                          min: "1",
+                          max: "4",
+                          step: "0.1",
+                          "aria-label": "Regular rate on an off day"
+                        }, null, 512), [
+                          [
+                            h,
+                            r(t).draft.payRate.REST_DAY.regular,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        s[23] || (s[23] = e("span", { class: "sp-unit" }, "×", -1))
+                      ])
+                    ]),
+                    e("div", Ve, [
+                      s[26] || (s[26] = e("div", { class: "sp-row-main" }, [
+                        e("div", { class: "sp-row-label" }, "Public holiday"),
+                        e("div", { class: "sp-row-hint" }, " Ordinary hours worked on a date on the holiday calendar. ")
+                      ], -1)),
+                      e("div", ze, [
+                        f(e("input", {
+                          "onUpdate:modelValue": s[5] || (s[5] = (l) => r(t).draft.payRate.PUBLIC_HOLIDAY.regular = l),
+                          class: "sch-input sp-num",
+                          type: "number",
+                          min: "1",
+                          max: "4",
+                          step: "0.1",
+                          "aria-label": "Regular rate on a public holiday"
+                        }, null, 512), [
+                          [
+                            h,
+                            r(t).draft.payRate.PUBLIC_HOLIDAY.regular,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        s[25] || (s[25] = e("span", { class: "sp-unit" }, "×", -1))
+                      ])
+                    ])
+                  ])
+                ])) : r(t).activeSection.value === "workingHours" ? (p(), v("section", We, [
+                  s[37] || (s[37] = e("div", { class: "sp-sec-head" }, [
+                    e("div", { class: "sp-panel-title" }, "Working hours")
+                  ], -1)),
+                  s[38] || (s[38] = e("div", { class: "sp-panel-desc" }, "Default employee working-hour limits when no individual setting is provided.", -1)),
+                  e("div", Be, [
+                    s[36] || (s[36] = e("div", { class: "sp-card-head" }, [
+                      e("div", { class: "sp-card-title" }, "Default working hours"),
+                      e("div", { class: "sp-card-note" }, "Used as the employee default")
+                    ], -1)),
+                    e("div", Ye, [
+                      s[31] || (s[31] = e("div", { class: "sp-row-main" }, [
+                        e("div", { class: "sp-row-label" }, "Min hours per day")
+                      ], -1)),
+                      e("div", qe, [
+                        f(e("input", {
+                          "onUpdate:modelValue": s[6] || (s[6] = (l) => r(t).draft.workingHours.minHoursPerDay = l),
+                          class: "sch-input sp-num",
+                          type: "number",
+                          min: "0",
+                          max: "24",
+                          step: "1",
+                          placeholder: "None",
+                          "aria-label": "Default minimum working hours per day"
+                        }, null, 512), [
+                          [
+                            h,
+                            r(t).draft.workingHours.minHoursPerDay,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        s[30] || (s[30] = e("span", { class: "sp-unit" }, "hours / day", -1))
+                      ])
+                    ]),
+                    e("div", Fe, [
+                      s[33] || (s[33] = e("div", { class: "sp-row-main" }, [
+                        e("div", { class: "sp-row-label" }, "Max hours per day")
+                      ], -1)),
+                      e("div", Ge, [
+                        f(e("input", {
+                          "onUpdate:modelValue": s[7] || (s[7] = (l) => r(t).draft.workingHours.maxHoursPerDay = l),
+                          class: "sch-input sp-num",
+                          type: "number",
+                          min: "0",
+                          max: "24",
+                          step: "1",
+                          placeholder: "None",
+                          "aria-label": "Default maximum working hours per day"
+                        }, null, 512), [
+                          [
+                            h,
+                            r(t).draft.workingHours.maxHoursPerDay,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        s[32] || (s[32] = e("span", { class: "sp-unit" }, "hours / day", -1))
+                      ])
+                    ]),
+                    e("div", je, [
+                      s[35] || (s[35] = e("div", { class: "sp-row-main" }, [
+                        e("div", { class: "sp-row-label" }, "Max hours per week")
+                      ], -1)),
+                      e("div", Je, [
+                        f(e("input", {
+                          "onUpdate:modelValue": s[8] || (s[8] = (l) => r(t).draft.workingHours.maxHoursPerWeek = l),
+                          class: "sch-input sp-num",
+                          type: "number",
+                          min: "0",
+                          max: "168",
+                          step: "1",
+                          placeholder: "None",
+                          "aria-label": "Default maximum working hours per week"
+                        }, null, 512), [
+                          [
+                            h,
+                            r(t).draft.workingHours.maxHoursPerWeek,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        s[34] || (s[34] = e("span", { class: "sp-unit" }, "hours / week", -1))
+                      ])
+                    ])
+                  ])
+                ])) : r(t).activeSection.value === "overtime" ? (p(), v("section", Qe, [
+                  s[41] || (s[41] = e("div", { class: "sp-sec-head" }, [
+                    e("div", { class: "sp-panel-title" }, "Overtime")
+                  ], -1)),
+                  s[42] || (s[42] = e("div", { class: "sp-panel-desc" }, "The monthly statutory cap on overtime hours.", -1)),
+                  e("div", Ke, [
+                    s[40] || (s[40] = e("div", { class: "sp-card-head" }, [
+                      e("div", { class: "sp-card-title" }, "Maximum OT Hours"),
+                      e("div", { class: "sp-card-note" }, "Enforced")
+                    ], -1)),
+                    e("div", Xe, [
+                      s[39] || (s[39] = e("div", { class: "sp-row-main" }, [
+                        e("div", { class: "sp-row-label" }, "Monthly OT cap"),
+                        e("div", { class: "sp-row-hint" }, " Hours per person per month. Auto-Schedule never exceeds it. ")
+                      ], -1)),
+                      f(e("input", {
+                        "onUpdate:modelValue": s[9] || (s[9] = (l) => r(t).draft.otCapHours = l),
+                        class: "sch-input sp-num",
+                        type: "number",
+                        min: "0",
+                        max: "300",
+                        step: "1",
+                        placeholder: "None",
+                        "aria-label": "Monthly OT cap in hours"
+                      }, null, 512), [
+                        [
+                          h,
+                          r(t).draft.otCapHours,
+                          void 0,
+                          { number: !0 }
+                        ]
+                      ])
+                    ])
+                  ])
+                ])) : T("", !0)
+              ])
+            ]),
+            e("div", {
+              class: I(["sp-save", { dirty: r(t).dirty.value, arming: y.value }])
+            }, [
+              e("div", Ze, [
+                H(g(y.value ? "Discard unsaved changes?" : "Unsaved changes") + " ", 1),
+                y.value ? T("", !0) : (p(), v("span", _e, "— save or discard before leaving."))
+              ]),
+              k(C, {
+                hierarchy: "secondary",
+                size: "sm",
+                class: "am-btn am-btn-sec",
+                type: "button",
+                onClick: s[10] || (s[10] = (l) => R())
+              }, {
+                default: b(() => [
+                  H(g(y.value ? "Confirm discard" : "Discard"), 1)
+                ]),
+                _: 1
+              }),
+              k(C, {
+                hierarchy: "primary",
+                size: "sm",
+                class: "am-btn am-btn-primary",
+                type: "button",
+                onClick: s[11] || (s[11] = (l) => c())
+              }, {
+                default: b(() => [...s[43] || (s[43] = [
+                  H(" Save changes ", -1)
+                ])]),
+                _: 1
+              })
+            ], 2)
+          ])
+        ])
+      ]),
+      k(ge, { modal: r(x) }, null, 8, ["modal"])
+    ], 512));
+  }
+});
+export {
+  rs as default
+};