@lendi/navbar 5.2.4 → 5.3.3
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 +25 -0
- package/README.md +48 -5
- 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 +5 -7
- 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 +6 -9
- package/dist/cjs/MultiNavbar/index.js.map +1 -1
- package/dist/cjs/SimpleNavbar/components/DesktopAction/index.js +25 -24
- 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 +10 -12
- 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 +56 -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/useDomain.js +3 -3
- package/dist/cjs/shared/hooks/useDomain.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 -3
- package/dist/types/MultiNavbar/components/MultiOptions/index.style.d.ts +1 -1
- package/dist/types/MultiNavbar/index.d.ts +1 -3
- package/dist/types/SimpleNavbar/components/DesktopAction/index.d.ts +3 -9
- 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 -3
- 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 +2 -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/hooks/useDomain.d.ts +2 -2
- package/dist/types/shared/styles.d.ts +0 -1
- package/dist/types/shared/types.d.ts +2 -4
- package/dist/types/utils/Analytics/index.d.ts +3 -2
- package/package.json +6 -7
- 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
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var enzyme_1 = require("enzyme");
|
|
4
|
+
var theme_1 = require("@lendi-ui/theme");
|
|
5
|
+
var React = require("react");
|
|
6
|
+
var _1 = require("./");
|
|
7
|
+
var lala_react_1 = require("@lendi/lala-react");
|
|
8
|
+
var session_1 = require("@lendi/comm-panel/src/utils/session");
|
|
9
|
+
var navbar_base_1 = require("@lendi-ui/navbar-base");
|
|
10
|
+
var style_1 = require("./style");
|
|
11
|
+
var Analytics = require("../../../../utils/Analytics");
|
|
12
|
+
var DropdownMenu_1 = require("./DropdownMenu");
|
|
13
|
+
var provider_1 = require("./DropdownMenu/provider");
|
|
14
|
+
var constants_1 = require("../../../constants");
|
|
15
|
+
var Analytics_1 = require("../../../../utils/Analytics");
|
|
16
|
+
var segment_tracking_1 = require("@lendi/segment-tracking");
|
|
17
|
+
var trackMock = jest.spyOn(Analytics, 'analytics');
|
|
18
|
+
trackMock.mockImplementation(function () { });
|
|
19
|
+
var LendiComponent = function (_a) {
|
|
20
|
+
var dashboardURL = _a.dashboardURL, onLogout = _a.onLogout;
|
|
21
|
+
return (React.createElement(theme_1.default, null,
|
|
22
|
+
React.createElement(lala_react_1.SessionProvider, { session: session_1.session },
|
|
23
|
+
React.createElement(navbar_base_1.default, { isTransparent: false },
|
|
24
|
+
React.createElement(provider_1.DropdownProvider, { dashboardURL: dashboardURL, onLogout: onLogout },
|
|
25
|
+
React.createElement(_1.LogoutComponent, null))))));
|
|
26
|
+
};
|
|
27
|
+
var element;
|
|
28
|
+
describe('LogoutComponent', function () {
|
|
29
|
+
beforeEach(function () {
|
|
30
|
+
element = enzyme_1.mount(React.createElement(LendiComponent, null));
|
|
31
|
+
});
|
|
32
|
+
it('should mount', function () {
|
|
33
|
+
expect(element.find(_1.LogoutComponent)).toHaveLength(1);
|
|
34
|
+
});
|
|
35
|
+
it('should track event on KebabMenu', function () {
|
|
36
|
+
element
|
|
37
|
+
.find(style_1.KebabMenu)
|
|
38
|
+
.at(0)
|
|
39
|
+
.simulate('click');
|
|
40
|
+
expect(Analytics.analytics).toHaveBeenCalledWith({
|
|
41
|
+
event_name: constants_1.LABEL_MORE_OPTIONS,
|
|
42
|
+
action: Analytics_1.ACTION_CLICK,
|
|
43
|
+
label: constants_1.LABEL_MORE_OPTIONS,
|
|
44
|
+
category: segment_tracking_1.EventCategory.NAVBAR,
|
|
45
|
+
});
|
|
46
|
+
});
|
|
47
|
+
it('should render DropdownMenu component after clicking KebabMenu', function () {
|
|
48
|
+
element
|
|
49
|
+
.find(style_1.KebabMenu)
|
|
50
|
+
.at(0)
|
|
51
|
+
.simulate('click');
|
|
52
|
+
expect(element.find(DropdownMenu_1.DropdownMenu).exists()).toBeTruthy();
|
|
53
|
+
});
|
|
54
|
+
});
|
|
55
|
+
//# sourceMappingURL=test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"test.js","sourceRoot":"","sources":["../../../../../../src/shared/components/CTA/LogoutComponent/test.tsx"],"names":[],"mappings":";;AAAA,iCAA6C;AAC7C,yCAAoC;AACpC,6BAA+B;AAC/B,uBAAqC;AACrC,gDAAoD;AACpD,+DAA8D;AAC9D,qDAA+C;AAC/C,iCAAoC;AACpC,uDAAyD;AACzD,+CAA8C;AAE9C,oDAA2D;AAC3D,gDAAwD;AACxD,yDAA2D;AAC3D,4DAAwD;AAExD,IAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;AACrD,SAAS,CAAC,kBAAkB,CAAC,cAAO,CAAC,CAAC,CAAC;AAEvC,IAAM,cAAc,GAAG,UAAC,EAA6C;QAA3C,8BAAY,EAAE,sBAAQ;IAC9C,OAAO,CACL,oBAAC,eAAK;QACJ,oBAAC,4BAAe,IAAC,OAAO,EAAE,iBAAO;YAC/B,oBAAC,qBAAU,IAAC,aAAa,EAAE,KAAK;gBAC9B,oBAAC,2BAAgB,IAAC,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ;oBAC9D,oBAAC,kBAAe,OAAG,CACF,CACR,CACG,CACZ,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,OAAqB,CAAC;AAE1B,QAAQ,CAAC,iBAAiB,EAAE;IAC1B,UAAU,CAAC;QACT,OAAO,GAAG,cAAK,CAAC,oBAAC,cAAc,OAAG,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,cAAc,EAAE;QACjB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAe,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE;QACpC,OAAO;aACJ,IAAI,CAAC,iBAAS,CAAC;aACf,EAAE,CAAC,CAAC,CAAC;aACL,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrB,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,oBAAoB,CAAC;YAC/C,UAAU,EAAE,8BAAkB;YAC9B,MAAM,EAAE,wBAAY;YACpB,KAAK,EAAE,8BAAkB;YACzB,QAAQ,EAAE,gCAAa,CAAC,MAAM;SAC/B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,+DAA+D,EAAE;QAClE,OAAO;aACJ,IAAI,CAAC,iBAAS,CAAC;aACf,EAAE,CAAC,CAAC,CAAC;aACL,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,2BAAY,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,UAAU,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var style_1 = require("../style");
|
|
4
|
+
var Analytics_1 = require("../../../../utils/Analytics");
|
|
5
|
+
var segment_tracking_1 = require("@lendi/segment-tracking");
|
|
6
|
+
var constants_1 = require("../../../constants");
|
|
7
|
+
var React = require("react");
|
|
8
|
+
var navbar_base_1 = require("@lendi-ui/navbar-base");
|
|
9
|
+
var style_2 = require("./style");
|
|
10
|
+
exports.MobileActions = function (_a) {
|
|
11
|
+
var isAuthenticated = _a.isAuthenticated, continueURL = _a.continueURL, _b = _a.showContinueAction, showContinueAction = _b === void 0 ? false : _b, _c = _a.openCommPanel, openCommPanel = _c === void 0 ? function () { } : _c, teamMember = _a.teamMember, hasUnreadMessages = _a.hasUnreadMessages, showTalkToExpertCta = _a.showTalkToExpertCta;
|
|
12
|
+
var isTransparent = navbar_base_1.useNavbarBaseContext().isTransparent;
|
|
13
|
+
var secondaryLabel = (teamMember === null || teamMember === void 0 ? void 0 : teamMember.firstName) ? "Talk to " + teamMember.firstName : constants_1.CONTACT_US;
|
|
14
|
+
return (React.createElement(style_2.MobileActionsWrapper, null,
|
|
15
|
+
showTalkToExpertCta && (React.createElement(style_1.TalkExpertActionMobile, { className: "noHover", variant: "secondary", onClick: function () {
|
|
16
|
+
openCommPanel();
|
|
17
|
+
var trackingEvent = {
|
|
18
|
+
text: 'Talk To Broker',
|
|
19
|
+
category: segment_tracking_1.EventCategory.NAVBAR,
|
|
20
|
+
authenticationStatus: isAuthenticated
|
|
21
|
+
? segment_tracking_1.AuthenticationStatus.AUTHENTICATED
|
|
22
|
+
: segment_tracking_1.AuthenticationStatus.UNAUTHENTICATED,
|
|
23
|
+
};
|
|
24
|
+
Analytics_1.analytics(trackingEvent);
|
|
25
|
+
}, "aria-label": constants_1.CONTACT_US, size: "sm", isInverse: isTransparent, isContinue: showContinueAction }, hasUnreadMessages ? (React.createElement(React.Fragment, null,
|
|
26
|
+
React.createElement(style_1.UnreadMessageWrapper, { "data-testid": "customer-view-unread-icon", color: "primary.500", height: "2em", width: "2em" }),
|
|
27
|
+
constants_1.UNREAD_MESSAGE_MOBILE)) : (React.createElement(React.Fragment, null,
|
|
28
|
+
" ",
|
|
29
|
+
secondaryLabel)))),
|
|
30
|
+
isAuthenticated ? (React.createElement(React.Fragment, null, showContinueAction && (React.createElement(style_1.SecondaryActionMobile, { size: "sm", variant: 'emphasis', href: continueURL, "aria-label": constants_1.LABEL_CONTINUE, onClick: function () {
|
|
31
|
+
return Analytics_1.analytics({
|
|
32
|
+
event_name: 'Navbar Continue',
|
|
33
|
+
action: "click " + constants_1.LABEL_CONTINUE,
|
|
34
|
+
category: segment_tracking_1.EventCategory.NAVBAR,
|
|
35
|
+
});
|
|
36
|
+
} }, constants_1.LABEL_CONTINUE)))) : (React.createElement(style_1.SecondaryActionMobile, { size: "sm", variant: 'primary', href: constants_1.ROUTE_SIGN_IN, "aria-label": constants_1.LABEL_SIGN_IN, onClick: function () { return Analytics_1.analytics({ event_name: 'click', action: constants_1.LABEL_SIGN_IN, category: segment_tracking_1.EventCategory.NAVBAR }); } }, constants_1.LABEL_SIGN_IN))));
|
|
37
|
+
};
|
|
38
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/shared/components/CTA/MobileActions/index.tsx"],"names":[],"mappings":";;AAAA,kCAA+F;AAC/F,yDAAwD;AACxD,4DAA2F;AAC3F,gDAAqH;AACrH,6BAA+B;AAC/B,qDAA6D;AAG7D,iCAA+C;AAElC,QAAA,aAAa,GAAG,UAAC,EAQN;QAPtB,oCAAe,EACf,4BAAW,EACX,0BAA0B,EAA1B,+CAA0B,EAC1B,qBAAwB,EAAxB,oDAAwB,EACxB,0BAAU,EACV,wCAAiB,EACjB,4CAAmB;IAEX,IAAA,kEAAa,CAA4B;IACjD,IAAM,cAAc,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,EAAC,CAAC,CAAC,aAAW,UAAU,CAAC,SAAW,CAAC,CAAC,CAAC,sBAAU,CAAC;IAE9F,OAAO,CACL,oBAAC,4BAAoB;QAClB,mBAAmB,IAAI,CACtB,oBAAC,8BAAsB,IACrB,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;oBAC9B,oBAAoB,EAAE,eAAe;wBACnC,CAAC,CAAC,uCAAoB,CAAC,aAAa;wBACpC,CAAC,CAAC,uCAAoB,CAAC,eAAe;iBACzC,CAAC;gBACF,qBAAS,CAAC,aAAa,CAAC,CAAC;YAC3B,CAAC,gBACW,sBAAU,EACtB,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,aAAa,EACxB,UAAU,EAAE,kBAAkB,IAE7B,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;;YAAI,cAAc,CAAI,CACvB,CACsB,CAC1B;QAEA,eAAe,CAAC,CAAC,CAAC,CACjB,0CACG,kBAAkB,IAAI,CACrB,oBAAC,6BAAqB,IACpB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,UAAU,EACnB,IAAI,EAAE,WAAW,gBACL,0BAAc,EAC1B,OAAO,EAAE;gBACP,OAAA,qBAAS,CAAC;oBACR,UAAU,EAAE,iBAAiB;oBAC7B,MAAM,EAAE,WAAS,0BAAgB;oBACjC,QAAQ,EAAE,gCAAa,CAAC,MAAM;iBAC/B,CAAC;YAJF,CAIE,IAGH,0BAAc,CACO,CACzB,CACA,CACJ,CAAC,CAAC,CAAC,CACF,oBAAC,6BAAqB,IACpB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,SAAS,EAClB,IAAI,EAAE,yBAAa,gBACP,yBAAa,EACzB,OAAO,EAAE,cAAM,OAAA,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,yBAAa,EAAE,QAAQ,EAAE,gCAAa,CAAC,MAAM,EAAE,CAAC,EAAzF,CAAyF,IAEvG,yBAAa,CACQ,CACzB,CACoB,CACxB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
var styled_components_1 = require("styled-components");
|
|
8
|
+
var breakpoint_1 = require("@lendi-ui/breakpoint");
|
|
9
|
+
var spacing_1 = require("@lendi-ui/spacing");
|
|
10
|
+
exports.MobileActionsWrapper = 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 ",
|
|
11
|
+
";\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'));
|
|
12
|
+
var templateObject_1, templateObject_2;
|
|
13
|
+
//# sourceMappingURL=style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../../../src/shared/components/CTA/MobileActions/style.tsx"],"names":[],"mappings":";;;;;;AAAA,uDAAuC;AACvC,mDAA2C;AAC3C,6CAAuC;AAE1B,QAAA,oBAAoB,GAAG,2BAAM,CAAC,GAAG,wKAAA,wBAE1C;IAED,uBAEG,EAAS,kDAId,KARG,gBAAG,CAAC,SAAS,CAAC,6FAAA,0BAEf,MAEG,YAAE,CAAC,KAAK,CAAC,EAIb"}
|
|
@@ -1,87 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var
|
|
5
|
-
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
var index_style_1 = require("./index.style");
|
|
9
|
-
var segment_tracking_1 = require("@lendi/segment-tracking");
|
|
10
|
-
var CTAButtons = function (_a) {
|
|
11
|
-
var isAuthenticated = _a.isAuthenticated, continueURL = _a.continueURL, onLogout = _a.onLogout, _b = _a.showContinueAction, showContinueAction = _b === void 0 ? false : _b, _c = _a.openCommPanel, openCommPanel = _c === void 0 ? function () { } : _c, teamMember = _a.teamMember, hasUnreadMessages = _a.hasUnreadMessages, showTalkToExpertCta = _a.showTalkToExpertCta;
|
|
12
|
-
var isTransparent = navbar_base_1.useNavbarBaseContext().isTransparent;
|
|
13
|
-
var _d = React.useState(false), isLogoutDisplay = _d[0], setIsLogoutDisplay = _d[1];
|
|
14
|
-
var logoutPanel = React.useRef();
|
|
15
|
-
var closeLogoutPanel = function (e) {
|
|
16
|
-
if (logoutPanel.current && !logoutPanel.current.contains(e.target)) {
|
|
17
|
-
setIsLogoutDisplay(false);
|
|
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];
|
|
18
8
|
}
|
|
9
|
+
return t;
|
|
19
10
|
};
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
var secondaryLabel = (teamMember === null || teamMember === void 0 ? void 0 : teamMember.firstName) ? "Talk to " + teamMember.firstName : constants_1.CONTACT_US;
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
var React = require("react");
|
|
15
|
+
var DesktopActions_1 = require("./DesktopActions");
|
|
16
|
+
var MobileActions_1 = require("./MobileActions");
|
|
17
|
+
var CTAButtons = function (props) {
|
|
28
18
|
return (React.createElement(React.Fragment, null,
|
|
29
|
-
React.createElement(
|
|
30
|
-
|
|
31
|
-
openCommPanel();
|
|
32
|
-
Analytics_1.analytics({
|
|
33
|
-
event_name: 'Chat Talk To Broker',
|
|
34
|
-
label: 'Talk To Broker',
|
|
35
|
-
category: 'Navbar',
|
|
36
|
-
authenticationStatus: isAuthenticated
|
|
37
|
-
? segment_tracking_1.AuthenticationStatus.authenticated
|
|
38
|
-
: segment_tracking_1.AuthenticationStatus.unauthenticated,
|
|
39
|
-
});
|
|
40
|
-
}, size: "sm", bigLabelAccomodate: isAuthenticated ? !showContinueAction : false }, hasUnreadMessages ? (React.createElement(React.Fragment, null,
|
|
41
|
-
React.createElement(index_style_1.UnreadMessageWrapper, { "data-testid": "customer-view-unread-icon", color: "primary.500", height: "2em", width: "2em" }),
|
|
42
|
-
constants_1.UNREAD_MESSAGE)) : (React.createElement(React.Fragment, null, primaryLabel)))),
|
|
43
|
-
React.createElement(index_style_1.SecondaryAction, { bigLabelAccomodate: isAuthenticated ? (showContinueAction ? false : true) : false, size: "sm", variant: isAuthenticated ? (showContinueAction ? 'emphasis' : 'primary') : 'primary', href: isAuthenticated ? (showContinueAction ? continueURL : constants_1.BOOK_APPOINTMENT_LINK) : constants_1.SIGN_IN_LINK, onClick: function () {
|
|
44
|
-
return Analytics_1.analytics({
|
|
45
|
-
event_name: isAuthenticated ? (showContinueAction ? constants_1.CONTINUE : constants_1.BOOK_AN_APPOINTMENT) : constants_1.SIGN_IN_CONTINUE,
|
|
46
|
-
label: isAuthenticated ? (showContinueAction ? constants_1.CONTINUE : constants_1.BOOK_AN_APPOINTMENT) : constants_1.SIGN_IN_CONTINUE,
|
|
47
|
-
category: 'Navbar',
|
|
48
|
-
});
|
|
49
|
-
}, "aria-label": isAuthenticated ? (showContinueAction ? constants_1.CONTINUE : constants_1.BOOK_AN_APPOINTMENT) : constants_1.SIGN_IN_CONTINUE }, isAuthenticated ? (showContinueAction ? constants_1.CONTINUE : constants_1.BOOK_AN_APPOINTMENT) : constants_1.SIGN_IN_CONTINUE),
|
|
50
|
-
isAuthenticated && (React.createElement("div", { ref: logoutPanel },
|
|
51
|
-
React.createElement(index_style_1.KebabMenu, { className: "iconButtonWrapper", size: "sm", color: isTransparent ? 'shade.0' : 'secondary.500', onClick: function () {
|
|
52
|
-
setIsLogoutDisplay(!isLogoutDisplay);
|
|
53
|
-
Analytics_1.analytics({ event_name: 'Click More options', label: 'more options', category: 'Navbar' });
|
|
54
|
-
}, "aria-label": "More options", icon: MoreVert_1.default }),
|
|
55
|
-
isLogoutDisplay && (React.createElement(index_style_1.LogoutWrapper, null,
|
|
56
|
-
React.createElement(index_style_1.LogoutLinkWrapper, { className: "iconButtonWrapper", color: "shade.700", onClick: function () {
|
|
57
|
-
onLogout();
|
|
58
|
-
Analytics_1.analytics({ event_name: 'Log out', action: 'Click Log out', category: 'Navbar' });
|
|
59
|
-
}, "aria-label": "Log out" },
|
|
60
|
-
React.createElement(index_style_1.ExitToAppWrapper, { color: "primary.500", width: "18px", height: "18px" }),
|
|
61
|
-
"Log out")))))),
|
|
62
|
-
React.createElement(index_style_1.MobileActions, null,
|
|
63
|
-
showTalkToExpertCta && (React.createElement(index_style_1.TalkExpertActionMobile, { className: "noHover", variant: "secondary", onClick: function () {
|
|
64
|
-
openCommPanel();
|
|
65
|
-
Analytics_1.analytics({
|
|
66
|
-
event_name: 'Chat Talk To Broker',
|
|
67
|
-
action: 'Talk To Broker',
|
|
68
|
-
category: 'Navbar',
|
|
69
|
-
authenticationStatus: isAuthenticated
|
|
70
|
-
? segment_tracking_1.AuthenticationStatus.authenticated
|
|
71
|
-
: segment_tracking_1.AuthenticationStatus.unauthenticated,
|
|
72
|
-
});
|
|
73
|
-
}, "aria-label": constants_1.CONTACT_US, size: "sm", isInverse: isTransparent, isContinue: showContinueAction }, hasUnreadMessages ? (React.createElement(React.Fragment, null,
|
|
74
|
-
React.createElement(index_style_1.UnreadMessageWrapper, { "data-testid": "customer-view-unread-icon", color: "primary.500", height: "2em", width: "2em" }),
|
|
75
|
-
constants_1.UNREAD_MESSAGE_MOBILE)) : (React.createElement(React.Fragment, null,
|
|
76
|
-
" ",
|
|
77
|
-
secondaryLabel)))),
|
|
78
|
-
isAuthenticated ? (React.createElement(React.Fragment, null, showContinueAction && (React.createElement(index_style_1.SecondaryActionMobile, { size: "sm", variant: 'emphasis', href: continueURL, "aria-label": constants_1.CONTINUE, onClick: function () {
|
|
79
|
-
return Analytics_1.analytics({
|
|
80
|
-
event_name: 'Navbar Continue',
|
|
81
|
-
action: "click " + constants_1.CONTINUE,
|
|
82
|
-
category: 'Navbar',
|
|
83
|
-
});
|
|
84
|
-
} }, constants_1.CONTINUE)))) : (React.createElement(index_style_1.SecondaryActionMobile, { size: "sm", variant: 'primary', href: constants_1.SIGN_IN_LINK, "aria-label": constants_1.SIGN_IN_CONTINUE, onClick: function () { return Analytics_1.analytics({ event_name: 'click', action: constants_1.SIGN_IN_CONTINUE, category: 'Navbar' }); } }, constants_1.SIGN_IN_CONTINUE)))));
|
|
19
|
+
React.createElement(DesktopActions_1.DesktopActions, __assign({}, props)),
|
|
20
|
+
React.createElement(MobileActions_1.MobileActions, __assign({}, props))));
|
|
85
21
|
};
|
|
86
22
|
exports.default = CTAButtons;
|
|
87
23
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/shared/components/CTA/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/shared/components/CTA/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA+B;AAG/B,mDAAkD;AAClD,iDAAgD;AAahD,IAAM,UAAU,GAAG,UAAC,KAA4B;IAC9C,OAAO,CACL;QACE,oBAAC,+BAAc,eAAK,KAAK,EAAI;QAC7B,oBAAC,6BAAa,eAAK,KAAK,EAAI,CAC3B,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
var breakpoint_1 = require("@lendi-ui/breakpoint");
|
|
8
|
+
var button_1 = require("@lendi-ui/button");
|
|
9
|
+
var UnreadMessage_1 = require("@lendi-ui/icon/UnreadMessage");
|
|
10
|
+
var spacing_1 = require("@lendi-ui/spacing");
|
|
11
|
+
var utils_1 = require("@lendi-ui/utils");
|
|
12
|
+
var styled_components_1 = require("styled-components");
|
|
13
|
+
exports.TalkExpertAction = styled_components_1.default(button_1.Button)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n width: 100%;\n ", " ", ";\n min-width: 180px;\n ", "\n"], ["\n width: 100%;\n ", " ",
|
|
14
|
+
";\n min-width: 180px;\n ",
|
|
15
|
+
"\n"])), spacing_1.mr('sm'), breakpoint_1.between('mobile', 'desktop')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border: none;\n "], ["\n border: none;\n "]))), function (_a) {
|
|
16
|
+
var bigLabelAccomodate = _a.bigLabelAccomodate;
|
|
17
|
+
return bigLabelAccomodate && styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n min-width: 202px;\n "], ["\n min-width: 202px;\n "])));
|
|
18
|
+
});
|
|
19
|
+
exports.TalkExpertActionMobile = styled_components_1.default(button_1.Button)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n ", ";\n min-width: 102px;\n padding: 0;\n line-height: 1.33;\n ", "\n"], ["\n ", "\n ",
|
|
20
|
+
";\n min-width: 102px;\n padding: 0;\n line-height: 1.33;\n ",
|
|
21
|
+
"\n"])), spacing_1.mr('sm'), breakpoint_1.between('mobile', 'desktop')(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n border: none;\n "], ["\n border: none;\n "]))), function (_a) {
|
|
22
|
+
var isContinue = _a.isContinue;
|
|
23
|
+
return isContinue && styled_components_1.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n min-width: 90px;\n "], ["\n min-width: 90px;\n "])));
|
|
24
|
+
});
|
|
25
|
+
exports.SecondaryAction = styled_components_1.default(button_1.Button)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n min-width: 180px;\n ", "\n word-wrap: break-word;\n"], ["\n min-width: 180px;\n ",
|
|
26
|
+
"\n word-wrap: break-word;\n"])), function (_a) {
|
|
27
|
+
var bigLabelAccomodate = _a.bigLabelAccomodate;
|
|
28
|
+
return bigLabelAccomodate && styled_components_1.css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n min-width: 202px;\n "], ["\n min-width: 202px;\n "])));
|
|
29
|
+
});
|
|
30
|
+
exports.SecondaryActionMobile = styled_components_1.default(button_1.Button)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n width: 90px;\n padding: 0;\n"], ["\n width: 90px;\n padding: 0;\n"])));
|
|
31
|
+
exports.DesktopLogoutWrapper = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), utils_1.display({ mobile: 'none', desktop: 'block' }));
|
|
32
|
+
exports.UnreadMessageWrapper = styled_components_1.default(UnreadMessage_1.default)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n margin-top: -0.4em;\n margin-right: 0.5em;\n margin-left: -0.5em;\n"], ["\n margin-top: -0.4em;\n margin-right: 0.5em;\n margin-left: -0.5em;\n"])));
|
|
33
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
|
|
34
|
+
//# sourceMappingURL=style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../../src/shared/components/CTA/style.tsx"],"names":[],"mappings":";;;;;;AAAA,mDAA+C;AAC/C,2CAA0C;AAC1C,8DAAyD;AACzD,6CAAuC;AACvC,yCAA0C;AAC1C,uDAAgD;AAMnC,QAAA,gBAAgB,GAAG,2BAAM,CAAC,eAAM,CAAC,kIAAoB,sBAE9D,EAAQ,GAAI;IAEb,4BAEC;IAIC,IACJ,KATG,YAAE,CAAC,IAAI,CAAC,EAAI,oBAAO,CAAC,QAAQ,EAAE,SAAS,CAAC,4FAAA,yBAEzC,MAEC,UAAC,EAAsB;QAApB,0CAAkB;IACrB,OAAA,kBAAkB,IAClB,uBAAG,oGAAA,iCAEF,IAAA;AAHD,CAGC,EACH;AAMW,QAAA,sBAAsB,GAAG,2BAAM,CAAC,eAAM,CAAC,0JAA4B,MAC5E,EAAQ,MACR;IAED,iEAIC;IAIC,IACJ,KAZG,YAAE,CAAC,IAAI,CAAC,EACR,oBAAO,CAAC,QAAQ,EAAE,SAAS,CAAC,4FAAA,yBAE7B,MAIC,UAAC,EAAc;QAAZ,0BAAU;IACb,OAAA,UAAU,IACV,uBAAG,mGAAA,gCAEF,IAAA;AAHD,CAGC,EACH;AAEW,QAAA,eAAe,GAAG,2BAAM,CAAC,eAAM,CAAC,8HAAoB,2BAE7D;IAIC,8BAEJ,KANG,UAAC,EAAsB;QAApB,0CAAkB;IACrB,OAAA,kBAAkB,IAClB,uBAAG,oGAAA,iCAEF,IAAA;AAHD,CAGC,EAEH;AAEW,QAAA,qBAAqB,GAAG,2BAAM,CAAC,eAAM,CAAC,sGAAA,mCAGlD,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,oBAAoB,GAAG,2BAAM,CAAC,uBAAa,CAAC,gJAAA,2EAIxD,KAAC"}
|
|
@@ -0,0 +1,112 @@
|
|
|
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 _1 = require(".");
|
|
20
|
+
var Analytics = require("../../../utils/Analytics");
|
|
21
|
+
var constants_1 = require("../../constants");
|
|
22
|
+
var lala_react_1 = require("@lendi/lala-react");
|
|
23
|
+
var session_1 = require("@lendi/comm-panel/src/utils/session");
|
|
24
|
+
var LogoutComponent_1 = require("./LogoutComponent");
|
|
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(lala_react_1.SessionProvider, { session: session_1.session },
|
|
31
|
+
React.createElement(navbar_base_1.default, { isTransparent: false },
|
|
32
|
+
React.createElement(_1.default, __assign({}, props)))));
|
|
33
|
+
};
|
|
34
|
+
describe('CTAButtons', function () {
|
|
35
|
+
beforeEach(function () {
|
|
36
|
+
element = enzyme_1.mount(React.createElement(theme_1.default, null,
|
|
37
|
+
React.createElement(RenderCTAs, { isAuthenticated: false, continueURL: "/", showContinueAction: false, showTalkToExpertCta: true })));
|
|
38
|
+
});
|
|
39
|
+
it('should mount', function () {
|
|
40
|
+
expect(element.find(_1.default)).toHaveLength(1);
|
|
41
|
+
});
|
|
42
|
+
});
|
|
43
|
+
describe('When user has not logged in (Unauth states)', function () {
|
|
44
|
+
beforeEach(function () {
|
|
45
|
+
element = enzyme_1.mount(React.createElement(theme_1.default, null,
|
|
46
|
+
React.createElement(RenderCTAs, { isAuthenticated: false, continueURL: "/", showContinueAction: false, showTalkToExpertCta: true })));
|
|
47
|
+
});
|
|
48
|
+
describe('rendering actions', function () {
|
|
49
|
+
it('should render TalkExpertButton and SignInButton', function () {
|
|
50
|
+
expect(element
|
|
51
|
+
.find(button_1.Button)
|
|
52
|
+
.at(0)
|
|
53
|
+
.text()).toEqual(constants_1.LABEL_TALK_TO_EXPERT);
|
|
54
|
+
expect(element
|
|
55
|
+
.find(button_1.Button)
|
|
56
|
+
.at(1)
|
|
57
|
+
.text()).toEqual(constants_1.LABEL_SIGN_IN);
|
|
58
|
+
});
|
|
59
|
+
it('should track event on SignIn', function () {
|
|
60
|
+
element
|
|
61
|
+
.find(button_1.Button)
|
|
62
|
+
.at(1)
|
|
63
|
+
.simulate('click');
|
|
64
|
+
expect(Analytics.analytics).toHaveBeenCalledWith({
|
|
65
|
+
category: segment_tracking_1.EventCategory.NAVBAR,
|
|
66
|
+
event_name: constants_1.LABEL_SIGN_IN,
|
|
67
|
+
label: constants_1.LABEL_SIGN_IN,
|
|
68
|
+
});
|
|
69
|
+
});
|
|
70
|
+
});
|
|
71
|
+
});
|
|
72
|
+
describe('When user has logged in (Auth states)', function () {
|
|
73
|
+
beforeEach(function () {
|
|
74
|
+
element = enzyme_1.mount(React.createElement(theme_1.default, null,
|
|
75
|
+
React.createElement(RenderCTAs, { isAuthenticated: true, continueURL: "/", showContinueAction: true, showTalkToExpertCta: true })));
|
|
76
|
+
});
|
|
77
|
+
describe('render buttons', function () {
|
|
78
|
+
describe('first button', function () {
|
|
79
|
+
it('should render Talk To Expert button', function () {
|
|
80
|
+
expect(element
|
|
81
|
+
.find(button_1.Button)
|
|
82
|
+
.at(0)
|
|
83
|
+
.text()).toEqual(constants_1.LABEL_TALK_TO_EXPERT);
|
|
84
|
+
});
|
|
85
|
+
});
|
|
86
|
+
describe('second button', function () {
|
|
87
|
+
it('should render Continue button', function () {
|
|
88
|
+
expect(element
|
|
89
|
+
.find(button_1.Button)
|
|
90
|
+
.at(1)
|
|
91
|
+
.text()).toEqual(constants_1.LABEL_CONTINUE);
|
|
92
|
+
});
|
|
93
|
+
it('should track event on Continue', function () {
|
|
94
|
+
element
|
|
95
|
+
.find(button_1.Button)
|
|
96
|
+
.at(1)
|
|
97
|
+
.simulate('click');
|
|
98
|
+
expect(Analytics.analytics).toHaveBeenCalledWith({
|
|
99
|
+
category: segment_tracking_1.EventCategory.NAVBAR,
|
|
100
|
+
event_name: constants_1.LABEL_CONTINUE,
|
|
101
|
+
label: constants_1.LABEL_CONTINUE,
|
|
102
|
+
});
|
|
103
|
+
});
|
|
104
|
+
});
|
|
105
|
+
describe('third button', function () {
|
|
106
|
+
it('should render LogoutComponent', function () {
|
|
107
|
+
expect(element.find(LogoutComponent_1.LogoutComponent).exists()).toBeTruthy();
|
|
108
|
+
});
|
|
109
|
+
});
|
|
110
|
+
});
|
|
111
|
+
});
|
|
112
|
+
//# sourceMappingURL=test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"test.js","sourceRoot":"","sources":["../../../../../src/shared/components/CTA/test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,2CAA0C;AAC1C,qDAA+C;AAC/C,yCAAoC;AACpC,iCAA6C;AAC7C,6BAA+B;AAC/B,sBAAyC;AACzC,oDAAsD;AACtD,6CAAsF;AACtF,gDAAoD;AACpD,+DAA8D;AAC9D,qDAAoD;AACpD,4DAAwD;AAExD,IAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;AACrD,SAAS,CAAC,kBAAkB,CAAC,cAAO,CAAC,CAAC,CAAC;AAEvC,IAAI,OAA+B,CAAC;AAEpC,IAAM,UAAU,GAAG,UAAC,KAAe;IACjC,OAAO,CACL,oBAAC,4BAAe,IAAC,OAAO,EAAE,iBAAO;QAC/B,oBAAC,qBAAU,IAAC,aAAa,EAAE,KAAK;YAC9B,oBAAC,UAAU,eAAK,KAAK,EAAI,CACd,CACG,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,YAAY,EAAE;IACrB,UAAU,CAAC;QACT,OAAO,GAAG,cAAK,CACb,oBAAC,eAAK;YACJ,oBAAC,UAAU,IAAC,eAAe,EAAE,KAAK,EAAE,WAAW,EAAC,GAAG,EAAC,kBAAkB,EAAE,KAAK,EAAE,mBAAmB,EAAE,IAAI,GAAI,CACtG,CACT,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,cAAc,EAAE;QACjB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,6CAA6C,EAAE;IACtD,UAAU,CAAC;QACT,OAAO,GAAG,cAAK,CACb,oBAAC,eAAK;YACJ,oBAAC,UAAU,IAAC,eAAe,EAAE,KAAK,EAAE,WAAW,EAAC,GAAG,EAAC,kBAAkB,EAAE,KAAK,EAAE,mBAAmB,EAAE,IAAI,GAAI,CACtG,CACT,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,QAAQ,CAAC,mBAAmB,EAAE;QAC5B,EAAE,CAAC,iDAAiD,EAAE;YACpD,MAAM,CACJ,OAAO;iBACJ,IAAI,CAAC,eAAM,CAAC;iBACZ,EAAE,CAAC,CAAC,CAAC;iBACL,IAAI,EAAE,CACV,CAAC,OAAO,CAAC,gCAAoB,CAAC,CAAC;YAChC,MAAM,CACJ,OAAO;iBACJ,IAAI,CAAC,eAAM,CAAC;iBACZ,EAAE,CAAC,CAAC,CAAC;iBACL,IAAI,EAAE,CACV,CAAC,OAAO,CAAC,yBAAa,CAAC,CAAC;QAC3B,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,8BAA8B,EAAE;YACjC,OAAO;iBACJ,IAAI,CAAC,eAAM,CAAC;iBACZ,EAAE,CAAC,CAAC,CAAC;iBACL,QAAQ,CAAC,OAAO,CAAC,CAAC;YACrB,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,oBAAoB,CAAC;gBAC/C,QAAQ,EAAE,gCAAa,CAAC,MAAM;gBAC9B,UAAU,EAAE,yBAAa;gBACzB,KAAK,EAAE,yBAAa;aACrB,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,uCAAuC,EAAE;IAChD,UAAU,CAAC;QACT,OAAO,GAAG,cAAK,CACb,oBAAC,eAAK;YACJ,oBAAC,UAAU,IAAC,eAAe,EAAE,IAAI,EAAE,WAAW,EAAC,GAAG,EAAC,kBAAkB,EAAE,IAAI,EAAE,mBAAmB,EAAE,IAAI,GAAI,CACpG,CACT,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,QAAQ,CAAC,gBAAgB,EAAE;QACzB,QAAQ,CAAC,cAAc,EAAE;YACvB,EAAE,CAAC,qCAAqC,EAAE;gBACxC,MAAM,CACJ,OAAO;qBACJ,IAAI,CAAC,eAAM,CAAC;qBACZ,EAAE,CAAC,CAAC,CAAC;qBACL,IAAI,EAAE,CACV,CAAC,OAAO,CAAC,gCAAoB,CAAC,CAAC;YAClC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,eAAe,EAAE;YACxB,EAAE,CAAC,+BAA+B,EAAE;gBAClC,MAAM,CACJ,OAAO;qBACJ,IAAI,CAAC,eAAM,CAAC;qBACZ,EAAE,CAAC,CAAC,CAAC;qBACL,IAAI,EAAE,CACV,CAAC,OAAO,CAAC,0BAAc,CAAC,CAAC;YAC5B,CAAC,CAAC,CAAC;YACH,EAAE,CAAC,gCAAgC,EAAE;gBACnC,OAAO;qBACJ,IAAI,CAAC,eAAM,CAAC;qBACZ,EAAE,CAAC,CAAC,CAAC;qBACL,QAAQ,CAAC,OAAO,CAAC,CAAC;gBACrB,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,oBAAoB,CAAC;oBAC/C,QAAQ,EAAE,gCAAa,CAAC,MAAM;oBAC9B,UAAU,EAAE,0BAAc;oBAC1B,KAAK,EAAE,0BAAc;iBACtB,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,cAAc,EAAE;YACvB,EAAE,CAAC,+BAA+B,EAAE;gBAClC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,iCAAe,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,UAAU,EAAE,CAAC;YAC9D,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -12,12 +12,17 @@ var navbar_base_1 = require("@lendi-ui/navbar-base");
|
|
|
12
12
|
var breakpoint_1 = require("@lendi-ui/breakpoint");
|
|
13
13
|
var utils_1 = require("@lendi-ui/utils");
|
|
14
14
|
var Analytics_1 = require("../../../utils/Analytics");
|
|
15
|
+
var segment_tracking_1 = require("@lendi/segment-tracking");
|
|
15
16
|
var HamBurgerMenu = function (_a) {
|
|
16
17
|
var toggleSidebar = _a.toggleSidebar, leftSidebarState = _a.leftSidebarState;
|
|
17
18
|
var isTransparent = navbar_base_1.useNavbarBaseContext().isTransparent;
|
|
18
19
|
return (React.createElement(exports.HamBurgerWrapper, { onClick: function () {
|
|
19
20
|
toggleSidebar(!leftSidebarState);
|
|
20
|
-
Analytics_1.analytics({
|
|
21
|
+
Analytics_1.analytics({
|
|
22
|
+
event_name: 'click',
|
|
23
|
+
label: leftSidebarState ? 'close menu' : 'open menu',
|
|
24
|
+
category: segment_tracking_1.EventCategory.NAVBAR,
|
|
25
|
+
});
|
|
21
26
|
} }, 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" }))));
|
|
22
27
|
};
|
|
23
28
|
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));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/shared/components/HamBurgerMenu/index.tsx"],"names":[],"mappings":";;;;;;AAAA,6BAA+B;AAC/B,4CAAuC;AACvC,8CAAyC;AACzC,uDAAgD;AAChD,qDAA6D;AAC7D,mDAA2C;AAC3C,yCAA6C;AAC7C,sDAAqD;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/shared/components/HamBurgerMenu/index.tsx"],"names":[],"mappings":";;;;;;AAAA,6BAA+B;AAC/B,4CAAuC;AACvC,8CAAyC;AACzC,uDAAgD;AAChD,qDAA6D;AAC7D,mDAA2C;AAC3C,yCAA6C;AAC7C,sDAAqD;AACrD,4DAAwD;AAOxD,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;gBACR,UAAU,EAAE,OAAO;gBACnB,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW;gBACpD,QAAQ,EAAE,gCAAa,CAAC,MAAM;aAC/B,CAAC,CAAC;QACL,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,eAAK,CAAC,+EAAA,MACpC,EAAiB,IACpB,KADG,iBAAiB,EACnB;AACW,QAAA,UAAU,GAAG,2BAAM,CAAC,cAAI,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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var segment_tracking_1 = require("@lendi/segment-tracking");
|
|
3
4
|
var React = require("react");
|
|
4
5
|
var Analytics_1 = require("../../../../utils/Analytics");
|
|
5
6
|
var index_style_1 = require("./index.style");
|
|
@@ -10,13 +11,15 @@ exports.LeftSidebarContent = function (_a) {
|
|
|
10
11
|
return item.children.length > 0 ? (React.createElement(index_style_1.ListItem, { key: index },
|
|
11
12
|
React.createElement(index_style_1.Item, { onClick: function () {
|
|
12
13
|
setSelected(index);
|
|
13
|
-
Analytics_1.analytics({ event_name: 'click', label: item.label, category:
|
|
14
|
+
Analytics_1.analytics({ event_name: 'click', label: item.label, category: segment_tracking_1.EventCategory.NAVBAR });
|
|
14
15
|
}, "aria-label": item.label },
|
|
15
16
|
React.createElement(index_style_1.RightArrow, { shouldRotate: selected === index }),
|
|
16
17
|
React.createElement("span", null, item.label)),
|
|
17
18
|
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 },
|
|
18
|
-
React.createElement(index_style_1.SubItemLink, { role: "menuitem", href: child.link, "aria-label": child.label, onClick: function () {
|
|
19
|
-
|
|
19
|
+
React.createElement(index_style_1.SubItemLink, { role: "menuitem", href: child.link, "aria-label": child.label, onClick: function () {
|
|
20
|
+
return Analytics_1.analytics({ event_name: 'click', label: child.label, category: segment_tracking_1.EventCategory.NAVBAR });
|
|
21
|
+
} }, child.label))); })))) : (React.createElement(index_style_1.ListItem, { role: "none", key: index }, item.link ? (React.createElement(index_style_1.Item, null,
|
|
22
|
+
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, category: segment_tracking_1.EventCategory.NAVBAR }); } },
|
|
20
23
|
React.createElement("span", null, item.label)))) : (React.createElement(index_style_1.Item, { "aria-label": item.label },
|
|
21
24
|
React.createElement("span", null, item.label)))));
|
|
22
25
|
})));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/shared/components/LeftSidabar/Content/index.tsx"],"names":[],"mappings":";;AAAA,6BAA+B;AAE/B,yDAAwD;AAExD,6CAAoH;AAEvG,QAAA,kBAAkB,GAAG,UAAC,EAAwC;QAAtC,6BAAyB;IACtD,IAAA,uBAAoD,EAAnD,gBAAQ,EAAE,mBAAyC,CAAC;IAC3D,OAAO,CACL,oBAAC,0BAAY,IAAC,IAAI,EAAC,MAAM,IACtB,YAAY,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,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/shared/components/LeftSidabar/Content/index.tsx"],"names":[],"mappings":";;AAAA,4DAAwD;AACxD,6BAA+B;AAE/B,yDAAwD;AAExD,6CAAoH;AAEvG,QAAA,kBAAkB,GAAG,UAAC,EAAwC;QAAtC,6BAAyB;IACtD,IAAA,uBAAoD,EAAnD,gBAAQ,EAAE,mBAAyC,CAAC;IAC3D,OAAO,CACL,oBAAC,0BAAY,IAAC,IAAI,EAAC,MAAM,IACtB,YAAY,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,QAAQ,EAAE,gCAAa,CAAC,MAAM,EAAE,CAAC,CAAC;gBACxF,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;wBACP,OAAA,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,gCAAa,CAAC,MAAM,EAAE,CAAC;oBAAtF,CAAsF,IAGvF,KAAK,CAAC,KAAK,CACA,CACN,CACX,EAb+D,CAa/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,QAAQ,EAAE,gCAAa,CAAC,MAAM,EAAE,CAAC,EAArF,CAAqF;gBAEpG,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;IAhDD,CAgDC,CACF,CACY,CAChB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
7
7
|
var button_1 = require("@lendi-ui/button");
|
|
8
8
|
var ExitToApp_1 = require("@lendi-ui/icon/ExitToApp");
|
|
9
9
|
var spacing_1 = require("@lendi-ui/spacing");
|
|
10
|
+
var segment_tracking_1 = require("@lendi/segment-tracking");
|
|
10
11
|
var React = require("react");
|
|
11
12
|
var styled_components_1 = require("styled-components");
|
|
12
13
|
var Analytics_1 = require("../../../../utils/Analytics");
|
|
@@ -14,19 +15,19 @@ var constants_1 = require("../../../constants");
|
|
|
14
15
|
var FooterCTA = function (_a) {
|
|
15
16
|
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, _e = _a.showContinueAction, showContinueAction = _e === void 0 ? false : _e;
|
|
16
17
|
return (React.createElement(FooterWrapper, null,
|
|
17
|
-
React.createElement(exports.FooterAction, { variant: isAuthenticated ? (showContinueAction ? 'emphasis' : 'primary') : 'primary', isFullWidth: true, href: isAuthenticated ? (showContinueAction ? continueURL : constants_1.
|
|
18
|
+
React.createElement(exports.FooterAction, { variant: isAuthenticated ? (showContinueAction ? 'emphasis' : 'primary') : 'primary', isFullWidth: true, href: isAuthenticated ? (showContinueAction ? continueURL : constants_1.ROUTE_BOOK_APPOINTMENT) : constants_1.ROUTE_SIGN_IN, onClick: function () {
|
|
18
19
|
return Analytics_1.analytics({
|
|
19
|
-
event_name:
|
|
20
|
-
action: isAuthenticated ? (showContinueAction ? constants_1.
|
|
21
|
-
category:
|
|
20
|
+
event_name: Analytics_1.ACTION_CLICK,
|
|
21
|
+
action: isAuthenticated ? (showContinueAction ? constants_1.LABEL_CONTINUE : constants_1.BOOK_AN_APPOINTMENT) : constants_1.LABEL_SIGN_IN,
|
|
22
|
+
category: segment_tracking_1.EventCategory.NAVBAR,
|
|
22
23
|
});
|
|
23
|
-
}, "aria-label": isAuthenticated ? (showContinueAction ? constants_1.
|
|
24
|
+
}, "aria-label": isAuthenticated ? (showContinueAction ? constants_1.LABEL_CONTINUE : constants_1.BOOK_AN_APPOINTMENT) : constants_1.LABEL_SIGN_IN }, isAuthenticated ? (showContinueAction ? constants_1.LABEL_CONTINUE : constants_1.BOOK_AN_APPOINTMENT) : constants_1.LABEL_SIGN_IN),
|
|
24
25
|
isAuthenticated && (React.createElement(exports.FooterAction, { variant: "empty", onClick: function () {
|
|
25
26
|
onLogout();
|
|
26
|
-
Analytics_1.analytics({ event_name:
|
|
27
|
-
}, "aria-label":
|
|
27
|
+
Analytics_1.analytics({ event_name: constants_1.LABEL_LOG_OUT, action: 'Log out', category: segment_tracking_1.EventCategory.NAVBAR });
|
|
28
|
+
}, "aria-label": constants_1.LABEL_LOG_OUT },
|
|
28
29
|
React.createElement(ExitToApp_1.default, { color: "primary.500" }),
|
|
29
|
-
|
|
30
|
+
constants_1.LABEL_LOG_OUT))));
|
|
30
31
|
};
|
|
31
32
|
exports.FooterAction = styled_components_1.default(button_1.Button)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n border: none;\n line-height: 1.1;\n"], ["\n width: 100%;\n border: none;\n line-height: 1.1;\n"])));
|
|
32
33
|
var FooterWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 6px 10px 0 rgba(0, 0, 0, 0.14);\n ", ";\n ", "\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 6px 10px 0 rgba(0, 0, 0, 0.14);\n ", ";\n ", "\n"])), spacing_1.px('sm'), spacing_1.py('sm'));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/shared/components/LeftSidabar/FooterCTA/index.tsx"],"names":[],"mappings":";;;;;;AAAA,2CAA0C;AAC1C,sDAAiD;AACjD,6CAA2C;AAC3C,6BAA+B;AAC/B,uDAAuC;AACvC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/shared/components/LeftSidabar/FooterCTA/index.tsx"],"names":[],"mappings":";;;;;;AAAA,2CAA0C;AAC1C,sDAAiD;AACjD,6CAA2C;AAC3C,4DAAwD;AACxD,6BAA+B;AAC/B,uDAAuC;AACvC,yDAAsE;AACtE,gDAO4B;AAS5B,IAAM,SAAS,GAAG,UAAC,EAKF;QAJf,uBAAuB,EAAvB,4CAAuB,EACvB,mBAAiB,EAAjB,sCAAiB,EACjB,gBAAmB,EAAnB,+CAAmB,EACnB,0BAA0B,EAA1B,+CAA0B;IAE1B,OAAO,CACL,oBAAC,aAAa;QACZ,oBAAC,oBAAY,IACX,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,EACpF,WAAW,QACX,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,kCAAsB,CAAC,CAAC,CAAC,CAAC,yBAAa,EACnG,OAAO,EAAE;gBACP,OAAA,qBAAS,CAAC;oBACR,UAAU,EAAE,wBAAY;oBACxB,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,0BAAc,CAAC,CAAC,CAAC,+BAAmB,CAAC,CAAC,CAAC,CAAC,yBAAa;oBACrG,QAAQ,EAAE,gCAAa,CAAC,MAAM;iBAC/B,CAAC;YAJF,CAIE,gBAEQ,eAAe,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,0BAAc,CAAC,CAAC,CAAC,+BAAmB,CAAC,CAAC,CAAC,CAAC,yBAAa,IAExG,eAAe,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,0BAAc,CAAC,CAAC,CAAC,+BAAmB,CAAC,CAAC,CAAC,CAAC,yBAAa,CACjF;QACd,eAAe,IAAI,CAClB,oBAAC,oBAAY,IACX,OAAO,EAAC,OAAO,EACf,OAAO,EAAE;gBACP,QAAQ,EAAE,CAAC;gBACX,qBAAS,CAAC,EAAE,UAAU,EAAE,yBAAa,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,gCAAa,CAAC,MAAM,EAAE,CAAC,CAAC;YAC9F,CAAC,gBACW,yBAAa;YAEzB,oBAAC,mBAAS,IAAC,KAAK,EAAC,aAAa,GAAG;YAChC,yBAAa,CACD,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"}
|
|
@@ -0,0 +1,64 @@
|
|
|
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 theme_1 = require("@lendi-ui/theme");
|
|
15
|
+
var enzyme_1 = require("enzyme");
|
|
16
|
+
var React = require("react");
|
|
17
|
+
var _1 = require(".");
|
|
18
|
+
var Analytics = require("../../../../utils/Analytics");
|
|
19
|
+
var constants_1 = require("../../../constants");
|
|
20
|
+
var mockAnalytics = jest.spyOn(Analytics, 'analytics');
|
|
21
|
+
mockAnalytics.mockImplementation();
|
|
22
|
+
var RenderFooterCTA = function (props) {
|
|
23
|
+
return React.createElement(_1.default, __assign({}, props));
|
|
24
|
+
};
|
|
25
|
+
var element;
|
|
26
|
+
describe('FooterCTA', function () {
|
|
27
|
+
describe('rendering with auth state', function () {
|
|
28
|
+
var logoutMock = jest.fn();
|
|
29
|
+
beforeEach(function () {
|
|
30
|
+
element = enzyme_1.mount(React.createElement(theme_1.default, null,
|
|
31
|
+
React.createElement(RenderFooterCTA, { isAuthenticated: true, onLogout: logoutMock, continueURL: "/app", showContinueAction: true })));
|
|
32
|
+
});
|
|
33
|
+
it('should render the FooterCTA', function () {
|
|
34
|
+
expect(element.find(_1.default)).toHaveLength(1);
|
|
35
|
+
});
|
|
36
|
+
it('should call logout', function () {
|
|
37
|
+
var logoutAction = element.find(_1.FooterAction).at(1);
|
|
38
|
+
logoutAction.simulate('click');
|
|
39
|
+
expect(logoutMock).toHaveBeenCalled();
|
|
40
|
+
});
|
|
41
|
+
it('should render first action as Continue button', function () {
|
|
42
|
+
var continueAction = element.find(_1.FooterAction).at(0);
|
|
43
|
+
expect(continueAction.text()).toEqual(constants_1.LABEL_CONTINUE);
|
|
44
|
+
});
|
|
45
|
+
it('should render Continue button with provided continueUrl', function () {
|
|
46
|
+
var continueAction = element.find(_1.FooterAction).at(0);
|
|
47
|
+
expect(continueAction.props().href).toEqual('/app');
|
|
48
|
+
});
|
|
49
|
+
});
|
|
50
|
+
describe('rendering with unauth satte', function () {
|
|
51
|
+
beforeEach(function () {
|
|
52
|
+
element = enzyme_1.mount(React.createElement(theme_1.default, null,
|
|
53
|
+
React.createElement(RenderFooterCTA, { isAuthenticated: false, onLogout: jest.fn(), continueURL: "/app", showContinueAction: false })));
|
|
54
|
+
});
|
|
55
|
+
it('should not render Logout action when it is not authenticated', function () {
|
|
56
|
+
expect(element.find(_1.FooterAction).length).toEqual(1);
|
|
57
|
+
});
|
|
58
|
+
it('should render first action as Continue button', function () {
|
|
59
|
+
var continueAction = element.find(_1.FooterAction).at(0);
|
|
60
|
+
expect(continueAction.text()).toEqual(constants_1.LABEL_SIGN_IN);
|
|
61
|
+
});
|
|
62
|
+
});
|
|
63
|
+
});
|
|
64
|
+
//# sourceMappingURL=test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"test.js","sourceRoot":"","sources":["../../../../../../src/shared/components/LeftSidabar/FooterCTA/test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,yCAAoC;AACpC,iCAA6C;AAC7C,6BAA+B;AAC/B,sBAA4D;AAC5D,uDAAyD;AACzD,gDAAmE;AAEnE,IAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;AACzD,aAAa,CAAC,kBAAkB,EAAE,CAAC;AAEnC,IAAM,eAAe,GAAG,UAAC,KAAqB;IAC5C,OAAO,oBAAC,UAAS,eAAK,KAAK,EAAI,CAAC;AAClC,CAAC,CAAC;AAEF,IAAI,OAAqC,CAAC;AAE1C,QAAQ,CAAC,WAAW,EAAE;IACpB,QAAQ,CAAC,2BAA2B,EAAE;QACpC,IAAM,UAAU,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC7B,UAAU,CAAC;YACT,OAAO,GAAG,cAAK,CACb,oBAAC,eAAK;gBACJ,oBAAC,eAAe,IAAC,eAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAC,MAAM,EAAC,kBAAkB,EAAE,IAAI,GAAI,CACvG,CACT,CAAC;QACJ,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,6BAA6B,EAAE;YAChC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,UAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,oBAAoB,EAAE;YACvB,IAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,eAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YACtD,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YAC/B,MAAM,CAAC,UAAU,CAAC,CAAC,gBAAgB,EAAE,CAAC;QACxC,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,+CAA+C,EAAE;YAClD,IAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,eAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YACxD,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,0BAAc,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,yDAAyD,EAAE;YAC5D,IAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,eAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YACxD,MAAM,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IACH,QAAQ,CAAC,6BAA6B,EAAE;QACtC,UAAU,CAAC;YACT,OAAO,GAAG,cAAK,CACb,oBAAC,eAAK;gBACJ,oBAAC,eAAe,IAAC,eAAe,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,WAAW,EAAC,MAAM,EAAC,kBAAkB,EAAE,KAAK,GAAI,CACxG,CACT,CAAC;QACJ,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,8DAA8D,EAAE;YACjE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,eAAY,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACvD,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,+CAA+C,EAAE;YAClD,IAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,eAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YACxD,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,yBAAa,CAAC,CAAC;QACvD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|