@ukhomeoffice/cop-react-form-renderer 8.0.4 → 8.0.6-alpha

package/dist/index.js

@@ -1148,10 +1148,10 @@ function $t(e, t, n) {
       if (h.endsWith(A, "{}"))
         A = r ? A : A.slice(0, -2), p = JSON.stringify(p);
       else if (h.isArray(p) && oa(p) || (h.isFileList(p) || h.endsWith(A, "[]")) && (R = h.toArray(p)))
-        return A = cs(A), R.forEach(function(g, I) {
+        return A = cs(A), R.forEach(function(g, _) {
           !(h.isUndefined(g) || g === null) && t.append(
             // eslint-disable-next-line no-nested-ternary
-            i === !0 ? Wt([A], I, o) : i === null ? A : A + "[]",
+            i === !0 ? Wt([A], _, o) : i === null ? A : A + "[]",
             u(g)
           );
         }), !1;
@@ -1695,7 +1695,7 @@ const Na = typeof XMLHttpRequest < "u", Da = Na && function(e) {
         return;
       const C = fe.from(
         "getAllResponseHeaders" in A && A.getAllResponseHeaders()
-      ), I = {
+      ), _ = {
         data: !l || l === "text" || l === "json" ? A.responseText : A.response,
         status: A.status,
         statusText: A.statusText,
@@ -1710,7 +1710,7 @@ const Na = typeof XMLHttpRequest < "u", Da = Na && function(e) {
         function(S) {
           r(S), p();
         },
-        I
+        _
       ), A = null;
     }
     "onloadend" in A ? A.onloadend = T : A.onreadystatechange = function() {
@@ -1718,21 +1718,21 @@ const Na = typeof XMLHttpRequest < "u", Da = Na && function(e) {
     }, A.onabort = function() {
       A && (r(new D("Request aborted", D.ECONNABORTED, e, A)), p(), A = null);
     }, A.onerror = function(g) {
-      const I = g && g.message ? g.message : "Network Error", U = new D(I, D.ERR_NETWORK, e, A);
+      const _ = g && g.message ? g.message : "Network Error", U = new D(_, D.ERR_NETWORK, e, A);
       U.event = g || null, r(U), p(), A = null;
     }, A.ontimeout = function() {
       let g = s.timeout ? "timeout of " + s.timeout + "ms exceeded" : "timeout exceeded";
-      const I = s.transitional || On;
+      const _ = s.transitional || On;
       s.timeoutErrorMessage && (g = s.timeoutErrorMessage), r(
         new D(
           g,
-          I.clarifyTimeoutError ? D.ETIMEDOUT : D.ECONNABORTED,
+          _.clarifyTimeoutError ? D.ETIMEDOUT : D.ECONNABORTED,
           e,
           A
         )
       ), p(), A = null;
-    }, o === void 0 && i.setContentType(null), "setRequestHeader" in A && h.forEach(ls(i), function(g, I) {
-      A.setRequestHeader(I, g);
+    }, o === void 0 && i.setContentType(null), "setRequestHeader" in A && h.forEach(ls(i), function(g, _) {
+      A.setRequestHeader(_, g);
     }), h.isUndefined(s.withCredentials) || (A.withCredentials = !!s.withCredentials), l && l !== "json" && (A.responseType = s.responseType), c && ([d, y] = Ot(c, !0), A.addEventListener("progress", d)), a && A.upload && ([f, E] = Ot(a), A.upload.addEventListener("progress", f), A.upload.addEventListener("loadend", E)), (s.cancelToken || s.signal) && (u = (C) => {
       A && (r(!C || C.type ? new ut(null, e, A) : C), A.abort(), p(), A = null);
     }, s.cancelToken && s.cancelToken.subscribe(u), s.signal && (s.signal.aborted ? u() : s.signal.addEventListener("abort", u)));
@@ -1957,13 +1957,13 @@ const Nn = "1.17.0", rr = 64 * 1024, { isFunction: yt } = h, ka = (e) => encodeU
       url: R,
       method: C,
       data: g,
-      signal: I,
+      signal: _,
       cancelToken: U,
       timeout: S,
       onDownloadProgress: N,
       onUploadProgress: L,
       responseType: F,
-      headers: _,
+      headers: I,
       withCredentials: B = "same-origin",
       fetchOptions: O,
       maxContentLength: P,
@@ -1973,7 +1973,7 @@ const Nn = "1.17.0", rr = 64 * 1024, { isFunction: yt } = h, ka = (e) => encodeU
     let K = s || fetch;
     F = F ? (F + "").toLowerCase() : "text";
     let q = La(
-      [I, U && U.toAbortSignal()],
+      [_, U && U.toAbortSignal()],
       S
     ), X = null;
     const me = q && q.unsubscribe && (() => {
@@ -2001,7 +2001,7 @@ const Nn = "1.17.0", rr = 64 * 1024, { isFunction: yt } = h, ka = (e) => encodeU
         }
         (M.username || M.password) && (M.username = "", M.password = "", R = M.href);
       }
-      if (V && (_.delete("authorization"), _.set(
+      if (V && (I.delete("authorization"), I.set(
         "Authorization",
         "Basic " + btoa(ka((V.username || "") + ":" + (V.password || "")))
       )), H && typeof R == "string" && R.startsWith("data:") && Ua(R) > P)
@@ -2012,7 +2012,7 @@ const Nn = "1.17.0", rr = 64 * 1024, { isFunction: yt } = h, ka = (e) => encodeU
           X
         );
       if (G && C !== "get" && C !== "head") {
-        const M = await A(_, g);
+        const M = await A(I, g);
         if (typeof M == "number" && isFinite(M) && M > x)
           throw new D(
             "Request body larger than maxBodyLength limit",
@@ -2021,13 +2021,13 @@ const Nn = "1.17.0", rr = 64 * 1024, { isFunction: yt } = h, ka = (e) => encodeU
             X
           );
       }
-      if (L && d && C !== "get" && C !== "head" && (Ae = await A(_, g)) !== 0) {
+      if (L && d && C !== "get" && C !== "head" && (Ae = await A(I, g)) !== 0) {
         let M = new o(R, {
           method: "POST",
           body: g,
           duplex: "half"
         }), le;
-        if (h.isFormData(g) && (le = M.headers.get("content-type")) && _.setContentType(le), M.body) {
+        if (h.isFormData(g) && (le = M.headers.get("content-type")) && I.setContentType(le), M.body) {
           const [Ie, $e] = Zn(
             Ae,
             Ot(er(L))
@@ -2038,15 +2038,15 @@ const Nn = "1.17.0", rr = 64 * 1024, { isFunction: yt } = h, ka = (e) => encodeU
       h.isString(B) || (B = B ? "include" : "omit");
       const Qe = a && "credentials" in o.prototype;
       if (h.isFormData(g)) {
-        const M = _.getContentType();
-        M && /^multipart\/form-data/i.test(M) && !/boundary=/i.test(M) && _.delete("content-type");
+        const M = I.getContentType();
+        M && /^multipart\/form-data/i.test(M) && !/boundary=/i.test(M) && I.delete("content-type");
       }
-      _.set("User-Agent", "axios/" + Nn, !1);
+      I.set("User-Agent", "axios/" + Nn, !1);
       const Ze = {
         ...O,
         signal: q,
         method: C.toUpperCase(),
-        headers: ls(_.normalize()),
+        headers: ls(I.normalize()),
         body: g,
         duplex: "half",
         credentials: Qe ? B : void 0
@@ -3003,45 +3003,45 @@ const {
   }, []), z(() => {
     R && g && p.page(e);
   }, [f, R]);
-  const I = ({ target: _ }) => {
-    const B = e, { value: O } = _;
-    O ? (B.formData[_.name] = O, E((P) => ({
+  const _ = ({ target: I }) => {
+    const B = e, { value: O } = I;
+    O ? (B.formData[I.name] = O, E((P) => ({
       ...P,
       // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access -- FIXME
-      [_.name]: O
+      [I.name]: O
     })), T((P) => ({
       ...P,
       // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access -- FIXME
-      [_.component]: _.label
-    }))) : (delete B.formData[_.name], E((P) => {
-      const { [_.name]: x, ...H } = P;
+      [I.component]: I.label
+    }))) : (delete B.formData[I.name], E((P) => {
+      const { [I.name]: x, ...H } = P;
       return H;
     }), T((P) => {
-      const { [_.component]: x, ...H } = P;
+      const { [I.component]: x, ...H } = P;
       return H;
     })), typeof o == "function" && o(e.formData);
   };
   z(() => {
-    const _ = document.title.replace("Error: ", "");
-    document.title = y.length > 0 ? "Error: " + _ : _;
+    const I = document.title.replace("Error: ", "");
+    document.title = y.length > 0 ? "Error: " + I : I;
   }, [y]);
   const U = b.classBuilder(l, a, c), S = e;
   S.actions = S.actions?.map(
-    (_) => (
+    (I) => (
       // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-member-access -- FIXME
-      _.label ? { ..._, label: b.interpolateString(_.label, S.formData) } : _
+      I.label ? { ...I, label: b.interpolateString(I.label, S.formData) } : I
     )
-  ), S.formData = b.Operate.runPageOperations(S, { ...S.formData, ...d }, r || I);
+  ), S.formData = b.Operate.runPageOperations(S, { ...S.formData, ...d }, r || _);
   const N = e.title ? /* @__PURE__ */ m(vt, { size: e.titleSize, children: b.FormPage.getTitle(e.title, e.formData) }) : /* @__PURE__ */ m(nn, { id: e.id, required: e.required, hideOptionalSuffix: e.hideOptionalSuffix, children: e.label }), L = (
     // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access -- FIXME
-    e.components.filter((_) => b.Component.show(_, e.formData)).map((_, B) => /* @__PURE__ */ m(
+    e.components.filter((I) => b.Component.show(I, e.formData)).map((I, B) => /* @__PURE__ */ m(
       dt,
       {
-        component: _,
+        component: I,
         onAction: (O) => n(O, d, A),
-        onChange: r || I,
-        onTopLevelChange: s || I,
-        value: e.formData[_.fieldId] || d[_.fieldId],
+        onChange: r || _,
+        onTopLevelChange: s || _,
+        value: e.formData[I.fieldId] || d[I.fieldId],
         formData: e.formData,
         pages: t,
         submitting: u
@@ -3063,8 +3063,8 @@ const {
     /* @__PURE__ */ m(
       ws,
       {
-        actions: e.actions?.filter((_) => b.Component.show(_, e.formData)),
-        onAction: (_) => n(_, d, A)
+        actions: e.actions?.filter((I) => b.Component.show(I, e.formData)),
+        onAction: (I) => n(I, d, A)
       }
     )
   ] }, e.id);
@@ -3365,7 +3365,7 @@ const {
     // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access -- FIXME
     gc(t, o, e.id, l, a),
     // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- FIXME
-    ...Je(e, c, o, r, s)
+    ...Je(e, c, o, r, s) ?? []
   ];
 }).filter((o) => !!o) : Cc(e, r), bc = "hods-form-summary-card-details", Ds = ({
   masterPage: e,
@@ -3388,25 +3388,25 @@ const {
     let E = 0;
     return u.flatMap((y, p) => {
       let A = 0;
-      const T = y.fields?.flatMap((C) => f.filter((I) => I.fieldId === C).map((I) => {
-        if (!I || !Ne(I, { ...d.formData, ...r }))
+      const T = y.fields?.flatMap((C) => f.filter((_) => _.fieldId === C).map((_) => {
+        if (!_ || !Ne(_, { ...d.formData, ...r }))
           return null;
-        if (I.type === w.CONTAINER) {
-          const U = Je(d, I, r);
+        if (_.type === w.CONTAINER) {
+          const U = Je(d, _, r);
           return A += 1, // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- FIXME
           /* @__PURE__ */ m("div", { className: l("field"), style: { "--column": E + 1, "--row": A }, role: "list", children: U.map((S) => {
-            const N = { ...r, [S.fieldId]: r[I.fieldId]?.[S.fieldId] };
+            const N = { ...r, [S.fieldId]: r[_.fieldId]?.[S.fieldId] };
             return Pt(d, { ...S, label: S.key }, l, N, i);
           }) }, C);
         }
-        if (I.type === w.COLLECTION) {
-          const U = Mn({ ...d, formData: { ...d.formData, ...r } }, I, r[I.id]);
+        if (_.type === w.COLLECTION) {
+          const U = Mn({ ...d, formData: { ...d.formData, ...r } }, _, r[_.id]);
           A += 1;
           let S = 0;
           return (
             // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- FIXME
             /* @__PURE__ */ m("div", { className: l("field"), style: { "--column": E + 1, "--row": A }, role: "list", children: U.map((N) => {
-              const L = { ...r, [N.fieldId]: r[I.fieldId]?.[N.fieldId] }, F = Pt(d, { ...N, label: N.key }, l, L, i);
+              const L = { ...r, [N.fieldId]: r[_.fieldId]?.[N.fieldId] }, F = Pt(d, { ...N, label: N.key }, l, L, i);
               return N.type === "title" && (S += 1, S > 1) ? (
                 // eslint-disable-next-line react-x/no-missing-key -- FIXME
                 /* @__PURE__ */ m("div", { style: { marginTop: "40px" }, children: F })
@@ -3415,7 +3415,7 @@ const {
           );
         }
         return A += 1, // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- FIXME
-        /* @__PURE__ */ m("div", { className: l("field"), style: { "--column": E + 1, "--row": A }, role: "list", children: Pt(d, I, l, r, i) }, C);
+        /* @__PURE__ */ m("div", { className: l("field"), style: { "--column": E + 1, "--row": A }, role: "list", children: Pt(d, _, l, r, i) }, C);
       })).filter((C) => !!C);
       return !(p === u.length - 1) && T.length !== 0 ? (E += 2, [
         // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- FIXME
@@ -3492,7 +3492,7 @@ const {
       n.quickEdit ? dc(f, u, t) : null
     ),
     [f, n, u, t, E]
-  ), { addErrors: T, resetQuickEditErrors: R, clearTopLevelErrorsForCard: C, validate: g } = ze(), { hooks: I } = De(), U = async (S, N) => {
+  ), { addErrors: T, resetQuickEditErrors: R, clearTopLevelErrorsForCard: C, validate: g } = ze(), { hooks: _ } = De(), U = async (S, N) => {
     if (S.type === "cancel" && (y((L) => !L), R?.()), S.type === "save" && typeof l == "function") {
       const L = {
         // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access -- FIXME
@@ -3506,18 +3506,18 @@ const {
       });
       if (F.length)
         return;
-      let _;
-      await I.onSubmit(
+      let I;
+      await _.onSubmit(
         "quickEdit",
         L,
         () => {
         },
         // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- FIXME
         (O) => {
-          _ = O;
+          I = O;
         }
-      ), _ && T(_);
-      const B = F.concat(_);
+      ), I && T(I);
+      const B = F.concat(I);
       if (B.length === 0 || B.length === 1 && B[0] === void 0) {
         C();
         const O = b.CollectionPage.getData(a, u), { isDuplicate: P, ...x } = O[t.index];
@@ -3658,16 +3658,16 @@ const {
     () => {
       const N = e.collectionName.split(".");
       let L = b.CollectionPage.mergePages(o || []) || [];
-      return N.reduce((F, _, B) => {
-        const O = B === 0 ? `${F}${_}` : `${F}.${_}`;
+      return N.reduce((F, I, B) => {
+        const O = B === 0 ? `${F}${I}` : `${F}.${I}`;
         return B === N.length - 1 ? L?.find((P) => P.collection?.name === O) || null : (L = L.find((P) => P.collection?.name === O)?.childPages || null, O);
       }, "");
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps -- FIXME
     [o]
   ), R = He(() => e.card.listView ? T.childPages?.reduce((L, F) => {
-    const _ = it(F.components, { ...t, ...E });
-    return L.concat(_);
+    const I = it(F.components, { ...t, ...E });
+    return L.concat(I);
   }, []) || [] : [], [T, t, E, e.card.listView]), C = () => {
     u.length > 0 && d((L) => L.raisedBy === e.id);
     const N = vn(e, T, t, i);
@@ -3678,8 +3678,8 @@ const {
   }, [p]);
   const g = (N, L) => {
     if (typeof n == "function") {
-      const F = [...p], _ = p.findIndex((P) => P.id === L), { isDuplicate: B, ...O } = p[_];
-      F[_] = { ...O }, n({
+      const F = [...p], I = p.findIndex((P) => P.id === L), { isDuplicate: B, ...O } = p[I];
+      F[I] = { ...O }, n({
         type: gt.SAVE_AND_NAVIGATE,
         // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- FIXME
         page: N,
@@ -3697,7 +3697,7 @@ const {
         ]
       });
     }
-  }, I = (N) => {
+  }, _ = (N) => {
     b.CollectionPage.duplicateEntry(
       e.collectionName,
       t,
@@ -3727,7 +3727,7 @@ const {
       }
     }), y(null), C();
   }, S = (N) => {
-    const L = R.find((_) => _.fieldId === N);
+    const L = R.find((I) => I.fieldId === N);
     if (!L) return null;
     const F = qt({ ...T, formData: { ...t, ...E } }, L);
     return (
@@ -3780,7 +3780,7 @@ const {
       }
     ),
     /* @__PURE__ */ m("ul", { className: "collection-summary-card-list", children: p.map((N, L) => {
-      const F = l.filter((O) => O.entryId === N.id).length > 0, _ = {
+      const F = l.filter((O) => O.entryId === N.id).length > 0, I = {
         ...e.card,
         // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access -- FIXME
         ...N.isDuplicate && e.duplicatedCard ? e.duplicatedCard : {},
@@ -3805,9 +3805,9 @@ const {
                 id: B,
                 entryData: { ...N, index: L },
                 masterPage: T,
-                config: _ || {},
+                config: I || {},
                 onFullEdit: g,
-                onDuplicate: I,
+                onDuplicate: _,
                 onDelete: () => y({ ...N, index: L }),
                 onQuickEdit: (O) => (C(), r(O)),
                 parentCollectionName: e.collectionName.split(".").shift(),
@@ -3889,13 +3889,13 @@ const {
   return /* @__PURE__ */ k("div", { className: y(), id: e.id, children: [
     e.label && /* @__PURE__ */ m(nn, { id: e.id, required: e.required, className: y("title"), children: e.label }),
     Array.isArray(i) && i.map((p, A) => {
-      const T = `${e.full_path || e.fieldId}[${A}]`, R = (e.countOffset || 0) + A + 1, C = b.interpolateString(E.item, { ...p, index: R }), g = b.interpolateString(E.remove, { ...p, index: R }), I = e.disableAddAndRemove || A === 0 && e.minimumEntries ? "" : e.removeLocation ?? "start", U = A !== 0 && e.subsequentItemStyle ? e.subsequentItemStyle : {};
+      const T = `${e.full_path || e.fieldId}[${A}]`, R = (e.countOffset || 0) + A + 1, C = b.interpolateString(E.item, { ...p, index: R }), g = b.interpolateString(E.remove, { ...p, index: R }), _ = e.disableAddAndRemove || A === 0 && e.minimumEntries ? "" : e.removeLocation ?? "start", U = A !== 0 && e.subsequentItemStyle ? e.subsequentItemStyle : {};
       return (
         // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- FIXME
         /* @__PURE__ */ k("div", { className: `${y("item")}`, style: U, children: [
           /* @__PURE__ */ k(nn, { id: p.id, required: !0, className: y("item-title"), children: [
             C,
-            I === "start" && /* @__PURE__ */ m(Ce, { onClick: () => f(p), classModifiers: "secondary", children: g })
+            _ === "start" && /* @__PURE__ */ m(Ce, { onClick: () => f(p), classModifiers: "secondary", children: g })
           ] }),
           /* @__PURE__ */ m(
             so,
@@ -3912,13 +3912,13 @@ const {
                   const { firstOnlyLabel: N, ...L } = S;
                   let { hint: F } = S;
                   e.restrictHint && A > 0 && (F = void 0);
-                  let { label: _ } = S;
-                  return A === 0 && (_ = S.firstOnlyLabel ?? S.label), {
+                  let { label: I } = S;
+                  return A === 0 && (I = S.firstOnlyLabel ?? S.label), {
                     ...L,
                     // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- FIXME
                     hint: F,
                     readonly: !!(e?.readonly || S.readonly),
-                    label: b.interpolateString(_, { ...p, index: R }),
+                    label: b.interpolateString(I, { ...p, index: R }),
                     full_path: `${T}.${S.fieldId}`
                   };
                 })
@@ -3930,7 +3930,7 @@ const {
               wrap: o
             }
           ),
-          I === "end" && /* @__PURE__ */ m(tn, { className: "govuk-!-margin-top-2", children: /* @__PURE__ */ m(Ce, { onClick: () => f(p), classModifiers: "secondary", children: g }) })
+          _ === "end" && /* @__PURE__ */ m(tn, { className: "govuk-!-margin-top-2", children: /* @__PURE__ */ m(Ce, { onClick: () => f(p), classModifiers: "secondary", children: g }) })
         ] }, p.id)
       );
     }),
@@ -4032,8 +4032,8 @@ const {
   const T = (C) => {
     let g = e.full_path || e.fieldId;
     if (e.pageCollection) {
-      const I = b.CollectionPage.getActiveIndex(e.pageCollection.name, n);
-      g = `${`${e.pageCollection.name}[${I}]`}.${g}`;
+      const _ = b.CollectionPage.getActiveIndex(e.pageCollection.name, n);
+      g = `${`${e.pageCollection.name}[${_}]`}.${g}`;
     }
     i({
       target: {
@@ -4052,8 +4052,8 @@ const {
       if (e.type === w.FILE)
         T([C.value]);
       else if (e.type === w.MULTI_FILE) {
-        const g = C.value.map((I, U) => ({
-          ...I,
+        const g = C.value.map((_, U) => ({
+          ..._,
           // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- FIXME
           indexInField: U
         }));
@@ -5470,7 +5470,7 @@ const vd = (e, t) => e === "02" ? W().year(t).isLeapYear() ? 29 : 28 : ["04", "0
   hideBlankRows: p = !1,
   optionalFieldPlaceholder: A
 }) => {
-  const [T, R] = $([]), [C, g] = $([]), { errors: I } = ze(), { hooks: U } = De();
+  const [T, R] = $([]), [C, g] = $([]), { errors: _ } = ze(), { hooks: U } = De();
   z(() => {
     const P = (G, Z) => b.CheckYourAnswers.getRows(G, o, U.onGetCYARows).map((q, X) => ({
       ...q,
@@ -5514,7 +5514,7 @@ const vd = (e, t) => e === "02" ? W().year(t).isLeapYear() ? 29 : 28 : ["04", "0
     noGroupAction: f,
     groups: d,
     // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- FIXME
-    errors: I,
+    errors: _,
     sections: E,
     type: y
   });
@@ -5523,7 +5523,7 @@ const vd = (e, t) => e === "02" ? W().year(t).isLeapYear() ? 29 : 28 : ["04", "0
   const F = (P) => (
     // eslint-disable-next-line @typescript-eslint/no-unsafe-argument -- FIXME
     C.includes(P)
-  ), _ = (P) => d?.find((x) => x.pageId === P), B = (P, x) => {
+  ), I = (P) => d?.find((x) => x.pageId === P), B = (P, x) => {
     if (!P.cya_link?.singleChangeLink || u)
       return /* @__PURE__ */ k(Re, { children: [
         x === "s" && /* @__PURE__ */ m(rt, { children: b.FormPage.getTitle(P.title, P.formData) }),
@@ -5537,10 +5537,10 @@ const vd = (e, t) => e === "02" ? W().year(t).isLeapYear() ? 29 : 28 : ["04", "0
       ] }),
       /* @__PURE__ */ m("div", { className: "heading-action", children: /* @__PURE__ */ m(kn, { row: { action: H } }) })
     ] });
-  }, O = () => Array.from(new Set(I.map((x) => x.id))).map((x) => I.find((H) => H.id === x));
+  }, O = () => Array.from(new Set(_.map((x) => x.id))).map((x) => _.find((H) => H.id === x));
   return /* @__PURE__ */ k("div", { className: qd, children: [
     e && !a && /* @__PURE__ */ m(vt, { size: t, children: e }, "heading"),
-    I && I.length > 0 && /* @__PURE__ */ m(Ir, { errors: O() }),
+    _ && _.length > 0 && /* @__PURE__ */ m(Ir, { errors: O() }),
     y === oe.TASK_CYA && T.length > 0 && E && E.map(
       (P) => P.tasks.filter((x) => x.state !== j.TYPES.SKIPPED).map((x, H) => {
         const G = T.filter(
@@ -5579,7 +5579,7 @@ const vd = (e, t) => e === "02" ? W().year(t).isLeapYear() ? 29 : 28 : ["04", "0
       const G = !p || P.collection ? P.rows : P.rows.filter((Ae) => Ae?.value?.props?.value);
       if (G.length === 0)
         return null;
-      const Z = !i && P.title && !F(P.id), K = N(x) || F(H[x].id) || H.length > x + 1 && F(H[x + 1].id) ? Tr : S, q = F(P.id) ? _(P.id) : void 0, X = `govuk-!-margin-bottom-${K}`, me = F(P.id) || u;
+      const Z = !i && P.title && !F(P.id), K = N(x) || F(H[x].id) || H.length > x + 1 && F(H[x + 1].id) ? Tr : S, q = F(P.id) ? I(P.id) : void 0, X = `govuk-!-margin-bottom-${K}`, me = F(P.id) || u;
       return (
         // eslint-disable-next-line react-x/no-array-index-key -- FIXME
         /* @__PURE__ */ k(St, { children: [
@@ -5622,33 +5622,33 @@ const vd = (e, t) => e === "02" ? W().year(t).isLeapYear() ? 29 : 28 : ["04", "0
   let f = b.CollectionPage.getData(e.collection.name, e.formData) || [];
   const d = e.collection.name.split(".").pop();
   let E = b.CollectionPage.getActiveIndex(e.collection.name, e.formData);
-  const y = e, p = ({ target: I }) => {
-    b.CollectionPage.setData(y.collection.name, I.value, e.formData), f = I.value;
+  const y = e, p = ({ target: _ }) => {
+    b.CollectionPage.setData(y.collection.name, _.value, e.formData), f = _.value;
     const U = e.collection.name.split(".").shift();
     u((S) => ({
       ...S,
       // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- FIXME
       [U]: b.CollectionPage.getData(U, e.formData)
     }));
-  }, A = ({ target: I }) => {
-    y.formData[I.name] = I.value, u((U) => ({
+  }, A = ({ target: _ }) => {
+    y.formData[_.name] = _.value, u((U) => ({
       ...U,
       // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access -- FIXME
-      [I.name]: I.value
+      [_.name]: _.value
     }));
-  }, T = (I) => {
+  }, T = (_) => {
     p({
       // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- FIXME
-      target: { value: I }
+      target: { value: _ }
     }), typeof n == "function" && n(e.formData);
-  }, R = (I) => {
+  }, R = (_) => {
     E = f.length, A({
       // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- FIXME
-      target: { name: `${d}ActiveId`, value: I }
+      target: { name: `${d}ActiveId`, value: _ }
     });
-  }, C = (I) => {
-    r(I, c, {});
-  }, g = ({ target: I }) => {
+  }, C = (_) => {
+    r(_, c, {});
+  }, g = ({ target: _ }) => {
     if (E === null) {
       const U = Ft();
       R(U), T([
@@ -5657,18 +5657,18 @@ const vd = (e, t) => e === "02" ? W().year(t).isLeapYear() ? 29 : 28 : ["04", "0
         {
           id: U,
           // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access -- FIXME
-          [I.name]: I.value
+          [_.name]: _.value
         }
       ]);
     } else
-      T([
+      _.value && (!Array.isArray(_.value) || (Array.isArray(_.value) && _.value.length) > 0) && T([
         // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access -- FIXME
         ...f.slice(0, E),
         {
           // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access -- FIXME
           ...f[E],
           // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access -- FIXME
-          [I.name]: I.value
+          [_.name]: _.value
         },
         // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access -- FIXME
         ...f.slice(E + 1)
@@ -5682,8 +5682,8 @@ const vd = (e, t) => e === "02" ? W().year(t).isLeapYear() ? 29 : 28 : ["04", "0
         // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access -- FIXME
         formData: { ...e.formData, ...f[E], [`${d}ActiveIndex`]: E, [`${d}NumberedIndex`]: typeof E == "number" ? E + 1 : null },
         // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-return -- FIXME
-        components: e.components.map((I) => ({
-          ...I,
+        components: e.components.map((_) => ({
+          ..._,
           pageCollection: { ...e.collection }
         }))
       },
@@ -5748,7 +5748,7 @@ const vd = (e, t) => e === "02" ? W().year(t).isLeapYear() ? 29 : 28 : ["04", "0
   const p = v.classBuilder(c, u, f), A = v.cleanHtmlAttributes(y), [T, R] = i.filter((S) => !S.skipped).reduce((S, N) => [
     S[0] + (N.tasks?.filter((L) => L.state === j.TYPES.COMPLETE).length ?? 0),
     S[1] + (N.tasks?.filter((L) => L.state !== j.TYPES.SKIPPED).length ?? 0)
-  ], [0, 0]), C = `${e}Notes`, { title: g, text: I } = r && r || {}, U = (S) => {
+  ], [0, 0]), C = `${e}Notes`, { title: g, text: _ } = r && r || {}, U = (S) => {
     typeof a == "function" && a(S);
   };
   return /* @__PURE__ */ k("div", { ...A, id: e, className: p(), children: [
@@ -5764,9 +5764,9 @@ const vd = (e, t) => e === "02" ? W().year(t).isLeapYear() ? 29 : 28 : ["04", "0
     ),
     o && R !== T && /* @__PURE__ */ m("p", { className: "govuk-body govuk-!-margin-bottom-0", children: /* @__PURE__ */ m("strong", { className: "tasklist-summary", children: s }) }),
     o && /* @__PURE__ */ m("p", { className: "govuk-body govuk-!-margin-bottom-7", children: `You have completed ${T} of ${R} sections` }),
-    g && I && Ne(r, d) && /* @__PURE__ */ k(Re, { children: [
+    g && _ && Ne(r, d) && /* @__PURE__ */ k(Re, { children: [
       /* @__PURE__ */ m("p", { className: "govuk-body govuk-!-margin-bottom-0", children: /* @__PURE__ */ m("strong", { className: "tasklist-summary", children: v.interpolateString(g, d) }) }),
-      /* @__PURE__ */ m(Dr, { id: C, fieldId: C, readOnly: !0, value: v.interpolateString(I, d) })
+      /* @__PURE__ */ m(Dr, { id: C, fieldId: C, readOnly: !0, value: v.interpolateString(_, d) })
     ] }),
     i.filter((S) => !S.skipped).map(
       (S, N) => /* @__PURE__ */ k(St, { children: [
@@ -6211,14 +6211,14 @@ const io = (e, t) => {
         () => {
           T(!1), y(ie.HUB);
         },
-        (I) => {
-          T(!1), Se.submissionError(I, d);
+        (_) => {
+          T(!1), Se.submissionError(_, d);
         }
       );
     }
     if (t.type === J.TYPES.SUBMIT && E === ge.TASK && (e("submit"), C)) {
-      const g = b.Format.form({ pages: n, components: o }, { ...i }, Pe.SUBMIT), I = { pages: n, components: o };
-      ee.clearOutUncompletedRoutes(s, I, g), g.formStatus = ee.getSubmissionStatus(a, n, c, t, g, u, !0), l(g), f.onSubmit(
+      const g = b.Format.form({ pages: n, components: o }, { ...i }, Pe.SUBMIT), _ = { pages: n, components: o };
+      ee.clearOutUncompletedRoutes(s, _, g), g.formStatus = ee.getSubmissionStatus(a, n, c, t, g, u, !0), l(g), f.onSubmit(
         t.type,
         g,
         () => {
@@ -6237,8 +6237,8 @@ const io = (e, t) => {
         () => {
           T(!1), y(t.page);
         },
-        (I) => {
-          T(!1), Se.submissionError(I, d);
+        (_) => {
+          T(!1), Se.submissionError(_, d);
         }
       );
     }
@@ -6250,8 +6250,8 @@ const io = (e, t) => {
         () => {
           a === oe.TASK ? y(void 0) : y(ie.HUB), T(!1);
         },
-        (I) => {
-          T(!1), Se.submissionError(I, d);
+        (_) => {
+          T(!1), Se.submissionError(_, d);
         }
       );
     }
@@ -6260,7 +6260,7 @@ const io = (e, t) => {
       f.onCancel(g), T(!1);
     }
   }
-}, br = (e, t, n, r, s, o, i, l, a, c, u, f, d, E, y, p, A, T, R, C, g, I) => {
+}, br = (e, t, n, r, s, o, i, l, a, c, u, f, d, E, y, p, A, T, R, C, g, _) => {
   const U = { ...s }, S = o, N = r.onAction(S.page.formData, t, s, e.customAction);
   S.page.formData = N.formData;
   let L = N.patch;
@@ -6268,25 +6268,25 @@ const io = (e, t) => {
     r.onCancel(S.page.formData), g(!1);
     return;
   }
-  if (ee.canActionProceed(e, S.page, i.page, I) && (!C || e.ignoreSubmittingFlag))
-    if (L = ee.cleanHiddenNestedData(L, S.page), g(!0), e.addToFormData && ((Array.isArray(e.addToFormData) ? e.addToFormData : [e.addToFormData]).forEach((_) => {
-      _.isCollection ? $n(_.field, _.value, o.page.formData) : b.Data.setDataItem(o.page.formData, _.field, _.value);
+  if (ee.canActionProceed(e, S.page, i.page, _) && (!C || e.ignoreSubmittingFlag))
+    if (L = ee.cleanHiddenNestedData(L, S.page), g(!0), e.addToFormData && ((Array.isArray(e.addToFormData) ? e.addToFormData : [e.addToFormData]).forEach((I) => {
+      I.isCollection ? $n(I.field, I.value, o.page.formData) : b.Data.setDataItem(o.page.formData, I.field, I.value);
     }), S.page.formData[e.addToFormData.field] = e.addToFormData.value), e.type === J.TYPES.NAVIGATE)
       Se.navigate(e, d, l), g(!1);
     else {
-      let F = (K) => l(ee.getNextPageId(a, u, d, e, K)), _, B;
-      e.collection && (_ = e.collection, B = `addAnother${_.charAt(0).toUpperCase() + _.slice(1)}`.slice(0, -1));
+      let F = (K) => l(ee.getNextPageId(a, u, d, e, K)), I, B;
+      e.collection && (I = e.collection, B = `addAnother${I.charAt(0).toUpperCase() + I.slice(1)}`.slice(0, -1));
       let O, P;
-      switch (_ && (O = S.page.formData[_], O && O.length > 0 && S.page.formData[`${_}ActiveId`] && (P = O.findIndex((K) => K.id === S.page.formData[`${_}ActiveId`]))), e.type) {
+      switch (I && (O = S.page.formData[I], O && O.length > 0 && S.page.formData[`${I}ActiveId`] && (P = O.findIndex((K) => K.id === S.page.formData[`${I}ActiveId`]))), e.type) {
         case J.TYPES.SUBMIT:
           E("submit");
           break;
         case J.TYPES.SAVE_AND_NAVIGATE:
           const K = { ...y };
-          O && O.length > 0 && e.resetActiveId && (S.page.formData[`${_}ActiveId`] = O[0].id), O && O.length > 0 && !e.resetActiveId && (P !== void 0 && P + 1 < S.page.formData[_].length && (S.page.formData[B] = "Yes"), P !== void 0 && P + 1 === S.page.formData[_].length && S.page.formData[B] && (S.page.formData[B] = "No")), F = () => Se.navigate(e, d, l, K);
+          O && O.length > 0 && e.resetActiveId && (S.page.formData[`${I}ActiveId`] = O[0].id), O && O.length > 0 && !e.resetActiveId && (P !== void 0 && P + 1 < S.page.formData[I].length && (S.page.formData[B] = "Yes"), P !== void 0 && P + 1 === S.page.formData[I].length && S.page.formData[B] && (S.page.formData[B] = "No")), F = () => Se.navigate(e, d, l, K);
           break;
         case J.TYPES.COLLECTION_ADD:
-          if (P === void 0 || O.length === 0 || P + 1 === S.page.formData[_].length ? b.CollectionPage.addEntry(e.collection, S.page.formData) : S.page.formData[`${e.collection}ActiveId`] = O[P + 1].id, S.page.formData[`${e.collection}`] && S.page.formData[`${e.collection}`].length > 0) {
+          if (P === void 0 || O.length === 0 || P + 1 === S.page.formData[I].length ? b.CollectionPage.addEntry(e.collection, S.page.formData) : S.page.formData[`${e.collection}ActiveId`] = O[P + 1].id, S.page.formData[`${e.collection}`] && S.page.formData[`${e.collection}`].length > 0) {
             const Ae = S.page.formData[`${e.collection}`].length - 1;
             Object.keys(S.page.formData[`${e.collection}`][Ae]).filter((Q) => Q in S.page.formData && Q !== "id").forEach((Q) => delete S.page.formData[Q]);
           }
@@ -6403,7 +6403,7 @@ const io = (e, t) => {
   viewOnly: T,
   hideBlankRows: R
 }) => {
-  const [C, g] = $({}), [I, U] = $(), [S, N] = $([]), [L, F] = $(void 0), [_, B] = $(ee.getNextPageId(n, o, null, null, a)), [O, P] = $(ee.getFormState(_, S, L)), [x, H] = $({}), [G, Z] = $({}), [K, q] = $("load"), [X, me] = $(!1), [Ae, V] = $(!1), { hooks: Q } = De(), { addErrors: Qe, clearErrors: Ze, errors: ye, validate: Le } = ze();
+  const [C, g] = $({}), [_, U] = $(), [S, N] = $([]), [L, F] = $(void 0), [I, B] = $(ee.getNextPageId(n, o, null, null, a)), [O, P] = $(ee.getFormState(I, S, L)), [x, H] = $({}), [G, Z] = $({}), [K, q] = $("load"), [X, me] = $(!1), [Ae, V] = $(!1), { hooks: Q } = De(), { addErrors: Qe, clearErrors: Ze, errors: ye, validate: Le } = ze();
   window.onpopstate = (Y) => {
     if (!document.location.hash && (Y.state && Y.state.fullPages !== void 0 && H((ne) => ({
       // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access -- FIXME
@@ -6434,16 +6434,16 @@ const io = (e, t) => {
   }, [n, S, B]), z(() => {
     F(b.Hub.get(n, i, s, { ...C }));
   }, [n, i, C, s, F]), z(() => {
-    n === oe.HUB && X && C && O.page?.formData && (O.page.formData = { ...C }), me(!1), P(ee.getFormState(_, S, L));
-  }, [S, L, _, P, n, X, C, O.page]), z(() => {
+    n === oe.HUB && X && C && O.page?.formData && (O.page.formData = { ...C }), me(!1), P(ee.getFormState(I, S, L));
+  }, [S, L, I, P, n, X, C, O.page]), z(() => {
     q(void 0), Q.onFormLoad((Y) => {
       H(Y);
     });
   }, [Q]), z(() => {
     Z(i);
   }, [i]), z(() => {
-    I?.data && (g(I.data), U(void 0));
-  }, [I, g, U]);
+    _?.data && (g(_.data), U(void 0));
+  }, [_, g, U]);
   const Te = i?.sections, M = i?.nonSequential;
   z(() => {
     const Y = x.fullPages;
@@ -6480,7 +6480,7 @@ const io = (e, t) => {
           le
         ), !1) : !0)
       )
-    ), Y && Se.cyaAction(Y, _, le);
+    ), Y && Se.cyaAction(Y, I, le);
   }, mt = b.classBuilder(c, u, f);
   if (L === ge.TASK) {
     const Y = l;
@@ -6491,7 +6491,7 @@ const io = (e, t) => {
   }
   const { noTaskCYAs: Vn, nonSequential: Be, ...po } = G;
   return /* @__PURE__ */ k("div", { className: mt(), children: [
-    e && !E && _ === ie.HUB && /* @__PURE__ */ m(vt, { size: t, children: e }),
+    e && !E && I === ie.HUB && /* @__PURE__ */ m(vt, { size: t, children: e }),
     O.cya && /* @__PURE__ */ m(
       Kd,
       {
@@ -6510,7 +6510,7 @@ const io = (e, t) => {
             C,
             g,
             n,
-            _,
+            I,
             x,
             Q,
             Qe,
@@ -6569,7 +6569,7 @@ const io = (e, t) => {
             r,
             S,
             s,
-            _,
+            I,
             q,
             x,
             g,
@@ -6586,7 +6586,7 @@ const io = (e, t) => {
         classModifiers: O.page.classModifiers,
         className: O.page.className,
         submitting: Ae,
-        pageId: _
+        pageId: I
       }
     ),
     O.page && !O.cya && O.page.collection && /* @__PURE__ */ m(
@@ -6609,7 +6609,7 @@ const io = (e, t) => {
             r,
             S,
             s,
-            _,
+            I,
             q,
             x,
             g,