@lendi/navbar 7.42.2 → 7.44.0

package/dist/declarations/src/shared/hooks/usePartnerBrand.d.ts

@@ -0,0 +1 @@
+export declare const usePartnerBrand: () => string | null;

package/dist/navbar.cjs.dev.js

@@ -38,6 +38,7 @@ var KeyboardArrowDown = require('@lendi-ui/icon/KeyboardArrowDown');
 var KeyboardArrowRight = require('@lendi-ui/icon/KeyboardArrowRight');
 var KeyboardArrowLeft = require('@lendi-ui/icon/KeyboardArrowLeft');
 var FocusLock = require('react-focus-lock');
+var icon = require('@lendi-ui/icon');
 var Menu = require('@lendi-ui/icon/Menu');
 var Sidebar = require('@lendi-ui/sidebar');
 var ArrowDropDown = require('@lendi-ui/icon/ArrowDropDown');
@@ -280,7 +281,7 @@ var MenuLogoWrapper = styled__default["default"].div.withConfig({
 var NavbarLeftWrapper = styled__default["default"].div.withConfig({
   displayName: "styles__NavbarLeftWrapper",
   componentId: "lui__sc-ej7i4l-3"
-})(["flex:1 0 auto;"]);
+})(["flex:1 0 auto;display:flex;align-items:center;gap:1rem;"]);
 var NavbarRightWrapper = styled__default["default"].div.withConfig({
   displayName: "styles__NavbarRightWrapper",
   componentId: "lui__sc-ej7i4l-4"
@@ -1820,8 +1821,31 @@ var useAHLParam = () => {
   }, []);
 };
 
+var usePartnerBrand = () => {
+  var [partnerId, setPartnerId] = React.useState(null);
+  React.useEffect(() => {
+    if (typeof window !== 'undefined' && window.sessionStorage) {
+      // First, check URL params
+      var urlParams = new URLSearchParams(window.location.search);
+      var partnerIdQuery = urlParams.get('partnerid');
+      if (partnerIdQuery) {
+        sessionStorage.setItem('GP_PARTNER_ID', partnerIdQuery);
+        setPartnerId(partnerIdQuery);
+      }
+    }
+    // If not, check if we already have a partner ID in session storage
+    var existingPartnerId = sessionStorage.getItem('GP_PARTNER_ID');
+    if (existingPartnerId) {
+      setPartnerId(existingPartnerId);
+      return;
+    }
+  }, []);
+  return partnerId;
+};
+
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 var SimpleNavbarComponent = _ref => {
+  var _window;
   var {
     // Public props
     useTransparent = false,
@@ -1846,20 +1870,32 @@ var SimpleNavbarComponent = _ref => {
   } = launchdarkly.useFlags();
   var session = lalaReact.useSession();
   var isAuthenticated = session.status === lalaReact.Status.Authenticated;
-
+  // Set to aussie domain for either brands
+  var env = getEnvFromHostname((_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.hostname);
+  var BASE_URL = env === lalaUtils.Environment.Production ? 'https://www.aussie.com.au' : env === lalaUtils.Environment.Staging ? 'https://aussie-stg.com.au' : "https://aussie-dev.com.au";
+  var PARTNER_LOGO_BASE_PATH = '/growth-product-assets/partner-logos/';
   // to set AHL value in session storage for funnel1 journey
   useAHLParam();
+  var partnerId = usePartnerBrand();
   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, {
+      children: [/*#__PURE__*/jsxRuntime.jsxs(NavbarLeftWrapper, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(LogoComponent$1, {
           homeURL: homeURL,
           params: params,
           "aria-label": "Logo",
           hasHamburgerMenu: false
-        })
+        }), partnerId && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(icon.Close, {
+            width: "24px",
+            height: "24px"
+          }), /*#__PURE__*/jsxRuntime.jsx("img", {
+            src: "".concat(BASE_URL).concat(PARTNER_LOGO_BASE_PATH).concat(partnerId, ".png"),
+            alt: "Partner Logo"
+          })]
+        })]
       }), /*#__PURE__*/jsxRuntime.jsx(NavbarRightWrapper, {
         children: /*#__PURE__*/jsxRuntime.jsx(DropdownProvider, {
           hideDashboardItem: hideDashboardItem,
@@ -3551,6 +3587,10 @@ var TalkToExpertButton = _ref => {
     store,
     broker
   } = chat.useBootstrappedChatState();
+  var {
+    gpBookAppointmentInterim
+  } = launchdarkly.useFlags();
+  var bookAppointmentCtaUrl = gpBookAppointmentInterim ? '/home-loans/basics/appointment/' : '/book-appointment/';
   var globalProps = utils$1.filterGlobalProps(props);
   var handleClick = () => {
     var event = {
@@ -3567,7 +3607,7 @@ var TalkToExpertButton = _ref => {
   };
   return /*#__PURE__*/jsxRuntime.jsx(Button.AnchorButton, _objectSpread2(_objectSpread2({
     variant: "secondary",
-    href: embedMarketingTrackingIntoURL('/book-appointment/', 'https://www.aussie.com.au'),
+    href: embedMarketingTrackingIntoURL(bookAppointmentCtaUrl, 'https://www.aussie.com.au'),
     size: "sm",
     "data-component": "navbar-button-talk-to-expert",
     isInverse: true,

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"), 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");
+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"), icon = require("@lendi-ui/icon"), 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 : {
@@ -161,7 +161,7 @@ var _templateObject$f, _templateObject$e, _templateObject2$5, StyledHeaderLogo =
 })([ "display:flex;align-items:center;" ]), NavbarLeftWrapper = styled__default.default.div.withConfig({
   displayName: "styles__NavbarLeftWrapper",
   componentId: "lui__sc-ej7i4l-3"
-})([ "flex:1 0 auto;" ]), NavbarRightWrapper = styled__default.default.div.withConfig({
+})([ "flex:1 0 auto;display:flex;align-items:center;gap:1rem;" ]), NavbarRightWrapper = styled__default.default.div.withConfig({
   displayName: "styles__NavbarRightWrapper",
   componentId: "lui__sc-ej7i4l-4"
 })([ "" ]), AlertBanner = styled__default.default(Alert__default.default).withConfig({
@@ -1130,19 +1130,39 @@ var _templateObject$9, _templateObject2$4, _templateObject$8, _templateObject2$3
       if (!url.match(FUNNEL1_URL_MATCH)) return unsetLenderIdInSessionStorage();
     }
   }), []);
+}, usePartnerBrand = () => {
+  var [partnerId, setPartnerId] = React.useState(null);
+  return React.useEffect((() => {
+    if ("undefined" != typeof window && window.sessionStorage) {
+      var partnerIdQuery = new URLSearchParams(window.location.search).get("partnerid");
+      partnerIdQuery && (sessionStorage.setItem("GP_PARTNER_ID", partnerIdQuery), setPartnerId(partnerIdQuery));
+    }
+    var existingPartnerId = sessionStorage.getItem("GP_PARTNER_ID");
+    existingPartnerId && setPartnerId(existingPartnerId);
+  }), []), partnerId;
 }, 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, {primaryBrandCustomerAlert: primaryBrandCustomerAlert} = launchdarkly.useFlags(), session = lalaReact.useSession(), isAuthenticated = session.status === lalaReact.Status.Authenticated;
-  return useAHLParam(), jsxRuntime.jsxs(jsxRuntime.Fragment, {
+  var _window, {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, env = getEnvFromHostname(null === (_window = window) || void 0 === _window || null === (_window = _window.location) || void 0 === _window ? void 0 : _window.hostname), BASE_URL = env === lalaUtils.Environment.Production ? "https://www.aussie.com.au" : env === lalaUtils.Environment.Staging ? "https://aussie-stg.com.au" : "https://aussie-dev.com.au";
+  useAHLParam();
+  var partnerId = usePartnerBrand();
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [ jsxRuntime.jsxs(NavbarWrapper, {
       isTransparent: useTransparent,
       isAuthenticated: isAuthenticated,
-      children: [ jsxRuntime.jsx(NavbarLeftWrapper, {
-        children: jsxRuntime.jsx(LogoComponent$1, {
+      children: [ jsxRuntime.jsxs(NavbarLeftWrapper, {
+        children: [ jsxRuntime.jsx(LogoComponent$1, {
           homeURL: homeURL,
           params: params,
           "aria-label": "Logo",
           hasHamburgerMenu: !1
-        })
+        }), partnerId && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [ jsxRuntime.jsx(icon.Close, {
+            width: "24px",
+            height: "24px"
+          }), jsxRuntime.jsx("img", {
+            src: "".concat(BASE_URL).concat("/growth-product-assets/partner-logos/").concat(partnerId, ".png"),
+            alt: "Partner Logo"
+          }) ]
+        }) ]
       }), jsxRuntime.jsx(NavbarRightWrapper, {
         children: jsxRuntime.jsx(DropdownProvider, {
           hideDashboardItem: hideDashboardItem,
@@ -2326,10 +2346,10 @@ var _templateObject$3, _templateObject2$1, _templateObject$2, _templateObject$1,
     }) ]
   }));
 }, _excluded$3 = [ "talkTo" ], TalkToExpertButton = _ref => {
-  var {talkTo: talkTo} = _ref, props = _objectWithoutProperties(_ref, _excluded$3), {store: store, broker: broker} = chat.useBootstrappedChatState(), globalProps = utils$1.filterGlobalProps(props);
+  var {talkTo: talkTo} = _ref, props = _objectWithoutProperties(_ref, _excluded$3), {store: store, broker: broker} = chat.useBootstrappedChatState(), {gpBookAppointmentInterim: gpBookAppointmentInterim} = launchdarkly.useFlags(), bookAppointmentCtaUrl = gpBookAppointmentInterim ? "/home-loans/basics/appointment/" : "/book-appointment/", globalProps = utils$1.filterGlobalProps(props);
   return jsxRuntime.jsx(Button.AnchorButton, _objectSpread2(_objectSpread2({
     variant: "secondary",
-    href: embedMarketingTrackingIntoURL("/book-appointment/", "https://www.aussie.com.au"),
+    href: embedMarketingTrackingIntoURL(bookAppointmentCtaUrl, "https://www.aussie.com.au"),
     size: "sm",
     "data-component": "navbar-button-talk-to-expert",
     isInverse: !0,

package/dist/navbar.esm.js

@@ -12,7 +12,7 @@ import { Button, IconButton } from '@lendi-ui/button';
 import UnreadMessage from '@lendi-ui/icon/UnreadMessage';
 import { display, normalise, deriveSize } from '@lendi-ui/utils';
 import MoreVert from '@lendi-ui/icon/MoreVert';
-import { getBrandFromHostname, Brand, getURLs, SESSION_STORAGE_KEYS, getAPIBaseURL } from '@lendi/lala-utils';
+import { getBrandFromHostname, Brand, getURLs, SESSION_STORAGE_KEYS, Environment as Environment$1, getAPIBaseURL } from '@lendi/lala-utils';
 import { useFlags, withLendiLDProvider } from '@lendi/launchdarkly';
 import { getRadius, getFocusRing } from '@lendi-ui/commons/borders';
 import getColour, { getColour as getColour$1 } from '@lendi-ui/commons/colours';
@@ -35,6 +35,7 @@ import KeyboardArrowDown from '@lendi-ui/icon/KeyboardArrowDown';
 import KeyboardArrowRight from '@lendi-ui/icon/KeyboardArrowRight';
 import KeyboardArrowLeft from '@lendi-ui/icon/KeyboardArrowLeft';
 import FocusLock from 'react-focus-lock';
+import { Close as Close$1 } from '@lendi-ui/icon';
 import Menu from '@lendi-ui/icon/Menu';
 import Sidebar from '@lendi-ui/sidebar';
 import ArrowDropDown from '@lendi-ui/icon/ArrowDropDown';
@@ -246,7 +247,7 @@ var MenuLogoWrapper = styled.div.withConfig({
 var NavbarLeftWrapper = styled.div.withConfig({
   displayName: "styles__NavbarLeftWrapper",
   componentId: "lui__sc-ej7i4l-3"
-})(["flex:1 0 auto;"]);
+})(["flex:1 0 auto;display:flex;align-items:center;gap:1rem;"]);
 var NavbarRightWrapper = styled.div.withConfig({
   displayName: "styles__NavbarRightWrapper",
   componentId: "lui__sc-ej7i4l-4"
@@ -1786,8 +1787,31 @@ var useAHLParam = () => {
   }, []);
 };
 
+var usePartnerBrand = () => {
+  var [partnerId, setPartnerId] = useState(null);
+  useEffect(() => {
+    if (typeof window !== 'undefined' && window.sessionStorage) {
+      // First, check URL params
+      var urlParams = new URLSearchParams(window.location.search);
+      var partnerIdQuery = urlParams.get('partnerid');
+      if (partnerIdQuery) {
+        sessionStorage.setItem('GP_PARTNER_ID', partnerIdQuery);
+        setPartnerId(partnerIdQuery);
+      }
+    }
+    // If not, check if we already have a partner ID in session storage
+    var existingPartnerId = sessionStorage.getItem('GP_PARTNER_ID');
+    if (existingPartnerId) {
+      setPartnerId(existingPartnerId);
+      return;
+    }
+  }, []);
+  return partnerId;
+};
+
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 var SimpleNavbarComponent = _ref => {
+  var _window;
   var {
     // Public props
     useTransparent = false,
@@ -1812,20 +1836,32 @@ var SimpleNavbarComponent = _ref => {
   } = useFlags();
   var session = useSession();
   var isAuthenticated = session.status === Status.Authenticated;
-
+  // Set to aussie domain for either brands
+  var env = getEnvFromHostname((_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.hostname);
+  var BASE_URL = env === Environment$1.Production ? 'https://www.aussie.com.au' : env === Environment$1.Staging ? 'https://aussie-stg.com.au' : "https://aussie-dev.com.au";
+  var PARTNER_LOGO_BASE_PATH = '/growth-product-assets/partner-logos/';
   // to set AHL value in session storage for funnel1 journey
   useAHLParam();
+  var partnerId = usePartnerBrand();
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsxs(NavbarWrapper, {
       isTransparent: useTransparent,
       isAuthenticated: isAuthenticated,
-      children: [/*#__PURE__*/jsx(NavbarLeftWrapper, {
-        children: /*#__PURE__*/jsx(LogoComponent$1, {
+      children: [/*#__PURE__*/jsxs(NavbarLeftWrapper, {
+        children: [/*#__PURE__*/jsx(LogoComponent$1, {
           homeURL: homeURL,
           params: params,
           "aria-label": "Logo",
           hasHamburgerMenu: false
-        })
+        }), partnerId && /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx(Close$1, {
+            width: "24px",
+            height: "24px"
+          }), /*#__PURE__*/jsx("img", {
+            src: "".concat(BASE_URL).concat(PARTNER_LOGO_BASE_PATH).concat(partnerId, ".png"),
+            alt: "Partner Logo"
+          })]
+        })]
       }), /*#__PURE__*/jsx(NavbarRightWrapper, {
         children: /*#__PURE__*/jsx(DropdownProvider, {
           hideDashboardItem: hideDashboardItem,
@@ -3517,6 +3553,10 @@ var TalkToExpertButton = _ref => {
     store,
     broker
   } = useBootstrappedChatState();
+  var {
+    gpBookAppointmentInterim
+  } = useFlags();
+  var bookAppointmentCtaUrl = gpBookAppointmentInterim ? '/home-loans/basics/appointment/' : '/book-appointment/';
   var globalProps = filterGlobalProps(props);
   var handleClick = () => {
     var event = {
@@ -3533,7 +3573,7 @@ var TalkToExpertButton = _ref => {
   };
   return /*#__PURE__*/jsx(AnchorButton, _objectSpread2(_objectSpread2({
     variant: "secondary",
-    href: embedMarketingTrackingIntoURL('/book-appointment/', 'https://www.aussie.com.au'),
+    href: embedMarketingTrackingIntoURL(bookAppointmentCtaUrl, 'https://www.aussie.com.au'),
     size: "sm",
     "data-component": "navbar-button-talk-to-expert",
     isInverse: true,

package/package.json

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