hof 22.0.1 → 22.0.3-nodemailer-dependency-beta

package/sandbox/server.js

@@ -8,16 +8,11 @@ bootstrap({
   routes: [
     require('./apps/sandbox')
   ],
-  behaviours: [
-    require('../').components.sessionTimeoutWarning
-  ],
   rateLimits: {
     requests: {
       active: true
     }
   },
   getAccessibility: true,
-  sessionTimeoutWarningContent: true,
-  exitFormContent: true,
   "port": 8082
 });

package/wizard/index.js

@@ -67,8 +67,6 @@ const Wizard = (steps, fields, setts) => {
     options.route = route;
     options.appConfig = settings.appConfig;
     options.confirmStep = settings.confirmStep;
-    options.exitStep = settings.exitStep;
-    options.saveAndExitStep = settings.saveAndExitStep;
     options.clearSession = options.clearSession || false;
     options.fieldsConfig = _.cloneDeep(fields);
     options.sanitiseInputs = settings.sanitiseInputs;

package/components/session-timeout-warning/index.js

@@ -1,67 +0,0 @@
-/**
- *
- * @fileOverview
- * Provides custom behavior for handling session timeout warnings and exit actions. This includes
- * - Resetting the session if the user exits due to a session timeout.
- * - Customizing the session timeout warning dialog content.
- * - Setting custom content and titles on the exit page.
- *
- * @module SessionTimeoutWarningBehavior
- * @requires ../../config/hof-defaults
- * @param {Class} superclass - The class to be extended.
- * @returns {Class} - The extended class with session timeout handling functionality.
- */
-
-'use strict';
-const config = require('../../config/hof-defaults');
-const logger = require('../../lib/logger')(config);
-
-module.exports = superclass => class extends superclass {
-  configure(req, res, next) {
-    try {
-      // Reset the session if the user chooses to exit on session timeout warning
-      if (req.form.options.route === '/exit') {
-        req.sessionModel.reset();
-        logger.log('info', 'Session has been reset on exit');
-      }
-      return super.configure(req, res, next);
-    } catch (error) {
-      logger.error('Error during session reset:', error);
-      return next(error); // Pass the error to the next middleware for centralised handling
-    }
-  }
-
-  locals(req, res) {
-    // set the custom session dialog message
-    const superLocals = super.locals(req, res);
-    if (res.locals.sessionTimeoutWarningContent === true) {
-      superLocals.dialogTitle = true;
-      superLocals.dialogText = true;
-      superLocals.timeoutContinueButton = true;
-      superLocals.dialogExitLink = true;
-    }
-
-    // set the content on /exit page
-    if (req.form.options.route === '/exit' && config.exitFormContent === true) {
-      superLocals.exitFormContent = true;
-      return superLocals;
-    } else if (req.form.options.route === '/exit' && config.exitFormContent === false) {
-      superLocals.header = req.translate('exit.header');
-      superLocals.title = req.translate('exit.title');
-      superLocals.message = req.translate('exit.message');
-      return superLocals;
-    }
-
-    // set the content on /save-and-exit page
-    if (req.form.options.route === '/save-and-exit' && config.saveExitFormContent === true) {
-      superLocals.saveExitFormContent = true;
-      return superLocals;
-    } else if (req.form.options.route === '/save-and-exit' && config.saveExitFormContent === false) {
-      superLocals.header = req.translate('save-and-exit.header');
-      superLocals.title = req.translate('save-and-exit.title');
-      superLocals.message = req.translate('save-and-exit.message');
-      return superLocals;
-    }
-    return superLocals;
-  }
-};

package/frontend/template-partials/translations/src/en/exit.json

@@ -1,5 +0,0 @@
-{
-  "header": "You have left this form",
-  "title": "You have left this form",
-  "message": "We have cleared your information to keep it secure. Your information has not been saved."
-}

package/frontend/template-partials/translations/src/en/save-and-exit.json

@@ -1,4 +0,0 @@
-{
-  "header": "You have been signed out",
-  "message": "Any answers you saved have not been affected. You can sign back in to your application by returning to the <a href='/' class='govuk-link'>start page</a>."
-}

package/frontend/template-partials/views/exit.html

@@ -1,9 +0,0 @@
-{{<layout}}
-  {{$header}}
-    {{header}}
-  {{/header}}
-  {{$content}}
-  <h2 class="govuk-heading-m">{{#exitFormContent}}{{#t}}pages.exit.message{{/t}}{{/exitFormContent}}{{^exitFormContent}}{{#t}}{{message}}{{/t}}{{/exitFormContent}}</h2>
-  <a href="/" class="govuk-button" role="button">{{#t}}buttons.start-again{{/t}}</a>
-  {{/content}}
-{{/layout}}

package/frontend/template-partials/views/partials/session-timeout-warning.html

@@ -1,38 +0,0 @@
-<div class="govuk-timeout-warning-fallback">
-  <p>We will reset your application if you do not complete the page and press continue
-  in 5 minutes.</p>
-  <p>We do this to keep your information secure.</p>
-</div>
-
-<dialog id="js-modal-dialog" data-session-timeout="{{sessionTimeOut}}" data-session-timeout-warning="{{sessionTimeOutWarning}}"
-data-url-redirect="/session-timeout" class="modal-dialog dialog" role="dialog"
-  aria-live="polite" aria-labelledby="dialog-title" aria-describedby="at-timer">
-  <div class="modal-dialog__inner">
-  {{^showSaveAndExit}}
-    <h2 id="dialog-title" class="govuk-heading-l">
-      {{#dialogTitle}}{{#t}}pages.session-timeout-warning.dialog-title{{/t}}{{/dialogTitle}}{{^dialogTitle}}Your page will time out soon{{/dialogTitle}}
-    </h2>
-    <div class="govuk-body">
-      <div id="timer" class="timer" aria-hidden="true" aria-relevant="additions"></div>
-      <div id="at-timer" class="at-timer govuk-visually-hidden" role="status"></div>
-      <p class="dialog-text-prefix visually-hidden">To protect your information, this page will time out in </p>
-      <p class="dialog-text visually-hidden">{{#dialogText}}{{#t}}pages.session-timeout-warning.dialog-text{{/t}}{{/dialogText}}{{^dialogText}}If that happens, your progress will not be saved.{{/dialogText}}</p>
-    </div>
-      <button class="govuk-button dialog-button js-dialog-close" id="timeout-continue-button" data-module="govuk-button">{{#timeoutContinueButton}}{{#t}}pages.session-timeout-warning.timeout-continue-button{{/t}}{{/timeoutContinueButton}}{{^timeoutContinueButton}}Stay on this page{{/timeoutContinueButton}}</button>
-      <a href="{{baseUrl}}{{exitStep}}" class="govuk-link dialog-exit-link" role="button">{{#dialogExitLink}}{{#t}}pages.session-timeout-warning.dialog-exit-link{{/t}}{{/dialogExitLink}}{{^dialogExitLink}}Exit this form{{/dialogExitLink}}</a>
-  {{/showSaveAndExit}}
-  {{#showSaveAndExit}}
-    <h2 id="dialog-title" class="govuk-heading-l">
-      {{#dialogTitle}}{{#t}}pages.session-timeout-warning.dialog-title{{/t}}{{/dialogTitle}}{{^dialogTitle}}You will be signed out soon{{/dialogTitle}}
-    </h2>
-    <div class="govuk-body">
-      <div id="timer" class="timer" aria-hidden="true" aria-relevant="additions"></div>
-      <div id="at-timer" class="at-timer govuk-visually-hidden" role="status"></div>
-      <p class="dialog-text-prefix visually-hidden">To protect your information, you will be signed out in </p>
-      <p class="dialog-text visually-hidden">{{#dialogText}}{{#t}}pages.session-timeout-warning.dialog-text{{/t}}{{/dialogText}}{{^dialogText}}Any answers you have saved will not be affected, but your progress on this page will not be saved.{{/dialogText}}</p>
-    </div>
-      <button class="govuk-button dialog-button js-dialog-close" id="timeout-continue-button" data-module="govuk-button">{{#timeoutContinueButton}}{{#t}}pages.session-timeout-warning.timeout-continue-button{{/t}}{{/timeoutContinueButton}}{{^timeoutContinueButton}}Stay signed in{{/timeoutContinueButton}}</button>
-      <a href="{{baseUrl}}{{saveAndExitStep}}" class="govuk-link dialog-exit-link" role="button">{{#dialogExitLink}}{{#t}}pages.session-timeout-warning.dialog-exit-link{{/t}}{{/dialogExitLink}}{{^dialogExitLink}}Sign out{{/dialogExitLink}}</a>
-  {{/showSaveAndExit}}
-  </div>
-</dialog>

package/frontend/template-partials/views/save-and-exit.html

@@ -1,17 +0,0 @@
-{{<layout}}
-  {{$journeyHeader}}
-  {{#t}}journey.header{{/t}}
-  {{/journeyHeader}}
-
-  {{$propositionHeader}}
-  {{> partials-navigation}}
-  {{/propositionHeader}}
-
-  {{$header}}
-    {{header}}
-  {{/header}}
-
-  {{$content}}
-   <p>{{#saveExitFormContent}}{{#t}}pages.save-and-exit.message{{/t}}{{/saveExitFormContent}}{{^saveExitFormContent}}{{{message}}}{{/saveExitFormContent}}</p>
-  {{/content}}
-{{/layout}}

package/frontend/themes/gov-uk/client-js/session-timeout-dialog.js

@@ -1,348 +0,0 @@
-/* eslint max-len: 0 */
-'use strict';
-
-const $ = require('jquery');
-window.dialogPolyfill = require('dialog-polyfill');
-
-// Modal dialog prototype
-window.GOVUK.sessionDialog = {
-  el: document.getElementById('js-modal-dialog'),
-  $el: $('#js-modal-dialog'),
-  $lastFocusedEl: null,
-  $closeButton: $('.modal-dialog .js-dialog-close'),
-  $fallBackElement: $('.govuk-timeout-warning-fallback'),
-  dialogIsOpenClass: 'dialog-is-open',
-  timers: [],
-  warningTextPrefix: $('.dialog-text-prefix').text(),
-  warningTextSuffix: '.',
-  warningText: $('.dialog-text').text(),
-  warningTextExtra: '',
-
-  // Timer specific markup. If these are not present, timeout and redirection are disabled
-  $timer: $('#js-modal-dialog .timer'),
-  $accessibleTimer: $('#js-modal-dialog .at-timer'),
-
-  secondsSessionTimeout: parseInt($('#js-modal-dialog').data('session-timeout'), 10 || 1800),
-  secondsTimeoutWarning: parseInt($('#js-modal-dialog').data('session-timeout-warning'), 10 || 300),
-  timeoutRedirectUrl: $('#js-modal-dialog').data('url-redirect'),
-  timeSessionRefreshed: new Date(),
-
-  bindUIElements: function () {
-    window.GOVUK.sessionDialog.$closeButton.on('click', function (e) {
-      e.preventDefault();
-      window.GOVUK.sessionDialog.closeDialog();
-    });
-
-    // Close modal when ESC pressed
-    $(document).keydown(function (e) {
-      if (window.GOVUK.sessionDialog.isDialogOpen() && e.keyCode === 27) {
-        window.GOVUK.sessionDialog.closeDialog();
-      }
-    });
-  },
-
-  isDialogOpen: function () {
-    return window.GOVUK.sessionDialog.el && window.GOVUK.sessionDialog.el.open;
-  },
-
-  isConfigured: function () {
-    return window.GOVUK.sessionDialog.$timer.length > 0 &&
-      window.GOVUK.sessionDialog.$accessibleTimer.length > 0 &&
-      window.GOVUK.sessionDialog.secondsSessionTimeout &&
-      window.GOVUK.sessionDialog.secondsTimeoutWarning &&
-      window.GOVUK.sessionDialog.timeoutRedirectUrl;
-  },
-
-  openDialog: function () {
-    if (!window.GOVUK.sessionDialog.isDialogOpen()) {
-      $('html, body').addClass(window.GOVUK.sessionDialog.dialogIsOpenClass);
-      window.GOVUK.sessionDialog.saveLastFocusedEl();
-      window.GOVUK.sessionDialog.makePageContentInert();
-      window.GOVUK.sessionDialog.el.showModal();
-      window.GOVUK.sessionDialog.el.open = true;
-    }
-  },
-
-  closeDialog: function () {
-    if (window.GOVUK.sessionDialog.isDialogOpen()) {
-      $('html, body').removeClass(window.GOVUK.sessionDialog.dialogIsOpenClass);
-      window.GOVUK.sessionDialog.el.close();
-      window.GOVUK.sessionDialog.el.open = false;
-      window.GOVUK.sessionDialog.setFocusOnLastFocusedEl();
-      window.GOVUK.sessionDialog.removeInertFromPageContent();
-      window.GOVUK.sessionDialog.refreshSession();
-    }
-  },
-
-  saveLastFocusedEl: function () {
-    window.GOVUK.sessionDialog.$lastFocusedEl = document.activeElement;
-    if (!window.GOVUK.sessionDialog.$lastFocusedEl || window.GOVUK.sessionDialog.$lastFocusedEl === document.body) {
-      window.GOVUK.sessionDialog.$lastFocusedEl = null;
-    } else if (document.querySelector) {
-      window.GOVUK.sessionDialog.$lastFocusedEl = document.querySelector(':focus');
-    }
-  },
-
-  // Set focus back on last focused el when modal closed
-  setFocusOnLastFocusedEl: function () {
-    if (window.GOVUK.sessionDialog.$lastFocusedEl) {
-      window.setTimeout(function () {
-        window.GOVUK.sessionDialog.$lastFocusedEl.focus();
-      }, 0);
-    }
-  },
-
-  // Set page content to inert to indicate to screenreaders it's inactive
-  // NB: This will look for #content for toggling inert state
-  makePageContentInert: function () {
-    if (document.querySelector('#content')) {
-      document.querySelector('#content').inert = true;
-      document.querySelector('#content').setAttribute('aria-hidden', 'true');
-    }
-  },
-
-  // Make page content active when modal is not open
-  // NB: This will look for #content for toggling inert state
-  removeInertFromPageContent: function () {
-    if (document.querySelector('#content')) {
-      document.querySelector('#content').inert = false;
-      document.querySelector('#content').setAttribute('aria-hidden', 'false');
-    }
-  },
-
-  numberToWords: function (n) {
-    const string = n.toString();
-    let start;
-    let end;
-    let chunk;
-    let ints;
-    let i;
-    let words = 'and';
-
-    if (parseInt(string, 10) === 0) {
-      return 'zero';
-    }
-
-    /* Array of units as words */
-    const units = ['', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine', 'ten', 'eleven', 'twelve', 'thirteen', 'fourteen', 'fifteen', 'sixteen', 'seventeen', 'eighteen', 'nineteen'];
-
-    /* Array of tens as words */
-    const tens = ['', '', 'twenty', 'thirty', 'forty', 'fifty', 'sixty', 'seventy', 'eighty', 'ninety'];
-
-    /* Array of scales as words */
-    const scales = ['', 'thousand', 'million', 'billion', 'trillion', 'quadrillion', 'quintillion', 'sextillion', 'septillion', 'octillion', 'nonillion', 'decillion', 'undecillion', 'duodecillion', 'tredecillion', 'quatttuor-decillion', 'quindecillion', 'sexdecillion', 'septen-decillion', 'octodecillion', 'novemdecillion', 'vigintillion', 'centillion'];
-
-    /* Split user argument into 3 digit chunks from right to left */
-    start = string.length;
-    const chunks = [];
-    while (start > 0) {
-      end = start;
-      chunks.push(string.slice((start = Math.max(0, start - 3)), end));
-    }
-
-    /* Check if function has enough scale words to be able to stringify the user argument */
-    const chunksLen = chunks.length;
-    if (chunksLen > scales.length) {
-      return '';
-    }
-
-    /* Stringify each integer in each chunk */
-    words = [];
-    for (i = 0; i < chunksLen; i++) {
-      chunk = parseInt(chunks[i], 10);
-
-      if (chunk) {
-        /* Split chunk into array of individual integers */
-        ints = chunks[i].split('').reverse().map(parseFloat);
-
-        /* If tens integer is 1, i.e. 10, then add 10 to units integer */
-        if (ints[1] === 1) {
-          ints[0] += 10;
-        }
-
-        /* Add scale word if chunk array item exists */
-        if (scales[i]) {
-          words.push(scales[i]);
-        }
-
-        /* Add unit word if array item exists */
-        if (units[ints[0]]) {
-          words.push(units[ints[0]]);
-        }
-
-        /* Add tens word if array item exists */
-        if (tens[ints[1]]) {
-          words.push(tens[ints[1]]);
-        }
-
-        /* Add hundreds word if array item exists */
-        if (units[ints[2]]) {
-          words.push(units[ints[2]] + ' hundred');
-        }
-      }
-    }
-    return words.reverse().join(' ');
-  },
-
-  // Attempt to convert numerics into text as OS VoiceOver
-  // occasionally stalled when encountering numbers
-  timeToWords: function (t, unit) {
-    let words;
-    if (t > 0) {
-      try {
-        words = window.GOVUK.sessionDialog.numberToWords(t);
-      } catch (e) {
-        words = t;
-      }
-      words = words + ' ' + window.GOVUK.sessionDialog.pluralise(t, unit);
-    } else {
-      words = '';
-    }
-    return words;
-  },
-
-  pluralise: function (n, unit) {
-    return n === 1 ? unit : unit + 's';
-  },
-
-  numericSpan: function (n, unit) {
-    return '<span class="tabular-numbers">' + n + '</span> ' + window.GOVUK.sessionDialog.pluralise(n, unit);
-  },
-
-  countdownText: function (minutes, seconds) {
-    const minutesText = window.GOVUK.sessionDialog.numericSpan(minutes, 'minute');
-    const secondsText = window.GOVUK.sessionDialog.numericSpan(seconds, 'second');
-    return minutes > 0 ? minutesText : secondsText;
-  },
-
-  countdownAtText: function (minutes, seconds) {
-    const minutesText = window.GOVUK.sessionDialog.timeToWords(minutes, 'minute');
-    const secondsText = window.GOVUK.sessionDialog.timeToWords(seconds, 'second');
-    return minutes > 0 ? minutesText : secondsText;
-  },
-
-  startCountdown: function () {
-    const $timer = window.GOVUK.sessionDialog.$timer;
-    const $accessibleTimer = window.GOVUK.sessionDialog.$accessibleTimer;
-    let timerRunOnce = false;
-    const iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
-
-    const seconds = window.GOVUK.sessionDialog.secondsUntilSessionTimeout();
-    const minutes = seconds / 60;
-
-    $timer.text(minutes + ' minute' + (minutes > 1 ? 's' : ''));
-
-    (function countdown() {
-      const secondsUntilSessionTimeout = window.GOVUK.sessionDialog.secondsUntilSessionTimeout();
-      const timerExpired = secondsUntilSessionTimeout <= 0;
-
-      if (!timerExpired) {
-        const minutesLeft = parseInt(secondsUntilSessionTimeout / 60, 10);
-        const secondsLeft = parseInt(secondsUntilSessionTimeout % 60, 10);
-
-        // Below string will get read out by screen readers every time
-        // the timeout refreshes.
-        // Add additional information in extraText which will get announced to AT the
-        // first time the time out opens
-        const countdownText = window.GOVUK.sessionDialog.countdownText(minutesLeft, secondsLeft);
-        const text = window.GOVUK.sessionDialog.warningTextPrefix + '<strong>' + countdownText + '</strong>' + window.GOVUK.sessionDialog.warningTextSuffix + '<p>' + window.GOVUK.sessionDialog.warningText + '</p>';
-        const countdownAtText = window.GOVUK.sessionDialog.countdownAtText(minutesLeft, secondsLeft);
-        const atText = window.GOVUK.sessionDialog.warningTextPrefix + countdownAtText + window.GOVUK.sessionDialog.warningTextSuffix + ' ' + window.GOVUK.sessionDialog.warningText;
-        const extraText = '\n' + window.GOVUK.sessionDialog.warningTextExtra;
-
-        $timer.html(text + ' ' + extraText);
-
-        // Update screen reader friendly content every 20 secs
-        if (secondsLeft % 20 === 0) {
-          // Read out the extra content only once.
-          // Don't read out on iOS VoiceOver which stalls on the longer text
-          if (!timerRunOnce && !iOS) {
-            $accessibleTimer.text(atText + extraText);
-            timerRunOnce = true;
-          } else {
-            $accessibleTimer.text(atText);
-          }
-        }
-
-        window.GOVUK.sessionDialog.addTimer(countdown, 20);
-      }
-    })();
-  },
-
-  // Clears all timers
-  clearTimers: function () {
-    for (let i = 0; i < window.GOVUK.sessionDialog.timers.length; i++) {
-      clearInterval(window.GOVUK.sessionDialog.timers[i]);
-    }
-  },
-
-  refreshSession: function () {
-    $.get('');
-    window.GOVUK.sessionDialog.timeSessionRefreshed = new Date();
-    window.GOVUK.sessionDialog.controller();
-  },
-
-  redirect: function () {
-    window.location = window.GOVUK.sessionDialog.timeoutRedirectUrl;
-  },
-
-  // JS doesn't allow resetting timers globally so timers need
-  // to be retained for resetting.
-  addTimer: function (f, seconds) {
-    window.GOVUK.sessionDialog.timers.push(setInterval(f, seconds * 1000));
-  },
-
-  secondsSinceRefresh: function () {
-    return Math.round(Math.abs((window.GOVUK.sessionDialog.timeSessionRefreshed - new Date()) / 1000));
-  },
-
-  secondsUntilSessionTimeout: function () {
-    return window.GOVUK.sessionDialog.secondsSessionTimeout - window.GOVUK.sessionDialog.secondsSinceRefresh();
-  },
-
-  secondsUntilTimeoutWarning: function () {
-    return window.GOVUK.sessionDialog.secondsUntilSessionTimeout() - window.GOVUK.sessionDialog.secondsTimeoutWarning;
-  },
-
-  // countdown controller logic
-  controller: function () {
-    window.GOVUK.sessionDialog.clearTimers();
-
-    const secondsUntilSessionTimeout = window.GOVUK.sessionDialog.secondsUntilSessionTimeout();
-
-    if (secondsUntilSessionTimeout <= 0) {
-      // timed out - redirect
-      window.GOVUK.sessionDialog.redirect();
-    } else if (secondsUntilSessionTimeout <= window.GOVUK.sessionDialog.secondsTimeoutWarning) {
-      // timeout warning - show countdown and schedule redirect
-      window.GOVUK.sessionDialog.openDialog();
-      window.GOVUK.sessionDialog.startCountdown();
-      window.GOVUK.sessionDialog.addTimer(window.GOVUK.sessionDialog.controller, window.GOVUK.sessionDialog.secondsUntilSessionTimeout());
-    } else {
-      // wait for warning
-      window.GOVUK.sessionDialog.addTimer(window.GOVUK.sessionDialog.controller, window.GOVUK.sessionDialog.secondsUntilTimeoutWarning());
-    }
-  },
-
-  init: function (options) {
-    $.extend(window.GOVUK.sessionDialog, options);
-    if (window.GOVUK.sessionDialog.el && window.GOVUK.sessionDialog.isConfigured()) {
-      // Native dialog is not supported by some browsers so use polyfill
-      if (typeof HTMLDialogElement !== 'function') {
-        try {
-          window.dialogPolyfill.registerDialog(window.GOVUK.sessionDialog.el);
-          return true;
-        } catch (error) {
-          // Doesn't support polyfill (IE8) - display fallback element
-          window.GOVUK.sessionDialog.$fallBackElement.classList.add('govuk-!-display-block');
-          return false;
-        }
-      }
-      window.GOVUK.sessionDialog.bindUIElements();
-      window.GOVUK.sessionDialog.controller();
-      return true;
-    }
-    return false;
-  }
-};
-window.GOVUK.sessionDialog.init();

package/frontend/themes/gov-uk/styles/_session-timeout-dialog.scss

@@ -1,121 +0,0 @@
-.modal-dialog {
-  display: none;
-}
-
-.modal-dialog--no-js-persistent {
-  display: inline-block;
-}
-
-.js-enabled {
-  .modal-dialog--no-js-persistent {
-    display: none;
-
-    &[open], .dialog-button {
-      display: inline-block;
-    }
-  }
-
-  .modal-dialog[open] {
-    display: inline-block;
-  }
-}
-
-.modal-dialog[open] {
-  overflow-x: hidden;
-  overflow-y: auto;
-  max-height: 90vh;
-  padding: 0;
-  margin-bottom: 0;
-  margin-top: 0;
-  position: fixed;
-  top: 50% !important;
-  -webkit-transform: translate(0, -50%);
-  -ms-transform: translate(0, -50%);
-  transform: translate(0, -50%);
-}
-
-@media (min-width: 641px) {
-  .modal-dialog[open] {
-    padding: 0;
-  }
-}
-
-.modal-dialog__inner {
-  padding: 20px;
-}
-
-.modal-dialog #dialog-title {
-  margin-top: 0;
-}
-
-.dialog-is-open {
-  overflow: hidden;
-}
-
-dialog {
-  left: 0;
-  right: 0;
-  width: -moz-fit-content;
-  width: -webkit-fit-content;
-  width: fit-content;
-  height: -moz-fit-content;
-  height: -webkit-fit-content;
-  height: fit-content;
-  margin: auto;
-  border: solid;
-  padding: 1em;
-  background: white;
-  color: black;
-  display: none;
-  border: 5px solid black;
-
-  + .backdrop {
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    background: rgba(0, 0, 0, 0.8);
-  }
-
-  &[open] {
-    display: block;
-    box-sizing: border-box;
-    margin: 0 auto;
-    padding: 15px;
-    width: 90%;
-
-    + .backdrop, &::backdrop {
-      background: rgba(0, 0, 0, 0.8);
-    }
-  }
-}
-
-@media (min-width: 641px) {
-  dialog[open] {
-    padding: 30px;
-    margin: 30px auto;
-    max-width: 500px;
-  }
-}
-
-.js-enabled .govuk-timeout-warning-fallback {
-  display: none;
-}
-
-.tabular-numbers {
-  font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
-}
-
-.dialog-exit-link {
-  @include govuk-font($size: 24);
-  display: inline-block;
-
-  @include govuk-media-query($from: tablet) {
-    @include govuk-font($size: 19);
-
-    position: relative;
-    padding: 0.526315em 0.789473em 0.263157em;
-    line-height: 1.5;
-  }
-}

package/sandbox/apps/sandbox/translations/src/en/exit.json

@@ -1,4 +0,0 @@
-{
-  "header": "You have left this form",
-  "title": "You have left this form"
-}

package/sandbox/apps/sandbox/views/save-and-exit.html

@@ -1,19 +0,0 @@
-{{<layout}}
-  {{$journeyHeader}}
-  {{#t}}journey.header{{/t}}
-  {{/journeyHeader}}
-
-  {{$propositionHeader}}
-  {{> partials-navigation}}
-  {{/propositionHeader}}
-
-  {{$header}}
-    {{header}}
-  {{/header}}
-
-  {{$content}}
-   <p>{{#t}}pages.save-and-exit.paragraph-1{{/t}}</p>
-   <p>{{#t}}pages.save-and-exit.paragraph-2{{/t}}</p>
-   <p>{{#t}}pages.save-and-exit.paragraph-3{{/t}}</p>
-  {{/content}}
-{{/layout}}