@lendi/navbar 7.27.1 → 7.28.0

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

@@ -9,6 +9,7 @@ export declare const LABEL_CONTINUE = "CONTINUE";
 export declare const LABEL_APPLICATIONS = "Applications";
 export declare const LABEL_DASHBOARD = "Dashboard";
 export declare const LABEL_PROPERTY_REPORT = "Property reports";
+export declare const LABEL_REFER_A_FRIEND = "Refer a friend";
 export declare const LABEL_LOG_OUT = "Sign out";
 export declare const LABEL_MORE_OPTIONS = "More options";
 export declare const DASHBOARD_V2_PATH = "/v2/dashboard";
@@ -18,6 +19,7 @@ export declare const ROUTE_SIGN_IN = "/sign-in";
 export declare const ROUTE_BOOK_APPOINTMENT = "/book-appointment/";
 export declare const ROUTE_APPLICATIONS = "/dashboard/applications";
 export declare const ROUTE_PROPERTY_REPORT = "/dashboard/my-property-report";
+export declare const ROUTE_REFER_A_FRIEND = "/referral";
 export declare const ROUTE_NEW_PROPERTY_REPORT = "/property-report/my-properties";
 export declare const CMS_AHL_MAIN_URL_MATCH: RegExp;
 export declare const CMS_AHL_ACTIVATE_URL_MATCH: RegExp;

package/dist/navbar.cjs.dev.js

@@ -339,6 +339,7 @@ var LABEL_CONTINUE = 'CONTINUE';
 var LABEL_APPLICATIONS = 'Applications';
 var LABEL_DASHBOARD = 'Dashboard';
 var LABEL_PROPERTY_REPORT = 'Property reports';
+var LABEL_REFER_A_FRIEND = 'Refer a friend';
 var LABEL_LOG_OUT = 'Sign out';
 var LABEL_MORE_OPTIONS = 'More options';
 var DASHBOARD_V2_PATH = '/v2/dashboard';
@@ -348,6 +349,7 @@ var ROUTE_SIGN_IN = '/sign-in';
 var ROUTE_BOOK_APPOINTMENT = '/book-appointment/';
 var ROUTE_APPLICATIONS = '/dashboard/applications';
 var ROUTE_PROPERTY_REPORT = '/dashboard/my-property-report';
+var ROUTE_REFER_A_FRIEND = '/referral';
 var ROUTE_NEW_PROPERTY_REPORT = '/property-report/my-properties';
 var CMS_AHL_MAIN_URL_MATCH = /^\/?home-loans\/aussies-own-home-loans\/?$/gm;
 var CMS_AHL_ACTIVATE_URL_MATCH = /^\/?home-loans\/aussies-own-home-loans\/aussie-activate\/?$/gm;
@@ -421,6 +423,9 @@ var LaunchIcon = styled__default["default"](Launch__default["default"]).withConf
 })(["", ""], spacing.mx('xl'));
 
 var DropdownMenu = () => {
+  var {
+    referAFriend
+  } = launchdarkly.useFlags();
   var isDomain = lalaUtils.getBrandFromHostname() === lalaUtils.Brand.Domain;
   var path = isDomain ? PATH_DOMAIN : PATH_LENDI;
   var {
@@ -480,6 +485,21 @@ var DropdownMenu = () => {
         width: "18px",
         height: "18px"
       })]
+    }), referAFriend && !isDomain && /*#__PURE__*/jsxRuntime.jsx(LinkWrapper$1, {
+      color: "shade.700",
+      onClick: () => {
+        var event = {
+          event_name: 'Menu Element Clicked',
+          category: analytics$1.EventCategory.NAVBAR,
+          menuName: 'Kebab Menu',
+          text: LABEL_REFER_A_FRIEND
+        };
+        analytics(event);
+      },
+      href: "".concat(path).concat(ROUTE_REFER_A_FRIEND),
+      target: "_blank",
+      "aria-label": LABEL_REFER_A_FRIEND,
+      children: LABEL_REFER_A_FRIEND
     }), /*#__PURE__*/jsxRuntime.jsx(LinkWrapper$1, {
       color: "shade.700",
       onClick: () => {
@@ -2549,9 +2569,6 @@ var MultiNavbarComponent = _ref => {
   var session = lalaReact.useSession();
   var isAuthenticated = session.status === lalaReact.Status.Authenticated;
   var [leftSidebarState, setLeftSidebarState] = React__default["default"].useState(false);
-
-  //to set AHL value in session storage for funnel1 journey
-  useAHLParam();
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(LeftSidebar$1, {
       menuOptions: MULTI_MENU_OPTIONS,
@@ -3878,6 +3895,9 @@ var HeaderWithContext = _ref => {
   } = _ref;
   var session = lalaReact.useSession();
   var application = useApplication(session);
+
+  //to set AHL value in session storage for funnel1 journey
+  useAHLParam();
   return /*#__PURE__*/jsxRuntime.jsx(HeaderBase, {
     navSlot: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [/*#__PURE__*/jsxRuntime.jsx(ShowFromTweakLarge, {

package/dist/navbar.cjs.prod.js

@@ -198,7 +198,7 @@ styled__default.default.div.withConfig({
 var _templateObject$c, _templateObject$b, _templateObject$a, _templateObject$9, UnreadMessageWrapper = styled__default.default(UnreadMessage__default.default).withConfig({
   displayName: "style__UnreadMessageWrapper",
   componentId: "lui__sc-9anjvz-5"
-})([ "margin-top:-0.4em;margin-right:0.5em;margin-left:-0.5em;" ]), BOOK_AN_APPOINTMENT = "BOOK AN APPOINTMENT", UNREAD_MESSAGE = "YOU HAVE AN UNREAD MESSAGE", UNREAD_MESSAGE_MOBILE = "UNREAD MESSAGE", CONTACT_US = "CONTACT US", LABEL_TALK_TO_EXPERT = "TALK TO AN EXPERT", LABEL_TALK_TO_A_BROKER = "TALK TO A BROKER", LABEL_SIGN_IN = "SIGN IN", LABEL_CONTINUE = "CONTINUE", LABEL_APPLICATIONS = "Applications", LABEL_DASHBOARD = "Dashboard", LABEL_PROPERTY_REPORT = "Property reports", LABEL_LOG_OUT = "Sign out", LABEL_MORE_OPTIONS = "More options", DASHBOARD_V2_PATH = "/v2/dashboard", PATH_LENDI = "", PATH_DOMAIN = "/loanfinder", ROUTE_SIGN_IN = "/sign-in", ROUTE_BOOK_APPOINTMENT = "/book-appointment/", ROUTE_APPLICATIONS = "/dashboard/applications", ROUTE_PROPERTY_REPORT = "/dashboard/my-property-report", ROUTE_NEW_PROPERTY_REPORT = "/property-report/my-properties", CMS_AHL_MAIN_URL_MATCH = /^\/?home-loans\/aussies-own-home-loans\/?$/gm, CMS_AHL_ACTIVATE_URL_MATCH = /^\/?home-loans\/aussies-own-home-loans\/aussie-activate\/?$/gm, CMS_AHL_ELEVATE_URL_MATCH = /^\/?home-loans\/aussies-own-home-loans\/aussie-elevate\/?$/gm, CMS_AHL_SELECT_URL_MATCH = /^\/?home-loans\/aussies-own-home-loans\/aussie-select\/?$/gm, FUNNEL1_URL_MATCH = /^\/?home-loans\/basics\/?([a-zA-Z0-9.%?=\-]*\/?)*$/gm, AHLProducts = function(AHLProducts) {
+})([ "margin-top:-0.4em;margin-right:0.5em;margin-left:-0.5em;" ]), BOOK_AN_APPOINTMENT = "BOOK AN APPOINTMENT", UNREAD_MESSAGE = "YOU HAVE AN UNREAD MESSAGE", UNREAD_MESSAGE_MOBILE = "UNREAD MESSAGE", CONTACT_US = "CONTACT US", LABEL_TALK_TO_EXPERT = "TALK TO AN EXPERT", LABEL_TALK_TO_A_BROKER = "TALK TO A BROKER", LABEL_SIGN_IN = "SIGN IN", LABEL_CONTINUE = "CONTINUE", LABEL_APPLICATIONS = "Applications", LABEL_DASHBOARD = "Dashboard", LABEL_PROPERTY_REPORT = "Property reports", LABEL_REFER_A_FRIEND = "Refer a friend", LABEL_LOG_OUT = "Sign out", LABEL_MORE_OPTIONS = "More options", DASHBOARD_V2_PATH = "/v2/dashboard", PATH_LENDI = "", PATH_DOMAIN = "/loanfinder", ROUTE_SIGN_IN = "/sign-in", ROUTE_BOOK_APPOINTMENT = "/book-appointment/", ROUTE_APPLICATIONS = "/dashboard/applications", ROUTE_PROPERTY_REPORT = "/dashboard/my-property-report", ROUTE_REFER_A_FRIEND = "/referral", ROUTE_NEW_PROPERTY_REPORT = "/property-report/my-properties", CMS_AHL_MAIN_URL_MATCH = /^\/?home-loans\/aussies-own-home-loans\/?$/gm, CMS_AHL_ACTIVATE_URL_MATCH = /^\/?home-loans\/aussies-own-home-loans\/aussie-activate\/?$/gm, CMS_AHL_ELEVATE_URL_MATCH = /^\/?home-loans\/aussies-own-home-loans\/aussie-elevate\/?$/gm, CMS_AHL_SELECT_URL_MATCH = /^\/?home-loans\/aussies-own-home-loans\/aussie-select\/?$/gm, FUNNEL1_URL_MATCH = /^\/?home-loans\/basics\/?([a-zA-Z0-9.%?=\-]*\/?)*$/gm, AHLProducts = function(AHLProducts) {
   return AHLProducts.AUSSIE_ACTIVATE = "aussie-activate", AHLProducts.AUSSIE_ELEVATE = "aussie-elevate", 
   AHLProducts.AUSSIE_SELECT = "aussie-select", AHLProducts;
 }({}), TalkExpertAction = styled__default.default(button.Button).withConfig({
@@ -237,7 +237,7 @@ var _templateObject$c, _templateObject$b, _templateObject$a, _templateObject$9,
   displayName: "style__LaunchIcon",
   componentId: "lui__sc-t6my6e-3"
 })([ "", "" ], spacing.mx("xl")), DropdownMenu = () => {
-  var isDomain = lalaUtils.getBrandFromHostname() === lalaUtils.Brand.Domain, path = isDomain ? PATH_DOMAIN : PATH_LENDI, {hideDashboardItem: hideDashboardItem, hideManageApplicationsItem: hideManageApplicationsItem, onLogout: onLogout} = useDropdownMenu(), {newPropertyReports: newPropertyReports} = launchdarkly.useFlags();
+  var {referAFriend: referAFriend} = launchdarkly.useFlags(), isDomain = lalaUtils.getBrandFromHostname() === lalaUtils.Brand.Domain, path = isDomain ? PATH_DOMAIN : PATH_LENDI, {hideDashboardItem: hideDashboardItem, hideManageApplicationsItem: hideManageApplicationsItem, onLogout: onLogout} = useDropdownMenu(), {newPropertyReports: newPropertyReports} = launchdarkly.useFlags();
   return jsxRuntime.jsxs(LogoutWrapper, {
     children: [ jsxRuntime.jsx(MyAccountTitle, {
       children: "My account"
@@ -287,6 +287,21 @@ var _templateObject$c, _templateObject$b, _templateObject$a, _templateObject$9,
         width: "18px",
         height: "18px"
       }) ]
+    }), referAFriend && !isDomain && jsxRuntime.jsx(LinkWrapper$1, {
+      color: "shade.700",
+      onClick: () => {
+        var event = {
+          event_name: "Menu Element Clicked",
+          category: analytics$1.EventCategory.NAVBAR,
+          menuName: "Kebab Menu",
+          text: LABEL_REFER_A_FRIEND
+        };
+        analytics(event);
+      },
+      href: "".concat(path).concat(ROUTE_REFER_A_FRIEND),
+      target: "_blank",
+      "aria-label": LABEL_REFER_A_FRIEND,
+      children: LABEL_REFER_A_FRIEND
     }), jsxRuntime.jsx(LinkWrapper$1, {
       color: "shade.700",
       onClick: () => {
@@ -1686,7 +1701,7 @@ var _templateObject$8, _templateObject2$3, _templateObject$7, _templateObject$6,
   setCurrentSelected(prevSelected === label ? "" : label);
 }, MenuOptions$1 = MenuOptions, _excluded$8 = [ "useTransparent", "homeURL", "params", "continueURL", "onLogout", "application", "showContinueAction", "showTalkToExpertCta", "hideDashboardItem", "hideManageApplicationsItem", "isCommPanelOpen", "hasUnread", "closeCommPanel", "openCommPanel", "customerOwner" ], MultiNavbarComponent = _ref => {
   var {useTransparent: useTransparent = !1, homeURL: homeURL, params: params = "", continueURL: continueURL = "/", onLogout: onLogout = (() => {}), application: application, showContinueAction: showContinueAction, showTalkToExpertCta: showTalkToExpertCta, hideDashboardItem: hideDashboardItem, hideManageApplicationsItem: hideManageApplicationsItem, isCommPanelOpen: isCommPanelOpen, hasUnread: hasUnread, closeCommPanel: closeCommPanel, openCommPanel: _openCommPanel, customerOwner: customerOwner} = _ref, otherProps = _objectWithoutProperties(_ref, _excluded$8), isAuthenticated = lalaReact.useSession().status === lalaReact.Status.Authenticated, [leftSidebarState, setLeftSidebarState] = React__default.default.useState(!1);
-  return useAHLParam(), jsxRuntime.jsxs(jsxRuntime.Fragment, {
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [ jsxRuntime.jsx(LeftSidebar$1, {
       menuOptions: MULTI_MENU_OPTIONS,
       openSidebar: leftSidebarState,
@@ -2630,7 +2645,7 @@ var getApplications = function() {
   }), [ 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 jsxRuntime.jsx(HeaderBase, {
+  return useAHLParam(), jsxRuntime.jsx(HeaderBase, {
     navSlot: jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [ jsxRuntime.jsx(ShowFromTweakLarge, {
         children: jsxRuntime.jsx(Nav, {

package/dist/navbar.esm.js

@@ -306,6 +306,7 @@ var LABEL_CONTINUE = 'CONTINUE';
 var LABEL_APPLICATIONS = 'Applications';
 var LABEL_DASHBOARD = 'Dashboard';
 var LABEL_PROPERTY_REPORT = 'Property reports';
+var LABEL_REFER_A_FRIEND = 'Refer a friend';
 var LABEL_LOG_OUT = 'Sign out';
 var LABEL_MORE_OPTIONS = 'More options';
 var DASHBOARD_V2_PATH = '/v2/dashboard';
@@ -315,6 +316,7 @@ var ROUTE_SIGN_IN = '/sign-in';
 var ROUTE_BOOK_APPOINTMENT = '/book-appointment/';
 var ROUTE_APPLICATIONS = '/dashboard/applications';
 var ROUTE_PROPERTY_REPORT = '/dashboard/my-property-report';
+var ROUTE_REFER_A_FRIEND = '/referral';
 var ROUTE_NEW_PROPERTY_REPORT = '/property-report/my-properties';
 var CMS_AHL_MAIN_URL_MATCH = /^\/?home-loans\/aussies-own-home-loans\/?$/gm;
 var CMS_AHL_ACTIVATE_URL_MATCH = /^\/?home-loans\/aussies-own-home-loans\/aussie-activate\/?$/gm;
@@ -388,6 +390,9 @@ var LaunchIcon = styled(Launch).withConfig({
 })(["", ""], mx('xl'));
 
 var DropdownMenu = () => {
+  var {
+    referAFriend
+  } = useFlags();
   var isDomain = getBrandFromHostname() === Brand.Domain;
   var path = isDomain ? PATH_DOMAIN : PATH_LENDI;
   var {
@@ -447,6 +452,21 @@ var DropdownMenu = () => {
         width: "18px",
         height: "18px"
       })]
+    }), referAFriend && !isDomain && /*#__PURE__*/jsx(LinkWrapper$1, {
+      color: "shade.700",
+      onClick: () => {
+        var event = {
+          event_name: 'Menu Element Clicked',
+          category: EventCategory.NAVBAR,
+          menuName: 'Kebab Menu',
+          text: LABEL_REFER_A_FRIEND
+        };
+        analytics(event);
+      },
+      href: "".concat(path).concat(ROUTE_REFER_A_FRIEND),
+      target: "_blank",
+      "aria-label": LABEL_REFER_A_FRIEND,
+      children: LABEL_REFER_A_FRIEND
     }), /*#__PURE__*/jsx(LinkWrapper$1, {
       color: "shade.700",
       onClick: () => {
@@ -2516,9 +2536,6 @@ var MultiNavbarComponent = _ref => {
   var session = useSession();
   var isAuthenticated = session.status === Status.Authenticated;
   var [leftSidebarState, setLeftSidebarState] = React.useState(false);
-
-  //to set AHL value in session storage for funnel1 journey
-  useAHLParam();
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(LeftSidebar$1, {
       menuOptions: MULTI_MENU_OPTIONS,
@@ -3845,6 +3862,9 @@ var HeaderWithContext = _ref => {
   } = _ref;
   var session = useSession();
   var application = useApplication(session);
+
+  //to set AHL value in session storage for funnel1 journey
+  useAHLParam();
   return /*#__PURE__*/jsx(HeaderBase, {
     navSlot: /*#__PURE__*/jsxs(Fragment, {
       children: [/*#__PURE__*/jsx(ShowFromTweakLarge, {

package/package.json

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