@nice-digital/global-nav 5.0.940 → 7.0.930

package/lib/Header/Account/Account.js

@@ -1,70 +1,53 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
-
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-
 var _HeaderContext = require("../context/HeaderContext");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _niceAccounts = require("./nice-accounts");
-
 var _AccountModule = _interopRequireDefault(require("./Account.module.scss"));
-
 var _tracker = require("../../tracker");
-
+var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function Account(props) {
-  var _this = this;
-
+  var _props$provider = props.provider,
+    provider = _props$provider === void 0 ? "niceAccounts" : _props$provider;
   // We've left this is state as per the pre-hook implementation
-  var _useState = (0, _react.useState)(props.provider == Account.providers.idam),
-      doesUseIdAM = _useState[0];
-
+  var _useState = (0, _react.useState)(provider == Account.providers.idam),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 1),
+    doesUseIdAM = _useState2[0];
   var _useContext = (0, _react.useContext)(_HeaderContext.HeaderContext),
-      accountMenuIsExpanded = _useContext.accountMenuIsExpanded,
-      setAccountMenuIsExpanded = _useContext.setAccountMenuIsExpanded;
-
+    accountMenuIsExpanded = _useContext.accountMenuIsExpanded,
+    setAccountMenuIsExpanded = _useContext.setAccountMenuIsExpanded;
   var keypress = (0, _react.useRef)(),
-      myAccountButton = (0, _react.useRef)(),
-      myAccountMenu = (0, _react.useRef)();
+    myAccountButton = (0, _react.useRef)(),
+    myAccountMenu = (0, _react.useRef)();
   var handleMyAccountButtonClick = (0, _react.useCallback)(function (e) {
-    var _this2 = this;
-
-    (0, _newArrowCheck2["default"])(this, _this);
     keypress.current = e.pageX;
     setAccountMenuIsExpanded(function (prevState) {
-      (0, _newArrowCheck2["default"])(this, _this2);
       return !prevState;
-    }.bind(this));
-  }.bind(this), []);
-
+    });
+  }, []);
   function focusAccount() {
     myAccountMenu && myAccountMenu.current.setAttribute("tabIndex", -1);
     myAccountMenu && myAccountMenu.current.focus();
   }
-
   (0, _react.useEffect)(function () {
-    (0, _newArrowCheck2["default"])(this, _this);
-
     if (!keypress.current && accountMenuIsExpanded) {
       focusAccount();
     }
-  }.bind(this), [accountMenuIsExpanded]);
-
+  }, [accountMenuIsExpanded]);
   function handleKeyDown(e) {
     if (e.key === "Escape" || e.key === "Esc") {
       e.preventDefault();
@@ -72,11 +55,9 @@ function Account(props) {
       myAccountButton && myAccountButton.current.focus();
     }
   }
-
   function handleMenuItemClick(e) {
     var href = e.currentTarget.getAttribute("href");
     var eventLabel;
-
     if (href.indexOf("editprofile") > -1) {
       eventLabel = "Edit profile";
     } else if (href.indexOf("signout") > -1) {
@@ -84,41 +65,35 @@ function Account(props) {
     } else if (href.indexOf("signin") > -1) {
       eventLabel = "Sign in";
     }
-
     if (eventLabel) {
       e.preventDefault();
       (0, _tracker.trackEvent)(_tracker.defaultEventCategory, _tracker.headerClickEventAction, eventLabel, null, href, function () {
-        window.location.href = href;
+        window.location.assign(href);
       });
     }
   }
-
   (0, _react.useEffect)(function () {
-    (0, _newArrowCheck2["default"])(this, _this);
     var consultationsResponsesLink = {
       "Consultation responses": "https://www.nice.org.uk/consultations/"
     };
-
     if (doesUseIdAM) {
       //nice accounts supplies links like: {"John Holland":"https://accounts.nice.org.uk/users/143980/editprofile","Sign out":"https://accounts.nice.org.uk/signout"}
       //idam supplies links like:[{ key: "My profile", value: "/Account/todo" },{ key: "Sign out", value: "/Account/Logout" }]
       //the following just converts the idam format to the nice accounts format.
+
       var displayName = props.displayName;
       var isLoggedIn = !!displayName;
       var links = props.links.reduce(function (links, link) {
         links[link.text] = link.url;
         return links;
       }, {});
-
       if (isLoggedIn) {
-        links = (0, _extends2["default"])({}, consultationsResponsesLink, links);
+        links = _objectSpread(_objectSpread({}, consultationsResponsesLink), links);
       }
-
       var convertedData = {
         display_name: displayName,
         links: links
       };
-
       if (props.onLoginStatusChecked) {
         props.onLoginStatusChecked(convertedData);
       }
@@ -126,87 +101,90 @@ function Account(props) {
       //NICE accounts
       (0, _niceAccounts.checkIsLoggedIn)(props.environment).then(function (data) {
         if (props.onLoginStatusChecked) {
-          data.links = (0, _extends2["default"])({}, consultationsResponsesLink, data.links);
+          data.links = _objectSpread(_objectSpread({}, consultationsResponsesLink), data.links);
           props.onLoginStatusChecked(data);
         }
-      })["catch"](function (e) {
+      }).catch(function (e) {
         console.warn("Couldn't load account data from NICE accounts", e);
       });
     }
-  }.bind(this), []);
+  }, []);
   var accountsData = props.accountsData,
-      environment = props.environment;
+    _props$environment = props.environment,
+    environment = _props$environment === void 0 ? "live" : _props$environment;
   var signInLink = {};
-
   if (doesUseIdAM) {
     signInLink = props.links[0];
   } else {
     signInLink["text"] = "Sign in";
     signInLink["url"] = (0, _niceAccounts.getDomainBaseUrl)(environment) + "signin";
   }
-
-  return props.isLoggedIn ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: _AccountModule["default"].account,
-    "data-tracking": "Account panel"
-  }, /*#__PURE__*/_react["default"].createElement("button", {
-    className: (0, _classnames["default"])(_AccountModule["default"].button, _AccountModule["default"].myAccount),
-    id: "my-account-button",
-    "aria-controls": "my-account",
-    "aria-haspopup": "menu",
-    "aria-expanded": accountMenuIsExpanded,
-    onClick: handleMyAccountButtonClick,
-    onKeyDown: handleKeyDown,
-    ref: myAccountButton
-  }, "My account"), /*#__PURE__*/_react["default"].createElement("ul", {
-    className: _AccountModule["default"].menu,
-    id: "my-account",
-    role: "menu",
-    "aria-hidden": !accountMenuIsExpanded,
-    "aria-labelledby": "my-account-button",
-    onKeyDown: handleKeyDown,
-    ref: myAccountMenu
-  }, doesUseIdAM && accountsData.display_name && /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("span", null, accountsData.display_name)), accountsData.links && Object.keys(accountsData.links).map(function (text, i) {
-    return /*#__PURE__*/_react["default"].createElement("li", {
-      key: i,
-      role: "presentation"
-    }, /*#__PURE__*/_react["default"].createElement("a", {
-      href: accountsData.links[text],
-      role: "menuitem",
-      onClick: handleMenuItemClick,
+  return props.isLoggedIn ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: _AccountModule.default.account,
+    "data-tracking": "Account panel",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+      className: (0, _classnames.default)(_AccountModule.default.button, _AccountModule.default.myAccount),
+      id: "my-account-button",
+      "aria-controls": "my-account",
+      "aria-haspopup": "menu",
+      "aria-expanded": accountMenuIsExpanded,
+      onClick: handleMyAccountButtonClick,
+      onKeyDown: handleKeyDown,
+      ref: myAccountButton,
+      children: "My account"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", {
+      className: _AccountModule.default.menu,
+      id: "my-account",
+      role: "menu",
+      "aria-hidden": !accountMenuIsExpanded,
+      "aria-labelledby": "my-account-button",
       onKeyDown: handleKeyDown,
-      "data-hj-suppress": accountsData.links[text].indexOf("profile") > -1 ? "" : null
-    }, text));
-  }))) : /*#__PURE__*/_react["default"].createElement("a", {
+      ref: myAccountMenu,
+      children: [doesUseIdAM && accountsData.display_name && /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: accountsData.display_name
+        })
+      }), accountsData.links && Object.keys(accountsData.links).map(function (text, i) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          role: "presentation",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+            href: accountsData.links[text],
+            role: "menuitem",
+            onClick: handleMenuItemClick,
+            onKeyDown: handleKeyDown,
+            "data-hj-suppress": accountsData.links[text].indexOf("profile") > -1 ? "" : null,
+            children: text
+          })
+        }, i);
+      })]
+    })]
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
     "data-tracking": "Sign in",
     href: signInLink.url,
-    className: _AccountModule["default"].button,
-    onClick: handleMenuItemClick
-  }, signInLink.text);
+    className: _AccountModule.default.button,
+    onClick: handleMenuItemClick,
+    children: signInLink.text
+  });
 }
-
 var _default = Account;
-exports["default"] = _default;
+exports.default = _default;
 Account.providers = {
   idam: "idam",
   niceAccounts: "niceAccounts"
 };
 Account.propTypes = {
-  isLoggedIn: _propTypes["default"].bool.isRequired,
-  onLoginStatusChecked: _propTypes["default"].func,
-  accountsData: _propTypes["default"].shape({
-    display_name: _propTypes["default"].string,
-    thumbnail: _propTypes["default"].string,
-    links: _propTypes["default"].object
+  isLoggedIn: _propTypes.default.bool.isRequired,
+  onLoginStatusChecked: _propTypes.default.func,
+  accountsData: _propTypes.default.shape({
+    display_name: _propTypes.default.string,
+    thumbnail: _propTypes.default.string,
+    links: _propTypes.default.object
   }),
-  environment: _propTypes["default"].oneOf(["live", "test", "beta", "local"]),
-  provider: _propTypes["default"].oneOf([Account.providers.niceAccounts, Account.providers.idam]),
-  links: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    text: _propTypes["default"].string.isRequired,
-    url: _propTypes["default"].string.isRequired
+  environment: _propTypes.default.oneOf(["live", "test", "beta", "local"]),
+  provider: _propTypes.default.oneOf([Account.providers.niceAccounts, Account.providers.idam]),
+  links: _propTypes.default.arrayOf(_propTypes.default.shape({
+    text: _propTypes.default.string.isRequired,
+    url: _propTypes.default.string.isRequired
   })),
-  displayName: _propTypes["default"].string
-};
-Account.defaultProps = {
-  environment: "live",
-  provider: "niceAccounts"
+  displayName: _propTypes.default.string
 };

package/lib/Header/Account/index.js

@@ -1,10 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _Account = _interopRequireDefault(require("./Account"));
-
-exports["default"] = _Account["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Account.default;
+  }
+});
+var _Account = _interopRequireDefault(require("./Account"));

package/lib/Header/Account/nice-accounts.js

@@ -1,11 +1,13 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.getDomainBaseUrl = exports.checkIsLoggedIn = void 0;
-
 // Checks if you are logged in via NICE Accounts
 // Returns a promise that resolves with the data from NICE Accounts.
 // Returns a promise that rejects if the data could not be loaded.
+
 var checkIsLoggedIn = function checkIsLoggedIn(environment) {
   return new Promise(function (resolve, reject) {
     var url = getDomainBaseUrl(environment) + "tophat";
@@ -13,30 +15,23 @@ var checkIsLoggedIn = function checkIsLoggedIn(environment) {
     var script = document.createElement("script");
     script.src = url + (~url.indexOf("?") ? "&" : "?") + Math.floor(Math.random() * 10000000000);
     var done = false;
-
     script.onload = script.onreadystatechange = function () {
       if (!done && (!script.readyState || script.readyState === "loaded" || script.readyState === "complete")) {
-        done = true; // Handle memory leak in IE
-
+        done = true;
+        // Handle memory leak in IE
         script.onload = script.onreadystatechange = null;
-
         if (body && script.parentNode) {
           body.removeChild(script);
         }
-
         resolve(window._na);
       }
     };
-
     script.onerror = reject;
     body.insertBefore(script, body.firstChild);
   });
 };
-
 exports.checkIsLoggedIn = checkIsLoggedIn;
-
 var getDomainBaseUrl = function getDomainBaseUrl(environment) {
-  return "https://" + (environment !== "live" ? environment + "-" : "") + "accounts.nice.org.uk/";
+  return "https://".concat(environment !== "live" ? environment + "-" : "", "accounts.nice.org.uk/");
 };
-
 exports.getDomainBaseUrl = getDomainBaseUrl;