@zealsolutions/zeal-ui 1.0.0-alpha.333 → 1.0.0-alpha.335

package/dist/components/session/index.js

@@ -0,0 +1,65 @@
+import { ref as p, openBlock as k, createElementBlock as D, createElementVNode as h, toDisplayString as E } from "vue";
+const I = ["mousemove", "keydown", "click", "scroll", "touchstart"], M = 1e3, L = 1e3, R = 60 * 1e3;
+function C({
+  idleMinutes: s,
+  countdownSeconds: n,
+  redirectUrl: a,
+  onKeepAlive: o,
+  isEnabled: T
+}) {
+  const t = p(!1), u = p(n), f = s * 60 * 1e3, x = f - n * 1e3;
+  let l = Date.now(), m = 0, r = !1, c = 0, i = null, d = !1;
+  function w() {
+    if (o)
+      try {
+        o();
+      } catch {
+      }
+  }
+  function g() {
+    const e = Date.now();
+    e < m || (m = e + L, l = e, r = !0, t.value && (t.value = !1));
+  }
+  function _() {
+    const e = Date.now(), v = e - l;
+    if (v >= f) {
+      d || (d = !0, y(), window.location.assign(a));
+      return;
+    }
+    v >= x ? (t.value = !0, u.value = Math.max(0, Math.ceil((f - v) / 1e3))) : (t.value = !1, r && o && e - c >= R && (c = e, w())), r = !1;
+  }
+  function b() {
+    !T || i || (l = Date.now(), r = !1, c = 0, d = !1, I.forEach((e) => window.addEventListener(e, g, { passive: !0 })), i = setInterval(_, M));
+  }
+  function y() {
+    i && (clearInterval(i), i = null), I.forEach((e) => window.removeEventListener(e, g));
+  }
+  function A() {
+    l = Date.now(), c = Date.now(), t.value = !1, u.value = n, w();
+  }
+  return { isWarning: t, secondsRemaining: u, stayActive: A, start: b, stop: y };
+}
+const S = {
+  role: "alert",
+  class: "fixed inset-x-0 top-0 z-[9999] flex items-center justify-center gap-4 bg-warning-950 px-4 py-3 text-white shadow-lg"
+}, V = { class: "text-sm font-medium" }, N = {
+  __name: "IdleWarningBar",
+  props: {
+    secondsRemaining: { type: Number, required: !0 }
+  },
+  emits: ["stay-active"],
+  setup(s) {
+    return (n, a) => (k(), D("div", S, [
+      h("span", V, " You will be logged out in " + E(s.secondsRemaining) + " second" + E(s.secondsRemaining === 1 ? "" : "s") + " due to inactivity. ", 1),
+      h("button", {
+        type: "button",
+        class: "rounded-md bg-white/20 px-3 py-1 text-sm font-semibold hover:bg-white/30",
+        onClick: a[0] || (a[0] = (o) => n.$emit("stay-active"))
+      }, " Stay logged in ")
+    ]));
+  }
+};
+export {
+  N as IdleWarningBar,
+  C as useIdleTimeout
+};

package/dist/components/sop-diff/index.js

@@ -0,0 +1,401 @@
+import { computed as q, openBlock as f, createElementBlock as h, createElementVNode as R, toDisplayString as x, createCommentVNode as S, Fragment as L, renderList as D, normalizeClass as F, createStaticVNode as V } from "vue";
+import { _ as B } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const T = (e) => e === ">", P = (e) => e === "<", A = (e) => /^\s+$/.test(e), G = (e) => /^\s*<[^>]+>\s*$/.test(e), U = (e) => !G(e);
+class E {
+  constructor(i, t, n) {
+    this.start_in_before = i, this.start_in_after = t, this.length = n, this.end_in_before = i + n - 1, this.end_in_after = t + n - 1;
+  }
+}
+function N(e) {
+  let i = "char", t = "";
+  const n = [];
+  for (let l = 0, r = e.length; l < r; l++) {
+    const a = e[l];
+    switch (i) {
+      case "tag":
+        T(a) ? (t += ">", n.push(t), t = "", i = A(a) ? "whitespace" : "char") : t += a;
+        break;
+      case "char":
+        P(a) ? (t && n.push(t), t = "<", i = "tag") : /\s/.test(a) ? (t && n.push(t), t = a, i = "whitespace") : /[\w#@]+/i.test(a) ? t += a : (t && n.push(t), t = a);
+        break;
+      case "whitespace":
+        P(a) ? (t && n.push(t), t = "<", i = "tag") : A(a) ? t += a : (t && n.push(t), t = a, i = "char");
+        break;
+      default:
+        throw new Error("Unknown mode " + i);
+    }
+  }
+  return t && n.push(t), n;
+}
+function j(e, i, t, n, l, r, a) {
+  let d = n, s = r, u = 0, c = {}, p;
+  for (let o = n; o < l; o++) {
+    const k = {}, g = e[o], y = t[g];
+    for (let v = 0, O = y.length; v < O; v++) {
+      const b = y[v];
+      if (b < r)
+        continue;
+      if (b >= a)
+        break;
+      c[b - 1] == null && (c[b - 1] = 0);
+      const _ = c[b - 1] + 1;
+      k[b] = _, _ > u && (d = o - _ + 1, s = b - _ + 1, u = _);
+    }
+    c = k;
+  }
+  return u !== 0 && (p = new E(d, s, u)), p;
+}
+function C(e, i, t, n, l, r, a, d) {
+  const s = j(e, i, t, n, l, r, a);
+  return s != null && (n < s.start_in_before && r < s.start_in_after && C(e, i, t, n, s.start_in_before, r, s.start_in_after, d), d.push(s), s.end_in_before <= l && s.end_in_after <= a && C(e, i, t, s.end_in_before + 1, l, s.end_in_after + 1, a, d)), d;
+}
+function H(e) {
+  if (e.find_these == null)
+    throw new Error("params must have find_these key");
+  if (e.in_these == null)
+    throw new Error("params must have in_these key");
+  const i = {};
+  for (let t = 0, n = e.find_these.length; t < n; t++) {
+    const l = e.find_these[t];
+    i[l] = [];
+    let r = e.in_these.indexOf(l);
+    for (; r !== -1; )
+      i[l].push(r), r = e.in_these.indexOf(l, r + 1);
+  }
+  return i;
+}
+function W(e, i) {
+  const t = [], n = H({ find_these: e, in_these: i });
+  return C(e, i, n, 0, e.length, 0, i.length, t);
+}
+function $(e, i) {
+  if (e == null)
+    throw new Error("before_tokens?");
+  if (i == null)
+    throw new Error("after_tokens?");
+  let t = 0, n = 0;
+  const l = [], r = {
+    "false,false": "replace",
+    "true,false": "insert",
+    "false,true": "delete",
+    "true,true": "none"
+  }, a = W(e, i);
+  a.push(new E(e.length, i.length, 0));
+  for (let c = 0, p = a.length; c < p; c++) {
+    const o = a[c], k = t === o.start_in_before, g = n === o.start_in_after, y = r[[k, g].toString()];
+    y !== "none" && l.push({
+      action: y,
+      start_in_before: t,
+      end_in_before: y !== "insert" ? o.start_in_before - 1 : void 0,
+      start_in_after: n,
+      end_in_after: y !== "delete" ? o.start_in_after - 1 : void 0
+    }), o.length !== 0 && l.push({
+      action: "equal",
+      start_in_before: o.start_in_before,
+      end_in_before: o.end_in_before,
+      start_in_after: o.start_in_after,
+      end_in_after: o.end_in_after
+    }), t = o.end_in_before + 1, n = o.end_in_after + 1;
+  }
+  const d = [];
+  let s = { action: "none" };
+  const u = (c) => c.action !== "equal" || c.end_in_before - c.start_in_before !== 0 ? !1 : /^\s$/.test(e.slice(c.start_in_before, +c.end_in_before + 1 || 9e9));
+  for (let c = 0, p = l.length; c < p; c++) {
+    const o = l[c];
+    u(o) && s.action === "replace" || o.action === "replace" && s.action === "replace" ? (s.end_in_before = o.end_in_before, s.end_in_after = o.end_in_after) : (d.push(o), s = o);
+  }
+  return d;
+}
+function I(e, i, t) {
+  i = i.slice(e, +i.length + 1 || 9e9);
+  let n;
+  for (let l = 0, r = i.length; l < r; l++) {
+    const a = i[l], d = t(a);
+    if (d === !0 && (n = l), d === !1)
+      break;
+  }
+  return n != null ? i.slice(0, +n + 1 || 9e9) : [];
+}
+function M(e, i) {
+  let t = "", n = 0;
+  const l = i.length;
+  for (; !(n >= l); ) {
+    const r = I(n, i, U);
+    if (n += r.length, r.length !== 0 && (t += "<" + e + ">" + r.join("") + "</" + e + ">"), n >= l)
+      break;
+    const a = I(n, i, G);
+    n += a.length, t += a.join("");
+  }
+  return t;
+}
+const m = {
+  equal: (e, i) => i.slice(e.start_in_before, +e.end_in_before + 1 || 9e9).join(""),
+  insert: (e, i, t) => M("ins", t.slice(e.start_in_after, +e.end_in_after + 1 || 9e9)),
+  delete: (e, i) => M("del", i.slice(e.start_in_before, +e.end_in_before + 1 || 9e9))
+};
+m.replace = (e, i, t) => m.delete(e, i, t) + m.insert(e, i, t);
+function z(e, i, t) {
+  let n = "";
+  for (let l = 0, r = t.length; l < r; l++) {
+    const a = t[l];
+    n += m[a.action](a, e, i);
+  }
+  return n;
+}
+function Q(e, i) {
+  if (e === i)
+    return e;
+  const t = N(e ?? ""), n = N(i ?? ""), l = $(t, n);
+  return z(t, n, l);
+}
+const J = {
+  sop: {
+    title: (e) => [e.SOPCode, e.Name].filter(Boolean).join(" — "),
+    fields: [
+      // sop-view-compare.aspx diffs 11 fields: Name, Code, CoreCapabilities, IsActive, Summary,
+      // GenericProvisions, FurtherReading, GRPCode, GRPCoreCapabilities, GRPSummary,
+      // GRPFurtherReading. `tisName`/GRA* (the pre-existing 13-field config's other fields) are NOT
+      // diffed by the legacy page — removed. ReasonForRevision is shown-but-not-diffed — excluded
+      // (bug #5).
+      { label: "Name", key: "Name" },
+      { label: "Code", key: "SOPCode" },
+      // wire key "SOPCode" (SopReadService.GetSop) — see the draft-mode gap note above
+      { label: "Core capabilities", key: "CoreCapabilities" },
+      { label: "Active", key: "IsActive" },
+      { label: "Summary", key: "Summary", rich: !0 },
+      { label: "Generic Provisions", key: "GenericProvisions", rich: !0 },
+      { label: "Further reading", key: "FurtherReading", rich: !0 },
+      { label: "GRP code", key: "GRPCode" },
+      { label: "GRP core capabilities", key: "GRPCoreCapabilities" },
+      // bug #1 — NOT `CoreCapabilities`
+      { label: "GRP summary", key: "GRPSummary", rich: !0 },
+      // bug #2
+      { label: "GRP further reading", key: "GRPFurtherReading", rich: !0 }
+      // bug #2
+    ]
+  },
+  gra: {
+    title: (e) => e.Name || "GRA",
+    fields: [
+      // sop-goras-view-compare.aspx diffs 11 fields; SOP References (derived, see the gap note
+      // above) is the one not resolvable here, landing this config at 10.
+      { label: "Hazards", key: "Name" },
+      { label: "Risks", key: "Risks" },
+      { label: "Persons at Risk", key: "PersonAtRisk" },
+      { label: "Additional Controls Required", key: "AdditionalControlsRequired" },
+      { label: "Risk Score Impact", key: "RiskImpact" },
+      // wire key for entity `RiskScoreConsequence` — see the draft-mode gap note above
+      { label: "Risk Score Likelihood", key: "RiskLikelihood" },
+      // wire key for entity `RiskScoreLikelihood`
+      { label: "Residual Risk Impact", key: "ResidualImpact" },
+      // wire key for entity `ResidualRiskConsequence`
+      { label: "Residual Risk Likelihood", key: "ResidualLikelihood" },
+      // wire key for entity `ResidualRiskLikelihood`
+      { label: "Active", key: "IsActive" },
+      { label: "ECU Only", key: "IsNaruOnly" }
+      // wire key for entity `IsNARUOnly`
+    ]
+  },
+  tis: {
+    title: (e) => [e.TISCode, e.Name].filter(Boolean).join(" — "),
+    fields: [
+      // sop-tis-view-compare.aspx diffs 17 fields; SOP References (derived) is the one not
+      // resolvable here, landing this config at 16.
+      { label: "Review Group", key: "ReviewGroup" },
+      { label: "Version", key: "Version" },
+      { label: "Approving Body", key: "ApprovingBody" },
+      { label: "Service Line", key: "ServiceLine" },
+      { label: "Capability", key: "Capability" },
+      { label: "Description", key: "Description", rich: !0 },
+      { label: "Specific Legislative Provisions", key: "LegislativeProvisions", rich: !0 },
+      { label: "Pre-Requisite Training / Dependencies", key: "Dependencies", rich: !0 },
+      { label: "National Guidance References", key: "GuidanceReferences", rich: !0 },
+      { label: "Safe System Interfaces", key: "SafeSystem", rich: !0 },
+      { label: "Name", key: "Name" },
+      { label: "Code", key: "TISCode" },
+      { label: "Review Date", key: "ReviewDue" },
+      // wire key for entity `ReviewDate` (stored as String) — see the draft-mode gap note above
+      { label: "Active", key: "IsActive" },
+      { label: "Mandatory Frequency", key: "Frequency" },
+      // raw lookup id (SOPTISFrequencyID), NOT resolved display text — legacy resolves it via a DB lookup this record shape doesn't carry
+      { label: "Mandatory Re-certification", key: "Recert" }
+      // raw lookup id (SOPTISRecertID), NOT resolved display text — see above
+    ]
+  },
+  eds: {
+    title: (e) => [e.EDSCode, e.Name].filter(Boolean).join(" — "),
+    fields: [
+      // sop-eds-view-compare.aspx diffs 30 fields once the Active-row duplicate is collapsed to one
+      // and the commented-out IsNaruOnly row is included (bug #3). 14 of the 30 are rich. The last
+      // 13 (CorrespondingComponents .. AdditionalNotes) are verified only against the Core.Data
+      // entity, not the live API response — see the "eds content fields not yet projected" gap note
+      // above.
+      { label: "Name", key: "Name" },
+      { label: "Code", key: "EDSCode" },
+      { label: "Review Group", key: "ReviewGroup" },
+      { label: "Version", key: "Version" },
+      { label: "Approving Body", key: "ApprovingBody" },
+      { label: "Review Due By", key: "ReviewDue" },
+      { label: "Service Line", key: "ServiceLine" },
+      { label: "Summary", key: "Summary", rich: !0 },
+      { label: "Active", key: "IsActive" },
+      // bug #3 — appears once, not twice
+      { label: "ECU Only", key: "IsNaruOnly" },
+      // bug #3 — legacy comments this row out; included as a real edited field
+      { label: "Personal Issue", key: "PersonalIssue" },
+      { label: "Is Personal Issue - can it be re-issued? Only", key: "PersonalReIssue" },
+      { label: "Is a specific Make and Model required for interoperability?", key: "ReqInteroperability" },
+      { label: "Replacement Schedule/Depreciation", key: "ReplacementSchedule" },
+      { label: "Buying Framework reference", key: "BuyingFramework" },
+      { label: "Approximate Asset Value (per item ex VAT)", key: "AssetValue" },
+      { label: "Minimum Quantity Information", key: "MinimumQuantity" },
+      { label: "Corresponding Components", key: "CorrespondingComponents", rich: !0 },
+      { label: "Conformity Standards", key: "ConformityStandards", rich: !0 },
+      // legacy label typo "Confirmity Standards" corrected; key spelling was always correct on the entity
+      { label: "Regulatory Regime", key: "RegulatoryRegime", rich: !0 },
+      { label: "Corresponding PPE", key: "CorrespondingPPE", rich: !0 },
+      { label: "Summary of Training Requirement", key: "TrainingRequirement", rich: !0 },
+      { label: "Summary of Inspection Regime", key: "InspectionRegime", rich: !0 },
+      { label: "Mandatory Maintenance/Servicing Requirements", key: "ServicingRequirements", rich: !0 },
+      { label: "Mandatory Records", key: "MandatoryRecords", rich: !0 },
+      { label: "Failure/Defect Reporting Requirement", key: "FalureReporting", rich: !0 },
+      // entity typo "Falure" preserved — see Core.Data/SOP/SOPEquipment.vb
+      { label: "Storage Requirements", key: "StorageRequirements", rich: !0 },
+      { label: "Cleaning/Decontamination Guidance", key: "CleaningGuidance", rich: !0 },
+      { label: "Reference for Manufacturer's Guidance", key: "ManufacturersGuidance", rich: !0 },
+      { label: "Additional Notes", key: "AdditionalNotes", rich: !0 }
+    ]
+  },
+  grp: {
+    title: (e) => e.Name || "GRP",
+    fields: [
+      // sop-grp-view-compare.aspx diffs Name/Comments/Active/ECU Only/SOP References (5); SOP
+      // References (derived) is not resolvable here. The 4 fields the legacy page comments out
+      // (RescuePlan/PotentialTriggers/Competencies/EquipmentPPE) are included per bug #4, landing
+      // this config at 8.
+      { label: "Name", key: "Name" },
+      { label: "Comments", key: "Comments", rich: !0 },
+      { label: "Rescue Plan", key: "RescuePlan", rich: !0 },
+      // bug #4 — commented out in the legacy page; included for entity parity
+      { label: "Potential Triggers", key: "PotentialTriggers", rich: !0 },
+      // bug #4
+      { label: "Competencies", key: "Competencies", rich: !0 },
+      // bug #4
+      { label: "Equipment PPE", key: "EquipmentPPE", rich: !0 },
+      // bug #4
+      { label: "Active", key: "IsActive" },
+      { label: "ECU Only", key: "IsNARUOnly" }
+    ]
+  },
+  activity: {
+    title: (e) => e.Name || "Activity",
+    fields: [
+      // sop-activities-view-compare.aspx diffs 7 fields (Name, Controls, Active, ECU Only, Minimum
+      // PPE, Supporting Equipment, SOP References). Minimum PPE/Supporting Equipment (junction-table
+      // derived — GetPPEList/GetSupportingEquipmentList) and SOP References (derived) have no
+      // equivalent on SOPActivity/SOPActivityAmend (Core.Data/SOP/SOPActivity.vb even has the
+      // matching ID-array properties commented out) or on SopReadService's Activity reads — omitted,
+      // landing this config at 4.
+      { label: "Name", key: "Name" },
+      { label: "Activity content", key: "ActivityContent", rich: !0 },
+      { label: "Active", key: "IsActive" },
+      // not present on the draft/amend read shape — see the draft-mode gap note above
+      { label: "ECU Only", key: "IsNaruOnly" }
+      // not present on the draft/amend read shape — see the draft-mode gap note above
+    ]
+  },
+  appendix: {
+    title: (e) => e.Name || "Appendix",
+    fields: [
+      // sop-appendix-view-compare.aspx diffs exactly 4 fields: Name, PageContents, Active, ECU Only.
+      { label: "Name", key: "Name" },
+      { label: "Content", key: "PageContents", rich: !0 },
+      { label: "Active", key: "IsActive" },
+      { label: "ECU Only", key: "IsNaruOnly" }
+      // wire key for entity `IsNARUOnly` — see the draft-mode gap note above
+    ]
+  }
+};
+function w(e) {
+  return e == null ? !1 : String(e).replace(/<[^>]*>/g, "").replace(/&nbsp;/g, " ").trim().length > 0;
+}
+function ue(e, i, t = {}, n = null) {
+  const l = J[e];
+  if (!l || !i)
+    return { title: "", sections: [] };
+  const r = { ...i, ...t }, a = n ? { ...n, ...t } : null, d = l.fields.map((s) => {
+    const u = r[s.key];
+    if (!a)
+      return w(u) ? { label: s.label, value: u, rich: !!s.rich } : null;
+    const c = a[s.key];
+    return !w(u) && !w(c) ? null : {
+      label: s.label,
+      value: Q(String(u ?? ""), String(c ?? "")),
+      rich: !!s.rich,
+      // original field richness — the modal uses it to pre-wrap plain diffs
+      diff: !0
+    };
+  }).filter(Boolean);
+  return { title: l.title(n || i), sections: d };
+}
+const K = { class: "flex flex-col h-full overflow-hidden" }, X = { class: "text-style-sub-header font-medium text-app-950 leading-[1.3]" }, Y = {
+  key: 0,
+  "data-testid": "preview-diff-legend",
+  class: "border-b border-steel-300 px-6 py-[10px] flex items-center gap-[16px] text-[12px] text-[#697277] shrink-0"
+}, Z = /* @__PURE__ */ V('<span class="font-semibold" data-v-e4d41bb0>Unpublished draft changes</span><span class="flex items-center gap-[5px]" data-v-e4d41bb0><span class="inline-block w-[14px] h-[10px] rounded-[2px]" style="background-color:#d4fcbc;" data-v-e4d41bb0></span>Added</span><span class="flex items-center gap-[5px]" data-v-e4d41bb0><span class="inline-block w-[14px] h-[10px] rounded-[2px]" style="background-color:#fbb6c2;" data-v-e4d41bb0></span>Removed</span>', 3), ee = {
+  key: 0,
+  "data-testid": "preview-diff-loading",
+  class: "italic"
+}, te = { class: "flex-1 min-h-0 overflow-y-auto px-6 py-5" }, ie = {
+  key: 0,
+  "data-testid": "preview-empty",
+  class: "text-[14px] text-[#697277]"
+}, ne = {
+  key: 1,
+  class: "flex flex-col gap-6"
+}, le = { class: "font-semibold text-[13px] text-[#326d68] leading-[1.2] mb-[6px]" }, ae = ["innerHTML"], re = ["innerHTML"], se = {
+  key: 2,
+  class: "text-[15px] text-black-950 leading-[1.5] whitespace-pre-wrap"
+}, oe = {
+  __name: "SopCompare",
+  props: {
+    title: { type: String, default: "" },
+    sections: { type: Array, default: () => [] },
+    loading: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const i = e, t = q(() => i.sections.some((n) => n.diff));
+    return (n, l) => (f(), h("div", K, [
+      R("p", X, x(e.title), 1),
+      t.value || e.loading ? (f(), h("div", Y, [
+        Z,
+        e.loading ? (f(), h("span", ee, "Loading changes…")) : S("", !0)
+      ])) : S("", !0),
+      R("div", te, [
+        e.sections.length ? (f(), h("div", ne, [
+          (f(!0), h(L, null, D(e.sections, (r, a) => (f(), h("section", {
+            key: a,
+            "data-testid": "preview-section"
+          }, [
+            R("p", le, x(r.label), 1),
+            r.diff ? (f(), h("div", {
+              key: 0,
+              class: F(["preview-content text-[15px] text-black-950 leading-[1.5]", { "whitespace-pre-wrap": !r.rich }]),
+              innerHTML: r.value
+            }, null, 10, ae)) : r.rich ? (f(), h("div", {
+              key: 1,
+              class: "preview-content text-[15px] text-black-950 leading-[1.5]",
+              innerHTML: r.value
+            }, null, 8, re)) : (f(), h("p", se, x(r.value), 1))
+          ]))), 128))
+        ])) : (f(), h("p", ie, " There is no content to preview yet. "))
+      ])
+    ]));
+  }
+}, fe = /* @__PURE__ */ B(oe, [["__scopeId", "data-v-e4d41bb0"]]);
+export {
+  fe as SopCompare,
+  ue as buildPreview,
+  w as hasContent,
+  Q as htmlDiff
+};