@lendi/navbar 7.40.8 → 7.40.10

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

@@ -10,5 +10,6 @@ export interface HeaderProps {
      * See canvas tab for full structure
      * */
     navOptions?: NavElements[];
+    isExperiment?: boolean;
 }
 export declare const Header: React.FC<HeaderProps & Pick<ChatProps, "topOffset"> & (import("..").SimpleNavbarProps | import("..").MultiNavbarProps)>;

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

@@ -1,4 +1,5 @@
 export declare const LargeTweakpoint = "67rem";
+export declare const ExtraLargeTweakpoint = "82.5rem";
 export declare const Px: import("styled-components").FlattenSimpleInterpolation;
 export declare const Py: import("styled-components").FlattenSimpleInterpolation;
 export declare const MenuPadding: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -9,6 +10,8 @@ export declare const insetFocusVisible: import("styled-components").FlattenInter
 export declare const focusVisible: import("styled-components").FlattenSimpleInterpolation;
 export declare const StyledHR: import("styled-components").StyledComponent<"hr", import("styled-components").DefaultTheme, {}, never>;
 export declare const HideFromLarge: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const HideFromTweakExtraLarge: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ShowFromTweakExtraLarge: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const HideFromTweakLarge: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ShowFromTweakLarge: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ShowFromLarge: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/navbar.cjs.dev.js

@@ -2735,6 +2735,7 @@ var MultiNavbar = withErrorProvider(launchdarkly.withLendiLDProvider(withCommPan
 
 var _templateObject$4, _templateObject2$2, _templateObject3$1, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 var LargeTweakpoint = '67rem';
+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));
 var MenuPadding = styled__default["default"].div.withConfig({
@@ -2777,45 +2778,53 @@ styled__default["default"].div.withConfig({
   displayName: "sharedstyles__HideFromLarge",
   componentId: "lui__sc-631j2u-3"
 })(["display:block;", ""], breakpoint.gte('lg')(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n    display: none;\n  "]))));
+var HideFromTweakExtraLarge = styled__default["default"].div.withConfig({
+  displayName: "sharedstyles__HideFromTweakExtraLarge",
+  componentId: "lui__sc-631j2u-4"
+})(["display:block;@media (min-width:", "){display:none;}"], ExtraLargeTweakpoint);
+var ShowFromTweakExtraLarge = styled__default["default"].div.withConfig({
+  displayName: "sharedstyles__ShowFromTweakExtraLarge",
+  componentId: "lui__sc-631j2u-5"
+})(["display:none;@media (min-width:", "){display:block;}"], ExtraLargeTweakpoint);
 var HideFromTweakLarge = styled__default["default"].div.withConfig({
   displayName: "sharedstyles__HideFromTweakLarge",
-  componentId: "lui__sc-631j2u-4"
+  componentId: "lui__sc-631j2u-6"
 })(["display:block;@media (min-width:", "){display:none;}"], LargeTweakpoint);
 var ShowFromTweakLarge = styled__default["default"].div.withConfig({
   displayName: "sharedstyles__ShowFromTweakLarge",
-  componentId: "lui__sc-631j2u-5"
+  componentId: "lui__sc-631j2u-7"
 })(["display:none;@media (min-width:", "){display:block;}"], LargeTweakpoint);
 styled__default["default"].div.withConfig({
   displayName: "sharedstyles__ShowFromLarge",
-  componentId: "lui__sc-631j2u-6"
+  componentId: "lui__sc-631j2u-8"
 })(["display:none;", ""], breakpoint.gte('lg')(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n    display: block;\n  "]))));
 var HideFromMedium = styled__default["default"].div.withConfig({
   displayName: "sharedstyles__HideFromMedium",
-  componentId: "lui__sc-631j2u-7"
+  componentId: "lui__sc-631j2u-9"
 })(["display:block;", ""], breakpoint.gte('md')(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n    display: none;\n  "]))));
 var ShowFromMedium = styled__default["default"].div.withConfig({
   displayName: "sharedstyles__ShowFromMedium",
-  componentId: "lui__sc-631j2u-8"
+  componentId: "lui__sc-631j2u-10"
 })(["display:none;", ""], breakpoint.gte('md')(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    display: block;\n  "]))));
 var ShowFromSmall = styled__default["default"].div.withConfig({
   displayName: "sharedstyles__ShowFromSmall",
-  componentId: "lui__sc-631j2u-9"
+  componentId: "lui__sc-631j2u-11"
 })(["display:none;", ""], breakpoint.gte('sm')(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    display: block;\n  "]))));
 styled__default["default"].div.withConfig({
   displayName: "sharedstyles__HideFromSmall",
-  componentId: "lui__sc-631j2u-10"
+  componentId: "lui__sc-631j2u-12"
 })(["display:block;", ""], breakpoint.gte('sm')(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    display: none;\n  "]))));
 var ShowAtSmallOnly = styled__default["default"].div.withConfig({
   displayName: "sharedstyles__ShowAtSmallOnly",
-  componentId: "lui__sc-631j2u-11"
+  componentId: "lui__sc-631j2u-13"
 })(["display:none;", ";"], breakpoint.between('xs', 'sm')(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    display: block;\n  "]))));
 var ShowAtMediumOnly = styled__default["default"].div.withConfig({
   displayName: "sharedstyles__ShowAtMediumOnly",
-  componentId: "lui__sc-631j2u-12"
+  componentId: "lui__sc-631j2u-14"
 })(["display:none;", ";"], breakpoint.between('sm', 'lg')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    display: block;\n  "]))));
 var SrOnlySpan = styled__default["default"].span.withConfig({
   displayName: "sharedstyles__SrOnlySpan",
-  componentId: "lui__sc-631j2u-13"
+  componentId: "lui__sc-631j2u-15"
 })(["", ";"], utils$1.srOnly);
 
 var _excluded$7 = ["children", "isOpen", "onClick"],
@@ -4043,32 +4052,48 @@ var HeaderWithContext = _ref => {
     closeCommPanel,
     openCommPanel: _openCommPanel,
     customerOwner,
-    storeName
+    storeName,
+    isExperiment
   } = _ref;
   var session = lalaReact.useSession();
   var application = useApplication(session);
   var {
     cmsNavbarBrokerNameButton
   } = launchdarkly.useFlags();
-  //to set AHL value in session storage for funnel1 journey
+  // 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 navbarMenu = isExperiment ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(ShowFromTweakExtraLarge, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Nav, {
+        navOptions: navOptions
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(HideFromTweakExtraLarge, {
+      children: /*#__PURE__*/jsxRuntime.jsx(HamburgerMenu, {
+        handleApplyNowClick: handleApplyNow,
+        application: application,
+        talkTo: textForTalkTo,
+        navOptions: navOptions,
+        openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel()
+      })
+    })]
+  }) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(ShowFromTweakLarge, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Nav, {
+        navOptions: navOptions
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(HideFromTweakLarge, {
+      children: /*#__PURE__*/jsxRuntime.jsx(HamburgerMenu, {
+        handleApplyNowClick: handleApplyNow,
+        application: application,
+        talkTo: textForTalkTo,
+        navOptions: navOptions,
+        openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel()
+      })
+    })]
+  });
   return /*#__PURE__*/jsxRuntime.jsx(HeaderBase, {
-    navSlot: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(ShowFromTweakLarge, {
-        children: /*#__PURE__*/jsxRuntime.jsx(Nav, {
-          navOptions: navOptions
-        })
-      }), /*#__PURE__*/jsxRuntime.jsx(HideFromTweakLarge, {
-        children: /*#__PURE__*/jsxRuntime.jsx(HamburgerMenu, {
-          handleApplyNowClick: handleApplyNow,
-          application: application,
-          talkTo: textForTalkTo,
-          navOptions: navOptions,
-          openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel()
-        })
-      })]
-    }),
+    navSlot: navbarMenu,
     ctaSlot: /*#__PURE__*/jsxRuntime.jsx(CtaNav, {
       handleApplyNowClick: handleApplyNow,
       application: application,

package/dist/navbar.cjs.prod.js

@@ -1807,7 +1807,7 @@ var _templateObject$5, _templateObject$4, _templateObject2$2, _templateObject3$1
       }) ]
     })) ]
   });
-}, MultiNavbar = withErrorProvider(launchdarkly.withLendiLDProvider(withCommPanel(withDomainChat(MultiNavbarComponent)))), LargeTweakpoint = "67rem", Px = styled.css([ "padding-left:", ";padding-right:", ";" ], utils$1.pxToRem(16), utils$1.pxToRem(16)), Py = styled.css([ "padding-top:", ";padding-bottom:", ";" ], utils$1.pxToRem(24), utils$1.pxToRem(24)), MenuPadding = styled__default.default.div.withConfig({
+}, MultiNavbar = withErrorProvider(launchdarkly.withLendiLDProvider(withCommPanel(withDomainChat(MultiNavbarComponent)))), LargeTweakpoint = "67rem", ExtraLargeTweakpoint = "82.5rem", Px = styled.css([ "padding-left:", ";padding-right:", ";" ], utils$1.pxToRem(16), utils$1.pxToRem(16)), Py = styled.css([ "padding-top:", ";padding-bottom:", ";" ], utils$1.pxToRem(24), utils$1.pxToRem(24)), MenuPadding = styled__default.default.div.withConfig({
   displayName: "sharedstyles__MenuPadding",
   componentId: "lui__sc-631j2u-0"
 })([ "", ";", ";" ], Px, Py), MenuPaddingAlt = styled__default.default.div.withConfig({
@@ -1835,44 +1835,50 @@ styled__default.default.div.withConfig({
   componentId: "lui__sc-631j2u-3"
 })([ "display:block;", "" ], breakpoint.gte("lg")(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral([ "\n    display: none;\n  " ]))));
 
-var HideFromTweakLarge = styled__default.default.div.withConfig({
-  displayName: "sharedstyles__HideFromTweakLarge",
+var HideFromTweakExtraLarge = styled__default.default.div.withConfig({
+  displayName: "sharedstyles__HideFromTweakExtraLarge",
   componentId: "lui__sc-631j2u-4"
+})([ "display:block;@media (min-width:", "){display:none;}" ], ExtraLargeTweakpoint), ShowFromTweakExtraLarge = styled__default.default.div.withConfig({
+  displayName: "sharedstyles__ShowFromTweakExtraLarge",
+  componentId: "lui__sc-631j2u-5"
+})([ "display:none;@media (min-width:", "){display:block;}" ], ExtraLargeTweakpoint), HideFromTweakLarge = styled__default.default.div.withConfig({
+  displayName: "sharedstyles__HideFromTweakLarge",
+  componentId: "lui__sc-631j2u-6"
 })([ "display:block;@media (min-width:", "){display:none;}" ], LargeTweakpoint), ShowFromTweakLarge = styled__default.default.div.withConfig({
   displayName: "sharedstyles__ShowFromTweakLarge",
-  componentId: "lui__sc-631j2u-5"
+  componentId: "lui__sc-631j2u-7"
 })([ "display:none;@media (min-width:", "){display:block;}" ], LargeTweakpoint);
 
 styled__default.default.div.withConfig({
   displayName: "sharedstyles__ShowFromLarge",
-  componentId: "lui__sc-631j2u-6"
+  componentId: "lui__sc-631j2u-8"
 })([ "display:none;", "" ], breakpoint.gte("lg")(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral([ "\n    display: block;\n  " ]))));
 
 var HideFromMedium = styled__default.default.div.withConfig({
   displayName: "sharedstyles__HideFromMedium",
-  componentId: "lui__sc-631j2u-7"
+  componentId: "lui__sc-631j2u-9"
 })([ "display:block;", "" ], breakpoint.gte("md")(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral([ "\n    display: none;\n  " ])))), ShowFromMedium = styled__default.default.div.withConfig({
   displayName: "sharedstyles__ShowFromMedium",
-  componentId: "lui__sc-631j2u-8"
+  componentId: "lui__sc-631j2u-10"
 })([ "display:none;", "" ], breakpoint.gte("md")(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral([ "\n    display: block;\n  " ])))), ShowFromSmall = styled__default.default.div.withConfig({
   displayName: "sharedstyles__ShowFromSmall",
-  componentId: "lui__sc-631j2u-9"
+  componentId: "lui__sc-631j2u-11"
 })([ "display:none;", "" ], breakpoint.gte("sm")(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral([ "\n    display: block;\n  " ]))));
 
 styled__default.default.div.withConfig({
   displayName: "sharedstyles__HideFromSmall",
-  componentId: "lui__sc-631j2u-10"
+  componentId: "lui__sc-631j2u-12"
 })([ "display:block;", "" ], breakpoint.gte("sm")(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral([ "\n    display: none;\n  " ]))));
 
 var _templateObject$3, _templateObject2$1, _templateObject$2, _templateObject$1, _templateObject2, _templateObject3, _templateObject, ShowAtSmallOnly = styled__default.default.div.withConfig({
   displayName: "sharedstyles__ShowAtSmallOnly",
-  componentId: "lui__sc-631j2u-11"
+  componentId: "lui__sc-631j2u-13"
 })([ "display:none;", ";" ], breakpoint.between("xs", "sm")(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral([ "\n    display: block;\n  " ])))), ShowAtMediumOnly = styled__default.default.div.withConfig({
   displayName: "sharedstyles__ShowAtMediumOnly",
-  componentId: "lui__sc-631j2u-12"
+  componentId: "lui__sc-631j2u-14"
 })([ "display:none;", ";" ], breakpoint.between("sm", "lg")(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral([ "\n    display: block;\n  " ])))), SrOnlySpan = styled__default.default.span.withConfig({
   displayName: "sharedstyles__SrOnlySpan",
-  componentId: "lui__sc-631j2u-13"
+  componentId: "lui__sc-631j2u-15"
 })([ "", ";" ], utils$1.srOnly), _excluded$7 = [ "children", "isOpen", "onClick" ], _excluded2$1 = [ "children", "href", "onClick", "isActive" ], StyledNavButton = styled__default.default.button.withConfig({
   displayName: "NavButtons__StyledNavButton",
   componentId: "lui__sc-1rf7mpw-0"
@@ -2717,25 +2723,39 @@ var getApplications = function() {
     })) : setApplication(void 0);
   }), [ session, onException ]), application;
 }, 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();
+  var {handleApplyNow: handleApplyNow, onLogout: onLogout, navOptions: navOptions = [], isCommPanelOpen: isCommPanelOpen, closeCommPanel: closeCommPanel, openCommPanel: _openCommPanel, customerOwner: customerOwner, storeName: storeName, isExperiment: isExperiment} = _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";
+  var textForTalkTo = cmsNavbarBrokerNameButton ? "Talk to ".concat(trimStringWithEllipsis((null == customerOwner ? void 0 : customerOwner.firstName) || storeName || "broker")) : "Talk to a broker", navbarMenu = isExperiment ? jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [ jsxRuntime.jsx(ShowFromTweakExtraLarge, {
+      children: jsxRuntime.jsx(Nav, {
+        navOptions: navOptions
+      })
+    }), jsxRuntime.jsx(HideFromTweakExtraLarge, {
+      children: jsxRuntime.jsx(HamburgerMenu, {
+        handleApplyNowClick: handleApplyNow,
+        application: application,
+        talkTo: textForTalkTo,
+        navOptions: navOptions,
+        openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel()
+      })
+    }) ]
+  }) : jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [ jsxRuntime.jsx(ShowFromTweakLarge, {
+      children: jsxRuntime.jsx(Nav, {
+        navOptions: navOptions
+      })
+    }), jsxRuntime.jsx(HideFromTweakLarge, {
+      children: jsxRuntime.jsx(HamburgerMenu, {
+        handleApplyNowClick: handleApplyNow,
+        application: application,
+        talkTo: textForTalkTo,
+        navOptions: navOptions,
+        openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel()
+      })
+    }) ]
+  });
   return jsxRuntime.jsx(HeaderBase, {
-    navSlot: jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [ jsxRuntime.jsx(ShowFromTweakLarge, {
-        children: jsxRuntime.jsx(Nav, {
-          navOptions: navOptions
-        })
-      }), jsxRuntime.jsx(HideFromTweakLarge, {
-        children: jsxRuntime.jsx(HamburgerMenu, {
-          handleApplyNowClick: handleApplyNow,
-          application: application,
-          talkTo: textForTalkTo,
-          navOptions: navOptions,
-          openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel()
-        })
-      }) ]
-    }),
+    navSlot: navbarMenu,
     ctaSlot: jsxRuntime.jsx(CtaNav, {
       handleApplyNowClick: handleApplyNow,
       application: application,

package/dist/navbar.esm.js

@@ -2702,6 +2702,7 @@ var MultiNavbar = withErrorProvider(withLendiLDProvider(withCommPanel(withDomain
 
 var _templateObject$4, _templateObject2$2, _templateObject3$1, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 var LargeTweakpoint = '67rem';
+var ExtraLargeTweakpoint = '82.5rem';
 var Px = css(["padding-left:", ";padding-right:", ";"], pxToRem(16), pxToRem(16));
 var Py = css(["padding-top:", ";padding-bottom:", ";"], pxToRem(24), pxToRem(24));
 var MenuPadding = styled.div.withConfig({
@@ -2744,45 +2745,53 @@ styled.div.withConfig({
   displayName: "sharedstyles__HideFromLarge",
   componentId: "lui__sc-631j2u-3"
 })(["display:block;", ""], gte('lg')(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n    display: none;\n  "]))));
+var HideFromTweakExtraLarge = styled.div.withConfig({
+  displayName: "sharedstyles__HideFromTweakExtraLarge",
+  componentId: "lui__sc-631j2u-4"
+})(["display:block;@media (min-width:", "){display:none;}"], ExtraLargeTweakpoint);
+var ShowFromTweakExtraLarge = styled.div.withConfig({
+  displayName: "sharedstyles__ShowFromTweakExtraLarge",
+  componentId: "lui__sc-631j2u-5"
+})(["display:none;@media (min-width:", "){display:block;}"], ExtraLargeTweakpoint);
 var HideFromTweakLarge = styled.div.withConfig({
   displayName: "sharedstyles__HideFromTweakLarge",
-  componentId: "lui__sc-631j2u-4"
+  componentId: "lui__sc-631j2u-6"
 })(["display:block;@media (min-width:", "){display:none;}"], LargeTweakpoint);
 var ShowFromTweakLarge = styled.div.withConfig({
   displayName: "sharedstyles__ShowFromTweakLarge",
-  componentId: "lui__sc-631j2u-5"
+  componentId: "lui__sc-631j2u-7"
 })(["display:none;@media (min-width:", "){display:block;}"], LargeTweakpoint);
 styled.div.withConfig({
   displayName: "sharedstyles__ShowFromLarge",
-  componentId: "lui__sc-631j2u-6"
+  componentId: "lui__sc-631j2u-8"
 })(["display:none;", ""], gte('lg')(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n    display: block;\n  "]))));
 var HideFromMedium = styled.div.withConfig({
   displayName: "sharedstyles__HideFromMedium",
-  componentId: "lui__sc-631j2u-7"
+  componentId: "lui__sc-631j2u-9"
 })(["display:block;", ""], gte('md')(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n    display: none;\n  "]))));
 var ShowFromMedium = styled.div.withConfig({
   displayName: "sharedstyles__ShowFromMedium",
-  componentId: "lui__sc-631j2u-8"
+  componentId: "lui__sc-631j2u-10"
 })(["display:none;", ""], gte('md')(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    display: block;\n  "]))));
 var ShowFromSmall = styled.div.withConfig({
   displayName: "sharedstyles__ShowFromSmall",
-  componentId: "lui__sc-631j2u-9"
+  componentId: "lui__sc-631j2u-11"
 })(["display:none;", ""], gte('sm')(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    display: block;\n  "]))));
 styled.div.withConfig({
   displayName: "sharedstyles__HideFromSmall",
-  componentId: "lui__sc-631j2u-10"
+  componentId: "lui__sc-631j2u-12"
 })(["display:block;", ""], gte('sm')(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    display: none;\n  "]))));
 var ShowAtSmallOnly = styled.div.withConfig({
   displayName: "sharedstyles__ShowAtSmallOnly",
-  componentId: "lui__sc-631j2u-11"
+  componentId: "lui__sc-631j2u-13"
 })(["display:none;", ";"], between('xs', 'sm')(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    display: block;\n  "]))));
 var ShowAtMediumOnly = styled.div.withConfig({
   displayName: "sharedstyles__ShowAtMediumOnly",
-  componentId: "lui__sc-631j2u-12"
+  componentId: "lui__sc-631j2u-14"
 })(["display:none;", ";"], between('sm', 'lg')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    display: block;\n  "]))));
 var SrOnlySpan = styled.span.withConfig({
   displayName: "sharedstyles__SrOnlySpan",
-  componentId: "lui__sc-631j2u-13"
+  componentId: "lui__sc-631j2u-15"
 })(["", ";"], srOnly);
 
 var _excluded$7 = ["children", "isOpen", "onClick"],
@@ -4010,32 +4019,48 @@ var HeaderWithContext = _ref => {
     closeCommPanel,
     openCommPanel: _openCommPanel,
     customerOwner,
-    storeName
+    storeName,
+    isExperiment
   } = _ref;
   var session = useSession();
   var application = useApplication(session);
   var {
     cmsNavbarBrokerNameButton
   } = useFlags();
-  //to set AHL value in session storage for funnel1 journey
+  // 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 navbarMenu = isExperiment ? /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(ShowFromTweakExtraLarge, {
+      children: /*#__PURE__*/jsx(Nav, {
+        navOptions: navOptions
+      })
+    }), /*#__PURE__*/jsx(HideFromTweakExtraLarge, {
+      children: /*#__PURE__*/jsx(HamburgerMenu, {
+        handleApplyNowClick: handleApplyNow,
+        application: application,
+        talkTo: textForTalkTo,
+        navOptions: navOptions,
+        openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel()
+      })
+    })]
+  }) : /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(ShowFromTweakLarge, {
+      children: /*#__PURE__*/jsx(Nav, {
+        navOptions: navOptions
+      })
+    }), /*#__PURE__*/jsx(HideFromTweakLarge, {
+      children: /*#__PURE__*/jsx(HamburgerMenu, {
+        handleApplyNowClick: handleApplyNow,
+        application: application,
+        talkTo: textForTalkTo,
+        navOptions: navOptions,
+        openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel()
+      })
+    })]
+  });
   return /*#__PURE__*/jsx(HeaderBase, {
-    navSlot: /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx(ShowFromTweakLarge, {
-        children: /*#__PURE__*/jsx(Nav, {
-          navOptions: navOptions
-        })
-      }), /*#__PURE__*/jsx(HideFromTweakLarge, {
-        children: /*#__PURE__*/jsx(HamburgerMenu, {
-          handleApplyNowClick: handleApplyNow,
-          application: application,
-          talkTo: textForTalkTo,
-          navOptions: navOptions,
-          openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel()
-        })
-      })]
-    }),
+    navSlot: navbarMenu,
     ctaSlot: /*#__PURE__*/jsx(CtaNav, {
       handleApplyNowClick: handleApplyNow,
       application: application,

package/package.json

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