@lendi/navbar 7.26.0 → 7.27.1

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

@@ -19,3 +19,13 @@ 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_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;
+export declare const CMS_AHL_ELEVATE_URL_MATCH: RegExp;
+export declare const CMS_AHL_SELECT_URL_MATCH: RegExp;
+export declare const FUNNEL1_URL_MATCH: RegExp;
+export declare enum AHLProducts {
+    AUSSIE_ACTIVATE = "aussie-activate",
+    AUSSIE_ELEVATE = "aussie-elevate",
+    AUSSIE_SELECT = "aussie-select"
+}

package/dist/declarations/src/shared/hooks/useAHLSessionStorage.d.ts

@@ -0,0 +1,3 @@
+export declare const setLenderIdInSessionStorage: (id: string | null) => void;
+export declare const unsetLenderIdInSessionStorage: () => void;
+export declare const useAHLParam: () => void;

package/dist/navbar.cjs.dev.js

@@ -349,6 +349,17 @@ var ROUTE_BOOK_APPOINTMENT = '/book-appointment/';
 var ROUTE_APPLICATIONS = '/dashboard/applications';
 var ROUTE_PROPERTY_REPORT = '/dashboard/my-property-report';
 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;
+var CMS_AHL_ELEVATE_URL_MATCH = /^\/?home-loans\/aussies-own-home-loans\/aussie-elevate\/?$/gm;
+var CMS_AHL_SELECT_URL_MATCH = /^\/?home-loans\/aussies-own-home-loans\/aussie-select\/?$/gm;
+var FUNNEL1_URL_MATCH = /^\/?home-loans\/basics\/?([a-zA-Z0-9.%?=\-]*\/?)*$/gm;
+var AHLProducts = /*#__PURE__*/function (AHLProducts) {
+  AHLProducts["AUSSIE_ACTIVATE"] = "aussie-activate";
+  AHLProducts["AUSSIE_ELEVATE"] = "aussie-elevate";
+  AHLProducts["AUSSIE_SELECT"] = "aussie-select";
+  return AHLProducts;
+}({});
 
 var _templateObject$c;
 var TalkExpertAction = styled__default["default"](button.Button).withConfig({
@@ -1700,6 +1711,33 @@ props => {
 };
 var withCommPanel = Component => chat.withCustomerChatProvider(withCommPanelWrapper(Component));
 
+var setLenderIdInSessionStorage = id => {
+  if (!id) return;
+  sessionStorage.setItem('AHL', id);
+};
+var unsetLenderIdInSessionStorage = () => {
+  sessionStorage.removeItem('AHL');
+};
+var useAHLParam = () => {
+  React.useEffect(() => {
+    if (typeof window !== undefined && window.sessionStorage) {
+      var url = window.location.pathname;
+      if (url.match(CMS_AHL_MAIN_URL_MATCH) || url.match(CMS_AHL_ELEVATE_URL_MATCH)) {
+        return setLenderIdInSessionStorage(AHLProducts.AUSSIE_ELEVATE);
+      }
+      if (url.match(CMS_AHL_ACTIVATE_URL_MATCH)) {
+        return setLenderIdInSessionStorage(AHLProducts.AUSSIE_ACTIVATE);
+      }
+      if (url.match(CMS_AHL_SELECT_URL_MATCH)) {
+        return setLenderIdInSessionStorage(AHLProducts.AUSSIE_SELECT);
+      }
+      if (!url.match(FUNNEL1_URL_MATCH)) {
+        return unsetLenderIdInSessionStorage();
+      }
+    }
+  }, []);
+};
+
 var SimpleNavbarComponent = _ref => {
   var {
     // Public props
@@ -1722,6 +1760,9 @@ var SimpleNavbarComponent = _ref => {
   } = _ref;
   var session = lalaReact.useSession();
   var isAuthenticated = session.status === lalaReact.Status.Authenticated;
+
+  //to set AHL value in session storage for funnel1 journey
+  useAHLParam();
   return /*#__PURE__*/jsxRuntime.jsxs(NavbarWrapper, {
     isTransparent: useTransparent,
     isAuthenticated: isAuthenticated,
@@ -2508,6 +2549,9 @@ 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,

package/dist/navbar.cjs.prod.js

@@ -198,7 +198,10 @@ 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", TalkExpertAction = styled__default.default(button.Button).withConfig({
+})([ "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) {
+  return AHLProducts.AUSSIE_ACTIVATE = "aussie-activate", AHLProducts.AUSSIE_ELEVATE = "aussie-elevate", 
+  AHLProducts.AUSSIE_SELECT = "aussie-select", AHLProducts;
+}({}), TalkExpertAction = styled__default.default(button.Button).withConfig({
   displayName: "indexstyle__TalkExpertAction",
   componentId: "lui__sc-altm9z-0"
 })([ "", ";", " min-width:202px;", ";", "" ], spacing.mr("sm"), (_ref => {
@@ -1077,9 +1080,23 @@ var _templateObject$8, _templateObject2$3, _templateObject$7, _templateObject$6,
       onClick: openChat
     }) ]
   });
-}, withCommPanel = Component => chat.withCustomerChatProvider(withCommPanelWrapper(Component)), SimpleNavbarComponent = _ref => {
+}, withCommPanel = Component => chat.withCustomerChatProvider(withCommPanelWrapper(Component)), setLenderIdInSessionStorage = id => {
+  id && sessionStorage.setItem("AHL", id);
+}, unsetLenderIdInSessionStorage = () => {
+  sessionStorage.removeItem("AHL");
+}, useAHLParam = () => {
+  React.useEffect((() => {
+    if (void 0 !== typeof window && window.sessionStorage) {
+      var url = window.location.pathname;
+      if (url.match(CMS_AHL_MAIN_URL_MATCH) || url.match(CMS_AHL_ELEVATE_URL_MATCH)) return setLenderIdInSessionStorage(AHLProducts.AUSSIE_ELEVATE);
+      if (url.match(CMS_AHL_ACTIVATE_URL_MATCH)) return setLenderIdInSessionStorage(AHLProducts.AUSSIE_ACTIVATE);
+      if (url.match(CMS_AHL_SELECT_URL_MATCH)) return setLenderIdInSessionStorage(AHLProducts.AUSSIE_SELECT);
+      if (!url.match(FUNNEL1_URL_MATCH)) return unsetLenderIdInSessionStorage();
+    }
+  }), []);
+}, SimpleNavbarComponent = _ref => {
   var {useTransparent: useTransparent = !1, showBookanAppointmentCta: showBookanAppointmentCta = !0, showTalkToExpertCta: showTalkToExpertCta = !0, homeURL: homeURL, params: params = "", continueURL: continueURL = "/", onLogout: onLogout, showContinueAction: showContinueAction = !1, hideDashboardItem: hideDashboardItem, hideManageApplicationsItem: hideManageApplicationsItem, isCommPanelOpen: isCommPanelOpen, hasUnread: hasUnread, closeCommPanel: closeCommPanel, openCommPanel: _openCommPanel, customerOwner: customerOwner} = _ref, isAuthenticated = lalaReact.useSession().status === lalaReact.Status.Authenticated;
-  return jsxRuntime.jsxs(NavbarWrapper, {
+  return useAHLParam(), jsxRuntime.jsxs(NavbarWrapper, {
     isTransparent: useTransparent,
     isAuthenticated: isAuthenticated,
     children: [ jsxRuntime.jsx(NavbarLeftWrapper, {
@@ -1669,7 +1686,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 jsxRuntime.jsxs(jsxRuntime.Fragment, {
+  return useAHLParam(), jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [ jsxRuntime.jsx(LeftSidebar$1, {
       menuOptions: MULTI_MENU_OPTIONS,
       openSidebar: leftSidebarState,

package/dist/navbar.esm.js

@@ -316,6 +316,17 @@ var ROUTE_BOOK_APPOINTMENT = '/book-appointment/';
 var ROUTE_APPLICATIONS = '/dashboard/applications';
 var ROUTE_PROPERTY_REPORT = '/dashboard/my-property-report';
 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;
+var CMS_AHL_ELEVATE_URL_MATCH = /^\/?home-loans\/aussies-own-home-loans\/aussie-elevate\/?$/gm;
+var CMS_AHL_SELECT_URL_MATCH = /^\/?home-loans\/aussies-own-home-loans\/aussie-select\/?$/gm;
+var FUNNEL1_URL_MATCH = /^\/?home-loans\/basics\/?([a-zA-Z0-9.%?=\-]*\/?)*$/gm;
+var AHLProducts = /*#__PURE__*/function (AHLProducts) {
+  AHLProducts["AUSSIE_ACTIVATE"] = "aussie-activate";
+  AHLProducts["AUSSIE_ELEVATE"] = "aussie-elevate";
+  AHLProducts["AUSSIE_SELECT"] = "aussie-select";
+  return AHLProducts;
+}({});
 
 var _templateObject$c;
 var TalkExpertAction = styled(Button).withConfig({
@@ -1667,6 +1678,33 @@ props => {
 };
 var withCommPanel = Component => withCustomerChatProvider(withCommPanelWrapper(Component));
 
+var setLenderIdInSessionStorage = id => {
+  if (!id) return;
+  sessionStorage.setItem('AHL', id);
+};
+var unsetLenderIdInSessionStorage = () => {
+  sessionStorage.removeItem('AHL');
+};
+var useAHLParam = () => {
+  useEffect(() => {
+    if (typeof window !== undefined && window.sessionStorage) {
+      var url = window.location.pathname;
+      if (url.match(CMS_AHL_MAIN_URL_MATCH) || url.match(CMS_AHL_ELEVATE_URL_MATCH)) {
+        return setLenderIdInSessionStorage(AHLProducts.AUSSIE_ELEVATE);
+      }
+      if (url.match(CMS_AHL_ACTIVATE_URL_MATCH)) {
+        return setLenderIdInSessionStorage(AHLProducts.AUSSIE_ACTIVATE);
+      }
+      if (url.match(CMS_AHL_SELECT_URL_MATCH)) {
+        return setLenderIdInSessionStorage(AHLProducts.AUSSIE_SELECT);
+      }
+      if (!url.match(FUNNEL1_URL_MATCH)) {
+        return unsetLenderIdInSessionStorage();
+      }
+    }
+  }, []);
+};
+
 var SimpleNavbarComponent = _ref => {
   var {
     // Public props
@@ -1689,6 +1727,9 @@ var SimpleNavbarComponent = _ref => {
   } = _ref;
   var session = useSession();
   var isAuthenticated = session.status === Status.Authenticated;
+
+  //to set AHL value in session storage for funnel1 journey
+  useAHLParam();
   return /*#__PURE__*/jsxs(NavbarWrapper, {
     isTransparent: useTransparent,
     isAuthenticated: isAuthenticated,
@@ -2475,6 +2516,9 @@ 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,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lendi/navbar",
   "access": "restricted",
-  "version": "7.26.0",
+  "version": "7.27.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.11.0",
+    "@lendi/chat": "^1.12.0",
     "@lendi/lala-utils": "^11.2.0",
     "@lendi/launchdarkly": "^0.1.7",
     "@lendi/lendigroup-leads-library": "^3.2.1",