@planning-inspectorate/dynamic-forms 3.15.6 → 3.17.0

package/src/components/date/question.js

@@ -8,7 +8,7 @@ const DEFAULT_DATE_FORMAT = 'd MMMM yyyy';
  */
 export class DateQuestion extends Question {
 	/**
-	 * @param {import('../../questions/question-props.d.ts').DateQuestionParams} params
+	 * @param {import('#typedefs/question-props.d.ts').DateQuestionParams} params
 	 */
 	constructor({ dateFormat = DEFAULT_DATE_FORMAT, ...parentParams }) {
 		super({
@@ -71,22 +71,13 @@ export class DateQuestion extends Question {
 	}
 
 	/**
-	 * returns the formatted answers values to be used to build task list elements
-	 * @type {Question['formatAnswerForSummary']}
+	 * Formats a date answer for display in the summary.
+	 * @param {unknown} answer - the date value
+	 * @returns {string} the formatted date
 	 */
-	formatAnswerForSummary(sectionSegment, journey, answer) {
-		let formattedAnswer;
-
-		if (answer) {
-			formattedAnswer = formatDateForDisplay(answer, { format: this.dateFormat });
-		} else {
-			formattedAnswer = this.notStartedText;
-		}
-
-		const action = this.getAction(sectionSegment, journey, answer);
-		const key = this.title ?? this.question;
-
-		return [{ key: key, value: formattedAnswer, action: action }];
+	formatAnswer(answer) {
+		if (!answer) return this.notStartedText;
+		return formatDateForDisplay(answer, { format: this.dateFormat });
 	}
 }
 

package/{types/src → src}/components/date-period/question.d.ts

@@ -4,9 +4,9 @@
  */
 export class DatePeriodQuestion extends Question {
     /**
-     * @param {import('../../questions/question-props.d.ts').DatePeriodQuestionParams} params
+     * @param {import('#typedefs/question-props.d.ts').DatePeriodQuestionParams} params
      */
-    constructor({ dateFormat, hint, labels, hintStart, startTime, hintEnd, endTime, ...parentParams }: import("../../questions/question-props.d.ts").DatePeriodQuestionParams);
+    constructor({ dateFormat, hint, labels, hintStart, startTime, hintEnd, endTime, ...parentParams }: import("#typedefs/question-props.d.ts").DatePeriodQuestionParams);
     dateFormat: string;
     labels: {
         start: string;
@@ -14,8 +14,8 @@ export class DatePeriodQuestion extends Question {
     };
     hintStart: string | undefined;
     hintEnd: string | undefined;
-    startTime: import("../../questions/question-props.d.ts").TimeComponents;
-    endTime: import("../../questions/question-props.d.ts").TimeComponents;
+    startTime: import("#typedefs/question-props.d.ts").TimeComponents;
+    endTime: import("#typedefs/question-props.d.ts").TimeComponents;
     /**
      * Get the data to save from the request, returns an object of answers
      * @param {import('express').Request} req
@@ -25,6 +25,14 @@ export class DatePeriodQuestion extends Question {
     answerForViewModel(answers: any, isPayload: any): {
         [x: string]: any;
     };
+    /**
+     * returns the formatted answers values to be used to build task list elements
+     */
+    formatAnswerForSummary(sectionSegment: any, journey: any, answer: any): {
+        key: string;
+        value: string;
+        action: import("#typedefs/question-types.d.ts").ActionView | import("#typedefs/question-types.d.ts").ActionView[] | undefined;
+    }[];
 }
 export default DatePeriodQuestion;
 import { Question } from '#question';

package/src/components/date-period/question.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"question.d.ts","sourceRoot":"","sources":["question.js"],"names":[],"mappings":"AAOA;;;GAGG;AACH;IACC;;OAEG;IACH,mGAFW,OAAO,+BAA+B,EAAE,wBAAwB,EAuB1E;IAPA,mBAA4B;IAC5B;;;MAAsD;IAEtD,8BAA0B;IAC1B,4BAAsB;IACtB,kEAA+D;IAC/D,gEAA2D;IAkB5D;;;;;OAKG,CACH,mBAJW,OAAO,SAAS,EAAE,OAAO,mBACzB,OAAO,mBAAmB,EAAE,eAAe,GACzC,OAAO,CAAE,MAAM,CAAC,CAgC5B;IAED;;MAuCC;IAWD;;OAEG;IACH;;;;QAyBC;CACD;;yBAzKwB,WAAW"}

package/src/components/date-period/question.js

@@ -11,7 +11,7 @@ const DEFAULT_DATE_FORMAT = 'HH:mm d MMMM yyyy';
  */
 export class DatePeriodQuestion extends Question {
 	/**
-	 * @param {import('../../questions/question-props.d.ts').DatePeriodQuestionParams} params
+	 * @param {import('#typedefs/question-props.d.ts').DatePeriodQuestionParams} params
 	 */
 	constructor({
 		dateFormat = DEFAULT_DATE_FORMAT,
@@ -131,7 +131,7 @@ export class DatePeriodQuestion extends Question {
 	}
 
 	/**
-	 * @param {import('#question').QuestionViewModel} viewModel
+	 * @param {import('#typedefs/question-types.d.ts').QuestionViewModel} viewModel
 	 */
 	addCustomDataToViewModel(viewModel) {
 		viewModel.labels = this.labels;
@@ -141,7 +141,6 @@ export class DatePeriodQuestion extends Question {
 
 	/**
 	 * returns the formatted answers values to be used to build task list elements
-	 * @type {Question['formatAnswerForSummary']}
 	 */
 	formatAnswerForSummary(sectionSegment, journey, answer) {
 		let formattedAnswer;

package/{types/src → src}/components/date-time/question.d.ts

@@ -2,9 +2,9 @@ export class DateTimeQuestion extends Question {
     static AM: string;
     static PM: string;
     /**
-     * @param {import('../../questions/question-props.d.ts').DateTimeQuestionParams} params
+     * @param {import('#typedefs/question-props.d.ts').DateTimeQuestionParams} params
      */
-    constructor({ dateFormat, timeFormat, ...parentParams }: import("../../questions/question-props.d.ts").DateTimeQuestionParams);
+    constructor({ dateFormat, timeFormat, ...parentParams }: import("#typedefs/question-props.d.ts").DateTimeQuestionParams);
     dateFormat: string;
     timeFormat: string;
     /**

package/src/components/date-time/question.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"question.d.ts","sourceRoot":"","sources":["question.js"],"names":[],"mappings":"AAMA;IACC,kBAAiB;IACjB,kBAAiB;IAEjB;;OAEG;IACH,yDAFW,OAAO,+BAA+B,EAAE,sBAAsB,EASxE;IAFA,mBAA4B;IAC5B,mBAA4B;IAkB7B;;;;;OAKG,CACH,mBAJW,OAAO,SAAS,EAAE,OAAO,mBACzB,eAAe,GACb,OAAO,CAAE,MAAM,CAAC,CAqB5B;IAED;;MAqCC;;CA2BD;;yBAhIwB,6BAA6B"}

package/src/components/date-time/question.js

@@ -9,7 +9,7 @@ export class DateTimeQuestion extends Question {
 	static PM = 'pm';
 
 	/**
-	 * @param {import('../../questions/question-props.d.ts').DateTimeQuestionParams} params
+	 * @param {import('#typedefs/question-props.d.ts').DateTimeQuestionParams} params
 	 */
 	constructor({ dateFormat = DEFAULT_DATE_FORMAT, timeFormat = DEFAULT_TIME_FORMAT, ...parentParams }) {
 		super({
@@ -102,20 +102,11 @@ export class DateTimeQuestion extends Question {
 	}
 
 	/**
-	 * returns the formatted answers values to be used to build task list elements
-	 * @type {Question['formatAnswerForSummary']}
+	 * Formats a date-time answer for display in the summary.
+	 * @param {unknown} answer - the date value
+	 * @returns {string} the formatted date and time
 	 */
-	formatAnswerForSummary(sectionSegment, journey, answer) {
-		return [
-			{
-				key: this.title,
-				value: this.#formatDateTimeValue(answer),
-				action: this.getAction(sectionSegment, journey, answer)
-			}
-		];
-	}
-
-	#formatDateTimeValue(answer) {
+	formatAnswer(answer) {
 		if (!answer) return this.notStartedText;
 
 		const formattedDate = formatDateForDisplay(answer, { format: this.dateFormat });

package/src/components/email/question.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Email input question that extends SingleLineInputQuestion
+ * Automatically sets the input type to "email" and adds appropriate attributes
+ * @class
+ */
+export class EmailQuestion extends SingleLineInputQuestion {
+    /**
+     * @param {import('#typedefs/question-props.d.ts').EmailQuestionParams} params
+     */
+    constructor(params: import("#typedefs/question-props.d.ts").EmailQuestionParams);
+    /**
+     * Override formatAnswerForSummary to prevent capitalization of email addresses
+     * Email addresses should remain in their original case (typically lowercase)
+     * @param {string} sectionSegment
+     * @param {import('#journey').Journey} journey
+     * @param {string} answer
+     * @returns {Array}
+     */
+    formatAnswerForSummary(sectionSegment: string, journey: import("#journey").Journey, answer: string): any[];
+}
+export default EmailQuestion;
+import SingleLineInputQuestion from '../single-line-input/question.js';
+//# sourceMappingURL=question.d.ts.map

package/src/components/email/question.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"question.d.ts","sourceRoot":"","sources":["question.js"],"names":[],"mappings":"AAEA;;;;GAIG;AACH;IACC;;OAEG;IACH,oBAFW,OAAO,+BAA+B,EAAE,mBAAmB,EAmBrE;IAED;;;;;;;OAOG;IACH,uCALW,MAAM,WACN,OAAO,UAAU,EAAE,OAAO,UAC1B,MAAM,SAMhB;CACD;;oCA1CmC,kCAAkC"}

package/src/components/email/question.js

@@ -1,13 +1,5 @@
 import SingleLineInputQuestion from '../single-line-input/question.js';
 
-/**
- * @typedef {import('#question').QuestionViewModel} QuestionViewModel
- * @typedef {import('#journey').Journey} Journey
- * @typedef {import('#journey-response').JourneyResponse} JourneyResponse
- * @typedef {import('../../section').Section} Section
- * @typedef {import('../../validator/base-validator')} BaseValidator
- */
-
 /**
  * Email input question that extends SingleLineInputQuestion
  * Automatically sets the input type to "email" and adds appropriate attributes
@@ -15,7 +7,7 @@ import SingleLineInputQuestion from '../single-line-input/question.js';
  */
 export class EmailQuestion extends SingleLineInputQuestion {
 	/**
-	 * @param {import('../../questions/question-props.d.ts').EmailQuestionParams} params
+	 * @param {import('#typedefs/question-props.d.ts').EmailQuestionParams} params
 	 */
 	constructor(params) {
 		// Set default input attributes for email

package/src/components/manage-list/answer-summary-list.njk

@@ -2,7 +2,7 @@
 {% for question in answers %}
     <li>
     {% for value in question %}
-        {{ value.answer }}{% if not loop.last %}<br>{% endif %}
+        {{ value.answer | safe }}{% if not loop.last %}<br>{% endif %}
 
     {% endfor %}
     </li>

package/src/components/manage-list/manage-list-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manage-list-actions.d.ts","sourceRoot":"","sources":["manage-list-actions.js"],"names":[],"mappings":"AAAA;;;GAGG;AACH,kCAFU,QAAQ,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAC,CAAC,CAM5D"}

package/src/components/manage-list/manage-list-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manage-list-section.d.ts","sourceRoot":"","sources":["manage-list-section.js"],"names":[],"mappings":"AAEA;;GAEG;AACH;IACC,cAEC;IAED;;;;;;OAMG;IACH,2BAFa,OAAO,CAInB;IAED;;;;;OAKG;IACH,sBAJW,OAAO,6BAA6B,EAAE,QAAQ,sBAC9C,OAAO,0BAA0B,EAAE,iBAAiB,GAClD,IAAI,CAYhB;CACD;wBAtCuB,kBAAkB"}

package/{types/src → src}/components/manage-list/question.d.ts

@@ -7,19 +7,22 @@
  */
 export class ManageListQuestion extends Question {
     /**
-     * @param {import('../../questions/question-props.d.ts').ManageListQuestionParams} params
+     * @param {import('#typedefs/question-props.d.ts').ManageListQuestionParams} params
      */
-    constructor(params: import("../../questions/question-props.d.ts").ManageListQuestionParams);
+    constructor(params: import("#typedefs/question-props.d.ts").ManageListQuestionParams);
     get confirmationQuestionParam(): string;
     getDataToSave(req: any, journeyResponse: any): Promise<{
         answers: {
             [x: string]: any;
         };
     }>;
+    /**
+     * returns the formatted answers values to be used to build task list elements
+     */
     formatAnswerForSummary(sectionSegment: any, journey: any, answer: any): {
         key: string;
         value: string;
-        action: import("../../controller.js").ActionView | import("../../controller.js").ActionView[] | undefined;
+        action: import("#typedefs/question-types.d.ts").ActionView | import("#typedefs/question-types.d.ts").ActionView[] | undefined;
     }[];
     renderConfirmationAction(res: any, itemToRemove: any, viewModel: any): void;
     set section(section: import("../../section.js").Section);

package/src/components/manage-list/question.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"question.d.ts","sourceRoot":"","sources":["question.js"],"names":[],"mappings":"AAKA;;;;;;GAMG;AAEH;IAOC;;OAEG;IACH,oBAFW,OAAO,+BAA+B,EAAE,wBAAwB,EAe1E;IAcD,wCAEC;IAyDD;;;;OAMC;IAED;;OAEG;IACH;;;;QAsBC;IAED,4EAQC;IAoCD,yDAEC;IATD,kDAKC;;CAKD;;;;;;mBAxLa,MAAM;;;;;;;;;;;;;;yBAPK,WAAW"}

package/src/components/manage-list/question.js

@@ -19,7 +19,7 @@ export class ManageListQuestion extends Question {
 	#confirmationQuestionParam;
 
 	/**
-	 * @param {import('../../questions/question-props.d.ts').ManageListQuestionParams} params
+	 * @param {import('#typedefs/question-props.d.ts').ManageListQuestionParams} params
 	 */
 	constructor(params) {
 		super({
@@ -53,7 +53,7 @@ export class ManageListQuestion extends Question {
 	}
 
 	/**
-	 * @param {import('#question').QuestionViewModel} viewModel
+	 * @param {import('#typedefs/question-types.d.ts').QuestionViewModel} viewModel
 	 */
 	addCustomDataToViewModel(viewModel) {
 		viewModel.question.addAnotherLink = this.#addAnotherLink;
@@ -115,6 +115,9 @@ export class ManageListQuestion extends Question {
 		};
 	}
 
+	/**
+	 * returns the formatted answers values to be used to build task list elements
+	 */
 	formatAnswerForSummary(sectionSegment, journey, answer) {
 		let formattedAnswer = this.notStartedText;
 		if (answer && Array.isArray(answer)) {

package/{types/src → src}/components/manage-list/utils.d.ts

@@ -11,8 +11,8 @@ export function answerObjectForManageList(response: import("../../journey/journe
  *
  * @param {import('../../journey/journey-response.js').JourneyResponse} response
  * @param {import('./question.js')} manageListQuestion
- * @param {import('../../journey/journey-types.js').RouteParams} params
- * @returns {import('../../journey/journey-types.js').ManageListAnswers}
+ * @param {import('#typedefs/journey-types.d.ts').RouteParams} params
+ * @returns {import('#typedefs/journey-types.d.ts').ManageListAnswers}
  */
-export function answerObjectForManageListSaving(response: import("../../journey/journey-response.js").JourneyResponse, manageListQuestion: typeof import("./question.js"), params: import("../../journey/journey-types.js").RouteParams): import("../../journey/journey-types.js").ManageListAnswers;
+export function answerObjectForManageListSaving(response: import("../../journey/journey-response.js").JourneyResponse, manageListQuestion: typeof import("./question.js"), params: import("#typedefs/journey-types.d.ts").RouteParams): import("#typedefs/journey-types.d.ts").ManageListAnswers;
 //# sourceMappingURL=utils.d.ts.map

package/src/components/manage-list/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["utils.js"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,oDALW,OAAO,mCAAmC,EAAE,eAAe,wEAE3D,MAAM,GACJ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAQnC;AAED;;;;;;;GAOG;AACH,0DALW,OAAO,mCAAmC,EAAE,eAAe,8DAE3D,OAAO,8BAA8B,EAAE,WAAW,GAChD,OAAO,8BAA8B,EAAE,iBAAiB,CAapE"}

package/src/components/manage-list/utils.js

@@ -18,8 +18,8 @@ export function answerObjectForManageList(response, manageListQuestion, manageLi
  *
  * @param {import('../../journey/journey-response.js').JourneyResponse} response
  * @param {import('./question.js')} manageListQuestion
- * @param {import('../../journey/journey-types.js').RouteParams} params
- * @returns {import('../../journey/journey-types.js').ManageListAnswers}
+ * @param {import('#typedefs/journey-types.d.ts').RouteParams} params
+ * @returns {import('#typedefs/journey-types.d.ts').ManageListAnswers}
  */
 export function answerObjectForManageListSaving(response, manageListQuestion, params) {
 	const answersList =

package/src/components/multi-field-input/question.d.ts

@@ -0,0 +1,52 @@
+/**
+ * @class
+ */
+export class MultiFieldInputQuestion extends Question {
+    /**
+     * @param {import('#typedefs/question-props.d.ts').MultiFieldInputQuestionParams} params
+     */
+    constructor({ inputFields, ...parentParams }: import("#typedefs/question-props.d.ts").MultiFieldInputQuestionParams);
+    inputFields: import("#typedefs/question-props.d.ts").InputField[];
+    answerForViewModel(answers: any): {
+        value: string;
+        fieldName: string;
+        label: string;
+        formatJoinString?: string;
+        formatPrefix?: string;
+        formatTextFunction?: (text: string) => string;
+        attributes?: Record<string, string>;
+        suffix?: import("#typedefs/question-props.d.ts").Affix;
+        prefix?: import("#typedefs/question-props.d.ts").Affix;
+        hint?: string;
+        classes?: string;
+        inputmode?: "decimal" | "numeric";
+        pattern?: string;
+    }[];
+    /**
+     * returns the formatted answers values to be used to build task list elements
+     * @param {import('#journey').Journey} journey
+     * @param {string} sectionSegment
+     * @returns {Array<{
+     *   key: string;
+     *   value: string | Object;
+     *   action: {
+     *     href: string;
+     *     text: string;
+     *     visuallyHiddenText: string;
+     *   };
+     * }>}
+     */
+    formatAnswerForSummary(sectionSegment: string, journey: import("#journey").Journey): Array<{
+        key: string;
+        value: string | Object;
+        action: {
+            href: string;
+            text: string;
+            visuallyHiddenText: string;
+        };
+    }>;
+    #private;
+}
+export default MultiFieldInputQuestion;
+import { Question } from '#question';
+//# sourceMappingURL=question.d.ts.map

package/src/components/multi-field-input/question.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"question.d.ts","sourceRoot":"","sources":["question.js"],"names":[],"mappings":"AAIA;;GAEG;AACH;IACC;;OAEG;IACH,8CAFW,OAAO,+BAA+B,EAAE,6BAA6B,EAa/E;IAJC,kEAA8B;IAchC;;;;;;;;;;;;;;QAOC;IAsBD;;;;;;;;;;;;;OAaG;IACH,uCAXW,MAAM,WADN,OAAO,UAAU,EAAE,OAAO,GAExB,KAAK,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;QACvB,MAAM,EAAE;YACN,IAAI,EAAE,MAAM,CAAC;YACb,IAAI,EAAE,MAAM,CAAC;YACb,kBAAkB,EAAE,MAAM,CAAC;SAC5B,CAAC;KACH,CAAC,CAkBJ;;CAyBD;;yBApHwB,WAAW"}

package/src/components/multi-field-input/question.js

@@ -2,20 +2,12 @@ import { Question } from '#question';
 import escape from 'escape-html';
 import { nl2br } from '../../lib/utils.js';
 
-/**
- * @typedef {import('#question').QuestionViewModel} QuestionViewModel
- * @typedef {import('#journey').Journey} Journey
- * @typedef {import('#journey-response').JourneyResponse} JourneyResponse
- * @typedef {import('../../section').Section} Section
- * @typedef {import('../../validator/base-validator')} BaseValidator
- */
-
 /**
  * @class
  */
 export class MultiFieldInputQuestion extends Question {
 	/**
-	 * @param {import('../../questions/question-props.d.ts').MultiFieldInputQuestionParams} params
+	 * @param {import('#typedefs/question-props.d.ts').MultiFieldInputQuestionParams} params
 	 */
 	constructor({ inputFields, ...parentParams }) {
 		super({
@@ -50,7 +42,7 @@ export class MultiFieldInputQuestion extends Question {
 	/**
 	 * Get the data to save from the request, returns an object of answers
 	 * @param {import('express').Request} req
-	 * @param {JourneyResponse} journeyResponse - current journey response, modified with the new answers
+	 * @param {import('#journey-response').JourneyResponse} journeyResponse - current journey response, modified with the new answers
 	 * @returns {Promise<{ answers: Record<string, unknown> }>}
 	 */ //eslint-disable-next-line no-unused-vars -- journeyResponse kept for other questions to use
 	async getDataToSave(req, journeyResponse) {
@@ -69,8 +61,8 @@ export class MultiFieldInputQuestion extends Question {
 
 	/**
 	 * returns the formatted answers values to be used to build task list elements
-	 * @param {Journey} journey
-	 * @param {String} sectionSegment
+	 * @param {import('#journey').Journey} journey
+	 * @param {string} sectionSegment
 	 * @returns {Array<{
 	 *   key: string;
 	 *   value: string | Object;
@@ -101,7 +93,7 @@ export class MultiFieldInputQuestion extends Question {
 
 	/**
 	 * checks whether any answers have been provided for input field questions
-	 * @param {Journey} journey
+	 * @param {import('#journey').Journey} journey
 	 * @returns {boolean}
 	 */
 	#allQuestionsUnanswered(journey) {

package/src/components/number-entry/question.d.ts

@@ -0,0 +1,12 @@
+export class NumberEntryQuestion extends Question {
+    /**
+     * @param {import('#typedefs/question-props.d.ts').NumberEntryQuestionParams} params
+     */
+    constructor({ label, suffix, ...parentParams }: import("#typedefs/question-props.d.ts").NumberEntryQuestionParams);
+    suffix: string | undefined;
+    label: string | undefined;
+    answerForViewModel(answers: any): string | number;
+}
+export default NumberEntryQuestion;
+import { Question } from '#question';
+//# sourceMappingURL=question.d.ts.map

package/src/components/number-entry/question.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"question.d.ts","sourceRoot":"","sources":["question.js"],"names":[],"mappings":"AAGA;IACC;;OAEG;IACH,gDAFW,OAAO,+BAA+B,EAAE,yBAAyB,EAW3E;IAFA,2BAAoB;IACpB,0BAAkB;IAGnB,kDAEC;CASD;;yBA7BwB,WAAW"}

package/src/components/number-entry/question.js

@@ -3,12 +3,13 @@ import { getPersistedNumberAnswer } from '../utils/persisted-number-answer.js';
 
 export class NumberEntryQuestion extends Question {
 	/**
-	 * @param {import('../../questions/question-props.d.ts').NumberEntryQuestionParams} params
+	 * @param {import('#typedefs/question-props.d.ts').NumberEntryQuestionParams} params
 	 */
 	constructor({ label, suffix, ...parentParams }) {
 		super({
 			...parentParams,
-			viewFolder: 'number-entry'
+			viewFolder: 'number-entry',
+			capitaliseAnswer: false
 		});
 
 		this.suffix = suffix;
@@ -20,31 +21,12 @@ export class NumberEntryQuestion extends Question {
 	}
 
 	/**
-	 * @param {import('#question').QuestionViewModel} viewModel
+	 * @param {import('#typedefs/question-types.d.ts').QuestionViewModel} viewModel
 	 */
 	addCustomDataToViewModel(viewModel) {
 		viewModel.question.label = this.label;
 		viewModel.question.suffix = this.suffix;
 	}
-
-	/**
-	 * returns the formatted answers values to be used to build task list elements
-	 * @param {unknown} answer
-	 * @param {import('#journey').Journey} journey
-	 * @param {String} sectionSegment
-	 * @returns {Array<{
-	 *   key: string;
-	 *   value: string | Object;
-	 *   action: {
-	 *     href: string;
-	 *     text: string;
-	 *     visuallyHiddenText: string;
-	 *   };
-	 * }>}
-	 */
-	formatAnswerForSummary(sectionSegment, journey, answer) {
-		return super.formatAnswerForSummary(sectionSegment, journey, answer, false);
-	}
 }
 
 export default NumberEntryQuestion;

package/src/components/radio/question.d.ts

@@ -0,0 +1,11 @@
+export class RadioQuestion extends OptionsQuestion {
+    /**
+     * @param {import('#typedefs/question-props.d.ts').RadioQuestionParams} params
+     */
+    constructor({ label, html, legend, viewFolder, ...parentParams }: import("#typedefs/question-props.d.ts").RadioQuestionParams);
+    label: string | undefined;
+    legend: string | undefined;
+}
+export default RadioQuestion;
+import OptionsQuestion from '../../questions/options-question.js';
+//# sourceMappingURL=question.d.ts.map

package/src/components/radio/question.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"question.d.ts","sourceRoot":"","sources":["question.js"],"names":[],"mappings":"AAGA;IACC;;OAEG;IACH,kEAFW,OAAO,+BAA+B,EAAE,mBAAmB,EAWrE;IAFA,0BAAkB;IAClB,2BAAoB;CAuCrB;;4BArD2B,qCAAqC"}

package/src/components/radio/question.js

@@ -1,41 +1,14 @@
+import escape from 'escape-html';
 import OptionsQuestion from '../../questions/options-question.js';
 
 export class RadioQuestion extends OptionsQuestion {
 	/**
-	 * @param {import('../../questions/question-props.d.ts').RadioQuestionParams} params
+	 * @param {import('#typedefs/question-props.d.ts').RadioQuestionParams} params
 	 */
-	constructor({
-		title,
-		question,
-		fieldName,
-		viewFolder,
-		url,
-		hint,
-		pageTitle,
-		description,
-		label,
-		html,
-		legend,
-		options,
-		validators,
-		actionLink,
-		editable,
-		viewData
-	}) {
+	constructor({ label, html, legend, viewFolder, ...parentParams }) {
 		super({
-			title,
-			question,
-			viewFolder: !viewFolder ? 'radio' : viewFolder,
-			fieldName,
-			url,
-			hint,
-			pageTitle,
-			description,
-			options,
-			validators,
-			actionLink,
-			editable,
-			viewData
+			...parentParams,
+			viewFolder: viewFolder || 'radio'
 		});
 
 		this.html = html;
@@ -44,7 +17,7 @@ export class RadioQuestion extends OptionsQuestion {
 	}
 
 	/**
-	 * @param {import('#question').QuestionViewModel} viewModel
+	 * @param {import('#typedefs/question-types.d.ts').QuestionViewModel} viewModel
 	 */
 	addCustomDataToViewModel(viewModel) {
 		viewModel.question.label = this.label;
@@ -52,26 +25,32 @@ export class RadioQuestion extends OptionsQuestion {
 	}
 
 	/**
-	 * returns the formatted answers values to be used to build task list elements
-	 * @param {unknown} answer
-	 * @param {Journey} journey
-	 * @param {String} sectionSegment
-	 * @returns {Array<{ key: string; value: string | Object; action?: ActionView | ActionView[] | undefined; }>}
+	 * Formats an answer value for display in the summary.
+	 * Handles object answers with conditional fields (e.g. { value: 'yes', conditional: { yes: 'details' } })
+	 *
+	 * @param {unknown} answer - the raw answer value
+	 * @returns {string} the formatted answer for display
 	 */
-	formatAnswerForSummary(sectionSegment, journey, answer) {
-		if (answer?.conditional) {
-			const selectedOption = this.options.find((option) => option.value === answer.value);
-			const conditionalAnswerText = selectedOption.conditional?.label
-				? `${selectedOption.conditional.label} ${answer.conditional}`
-				: answer.conditional;
-			const formattedAnswer = [selectedOption.text, conditionalAnswerText].join('\n');
-			return super.formatAnswerForSummary(sectionSegment, journey, formattedAnswer, false);
-		} else if (answer) {
-			const selectedOption = this.options.find((option) => option.value === answer);
-			const selectedText = selectedOption?.text || '';
-			return super.formatAnswerForSummary(sectionSegment, journey, selectedText, false);
+	formatAnswer(answer) {
+		if (answer === null || answer === undefined || answer === '') {
+			return this.notStartedText;
 		}
-		return super.formatAnswerForSummary(sectionSegment, journey, answer);
+
+		// Handle simple string answers
+		if (typeof answer !== 'object' || answer.value === undefined) {
+			return super.formatAnswer(answer);
+		}
+
+		// Handle object answers with conditional fields
+		const option = this.options.find((opt) => opt.value === answer.value);
+		const optionText = escape(option ? option.text : answer.value);
+
+		const conditionalValue = answer.conditional?.[answer.value];
+		if (conditionalValue) {
+			const label = option?.conditional?.label ? `${escape(option.conditional.label)} ` : '';
+			return `${optionText}<br>${label}${escape(conditionalValue)}`;
+		}
+		return optionText;
 	}
 }