@lendi/navbar 7.44.5 → 7.44.6

package/dist/declarations/src/MultiNavbar/components/LeftSidabar/Content/index.style.d.ts

@@ -17,5 +17,7 @@ export declare const Accordion: import("styled-components").StyledComponent<"ul"
 export declare const SubItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
 export declare const ItemLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {}, never>;
 export declare const SubItemLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {}, never>;
+export declare const ArrowSpacer: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 export declare const ListItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
+export declare const PlainListItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
 export {};

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

@@ -4,7 +4,7 @@ export interface LinkProps {
     link?: string | undefined;
 }
 export interface MenuItem extends LinkProps {
-    children: MenuSubItem[];
+    children?: MenuSubItem[];
 }
 export interface MenuSubItem {
     label: string;

package/dist/navbar.cjs.dev.js

@@ -2135,16 +2135,30 @@ 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/health-check/'
-  } : child)
-}));
+var MULTI_MENU_OPTIONS_WITH_HEALTH_CHECK = MULTI_MENU_OPTIONS.map(menu => {
+  var _menu$children;
+  return _objectSpread2(_objectSpread2({}, menu), {}, {
+    children: (_menu$children = menu.children) === null || _menu$children === void 0 ? void 0 : _menu$children.map(child => child.link === '/calculators/debt-consolidation-calculator/' ? {
+      label: 'Home loan health check',
+      link: '/home-loans/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 menuOptions = featureFlags.gpHomeLoanHealthCheck ? MULTI_MENU_OPTIONS_WITH_HEALTH_CHECK : MULTI_MENU_OPTIONS;
+
+  // insert "Other loans" after "Home loans" if gpOtherLoansNavbarOption enabled
+  if (featureFlags.gpOtherLoansNavbarOption) {
+    var homeLoansIndex = menuOptions.findIndex(item => item.label === 'Home loans');
+    var otherLoansItem = {
+      label: 'Other loans',
+      link: '/loans'
+    };
+    return [...menuOptions.slice(0, homeLoansIndex + 1), otherLoansItem, ...menuOptions.slice(homeLoansIndex + 1)];
+  }
+  return menuOptions;
 };
 
 var DesktopActions = _ref => {
@@ -2403,10 +2417,18 @@ var SubItemLink = styled__default["default"].a.withConfig({
   displayName: "indexstyle__SubItemLink",
   componentId: "lui__sc-1j3tn22-6"
 })(["text-decoration:none;color:", ";display:block;padding-left:48px;"], color.color('shade.900'));
+var ArrowSpacer = styled__default["default"].span.withConfig({
+  displayName: "indexstyle__ArrowSpacer",
+  componentId: "lui__sc-1j3tn22-7"
+})(["display:inline-block;width:18px;", ";"], spacing.mr('sm'));
 var ListItem$1 = styled__default["default"].li.withConfig({
   displayName: "indexstyle__ListItem",
-  componentId: "lui__sc-1j3tn22-7"
+  componentId: "lui__sc-1j3tn22-8"
 })([""]);
+var PlainListItem = styled__default["default"].li.withConfig({
+  displayName: "indexstyle__PlainListItem",
+  componentId: "lui__sc-1j3tn22-9"
+})(["> button:last-child{border-bottom:none;}"]);
 
 var LeftSidebarContent = _ref => {
   var {
@@ -2419,75 +2441,78 @@ var LeftSidebarContent = _ref => {
   var [selected, setSelected] = React__default["default"].useState(-1);
   return /*#__PURE__*/jsxRuntime.jsxs(ItemsWrapper, {
     role: "menu",
-    children: [MENU_OPTIONS.map((item, index) => item.children.length > 0 ? /*#__PURE__*/jsxRuntime.jsxs(ListItem$1, {
-      children: [/*#__PURE__*/jsxRuntime.jsxs(Item, {
-        onClick: () => {
-          setSelected(index);
-          var event = {
-            event_name: 'Menu Clicked',
-            menuName: item.label,
-            category: analytics$1.EventCategory.NAVBAR
-          };
-          analytics(event);
-        },
-        "aria-label": item.label,
-        children: [/*#__PURE__*/jsxRuntime.jsx(RightArrow, {
-          shouldRotate: selected === index
-        }), /*#__PURE__*/jsxRuntime.jsx("span", {
-          children: item.label
-        })]
-      }), /*#__PURE__*/jsxRuntime.jsx(Accordion, {
-        isVisible: selected === index,
-        "aria-expanded": selected === index,
-        children: item.children.map((child, childIndex) => {
-          var _child$link;
-          return /*#__PURE__*/jsxRuntime.jsx(SubItem, {
-            role: "none",
-            children: /*#__PURE__*/jsxRuntime.jsx(SubItemLink, {
-              role: "menuitem",
-              href: embedMarketingTrackingIntoURL((_child$link = child.link) !== null && _child$link !== void 0 ? _child$link : '', 'https://www.lendi.com.au'),
-              "aria-label": child.label,
-              onClick: () => {
-                var event = {
-                  event_name: 'Menu Element Clicked',
-                  menuName: item.label,
-                  text: child.label,
-                  category: analytics$1.EventCategory.NAVBAR
-                };
-                analytics(event);
-              },
-              children: child.label
-            })
-          }, index + '-' + childIndex);
-        })
-      })]
-    }, index) : /*#__PURE__*/jsxRuntime.jsx(ListItem$1, {
-      role: "none",
-      children: item.link ? /*#__PURE__*/jsxRuntime.jsx(Item, {
-        children: /*#__PURE__*/jsxRuntime.jsx(ItemLink, {
-          role: "menuitem",
-          href: embedMarketingTrackingIntoURL(item.link, 'https://www.lendi.com.au'),
-          "aria-label": item.label,
+    children: [MENU_OPTIONS.map((item, index) => {
+      var _item$children;
+      return item.children && item.children.length > 0 ? /*#__PURE__*/jsxRuntime.jsxs(ListItem$1, {
+        children: [/*#__PURE__*/jsxRuntime.jsxs(Item, {
           onClick: () => {
+            setSelected(index);
             var event = {
-              event_name: 'Menu Element Clicked',
+              event_name: 'Menu Clicked',
               menuName: item.label,
-              text: '',
               category: analytics$1.EventCategory.NAVBAR
             };
             analytics(event);
           },
-          children: /*#__PURE__*/jsxRuntime.jsx("span", {
+          "aria-label": item.label,
+          children: [/*#__PURE__*/jsxRuntime.jsx(RightArrow, {
+            shouldRotate: selected === index
+          }), /*#__PURE__*/jsxRuntime.jsx("span", {
             children: item.label
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsx(Accordion, {
+          isVisible: selected === index,
+          "aria-expanded": selected === index,
+          children: (_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.map((child, childIndex) => {
+            var _child$link;
+            return /*#__PURE__*/jsxRuntime.jsx(SubItem, {
+              role: "none",
+              children: /*#__PURE__*/jsxRuntime.jsx(SubItemLink, {
+                role: "menuitem",
+                href: embedMarketingTrackingIntoURL((_child$link = child.link) !== null && _child$link !== void 0 ? _child$link : '', 'https://www.lendi.com.au'),
+                "aria-label": child.label,
+                onClick: () => {
+                  var event = {
+                    event_name: 'Menu Element Clicked',
+                    menuName: item.label,
+                    text: child.label,
+                    category: analytics$1.EventCategory.NAVBAR
+                  };
+                  analytics(event);
+                },
+                children: child.label
+              })
+            }, index + '-' + childIndex);
           })
+        })]
+      }, index) : /*#__PURE__*/jsxRuntime.jsx(PlainListItem, {
+        role: "none",
+        children: item.link ? /*#__PURE__*/jsxRuntime.jsxs(Item, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(ArrowSpacer, {}), /*#__PURE__*/jsxRuntime.jsx(ItemLink, {
+            role: "menuitem",
+            href: embedMarketingTrackingIntoURL(item.link, 'https://www.lendi.com.au'),
+            "aria-label": item.label,
+            onClick: () => {
+              var event = {
+                event_name: 'Menu Element Clicked',
+                menuName: item.label,
+                text: '',
+                category: analytics$1.EventCategory.NAVBAR
+              };
+              analytics(event);
+            },
+            children: /*#__PURE__*/jsxRuntime.jsx("span", {
+              children: item.label
+            })
+          })]
+        }) : /*#__PURE__*/jsxRuntime.jsxs(Item, {
+          "aria-label": item.label,
+          children: [/*#__PURE__*/jsxRuntime.jsx(ArrowSpacer, {}), /*#__PURE__*/jsxRuntime.jsx("span", {
+            children: item.label
+          })]
         })
-      }) : /*#__PURE__*/jsxRuntime.jsx(Item, {
-        "aria-label": item.label,
-        children: /*#__PURE__*/jsxRuntime.jsx("span", {
-          children: item.label
-        })
-      })
-    }, index)), sendFeedback && isSVA && /*#__PURE__*/jsxRuntime.jsx(ListItem$1, {
+      }, index);
+    }), sendFeedback && isSVA && /*#__PURE__*/jsxRuntime.jsx(ListItem$1, {
       role: "none",
       children: /*#__PURE__*/jsxRuntime.jsx(Item, {
         "aria-label": LABEL_SEND_FEEDBACK,
@@ -2721,15 +2746,17 @@ var MenuOptions = props => {
   return /*#__PURE__*/jsxRuntime.jsx(OptionsContainer, {
     children: /*#__PURE__*/jsxRuntime.jsx(UnOrderedList, {
       children: getMultiMenuOptions(flags).map(_ref => {
-        var _selectedItem$link;
+        var _selectedItem$link, _selectedItem$childre;
         var {
           label,
-          children
+          children,
+          link
         } = _ref;
         return /*#__PURE__*/jsxRuntime.jsxs(ListItem, {
           children: [/*#__PURE__*/jsxRuntime.jsxs(LinkOption, {
+            href: !children ? embedMarketingTrackingIntoURL(link !== null && link !== void 0 ? link : '', 'https://www.lendi.com.au') : undefined,
             onClick: () => {
-              onClickOption(label, setCurrentSelected);
+              if (children) onClickOption(label, setCurrentSelected);
               var event = {
                 event_name: 'Menu Clicked',
                 category: analytics$1.EventCategory.NAVBAR,
@@ -2738,7 +2765,7 @@ var MenuOptions = props => {
               analytics(event);
             },
             isTransparent: isTransparent,
-            type: "button",
+            type: children ? 'button' : undefined,
             children: [/*#__PURE__*/jsxRuntime.jsxs(BarWrapper, {
               children: [/*#__PURE__*/jsxRuntime.jsx(Label, {
                 size: "xs",
@@ -2751,7 +2778,7 @@ var MenuOptions = props => {
               isSelected: currentSelected === label,
               isTransparent: isTransparent
             })]
-          }), currentSelected === label && /*#__PURE__*/jsxRuntime.jsxs(DisplayPanel, {
+          }), children && currentSelected === label && /*#__PURE__*/jsxRuntime.jsxs(DisplayPanel, {
             ref: displayPanel,
             children: [/*#__PURE__*/jsxRuntime.jsxs(HeadingWrapper, {
               children: [/*#__PURE__*/jsxRuntime.jsxs(HeadingLink, {
@@ -2789,7 +2816,7 @@ var MenuOptions = props => {
                 children: isAuthenticated ? LABEL_CONTINUE : LABEL_SIGN_IN
               })]
             }), /*#__PURE__*/jsxRuntime.jsx(LinksGroup, {
-              children: selectedItem.children.map(child => {
+              children: (_selectedItem$childre = selectedItem.children) === null || _selectedItem$childre === void 0 ? void 0 : _selectedItem$childre.map(child => {
                 var _child$link;
                 return /*#__PURE__*/jsxRuntime.jsx(LinkItem, {
                   children: /*#__PURE__*/jsxRuntime.jsx(PanelLink, {

package/dist/navbar.cjs.prod.js

@@ -1355,13 +1355,24 @@ var _templateObject$9, _templateObject2$4, _templateObject$8, _templateObject2$3
     label: "Life at Lendi",
     link: "/inspire/category/life-at-lendi/"
   } ]
-} ], 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/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;
+} ], MULTI_MENU_OPTIONS_WITH_HEALTH_CHECK = MULTI_MENU_OPTIONS.map((menu => {
+  var _menu$children;
+  return _objectSpread2(_objectSpread2({}, menu), {}, {
+    children: null === (_menu$children = menu.children) || void 0 === _menu$children ? void 0 : _menu$children.map((child => "/calculators/debt-consolidation-calculator/" === child.link ? {
+      label: "Home loan health check",
+      link: "/home-loans/health-check/"
+    } : child))
+  });
+})), getMultiMenuOptions = function() {
+  var featureFlags = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {}, menuOptions = featureFlags.gpHomeLoanHealthCheck ? MULTI_MENU_OPTIONS_WITH_HEALTH_CHECK : MULTI_MENU_OPTIONS;
+  if (featureFlags.gpOtherLoansNavbarOption) {
+    var homeLoansIndex = menuOptions.findIndex((item => "Home loans" === item.label));
+    return [ ...menuOptions.slice(0, homeLoansIndex + 1), {
+      label: "Other loans",
+      link: "/loans"
+    }, ...menuOptions.slice(homeLoansIndex + 1) ];
+  }
+  return menuOptions;
 }, 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, {
@@ -1547,82 +1558,91 @@ var _templateObject$5, _templateObject$4, _templateObject2$2, _templateObject3$1
 })([ "text-decoration:none;color:", ";width:100%;" ], color.color("secondary.500")), SubItemLink = styled__default.default.a.withConfig({
   displayName: "indexstyle__SubItemLink",
   componentId: "lui__sc-1j3tn22-6"
-})([ "text-decoration:none;color:", ";display:block;padding-left:48px;" ], color.color("shade.900")), ListItem$1 = styled__default.default.li.withConfig({
-  displayName: "indexstyle__ListItem",
+})([ "text-decoration:none;color:", ";display:block;padding-left:48px;" ], color.color("shade.900")), ArrowSpacer = styled__default.default.span.withConfig({
+  displayName: "indexstyle__ArrowSpacer",
   componentId: "lui__sc-1j3tn22-7"
-})([ "" ]), LeftSidebarContent = _ref => {
+})([ "display:inline-block;width:18px;", ";" ], spacing.mr("sm")), ListItem$1 = styled__default.default.li.withConfig({
+  displayName: "indexstyle__ListItem",
+  componentId: "lui__sc-1j3tn22-8"
+})([ "" ]), PlainListItem = styled__default.default.li.withConfig({
+  displayName: "indexstyle__PlainListItem",
+  componentId: "lui__sc-1j3tn22-9"
+})([ "> button:last-child{border-bottom:none;}" ]), LeftSidebarContent = _ref => {
   var {menuOptions: MENU_OPTIONS} = _ref, {sendFeedback: sendFeedback} = launchdarkly.useFlags(), isSVA = checkSVA(), [selected, setSelected] = React__default.default.useState(-1);
   return jsxRuntime.jsxs(ItemsWrapper, {
     role: "menu",
-    children: [ MENU_OPTIONS.map(((item, index) => item.children.length > 0 ? jsxRuntime.jsxs(ListItem$1, {
-      children: [ jsxRuntime.jsxs(Item, {
-        onClick: () => {
-          setSelected(index);
-          var event = {
-            event_name: "Menu Clicked",
-            menuName: item.label,
-            category: analytics$1.EventCategory.NAVBAR
-          };
-          analytics(event);
-        },
-        "aria-label": item.label,
-        children: [ jsxRuntime.jsx(RightArrow, {
-          shouldRotate: selected === index
-        }), jsxRuntime.jsx("span", {
-          children: item.label
-        }) ]
-      }), jsxRuntime.jsx(Accordion, {
-        isVisible: selected === index,
-        "aria-expanded": selected === index,
-        children: item.children.map(((child, childIndex) => {
-          var _child$link;
-          return jsxRuntime.jsx(SubItem, {
-            role: "none",
-            children: jsxRuntime.jsx(SubItemLink, {
-              role: "menuitem",
-              href: embedMarketingTrackingIntoURL(null !== (_child$link = child.link) && void 0 !== _child$link ? _child$link : "", "https://www.lendi.com.au"),
-              "aria-label": child.label,
-              onClick: () => {
-                var event = {
-                  event_name: "Menu Element Clicked",
-                  menuName: item.label,
-                  text: child.label,
-                  category: analytics$1.EventCategory.NAVBAR
-                };
-                analytics(event);
-              },
-              children: child.label
-            })
-          }, index + "-" + childIndex);
-        }))
-      }) ]
-    }, index) : jsxRuntime.jsx(ListItem$1, {
-      role: "none",
-      children: item.link ? jsxRuntime.jsx(Item, {
-        children: jsxRuntime.jsx(ItemLink, {
-          role: "menuitem",
-          href: embedMarketingTrackingIntoURL(item.link, "https://www.lendi.com.au"),
-          "aria-label": item.label,
+    children: [ MENU_OPTIONS.map(((item, index) => {
+      var _item$children;
+      return item.children && item.children.length > 0 ? jsxRuntime.jsxs(ListItem$1, {
+        children: [ jsxRuntime.jsxs(Item, {
           onClick: () => {
+            setSelected(index);
             var event = {
-              event_name: "Menu Element Clicked",
+              event_name: "Menu Clicked",
               menuName: item.label,
-              text: "",
               category: analytics$1.EventCategory.NAVBAR
             };
             analytics(event);
           },
-          children: jsxRuntime.jsx("span", {
+          "aria-label": item.label,
+          children: [ jsxRuntime.jsx(RightArrow, {
+            shouldRotate: selected === index
+          }), jsxRuntime.jsx("span", {
             children: item.label
-          })
-        })
-      }) : jsxRuntime.jsx(Item, {
-        "aria-label": item.label,
-        children: jsxRuntime.jsx("span", {
-          children: item.label
+          }) ]
+        }), jsxRuntime.jsx(Accordion, {
+          isVisible: selected === index,
+          "aria-expanded": selected === index,
+          children: null === (_item$children = item.children) || void 0 === _item$children ? void 0 : _item$children.map(((child, childIndex) => {
+            var _child$link;
+            return jsxRuntime.jsx(SubItem, {
+              role: "none",
+              children: jsxRuntime.jsx(SubItemLink, {
+                role: "menuitem",
+                href: embedMarketingTrackingIntoURL(null !== (_child$link = child.link) && void 0 !== _child$link ? _child$link : "", "https://www.lendi.com.au"),
+                "aria-label": child.label,
+                onClick: () => {
+                  var event = {
+                    event_name: "Menu Element Clicked",
+                    menuName: item.label,
+                    text: child.label,
+                    category: analytics$1.EventCategory.NAVBAR
+                  };
+                  analytics(event);
+                },
+                children: child.label
+              })
+            }, index + "-" + childIndex);
+          }))
+        }) ]
+      }, index) : jsxRuntime.jsx(PlainListItem, {
+        role: "none",
+        children: item.link ? jsxRuntime.jsxs(Item, {
+          children: [ jsxRuntime.jsx(ArrowSpacer, {}), jsxRuntime.jsx(ItemLink, {
+            role: "menuitem",
+            href: embedMarketingTrackingIntoURL(item.link, "https://www.lendi.com.au"),
+            "aria-label": item.label,
+            onClick: () => {
+              var event = {
+                event_name: "Menu Element Clicked",
+                menuName: item.label,
+                text: "",
+                category: analytics$1.EventCategory.NAVBAR
+              };
+              analytics(event);
+            },
+            children: jsxRuntime.jsx("span", {
+              children: item.label
+            })
+          }) ]
+        }) : jsxRuntime.jsxs(Item, {
+          "aria-label": item.label,
+          children: [ jsxRuntime.jsx(ArrowSpacer, {}), jsxRuntime.jsx("span", {
+            children: item.label
+          }) ]
         })
-      })
-    }, index))), sendFeedback && isSVA && jsxRuntime.jsx(ListItem$1, {
+      }, index);
+    })), sendFeedback && isSVA && jsxRuntime.jsx(ListItem$1, {
       role: "none",
       children: jsxRuntime.jsx(Item, {
         "aria-label": LABEL_SEND_FEEDBACK,
@@ -1776,11 +1796,12 @@ var _templateObject$5, _templateObject$4, _templateObject2$2, _templateObject3$1
   return jsxRuntime.jsx(OptionsContainer, {
     children: jsxRuntime.jsx(UnOrderedList, {
       children: getMultiMenuOptions(flags).map((_ref => {
-        var _selectedItem$link, {label: label, children: children} = _ref;
+        var _selectedItem$link, _selectedItem$childre, {label: label, children: children, link: link} = _ref;
         return jsxRuntime.jsxs(ListItem, {
           children: [ jsxRuntime.jsxs(LinkOption, {
+            href: children ? void 0 : embedMarketingTrackingIntoURL(null != link ? link : "", "https://www.lendi.com.au"),
             onClick: () => {
-              onClickOption(label, setCurrentSelected);
+              children && onClickOption(label, setCurrentSelected);
               var event = {
                 event_name: "Menu Clicked",
                 category: analytics$1.EventCategory.NAVBAR,
@@ -1789,7 +1810,7 @@ var _templateObject$5, _templateObject$4, _templateObject2$2, _templateObject3$1
               analytics(event);
             },
             isTransparent: isTransparent,
-            type: "button",
+            type: children ? "button" : void 0,
             children: [ jsxRuntime.jsxs(BarWrapper, {
               children: [ jsxRuntime.jsx(Label, {
                 size: "xs",
@@ -1802,7 +1823,7 @@ var _templateObject$5, _templateObject$4, _templateObject2$2, _templateObject3$1
               isSelected: currentSelected === label,
               isTransparent: isTransparent
             }) ]
-          }), currentSelected === label && jsxRuntime.jsxs(DisplayPanel, {
+          }), children && currentSelected === label && jsxRuntime.jsxs(DisplayPanel, {
             ref: displayPanel,
             children: [ jsxRuntime.jsxs(HeadingWrapper, {
               children: [ jsxRuntime.jsxs(HeadingLink, {
@@ -1840,7 +1861,7 @@ var _templateObject$5, _templateObject$4, _templateObject2$2, _templateObject3$1
                 children: isAuthenticated ? LABEL_CONTINUE : LABEL_SIGN_IN
               }) ]
             }), jsxRuntime.jsx(LinksGroup, {
-              children: selectedItem.children.map((child => {
+              children: null === (_selectedItem$childre = selectedItem.children) || void 0 === _selectedItem$childre ? void 0 : _selectedItem$childre.map((child => {
                 var _child$link;
                 return jsxRuntime.jsx(LinkItem, {
                   children: jsxRuntime.jsx(PanelLink, {

package/dist/navbar.esm.js

@@ -2101,16 +2101,30 @@ 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/health-check/'
-  } : child)
-}));
+var MULTI_MENU_OPTIONS_WITH_HEALTH_CHECK = MULTI_MENU_OPTIONS.map(menu => {
+  var _menu$children;
+  return _objectSpread2(_objectSpread2({}, menu), {}, {
+    children: (_menu$children = menu.children) === null || _menu$children === void 0 ? void 0 : _menu$children.map(child => child.link === '/calculators/debt-consolidation-calculator/' ? {
+      label: 'Home loan health check',
+      link: '/home-loans/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 menuOptions = featureFlags.gpHomeLoanHealthCheck ? MULTI_MENU_OPTIONS_WITH_HEALTH_CHECK : MULTI_MENU_OPTIONS;
+
+  // insert "Other loans" after "Home loans" if gpOtherLoansNavbarOption enabled
+  if (featureFlags.gpOtherLoansNavbarOption) {
+    var homeLoansIndex = menuOptions.findIndex(item => item.label === 'Home loans');
+    var otherLoansItem = {
+      label: 'Other loans',
+      link: '/loans'
+    };
+    return [...menuOptions.slice(0, homeLoansIndex + 1), otherLoansItem, ...menuOptions.slice(homeLoansIndex + 1)];
+  }
+  return menuOptions;
 };
 
 var DesktopActions = _ref => {
@@ -2369,10 +2383,18 @@ var SubItemLink = styled.a.withConfig({
   displayName: "indexstyle__SubItemLink",
   componentId: "lui__sc-1j3tn22-6"
 })(["text-decoration:none;color:", ";display:block;padding-left:48px;"], color('shade.900'));
+var ArrowSpacer = styled.span.withConfig({
+  displayName: "indexstyle__ArrowSpacer",
+  componentId: "lui__sc-1j3tn22-7"
+})(["display:inline-block;width:18px;", ";"], mr('sm'));
 var ListItem$1 = styled.li.withConfig({
   displayName: "indexstyle__ListItem",
-  componentId: "lui__sc-1j3tn22-7"
+  componentId: "lui__sc-1j3tn22-8"
 })([""]);
+var PlainListItem = styled.li.withConfig({
+  displayName: "indexstyle__PlainListItem",
+  componentId: "lui__sc-1j3tn22-9"
+})(["> button:last-child{border-bottom:none;}"]);
 
 var LeftSidebarContent = _ref => {
   var {
@@ -2385,75 +2407,78 @@ var LeftSidebarContent = _ref => {
   var [selected, setSelected] = React.useState(-1);
   return /*#__PURE__*/jsxs(ItemsWrapper, {
     role: "menu",
-    children: [MENU_OPTIONS.map((item, index) => item.children.length > 0 ? /*#__PURE__*/jsxs(ListItem$1, {
-      children: [/*#__PURE__*/jsxs(Item, {
-        onClick: () => {
-          setSelected(index);
-          var event = {
-            event_name: 'Menu Clicked',
-            menuName: item.label,
-            category: EventCategory.NAVBAR
-          };
-          analytics(event);
-        },
-        "aria-label": item.label,
-        children: [/*#__PURE__*/jsx(RightArrow, {
-          shouldRotate: selected === index
-        }), /*#__PURE__*/jsx("span", {
-          children: item.label
-        })]
-      }), /*#__PURE__*/jsx(Accordion, {
-        isVisible: selected === index,
-        "aria-expanded": selected === index,
-        children: item.children.map((child, childIndex) => {
-          var _child$link;
-          return /*#__PURE__*/jsx(SubItem, {
-            role: "none",
-            children: /*#__PURE__*/jsx(SubItemLink, {
-              role: "menuitem",
-              href: embedMarketingTrackingIntoURL((_child$link = child.link) !== null && _child$link !== void 0 ? _child$link : '', 'https://www.lendi.com.au'),
-              "aria-label": child.label,
-              onClick: () => {
-                var event = {
-                  event_name: 'Menu Element Clicked',
-                  menuName: item.label,
-                  text: child.label,
-                  category: EventCategory.NAVBAR
-                };
-                analytics(event);
-              },
-              children: child.label
-            })
-          }, index + '-' + childIndex);
-        })
-      })]
-    }, index) : /*#__PURE__*/jsx(ListItem$1, {
-      role: "none",
-      children: item.link ? /*#__PURE__*/jsx(Item, {
-        children: /*#__PURE__*/jsx(ItemLink, {
-          role: "menuitem",
-          href: embedMarketingTrackingIntoURL(item.link, 'https://www.lendi.com.au'),
-          "aria-label": item.label,
+    children: [MENU_OPTIONS.map((item, index) => {
+      var _item$children;
+      return item.children && item.children.length > 0 ? /*#__PURE__*/jsxs(ListItem$1, {
+        children: [/*#__PURE__*/jsxs(Item, {
           onClick: () => {
+            setSelected(index);
             var event = {
-              event_name: 'Menu Element Clicked',
+              event_name: 'Menu Clicked',
               menuName: item.label,
-              text: '',
               category: EventCategory.NAVBAR
             };
             analytics(event);
           },
-          children: /*#__PURE__*/jsx("span", {
+          "aria-label": item.label,
+          children: [/*#__PURE__*/jsx(RightArrow, {
+            shouldRotate: selected === index
+          }), /*#__PURE__*/jsx("span", {
             children: item.label
+          })]
+        }), /*#__PURE__*/jsx(Accordion, {
+          isVisible: selected === index,
+          "aria-expanded": selected === index,
+          children: (_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.map((child, childIndex) => {
+            var _child$link;
+            return /*#__PURE__*/jsx(SubItem, {
+              role: "none",
+              children: /*#__PURE__*/jsx(SubItemLink, {
+                role: "menuitem",
+                href: embedMarketingTrackingIntoURL((_child$link = child.link) !== null && _child$link !== void 0 ? _child$link : '', 'https://www.lendi.com.au'),
+                "aria-label": child.label,
+                onClick: () => {
+                  var event = {
+                    event_name: 'Menu Element Clicked',
+                    menuName: item.label,
+                    text: child.label,
+                    category: EventCategory.NAVBAR
+                  };
+                  analytics(event);
+                },
+                children: child.label
+              })
+            }, index + '-' + childIndex);
           })
+        })]
+      }, index) : /*#__PURE__*/jsx(PlainListItem, {
+        role: "none",
+        children: item.link ? /*#__PURE__*/jsxs(Item, {
+          children: [/*#__PURE__*/jsx(ArrowSpacer, {}), /*#__PURE__*/jsx(ItemLink, {
+            role: "menuitem",
+            href: embedMarketingTrackingIntoURL(item.link, 'https://www.lendi.com.au'),
+            "aria-label": item.label,
+            onClick: () => {
+              var event = {
+                event_name: 'Menu Element Clicked',
+                menuName: item.label,
+                text: '',
+                category: EventCategory.NAVBAR
+              };
+              analytics(event);
+            },
+            children: /*#__PURE__*/jsx("span", {
+              children: item.label
+            })
+          })]
+        }) : /*#__PURE__*/jsxs(Item, {
+          "aria-label": item.label,
+          children: [/*#__PURE__*/jsx(ArrowSpacer, {}), /*#__PURE__*/jsx("span", {
+            children: item.label
+          })]
         })
-      }) : /*#__PURE__*/jsx(Item, {
-        "aria-label": item.label,
-        children: /*#__PURE__*/jsx("span", {
-          children: item.label
-        })
-      })
-    }, index)), sendFeedback && isSVA && /*#__PURE__*/jsx(ListItem$1, {
+      }, index);
+    }), sendFeedback && isSVA && /*#__PURE__*/jsx(ListItem$1, {
       role: "none",
       children: /*#__PURE__*/jsx(Item, {
         "aria-label": LABEL_SEND_FEEDBACK,
@@ -2687,15 +2712,17 @@ var MenuOptions = props => {
   return /*#__PURE__*/jsx(OptionsContainer, {
     children: /*#__PURE__*/jsx(UnOrderedList, {
       children: getMultiMenuOptions(flags).map(_ref => {
-        var _selectedItem$link;
+        var _selectedItem$link, _selectedItem$childre;
         var {
           label,
-          children
+          children,
+          link
         } = _ref;
         return /*#__PURE__*/jsxs(ListItem, {
           children: [/*#__PURE__*/jsxs(LinkOption, {
+            href: !children ? embedMarketingTrackingIntoURL(link !== null && link !== void 0 ? link : '', 'https://www.lendi.com.au') : undefined,
             onClick: () => {
-              onClickOption(label, setCurrentSelected);
+              if (children) onClickOption(label, setCurrentSelected);
               var event = {
                 event_name: 'Menu Clicked',
                 category: EventCategory.NAVBAR,
@@ -2704,7 +2731,7 @@ var MenuOptions = props => {
               analytics(event);
             },
             isTransparent: isTransparent,
-            type: "button",
+            type: children ? 'button' : undefined,
             children: [/*#__PURE__*/jsxs(BarWrapper, {
               children: [/*#__PURE__*/jsx(Label, {
                 size: "xs",
@@ -2717,7 +2744,7 @@ var MenuOptions = props => {
               isSelected: currentSelected === label,
               isTransparent: isTransparent
             })]
-          }), currentSelected === label && /*#__PURE__*/jsxs(DisplayPanel, {
+          }), children && currentSelected === label && /*#__PURE__*/jsxs(DisplayPanel, {
             ref: displayPanel,
             children: [/*#__PURE__*/jsxs(HeadingWrapper, {
               children: [/*#__PURE__*/jsxs(HeadingLink, {
@@ -2755,7 +2782,7 @@ var MenuOptions = props => {
                 children: isAuthenticated ? LABEL_CONTINUE : LABEL_SIGN_IN
               })]
             }), /*#__PURE__*/jsx(LinksGroup, {
-              children: selectedItem.children.map(child => {
+              children: (_selectedItem$childre = selectedItem.children) === null || _selectedItem$childre === void 0 ? void 0 : _selectedItem$childre.map(child => {
                 var _child$link;
                 return /*#__PURE__*/jsx(LinkItem, {
                   children: /*#__PURE__*/jsx(PanelLink, {

package/package.json

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