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

package/dist/ScheduleGeneralPage-BVtXmxtp.js

@@ -0,0 +1,811 @@
+import { ref as b, reactive as Y, computed as L, defineComponent as N, createBlock as T, openBlock as h, withCtx as k, createElementVNode as e, createVNode as w, toDisplayString as l, unref as s, createElementBlock as m, Fragment as M, createTextVNode as H, withDirectives as _, vModelText as f, createCommentVNode as I, renderList as B, onMounted as q, normalizeClass as W } from "vue";
+import { useRouter as K } from "vue-router";
+import { useSnackbar as j } from "@feedmepos/ui-library";
+import { useCoreStore as F, useI18n as E } from "@feedmepos/mf-common";
+import { R as G } from "./app-DEZT4wdV.js";
+import { b as g, o as A, g as V, V as J, a1 as z, p as U, ay as Q, av as C, aA as X, aB as Z, ai as ee, ax as se } from "./ScheduleModal.vue_vue_type_script_setup_true_lang-DdsQ8v-5.js";
+const te = [
+  { key: "payrates", labelKey: "scheduling.general.payRates" },
+  { key: "overtime", labelKey: "scheduling.general.overtime" },
+  { key: "workingHours", labelKey: "scheduling.general.workingHours" }
+];
+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: { ...g.payRate.NORMAL },
+      REST_DAY: { ...g.payRate.REST_DAY },
+      PUBLIC_HOLIDAY: { ...g.payRate.PUBLIC_HOLIDAY }
+    },
+    otCapHours: g.otCapHours,
+    workingHours: { ...g.workingHours }
+  });
+}
+function ae() {
+  const r = F(), { t: d } = E(), v = b(!1), t = b("payrates"), u = Y($()), n = b(!1);
+  let c = 0;
+  async function x() {
+    if (!A.value) return;
+    const p = ++c, o = A.value;
+    n.value = !0;
+    try {
+      const a = await z.getSettings(o);
+      if (p !== c || A.value !== o) return;
+      U.value && (U.value = { ...U.value, settings: a });
+      const i = V(r.currentCountry.value);
+      g.payRate = structuredClone(a.settingsConfigured ? a.payRate : i.payRate), g.otCapHours = a.settingsConfigured ? a.overtime.maxHoursPerMonth : i.overtime.maxHoursPerMonth, g.workingHours = a.settingsConfigured ? structuredClone(a.workingHours) : {
+        minHoursPerDay: null,
+        maxHoursPerDay: i.workingHours.fullTime.maxHoursPerDay,
+        maxHoursPerWeek: i.workingHours.fullTime.maxHoursPerWeek
+      };
+    } finally {
+      p === c && (n.value = !1);
+    }
+  }
+  function y(p) {
+    Object.assign(u, $()), t.value = p ?? "payrates", v.value = !0;
+  }
+  const D = L(() => JSON.stringify(u) !== JSON.stringify($()));
+  function P() {
+    return D.value ? !1 : (v.value = !1, !0);
+  }
+  function O() {
+    Object.assign(u, $()), v.value = !1;
+  }
+  async function R() {
+    if (!A.value) throw new Error(d("scheduling.settings.noOutletSelected"));
+    const p = u.otCapHours === 0 ? null : u.otCapHours;
+    if (p != null && p <= 0)
+      throw new Error(d("scheduling.general.errOtCapPositive"));
+    const o = {
+      minHoursPerDay: u.workingHours.minHoursPerDay === 0 ? null : u.workingHours.minHoursPerDay,
+      maxHoursPerDay: u.workingHours.maxHoursPerDay === 0 ? null : u.workingHours.maxHoursPerDay,
+      maxHoursPerWeek: u.workingHours.maxHoursPerWeek === 0 ? null : u.workingHours.maxHoursPerWeek
+    }, a = V(r.currentCountry.value);
+    if (o.maxHoursPerDay == null)
+      throw new Error(
+        d("scheduling.general.errMaxDailyPositive", {
+          hours: a.workingHours.fullTime.maxHoursPerDay
+        })
+      );
+    if (o.maxHoursPerWeek == null)
+      throw new Error(
+        d("scheduling.general.errMaxWeeklyPositive", {
+          hours: a.workingHours.fullTime.maxHoursPerWeek
+        })
+      );
+    if (o.minHoursPerDay != null && o.maxHoursPerDay != null && o.minHoursPerDay > o.maxHoursPerDay)
+      throw new Error(d("scheduling.general.errMinExceedsMaxDaily"));
+    if (o.maxHoursPerDay != null && o.maxHoursPerWeek != null && o.maxHoursPerDay > o.maxHoursPerWeek)
+      throw new Error(d("scheduling.general.errDailyExceedsWeekly"));
+    const i = await J({
+      payRate: u.payRate,
+      overtime: { maxHoursPerMonth: p },
+      workingHours: o
+    });
+    g.payRate = structuredClone(i.payRate), g.otCapHours = i.overtime.maxHoursPerMonth, g.workingHours = structuredClone(i.workingHours), v.value = !1;
+  }
+  return { isOpen: v, activeSection: t, draft: u, dirty: D, loading: n, load: x, open: y, close: P, discard: O, save: R };
+}
+function le(r, d = {}) {
+  const { t: v } = E(), t = b(!1), u = b(""), n = b(/* @__PURE__ */ new Set()), c = b(!1), x = b(null), y = L(
+    () => {
+      var o;
+      return ((o = r.options.value.find((a) => a.value === r.outletId.value)) == null ? void 0 : o.label) ?? "";
+    }
+  ), D = L(() => {
+    const o = u.value.trim().toLowerCase();
+    return r.options.value.filter(
+      (a) => a.value !== r.outletId.value && (!o || a.label.toLowerCase().includes(o))
+    );
+  });
+  function P() {
+    u.value = "", n.value = /* @__PURE__ */ new Set(), c.value = !1, x.value = null, t.value = !0;
+  }
+  function O() {
+    t.value = !1;
+  }
+  function R(o) {
+    const a = new Set(n.value);
+    a.has(o) ? a.delete(o) : a.add(o), n.value = a;
+  }
+  async function p() {
+    var a, i;
+    const o = [...n.value];
+    if (!(!o.length || c.value)) {
+      c.value = !0;
+      try {
+        await Promise.all(
+          o.map(
+            (S) => z.saveSettings(S, {
+              payRate: g.payRate,
+              overtime: { maxHoursPerMonth: g.otCapHours },
+              workingHours: g.workingHours
+            })
+          )
+        ), x.value = o.length, (a = d.notify) == null || a.call(
+          d,
+          v(
+            o.length === 1 ? "scheduling.cloneOutlet.copiedToOne" : "scheduling.cloneOutlet.copiedToMany",
+            { count: o.length }
+          ),
+          "success"
+        );
+      } catch (S) {
+        (i = d.notify) == null || i.call(
+          d,
+          S instanceof Error ? S.message : v("scheduling.cloneOutlet.failed"),
+          "error"
+        );
+      } finally {
+        c.value = !1;
+      }
+    }
+  }
+  return {
+    open: t,
+    query: u,
+    selected: n,
+    saving: c,
+    done: x,
+    sourceLabel: y,
+    targets: D,
+    openModal: P,
+    close: O,
+    toggle: R,
+    confirm: p
+  };
+}
+const ne = { class: "am-head" }, oe = {
+  id: "schedule-clone-title",
+  class: "am-title"
+}, ie = { class: "ce-body" }, re = {
+  class: "ce-hint",
+  style: { "margin-bottom": "var(--fm-spacing-10)" }
+}, de = { class: "sch-search" }, ue = ["placeholder", "aria-label"], ce = { class: "asg-list" }, he = ["checked", "onChange"], ge = { class: "asg-id" }, me = { class: "asg-nm" }, pe = {
+  key: 0,
+  class: "asg-empty"
+}, ve = {
+  class: "ce-hint",
+  style: { "margin-top": "var(--fm-spacing-10)" }
+}, ye = {
+  key: 1,
+  class: "cg-done"
+}, _e = { class: "cg-st-main" }, fe = { class: "am-foot" }, be = { class: "am-cost-preview" }, we = { class: "am-foot-btns" }, ke = /* @__PURE__ */ N({
+  __name: "ScheduleCloneOutletModal",
+  props: {
+    modal: {}
+  },
+  setup(r) {
+    const { t: d } = E();
+    return (v, t) => (h(), T(Q, {
+      open: r.modal.open.value,
+      "panel-class": "ce-modal",
+      "panel-style": "width: min(460px, 95vw)",
+      "labelled-by": "schedule-clone-title",
+      onClose: t[5] || (t[5] = (u) => r.modal.close())
+    }, {
+      default: k(() => [
+        e("div", ne, [
+          e("div", oe, l(s(d)("scheduling.cloneOutlet.title")), 1),
+          w(C, {
+            hierarchy: "ghost",
+            size: "xs",
+            "icon-only": "",
+            class: "ce-close-x",
+            type: "button",
+            "aria-label": s(d)("scheduling.positionModal.close"),
+            onClick: t[0] || (t[0] = (u) => r.modal.close())
+          }, {
+            default: k(() => [...t[6] || (t[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
+          }, 8, ["aria-label"])
+        ]),
+        e("div", ie, [
+          r.modal.done.value === null ? (h(), m(M, { key: 0 }, [
+            e("div", re, [
+              H(l(s(d)("scheduling.cloneOutlet.copyPrefix")) + " ", 1),
+              e("b", null, l(r.modal.sourceLabel.value), 1),
+              H(l(s(d)("scheduling.cloneOutlet.copySuffix")), 1)
+            ]),
+            e("div", de, [
+              t[7] || (t[7] = 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)),
+              _(e("input", {
+                "onUpdate:modelValue": t[1] || (t[1] = (u) => r.modal.query.value = u),
+                type: "search",
+                placeholder: s(d)("scheduling.cloneOutlet.search"),
+                "aria-label": s(d)("scheduling.cloneOutlet.search"),
+                autocomplete: "off"
+              }, null, 8, ue), [
+                [f, r.modal.query.value]
+              ])
+            ]),
+            e("div", ce, [
+              (h(!0), m(M, null, B(r.modal.targets.value, (u) => (h(), m("label", {
+                key: u.value,
+                class: "asg-row"
+              }, [
+                e("input", {
+                  type: "checkbox",
+                  class: "sch-checkbox",
+                  "data-platform": "desktop",
+                  checked: r.modal.selected.value.has(u.value),
+                  onChange: (n) => r.modal.toggle(u.value)
+                }, null, 40, he),
+                e("span", ge, [
+                  e("span", me, l(u.label), 1)
+                ])
+              ]))), 128)),
+              r.modal.targets.value.length ? I("", !0) : (h(), m("div", pe, l(r.modal.query.value ? s(d)("scheduling.cloneOutlet.noMatch") : s(d)("scheduling.cloneOutlet.noOthers")), 1))
+            ]),
+            e("div", ve, l(s(d)("scheduling.cloneOutlet.hint")), 1)
+          ], 64)) : (h(), m("div", ye, [
+            t[8] || (t[8] = e("span", {
+              class: "cg-done-tick",
+              "aria-hidden": "true"
+            }, "✓", -1)),
+            e("div", _e, [
+              e("b", null, l(s(d)("scheduling.cloneOutlet.copied")), 1),
+              e("small", null, l(s(d)(
+                r.modal.done.value === 1 ? "scheduling.cloneOutlet.sentToOne" : "scheduling.cloneOutlet.sentToMany",
+                { count: r.modal.done.value }
+              )), 1)
+            ])
+          ]))
+        ]),
+        e("div", fe, [
+          e("div", be, l(r.modal.done.value === null && r.modal.selected.value.size ? s(d)(
+            r.modal.selected.value.size === 1 ? "scheduling.cloneOutlet.selectedOne" : "scheduling.cloneOutlet.selectedMany",
+            { count: r.modal.selected.value.size }
+          ) : ""), 1),
+          e("div", we, [
+            r.modal.done.value === null ? (h(), m(M, { key: 0 }, [
+              w(C, {
+                hierarchy: "secondary",
+                size: "sm",
+                class: "am-btn am-btn-sec",
+                type: "button",
+                onClick: t[2] || (t[2] = (u) => r.modal.close())
+              }, {
+                default: k(() => [
+                  H(l(s(d)("scheduling.common.cancel")), 1)
+                ]),
+                _: 1
+              }),
+              w(C, {
+                hierarchy: "primary",
+                size: "sm",
+                class: "am-btn am-btn-primary",
+                type: "button",
+                disabled: !r.modal.selected.value.size || r.modal.saving.value,
+                onClick: t[3] || (t[3] = (u) => r.modal.confirm())
+              }, {
+                default: k(() => [
+                  H(l(r.modal.saving.value ? s(d)("scheduling.cloneOutlet.copying") : s(d)("scheduling.cloneOutlet.copySetup")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ], 64)) : (h(), T(C, {
+              key: 1,
+              hierarchy: "primary",
+              size: "sm",
+              class: "am-btn am-btn-primary",
+              type: "button",
+              onClick: t[4] || (t[4] = (u) => r.modal.close())
+            }, {
+              default: k(() => [
+                H(l(s(d)("scheduling.common.done")), 1)
+              ]),
+              _: 1
+            }))
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["open"]));
+  }
+}), He = { class: "main" }, xe = {
+  id: "viewSettings",
+  class: "view"
+}, Ce = { class: "sp-head" }, De = { class: "sp-title-row" }, Pe = { class: "sp-title" }, Oe = { class: "page-tags" }, Re = {
+  class: "sch-badge page-tag-premium",
+  "data-color": "brand"
+}, Se = {
+  class: "sch-badge",
+  "data-color": "info"
+}, Ae = { class: "sp-sub" }, $e = { class: "outlet-bar" }, Me = { class: "outlet-bar-lbl" }, Le = { class: "sp-body" }, Ee = { class: "sp-tabs" }, Ue = ["onClick"], Ie = { class: "sp-content" }, Te = { class: "sp-panel" }, We = {
+  key: 0,
+  id: "sp-payrates",
+  class: "sp-sec"
+}, Ve = { class: "sp-sec-head" }, Ne = { class: "sp-panel-title" }, Be = { class: "sp-panel-desc" }, ze = { class: "sp-card" }, Ye = { class: "sp-card-head" }, qe = { class: "sp-card-title" }, Ke = { class: "sp-card-note" }, je = { class: "sp-row" }, Fe = { class: "sp-row-main" }, Ge = { class: "sp-row-label" }, Je = { class: "sp-row-hint" }, Qe = { class: "sp-field" }, Xe = ["aria-label"], Ze = { class: "sp-row" }, es = { class: "sp-row-main" }, ss = { class: "sp-row-label" }, ts = { class: "sp-row-hint" }, as = { class: "sp-field" }, ls = ["aria-label"], ns = { class: "sp-row" }, os = { class: "sp-row-main" }, is = { class: "sp-row-label" }, rs = { class: "sp-row-hint" }, ds = { class: "sp-field" }, us = ["aria-label"], cs = { class: "sp-card" }, hs = { class: "sp-card-head" }, gs = { class: "sp-card-title" }, ms = { class: "sp-card-note" }, ps = { class: "sp-row" }, vs = { class: "sp-row-main" }, ys = { class: "sp-row-label" }, _s = { class: "sp-row-hint" }, fs = { class: "sp-field" }, bs = ["aria-label"], ws = { class: "sp-row" }, ks = { class: "sp-row-main" }, Hs = { class: "sp-row-label" }, xs = { class: "sp-row-hint" }, Cs = { class: "sp-field" }, Ds = ["aria-label"], Ps = {
+  key: 1,
+  id: "sp-working-hours",
+  class: "sp-sec"
+}, Os = { class: "sp-sec-head" }, Rs = { class: "sp-panel-title" }, Ss = { class: "sp-panel-desc" }, As = { class: "sp-card" }, $s = { class: "sp-card-head" }, Ms = { class: "sp-card-title" }, Ls = { class: "sp-card-note" }, Es = { class: "sp-row" }, Us = { class: "sp-row-main" }, Is = { class: "sp-row-label" }, Ts = { class: "sp-field" }, Ws = ["placeholder", "aria-label"], Vs = { class: "sp-unit" }, Ns = { class: "sp-row" }, Bs = { class: "sp-row-main" }, zs = { class: "sp-row-label" }, Ys = { class: "sp-field" }, qs = ["placeholder", "aria-label"], Ks = { class: "sp-unit" }, js = { class: "sp-row" }, Fs = { class: "sp-row-main" }, Gs = { class: "sp-row-label" }, Js = { class: "sp-field" }, Qs = ["placeholder", "aria-label"], Xs = { class: "sp-unit" }, Zs = {
+  key: 2,
+  id: "sp-overtime",
+  class: "sp-sec"
+}, et = { class: "sp-sec-head" }, st = { class: "sp-panel-title" }, tt = { class: "sp-panel-desc" }, at = { class: "sp-card" }, lt = { class: "sp-card-head" }, nt = { class: "sp-card-title" }, ot = { class: "sp-card-note" }, it = { class: "sp-row" }, rt = { class: "sp-row-main" }, dt = { class: "sp-row-label" }, ut = { class: "sp-row-hint" }, ct = ["placeholder", "aria-label"], ht = { class: "sp-save-txt" }, gt = { key: 0 }, bt = /* @__PURE__ */ N({
+  __name: "ScheduleGeneralPage",
+  setup(r) {
+    const d = b(null);
+    X(d);
+    const v = K(), { t } = E(), u = j(), n = ae(), c = Z(), x = le(c, {
+      notify: (o, a) => u.open({ message: o, type: a })
+    }), y = b(!1);
+    q(async () => {
+      await c.resolve() && await ee(/* @__PURE__ */ new Date()), await n.load(), n.open();
+    });
+    const D = L(
+      () => c.options.value.length ? c.options.value : [{ value: "", label: t("scheduling.settings.noOutletSelected"), disabled: !0 }]
+    );
+    async function P(o) {
+      n.dirty.value || await c.switchTo(o, /* @__PURE__ */ new Date()) && (await n.load(), n.open());
+    }
+    function O() {
+      n.close() && v.push({ name: G.SCHEDULE });
+    }
+    function R() {
+      if (!y.value) {
+        y.value = !0;
+        return;
+      }
+      y.value = !1, n.discard();
+    }
+    async function p() {
+      try {
+        await n.save(), u.open({ message: t("scheduling.general.saved"), type: "success" });
+      } catch (o) {
+        u.open({
+          message: o instanceof Error ? o.message : t("scheduling.general.saveFailed"),
+          type: "error"
+        });
+      }
+    }
+    return (o, a) => (h(), m("div", {
+      ref_key: "rootEl",
+      ref: d,
+      class: "sch"
+    }, [
+      e("div", He, [
+        e("div", xe, [
+          e("div", Ce, [
+            w(C, {
+              hierarchy: "ghost",
+              size: "sm",
+              class: "sp-back",
+              type: "button",
+              onClick: O
+            }, {
+              default: k(() => [
+                a[12] || (a[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, l(s(t)("scheduling.settings.backToSchedule")), 1)
+              ]),
+              _: 1
+            }),
+            e("div", De, [
+              e("div", Pe, l(s(t)("scheduling.general.title")), 1),
+              e("span", Oe, [
+                e("span", Re, l(s(t)("scheduling.common.premium")), 1),
+                e("span", Se, l(s(t)("scheduling.common.freeUntil")), 1)
+              ])
+            ]),
+            e("div", Ae, l(s(t)("scheduling.general.subtitle")), 1),
+            e("div", $e, [
+              e("span", Me, l(s(t)("scheduling.settings.outlet")), 1),
+              w(se, {
+                class: "outlet-sel",
+                "aria-label": s(t)("scheduling.settings.outletAria"),
+                searchable: "",
+                disabled: s(n).dirty.value || s(n).loading.value,
+                title: s(n).dirty.value ? s(t)("scheduling.general.outletDirtyHint") : s(t)("scheduling.general.outletHint"),
+                "model-value": s(c).outletId.value,
+                options: D.value,
+                "onUpdate:modelValue": P
+              }, null, 8, ["aria-label", "disabled", "title", "model-value", "options"]),
+              w(C, {
+                hierarchy: "secondary",
+                size: "sm",
+                class: "outlet-clone",
+                type: "button",
+                disabled: s(n).dirty.value || s(n).loading.value || !s(c).outletId.value,
+                title: s(n).dirty.value ? s(t)("scheduling.general.cloneDirtyHint") : s(t)("scheduling.general.cloneHint"),
+                onClick: a[0] || (a[0] = (i) => s(x).openModal())
+              }, {
+                default: k(() => [
+                  a[13] || (a[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(" " + l(s(t)("scheduling.general.cloneSetup")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled", "title"])
+            ])
+          ]),
+          e("div", Le, [
+            e("nav", Ee, [
+              (h(!0), m(M, null, B(s(te), (i) => (h(), m("button", {
+                key: i.key,
+                type: "button",
+                class: W(["sch-tab sp-tab", { active: s(n).activeSection.value === i.key }]),
+                "data-active": "false",
+                onClick: (S) => s(n).activeSection.value = i.key
+              }, l(s(t)(i.labelKey)), 11, Ue))), 128))
+            ]),
+            e("div", Ie, [
+              e("div", Te, [
+                s(n).activeSection.value === "payrates" ? (h(), m("section", We, [
+                  e("div", Ve, [
+                    e("div", Ne, l(s(t)("scheduling.general.payRates")), 1)
+                  ]),
+                  e("div", Be, l(s(t)("scheduling.general.payRatesDesc")), 1),
+                  e("div", ze, [
+                    e("div", Ye, [
+                      e("div", qe, l(s(t)("scheduling.general.overtimeRate")), 1),
+                      e("div", Ke, l(s(t)("scheduling.general.overtimeRateNote")), 1)
+                    ]),
+                    e("div", je, [
+                      e("div", Fe, [
+                        e("div", Ge, l(s(t)("scheduling.general.normalDay")), 1),
+                        e("div", Je, l(s(t)("scheduling.general.normalDayOtHint")), 1)
+                      ]),
+                      e("div", Qe, [
+                        _(e("input", {
+                          "onUpdate:modelValue": a[1] || (a[1] = (i) => s(n).draft.payRate.NORMAL.overtime = i),
+                          class: "sch-input sp-num",
+                          type: "number",
+                          min: "1",
+                          max: "4",
+                          step: "0.1",
+                          "aria-label": s(t)("scheduling.general.otNormalAria")
+                        }, null, 8, Xe), [
+                          [
+                            f,
+                            s(n).draft.payRate.NORMAL.overtime,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        a[14] || (a[14] = e("span", { class: "sp-unit" }, "×", -1))
+                      ])
+                    ]),
+                    e("div", Ze, [
+                      e("div", es, [
+                        e("div", ss, l(s(t)("scheduling.general.offDay")), 1),
+                        e("div", ts, l(s(t)("scheduling.general.offDayOtHint")), 1)
+                      ]),
+                      e("div", as, [
+                        _(e("input", {
+                          "onUpdate:modelValue": a[2] || (a[2] = (i) => s(n).draft.payRate.REST_DAY.overtime = i),
+                          class: "sch-input sp-num",
+                          type: "number",
+                          min: "1",
+                          max: "4",
+                          step: "0.1",
+                          "aria-label": s(t)("scheduling.general.otOffDayAria")
+                        }, null, 8, ls), [
+                          [
+                            f,
+                            s(n).draft.payRate.REST_DAY.overtime,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        a[15] || (a[15] = e("span", { class: "sp-unit" }, "×", -1))
+                      ])
+                    ]),
+                    e("div", ns, [
+                      e("div", os, [
+                        e("div", is, l(s(t)("scheduling.general.publicHoliday")), 1),
+                        e("div", rs, l(s(t)("scheduling.general.publicHolidayOtHint")), 1)
+                      ]),
+                      e("div", ds, [
+                        _(e("input", {
+                          "onUpdate:modelValue": a[3] || (a[3] = (i) => s(n).draft.payRate.PUBLIC_HOLIDAY.overtime = i),
+                          class: "sch-input sp-num",
+                          type: "number",
+                          min: "1",
+                          max: "4",
+                          step: "0.1",
+                          "aria-label": s(t)("scheduling.general.otHolidayAria")
+                        }, null, 8, us), [
+                          [
+                            f,
+                            s(n).draft.payRate.PUBLIC_HOLIDAY.overtime,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        a[16] || (a[16] = e("span", { class: "sp-unit" }, "×", -1))
+                      ])
+                    ])
+                  ]),
+                  e("div", cs, [
+                    e("div", hs, [
+                      e("div", gs, l(s(t)("scheduling.general.regularRate")), 1),
+                      e("div", ms, l(s(t)("scheduling.general.regularRateNote")), 1)
+                    ]),
+                    e("div", ps, [
+                      e("div", vs, [
+                        e("div", ys, l(s(t)("scheduling.general.offDay")), 1),
+                        e("div", _s, l(s(t)("scheduling.general.offDayRegularHint")), 1)
+                      ]),
+                      e("div", fs, [
+                        _(e("input", {
+                          "onUpdate:modelValue": a[4] || (a[4] = (i) => s(n).draft.payRate.REST_DAY.regular = i),
+                          class: "sch-input sp-num",
+                          type: "number",
+                          min: "1",
+                          max: "4",
+                          step: "0.1",
+                          "aria-label": s(t)("scheduling.general.regularOffDayAria")
+                        }, null, 8, bs), [
+                          [
+                            f,
+                            s(n).draft.payRate.REST_DAY.regular,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        a[17] || (a[17] = e("span", { class: "sp-unit" }, "×", -1))
+                      ])
+                    ]),
+                    e("div", ws, [
+                      e("div", ks, [
+                        e("div", Hs, l(s(t)("scheduling.general.publicHoliday")), 1),
+                        e("div", xs, l(s(t)("scheduling.general.publicHolidayRegularHint")), 1)
+                      ]),
+                      e("div", Cs, [
+                        _(e("input", {
+                          "onUpdate:modelValue": a[5] || (a[5] = (i) => s(n).draft.payRate.PUBLIC_HOLIDAY.regular = i),
+                          class: "sch-input sp-num",
+                          type: "number",
+                          min: "1",
+                          max: "4",
+                          step: "0.1",
+                          "aria-label": s(t)("scheduling.general.regularHolidayAria")
+                        }, null, 8, Ds), [
+                          [
+                            f,
+                            s(n).draft.payRate.PUBLIC_HOLIDAY.regular,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        a[18] || (a[18] = e("span", { class: "sp-unit" }, "×", -1))
+                      ])
+                    ])
+                  ])
+                ])) : s(n).activeSection.value === "workingHours" ? (h(), m("section", Ps, [
+                  e("div", Os, [
+                    e("div", Rs, l(s(t)("scheduling.general.workingHours")), 1)
+                  ]),
+                  e("div", Ss, l(s(t)("scheduling.general.workingHoursDesc")), 1),
+                  e("div", As, [
+                    e("div", $s, [
+                      e("div", Ms, l(s(t)("scheduling.general.defaultWorkingHours")), 1),
+                      e("div", Ls, l(s(t)("scheduling.general.defaultWorkingHoursNote")), 1)
+                    ]),
+                    e("div", Es, [
+                      e("div", Us, [
+                        e("div", Is, l(s(t)("scheduling.general.minHoursPerDay")), 1)
+                      ]),
+                      e("div", Ts, [
+                        _(e("input", {
+                          "onUpdate:modelValue": a[6] || (a[6] = (i) => s(n).draft.workingHours.minHoursPerDay = i),
+                          class: "sch-input sp-num",
+                          type: "number",
+                          min: "0",
+                          max: "24",
+                          step: "1",
+                          placeholder: s(t)("scheduling.common.none"),
+                          "aria-label": s(t)("scheduling.general.minHoursPerDayAria")
+                        }, null, 8, Ws), [
+                          [
+                            f,
+                            s(n).draft.workingHours.minHoursPerDay,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        e("span", Vs, l(s(t)("scheduling.general.hoursPerDayUnit")), 1)
+                      ])
+                    ]),
+                    e("div", Ns, [
+                      e("div", Bs, [
+                        e("div", zs, l(s(t)("scheduling.general.maxHoursPerDay")), 1)
+                      ]),
+                      e("div", Ys, [
+                        _(e("input", {
+                          "onUpdate:modelValue": a[7] || (a[7] = (i) => s(n).draft.workingHours.maxHoursPerDay = i),
+                          class: "sch-input sp-num",
+                          type: "number",
+                          min: "0",
+                          max: "24",
+                          step: "1",
+                          placeholder: s(t)("scheduling.common.none"),
+                          "aria-label": s(t)("scheduling.general.maxHoursPerDayAria")
+                        }, null, 8, qs), [
+                          [
+                            f,
+                            s(n).draft.workingHours.maxHoursPerDay,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        e("span", Ks, l(s(t)("scheduling.general.hoursPerDayUnit")), 1)
+                      ])
+                    ]),
+                    e("div", js, [
+                      e("div", Fs, [
+                        e("div", Gs, l(s(t)("scheduling.general.maxHoursPerWeek")), 1)
+                      ]),
+                      e("div", Js, [
+                        _(e("input", {
+                          "onUpdate:modelValue": a[8] || (a[8] = (i) => s(n).draft.workingHours.maxHoursPerWeek = i),
+                          class: "sch-input sp-num",
+                          type: "number",
+                          min: "0",
+                          max: "168",
+                          step: "1",
+                          placeholder: s(t)("scheduling.common.none"),
+                          "aria-label": s(t)("scheduling.general.maxHoursPerWeekAria")
+                        }, null, 8, Qs), [
+                          [
+                            f,
+                            s(n).draft.workingHours.maxHoursPerWeek,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        e("span", Xs, l(s(t)("scheduling.general.hoursPerWeekUnit")), 1)
+                      ])
+                    ])
+                  ])
+                ])) : s(n).activeSection.value === "overtime" ? (h(), m("section", Zs, [
+                  e("div", et, [
+                    e("div", st, l(s(t)("scheduling.general.overtime")), 1)
+                  ]),
+                  e("div", tt, l(s(t)("scheduling.general.overtimeDesc")), 1),
+                  e("div", at, [
+                    e("div", lt, [
+                      e("div", nt, l(s(t)("scheduling.general.maxOtHours")), 1),
+                      e("div", ot, l(s(t)("scheduling.general.enforced")), 1)
+                    ]),
+                    e("div", it, [
+                      e("div", rt, [
+                        e("div", dt, l(s(t)("scheduling.general.monthlyOtCap")), 1),
+                        e("div", ut, l(s(t)("scheduling.general.monthlyOtCapHint")), 1)
+                      ]),
+                      _(e("input", {
+                        "onUpdate:modelValue": a[9] || (a[9] = (i) => s(n).draft.otCapHours = i),
+                        class: "sch-input sp-num",
+                        type: "number",
+                        min: "0",
+                        max: "300",
+                        step: "1",
+                        placeholder: s(t)("scheduling.common.none"),
+                        "aria-label": s(t)("scheduling.general.monthlyOtCapAria")
+                      }, null, 8, ct), [
+                        [
+                          f,
+                          s(n).draft.otCapHours,
+                          void 0,
+                          { number: !0 }
+                        ]
+                      ])
+                    ])
+                  ])
+                ])) : I("", !0)
+              ])
+            ]),
+            e("div", {
+              class: W(["sp-save", { dirty: s(n).dirty.value, arming: y.value }])
+            }, [
+              e("div", ht, [
+                H(l(y.value ? s(t)("scheduling.settings.discardConfirmQuestion") : s(t)("scheduling.settings.unsavedChanges")) + " ", 1),
+                y.value ? I("", !0) : (h(), m("span", gt, l(s(t)("scheduling.settings.unsavedHint")), 1))
+              ]),
+              w(C, {
+                hierarchy: "secondary",
+                size: "sm",
+                class: "am-btn am-btn-sec",
+                type: "button",
+                onClick: a[10] || (a[10] = (i) => R())
+              }, {
+                default: k(() => [
+                  H(l(y.value ? s(t)("scheduling.settings.confirmDiscard") : s(t)("scheduling.settings.discard")), 1)
+                ]),
+                _: 1
+              }),
+              w(C, {
+                hierarchy: "primary",
+                size: "sm",
+                class: "am-btn am-btn-primary",
+                type: "button",
+                onClick: a[11] || (a[11] = (i) => p())
+              }, {
+                default: k(() => [
+                  H(l(s(t)("scheduling.settings.saveChanges")), 1)
+                ]),
+                _: 1
+              })
+            ], 2)
+          ])
+        ])
+      ]),
+      w(ke, { modal: s(x) }, null, 8, ["modal"])
+    ], 512));
+  }
+});
+export {
+  bt as default
+};