@govuk-one-login/frontend-ui 4.1.2 → 4.1.4

package/build/components/bases/ipv-core/ipv-core-base.njk

@@ -1,172 +0,0 @@
-{% if MAY_2025_REBRAND_ENABLED %}
-    {% set govukRebrand = true %}
-{% endif %}
-
-{% if isPageDataSensitive is not defined %}
-    {% set isPageDataSensitive = true %}
-{% endif %}
-{% set taxLevel1 = 'web cri' %}
-{% set taxLevel2 = 'pre cri' %}
-
-
-{% extends "govuk/template.njk" %}
-{% from "frontend-ui/build/components/cookie-banner/macro.njk" import frontendUiCookieBanner %}
-{% from "frontend-ui/build/components/phase-banner/macro.njk" import frontendUiPhaseBanner %}
-{% from "frontend-ui/build/components/header/macro.njk" import frontendUiHeader %}
-{% from "frontend-ui/build/components/footer/macro.njk" import frontendUiFooter %}
-{% from "frontend-ui/build/components/language-select/macro.njk" import frontendUiLanguageSelect %}
-{% from "frontend-analytics/components/ga4-opl/macro.njk" import ga4OnPageLoad %}
-{% from "govuk/components/back-link/macro.njk" import govukBackLink %}
-{% from "govuk/components/error-summary/macro.njk" import govukErrorSummary %}
-{% from "govuk/components/notification-banner/macro.njk" import govukNotificationBanner %}
-
-{# Set language values for govuk/template.njk #}
-{% set htmlLang = currentLanguage %}
-{% set pageTitleLang = currentLanguage %}
-{% set mainLang = currentLanguage %}
-
-{% block head %}
-    {# Dynatrace RUM snippet #}
-    {% if dynatraceRumUrl %}
-        <script src='{{ dynatraceRumUrl }}' crossorigin="anonymous" nonce='{{ cspNonce }}'></script>
-    {% endif %}
-
-    <link href="/public/stylesheets/application.css" rel="stylesheet">
-
-    {# For older browsers to allow them to recognise HTML5 elements such as `<header>` #}
-    <!--[if lt IE 9]>
-    <script nonce='{{ cspNonce }}' src="/html5-shiv/html5shiv.js"></script>
-    <![endif]-->
-
-    {% block headMetaData %}{% endblock %}
-
-{% endblock %}
-
-{% block pageTitle-%}
-    {%- if pageErrorState %}
-        {{ 'general.govuk.errorTitlePrefix' | translate }}
-    {% endif %}
-    {%- if pageTitleKey %}{{ pageTitleKey | translateWithContextOrFallback(context) }} – GOV.UK One Login{% endif %}
-{%- endblock %}
-
-{% block bodyStart %}
-    {% block cookieBanner %}
-        {{ frontendUiCookieBanner({
-    translations: translations.translation.cookieBanner
-  }
-  )}}
-
-        {%endblock%}
-    {% endblock %}
-
-    {% block header %}
-        {{ frontendUiHeader({
-      translations: translations.translation.header,
-      homepageUrl: "https://www.gov.uk",
-      signOutLink: logoutUrl
-    }) }}
-    {% endblock %}
-
-    {% block main %}
-        <div class="govuk-width-container {{ containerClasses }}">
-            {{ frontendUiPhaseBanner({
-      translations: translations.translation.phaseBanner,
-      url: currentUrl,
-      contactUrl: contactUsUrl
-    }) }}
-
-            {% block beforeContent %}{% endblock %}
-            {% if showLanguageToggle %}
-                {{ frontendUiLanguageSelect({
-      translations: translations.translation.languageSelect,
-      url: currentUrl,
-      activeLanguage: htmlLang
-    }) }}
-            {% endif %}
-            {% if showBack %}
-                {{ govukBackLink({
-                text: "general.govuk.backLink" | translate,
-                href: hrefBack
-            }) }}
-            {% endif %}
-            <main class="govuk-main-wrapper {{ mainClasses }}" id="main-content"{% if currentLanguage %} lang="{{ currentLanguage }}"{% endif %}>
-                <div class="govuk-grid-row">
-                    <div class="govuk-grid-column-two-thirds {{ rowClasses }}">
-                        {% if (displayBanner) %}
-                            {{ govukNotificationBanner({
-                        html: bannerMessage,
-                        type: bannerType,
-                        titleText: bannerTitleText
-                    }) }}
-                        {% endif %}
-
-                        {% if errorState %}
-                            {{ govukErrorSummary({
-                            titleText: errorTitle | default('Error Summary'),
-                            errorList: [
-                                {
-                                    text: errorText | translate,
-                                    href: errorHref | default("#")
-                                }
-                            ]
-                        }) }}
-                        {% endif %}
-                        {% block content %}{% endblock %}
-                    </div>
-                </div>
-            </main>
-        </div>
-    {% endblock %}
-
-    {% block footer %}
-        {{ frontendUiFooter({
-    translations: translations.translation.footer
-  }) }}
-    {% endblock %}
-
-    {% block bodyEnd %}
-        {% block scripts %}{% endblock %}
-        <script nonce='{{ cspNonce }}' src="/public/javascripts/application.js"></script>
-        <script type="module" nonce='{{ cspNonce }}' src="/public/javascripts/govuk-frontend.min.js"></script>
-        <script type="module" nonce='{{ cspNonce }}'>
-            import {initAll} from '/public/javascripts/govuk-frontend.min.js'
-            initAll()
-        </script>
-        {% if useDeviceIntelligence %}
-            <script type="module" nonce='{{ cspNonce }}' src="/public/javascripts/fingerprint.js"></script>
-            <script type="module" nonce='{{ cspNonce }}'>
-                import {setFingerprintCookie} from "/public/javascripts/fingerprint.js";
-                setFingerprintCookie('{{ serviceDomain }}')
-            </script>
-        {% endif %}
-        <script nonce='{{ cspNonce }}'>
-            window.DI = window.DI || {};
-            window.DI.httpStatusCode = {{ statusCode | d(200) }};
-            window.DI.journeyState = "{{ googleTagManagerPageId }}";
-            window
-                .DI
-                .appInit({
-                    ga4ContainerId: "{{ ga4ContainerId }}",
-                    uaContainerId: "{{ uaContainerId }}"
-                }, {
-                    isDataSensitive: {{analyticsDataSensitive}},
-                    isPageDataSensitive: {{isPageDataSensitive}},
-                    enableGa4Tracking: {{isGa4Enabled}},
-                    enableUaTracking: {{isUaEnabled}},
-                    cookieDomain: "{{analyticsCookieDomain}}"
-                });
-        </script>
-        {{ ga4OnPageLoad({
-        nonce: cspNonce,
-        statusCode: statusCode,         
-        dynamic: isPageDynamic,
-        englishPageTitle: pageTitleKey | translateToEnglish,
-        taxonomyLevel1: taxLevel1,
-        taxonomyLevel2: taxLevel2,
-        taxonomyLevel3: taxLevel3,
-        taxonomyLevel4: taxLevel4,
-        taxonomyLevel5: taxLevel5,
-        contentId: contentID
-    }) }}
-
-    {% endblock %}

package/build/components/bases/mobile/mobile-base.njk

@@ -1,181 +0,0 @@
-{% if MAY_2025_REBRAND_ENABLED %}
-  {% set govukRebrand = true %}
-{% endif %}
-
-{% extends "govuk/template.njk" %}
-
-{% from "frontend-ui/build/components/phase-banner/macro.njk" import frontendUiPhaseBanner %}
-{% from "frontend-ui/build/components/cookie-banner/macro.njk" import frontendUiCookieBanner %}
-{% from "frontend-ui/build/components/header/macro.njk" import frontendUiHeader %}
-{% from "frontend-ui/build/components/footer/macro.njk" import frontendUiFooter %}
-{% from "frontend-ui/build/components/language-select/macro.njk" import frontendUiLanguageSelect %}
-{% from "govuk/components/notification-banner/macro.njk" import govukNotificationBanner %}
-{% from "ga4-opl/macro.njk" import ga4OnPageLoad %}
-
-{% if makeFullWidth %}
-  {% set columnWidth = "full" %}
-{% else %}
-  {% set columnWidth = 'two-thirds' %}
-{% endif %}
-
-{% block head %}
-  <link href="/stylesheets/application.css" rel="stylesheet">
-  <link href="/stylesheets/language-toggle.css" rel="stylesheet">
-  <meta name="robots" content="noindex">
-
-{% endblock %}
-
-{% block pageTitle %}
-  {% if pageTitleName %}
-    {{ pageTitleName }}
-        -
-    {% endif %}
-  {{ 'general.serviceNameTitle' | translate }}
-{% endblock %}
-
-{% block bodyStart %}
-  {% block frontendUiCookieBanner %}
-    {{ frontendUiCookieBanner({
-    translations: translations.translation.cookieBanner
-  }
-  )}}
-  {% endblock %}
-{% endblock %}
-
-{% block header %}
-  {{ frontendUiHeader({
-      translations: translations.translation.header,
-      homepageUrl: "https://www.gov.uk"
-    }) }}
-{% endblock %}
-
-{% block main %}
-  <div class="govuk-width-container {{ containerClasses }}">
-    {% if doNotShowPhaseBanner %}
-    {% else %}
-      {{ frontendUiPhaseBanner({
-      translations: translations.translation.phaseBanner,
-      url: currentUrl,
-      contactUrl: supportFormLink,
-      noAppend: true
-    }) }}
-    {% endif %}
-
-    {% if showLanguageToggle %}
-      {{ frontendUiLanguageSelect({
-      translations: translations.translation.languageSelect,
-      url: currentUrl,
-      activeLanguage: htmlLang
-    }) }}
-    {% endif %}
-
-    {% if showBack %}
-      {{ govukBackLink({
-            text: "Back",
-            href: hrefBack
-        }) }}
-    {% endif %}
-    {% if showBackLinkHtml %}
-      <a href="#" id="back-button" class="govuk-back-link">{{'general.buttons.back' | translate}}</a>
-    {% endif %}
-    <main class="govuk-main-wrapper {{ mainClasses }} govuk-!-padding-top-2" id="main-content" role="main" >
-      <div class="govuk-grid-row">
-        <div class="govuk-grid-column-{{columnWidth}} {{ rowClasses }}">
-          {% if (displayBanner) %}
-            {{ govukNotificationBanner({
-                        html: bannerMessage,
-                        type: bannerType,
-                        titleText: bannerTitleText
-                    }) }}
-          {% endif %}
-          {% block content %}{% endblock %}
-        </div>
-      </div>
-    </main>
-  </div>
-{% endblock %}
-
-{% block footer %}
-  {{ frontendUiFooter({
-        translations: {
-          footerNavItems: [
-            {
-              href: 'general.base.footer.accessibility.link' | translate | safe,
-              text: 'general.base.footer.accessibility.linkText' | translate
-            },
-            {
-              href: 'general.cookieBanner.viewCookiesLink' | translate,
-              text: 'general.base.footer.cookies' | translate
-            },
-            {
-              href: 'general.base.footer.termsAndConditions.link' | translate,
-              text: 'general.base.footer.termsAndConditions.linkText' | translate,
-              attributes: { "data-pw": "terms-and-conditions-link" }
-            },
-            {
-              href: 'general.base.footer.privacy.link' | translate | safe,
-              text: 'general.base.footer.privacy.linkText' | translate,
-              attributes: { "data-pw": "privacy-notice-link" }
-            },
-            {
-              href: supportFormLink,
-              text: 'general.base.footer.support.linkText' | translate,
-              attributes: {
-                target: "_blank",
-                rel: "noopener noreferrer",
-                "data-pw": "footer-support-form-link"
-              }
-            }
-          ],
-          contentLicence: {
-              html: 'general.base.footer.contentLicence.linkText' | translate | safe
-          },
-          copyright: {
-              text: 'general.base.footer.copyright.linkText' | translate
-          }
-        }
-    }) }}
-{% endblock %}
-
-{% block bodyEnd %}
-  <script type="module" nonce='{{ scriptNonce }}' src="/public/scripts/govuk-frontend.min.js"></script>
-  <script type="module" nonce='{{ scriptNonce }}'>
-    import {initAll} from '/public/scripts/govuk-frontend.min.js'
-    initAll()
-  </script>
-  <script type="module" src="/public/scripts/application.js"></script>
-  <script type="text/javascript" src="/public/scripts/analytics.js" nonce='{{scriptNonce}}'></script>
-  <script type="text/javascript" nonce='{{scriptNonce}}'>
-    window.DI = window.DI || {};
-    window.DI.taxonomy_level2 = '{{taxonomy_level2}}'
-  </script>
-  <script type="text/javascript" {% if scriptNonce %} nonce="{{ scriptNonce }}"{%  endif %}>
-    window
-      .DI
-      .appInit({
-        ga4ContainerId: "{{ga4ContainerId}}",
-        uaContainerId: "{{uaContainerId}}"
-      }, {
-        isDataSensitive: false,
-        disableGa4Tracking: {{isGa4Disabled}},
-        disableUaTracking: {{isUaDisabled}},
-        cookieDomain: "{{analyticsCookieDomain}}"
-      });
-  </script>
-  <script type="text/javascript" nonce='{{scriptNonce}}'>
-    if (document.getElementById('back-button'))
-      document
-        .getElementById('back-button')
-        .addEventListener('click', (e) => {
-          e.preventDefault();
-          window
-            .history
-            .back()
-        })
-  </script>
-
-  <script type="module" nonce="{{scriptNonce}}">
-    import {setFingerprintCookie} from "/public/scripts/index.js";
-    await setFingerprintCookie("{{analyticsCookieDomain}}");
-  </script>
-{% endblock %}

package/build/components/cookie-banner/cookie-banner.yaml

@@ -1,6 +0,0 @@
-params:
-  - name: translations
-    type: string
-    required: true
-    description: translations from middleware 
-

package/build/components/cookie-banner/macro.njk

@@ -1 +0,0 @@
-{% macro frontendUiCookieBanner(params) %} {%- include "./template.njk" -%} {% endmacro %}

package/build/components/cookie-banner/template.njk

@@ -1,106 +0,0 @@
-{% from "govuk/components/cookie-banner/macro.njk" import govukCookieBanner %}
-
-{% set lng = params.activeLanguage %}
-{% set cookieBanner = params.translations %}
-
-{% set html %}
-<p class="govuk-body">{{ cookieBanner.body1 }}</p>
-<p class="govuk-body">{{ cookieBanner.body2 }}</p>
-{% endset %}
-
-{% set acceptHtml %}
-  <p class="govuk-body">
-    {{ cookieBanner.cookieBannerAccept.body1 }}
-    <a class="govuk-link" href="https://signin.account.gov.uk/cookies">
-      {{ cookieBanner.changeCookiePreferencesLink }}
-    </a> 
-    {{ cookieBanner.cookieBannerAccept.body2 }}
-  </p>
-{% endset %}
-
-{% set rejectedHtml %}
-  <p class="govuk-body">
-    {{ cookieBanner.cookieBannerReject.body1 }}
-    <a class="govuk-link" href="https://signin.account.gov.uk/cookies">
-      {{ cookieBanner.changeCookiePreferencesLink }}
-    </a> 
-    {{ cookieBanner.cookieBannerReject.body2 }}
-  </p>
-{% endset %}
-
-{{ govukCookieBanner({
-  ariaLabel: cookieBanner.ariaLabel,
-  name: "gov-uk-cookie-banner",
-  messages: [
-    {
-      headingText: cookieBanner.headingText,
-      html: html,
-      attributes: {
-        "id": "cookies-banner-main"
-      },
-      actions: [
-        {
-          text: cookieBanner.acceptAdditionalCookies,
-          type: "button",
-          name: "cookiesAccept",
-          value: "accept",
-          attributes: {
-            "aria-label": cookieBanner.acceptAdditionalCookies
-          }
-        },
-        {
-          text: cookieBanner.rejectAdditionalCookies,
-          type: "button",
-          name: "cookiesReject",
-          value: "reject",
-          attributes: {
-            "aria-label": cookieBanner.rejectAdditionalCookies
-          }
-        },
-        {
-          text: cookieBanner.viewCookies,
-          href: "https://signin.account.gov.uk/cookies",
-          attributes: {
-            "aria-label": cookieBanner.viewCookies
-          }
-        }
-      ]
-    },
-    {
-      html: acceptHtml,
-      attributes: {
-        "id": "cookies-accepted"
-      },
-      actions: [
-        {
-          text: cookieBanner.hideCookieMessage,
-          href: "#",
-          type: "button",
-          classes:"cookie-hide-button",
-          attributes: {
-            "aria-label": cookieBanner.hideCookieMessage
-          }
-        }
-      ],
-      hidden: true
-    },
-    {
-      html: rejectedHtml,
-      attributes: {
-        "id": "cookies-rejected"
-      },
-      actions: [
-        {
-          text: cookieBanner.hideCookieMessage,
-          href: "#",
-          type: "button",
-          classes:"cookie-hide-button",
-          attributes: {
-            "aria-label": cookieBanner.hideCookieMessage
-          }
-        }
-      ],
-      hidden: true
-    }
-  ],  hidden: false
-}) }}

package/build/components/footer/_index.scss

@@ -1,28 +0,0 @@
-@media (max-width: 256px) {
-
-  .govuk-footer__crown{
-    max-width: 100%;
-    max-height: auto;
-  }
-}
-
-.govuk-footer{
-    padding-top: 25px;
-    padding-bottom: 15px;
-    border-top: 1px solid #b1b4b6;
-    color: #0b0c0c;
-    background: #f3f2f1;
-}
-
-.govuk-template--rebranded .govuk-footer {
-    border-top: 10px solid #1d70b8;
-    background: #f4f8fb;
-}
-
-.govuk-footer__copyright-logo::before {
-  background: rgb(110,119,122,255);
-}
-
-.govuk-template--rebranded .govuk-footer__copyright-logo::before{
-  background: currentcolor
-}

package/build/components/footer/footer.yaml

@@ -1,5 +0,0 @@
-params:
-  - name: translations
-    type: string
-    required: true
-    description: translations from middleware 

package/build/components/footer/macro.njk

@@ -1 +0,0 @@
-{% macro frontendUiFooter(params) %} {%- include "./template.njk" -%} {% endmacro %}

package/build/components/footer/template.njk

@@ -1,12 +0,0 @@
-{% set footer = params.translations %}
-
-{% from "govuk/components/footer/macro.njk" import govukFooter %}
-    {{ govukFooter({
-    meta: { items: footer.footerNavItems },
-    contentLicence: { html: footer.contentLicence.html },
-    copyright: { text: footer.copyright.text },
-    rebrand: MAY_2025_REBRAND_ENABLED,
-    attributes: {
-        "aria-label": "footer"
-    }
-    }) }}

package/build/components/header/README.md

@@ -1,34 +0,0 @@
-# Header
-
-###### For translations to work you __must__ pass in the `header: translations` varible
-```html
-{% block header %}
-{{ frontendUiHeader
-  ({
-    header: translations
-  })
-  }}
-{% endblock %}
-```
-
-###### In order to remove the linking capability of the header logo and text include the `isEmbeddedMobileApp = true` variable within your repos basefile when you are calling the header
-```html
-{% block header %}
-{{ frontendUiHeader
-  ({
-    isEmbeddedMobileApp = true
-  })
-  }}
-{% endblock %}
-```
-
-###### To enable the sign out functionality of the heade include the `signOutLink` variable within your repos basefile when calling the header
-```html
-{% block header %}
-  {{ frontendUiHeader
-  ({
-    signOutLink: 'https://signin.account.gov.uk/signed-out'
-  })
-  }}
-{% endblock %}
-```

package/build/components/header/_index.scss

@@ -1,102 +0,0 @@
-@media (max-width: 640px) {
-  .govuk-header__navigation-item {
-    border-left: none !important;
-  }
-  .govuk-template--rebranded .govuk-header__navigation-list {
-    padding-bottom: 0px !important;
-  }
-
-    .govuk-header__navigation-item{
-      padding-top: 8px !important;
-    }
-  } 
-
-.frontendUi_header_signOut-item {
-  padding: 5px 0px 5px 30px;
-  border-left: 1px solid #b1b4b6;
-  margin-left: auto;
-}
-
-.frontendUi_header_signOut-item--rebrand {
-  border-left: none;
-  padding: 5px 0px 5px 0px;
-  margin-left: auto;
-  font-weight: 700 !important;
-}
-
-.frontendUi_header__signOut {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.frontendUi-header__content {
-  margin-left: auto;
-}
-
-.govuk-header__navigation--signOut {
-  padding: 15px 0 15px !important;
-}
-
-.govuk-template--rebranded .govuk-header__navigation {
-  padding: 15px 0 15px !important;
-}
-
-@media (max-width: 640px) {
-  .govuk-header__navigation--signOut {
-    padding: 18px 0 8px !important;
-  }
-
-  .govuk-template--rebranded .govuk-header__navigation {
-    padding: 18px 0 8px !important;
-  }
-}
-
-.govuk-template--rebranded .govuk-header__navigation-item a {
-  font-weight: 700 !important;
-}
-
-.govuk-template--rebranded .govuk-header__navigation-item {
-  padding-top: 5px !important;
-}
-
-@media (min-width: 20em) and (max-width: 48.0525em) {
-  .govuk-template--rebranded .govuk-header__navigation-list {
-    padding-bottom: 0px;
-  }
-}
-
-@media (max-width: 323px) {
-
-.govuk-header__logo{
-  padding-right: 5px;
-}
-
-.frontendUi_header_signOut-item
-{
-  padding-left: 0px;
-}
-}
-
-@media (max-width: 261px) {
-
-      .frontendUi-header__content {
-    margin-left: unset;
-}
-
-
-
-
-.govuk-template--rebranded .govuk-header__navigation {
-        padding: 0px 0 8px !important;
-    }
-
-  .govuk-header__logotype{
-    max-width: 100%;
-    max-height: auto;
-  }
-
-  .govuk-template--rebranded .govuk-header__logo{
-  padding-top: 5% !important;
-  padding-bottom: 5% !important;
-}
-}

package/build/components/header/header.yaml

@@ -1,16 +0,0 @@
-params:
-  - name: translations
-    type: string
-    required: true
-    description: translations from middleware 
-  - name: isEmbeddedMobileApp
-    type: boolean
-    required: false
-    description: disables the gov.uk link in the header
-  - name: signOutLink
-    type: string
-    required: false
-    description: where the signout button will direct the user
-
-    
-

package/build/components/header/macro.njk

@@ -1,3 +0,0 @@
-{% macro frontendUiHeader(params) %}
-  {%- include "./template.njk" -%}
-{% endmacro %}