@lendi/navbar 7.40.4 → 7.40.6

package/dist/declarations/src/MultiNavbar/menuData.d.ts

@@ -1,3 +1,4 @@
+import { LDFlagSet } from 'launchdarkly-js-client-sdk';
 export interface LinkProps {
     label: string;
     link?: string | undefined;
@@ -9,4 +10,4 @@ export interface MenuSubItem {
     label: string;
     link: string | undefined;
 }
-export declare const MULTI_MENU_OPTIONS: MenuItem[];
+export declare const getMultiMenuOptions: (featureFlags?: LDFlagSet) => MenuItem[];

package/dist/navbar.cjs.dev.js

@@ -135,7 +135,7 @@ function _objectSpread2(e) {
 }
 
 var analytics = navbarAnalyticsEvent => {
-  if (window && window.analytics) {
+  if (window) {
     analytics$1.trackEvent(_objectSpread2({}, navbarAnalyticsEvent));
   } else {
     if (process.env.NODE_ENV === 'development') {
@@ -1967,6 +1967,17 @@ var MULTI_MENU_OPTIONS = [{
     link: '/inspire/category/life-at-lendi/'
   }]
 }];
+var MULTI_MENU_OPTIONS_WITH_HEALTH_CHECK = MULTI_MENU_OPTIONS.map(menu => _objectSpread2(_objectSpread2({}, menu), {}, {
+  children: menu.children.map(child => child.link === '/calculators/debt-consolidation-calculator/' ? {
+    label: 'Home loan health check',
+    link: '/home-loans/basics/health-check/'
+  } : child)
+}));
+var getMultiMenuOptions = function getMultiMenuOptions() {
+  var featureFlags = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  // replace debt-consolidation-calculator with health-check if gpHomeLoanHealthCheck enabled
+  return featureFlags.gpHomeLoanHealthCheck ? MULTI_MENU_OPTIONS_WITH_HEALTH_CHECK : MULTI_MENU_OPTIONS;
+};
 
 var DesktopActions = _ref => {
   var _window, _window2;
@@ -2519,8 +2530,9 @@ var MenuOptions = props => {
     continueURL
   } = props;
   var [currentSelected, setCurrentSelected] = React__default["default"].useState('');
+  var flags = launchdarkly.useFlags();
   var displayPanel = React__default["default"].useRef(null);
-  var selectedItem = MULTI_MENU_OPTIONS.find(menuItem => menuItem.label === currentSelected);
+  var selectedItem = getMultiMenuOptions(flags).find(menuItem => menuItem.label === currentSelected);
   var hasWindow = typeof window !== 'undefined';
   React__default["default"].useEffect(() => {
     if (hasWindow) {
@@ -2540,7 +2552,7 @@ var MenuOptions = props => {
   };
   return /*#__PURE__*/jsxRuntime.jsx(OptionsContainer, {
     children: /*#__PURE__*/jsxRuntime.jsx(UnOrderedList, {
-      children: MULTI_MENU_OPTIONS.map(_ref => {
+      children: getMultiMenuOptions(flags).map(_ref => {
         var _selectedItem$link;
         var {
           label,
@@ -2669,10 +2681,11 @@ var MultiNavbarComponent = _ref => {
     otherProps = _objectWithoutProperties(_ref, _excluded$8);
   var session = lalaReact.useSession();
   var isAuthenticated = session.status === lalaReact.Status.Authenticated;
+  var flags = launchdarkly.useFlags();
   var [leftSidebarState, setLeftSidebarState] = React__default["default"].useState(false);
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(LeftSidebar$1, {
-      menuOptions: MULTI_MENU_OPTIONS,
+      menuOptions: getMultiMenuOptions(flags),
       openSidebar: leftSidebarState,
       closeSidebar: () => setLeftSidebarState(false),
       isAuthenticated: isAuthenticated,

package/dist/navbar.cjs.prod.js

@@ -63,7 +63,7 @@ function _objectSpread2(e) {
 }
 
 var _templateObject$g, _templateObject2$6, _templateObject3$2, _templateObject4$1, _templateObject5$1, analytics = navbarAnalyticsEvent => {
-  window && window.analytics ? analytics$1.trackEvent(_objectSpread2({}, navbarAnalyticsEvent)) : console.error("Segment is not loaded");
+  window ? analytics$1.trackEvent(_objectSpread2({}, navbarAnalyticsEvent)) : console.error("Segment is not loaded");
 };
 
 function _taggedTemplateLiteral(strings, raw) {
@@ -1245,7 +1245,14 @@ var _templateObject$9, _templateObject2$4, _templateObject$8, _templateObject2$3
     label: "Life at Lendi",
     link: "/inspire/category/life-at-lendi/"
   } ]
-} ], DesktopActions = _ref => {
+} ], MULTI_MENU_OPTIONS_WITH_HEALTH_CHECK = MULTI_MENU_OPTIONS.map((menu => _objectSpread2(_objectSpread2({}, menu), {}, {
+  children: menu.children.map((child => "/calculators/debt-consolidation-calculator/" === child.link ? {
+    label: "Home loan health check",
+    link: "/home-loans/basics/health-check/"
+  } : child))
+}))), getMultiMenuOptions = function() {
+  return (arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {}).gpHomeLoanHealthCheck ? MULTI_MENU_OPTIONS_WITH_HEALTH_CHECK : MULTI_MENU_OPTIONS;
+}, DesktopActions = _ref => {
   var _window, _window2, {isAuthenticated: isAuthenticated, continueURL: continueURL, showContinueAction: showContinueAction = !1, openCommPanel: openCommPanel = (() => {}), teamMember: teamMember, hasUnreadMessages: hasUnreadMessages, showTalkToExpertCta: showTalkToExpertCta} = _ref, brand = lalaUtils.getBrandFromHostname(), env = getEnvFromHostname(null === (_window = window) || void 0 === _window || null === (_window = _window.location) || void 0 === _window ? void 0 : _window.hostname), signInURL = getSignInURL(brand, env, null === (_window2 = window) || void 0 === _window2 || null === (_window2 = _window2.location) || void 0 === _window2 ? void 0 : _window2.href), primaryLabel = null != teamMember && teamMember.firstName ? "Talk to ".concat(teamMember.firstName) : "aussie" === brand ? LABEL_TALK_TO_A_BROKER : LABEL_TALK_TO_EXPERT;
   return jsxRuntime.jsxs(DesktopActionsWrapper, {
     children: [ showTalkToExpertCta && jsxRuntime.jsx(TalkExpertAction$1, {
@@ -1648,7 +1655,7 @@ var _templateObject$5, _templateObject$4, _templateObject2$2, _templateObject3$1
   displayName: "indexstyle__OptionsContainer",
   componentId: "lui__sc-56jb5a-14"
 })([ "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  position: relative;\n" ])))), prevSelected = "", MenuOptions = props => {
-  var {isTransparent: isTransparent} = NavbarBase.useNavbarBaseContext(), {isAuthenticated: isAuthenticated, params: params, continueURL: continueURL} = props, [currentSelected, setCurrentSelected] = React__default.default.useState(""), displayPanel = React__default.default.useRef(null), selectedItem = MULTI_MENU_OPTIONS.find((menuItem => menuItem.label === currentSelected)), hasWindow = "undefined" != typeof window;
+  var {isTransparent: isTransparent} = NavbarBase.useNavbarBaseContext(), {isAuthenticated: isAuthenticated, params: params, continueURL: continueURL} = props, [currentSelected, setCurrentSelected] = React__default.default.useState(""), flags = launchdarkly.useFlags(), displayPanel = React__default.default.useRef(null), selectedItem = getMultiMenuOptions(flags).find((menuItem => menuItem.label === currentSelected)), hasWindow = "undefined" != typeof window;
   React__default.default.useEffect((() => (hasWindow && window.addEventListener("mousedown", closeDisplayPanel), 
   () => {
     hasWindow && window.removeEventListener("mousedown", closeDisplayPanel);
@@ -1658,7 +1665,7 @@ var _templateObject$5, _templateObject$4, _templateObject2$2, _templateObject3$1
   };
   return jsxRuntime.jsx(OptionsContainer, {
     children: jsxRuntime.jsx(UnOrderedList, {
-      children: MULTI_MENU_OPTIONS.map((_ref => {
+      children: getMultiMenuOptions(flags).map((_ref => {
         var _selectedItem$link, {label: label, children: children} = _ref;
         return jsxRuntime.jsxs(ListItem, {
           children: [ jsxRuntime.jsxs(LinkOption, {
@@ -1752,10 +1759,10 @@ var _templateObject$5, _templateObject$4, _templateObject2$2, _templateObject3$1
 }, onClickOption = (label, setCurrentSelected) => {
   setCurrentSelected(prevSelected === label ? "" : label);
 }, MenuOptions$1 = MenuOptions, _excluded$8 = [ "useTransparent", "homeURL", "params", "continueURL", "onLogout", "application", "showContinueAction", "showTalkToExpertCta", "hideDashboardItem", "hideManageApplicationsItem", "isCommPanelOpen", "hasUnread", "closeCommPanel", "openCommPanel", "customerOwner" ], MultiNavbarComponent = _ref => {
-  var {useTransparent: useTransparent = !1, homeURL: homeURL, params: params = "", continueURL: continueURL = "/", onLogout: onLogout = (() => {}), application: application, showContinueAction: showContinueAction, showTalkToExpertCta: showTalkToExpertCta, hideDashboardItem: hideDashboardItem, hideManageApplicationsItem: hideManageApplicationsItem, isCommPanelOpen: isCommPanelOpen, hasUnread: hasUnread, closeCommPanel: closeCommPanel, openCommPanel: _openCommPanel, customerOwner: customerOwner} = _ref, otherProps = _objectWithoutProperties(_ref, _excluded$8), isAuthenticated = lalaReact.useSession().status === lalaReact.Status.Authenticated, [leftSidebarState, setLeftSidebarState] = React__default.default.useState(!1);
+  var {useTransparent: useTransparent = !1, homeURL: homeURL, params: params = "", continueURL: continueURL = "/", onLogout: onLogout = (() => {}), application: application, showContinueAction: showContinueAction, showTalkToExpertCta: showTalkToExpertCta, hideDashboardItem: hideDashboardItem, hideManageApplicationsItem: hideManageApplicationsItem, isCommPanelOpen: isCommPanelOpen, hasUnread: hasUnread, closeCommPanel: closeCommPanel, openCommPanel: _openCommPanel, customerOwner: customerOwner} = _ref, otherProps = _objectWithoutProperties(_ref, _excluded$8), isAuthenticated = lalaReact.useSession().status === lalaReact.Status.Authenticated, flags = launchdarkly.useFlags(), [leftSidebarState, setLeftSidebarState] = React__default.default.useState(!1);
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [ jsxRuntime.jsx(LeftSidebar$1, {
-      menuOptions: MULTI_MENU_OPTIONS,
+      menuOptions: getMultiMenuOptions(flags),
       openSidebar: leftSidebarState,
       closeSidebar: () => setLeftSidebarState(!1),
       isAuthenticated: isAuthenticated,

package/dist/navbar.esm.js

@@ -102,7 +102,7 @@ function _objectSpread2(e) {
 }
 
 var analytics = navbarAnalyticsEvent => {
-  if (window && window.analytics) {
+  if (window) {
     trackEvent(_objectSpread2({}, navbarAnalyticsEvent));
   } else {
     if (process.env.NODE_ENV === 'development') {
@@ -1934,6 +1934,17 @@ var MULTI_MENU_OPTIONS = [{
     link: '/inspire/category/life-at-lendi/'
   }]
 }];
+var MULTI_MENU_OPTIONS_WITH_HEALTH_CHECK = MULTI_MENU_OPTIONS.map(menu => _objectSpread2(_objectSpread2({}, menu), {}, {
+  children: menu.children.map(child => child.link === '/calculators/debt-consolidation-calculator/' ? {
+    label: 'Home loan health check',
+    link: '/home-loans/basics/health-check/'
+  } : child)
+}));
+var getMultiMenuOptions = function getMultiMenuOptions() {
+  var featureFlags = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  // replace debt-consolidation-calculator with health-check if gpHomeLoanHealthCheck enabled
+  return featureFlags.gpHomeLoanHealthCheck ? MULTI_MENU_OPTIONS_WITH_HEALTH_CHECK : MULTI_MENU_OPTIONS;
+};
 
 var DesktopActions = _ref => {
   var _window, _window2;
@@ -2486,8 +2497,9 @@ var MenuOptions = props => {
     continueURL
   } = props;
   var [currentSelected, setCurrentSelected] = React.useState('');
+  var flags = useFlags();
   var displayPanel = React.useRef(null);
-  var selectedItem = MULTI_MENU_OPTIONS.find(menuItem => menuItem.label === currentSelected);
+  var selectedItem = getMultiMenuOptions(flags).find(menuItem => menuItem.label === currentSelected);
   var hasWindow = typeof window !== 'undefined';
   React.useEffect(() => {
     if (hasWindow) {
@@ -2507,7 +2519,7 @@ var MenuOptions = props => {
   };
   return /*#__PURE__*/jsx(OptionsContainer, {
     children: /*#__PURE__*/jsx(UnOrderedList, {
-      children: MULTI_MENU_OPTIONS.map(_ref => {
+      children: getMultiMenuOptions(flags).map(_ref => {
         var _selectedItem$link;
         var {
           label,
@@ -2636,10 +2648,11 @@ var MultiNavbarComponent = _ref => {
     otherProps = _objectWithoutProperties(_ref, _excluded$8);
   var session = useSession();
   var isAuthenticated = session.status === Status.Authenticated;
+  var flags = useFlags();
   var [leftSidebarState, setLeftSidebarState] = React.useState(false);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(LeftSidebar$1, {
-      menuOptions: MULTI_MENU_OPTIONS,
+      menuOptions: getMultiMenuOptions(flags),
       openSidebar: leftSidebarState,
       closeSidebar: () => setLeftSidebarState(false),
       isAuthenticated: isAuthenticated,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lendi/navbar",
   "access": "restricted",
-  "version": "7.40.4",
+  "version": "7.40.6",
   "license": "ISC",
   "source": "src/index.tsx",
   "main": "dist/navbar.cjs.js",