@lendi/navbar 5.2.2 → 5.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/dist/cjs/MegaNavbar/components/MegaMenu/index.js +13 -8
- package/dist/cjs/MegaNavbar/components/MegaMenu/index.js.map +1 -1
- package/dist/cjs/MegaNavbar/index.js +4 -5
- package/dist/cjs/MegaNavbar/index.js.map +1 -1
- package/dist/cjs/MultiNavbar/components/MultiOptions/index.js +13 -8
- package/dist/cjs/MultiNavbar/components/MultiOptions/index.js.map +1 -1
- package/dist/cjs/MultiNavbar/index.js +5 -7
- package/dist/cjs/MultiNavbar/index.js.map +1 -1
- package/dist/cjs/SimpleNavbar/components/DesktopAction/index.js +22 -21
- package/dist/cjs/SimpleNavbar/components/DesktopAction/index.js.map +1 -1
- package/dist/cjs/SimpleNavbar/components/DesktopAction/test.js +99 -0
- package/dist/cjs/SimpleNavbar/components/DesktopAction/test.js.map +1 -0
- package/dist/cjs/SimpleNavbar/components/LogoutComponent/index.js +0 -36
- package/dist/cjs/SimpleNavbar/components/LogoutComponent/index.js.map +1 -1
- package/dist/cjs/SimpleNavbar/components/MobileAction/index.js +20 -19
- package/dist/cjs/SimpleNavbar/components/MobileAction/index.js.map +1 -1
- package/dist/cjs/SimpleNavbar/components/MobileAction/test.js +97 -0
- package/dist/cjs/SimpleNavbar/components/MobileAction/test.js.map +1 -0
- package/dist/cjs/SimpleNavbar/index.js +9 -10
- package/dist/cjs/SimpleNavbar/index.js.map +1 -1
- package/dist/cjs/shared/components/CTA/DesktopActions/index.js +36 -0
- package/dist/cjs/shared/components/CTA/DesktopActions/index.js.map +1 -0
- package/dist/cjs/shared/components/CTA/DesktopActions/style.js +12 -0
- package/dist/cjs/shared/components/CTA/DesktopActions/style.js.map +1 -0
- package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/constants.js +4 -0
- package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/constants.js.map +1 -0
- package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/context.js +13 -0
- package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/context.js.map +1 -0
- package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/index.js +59 -0
- package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/index.js.map +1 -0
- package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/provider.js +12 -0
- package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/provider.js.map +1 -0
- package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/state.js +7 -0
- package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/state.js.map +1 -0
- package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/style.js +21 -0
- package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/style.js.map +1 -0
- package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/test.js +80 -0
- package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/test.js.map +1 -0
- package/dist/cjs/shared/components/CTA/LogoutComponent/index.js +38 -0
- package/dist/cjs/shared/components/CTA/LogoutComponent/index.js.map +1 -0
- package/dist/cjs/shared/components/CTA/LogoutComponent/style.js +12 -0
- package/dist/cjs/shared/components/CTA/LogoutComponent/style.js.map +1 -0
- package/dist/cjs/shared/components/CTA/LogoutComponent/test.js +55 -0
- package/dist/cjs/shared/components/CTA/LogoutComponent/test.js.map +1 -0
- package/dist/cjs/shared/components/CTA/MobileActions/index.js +38 -0
- package/dist/cjs/shared/components/CTA/MobileActions/index.js.map +1 -0
- package/dist/cjs/shared/components/CTA/MobileActions/style.js +13 -0
- package/dist/cjs/shared/components/CTA/MobileActions/style.js.map +1 -0
- package/dist/cjs/shared/components/CTA/index.js +16 -80
- package/dist/cjs/shared/components/CTA/index.js.map +1 -1
- package/dist/cjs/shared/components/CTA/style.js +34 -0
- package/dist/cjs/shared/components/CTA/style.js.map +1 -0
- package/dist/cjs/shared/components/CTA/test.js +112 -0
- package/dist/cjs/shared/components/CTA/test.js.map +1 -0
- package/dist/cjs/shared/components/HamBurgerMenu/index.js +6 -1
- package/dist/cjs/shared/components/HamBurgerMenu/index.js.map +1 -1
- package/dist/cjs/shared/components/LeftSidabar/Content/index.js +6 -3
- package/dist/cjs/shared/components/LeftSidabar/Content/index.js.map +1 -1
- package/dist/cjs/shared/components/LeftSidabar/FooterCTA/index.js +9 -8
- package/dist/cjs/shared/components/LeftSidabar/FooterCTA/index.js.map +1 -1
- package/dist/cjs/shared/components/LeftSidabar/FooterCTA/test.js +64 -0
- package/dist/cjs/shared/components/LeftSidabar/FooterCTA/test.js.map +1 -0
- package/dist/cjs/shared/components/Logo/index.js +2 -1
- package/dist/cjs/shared/components/Logo/index.js.map +1 -1
- package/dist/cjs/shared/constants/index.js +14 -9
- package/dist/cjs/shared/constants/index.js.map +1 -1
- package/dist/cjs/shared/hooks/useEmailOpenChat.js +2 -1
- package/dist/cjs/shared/hooks/useEmailOpenChat.js.map +1 -1
- package/dist/cjs/shared/types.js.map +1 -1
- package/dist/cjs/utils/Analytics/index.js +1 -0
- package/dist/cjs/utils/Analytics/index.js.map +1 -1
- package/dist/types/MegaNavbar/components/MegaMenu/index.style.d.ts +1 -1
- package/dist/types/MegaNavbar/index.d.ts +1 -1
- package/dist/types/MultiNavbar/components/MultiOptions/index.style.d.ts +1 -1
- package/dist/types/MultiNavbar/index.d.ts +1 -1
- package/dist/types/SimpleNavbar/components/DesktopAction/index.d.ts +1 -1
- package/dist/types/SimpleNavbar/components/DesktopAction/test.d.ts +1 -0
- package/dist/types/SimpleNavbar/components/LogoutComponent/index.d.ts +0 -3
- package/dist/types/SimpleNavbar/components/MobileAction/index.d.ts +1 -1
- package/dist/types/SimpleNavbar/components/MobileAction/test.d.ts +1 -0
- package/dist/types/SimpleNavbar/index.d.ts +1 -1
- package/dist/types/shared/components/CTA/DesktopActions/index.d.ts +4 -0
- package/dist/types/shared/components/CTA/DesktopActions/style.d.ts +1 -0
- package/dist/types/shared/components/CTA/LogoutComponent/DropdownMenu/constants.d.ts +1 -0
- package/dist/types/shared/components/CTA/LogoutComponent/DropdownMenu/context.d.ts +4 -0
- package/dist/types/shared/components/CTA/LogoutComponent/DropdownMenu/index.d.ts +5 -0
- package/dist/types/shared/components/CTA/LogoutComponent/DropdownMenu/provider.d.ts +3 -0
- package/dist/types/shared/components/CTA/LogoutComponent/DropdownMenu/state.d.ts +5 -0
- package/dist/types/shared/components/CTA/LogoutComponent/DropdownMenu/style.d.ts +6 -0
- package/dist/types/shared/components/CTA/LogoutComponent/DropdownMenu/test.d.ts +1 -0
- package/dist/types/shared/components/CTA/LogoutComponent/index.d.ts +2 -0
- package/dist/types/shared/components/CTA/LogoutComponent/style.d.ts +2 -0
- package/dist/types/shared/components/CTA/LogoutComponent/test.d.ts +1 -0
- package/dist/types/shared/components/CTA/MobileActions/index.d.ts +4 -0
- package/dist/types/shared/components/CTA/MobileActions/style.d.ts +1 -0
- package/dist/types/shared/components/CTA/index.d.ts +1 -2
- package/dist/types/shared/components/CTA/{index.style.d.ts → style.d.ts} +1 -9
- package/dist/types/shared/components/CTA/test.d.ts +1 -0
- package/dist/types/shared/components/LeftSidabar/FooterCTA/test.d.ts +1 -0
- package/dist/types/shared/components/Logo/style.d.ts +0 -1
- package/dist/types/shared/constants/index.d.ts +14 -9
- package/dist/types/shared/styles.d.ts +0 -1
- package/dist/types/shared/types.d.ts +2 -0
- package/dist/types/utils/Analytics/index.d.ts +3 -2
- package/package.json +4 -4
- package/dist/cjs/shared/components/CTA/index.style.js +0 -47
- package/dist/cjs/shared/components/CTA/index.style.js.map +0 -1
- package/dist/types/playground/style.d.ts +0 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# Changelog - @lendi/navbar
|
|
2
2
|
|
|
3
|
+
## 5.3.0
|
|
4
|
+
- [minor] 205124cf:
|
|
5
|
+
|
|
6
|
+
- SUB-544: Added Dropdowm menus
|
|
7
|
+
|
|
8
|
+
## 5.2.4
|
|
9
|
+
- Updated dependencies [feef4187]:
|
|
10
|
+
- @lendi/comm-panel@9.2.4
|
|
11
|
+
|
|
12
|
+
## 5.2.3
|
|
13
|
+
- Updated dependencies [dcb652c6]:
|
|
14
|
+
- @lendi/comm-panel@9.2.3
|
|
15
|
+
|
|
3
16
|
## 5.2.2
|
|
4
17
|
- Updated dependencies [3c2a170a]:
|
|
5
18
|
- @lendi/comm-panel@9.2.2
|
|
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
var KeyboardArrowRight_1 = require("@lendi-ui/icon/KeyboardArrowRight");
|
|
4
4
|
var navbar_base_1 = require("@lendi-ui/navbar-base");
|
|
5
5
|
var typography_1 = require("@lendi-ui/typography");
|
|
6
|
+
var segment_tracking_1 = require("@lendi/segment-tracking");
|
|
6
7
|
var React = require("react");
|
|
7
8
|
var menuData_1 = require("../../../shared/assets/menuData");
|
|
8
9
|
var constants_1 = require("../../../shared/constants");
|
|
@@ -16,7 +17,7 @@ var MegaMenu = function (_a) {
|
|
|
16
17
|
React.createElement(index_style_1.ListItem, { key: "menu" },
|
|
17
18
|
React.createElement(index_style_1.LinkOption, { onClick: function () {
|
|
18
19
|
handleClick();
|
|
19
|
-
Analytics_1.analytics({ event_name:
|
|
20
|
+
Analytics_1.analytics({ event_name: Analytics_1.ACTION_CLICK, label: 'Menu', category: segment_tracking_1.EventCategory.NAVBAR });
|
|
20
21
|
}, isTransparent: isTransparent, "aria-label": "Mega menu" },
|
|
21
22
|
React.createElement(index_style_1.BarWrapper, null,
|
|
22
23
|
React.createElement(index_style_1.Label, { size: "xs" }, "Menu"),
|
|
@@ -25,18 +26,22 @@ var MegaMenu = function (_a) {
|
|
|
25
26
|
isMenuOpen && (React.createElement(index_style_1.DisplayPanel, null, menuData_1.MEGA_MENU_OPTIONS.map(function (menu) { return (React.createElement(index_style_1.UnitWrapper, { size: 1 / menuData_1.MEGA_MENU_OPTIONS.length, key: menu.label },
|
|
26
27
|
React.createElement(index_style_1.MenuWrapper, null,
|
|
27
28
|
React.createElement("div", null,
|
|
28
|
-
React.createElement(index_style_1.HeadingLink, { href: "" + (menu.link || '') + params, "aria-label": menu.label, onClick: function () {
|
|
29
|
+
React.createElement(index_style_1.HeadingLink, { href: "" + (menu.link || '') + params, "aria-label": menu.label, onClick: function () {
|
|
30
|
+
return Analytics_1.analytics({ event_name: Analytics_1.ACTION_CLICK, label: menu.label, category: segment_tracking_1.EventCategory.NAVBAR });
|
|
31
|
+
} },
|
|
29
32
|
React.createElement(typography_1.Heading, { size: "md", color: "secondary.500", mr: "xxs" }, menu.label),
|
|
30
33
|
React.createElement(KeyboardArrowRight_1.default, { color: "secondary.500" })),
|
|
31
|
-
menu.label === 'Home loans' && (React.createElement(index_style_1.SEMPanelButton, { size: "xs", variant: isAuthenticated ? 'emphasis' : 'primary', href: isAuthenticated ? continueURL : constants_1.
|
|
34
|
+
menu.label === 'Home loans' && (React.createElement(index_style_1.SEMPanelButton, { size: "xs", variant: isAuthenticated ? 'emphasis' : 'primary', href: isAuthenticated ? continueURL : constants_1.ROUTE_SIGN_IN, "aria-label": isAuthenticated ? constants_1.LABEL_CONTINUE : constants_1.LABEL_SIGN_IN, onClick: function () {
|
|
32
35
|
return Analytics_1.analytics({
|
|
33
|
-
event_name:
|
|
34
|
-
label: isAuthenticated ? constants_1.
|
|
35
|
-
category:
|
|
36
|
+
event_name: Analytics_1.ACTION_CLICK,
|
|
37
|
+
label: isAuthenticated ? constants_1.LABEL_CONTINUE : constants_1.LABEL_SIGN_IN,
|
|
38
|
+
category: segment_tracking_1.EventCategory.NAVBAR,
|
|
36
39
|
});
|
|
37
|
-
} }, isAuthenticated ? constants_1.
|
|
40
|
+
} }, isAuthenticated ? constants_1.LABEL_CONTINUE : constants_1.LABEL_SIGN_IN))),
|
|
38
41
|
React.createElement(index_style_1.SEMLinksGroup, null, menu.children.map(function (child) { return (React.createElement(index_style_1.SEMLinkItem, { key: child.label },
|
|
39
|
-
React.createElement(index_style_1.SEMPanelLink, { size: "sm", color: "shade.700", href: "" + child.link + params, "aria-label": child.label, onClick: function () {
|
|
42
|
+
React.createElement(index_style_1.SEMPanelLink, { size: "sm", color: "shade.700", href: "" + child.link + params, "aria-label": child.label, onClick: function () {
|
|
43
|
+
return Analytics_1.analytics({ event_name: Analytics_1.ACTION_CLICK, label: child.label, category: segment_tracking_1.EventCategory.NAVBAR });
|
|
44
|
+
} }, child.label))); }))))); })))));
|
|
40
45
|
};
|
|
41
46
|
exports.default = MegaMenu;
|
|
42
47
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/MegaNavbar/components/MegaMenu/index.tsx"],"names":[],"mappings":";;AAAA,wEAAmE;AACnE,qDAA6D;AAC7D,mDAA+C;AAC/C,6BAA+B;AAC/B,4DAAiF;AACjF,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/MegaNavbar/components/MegaMenu/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,8 +20,9 @@ var useEmailOpenChat_1 = require("../shared/hooks/useEmailOpenChat");
|
|
|
20
20
|
var ErrorBoundry_1 = require("../shared/components/ErrorBoundry");
|
|
21
21
|
var style_1 = require("./style");
|
|
22
22
|
var useDomain_1 = require("../shared/hooks/useDomain");
|
|
23
|
+
var provider_1 = require("../shared/components/CTA/LogoutComponent/DropdownMenu/provider");
|
|
23
24
|
var MegaNavbarComponent = function (_a) {
|
|
24
|
-
var _b = _a.useTransparent, useTransparent = _b === void 0 ? false : _b, homeURL = _a.homeURL, _c = _a.params, params = _c === void 0 ? '' : _c, _d = _a.continueURL, continueURL = _d === void 0 ? '/' : _d, _e = _a.onLogout, onLogout = _e === void 0 ? function () { } : _e, showContinueAction = _a.showContinueAction, showTalkToExpertCta = _a.showTalkToExpertCta;
|
|
25
|
+
var _b = _a.useTransparent, useTransparent = _b === void 0 ? false : _b, homeURL = _a.homeURL, _c = _a.params, params = _c === void 0 ? '' : _c, _d = _a.continueURL, continueURL = _d === void 0 ? '/' : _d, _e = _a.onLogout, onLogout = _e === void 0 ? function () { } : _e, dashboardURL = _a.dashboardURL, showContinueAction = _a.showContinueAction, showTalkToExpertCta = _a.showTalkToExpertCta;
|
|
25
26
|
var _f = comm_panel_1.useCommPanel(), isCommPanelOpen = _f.isCommPanelOpen, openCommPanel = _f.openCommPanel, closeCommPanel = _f.closeCommPanel, openChat = _f.openChat;
|
|
26
27
|
var _g = React.useState(false), isMenuOpen = _g[0], setIsMenuOpen = _g[1];
|
|
27
28
|
var _h = React.useState(false), leftSidebarState = _h[0], setLeftSidebarState = _h[1];
|
|
@@ -51,10 +52,8 @@ var MegaNavbarComponent = function (_a) {
|
|
|
51
52
|
React.createElement(Logo_1.default, { homeURL: homeURL, params: params })),
|
|
52
53
|
React.createElement(MegaMenu_1.default, { isAuthenticated: isAuthenticated, continueURL: continueURL, params: params, handleClick: handleClick, isMenuOpen: isMenuOpen }))),
|
|
53
54
|
React.createElement(navbar_base_1.default.Right, null,
|
|
54
|
-
React.createElement(
|
|
55
|
-
|
|
56
|
-
onLogout();
|
|
57
|
-
}, showContinueAction: showContinueAction, openCommPanel: function () { return (isCommPanelOpen ? closeCommPanel() : openCommPanel()); }, teamMember: latestTeamMember, hasUnreadMessages: unReadMesage }))),
|
|
55
|
+
React.createElement(provider_1.DropdownProvider, { dashboardURL: dashboardURL, onLogout: onLogout },
|
|
56
|
+
React.createElement(CTA_1.default, { showTalkToExpertCta: showTalkToExpertCta, isAuthenticated: isAuthenticated, continueURL: continueURL, showContinueAction: showContinueAction, openCommPanel: function () { return (isCommPanelOpen ? closeCommPanel() : openCommPanel()); }, teamMember: latestTeamMember, hasUnreadMessages: unReadMesage })))),
|
|
58
57
|
React.createElement(transition_1.default, { isActive: isCommPanelOpen, timeout: 250 }, function (state) { return (React.createElement(styles_1.CommPanelWrapper, { transition: state, toTheTop: breakpoint === 'mobile' },
|
|
59
58
|
React.createElement(comm_panel_1.CustomerCommPanel, { channelId: userGroupHash, latestTeamMember: latestTeamMember, hasNew: unReadMesage, isOtherUserOnline: isOtherUserOnline }))); }),
|
|
60
59
|
React.createElement(LeftSidabar_1.default, { menuOptions: menuData_1.MEGA_MENU_OPTIONS, openSidebar: leftSidebarState, closeSidebar: function () { return setLeftSidebarState(false); }, isAuthenticated: isAuthenticated, continueURL: continueURL, onLogout: onLogout, showContinueAction: showContinueAction }))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/MegaNavbar/index.tsx"],"names":[],"mappings":";;AAAA,qDAA+C;AAC/C,6BAA+B;AAC/B,uDAA8C;AAC9C,sDAA8D;AAC9D,gDAAkD;AAClD,oEAA+D;AAC/D,gEAA2D;AAC3D,kDAAsD;AACtD,2CAA+F;AAE/F,kDAA6C;AAC7C,gDAAkH;AAClH,mDAAyD;AACzD,mDAAqE;AACrE,gDAAuD;AACvD,6DAA4D;AAC5D,+DAA8D;AAC9D,qEAAoE;AACpE,kEAAkE;AAClE,iCAAyC;AACzC,uDAA2D;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/MegaNavbar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
var KeyboardArrowRight_1 = require("@lendi-ui/icon/KeyboardArrowRight");
|
|
4
4
|
var navbar_base_1 = require("@lendi-ui/navbar-base");
|
|
5
5
|
var typography_1 = require("@lendi-ui/typography");
|
|
6
|
+
var segment_tracking_1 = require("@lendi/segment-tracking");
|
|
6
7
|
var React = require("react");
|
|
7
8
|
var menuData_1 = require("../../../shared/assets/menuData");
|
|
8
9
|
var constants_1 = require("../../../shared/constants");
|
|
@@ -35,8 +36,8 @@ var MenuOptions = function (props) {
|
|
|
35
36
|
React.createElement(index_style_1.LinkOption, { onClick: function () {
|
|
36
37
|
onClickOption(label, setCurrentSelected);
|
|
37
38
|
Analytics_1.analytics({
|
|
38
|
-
event_name:
|
|
39
|
-
category:
|
|
39
|
+
event_name: Analytics_1.ACTION_CLICK,
|
|
40
|
+
category: segment_tracking_1.EventCategory.NAVBAR,
|
|
40
41
|
label: label,
|
|
41
42
|
});
|
|
42
43
|
}, isTransparent: isTransparent },
|
|
@@ -47,18 +48,22 @@ var MenuOptions = function (props) {
|
|
|
47
48
|
}),
|
|
48
49
|
currentSelected && (React.createElement(index_style_1.DisplayPanel, { ref: displayPanel },
|
|
49
50
|
React.createElement(index_style_1.HeadingWrapper, null,
|
|
50
|
-
React.createElement(index_style_1.HeadingLink, { href: "" + (selectedItem.link || '') + params, onClick: function () {
|
|
51
|
+
React.createElement(index_style_1.HeadingLink, { href: "" + (selectedItem.link || '') + params, onClick: function () {
|
|
52
|
+
return Analytics_1.analytics({ event_name: 'click', label: currentSelected, category: segment_tracking_1.EventCategory.NAVBAR });
|
|
53
|
+
} },
|
|
51
54
|
React.createElement(typography_1.Heading, { size: "md", color: "secondary.500", mr: "xxs" }, currentSelected),
|
|
52
55
|
React.createElement(KeyboardArrowRight_1.default, { color: "secondary.500" })),
|
|
53
|
-
currentSelected === 'Home loans' && (React.createElement(index_style_1.PanelButton, { size: "xs", variant: isAuthenticated ? 'emphasis' : 'primary', href: isAuthenticated ? continueURL : constants_1.
|
|
56
|
+
currentSelected === 'Home loans' && (React.createElement(index_style_1.PanelButton, { size: "xs", variant: isAuthenticated ? 'emphasis' : 'primary', href: isAuthenticated ? continueURL : constants_1.ROUTE_SIGN_IN, onClick: function () {
|
|
54
57
|
return Analytics_1.analytics({
|
|
55
58
|
event_name: 'click',
|
|
56
|
-
label: isAuthenticated ? constants_1.
|
|
57
|
-
category:
|
|
59
|
+
label: isAuthenticated ? constants_1.LABEL_CONTINUE : constants_1.LABEL_SIGN_IN,
|
|
60
|
+
category: segment_tracking_1.EventCategory.NAVBAR,
|
|
58
61
|
});
|
|
59
|
-
} }, isAuthenticated ? constants_1.
|
|
62
|
+
} }, isAuthenticated ? constants_1.LABEL_CONTINUE : constants_1.LABEL_SIGN_IN))),
|
|
60
63
|
React.createElement(index_style_1.LinksGroup, null, selectedItem.children.map(function (child) { return (React.createElement(index_style_1.LinkItem, { key: child.label },
|
|
61
|
-
React.createElement(index_style_1.PanelLink, { size: "sm", color: "shade.700", href: "" + child.link + params, onClick: function () {
|
|
64
|
+
React.createElement(index_style_1.PanelLink, { size: "sm", color: "shade.700", href: "" + child.link + params, onClick: function () {
|
|
65
|
+
return Analytics_1.analytics({ event_name: 'click', label: child.label, category: segment_tracking_1.EventCategory.NAVBAR });
|
|
66
|
+
} }, child.label))); })))))));
|
|
62
67
|
};
|
|
63
68
|
var onClickOption = function (label, setCurrentSelected) {
|
|
64
69
|
if (prevSelected === label) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/MultiNavbar/components/MultiOptions/index.tsx"],"names":[],"mappings":";;AAAA,wEAAmE;AACnE,qDAA6D;AAC7D,mDAA+C;AAC/C,6BAA+B;AAC/B,4DAA+E;AAC/E,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/MultiNavbar/components/MultiOptions/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -33,7 +33,6 @@ var styles_1 = require("../shared/styles");
|
|
|
33
33
|
var MultiOptions_1 = require("./components/MultiOptions/");
|
|
34
34
|
var comm_panel_1 = require("@lendi/comm-panel");
|
|
35
35
|
var transition_1 = require("@lendi-ui/transition");
|
|
36
|
-
var comm_panel_2 = require("@lendi/comm-panel");
|
|
37
36
|
var breakpoint_1 = require("@lendi-ui/breakpoint");
|
|
38
37
|
var lala_react_1 = require("@lendi/lala-react");
|
|
39
38
|
var useUserGroup_1 = require("../shared/hooks/useUserGroup");
|
|
@@ -42,8 +41,9 @@ var styled_components_1 = require("styled-components");
|
|
|
42
41
|
var ErrorBoundry_1 = require("../shared/components/ErrorBoundry");
|
|
43
42
|
var useEmailOpenChat_1 = require("../shared/hooks/useEmailOpenChat");
|
|
44
43
|
var useDomain_1 = require("../shared/hooks/useDomain");
|
|
44
|
+
var provider_1 = require("../shared/components/CTA/LogoutComponent/DropdownMenu/provider");
|
|
45
45
|
var MultiNavbarWithTheme = function (_a) {
|
|
46
|
-
var _b = _a.useTransparent, useTransparent = _b === void 0 ? false : _b, homeURL = _a.homeURL, _c = _a.params, params = _c === void 0 ? '' : _c, _d = _a.continueURL, continueURL = _d === void 0 ? '/' : _d, _e = _a.onLogout, onLogout = _e === void 0 ? function () { } : _e, application = _a.application, showContinueAction = _a.showContinueAction, showTalkToExpertCta = _a.showTalkToExpertCta, otherProps = __rest(_a, ["useTransparent", "homeURL", "params", "continueURL", "onLogout", "application", "showContinueAction", "showTalkToExpertCta"]);
|
|
46
|
+
var _b = _a.useTransparent, useTransparent = _b === void 0 ? false : _b, homeURL = _a.homeURL, _c = _a.params, params = _c === void 0 ? '' : _c, _d = _a.continueURL, continueURL = _d === void 0 ? '/' : _d, dashboardURL = _a.dashboardURL, _e = _a.onLogout, onLogout = _e === void 0 ? function () { } : _e, application = _a.application, showContinueAction = _a.showContinueAction, showTalkToExpertCta = _a.showTalkToExpertCta, otherProps = __rest(_a, ["useTransparent", "homeURL", "params", "continueURL", "dashboardURL", "onLogout", "application", "showContinueAction", "showTalkToExpertCta"]);
|
|
47
47
|
var _f = comm_panel_1.useCommPanel(), isCommPanelOpen = _f.isCommPanelOpen, openCommPanel = _f.openCommPanel, closeCommPanel = _f.closeCommPanel, openChat = _f.openChat;
|
|
48
48
|
var _g = React.useState(false), leftSidebarState = _g[0], setLeftSidebarState = _g[1];
|
|
49
49
|
var _h = React.useState(false), unReadMesage = _h[0], setUnReadMessage = _h[1];
|
|
@@ -56,7 +56,7 @@ var MultiNavbarWithTheme = function (_a) {
|
|
|
56
56
|
var latestTeamMember = useTeamMember_1.useTeamMember(session, teamMemberId);
|
|
57
57
|
useEmailOpenChat_1.useEmailOpenChat(openChat, userGroupHash);
|
|
58
58
|
return (React.createElement(ErrorBoundry_1.ErrorBoundary, null,
|
|
59
|
-
React.createElement(
|
|
59
|
+
React.createElement(comm_panel_1.ChatUserStatusContext.Provider, { value: {
|
|
60
60
|
setHasUnReadMessage: function (hasUnreadMessages) { return setUnReadMessage(hasUnreadMessages); },
|
|
61
61
|
setStatus: function (status) { return setIsOtherUserOnline(status); },
|
|
62
62
|
} },
|
|
@@ -68,10 +68,8 @@ var MultiNavbarWithTheme = function (_a) {
|
|
|
68
68
|
React.createElement(Logo_1.default, { homeURL: homeURL, params: params })),
|
|
69
69
|
React.createElement(MultiOptions_1.default, { isAuthenticated: isAuthenticated, continueURL: continueURL, params: params }))),
|
|
70
70
|
React.createElement(navbar_base_1.default.Right, null,
|
|
71
|
-
React.createElement(
|
|
72
|
-
|
|
73
|
-
onLogout();
|
|
74
|
-
}, showContinueAction: showContinueAction, openCommPanel: function () { return (isCommPanelOpen ? closeCommPanel() : openCommPanel()); }, teamMember: latestTeamMember, hasUnreadMessages: unReadMesage }))),
|
|
71
|
+
React.createElement(provider_1.DropdownProvider, { dashboardURL: dashboardURL, onLogout: onLogout },
|
|
72
|
+
React.createElement(CTA_1.default, { showTalkToExpertCta: showTalkToExpertCta, isAuthenticated: isAuthenticated, continueURL: continueURL, showContinueAction: showContinueAction, openCommPanel: function () { return (isCommPanelOpen ? closeCommPanel() : openCommPanel()); }, teamMember: latestTeamMember, hasUnreadMessages: unReadMesage })))),
|
|
75
73
|
React.createElement(transition_1.default, { isActive: isCommPanelOpen, timeout: 250 }, function (state) { return (React.createElement(styles_1.CommPanelWrapper, { transition: state, toTheTop: breakpoint === 'mobile' },
|
|
76
74
|
React.createElement(comm_panel_1.CustomerCommPanel, { channelId: userGroupHash, latestTeamMember: latestTeamMember, hasNew: unReadMesage, isOtherUserOnline: isOtherUserOnline }))); }),
|
|
77
75
|
React.createElement(LeftSidabar_1.default, { menuOptions: menuData_1.MULTI_MENU_OPTIONS, openSidebar: leftSidebarState, closeSidebar: function () { return setLeftSidebarState(false); }, isAuthenticated: isAuthenticated, continueURL: continueURL, onLogout: onLogout, showContinueAction: showContinueAction }))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/MultiNavbar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAA+C;AAC/C,6BAA+B;AAC/B,sDAA+D;AAC/D,gDAAkD;AAClD,oEAA+D;AAC/D,gEAA2D;AAC3D,kDAAsD;AACtD,2CAA+F;AAE/F,2DAAqD;AACrD,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/MultiNavbar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,42 +1,43 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
var React = require("react");
|
|
4
|
-
var
|
|
4
|
+
var style_1 = require("../../../shared/components/CTA/style");
|
|
5
5
|
var constants_1 = require("../../../shared/constants");
|
|
6
6
|
var Analytics_1 = require("../../../utils/Analytics");
|
|
7
|
-
var
|
|
8
|
-
var LogoutComponent_1 = require("
|
|
7
|
+
var index_style_1 = require("../CTA/index.style");
|
|
8
|
+
var LogoutComponent_1 = require("../../../shared/components/CTA/LogoutComponent");
|
|
9
9
|
var theme_domain_1 = require("@lendi-ui/theme-domain");
|
|
10
10
|
var styled_components_1 = require("styled-components");
|
|
11
|
+
var segment_tracking_1 = require("@lendi/segment-tracking");
|
|
12
|
+
var style_2 = require("../../../shared/components/CTA/DesktopActions/style");
|
|
11
13
|
var RenderChatOrSideBar = function (_a) {
|
|
12
14
|
var _b = _a.openCommPanel, openCommPanel = _b === void 0 ? function () { } : _b, teamMember = _a.teamMember, dashboardVariant = _a.dashboardVariant, hasUnreadMessages = _a.hasUnreadMessages;
|
|
13
|
-
var primaryLabel = (teamMember === null || teamMember === void 0 ? void 0 : teamMember.firstName) ? "Talk to " + teamMember.firstName : constants_1.
|
|
14
|
-
return (React.createElement(
|
|
15
|
+
var primaryLabel = (teamMember === null || teamMember === void 0 ? void 0 : teamMember.firstName) ? "Talk to " + teamMember.firstName : constants_1.LABEL_TALK_TO_EXPERT;
|
|
16
|
+
return (React.createElement(index_style_1.TalkExpertAction, { dashboardVariant: dashboardVariant, size: "sm", variant: "secondary", onClick: function () {
|
|
15
17
|
openCommPanel();
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
});
|
|
18
|
+
var trackingEvent = {
|
|
19
|
+
text: 'Talk To Broker',
|
|
20
|
+
category: segment_tracking_1.EventCategory.NAVBAR,
|
|
21
|
+
};
|
|
22
|
+
Analytics_1.analytics(trackingEvent);
|
|
22
23
|
} }, hasUnreadMessages ? (React.createElement(React.Fragment, null,
|
|
23
|
-
React.createElement(
|
|
24
|
+
React.createElement(style_1.UnreadMessageWrapper, { "data-testid": "customer-view-unread-icon", color: "primary.500", height: "2em", width: "2em" }),
|
|
24
25
|
constants_1.UNREAD_MESSAGE)) : (React.createElement(React.Fragment, null, primaryLabel))));
|
|
25
26
|
};
|
|
26
27
|
var RenderDesktopAction = function (_a) {
|
|
27
|
-
var theme = _a.theme, dashboardVariant = _a.dashboardVariant, isAuthenticated = _a.isAuthenticated, continueURL = _a.continueURL,
|
|
28
|
+
var theme = _a.theme, dashboardVariant = _a.dashboardVariant, isAuthenticated = _a.isAuthenticated, continueURL = _a.continueURL, _b = _a.showContinueAction, showContinueAction = _b === void 0 ? false : _b, _c = _a.showTalkToExpertCta, showTalkToExpertCta = _c === void 0 ? true : _c, _d = _a.showBookanAppointmentCta, showBookanAppointmentCta = _d === void 0 ? true : _d, _e = _a.openCommPanel, openCommPanel = _e === void 0 ? function () { } : _e, teamMember = _a.teamMember, hasUnreadMessages = _a.hasUnreadMessages;
|
|
28
29
|
var needToContinue = function () { return isAuthenticated && showContinueAction; };
|
|
29
|
-
var path = (theme === null || theme === void 0 ? void 0 : theme.logo.logoName) === theme_domain_1.theme.logo.logoName ?
|
|
30
|
-
return (React.createElement(
|
|
30
|
+
var path = (theme === null || theme === void 0 ? void 0 : theme.logo.logoName) === theme_domain_1.theme.logo.logoName ? constants_1.PATH_DOMAIN : constants_1.PATH_LENDI;
|
|
31
|
+
return (React.createElement(style_2.DesktopActionsWrapper, null,
|
|
31
32
|
showTalkToExpertCta && (React.createElement(RenderChatOrSideBar, { openCommPanel: openCommPanel, teamMember: teamMember, dashboardVariant: dashboardVariant, hasUnreadMessages: hasUnreadMessages })),
|
|
32
|
-
showBookanAppointmentCta && (React.createElement(
|
|
33
|
+
showBookanAppointmentCta && (React.createElement(style_1.SecondaryAction, { size: "sm", variant: needToContinue() ? 'emphasis' : 'primary', href: needToContinue() ? continueURL : "" + path + constants_1.ROUTE_BOOK_APPOINTMENT, onClick: function () {
|
|
33
34
|
return Analytics_1.analytics({
|
|
34
|
-
event_name:
|
|
35
|
-
label: needToContinue() ? constants_1.
|
|
36
|
-
category:
|
|
35
|
+
event_name: Analytics_1.ACTION_CLICK,
|
|
36
|
+
label: needToContinue() ? constants_1.LABEL_CONTINUE : constants_1.BOOK_AN_APPOINTMENT,
|
|
37
|
+
category: segment_tracking_1.EventCategory.NAVBAR,
|
|
37
38
|
});
|
|
38
|
-
}, "aria-label": needToContinue() ? continueURL : "" +
|
|
39
|
-
isAuthenticated && React.createElement(LogoutComponent_1.
|
|
39
|
+
}, "aria-label": needToContinue() ? continueURL : "" + path + constants_1.ROUTE_BOOK_APPOINTMENT }, needToContinue() ? constants_1.LABEL_CONTINUE : constants_1.BOOK_AN_APPOINTMENT)),
|
|
40
|
+
isAuthenticated && React.createElement(LogoutComponent_1.LogoutComponent, null)));
|
|
40
41
|
};
|
|
41
42
|
exports.default = styled_components_1.withTheme(RenderDesktopAction);
|
|
42
43
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/SimpleNavbar/components/DesktopAction/index.tsx"],"names":[],"mappings":";;AAAA,6BAA+B;AAE/B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/SimpleNavbar/components/DesktopAction/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
var button_1 = require("@lendi-ui/button");
|
|
15
|
+
var navbar_base_1 = require("@lendi-ui/navbar-base");
|
|
16
|
+
var theme_1 = require("@lendi-ui/theme");
|
|
17
|
+
var enzyme_1 = require("enzyme");
|
|
18
|
+
var React = require("react");
|
|
19
|
+
var constants_1 = require("../../../shared/constants");
|
|
20
|
+
var Analytics = require("../../../utils/Analytics");
|
|
21
|
+
var CTA_1 = require("../CTA");
|
|
22
|
+
var index_style_1 = require("../CTA/index.style");
|
|
23
|
+
var style_1 = require("../../../shared/components/CTA/LogoutComponent/style");
|
|
24
|
+
var Analytics_1 = require("../../../utils/Analytics");
|
|
25
|
+
var segment_tracking_1 = require("@lendi/segment-tracking");
|
|
26
|
+
var trackMock = jest.spyOn(Analytics, 'analytics');
|
|
27
|
+
trackMock.mockImplementation(function () { });
|
|
28
|
+
var element;
|
|
29
|
+
var RenderCTAs = function (props) {
|
|
30
|
+
return (React.createElement(navbar_base_1.default, { isTransparent: false },
|
|
31
|
+
React.createElement(CTA_1.default, __assign({}, props))));
|
|
32
|
+
};
|
|
33
|
+
describe('Unauth states', function () {
|
|
34
|
+
beforeEach(function () {
|
|
35
|
+
element = enzyme_1.mount(React.createElement(theme_1.default, null,
|
|
36
|
+
React.createElement(RenderCTAs, { isAuthenticated: false, continueURL: "/", dashboardVariant: false, showContinueAction: true })));
|
|
37
|
+
});
|
|
38
|
+
describe('desktop actions', function () {
|
|
39
|
+
it('should render TalkExpertButton and BookAppointmentButton', function () {
|
|
40
|
+
expect(element
|
|
41
|
+
.find(button_1.Button)
|
|
42
|
+
.at(0)
|
|
43
|
+
.text()).toEqual(constants_1.LABEL_TALK_TO_EXPERT);
|
|
44
|
+
expect(element
|
|
45
|
+
.find(button_1.Button)
|
|
46
|
+
.at(1)
|
|
47
|
+
.text()).toEqual(constants_1.BOOK_AN_APPOINTMENT);
|
|
48
|
+
});
|
|
49
|
+
it('should track event on signup without auth', function () {
|
|
50
|
+
element
|
|
51
|
+
.find(button_1.Button)
|
|
52
|
+
.at(1)
|
|
53
|
+
.simulate('click');
|
|
54
|
+
expect(Analytics.analytics).toHaveBeenCalledWith({
|
|
55
|
+
event_name: Analytics_1.ACTION_CLICK,
|
|
56
|
+
label: constants_1.BOOK_AN_APPOINTMENT,
|
|
57
|
+
category: segment_tracking_1.EventCategory.NAVBAR,
|
|
58
|
+
});
|
|
59
|
+
});
|
|
60
|
+
});
|
|
61
|
+
});
|
|
62
|
+
describe('Auth states', function () {
|
|
63
|
+
beforeEach(function () {
|
|
64
|
+
element = enzyme_1.mount(React.createElement(theme_1.default, null,
|
|
65
|
+
React.createElement(RenderCTAs, { isAuthenticated: true, continueURL: "/", dashboardVariant: false, showContinueAction: true })));
|
|
66
|
+
});
|
|
67
|
+
describe('desktop actions', function () {
|
|
68
|
+
it('should render TalkExpertButton and BookAppointmentButton', function () {
|
|
69
|
+
expect(element
|
|
70
|
+
.find(index_style_1.TalkExpertAction)
|
|
71
|
+
.at(0)
|
|
72
|
+
.text()).toEqual(constants_1.LABEL_TALK_TO_EXPERT);
|
|
73
|
+
expect(element
|
|
74
|
+
.find(button_1.Button)
|
|
75
|
+
.at(1)
|
|
76
|
+
.text()).toEqual(constants_1.LABEL_CONTINUE);
|
|
77
|
+
expect(element.find(style_1.KebabMenu).length).toEqual(2);
|
|
78
|
+
});
|
|
79
|
+
it('should track event on TalkToAnExpert', function () {
|
|
80
|
+
element
|
|
81
|
+
.find(index_style_1.TalkExpertAction)
|
|
82
|
+
.at(0)
|
|
83
|
+
.simulate('click');
|
|
84
|
+
expect(Analytics.analytics).toHaveBeenCalledWith({ category: segment_tracking_1.EventCategory.NAVBAR, text: 'Talk To Broker' });
|
|
85
|
+
});
|
|
86
|
+
it('should track event on Continue', function () {
|
|
87
|
+
element
|
|
88
|
+
.find(button_1.Button)
|
|
89
|
+
.at(1)
|
|
90
|
+
.simulate('click');
|
|
91
|
+
expect(Analytics.analytics).toHaveBeenCalledWith({
|
|
92
|
+
category: segment_tracking_1.EventCategory.NAVBAR,
|
|
93
|
+
event_name: Analytics_1.ACTION_CLICK,
|
|
94
|
+
label: constants_1.LABEL_CONTINUE,
|
|
95
|
+
});
|
|
96
|
+
});
|
|
97
|
+
});
|
|
98
|
+
});
|
|
99
|
+
//# sourceMappingURL=test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"test.js","sourceRoot":"","sources":["../../../../../src/SimpleNavbar/components/DesktopAction/test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,38 +1,2 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
var MoreVert_1 = require("@lendi-ui/icon/MoreVert");
|
|
4
|
-
var navbar_base_1 = require("@lendi-ui/navbar-base");
|
|
5
|
-
var React = require("react");
|
|
6
|
-
var index_style_1 = require("../../../shared/components/CTA/index.style");
|
|
7
|
-
var Analytics_1 = require("../../../utils/Analytics");
|
|
8
|
-
var LogoutComponent = function (_a) {
|
|
9
|
-
var onLogout = _a.onLogout;
|
|
10
|
-
var isTransparent = navbar_base_1.useNavbarBaseContext().isTransparent;
|
|
11
|
-
var _b = React.useState(false), isLogoutDisplay = _b[0], setIsLogoutDisplay = _b[1];
|
|
12
|
-
var logoutPanel = React.useRef();
|
|
13
|
-
var closeLogoutPanel = function (e) {
|
|
14
|
-
if (logoutPanel && logoutPanel.current && !logoutPanel.current.contains(e.target)) {
|
|
15
|
-
setIsLogoutDisplay(false);
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
|
-
React.useEffect(function () {
|
|
19
|
-
window.addEventListener('mousedown', closeLogoutPanel);
|
|
20
|
-
return function () {
|
|
21
|
-
window.removeEventListener('mousedown', closeLogoutPanel);
|
|
22
|
-
};
|
|
23
|
-
});
|
|
24
|
-
return (React.createElement("div", { ref: logoutPanel },
|
|
25
|
-
React.createElement(index_style_1.KebabMenu, { size: "sm", color: isTransparent ? 'shade.0' : 'secondary.500', onClick: function () {
|
|
26
|
-
setIsLogoutDisplay(!isLogoutDisplay);
|
|
27
|
-
Analytics_1.analytics({ event_name: 'click', label: 'more options', category: 'Navbar' });
|
|
28
|
-
}, "aria-label": "More options", icon: MoreVert_1.default }),
|
|
29
|
-
isLogoutDisplay && (React.createElement(index_style_1.LogoutWrapper, null,
|
|
30
|
-
React.createElement(index_style_1.LogoutLinkWrapper, { color: "shade.700", onClick: function () {
|
|
31
|
-
onLogout();
|
|
32
|
-
Analytics_1.analytics({ event_name: 'click', label: 'Log out', category: 'Navbar' });
|
|
33
|
-
}, "aria-label": "Log out" },
|
|
34
|
-
React.createElement(index_style_1.ExitToAppWrapper, { color: "primary.500", width: "18px", height: "18px" }),
|
|
35
|
-
"Log out")))));
|
|
36
|
-
};
|
|
37
|
-
exports.default = LogoutComponent;
|
|
38
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/SimpleNavbar/components/LogoutComponent/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/SimpleNavbar/components/LogoutComponent/index.tsx"],"names":[],"mappings":""}
|
|
@@ -2,39 +2,40 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
var navbar_base_1 = require("@lendi-ui/navbar-base");
|
|
4
4
|
var React = require("react");
|
|
5
|
-
var
|
|
5
|
+
var style_1 = require("../../../shared/components/CTA/style");
|
|
6
6
|
var constants_1 = require("../../../shared/constants");
|
|
7
7
|
var Analytics_1 = require("../../../utils/Analytics");
|
|
8
|
-
var
|
|
9
|
-
var LogoutComponent_1 = require("
|
|
8
|
+
var index_style_1 = require("../CTA/index.style");
|
|
9
|
+
var LogoutComponent_1 = require("../../../shared/components/CTA/LogoutComponent");
|
|
10
|
+
var segment_tracking_1 = require("@lendi/segment-tracking");
|
|
11
|
+
var style_2 = require("../../../shared/components/CTA/MobileActions/style");
|
|
10
12
|
var RenderMobileAction = function (_a) {
|
|
11
|
-
var isAuthenticated = _a.isAuthenticated, continueURL = _a.continueURL,
|
|
13
|
+
var isAuthenticated = _a.isAuthenticated, continueURL = _a.continueURL, teamMember = _a.teamMember, _b = _a.openCommPanel, openCommPanel = _b === void 0 ? function () { } : _b, _c = _a.showContinueAction, showContinueAction = _c === void 0 ? false : _c, _d = _a.showTalkToExpertCta, showTalkToExpertCta = _d === void 0 ? true : _d, hasUnreadMessages = _a.hasUnreadMessages;
|
|
12
14
|
var isTransparent = navbar_base_1.useNavbarBaseContext().isTransparent;
|
|
13
15
|
var needToContinue = function () { return isAuthenticated && showContinueAction; };
|
|
14
16
|
var primaryLabel = (teamMember === null || teamMember === void 0 ? void 0 : teamMember.firstName) ? "Talk to " + teamMember.firstName
|
|
15
17
|
: needToContinue()
|
|
16
18
|
? constants_1.CONTACT_US
|
|
17
|
-
: constants_1.
|
|
18
|
-
return (React.createElement(
|
|
19
|
-
showTalkToExpertCta && (React.createElement(
|
|
19
|
+
: constants_1.LABEL_TALK_TO_EXPERT;
|
|
20
|
+
return (React.createElement(style_2.MobileActionsWrapper, null,
|
|
21
|
+
showTalkToExpertCta && (React.createElement(index_style_1.TalkExpertAction, { size: "sm", isInverse: isTransparent, className: "noHover", variant: "secondary", onClick: function () {
|
|
20
22
|
openCommPanel();
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
});
|
|
23
|
+
var trackingEvent = {
|
|
24
|
+
text: 'Talk To Broker',
|
|
25
|
+
category: segment_tracking_1.EventCategory.NAVBAR,
|
|
26
|
+
};
|
|
27
|
+
Analytics_1.analytics(trackingEvent);
|
|
27
28
|
} }, hasUnreadMessages ? (React.createElement(React.Fragment, null,
|
|
28
|
-
React.createElement(
|
|
29
|
+
React.createElement(style_1.UnreadMessageWrapper, { "data-testid": "customer-view-unread-icon", color: "primary.500", height: "2em", width: "2em" }),
|
|
29
30
|
constants_1.UNREAD_MESSAGE_MOBILE)) : (React.createElement(React.Fragment, null, primaryLabel)))),
|
|
30
|
-
needToContinue() && (React.createElement(
|
|
31
|
+
needToContinue() && (React.createElement(index_style_1.ContinueAction, { variant: "emphasis", href: continueURL, "aria-label": constants_1.LABEL_CONTINUE, size: "sm", onClick: function () {
|
|
31
32
|
return Analytics_1.analytics({
|
|
32
33
|
event_name: 'Continue to Application',
|
|
33
|
-
category:
|
|
34
|
-
label: constants_1.
|
|
34
|
+
category: segment_tracking_1.EventCategory.NAVBAR,
|
|
35
|
+
label: constants_1.LABEL_CONTINUE,
|
|
35
36
|
});
|
|
36
|
-
} }, constants_1.
|
|
37
|
-
isAuthenticated && React.createElement(LogoutComponent_1.
|
|
37
|
+
} }, constants_1.LABEL_CONTINUE)),
|
|
38
|
+
isAuthenticated && React.createElement(LogoutComponent_1.LogoutComponent, null)));
|
|
38
39
|
};
|
|
39
40
|
exports.default = RenderMobileAction;
|
|
40
41
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/SimpleNavbar/components/MobileAction/index.tsx"],"names":[],"mappings":";;AAAA,qDAA6D;AAC7D,6BAA+B;AAE/B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/SimpleNavbar/components/MobileAction/index.tsx"],"names":[],"mappings":";;AAAA,qDAA6D;AAC7D,6BAA+B;AAE/B,8DAA4E;AAC5E,uDAAoH;AACpH,sDAAqD;AACrD,kDAAsE;AACtE,kFAAiF;AAEjF,4DAAqE;AACrE,4EAA0F;AAE1F,IAAM,kBAAkB,GAAG,UAAC,EAQJ;QAPtB,oCAAe,EACf,4BAAW,EACX,0BAAU,EACV,qBAAwB,EAAxB,oDAAwB,EACxB,0BAA0B,EAA1B,+CAA0B,EAC1B,2BAA0B,EAA1B,+CAA0B,EAC1B,wCAAiB;IAET,IAAA,kEAAa,CAA4B;IACjD,IAAM,cAAc,GAAG,cAAM,OAAA,eAAe,IAAI,kBAAkB,EAArC,CAAqC,CAAC;IACnE,IAAM,YAAY,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,EACxC,CAAC,CAAC,aAAW,UAAU,CAAC,SAAW;QACnC,CAAC,CAAC,cAAc,EAAE;YAClB,CAAC,CAAC,sBAAU;YACZ,CAAC,CAAC,gCAAoB,CAAC;IAEzB,OAAO,CACL,oBAAC,4BAAoB;QAClB,mBAAmB,IAAI,CACtB,oBAAC,8BAAgB,IACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,aAAa,EACxB,SAAS,EAAC,SAAS,EACnB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE;gBACP,aAAa,EAAE,CAAC;gBAChB,IAAM,aAAa,GAAgB;oBACjC,IAAI,EAAE,gBAAgB;oBACtB,QAAQ,EAAE,gCAAa,CAAC,MAAM;iBAC/B,CAAC;gBACF,qBAAS,CAAC,aAAa,CAAC,CAAC;YAC3B,CAAC,IAEA,iBAAiB,CAAC,CAAC,CAAC,CACnB;YACE,oBAAC,4BAAoB,mBACP,2BAA2B,EACvC,KAAK,EAAC,aAAa,EACnB,MAAM,EAAC,KAAK,EACZ,KAAK,EAAC,KAAK,GACX;YACD,iCAAqB,CACrB,CACJ,CAAC,CAAC,CAAC,CACF,0CAAG,YAAY,CAAI,CACpB,CACgB,CACpB;QACA,cAAc,EAAE,IAAI,CACnB,oBAAC,4BAAc,IACb,OAAO,EAAC,UAAU,EAClB,IAAI,EAAE,WAAW,gBACL,0BAAc,EAC1B,IAAI,EAAC,IAAI,EACT,OAAO,EAAE;gBACP,OAAA,qBAAS,CAAC;oBACR,UAAU,EAAE,yBAAyB;oBACrC,QAAQ,EAAE,gCAAa,CAAC,MAAM;oBAC9B,KAAK,EAAE,0BAAc;iBACtB,CAAC;YAJF,CAIE,IAGH,0BAAc,CACA,CAClB;QACA,eAAe,IAAI,oBAAC,iCAAe,OAAG,CAClB,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}
|