@lendi/navbar 7.14.4 → 7.14.6

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

@@ -4,4 +4,4 @@ export interface PrimaryCTAProps {
     handleApplyNowClick: () => void;
     application?: Application;
 }
-export declare const PrimaryCTA: ({ application, handleApplyNowClick }: PrimaryCTAProps) => false | JSX.Element;
+export declare const PrimaryCTA: ({ application, handleApplyNowClick }: PrimaryCTAProps) => JSX.Element;

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

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 import { TalkToExpertProps } from './TalkToExpert';
+import { NavProps } from '../Nav';
 import { PrimaryCTAProps } from '../PrimaryCTA';
 import { AuthenticationProps, RestrictionProps } from './AccountMenu';
 declare type HamburgerMenuProps = PrimaryCTAProps & TalkToExpertProps & AuthenticationProps;
-export declare const HamburgerMenu: ({ isRestricted, ...props }: HamburgerMenuProps & RestrictionProps) => JSX.Element;
+export declare const HamburgerMenu: ({ isRestricted, navOptions, ...props }: HamburgerMenuProps & RestrictionProps & NavProps) => JSX.Element;
 export {};

package/dist/navbar.cjs.dev.js

@@ -2501,53 +2501,6 @@ var MenuButton = _ref5 => {
 };
 
 var _excluded$2 = ["navOptions", "isSlideout", "isRestricted"];
-var NAV_MENU_ITEMS = [{
-  label: 'Home Loans',
-  children: [{
-    label: 'Buy a new home loan',
-    link: '/home-loans/first-home-buyer',
-    isActive: true
-  }, {
-    label: 'Refinance my home loan',
-    link: '/home-loans/refinance'
-  }, {
-    label: 'Renovate my home',
-    link: '/home-loans/next-home'
-  }, {
-    label: 'Buy an investment property',
-    link: '/home-loans/investment-property'
-  }, {
-    label: 'Aussie Home Loans',
-    link: '/home-loans/aussie-own-home-loans'
-  }, {
-    label: 'Compare rates',
-    link: '/home-loans/compare-rates'
-  }]
-}, {
-  label: "Calculators & Tools",
-  children: [{
-    label: 'Borrowing Power',
-    link: '/calculators/borrowing-power'
-  }, {
-    label: 'Mortgage Repayments',
-    link: '/calculators/mortgage-repayments'
-  }, {
-    label: 'Stamp Duty',
-    link: '/calculators/stamp-duty-calculator'
-  }, {
-    label: 'Savings Calculator',
-    link: '/calculators/savings-calculator'
-  }, {
-    label: 'Extra Repayments',
-    link: '/calculators/mortgage-extra-repayment-calculator'
-  }, {
-    label: 'Property Reports',
-    link: '/property-report'
-  }]
-}, {
-  label: 'Locate Us',
-  link: '/mortgage-broker'
-}];
 var NavMobileStyled = styled.css(["ul{", "}"], listReset);
 var NavDesktopStyled = styled.css(["ul{", ";display:flex;align-items:center;}"], listReset);
 var NavElement = styled__default["default"].nav.withConfig({
@@ -2885,7 +2838,7 @@ var PrimaryCTA = _ref => {
   return !(application !== null && application !== void 0 && application.id) ? /*#__PURE__*/jsxRuntime.jsx(ApplyNowButton, {
     onClick: handleApplyNowClick,
     width: "100%"
-  }) : !isRestricted && /*#__PURE__*/jsxRuntime.jsx(Button.AnchorButton, {
+  }) : !isRestricted ? /*#__PURE__*/jsxRuntime.jsx(Button.AnchorButton, {
     onPress: () => {
       var event = {
         event_name: 'Button Clicked',
@@ -2902,10 +2855,10 @@ var PrimaryCTA = _ref => {
     isInverse: true,
     width: "100%",
     children: "Continue Application"
-  });
+  }) : /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
 };
 
-var _excluded = ["isRestricted"];
+var _excluded = ["isRestricted", "navOptions"];
 
 var _templateObject;
 
@@ -2936,7 +2889,8 @@ var StyledWrapperForButtonHack = styled__default["default"].div.withConfig({
 })(["button{padding:0;margin-left:0.75rem;", "}"], breakpoint.gte('sm')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      margin-left: .25rem; // Make sure focus outline doesn't get cut off by preceding links with bg colour\n    "]))));
 var HamburgerMenu = _ref2 => {
   var {
-    isRestricted
+    isRestricted,
+    navOptions
   } = _ref2,
       props = _objectWithoutProperties(_ref2, _excluded);
 
@@ -2981,7 +2935,7 @@ var HamburgerMenu = _ref2 => {
       handleClose: toggleMenu,
       title: "Menu",
       children: [/*#__PURE__*/jsxRuntime.jsx(HamburgerCtaBlock, _objectSpread2({}, props)), /*#__PURE__*/jsxRuntime.jsx(Nav, {
-        navOptions: NAV_MENU_ITEMS,
+        navOptions: navOptions,
         isSlideout: true,
         isRestricted: isRestricted
       })]
@@ -3043,7 +2997,6 @@ var LoggedInContent = _ref2 => {
       },
       children: [!isRestricted && /*#__PURE__*/jsxRuntime.jsx(MenuLink, {
         href: "/dashboard/applications",
-        isExternal: true,
         onClick: () => {
           var event = {
             event_name: 'Link Clicked',
@@ -3058,7 +3011,6 @@ var LoggedInContent = _ref2 => {
         children: "My Applications"
       }), /*#__PURE__*/jsxRuntime.jsx(MenuLink, {
         href: "/property-report/my-properties",
-        isExternal: true,
         onClick: () => {
           var event = {
             event_name: 'Link Clicked',
@@ -3370,6 +3322,7 @@ var HeaderWithContext = _ref => {
           handleApplyNowClick: handleApplyNow,
           application: application,
           teamMember: latestTeamMember,
+          navOptions: navOptions,
           openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel(),
           isRestricted: isRestricted
         })

package/dist/navbar.cjs.prod.js

@@ -1574,53 +1574,7 @@ var _templateObject$3, _templateObject2$1, _templateObject$2, _templateObject$1,
   }, globalProps), {}, {
     children: children
   }));
-}, _excluded$2 = [ "navOptions", "isSlideout", "isRestricted" ], NAV_MENU_ITEMS = [ {
-  label: "Home Loans",
-  children: [ {
-    label: "Buy a new home loan",
-    link: "/home-loans/first-home-buyer",
-    isActive: !0
-  }, {
-    label: "Refinance my home loan",
-    link: "/home-loans/refinance"
-  }, {
-    label: "Renovate my home",
-    link: "/home-loans/next-home"
-  }, {
-    label: "Buy an investment property",
-    link: "/home-loans/investment-property"
-  }, {
-    label: "Aussie Home Loans",
-    link: "/home-loans/aussie-own-home-loans"
-  }, {
-    label: "Compare rates",
-    link: "/home-loans/compare-rates"
-  } ]
-}, {
-  label: "Calculators & Tools",
-  children: [ {
-    label: "Borrowing Power",
-    link: "/calculators/borrowing-power"
-  }, {
-    label: "Mortgage Repayments",
-    link: "/calculators/mortgage-repayments"
-  }, {
-    label: "Stamp Duty",
-    link: "/calculators/stamp-duty-calculator"
-  }, {
-    label: "Savings Calculator",
-    link: "/calculators/savings-calculator"
-  }, {
-    label: "Extra Repayments",
-    link: "/calculators/mortgage-extra-repayment-calculator"
-  }, {
-    label: "Property Reports",
-    link: "/property-report"
-  } ]
-}, {
-  label: "Locate Us",
-  link: "/mortgage-broker"
-} ], NavMobileStyled = styled.css([ "ul{", "}" ], listReset), NavDesktopStyled = styled.css([ "ul{", ";display:flex;align-items:center;}" ], listReset), NavElement = styled__default.default.nav.withConfig({
+}, _excluded$2 = [ "navOptions", "isSlideout", "isRestricted" ], NavMobileStyled = styled.css([ "ul{", "}" ], listReset), NavDesktopStyled = styled.css([ "ul{", ";display:flex;align-items:center;}" ], listReset), NavElement = styled__default.default.nav.withConfig({
   displayName: "Nav__NavElement",
   componentId: "lui__sc-zq7yzs-0"
 })([ "", "" ], (_ref => {
@@ -1850,7 +1804,7 @@ var _templateObject$3, _templateObject2$1, _templateObject$2, _templateObject$1,
   });
 }, PrimaryCTA = _ref => {
   var {application: application, handleApplyNowClick: handleApplyNowClick} = _ref, {isRestricted: isRestricted} = useRestriction();
-  return null != application && application.id ? !isRestricted && jsxRuntime.jsx(Button.AnchorButton, {
+  return null != application && application.id ? isRestricted ? jsxRuntime.jsx(jsxRuntime.Fragment, {}) : jsxRuntime.jsx(Button.AnchorButton, {
     onPress: () => {
       var event = {
         event_name: "Button Clicked",
@@ -1871,7 +1825,7 @@ var _templateObject$3, _templateObject2$1, _templateObject$2, _templateObject$1,
     onClick: handleApplyNowClick,
     width: "100%"
   });
-}, _excluded = [ "isRestricted" ], HamburgerCtaBlock = _ref => {
+}, _excluded = [ "isRestricted", "navOptions" ], HamburgerCtaBlock = _ref => {
   var {handleApplyNowClick: handleApplyNowClick, teamMember: teamMember, application: application, openCommPanel: openCommPanel} = _ref;
   return jsxRuntime.jsx(MenuPadding, {
     children: jsxRuntime.jsxs(Layout.Spacer, {
@@ -1889,7 +1843,7 @@ var _templateObject$3, _templateObject2$1, _templateObject$2, _templateObject$1,
   displayName: "HamburgerMenu__StyledWrapperForButtonHack",
   componentId: "lui__sc-302min-0"
 })([ "button{padding:0;margin-left:0.75rem;", "}" ], breakpoint.gte("sm")(_templateObject || (_templateObject = _taggedTemplateLiteral([ "\n      margin-left: .25rem; // Make sure focus outline doesn't get cut off by preceding links with bg colour\n    " ])))), HamburgerMenu = _ref2 => {
-  var {isRestricted: isRestricted} = _ref2, props = _objectWithoutProperties(_ref2, _excluded), {showMenu: showMenu, toggleMenu: toggleMenu} = useSlideoutMenu(), theme = Theme.useTheme();
+  var {isRestricted: isRestricted, navOptions: navOptions} = _ref2, props = _objectWithoutProperties(_ref2, _excluded), {showMenu: showMenu, toggleMenu: toggleMenu} = useSlideoutMenu(), theme = Theme.useTheme();
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [ jsxRuntime.jsx(StyledWrapperForButtonHack, {
       children: jsxRuntime.jsxs(Button.Button, {
@@ -1923,7 +1877,7 @@ var _templateObject$3, _templateObject2$1, _templateObject$2, _templateObject$1,
       handleClose: toggleMenu,
       title: "Menu",
       children: [ jsxRuntime.jsx(HamburgerCtaBlock, _objectSpread2({}, props)), jsxRuntime.jsx(Nav, {
-        navOptions: NAV_MENU_ITEMS,
+        navOptions: navOptions,
         isSlideout: !0,
         isRestricted: isRestricted
       }) ]
@@ -1967,7 +1921,6 @@ var _templateObject$3, _templateObject2$1, _templateObject$2, _templateObject$1,
       },
       children: [ !isRestricted && jsxRuntime.jsx(MenuLink, {
         href: "/dashboard/applications",
-        isExternal: !0,
         onClick: () => {
           var event = {
             event_name: "Link Clicked",
@@ -1982,7 +1935,6 @@ var _templateObject$3, _templateObject2$1, _templateObject$2, _templateObject$1,
         children: "My Applications"
       }), jsxRuntime.jsx(MenuLink, {
         href: "/property-report/my-properties",
-        isExternal: !0,
         onClick: () => {
           var event = {
             event_name: "Link Clicked",
@@ -2214,6 +2166,7 @@ var _templateObject$3, _templateObject2$1, _templateObject$2, _templateObject$1,
           handleApplyNowClick: handleApplyNow,
           application: application,
           teamMember: latestTeamMember,
+          navOptions: navOptions,
           openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel(),
           isRestricted: isRestricted
         })

package/dist/navbar.esm.js

@@ -2474,53 +2474,6 @@ var MenuButton = _ref5 => {
 };
 
 var _excluded$2 = ["navOptions", "isSlideout", "isRestricted"];
-var NAV_MENU_ITEMS = [{
-  label: 'Home Loans',
-  children: [{
-    label: 'Buy a new home loan',
-    link: '/home-loans/first-home-buyer',
-    isActive: true
-  }, {
-    label: 'Refinance my home loan',
-    link: '/home-loans/refinance'
-  }, {
-    label: 'Renovate my home',
-    link: '/home-loans/next-home'
-  }, {
-    label: 'Buy an investment property',
-    link: '/home-loans/investment-property'
-  }, {
-    label: 'Aussie Home Loans',
-    link: '/home-loans/aussie-own-home-loans'
-  }, {
-    label: 'Compare rates',
-    link: '/home-loans/compare-rates'
-  }]
-}, {
-  label: "Calculators & Tools",
-  children: [{
-    label: 'Borrowing Power',
-    link: '/calculators/borrowing-power'
-  }, {
-    label: 'Mortgage Repayments',
-    link: '/calculators/mortgage-repayments'
-  }, {
-    label: 'Stamp Duty',
-    link: '/calculators/stamp-duty-calculator'
-  }, {
-    label: 'Savings Calculator',
-    link: '/calculators/savings-calculator'
-  }, {
-    label: 'Extra Repayments',
-    link: '/calculators/mortgage-extra-repayment-calculator'
-  }, {
-    label: 'Property Reports',
-    link: '/property-report'
-  }]
-}, {
-  label: 'Locate Us',
-  link: '/mortgage-broker'
-}];
 var NavMobileStyled = css(["ul{", "}"], listReset);
 var NavDesktopStyled = css(["ul{", ";display:flex;align-items:center;}"], listReset);
 var NavElement = styled.nav.withConfig({
@@ -2858,7 +2811,7 @@ var PrimaryCTA = _ref => {
   return !(application !== null && application !== void 0 && application.id) ? /*#__PURE__*/jsx(ApplyNowButton, {
     onClick: handleApplyNowClick,
     width: "100%"
-  }) : !isRestricted && /*#__PURE__*/jsx(AnchorButton, {
+  }) : !isRestricted ? /*#__PURE__*/jsx(AnchorButton, {
     onPress: () => {
       var event = {
         event_name: 'Button Clicked',
@@ -2875,10 +2828,10 @@ var PrimaryCTA = _ref => {
     isInverse: true,
     width: "100%",
     children: "Continue Application"
-  });
+  }) : /*#__PURE__*/jsx(Fragment, {});
 };
 
-var _excluded = ["isRestricted"];
+var _excluded = ["isRestricted", "navOptions"];
 
 var _templateObject;
 
@@ -2909,7 +2862,8 @@ var StyledWrapperForButtonHack = styled.div.withConfig({
 })(["button{padding:0;margin-left:0.75rem;", "}"], gte('sm')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      margin-left: .25rem; // Make sure focus outline doesn't get cut off by preceding links with bg colour\n    "]))));
 var HamburgerMenu = _ref2 => {
   var {
-    isRestricted
+    isRestricted,
+    navOptions
   } = _ref2,
       props = _objectWithoutProperties(_ref2, _excluded);
 
@@ -2954,7 +2908,7 @@ var HamburgerMenu = _ref2 => {
       handleClose: toggleMenu,
       title: "Menu",
       children: [/*#__PURE__*/jsx(HamburgerCtaBlock, _objectSpread2({}, props)), /*#__PURE__*/jsx(Nav, {
-        navOptions: NAV_MENU_ITEMS,
+        navOptions: navOptions,
         isSlideout: true,
         isRestricted: isRestricted
       })]
@@ -3016,7 +2970,6 @@ var LoggedInContent = _ref2 => {
       },
       children: [!isRestricted && /*#__PURE__*/jsx(MenuLink, {
         href: "/dashboard/applications",
-        isExternal: true,
         onClick: () => {
           var event = {
             event_name: 'Link Clicked',
@@ -3031,7 +2984,6 @@ var LoggedInContent = _ref2 => {
         children: "My Applications"
       }), /*#__PURE__*/jsx(MenuLink, {
         href: "/property-report/my-properties",
-        isExternal: true,
         onClick: () => {
           var event = {
             event_name: 'Link Clicked',
@@ -3343,6 +3295,7 @@ var HeaderWithContext = _ref => {
           handleApplyNowClick: handleApplyNow,
           application: application,
           teamMember: latestTeamMember,
+          navOptions: navOptions,
           openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel(),
           isRestricted: isRestricted
         })

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lendi/navbar",
   "access": "restricted",
-  "version": "7.14.4",
+  "version": "7.14.6",
   "license": "ISC",
   "source": "src/index.tsx",
   "main": "dist/navbar.cjs.js",
@@ -13,7 +13,7 @@
   ],
   "author": "Lendi Devs",
   "peerDependencies": {
-    "@lendi/lala-react": "^10.2.2",
+    "@lendi/lala-react": "^11.0.0",
     "@types/react": "^16.8 || ^17.0.34",
     "@types/styled-components": "^4.1.18",
     "react": "^16.8 || ^17.0.0",
@@ -40,8 +40,8 @@
     "@lendi-ui/typography": "^5.13.4-beta.0",
     "@lendi-ui/utils": "^6.0.2-beta.1",
     "@lendi/analytics": "^4.0.0",
-    "@lendi/comm-panel": "^11.2.0",
-    "@lendi/lala-utils": "^9.13.0",
+    "@lendi/comm-panel": "^11.2.1",
+    "@lendi/lala-utils": "^9.15.1",
     "@lendi/launchdarkly": "0.1.4",
     "@lendi/ui": "^0.2.7-beta.0",
     "axios": "^0.24.0",
@@ -49,7 +49,7 @@
     "react-focus-lock": "^2.9.1"
   },
   "devDependencies": {
-    "@lendi/lala-react": "^10.9.0",
+    "@lendi/lala-react": "^11.0.0",
     "@types/react": "^17.0.34",
     "@types/styled-components": "^4.1.18",
     "react": "^17.0.2",