@lendi/navbar 7.44.2 → 7.44.4

package/dist/declarations/src/SimpleNavbar/components/CTA/index.d.ts

@@ -1,6 +1,7 @@
 import { CTAProps } from '../../../shared/components/CTA';
 export interface UnReadProp {
     hasUnreadMessages?: boolean;
+    hasPartnerLogo?: boolean;
 }
 declare const CTAButtons: (props: CTAProps & UnReadProp) => JSX.Element;
 export default CTAButtons;

package/dist/declarations/src/SimpleNavbar/components/MobileAction/index.d.ts

@@ -1,4 +1,4 @@
 import { CTAProps } from '../../../shared/components/CTA';
 import { UnReadProp } from '../CTA';
-declare const RenderMobileAction: ({ isAuthenticated, continueURL, customerOwner, openCommPanel, showContinueAction, showTalkToExpertCta, hasUnreadMessages, }: CTAProps & UnReadProp) => JSX.Element;
+declare const RenderMobileAction: ({ isAuthenticated, continueURL, customerOwner, openCommPanel, showContinueAction, showTalkToExpertCta, hasUnreadMessages, hasPartnerLogo, }: CTAProps & UnReadProp) => JSX.Element;
 export default RenderMobileAction;

package/dist/declarations/src/shared/components/CTA/PartnerDropdownComponent/index.d.ts

@@ -0,0 +1,5 @@
+interface PartnerDropdownComponentProps {
+    onTalkToBroker: () => void;
+}
+export declare const PartnerDropdownComponent: ({ onTalkToBroker }: PartnerDropdownComponentProps) => JSX.Element;
+export {};

package/dist/declarations/src/shared/components/CTA/PartnerDropdownMenu/index.d.ts

@@ -0,0 +1,5 @@
+interface PartnerDropdownMenuProps {
+    onTalkToBroker: () => void;
+}
+export declare const PartnerDropdownMenu: ({ onTalkToBroker }: PartnerDropdownMenuProps) => JSX.Element;
+export {};

package/dist/declarations/src/shared/components/CTA/PartnerDropdownMenu/style.d.ts

@@ -0,0 +1,2 @@
+export declare const PartnerDropdownWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TalkToBrokerButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;

package/dist/declarations/src/shared/components/Logo/index.d.ts

@@ -2,6 +2,7 @@ export interface LogoProps {
     params?: string;
     homeURL?: string;
     hasHamburgerMenu?: boolean;
+    hasPartnerLogo?: boolean;
 }
-declare const LogoComponent: ({ homeURL, params, hasHamburgerMenu }: LogoProps) => JSX.Element;
+declare const LogoComponent: ({ homeURL, params, hasHamburgerMenu, hasPartnerLogo }: LogoProps) => JSX.Element;
 export default LogoComponent;

package/dist/declarations/src/shared/components/Logo/style.d.ts

@@ -1,5 +1,6 @@
 interface HeaderLogo {
     isHref: boolean;
+    hasPartnerLogo: boolean;
 }
 export declare const StyledHeaderLogo: import("styled-components").StyledComponent<({ variant, width, height, className, isExpanded, isTeamView, brand, ...otherProps }: import("@lendi-ui/logo/src/Logo").LogoProps) => JSX.Element, import("styled-components").DefaultTheme, HeaderLogo, never>;
 export declare const LogoLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {}, never>;

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

@@ -22,4 +22,5 @@ export declare const MenuLogoWrapper: import("styled-components").StyledComponen
 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 declare const PartnerLogo: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {}, never>;
 export {};

package/dist/navbar.cjs.dev.js

@@ -163,27 +163,32 @@ function _taggedTemplateLiteral(strings, raw) {
   }));
 }
 
-var _templateObject$g, _templateObject2$6, _templateObject3$2, _templateObject4$1, _templateObject5$1;
+var _templateObject$g, _templateObject2$7, _templateObject3$3, _templateObject4$1, _templateObject5$1;
 var StyledHeaderLogo = styled__default["default"](Logo__default["default"]).withConfig({
   displayName: "style__StyledHeaderLogo",
   componentId: "lui__sc-17ip4hk-0"
-})(["", ";width:auto;height:28px;color:", ";", ";"], _ref => {
+})(["", ";width:auto;height:", ";color:", ";", ";"], _ref => {
   var {
     isHref
   } = _ref;
   return isHref ? styled.css(["cursor:pointer;"]) : styled.css(["cursor:auto;"]);
 }, _ref2 => {
   var {
-    variant
+    hasPartnerLogo
   } = _ref2;
-  return variant === 'dark' ? 'secondary.900' : 'shade.0';
+  return hasPartnerLogo ? '20px' : '28px';
 }, _ref3 => {
   var {
-    theme
+    variant
   } = _ref3;
+  return variant === 'dark' ? 'secondary.900' : 'shade.0';
+}, _ref4 => {
+  var {
+    theme
+  } = _ref4;
   return Theme.select('logo.logoName')({
     theme
-  }) === 'LendiLogo' ? styled.css(["", ";", ";"], breakpoint.gte('tablet')(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral(["\n            width: auto;\n            height: 28px;\n          "]))), breakpoint.gte('desktop')(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n            width: auto;\n            height: 36px;\n          "])))) : styled.css(["", ";", ";"], breakpoint.gte('tablet')(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral(["\n            width: auto;\n            height: 28px;\n          "]))), breakpoint.gte('desktop')(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n            width: auto;\n            height: 36px;\n          "]))));
+  }) === 'LendiLogo' ? styled.css(["", ";", ";"], breakpoint.gte('tablet')(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral(["\n            width: auto;\n            height: 28px;\n          "]))), breakpoint.gte('desktop')(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral(["\n            width: auto;\n            height: 36px;\n          "])))) : styled.css(["", ";", ";"], breakpoint.gte('tablet')(_templateObject3$3 || (_templateObject3$3 = _taggedTemplateLiteral(["\n            width: auto;\n            height: 28px;\n          "]))), breakpoint.gte('desktop')(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n            width: auto;\n            height: 36px;\n          "]))));
 });
 var LogoLink$1 = styled__default["default"].a.withConfig({
   displayName: "style__LogoLink",
@@ -192,10 +197,10 @@ var LogoLink$1 = styled__default["default"].a.withConfig({
 var LogoWrapper = styled__default["default"].div.withConfig({
   displayName: "style__LogoWrapper",
   componentId: "lui__sc-17ip4hk-2"
-})(["", ";", ";", ";"], spacing.mb('xxxs'), _ref4 => {
+})(["", ";", ";", ";"], spacing.mb('xxxs'), _ref5 => {
   var {
     hasHamburgerMenu
-  } = _ref4;
+  } = _ref5;
   return hasHamburgerMenu ? styled.css(["", ""], spacing.ml('xs')) : styled.css(["", ""], spacing.ml('nil'));
 }, breakpoint.gte('desktop')(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral(["\n    ", "\n    margin-bottom: 5px;\n  "])), spacing.ml('nil')));
 
@@ -203,7 +208,8 @@ var LogoComponent = _ref => {
   var {
     homeURL,
     params,
-    hasHamburgerMenu = true
+    hasHamburgerMenu = true,
+    hasPartnerLogo = false
   } = _ref;
   var {
     isTransparent
@@ -231,14 +237,15 @@ var LogoComponent = _ref => {
       children: /*#__PURE__*/jsxRuntime.jsx(StyledHeaderLogo, {
         variant: variant,
         "aria-label": "Logo",
-        isHref: false
+        isHref: false,
+        hasPartnerLogo: hasPartnerLogo
       })
     })
   });
 };
 var LogoComponent$1 = LogoComponent;
 
-var _templateObject$f;
+var _templateObject$f, _templateObject2$6, _templateObject3$2;
 var navTokens = {
   size: {
     height: {
@@ -281,7 +288,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;display:flex;align-items:center;gap:1rem;"]);
+})(["flex:1 0 auto;display:flex;align-items:center;gap:0.5rem;", ";"], breakpoint.gte('desktop')(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n      gap: 1rem;\n  "]))));
 var NavbarRightWrapper = styled__default["default"].div.withConfig({
   displayName: "styles__NavbarRightWrapper",
   componentId: "lui__sc-ej7i4l-4"
@@ -294,6 +301,10 @@ var AlertBanner = styled__default["default"](Alert__default["default"]).withConf
   tablet: 'xs',
   desktop: 'sm'
 }));
+var PartnerLogo = styled__default["default"].img.withConfig({
+  displayName: "styles__PartnerLogo",
+  componentId: "lui__sc-ej7i4l-6"
+})(["height:30px;", ";"], breakpoint.gte('desktop')(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral(["\n    height: 60px;\n  "]))));
 
 var _templateObject$e, _templateObject2$5;
 var TalkExpertAction$1 = styled__default["default"](button.Button).withConfig({
@@ -765,6 +776,83 @@ var RenderDesktopAction = _ref2 => {
 };
 var RenderDesktopAction$1 = RenderDesktopAction;
 
+var PartnerDropdownWrapper = styled__default["default"].div.withConfig({
+  displayName: "style__PartnerDropdownWrapper",
+  componentId: "lui__sc-1sietqn-0"
+})(["position:absolute;right:5px;top:56px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:", ";border-radius:5px;", ""], _ref => {
+  var {
+    theme
+  } = _ref;
+  return theme.color.text.inverse;
+}, depth.depth(2));
+var TalkToBrokerButton = styled__default["default"](button.Button).withConfig({
+  displayName: "style__TalkToBrokerButton",
+  componentId: "lui__sc-1sietqn-1"
+})(["", " ", ""], spacing.mx('sm'), spacing.my('sm'));
+
+var PartnerDropdownMenu = _ref => {
+  var {
+    onTalkToBroker
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsx(PartnerDropdownWrapper, {
+    children: /*#__PURE__*/jsxRuntime.jsx(TalkToBrokerButton, {
+      variant: "primary",
+      size: "sm",
+      onClick: () => {
+        onTalkToBroker();
+        var event = {
+          event_name: 'Menu Element Clicked',
+          category: analytics$1.EventCategory.NAVBAR,
+          menuName: 'Partner Menu',
+          text: LABEL_TALK_TO_A_BROKER
+        };
+        analytics(event);
+      },
+      "aria-label": LABEL_TALK_TO_A_BROKER,
+      children: LABEL_TALK_TO_A_BROKER
+    })
+  });
+};
+
+var PartnerDropdownComponent = _ref => {
+  var {
+    onTalkToBroker
+  } = _ref;
+  var [isDropdownDisplay, setIsDropdownDisplay] = React__default["default"].useState(false);
+  var dropdownPanel = React__default["default"].useRef();
+  var hasWindow = typeof window !== 'undefined';
+  var theme = Theme.useTheme();
+  var closeDropdownPanel = e => {
+    if (dropdownPanel && dropdownPanel.current && !dropdownPanel.current.contains(e.target)) {
+      setIsDropdownDisplay(false);
+    }
+  };
+  React__default["default"].useEffect(() => {
+    if (hasWindow) {
+      window.addEventListener('mousedown', closeDropdownPanel);
+    }
+    return () => {
+      if (hasWindow) {
+        window.removeEventListener('mousedown', closeDropdownPanel);
+      }
+    };
+  });
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    ref: dropdownPanel,
+    children: [/*#__PURE__*/jsxRuntime.jsx(KebabMenu, {
+      size: "sm",
+      color: theme.color.interaction.main,
+      onClick: () => {
+        setIsDropdownDisplay(!isDropdownDisplay);
+      },
+      "aria-label": LABEL_TALK_TO_EXPERT,
+      icon: MoreVert__default["default"]
+    }), isDropdownDisplay && /*#__PURE__*/jsxRuntime.jsx(PartnerDropdownMenu, {
+      onTalkToBroker: onTalkToBroker
+    })]
+  });
+};
+
 var _templateObject$a;
 var MobileActionsWrapper = styled__default["default"].div.withConfig({
   displayName: "style__MobileActionsWrapper",
@@ -780,7 +868,8 @@ var RenderMobileAction = _ref => {
     openCommPanel = () => {},
     showContinueAction = false,
     showTalkToExpertCta = true,
-    hasUnreadMessages
+    hasUnreadMessages,
+    hasPartnerLogo
   } = _ref;
   var {
     isTransparent
@@ -792,32 +881,45 @@ var RenderMobileAction = _ref => {
   var signInURL = getSignInURL(brand, env, (_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.location) === null || _window2 === void 0 ? void 0 : _window2.href);
   var primaryLabel = customerOwner !== null && customerOwner !== void 0 && customerOwner.firstName ? "Talk to ".concat(customerOwner.firstName) : needToContinue() ? CONTACT_US : brand === 'aussie' ? LABEL_TALK_TO_A_BROKER : LABEL_TALK_TO_EXPERT;
   return /*#__PURE__*/jsxRuntime.jsxs(MobileActionsWrapper, {
-    children: [showTalkToExpertCta && /*#__PURE__*/jsxRuntime.jsx(TalkExpertAction, {
-      size: "sm",
-      isInverse: isTransparent,
-      className: "noHover",
-      variant: "secondary",
-      onClick: () => {
-        openCommPanel();
-        var event = {
-          event_name: 'Button Clicked',
-          category: analytics$1.EventCategory.NAVBAR,
-          buttonType: analytics$1.ButtonType.SECONDARY,
-          text: hasUnreadMessages ? 'You have an unread message' : brand === 'aussie' ? 'Talk to a broker' : 'Talk to an expert'
-        };
-        analytics(event);
-      },
-      children: hasUnreadMessages ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(UnreadMessageWrapper, {
-          "data-testid": "customer-view-unread-icon",
-          color: getColour.getColour('interaction', 'main'),
-          height: "2em",
-          width: "2em"
-        }), UNREAD_MESSAGE_MOBILE]
-      }) : /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: primaryLabel
+    children: [showTalkToExpertCta && /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: hasPartnerLogo ? /*#__PURE__*/jsxRuntime.jsx(PartnerDropdownComponent, {
+        onTalkToBroker: () => {
+          openCommPanel();
+          var event = {
+            event_name: 'Button Clicked',
+            category: analytics$1.EventCategory.NAVBAR,
+            buttonType: analytics$1.ButtonType.SECONDARY,
+            text: hasUnreadMessages ? 'You have an unread message' : brand === 'aussie' ? 'Talk to a broker' : 'Talk to an expert'
+          };
+          analytics(event);
+        }
+      }) : /*#__PURE__*/jsxRuntime.jsx(TalkExpertAction, {
+        size: "sm",
+        isInverse: isTransparent,
+        className: "noHover",
+        variant: "secondary",
+        onClick: () => {
+          openCommPanel();
+          var event = {
+            event_name: 'Button Clicked',
+            category: analytics$1.EventCategory.NAVBAR,
+            buttonType: analytics$1.ButtonType.SECONDARY,
+            text: hasUnreadMessages ? 'You have an unread message' : brand === 'aussie' ? 'Talk to a broker' : 'Talk to an expert'
+          };
+          analytics(event);
+        },
+        children: hasUnreadMessages ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(UnreadMessageWrapper, {
+            "data-testid": "customer-view-unread-icon",
+            color: getColour.getColour('interaction', 'main'),
+            height: "2em",
+            width: "2em"
+          }), UNREAD_MESSAGE_MOBILE]
+        }) : /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+          children: primaryLabel
+        })
       })
-    }), needToSignIn() && /*#__PURE__*/jsxRuntime.jsx(SecondaryActionMobile, {
+    }), needToSignIn() && !hasPartnerLogo && /*#__PURE__*/jsxRuntime.jsx(SecondaryActionMobile, {
       size: "sm",
       variant: isAuthenticated ? 'emphasis' : 'primary',
       href: signInURL,
@@ -847,7 +949,7 @@ var RenderMobileAction = _ref => {
         analytics(event);
       },
       children: LABEL_CONTINUE
-    }), isAuthenticated && /*#__PURE__*/jsxRuntime.jsx(LogoutComponent, {})]
+    }), isAuthenticated && !hasPartnerLogo && /*#__PURE__*/jsxRuntime.jsx(LogoutComponent, {})]
   });
 };
 var RenderMobileAction$1 = RenderMobileAction;
@@ -1838,9 +1940,9 @@ var usePartnerBrand = () => {
         setPartnerId(partnerIdQuery);
       }
     }
-    // If not, check if we already have a partner ID in session storage
+    // If not, check if we already have a partner ID in session storage, ensure it is not a single quote
     var existingPartnerId = sessionStorage.getItem('GP_PARTNER_ID');
-    if (existingPartnerId) {
+    if (existingPartnerId && existingPartnerId.replace(/^'|'$/g, '') !== '') {
       setPartnerId(existingPartnerId);
       return;
     }
@@ -1878,7 +1980,7 @@ var SimpleNavbarComponent = _ref => {
   // 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/';
+  var PARTNER_LOGO_BASE_PATH = '/aussie-cms-assets/partner-logos/';
   // to set AHL value in session storage for funnel1 journey
   useAHLParam();
   var partnerId = usePartnerBrand();
@@ -1891,12 +1993,13 @@ var SimpleNavbarComponent = _ref => {
           homeURL: homeURL,
           params: params,
           "aria-label": "Logo",
-          hasHamburgerMenu: false
+          hasHamburgerMenu: false,
+          hasPartnerLogo: partnerId !== null
         }), partnerId && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
           children: [/*#__PURE__*/jsxRuntime.jsx(icon.Close, {
             width: "24px",
             height: "24px"
-          }), /*#__PURE__*/jsxRuntime.jsx("img", {
+          }), /*#__PURE__*/jsxRuntime.jsx(PartnerLogo, {
             src: "".concat(BASE_URL).concat(PARTNER_LOGO_BASE_PATH).concat(partnerId, ".png"),
             alt: "Partner Logo"
           })]
@@ -1914,7 +2017,8 @@ var SimpleNavbarComponent = _ref => {
             showContinueAction: showContinueAction,
             openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel(),
             customerOwner: customerOwner,
-            hasUnreadMessages: hasUnread
+            hasUnreadMessages: hasUnread,
+            hasPartnerLogo: partnerId !== null
           })
         })
       })]

package/dist/navbar.cjs.prod.js

@@ -62,7 +62,7 @@ function _objectSpread2(e) {
   return e;
 }
 
-var _templateObject$g, _templateObject2$6, _templateObject3$2, _templateObject4$1, _templateObject5$1, analytics = navbarAnalyticsEvent => {
+var _templateObject$g, _templateObject2$7, _templateObject3$3, _templateObject4$1, _templateObject5$1, analytics = navbarAnalyticsEvent => {
   window ? analytics$1.trackEvent(_objectSpread2({}, navbarAnalyticsEvent)) : console.error("Segment is not loaded");
 };
 
@@ -74,31 +74,34 @@ function _taggedTemplateLiteral(strings, raw) {
   }));
 }
 
-var _templateObject$f, _templateObject$e, _templateObject2$5, StyledHeaderLogo = styled__default.default(Logo__default.default).withConfig({
+var _templateObject$f, _templateObject2$6, _templateObject3$2, _templateObject$e, _templateObject2$5, StyledHeaderLogo = styled__default.default(Logo__default.default).withConfig({
   displayName: "style__StyledHeaderLogo",
   componentId: "lui__sc-17ip4hk-0"
-})([ "", ";width:auto;height:28px;color:", ";", ";" ], (_ref => {
+})([ "", ";width:auto;height:", ";color:", ";", ";" ], (_ref => {
   var {isHref: isHref} = _ref;
   return isHref ? styled.css([ "cursor:pointer;" ]) : styled.css([ "cursor:auto;" ]);
 }), (_ref2 => {
-  var {variant: variant} = _ref2;
-  return "dark" === variant ? "secondary.900" : "shade.0";
+  var {hasPartnerLogo: hasPartnerLogo} = _ref2;
+  return hasPartnerLogo ? "20px" : "28px";
 }), (_ref3 => {
-  var {theme: theme} = _ref3;
+  var {variant: variant} = _ref3;
+  return "dark" === variant ? "secondary.900" : "shade.0";
+}), (_ref4 => {
+  var {theme: theme} = _ref4;
   return "LendiLogo" === Theme.select("logo.logoName")({
     theme: theme
-  }) ? styled.css([ "", ";", ";" ], breakpoint.gte("tablet")(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral([ "\n            width: auto;\n            height: 28px;\n          " ]))), breakpoint.gte("desktop")(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral([ "\n            width: auto;\n            height: 36px;\n          " ])))) : styled.css([ "", ";", ";" ], breakpoint.gte("tablet")(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral([ "\n            width: auto;\n            height: 28px;\n          " ]))), breakpoint.gte("desktop")(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral([ "\n            width: auto;\n            height: 36px;\n          " ]))));
+  }) ? styled.css([ "", ";", ";" ], breakpoint.gte("tablet")(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral([ "\n            width: auto;\n            height: 28px;\n          " ]))), breakpoint.gte("desktop")(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral([ "\n            width: auto;\n            height: 36px;\n          " ])))) : styled.css([ "", ";", ";" ], breakpoint.gte("tablet")(_templateObject3$3 || (_templateObject3$3 = _taggedTemplateLiteral([ "\n            width: auto;\n            height: 28px;\n          " ]))), breakpoint.gte("desktop")(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral([ "\n            width: auto;\n            height: 36px;\n          " ]))));
 })), LogoLink$1 = styled__default.default.a.withConfig({
   displayName: "style__LogoLink",
   componentId: "lui__sc-17ip4hk-1"
 })([ "" ]), LogoWrapper = styled__default.default.div.withConfig({
   displayName: "style__LogoWrapper",
   componentId: "lui__sc-17ip4hk-2"
-})([ "", ";", ";", ";" ], spacing.mb("xxxs"), (_ref4 => {
-  var {hasHamburgerMenu: hasHamburgerMenu} = _ref4;
+})([ "", ";", ";", ";" ], spacing.mb("xxxs"), (_ref5 => {
+  var {hasHamburgerMenu: hasHamburgerMenu} = _ref5;
   return hasHamburgerMenu ? styled.css([ "", "" ], spacing.ml("xs")) : styled.css([ "", "" ], spacing.ml("nil"));
 }), breakpoint.gte("desktop")(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral([ "\n    ", "\n    margin-bottom: 5px;\n  " ])), spacing.ml("nil"))), LogoComponent = _ref => {
-  var {homeURL: homeURL, params: params, hasHamburgerMenu: hasHamburgerMenu = !0} = _ref, {isTransparent: isTransparent} = NavbarBase.useNavbarBaseContext(), variant = isTransparent ? "light" : "dark";
+  var {homeURL: homeURL, params: params, hasHamburgerMenu: hasHamburgerMenu = !0, hasPartnerLogo: hasPartnerLogo = !1} = _ref, {isTransparent: isTransparent} = NavbarBase.useNavbarBaseContext(), variant = isTransparent ? "light" : "dark";
   return jsxRuntime.jsx(LogoWrapper, {
     hasHamburgerMenu: hasHamburgerMenu,
     children: homeURL ? jsxRuntime.jsx(LogoLink$1, {
@@ -121,7 +124,8 @@ var _templateObject$f, _templateObject$e, _templateObject2$5, StyledHeaderLogo =
       children: jsxRuntime.jsx(StyledHeaderLogo, {
         variant: variant,
         "aria-label": "Logo",
-        isHref: !1
+        isHref: !1,
+        hasPartnerLogo: hasPartnerLogo
       })
     })
   });
@@ -161,7 +165,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;display:flex;align-items:center;gap:1rem;" ]), NavbarRightWrapper = styled__default.default.div.withConfig({
+})([ "flex:1 0 auto;display:flex;align-items:center;gap:0.5rem;", ";" ], breakpoint.gte("desktop")(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral([ "\n      gap: 1rem;\n  " ])))), NavbarRightWrapper = styled__default.default.div.withConfig({
   displayName: "styles__NavbarRightWrapper",
   componentId: "lui__sc-ej7i4l-4"
 })([ "" ]), AlertBanner = styled__default.default(Alert__default.default).withConfig({
@@ -171,7 +175,10 @@ var _templateObject$f, _templateObject$e, _templateObject2$5, StyledHeaderLogo =
   mobile: "xs",
   tablet: "xs",
   desktop: "sm"
-})), TalkExpertAction$1 = styled__default.default(button.Button).withConfig({
+})), PartnerLogo = styled__default.default.img.withConfig({
+  displayName: "styles__PartnerLogo",
+  componentId: "lui__sc-ej7i4l-6"
+})([ "height:30px;", ";" ], breakpoint.gte("desktop")(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral([ "\n    height: 60px;\n  " ])))), 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 => {
@@ -460,38 +467,101 @@ var _templateObject$d, _templateObject$c, _templateObject$b, _templateObject$a,
       }) ]
     }))(isAuthenticated, showBookanAppointmentCta, showContinueAction), isAuthenticated && jsxRuntime.jsx(LogoutComponent, {}) ]
   });
-}, RenderDesktopAction$1 = RenderDesktopAction, MobileActionsWrapper = styled__default.default.div.withConfig({
-  displayName: "style__MobileActionsWrapper",
-  componentId: "lui__sc-jzhj4e-0"
-})([ "display:flex;", ";.noHover{", ";:hover{box-shadow:none;}}" ], breakpoint.gte("desktop")(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral([ "\n    display: none;\n  " ]))), spacing.mr("nil")), RenderMobileAction = _ref => {
-  var _window, _window2, {isAuthenticated: isAuthenticated, continueURL: continueURL, customerOwner: customerOwner, openCommPanel: openCommPanel = (() => {}), showContinueAction: showContinueAction = !1, showTalkToExpertCta: showTalkToExpertCta = !0, hasUnreadMessages: hasUnreadMessages} = _ref, {isTransparent: isTransparent} = NavbarBase.useNavbarBaseContext(), needToContinue = () => isAuthenticated && showContinueAction, 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 != customerOwner && customerOwner.firstName ? "Talk to ".concat(customerOwner.firstName) : needToContinue() ? CONTACT_US : "aussie" === brand ? LABEL_TALK_TO_A_BROKER : LABEL_TALK_TO_EXPERT;
-  return jsxRuntime.jsxs(MobileActionsWrapper, {
-    children: [ showTalkToExpertCta && jsxRuntime.jsx(TalkExpertAction, {
+}, RenderDesktopAction$1 = RenderDesktopAction, PartnerDropdownWrapper = styled__default.default.div.withConfig({
+  displayName: "style__PartnerDropdownWrapper",
+  componentId: "lui__sc-1sietqn-0"
+})([ "position:absolute;right:5px;top:56px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:", ";border-radius:5px;", "" ], (_ref => {
+  var {theme: theme} = _ref;
+  return theme.color.text.inverse;
+}), depth.depth(2)), TalkToBrokerButton = styled__default.default(button.Button).withConfig({
+  displayName: "style__TalkToBrokerButton",
+  componentId: "lui__sc-1sietqn-1"
+})([ "", " ", "" ], spacing.mx("sm"), spacing.my("sm")), PartnerDropdownMenu = _ref => {
+  var {onTalkToBroker: onTalkToBroker} = _ref;
+  return jsxRuntime.jsx(PartnerDropdownWrapper, {
+    children: jsxRuntime.jsx(TalkToBrokerButton, {
+      variant: "primary",
       size: "sm",
-      isInverse: isTransparent,
-      className: "noHover",
-      variant: "secondary",
       onClick: () => {
-        openCommPanel();
+        onTalkToBroker();
         var event = {
-          event_name: "Button Clicked",
+          event_name: "Menu Element Clicked",
           category: analytics$1.EventCategory.NAVBAR,
-          buttonType: analytics$1.ButtonType.SECONDARY,
-          text: hasUnreadMessages ? "You have an unread message" : "aussie" === brand ? "Talk to a broker" : "Talk to an expert"
+          menuName: "Partner Menu",
+          text: LABEL_TALK_TO_A_BROKER
         };
         analytics(event);
       },
-      children: hasUnreadMessages ? jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [ jsxRuntime.jsx(UnreadMessageWrapper, {
-          "data-testid": "customer-view-unread-icon",
-          color: getColour.getColour("interaction", "main"),
-          height: "2em",
-          width: "2em"
-        }), UNREAD_MESSAGE_MOBILE ]
-      }) : jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: primaryLabel
+      "aria-label": LABEL_TALK_TO_A_BROKER,
+      children: LABEL_TALK_TO_A_BROKER
+    })
+  });
+}, PartnerDropdownComponent = _ref => {
+  var {onTalkToBroker: onTalkToBroker} = _ref, [isDropdownDisplay, setIsDropdownDisplay] = React__default.default.useState(!1), dropdownPanel = React__default.default.useRef(), hasWindow = "undefined" != typeof window, theme = Theme.useTheme(), closeDropdownPanel = e => {
+    dropdownPanel && dropdownPanel.current && !dropdownPanel.current.contains(e.target) && setIsDropdownDisplay(!1);
+  };
+  return React__default.default.useEffect((() => (hasWindow && window.addEventListener("mousedown", closeDropdownPanel), 
+  () => {
+    hasWindow && window.removeEventListener("mousedown", closeDropdownPanel);
+  }))), jsxRuntime.jsxs("div", {
+    ref: dropdownPanel,
+    children: [ jsxRuntime.jsx(KebabMenu, {
+      size: "sm",
+      color: theme.color.interaction.main,
+      onClick: () => {
+        setIsDropdownDisplay(!isDropdownDisplay);
+      },
+      "aria-label": LABEL_TALK_TO_EXPERT,
+      icon: MoreVert__default.default
+    }), isDropdownDisplay && jsxRuntime.jsx(PartnerDropdownMenu, {
+      onTalkToBroker: onTalkToBroker
+    }) ]
+  });
+}, MobileActionsWrapper = styled__default.default.div.withConfig({
+  displayName: "style__MobileActionsWrapper",
+  componentId: "lui__sc-jzhj4e-0"
+})([ "display:flex;", ";.noHover{", ";:hover{box-shadow:none;}}" ], breakpoint.gte("desktop")(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral([ "\n    display: none;\n  " ]))), spacing.mr("nil")), RenderMobileAction = _ref => {
+  var _window, _window2, {isAuthenticated: isAuthenticated, continueURL: continueURL, customerOwner: customerOwner, openCommPanel: openCommPanel = (() => {}), showContinueAction: showContinueAction = !1, showTalkToExpertCta: showTalkToExpertCta = !0, hasUnreadMessages: hasUnreadMessages, hasPartnerLogo: hasPartnerLogo} = _ref, {isTransparent: isTransparent} = NavbarBase.useNavbarBaseContext(), needToContinue = () => isAuthenticated && showContinueAction, 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 != customerOwner && customerOwner.firstName ? "Talk to ".concat(customerOwner.firstName) : needToContinue() ? CONTACT_US : "aussie" === brand ? LABEL_TALK_TO_A_BROKER : LABEL_TALK_TO_EXPERT;
+  return jsxRuntime.jsxs(MobileActionsWrapper, {
+    children: [ showTalkToExpertCta && jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: hasPartnerLogo ? jsxRuntime.jsx(PartnerDropdownComponent, {
+        onTalkToBroker: () => {
+          openCommPanel();
+          var event = {
+            event_name: "Button Clicked",
+            category: analytics$1.EventCategory.NAVBAR,
+            buttonType: analytics$1.ButtonType.SECONDARY,
+            text: hasUnreadMessages ? "You have an unread message" : "aussie" === brand ? "Talk to a broker" : "Talk to an expert"
+          };
+          analytics(event);
+        }
+      }) : jsxRuntime.jsx(TalkExpertAction, {
+        size: "sm",
+        isInverse: isTransparent,
+        className: "noHover",
+        variant: "secondary",
+        onClick: () => {
+          openCommPanel();
+          var event = {
+            event_name: "Button Clicked",
+            category: analytics$1.EventCategory.NAVBAR,
+            buttonType: analytics$1.ButtonType.SECONDARY,
+            text: hasUnreadMessages ? "You have an unread message" : "aussie" === brand ? "Talk to a broker" : "Talk to an expert"
+          };
+          analytics(event);
+        },
+        children: hasUnreadMessages ? jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [ jsxRuntime.jsx(UnreadMessageWrapper, {
+            "data-testid": "customer-view-unread-icon",
+            color: getColour.getColour("interaction", "main"),
+            height: "2em",
+            width: "2em"
+          }), UNREAD_MESSAGE_MOBILE ]
+        }) : jsxRuntime.jsx(jsxRuntime.Fragment, {
+          children: primaryLabel
+        })
       })
-    }), !isAuthenticated && showContinueAction && jsxRuntime.jsx(SecondaryActionMobile, {
+    }), !isAuthenticated && showContinueAction && !hasPartnerLogo && jsxRuntime.jsx(SecondaryActionMobile, {
       size: "sm",
       variant: isAuthenticated ? "emphasis" : "primary",
       href: signInURL,
@@ -521,7 +591,7 @@ var _templateObject$d, _templateObject$c, _templateObject$b, _templateObject$a,
         analytics(event);
       },
       children: LABEL_CONTINUE
-    }), isAuthenticated && jsxRuntime.jsx(LogoutComponent, {}) ]
+    }), isAuthenticated && !hasPartnerLogo && jsxRuntime.jsx(LogoutComponent, {}) ]
   });
 }, RenderMobileAction$1 = RenderMobileAction, CTAButtons$2 = props => jsxRuntime.jsxs(jsxRuntime.Fragment, {
   children: [ jsxRuntime.jsx(RenderDesktopAction$1, _objectSpread2({
@@ -1138,7 +1208,7 @@ var _templateObject$9, _templateObject2$4, _templateObject$8, _templateObject2$3
       partnerIdQuery && (sessionStorage.setItem("GP_PARTNER_ID", partnerIdQuery), setPartnerId(partnerIdQuery));
     }
     var existingPartnerId = sessionStorage.getItem("GP_PARTNER_ID");
-    existingPartnerId && setPartnerId(existingPartnerId);
+    existingPartnerId && "" !== existingPartnerId.replace(/^'|'$/g, "") && setPartnerId(existingPartnerId);
   }), []), partnerId;
 }, SimpleNavbarComponent = _ref => {
   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";
@@ -1153,13 +1223,14 @@ var _templateObject$9, _templateObject2$4, _templateObject$8, _templateObject2$3
           homeURL: homeURL,
           params: params,
           "aria-label": "Logo",
-          hasHamburgerMenu: !1
+          hasHamburgerMenu: !1,
+          hasPartnerLogo: null !== partnerId
         }), 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"),
+          }), jsxRuntime.jsx(PartnerLogo, {
+            src: "".concat(BASE_URL).concat("/aussie-cms-assets/partner-logos/").concat(partnerId, ".png"),
             alt: "Partner Logo"
           }) ]
         }) ]
@@ -1176,7 +1247,8 @@ var _templateObject$9, _templateObject2$4, _templateObject$8, _templateObject2$3
             showContinueAction: showContinueAction,
             openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel(),
             customerOwner: customerOwner,
-            hasUnreadMessages: hasUnread
+            hasUnreadMessages: hasUnread,
+            hasPartnerLogo: null !== partnerId
           })
         })
       }) ]

package/dist/navbar.esm.js

@@ -129,27 +129,32 @@ function _taggedTemplateLiteral(strings, raw) {
   }));
 }
 
-var _templateObject$g, _templateObject2$6, _templateObject3$2, _templateObject4$1, _templateObject5$1;
+var _templateObject$g, _templateObject2$7, _templateObject3$3, _templateObject4$1, _templateObject5$1;
 var StyledHeaderLogo = styled(Logo).withConfig({
   displayName: "style__StyledHeaderLogo",
   componentId: "lui__sc-17ip4hk-0"
-})(["", ";width:auto;height:28px;color:", ";", ";"], _ref => {
+})(["", ";width:auto;height:", ";color:", ";", ";"], _ref => {
   var {
     isHref
   } = _ref;
   return isHref ? css(["cursor:pointer;"]) : css(["cursor:auto;"]);
 }, _ref2 => {
   var {
-    variant
+    hasPartnerLogo
   } = _ref2;
-  return variant === 'dark' ? 'secondary.900' : 'shade.0';
+  return hasPartnerLogo ? '20px' : '28px';
 }, _ref3 => {
   var {
-    theme
+    variant
   } = _ref3;
+  return variant === 'dark' ? 'secondary.900' : 'shade.0';
+}, _ref4 => {
+  var {
+    theme
+  } = _ref4;
   return select('logo.logoName')({
     theme
-  }) === 'LendiLogo' ? css(["", ";", ";"], gte('tablet')(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral(["\n            width: auto;\n            height: 28px;\n          "]))), gte('desktop')(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n            width: auto;\n            height: 36px;\n          "])))) : css(["", ";", ";"], gte('tablet')(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral(["\n            width: auto;\n            height: 28px;\n          "]))), gte('desktop')(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n            width: auto;\n            height: 36px;\n          "]))));
+  }) === 'LendiLogo' ? css(["", ";", ";"], gte('tablet')(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral(["\n            width: auto;\n            height: 28px;\n          "]))), gte('desktop')(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral(["\n            width: auto;\n            height: 36px;\n          "])))) : css(["", ";", ";"], gte('tablet')(_templateObject3$3 || (_templateObject3$3 = _taggedTemplateLiteral(["\n            width: auto;\n            height: 28px;\n          "]))), gte('desktop')(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n            width: auto;\n            height: 36px;\n          "]))));
 });
 var LogoLink$1 = styled.a.withConfig({
   displayName: "style__LogoLink",
@@ -158,10 +163,10 @@ var LogoLink$1 = styled.a.withConfig({
 var LogoWrapper = styled.div.withConfig({
   displayName: "style__LogoWrapper",
   componentId: "lui__sc-17ip4hk-2"
-})(["", ";", ";", ";"], mb('xxxs'), _ref4 => {
+})(["", ";", ";", ";"], mb('xxxs'), _ref5 => {
   var {
     hasHamburgerMenu
-  } = _ref4;
+  } = _ref5;
   return hasHamburgerMenu ? css(["", ""], ml('xs')) : css(["", ""], ml('nil'));
 }, gte('desktop')(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral(["\n    ", "\n    margin-bottom: 5px;\n  "])), ml('nil')));
 
@@ -169,7 +174,8 @@ var LogoComponent = _ref => {
   var {
     homeURL,
     params,
-    hasHamburgerMenu = true
+    hasHamburgerMenu = true,
+    hasPartnerLogo = false
   } = _ref;
   var {
     isTransparent
@@ -197,14 +203,15 @@ var LogoComponent = _ref => {
       children: /*#__PURE__*/jsx(StyledHeaderLogo, {
         variant: variant,
         "aria-label": "Logo",
-        isHref: false
+        isHref: false,
+        hasPartnerLogo: hasPartnerLogo
       })
     })
   });
 };
 var LogoComponent$1 = LogoComponent;
 
-var _templateObject$f;
+var _templateObject$f, _templateObject2$6, _templateObject3$2;
 var navTokens = {
   size: {
     height: {
@@ -247,7 +254,7 @@ var MenuLogoWrapper = styled.div.withConfig({
 var NavbarLeftWrapper = styled.div.withConfig({
   displayName: "styles__NavbarLeftWrapper",
   componentId: "lui__sc-ej7i4l-3"
-})(["flex:1 0 auto;display:flex;align-items:center;gap:1rem;"]);
+})(["flex:1 0 auto;display:flex;align-items:center;gap:0.5rem;", ";"], gte('desktop')(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n      gap: 1rem;\n  "]))));
 var NavbarRightWrapper = styled.div.withConfig({
   displayName: "styles__NavbarRightWrapper",
   componentId: "lui__sc-ej7i4l-4"
@@ -260,6 +267,10 @@ var AlertBanner = styled(Alert).withConfig({
   tablet: 'xs',
   desktop: 'sm'
 }));
+var PartnerLogo = styled.img.withConfig({
+  displayName: "styles__PartnerLogo",
+  componentId: "lui__sc-ej7i4l-6"
+})(["height:30px;", ";"], gte('desktop')(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral(["\n    height: 60px;\n  "]))));
 
 var _templateObject$e, _templateObject2$5;
 var TalkExpertAction$1 = styled(Button).withConfig({
@@ -731,6 +742,83 @@ var RenderDesktopAction = _ref2 => {
 };
 var RenderDesktopAction$1 = RenderDesktopAction;
 
+var PartnerDropdownWrapper = styled.div.withConfig({
+  displayName: "style__PartnerDropdownWrapper",
+  componentId: "lui__sc-1sietqn-0"
+})(["position:absolute;right:5px;top:56px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:", ";border-radius:5px;", ""], _ref => {
+  var {
+    theme
+  } = _ref;
+  return theme.color.text.inverse;
+}, depth(2));
+var TalkToBrokerButton = styled(Button).withConfig({
+  displayName: "style__TalkToBrokerButton",
+  componentId: "lui__sc-1sietqn-1"
+})(["", " ", ""], mx('sm'), my('sm'));
+
+var PartnerDropdownMenu = _ref => {
+  var {
+    onTalkToBroker
+  } = _ref;
+  return /*#__PURE__*/jsx(PartnerDropdownWrapper, {
+    children: /*#__PURE__*/jsx(TalkToBrokerButton, {
+      variant: "primary",
+      size: "sm",
+      onClick: () => {
+        onTalkToBroker();
+        var event = {
+          event_name: 'Menu Element Clicked',
+          category: EventCategory.NAVBAR,
+          menuName: 'Partner Menu',
+          text: LABEL_TALK_TO_A_BROKER
+        };
+        analytics(event);
+      },
+      "aria-label": LABEL_TALK_TO_A_BROKER,
+      children: LABEL_TALK_TO_A_BROKER
+    })
+  });
+};
+
+var PartnerDropdownComponent = _ref => {
+  var {
+    onTalkToBroker
+  } = _ref;
+  var [isDropdownDisplay, setIsDropdownDisplay] = React.useState(false);
+  var dropdownPanel = React.useRef();
+  var hasWindow = typeof window !== 'undefined';
+  var theme = useTheme();
+  var closeDropdownPanel = e => {
+    if (dropdownPanel && dropdownPanel.current && !dropdownPanel.current.contains(e.target)) {
+      setIsDropdownDisplay(false);
+    }
+  };
+  React.useEffect(() => {
+    if (hasWindow) {
+      window.addEventListener('mousedown', closeDropdownPanel);
+    }
+    return () => {
+      if (hasWindow) {
+        window.removeEventListener('mousedown', closeDropdownPanel);
+      }
+    };
+  });
+  return /*#__PURE__*/jsxs("div", {
+    ref: dropdownPanel,
+    children: [/*#__PURE__*/jsx(KebabMenu, {
+      size: "sm",
+      color: theme.color.interaction.main,
+      onClick: () => {
+        setIsDropdownDisplay(!isDropdownDisplay);
+      },
+      "aria-label": LABEL_TALK_TO_EXPERT,
+      icon: MoreVert
+    }), isDropdownDisplay && /*#__PURE__*/jsx(PartnerDropdownMenu, {
+      onTalkToBroker: onTalkToBroker
+    })]
+  });
+};
+
 var _templateObject$a;
 var MobileActionsWrapper = styled.div.withConfig({
   displayName: "style__MobileActionsWrapper",
@@ -746,7 +834,8 @@ var RenderMobileAction = _ref => {
     openCommPanel = () => {},
     showContinueAction = false,
     showTalkToExpertCta = true,
-    hasUnreadMessages
+    hasUnreadMessages,
+    hasPartnerLogo
   } = _ref;
   var {
     isTransparent
@@ -758,32 +847,45 @@ var RenderMobileAction = _ref => {
   var signInURL = getSignInURL(brand, env, (_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.location) === null || _window2 === void 0 ? void 0 : _window2.href);
   var primaryLabel = customerOwner !== null && customerOwner !== void 0 && customerOwner.firstName ? "Talk to ".concat(customerOwner.firstName) : needToContinue() ? CONTACT_US : brand === 'aussie' ? LABEL_TALK_TO_A_BROKER : LABEL_TALK_TO_EXPERT;
   return /*#__PURE__*/jsxs(MobileActionsWrapper, {
-    children: [showTalkToExpertCta && /*#__PURE__*/jsx(TalkExpertAction, {
-      size: "sm",
-      isInverse: isTransparent,
-      className: "noHover",
-      variant: "secondary",
-      onClick: () => {
-        openCommPanel();
-        var event = {
-          event_name: 'Button Clicked',
-          category: EventCategory.NAVBAR,
-          buttonType: ButtonType.SECONDARY,
-          text: hasUnreadMessages ? 'You have an unread message' : brand === 'aussie' ? 'Talk to a broker' : 'Talk to an expert'
-        };
-        analytics(event);
-      },
-      children: hasUnreadMessages ? /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(UnreadMessageWrapper, {
-          "data-testid": "customer-view-unread-icon",
-          color: getColour$1('interaction', 'main'),
-          height: "2em",
-          width: "2em"
-        }), UNREAD_MESSAGE_MOBILE]
-      }) : /*#__PURE__*/jsx(Fragment, {
-        children: primaryLabel
+    children: [showTalkToExpertCta && /*#__PURE__*/jsx(Fragment, {
+      children: hasPartnerLogo ? /*#__PURE__*/jsx(PartnerDropdownComponent, {
+        onTalkToBroker: () => {
+          openCommPanel();
+          var event = {
+            event_name: 'Button Clicked',
+            category: EventCategory.NAVBAR,
+            buttonType: ButtonType.SECONDARY,
+            text: hasUnreadMessages ? 'You have an unread message' : brand === 'aussie' ? 'Talk to a broker' : 'Talk to an expert'
+          };
+          analytics(event);
+        }
+      }) : /*#__PURE__*/jsx(TalkExpertAction, {
+        size: "sm",
+        isInverse: isTransparent,
+        className: "noHover",
+        variant: "secondary",
+        onClick: () => {
+          openCommPanel();
+          var event = {
+            event_name: 'Button Clicked',
+            category: EventCategory.NAVBAR,
+            buttonType: ButtonType.SECONDARY,
+            text: hasUnreadMessages ? 'You have an unread message' : brand === 'aussie' ? 'Talk to a broker' : 'Talk to an expert'
+          };
+          analytics(event);
+        },
+        children: hasUnreadMessages ? /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx(UnreadMessageWrapper, {
+            "data-testid": "customer-view-unread-icon",
+            color: getColour$1('interaction', 'main'),
+            height: "2em",
+            width: "2em"
+          }), UNREAD_MESSAGE_MOBILE]
+        }) : /*#__PURE__*/jsx(Fragment, {
+          children: primaryLabel
+        })
       })
-    }), needToSignIn() && /*#__PURE__*/jsx(SecondaryActionMobile, {
+    }), needToSignIn() && !hasPartnerLogo && /*#__PURE__*/jsx(SecondaryActionMobile, {
       size: "sm",
       variant: isAuthenticated ? 'emphasis' : 'primary',
       href: signInURL,
@@ -813,7 +915,7 @@ var RenderMobileAction = _ref => {
         analytics(event);
       },
       children: LABEL_CONTINUE
-    }), isAuthenticated && /*#__PURE__*/jsx(LogoutComponent, {})]
+    }), isAuthenticated && !hasPartnerLogo && /*#__PURE__*/jsx(LogoutComponent, {})]
   });
 };
 var RenderMobileAction$1 = RenderMobileAction;
@@ -1804,9 +1906,9 @@ var usePartnerBrand = () => {
         setPartnerId(partnerIdQuery);
       }
     }
-    // If not, check if we already have a partner ID in session storage
+    // If not, check if we already have a partner ID in session storage, ensure it is not a single quote
     var existingPartnerId = sessionStorage.getItem('GP_PARTNER_ID');
-    if (existingPartnerId) {
+    if (existingPartnerId && existingPartnerId.replace(/^'|'$/g, '') !== '') {
       setPartnerId(existingPartnerId);
       return;
     }
@@ -1844,7 +1946,7 @@ var SimpleNavbarComponent = _ref => {
   // 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/';
+  var PARTNER_LOGO_BASE_PATH = '/aussie-cms-assets/partner-logos/';
   // to set AHL value in session storage for funnel1 journey
   useAHLParam();
   var partnerId = usePartnerBrand();
@@ -1857,12 +1959,13 @@ var SimpleNavbarComponent = _ref => {
           homeURL: homeURL,
           params: params,
           "aria-label": "Logo",
-          hasHamburgerMenu: false
+          hasHamburgerMenu: false,
+          hasPartnerLogo: partnerId !== null
         }), partnerId && /*#__PURE__*/jsxs(Fragment, {
           children: [/*#__PURE__*/jsx(Close$1, {
             width: "24px",
             height: "24px"
-          }), /*#__PURE__*/jsx("img", {
+          }), /*#__PURE__*/jsx(PartnerLogo, {
             src: "".concat(BASE_URL).concat(PARTNER_LOGO_BASE_PATH).concat(partnerId, ".png"),
             alt: "Partner Logo"
           })]
@@ -1880,7 +1983,8 @@ var SimpleNavbarComponent = _ref => {
             showContinueAction: showContinueAction,
             openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel(),
             customerOwner: customerOwner,
-            hasUnreadMessages: hasUnread
+            hasUnreadMessages: hasUnread,
+            hasPartnerLogo: partnerId !== null
           })
         })
       })]

package/package.json

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