@lendi/navbar 7.41.1 → 7.42.0

package/dist/declarations/src/shared/styles.d.ts

@@ -21,4 +21,5 @@ export declare const Container: import("styled-components").StyledComponent<"div
 export declare const MenuLogoWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const NavbarLeftWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const NavbarRightWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const AlertBanner: import("styled-components").StyledComponent<({ variant, heading, children, ...otherProps }: import("@lendi-ui/alert").AlertProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export {};

package/dist/navbar.cjs.dev.js

@@ -11,6 +11,7 @@ var spacing = require('@lendi-ui/spacing');
 var Theme = require('@lendi/ui/Theme');
 var styled = require('styled-components');
 var jsxRuntime = require('react/jsx-runtime');
+var Alert = require('@lendi-ui/alert');
 var button = require('@lendi-ui/button');
 var UnreadMessage = require('@lendi-ui/icon/UnreadMessage');
 var utils = require('@lendi-ui/utils');
@@ -57,6 +58,7 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var NavbarBase__default = /*#__PURE__*/_interopDefault(NavbarBase);
 var Logo__default = /*#__PURE__*/_interopDefault(Logo);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
+var Alert__default = /*#__PURE__*/_interopDefault(Alert);
 var UnreadMessage__default = /*#__PURE__*/_interopDefault(UnreadMessage);
 var MoreVert__default = /*#__PURE__*/_interopDefault(MoreVert);
 var getColour__default = /*#__PURE__*/_interopDefault(getColour);
@@ -283,6 +285,14 @@ var NavbarRightWrapper = styled__default["default"].div.withConfig({
   displayName: "styles__NavbarRightWrapper",
   componentId: "lui__sc-ej7i4l-4"
 })([""]);
+var AlertBanner = styled__default["default"](Alert__default["default"]).withConfig({
+  displayName: "styles__AlertBanner",
+  componentId: "lui__sc-ej7i4l-5"
+})(["", ""], spacing.my({
+  mobile: 'xs',
+  tablet: 'xs',
+  desktop: 'sm'
+}));
 
 var _templateObject$e, _templateObject2$5;
 var TalkExpertAction$1 = styled__default["default"](button.Button).withConfig({
@@ -1812,6 +1822,7 @@ var useAHLParam = () => {
   }, []);
 };
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 var SimpleNavbarComponent = _ref => {
   var {
     // Public props
@@ -1832,37 +1843,51 @@ var SimpleNavbarComponent = _ref => {
     openCommPanel: _openCommPanel,
     customerOwner
   } = _ref;
+  var {
+    primaryBrandCustomerAlert
+  } = launchdarkly.useFlags();
   var session = lalaReact.useSession();
   var isAuthenticated = session.status === lalaReact.Status.Authenticated;
 
-  //to set AHL value in session storage for funnel1 journey
+  // to set AHL value in session storage for funnel1 journey
   useAHLParam();
-  return /*#__PURE__*/jsxRuntime.jsxs(NavbarWrapper, {
-    isTransparent: useTransparent,
-    isAuthenticated: isAuthenticated,
-    children: [/*#__PURE__*/jsxRuntime.jsx(NavbarLeftWrapper, {
-      children: /*#__PURE__*/jsxRuntime.jsx(LogoComponent$1, {
-        homeURL: homeURL,
-        params: params,
-        "aria-label": "Logo",
-        hasHamburgerMenu: false
-      })
-    }), /*#__PURE__*/jsxRuntime.jsx(NavbarRightWrapper, {
-      children: /*#__PURE__*/jsxRuntime.jsx(DropdownProvider, {
-        hideDashboardItem: hideDashboardItem,
-        hideManageApplicationsItem: hideManageApplicationsItem,
-        onLogout: onLogout,
-        children: /*#__PURE__*/jsxRuntime.jsx(CTAButtons$3, {
-          showTalkToExpertCta: showTalkToExpertCta,
-          showBookanAppointmentCta: showBookanAppointmentCta,
-          isAuthenticated: isAuthenticated,
-          continueURL: continueURL,
-          showContinueAction: showContinueAction,
-          openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel(),
-          customerOwner: customerOwner,
-          hasUnreadMessages: hasUnread
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsxs(NavbarWrapper, {
+      isTransparent: useTransparent,
+      isAuthenticated: isAuthenticated,
+      children: [/*#__PURE__*/jsxRuntime.jsx(NavbarLeftWrapper, {
+        children: /*#__PURE__*/jsxRuntime.jsx(LogoComponent$1, {
+          homeURL: homeURL,
+          params: params,
+          "aria-label": "Logo",
+          hasHamburgerMenu: false
         })
-      })
+      }), /*#__PURE__*/jsxRuntime.jsx(NavbarRightWrapper, {
+        children: /*#__PURE__*/jsxRuntime.jsx(DropdownProvider, {
+          hideDashboardItem: hideDashboardItem,
+          hideManageApplicationsItem: hideManageApplicationsItem,
+          onLogout: onLogout,
+          children: /*#__PURE__*/jsxRuntime.jsx(CTAButtons$3, {
+            showTalkToExpertCta: showTalkToExpertCta,
+            showBookanAppointmentCta: showBookanAppointmentCta,
+            isAuthenticated: isAuthenticated,
+            continueURL: continueURL,
+            showContinueAction: showContinueAction,
+            openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel(),
+            customerOwner: customerOwner,
+            hasUnreadMessages: hasUnread
+          })
+        })
+      })]
+    }), primaryBrandCustomerAlert && (session === null || session === void 0 ? void 0 : session.brand) === 'lendi' && /*#__PURE__*/jsxRuntime.jsxs(AlertBanner, {
+      variant: "info",
+      children: [/*#__PURE__*/jsxRuntime.jsx("b", {
+        children: "Your home loan journey just got even better"
+      }), "\u2014welcome to Aussie!", ' ', /*#__PURE__*/jsxRuntime.jsx(typography.Link, {
+        href: "https://aussie.com.au/lp/welcome-to-aussie",
+        target: "_blank",
+        children: "Learn more."
+      })]
     })]
   });
 };

package/dist/navbar.cjs.prod.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: !0
 });
 
-var React = require("react"), NavbarBase = require("@lendi-ui/navbar-base"), analytics$1 = require("@lendi/analytics"), breakpoint = require("@lendi-ui/breakpoint"), Logo = require("@lendi-ui/logo"), spacing = require("@lendi-ui/spacing"), Theme = require("@lendi/ui/Theme"), styled = require("styled-components"), jsxRuntime = require("react/jsx-runtime"), button = require("@lendi-ui/button"), UnreadMessage = require("@lendi-ui/icon/UnreadMessage"), utils = require("@lendi-ui/utils"), MoreVert = require("@lendi-ui/icon/MoreVert"), lalaUtils = require("@lendi/lala-utils"), launchdarkly = require("@lendi/launchdarkly"), borders = require("@lendi-ui/commons/borders"), getColour = require("@lendi-ui/commons/colours"), depth = require("@lendi-ui/depth"), Launch = require("@lendi-ui/icon/Launch"), typography = require("@lendi-ui/typography"), lalaReact = require("@lendi/lala-react"), chat = require("@lendi/chat"), Close = require("@lendi-ui/icon/Close"), color = require("@lendi-ui/color"), Face = require("@lendi-ui/icon/Face"), getTypography = require("@lendi-ui/commons/typography"), utils$1 = require("@lendi-ui/commons/utils"), Phone = require("@lendi-ui/icon/Phone"), Calendar = require("@lendi-ui/icon/Calendar"), lendigroupLeadsLibrary = require("@lendi/lendigroup-leads-library"), Chat = require("@lendi-ui/icon/Chat"), KeyboardArrowDown = require("@lendi-ui/icon/KeyboardArrowDown"), KeyboardArrowRight = require("@lendi-ui/icon/KeyboardArrowRight"), KeyboardArrowLeft = require("@lendi-ui/icon/KeyboardArrowLeft"), FocusLock = require("react-focus-lock"), Menu = require("@lendi-ui/icon/Menu"), Sidebar = require("@lendi-ui/sidebar"), ArrowDropDown = require("@lendi-ui/icon/ArrowDropDown"), ExitToApp = require("@lendi-ui/icon/ExitToApp"), ExpandMore = require("@lendi-ui/icon/ExpandMore"), grid = require("@lendi-ui/grid"), ChevronDown = require("@lendi-ui/icon/ChevronDown"), ChevronUp = require("@lendi-ui/icon/ChevronUp"), Layout = require("@lendi/ui/Layout"), ArrowForward = require("@lendi-ui/icon/ArrowForward"), Typography = require("@lendi/ui/Typography"), Button = require("@lendi/ui/Button"), axios = require("axios");
+var React = require("react"), NavbarBase = require("@lendi-ui/navbar-base"), analytics$1 = require("@lendi/analytics"), breakpoint = require("@lendi-ui/breakpoint"), Logo = require("@lendi-ui/logo"), spacing = require("@lendi-ui/spacing"), Theme = require("@lendi/ui/Theme"), styled = require("styled-components"), jsxRuntime = require("react/jsx-runtime"), Alert = require("@lendi-ui/alert"), button = require("@lendi-ui/button"), UnreadMessage = require("@lendi-ui/icon/UnreadMessage"), utils = require("@lendi-ui/utils"), MoreVert = require("@lendi-ui/icon/MoreVert"), lalaUtils = require("@lendi/lala-utils"), launchdarkly = require("@lendi/launchdarkly"), borders = require("@lendi-ui/commons/borders"), getColour = require("@lendi-ui/commons/colours"), depth = require("@lendi-ui/depth"), Launch = require("@lendi-ui/icon/Launch"), typography = require("@lendi-ui/typography"), lalaReact = require("@lendi/lala-react"), chat = require("@lendi/chat"), Close = require("@lendi-ui/icon/Close"), color = require("@lendi-ui/color"), Face = require("@lendi-ui/icon/Face"), getTypography = require("@lendi-ui/commons/typography"), utils$1 = require("@lendi-ui/commons/utils"), Phone = require("@lendi-ui/icon/Phone"), Calendar = require("@lendi-ui/icon/Calendar"), lendigroupLeadsLibrary = require("@lendi/lendigroup-leads-library"), Chat = require("@lendi-ui/icon/Chat"), KeyboardArrowDown = require("@lendi-ui/icon/KeyboardArrowDown"), KeyboardArrowRight = require("@lendi-ui/icon/KeyboardArrowRight"), KeyboardArrowLeft = require("@lendi-ui/icon/KeyboardArrowLeft"), FocusLock = require("react-focus-lock"), Menu = require("@lendi-ui/icon/Menu"), Sidebar = require("@lendi-ui/sidebar"), ArrowDropDown = require("@lendi-ui/icon/ArrowDropDown"), ExitToApp = require("@lendi-ui/icon/ExitToApp"), ExpandMore = require("@lendi-ui/icon/ExpandMore"), grid = require("@lendi-ui/grid"), ChevronDown = require("@lendi-ui/icon/ChevronDown"), ChevronUp = require("@lendi-ui/icon/ChevronUp"), Layout = require("@lendi/ui/Layout"), ArrowForward = require("@lendi-ui/icon/ArrowForward"), Typography = require("@lendi/ui/Typography"), Button = require("@lendi/ui/Button"), axios = require("axios");
 
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
@@ -12,7 +12,7 @@ function _interopDefault(e) {
   };
 }
 
-var React__default = _interopDefault(React), NavbarBase__default = _interopDefault(NavbarBase), Logo__default = _interopDefault(Logo), styled__default = _interopDefault(styled), UnreadMessage__default = _interopDefault(UnreadMessage), MoreVert__default = _interopDefault(MoreVert), getColour__default = _interopDefault(getColour), Launch__default = _interopDefault(Launch), Close__default = _interopDefault(Close), Face__default = _interopDefault(Face), getTypography__default = _interopDefault(getTypography), Phone__default = _interopDefault(Phone), Calendar__default = _interopDefault(Calendar), Chat__default = _interopDefault(Chat), KeyboardArrowDown__default = _interopDefault(KeyboardArrowDown), KeyboardArrowRight__default = _interopDefault(KeyboardArrowRight), KeyboardArrowLeft__default = _interopDefault(KeyboardArrowLeft), FocusLock__default = _interopDefault(FocusLock), Menu__default = _interopDefault(Menu), Sidebar__default = _interopDefault(Sidebar), ArrowDropDown__default = _interopDefault(ArrowDropDown), ExitToApp__default = _interopDefault(ExitToApp), ExpandMore__default = _interopDefault(ExpandMore), ChevronDown__default = _interopDefault(ChevronDown), ChevronUp__default = _interopDefault(ChevronUp), ArrowForward__default = _interopDefault(ArrowForward), axios__default = _interopDefault(axios);
+var React__default = _interopDefault(React), NavbarBase__default = _interopDefault(NavbarBase), Logo__default = _interopDefault(Logo), styled__default = _interopDefault(styled), Alert__default = _interopDefault(Alert), UnreadMessage__default = _interopDefault(UnreadMessage), MoreVert__default = _interopDefault(MoreVert), getColour__default = _interopDefault(getColour), Launch__default = _interopDefault(Launch), Close__default = _interopDefault(Close), Face__default = _interopDefault(Face), getTypography__default = _interopDefault(getTypography), Phone__default = _interopDefault(Phone), Calendar__default = _interopDefault(Calendar), Chat__default = _interopDefault(Chat), KeyboardArrowDown__default = _interopDefault(KeyboardArrowDown), KeyboardArrowRight__default = _interopDefault(KeyboardArrowRight), KeyboardArrowLeft__default = _interopDefault(KeyboardArrowLeft), FocusLock__default = _interopDefault(FocusLock), Menu__default = _interopDefault(Menu), Sidebar__default = _interopDefault(Sidebar), ArrowDropDown__default = _interopDefault(ArrowDropDown), ExitToApp__default = _interopDefault(ExitToApp), ExpandMore__default = _interopDefault(ExpandMore), ChevronDown__default = _interopDefault(ChevronDown), ChevronUp__default = _interopDefault(ChevronUp), ArrowForward__default = _interopDefault(ArrowForward), axios__default = _interopDefault(axios);
 
 function _toPrimitive(input, hint) {
   if ("object" != typeof input || null === input) return input;
@@ -164,7 +164,14 @@ var _templateObject$f, _templateObject$e, _templateObject2$5, StyledHeaderLogo =
 })([ "flex:1 0 auto;" ]), NavbarRightWrapper = styled__default.default.div.withConfig({
   displayName: "styles__NavbarRightWrapper",
   componentId: "lui__sc-ej7i4l-4"
-})([ "" ]), TalkExpertAction$1 = styled__default.default(button.Button).withConfig({
+})([ "" ]), AlertBanner = styled__default.default(Alert__default.default).withConfig({
+  displayName: "styles__AlertBanner",
+  componentId: "lui__sc-ej7i4l-5"
+})([ "", "" ], spacing.my({
+  mobile: "xs",
+  tablet: "xs",
+  desktop: "sm"
+})), TalkExpertAction$1 = styled__default.default(button.Button).withConfig({
   displayName: "style__TalkExpertAction",
   componentId: "lui__sc-9anjvz-0"
 })([ "width:100%;", " ", ";min-width:180px;", "" ], spacing.mr("sm"), breakpoint.between("mobile", "desktop")(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral([ "\n    border: none;\n  " ]))), (_ref => {
@@ -1124,33 +1131,44 @@ var _templateObject$9, _templateObject2$4, _templateObject$8, _templateObject2$3
     }
   }), []);
 }, SimpleNavbarComponent = _ref => {
-  var {useTransparent: useTransparent = !1, showBookanAppointmentCta: showBookanAppointmentCta = !0, showTalkToExpertCta: showTalkToExpertCta = !0, homeURL: homeURL, params: params = "", continueURL: continueURL = "/", onLogout: onLogout, showContinueAction: showContinueAction = !1, hideDashboardItem: hideDashboardItem, hideManageApplicationsItem: hideManageApplicationsItem, isCommPanelOpen: isCommPanelOpen, hasUnread: hasUnread, closeCommPanel: closeCommPanel, openCommPanel: _openCommPanel, customerOwner: customerOwner} = _ref, isAuthenticated = lalaReact.useSession().status === lalaReact.Status.Authenticated;
-  return useAHLParam(), jsxRuntime.jsxs(NavbarWrapper, {
-    isTransparent: useTransparent,
-    isAuthenticated: isAuthenticated,
-    children: [ jsxRuntime.jsx(NavbarLeftWrapper, {
-      children: jsxRuntime.jsx(LogoComponent$1, {
-        homeURL: homeURL,
-        params: params,
-        "aria-label": "Logo",
-        hasHamburgerMenu: !1
-      })
-    }), jsxRuntime.jsx(NavbarRightWrapper, {
-      children: jsxRuntime.jsx(DropdownProvider, {
-        hideDashboardItem: hideDashboardItem,
-        hideManageApplicationsItem: hideManageApplicationsItem,
-        onLogout: onLogout,
-        children: jsxRuntime.jsx(CTAButtons$3, {
-          showTalkToExpertCta: showTalkToExpertCta,
-          showBookanAppointmentCta: showBookanAppointmentCta,
-          isAuthenticated: isAuthenticated,
-          continueURL: continueURL,
-          showContinueAction: showContinueAction,
-          openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel(),
-          customerOwner: customerOwner,
-          hasUnreadMessages: hasUnread
+  var {useTransparent: useTransparent = !1, showBookanAppointmentCta: showBookanAppointmentCta = !0, showTalkToExpertCta: showTalkToExpertCta = !0, homeURL: homeURL, params: params = "", continueURL: continueURL = "/", onLogout: onLogout, showContinueAction: showContinueAction = !1, hideDashboardItem: hideDashboardItem, hideManageApplicationsItem: hideManageApplicationsItem, isCommPanelOpen: isCommPanelOpen, hasUnread: hasUnread, closeCommPanel: closeCommPanel, openCommPanel: _openCommPanel, customerOwner: customerOwner} = _ref, {primaryBrandCustomerAlert: primaryBrandCustomerAlert} = launchdarkly.useFlags(), session = lalaReact.useSession(), isAuthenticated = session.status === lalaReact.Status.Authenticated;
+  return useAHLParam(), jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [ jsxRuntime.jsxs(NavbarWrapper, {
+      isTransparent: useTransparent,
+      isAuthenticated: isAuthenticated,
+      children: [ jsxRuntime.jsx(NavbarLeftWrapper, {
+        children: jsxRuntime.jsx(LogoComponent$1, {
+          homeURL: homeURL,
+          params: params,
+          "aria-label": "Logo",
+          hasHamburgerMenu: !1
         })
-      })
+      }), jsxRuntime.jsx(NavbarRightWrapper, {
+        children: jsxRuntime.jsx(DropdownProvider, {
+          hideDashboardItem: hideDashboardItem,
+          hideManageApplicationsItem: hideManageApplicationsItem,
+          onLogout: onLogout,
+          children: jsxRuntime.jsx(CTAButtons$3, {
+            showTalkToExpertCta: showTalkToExpertCta,
+            showBookanAppointmentCta: showBookanAppointmentCta,
+            isAuthenticated: isAuthenticated,
+            continueURL: continueURL,
+            showContinueAction: showContinueAction,
+            openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel(),
+            customerOwner: customerOwner,
+            hasUnreadMessages: hasUnread
+          })
+        })
+      }) ]
+    }), primaryBrandCustomerAlert && "lendi" === (null == session ? void 0 : session.brand) && jsxRuntime.jsxs(AlertBanner, {
+      variant: "info",
+      children: [ jsxRuntime.jsx("b", {
+        children: "Your home loan journey just got even better"
+      }), "—welcome to Aussie!", " ", jsxRuntime.jsx(typography.Link, {
+        href: "https://aussie.com.au/lp/welcome-to-aussie",
+        target: "_blank",
+        children: "Learn more."
+      }) ]
     }) ]
   });
 }, SimpleNavbar = withErrorProvider(launchdarkly.withLendiLDProvider(withCommPanel(withDomainChat(SimpleNavbarComponent)))), GuestNavbar = _ref => {

package/dist/navbar.esm.js

@@ -3,10 +3,11 @@ import NavbarBase, { useNavbarBaseContext } from '@lendi-ui/navbar-base';
 import { trackEvent, EventCategory, ButtonType, CustomerType } from '@lendi/analytics';
 import { gte, between, map, useBreakpoint } from '@lendi-ui/breakpoint';
 import Logo from '@lendi-ui/logo';
-import { mb, ml, pl, pr, mr, p, px, py, mx, mt, m, pb, pt, my } from '@lendi-ui/spacing';
+import { mb, ml, pl, pr, my, mr, p, px, py, mx, mt, m, pb, pt } from '@lendi-ui/spacing';
 import { select, useTheme } from '@lendi/ui/Theme';
 import styled, { css, keyframes, createGlobalStyle } from 'styled-components';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import Alert from '@lendi-ui/alert';
 import { Button, IconButton } from '@lendi-ui/button';
 import UnreadMessage from '@lendi-ui/icon/UnreadMessage';
 import { display, normalise, deriveSize } from '@lendi-ui/utils';
@@ -250,6 +251,14 @@ var NavbarRightWrapper = styled.div.withConfig({
   displayName: "styles__NavbarRightWrapper",
   componentId: "lui__sc-ej7i4l-4"
 })([""]);
+var AlertBanner = styled(Alert).withConfig({
+  displayName: "styles__AlertBanner",
+  componentId: "lui__sc-ej7i4l-5"
+})(["", ""], my({
+  mobile: 'xs',
+  tablet: 'xs',
+  desktop: 'sm'
+}));
 
 var _templateObject$e, _templateObject2$5;
 var TalkExpertAction$1 = styled(Button).withConfig({
@@ -1779,6 +1788,7 @@ var useAHLParam = () => {
   }, []);
 };
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 var SimpleNavbarComponent = _ref => {
   var {
     // Public props
@@ -1799,37 +1809,51 @@ var SimpleNavbarComponent = _ref => {
     openCommPanel: _openCommPanel,
     customerOwner
   } = _ref;
+  var {
+    primaryBrandCustomerAlert
+  } = useFlags();
   var session = useSession();
   var isAuthenticated = session.status === Status.Authenticated;
 
-  //to set AHL value in session storage for funnel1 journey
+  // to set AHL value in session storage for funnel1 journey
   useAHLParam();
-  return /*#__PURE__*/jsxs(NavbarWrapper, {
-    isTransparent: useTransparent,
-    isAuthenticated: isAuthenticated,
-    children: [/*#__PURE__*/jsx(NavbarLeftWrapper, {
-      children: /*#__PURE__*/jsx(LogoComponent$1, {
-        homeURL: homeURL,
-        params: params,
-        "aria-label": "Logo",
-        hasHamburgerMenu: false
-      })
-    }), /*#__PURE__*/jsx(NavbarRightWrapper, {
-      children: /*#__PURE__*/jsx(DropdownProvider, {
-        hideDashboardItem: hideDashboardItem,
-        hideManageApplicationsItem: hideManageApplicationsItem,
-        onLogout: onLogout,
-        children: /*#__PURE__*/jsx(CTAButtons$3, {
-          showTalkToExpertCta: showTalkToExpertCta,
-          showBookanAppointmentCta: showBookanAppointmentCta,
-          isAuthenticated: isAuthenticated,
-          continueURL: continueURL,
-          showContinueAction: showContinueAction,
-          openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel(),
-          customerOwner: customerOwner,
-          hasUnreadMessages: hasUnread
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs(NavbarWrapper, {
+      isTransparent: useTransparent,
+      isAuthenticated: isAuthenticated,
+      children: [/*#__PURE__*/jsx(NavbarLeftWrapper, {
+        children: /*#__PURE__*/jsx(LogoComponent$1, {
+          homeURL: homeURL,
+          params: params,
+          "aria-label": "Logo",
+          hasHamburgerMenu: false
         })
-      })
+      }), /*#__PURE__*/jsx(NavbarRightWrapper, {
+        children: /*#__PURE__*/jsx(DropdownProvider, {
+          hideDashboardItem: hideDashboardItem,
+          hideManageApplicationsItem: hideManageApplicationsItem,
+          onLogout: onLogout,
+          children: /*#__PURE__*/jsx(CTAButtons$3, {
+            showTalkToExpertCta: showTalkToExpertCta,
+            showBookanAppointmentCta: showBookanAppointmentCta,
+            isAuthenticated: isAuthenticated,
+            continueURL: continueURL,
+            showContinueAction: showContinueAction,
+            openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel(),
+            customerOwner: customerOwner,
+            hasUnreadMessages: hasUnread
+          })
+        })
+      })]
+    }), primaryBrandCustomerAlert && (session === null || session === void 0 ? void 0 : session.brand) === 'lendi' && /*#__PURE__*/jsxs(AlertBanner, {
+      variant: "info",
+      children: [/*#__PURE__*/jsx("b", {
+        children: "Your home loan journey just got even better"
+      }), "\u2014welcome to Aussie!", ' ', /*#__PURE__*/jsx(Link, {
+        href: "https://aussie.com.au/lp/welcome-to-aussie",
+        target: "_blank",
+        children: "Learn more."
+      })]
     })]
   });
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lendi/navbar",
   "access": "restricted",
-  "version": "7.41.1",
+  "version": "7.42.0",
   "license": "ISC",
   "source": "src/index.tsx",
   "main": "dist/navbar.cjs.js",
@@ -20,6 +20,7 @@
     "styled-components": "^4"
   },
   "dependencies": {
+    "@lendi-ui/alert": "^4.3.0",
     "@lendi-ui/breakpoint": "^5.2.4-beta.1",
     "@lendi-ui/button": "^8.4.1-beta.0",
     "@lendi-ui/color": "^5.1.9-beta.0",