@nice-digital/global-nav 5.0.940 → 7.0.930

package/lib/Header/Account/AccountOld.js

@@ -1,227 +0,0 @@
-"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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-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");
-
-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; }
-
-var escapeKeyCode = 27;
-
-var Account = /*#__PURE__*/function (_Component) {
-  (0, _inheritsLoose2["default"])(Account, _Component);
-
-  function Account(props) {
-    var _this;
-
-    _this = _Component.call(this, props) || this;
-    _this.state = {
-      isExpanded: false,
-      useIdAM: _this.props.provider == Account.providers.idam
-    };
-    _this.handleMyAccountButtonClick = _this.handleMyAccountButtonClick.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.handleMenuItemClick = _this.handleMenuItemClick.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.handleMegaMenuClick = _this.handleMegaMenuClick.bind((0, _assertThisInitialized2["default"])(_this));
-    return _this;
-  }
-
-  var _proto = Account.prototype;
-
-  _proto.handleMyAccountButtonClick = function handleMyAccountButtonClick(e) {
-    var isKeyboardEvent = !e.pageX;
-    this.setState(function (prevState) {
-      return {
-        isExpanded: !prevState.isExpanded
-      };
-    }, function () {
-      if (this.state.isExpanded && isKeyboardEvent) {
-        var accountMenu = document.getElementById("my-account");
-        accountMenu.setAttribute("tabIndex", -1);
-        accountMenu.focus();
-      }
-    }.bind(this));
-  };
-
-  _proto.handleKeyDown = function handleKeyDown(event) {
-    if (event.keyCode === escapeKeyCode) {
-      event.preventDefault();
-      this.setState({
-        isExpanded: false
-      });
-      document.getElementById("my-account-button").focus();
-    }
-  } // NOTE: We would benefit from managing the state higher up
-  ;
-
-  _proto.handleMegaMenuClick = function handleMegaMenuClick(event) {
-    var megaMenu = document.querySelector("#header-menu");
-
-    if (megaMenu.contains(event.target)) {
-      this.setState({
-        isExpanded: false
-      });
-      megaMenu.focus();
-    }
-  };
-
-  _proto.handleMenuItemClick = 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) {
-      eventLabel = "Sign out";
-    } 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;
-      });
-    }
-  };
-
-  _proto.componentDidMount = function componentDidMount() {
-    var consultationsResponsesLink = {
-      "Consultation responses": "https://www.nice.org.uk/consultations/"
-    };
-
-    if (this.state.useIdAM) {
-      //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 = this.props.displayName;
-      var isLoggedIn = !!displayName;
-      var links = this.props.links.reduce(function (links, link) {
-        links[link.text] = link.url;
-        return links;
-      }, {});
-
-      if (isLoggedIn) {
-        links = (0, _extends2["default"])({}, consultationsResponsesLink, links);
-      }
-
-      var convertedData = {
-        display_name: displayName,
-        links: links
-      };
-
-      if (this.props.onLoginStatusChecked) {
-        this.props.onLoginStatusChecked(convertedData);
-      }
-    } else {
-      //NICE accounts
-      (0, _niceAccounts.checkIsLoggedIn)(this.props.environment).then(function (data) {
-        if (this.props.onLoginStatusChecked) {
-          data.links = (0, _extends2["default"])({}, consultationsResponsesLink, data.links);
-          this.props.onLoginStatusChecked(data);
-        }
-      }.bind(this))["catch"](function (e) {
-        console.warn("Couldn't load account data from NICE accounts", e);
-      }.bind(this));
-    }
-
-    document.addEventListener("click", this.handleMegaMenuClick);
-  };
-
-  _proto.render = function render() {
-    var _this$props = this.props,
-        accountsData = _this$props.accountsData,
-        environment = _this$props.environment;
-    var signInLink = {};
-
-    if (this.state.useIdAM) {
-      signInLink = this.props.links[0];
-    } else {
-      signInLink["text"] = "Sign in";
-      signInLink["url"] = (0, _niceAccounts.getDomainBaseUrl)(environment) + "signin";
-    }
-
-    return this.props.isLoggedIn ? /*#__PURE__*/_react["default"].createElement("div", {
-      className: _AccountModule["default"].account
-    }, /*#__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": this.state.isExpanded,
-      onClick: this.handleMyAccountButtonClick,
-      onKeyDown: this.handleKeyDown
-    }, "My account"), /*#__PURE__*/_react["default"].createElement("ul", {
-      className: _AccountModule["default"].menu,
-      id: "my-account",
-      role: "menu",
-      "aria-hidden": !this.state.isExpanded,
-      "aria-labelledby": "my-account-button",
-      onKeyDown: this.handleKeyDown
-    }, 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: this.handleMenuItemClick,
-        onKeyDown: this.handleKeyDown,
-        "data-hj-suppress": accountsData.links[text].indexOf("profile") > -1 ? "" : null
-      }, text));
-    }.bind(this)))) : /*#__PURE__*/_react["default"].createElement("a", {
-      href: signInLink.url,
-      className: _AccountModule["default"].button,
-      onClick: this.handleMenuItemClick
-    }, signInLink.text);
-  };
-
-  return Account;
-}(_react.Component);
-
-exports["default"] = Account;
-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
-  }),
-  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"
-};