PLATUI-1154: Add polyfill for Number.isNaN to fix timeout dialog issu…

…e on IE

Tested that the timeout dialog displays on:

Mac OS 11.3 Chrome 90
Mac OS 11.3 Firefox 88
Mac OS 11.3 Safari 14.1
Windows 10 IE 11
Windows 10 Edge 90
Windows 10 Firefox 88
Windows 10 Chrome 90
Android v9 Samsung Galaxy S10 Chrome
Android v9 Samsung Galaxy S10 Samsung Internet
iPhone X, iOS 14.4.2, Safari
iPhone X, iOS 14.4.2, Chrome

CHANGELOG.md

@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 
 ## [Unreleased]
 
+## [1.33.0] - 2021-05-04
+
+## Fixed
+
+- Fix timeout dialog on IE by adding polyfill for Number.isNaN
+
 ## [1.32.0] - 2021-04-29
 
 ## Fixed

check-compatibility.js

@@ -14,7 +14,7 @@ if (!knownPrototypeKitNames.includes(consumerPackageJson.name)) {
 }
 
 const compatibility = {
-  1.30: {
+  1.33: {
     'prototype-kit': ['9.12', '9.11', '9.10', '9.9', '9.8', '9.7', '9.6', '9.5', '9.4', '9.3', '9.2', '9.1', '9.0', '9.9', '9.10', '9.11'],
   },
   0.6: {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "hmrc-frontend",
-  "version": "1.32.0",
+  "version": "1.33.0",
   "description": "Design patterns for HMRC frontends",
   "scripts": {
     "start": "gulp dev",

src/components/timeout-dialog/validate-input.js

@@ -1,3 +1,5 @@
+import '../../vendor/polyfills/Number/prototype/isNaN';
+
 function ValidateInput() {
 }
 

src/vendor/polyfills/Number/prototype/isNaN.js

@@ -0,0 +1,4 @@
+// Polyfill from https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/isNaN
+Number.isNaN = Number.isNaN || function isNaN(input) {
+  return typeof input === 'number' && input !== input;
+}