@lendi/navbar 7.37.2 → 7.38.1

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, teamMember, customerOwner, openCommPanel, onLogout, }: AccountProps) => JSX.Element;
-export declare const AccountSlideoutMenu: ({ session, application, teamMember, customerOwner, handleApplyNowClick, openCommPanel, onLogout, }: AccountProps) => JSX.Element;
+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 {};

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

@@ -1,2 +1,2 @@
 import { AccountProps } from './AccountMenu';
-export declare const CtaNav: ({ handleApplyNowClick, session, application, customerOwner, teamMember, openCommPanel, onLogout, }: AccountProps) => JSX.Element;
+export declare const CtaNav: ({ handleApplyNowClick, session, application, talkTo, openCommPanel, onLogout, }: AccountProps) => JSX.Element;

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

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

package/dist/declarations/src/Header/util/index.d.ts

@@ -0,0 +1 @@
+export declare const trimStringWithEllipsis: (str: string) => string;

package/dist/declarations/src/shared/CommPanelProvider/index.d.ts

@@ -9,6 +9,7 @@ export interface ChatProps {
     openCommPanel: () => void;
     topOffset?: BreakpointValue<string> | BreakpointValueMap<string>;
     customerOwner?: CustomerChatState['customerOwner'];
+    storeName?: CustomerChatState['storeName'];
 }
 export interface CommPanelWrapperProps extends SlideoutMenuProps {
     toTheTop?: boolean;

package/dist/navbar.cjs.dev.js

@@ -1724,7 +1724,8 @@ props => {
     closeCommPanel,
     channelId,
     customerOwner,
-    openChat
+    openChat,
+    storeName
   } = chat.useBootstrappedChatState();
   var [hasUnread, setHasUnread] = React__default["default"].useState(false);
   var [isOtherUserOnline, setIsOtherUserOnline] = React__default["default"].useState(false);
@@ -1751,7 +1752,8 @@ props => {
       hasUnread: hasUnread,
       closeCommPanel: closeCommPanel,
       openCommPanel: openCommPanel,
-      customerOwner: customerOwner
+      customerOwner: customerOwner,
+      storeName: storeName
     })), /*#__PURE__*/jsxRuntime.jsx(CommPanelWrapper, _objectSpread2(_objectSpread2({
       isOpen: isCommPanelOpen,
       handleClose: closeCommPanel,
@@ -3416,18 +3418,14 @@ var SlideoutMenu = _ref6 => {
 var TalkToExpertButton = _ref => {
   var {
     openCommPanel,
-    customerOwner
+    talkTo
   } = _ref;
-  var {
-    cmsNavbarBrokerNameButton
-  } = launchdarkly.useFlags();
-  var buttonText = customerOwner !== null && customerOwner !== void 0 && customerOwner.firstName && cmsNavbarBrokerNameButton ? "Talk to ".concat(customerOwner.firstName) : 'Talk to a broker';
   var handleClick = () => {
     openCommPanel();
     var event = {
       event_name: 'Button Clicked',
       category: analytics$1.EventCategory.NAVBAR,
-      text: buttonText,
+      text: talkTo || 'Talk to a broker',
       position: analytics$1.EventCategory.CMS,
       customerType: analytics$1.CustomerType.CUSTOMER,
       buttonType: analytics$1.ButtonType.SECONDARY
@@ -3441,7 +3439,7 @@ var TalkToExpertButton = _ref => {
     width: "100%",
     onPress: handleClick,
     minWidth: utils$1.pxToRem(152),
-    children: buttonText
+    children: talkTo
   });
 };
 
@@ -3511,7 +3509,7 @@ var _templateObject;
 var HamburgerCtaBlock = _ref => {
   var {
     handleApplyNowClick,
-    customerOwner,
+    talkTo,
     application,
     openCommPanel
   } = _ref;
@@ -3522,8 +3520,8 @@ var HamburgerCtaBlock = _ref => {
         handleApplyNowClick: handleApplyNowClick,
         application: application
       }), /*#__PURE__*/jsxRuntime.jsx(TalkToExpertButton, {
-        customerOwner: customerOwner,
-        openCommPanel: openCommPanel
+        openCommPanel: openCommPanel,
+        talkTo: talkTo
       })]
     })
   });
@@ -3619,7 +3617,7 @@ var LoggedInContent = _ref2 => {
   var {
     handleApplyNowClick,
     application,
-    customerOwner,
+    talkTo,
     openCommPanel,
     onLogout
   } = _ref2;
@@ -3641,7 +3639,7 @@ var LoggedInContent = _ref2 => {
         })
       }), /*#__PURE__*/jsxRuntime.jsx(TalkToExpertButton, {
         openCommPanel: openCommPanel,
-        customerOwner: customerOwner
+        talkTo: talkTo
       })]
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
       style: {
@@ -3781,8 +3779,7 @@ var AccountDropdown = _ref3 => {
     application,
     session,
     handleApplyNowClick,
-    teamMember,
-    customerOwner,
+    talkTo,
     openCommPanel,
     onLogout
   } = _ref3;
@@ -3802,8 +3799,7 @@ var AccountDropdown = _ref3 => {
       analytics(event);
     },
     children: isAuthenticated ? /*#__PURE__*/jsxRuntime.jsx(LoggedInContent, {
-      teamMember: teamMember,
-      customerOwner: customerOwner,
+      talkTo: talkTo,
       application: application,
       handleApplyNowClick: handleApplyNowClick,
       openCommPanel: openCommPanel,
@@ -3815,8 +3811,7 @@ var AccountSlideoutMenu = _ref4 => {
   var {
     session,
     application,
-    teamMember,
-    customerOwner,
+    talkTo,
     handleApplyNowClick,
     openCommPanel,
     onLogout
@@ -3861,8 +3856,7 @@ var AccountSlideoutMenu = _ref4 => {
       title: loggedInOutText,
       hasTitleDivider: false,
       children: isAuthenticated ? /*#__PURE__*/jsxRuntime.jsx(LoggedInContent, {
-        teamMember: teamMember,
-        customerOwner: customerOwner,
+        talkTo: talkTo,
         application: application,
         handleApplyNowClick: handleApplyNowClick,
         openCommPanel: openCommPanel,
@@ -3877,8 +3871,7 @@ var CtaNav = _ref => {
     handleApplyNowClick,
     session,
     application,
-    customerOwner,
-    teamMember,
+    talkTo,
     openCommPanel,
     onLogout
   } = _ref;
@@ -3887,7 +3880,7 @@ var CtaNav = _ref => {
     children: [/*#__PURE__*/jsxRuntime.jsx(ShowFromTweakLarge, {
       children: /*#__PURE__*/jsxRuntime.jsx(TalkToExpertButton, {
         openCommPanel: openCommPanel,
-        customerOwner: customerOwner
+        talkTo: talkTo
       })
     }), /*#__PURE__*/jsxRuntime.jsx(ShowFromSmall, {
       children: /*#__PURE__*/jsxRuntime.jsx(PrimaryCTA, {
@@ -3898,8 +3891,7 @@ var CtaNav = _ref => {
       children: /*#__PURE__*/jsxRuntime.jsx(AccountDropdown, {
         handleApplyNowClick: handleApplyNowClick,
         session: session,
-        teamMember: teamMember,
-        customerOwner: customerOwner,
+        talkTo: talkTo,
         application: application,
         openCommPanel: openCommPanel,
         onLogout: onLogout
@@ -3908,8 +3900,7 @@ var CtaNav = _ref => {
       children: /*#__PURE__*/jsxRuntime.jsx(AccountSlideoutMenu, {
         handleApplyNowClick: handleApplyNowClick,
         session: session,
-        teamMember: teamMember,
-        customerOwner: customerOwner,
+        talkTo: talkTo,
         application: application,
         openCommPanel: openCommPanel,
         onLogout: onLogout
@@ -3994,6 +3985,14 @@ var useApplication = session => {
   return application;
 };
 
+var trimStringWithEllipsis = str => {
+  if (str.length > 17) {
+    return str.substring(0, 14) + '...';
+  } else {
+    return str;
+  }
+};
+
 var HeaderWithContext = _ref => {
   var {
     // Public props
@@ -4004,13 +4003,17 @@ var HeaderWithContext = _ref => {
     isCommPanelOpen,
     closeCommPanel,
     openCommPanel: _openCommPanel,
-    customerOwner
+    customerOwner,
+    storeName
   } = _ref;
   var session = lalaReact.useSession();
   var application = useApplication(session);
-
+  var {
+    cmsNavbarBrokerNameButton
+  } = launchdarkly.useFlags();
   //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';
   return /*#__PURE__*/jsxRuntime.jsx(HeaderBase, {
     navSlot: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [/*#__PURE__*/jsxRuntime.jsx(ShowFromTweakLarge, {
@@ -4021,7 +4024,7 @@ var HeaderWithContext = _ref => {
         children: /*#__PURE__*/jsxRuntime.jsx(HamburgerMenu, {
           handleApplyNowClick: handleApplyNow,
           application: application,
-          customerOwner: customerOwner,
+          talkTo: textForTalkTo,
           navOptions: navOptions,
           openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel()
         })
@@ -4031,7 +4034,7 @@ var HeaderWithContext = _ref => {
       handleApplyNowClick: handleApplyNow,
       application: application,
       session: session,
-      customerOwner: customerOwner,
+      talkTo: textForTalkTo,
       openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel(),
       onLogout: onLogout
     })

package/dist/navbar.cjs.prod.js

@@ -1078,7 +1078,7 @@ var _templateObject$9, _templateObject2$4, _templateObject$8, _templateObject2$3
   var {toTheTop: toTheTop} = _ref2;
   return toTheTop && styled.css([ "top:0;z-index:999;" ]);
 })), withCommPanelWrapper = Component => props => {
-  var {onException: onException} = useError(), {chatBubble: chatBubble, chatExperiment: chatExperiment} = launchdarkly.useFlags(), {isCommPanelOpen: isCommPanelOpen, openCommPanel: openCommPanel, closeCommPanel: closeCommPanel, channelId: channelId, customerOwner: customerOwner, openChat: openChat} = chat.useBootstrappedChatState(), [hasUnread, setHasUnread] = React__default.default.useState(!1), [isOtherUserOnline, setIsOtherUserOnline] = React__default.default.useState(!1), [breakpoint$1, setBreakpoint] = React__default.default.useState(), [renderChatBubble, setRenderChatBubble] = React.useState(!1);
+  var {onException: onException} = useError(), {chatBubble: chatBubble, chatExperiment: chatExperiment} = launchdarkly.useFlags(), {isCommPanelOpen: isCommPanelOpen, openCommPanel: openCommPanel, closeCommPanel: closeCommPanel, channelId: channelId, customerOwner: customerOwner, openChat: openChat, storeName: storeName} = chat.useBootstrappedChatState(), [hasUnread, setHasUnread] = React__default.default.useState(!1), [isOtherUserOnline, setIsOtherUserOnline] = React__default.default.useState(!1), [breakpoint$1, setBreakpoint] = React__default.default.useState(), [renderChatBubble, setRenderChatBubble] = React.useState(!1);
   breakpoint.useBreakpoint(setBreakpoint);
   var shouldFullScreen = "aussie" === utils$1.getThemeName() || "mobile" === breakpoint$1, isExperiment = "Experiment1" === chatExperiment || "Experiment3" === chatExperiment;
   return React.useEffect((() => (props.enableChatBubble && chatBubble && isExperiment && setRenderChatBubble(!0), 
@@ -1092,7 +1092,8 @@ var _templateObject$9, _templateObject2$4, _templateObject$8, _templateObject2$3
       hasUnread: hasUnread,
       closeCommPanel: closeCommPanel,
       openCommPanel: openCommPanel,
-      customerOwner: customerOwner
+      customerOwner: customerOwner,
+      storeName: storeName
     })), jsxRuntime.jsx(CommPanelWrapper, _objectSpread2(_objectSpread2({
       isOpen: isCommPanelOpen,
       handleClose: closeCommPanel,
@@ -2242,7 +2243,7 @@ var _templateObject$3, _templateObject2$1, _templateObject$2, _templateObject$1,
     }) ]
   }));
 }, TalkToExpertButton = _ref => {
-  var {openCommPanel: openCommPanel, customerOwner: customerOwner} = _ref, {cmsNavbarBrokerNameButton: cmsNavbarBrokerNameButton} = launchdarkly.useFlags(), buttonText = null != customerOwner && customerOwner.firstName && cmsNavbarBrokerNameButton ? "Talk to ".concat(customerOwner.firstName) : "Talk to a broker";
+  var {openCommPanel: openCommPanel, talkTo: talkTo} = _ref;
   return jsxRuntime.jsx(Button.Button, {
     variant: "secondary",
     "data-component": "navbar-button-talk-to-expert",
@@ -2253,7 +2254,7 @@ var _templateObject$3, _templateObject2$1, _templateObject$2, _templateObject$1,
       var event = {
         event_name: "Button Clicked",
         category: analytics$1.EventCategory.NAVBAR,
-        text: buttonText,
+        text: talkTo || "Talk to a broker",
         position: analytics$1.EventCategory.CMS,
         customerType: analytics$1.CustomerType.CUSTOMER,
         buttonType: analytics$1.ButtonType.SECONDARY
@@ -2261,7 +2262,7 @@ var _templateObject$3, _templateObject2$1, _templateObject$2, _templateObject$1,
       analytics(event);
     },
     minWidth: utils$1.pxToRem(152),
-    children: buttonText
+    children: talkTo
   });
 }, APPLY_HREF = "/home-loans/basics", ApplyNowButton = _ref => {
   var _URLSearchParams, {onClick: onClick, width: width, size: size} = _ref, params = (null === (_URLSearchParams = new URLSearchParams(window.location.search)) || void 0 === _URLSearchParams ? void 0 : _URLSearchParams.toString()) || void 0, newApplyHref = params ? "".concat(APPLY_HREF, "/?").concat(params) : APPLY_HREF;
@@ -2309,7 +2310,7 @@ var _templateObject$3, _templateObject2$1, _templateObject$2, _templateObject$1,
     width: "100%"
   });
 }, _excluded = [ "navOptions" ], HamburgerCtaBlock = _ref => {
-  var {handleApplyNowClick: handleApplyNowClick, customerOwner: customerOwner, application: application, openCommPanel: openCommPanel} = _ref;
+  var {handleApplyNowClick: handleApplyNowClick, talkTo: talkTo, application: application, openCommPanel: openCommPanel} = _ref;
   return jsxRuntime.jsx(MenuPadding, {
     children: jsxRuntime.jsxs(Layout.Spacer, {
       ygap: "12",
@@ -2317,8 +2318,8 @@ var _templateObject$3, _templateObject2$1, _templateObject$2, _templateObject$1,
         handleApplyNowClick: handleApplyNowClick,
         application: application
       }), jsxRuntime.jsx(TalkToExpertButton, {
-        customerOwner: customerOwner,
-        openCommPanel: openCommPanel
+        openCommPanel: openCommPanel,
+        talkTo: talkTo
       }) ]
     })
   });
@@ -2389,7 +2390,7 @@ var _templateObject$3, _templateObject2$1, _templateObject$2, _templateObject$1,
     children: "Manage your loan applications"
   }), jsxRuntime.jsx(StyledHR, {}) ]
 }), LoggedInContent = _ref2 => {
-  var {handleApplyNowClick: handleApplyNowClick, application: application, customerOwner: customerOwner, openCommPanel: openCommPanel, onLogout: onLogout} = _ref2, {referAFriend: referAFriend} = launchdarkly.useFlags();
+  var {handleApplyNowClick: handleApplyNowClick, application: application, talkTo: talkTo, openCommPanel: openCommPanel, onLogout: onLogout} = _ref2, {referAFriend: referAFriend} = launchdarkly.useFlags();
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [ jsxRuntime.jsxs(DropdownPrimaryContent, {
       style: {
@@ -2405,7 +2406,7 @@ var _templateObject$3, _templateObject2$1, _templateObject$2, _templateObject$1,
         })
       }), jsxRuntime.jsx(TalkToExpertButton, {
         openCommPanel: openCommPanel,
-        customerOwner: customerOwner
+        talkTo: talkTo
       }) ]
     }), jsxRuntime.jsxs("div", {
       style: {
@@ -2530,7 +2531,7 @@ var _templateObject$3, _templateObject2$1, _templateObject$2, _templateObject$1,
     }) ]
   });
 }, AccountDropdown = _ref3 => {
-  var {application: application, session: session, handleApplyNowClick: handleApplyNowClick, teamMember: teamMember, customerOwner: customerOwner, openCommPanel: openCommPanel, onLogout: onLogout} = _ref3, isAuthenticated = (null == session ? void 0 : session.status) === lalaReact.Status.Authenticated;
+  var {application: application, session: session, handleApplyNowClick: handleApplyNowClick, talkTo: talkTo, openCommPanel: openCommPanel, onLogout: onLogout} = _ref3, isAuthenticated = (null == session ? void 0 : session.status) === lalaReact.Status.Authenticated;
   return jsxRuntime.jsx(NavDropdown, {
     label: isAuthenticated ? LOGGEDIN_TEXT : LOGGEDOUT_TEXT,
     align: "right",
@@ -2546,8 +2547,7 @@ var _templateObject$3, _templateObject2$1, _templateObject$2, _templateObject$1,
       analytics(event);
     },
     children: isAuthenticated ? jsxRuntime.jsx(LoggedInContent, {
-      teamMember: teamMember,
-      customerOwner: customerOwner,
+      talkTo: talkTo,
       application: application,
       handleApplyNowClick: handleApplyNowClick,
       openCommPanel: openCommPanel,
@@ -2555,7 +2555,7 @@ var _templateObject$3, _templateObject2$1, _templateObject$2, _templateObject$1,
     }) : jsxRuntime.jsx(LoggedOutContent, {})
   });
 }, AccountSlideoutMenu = _ref4 => {
-  var {session: session, application: application, teamMember: teamMember, customerOwner: customerOwner, handleApplyNowClick: handleApplyNowClick, openCommPanel: openCommPanel, onLogout: onLogout} = _ref4, {showMenu: showMenu, toggleMenu: toggleMenu} = useSlideoutMenu(), isAuthenticated = (null == session ? void 0 : session.status) === lalaReact.Status.Authenticated, loggedInOutText = isAuthenticated ? LOGGEDIN_TEXT : LOGGEDOUT_TEXT, handleClick = () => {
+  var {session: session, application: application, talkTo: talkTo, handleApplyNowClick: handleApplyNowClick, openCommPanel: openCommPanel, onLogout: onLogout} = _ref4, {showMenu: showMenu, toggleMenu: toggleMenu} = useSlideoutMenu(), isAuthenticated = (null == session ? void 0 : session.status) === lalaReact.Status.Authenticated, loggedInOutText = isAuthenticated ? LOGGEDIN_TEXT : LOGGEDOUT_TEXT, handleClick = () => {
     toggleMenu();
     var event = {
       event_name: "Menu Clicked",
@@ -2589,8 +2589,7 @@ var _templateObject$3, _templateObject2$1, _templateObject$2, _templateObject$1,
       title: loggedInOutText,
       hasTitleDivider: !1,
       children: isAuthenticated ? jsxRuntime.jsx(LoggedInContent, {
-        teamMember: teamMember,
-        customerOwner: customerOwner,
+        talkTo: talkTo,
         application: application,
         handleApplyNowClick: handleApplyNowClick,
         openCommPanel: openCommPanel,
@@ -2599,13 +2598,13 @@ var _templateObject$3, _templateObject2$1, _templateObject$2, _templateObject$1,
     }) ]
   });
 }, CtaNav = _ref => {
-  var {handleApplyNowClick: handleApplyNowClick, session: session, application: application, customerOwner: customerOwner, teamMember: teamMember, openCommPanel: openCommPanel, onLogout: onLogout} = _ref;
+  var {handleApplyNowClick: handleApplyNowClick, session: session, application: application, talkTo: talkTo, openCommPanel: openCommPanel, onLogout: onLogout} = _ref;
   return jsxRuntime.jsxs(Layout.Spacer, {
     xalign: "center",
     children: [ jsxRuntime.jsx(ShowFromTweakLarge, {
       children: jsxRuntime.jsx(TalkToExpertButton, {
         openCommPanel: openCommPanel,
-        customerOwner: customerOwner
+        talkTo: talkTo
       })
     }), jsxRuntime.jsx(ShowFromSmall, {
       children: jsxRuntime.jsx(PrimaryCTA, {
@@ -2616,8 +2615,7 @@ var _templateObject$3, _templateObject2$1, _templateObject$2, _templateObject$1,
       children: jsxRuntime.jsx(AccountDropdown, {
         handleApplyNowClick: handleApplyNowClick,
         session: session,
-        teamMember: teamMember,
-        customerOwner: customerOwner,
+        talkTo: talkTo,
         application: application,
         openCommPanel: openCommPanel,
         onLogout: onLogout
@@ -2626,8 +2624,7 @@ var _templateObject$3, _templateObject2$1, _templateObject$2, _templateObject$1,
       children: jsxRuntime.jsx(AccountSlideoutMenu, {
         handleApplyNowClick: handleApplyNowClick,
         session: session,
-        teamMember: teamMember,
-        customerOwner: customerOwner,
+        talkTo: talkTo,
         application: application,
         openCommPanel: openCommPanel,
         onLogout: onLogout
@@ -2692,9 +2689,11 @@ var getApplications = function() {
       onException(new Error("@lendi/navbar: unable to fetch application: ".concat(error)));
     })) : setApplication(void 0);
   }), [ session, onException ]), application;
-}, HeaderWithContext = _ref => {
-  var {handleApplyNow: handleApplyNow, onLogout: onLogout, navOptions: navOptions = [], isCommPanelOpen: isCommPanelOpen, closeCommPanel: closeCommPanel, openCommPanel: _openCommPanel, customerOwner: customerOwner} = _ref, session = lalaReact.useSession(), application = useApplication(session);
-  return useAHLParam(), jsxRuntime.jsx(HeaderBase, {
+}, trimStringWithEllipsis = str => str.length > 17 ? str.substring(0, 14) + "..." : str, HeaderWithContext = _ref => {
+  var {handleApplyNow: handleApplyNow, onLogout: onLogout, navOptions: navOptions = [], isCommPanelOpen: isCommPanelOpen, closeCommPanel: closeCommPanel, openCommPanel: _openCommPanel, customerOwner: customerOwner, storeName: storeName} = _ref, session = lalaReact.useSession(), application = useApplication(session), {cmsNavbarBrokerNameButton: cmsNavbarBrokerNameButton} = launchdarkly.useFlags();
+  useAHLParam();
+  var textForTalkTo = cmsNavbarBrokerNameButton ? "Talk to ".concat(trimStringWithEllipsis((null == customerOwner ? void 0 : customerOwner.firstName) || storeName || "broker")) : "Talk to a broker";
+  return jsxRuntime.jsx(HeaderBase, {
     navSlot: jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [ jsxRuntime.jsx(ShowFromTweakLarge, {
         children: jsxRuntime.jsx(Nav, {
@@ -2704,7 +2703,7 @@ var getApplications = function() {
         children: jsxRuntime.jsx(HamburgerMenu, {
           handleApplyNowClick: handleApplyNow,
           application: application,
-          customerOwner: customerOwner,
+          talkTo: textForTalkTo,
           navOptions: navOptions,
           openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel()
         })
@@ -2714,7 +2713,7 @@ var getApplications = function() {
       handleApplyNowClick: handleApplyNow,
       application: application,
       session: session,
-      customerOwner: customerOwner,
+      talkTo: textForTalkTo,
       openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel(),
       onLogout: onLogout
     })

package/dist/navbar.esm.js

@@ -1691,7 +1691,8 @@ props => {
     closeCommPanel,
     channelId,
     customerOwner,
-    openChat
+    openChat,
+    storeName
   } = useBootstrappedChatState();
   var [hasUnread, setHasUnread] = React.useState(false);
   var [isOtherUserOnline, setIsOtherUserOnline] = React.useState(false);
@@ -1718,7 +1719,8 @@ props => {
       hasUnread: hasUnread,
       closeCommPanel: closeCommPanel,
       openCommPanel: openCommPanel,
-      customerOwner: customerOwner
+      customerOwner: customerOwner,
+      storeName: storeName
     })), /*#__PURE__*/jsx(CommPanelWrapper, _objectSpread2(_objectSpread2({
       isOpen: isCommPanelOpen,
       handleClose: closeCommPanel,
@@ -3383,18 +3385,14 @@ var SlideoutMenu = _ref6 => {
 var TalkToExpertButton = _ref => {
   var {
     openCommPanel,
-    customerOwner
+    talkTo
   } = _ref;
-  var {
-    cmsNavbarBrokerNameButton
-  } = useFlags();
-  var buttonText = customerOwner !== null && customerOwner !== void 0 && customerOwner.firstName && cmsNavbarBrokerNameButton ? "Talk to ".concat(customerOwner.firstName) : 'Talk to a broker';
   var handleClick = () => {
     openCommPanel();
     var event = {
       event_name: 'Button Clicked',
       category: EventCategory.NAVBAR,
-      text: buttonText,
+      text: talkTo || 'Talk to a broker',
       position: EventCategory.CMS,
       customerType: CustomerType.CUSTOMER,
       buttonType: ButtonType.SECONDARY
@@ -3408,7 +3406,7 @@ var TalkToExpertButton = _ref => {
     width: "100%",
     onPress: handleClick,
     minWidth: pxToRem(152),
-    children: buttonText
+    children: talkTo
   });
 };
 
@@ -3478,7 +3476,7 @@ var _templateObject;
 var HamburgerCtaBlock = _ref => {
   var {
     handleApplyNowClick,
-    customerOwner,
+    talkTo,
     application,
     openCommPanel
   } = _ref;
@@ -3489,8 +3487,8 @@ var HamburgerCtaBlock = _ref => {
         handleApplyNowClick: handleApplyNowClick,
         application: application
       }), /*#__PURE__*/jsx(TalkToExpertButton, {
-        customerOwner: customerOwner,
-        openCommPanel: openCommPanel
+        openCommPanel: openCommPanel,
+        talkTo: talkTo
       })]
     })
   });
@@ -3586,7 +3584,7 @@ var LoggedInContent = _ref2 => {
   var {
     handleApplyNowClick,
     application,
-    customerOwner,
+    talkTo,
     openCommPanel,
     onLogout
   } = _ref2;
@@ -3608,7 +3606,7 @@ var LoggedInContent = _ref2 => {
         })
       }), /*#__PURE__*/jsx(TalkToExpertButton, {
         openCommPanel: openCommPanel,
-        customerOwner: customerOwner
+        talkTo: talkTo
       })]
     }), /*#__PURE__*/jsxs("div", {
       style: {
@@ -3748,8 +3746,7 @@ var AccountDropdown = _ref3 => {
     application,
     session,
     handleApplyNowClick,
-    teamMember,
-    customerOwner,
+    talkTo,
     openCommPanel,
     onLogout
   } = _ref3;
@@ -3769,8 +3766,7 @@ var AccountDropdown = _ref3 => {
       analytics(event);
     },
     children: isAuthenticated ? /*#__PURE__*/jsx(LoggedInContent, {
-      teamMember: teamMember,
-      customerOwner: customerOwner,
+      talkTo: talkTo,
       application: application,
       handleApplyNowClick: handleApplyNowClick,
       openCommPanel: openCommPanel,
@@ -3782,8 +3778,7 @@ var AccountSlideoutMenu = _ref4 => {
   var {
     session,
     application,
-    teamMember,
-    customerOwner,
+    talkTo,
     handleApplyNowClick,
     openCommPanel,
     onLogout
@@ -3828,8 +3823,7 @@ var AccountSlideoutMenu = _ref4 => {
       title: loggedInOutText,
       hasTitleDivider: false,
       children: isAuthenticated ? /*#__PURE__*/jsx(LoggedInContent, {
-        teamMember: teamMember,
-        customerOwner: customerOwner,
+        talkTo: talkTo,
         application: application,
         handleApplyNowClick: handleApplyNowClick,
         openCommPanel: openCommPanel,
@@ -3844,8 +3838,7 @@ var CtaNav = _ref => {
     handleApplyNowClick,
     session,
     application,
-    customerOwner,
-    teamMember,
+    talkTo,
     openCommPanel,
     onLogout
   } = _ref;
@@ -3854,7 +3847,7 @@ var CtaNav = _ref => {
     children: [/*#__PURE__*/jsx(ShowFromTweakLarge, {
       children: /*#__PURE__*/jsx(TalkToExpertButton, {
         openCommPanel: openCommPanel,
-        customerOwner: customerOwner
+        talkTo: talkTo
       })
     }), /*#__PURE__*/jsx(ShowFromSmall, {
       children: /*#__PURE__*/jsx(PrimaryCTA, {
@@ -3865,8 +3858,7 @@ var CtaNav = _ref => {
       children: /*#__PURE__*/jsx(AccountDropdown, {
         handleApplyNowClick: handleApplyNowClick,
         session: session,
-        teamMember: teamMember,
-        customerOwner: customerOwner,
+        talkTo: talkTo,
         application: application,
         openCommPanel: openCommPanel,
         onLogout: onLogout
@@ -3875,8 +3867,7 @@ var CtaNav = _ref => {
       children: /*#__PURE__*/jsx(AccountSlideoutMenu, {
         handleApplyNowClick: handleApplyNowClick,
         session: session,
-        teamMember: teamMember,
-        customerOwner: customerOwner,
+        talkTo: talkTo,
         application: application,
         openCommPanel: openCommPanel,
         onLogout: onLogout
@@ -3961,6 +3952,14 @@ var useApplication = session => {
   return application;
 };
 
+var trimStringWithEllipsis = str => {
+  if (str.length > 17) {
+    return str.substring(0, 14) + '...';
+  } else {
+    return str;
+  }
+};
+
 var HeaderWithContext = _ref => {
   var {
     // Public props
@@ -3971,13 +3970,17 @@ var HeaderWithContext = _ref => {
     isCommPanelOpen,
     closeCommPanel,
     openCommPanel: _openCommPanel,
-    customerOwner
+    customerOwner,
+    storeName
   } = _ref;
   var session = useSession();
   var application = useApplication(session);
-
+  var {
+    cmsNavbarBrokerNameButton
+  } = useFlags();
   //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';
   return /*#__PURE__*/jsx(HeaderBase, {
     navSlot: /*#__PURE__*/jsxs(Fragment, {
       children: [/*#__PURE__*/jsx(ShowFromTweakLarge, {
@@ -3988,7 +3991,7 @@ var HeaderWithContext = _ref => {
         children: /*#__PURE__*/jsx(HamburgerMenu, {
           handleApplyNowClick: handleApplyNow,
           application: application,
-          customerOwner: customerOwner,
+          talkTo: textForTalkTo,
           navOptions: navOptions,
           openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel()
         })
@@ -3998,7 +4001,7 @@ var HeaderWithContext = _ref => {
       handleApplyNowClick: handleApplyNow,
       application: application,
       session: session,
-      customerOwner: customerOwner,
+      talkTo: textForTalkTo,
       openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel(),
       onLogout: onLogout
     })

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lendi/navbar",
   "access": "restricted",
-  "version": "7.37.2",
+  "version": "7.38.1",
   "license": "ISC",
   "source": "src/index.tsx",
   "main": "dist/navbar.cjs.js",
@@ -40,7 +40,7 @@
     "@lendi-ui/typography": "^5.13.11-beta.0",
     "@lendi-ui/utils": "^6.0.2-beta.1",
     "@lendi/analytics": "^4.6.0",
-    "@lendi/chat": "^1.15.0",
+    "@lendi/chat": "^1.18.0",
     "@lendi/lala-utils": "^11.8.0",
     "@lendi/launchdarkly": "^0.1.7",
     "@lendi/lendigroup-leads-library": "^3.2.1",