@lendi/navbar 1.0.2 → 1.1.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 +17 -0
- package/dist/cjs/MegaNavbar/components/MegaMenu/index.js +10 -4
- package/dist/cjs/MegaNavbar/components/MegaMenu/index.js.map +1 -1
- package/dist/cjs/MegaNavbar/index.js.map +1 -1
- package/dist/cjs/MultiNavbar/components/MultiOptions/index.js +12 -6
- package/dist/cjs/MultiNavbar/components/MultiOptions/index.js.map +1 -1
- package/dist/cjs/SimpleNavbar/components/CTA/index.js +42 -6
- package/dist/cjs/SimpleNavbar/components/CTA/index.js.map +1 -1
- package/dist/cjs/SimpleNavbar/index.js +1 -1
- package/dist/cjs/SimpleNavbar/index.js.map +1 -1
- package/dist/cjs/shared/assets/menuData.js +2 -2
- package/dist/cjs/shared/assets/menuData.js.map +1 -1
- package/dist/cjs/shared/components/CTA/index.js +19 -6
- package/dist/cjs/shared/components/CTA/index.js.map +1 -1
- package/dist/cjs/shared/components/CTA/index.style.js +7 -7
- package/dist/cjs/shared/components/CTA/index.style.js.map +1 -1
- package/dist/cjs/shared/components/HamBurgerMenu/index.js +5 -1
- package/dist/cjs/shared/components/HamBurgerMenu/index.js.map +1 -1
- package/dist/cjs/shared/components/LeftSidabar/Content/index.js +8 -4
- package/dist/cjs/shared/components/LeftSidabar/Content/index.js.map +1 -1
- package/dist/cjs/shared/components/LeftSidabar/Content/index.style.js +2 -1
- package/dist/cjs/shared/components/LeftSidabar/Content/index.style.js.map +1 -1
- package/dist/cjs/shared/components/LeftSidabar/FooterCTA/index.js +6 -2
- package/dist/cjs/shared/components/LeftSidabar/FooterCTA/index.js.map +1 -1
- 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/components/RightSidebar/RightSection/index.js +8 -4
- package/dist/cjs/shared/components/RightSidebar/RightSection/index.js.map +1 -1
- package/dist/cjs/shared/components/RightSidebar/index.js +6 -1
- package/dist/cjs/shared/components/RightSidebar/index.js.map +1 -1
- package/dist/cjs/shared/styles.js +10 -3
- package/dist/cjs/shared/styles.js.map +1 -1
- package/dist/cjs/shared/types.js.map +1 -1
- package/dist/cjs/utils/Analytics/index.js +27 -0
- package/dist/cjs/utils/Analytics/index.js.map +1 -0
- package/dist/types/MegaNavbar/components/MegaMenu/index.d.ts +1 -1
- package/dist/types/SimpleNavbar/components/CTA/index.d.ts +1 -1
- package/dist/types/shared/components/LeftSidabar/Content/index.style.d.ts +1 -0
- package/dist/types/shared/components/RightSidebar/index.d.ts +2 -2
- package/dist/types/shared/styles.d.ts +1 -0
- package/dist/types/shared/types.d.ts +1 -2
- package/dist/types/utils/Analytics/index.d.ts +4 -0
- package/package.json +4 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# Changelog - @lendi/navbar
|
|
2
2
|
|
|
3
|
+
## 1.1.0
|
|
4
|
+
- [minor] ea6aee8:
|
|
5
|
+
|
|
6
|
+
- add logout function to simple navbar
|
|
7
|
+
|
|
8
|
+
## 1.0.4
|
|
9
|
+
|
|
10
|
+
- [patch] cd13b88:
|
|
11
|
+
|
|
12
|
+
- bumped segment tracking version to support server side rendered applications
|
|
13
|
+
|
|
14
|
+
## [1.0.3] - 2019-11-29 - [HUB-710](https://creditandfinance.atlassian.net/browse/HUB-710)
|
|
15
|
+
|
|
16
|
+
### Added
|
|
17
|
+
|
|
18
|
+
- added segment tracking to Navbar
|
|
19
|
+
|
|
3
20
|
## [1.0.2] - 2019-12-02 - [Hotfix]
|
|
4
21
|
|
|
5
22
|
- exported types
|
|
@@ -15,13 +15,17 @@ var icon_1 = require("@lendi-ui/icon");
|
|
|
15
15
|
var index_style_2 = require("./index.style");
|
|
16
16
|
var typography_1 = require("@lendi-ui/typography");
|
|
17
17
|
var constants_1 = require("../../../shared/constants");
|
|
18
|
+
var Analytics_1 = require("../../../utils/Analytics");
|
|
18
19
|
var MegaMenu = function (_a) {
|
|
19
20
|
var isAuthenticated = _a.isAuthenticated, params = _a.params, continueURL = _a.continueURL, handleClick = _a.handleClick, isMenuOpen = _a.isMenuOpen;
|
|
20
21
|
var isTransparent = navbar_base_1.useNavbarBaseContext().isTransparent;
|
|
21
22
|
return (React.createElement(index_style_2.OptionsContainer, null,
|
|
22
23
|
React.createElement(index_style_2.UnOrderedList, null,
|
|
23
24
|
React.createElement(index_style_2.ListItem, { key: "menu" },
|
|
24
|
-
React.createElement(index_style_2.LinkOption, { onClick:
|
|
25
|
+
React.createElement(index_style_2.LinkOption, { onClick: function () {
|
|
26
|
+
handleClick();
|
|
27
|
+
Analytics_1.analytics({ event_name: 'click', label: 'Menu' });
|
|
28
|
+
}, isTransparent: isTransparent, "aria-label": "Mega menu" },
|
|
25
29
|
React.createElement(index_style_2.BarWrapper, null,
|
|
26
30
|
React.createElement(index_style_2.Label, { size: "xs" }, "Menu"),
|
|
27
31
|
React.createElement(index_style_2.ExpandMoreWrapper, { isSelected: isMenuOpen, isTransparent: isTransparent })),
|
|
@@ -29,12 +33,14 @@ var MegaMenu = function (_a) {
|
|
|
29
33
|
isMenuOpen && (React.createElement(index_style_2.DisplayPanel, null, menuData_1.MENU_OPTIONS.map(function (menu) { return (React.createElement(index_style_2.UnitWrapper, { size: 1 / menuData_1.MENU_OPTIONS.length, key: menu.label },
|
|
30
34
|
React.createElement(index_style_2.MenuWrapper, null,
|
|
31
35
|
React.createElement("div", null,
|
|
32
|
-
React.createElement(index_style_2.HeadingLink, { href: "" + (menu.link || '') + params, "aria-label": menu.label },
|
|
36
|
+
React.createElement(index_style_2.HeadingLink, { href: "" + (menu.link || '') + params, "aria-label": menu.label, onClick: function () { return Analytics_1.analytics({ event_name: 'click', label: menu.label }); } },
|
|
33
37
|
React.createElement(typography_1.Heading, { size: "md", color: "secondary.500", mr: "xxs" }, menu.label),
|
|
34
38
|
React.createElement(icon_1.KeyboardArrowRight, { color: "secondary.500" })),
|
|
35
|
-
menu.label === 'Home loans' && (React.createElement(index_style_1.SEMPanelButton, { size: "xs", variant: isAuthenticated ? 'emphasis' : 'primary', href: isAuthenticated ? continueURL : constants_1.SIGN_IN_LINK, "aria-label": isAuthenticated ? constants_1.CONTINUE : constants_1.SIGNUP_CONTINUE
|
|
39
|
+
menu.label === 'Home loans' && (React.createElement(index_style_1.SEMPanelButton, { size: "xs", variant: isAuthenticated ? 'emphasis' : 'primary', href: isAuthenticated ? continueURL : constants_1.SIGN_IN_LINK, "aria-label": isAuthenticated ? constants_1.CONTINUE : constants_1.SIGNUP_CONTINUE, onClick: function () {
|
|
40
|
+
return Analytics_1.analytics({ event_name: 'click', label: isAuthenticated ? constants_1.CONTINUE : constants_1.SIGNUP_CONTINUE });
|
|
41
|
+
} }, isAuthenticated ? constants_1.CONTINUE : constants_1.SIGNUP_CONTINUE))),
|
|
36
42
|
React.createElement(index_style_1.SEMLinksGroup, null, menu.children.map(function (child) { return (React.createElement(index_style_1.SEMLinkItem, { key: child.label },
|
|
37
|
-
React.createElement(index_style_1.SEMPanelLink, { size: "sm", color: "shade.700", href: "" + child.link + params, "aria-label": child.label }, child.label))); }))))); })))));
|
|
43
|
+
React.createElement(index_style_1.SEMPanelLink, { size: "sm", color: "shade.700", href: "" + child.link + params, "aria-label": child.label, onClick: function () { return Analytics_1.analytics({ event_name: 'click', label: child.label }); } }, child.label))); }))))); })))));
|
|
38
44
|
};
|
|
39
45
|
exports.default = MegaMenu;
|
|
40
46
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/MegaNavbar/components/MegaMenu/index.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,2CAA+B;AAC/B,4DAA4E;AAC5E,qDAA6D;AAC7D,6CAAyF;AACzF,uCAAoD;AAEpD,6CAauB;AACvB,mDAA+C;AAC/C,uDAAoF;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/MegaNavbar/components/MegaMenu/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/MegaNavbar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,sEAA+C;AAC/C,mEAA6C;AAC7C,2CAA6E;AAC7E,wEAAuC;AACvC,8DAAwC;AACxC,mDAA2C;AAC3C,iEAAkD;AAClD,qFAA+D;AAC/D,mEAAsD;AACtD,iFAA2D;AAC3D,mFAA6D;AAGhD,QAAA,UAAU,GAAG,UAAC,EAWT;IAVhB,IAAA,uBAAuB,EAAvB,4CAAuB,EACvB,sBAAsB,EAAtB,2CAAsB,EACtB,oBAAO,EACP,cAAW,EAAX,gCAAW,EACX,mBAAiB,EAAjB,sCAAiB,EACjB,gBAAmB,EAAnB,+CAAmB,EACnB,cAAiB,EAAjB,6CAAiB,EACjB,kBAAM,EACN,4BAAW,EACX,iJAAa;IAEP,IAAA,0BAA4D,EAA3D,kBAAU,EAAE,qBAA+C,CAAC;IAC7D,IAAA,0BAAwE,EAAvE,wBAAgB,EAAE,2BAAqD,CAAC;IACzE,IAAA,0BAA0E,EAAzE,yBAAiB,EAAE,4BAAsD,CAAC;IACjF,IAAM,WAAW,GAAG;QAClB,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;IACF,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACb,oBAAC,sBAAc,IAAC,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,cAAM,OAAA,aAAa,CAAC,KAAK,CAAC,EAApB,CAAoB,GAAI;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/MegaNavbar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,sEAA+C;AAC/C,mEAA6C;AAC7C,2CAA6E;AAC7E,wEAAuC;AACvC,8DAAwC;AACxC,mDAA2C;AAC3C,iEAAkD;AAClD,qFAA+D;AAC/D,mEAAsD;AACtD,iFAA2D;AAC3D,mFAA6D;AAGhD,QAAA,UAAU,GAAG,UAAC,EAWT;IAVhB,IAAA,uBAAuB,EAAvB,4CAAuB,EACvB,sBAAsB,EAAtB,2CAAsB,EACtB,oBAAO,EACP,cAAW,EAAX,gCAAW,EACX,mBAAiB,EAAjB,sCAAiB,EACjB,gBAAmB,EAAnB,+CAAmB,EACnB,cAAiB,EAAjB,6CAAiB,EACjB,kBAAM,EACN,4BAAW,EACX,iJAAa;IAEP,IAAA,0BAA4D,EAA3D,kBAAU,EAAE,qBAA+C,CAAC;IAC7D,IAAA,0BAAwE,EAAvE,wBAAgB,EAAE,2BAAqD,CAAC;IACzE,IAAA,0BAA0E,EAAzE,yBAAiB,EAAE,4BAAsD,CAAC;IACjF,IAAM,WAAW,GAAG;QAClB,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;IACF,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACb,oBAAC,sBAAc,IAAC,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,cAAM,OAAA,aAAa,CAAC,KAAK,CAAC,EAApB,CAAoB,GAAI;QACxF,oBAAC,sBAAa,aAAC,aAAa,EAAE,cAAc,EAAE,eAAe,EAAE,eAAe,IAAM,UAAU;YAC5F,oBAAC,qBAAU,CAAC,IAAI;gBACd,oBAAC,kBAAS;oBACR,oBAAC,wBAAe;wBACd,oBAAC,uBAAa,IACZ,aAAa,EAAE,UAAC,MAAe,IAAK,OAAA,mBAAmB,CAAC,MAAM,CAAC,EAA3B,CAA2B,EAC/D,gBAAgB,EAAE,gBAAgB,GAClC;wBACF,oBAAC,cAAa,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,GAAI,CACnC;oBAClB,oBAAC,kBAAQ,IACP,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,GACtB,CACQ,CACI;YAClB,oBAAC,qBAAU,CAAC,KAAK;gBACf,oBAAC,aAAU,IACT,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,cAAM,OAAA,oBAAoB,CAAC,IAAI,CAAC,EAA1B,CAA0B,GAClD,CACe,CACL;QAChB,oBAAC,qBAAW,IACV,WAAW,EAAE,gBAAgB,EAC7B,YAAY,EAAE,cAAM,OAAA,mBAAmB,CAAC,KAAK,CAAC,EAA1B,CAA0B,EAC9C,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,GAClB;QACF,oBAAC,sBAAY,IACX,WAAW,EAAE,iBAAiB,EAC9B,YAAY,EAAE,cAAM,OAAA,oBAAoB,CAAC,KAAK,CAAC,EAA3B,CAA2B,EAC/C,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GACd,CACa,CAClB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,iBAAO,CAAC,iGAAA,wBAEzC;IAEC,IACJ,KAHG,gBAAG,CAAC,SAAS,CAAC,gGAAA,6BAEb,MACH"}
|
|
@@ -14,12 +14,13 @@ var navbar_base_1 = require("@lendi-ui/navbar-base");
|
|
|
14
14
|
var constants_1 = require("../../../shared/constants");
|
|
15
15
|
var typography_1 = require("@lendi-ui/typography");
|
|
16
16
|
var index_style_1 = require("./index.style");
|
|
17
|
+
var Analytics_1 = require("../../../utils/Analytics");
|
|
17
18
|
var prevSelected = '';
|
|
18
19
|
var MenuOptions = function (props) {
|
|
19
20
|
var isTransparent = navbar_base_1.useNavbarBaseContext().isTransparent;
|
|
20
21
|
var isAuthenticated = props.isAuthenticated, params = props.params, continueURL = props.continueURL;
|
|
21
22
|
var _a = React.useState(''), currentSelected = _a[0], setCurrentSelected = _a[1];
|
|
22
|
-
var displayPanel = React.useRef();
|
|
23
|
+
var displayPanel = React.useRef(null);
|
|
23
24
|
var selectedItem = menuData_1.MENU_OPTIONS.find(function (menuItem) { return menuItem.label === currentSelected; });
|
|
24
25
|
React.useEffect(function () {
|
|
25
26
|
window.addEventListener('mousedown', closeDisplayPanel);
|
|
@@ -36,12 +37,15 @@ var MenuOptions = function (props) {
|
|
|
36
37
|
return (React.createElement(index_style_1.OptionsContainer, null,
|
|
37
38
|
React.createElement(index_style_1.UnOrderedList, null,
|
|
38
39
|
React.createElement(index_style_1.ListItem, { key: "home" },
|
|
39
|
-
React.createElement(index_style_1.LinkOption, { href: "" + constants_1.HOME_PAGE_LINK + params, isTransparent: isTransparent },
|
|
40
|
+
React.createElement(index_style_1.LinkOption, { href: "" + constants_1.HOME_PAGE_LINK + params, isTransparent: isTransparent, onClick: function () { return Analytics_1.analytics({ event_name: 'click', label: 'Home' }); } },
|
|
40
41
|
React.createElement(index_style_1.Label, { size: "xs", style: { paddingBottom: '2px' } }, "HOME"))),
|
|
41
42
|
menuData_1.MENU_OPTIONS.map(function (_a) {
|
|
42
43
|
var label = _a.label, children = _a.children;
|
|
43
44
|
return (React.createElement(index_style_1.ListItem, { key: label },
|
|
44
|
-
React.createElement(index_style_1.LinkOption, { onClick: function () {
|
|
45
|
+
React.createElement(index_style_1.LinkOption, { onClick: function () {
|
|
46
|
+
onClickOption(label, setCurrentSelected);
|
|
47
|
+
Analytics_1.analytics({ event_name: 'click', label: label });
|
|
48
|
+
}, isTransparent: isTransparent },
|
|
45
49
|
React.createElement(index_style_1.BarWrapper, null,
|
|
46
50
|
React.createElement(index_style_1.Label, { size: "xs" }, label),
|
|
47
51
|
children && (React.createElement(index_style_1.ExpandMoreWrapper, { isSelected: currentSelected === label, isTransparent: isTransparent }))),
|
|
@@ -49,12 +53,14 @@ var MenuOptions = function (props) {
|
|
|
49
53
|
}),
|
|
50
54
|
currentSelected && (React.createElement(index_style_1.DisplayPanel, { ref: displayPanel },
|
|
51
55
|
React.createElement(index_style_1.HeadingWrapper, null,
|
|
52
|
-
React.createElement(index_style_1.HeadingLink, { href: "" + (selectedItem.link || '') + params },
|
|
56
|
+
React.createElement(index_style_1.HeadingLink, { href: "" + (selectedItem.link || '') + params, onClick: function () { return Analytics_1.analytics({ event_name: 'click', label: currentSelected }); } },
|
|
53
57
|
React.createElement(typography_1.Heading, { size: "md", color: "secondary.500", mr: "xxs" }, currentSelected),
|
|
54
58
|
React.createElement(icon_1.KeyboardArrowRight, { color: "secondary.500" })),
|
|
55
|
-
currentSelected === 'Home loans' && (React.createElement(index_style_1.PanelButton, { size: "xs", variant: isAuthenticated ? 'emphasis' : 'primary', href: isAuthenticated ? continueURL : constants_1.SIGN_IN_LINK
|
|
59
|
+
currentSelected === 'Home loans' && (React.createElement(index_style_1.PanelButton, { size: "xs", variant: isAuthenticated ? 'emphasis' : 'primary', href: isAuthenticated ? continueURL : constants_1.SIGN_IN_LINK, onClick: function () {
|
|
60
|
+
return Analytics_1.analytics({ event_name: 'click', label: isAuthenticated ? constants_1.CONTINUE : constants_1.SIGNUP_CONTINUE });
|
|
61
|
+
} }, isAuthenticated ? constants_1.CONTINUE : constants_1.SIGNUP_CONTINUE))),
|
|
56
62
|
React.createElement(index_style_1.LinksGroup, null, selectedItem.children.map(function (child) { return (React.createElement(index_style_1.LinkItem, { key: child.label },
|
|
57
|
-
React.createElement(index_style_1.PanelLink, { size: "sm", color: "shade.700", href: "" + child.link + params }, child.label))); })))))));
|
|
63
|
+
React.createElement(index_style_1.PanelLink, { size: "sm", color: "shade.700", href: "" + child.link + params, onClick: function () { return Analytics_1.analytics({ event_name: 'click', label: child.label }); } }, child.label))); })))))));
|
|
58
64
|
};
|
|
59
65
|
var onClickOption = function (label, setCurrentSelected) {
|
|
60
66
|
if (prevSelected === label) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/MultiNavbar/components/MultiOptions/index.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,2CAA+B;AAC/B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/MultiNavbar/components/MultiOptions/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,19 +11,55 @@ var React = __importStar(require("react"));
|
|
|
11
11
|
var navbar_base_1 = require("@lendi-ui/navbar-base");
|
|
12
12
|
var index_style_1 = require("../../../shared/components/CTA/index.style");
|
|
13
13
|
var button_1 = require("@lendi-ui/button");
|
|
14
|
+
var icon_1 = require("@lendi-ui/icon");
|
|
14
15
|
var constants_1 = require("../../../shared/constants");
|
|
15
|
-
var index_style_2 = require("
|
|
16
|
+
var index_style_2 = require("../../../shared/components/CTA/index.style");
|
|
17
|
+
var index_style_3 = require("./index.style");
|
|
18
|
+
var Analytics_1 = require("../../../utils/Analytics");
|
|
16
19
|
var CTAButtons = function (_a) {
|
|
17
|
-
var isAuthenticated = _a.isAuthenticated, continueURL = _a.continueURL, openRightSidebar = _a.openRightSidebar, _b = _a.shouldTalkToExpert, shouldTalkToExpert = _b === void 0 ? true : _b;
|
|
20
|
+
var isAuthenticated = _a.isAuthenticated, continueURL = _a.continueURL, openRightSidebar = _a.openRightSidebar, onLogout = _a.onLogout, _b = _a.shouldTalkToExpert, shouldTalkToExpert = _b === void 0 ? true : _b;
|
|
18
21
|
var isTransparent = navbar_base_1.useNavbarBaseContext().isTransparent;
|
|
22
|
+
var _c = React.useState(false), isLogoutDisplay = _c[0], setIsLogoutDisplay = _c[1];
|
|
23
|
+
var logoutPanel = React.useRef();
|
|
24
|
+
var closeLogoutPanel = function (e) {
|
|
25
|
+
if (logoutPanel.current && !logoutPanel.current.contains(e.target)) {
|
|
26
|
+
setIsLogoutDisplay(false);
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
React.useEffect(function () {
|
|
30
|
+
window.addEventListener('mousedown', closeLogoutPanel);
|
|
31
|
+
return function () {
|
|
32
|
+
window.removeEventListener('mousedown', closeLogoutPanel);
|
|
33
|
+
};
|
|
34
|
+
});
|
|
35
|
+
var LogoutComponent = function () { return (React.createElement("div", { ref: logoutPanel },
|
|
36
|
+
React.createElement(index_style_2.KebabMenu, { className: "iconButtonWrapper", size: "sm", color: isTransparent ? 'shade.0' : 'secondary.500', onClick: function () {
|
|
37
|
+
setIsLogoutDisplay(!isLogoutDisplay);
|
|
38
|
+
Analytics_1.analytics({ event_name: 'click', label: 'more options' });
|
|
39
|
+
}, "aria-label": "More options", icon: icon_1.MoreVert }),
|
|
40
|
+
isLogoutDisplay && (React.createElement(index_style_2.LogoutWrapper, null,
|
|
41
|
+
React.createElement(index_style_2.LogoutLinkWrapper, { className: "iconButtonWrapper", color: "shade.700", onClick: function () {
|
|
42
|
+
onLogout();
|
|
43
|
+
Analytics_1.analytics({ event_name: 'click', label: 'Log out' });
|
|
44
|
+
}, "aria-label": "Log out" },
|
|
45
|
+
React.createElement(index_style_2.ExitToAppWrapper, { color: "primary.500", width: "18px", height: "18px" }),
|
|
46
|
+
"Log out"))))); };
|
|
19
47
|
return (React.createElement(React.Fragment, null,
|
|
20
48
|
React.createElement(React.Fragment, null,
|
|
21
49
|
React.createElement(index_style_1.DesktopActions, null,
|
|
22
|
-
shouldTalkToExpert && (React.createElement(
|
|
23
|
-
|
|
50
|
+
shouldTalkToExpert && (React.createElement(index_style_3.TalkExpertAction, { size: "sm", variant: "secondary", onClick: function () {
|
|
51
|
+
openRightSidebar();
|
|
52
|
+
Analytics_1.analytics({ event_name: 'click', label: constants_1.TALK_TO_EXPERT });
|
|
53
|
+
}, "aria-label": constants_1.TALK_TO_EXPERT }, constants_1.TALK_TO_EXPERT)),
|
|
54
|
+
React.createElement(button_1.Button, { size: "sm", variant: isAuthenticated ? 'emphasis' : 'primary', href: isAuthenticated ? continueURL : constants_1.BOOK_APPOINTMENT_LINK, onClick: function () { return Analytics_1.analytics({ event_name: 'click', label: isAuthenticated ? constants_1.CONTINUE : constants_1.BOOK_AN_APPOINTMENT }); }, "aria-label": isAuthenticated ? continueURL : constants_1.BOOK_APPOINTMENT_LINK }, isAuthenticated ? constants_1.CONTINUE : constants_1.BOOK_AN_APPOINTMENT),
|
|
55
|
+
isAuthenticated && React.createElement(LogoutComponent, null)),
|
|
24
56
|
React.createElement(index_style_1.MobileActions, null,
|
|
25
|
-
shouldTalkToExpert && (React.createElement(
|
|
26
|
-
|
|
57
|
+
shouldTalkToExpert && (React.createElement(index_style_3.TalkExpertAction, { size: "sm", isInverse: isTransparent, className: "noHover", variant: "secondary", onClick: function () {
|
|
58
|
+
openRightSidebar();
|
|
59
|
+
Analytics_1.analytics({ event_name: 'click', label: isAuthenticated ? constants_1.CONTACT_US : constants_1.TALK_TO_EXPERT });
|
|
60
|
+
}, "aria-label": isAuthenticated ? constants_1.CONTACT_US : constants_1.TALK_TO_EXPERT }, isAuthenticated ? constants_1.CONTACT_US : constants_1.TALK_TO_EXPERT)),
|
|
61
|
+
isAuthenticated && (React.createElement(index_style_3.ContinueAction, { variant: "emphasis", href: continueURL, "aria-label": constants_1.CONTINUE, size: "sm", onClick: function () { return Analytics_1.analytics({ event_name: 'click', label: constants_1.CONTINUE }); } }, constants_1.CONTINUE)),
|
|
62
|
+
isAuthenticated && React.createElement(LogoutComponent, null)))));
|
|
27
63
|
};
|
|
28
64
|
exports.default = CTAButtons;
|
|
29
65
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/SimpleNavbar/components/CTA/index.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,2CAA+B;AAC/B,qDAA6D;AAC7D,0EAA2F;AAC3F,2CAA0C;AAC1C,uDAMmC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/SimpleNavbar/components/CTA/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -44,7 +44,7 @@ exports.SimpleNavbar = function (_a) {
|
|
|
44
44
|
params = _e === void 0 ? '' : _e, _f = _a.continueURL, continueURL = _f === void 0 ? '/' : _f, _g = _a.onChat, onChat = _g === void 0 ? function () { } : _g, broker = _a.broker, application = _a.application, shouldTalkToExpert = _a.shouldTalkToExpert, otherProps = __rest(_a, ["isAuthenticated", "useTransparent", "homeURL", "params", "continueURL", "onChat", "broker", "application", "shouldTalkToExpert"]);
|
|
45
45
|
var _h = React.useState(false), rightSidebarState = _h[0], setRightSidebarState = _h[1];
|
|
46
46
|
return (React.createElement(React.Fragment, null,
|
|
47
|
-
React.createElement(styles_1.
|
|
47
|
+
React.createElement(styles_1.SimpleNavbarWrapper, __assign({ isTransparent: useTransparent, isAuthenticated: isAuthenticated }, otherProps),
|
|
48
48
|
React.createElement(navbar_base_1.default.Left, null,
|
|
49
49
|
React.createElement(Logo_1.default, { homeURL: homeURL, params: params, "aria-label": "Lendi Logo", hasHamburgerMenu: false })),
|
|
50
50
|
React.createElement(navbar_base_1.default.Right, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SimpleNavbar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,yDAA0C;AAC1C,sEAA+C;AAC/C,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SimpleNavbar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,yDAA0C;AAC1C,sEAA+C;AAC/C,2CAAuD;AACvD,mEAAsD;AAEtD,mFAA6D;AAEhD,QAAA,YAAY,GAAG,UAAC,EAWT;IAVlB,IAAA,uBAAuB,EAAvB,4CAAuB,EACvB,sBAAsB,EAAtB,2CAAsB,EACtB,eAAa,EAAb,kCAAa,EAAE,sBAAsB;IACrC,cAAW,EADI,sBAAsB;IACrC,gCAAW,EACX,mBAAiB,EAAjB,sCAAiB,EACjB,cAAiB,EAAjB,6CAAiB,EACjB,kBAAM,EACN,4BAAW,EACX,0CAAkB,EAClB,2JAAa;IAEP,IAAA,0BAA0E,EAAzE,yBAAiB,EAAE,4BAAsD,CAAC;IACjF,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACb,oBAAC,4BAAmB,aAAC,aAAa,EAAE,cAAc,EAAE,eAAe,EAAE,eAAe,IAAM,UAAU;YAClG,oBAAC,qBAAU,CAAC,IAAI;gBACd,oBAAC,cAAa,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAa,YAAY,EAAC,gBAAgB,EAAE,KAAK,GAAI,CACpF;YAClB,oBAAC,qBAAU,CAAC,KAAK;gBACf,oBAAC,aAAU,IACT,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,cAAM,OAAA,oBAAoB,CAAC,IAAI,CAAC,EAA1B,CAA0B,EAClD,kBAAkB,EAAE,kBAAkB,GACtC,CACe,CACC;QACtB,oBAAC,sBAAY,IACX,WAAW,EAAE,iBAAiB,EAC9B,YAAY,EAAE,cAAM,OAAA,oBAAoB,CAAC,KAAK,CAAC,EAA3B,CAA2B,EAC/C,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GACd,CACa,CAClB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -25,11 +25,11 @@ exports.MENU_OPTIONS = [
|
|
|
25
25
|
},
|
|
26
26
|
{
|
|
27
27
|
label: 'Buy a home',
|
|
28
|
-
link: '/
|
|
28
|
+
link: '/home-loans/basics/new-home',
|
|
29
29
|
},
|
|
30
30
|
{
|
|
31
31
|
label: 'Refinance',
|
|
32
|
-
link: '/
|
|
32
|
+
link: '/home-loans/basics/refinance',
|
|
33
33
|
},
|
|
34
34
|
{
|
|
35
35
|
label: 'Invest in property',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menuData.js","sourceRoot":"","sources":["../../../../src/shared/assets/menuData.ts"],"names":[],"mappings":";;AAca,QAAA,YAAY,GAAe;IACtC;QACE,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,YAAY;QAClB,QAAQ,EAAE;YACR;gBACE,KAAK,EAAE,oBAAoB;gBAC3B,IAAI,EAAE,sBAAsB;aAC7B;YACD;gBACE,KAAK,EAAE,YAAY;gBACnB,IAAI,EAAE,aAAa;aACpB;SACF;KACF;IACD;QACE,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,cAAc;QACpB,QAAQ,EAAE;YACR;gBACE,KAAK,EAAE,wBAAwB;gBAC/B,IAAI,EAAE,UAAU;aACjB;YACD;gBACE,KAAK,EAAE,YAAY;gBACnB,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"menuData.js","sourceRoot":"","sources":["../../../../src/shared/assets/menuData.ts"],"names":[],"mappings":";;AAca,QAAA,YAAY,GAAe;IACtC;QACE,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,YAAY;QAClB,QAAQ,EAAE;YACR;gBACE,KAAK,EAAE,oBAAoB;gBAC3B,IAAI,EAAE,sBAAsB;aAC7B;YACD;gBACE,KAAK,EAAE,YAAY;gBACnB,IAAI,EAAE,aAAa;aACpB;SACF;KACF;IACD;QACE,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,cAAc;QACpB,QAAQ,EAAE;YACR;gBACE,KAAK,EAAE,wBAAwB;gBAC/B,IAAI,EAAE,UAAU;aACjB;YACD;gBACE,KAAK,EAAE,YAAY;gBACnB,IAAI,EAAE,6BAA6B;aACpC;YACD;gBACE,KAAK,EAAE,WAAW;gBAClB,IAAI,EAAE,8BAA8B;aACrC;YACD;gBACE,KAAK,EAAE,oBAAoB;gBAC3B,IAAI,EAAE,kCAAkC;aACzC;YACD;gBACE,KAAK,EAAE,YAAY;gBACnB,IAAI,EAAE,yBAAyB;aAChC;YACD;gBACE,KAAK,EAAE,SAAS;gBAChB,IAAI,EAAE,sBAAsB;aAC7B;YACD;gBACE,KAAK,EAAE,KAAK;gBACZ,IAAI,EAAE,8BAA8B;aACrC;SACF;KACF;IACD;QACE,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,eAAe;QACrB,QAAQ,EAAE;YACR;gBACE,KAAK,EAAE,iBAAiB;gBACxB,IAAI,EAAE,mBAAmB;aAC1B;YACD;gBACE,KAAK,EAAE,4BAA4B;gBACnC,IAAI,EAAE,qDAAqD;aAC5D;YACD;gBACE,KAAK,EAAE,sBAAsB;gBAC7B,IAAI,EAAE,yDAAyD;aAChE;YACD;gBACE,KAAK,EAAE,uBAAuB;gBAC9B,IAAI,EAAE,2CAA2C;aAClD;YACD;gBACE,KAAK,EAAE,mBAAmB;gBAC1B,IAAI,EAAE,4CAA4C;aACnD;YACD;gBACE,KAAK,EAAE,mBAAmB;gBAC1B,IAAI,EAAE,4CAA4C;aACnD;YACD;gBACE,KAAK,EAAE,gBAAgB;gBACvB,IAAI,EAAE,yCAAyC;aAChD;YACD;gBACE,KAAK,EAAE,+BAA+B;gBACtC,IAAI,EAAE,wDAAwD;aAC/D;SACF;KACF;IACD;QACE,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,UAAU;QAChB,QAAQ,EAAE;YACR;gBACE,KAAK,EAAE,iBAAiB;gBACxB,IAAI,EAAE,YAAY;aACnB;SACF;KACF;IACD;QACE,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,WAAW;QACjB,QAAQ,EAAE;YACR;gBACE,KAAK,EAAE,UAAU;gBACjB,IAAI,EAAE,6BAA6B;aACpC;YACD;gBACE,KAAK,EAAE,SAAS;gBAChB,IAAI,EAAE,4BAA4B;aACnC;YACD;gBACE,KAAK,EAAE,WAAW;gBAClB,IAAI,EAAE,8BAA8B;aACrC;YACD;gBACE,KAAK,EAAE,aAAa;gBACpB,IAAI,EAAE,gCAAgC;aACvC;YACD;gBACE,KAAK,EAAE,UAAU;gBACjB,IAAI,EAAE,6BAA6B;aACpC;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,IAAI,EAAE,2BAA2B;aAClC;YACD;gBACE,KAAK,EAAE,eAAe;gBACtB,IAAI,EAAE,kCAAkC;aACzC;SACF;KACF;CACF,CAAC"}
|
|
@@ -12,6 +12,7 @@ var navbar_base_1 = require("@lendi-ui/navbar-base");
|
|
|
12
12
|
var index_style_1 = require("./index.style");
|
|
13
13
|
var icon_1 = require("@lendi-ui/icon");
|
|
14
14
|
var constants_1 = require("../../constants");
|
|
15
|
+
var Analytics_1 = require("../../../utils/Analytics");
|
|
15
16
|
var CTAButtons = function (_a) {
|
|
16
17
|
var isAuthenticated = _a.isAuthenticated, continueURL = _a.continueURL, onLogout = _a.onLogout, openRightSidebar = _a.openRightSidebar;
|
|
17
18
|
var isTransparent = navbar_base_1.useNavbarBaseContext().isTransparent;
|
|
@@ -30,17 +31,29 @@ var CTAButtons = function (_a) {
|
|
|
30
31
|
});
|
|
31
32
|
return (React.createElement(React.Fragment, null,
|
|
32
33
|
React.createElement(index_style_1.DesktopActions, null,
|
|
33
|
-
React.createElement(index_style_1.TalkExpertAction, { variant: "secondary", onClick:
|
|
34
|
-
|
|
34
|
+
React.createElement(index_style_1.TalkExpertAction, { variant: "secondary", onClick: function () {
|
|
35
|
+
openRightSidebar();
|
|
36
|
+
Analytics_1.analytics({ event_name: 'click', label: constants_1.TALK_TO_EXPERT });
|
|
37
|
+
}, "aria-label": constants_1.TALK_TO_EXPERT, size: "sm" }, constants_1.TALK_TO_EXPERT),
|
|
38
|
+
React.createElement(index_style_1.SignUpContinueButton, { size: "sm", variant: isAuthenticated ? 'emphasis' : 'primary', href: isAuthenticated ? continueURL : constants_1.SIGN_IN_LINK, onClick: function () { return Analytics_1.analytics({ event_name: 'click', label: isAuthenticated ? constants_1.CONTINUE : constants_1.SIGNUP_CONTINUE }); }, "aria-label": isAuthenticated ? constants_1.CONTINUE : constants_1.SIGNUP_CONTINUE }, isAuthenticated ? constants_1.CONTINUE : constants_1.SIGNUP_CONTINUE),
|
|
35
39
|
isAuthenticated && (React.createElement("div", { ref: logoutPanel },
|
|
36
|
-
React.createElement(index_style_1.KebabMenu, { className: "iconButtonWrapper", size: "sm", color: isTransparent ? 'shade.0' : 'secondary.500', onClick: function () {
|
|
40
|
+
React.createElement(index_style_1.KebabMenu, { className: "iconButtonWrapper", size: "sm", color: isTransparent ? 'shade.0' : 'secondary.500', onClick: function () {
|
|
41
|
+
setIsLogoutDisplay(!isLogoutDisplay);
|
|
42
|
+
Analytics_1.analytics({ event_name: 'click', label: 'more options' });
|
|
43
|
+
}, "aria-label": "More options", icon: icon_1.MoreVert }),
|
|
37
44
|
isLogoutDisplay && (React.createElement(index_style_1.LogoutWrapper, null,
|
|
38
|
-
React.createElement(index_style_1.LogoutLinkWrapper, { className: "iconButtonWrapper", color: "shade.700", onClick:
|
|
45
|
+
React.createElement(index_style_1.LogoutLinkWrapper, { className: "iconButtonWrapper", color: "shade.700", onClick: function () {
|
|
46
|
+
onLogout();
|
|
47
|
+
Analytics_1.analytics({ event_name: 'click', label: 'Log out' });
|
|
48
|
+
}, "aria-label": "Log out" },
|
|
39
49
|
React.createElement(index_style_1.ExitToAppWrapper, { color: "primary.500", width: "18px", height: "18px" }),
|
|
40
50
|
"Log out")))))),
|
|
41
51
|
React.createElement(index_style_1.MobileActions, null,
|
|
42
|
-
React.createElement(index_style_1.TalkExpertAction, { className: "noHover", variant: "secondary", onClick:
|
|
43
|
-
|
|
52
|
+
React.createElement(index_style_1.TalkExpertAction, { className: "noHover", variant: "secondary", onClick: function () {
|
|
53
|
+
openRightSidebar();
|
|
54
|
+
Analytics_1.analytics({ event_name: 'click', label: constants_1.CONTACT_US });
|
|
55
|
+
}, "aria-label": constants_1.CONTACT_US, size: "sm", isInverse: isTransparent }, constants_1.CONTACT_US),
|
|
56
|
+
React.createElement(index_style_1.SignUpContinueButton, { size: "sm", variant: isAuthenticated ? 'emphasis' : 'primary', href: isAuthenticated ? continueURL : constants_1.SIGN_IN_LINK, "aria-label": isAuthenticated ? constants_1.CONTINUE : constants_1.SIGNUP_CONTINUE, onClick: function () { return Analytics_1.analytics({ event_name: 'click', label: isAuthenticated ? constants_1.CONTINUE : constants_1.SIGNUP_CONTINUE }); } }, isAuthenticated ? constants_1.CONTINUE : constants_1.SIGNUP_CONTINUE))));
|
|
44
57
|
};
|
|
45
58
|
exports.default = CTAButtons;
|
|
46
59
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/shared/components/CTA/index.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,2CAA+B;AAC/B,qDAA6D;AAC7D,6CASuB;AACvB,uCAA0C;AAC1C,6CAAsG;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/shared/components/CTA/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,7 +17,7 @@ var depth_1 = require("@lendi-ui/depth");
|
|
|
17
17
|
var typography_1 = require("@lendi-ui/typography");
|
|
18
18
|
var button_1 = require("@lendi-ui/button");
|
|
19
19
|
var icon_1 = require("@lendi-ui/icon");
|
|
20
|
-
exports.MobileActions = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n .noHover {\n ", " :hover {\n box-shadow: none;\n }\n }\n"], ["\n ",
|
|
20
|
+
exports.MobileActions = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n ", ";\n .noHover {\n ", " :hover {\n box-shadow: none;\n }\n }\n"], ["\n display: flex;\n ",
|
|
21
21
|
";\n .noHover {\n ", " :hover {\n box-shadow: none;\n }\n }\n"])), breakpoint_1.gte('desktop')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: none;\n "], ["\n display: none;\n "]))), spacing_1.mr('nil'));
|
|
22
22
|
exports.DesktopActions = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n ", ";\n"], ["\n display: flex;\n ",
|
|
23
23
|
";\n"])), breakpoint_1.between('mobile', 'desktop')(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: none;\n "], ["\n display: none;\n "]))));
|
|
@@ -26,10 +26,10 @@ exports.TalkExpertAction = styled_components_1.default(button_1.Button)(template
|
|
|
26
26
|
"\n"])), spacing_1.mr('sm'), breakpoint_1.between('mobile', 'desktop')(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n border: none;\n "], ["\n border: none;\n "]))), breakpoint_1.between('mobile', 'tablet')(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n width: 90px;\n padding: 0;"], ["\n width: 90px;\n padding: 0;"]))));
|
|
27
27
|
exports.SignUpContinueButton = styled_components_1.default(button_1.Button)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n width: 110px;\n ", "\n word-wrap: break-word;\n"], ["\n width: 110px;\n ",
|
|
28
28
|
"\n word-wrap: break-word;\n"])), breakpoint_1.between('mobile', 'tablet')(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n width: 90px;\n padding: 0;"], ["\n width: 90px;\n padding: 0;"]))));
|
|
29
|
-
exports.LogoutWrapper = styled_components_1.default.div(
|
|
30
|
-
exports.ExitToAppWrapper = styled_components_1.default(icon_1.ExitToApp)(
|
|
31
|
-
exports.LogoutLinkWrapper = styled_components_1.default(typography_1.Link)(
|
|
32
|
-
exports.DesktopLogoutWrapper = styled_components_1.default.div(
|
|
33
|
-
exports.KebabMenu = styled_components_1.default(button_1.IconButton)(
|
|
34
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;
|
|
29
|
+
exports.LogoutWrapper = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n position: absolute;\n right: 5px;\n top: 56px;\n ", "\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: ", ";\n ", " ", " ", " ", " \n"], ["\n position: absolute;\n right: 5px;\n top: 56px;\n ", "\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: ", ";\n ", " ", " ", " ", " \n"])), breakpoint_1.gte('desktop')(templateObject_10 || (templateObject_10 = __makeTemplateObject(["top: 70px;"], ["top: 70px;"]))), theme_1.select('borderRadius'), spacing_1.px('md'), spacing_1.py('sm'), depth_1.depth(2), color_1.bg('shade.0'));
|
|
30
|
+
exports.ExitToAppWrapper = styled_components_1.default(icon_1.ExitToApp)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), spacing_1.mr('sm'));
|
|
31
|
+
exports.LogoutLinkWrapper = styled_components_1.default(typography_1.Link)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n overflow: hidden;\n text-decoration: none;\n font-weight: normal;\n margin-right: 0;\n"], ["\n overflow: hidden;\n text-decoration: none;\n font-weight: normal;\n margin-right: 0;\n"])));
|
|
32
|
+
exports.DesktopLogoutWrapper = styled_components_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), utils_1.display({ mobile: 'none', desktop: 'block' }));
|
|
33
|
+
exports.KebabMenu = styled_components_1.default(button_1.IconButton)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), spacing_1.ml('xxxs'));
|
|
34
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
|
|
35
35
|
//# sourceMappingURL=index.style.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.style.js","sourceRoot":"","sources":["../../../../../src/shared/components/CTA/index.style.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,wEAAuC;AACvC,mDAAoD;AACpD,6CAAmD;AACnD,yCAA0C;AAC1C,yCAAyC;AACzC,yCAAqC;AACrC,yCAAwC;AACxC,mDAA4C;AAC5C,2CAAsD;AACtD,uCAA2C;AAE9B,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"index.style.js","sourceRoot":"","sources":["../../../../../src/shared/components/CTA/index.style.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,wEAAuC;AACvC,mDAAoD;AACpD,6CAAmD;AACnD,yCAA0C;AAC1C,yCAAyC;AACzC,yCAAqC;AACrC,yCAAwC;AACxC,mDAA4C;AAC5C,2CAAsD;AACtD,uCAA2C;AAE9B,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,wKAAA,wBAEnC;IAED,uBAEG,EAAS,kDAId,KARG,gBAAG,CAAC,SAAS,CAAC,6FAAA,0BAEf,MAEG,YAAE,CAAC,KAAK,CAAC,EAIb;AACW,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,kGAAA,wBAEpC;IAED,KACF,KAHG,oBAAO,CAAC,QAAQ,EAAE,SAAS,CAAC,6FAAA,0BAE7B,MACD;AAEW,QAAA,gBAAgB,GAAG,2BAAM,CAAC,eAAM,CAAC,gGAAA,MAC1C,EAAQ,MACR;IAED,OACC;IAEY,IACf,KAPG,YAAE,CAAC,IAAI,CAAC,EACR,oBAAO,CAAC,QAAQ,EAAE,SAAS,CAAC,4FAAA,yBAE7B,MACC,oBAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,wGAAA,qCAEf,MACd;AAEW,QAAA,oBAAoB,GAAG,2BAAM,CAAC,eAAM,CAAC,0HAAA,uBAE9C;IAEY,8BAEf,KAJG,oBAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,wGAAA,qCAEf,MAEd;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,2PAAA,0DAInC,EAA0B,2FAIX,EAAsB,OACrC,EAAQ,GAAI,EAAQ,GAAI,EAAQ,GAAI,EAAa,KACpD,KANG,gBAAG,CAAC,SAAS,CAAC,iFAAA,YAAY,MAIX,cAAM,CAAC,cAAc,CAAC,EACrC,YAAE,CAAC,IAAI,CAAC,EAAI,YAAE,CAAC,IAAI,CAAC,EAAI,aAAK,CAAC,CAAC,CAAC,EAAI,UAAE,CAAC,SAAS,CAAC,EACnD;AAEW,QAAA,gBAAgB,GAAG,2BAAM,CAAC,gBAAS,CAAC,iFAAA,MAC7C,EAAQ,IACX,KADG,YAAE,CAAC,IAAI,CAAC,EACV;AAEW,QAAA,iBAAiB,GAAG,2BAAM,CAAC,iBAAI,CAAC,oKAAA,+FAK5C,KAAC;AAEW,QAAA,oBAAoB,GAAG,2BAAM,CAAC,GAAG,iFAAA,MAC1C,EAA6C,IAChD,KADG,eAAO,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EAC/C;AAEW,QAAA,SAAS,GAAG,2BAAM,CAAC,mBAAU,CAAC,iFAAA,MACvC,EAAU,IACb,KADG,YAAE,CAAC,MAAM,CAAC,EACZ"}
|
|
@@ -17,10 +17,14 @@ var styled_components_1 = __importStar(require("styled-components"));
|
|
|
17
17
|
var navbar_base_1 = require("@lendi-ui/navbar-base");
|
|
18
18
|
var breakpoint_1 = require("@lendi-ui/breakpoint");
|
|
19
19
|
var utils_1 = require("@lendi-ui/utils");
|
|
20
|
+
var Analytics_1 = require("../../../utils/Analytics");
|
|
20
21
|
var HamBurgerMenu = function (_a) {
|
|
21
22
|
var toggleSidebar = _a.toggleSidebar, leftSidebarState = _a.leftSidebarState;
|
|
22
23
|
var isTransparent = navbar_base_1.useNavbarBaseContext().isTransparent;
|
|
23
|
-
return (React.createElement(exports.HamBurgerWrapper, { onClick: function () {
|
|
24
|
+
return (React.createElement(exports.HamBurgerWrapper, { onClick: function () {
|
|
25
|
+
toggleSidebar(!leftSidebarState);
|
|
26
|
+
Analytics_1.analytics({ event_name: 'click', label: leftSidebarState ? 'close menu' : 'open menu' });
|
|
27
|
+
} }, leftSidebarState ? (React.createElement(exports.CloseButton, { color: !isTransparent ? 'primary.500' : 'shade.0', "aria-label": "close menu" })) : (React.createElement(exports.MenuButton, { color: !isTransparent ? 'primary.500' : 'shade.0', "aria-label": "open menu" }))));
|
|
24
28
|
};
|
|
25
29
|
var commonButtonStyle = styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n"], ["\n height: ", ";\n width: ", ";\n"])), utils_1.deriveSize(1.6), utils_1.deriveSize(1.6));
|
|
26
30
|
exports.CloseButton = styled_components_1.default(icon_1.Close)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), commonButtonStyle);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/shared/components/HamBurgerMenu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,uCAA6C;AAC7C,qEAAgD;AAChD,qDAA6D;AAC7D,mDAA2C;AAC3C,yCAA6C;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/shared/components/HamBurgerMenu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,uCAA6C;AAC7C,qEAAgD;AAChD,qDAA6D;AAC7D,mDAA2C;AAC3C,yCAA6C;AAC7C,sDAAqD;AAOrD,IAAM,aAAa,GAAG,UAAC,EAAuD;QAArD,gCAAa,EAAE,sCAAgB;IAC9C,IAAA,kEAAa,CAA4B;IACjD,OAAO,CACL,oBAAC,wBAAgB,IACf,OAAO,EAAE;YACP,aAAa,CAAC,CAAC,gBAAgB,CAAC,CAAC;YACjC,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;QAC3F,CAAC,IAEA,gBAAgB,CAAC,CAAC,CAAC,CAClB,oBAAC,mBAAW,IAAC,KAAK,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,gBAAa,YAAY,GAAG,CAC3F,CAAC,CAAC,CAAC,CACF,oBAAC,kBAAU,IAAC,KAAK,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,gBAAa,WAAW,GAAG,CACzF,CACgB,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,iBAAiB,GAAG,uBAAG,wGAAA,cACjB,EAAe,cAChB,EAAe,KACzB,KAFW,kBAAU,CAAC,GAAG,CAAC,EAChB,kBAAU,CAAC,GAAG,CAAC,CACzB,CAAC;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,YAAK,CAAC,+EAAA,MACpC,EAAiB,IACpB,KADG,iBAAiB,EACnB;AACW,QAAA,UAAU,GAAG,2BAAM,CAAC,WAAI,CAAC,+EAAA,MAClC,EAAiB,IACpB,KADG,iBAAiB,EACnB;AAEW,QAAA,gBAAgB,GAAG,2BAAM,CAAC,CAAC,oGAAA,MACpC;IAED,yBAEF,KAJG,gBAAG,CAAC,SAAS,CAAC,6FAAA,0BAEf,MAED;AAEF,kBAAe,aAAa,CAAC"}
|
|
@@ -10,16 +10,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
10
10
|
var React = __importStar(require("react"));
|
|
11
11
|
var menuData_1 = require("../../../assets/menuData");
|
|
12
12
|
var index_style_1 = require("./index.style");
|
|
13
|
+
var Analytics_1 = require("../../../../utils/Analytics");
|
|
13
14
|
exports.LeftSidebarContent = function () {
|
|
14
15
|
var _a = React.useState(-1), selected = _a[0], setSelected = _a[1];
|
|
15
16
|
return (React.createElement(index_style_1.ItemsWrapper, { role: "menu" }, menuData_1.MENU_OPTIONS.map(function (item, index) {
|
|
16
|
-
return item.children.length > 0 ? (React.createElement(
|
|
17
|
-
React.createElement(index_style_1.Item, { onClick: function () {
|
|
17
|
+
return item.children.length > 0 ? (React.createElement(index_style_1.ListItem, { key: index },
|
|
18
|
+
React.createElement(index_style_1.Item, { onClick: function () {
|
|
19
|
+
setSelected(index);
|
|
20
|
+
Analytics_1.analytics({ event_name: 'click', label: item.label });
|
|
21
|
+
}, "aria-label": item.label },
|
|
18
22
|
React.createElement(index_style_1.RightArrow, { shouldRotate: selected === index }),
|
|
19
23
|
React.createElement("span", null, item.label)),
|
|
20
24
|
React.createElement(index_style_1.Accordion, { isVisible: selected === index, "aria-expanded": selected === index }, item.children.map(function (child, childIndex) { return (React.createElement(index_style_1.SubItem, { role: "none", key: index + '-' + childIndex },
|
|
21
|
-
React.createElement(index_style_1.SubItemLink, { role: "menuitem", href: child.link, "aria-label": child.label }, child.label))); })))) : (React.createElement(
|
|
22
|
-
React.createElement(index_style_1.ItemLink, { role: "menuitem", href: item.link, "aria-label": item.label },
|
|
25
|
+
React.createElement(index_style_1.SubItemLink, { role: "menuitem", href: child.link, "aria-label": child.label, onClick: function () { return Analytics_1.analytics({ event_name: 'click', label: child.label }); } }, child.label))); })))) : (React.createElement(index_style_1.ListItem, { role: "none", key: index }, item.link ? (React.createElement(index_style_1.Item, null,
|
|
26
|
+
React.createElement(index_style_1.ItemLink, { role: "menuitem", href: item.link, "aria-label": item.label, onClick: function () { return Analytics_1.analytics({ event_name: 'click', label: item.label }); } },
|
|
23
27
|
React.createElement("span", null, item.label)))) : (React.createElement(index_style_1.Item, { "aria-label": item.label },
|
|
24
28
|
React.createElement("span", null, item.label)))));
|
|
25
29
|
})));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/shared/components/LeftSidabar/Content/index.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,2CAA+B;AAC/B,qDAA+E;AAC/E,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/shared/components/LeftSidabar/Content/index.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,2CAA+B;AAC/B,qDAA+E;AAC/E,6CAAoH;AACpH,yDAAwD;AAE3C,QAAA,kBAAkB,GAAG;IAC1B,IAAA,uBAAoD,EAAnD,gBAAQ,EAAE,mBAAyC,CAAC;IAC3D,OAAO,CACL,oBAAC,0BAAY,IAAC,IAAI,EAAC,MAAM,IACtB,uBAAY,CAAC,GAAG,CAAC,UAAC,IAAc,EAAE,KAAa;QAC9C,OAAA,IAAI,CAAC,QAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC1B,oBAAC,sBAAQ,IAAC,GAAG,EAAE,KAAK;YAClB,oBAAC,kBAAI,IACH,OAAO,EAAE;oBACP,WAAW,CAAC,KAAK,CAAC,CAAC;oBACnB,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;gBACxD,CAAC,gBACW,IAAI,CAAC,KAAK;gBAEtB,oBAAC,wBAAU,IAAC,YAAY,EAAE,QAAQ,KAAK,KAAK,GAAI;gBAChD,kCAAO,IAAI,CAAC,KAAK,CAAQ,CACpB;YACP,oBAAC,uBAAS,IAAC,SAAS,EAAE,QAAQ,KAAK,KAAK,mBAAiB,QAAQ,KAAK,KAAK,IACxE,IAAI,CAAC,QAAS,CAAC,GAAG,CAAC,UAAC,KAAkB,EAAE,UAAkB,IAAK,OAAA,CAC9D,oBAAC,qBAAO,IAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAE,KAAK,GAAG,GAAG,GAAG,UAAU;gBAChD,oBAAC,yBAAW,IACV,IAAI,EAAC,UAAU,EACf,IAAI,EAAE,KAAK,CAAC,IAAI,gBACJ,KAAK,CAAC,KAAK,EACvB,OAAO,EAAE,cAAM,OAAA,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,EAAtD,CAAsD,IAEpE,KAAK,CAAC,KAAK,CACA,CACN,CACX,EAX+D,CAW/D,CAAC,CACQ,CACH,CACZ,CAAC,CAAC,CAAC,CACF,oBAAC,sBAAQ,IAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAE,KAAK,IAC7B,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,oBAAC,kBAAI;YACH,oBAAC,sBAAQ,IACP,IAAI,EAAC,UAAU,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,gBACH,IAAI,CAAC,KAAK,EACtB,OAAO,EAAE,cAAM,OAAA,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,EAArD,CAAqD;gBAEpE,kCAAO,IAAI,CAAC,KAAK,CAAQ,CAChB,CACN,CACR,CAAC,CAAC,CAAC,CACF,oBAAC,kBAAI,kBAAa,IAAI,CAAC,KAAK;YAC1B,kCAAO,IAAI,CAAC,KAAK,CAAQ,CACpB,CACR,CACQ,CACZ;IA9CD,CA8CC,CACF,CACY,CAChB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -35,5 +35,6 @@ exports.Accordion = styled_components_1.default.ul(templateObject_6 || (template
|
|
|
35
35
|
exports.SubItem = styled_components_1.default.li(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n font-family: ", ";\n font-size: 12px;\n width: 100%;\n ", ";\n height: ", ";\n transition: height 1s ease-out;\n line-height: ", ";\n background-color: ", ";\n"], ["\n font-family: ", ";\n font-size: 12px;\n width: 100%;\n ", ";\n height: ", ";\n transition: height 1s ease-out;\n line-height: ", ";\n background-color: ", ";\n"])), theme_1.select('typography.body.fontFamily'), spacing_1.pl('nil'), exports.ITEM_HEIGHT, exports.ITEM_HEIGHT, color_1.color('shade.25'));
|
|
36
36
|
exports.ItemLink = styled_components_1.default.a(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n text-decoration: none;\n color: ", ";\n width: 100%;\n"], ["\n text-decoration: none;\n color: ", ";\n width: 100%;\n"])), color_1.color('secondary.500'));
|
|
37
37
|
exports.SubItemLink = styled_components_1.default.a(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n text-decoration: none;\n color: ", ";\n display: block;\n padding-left: 48px;\n"], ["\n text-decoration: none;\n color: ", ";\n display: block;\n padding-left: 48px;\n"])), color_1.color('shade.900'));
|
|
38
|
-
|
|
38
|
+
exports.ListItem = styled_components_1.default.li(templateObject_10 || (templateObject_10 = __makeTemplateObject([""], [""])));
|
|
39
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
|
|
39
40
|
//# sourceMappingURL=index.style.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.style.js","sourceRoot":"","sources":["../../../../../../src/shared/components/LeftSidabar/Content/index.style.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,2CAA+B;AAE/B,qEAAgD;AAChD,yCAAgD;AAChD,yCAAyC;AACzC,6CAA+C;AAC/C,uCAA+C;AAElC,QAAA,WAAW,GAAG,MAAM,CAAC;AAWrB,QAAA,YAAY,GAAG,2BAAM,CAAC,EAAE,6KAAA,MACjC,EAAS,OACT,EAAS,yFAKZ,KANG,YAAE,CAAC,KAAK,CAAC,EACT,YAAE,CAAC,KAAK,CAAC,EAKX;AAEW,QAAA,IAAI,GAAG,2BAAM,CAAC,MAAM,+bAAA,kDAEF,EAAkB,8HAQvB,EAAkB,oBAC3B,EAAoC,8EAIjD,EAAmB,8BAEX,EAAW,oBACN,EAAW,OACxB,EAAQ,uBAGN,EAAc,UAEnB,KAtB8B,aAAK,CAAC,WAAW,CAAC,EAQvB,aAAK,CAAC,WAAW,CAAC,EAC3B,cAAM,CAAC,4BAA4B,CAAC,EAIjD,UAAE,CAAC,eAAe,CAAC,EAEX,mBAAW,EACN,mBAAW,EACxB,YAAE,CAAC,IAAI,CAAC,EAGN,UAAE,CAAC,UAAU,CAAC,EAElB;AAEW,QAAA,UAAU,GAAG,2BAAM,CAAC,oBAAa,CAAC,CAAC,KAAK,CAAC;IACpD,KAAK,EAAE,eAAe;CACvB,CAAC,2MAAA,yBAEE,EAAQ,uGAMR;IAGC,IACJ,KAVG,YAAE,CAAC,IAAI,CAAC,EAMR,UAAC,EAAiC;QAA/B,8BAAY;IACf,OAAA,uBAAG,2GAAA,4BACmB,EAAgC,UACrD,KADqB,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;AADtD,CAEC,EACH;AAEW,QAAA,SAAS,GAAG,2BAAM,CAAC,EAAE,uMAAA,MAC9B,EAAS,sHAOT;IAIC,IACJ,KAZG,YAAE,CAAC,KAAK,CAAC,EAOT,UAAC,EAAuC;QAArC,wBAAS,EAAE,sBAAQ;IACtB,OAAA,SAAS,IACT,uBAAG,6GAAA,uBACc,EAA8B,KAAM,EAAW,UAC/D,KADgB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAM,mBAAW,CAC/D;AAHD,CAGC,EACH;AAEW,QAAA,OAAO,GAAG,2BAAM,CAAC,EAAE,+OAAA,mBACf,EAAoC,2CAGjD,EAAS,eACD,EAAW,uDAEN,EAAW,yBACN,EAAiB,KACtC,KARgB,cAAM,CAAC,4BAA4B,CAAC,EAGjD,YAAE,CAAC,KAAK,CAAC,EACD,mBAAW,EAEN,mBAAW,EACN,aAAK,CAAC,UAAU,CAAC,EACrC;AAEW,QAAA,QAAQ,GAAG,2BAAM,CAAC,CAAC,iIAAA,uCAErB,EAAsB,qBAEhC,KAFU,aAAK,CAAC,eAAe,CAAC,EAE/B;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,CAAC,2JAAA,uCAExB,EAAkB,+CAG5B,KAHU,aAAK,CAAC,WAAW,CAAC,EAG3B"}
|
|
1
|
+
{"version":3,"file":"index.style.js","sourceRoot":"","sources":["../../../../../../src/shared/components/LeftSidabar/Content/index.style.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,2CAA+B;AAE/B,qEAAgD;AAChD,yCAAgD;AAChD,yCAAyC;AACzC,6CAA+C;AAC/C,uCAA+C;AAElC,QAAA,WAAW,GAAG,MAAM,CAAC;AAWrB,QAAA,YAAY,GAAG,2BAAM,CAAC,EAAE,6KAAA,MACjC,EAAS,OACT,EAAS,yFAKZ,KANG,YAAE,CAAC,KAAK,CAAC,EACT,YAAE,CAAC,KAAK,CAAC,EAKX;AAEW,QAAA,IAAI,GAAG,2BAAM,CAAC,MAAM,+bAAA,kDAEF,EAAkB,8HAQvB,EAAkB,oBAC3B,EAAoC,8EAIjD,EAAmB,8BAEX,EAAW,oBACN,EAAW,OACxB,EAAQ,uBAGN,EAAc,UAEnB,KAtB8B,aAAK,CAAC,WAAW,CAAC,EAQvB,aAAK,CAAC,WAAW,CAAC,EAC3B,cAAM,CAAC,4BAA4B,CAAC,EAIjD,UAAE,CAAC,eAAe,CAAC,EAEX,mBAAW,EACN,mBAAW,EACxB,YAAE,CAAC,IAAI,CAAC,EAGN,UAAE,CAAC,UAAU,CAAC,EAElB;AAEW,QAAA,UAAU,GAAG,2BAAM,CAAC,oBAAa,CAAC,CAAC,KAAK,CAAC;IACpD,KAAK,EAAE,eAAe;CACvB,CAAC,2MAAA,yBAEE,EAAQ,uGAMR;IAGC,IACJ,KAVG,YAAE,CAAC,IAAI,CAAC,EAMR,UAAC,EAAiC;QAA/B,8BAAY;IACf,OAAA,uBAAG,2GAAA,4BACmB,EAAgC,UACrD,KADqB,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;AADtD,CAEC,EACH;AAEW,QAAA,SAAS,GAAG,2BAAM,CAAC,EAAE,uMAAA,MAC9B,EAAS,sHAOT;IAIC,IACJ,KAZG,YAAE,CAAC,KAAK,CAAC,EAOT,UAAC,EAAuC;QAArC,wBAAS,EAAE,sBAAQ;IACtB,OAAA,SAAS,IACT,uBAAG,6GAAA,uBACc,EAA8B,KAAM,EAAW,UAC/D,KADgB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAM,mBAAW,CAC/D;AAHD,CAGC,EACH;AAEW,QAAA,OAAO,GAAG,2BAAM,CAAC,EAAE,+OAAA,mBACf,EAAoC,2CAGjD,EAAS,eACD,EAAW,uDAEN,EAAW,yBACN,EAAiB,KACtC,KARgB,cAAM,CAAC,4BAA4B,CAAC,EAGjD,YAAE,CAAC,KAAK,CAAC,EACD,mBAAW,EAEN,mBAAW,EACN,aAAK,CAAC,UAAU,CAAC,EACrC;AAEW,QAAA,QAAQ,GAAG,2BAAM,CAAC,CAAC,iIAAA,uCAErB,EAAsB,qBAEhC,KAFU,aAAK,CAAC,eAAe,CAAC,EAE/B;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,CAAC,2JAAA,uCAExB,EAAkB,+CAG5B,KAHU,aAAK,CAAC,WAAW,CAAC,EAG3B;AAEW,QAAA,QAAQ,GAAG,2BAAM,CAAC,EAAE,uEAAA,EAAE,KAAC"}
|
|
@@ -20,11 +20,15 @@ var spacing_1 = require("@lendi-ui/spacing");
|
|
|
20
20
|
var button_1 = require("@lendi-ui/button");
|
|
21
21
|
var icon_1 = require("@lendi-ui/icon");
|
|
22
22
|
var constants_1 = require("../../../constants");
|
|
23
|
+
var Analytics_1 = require("../../../../utils/Analytics");
|
|
23
24
|
var FooterCTA = function (_a) {
|
|
24
25
|
var _b = _a.isAuthenticated, isAuthenticated = _b === void 0 ? false : _b, _c = _a.continueURL, continueURL = _c === void 0 ? '/' : _c, _d = _a.onLogout, onLogout = _d === void 0 ? function () { } : _d;
|
|
25
26
|
return (React.createElement(FooterWrapper, null,
|
|
26
|
-
React.createElement(exports.FooterAction, { variant: isAuthenticated ? 'emphasis' : 'primary', isFullWidth: true, href: isAuthenticated ? continueURL : constants_1.SIGN_IN_LINK, "aria-label": isAuthenticated ? constants_1.CONTINUE : constants_1.SIGNUP_CONTINUE }, isAuthenticated ? constants_1.CONTINUE : constants_1.SIGNUP_CONTINUE),
|
|
27
|
-
isAuthenticated && (React.createElement(exports.FooterAction, { variant: "empty", onClick:
|
|
27
|
+
React.createElement(exports.FooterAction, { variant: isAuthenticated ? 'emphasis' : 'primary', isFullWidth: true, href: isAuthenticated ? continueURL : constants_1.SIGN_IN_LINK, "aria-label": isAuthenticated ? constants_1.CONTINUE : constants_1.SIGNUP_CONTINUE, onClick: function () { return Analytics_1.analytics({ event_name: 'click', label: isAuthenticated ? constants_1.CONTINUE : constants_1.SIGNUP_CONTINUE }); } }, isAuthenticated ? constants_1.CONTINUE : constants_1.SIGNUP_CONTINUE),
|
|
28
|
+
isAuthenticated && (React.createElement(exports.FooterAction, { variant: "empty", onClick: function () {
|
|
29
|
+
onLogout();
|
|
30
|
+
Analytics_1.analytics({ event_name: 'click', label: 'Log out' });
|
|
31
|
+
}, "aria-label": "Log out" },
|
|
28
32
|
React.createElement(icon_1.ExitToApp, { color: "primary.500" }),
|
|
29
33
|
" Log out"))));
|
|
30
34
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/shared/components/LeftSidabar/FooterCTA/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,wEAAuC;AACvC,6CAA2C;AAC3C,2CAA0C;AAC1C,uCAA2C;AAC3C,gDAA6E;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/shared/components/LeftSidabar/FooterCTA/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,wEAAuC;AACvC,6CAA2C;AAC3C,2CAA0C;AAC1C,uCAA2C;AAC3C,gDAA6E;AAC7E,yDAAwD;AAQxD,IAAM,SAAS,GAAG,UAAC,EAAmF;QAAjF,uBAAuB,EAAvB,4CAAuB,EAAE,mBAAiB,EAAjB,sCAAiB,EAAE,gBAAmB,EAAnB,+CAAmB;IAClF,OAAO,CACL,oBAAC,aAAa;QACZ,oBAAC,oBAAY,IACX,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EACjD,WAAW,QACX,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,wBAAY,gBACtC,eAAe,CAAC,CAAC,CAAC,oBAAQ,CAAC,CAAC,CAAC,2BAAe,EACxD,OAAO,EAAE,cAAM,OAAA,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,oBAAQ,CAAC,CAAC,CAAC,2BAAe,EAAE,CAAC,EAAvF,CAAuF,IAErG,eAAe,CAAC,CAAC,CAAC,oBAAQ,CAAC,CAAC,CAAC,2BAAe,CAChC;QACd,eAAe,IAAI,CAClB,oBAAC,oBAAY,IACX,OAAO,EAAC,OAAO,EACf,OAAO,EAAE;gBACP,QAAQ,EAAE,CAAC;gBACX,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;YACvD,CAAC,gBACU,SAAS;YAEpB,oBAAC,gBAAS,IAAC,KAAK,EAAC,aAAa,GAAG;uBACpB,CAChB,CACa,CACjB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,YAAY,GAAG,2BAAM,CAAC,eAAM,CAAC,6HAAA,0DAIzC,KAAC;AAEF,IAAM,aAAa,GAAG,2BAAM,CAAC,GAAG,6SAAA,2NAM5B,EAAQ,OACR,EAAQ,IACX,KAFG,YAAE,CAAC,IAAI,CAAC,EACR,YAAE,CAAC,IAAI,CAAC,CACX,CAAC;AAEF,kBAAe,SAAS,CAAC"}
|
|
@@ -10,11 +10,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
10
10
|
var React = __importStar(require("react"));
|
|
11
11
|
var navbar_base_1 = require("@lendi-ui/navbar-base");
|
|
12
12
|
var index_style_1 = require("./index.style");
|
|
13
|
+
var Analytics_1 = require("../../../utils/Analytics");
|
|
13
14
|
var LogoComponent = function (_a) {
|
|
14
15
|
var homeURL = _a.homeURL, params = _a.params, _b = _a.hasHamburgerMenu, hasHamburgerMenu = _b === void 0 ? true : _b;
|
|
15
16
|
var isTransparent = navbar_base_1.useNavbarBaseContext().isTransparent;
|
|
16
17
|
var variant = isTransparent ? 'light' : 'dark';
|
|
17
|
-
return (React.createElement(index_style_1.LogoWrapper, { hasHamburgerMenu: hasHamburgerMenu }, homeURL ? (React.createElement(index_style_1.LogoLink, { href: "" + homeURL + params, "aria-label": "Logo" },
|
|
18
|
+
return (React.createElement(index_style_1.LogoWrapper, { hasHamburgerMenu: hasHamburgerMenu }, homeURL ? (React.createElement(index_style_1.LogoLink, { href: "" + homeURL + params, "aria-label": "Logo", onClick: function () { return Analytics_1.analytics({ event_name: 'click', label: 'Logo' }); } },
|
|
18
19
|
React.createElement(index_style_1.HeaderLogo, { variant: variant }))) : (React.createElement(index_style_1.LogoLink, null,
|
|
19
20
|
React.createElement(index_style_1.HeaderLogo, { variant: variant, "aria-label": "Logo" })))));
|
|
20
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/shared/components/Logo/index.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,2CAA+B;AAC/B,qDAA6D;AAC7D,6CAAkE;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/shared/components/Logo/index.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,2CAA+B;AAC/B,qDAA6D;AAC7D,6CAAkE;AAClE,sDAAqD;AAQrD,IAAM,aAAa,GAAG,UAAC,EAAuD;QAArD,oBAAO,EAAE,kBAAM,EAAE,wBAAuB,EAAvB,4CAAuB;IACvD,IAAA,kEAAa,CAA4B;IACjD,IAAM,OAAO,GAAG,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IACjD,OAAO,CACL,oBAAC,yBAAW,IAAC,gBAAgB,EAAE,gBAAgB,IAC5C,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,sBAAQ,IACP,IAAI,EAAE,KAAG,OAAO,GAAG,MAAQ,gBAChB,MAAM,EACjB,OAAO,EAAE,cAAM,OAAA,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAjD,CAAiD;QAEhE,oBAAC,wBAAU,IAAC,OAAO,EAAE,OAAO,GAAI,CACvB,CACZ,CAAC,CAAC,CAAC,CACF,oBAAC,sBAAQ;QACP,oBAAC,wBAAU,IAAC,OAAO,EAAE,OAAO,gBAAa,MAAM,GAAG,CACzC,CACZ,CACW,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}
|
|
@@ -11,24 +11,28 @@ var React = __importStar(require("react"));
|
|
|
11
11
|
var constants_1 = require("../../../constants");
|
|
12
12
|
var fancy_icon_1 = require("@lendi-ui/fancy-icon");
|
|
13
13
|
var index_style_1 = require("./index.style");
|
|
14
|
+
var Analytics_1 = require("../../../../utils/Analytics");
|
|
14
15
|
var toTel = function (phoneNumber) { return "tel:+61" + phoneNumber.replace(/ /g, ''); };
|
|
15
16
|
exports.RightSection = function (_a) {
|
|
16
17
|
var applicationNumber = _a.applicationNumber, _b = _a.phoneNumber, phoneNumber = _b === void 0 ? constants_1.PHONE : _b, _c = _a.onChat, onChat = _c === void 0 ? function () { } : _c, params = _a.params;
|
|
17
18
|
return (React.createElement(index_style_1.Wrapper, null,
|
|
18
19
|
React.createElement(index_style_1.ItemWrapper, null,
|
|
19
|
-
React.createElement(index_style_1.LinkWrapper, { href: phoneNumber && toTel(phoneNumber), "aria-label": "contact us by phone" },
|
|
20
|
+
React.createElement(index_style_1.LinkWrapper, { href: phoneNumber && toTel(phoneNumber), "aria-label": "contact us by phone", onClick: function () { return Analytics_1.analytics({ event_name: 'click', label: 'contact us' }); } },
|
|
20
21
|
React.createElement(fancy_icon_1.Telephone, null),
|
|
21
22
|
React.createElement(index_style_1.BodyWrapper, null, phoneNumber))),
|
|
22
23
|
React.createElement(index_style_1.ItemWrapper, null,
|
|
23
|
-
React.createElement(index_style_1.LinkWrapper, { onClick: function () {
|
|
24
|
+
React.createElement(index_style_1.LinkWrapper, { onClick: function () {
|
|
25
|
+
onChat();
|
|
26
|
+
Analytics_1.analytics({ event_name: 'click', label: 'Chat Online' });
|
|
27
|
+
}, "aria-label": "Chat online" },
|
|
24
28
|
React.createElement(fancy_icon_1.LiveChat, null),
|
|
25
29
|
React.createElement(index_style_1.BodyWrapper, null, "Chat online"))),
|
|
26
30
|
React.createElement(index_style_1.ItemWrapper, null,
|
|
27
|
-
React.createElement(index_style_1.LinkWrapper, { href: "/appointment-booking/postcode/" + params, "aria-label": "book an appointment" },
|
|
31
|
+
React.createElement(index_style_1.LinkWrapper, { href: "/appointment-booking/postcode/" + params, "aria-label": "book an appointment", onClick: function () { return Analytics_1.analytics({ event_name: 'click', label: 'Book an appointment' }); } },
|
|
28
32
|
React.createElement(fancy_icon_1.PickATime, null),
|
|
29
33
|
React.createElement(index_style_1.BodyWrapper, null, "Book an appointment"))),
|
|
30
34
|
applicationNumber > 0 && (React.createElement(index_style_1.ItemWrapper, null,
|
|
31
|
-
React.createElement(index_style_1.LinkWrapper, { href: "/dashboard/applications/application" + applicationNumber.toString() + "/documents/" + params, "aria-label": "upload your documents" },
|
|
35
|
+
React.createElement(index_style_1.LinkWrapper, { href: "/dashboard/applications/application" + applicationNumber.toString() + "/documents/" + params, "aria-label": "upload your documents", onClick: function () { return Analytics_1.analytics({ event_name: 'click', label: 'Upload your documents' }); } },
|
|
32
36
|
React.createElement(fancy_icon_1.Document, null),
|
|
33
37
|
React.createElement(index_style_1.BodyWrapper, null, "Upload your documents"))))));
|
|
34
38
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/shared/components/RightSidebar/RightSection/index.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,2CAA+B;AAC/B,gDAA2C;AAC3C,mDAAgF;AAEhF,6CAA+E;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/shared/components/RightSidebar/RightSection/index.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,2CAA+B;AAC/B,gDAA2C;AAC3C,mDAAgF;AAEhF,6CAA+E;AAC/E,yDAAwD;AASxD,IAAM,KAAK,GAAG,UAAC,WAAmB,IAAK,OAAA,YAAU,WAAW,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAG,EAAzC,CAAyC,CAAC;AAEpE,QAAA,YAAY,GAAG,UAAC,EAKT;QAJlB,wCAAiB,EACjB,mBAAmB,EAAnB,oDAAmB,EACnB,cAAiB,EAAjB,6CAAiB,EACjB,kBAAM;IACiB,OAAA,CACvB,oBAAC,qBAAO;QACN,oBAAC,yBAAW;YACV,oBAAC,yBAAW,IACV,IAAI,EAAE,WAAW,IAAI,KAAK,CAAC,WAAW,CAAC,gBAC5B,qBAAqB,EAChC,OAAO,EAAE,cAAM,OAAA,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,EAAvD,CAAuD;gBAEtE,oBAAC,sBAAS,OAAG;gBACb,oBAAC,yBAAW,QAAE,WAAW,CAAe,CAC5B,CACF;QACd,oBAAC,yBAAW;YACV,oBAAC,yBAAW,IACV,OAAO,EAAE;oBACP,MAAM,EAAE,CAAC;oBACT,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,CAAC;gBAC3D,CAAC,gBACU,aAAa;gBAExB,oBAAC,qBAAQ,OAAG;gBACZ,oBAAC,yBAAW,sBAA0B,CAC1B,CACF;QACd,oBAAC,yBAAW;YACV,oBAAC,yBAAW,IACV,IAAI,EAAE,mCAAiC,MAAQ,gBACpC,qBAAqB,EAChC,OAAO,EAAE,cAAM,OAAA,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,qBAAqB,EAAE,CAAC,EAAhE,CAAgE;gBAE/E,oBAAC,sBAAS,OAAG;gBACb,oBAAC,yBAAW,8BAAkC,CAClC,CACF;QACb,iBAAkB,GAAG,CAAC,IAAI,CACzB,oBAAC,yBAAW;YACV,oBAAC,yBAAW,IACV,IAAI,EAAE,wCAAsC,iBAAkB,CAAC,QAAQ,EAAE,mBAAc,MAAQ,gBACpF,uBAAuB,EAClC,OAAO,EAAE,cAAM,OAAA,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,uBAAuB,EAAE,CAAC,EAAlE,CAAkE;gBAEjF,oBAAC,qBAAQ,OAAG;gBACZ,oBAAC,yBAAW,gCAAoC,CACpC,CACF,CACf,CACO,CACX;AA/CwB,CA+CxB,CAAC"}
|
|
@@ -22,6 +22,7 @@ var facesAt2x = __importStar(require("../../../assets/faces2x.jpg"));
|
|
|
22
22
|
// @ts-ignore
|
|
23
23
|
var facesAt4x = __importStar(require("../../../assets/faces4x.jpg"));
|
|
24
24
|
var index_style_1 = require("./index.style");
|
|
25
|
+
var Analytics_1 = require("../../../utils/Analytics");
|
|
25
26
|
exports.RenderBrokers = function (_a) {
|
|
26
27
|
var broker = _a.broker;
|
|
27
28
|
if (broker) {
|
|
@@ -49,7 +50,10 @@ var RightSidebar = function (_a) {
|
|
|
49
50
|
return (React.createElement(sidebar_1.default, { direction: "right", isVisible: openSidebar, onHide: closeSidebar },
|
|
50
51
|
React.createElement(sidebar_1.default.Content, null,
|
|
51
52
|
React.createElement(index_style_1.Header, null,
|
|
52
|
-
React.createElement(index_style_1.IconButtonWrapper, { onClick:
|
|
53
|
+
React.createElement(index_style_1.IconButtonWrapper, { onClick: function () {
|
|
54
|
+
closeSidebar();
|
|
55
|
+
Analytics_1.analytics({ event_name: 'click', label: 'close right side bar' });
|
|
56
|
+
}, size: "sm", "aria-label": "Close", icon: icon_1.Close }),
|
|
53
57
|
React.createElement(exports.RenderBroker, { broker: broker }),
|
|
54
58
|
React.createElement(exports.RenderBrokers, { broker: broker }),
|
|
55
59
|
React.createElement(index_1.RightSection, { onChat: onChat, applicationNumber: application && application.number, phoneNumber: broker && broker.phone, params: params }))),
|
|
@@ -59,6 +63,7 @@ var RightSidebar = function (_a) {
|
|
|
59
63
|
React.createElement(typography_1.Body, { size: "md", mt: "xxs" },
|
|
60
64
|
React.createElement(index_style_1.StyledLink, { onClick: function () {
|
|
61
65
|
onChat();
|
|
66
|
+
Analytics_1.analytics({ event_name: 'click', label: 'Tell us about your experience' });
|
|
62
67
|
} }, "Tell us about your experience"))))));
|
|
63
68
|
};
|
|
64
69
|
exports.default = RightSidebar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/shared/components/RightSidebar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAA+B;AAC/B,8DAAwC;AACxC,mDAA4C;AAC5C,uCAAuC;AACvC,8CAAoD;AAEpD,aAAa;AACb,mEAAuD;AACvD,aAAa;AACb,qEAAyD;AACzD,aAAa;AACb,qEAAyD;AACzD,6CAYuB;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/shared/components/RightSidebar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAA+B;AAC/B,8DAAwC;AACxC,mDAA4C;AAC5C,uCAAuC;AACvC,8CAAoD;AAEpD,aAAa;AACb,mEAAuD;AACvD,aAAa;AACb,qEAAyD;AACzD,aAAa;AACb,qEAAyD;AACzD,6CAYuB;AACvB,sDAAqD;AAmBxC,QAAA,aAAa,GAAG,UAAC,EAA8B;QAA5B,kBAAM;IACpC,IAAI,MAAM,EAAE;QACV,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,yBAAW;QACV,oBAAC,yBAAW,IAAC,GAAG,EAAE,SAAS,EAAE,MAAM,EAAK,SAAS,aAAQ,SAAS,QAAK,GAAI;QAC3E,oBAAC,iBAAI,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,EAAC,CAAC,EAAC,IAAI,gGAE9B,CACK,CACf,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,YAAY,GAAG,UAAC,EAA6B;QAA3B,kBAAM;IACnC,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,yBAAW;QACV,oBAAC,2BAAa;YACZ,oBAAC,wBAAU,IAAC,GAAG,EAAE,MAAM,CAAC,KAAK,GAAI;YACjC,oBAAC,0BAAY;gBACX,oBAAC,wBAAU,QAAE,MAAM,CAAC,QAAQ,CAAc;gBAC1C,oBAAC,wBAAU,QAAE,MAAM,CAAC,KAAK,IAAI,sBAAsB,CAAc,CACpD,CACD;QAChB,oBAAC,iBAAI,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,mHAEvB,CACK,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,YAAY,GAAG,UAAC,EAOF;QANlB,4BAAW,EACX,8BAAY,EACZ,cAAiB,EAAjB,6CAAiB,EACjB,4BAAW,EACX,kBAAM,EACN,kBAAM;IACiB,OAAA,CACvB,oBAAC,iBAAO,IAAC,SAAS,EAAC,OAAO,EAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY;QACrE,oBAAC,iBAAO,CAAC,OAAO;YACd,oBAAC,oBAAM;gBACL,oBAAC,+BAAiB,IAChB,OAAO,EAAE;wBACP,YAAY,EAAE,CAAC;wBACf,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,sBAAsB,EAAE,CAAC,CAAC;oBACpE,CAAC,EACD,IAAI,EAAC,IAAI,gBACE,OAAO,EAClB,IAAI,EAAE,YAAK,GACX;gBACF,oBAAC,oBAAY,IAAC,MAAM,EAAE,MAAM,GAAI;gBAChC,oBAAC,qBAAa,IAAC,MAAM,EAAE,MAAM,GAAI;gBACjC,oBAAC,oBAAY,IACX,MAAM,EAAE,MAAM,EACd,iBAAiB,EAAE,WAAW,IAAI,WAAW,CAAC,MAAM,EACpD,WAAW,EAAE,MAAM,IAAI,MAAM,CAAC,KAAK,EACnC,MAAM,EAAE,MAAM,GACd,CACK,CACO;QAClB,oBAAC,iBAAO,CAAC,MAAM,IAAC,YAAY,EAAE,IAAI;YAChC,oBAAC,2BAAa;gBACZ,oBAAC,iBAAI,IAAC,IAAI,EAAC,IAAI,wBAAyB;gBACxC,oBAAC,iBAAI,IAAC,IAAI,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK;oBACtB,oBAAC,wBAAU,IACT,OAAO,EAAE;4BACP,MAAM,EAAE,CAAC;4BACT,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,+BAA+B,EAAE,CAAC,CAAC;wBAC7E,CAAC,oCAGU,CACR,CACO,CACD,CACT,CACX;AAvCwB,CAuCxB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
@@ -25,7 +25,14 @@ exports.NavbarWrapper = styled_components_1.default(navbar_base_1.default)(templ
|
|
|
25
25
|
return isAuthenticated
|
|
26
26
|
? styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), spacing_1.pr({ mobile: 'sm', tablet: 'sm', desktop: 'nil' })) : styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), spacing_1.pr({ mobile: 'sm', tablet: 'sm', desktop: 'lg' }));
|
|
27
27
|
}, breakpoint_1.gte('desktop')(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 88px;\n "], ["\n height: 88px;\n "]))));
|
|
28
|
-
exports.
|
|
29
|
-
|
|
30
|
-
|
|
28
|
+
exports.SimpleNavbarWrapper = styled_components_1.default(navbar_base_1.default)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n ", ";\n ", "\n\n height: 56px;\n ", ";\n"], ["\n ", ";\n ",
|
|
29
|
+
"\n\n height: 56px;\n ",
|
|
30
|
+
";\n"])), spacing_1.pl({ mobile: 'sm', tablet: 'sm', desktop: 'lg' }), function (_a) {
|
|
31
|
+
var isAuthenticated = _a.isAuthenticated;
|
|
32
|
+
return isAuthenticated
|
|
33
|
+
? styled_components_1.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), spacing_1.pr('nil')) : styled_components_1.css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), spacing_1.pr({ mobile: 'sm', tablet: 'sm', desktop: 'lg' }));
|
|
34
|
+
}, breakpoint_1.gte('desktop')(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n height: 88px;\n "], ["\n height: 88px;\n "]))));
|
|
35
|
+
exports.Container = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
|
|
36
|
+
exports.MenuLogoWrapper = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
|
|
37
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
|
|
31
38
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/shared/styles.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,6CAA2C;AAC3C,sEAA+C;AAC/C,mDAA2C;AAM9B,QAAA,aAAa,GAAG,2BAAM,CAAC,qBAAU,CAAC,oHAAoB,MAC/D,EAAiD,OACjD;IAOK,yBAGL;IAED,KACF,KAdG,YAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EACjD,UAAC,EAAmB;QAAjB,oCAAe;IAClB,OAAA,eAAe;QACb,CAAC,CAAC,uBAAG,gGAAA,cACC,EAAkD,aACrD,KADG,YAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAExD,CAAC,CAAC,uBAAG,gGAAA,cACC,EAAiD,aACpD,KADG,YAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CACpD;AANL,CAMK,EAGL,gBAAG,CAAC,SAAS,CAAC,4FAAA,yBAEf,MACD;AAEW,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,iHAAA,8CAGlC,KAAC;AAEW,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/shared/styles.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,6CAA2C;AAC3C,sEAA+C;AAC/C,mDAA2C;AAM9B,QAAA,aAAa,GAAG,2BAAM,CAAC,qBAAU,CAAC,oHAAoB,MAC/D,EAAiD,OACjD;IAOK,yBAGL;IAED,KACF,KAdG,YAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EACjD,UAAC,EAAmB;QAAjB,oCAAe;IAClB,OAAA,eAAe;QACb,CAAC,CAAC,uBAAG,gGAAA,cACC,EAAkD,aACrD,KADG,YAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAExD,CAAC,CAAC,uBAAG,gGAAA,cACC,EAAiD,aACpD,KADG,YAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CACpD;AANL,CAMK,EAGL,gBAAG,CAAC,SAAS,CAAC,4FAAA,yBAEf,MACD;AAEW,QAAA,mBAAmB,GAAG,2BAAM,CAAC,qBAAU,CAAC,oHAAoB,MACrE,EAAiD,OACjD;IAOK,yBAGL;IAED,KACF,KAdG,YAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EACjD,UAAC,EAAmB;QAAjB,oCAAe;IAClB,OAAA,eAAe;QACb,CAAC,CAAC,uBAAG,gGAAA,cACC,EAAS,aACZ,KADG,YAAE,CAAC,KAAK,CAAC,EAEf,CAAC,CAAC,uBAAG,gGAAA,cACC,EAAiD,aACpD,KADG,YAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CACpD;AANL,CAMK,EAGL,gBAAG,CAAC,SAAS,CAAC,4FAAA,yBAEf,MACD;AAEW,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,iHAAA,8CAGlC,KAAC;AAEW,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,mHAAA,8CAGxC,KAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/shared/types.ts"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/shared/types.ts"],"names":[],"mappings":";;AAmBA,IAAY,gBAMX;AAND,WAAY,gBAAgB;IAC1B,+DAA2C,CAAA;IAC3C,yDAAqC,CAAA;IACrC,yDAAqC,CAAA;IACrC,mEAA+C,CAAA;IAC/C,mDAA+B,CAAA;AACjC,CAAC,EANW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAM3B"}
|
|
@@ -0,0 +1,27 @@
|
|
|
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 segment_tracking_1 = require("@lendi/segment-tracking");
|
|
15
|
+
exports.analytics = function (event) {
|
|
16
|
+
exports.segmentTracking(event);
|
|
17
|
+
};
|
|
18
|
+
exports.segmentTracking = function (navbarAnalyticsEvent) {
|
|
19
|
+
if (window && window.analytics) {
|
|
20
|
+
segment_tracking_1.SegmentInstance.trackEvent(__assign({}, navbarAnalyticsEvent));
|
|
21
|
+
}
|
|
22
|
+
else {
|
|
23
|
+
// tslint:disable-next-line:no-console
|
|
24
|
+
console.error('Segment is not loaded');
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/utils/Analytics/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,4DAAqE;AAIxD,QAAA,SAAS,GAAG,UAAC,KAA2B;IACnD,uBAAe,CAAC,KAAK,CAAC,CAAC;AACzB,CAAC,CAAC;AAEW,QAAA,eAAe,GAAG,UAAC,oBAA0C;IACxE,IAAI,MAAM,IAAK,MAAc,CAAC,SAAS,EAAE;QACvC,kCAAe,CAAC,UAAU,cACrB,oBAAoB,EACvB,CAAC;KACJ;SAAM;QACL,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC,uBAAuB,CAAC,CAAC;KACxC;AACH,CAAC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { CTAProps } from '../../../shared/components/CTA';
|
|
3
|
-
declare const CTAButtons: ({ isAuthenticated, continueURL, openRightSidebar, shouldTalkToExpert }: CTAProps) => JSX.Element;
|
|
3
|
+
declare const CTAButtons: ({ isAuthenticated, continueURL, openRightSidebar, onLogout, shouldTalkToExpert, }: CTAProps) => JSX.Element;
|
|
4
4
|
export default CTAButtons;
|
|
@@ -20,4 +20,5 @@ export declare const ItemLink: import("styled-components").StyledComponent<"a",
|
|
|
20
20
|
export declare const SubItemLink: import("styled-components").StyledComponent<"a", any, {
|
|
21
21
|
theme?: Partial<import("@lendi-ui/theme").ThemeMap> | undefined;
|
|
22
22
|
}, never>;
|
|
23
|
+
export declare const ListItem: import("styled-components").StyledComponent<"li", any, {}, never>;
|
|
23
24
|
export {};
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import { Application, Broker } from '../../types';
|
|
3
3
|
export interface RightSidebarProps {
|
|
4
4
|
openSidebar: boolean;
|
|
5
|
-
closeSidebar
|
|
6
|
-
onChat
|
|
5
|
+
closeSidebar: () => void;
|
|
6
|
+
onChat: () => void;
|
|
7
7
|
broker?: Broker;
|
|
8
8
|
application?: Application;
|
|
9
9
|
params?: string;
|
|
@@ -3,6 +3,7 @@ interface NavbarWrapperProps {
|
|
|
3
3
|
isAuthenticated?: boolean;
|
|
4
4
|
}
|
|
5
5
|
export declare const NavbarWrapper: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@lendi-ui/navbar-base").NavbarBaseProps> & import("@lendi-ui/navbar-base").NavbarCompoundComponent, any, NavbarWrapperProps, never>;
|
|
6
|
+
export declare const SimpleNavbarWrapper: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@lendi-ui/navbar-base").NavbarBaseProps> & import("@lendi-ui/navbar-base").NavbarCompoundComponent, any, NavbarWrapperProps, never>;
|
|
6
7
|
export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
7
8
|
export declare const MenuLogoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
9
|
export {};
|
|
@@ -6,14 +6,13 @@ export interface CommonNavbarProps extends LUIGlobalProps {
|
|
|
6
6
|
params?: string;
|
|
7
7
|
continueURL?: string;
|
|
8
8
|
onChat?: () => void;
|
|
9
|
+
onLogout?: () => void;
|
|
9
10
|
broker?: Broker;
|
|
10
11
|
application?: Application;
|
|
11
12
|
}
|
|
12
13
|
export interface MegaNavbarProps extends CommonNavbarProps {
|
|
13
|
-
onLogout?: () => void;
|
|
14
14
|
}
|
|
15
15
|
export interface MultiNavbarProps extends CommonNavbarProps {
|
|
16
|
-
onLogout?: () => void;
|
|
17
16
|
}
|
|
18
17
|
export interface SimpleNavbarProps extends CommonNavbarProps {
|
|
19
18
|
shouldTalkToExpert?: boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lendi/navbar",
|
|
3
|
-
"version": "1.0
|
|
3
|
+
"version": "1.1.0",
|
|
4
4
|
"license": "ISC",
|
|
5
5
|
"source": "src/index.tsx",
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -25,6 +25,7 @@
|
|
|
25
25
|
"@lendi-ui/button": "^8.0.0",
|
|
26
26
|
"@lendi-ui/color": "^5.0.0",
|
|
27
27
|
"@lendi-ui/depth": "^4.0.0",
|
|
28
|
+
"@lendi-ui/dropdown": "^4.0.1",
|
|
28
29
|
"@lendi-ui/fancy-icon": "^3.0.0",
|
|
29
30
|
"@lendi-ui/grid": "^3.0.1",
|
|
30
31
|
"@lendi-ui/icon": "^9.1.1",
|
|
@@ -34,11 +35,12 @@
|
|
|
34
35
|
"@lendi-ui/sidebar": "^1.1.2",
|
|
35
36
|
"@lendi-ui/spacing": "^6.0.1",
|
|
36
37
|
"@lendi-ui/theme": "^8.1.0",
|
|
38
|
+
"@lendi-ui/toggle-switch": "^3.0.1",
|
|
37
39
|
"@lendi-ui/tooltip": "^3.1.0",
|
|
38
40
|
"@lendi-ui/transition": "^4.0.2",
|
|
39
|
-
"@lendi-ui/toggle-switch": "^3.0.1",
|
|
40
41
|
"@lendi-ui/typography": "^4.0.0",
|
|
41
42
|
"@lendi-ui/utils": "^4.0.1",
|
|
43
|
+
"@lendi/segment-tracking": "0.6.2",
|
|
42
44
|
"react-dot-fragment": "^0.2.8"
|
|
43
45
|
},
|
|
44
46
|
"devDependencies": {
|