@hmlr/govuk-react-components-library 1.0.1

package/dist/index.cjs.js

@@ -0,0 +1,1362 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var govukFrontend = require('govuk-frontend');
+var reactRouterDom = require('react-router-dom');
+var React = require('react');
+
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+function ConfigureOverallAccordion($scope, config) {
+    if (JSON.stringify(config) === JSON.stringify({})) {
+        config = govukFrontend.Accordion.defaults;
+    }
+    govukFrontend.createAll(govukFrontend.Accordion, config, $scope);
+}
+function ExtractAccordionConfigFromAttributes(remainingAttributes) {
+    const accordionTranslations = {};
+    if (remainingAttributes?.hideAllSectionsText) {
+        Object.assign(accordionTranslations, {
+            hideAllSections: remainingAttributes.hideAllSectionsText,
+        });
+        remainingAttributes["data-i18n.hide-all-sections"] =
+            remainingAttributes.hideAllSectionsText;
+        delete remainingAttributes.hideAllSectionsText;
+    }
+    if (remainingAttributes?.hideSectionText) {
+        Object.assign(accordionTranslations, {
+            hideSection: remainingAttributes.hideSectionText,
+        });
+        remainingAttributes["data-i18n.hide-section"] =
+            remainingAttributes.hideSectionText;
+        delete remainingAttributes.hideSectionText;
+    }
+    if (remainingAttributes?.hideSectionAriaLabelText) {
+        Object.assign(accordionTranslations, {
+            hideSectionAriaLabel: remainingAttributes.hideSectionAriaLabelText,
+        });
+        remainingAttributes["data-i18n.hide-section-aria-label"] =
+            remainingAttributes.hideSectionAriaLabelText;
+        delete remainingAttributes.hideSectionAriaLabelText;
+    }
+    if (remainingAttributes?.showAllSectionsText) {
+        Object.assign(accordionTranslations, {
+            showAllSections: remainingAttributes.showAllSectionsText,
+        });
+        remainingAttributes["data-i18n.show-all-sections"] =
+            remainingAttributes.showAllSectionsText;
+        delete remainingAttributes.showAllSectionsText;
+    }
+    if (remainingAttributes?.showSectionText) {
+        Object.assign(accordionTranslations, {
+            showSection: remainingAttributes.showSectionText,
+        });
+        remainingAttributes["data-i18n.show-section"] =
+            remainingAttributes.showSectionText;
+        delete remainingAttributes.showSectionText;
+    }
+    if (remainingAttributes?.showSectionAriaLabelText) {
+        Object.assign(accordionTranslations, {
+            showSectionAriaLabel: remainingAttributes.showSectionAriaLabelText,
+        });
+        remainingAttributes["data-i18n.show-section-aria-label"] =
+            remainingAttributes.showSectionAriaLabelText;
+        delete remainingAttributes.showSectionAriaLabelText;
+    }
+    const accordionConfig = { i18n: accordionTranslations };
+    if (remainingAttributes?.rememberExpanded) {
+        Object.assign(accordionConfig, {
+            rememberExpanded: remainingAttributes.rememberExpanded,
+        });
+        remainingAttributes["data-remember-expanded"] =
+            remainingAttributes.rememberExpanded;
+        delete remainingAttributes.rememberExpanded;
+    }
+    return accordionConfig;
+}
+
+const Accordion = ({ headingLevel: HeadingLevel = "h2", items, className, id, ...attributes }) => {
+    const remainingAttributes = { ...attributes };
+    ExtractAccordionConfigFromAttributes(remainingAttributes);
+    return (jsxRuntime.jsx("div", { ...remainingAttributes, id: id, className: `govuk-accordion ${className || ""}`, "data-module": "govuk-accordion", children: items.filter(Boolean).map((item, index) => (jsxRuntime.jsxs("div", { className: `govuk-accordion__section ${item.expanded ? "govuk-accordion__section--expanded" : ""}`, children: [jsxRuntime.jsxs("div", { className: "govuk-accordion__section-header", children: [jsxRuntime.jsx(HeadingLevel, { className: "govuk-accordion__section-heading", children: jsxRuntime.jsx("span", { className: "govuk-accordion__section-button", id: `${id}-heading-${index + 1}`, children: item.heading.children }) }), item.summary && (jsxRuntime.jsx("div", { className: "govuk-accordion__section-summary govuk-body", id: `${id}-summary-${index + 1}`, children: item.summary.children }))] }), jsxRuntime.jsx("div", { id: `${id}-content-${index + 1}`, className: "govuk-accordion__section-content", "aria-labelledby": `${id}-heading-${index + 1}`, children: item.content.children })] }, item.reactListKey || index))) }));
+};
+
+const LinkWithRef = ({ children, to, href, forwardedRef = null, ...attributes }) => {
+    if (to) {
+        return (jsxRuntime.jsx(reactRouterDom.Link, { ref: forwardedRef, to: to, ...attributes, children: children }));
+    }
+    return (jsxRuntime.jsx("a", { ref: forwardedRef, href: href || "#", ...attributes, children: children }));
+};
+
+const ActionLink = (props) => {
+    const { children, visuallyHiddenText, className, href, to, ...attributes } = props;
+    const contents = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [children, visuallyHiddenText && (jsxRuntime.jsx("span", { className: "govuk-visually-hidden", children: visuallyHiddenText }))] }));
+    return (jsxRuntime.jsx(LinkWithRef, { className: `govuk-link ${className || ""}`, to: to, href: href, ...attributes, children: contents }));
+};
+
+const BackLink = (props) => {
+    const { to, state, children = "Back", className, ...attributes } = props;
+    return (jsxRuntime.jsx(LinkWithRef, { className: `govuk-back-link back-link-style-override ${className || ""}`, to: to, state: state, ...attributes, children: children }));
+};
+
+const ErrorMessage = ({ className, children, visuallyHiddenText = "Error", ...attributes }) => {
+    let visuallyHiddenTextComponent = null;
+    if (visuallyHiddenText) {
+        visuallyHiddenTextComponent = (jsxRuntime.jsxs("span", { className: "govuk-visually-hidden", children: [visuallyHiddenText, ": "] }));
+    }
+    return (jsxRuntime.jsxs("p", { className: `govuk-error-message ${className || ""}`, ...attributes, children: [visuallyHiddenTextComponent, children] }));
+};
+
+const Fieldset = (props) => {
+    const { legend, className, children, ...attributes } = props;
+    let legendComponent;
+    if (legend && legend.children) {
+        legendComponent = (jsxRuntime.jsx("legend", { className: `govuk-fieldset__legend ${legend.className || ""}`, children: legend.isPageHeading ? (jsxRuntime.jsx("h1", { className: "govuk-fieldset__heading", children: legend.children })) : (legend.children) }));
+    }
+    return (jsxRuntime.jsxs("fieldset", { className: `govuk-fieldset ${className || ""}`, ...attributes, children: [legendComponent, children] }));
+};
+
+const Hint = (props) => {
+    const { className, children, ...attributes } = props;
+    return (jsxRuntime.jsx("div", { className: `govuk-hint ${className || ""}`, ...attributes, children: children }));
+};
+
+const Label = ({ className = "", htmlFor, children, isPageHeading, ...attributes }) => {
+    if (!children)
+        return null;
+    const label = (jsxRuntime.jsx("label", { className: `govuk-label ${className}`, htmlFor: htmlFor, ...attributes, children: children }));
+    return isPageHeading ? (jsxRuntime.jsx("h1", { className: "govuk-label-wrapper", children: label })) : (label);
+};
+
+function omit(object, key) {
+    if (!object)
+        return {}; // Return an empty object if `object` is undefined
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const { [key]: deletedKey, ...otherKeys } = object;
+    return otherKeys;
+}
+// export default function omit(object, key) {
+//   // eslint-disable-next-line @typescript-eslint/no-unused-vars
+//   const { [key]: deletedKey, ...otherKeys } = object;
+//   return otherKeys;
+// }
+
+const Boolean$1 = ({ className, errorMessage, fieldset, formGroup, hint, idPrefix, items, controlType, name, onChange, onBlur, "aria-describedby": describedByProp, ...attributes }) => {
+    const idPrefixValue = idPrefix || name;
+    let describedBy = describedByProp || fieldset?.["aria-describedby"] || "";
+    const getHintComponent = () => {
+        if (hint) {
+            const hintId = `${idPrefixValue}-hint`;
+            describedBy += ` ${hintId}`;
+            return jsxRuntime.jsx(Hint, { ...hint, id: hintId });
+        }
+        return null;
+    };
+    const getErrorMessageComponent = () => {
+        if (errorMessage) {
+            const errorId = `${idPrefixValue}-error`;
+            describedBy += ` ${errorId}`;
+            return jsxRuntime.jsx(ErrorMessage, { ...errorMessage, id: errorId });
+        }
+        return null;
+    };
+    const hasFieldset = !!fieldset;
+    const innerHtml = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [getHintComponent(), getErrorMessageComponent(), jsxRuntime.jsx("div", { className: `govuk-${controlType} ${className || ""}`, ...attributes, "data-module": `govuk-${controlType}`, children: items &&
+                    items.map((item, index) => {
+                        if (!item) {
+                            return null;
+                        }
+                        if (item.behaviour === "exclusive") {
+                            delete item.behaviour;
+                        }
+                        const { id, children, hint: itemHint, conditional: itemConditional, behaviour, label, reactListKey, ...itemAttributes } = item;
+                        const idSuffix = `-${index + 1}`;
+                        const idValue = id || `${idPrefixValue}${index === 0 ? "" : idSuffix}`;
+                        const nameValue = item.name ? item.name : name;
+                        const conditionalId = itemConditional?.children
+                            ? `conditional-${idValue}`
+                            : undefined;
+                        const itemHintId = `${idValue}-item-hint`;
+                        let itemDescribedBy = "";
+                        if (controlType === "checkboxes" && !hasFieldset) {
+                            itemDescribedBy = describedBy;
+                        }
+                        if (itemHint) {
+                            itemDescribedBy += ` ${itemHintId}`;
+                        }
+                        if (item.divider) {
+                            return (jsxRuntime.jsx("div", { className: `govuk-${controlType}__divider`, children: item.divider }, reactListKey || index));
+                        }
+                        return (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsxs("div", { className: `govuk-${controlType}__item`, children: [jsxRuntime.jsx("input", { className: `govuk-${controlType}__input`, id: idValue, name: nameValue, type: controlType === "radios" ? "radio" : "checkbox", "data-aria-controls": conditionalId, "aria-describedby": itemDescribedBy || undefined, onChange: onChange, onBlur: onBlur, "data-behaviour": behaviour, ...itemAttributes }), jsxRuntime.jsx(Label, { ...label,
+                                            className: `govuk-${controlType}__label ${label?.className || ""}`,
+                                            htmlFor: idValue,
+                                            isPageHeading: false, children: children }), itemHint ? (jsxRuntime.jsx(Hint, { ...itemHint,
+                                            className: `govuk-${controlType}__hint ${itemHint.className || ""}`, id: itemHintId })) : ("")] }), itemConditional?.children ? (jsxRuntime.jsx("div", { className: `govuk-${controlType}__conditional ${item.checked
+                                        ? ""
+                                        : `govuk-${controlType}__conditional--hidden`}`, id: conditionalId, children: itemConditional.children })) : ("")] }, reactListKey || index));
+                    }) })] }));
+    return (jsxRuntime.jsx("div", { className: `govuk-form-group${errorMessage ? " govuk-form-group--error" : ""} ${formGroup?.className || ""}`, children: hasFieldset ? (jsxRuntime.jsx(Fieldset, { ...omit(fieldset, "role"), "aria-describedby": describedBy.trim() || undefined, children: innerHtml })) : (innerHtml) }));
+};
+
+const Breadcrumbs = (props) => {
+    const { items, className, collapseOnMobile, ...attributes } = props;
+    const breadcrumbs = items
+        ? items.map((item, index) => {
+            const { href, to, reactListKey, children, ...itemAttributes } = item;
+            return href || to ? (jsxRuntime.jsx("li", { className: "govuk-breadcrumbs__list-item", children: jsxRuntime.jsx(LinkWithRef, { href: href, to: to, className: "govuk-breadcrumbs__link", ...itemAttributes, children: children }) }, reactListKey || index)) : (jsxRuntime.jsx("li", { className: "govuk-breadcrumbs__list-item", "aria-current": "page", children: children }, reactListKey || index));
+        })
+        : null;
+    return (jsxRuntime.jsx("div", { className: `govuk-breadcrumbs ${className || ""} ${collapseOnMobile ? "govuk-breadcrumbs--collapse-on-mobile" : ""}`, ...attributes, children: jsxRuntime.jsx("ol", { className: "govuk-breadcrumbs__list", children: breadcrumbs }) }));
+};
+
+const Button = (props) => {
+    const { element, href, to, isStartButton, disabled, className, preventDoubleClick, name, type, children, ...attributes } = props;
+    let el = "";
+    let buttonAttributes = {
+        name,
+        type,
+        ...attributes,
+        "data-module": "govuk-button",
+    };
+    let buttonElement = null;
+    if (element) {
+        el = element;
+    }
+    else if (href || to) {
+        el = "a";
+    }
+    else {
+        el = "button";
+    }
+    let iconHtml;
+    if (isStartButton) {
+        iconHtml = (jsxRuntime.jsx("svg", { className: "govuk-button__start-icon", xmlns: "http://www.w3.org/2000/svg", width: "17.5", height: "19", viewBox: "0 0 33 40", "aria-hidden": "true", focusable: "false", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M0 0h13l20 20-20 20H0l20-20z" }) }));
+    }
+    const commonAttributes = {
+        className: `govuk-button ${className || ""}${disabled ? " govuk-button--disabled" : ""} ${isStartButton ? "govuk-button--start" : ""}`,
+        // ref: buttonRef,
+    };
+    if (preventDoubleClick) {
+        buttonAttributes["data-prevent-double-click"] = preventDoubleClick;
+    }
+    if (disabled) {
+        buttonAttributes = {
+            ...buttonAttributes,
+            "aria-disabled": "true",
+            disabled: true,
+        };
+    }
+    if (el === "a") {
+        const linkAttributes = {
+            ...commonAttributes,
+            role: "button",
+            draggable: "false",
+            ...attributes,
+            "data-module": "govuk-button",
+            href,
+            to,
+        };
+        buttonElement = (jsxRuntime.jsxs(LinkWithRef, { ...linkAttributes, children: [children, iconHtml] }));
+    }
+    else if (el === "button") {
+        buttonElement = (jsxRuntime.jsxs("button", { ...buttonAttributes, ...commonAttributes, children: [children, iconHtml] }));
+    }
+    else if (el === "input") {
+        if (!type) {
+            buttonAttributes.type = "submit";
+        }
+        buttonElement = (jsxRuntime.jsx("input", { value: children, ...buttonAttributes, ...commonAttributes }));
+    }
+    return buttonElement;
+};
+Button.displayName = "Button";
+
+function ConfigureOverallButton($scope, config) {
+    govukFrontend.createAll(govukFrontend.Button, config, $scope);
+}
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+var classnames = {exports: {}};
+
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+var hasRequiredClassnames;
+
+function requireClassnames () {
+	if (hasRequiredClassnames) return classnames.exports;
+	hasRequiredClassnames = 1;
+	(function (module) {
+		/* global define */
+
+		(function () {
+
+			var hasOwn = {}.hasOwnProperty;
+
+			function classNames () {
+				var classes = '';
+
+				for (var i = 0; i < arguments.length; i++) {
+					var arg = arguments[i];
+					if (arg) {
+						classes = appendClass(classes, parseValue(arg));
+					}
+				}
+
+				return classes;
+			}
+
+			function parseValue (arg) {
+				if (typeof arg === 'string' || typeof arg === 'number') {
+					return arg;
+				}
+
+				if (typeof arg !== 'object') {
+					return '';
+				}
+
+				if (Array.isArray(arg)) {
+					return classNames.apply(null, arg);
+				}
+
+				if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+					return arg.toString();
+				}
+
+				var classes = '';
+
+				for (var key in arg) {
+					if (hasOwn.call(arg, key) && arg[key]) {
+						classes = appendClass(classes, key);
+					}
+				}
+
+				return classes;
+			}
+
+			function appendClass (value, newClass) {
+				if (!newClass) {
+					return value;
+				}
+			
+				if (value) {
+					return value + ' ' + newClass;
+				}
+			
+				return value + newClass;
+			}
+
+			if (module.exports) {
+				classNames.default = classNames;
+				module.exports = classNames;
+			} else {
+				window.classNames = classNames;
+			}
+		}()); 
+	} (classnames));
+	return classnames.exports;
+}
+
+var classnamesExports = requireClassnames();
+var classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
+
+const DEFAULT_BREAKPOINTS = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs'];
+const DEFAULT_MIN_BREAKPOINT = 'xs';
+const ThemeContext = /*#__PURE__*/React__namespace.createContext({
+  prefixes: {},
+  breakpoints: DEFAULT_BREAKPOINTS,
+  minBreakpoint: DEFAULT_MIN_BREAKPOINT
+});
+const {
+  Consumer,
+  Provider
+} = ThemeContext;
+function useBootstrapPrefix(prefix, defaultPrefix) {
+  const {
+    prefixes
+  } = React.useContext(ThemeContext);
+  return prefix || prefixes[defaultPrefix] || defaultPrefix;
+}
+
+const CardBody = /*#__PURE__*/React__namespace.forwardRef(({
+  className,
+  bsPrefix,
+  as: Component = 'div',
+  ...props
+}, ref) => {
+  bsPrefix = useBootstrapPrefix(bsPrefix, 'card-body');
+  return /*#__PURE__*/jsxRuntime.jsx(Component, {
+    ref: ref,
+    className: classNames(className, bsPrefix),
+    ...props
+  });
+});
+CardBody.displayName = 'CardBody';
+
+const CardFooter = /*#__PURE__*/React__namespace.forwardRef(({
+  className,
+  bsPrefix,
+  as: Component = 'div',
+  ...props
+}, ref) => {
+  bsPrefix = useBootstrapPrefix(bsPrefix, 'card-footer');
+  return /*#__PURE__*/jsxRuntime.jsx(Component, {
+    ref: ref,
+    className: classNames(className, bsPrefix),
+    ...props
+  });
+});
+CardFooter.displayName = 'CardFooter';
+
+const context = /*#__PURE__*/React__namespace.createContext(null);
+context.displayName = 'CardHeaderContext';
+
+const CardHeader = /*#__PURE__*/React__namespace.forwardRef(({
+  bsPrefix,
+  className,
+  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
+  as: Component = 'div',
+  ...props
+}, ref) => {
+  const prefix = useBootstrapPrefix(bsPrefix, 'card-header');
+  const contextValue = React.useMemo(() => ({
+    cardHeaderBsPrefix: prefix
+  }), [prefix]);
+  return /*#__PURE__*/jsxRuntime.jsx(context.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/jsxRuntime.jsx(Component, {
+      ref: ref,
+      ...props,
+      className: classNames(className, prefix)
+    })
+  });
+});
+CardHeader.displayName = 'CardHeader';
+
+const CardImg = /*#__PURE__*/React__namespace.forwardRef(
+// Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
+({
+  bsPrefix,
+  className,
+  variant,
+  as: Component = 'img',
+  ...props
+}, ref) => {
+  const prefix = useBootstrapPrefix(bsPrefix, 'card-img');
+  return /*#__PURE__*/jsxRuntime.jsx(Component, {
+    ref: ref,
+    className: classNames(variant ? `${prefix}-${variant}` : prefix, className),
+    ...props
+  });
+});
+CardImg.displayName = 'CardImg';
+
+const CardImgOverlay = /*#__PURE__*/React__namespace.forwardRef(({
+  className,
+  bsPrefix,
+  as: Component = 'div',
+  ...props
+}, ref) => {
+  bsPrefix = useBootstrapPrefix(bsPrefix, 'card-img-overlay');
+  return /*#__PURE__*/jsxRuntime.jsx(Component, {
+    ref: ref,
+    className: classNames(className, bsPrefix),
+    ...props
+  });
+});
+CardImgOverlay.displayName = 'CardImgOverlay';
+
+const CardLink = /*#__PURE__*/React__namespace.forwardRef(({
+  className,
+  bsPrefix,
+  as: Component = 'a',
+  ...props
+}, ref) => {
+  bsPrefix = useBootstrapPrefix(bsPrefix, 'card-link');
+  return /*#__PURE__*/jsxRuntime.jsx(Component, {
+    ref: ref,
+    className: classNames(className, bsPrefix),
+    ...props
+  });
+});
+CardLink.displayName = 'CardLink';
+
+var divWithClassName = (className => /*#__PURE__*/React__namespace.forwardRef((p, ref) => /*#__PURE__*/jsxRuntime.jsx("div", {
+  ...p,
+  ref: ref,
+  className: classNames(p.className, className)
+})));
+
+const DivStyledAsH6 = divWithClassName('h6');
+const CardSubtitle = /*#__PURE__*/React__namespace.forwardRef(({
+  className,
+  bsPrefix,
+  as: Component = DivStyledAsH6,
+  ...props
+}, ref) => {
+  bsPrefix = useBootstrapPrefix(bsPrefix, 'card-subtitle');
+  return /*#__PURE__*/jsxRuntime.jsx(Component, {
+    ref: ref,
+    className: classNames(className, bsPrefix),
+    ...props
+  });
+});
+CardSubtitle.displayName = 'CardSubtitle';
+
+const CardText = /*#__PURE__*/React__namespace.forwardRef(({
+  className,
+  bsPrefix,
+  as: Component = 'p',
+  ...props
+}, ref) => {
+  bsPrefix = useBootstrapPrefix(bsPrefix, 'card-text');
+  return /*#__PURE__*/jsxRuntime.jsx(Component, {
+    ref: ref,
+    className: classNames(className, bsPrefix),
+    ...props
+  });
+});
+CardText.displayName = 'CardText';
+
+const DivStyledAsH5 = divWithClassName('h5');
+const CardTitle = /*#__PURE__*/React__namespace.forwardRef(({
+  className,
+  bsPrefix,
+  as: Component = DivStyledAsH5,
+  ...props
+}, ref) => {
+  bsPrefix = useBootstrapPrefix(bsPrefix, 'card-title');
+  return /*#__PURE__*/jsxRuntime.jsx(Component, {
+    ref: ref,
+    className: classNames(className, bsPrefix),
+    ...props
+  });
+});
+CardTitle.displayName = 'CardTitle';
+
+const Card = /*#__PURE__*/React__namespace.forwardRef(({
+  bsPrefix,
+  className,
+  bg,
+  text,
+  border,
+  body = false,
+  children,
+  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
+  as: Component = 'div',
+  ...props
+}, ref) => {
+  const prefix = useBootstrapPrefix(bsPrefix, 'card');
+  return /*#__PURE__*/jsxRuntime.jsx(Component, {
+    ref: ref,
+    ...props,
+    className: classNames(className, prefix, bg && `bg-${bg}`, text && `text-${text}`, border && `border-${border}`),
+    children: body ? /*#__PURE__*/jsxRuntime.jsx(CardBody, {
+      children: children
+    }) : children
+  });
+});
+Card.displayName = 'Card';
+var Card$1 = Object.assign(Card, {
+  Img: CardImg,
+  Title: CardTitle,
+  Subtitle: CardSubtitle,
+  Body: CardBody,
+  Link: CardLink,
+  Text: CardText,
+  Header: CardHeader,
+  Footer: CardFooter,
+  ImgOverlay: CardImgOverlay
+});
+
+const CardColumn = (props) => {
+    const { body, header, link } = props;
+    return (jsxRuntime.jsx("div", { className: "col", children: jsxRuntime.jsxs(Card$1, { className: "card-styles", children: [jsxRuntime.jsx(reactRouterDom.Link, { to: link, children: jsxRuntime.jsx(Card$1.Header, { className: "card-header govuk-!-font-size-27 govuk-!-font-weight-bold", children: header }) }), jsxRuntime.jsx(Card$1.Body, { className: "govuk-!-font-size-19", children: body })] }) }));
+};
+
+const CardLayout = (props) => {
+    const { cardColumns: children, numberOfGridColumns = 3 } = props;
+    const divideByColumn = [];
+    let accumulator = [];
+    children.map((child, index) => {
+        accumulator.push(React.createElement(CardColumn, { ...child, key: `card-column-${index}` }));
+        if (index % numberOfGridColumns === numberOfGridColumns - 1) {
+            divideByColumn.push(jsxRuntime.jsx("div", { className: `row row-cols-1 row-cols-md-${numberOfGridColumns} govuk-!-margin-bottom-8`, children: accumulator }, `card-layout-${index}`));
+            accumulator = [];
+        }
+    });
+    if (accumulator.length > 0) {
+        divideByColumn.push(jsxRuntime.jsx("div", { className: `row row-cols-1 row-cols-md-${numberOfGridColumns} govuk-!-margin-bottom-8`, children: accumulator }, `card-layout-final`));
+    }
+    return jsxRuntime.jsx(jsxRuntime.Fragment, { children: divideByColumn });
+};
+
+const defaultProps$1 = {
+    "aria-describedby": "",
+    rows: 5,
+    id: "",
+    name: "",
+};
+const Textarea = React.forwardRef((props = defaultProps$1, ref) => {
+    const { className, "aria-describedby": describedBy, errorMessage, formGroup, hint, label, id, ...attributes } = props;
+    let describedByValue = describedBy || "";
+    let hintComponent = null;
+    let errorMessageComponent = null;
+    if (hint) {
+        const hintId = `${id}-hint`;
+        describedByValue += ` ${hintId}`;
+        hintComponent = jsxRuntime.jsx(Hint, { ...hint, id: hintId });
+    }
+    if (errorMessage) {
+        const errorId = id ? `${id}-error` : "";
+        describedByValue += ` ${errorId}`;
+        errorMessageComponent = jsxRuntime.jsx(ErrorMessage, { ...errorMessage, id: errorId });
+    }
+    return (jsxRuntime.jsxs("div", { className: `govuk-form-group${errorMessage ? " govuk-form-group--error" : ""} ${formGroup?.className || ""}`, children: [jsxRuntime.jsx(Label, { ...label, htmlFor: id }), hintComponent, errorMessageComponent, jsxRuntime.jsx("textarea", { ...attributes, id: id, ref: ref, className: `govuk-textarea${errorMessage ? " govuk-textarea--error" : ""} ${className || ""}`, "aria-describedby": describedByValue?.trim() || undefined })] }));
+});
+Textarea.displayName = "Textarea";
+
+const CharacterCount = (props) => {
+    const { id, className, maxlength, threshold, maxwords, errorMessage, countMessage, ...attributes } = props;
+    const characterCountInfoId = `${id}-info`;
+    return (jsxRuntime.jsxs("div", { className: "govuk-character-count", "data-module": "govuk-character-count", "data-maxlength": maxlength, "data-threshold": threshold, "data-maxwords": maxwords, children: [jsxRuntime.jsx(Textarea, { id: id, ...attributes, errorMessage: errorMessage, className: `govuk-js-character-count ${className || ""}${errorMessage ? " govuk-textarea--error" : ""}`, "aria-describedby": characterCountInfoId }), jsxRuntime.jsxs(Hint, { id: characterCountInfoId, className: `govuk-hint govuk-character-count__message ${countMessage?.className || ""}`, "aria-live": "polite", children: ["You have ", maxlength || maxwords, " ", maxwords ? "words" : "characters", " ", "remaining"] })] }));
+};
+CharacterCount.displayName = "CharacterCount";
+
+const Checkboxes = (props) => {
+    return jsxRuntime.jsx(Boolean$1, { ...props, controlType: "checkboxes" });
+};
+
+function ConfigureOverallCheckboxes($scope) {
+    govukFrontend.createAll(govukFrontend.Checkboxes, undefined, $scope);
+}
+
+const CookieActions = ({ actions }) => (jsxRuntime.jsx("div", { className: "govuk-button-group", children: actions.map((action, index) => {
+        const { className: actionClassName, children: actionChildren, ...actionProps } = action;
+        return action.href || action.to ? (action.type === "button" || action.type === "submit" ? (jsxRuntime.jsx(Button, { className: actionClassName, ...action }, index)) : (jsxRuntime.jsx(LinkWithRef, { ...actionProps, className: `govuk-link ${actionClassName || ""}`, children: actionChildren }, index))) : (jsxRuntime.jsx(Button, { ...action }, index));
+    }) }));
+const CookieMessage = ({ headingChildren, children, className, actions, }) => (jsxRuntime.jsxs("div", { className: `govuk-cookie-banner__message govuk-width-container ${className || ""}`, children: [jsxRuntime.jsx("div", { className: "govuk-grid-row", children: jsxRuntime.jsxs("div", { className: "govuk-grid-column-two-thirds", children: [headingChildren && (jsxRuntime.jsx("h2", { className: "govuk-cookie-banner__heading govuk-heading-m", children: headingChildren })), jsxRuntime.jsx("div", { className: "govuk-cookie-banner__content", children: typeof children === "string" ? (jsxRuntime.jsx("p", { className: "govuk-body", children: children })) : (children) })] }) }), actions && jsxRuntime.jsx(CookieActions, { actions: actions })] }));
+const CookieBanner = ({ className, messages, "aria-label": ariaLabel = "Cookie banner", ...attributes }) => (jsxRuntime.jsx("div", { className: `govuk-cookie-banner ${className || ""}`, "data-nosnippet": true, role: "region", "aria-label": ariaLabel, ...attributes, children: messages.map((message, index) => (jsxRuntime.jsx(CookieMessage, { headingChildren: message.headingChildren, className: message.className, actions: message.actions, ...message, children: message.children }, index))) }));
+
+const DataNavigation = ({ dataId, setDataFocus, previousText = "Previous", previousCondition, nextText = "Next", nextCondition, dataDescription, }) => {
+    // Helper to render the navigation buttons
+    const renderNavButton = (id, onClick, disabled, content) => (jsxRuntime.jsx(Button, { id: id, onClick: onClick, "data-testid": id, disabled: disabled, children: content }));
+    return (jsxRuntime.jsxs("div", { className: "govuk-grid-row", children: [jsxRuntime.jsx("div", { className: "govuk-grid-column-one-third govuk-!-text-align-left", children: renderNavButton("previous-data", () => setDataFocus(dataId - 1), previousCondition, jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("svg", { className: "govuk-button__start-icon back-button", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", focusable: "false", transform: "rotate(180)", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M8.122 24l-4.122-4 8-8-8-8 4.122-4 11.878 12z" }) }), "\u00A0", previousText] })) }), jsxRuntime.jsx("div", { className: "govuk-grid-column-one-third govuk-!-text-align-centre", children: jsxRuntime.jsx(Label, { children: dataDescription }) }), jsxRuntime.jsx("div", { className: "govuk-grid-column-one-third govuk-!-text-align-right", children: renderNavButton("next-data", () => setDataFocus(dataId + 1), nextCondition, jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [nextText, jsxRuntime.jsx("svg", { className: "govuk-button__start-icon", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", focusable: "false", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M8.122 24l-4.122-4 8-8-8-8 4.122-4 11.878 12z" }) })] })) })] }));
+};
+
+const defaultProps = {
+    type: "text",
+};
+const Input = React.forwardRef((props = defaultProps, ref) => {
+    const { className, "aria-describedby": describedBy, errorMessage, formGroup, hint, label, name, id, prefix, suffix, ...attributes } = props;
+    let describedByValue = describedBy || "";
+    let hintComponent = null;
+    let errorMessageComponent = null;
+    if (hint) {
+        const hintId = `${id}-hint`;
+        describedByValue += ` ${hintId}`;
+        hintComponent = jsxRuntime.jsx(Hint, { ...hint, id: hintId });
+    }
+    if (errorMessage) {
+        const errorId = id ? `${id}-error` : "";
+        describedByValue += ` ${errorId}`;
+        errorMessageComponent = jsxRuntime.jsx(ErrorMessage, { ...errorMessage, id: errorId });
+    }
+    const input = (jsxRuntime.jsx("input", { ref: ref, id: id, className: `govuk-input ${className || ""} ${errorMessage ? " govuk-input--error" : ""}`, name: name || id, "aria-describedby": describedByValue || undefined, ...attributes }));
+    return (jsxRuntime.jsxs("div", { className: `govuk-form-group ${formGroup?.className || ""} ${errorMessage ? "govuk-form-group--error" : ""}`, children: [jsxRuntime.jsx(Label, { ...label, htmlFor: id }), hintComponent, errorMessageComponent, prefix || suffix ? (jsxRuntime.jsxs("div", { className: "govuk-input__wrapper", children: [prefix ? (jsxRuntime.jsx("div", { "aria-hidden": "true", ...prefix,
+                        className: `govuk-input__prefix ${prefix.className ? prefix.className : ""}` })) : null, input, suffix ? (jsxRuntime.jsx("div", { "aria-hidden": "true", ...suffix,
+                        className: `govuk-input__suffix ${suffix.className ? suffix.className : ""}` })) : null] })) : (input)] }));
+});
+Input.displayName = "Input";
+
+const DateInput = (props) => {
+    const { className, errorMessage, fieldset, formGroup, hint, id, items, namePrefix, onChange, ...attributes } = props;
+    let describedBy = fieldset?.["aria-describedby"]
+        ? fieldset["aria-describedby"]
+        : "";
+    let hintComponent;
+    let errorMessageComponent;
+    let dateInputItems = [];
+    if (hint) {
+        const hintId = `${id}-hint`;
+        describedBy += ` ${hintId}`;
+        hintComponent = jsxRuntime.jsx(Hint, { ...hint, id: hintId });
+    }
+    if (errorMessage) {
+        const errorId = id ? `${id}-error` : "";
+        describedBy += ` ${errorId}`;
+        errorMessageComponent = jsxRuntime.jsx(ErrorMessage, { ...errorMessage, id: errorId });
+    }
+    if (items && items.length > 0) {
+        dateInputItems = items;
+    }
+    else {
+        dateInputItems = [
+            {
+                name: "day",
+                className: "govuk-input--width-2",
+                type: "text",
+            },
+            {
+                name: "month",
+                className: "govuk-input--width-2",
+                type: "text",
+            },
+            {
+                name: "year",
+                className: "govuk-input--width-4",
+                type: "text",
+            },
+        ];
+    }
+    const itemComponents = dateInputItems
+        .filter((item) => item)
+        .map((item, index) => {
+        const { name: itemName, inputMode: itemInputMode, label: itemLabel, reactListKey: itemReactListKey, id: itemId, className: itemClassName, pattern: itemPattern, ...itemAttributes } = item;
+        return (jsxRuntime.jsx("div", { className: "govuk-date-input__item", children: jsxRuntime.jsx(Input, { onChange: onChange, ...itemAttributes, label: {
+                    children: itemLabel ||
+                        itemName.charAt(0).toUpperCase() + itemName.slice(1),
+                    className: "govuk-date-input__label",
+                }, id: itemId || `${id}-${itemName}`, className: `govuk-date-input__input ${itemClassName || ""}`, name: namePrefix ? `${namePrefix}-${itemName}` : itemName, type: "text", inputMode: itemInputMode || "numeric", pattern: itemPattern || "[0-9]*" }) }, itemReactListKey || index));
+    });
+    const innerHtml = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [hintComponent, errorMessageComponent, jsxRuntime.jsx("div", { className: `govuk-date-input ${className || ""}`, ...attributes, id: id, children: itemComponents })] }));
+    return (jsxRuntime.jsx("div", { className: `govuk-form-group${errorMessage ? " govuk-form-group--error" : ""} ${formGroup?.className || ""}`, children: fieldset ? (jsxRuntime.jsx(Fieldset, { ...fieldset, "aria-describedby": describedBy || undefined, role: "group", children: innerHtml })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: innerHtml })) }));
+};
+
+const Details = ({ className, children, summaryChildren, ...attributes }) => {
+    return (jsxRuntime.jsxs("details", { className: `govuk-details ${className || ""}`, ...attributes, "data-module": "govuk-details", children: [jsxRuntime.jsx("summary", { className: "govuk-details__summary", children: jsxRuntime.jsx("span", { className: "govuk-details__summary-text", children: summaryChildren }) }), jsxRuntime.jsx("div", { className: "govuk-details__text", children: children })] }));
+};
+
+function titleCase(str) {
+    return str
+        .toLowerCase()
+        .split(" ")
+        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+        .join(" ");
+}
+
+const DifferenceNavigation = ({ differenceId, setDifferenceFocus, totalDifferences, keyword = "variation", plural = "variations", }) => {
+    if (totalDifferences === 0) {
+        return (jsxRuntime.jsxs("p", { className: "govuk-body govuk-!-font-size-20 govuk-!-text-align-centre", children: ["No ", `${plural}`, " found"] }));
+    }
+    const isPreviousDisabled = differenceId <= 1;
+    const isNextDisabled = differenceId === totalDifferences;
+    const renderButton = (id, onClick, disabled, content) => (jsxRuntime.jsx(Button, { id: id, onClick: onClick, "data-testid": id, disabled: disabled, children: content }));
+    return (jsxRuntime.jsxs("div", { className: "govuk-grid-row", children: [jsxRuntime.jsx("div", { className: "govuk-grid-column-one-third", children: jsxRuntime.jsx("div", { className: "govuk-!-text-align-left", children: renderButton(`previous-${keyword}`, () => setDifferenceFocus(differenceId - 1), isPreviousDisabled, jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [" ", jsxRuntime.jsx("svg", { className: "govuk-button__start-icon back-button", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", focusable: "false", transform: "rotate(180)", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M8.122 24l-4.122-4 8-8-8-8 4.122-4 11.878 12z" }) }), "\u00A0Previous", " "] })) }) }), jsxRuntime.jsx("div", { className: "govuk-grid-column-one-third", children: jsxRuntime.jsxs(Label, { className: "govuk-!-text-align-centre", children: [titleCase(keyword), " ", differenceId, " of ", totalDifferences] }) }), jsxRuntime.jsx("div", { className: "govuk-grid-column-one-third", children: jsxRuntime.jsx("div", { className: "govuk-!-text-align-right", children: renderButton(`next-${keyword}`, () => setDifferenceFocus(differenceId + 1), isNextDisabled, jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [" ", "Next", jsxRuntime.jsx("svg", { className: "govuk-button__start-icon back-button", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", focusable: "false", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M8.122 24l-4.122-4 8-8-8-8 4.122-4 11.878 12z" }) })] })) }) })] }));
+};
+
+const Main = ({ children, backLink = "", backLinkState = null, }) => (jsxRuntime.jsx("div", { className: "govuk-width-container", children: jsxRuntime.jsxs("main", { className: "govuk-main-wrapper", id: "main-content", "data-testid": "main-content", children: [backLink && (jsxRuntime.jsx("div", { className: "govuk-grid-row", children: jsxRuntime.jsx("div", { className: "govuk-grid-column-two-thirds", children: jsxRuntime.jsx(BackLink, { to: { pathname: backLink }, state: backLinkState }) }) })), children && jsxRuntime.jsx("div", { children: children })] }) }));
+
+const ProblemWithService = ({ message = "", applicationName = "Document and plan retrieval system", applicationRoute = "/", reportingLink = "http://marval-live/MSMselfservice/AutoGen.aspx?page=1268", basePageName = "dashboard", }) => {
+    const { state } = reactRouterDom.useLocation();
+    const determineMessage = state?.message || message;
+    const determineApplicationName = state?.applicationName || applicationName;
+    const refreshPage = () => {
+        if (window.location.pathname === "/")
+            window.location.reload();
+    };
+    const hasMessage = () => Boolean(determineMessage?.trim());
+    return (jsxRuntime.jsxs(Main, { children: [jsxRuntime.jsx("h1", { className: "govuk-heading-xl", children: "Sorry, there is a problem with the service" }), hasMessage() && (jsxRuntime.jsx("div", { className: "govuk-error-summary", "aria-labelledby": "error-summary-title", role: "alert", tabIndex: -1, "data-module": "govuk-error-summary", children: jsxRuntime.jsx("div", { className: "govuk-error-summary__body", children: jsxRuntime.jsx("p", { children: determineMessage }) }) })), jsxRuntime.jsx("p", { className: "govuk-body", children: "Try again later." }), jsxRuntime.jsxs("p", { className: "govuk-body", children: ["You can go back to", " ", jsxRuntime.jsx(LinkWithRef, { className: "govuk-link", to: applicationRoute, onClick: refreshPage, children: determineApplicationName }), " ", basePageName, "."] }), jsxRuntime.jsxs("p", { className: "govuk-body", children: ["If the problem continues\u00A0", jsxRuntime.jsxs("a", { href: reportingLink, className: "govuk-link", target: "_blank", rel: "noreferrer", children: ["contact support", jsxRuntime.jsx("span", { className: "nav-panel__text opens-in-new-window" }), jsxRuntime.jsx("span", { className: "visually-hidden", children: "(Opens in a new window or tab)" })] }), "."] })] }));
+};
+
+class ErrorBoundary extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            hasError: false,
+            message: props.message || "",
+            applicationName: props.applicationName || "",
+        };
+    }
+    static getDerivedStateFromError() {
+        // Update state to render fallback UI on error
+        return { hasError: true };
+    }
+    componentDidCatch(error, info) {
+        console.error("Error caught by ErrorBoundary:", error, info);
+        // Optionally log error details to an external service here
+        this.setState({ message: error.message });
+    }
+    render() {
+        const { hasError, message, applicationName } = this.state;
+        if (hasError) {
+            return (jsxRuntime.jsx(ProblemWithService, { message: message, applicationName: applicationName, basePageName: this.props.basePageName }));
+        }
+        return this.props.children;
+    }
+}
+
+const ErrorSummary = (props) => {
+    const { className, descriptionChildren, errorList, titleChildren = "There is a problem", disableAutoFocus, ...attributes } = props;
+    let description;
+    if (descriptionChildren) {
+        description = jsxRuntime.jsx("p", { children: descriptionChildren });
+    }
+    return (jsxRuntime.jsxs("div", { className: `govuk-error-summary ${className || ""}`, "aria-labelledby": "error-summary-title", role: "alert", "data-disable-auto-focus": disableAutoFocus ? "true" : null, ...attributes, "data-module": "govuk-error-summary", children: [jsxRuntime.jsx("h2", { className: "govuk-error-summary__title", id: "error-summary-title", children: titleChildren }), jsxRuntime.jsxs("div", { className: "govuk-error-summary__body", children: [description, jsxRuntime.jsx("ul", { className: "govuk-list govuk-error-summary__list", children: errorList
+                            ? errorList.map((error, index) => {
+                                const { reactListKey, children, href, ...errorAttributes } = error;
+                                return (jsxRuntime.jsx("li", { children: href ? (jsxRuntime.jsx("a", { ...errorAttributes, href: href, children: children })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: children })) }, reactListKey || index));
+                            })
+                            : null })] })] }));
+};
+ErrorSummary.displayName = "ErrorSummary";
+
+function ConfigureOverallErrorSummary($scope, config) {
+    govukFrontend.createAll(govukFrontend.ErrorSummary, config, $scope);
+}
+
+const FileUpload = (props) => {
+    const { className, errorMessage, formGroup, hint, label, "aria-describedby": describedBy, id, ...attributes } = props;
+    let hintComponent;
+    let errorMessageComponent;
+    let describedByValue = describedBy || "";
+    if (hint) {
+        const hintId = `${props.id}-hint`;
+        describedByValue += ` ${hintId}`;
+        hintComponent = jsxRuntime.jsx(Hint, { ...props.hint, id: hintId });
+    }
+    if (errorMessage) {
+        const errorId = `${id}-error`;
+        describedByValue += ` ${errorId}`;
+        errorMessageComponent = jsxRuntime.jsx(ErrorMessage, { ...errorMessage, id: errorId });
+    }
+    return (jsxRuntime.jsxs("div", { className: `govuk-form-group${errorMessage ? " govuk-form-group--error" : ""} ${formGroup?.className || ""}`, children: [jsxRuntime.jsx(Label, { ...label, htmlFor: id }), hintComponent, errorMessageComponent, jsxRuntime.jsx("input", { ...attributes, id: id, className: `govuk-file-upload ${className || ""}${errorMessage ? " govuk-file-upload--error" : ""}`, type: "file", "aria-describedby": describedByValue || undefined })] }));
+};
+FileUpload.displayName = "FileUpload";
+
+const Footer = (props) => {
+    const { className, containerClassName, meta, navigation, ...attributes } = props;
+    let navigationComponent;
+    let metaComponent;
+    if (navigation && navigation.length > 0) {
+        navigationComponent = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "govuk-footer__navigation", children: navigation.map((nav, navIndex) => (jsxRuntime.jsxs("div", { className: `govuk-footer__section govuk-grid-column-${nav.width ? nav.width : "full"}`, children: [jsxRuntime.jsx("h2", { className: "govuk-footer__heading govuk-heading-m", children: nav.title }), nav.items && nav.items.length > 0 ? (jsxRuntime.jsx("ul", { className: `govuk-footer__list ${nav.columns ? `govuk-footer__list--columns-${nav.columns}` : ""}`, children: nav.items.map((item, index) => {
+                                    const { className: itemClassName, children: itemChildren, reactListKey, ...itemAttributes } = item;
+                                    return (jsxRuntime.jsx(React.Fragment, { children: (item.href || item.to) && itemChildren && (jsxRuntime.jsx("li", { className: "govuk-footer__list-item", children: jsxRuntime.jsx(LinkWithRef, { className: `govuk-footer__link ${itemClassName || ""}`, ...itemAttributes, children: itemChildren }) })) }, reactListKey || index));
+                                }) })) : null] }, nav.reactListKey || navIndex))) }), jsxRuntime.jsx("hr", { className: "govuk-footer__section-break" })] }));
+    }
+    if (meta) {
+        metaComponent = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("h2", { className: "govuk-visually-hidden", children: meta.visuallyHiddenTitle
+                        ? meta.visuallyHiddenTitle
+                        : "Support links" }), meta.items && meta.items.length > 0 ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx("ul", { className: "govuk-footer__inline-list", children: meta.items.map((item, index) => {
+                            const { className: itemClassName, children: itemChildren, reactListKey, ...itemAttributes } = item;
+                            return (jsxRuntime.jsx("li", { className: "govuk-footer__inline-list-item", children: jsxRuntime.jsx(LinkWithRef, { className: `govuk-footer__link ${itemClassName || ""}`, ...itemAttributes, children: itemChildren }) }, reactListKey || index));
+                        }) }) })) : null, meta.children ? (jsxRuntime.jsx("div", { className: "govuk-footer__meta-custom", children: meta.children })) : null] }));
+    }
+    return (jsxRuntime.jsx("footer", { className: `govuk-footer ${className || ""}`, role: "contentinfo", ...attributes, children: jsxRuntime.jsxs("div", { className: `govuk-width-container ${containerClassName || ""}`, children: [navigationComponent, jsxRuntime.jsxs("div", { className: "govuk-footer__meta", children: [jsxRuntime.jsxs("div", { className: "govuk-footer__meta-item govuk-footer__meta-item--grow", children: [metaComponent, jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", className: "govuk-footer__licence-logo", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 483.2 195.7", height: "17", width: "41", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145" }) }), jsxRuntime.jsxs("span", { className: "govuk-footer__licence-description", children: ["All content is available under the", " ", jsxRuntime.jsx("a", { className: "govuk-footer__link", href: "https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/", rel: "license", children: "Open Government Licence v3.0" }), ", except where otherwise stated"] })] }), jsxRuntime.jsx("div", { className: "govuk-footer__meta-item", children: jsxRuntime.jsx("a", { className: "govuk-footer__link govuk-footer__copyright-logo", href: "https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/", children: "\u00A9 Crown copyright" }) })] })] }) }));
+};
+
+const Header = (props) => {
+    const { className, containerClassName = "govuk-width-container", homepageUrlHref = "/", homepageUrlTo, navigation, navigationClassName, productName, serviceName, serviceUrlHref, serviceUrlTo, navigationLabel = "Menu", menuButtonLabel = "Show or hide menu", removeGovUKHeader = null, logo, ...attributes } = props;
+    let productNameComponent = null;
+    let navigationComponent = null;
+    if (productName) {
+        productNameComponent = (jsxRuntime.jsx("span", { className: "govuk-header__product-name", children: productName }));
+    }
+    if (serviceName || navigation) {
+        navigationComponent = (jsxRuntime.jsxs("div", { className: "govuk-header__content", children: [serviceName ? (jsxRuntime.jsx(LinkWithRef, { href: serviceUrlHref, to: serviceUrlTo, className: "govuk-header__link govuk-header__link--service-name", children: serviceName })) : null, navigation ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("nav", { className: `govuk-header__navigation ${navigationClassName || ""}`, "aria-label": navigationLabel, children: [jsxRuntime.jsx("button", { type: "button", className: "govuk-header__menu-button govuk-js-header-toggle", "aria-controls": "navigation", "aria-label": menuButtonLabel, children: "Menu" }), jsxRuntime.jsx("ul", { id: "navigation", className: "govuk-header__navigation-list", children: navigation.map((item, index) => {
+                                    const { active: itemActive, className: itemClassName, children: itemChildren, reactListKey, ...itemAttributes } = item;
+                                    return itemChildren ? (jsxRuntime.jsx("li", { className: `govuk-header__navigation-item${itemActive
+                                            ? " govuk-header__navigation-item--active"
+                                            : ""}`, children: item.href || item.to ? (jsxRuntime.jsx(LinkWithRef, { className: `govuk-header__link ${itemClassName || ""}`, ...itemAttributes, children: itemChildren })) : (itemChildren) }, reactListKey || index)) : null;
+                                }) })] }) })) : null] }));
+    }
+    return (jsxRuntime.jsx("header", { className: `govuk-header ${className || ""}`, role: "banner", "data-module": "govuk-header", ...attributes, children: jsxRuntime.jsxs("div", { className: `govuk-header__container ${containerClassName}`, children: [jsxRuntime.jsx("div", { className: "govuk-header__logo", children: jsxRuntime.jsxs(LinkWithRef, { to: homepageUrlTo, href: homepageUrlHref, className: "govuk-header__link govuk-header__link--homepage", children: [!removeGovUKHeader && (jsxRuntime.jsx("span", { className: "govuk-header__logotype", dangerouslySetInnerHTML: {
+                                    __html: `
+                  <!--[if gt IE 8]><!-->
+                    <svg
+                      aria-hidden="true"
+                      focusable="false"
+                      class="govuk-header__logotype-crown"
+                      xmlns="http://www.w3.org/2000/svg"
+                      viewBox="0 0 132 97"
+                      height="30"
+                      width="36"
+                    >
+                      <path
+                        fill="currentColor"
+                        fillRule="evenodd"
+                        d="M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z"
+                      />
+                    </svg>
+                  <!--<![endif]-->
+                  <!--[if IE 8]>
+                    <img src="${logo}" class="govuk-header__logotype-crown-fallback-image" width="36" height="32" />
+                  <![endif]-->
+                  <span class="govuk-header__logotype-text">GOV.UK</span>
+              `,
+                                } })), productNameComponent] }) }), navigationComponent] }) }));
+};
+
+function ConfigureOverallHeader($scope) {
+    govukFrontend.createAll(govukFrontend.Header, undefined, $scope);
+}
+
+const InsetText = ({ className, children, ...attributes }) => {
+    return (jsxRuntime.jsx("div", { className: `govuk-inset-text ${className || ""}`, ...attributes, children: children }));
+};
+
+const Landing = (props) => {
+    const { to = "/" } = props;
+    return (jsxRuntime.jsx(Main, { children: jsxRuntime.jsx("div", { className: "govuk-grid-row", children: jsxRuntime.jsx("div", { className: "govuk-hint govuk-grid-column-full", children: jsxRuntime.jsx("div", { className: "centered-wheel", children: jsxRuntime.jsx("h2", { className: "govuk-heading-m", children: jsxRuntime.jsx(reactRouterDom.Link, { to: to, children: "Single sign on" }) }) }) }) }) }));
+};
+
+const Loading = ({ message = null, html = null }) => {
+    return (jsxRuntime.jsx("div", { className: "govuk-grid-row", children: jsxRuntime.jsxs("div", { className: "govuk-grid-column-full", children: [message || html ? (jsxRuntime.jsx("div", { className: "govuk-grid-row", children: jsxRuntime.jsx("div", { className: "govuk-grid-column-full head-space", children: html ? (html) : (jsxRuntime.jsx("h2", { className: "govuk-heading-m govuk-!-text-align-centre", children: message })) }) })) : null, jsxRuntime.jsx("div", { className: "govuk-hint govuk-grid-column-full", children: jsxRuntime.jsx("div", { className: "centered-wheel", "data-testid": "centered-wheel-identifier", children: jsxRuntime.jsx("div", { className: "loading-wheel-2", "data-testid": "loading-wheel-2-identifier" }) }) })] }) }));
+};
+
+const NotFoundPage = () => {
+    return (jsxRuntime.jsx(Main, { children: jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("h1", { className: "govuk-heading-xl", children: "Page not found" }), jsxRuntime.jsx("p", { className: "govuk-body", children: "If you typed the web address, check it is correct." }), jsxRuntime.jsx("p", { className: "govuk-body", children: "If you pasted the web address, check you copied the entire address." })] }) }));
+};
+
+const NotificationBanner = (props) => {
+    const { type, titleChildren, titleHeadingLevel: HeadingLevel = "h2", children, className, titleId = "govuk-notification-banner-title", role, disableAutoFocus, ...attributes } = props;
+    let successBanner = false;
+    if (type === "success") {
+        successBanner = true;
+    }
+    let typeClass = "";
+    if (successBanner) {
+        typeClass = `govuk-notification-banner--${type}`;
+    }
+    let roleAttribute = "region";
+    if (role) {
+        roleAttribute = role;
+    }
+    else if (successBanner) {
+        roleAttribute = "alert";
+    }
+    const title = titleChildren || (successBanner ? "Success" : "Important");
+    return (jsxRuntime.jsxs("div", { className: `govuk-notification-banner ${typeClass} ${className || ""}`, role: roleAttribute, "aria-labelledby": titleId, "data-module": "govuk-notification-banner", ...(disableAutoFocus ? { "data-disable-auto-focus": "true" } : {}), ...attributes, children: [jsxRuntime.jsx("div", { className: "govuk-notification-banner__header", children: jsxRuntime.jsx(HeadingLevel, { className: "govuk-notification-banner__title", id: titleId, children: title }) }), jsxRuntime.jsx("div", { className: "govuk-notification-banner__content", children: typeof children === "string" ? (jsxRuntime.jsx("p", { className: "govuk-notification-banner__heading", children: children })) : (children) })] }));
+};
+
+const DOTS = "...";
+const UsePagination = ({ totalCount, pageSize, siblingCount = 1, currentPage, }) => {
+    const range = (start, end) => {
+        return Array.from({ length: end - start + 1 }, (_, idx) => idx + start);
+    };
+    const paginationRange = React.useMemo(() => {
+        const totalPages = Math.ceil(totalCount / pageSize);
+        const visiblePages = siblingCount + 10;
+        // Case 1: Show all pages when total pages is less than the number of visible pages
+        if (visiblePages >= totalPages) {
+            return range(1, totalPages);
+        }
+        const firstPage = 1;
+        const lastPage = totalPages;
+        const leftSibling = Math.max(currentPage - siblingCount, firstPage);
+        const rightSibling = Math.min(currentPage + siblingCount, lastPage);
+        const showLeftDots = leftSibling > 2;
+        const showRightDots = rightSibling < totalPages - 2;
+        // Case 2: Only right dots are shown
+        if (!showLeftDots && showRightDots) {
+            const leftPages = range(1, 8 + 2 * siblingCount);
+            return [...leftPages, DOTS, lastPage];
+        }
+        // Case 3: Only left dots are shown
+        if (showLeftDots && !showRightDots) {
+            const rightPages = range(totalPages - (6 + 2 * siblingCount) + 1, lastPage);
+            return [firstPage, DOTS, ...rightPages];
+        }
+        // Case 4: Both left and right dots are shown
+        const middlePages = range(leftSibling, rightSibling);
+        return [firstPage, DOTS, ...middlePages, DOTS, lastPage];
+    }, [totalCount, pageSize, siblingCount, currentPage]);
+    return paginationRange;
+};
+
+const SvgIcon = ({ type, ...props }) => (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 15, height: 13, "aria-hidden": "true", ...props, children: jsxRuntime.jsx("path", { d: type === "next"
+            ? "M8.107-.008L6.693 1.406 10.986 5.7H-2v2h12.896L6.71 11.676l1.378 1.449 6.744-6.406L8.107-.008z"
+            : "M6.594-.008-.133 6.72l6.744 6.406 1.377-1.449-4.185-3.977h12.896v-2H3.715l4.293-4.293L6.594-.008z" }) }));
+
+const NavigationButton = ({ isDisabled, onClick, children, name, type, }) => {
+    const typeClass = type === "next" ? type : "prev";
+    const Icon = (jsxRuntime.jsx(SvgIcon, { type: type, className: `govuk-pagination__icon govuk-pagination__icon--${typeClass}`, focusable: "false" }));
+    return isDisabled ? (jsxRuntime.jsxs("div", { rel: type, children: [type === "previous" && Icon, jsxRuntime.jsx("span", { className: "govuk-pagination__link-title", children: name }), type === "next" && Icon, children && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [type === "previous" && jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\u00A0" }), jsxRuntime.jsx("span", { className: "govuk-visually-hidden", children: ":" }), children, type === "next" && jsxRuntime.jsx(jsxRuntime.Fragment, { children: " \u00A0" })] }))] })) : (jsxRuntime.jsxs("a", { className: "govuk-link govuk-pagination__link", href: "#", rel: type, onClick: onClick, children: [type === "previous" && Icon, jsxRuntime.jsx("span", { className: "govuk-pagination__link-title", children: name }), type === "next" && Icon, children && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [type === "previous" && jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\u00A0\u00A0" }), jsxRuntime.jsx("span", { className: "govuk-visually-hidden", children: ":" }), children, type === "next" && jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\u00A0\u00A0" })] }))] }));
+};
+
+const Pagination = ({ onPageChange, totalCount, siblingCount = 1, currentPage, pageSize, className, previousName = "Previous", nextName = "Next", previousChildren, nextChildren, }) => {
+    const paginationRange = UsePagination({
+        currentPage,
+        totalCount,
+        siblingCount,
+        pageSize,
+    });
+    if (!paginationRange || paginationRange.length < 2)
+        return null;
+    const onNext = () => onPageChange(currentPage + 1);
+    const onPrevious = () => onPageChange(currentPage - 1);
+    const lastPage = paginationRange[paginationRange.length - 1];
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "govuk-!-padding-bottom-2" }), jsxRuntime.jsx("div", { className: `govuk-grid-column-full ${className || ""}`, children: jsxRuntime.jsxs("nav", { className: "govuk-pagination", role: "navigation", "aria-label": "Pagination", children: [jsxRuntime.jsx("div", { className: "govuk-pagination__prev", children: jsxRuntime.jsx(NavigationButton, { isDisabled: currentPage === 1, onClick: onPrevious, name: previousName, type: "previous", children: previousChildren }) }), jsxRuntime.jsx("ul", { className: "govuk-pagination__list", children: paginationRange.map((pageNumber, index) => pageNumber === DOTS ? (jsxRuntime.jsx("li", { className: "govuk-pagination__item govuk-pagination__item--ellipses", children: DOTS }, index)) : (jsxRuntime.jsx("li", { className: `govuk-pagination__item ${pageNumber === currentPage ? "govuk-pagination__item--current" : ""}`, children: jsxRuntime.jsx("a", { className: "govuk-link govuk-pagination__link", href: "#", "aria-label": `Page ${pageNumber}`, "aria-current": pageNumber === currentPage ? "page" : undefined, onClick: () => onPageChange(pageNumber), children: pageNumber }) }, index))) }), jsxRuntime.jsx("div", { className: "govuk-pagination__next", children: jsxRuntime.jsx(NavigationButton, { isDisabled: currentPage === lastPage, onClick: onNext, name: nextName, type: "next", children: nextChildren }) })] }) }), jsxRuntime.jsx("div", { className: "govuk-!-padding-bottom-4" })] }));
+};
+
+const Panel = (props) => {
+    const { headingLevel: HeadingLevel = "h1", children, className, titleChildren, ...attributes } = props;
+    const innerHtml = children ? (jsxRuntime.jsx("div", { className: "govuk-panel__body", children: children })) : null;
+    return (jsxRuntime.jsxs("div", { className: `govuk-panel govuk-panel--confirmation ${className || ""}`, ...attributes, children: [jsxRuntime.jsx(HeadingLevel, { className: "govuk-panel__title", children: titleChildren }), innerHtml] }));
+};
+
+function Slugify(str) {
+    str = str.replace(/^\s+|\s+$/g, ""); // trim leading/trailing white space
+    str = str.toLowerCase(); // convert string to lowercase
+    str = str
+        .replace(/[^a-z0-9 -]/g, "") // remove any non-alphanumeric characters
+        .replace(/\s+/g, "-") // replace spaces with hyphens
+        .replace(/-+/g, "-"); // remove consecutive hyphens
+    return str;
+}
+
+const PDFViewer = (props) => {
+    const viewerRef = React.useRef(null);
+    const { iframeId, src, viewerLocation, documentName, documentNameColour, backend, toolbar = "minimal", additionalBackendAttributes, ...attributes } = props;
+    const [loading, setLoading] = React.useState(false);
+    React.useEffect(() => {
+        setLoading(true);
+        const element = viewerRef.current;
+        if (!element)
+            return; // Guard against null
+        const jsProps = {
+            iframeId,
+            source: src,
+            viewerLocation,
+            documentName,
+            documentNameColour,
+            element,
+            toolbar,
+            ...additionalBackendAttributes,
+        };
+        backend(jsProps);
+        setLoading(false);
+    }, []);
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [loading && jsxRuntime.jsx(Loading, { message: "Loading PDF Document" }), jsxRuntime.jsx("div", { ref: viewerRef, id: `viewer ${documentName ? Slugify(documentName) : ""}`, "data-testid": `viewer ${documentName ? Slugify(documentName) : ""}`, style: { width: "100%", height: "100%" }, ...attributes })] }));
+};
+
+const ObjectToQueryString = (queryParameters) => {
+    return queryParameters
+        ? Object.entries(queryParameters).reduce((queryString, [key, val]) => {
+            const symbol = queryString.length === 0 ? "?" : "&";
+            queryString += val ? `${symbol}${key}=${val}` : "";
+            return queryString;
+        }, "")
+        : "";
+};
+
+const _base64ToArrayBuffer = (base64) => {
+    const binaryString = window.atob(base64);
+    const len = binaryString.length;
+    const bytes = new Uint8Array(len);
+    for (let i = 0; i < len; i++) {
+        bytes[i] = binaryString.charCodeAt(i);
+    }
+    return bytes.buffer;
+};
+const isBase64 = (value) => /^(?:[A-Za-z0-9+/]{4})*(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=|[A-Za-z0-9+/]{4})$/.test(value);
+const ResolvePDFSource = (source) => {
+    const isBase64Source = isBase64(source);
+    if (!isBase64Source) {
+        return { isBase64Source, source };
+    }
+    const blob = new Blob([_base64ToArrayBuffer(source)], {
+        type: "application/pdf",
+    });
+    return { isBase64Source, source: URL.createObjectURL(blob) };
+};
+
+const PDFViewerBackend = ({ iframeId, source, viewerLocation = "/pdfjs-4.4.168-dist/web/viewer.html", documentName, documentNameColour = "black", toolbar = "minimal", element, ...remaining }) => {
+    const sourceDeterminer = ResolvePDFSource(source);
+    const iframe = document.createElement("iframe");
+    const queryString = ObjectToQueryString({
+        ...remaining,
+        file: sourceDeterminer.source,
+        document_name: documentName,
+        document_name_colour: documentNameColour,
+        toolbar,
+    });
+    // console.log(queryString);
+    iframe.id = `${iframeId}`;
+    iframe.title = `${documentName} `;
+    iframe.src = `${viewerLocation}${queryString}`;
+    iframe.style.width = "100%";
+    iframe.style.height = "94%";
+    if (sourceDeterminer.isBase64Source) {
+        iframe.addEventListener("beforeunload", (event) => {
+            event.preventDefault();
+            URL.revokeObjectURL(sourceDeterminer.source);
+        });
+    }
+    element.appendChild(iframe);
+};
+
+const Tag = (props) => {
+    const { children, className, ...attributes } = props;
+    return (jsxRuntime.jsx("strong", { className: `govuk-tag ${className || ""}`, ...attributes, children: children }));
+};
+
+const PhaseBanner = (props) => {
+    const { className, tag, children, ...attributes } = props;
+    return (jsxRuntime.jsx("div", { className: `govuk-phase-banner ${className || ""}`, ...attributes, children: jsxRuntime.jsxs("p", { className: "govuk-phase-banner__content", children: [jsxRuntime.jsx(Tag, { className: `govuk-phase-banner__content__tag ${tag?.className || ""}`, children: tag && tag.children }), jsxRuntime.jsx("span", { className: "govuk-phase-banner__text", children: children })] }) }));
+};
+
+const Radios = (props) => {
+    const { value, defaultValue, items, ...restProps } = props;
+    const processedItems = items
+        ? items.map((item) => {
+            if (item) {
+                return {
+                    ...item,
+                    ...(value != null && { checked: item.value === value }),
+                    ...(defaultValue != null && {
+                        defaultChecked: item.value === defaultValue,
+                    }),
+                };
+            }
+            return item;
+        })
+        : undefined;
+    return jsxRuntime.jsx(Boolean$1, { items: processedItems, ...restProps, controlType: "radios" });
+};
+
+function ConfigureOverallRadios($scope) {
+    govukFrontend.createAll(govukFrontend.Radios, undefined, $scope);
+}
+
+const Select = (props) => {
+    const { className, "aria-describedby": describedBy, errorMessage, formGroup, hint, id, items, label, ...attributes } = props;
+    let describedByValue = describedBy || "";
+    let hintComponent;
+    let errorMessageComponent;
+    if (hint) {
+        const hintId = `${id}-hint`;
+        describedByValue += ` ${hintId}`;
+        hintComponent = jsxRuntime.jsx(Hint, { ...hint, id: hintId });
+    }
+    if (errorMessage) {
+        const errorId = id ? `${id}-error` : "";
+        describedByValue += ` ${errorId}`;
+        errorMessageComponent = jsxRuntime.jsx(ErrorMessage, { ...errorMessage, id: errorId });
+    }
+    const options = items
+        ? items
+            .filter((item) => item)
+            .map((option, index) => {
+            const { reactListKey, children, ...optionAttributes } = option;
+            return (React.createElement("option", { ...optionAttributes, key: reactListKey || index }, children));
+        })
+        : null;
+    return (jsxRuntime.jsxs("div", { className: `govuk-form-group${errorMessage ? " govuk-form-group--error" : ""} ${formGroup?.className || ""}`, children: [jsxRuntime.jsx(Label, { ...label, htmlFor: id }), hintComponent, errorMessageComponent, jsxRuntime.jsx("select", { className: `govuk-select ${className || ""}${errorMessage ? " govuk-select--error" : ""}`, id: id, "aria-describedby": describedByValue || undefined, ...attributes, children: options })] }));
+};
+
+const ServiceNavigation = (props) => {
+    const { className, containerClassName = "govuk-width-container", menuButtonLabel = "Show or hide menu", navigation, navigationClassName, navigationLabel = "Menu", serviceName, serviceUrlHref, serviceUrlTo, ...attributes } = props;
+    return (jsxRuntime.jsx("section", { "aria-label": "Service information", className: `govuk-service-navigation ${className || ""}`, "data-module": "govuk-service-navigation", ...attributes, children: jsxRuntime.jsx("div", { className: `govuk-width-container ${containerClassName}`, children: jsxRuntime.jsxs("div", { className: "govuk-service-navigation__container", children: [serviceName ? (jsxRuntime.jsx("span", { className: "govuk-service-navigation__service-name", children: jsxRuntime.jsx(LinkWithRef, { href: serviceUrlHref, to: serviceUrlTo, className: "govuk-header__link govuk-header__link--service-name", children: serviceName }) })) : null, navigation ? (jsxRuntime.jsxs("nav", { "aria-label": navigationLabel, className: `govuk-service-navigation__wrapper ${navigationClassName || ""}`, children: [jsxRuntime.jsx("button", { type: "button", className: "govuk-service-navigation__toggle govuk-js-service-navigation-toggle", "aria-controls": "navigation", "aria-label": menuButtonLabel, hidden: true, children: "Menu" }), jsxRuntime.jsx("ul", { className: "govuk-service-navigation__list", id: "navigation", children: navigation.map((item, index) => {
+                                    const { active: itemActive, className: itemClassName, children: itemChildren, reactListKey, ...itemAttributes } = item;
+                                    return itemChildren ? (jsxRuntime.jsx("li", { className: `govuk-service-navigation__item${itemActive
+                                            ? " govuk-service-navigation__item--active"
+                                            : ""}`, children: item.href || item.to ? (jsxRuntime.jsx(LinkWithRef, { className: `govuk-service-navigation__link ${itemClassName || ""}`, "aria-current": itemActive ? "true" : "false", ...itemAttributes, children: itemActive ? (jsxRuntime.jsx("strong", { className: "govuk-service-navigation__active-fallback", children: itemChildren })) : (itemChildren) })) : (itemChildren) }, reactListKey || index)) : null;
+                                }) })] })) : null] }) }) }));
+};
+
+const SkipLink = (props) => {
+    const { href = "#content", className, children, ...attributes } = props;
+    return (jsxRuntime.jsx("a", { href: href, className: `govuk-skip-link ${className || ""}`, "data-module": "govuk-skip-link", ...attributes, children: children }));
+};
+
+function ConfigureOverallSkipLink($scope) {
+    govukFrontend.createAll(govukFrontend.SkipLink, undefined, $scope);
+}
+
+const actions = (row) => {
+    const actionLinks = row.actions?.items.map((action, index) => {
+        const { reactListKey, ...actionAttributes } = action;
+        return jsxRuntime.jsx(ActionLink, { ...actionAttributes }, reactListKey || index);
+    });
+    if (row.actions?.items.length) {
+        return (jsxRuntime.jsx("dd", { className: `govuk-summary-list__actions ${row.actions.className || ""}`, children: row.actions.items.length === 1 ? (actionLinks) : (jsxRuntime.jsx("ul", { className: "govuk-summary-list__actions-list", children: actionLinks?.map((actionLink) => (jsxRuntime.jsx("li", { className: "govuk-summary-list__actions-list-item", children: actionLink }, actionLink.key))) })) }));
+    }
+    return null;
+};
+const SummaryList = (props) => {
+    const { className, rows, ...attributes } = props;
+    const filteredRows = rows ? rows.filter((row) => row) : [];
+    const anyRowHasActions = filteredRows.some((item) => item.actions?.items && item.actions?.items.length > 0);
+    return (jsxRuntime.jsx("dl", { className: `govuk-summary-list ${className || ""}`, ...attributes, children: filteredRows.map((row, index) => (jsxRuntime.jsxs("div", { className: `govuk-summary-list__row ${anyRowHasActions && !row.actions?.items
+                ? "govuk-summary-list__row--no-actions"
+                : ""} ${row.className || ""}`, children: [jsxRuntime.jsx("dt", { className: `govuk-summary-list__key ${row.key?.className || ""}`, children: row.key?.children }), jsxRuntime.jsx("dd", { className: `govuk-summary-list__value ${row.value?.className || ""}`, children: row.value?.children }), actions(row)] }, row.reactListKey || index))) }));
+};
+
+const Table = ({ caption, captionClassName, className, firstCellIsHeader, head, rows, footer, ...attributes }) => {
+    // Memoize caption component to avoid re-renders if it doesn't change
+    const captionComponent = React.useMemo(() => caption && (jsxRuntime.jsx("caption", { className: `govuk-table__caption ${captionClassName || ""}`, children: caption })), [caption, captionClassName]);
+    // Memoize head component
+    const headComponent = React.useMemo(() => head && (jsxRuntime.jsx("thead", { className: "govuk-table__head", children: jsxRuntime.jsx("tr", { className: "govuk-table__row", children: head.map(({ className, format, children, reactListKey, ...itemAttributes }, index) => (jsxRuntime.jsx("th", { scope: "col", className: `govuk-table__header ${format ? `govuk-table__header--${format}` : ""} ${className || ""}`, ...itemAttributes, children: children }, reactListKey || index))) }) })), [head]);
+    // Memoize footer component
+    const footerComponent = React.useMemo(() => footer && (jsxRuntime.jsx("tfoot", { className: "govuk-table__head", children: jsxRuntime.jsx("tr", { className: "govuk-table__row", children: footer.map(({ className, format, children, reactListKey, ...itemAttributes }, index) => (jsxRuntime.jsx("th", { scope: "col", className: `govuk-table__header ${format ? `govuk-table__header--${format}` : ""} ${className || ""}`, ...itemAttributes, children: children }, reactListKey || index))) }) })), [footer]);
+    // Filter rows that contain cells
+    const filteredRows = rows?.filter((row) => row.cells) || [];
+    return (jsxRuntime.jsxs("table", { className: `govuk-table ${className}`, ...attributes, children: [captionComponent, headComponent, jsxRuntime.jsx("tbody", { className: "govuk-table__body", children: filteredRows.map(({ cells, reactListKey }, rowIndex) => (jsxRuntime.jsx("tr", { className: "govuk-table__row", children: cells.map(({ className, children, format, reactListKey, ...cellAttributes }, cellIndex) => {
+                        const cellClassNames = `govuk-table__cell ${className || ""} ${format ? `govuk-table__cell--${format}` : ""}`;
+                        const headerClassNames = `govuk-table__header ${className || ""}`;
+                        // Check if the first cell should be a header
+                        if (cellIndex === 0 && firstCellIsHeader) {
+                            return (jsxRuntime.jsx("th", { scope: "row", className: headerClassNames, ...cellAttributes, children: children }, reactListKey || cellIndex));
+                        }
+                        return (jsxRuntime.jsx("td", { className: cellClassNames, ...cellAttributes, children: children }, reactListKey || cellIndex));
+                    }) }, reactListKey || rowIndex))) }), footerComponent] }));
+};
+
+const Tabs = ({ className = "", id, idPrefix = "", items = [], title = "Contents", ...attributes }) => {
+    const filteredItems = items.filter(Boolean); // filter out any falsy items in a cleaner way
+    const renderTab = (item, index) => {
+        const tabId = item.id || `${idPrefix}-${index + 1}`;
+        return (jsxRuntime.jsx("li", { className: `govuk-tabs__list-item ${index === 0 ? "govuk-tabs__list-item--selected" : ""}`, children: jsxRuntime.jsx("a", { className: "govuk-tabs__tab", href: `#${tabId}`, ...item, children: item.label }) }, tabId));
+    };
+    const renderPanel = (item, index) => {
+        const panelId = item.id || `${idPrefix}-${index + 1}`;
+        return (jsxRuntime.jsx("div", { id: panelId, className: `govuk-tabs__panel ${index > 0 ? "govuk-tabs__panel--hidden" : ""}`, ...item.panel }, panelId));
+    };
+    return (jsxRuntime.jsxs("div", { id: id, className: `govuk-tabs ${className}`, ...attributes, "data-module": "govuk-tabs", children: [jsxRuntime.jsx("h2", { className: "govuk-tabs__title", children: title }), filteredItems.length > 0 && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("ul", { className: "govuk-tabs__list", children: filteredItems.map(renderTab) }), filteredItems.map(renderPanel)] }))] }));
+};
+
+function ConfigureOverallTabs($scope) {
+    govukFrontend.createAll(govukFrontend.Tabs, undefined, $scope);
+}
+
+const TaskList = (props) => {
+    const { className, idPrefix, items, ...attributes } = props;
+    const renderTaskListItem = (item, index) => {
+        if (!item)
+            return null;
+        const { title, hint, status, href, ...attributes } = item;
+        const itemId = `${idPrefix}-${index + 1}`;
+        return (jsxRuntime.jsxs("li", { id: itemId, className: "govuk-task-list__item govuk-task-list__item--with-link", ...attributes, children: [jsxRuntime.jsxs("div", { className: "govuk-task-list__name-and-hint", children: [jsxRuntime.jsx(LinkWithRef, { className: "govuk-link govuk-task-list__link", href: href, "aria-describedby": `${itemId}-status`, children: title.children }), hint ? (jsxRuntime.jsx(Hint, { id: `${itemId}-hint`, className: "govuk-task-list__hint", ...hint })) : null] }), jsxRuntime.jsx("div", { className: "govuk-task-list__status", id: `${itemId}-status`, children: status.tag ? jsxRuntime.jsx(Tag, { ...status.tag }) : status.children })] }, itemId));
+    };
+    return (jsxRuntime.jsx("ul", { className: `govuk-task-list ${className || ""}`, ...attributes, children: items.map(renderTaskListItem) }));
+};
+
+const WarningInfo = ({ messageHeading = "Warning or Info Heading", message = "Warning or Info Heading message", advice = "Try again later.", applicationName = "Document and plan retrieval system", applicationRoute = "/", basePageName = "dashboard", }) => {
+    let determineMessage;
+    const { state } = reactRouterDom.useLocation();
+    if (state && state.message) {
+        determineMessage = state.message;
+    }
+    else {
+        determineMessage = message;
+    }
+    let determineMessageHeading;
+    if (state && state.messageHeading) {
+        determineMessageHeading = state.messageHeading;
+    }
+    else {
+        determineMessageHeading = messageHeading;
+    }
+    let determineAdvice;
+    if (state && state.advice) {
+        determineAdvice = state.advice;
+    }
+    else {
+        determineAdvice = advice;
+    }
+    let determineApplicationName;
+    if (state && state.applicationName) {
+        determineApplicationName = state.applicationName;
+    }
+    else {
+        determineApplicationName = applicationName;
+    }
+    const refreshPage = () => {
+        if (window.location.pathname === "/") {
+            window.location.reload();
+        }
+    };
+    const hasMessage = () => {
+        return determineMessage?.length > 0;
+    };
+    return (jsxRuntime.jsx(Main, { children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("h1", { className: "govuk-heading-xl", children: determineMessageHeading }), hasMessage() && (jsxRuntime.jsxs("div", { className: "govuk-warning-text", children: [jsxRuntime.jsx("span", { className: "govuk-warning-text__icon", "aria-hidden": "true", children: "!" }), jsxRuntime.jsxs("strong", { className: "govuk-warning-text__text", children: [jsxRuntime.jsx("span", { className: "govuk-visually-hidden", children: "Warning" }), determineMessage] })] })), jsxRuntime.jsx("p", { className: "govuk-body", children: determineAdvice }), jsxRuntime.jsxs("p", { className: "govuk-body", children: ["You can go back to", " ", jsxRuntime.jsx(LinkWithRef, { className: "govuk-link", to: applicationRoute, onClick: () => refreshPage(), children: determineApplicationName }), " ", basePageName, "."] })] }) }));
+};
+
+const WarningText = ({ children = "Warning message", className, ...attributes }) => {
+    return (jsxRuntime.jsxs("div", { className: `govuk-warning-text ${className || ""}`, ...attributes, children: [jsxRuntime.jsx("span", { className: "govuk-warning-text__icon", "aria-hidden": "true", children: "!" }), jsxRuntime.jsxs("strong", { className: "govuk-warning-text__text", children: [jsxRuntime.jsx("span", { className: "govuk-visually-hidden", children: "Warning" }), children] })] }));
+};
+
+exports.Accordion = Accordion;
+exports.ActionLink = ActionLink;
+exports.BackLink = BackLink;
+exports.Boolean = Boolean$1;
+exports.Breadcrumbs = Breadcrumbs;
+exports.Button = Button;
+exports.CardColumn = CardColumn;
+exports.CardLayout = CardLayout;
+exports.CharacterCount = CharacterCount;
+exports.Checkbox = Checkboxes;
+exports.ConfigureOverallAccordion = ConfigureOverallAccordion;
+exports.ConfigureOverallButton = ConfigureOverallButton;
+exports.ConfigureOverallCheckboxes = ConfigureOverallCheckboxes;
+exports.ConfigureOverallErrorSummary = ConfigureOverallErrorSummary;
+exports.ConfigureOverallHeader = ConfigureOverallHeader;
+exports.ConfigureOverallRadios = ConfigureOverallRadios;
+exports.ConfigureOverallSkipLink = ConfigureOverallSkipLink;
+exports.ConfigureOverallTabs = ConfigureOverallTabs;
+exports.CookieBanner = CookieBanner;
+exports.DataNavigation = DataNavigation;
+exports.DateInput = DateInput;
+exports.Details = Details;
+exports.DifferenceNavigation = DifferenceNavigation;
+exports.ErrorBoundary = ErrorBoundary;
+exports.ErrorMessage = ErrorMessage;
+exports.ErrorSummary = ErrorSummary;
+exports.ExtractAccordionConfigFromAttributes = ExtractAccordionConfigFromAttributes;
+exports.Fieldset = Fieldset;
+exports.FileUpload = FileUpload;
+exports.Footer = Footer;
+exports.Header = Header;
+exports.Hint = Hint;
+exports.Input = Input;
+exports.InsetText = InsetText;
+exports.Label = Label;
+exports.Landing = Landing;
+exports.LinkWithRef = LinkWithRef;
+exports.Loading = Loading;
+exports.Main = Main;
+exports.NotFoundPage = NotFoundPage;
+exports.NotificationBanner = NotificationBanner;
+exports.PDFViewer = PDFViewer;
+exports.PDFViewerBackend = PDFViewerBackend;
+exports.Pagination = Pagination;
+exports.Panel = Panel;
+exports.PhaseBanner = PhaseBanner;
+exports.ProblemWithService = ProblemWithService;
+exports.Radios = Radios;
+exports.Select = Select;
+exports.ServiceNavigation = ServiceNavigation;
+exports.SkipLink = SkipLink;
+exports.SummaryList = SummaryList;
+exports.Table = Table;
+exports.Tabs = Tabs;
+exports.Tag = Tag;
+exports.TaskList = TaskList;
+exports.Textarea = Textarea;
+exports.WarningInfo = WarningInfo;
+exports.WarningText = WarningText;
+//# sourceMappingURL=index.cjs.js.map