@lendi/navbar 7.40.12 → 7.41.1

package/dist/declarations/src/Header/HeaderBase.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { GlobalProps } from '@lendi-ui/commons/utils';
 export declare const HeaderPaddingSmall = 10;
-export declare const HeaderPaddingLarge = 24;
+export declare const HeaderPaddingLarge = 16;
 export interface HeaderBaseProps extends GlobalProps {
     navSlot: React.ReactNode;
     ctaSlot: React.ReactNode;

package/dist/declarations/src/Header/Nav.d.ts

@@ -6,6 +6,7 @@ export interface NavCommonProps {
 export interface NavItemProps extends NavCommonProps {
     label: string;
     link?: string | undefined;
+    badge?: string | undefined;
 }
 export interface NavElements extends NavItemProps {
     children?: NavSubItems[];
@@ -16,6 +17,7 @@ export interface NavSubItems extends NavCommonProps {
     link: string;
 }
 export declare const NAV_MENU_ITEMS: NavElements[];
+export declare const Badge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 interface NavTypes {
     isSlideout?: boolean;
 }

package/dist/declarations/src/Header/NavButtons.d.ts

@@ -11,5 +11,6 @@ export interface NavLinkProps extends GlobalProps {
     href: string;
     onClick?: () => void;
     isActive?: boolean;
+    badge?: string;
 }
-export declare const NavLink: ({ children, href, onClick, isActive, ...props }: NavLinkProps) => JSX.Element;
+export declare const NavLink: ({ children, href, onClick, badge, isActive, ...props }: NavLinkProps) => JSX.Element;

package/dist/declarations/src/Header/PrimaryCTA.d.ts

@@ -2,5 +2,6 @@ import { Application } from '../shared/hooks/useApplication';
 export interface PrimaryCTAProps {
     handleApplyNowClick: () => void;
     application?: Application;
+    isAuthenticated?: boolean;
 }
-export declare const PrimaryCTA: ({ application, handleApplyNowClick, ...props }: PrimaryCTAProps) => JSX.Element;
+export declare const PrimaryCTA: ({ application, isAuthenticated, handleApplyNowClick, ...props }: PrimaryCTAProps) => JSX.Element | null;

package/dist/declarations/src/Header/aussie/AccountMenu.d.ts

@@ -8,6 +8,6 @@ interface SignOutProps {
     onLogout: () => void;
 }
 export type AccountProps = AuthenticationProps & PrimaryCTAProps & TalkToExpertProps & SignOutProps;
-export declare const AccountDropdown: ({ application, session, handleApplyNowClick, talkTo, openCommPanel, onLogout, }: AccountProps) => JSX.Element;
-export declare const AccountSlideoutMenu: ({ session, application, talkTo, handleApplyNowClick, openCommPanel, onLogout, }: AccountProps) => JSX.Element;
+export declare const AccountDropdown: ({ application, session, handleApplyNowClick, talkTo, onLogout }: AccountProps) => JSX.Element;
+export declare const AccountSlideoutMenu: ({ session, application, talkTo, handleApplyNowClick, onLogout }: AccountProps) => JSX.Element;
 export {};

package/dist/declarations/src/Header/aussie/CtaNav.d.ts

@@ -1,6 +1,7 @@
 import { AccountProps } from './AccountMenu';
 interface CtaNavProps extends AccountProps {
     isExperiment?: boolean;
+    isAuthenticated?: boolean;
 }
-export declare const CtaNav: ({ handleApplyNowClick, session, application, talkTo, openCommPanel, onLogout, isExperiment, }: CtaNavProps) => JSX.Element;
+export declare const CtaNav: ({ handleApplyNowClick, session, application, talkTo, onLogout, isExperiment, isAuthenticated, }: CtaNavProps) => JSX.Element;
 export {};

package/dist/declarations/src/Header/aussie/TalkToExpert.d.ts

@@ -1,8 +1,7 @@
 import { CustomerChatState } from '@lendi/chat';
 export interface TalkToExpertProps {
-    openCommPanel: () => void;
     customerOwner?: CustomerChatState['customerOwner'];
     storeName?: CustomerChatState['storeName'];
     talkTo?: string;
 }
-export declare const TalkToExpertButton: ({ openCommPanel, talkTo, ...props }: TalkToExpertProps) => JSX.Element;
+export declare const TalkToExpertButton: ({ talkTo, ...props }: TalkToExpertProps) => JSX.Element;

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

@@ -1,4 +1,4 @@
-export declare const LargeTweakpoint = "67rem";
+export declare const LargeTweakpoint = "65.825rem";
 export declare const ExtraLargeTweakpoint = "82.5rem";
 export declare const Px: import("styled-components").FlattenSimpleInterpolation;
 export declare const Py: import("styled-components").FlattenSimpleInterpolation;

package/dist/navbar.cjs.dev.js

@@ -2734,7 +2734,7 @@ var MultiNavbarComponent = _ref => {
 var MultiNavbar = withErrorProvider(launchdarkly.withLendiLDProvider(withCommPanel(withDomainChat(MultiNavbarComponent))));
 
 var _templateObject$4, _templateObject2$2, _templateObject3$1, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-var LargeTweakpoint = '67rem';
+var LargeTweakpoint = '65.825rem';
 var ExtraLargeTweakpoint = '82.5rem';
 var Px = styled.css(["padding-left:", ";padding-right:", ";"], utils$1.pxToRem(16), utils$1.pxToRem(16));
 var Py = styled.css(["padding-top:", ";padding-bottom:", ";"], utils$1.pxToRem(24), utils$1.pxToRem(24));
@@ -2828,7 +2828,7 @@ var SrOnlySpan = styled__default["default"].span.withConfig({
 })(["", ";"], utils$1.srOnly);
 
 var _excluded$a = ["children", "isOpen", "onClick"],
-  _excluded2$1 = ["children", "href", "onClick", "isActive"];
+  _excluded2$1 = ["children", "href", "onClick", "badge", "isActive"];
 /**
  * @todo Line-height: prefer to use token but the current one is not accessible here
  * @todo Helper functions: getTypography you have to specify each property of the font you need should this be simpler
@@ -2839,7 +2839,7 @@ var _excluded$a = ["children", "isOpen", "onClick"],
 var StyledNavButton = styled__default["default"].button.withConfig({
   displayName: "NavButtons__StyledNavButton",
   componentId: "lui__sc-1rf7mpw-0"
-})(["", ";color:", ";background-color:", ";font-family:", ";font-weight:", ";font-size:", ";line-height:1.5;padding:", " ", ";display:flex;align-items:center;justify-content:space-between;&:hover{color:", ";}", " ", ""], buttonReset, _ref => {
+})(["", ";color:", ";background-color:", ";font-family:", ";font-weight:", ";font-size:", ";line-height:1.5;padding:", " ", ";display:flex;align-items:center;justify-content:", ";&:hover{color:", ";}@media (min-width:", "){padding:", " ", ";}", " ", ""], buttonReset, _ref => {
   var {
     theme
   } = _ref;
@@ -2849,30 +2849,35 @@ var StyledNavButton = styled__default["default"].button.withConfig({
     theme
   } = _ref2;
   return theme.color.interaction.main;
-}, () => getTypography__default["default"]('button1', 'fontFamily'), () => getTypography__default["default"]('button1', 'fontWeight'), utils$1.pxToRem(16), utils$1.pxToRem(12), utils$1.pxToRem(16), _ref3 => {
+}, () => getTypography__default["default"]('display', 'fontFamily'), () => getTypography__default["default"]('display', 'fontWeight'), utils$1.pxToRem(14), utils$1.pxToRem(16), utils$1.pxToRem(12), _ref3 => {
   var {
-    theme
+    isBadge
   } = _ref3;
-  return theme.color.interaction.emphasis;
+  return isBadge ? "flex-start" : "space-between";
 }, _ref4 => {
+  var {
+    theme
+  } = _ref4;
+  return theme.color.interaction.emphasis;
+}, ExtraLargeTweakpoint, utils$1.pxToRem(12), utils$1.pxToRem(8), _ref5 => {
   var {
     isOpen,
     isActive,
     theme
-  } = _ref4;
+  } = _ref5;
   return (isOpen !== null && isOpen !== void 0 ? isOpen : isActive) ? "color: ".concat(theme.color.interaction.emphasis, ";") : null;
 }, insetFocusVisible);
 var StyledNavButtonText = styled__default["default"].span.withConfig({
   displayName: "NavButtons__StyledNavButtonText",
   componentId: "lui__sc-1rf7mpw-1"
 })(["margin-right:", ";"], utils$1.pxToRem(4));
-var NavButton = _ref5 => {
+var NavButton = _ref6 => {
   var {
       children,
       isOpen = false,
       onClick
-    } = _ref5,
-    props = _objectWithoutProperties(_ref5, _excluded$a);
+    } = _ref6,
+    props = _objectWithoutProperties(_ref6, _excluded$a);
   var globalProps = utils$1.filterGlobalProps(props);
   return /*#__PURE__*/jsxRuntime.jsxs(StyledNavButton, _objectSpread2(_objectSpread2({
     type: "button",
@@ -2891,24 +2896,28 @@ var NavButton = _ref5 => {
     })]
   }));
 };
-var NavLink = _ref6 => {
+var NavLink = _ref7 => {
   var {
       children,
       href,
       onClick,
+      badge,
       isActive
-    } = _ref6,
-    props = _objectWithoutProperties(_ref6, _excluded2$1);
+    } = _ref7,
+    props = _objectWithoutProperties(_ref7, _excluded2$1);
   var globalProps = utils$1.filterGlobalProps(props);
-  return /*#__PURE__*/jsxRuntime.jsx(StyledNavButton, _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/jsxRuntime.jsxs(StyledNavButton, _objectSpread2(_objectSpread2({
     href: href,
     as: "a",
     onClick: onClick,
-    isActive: isActive
+    isActive: isActive,
+    isBadge: badge
   }, globalProps), {}, {
-    children: /*#__PURE__*/jsxRuntime.jsx("span", {
+    children: [/*#__PURE__*/jsxRuntime.jsx("span", {
       children: children
-    })
+    }), badge ? /*#__PURE__*/jsxRuntime.jsx(Badge, {
+      children: badge
+    }) : null]
   }));
 };
 
@@ -2956,7 +2965,7 @@ var Dropdown = /*#__PURE__*/React.forwardRef(DropdownComponent);
 var _excluded$8 = ["navSlot", "ctaSlot", "isExperiment"];
 var _templateObject$3, _templateObject2$1;
 var HeaderPaddingSmall = 10;
-var HeaderPaddingLarge = 24;
+var HeaderPaddingLarge = 16;
 
 /**
  * @todo z-index: tokenise z-index to make it easier to manage levels
@@ -2977,7 +2986,7 @@ var HeaderInner = styled__default["default"].div.withConfig({
 var LogoLink = styled__default["default"].a.withConfig({
   displayName: "HeaderBase__LogoLink",
   componentId: "lui__sc-1ik75ai-2"
-})(["width:", ";height:", ";order:1;flex:0 0 auto;", " ", ""], utils$1.pxToRem(87), utils$1.pxToRem(16), breakpoint.gte('md')(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n    width: ", ";\n    height: ", ";\n    margin-right: ", ";\n  "])), utils$1.pxToRem(150), utils$1.pxToRem(28), utils$1.pxToRem(32)), focusVisible);
+})(["width:", ";height:", ";order:1;flex:0 0 auto;", " ", ""], utils$1.pxToRem(87), utils$1.pxToRem(16), breakpoint.gte('md')(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n    width: ", ";\n    height: ", ";\n    margin-right: ", ";\n  "])), utils$1.pxToRem(99), utils$1.pxToRem(22), utils$1.pxToRem(32)), focusVisible);
 var StyledNavSlot = styled__default["default"].div.withConfig({
   displayName: "HeaderBase__StyledNavSlot",
   componentId: "lui__sc-1ik75ai-3"
@@ -3044,8 +3053,8 @@ var HeaderBase = _ref4 => {
 };
 
 var trimStringWithEllipsis = str => {
-  if (str.length > 17) {
-    return str.substring(0, 14) + '...';
+  if (str.length > 10) {
+    return str.substring(0, 10) + '...';
   } else {
     return str;
   }
@@ -3242,10 +3251,14 @@ var MenuButton = _ref5 => {
 
 var _excluded$5 = ["navOptions", "isSlideout"];
 var NavMobileStyled = styled.css(["ul{", "}"], listReset);
+var Badge = styled__default["default"].span.withConfig({
+  displayName: "Nav__Badge",
+  componentId: "lui__sc-zq7yzs-0"
+})(["height:24px;padding:4px 8px;margin-left:8px;font-family:", ";font-weight:700;color:", ";font-size:", ";line-height:16px;background-color:#ffd11f;border-radius:4px;"], () => getTypography__default["default"]('body1', 'fontFamily'), () => getColour__default["default"]('text', 'main'), utils$1.pxToRem(12));
 var NavDesktopStyled = styled.css(["ul{", ";display:flex;align-items:center;}"], listReset);
 var NavElement = styled__default["default"].nav.withConfig({
   displayName: "Nav__NavElement",
-  componentId: "lui__sc-zq7yzs-0"
+  componentId: "lui__sc-zq7yzs-1"
 })(["", ""], _ref => {
   var {
     isSlideout
@@ -3254,7 +3267,7 @@ var NavElement = styled__default["default"].nav.withConfig({
 });
 var StyledChildrenWrapper = styled__default["default"].div.withConfig({
   displayName: "Nav__StyledChildrenWrapper",
-  componentId: "lui__sc-zq7yzs-1"
+  componentId: "lui__sc-zq7yzs-2"
 })(["::after{content:'';display:block;", "}"], _ref2 => {
   var {
     isOpen,
@@ -3300,26 +3313,28 @@ var Nav = _ref4 => {
   var globalProps = utils$1.filterGlobalProps(props);
   var listItems = navOptions.map((item, index) => {
     var _item$children, _item$children2;
-    var navItems = isSlideout ? /*#__PURE__*/jsxRuntime.jsx(MenuItem, {
-      label: item.label,
-      children: (_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.map((childItem, index) => {
-        return /*#__PURE__*/jsxRuntime.jsx(MenuLink, {
-          href: childItem.link,
-          isActive: childItem.isActive,
-          onClick: () => {
-            var event = {
-              category: analytics$1.EventCategory.NAVBAR,
-              event_name: 'Menu Element Clicked',
-              menuName: item.label,
-              text: childItem.label,
-              position: analytics$1.EventCategory.CMS,
-              customerType: analytics$1.CustomerType.CUSTOMER
-            };
-            analytics(event);
-          },
-          "data-testid": "header-menu-link-".concat(trimSpaceWithDash(childItem.label)),
-          children: childItem.label
-        }, index);
+    var navItems = isSlideout ? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: /*#__PURE__*/jsxRuntime.jsx(MenuItem, {
+        label: item.label,
+        children: (_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.map((childItem, index) => {
+          return /*#__PURE__*/jsxRuntime.jsx(MenuLink, {
+            href: childItem.link,
+            isActive: childItem.isActive,
+            onClick: () => {
+              var event = {
+                category: analytics$1.EventCategory.NAVBAR,
+                event_name: 'Menu Element Clicked',
+                menuName: item.label,
+                text: childItem.label,
+                position: analytics$1.EventCategory.CMS,
+                customerType: analytics$1.CustomerType.CUSTOMER
+              };
+              analytics(event);
+            },
+            "data-testid": "header-menu-link-".concat(trimSpaceWithDash(childItem.label)),
+            children: childItem.label
+          }, index);
+        })
       })
     }) : /*#__PURE__*/jsxRuntime.jsx(NavDropdown, {
       label: item.label,
@@ -3335,23 +3350,25 @@ var Nav = _ref4 => {
         analytics(event);
       },
       children: (_item$children2 = item.children) === null || _item$children2 === void 0 ? void 0 : _item$children2.map((childItem, index) => {
-        return /*#__PURE__*/jsxRuntime.jsx(MenuLink, {
-          href: childItem.link,
-          isActive: childItem.isActive,
-          onClick: () => {
-            var event = {
-              category: analytics$1.EventCategory.NAVBAR,
-              event_name: 'Menu Element Clicked',
-              menuName: item.label,
-              text: childItem.label,
-              position: analytics$1.EventCategory.CMS,
-              customerType: analytics$1.CustomerType.CUSTOMER
-            };
-            analytics(event);
-          },
-          "data-testid": "header-dropdown-menu-link-".concat(trimSpaceWithDash(childItem.label)),
-          children: childItem.label
-        }, index);
+        return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+          children: /*#__PURE__*/jsxRuntime.jsx(MenuLink, {
+            href: childItem.link,
+            isActive: childItem.isActive,
+            onClick: () => {
+              var event = {
+                category: analytics$1.EventCategory.NAVBAR,
+                event_name: 'Menu Element Clicked',
+                menuName: item.label,
+                text: childItem.label,
+                position: analytics$1.EventCategory.CMS,
+                customerType: analytics$1.CustomerType.CUSTOMER
+              };
+              analytics(event);
+            },
+            "data-testid": "header-dropdown-menu-link-".concat(trimSpaceWithDash(childItem.label)),
+            children: childItem.label
+          }, index)
+        });
       })
     });
     if (Object.prototype.hasOwnProperty.call(item, 'children')) {
@@ -3360,9 +3377,14 @@ var Nav = _ref4 => {
       }, index);
     }
     return item.link && /*#__PURE__*/jsxRuntime.jsx("li", {
+      style: {
+        display: 'flex',
+        alignItems: 'center'
+      },
       children: /*#__PURE__*/jsxRuntime.jsx(NavLink, {
         href: item.link,
         isActive: item.isActive,
+        badge: item.badge,
         onClick: () => {
           var event = {
             event_name: 'Link Clicked',
@@ -3496,16 +3518,18 @@ var SlideoutMenu = _ref6 => {
   }));
 };
 
-var _excluded$3 = ["openCommPanel", "talkTo"];
+var _excluded$3 = ["talkTo"];
 var TalkToExpertButton = _ref => {
   var {
-      openCommPanel,
       talkTo
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded$3);
+  var {
+    store,
+    broker
+  } = chat.useBootstrappedChatState();
   var globalProps = utils$1.filterGlobalProps(props);
   var handleClick = () => {
-    openCommPanel();
     var event = {
       event_name: 'Button Clicked',
       category: analytics$1.EventCategory.NAVBAR,
@@ -3514,10 +3538,14 @@ var TalkToExpertButton = _ref => {
       customerType: analytics$1.CustomerType.CUSTOMER,
       buttonType: analytics$1.ButtonType.SECONDARY
     };
+    store !== null && store !== void 0 && store.id ? sessionStorage.setItem(lalaUtils.SESSION_STORAGE_KEYS.CTOR_TARGET_STORE_ID, store === null || store === void 0 ? void 0 : store.id) : sessionStorage.removeItem(lalaUtils.SESSION_STORAGE_KEYS.CTOR_TARGET_STORE_ID);
+    broker !== null && broker !== void 0 && broker.id ? sessionStorage.setItem(lalaUtils.SESSION_STORAGE_KEYS.CTOR_TARGET_BROKER_ID, broker === null || broker === void 0 ? void 0 : broker.id) : sessionStorage.removeItem(lalaUtils.SESSION_STORAGE_KEYS.CTOR_TARGET_BROKER_ID);
     analytics(event);
   };
-  return /*#__PURE__*/jsxRuntime.jsx(Button.Button, _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/jsxRuntime.jsx(Button.AnchorButton, _objectSpread2(_objectSpread2({
     variant: "secondary",
+    href: "/book-appointment/",
+    size: "sm",
     "data-component": "navbar-button-talk-to-expert",
     isInverse: true,
     width: "100%",
@@ -3562,18 +3590,21 @@ var ApplyNowButton = _ref => {
   }));
 };
 
-var _excluded$1 = ["application", "handleApplyNowClick"];
+var _excluded$1 = ["application", "isAuthenticated", "handleApplyNowClick"];
 var PrimaryCTA = _ref => {
   var {
       application,
+      isAuthenticated,
       handleApplyNowClick
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded$1);
-  return !(application !== null && application !== void 0 && application.id) ? /*#__PURE__*/jsxRuntime.jsx(ApplyNowButton, _objectSpread2({
+  return !(application !== null && application !== void 0 && application.id) ? /*#__PURE__*/jsxRuntime.jsx(ApplyNowButton, _objectSpread2(_objectSpread2({
     onClick: handleApplyNowClick,
     width: "100%"
-  }, props)) : /*#__PURE__*/jsxRuntime.jsx(Button.AnchorButton, {
-    onPress: () => {
+  }, props), {}, {
+    size: "sm"
+  })) : !isAuthenticated ? /*#__PURE__*/jsxRuntime.jsx(Button.AnchorButton, {
+    onClick: () => {
       var event = {
         event_name: 'Button Clicked',
         category: analytics$1.EventCategory.NAVBAR,
@@ -3589,8 +3620,9 @@ var PrimaryCTA = _ref => {
     isInverse: true,
     width: "100%",
     "data-testid": "header-continue-application",
+    size: "sm",
     children: "Continue Application"
-  });
+  }) : null;
 };
 
 var _excluded = ["navOptions"];
@@ -3599,8 +3631,7 @@ var HamburgerCtaBlock = _ref => {
   var {
     handleApplyNowClick,
     talkTo,
-    application,
-    openCommPanel
+    application
   } = _ref;
   return /*#__PURE__*/jsxRuntime.jsx(MenuPadding, {
     children: /*#__PURE__*/jsxRuntime.jsxs(Layout.Spacer, {
@@ -3610,7 +3641,6 @@ var HamburgerCtaBlock = _ref => {
         application: application,
         "data-testid": "header-apply-now-mobile"
       }), /*#__PURE__*/jsxRuntime.jsx(TalkToExpertButton, {
-        openCommPanel: openCommPanel,
         talkTo: talkTo,
         "data-testid": "header-talk-to-expert-mobile"
       })]
@@ -3710,7 +3740,6 @@ var LoggedInContent = _ref2 => {
     handleApplyNowClick,
     application,
     talkTo,
-    openCommPanel,
     onLogout
   } = _ref2;
   var {
@@ -3731,7 +3760,6 @@ var LoggedInContent = _ref2 => {
           "data-testid": "header-dropdown-apply-now"
         })
       }), /*#__PURE__*/jsxRuntime.jsx(TalkToExpertButton, {
-        openCommPanel: openCommPanel,
         talkTo: talkTo,
         "data-testid": "header-dropdown-talk-to-broker"
       })]
@@ -3879,7 +3907,6 @@ var AccountDropdown = _ref3 => {
     session,
     handleApplyNowClick,
     talkTo,
-    openCommPanel,
     onLogout
   } = _ref3;
   var isAuthenticated = (session === null || session === void 0 ? void 0 : session.status) === lalaReact.Status.Authenticated;
@@ -3901,7 +3928,6 @@ var AccountDropdown = _ref3 => {
       talkTo: talkTo,
       application: application,
       handleApplyNowClick: handleApplyNowClick,
-      openCommPanel: openCommPanel,
       onLogout: onLogout,
       "data-testid": "header-menu-link-log-out"
     }) : /*#__PURE__*/jsxRuntime.jsx(LoggedOutContent, {})
@@ -3913,7 +3939,6 @@ var AccountSlideoutMenu = _ref4 => {
     application,
     talkTo,
     handleApplyNowClick,
-    openCommPanel,
     onLogout
   } = _ref4;
   var {
@@ -3959,7 +3984,6 @@ var AccountSlideoutMenu = _ref4 => {
         talkTo: talkTo,
         application: application,
         handleApplyNowClick: handleApplyNowClick,
-        openCommPanel: openCommPanel,
         onLogout: onLogout
       }) : /*#__PURE__*/jsxRuntime.jsx(LoggedOutContent, {})
     })]
@@ -3972,46 +3996,50 @@ var CtaNav = _ref => {
     session,
     application,
     talkTo,
-    openCommPanel,
     onLogout,
-    isExperiment
+    isExperiment,
+    isAuthenticated
   } = _ref;
   return /*#__PURE__*/jsxRuntime.jsxs(Layout.Spacer, {
     xalign: "center",
-    children: [isExperiment ? /*#__PURE__*/jsxRuntime.jsx(ShowFromTweakExtraLarge, {
-      children: /*#__PURE__*/jsxRuntime.jsx(TalkToExpertButton, {
-        openCommPanel: openCommPanel,
-        talkTo: talkTo,
-        "data-testid": "header-talk-to-broker-desktop"
-      })
-    }) : /*#__PURE__*/jsxRuntime.jsx(ShowFromTweakLarge, {
-      children: /*#__PURE__*/jsxRuntime.jsx(TalkToExpertButton, {
-        openCommPanel: openCommPanel,
-        talkTo: talkTo,
-        "data-testid": "header-talk-to-broker-desktop"
-      })
-    }), /*#__PURE__*/jsxRuntime.jsx(ShowFromSmall, {
-      children: /*#__PURE__*/jsxRuntime.jsx(PrimaryCTA, {
-        handleApplyNowClick: handleApplyNowClick,
-        application: application,
-        "data-testid": "header-apply-now-desktop"
-      })
+    gap: "0",
+    children: [/*#__PURE__*/jsxRuntime.jsxs(Layout.Spacer, {
+      xalign: "center",
+      gap: "xs",
+      end: "8",
+      width: "unset",
+      children: [isExperiment ? /*#__PURE__*/jsxRuntime.jsx(ShowFromTweakExtraLarge, {
+        children: /*#__PURE__*/jsxRuntime.jsx(TalkToExpertButton, {
+          talkTo: talkTo,
+          "data-testid": "header-talk-to-broker-desktop"
+        })
+      }) : /*#__PURE__*/jsxRuntime.jsx(ShowFromTweakLarge, {
+        children: /*#__PURE__*/jsxRuntime.jsx(TalkToExpertButton, {
+          talkTo: talkTo,
+          "data-testid": "header-talk-to-broker-desktop"
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(ShowFromSmall, {
+        children: /*#__PURE__*/jsxRuntime.jsx(PrimaryCTA, {
+          handleApplyNowClick: handleApplyNowClick,
+          application: application,
+          isAuthenticated: isAuthenticated,
+          "data-testid": "header-apply-now-desktop"
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(HideFromMedium, {
+        children: /*#__PURE__*/jsxRuntime.jsx(AccountSlideoutMenu, {
+          handleApplyNowClick: handleApplyNowClick,
+          session: session,
+          talkTo: talkTo,
+          application: application,
+          onLogout: onLogout
+        })
+      })]
     }), /*#__PURE__*/jsxRuntime.jsx(ShowFromMedium, {
       children: /*#__PURE__*/jsxRuntime.jsx(AccountDropdown, {
         handleApplyNowClick: handleApplyNowClick,
         session: session,
         talkTo: talkTo,
         application: application,
-        openCommPanel: openCommPanel,
-        onLogout: onLogout
-      })
-    }), /*#__PURE__*/jsxRuntime.jsx(HideFromMedium, {
-      children: /*#__PURE__*/jsxRuntime.jsx(AccountSlideoutMenu, {
-        handleApplyNowClick: handleApplyNowClick,
-        session: session,
-        talkTo: talkTo,
-        application: application,
-        openCommPanel: openCommPanel,
         onLogout: onLogout
       })
     })]
@@ -4101,21 +4129,16 @@ var HeaderWithContext = _ref => {
     onLogout,
     navOptions = [],
     // Internal props, from ChatProps
-    isCommPanelOpen,
-    closeCommPanel,
-    openCommPanel: _openCommPanel,
     customerOwner,
     storeName,
     isExperiment
   } = _ref;
   var session = lalaReact.useSession();
   var application = useApplication(session);
-  var {
-    cmsNavbarBrokerNameButton
-  } = launchdarkly.useFlags();
+  var isAuthenticated = (session === null || session === void 0 ? void 0 : session.status) === lalaReact.Status.Authenticated;
   // to set AHL value in session storage for funnel1 journey
   useAHLParam();
-  var textForTalkTo = cmsNavbarBrokerNameButton ? "Talk to ".concat(trimStringWithEllipsis((customerOwner === null || customerOwner === void 0 ? void 0 : customerOwner.firstName) || storeName || 'broker')) : 'Talk to a broker';
+  var textForTalkTo = "Talk to ".concat(trimStringWithEllipsis((customerOwner === null || customerOwner === void 0 ? void 0 : customerOwner.firstName) || storeName || 'a broker'));
   var navbarMenu = isExperiment ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(ShowFromTweakExtraLarge, {
       children: /*#__PURE__*/jsxRuntime.jsx(Nav, {
@@ -4126,8 +4149,7 @@ var HeaderWithContext = _ref => {
         handleApplyNowClick: handleApplyNow,
         application: application,
         talkTo: textForTalkTo,
-        navOptions: navOptions,
-        openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel()
+        navOptions: navOptions
       })
     })]
   }) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -4140,8 +4162,7 @@ var HeaderWithContext = _ref => {
         handleApplyNowClick: handleApplyNow,
         application: application,
         talkTo: textForTalkTo,
-        navOptions: navOptions,
-        openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel()
+        navOptions: navOptions
       })
     })]
   });
@@ -4153,9 +4174,9 @@ var HeaderWithContext = _ref => {
       application: application,
       session: session,
       talkTo: textForTalkTo,
-      openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel(),
       onLogout: onLogout,
-      isExperiment: isExperiment
+      isExperiment: isExperiment,
+      isAuthenticated: isAuthenticated
     })
   });
 };