@lendi/navbar 7.15.1 → 7.15.2

package/dist/navbar.cjs.dev.js

@@ -68,7 +68,24 @@ var getTypography__default = /*#__PURE__*/_interopDefault(getTypography);
 var ArrowForward__default = /*#__PURE__*/_interopDefault(ArrowForward);
 var axios__default = /*#__PURE__*/_interopDefault(axios);
 
+function _toPrimitive(input, hint) {
+  if (typeof input !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (typeof res !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
+
 function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -79,23 +96,19 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 
 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 _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = null != arguments[i] ? arguments[i] : {};
@@ -105,7 +118,6 @@ function _objectSpread2(target) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
-
   return target;
 }
 
@@ -128,7 +140,6 @@ function _taggedTemplateLiteral(strings, raw) {
   if (!raw) {
     raw = strings.slice(0);
   }
-
   return Object.freeze(Object.defineProperties(strings, {
     raw: {
       value: Object.freeze(raw)
@@ -209,7 +220,6 @@ var LogoComponent = _ref => {
     })
   });
 };
-
 var LogoComponent$1 = LogoComponent;
 
 var _templateObject$e;
@@ -379,11 +389,9 @@ var initialState = {
 var DropdownMenuContext = /*#__PURE__*/React__default["default"].createContext(initialState);
 var useDropdownMenu = () => {
   var state = React__default["default"].useContext(DropdownMenuContext);
-
   if (!state) {
     throw new Error('Please setup <DropdownMenuProvider /> as a parent component, before using useDropdownMenu().');
   }
-
   return state;
 };
 
@@ -395,29 +403,24 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     reject(error);
     return;
   }
-
   if (info.done) {
     resolve(value);
   } else {
     Promise.resolve(value).then(_next, _throw);
   }
 }
-
 function _asyncToGenerator(fn) {
   return function () {
     var self = this,
-        args = arguments;
+      args = arguments;
     return new Promise(function (resolve, reject) {
       var gen = fn.apply(self, args);
-
       function _next(value) {
         asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
       }
-
       function _throw(err) {
         asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
       }
-
       _next(undefined);
     });
   };
@@ -428,18 +431,16 @@ var RestrictionContext = /*#__PURE__*/React__default["default"].createContext({
 });
 var useRestriction = () => {
   var restrictionState = React__default["default"].useContext(RestrictionContext);
-
   if (!restrictionState) {
     throw new Error('Please setup <RestrictionProvider /> as a parent component, before using useRestriction().');
   }
-
   return restrictionState;
 };
+
 /**
  * RestrictionProvider check the restrictionStatus for FAB/Aussie Ready Customer.
  * @todo This should be removed after Aussire Ready.
  */
-
 var RestrictionProvider = _ref => {
   var {
     children
@@ -453,19 +454,18 @@ var RestrictionProvider = _ref => {
         var restrictionStatus = yield session.getRestrictionStatusForFAB();
         setIsRestricted(restrictionStatus === 'Restricted');
       });
-
       return function fetchStatus() {
         return _ref2.apply(this, arguments);
       };
     }();
+
     /**
      * For Aussie Customer, between FAB & AussieReady, we need to fetch their restriction status.
      * @todo Remove the following after Aussie Ready.
      */
-
-
     if (session.brand === lalaReact.Brand.Aussie) {
-      fetchStatus() // make sure to catch any error
+      fetchStatus()
+      // make sure to catch any error
       .catch(console.error);
     }
   }, [session]);
@@ -571,18 +571,15 @@ var LogoutComponent = () => {
   var logoutPanel = React__default["default"].useRef();
   var hasWindow = typeof window !== 'undefined';
   var theme = Theme.useTheme();
-
   var closeLogoutPanel = e => {
     if (logoutPanel && logoutPanel.current && !logoutPanel.current.contains(e.target)) {
       setIsLogoutDisplay(false);
     }
   };
-
   React__default["default"].useEffect(() => {
     if (hasWindow) {
       window.addEventListener('mousedown', closeLogoutPanel);
     }
-
     return () => {
       if (hasWindow) {
         window.removeEventListener('mousedown', closeLogoutPanel);
@@ -619,12 +616,12 @@ var DEFAULT_DASHBOARD_URL = '/v2/dashboard/';
 var getSignInURL = (brand, env, returnURL) => {
   var urls = lalaUtils.getURLs(brand, lalaReact.Type.Customer, env);
   var dashboardReturnURL = brand === lalaReact.Brand.Domain ? "/loanfinder".concat(DEFAULT_DASHBOARD_URL) : DEFAULT_DASHBOARD_URL;
+
   /**
    * The return URL should be based on origin
    * If origin is homepage or not given, then return URL should be dashboard
    * else, whatever is given.
    */
-
   var newReturnURL = returnURL === undefined || returnURL === '' || returnURL === urls.origin ? dashboardReturnURL : returnURL;
   return "".concat(urls.authenticate, "?returnURL=").concat(encodeURIComponent(newReturnURL));
 };
@@ -677,10 +674,8 @@ var RenderChatOrSideBar = _ref => {
     })
   });
 };
-
 var RenderDesktopAction = _ref2 => {
   var _window, _window$location, _window2, _window2$location;
-
   var {
     dashboardVariant,
     isAuthenticated,
@@ -698,7 +693,6 @@ var RenderDesktopAction = _ref2 => {
   var signInURL = getSignInURL(brand, env, (_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$location = _window2.location) === null || _window2$location === void 0 ? void 0 : _window2$location.href);
   var isDomain = brand === lalaUtils.Brand.Domain;
   var path = isDomain ? PATH_DOMAIN : PATH_LENDI;
-
   var renderSecondaryBtn = (utmCampaign, isAuthenticated, showBookanAppointmentCta, showContinueAction) => {
     return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [(utmCampaign || showContinueAction) && isAuthenticated && /*#__PURE__*/jsxRuntime.jsx(SecondaryAction, {
@@ -749,7 +743,6 @@ var RenderDesktopAction = _ref2 => {
       })]
     });
   };
-
   return /*#__PURE__*/jsxRuntime.jsxs(DesktopActionsWrapper, {
     children: [showTalkToExpertCta && /*#__PURE__*/jsxRuntime.jsx(RenderChatOrSideBar, {
       openCommPanel: openCommPanel,
@@ -759,7 +752,6 @@ var RenderDesktopAction = _ref2 => {
     }), renderSecondaryBtn(utmCampaign, isAuthenticated, showBookanAppointmentCta, showContinueAction), isAuthenticated && /*#__PURE__*/jsxRuntime.jsx(LogoutComponent, {})]
   });
 };
-
 var RenderDesktopAction$1 = RenderDesktopAction;
 
 var _templateObject$9;
@@ -770,7 +762,6 @@ var MobileActionsWrapper = styled__default["default"].div.withConfig({
 
 var RenderMobileAction = _ref => {
   var _window, _window$location, _window2, _window2$location;
-
   var {
     isAuthenticated,
     continueURL,
@@ -784,11 +775,8 @@ var RenderMobileAction = _ref => {
   var {
     isTransparent
   } = NavbarBase.useNavbarBaseContext();
-
   var needToContinue = () => isAuthenticated && showContinueAction;
-
   var needToSignIn = () => !isAuthenticated && utmCampaign;
-
   var brand = lalaUtils.getBrandFromHostname();
   var env = getEnvFromHostname((_window = window) === null || _window === void 0 ? void 0 : (_window$location = _window.location) === null || _window$location === void 0 ? void 0 : _window$location.hostname);
   var signInURL = getSignInURL(brand, env, (_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$location = _window2.location) === null || _window2$location === void 0 ? void 0 : _window2$location.href);
@@ -852,7 +840,6 @@ var RenderMobileAction = _ref => {
     }), isAuthenticated && /*#__PURE__*/jsxRuntime.jsx(LogoutComponent, {})]
   });
 };
-
 var RenderMobileAction$1 = RenderMobileAction;
 
 var CTAButtons$2 = props => {
@@ -864,7 +851,6 @@ var CTAButtons$2 = props => {
     }, props))]
   });
 };
-
 var CTAButtons$3 = CTAButtons$2;
 
 function _objectWithoutPropertiesLoose(source, excluded) {
@@ -872,13 +858,11 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
 
@@ -886,10 +870,8 @@ function _objectWithoutProperties(source, excluded) {
   if (source == null) return {};
   var target = _objectWithoutPropertiesLoose(source, excluded);
   var key, i;
-
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
     for (i = 0; i < sourceSymbolKeys.length; i++) {
       key = sourceSymbolKeys[i];
       if (excluded.indexOf(key) >= 0) continue;
@@ -897,17 +879,15 @@ function _objectWithoutProperties(source, excluded) {
       target[key] = source[key];
     }
   }
-
   return target;
 }
 
 var _excluded$a = ["showTalkToExpertCta"];
 var withDomainChat = Component => _ref => {
   var {
-    showTalkToExpertCta = true
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded$a);
-
+      showTalkToExpertCta = true
+    } = _ref,
+    otherProps = _objectWithoutProperties(_ref, _excluded$a);
   var session = lalaReact.useSession();
   var isAuthenticated = session.status === lalaReact.Status.Authenticated;
   var isDomain = lalaUtils.getBrandFromHostname() === lalaUtils.Brand.Domain;
@@ -938,11 +918,9 @@ var DropdownProvider = _ref => {
 var ErrorContext = /*#__PURE__*/React__default["default"].createContext(undefined);
 var useError = () => {
   var errorState = React__default["default"].useContext(ErrorContext);
-
   if (!errorState) {
     throw new Error('Please setup <ErrorProvider /> as a parent component, before using useError().');
   }
-
   return errorState;
 };
 
@@ -965,11 +943,11 @@ var withErrorProvider = Component => props => /*#__PURE__*/jsxRuntime.jsx(ErrorP
 });
 
 var _excluded$9 = ["children", "className", "isOpen", "handleClose", "topOffset"];
-
 var _templateObject$8, _templateObject2$3;
 var IS_OPEN_DATA_ATTRIBUTE = 'data-slideout-isOpen';
 var slideInRight = styled.keyframes(["0%{transform:translate3d(100%,0,0);}100%{transform:translate3d(0,0,0);}"]);
 var slideOutRight = styled.keyframes(["0%{transform:translate3d(0,0,0);}100%{transform:translate3d(100%,0,0);}"]);
+
 /**
  * @todo z-index: tokenise z-index to make it easier to manage levels
  */
@@ -982,10 +960,11 @@ var StyledSlideoutMenu$1 = styled__default["default"].div.withConfig({
     topOffset
   } = _ref;
   return topOffset && breakpoint.map(topOffset, value => value && "top: ".concat(value));
-}); // Sorry, 'any' typing hack to get rid of 'not a valid JSX element' warning when using in component return block
+});
+
+// Sorry, 'any' typing hack to get rid of 'not a valid JSX element' warning when using in component return block
 // @todo this is also an issue in the Theme component with global styles
 // https://github.com/styled-components/styled-components/issues/3738
-
 var BodyStyles = styled.createGlobalStyle(["", ""], _ref2 => {
   var {
     isOpen
@@ -994,9 +973,7 @@ var BodyStyles = styled.createGlobalStyle(["", ""], _ref2 => {
 });
 var useSlideoutMenu = () => {
   var [showMenu, setShowMenu] = React.useState(false);
-
   var toggleMenu = () => setShowMenu(!showMenu);
-
   return {
     showMenu,
     toggleMenu
@@ -1004,19 +981,19 @@ var useSlideoutMenu = () => {
 };
 var SlideoutMenuBase = _ref3 => {
   var {
-    children,
-    className,
-    isOpen,
-    handleClose,
-    topOffset
-  } = _ref3,
-      props = _objectWithoutProperties(_ref3, _excluded$9);
-
+      children,
+      className,
+      isOpen,
+      handleClose,
+      topOffset
+    } = _ref3,
+    props = _objectWithoutProperties(_ref3, _excluded$9);
   var globalProps = utils$1.filterGlobalProps(props);
   var slideoutRef = React.useRef(null);
   var animationClassnames = isOpen ? "is-open slide-in-right" : 'slide-out-right';
-  var classNames = className ? "".concat(className, " ").concat(animationClassnames) : animationClassnames; // If the item is open listen for escape key
+  var classNames = className ? "".concat(className, " ").concat(animationClassnames) : animationClassnames;
 
+  // If the item is open listen for escape key
   React.useEffect(() => {
     var escapeEvent = event => {
       if (event.key === 'Escape') {
@@ -1026,22 +1003,19 @@ var SlideoutMenuBase = _ref3 => {
         }
       }
     };
-
     if (isOpen) {
       window.addEventListener('keydown', escapeEvent);
       if (slideoutRef !== null && slideoutRef !== void 0 && slideoutRef.current) slideoutRef.current.style.display = 'block';
     }
-
     return () => {
       window.removeEventListener('keydown', escapeEvent);
     };
   }, [isOpen]); // eslint-disable-line react-hooks/exhaustive-deps
-  // Add data attribute to body as hook for indicating a slideout menu is open
 
+  // Add data attribute to body as hook for indicating a slideout menu is open
   React.useEffect(() => {
     var allMenus = document.querySelectorAll('[data-is-open]');
     var atLeastOneIsOpen = Array.from(allMenus).some(item => item.getAttribute('data-is-open') === 'true');
-
     if (isOpen) {
       document.body.setAttribute(IS_OPEN_DATA_ATTRIBUTE, '');
     } else {
@@ -1055,18 +1029,15 @@ var SlideoutMenuBase = _ref3 => {
   var onAnimationEnd = () => {
     if (!isOpen) {
       var _slideoutRef$current, _slideoutRef$current$;
-
       // happens after close
       slideoutRef === null || slideoutRef === void 0 ? void 0 : (_slideoutRef$current = slideoutRef.current) === null || _slideoutRef$current === void 0 ? void 0 : (_slideoutRef$current$ = _slideoutRef$current.classList) === null || _slideoutRef$current$ === void 0 ? void 0 : _slideoutRef$current$.remove("slide-out-right");
       if (slideoutRef !== null && slideoutRef !== void 0 && slideoutRef.current) slideoutRef.current.style.display = 'none';
     } else {
       var _slideoutRef$current2;
-
       // happens after open
       slideoutRef === null || slideoutRef === void 0 ? void 0 : (_slideoutRef$current2 = slideoutRef.current) === null || _slideoutRef$current2 === void 0 ? void 0 : _slideoutRef$current2.classList.remove("slide-in-right");
     }
   };
-
   return /*#__PURE__*/jsxRuntime.jsxs(FocusLock__default["default"], {
     disabled: !isOpen,
     returnFocus: true,
@@ -1093,7 +1064,6 @@ var CommPanelWrapper = styled__default["default"](SlideoutMenuBase).withConfig({
     topOffset,
     toTheTop
   } = _ref;
-
   if (!toTheTop) {
     if (topOffset) {
       return breakpoint.map(topOffset, value => value && "top: ".concat(value, ";"));
@@ -1107,8 +1077,8 @@ var CommPanelWrapper = styled__default["default"](SlideoutMenuBase).withConfig({
   } = _ref2;
   return toTheTop && styled.css(["top:0;z-index:999;"]);
 });
-
-var withCommPanelWrapper = Component => // eslint-disable-next-line react/display-name
+var withCommPanelWrapper = Component =>
+// eslint-disable-next-line react/display-name
 props => {
   var {
     onException
@@ -1152,7 +1122,6 @@ props => {
     }))]
   });
 };
-
 var withCommPanel = Component => commPanel.withCommPanelProvider(withCommPanelWrapper(Component));
 
 var withRestrictionProvider = Component => props => /*#__PURE__*/jsxRuntime.jsx(RestrictionProvider, {
@@ -1213,7 +1182,6 @@ var SimpleNavbarComponent = _ref => {
     })]
   });
 };
-
 var SimpleNavbar = withErrorProvider(withRestrictionProvider(launchdarkly.withLendiLDProvider(withCommPanel(withDomainChat(SimpleNavbarComponent)))));
 
 var GuestNavbar = _ref => {
@@ -1318,7 +1286,6 @@ var MULTI_MENU_OPTIONS = [{
 
 var DesktopActions = _ref => {
   var _window, _window$location, _window2, _window2$location;
-
   var {
     isAuthenticated,
     continueURL,
@@ -1379,7 +1346,6 @@ var DesktopActions = _ref => {
 
 var MobileActions = _ref => {
   var _window, _window$location, _window2, _window2$location;
-
   var {
     isAuthenticated,
     continueURL,
@@ -1465,11 +1431,9 @@ var CTAButtons = props => {
     children: [/*#__PURE__*/jsxRuntime.jsx(DesktopActions, _objectSpread2({}, props)), /*#__PURE__*/jsxRuntime.jsx(MobileActions, _objectSpread2({}, props))]
   });
 };
-
 var CTAButtons$1 = CTAButtons;
 
 var _templateObject$6;
-
 var HamBurgerMenu = _ref => {
   var {
     toggleSidebar,
@@ -1509,7 +1473,6 @@ var HamBurgerMenu = _ref => {
     })
   });
 };
-
 var HamBurgerWrapper = styled__default["default"].a.withConfig({
   displayName: "HamBurgerMenu__HamBurgerWrapper",
   componentId: "lui__sc-y1cjve-2"
@@ -1682,7 +1645,6 @@ var FooterCTA = _ref => {
     })]
   });
 };
-
 var FooterAction = styled__default["default"](button.Button).withConfig({
   displayName: "FooterCTA__FooterAction",
   componentId: "lui__sc-uimopi-0"
@@ -1722,7 +1684,6 @@ var LeftSidebar = _ref => {
     })]
   });
 };
-
 var LeftSidebar$1 = LeftSidebar;
 
 var _templateObject$5;
@@ -1820,7 +1781,6 @@ var OptionsContainer = styled__default["default"].div.withConfig({
 })(["width:100%;display:none;flex-direction:row;justify-content:space-between;align-items:center;", " ", ""], spacing.ml('lg'), breakpoint.gte('desktop')(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n  display: flex;\n"]))));
 
 var prevSelected = '';
-
 var MenuOptions = props => {
   var {
     isTransparent
@@ -1839,22 +1799,18 @@ var MenuOptions = props => {
     if (hasWindow) {
       window.addEventListener('mousedown', closeDisplayPanel);
     }
-
     return () => {
       if (hasWindow) {
         window.removeEventListener('mousedown', closeDisplayPanel);
       }
     };
   });
-
   var closeDisplayPanel = e => {
     prevSelected = currentSelected;
-
     if (displayPanel && displayPanel.current && !displayPanel.current.contains(e.target)) {
       setCurrentSelected('');
     }
   };
-
   return /*#__PURE__*/jsxRuntime.jsx(OptionsContainer, {
     children: /*#__PURE__*/jsxRuntime.jsxs(UnOrderedList, {
       children: [MULTI_MENU_OPTIONS.map(_ref => {
@@ -1948,7 +1904,6 @@ var MenuOptions = props => {
     })
   });
 };
-
 var onClickOption = (label, setCurrentSelected) => {
   if (prevSelected === label) {
     setCurrentSelected('');
@@ -1956,33 +1911,30 @@ var onClickOption = (label, setCurrentSelected) => {
     setCurrentSelected(label);
   }
 };
-
 var MenuOptions$1 = MenuOptions;
 
 var _excluded$8 = ["useTransparent", "homeURL", "params", "continueURL", "onLogout", "application", "showContinueAction", "showTalkToExpertCta", "hideDashboardItem", "hideManageApplicationsItem", "isCommPanelOpen", "hasUnread", "closeCommPanel", "openCommPanel", "latestTeamMember"];
-
 var MultiNavbarComponent = _ref => {
   var {
-    // Public props
-    useTransparent = false,
-    homeURL,
-    params = '',
-    continueURL = '/',
-    onLogout = () => {},
-    application,
-    showContinueAction,
-    showTalkToExpertCta,
-    hideDashboardItem,
-    hideManageApplicationsItem,
-    // Internal props, from ChatProps
-    isCommPanelOpen,
-    hasUnread,
-    closeCommPanel,
-    openCommPanel: _openCommPanel,
-    latestTeamMember
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded$8);
-
+      // Public props
+      useTransparent = false,
+      homeURL,
+      params = '',
+      continueURL = '/',
+      onLogout = () => {},
+      application,
+      showContinueAction,
+      showTalkToExpertCta,
+      hideDashboardItem,
+      hideManageApplicationsItem,
+      // Internal props, from ChatProps
+      isCommPanelOpen,
+      hasUnread,
+      closeCommPanel,
+      openCommPanel: _openCommPanel,
+      latestTeamMember
+    } = _ref,
+    otherProps = _objectWithoutProperties(_ref, _excluded$8);
   var session = lalaReact.useSession();
   var isAuthenticated = session.status === lalaReact.Status.Authenticated;
   var [leftSidebarState, setLeftSidebarState] = React__default["default"].useState(false);
@@ -2034,7 +1986,6 @@ var MultiNavbarComponent = _ref => {
     }))]
   });
 };
-
 var MultiNavbar = withErrorProvider(withRestrictionProvider(launchdarkly.withLendiLDProvider(withCommPanel(withDomainChat(MultiNavbarComponent)))));
 
 var _templateObject$4, _templateObject2$2, _templateObject3$1, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
@@ -2123,14 +2074,14 @@ var SrOnlySpan = styled__default["default"].span.withConfig({
 })(["", ";"], utils$1.srOnly);
 
 var _excluded$7 = ["children", "isOpen", "onClick"],
-    _excluded2$1 = ["children", "href", "onClick", "isActive"];
-
+  _excluded2$1 = ["children", "href", "onClick", "isActive"];
 /**
  * @todo Line-height: prefer to use token but the current one is not accessible here
  * @todo Helper functions: getTypography you have to specify each property of the font you need should this be simpler
  * @todo Colors: Access the color pallett or update to semantic values
  * @todo Remove font smoothing when wider solution reached for when we remove it globally
  */
+
 var StyledNavButton = styled__default["default"].button.withConfig({
   displayName: "NavButtons__StyledNavButton",
   componentId: "lui__sc-1rf7mpw-0"
@@ -2163,12 +2114,11 @@ var StyledNavButtonText = styled__default["default"].span.withConfig({
 })(["margin-right:", ";"], utils$1.pxToRem(4));
 var NavButton = _ref5 => {
   var {
-    children,
-    isOpen = false,
-    onClick
-  } = _ref5,
-      props = _objectWithoutProperties(_ref5, _excluded$7);
-
+      children,
+      isOpen = false,
+      onClick
+    } = _ref5,
+    props = _objectWithoutProperties(_ref5, _excluded$7);
   var globalProps = utils$1.filterGlobalProps(props);
   return /*#__PURE__*/jsxRuntime.jsxs(StyledNavButton, _objectSpread2(_objectSpread2({
     type: "button",
@@ -2189,13 +2139,12 @@ var NavButton = _ref5 => {
 };
 var NavLink = _ref6 => {
   var {
-    children,
-    href,
-    onClick,
-    isActive
-  } = _ref6,
-      props = _objectWithoutProperties(_ref6, _excluded2$1);
-
+      children,
+      href,
+      onClick,
+      isActive
+    } = _ref6,
+    props = _objectWithoutProperties(_ref6, _excluded2$1);
   var globalProps = utils$1.filterGlobalProps(props);
   return /*#__PURE__*/jsxRuntime.jsx(StyledNavButton, _objectSpread2(_objectSpread2({
     href: href,
@@ -2210,11 +2159,11 @@ var NavLink = _ref6 => {
 };
 
 var _excluded$6 = ["children", "align", "minWidth", "className"];
-
 /**
  * @todo Border radius: Update border radius to use tokens or replace with exisiting mechanism
  * @todo Colors: Access the color pallett or update to semantic values
  */
+
 var StyledDropdown$1 = styled__default["default"].div.withConfig({
   displayName: "Dropdown__StyledDropdown",
   componentId: "lui__sc-1mv978l-0"
@@ -2231,13 +2180,12 @@ var StyledDropdown$1 = styled__default["default"].div.withConfig({
 }, utils$1.pxToRem(300));
 var DropdownComponent = (_ref3, ref) => {
   var {
-    children,
-    align,
-    minWidth,
-    className
-  } = _ref3,
-      props = _objectWithoutProperties(_ref3, _excluded$6);
-
+      children,
+      align,
+      minWidth,
+      className
+    } = _ref3,
+    props = _objectWithoutProperties(_ref3, _excluded$6);
   var globalProps = utils$1.filterGlobalProps(props);
   return /*#__PURE__*/jsxRuntime.jsx(StyledDropdown$1, _objectSpread2(_objectSpread2({
     className: className,
@@ -2252,14 +2200,13 @@ var DropdownComponent = (_ref3, ref) => {
 var Dropdown = /*#__PURE__*/React.forwardRef(DropdownComponent);
 
 var _excluded$5 = ["navSlot", "ctaSlot"];
-
 var _templateObject$3, _templateObject2$1;
 var HeaderPaddingSmall = 10;
 var HeaderPaddingLarge = 24;
+
 /**
  * @todo z-index: tokenise z-index to make it easier to manage levels
  */
-
 var StyledHeader = styled__default["default"].header.withConfig({
   displayName: "HeaderBase__StyledHeader",
   componentId: "lui__sc-1ik75ai-0"
@@ -2287,11 +2234,10 @@ var StyledCtaSlot = styled__default["default"].div.withConfig({
 })(["margin-left:auto;order:2;@media (min-width:", "){order:3;}"], LargeTweakpoint);
 var HeaderBase = _ref2 => {
   var {
-    navSlot,
-    ctaSlot
-  } = _ref2,
-      props = _objectWithoutProperties(_ref2, _excluded$5);
-
+      navSlot,
+      ctaSlot
+    } = _ref2,
+    props = _objectWithoutProperties(_ref2, _excluded$5);
   var globalProps = utils$1.filterGlobalProps(props);
   return /*#__PURE__*/jsxRuntime.jsx(StyledHeader, _objectSpread2(_objectSpread2({
     role: "banner"
@@ -2330,7 +2276,6 @@ var HeaderBase = _ref2 => {
 };
 
 var _excluded$4 = ["label", "children", "onClick", "minDropdownWidth", "align"];
-
 var _templateObject$2;
 // Make dropdown content flush to the bottom of the header not it's trigger button
 var StyledDropdown = styled__default["default"](Dropdown).withConfig({
@@ -2344,42 +2289,37 @@ var StyledDropdown = styled__default["default"](Dropdown).withConfig({
 }, () => styled.css(["top:calc(100% + ", ");"], utils$1.pxToRem(HeaderPaddingSmall)), () => styled.css(["", ""], breakpoint.gte('md')(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n        top: calc(100% + ", ");\n        "])), utils$1.pxToRem(HeaderPaddingLarge))));
 var NavDropdown = _ref2 => {
   var {
-    label,
-    children,
-    onClick,
-    minDropdownWidth,
-    align = 'left'
-  } = _ref2,
-      props = _objectWithoutProperties(_ref2, _excluded$4);
-
+      label,
+      children,
+      onClick,
+      minDropdownWidth,
+      align = 'left'
+    } = _ref2,
+    props = _objectWithoutProperties(_ref2, _excluded$4);
   var globalProps = utils$1.filterGlobalProps(props);
   var dropdownRef = React.useRef(null);
   var [isOpen, setIsOpen] = React.useState(false);
-
   var handleClick = event => {
     setIsOpen(!isOpen);
     onClick === null || onClick === void 0 ? void 0 : onClick(event, !isOpen);
   };
-
   React.useEffect(() => {
     var pageClickEvent = event => {
       if (dropdownRef.current !== null && !dropdownRef.current.contains(event.target)) {
         setIsOpen(!isOpen);
       }
     };
-
     var escapeEvent = event => {
       if (event.key === 'Escape' && isOpen) {
         setIsOpen(!isOpen);
       }
-    }; // If the item is open listen for clicks or escape key
-
+    };
 
+    // If the item is open listen for clicks or escape key
     if (isOpen) {
       window.addEventListener('click', pageClickEvent);
       window.addEventListener('keydown', escapeEvent);
     }
-
     return () => {
       window.removeEventListener('click', pageClickEvent);
       window.removeEventListener('keydown', escapeEvent);
@@ -2411,13 +2351,13 @@ var NavDropdown = _ref2 => {
 };
 
 var _excluded$3 = ["children", "href", "background", "isActive", "isExternal", "onClick"],
-    _excluded2 = ["children", "onClick"];
-
+  _excluded2 = ["children", "onClick"];
 /**
  * @todo Line-height: prefer to use token but the current one is not accessible here
  * @todo Helper functions: getTypography you have to specify each property of the font you need should this be simpler
  * @todo Colors: Access the color palette or update to semantic values
  */
+
 var MenuItemStyles = styled.css(["padding:", " ", ";color:", ";font-family:", ";font-weight:", ";font-size:", ";line-height:1.5;text-decoration:none;&:hover{background-color:#633482;}", ""], utils$1.pxToRem(12), utils$1.pxToRem(16), _ref => {
   var {
     theme
@@ -2446,31 +2386,27 @@ var ExternalIcon = styled__default["default"].span.withConfig({
 })(["transform:rotate(-45deg);width:", ";height:", ";"], utils$1.pxToRem(24), utils$1.pxToRem(24));
 var MenuLink = _ref4 => {
   var {
-    children,
-    href,
-    background,
-    isActive = false,
-    isExternal = false,
-    onClick
-  } = _ref4,
-      props = _objectWithoutProperties(_ref4, _excluded$3);
-
+      children,
+      href,
+      background,
+      isActive = false,
+      isExternal = false,
+      onClick
+    } = _ref4,
+    props = _objectWithoutProperties(_ref4, _excluded$3);
   var globalProps = utils$1.filterGlobalProps(props);
   var conditionalProps = {};
-
   if (isExternal) {
     conditionalProps = {
       target: '_blank',
       rel: 'noopener'
     };
   }
-
   if (isActive) {
     conditionalProps = {
       'aria-current': 'page'
     };
   }
-
   return /*#__PURE__*/jsxRuntime.jsxs(StyledMenuLink, _objectSpread2(_objectSpread2(_objectSpread2({
     href: href,
     isActive: isActive,
@@ -2489,21 +2425,20 @@ var MenuLink = _ref4 => {
     })]
   }));
 };
-
 /**
  * @todo Colors: Access the color palette or update to semantic values
  */
+
 var StyledMenuButton = styled__default["default"].button.withConfig({
   displayName: "MenuLink__StyledMenuButton",
   componentId: "lui__sc-dpbddc-2"
 })(["", ";", ";text-align:left;"], () => buttonReset, () => MenuItemStyles);
 var MenuButton = _ref5 => {
   var {
-    children,
-    onClick
-  } = _ref5,
-      props = _objectWithoutProperties(_ref5, _excluded2);
-
+      children,
+      onClick
+    } = _ref5,
+    props = _objectWithoutProperties(_ref5, _excluded2);
   var globalProps = utils$1.filterGlobalProps(props);
   return /*#__PURE__*/jsxRuntime.jsx(StyledMenuButton, _objectSpread2(_objectSpread2({
     type: "button",
@@ -2535,14 +2470,12 @@ var StyledChildrenWrapper = styled__default["default"].div.withConfig({
   } = _ref2;
   return isOpen && "height: 0.0625rem; background-color: ".concat(theme.color.text.inverse, "; margin: .75rem 1rem;");
 });
-
 var MenuItem = _ref3 => {
   var {
     label,
     children
   } = _ref3;
   var [isOpen, setIsOpen] = React.useState(false);
-
   var handleClick = () => {
     setIsOpen(!isOpen);
     var event = {
@@ -2554,7 +2487,6 @@ var MenuItem = _ref3 => {
     };
     analytics(event);
   };
-
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(NavButton, {
       onClick: () => handleClick(),
@@ -2566,19 +2498,16 @@ var MenuItem = _ref3 => {
     })]
   });
 };
-
 var Nav = _ref4 => {
   var {
-    navOptions,
-    isSlideout,
-    isRestricted
-  } = _ref4,
-      props = _objectWithoutProperties(_ref4, _excluded$2);
-
+      navOptions,
+      isSlideout,
+      isRestricted
+    } = _ref4,
+    props = _objectWithoutProperties(_ref4, _excluded$2);
   var globalProps = utils$1.filterGlobalProps(props);
   var listItems = navOptions.map((item, index) => {
     var _item$children, _item$children2;
-
     var hideItem = isRestricted && item.hasRestriction;
     var navItems = isSlideout ? /*#__PURE__*/jsxRuntime.jsx(MenuItem, {
       label: item.label,
@@ -2634,13 +2563,11 @@ var Nav = _ref4 => {
         }, index);
       })
     });
-
     if (Object.prototype.hasOwnProperty.call(item, 'children')) {
       return /*#__PURE__*/jsxRuntime.jsx("li", {
         children: navItems
       }, index);
     }
-
     return item.link && !hideItem && /*#__PURE__*/jsxRuntime.jsx("li", {
       children: /*#__PURE__*/jsxRuntime.jsx(NavLink, {
         href: item.link,
@@ -2670,7 +2597,6 @@ var Nav = _ref4 => {
 };
 
 var _excluded$1 = ["title", "children", "className", "isOpen", "hasTitleDivider", "handleClose"];
-
 var _templateObject$1, _templateObject2, _templateObject3;
 var headerTokens = {
   size: {
@@ -2703,6 +2629,7 @@ var StyledCloseButton = styled__default["default"].button.withConfig({
   } = _ref2;
   return theme.color.text.inverse;
 }, utils$1.pxToRem(16), utils$1.pxToRem(16), breakpoint.gte('md')(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n    top: ", ";\n  "])), utils$1.pxToRem(28)));
+
 /**
  * @todo z-index: tokenise z-index to make it easier to manage levels
  */
@@ -2740,15 +2667,14 @@ var StyledSlideoutContent = styled__default["default"].div.withConfig({
 })(["display:flex;flex-direction:column;height:100%;"]);
 var SlideoutMenu = _ref6 => {
   var {
-    title,
-    children,
-    className,
-    isOpen,
-    hasTitleDivider = true,
-    handleClose
-  } = _ref6,
-      props = _objectWithoutProperties(_ref6, _excluded$1);
-
+      title,
+      children,
+      className,
+      isOpen,
+      hasTitleDivider = true,
+      handleClose
+    } = _ref6,
+    props = _objectWithoutProperties(_ref6, _excluded$1);
   var globalProps = utils$1.filterGlobalProps(props);
   var theme = Theme.useTheme();
   return /*#__PURE__*/jsxRuntime.jsxs(StyledSlideoutMenu, _objectSpread2(_objectSpread2(_objectSpread2({
@@ -2784,7 +2710,6 @@ var TalkToExpertButton = _ref => {
     teamMember
   } = _ref;
   var buttonText = teamMember !== null && teamMember !== void 0 && teamMember.firstName ? "Talk to ".concat(teamMember.firstName) : 'Talk to an expert';
-
   var handleClick = () => {
     openCommPanel();
     var event = {
@@ -2797,7 +2722,6 @@ var TalkToExpertButton = _ref => {
     };
     analytics(event);
   };
-
   return /*#__PURE__*/jsxRuntime.jsx(Button.Button, {
     variant: "secondary",
     isInverse: true,
@@ -2815,7 +2739,6 @@ var ApplyNowButton = _ref => {
     width,
     size
   } = _ref;
-
   var handleClick = () => {
     onClick === null || onClick === void 0 ? void 0 : onClick();
     var event = {
@@ -2828,7 +2751,6 @@ var ApplyNowButton = _ref => {
     };
     analytics(event);
   };
-
   return /*#__PURE__*/jsxRuntime.jsx(Button.AnchorButton, {
     width: width,
     onPress: handleClick,
@@ -2872,9 +2794,7 @@ var PrimaryCTA = _ref => {
 };
 
 var _excluded = ["isRestricted", "navOptions"];
-
 var _templateObject;
-
 var HamburgerCtaBlock = _ref => {
   var {
     handleApplyNowClick,
@@ -2895,24 +2815,21 @@ var HamburgerCtaBlock = _ref => {
     })
   });
 };
-
 var StyledWrapperForButtonHack = styled__default["default"].div.withConfig({
   displayName: "HamburgerMenu__StyledWrapperForButtonHack",
   componentId: "lui__sc-302min-0"
 })(["button{padding:0;margin-left:0.75rem;", "}"], breakpoint.gte('sm')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      margin-left: .25rem; // Make sure focus outline doesn't get cut off by preceding links with bg colour\n    "]))));
 var HamburgerMenu = _ref2 => {
   var {
-    isRestricted,
-    navOptions
-  } = _ref2,
-      props = _objectWithoutProperties(_ref2, _excluded);
-
+      isRestricted,
+      navOptions
+    } = _ref2,
+    props = _objectWithoutProperties(_ref2, _excluded);
   var {
     showMenu,
     toggleMenu
   } = useSlideoutMenu();
   var theme = Theme.useTheme();
-
   var handleClick = () => {
     toggleMenu();
     var event = {
@@ -2924,7 +2841,6 @@ var HamburgerMenu = _ref2 => {
     };
     analytics(event);
   };
-
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(StyledWrapperForButtonHack, {
       children: /*#__PURE__*/jsxRuntime.jsxs(Button.Button, {
@@ -2972,7 +2888,6 @@ var DropwdownSecondaryContent = styled__default["default"].div.withConfig({
 var LOGGEDIN_TEXT = 'My Account';
 var LOGGEDOUT_TEXT = 'Login';
 var MANAGE_APP_TEXT = 'Manage application';
-
 var DropdownHeader = () => /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
   children: /*#__PURE__*/jsxRuntime.jsx(Typography.Text, {
     tag: "h2",
@@ -2981,7 +2896,6 @@ var DropdownHeader = () => /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: "Loan application login"
   })
 });
-
 var DropdownHeaderLoggedIn = () => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
   children: [/*#__PURE__*/jsxRuntime.jsx(Typography.Text, {
     tag: "h2",
@@ -2990,7 +2904,6 @@ var DropdownHeaderLoggedIn = () => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragm
     children: "Manage your loan applications"
   }), /*#__PURE__*/jsxRuntime.jsx(StyledHR, {})]
 });
-
 var LoggedInContent = _ref2 => {
   var {
     isRestricted,
@@ -3056,7 +2969,6 @@ var LoggedInContent = _ref2 => {
     })]
   });
 };
-
 var MENU_LINKS = [{
   label: 'Aussie Select',
   link: 'https://online.aussie.com.au/AHL/BankFast-Username-Logon#sst'
@@ -3072,7 +2984,8 @@ var MENU_LINKS = [{
 }, {
   label: 'All online banking logins',
   link: 'https://www.aussie.com.au/get-in-touch/log-in-page/'
-} // {
+}
+// {
 //   label: 'Aussie IQ, Aussie Optimizer and all other Aussie Home Loans settled before 2012',
 //   link: 'https://aussie.openportal.com.au/portal/ahl/#/',
 // },
@@ -3080,7 +2993,6 @@ var MENU_LINKS = [{
 
 var LoggedOutContent = () => {
   var _window, _window$location, _window2, _window2$location;
-
   var brand = lalaUtils.getBrandFromHostname();
   var env = getEnvFromHostname((_window = window) === null || _window === void 0 ? void 0 : (_window$location = _window.location) === null || _window$location === void 0 ? void 0 : _window$location.hostname);
   var signInURL = getSignInURL(brand, env, (_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$location = _window2.location) === null || _window2$location === void 0 ? void 0 : _window2$location.href);
@@ -3138,7 +3050,6 @@ var LoggedOutContent = () => {
     })]
   });
 };
-
 var AccountDropdown = _ref3 => {
   var {
     isRestricted,
@@ -3190,7 +3101,6 @@ var AccountSlideoutMenu = _ref4 => {
   } = useSlideoutMenu();
   var isAuthenticated = (session === null || session === void 0 ? void 0 : session.status) === lalaReact.Status.Authenticated;
   var loggedInOutText = isAuthenticated ? LOGGEDIN_TEXT : LOGGEDOUT_TEXT;
-
   var handleClick = () => {
     toggleMenu();
     var event = {
@@ -3202,7 +3112,6 @@ var AccountSlideoutMenu = _ref4 => {
     };
     analytics(event);
   };
-
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(ShowAtMediumOnly, {
       children: /*#__PURE__*/jsxRuntime.jsx(NavButton, {
@@ -3300,7 +3209,6 @@ var getApplications = /*#__PURE__*/function () {
     });
     return response.data;
   });
-
   return function getApplications(_x, _x2, _x3, _x4) {
     return _ref.apply(this, arguments);
   };
@@ -3314,7 +3222,6 @@ var useApplication = session => {
   React__default["default"].useEffect(() => {
     if (session.status === lalaReact.Status.Authenticated) {
       var _session$identity;
-
       getApplications(session, (_session$identity = session.identity) === null || _session$identity === void 0 ? void 0 : _session$identity.id, 1, 'updatedAt').then(res => {
         var applications = res.data;
         var mostRecentlyUpdatedApplication = applications[0];
@@ -3375,12 +3282,11 @@ var HeaderWithContext = _ref => {
     })
   });
 };
-
 var Header = withErrorProvider(withRestrictionProvider(launchdarkly.withLendiLDProvider(withCommPanel(HeaderWithContext))));
 
 /* eslint-disable camelcase */
-exports.ApplicationStage = void 0;
 
+exports.ApplicationStage = void 0;
 (function (ApplicationStage) {
   ApplicationStage["started_application"] = "started_application";
   ApplicationStage["finished_funnel2"] = "finished_funnel2";