@lendi/navbar 5.2.4 → 5.3.3

package/dist/cjs/SimpleNavbar/components/MobileAction/index.js

@@ -2,39 +2,40 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var navbar_base_1 = require("@lendi-ui/navbar-base");
 var React = require("react");
-var index_style_1 = require("../../../shared/components/CTA/index.style");
+var style_1 = require("../../../shared/components/CTA/style");
 var constants_1 = require("../../../shared/constants");
 var Analytics_1 = require("../../../utils/Analytics");
-var index_style_2 = require("../CTA/index.style");
-var LogoutComponent_1 = require("../LogoutComponent");
+var index_style_1 = require("../CTA/index.style");
+var LogoutComponent_1 = require("../../../shared/components/CTA/LogoutComponent");
+var segment_tracking_1 = require("@lendi/segment-tracking");
+var style_2 = require("../../../shared/components/CTA/MobileActions/style");
 var RenderMobileAction = function (_a) {
-    var isAuthenticated = _a.isAuthenticated, continueURL = _a.continueURL, onLogout = _a.onLogout, teamMember = _a.teamMember, _b = _a.openCommPanel, openCommPanel = _b === void 0 ? function () { } : _b, _c = _a.showContinueAction, showContinueAction = _c === void 0 ? false : _c, _d = _a.showTalkToExpertCta, showTalkToExpertCta = _d === void 0 ? true : _d, hasUnreadMessages = _a.hasUnreadMessages;
+    var isAuthenticated = _a.isAuthenticated, continueURL = _a.continueURL, teamMember = _a.teamMember, _b = _a.openCommPanel, openCommPanel = _b === void 0 ? function () { } : _b, _c = _a.showContinueAction, showContinueAction = _c === void 0 ? false : _c, _d = _a.showTalkToExpertCta, showTalkToExpertCta = _d === void 0 ? true : _d, hasUnreadMessages = _a.hasUnreadMessages;
     var isTransparent = navbar_base_1.useNavbarBaseContext().isTransparent;
     var needToContinue = function () { return isAuthenticated && showContinueAction; };
     var primaryLabel = (teamMember === null || teamMember === void 0 ? void 0 : teamMember.firstName) ? "Talk to " + teamMember.firstName
         : needToContinue()
             ? constants_1.CONTACT_US
-            : constants_1.TALK_TO_EXPERT;
-    return (React.createElement(index_style_1.MobileActions, null,
-        showTalkToExpertCta && (React.createElement(index_style_2.TalkExpertAction, { size: "sm", isInverse: isTransparent, className: "noHover", variant: "secondary", onClick: function () {
+            : constants_1.LABEL_TALK_TO_EXPERT;
+    return (React.createElement(style_2.MobileActionsWrapper, null,
+        showTalkToExpertCta && (React.createElement(index_style_1.TalkExpertAction, { size: "sm", isInverse: isTransparent, className: "noHover", variant: "secondary", onClick: function () {
                 openCommPanel();
-                Analytics_1.analytics({
-                    event_name: 'Chat Talk To Broker',
-                    label: primaryLabel,
-                    action: 'Talk To Broker',
-                    category: 'Navbar',
-                });
+                var trackingEvent = {
+                    text: 'Talk To Broker',
+                    category: segment_tracking_1.EventCategory.NAVBAR,
+                };
+                Analytics_1.analytics(trackingEvent);
             } }, hasUnreadMessages ? (React.createElement(React.Fragment, null,
-            React.createElement(index_style_1.UnreadMessageWrapper, { "data-testid": "customer-view-unread-icon", color: "primary.500", height: "2em", width: "2em" }),
+            React.createElement(style_1.UnreadMessageWrapper, { "data-testid": "customer-view-unread-icon", color: "primary.500", height: "2em", width: "2em" }),
             constants_1.UNREAD_MESSAGE_MOBILE)) : (React.createElement(React.Fragment, null, primaryLabel)))),
-        needToContinue() && (React.createElement(index_style_2.ContinueAction, { variant: "emphasis", href: continueURL, "aria-label": constants_1.CONTINUE, size: "sm", onClick: function () {
+        needToContinue() && (React.createElement(index_style_1.ContinueAction, { variant: "emphasis", href: continueURL, "aria-label": constants_1.LABEL_CONTINUE, size: "sm", onClick: function () {
                 return Analytics_1.analytics({
                     event_name: 'Continue to Application',
-                    category: 'Navbar',
-                    label: constants_1.CONTINUE,
+                    category: segment_tracking_1.EventCategory.NAVBAR,
+                    label: constants_1.LABEL_CONTINUE,
                 });
-            } }, constants_1.CONTINUE)),
-        isAuthenticated && React.createElement(LogoutComponent_1.default, { onLogout: onLogout })));
+            } }, constants_1.LABEL_CONTINUE)),
+        isAuthenticated && React.createElement(LogoutComponent_1.LogoutComponent, null)));
 };
 exports.default = RenderMobileAction;
 //# sourceMappingURL=index.js.map

package/dist/cjs/SimpleNavbar/components/MobileAction/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/SimpleNavbar/components/MobileAction/index.tsx"],"names":[],"mappings":";;AAAA,qDAA6D;AAC7D,6BAA+B;AAE/B,0EAAiG;AACjG,uDAAwG;AACxG,sDAAqD;AACrD,kDAAsE;AACtE,sDAAiD;AAGjD,IAAM,kBAAkB,GAAG,UAAC,EASJ;QARtB,oCAAe,EACf,4BAAW,EACX,sBAAQ,EACR,0BAAU,EACV,qBAAwB,EAAxB,oDAAwB,EACxB,0BAA0B,EAA1B,+CAA0B,EAC1B,2BAA0B,EAA1B,+CAA0B,EAC1B,wCAAiB;IAET,IAAA,kEAAa,CAA4B;IACjD,IAAM,cAAc,GAAG,cAAM,OAAA,eAAe,IAAI,kBAAkB,EAArC,CAAqC,CAAC;IACnE,IAAM,YAAY,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,EACxC,CAAC,CAAC,aAAW,UAAU,CAAC,SAAW;QACnC,CAAC,CAAC,cAAc,EAAE;YAClB,CAAC,CAAC,sBAAU;YACZ,CAAC,CAAC,0BAAc,CAAC;IAEnB,OAAO,CACL,oBAAC,2BAAa;QACX,mBAAmB,IAAI,CACtB,oBAAC,8BAAgB,IACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,aAAa,EACxB,SAAS,EAAC,SAAS,EACnB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE;gBACP,aAAa,EAAE,CAAC;gBAChB,qBAAS,CAAC;oBACR,UAAU,EAAE,qBAAqB;oBACjC,KAAK,EAAE,YAAY;oBACnB,MAAM,EAAE,gBAAgB;oBACxB,QAAQ,EAAE,QAAQ;iBACnB,CAAC,CAAC;YACL,CAAC,IAEA,iBAAiB,CAAC,CAAC,CAAC,CACnB;YACE,oBAAC,kCAAoB,mBACP,2BAA2B,EACvC,KAAK,EAAC,aAAa,EACnB,MAAM,EAAC,KAAK,EACZ,KAAK,EAAC,KAAK,GACX;YACD,iCAAqB,CACrB,CACJ,CAAC,CAAC,CAAC,CACF,0CAAG,YAAY,CAAI,CACpB,CACgB,CACpB;QACA,cAAc,EAAE,IAAI,CACnB,oBAAC,4BAAc,IACb,OAAO,EAAC,UAAU,EAClB,IAAI,EAAE,WAAW,gBACL,oBAAQ,EACpB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE;gBACP,OAAA,qBAAS,CAAC;oBACR,UAAU,EAAE,yBAAyB;oBACrC,QAAQ,EAAE,QAAQ;oBAClB,KAAK,EAAE,oBAAQ;iBAChB,CAAC;YAJF,CAIE,IAGH,oBAAQ,CACM,CAClB;QACA,eAAe,IAAI,oBAAC,yBAAe,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAC7C,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/SimpleNavbar/components/MobileAction/index.tsx"],"names":[],"mappings":";;AAAA,qDAA6D;AAC7D,6BAA+B;AAE/B,8DAA4E;AAC5E,uDAAoH;AACpH,sDAAqD;AACrD,kDAAsE;AACtE,kFAAiF;AAEjF,4DAAqE;AACrE,4EAA0F;AAE1F,IAAM,kBAAkB,GAAG,UAAC,EAQJ;QAPtB,oCAAe,EACf,4BAAW,EACX,0BAAU,EACV,qBAAwB,EAAxB,oDAAwB,EACxB,0BAA0B,EAA1B,+CAA0B,EAC1B,2BAA0B,EAA1B,+CAA0B,EAC1B,wCAAiB;IAET,IAAA,kEAAa,CAA4B;IACjD,IAAM,cAAc,GAAG,cAAM,OAAA,eAAe,IAAI,kBAAkB,EAArC,CAAqC,CAAC;IACnE,IAAM,YAAY,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,EACxC,CAAC,CAAC,aAAW,UAAU,CAAC,SAAW;QACnC,CAAC,CAAC,cAAc,EAAE;YAClB,CAAC,CAAC,sBAAU;YACZ,CAAC,CAAC,gCAAoB,CAAC;IAEzB,OAAO,CACL,oBAAC,4BAAoB;QAClB,mBAAmB,IAAI,CACtB,oBAAC,8BAAgB,IACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,aAAa,EACxB,SAAS,EAAC,SAAS,EACnB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE;gBACP,aAAa,EAAE,CAAC;gBAChB,IAAM,aAAa,GAAgB;oBACjC,IAAI,EAAE,gBAAgB;oBACtB,QAAQ,EAAE,gCAAa,CAAC,MAAM;iBAC/B,CAAC;gBACF,qBAAS,CAAC,aAAa,CAAC,CAAC;YAC3B,CAAC,IAEA,iBAAiB,CAAC,CAAC,CAAC,CACnB;YACE,oBAAC,4BAAoB,mBACP,2BAA2B,EACvC,KAAK,EAAC,aAAa,EACnB,MAAM,EAAC,KAAK,EACZ,KAAK,EAAC,KAAK,GACX;YACD,iCAAqB,CACrB,CACJ,CAAC,CAAC,CAAC,CACF,0CAAG,YAAY,CAAI,CACpB,CACgB,CACpB;QACA,cAAc,EAAE,IAAI,CACnB,oBAAC,4BAAc,IACb,OAAO,EAAC,UAAU,EAClB,IAAI,EAAE,WAAW,gBACL,0BAAc,EAC1B,IAAI,EAAC,IAAI,EACT,OAAO,EAAE;gBACP,OAAA,qBAAS,CAAC;oBACR,UAAU,EAAE,yBAAyB;oBACrC,QAAQ,EAAE,gCAAa,CAAC,MAAM;oBAC9B,KAAK,EAAE,0BAAc;iBACtB,CAAC;YAJF,CAIE,IAGH,0BAAc,CACA,CAClB;QACA,eAAe,IAAI,oBAAC,iCAAe,OAAG,CAClB,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}

package/dist/cjs/SimpleNavbar/components/MobileAction/test.js

@@ -0,0 +1,97 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var button_1 = require("@lendi-ui/button");
+var navbar_base_1 = require("@lendi-ui/navbar-base");
+var theme_1 = require("@lendi-ui/theme");
+var enzyme_1 = require("enzyme");
+var React = require("react");
+var constants_1 = require("../../../shared/constants");
+var Analytics = require("../../../utils/Analytics");
+var CTA_1 = require("../CTA");
+var index_style_1 = require("../CTA/index.style");
+var style_1 = require("../../../shared/components/CTA/LogoutComponent/style");
+var Analytics_1 = require("../../../utils/Analytics");
+var segment_tracking_1 = require("@lendi/segment-tracking");
+var trackMock = jest.spyOn(Analytics, 'analytics');
+trackMock.mockImplementation(function () { });
+var element;
+var RenderCTAs = function (props) {
+    return (React.createElement(navbar_base_1.default, { isTransparent: false },
+        React.createElement(CTA_1.default, __assign({}, props))));
+};
+describe('Unauth states', function () {
+    beforeEach(function () {
+        element = enzyme_1.mount(React.createElement(theme_1.default, null,
+            React.createElement(RenderCTAs, { isAuthenticated: false, continueURL: "/", dashboardVariant: false, showTalkToExpertCta: true })));
+    });
+    describe('Mobile actions', function () {
+        it('should render TalkExpertButton only', function () {
+            expect(element
+                .find(button_1.Button)
+                .at(0)
+                .text()).toEqual(constants_1.LABEL_TALK_TO_EXPERT);
+        });
+        it('should track event on signup without auth', function () {
+            element
+                .find(button_1.Button)
+                .at(0)
+                .simulate('click');
+            expect(Analytics.analytics).toHaveBeenCalledWith({
+                category: segment_tracking_1.EventCategory.NAVBAR,
+                text: 'Talk To Broker',
+            });
+        });
+    });
+});
+describe('Auth states', function () {
+    beforeEach(function () {
+        element = enzyme_1.mount(React.createElement(theme_1.default, null,
+            React.createElement(RenderCTAs, { isAuthenticated: true, continueURL: "/", dashboardVariant: false, showContinueAction: true })));
+    });
+    describe('Mobile actions', function () {
+        it('should render TalkExpertButton and BookAppointmentButton', function () {
+            expect(element
+                .find(index_style_1.TalkExpertAction)
+                .at(0)
+                .text()).toEqual(constants_1.LABEL_TALK_TO_EXPERT);
+            expect(element
+                .find(button_1.Button)
+                .at(1)
+                .text()).toEqual(constants_1.LABEL_CONTINUE);
+            expect(element.find(style_1.KebabMenu).length).toEqual(2);
+        });
+        it('should track event on TalkToAnExpert', function () {
+            element
+                .find(index_style_1.TalkExpertAction)
+                .at(0)
+                .simulate('click');
+            expect(Analytics.analytics).toHaveBeenCalledWith({
+                text: 'Talk To Broker',
+                category: segment_tracking_1.EventCategory.NAVBAR,
+            });
+        });
+        it('should track event on Continue', function () {
+            element
+                .find(button_1.Button)
+                .at(1)
+                .simulate('click');
+            expect(Analytics.analytics).toHaveBeenCalledWith({
+                event_name: Analytics_1.ACTION_CLICK,
+                label: constants_1.LABEL_CONTINUE,
+                category: segment_tracking_1.EventCategory.NAVBAR,
+            });
+        });
+    });
+});
+//# sourceMappingURL=test.js.map

package/dist/cjs/SimpleNavbar/components/MobileAction/test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test.js","sourceRoot":"","sources":["../../../../../src/SimpleNavbar/components/MobileAction/test.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/SimpleNavbar/index.js

@@ -11,20 +11,20 @@ var breakpoint_1 = require("@lendi-ui/breakpoint");
 var lala_react_1 = require("@lendi/lala-react");
 var useUserGroup_1 = require("../shared/hooks/useUserGroup");
 var useTeamMember_1 = require("../shared/hooks/useTeamMember");
-var styled_components_1 = require("styled-components");
 var ErrorBoundry_1 = require("../shared/components/ErrorBoundry");
 var useEmailOpenChat_1 = require("../shared/hooks/useEmailOpenChat");
 var useDomain_1 = require("../shared/hooks/useDomain");
+var provider_1 = require("../shared/components/CTA/LogoutComponent/DropdownMenu/provider");
 var SimpleNavbarComponent = function (_a) {
-    var _b = _a.useTransparent, useTransparent = _b === void 0 ? false : _b, _c = _a.showBookanAppointmentCta, showBookanAppointmentCta = _c === void 0 ? true : _c, _d = _a.showTalkToExpertCta, showTalkToExpertCta = _d === void 0 ? true : _d, homeURL = _a.homeURL, _e = _a.params, params = _e === void 0 ? '' : _e, _f = _a.continueURL, continueURL = _f === void 0 ? '/' : _f, _g = _a.onLogout, onLogout = _g === void 0 ? function () { } : _g, _h = _a.showContinueAction, showContinueAction = _h === void 0 ? false : _h;
-    var _j = comm_panel_1.useCommPanel(), isCommPanelOpen = _j.isCommPanelOpen, openCommPanel = _j.openCommPanel, closeCommPanel = _j.closeCommPanel, openChat = _j.openChat;
-    var _k = React.useState(false), unReadMesage = _k[0], setUnReadMessage = _k[1];
-    var _l = React.useState(false), isOtherUserOnline = _l[0], setIsOtherUserOnline = _l[1];
-    var _m = React.useState(), breakpoint = _m[0], setBreakpoint = _m[1];
+    var _b = _a.useTransparent, useTransparent = _b === void 0 ? false : _b, _c = _a.showBookanAppointmentCta, showBookanAppointmentCta = _c === void 0 ? true : _c, _d = _a.showTalkToExpertCta, showTalkToExpertCta = _d === void 0 ? true : _d, homeURL = _a.homeURL, dashboardURL = _a.dashboardURL, _e = _a.params, params = _e === void 0 ? '' : _e, _f = _a.continueURL, continueURL = _f === void 0 ? '/' : _f, onLogout = _a.onLogout, _g = _a.showContinueAction, showContinueAction = _g === void 0 ? false : _g;
+    var _h = comm_panel_1.useCommPanel(), isCommPanelOpen = _h.isCommPanelOpen, openCommPanel = _h.openCommPanel, closeCommPanel = _h.closeCommPanel, openChat = _h.openChat;
+    var _j = React.useState(false), unReadMesage = _j[0], setUnReadMessage = _j[1];
+    var _k = React.useState(false), isOtherUserOnline = _k[0], setIsOtherUserOnline = _k[1];
+    var _l = React.useState(), breakpoint = _l[0], setBreakpoint = _l[1];
     breakpoint_1.useBreakpoint(setBreakpoint);
     var session = lala_react_1.useSession();
     var isAuthenticated = session.status === lala_react_1.Status.Authenticated;
-    var _o = useUserGroup_1.useUserGroup(session), userGroupHash = _o[0], teamMemberId = _o[1];
+    var _m = useUserGroup_1.useUserGroup(session), userGroupHash = _m[0], teamMemberId = _m[1];
     var latestTeamMember = useTeamMember_1.useTeamMember(session, teamMemberId);
     useEmailOpenChat_1.useEmailOpenChat(openChat, userGroupHash);
     return (React.createElement(ErrorBoundry_1.ErrorBoundary, null,
@@ -36,12 +36,10 @@ var SimpleNavbarComponent = function (_a) {
                 React.createElement(navbar_base_1.default.Left, null,
                     React.createElement(Logo_1.default, { homeURL: homeURL, params: params, "aria-label": "Lendi Logo", hasHamburgerMenu: false })),
                 React.createElement(navbar_base_1.default.Right, null,
-                    React.createElement(CTA_1.default, { showTalkToExpertCta: showTalkToExpertCta, showBookanAppointmentCta: showBookanAppointmentCta, isAuthenticated: isAuthenticated, continueURL: continueURL, onLogout: function () {
-                            session.logout();
-                            onLogout();
-                        }, showContinueAction: showContinueAction, openCommPanel: function () { return (isCommPanelOpen ? closeCommPanel() : openCommPanel()); }, teamMember: latestTeamMember, hasUnreadMessages: unReadMesage }))),
+                    React.createElement(provider_1.DropdownProvider, { dashboardURL: dashboardURL, onLogout: onLogout },
+                        React.createElement(CTA_1.default, { showTalkToExpertCta: showTalkToExpertCta, showBookanAppointmentCta: showBookanAppointmentCta, isAuthenticated: isAuthenticated, continueURL: continueURL, showContinueAction: showContinueAction, openCommPanel: function () { return (isCommPanelOpen ? closeCommPanel() : openCommPanel()); }, teamMember: latestTeamMember, hasUnreadMessages: unReadMesage })))),
             React.createElement(transition_1.default, { isActive: isCommPanelOpen, timeout: 250 }, function (state) { return (React.createElement(styles_1.CommPanelWrapper, { transition: state, toTheTop: breakpoint === 'mobile' },
                 React.createElement(comm_panel_1.CustomerCommPanel, { channelId: userGroupHash, latestTeamMember: latestTeamMember, hasNew: unReadMesage, isOtherUserOnline: isOtherUserOnline }))); }))));
 };
-exports.SimpleNavbar = comm_panel_1.withCommPanelProvider(styled_components_1.withTheme(useDomain_1.withDomainChat(SimpleNavbarComponent)));
+exports.SimpleNavbar = comm_panel_1.withCommPanelProvider(useDomain_1.withDomainChat(SimpleNavbarComponent));
 //# sourceMappingURL=index.js.map

package/dist/cjs/SimpleNavbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SimpleNavbar/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SimpleNavbar/index.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/shared/components/CTA/DesktopActions/index.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var style_1 = require("../style");
+var Analytics_1 = require("../../../../utils/Analytics");
+var segment_tracking_1 = require("@lendi/segment-tracking");
+var constants_1 = require("../../../constants");
+var LogoutComponent_1 = require("../LogoutComponent");
+var React = require("react");
+var style_2 = require("./style");
+exports.DesktopActions = function (_a) {
+    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;
+    var primaryLabel = (teamMember === null || teamMember === void 0 ? void 0 : teamMember.firstName) ? "Talk to " + teamMember.firstName : constants_1.LABEL_TALK_TO_EXPERT;
+    return (React.createElement(style_2.DesktopActionsWrapper, null,
+        showTalkToExpertCta && (React.createElement(style_1.TalkExpertAction, { variant: "secondary", onClick: function () {
+                openCommPanel();
+                var trackingEvent = {
+                    text: 'Talk To Broker',
+                    category: segment_tracking_1.EventCategory.NAVBAR,
+                    authenticationStatus: isAuthenticated
+                        ? segment_tracking_1.AuthenticationStatus.AUTHENTICATED
+                        : segment_tracking_1.AuthenticationStatus.UNAUTHENTICATED,
+                };
+                Analytics_1.analytics(trackingEvent);
+            }, size: "sm", bigLabelAccomodate: isAuthenticated ? !showContinueAction : false }, hasUnreadMessages ? (React.createElement(React.Fragment, null,
+            React.createElement(style_1.UnreadMessageWrapper, { "data-testid": "customer-view-unread-icon", color: "primary.500", height: "2em", width: "2em" }),
+            constants_1.UNREAD_MESSAGE)) : (React.createElement(React.Fragment, null, primaryLabel)))),
+        React.createElement(style_1.SecondaryAction, { bigLabelAccomodate: isAuthenticated ? (showContinueAction ? false : true) : false, size: "sm", variant: isAuthenticated ? (showContinueAction ? 'emphasis' : 'primary') : 'primary', href: isAuthenticated ? (showContinueAction ? continueURL : constants_1.ROUTE_BOOK_APPOINTMENT) : constants_1.ROUTE_SIGN_IN, onClick: function () {
+                return Analytics_1.analytics({
+                    event_name: isAuthenticated ? (showContinueAction ? constants_1.LABEL_CONTINUE : constants_1.BOOK_AN_APPOINTMENT) : constants_1.LABEL_SIGN_IN,
+                    label: isAuthenticated ? (showContinueAction ? constants_1.LABEL_CONTINUE : constants_1.BOOK_AN_APPOINTMENT) : constants_1.LABEL_SIGN_IN,
+                    category: segment_tracking_1.EventCategory.NAVBAR,
+                });
+            }, "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),
+        isAuthenticated && React.createElement(LogoutComponent_1.LogoutComponent, null)));
+};
+//# sourceMappingURL=index.js.map

package/dist/cjs/shared/components/CTA/DesktopActions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/shared/components/CTA/DesktopActions/index.tsx"],"names":[],"mappings":";;AAAA,kCAAmF;AACnF,yDAAwD;AACxD,4DAA2F;AAC3F,gDAQ4B;AAC5B,sDAAqD;AACrD,6BAA+B;AAG/B,iCAAgD;AAEnC,QAAA,cAAc,GAAG,UAAC,EAQP;QAPtB,oCAAe,EACf,4BAAW,EACX,0BAA0B,EAA1B,+CAA0B,EAC1B,qBAAwB,EAAxB,oDAAwB,EACxB,0BAAU,EACV,wCAAiB,EACjB,4CAAmB;IAEnB,IAAM,YAAY,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,EAAC,CAAC,CAAC,aAAW,UAAU,CAAC,SAAW,CAAC,CAAC,CAAC,gCAAoB,CAAC;IAEtG,OAAO,CACL,oBAAC,6BAAqB;QACnB,mBAAmB,IAAI,CACtB,oBAAC,wBAAgB,IACf,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,EACD,IAAI,EAAC,IAAI,EACT,kBAAkB,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,KAAK,IAEhE,iBAAiB,CAAC,CAAC,CAAC,CACnB;YACE,oBAAC,4BAAoB,mBACP,2BAA2B,EACvC,KAAK,EAAC,aAAa,EACnB,MAAM,EAAC,KAAK,EACZ,KAAK,EAAC,KAAK,GACX;YACD,0BAAc,CACd,CACJ,CAAC,CAAC,CAAC,CACF,0CAAG,YAAY,CAAI,CACpB,CACgB,CACpB;QACD,oBAAC,uBAAe,IACd,kBAAkB,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,EACjF,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,EACpF,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,eAAe,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,0BAAc,CAAC,CAAC,CAAC,+BAAmB,CAAC,CAAC,CAAC,CAAC,yBAAa;oBACzG,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,0BAAc,CAAC,CAAC,CAAC,+BAAmB,CAAC,CAAC,CAAC,CAAC,yBAAa;oBACpG,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,CAC9E;QAEjB,eAAe,IAAI,oBAAC,iCAAe,OAAG,CACjB,CACzB,CAAC;AACJ,CAAC,CAAC"}

package/dist/cjs/shared/components/CTA/DesktopActions/style.js

@@ -0,0 +1,12 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var styled_components_1 = require("styled-components");
+var breakpoint_1 = require("@lendi-ui/breakpoint");
+exports.DesktopActionsWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  ", ";\n"], ["\n  display: flex;\n  ",
+    ";\n"])), breakpoint_1.between('mobile', 'desktop')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: none;\n  "], ["\n    display: none;\n  "]))));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=style.js.map

package/dist/cjs/shared/components/CTA/DesktopActions/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../../../src/shared/components/CTA/DesktopActions/style.tsx"],"names":[],"mappings":";;;;;;AAAA,uDAAuC;AACvC,mDAA+C;AAElC,QAAA,qBAAqB,GAAG,2BAAM,CAAC,GAAG,kGAAA,wBAE3C;IAED,KACF,KAHG,oBAAO,CAAC,QAAQ,EAAE,SAAS,CAAC,6FAAA,0BAE7B,MACD"}

package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sampleDashboardURL = '/dashboard/application/4bb40e42f013b45d80a9e8a4bfe7234c9461/overview/1ab65742f013b45d80a9ea8e8bd60b4c9414/';
+//# sourceMappingURL=constants.js.map

package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../../src/shared/components/CTA/LogoutComponent/DropdownMenu/constants.ts"],"names":[],"mappings":";;AAAa,QAAA,kBAAkB,GAC7B,4GAA4G,CAAC"}

package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/context.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = require("react");
+var state_1 = require("./state");
+exports.DropdownMenuContext = React.createContext(state_1.initialState);
+exports.useDropdownMenu = function () {
+    var state = React.useContext(exports.DropdownMenuContext);
+    if (!state) {
+        throw new Error('Please setup <DropdownMenuProvider /> as a parent component, before using useDropdownMenu().');
+    }
+    return state;
+};
+//# sourceMappingURL=context.js.map

package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../../../../src/shared/components/CTA/LogoutComponent/DropdownMenu/context.ts"],"names":[],"mappings":";;AAAA,6BAA+B;AAC/B,iCAA0D;AAE7C,QAAA,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAAoB,oBAAY,CAAC,CAAC;AAE3E,QAAA,eAAe,GAAG;IAC7B,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAmB,CAAC,CAAC;IAEpD,IAAI,CAAC,KAAK,EAAE;QACV,MAAM,IAAI,KAAK,CAAC,8FAA8F,CAAC,CAAC;KACjH;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}

package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/index.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = require("react");
+var style_1 = require("./style");
+var Analytics_1 = require("../../../../../utils/Analytics");
+var constants_1 = require("../../../../constants");
+var context_1 = require("./context");
+var lala_react_1 = require("@lendi/lala-react");
+var segment_tracking_1 = require("@lendi/segment-tracking");
+var lala_utils_1 = require("@lendi/lala-utils");
+exports.DropdownMenu = function () {
+    var isDomain = lala_utils_1.getBrandFromHostname() === lala_utils_1.Brand.Domain;
+    var path = isDomain ? constants_1.PATH_DOMAIN : constants_1.PATH_LENDI;
+    var session = lala_react_1.useSession();
+    var _a = context_1.useDropdownMenu(), dashboardURL = _a.dashboardURL, onLogout = _a.onLogout;
+    return (React.createElement(style_1.LogoutWrapper, null,
+        React.createElement(style_1.MyAccountTitle, null, "My account"),
+        React.createElement(style_1.LinkWrapper, { color: "shade.700", onClick: function () {
+                Analytics_1.analytics({
+                    event_name: constants_1.LABEL_APPLICATIONS,
+                    action: Analytics_1.ACTION_CLICK,
+                    label: constants_1.LABEL_APPLICATIONS,
+                    category: segment_tracking_1.EventCategory.NAVBAR,
+                });
+            }, href: "" + path + constants_1.ROUTE_APPLICATIONS, "aria-label": constants_1.LABEL_APPLICATIONS }, constants_1.LABEL_APPLICATIONS),
+        dashboardURL && (React.createElement(style_1.LinkWrapper, { color: "shade.700", onClick: function () {
+                session.logout();
+                onLogout();
+                Analytics_1.analytics({
+                    event_name: constants_1.LABEL_DASHBOARD,
+                    action: Analytics_1.ACTION_CLICK,
+                    label: constants_1.LABEL_DASHBOARD,
+                    category: segment_tracking_1.EventCategory.NAVBAR,
+                });
+            }, href: "" + path + dashboardURL, "aria-label": constants_1.LABEL_DASHBOARD }, constants_1.LABEL_DASHBOARD)),
+        React.createElement(style_1.LinkWrapper, { color: "shade.700", onClick: function () {
+                Analytics_1.analytics({
+                    event_name: constants_1.LABEL_PROPERTY_REPORT,
+                    action: Analytics_1.ACTION_CLICK,
+                    label: constants_1.LABEL_PROPERTY_REPORT,
+                    category: segment_tracking_1.EventCategory.NAVBAR,
+                });
+            }, href: "" + path + constants_1.ROUTE_PROPERTY_REPORT, target: "_blank", "aria-label": constants_1.LABEL_PROPERTY_REPORT },
+            constants_1.LABEL_PROPERTY_REPORT,
+            React.createElement(style_1.LaunchIcon, { width: "18px", height: "18px" })),
+        React.createElement(style_1.LinkWrapper, { color: "shade.700", onClick: function () {
+                onLogout();
+                Analytics_1.analytics({
+                    event_name: constants_1.LABEL_LOG_OUT,
+                    action: Analytics_1.ACTION_CLICK,
+                    label: constants_1.LABEL_LOG_OUT,
+                    category: segment_tracking_1.EventCategory.NAVBAR,
+                });
+            }, "aria-label": constants_1.LABEL_LOG_OUT }, constants_1.LABEL_LOG_OUT)));
+};
+//# sourceMappingURL=index.js.map

package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/shared/components/CTA/LogoutComponent/DropdownMenu/index.tsx"],"names":[],"mappings":";;AAAA,6BAA+B;AAC/B,iCAAiF;AACjF,4DAAyE;AACzE,mDAS+B;AAC/B,qCAA4C;AAC5C,gDAA+C;AAC/C,4DAAwD;AACxD,gDAAgE;AAEnD,QAAA,YAAY,GAAG;IAC1B,IAAM,QAAQ,GAAG,iCAAoB,EAAE,KAAK,kBAAK,CAAC,MAAM,CAAC;IACzD,IAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,uBAAW,CAAC,CAAC,CAAC,sBAAU,CAAC;IAEjD,IAAM,OAAO,GAAG,uBAAU,EAAE,CAAC;IACvB,IAAA,gCAA8C,EAA5C,8BAAY,EAAE,sBAA8B,CAAC;IAErD,OAAO,CACL,oBAAC,qBAAa;QACZ,oBAAC,sBAAc,qBAA4B;QAC3C,oBAAC,mBAAW,IACV,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE;gBACP,qBAAS,CAAC;oBACR,UAAU,EAAE,8BAAkB;oBAC9B,MAAM,EAAE,wBAAY;oBACpB,KAAK,EAAE,8BAAkB;oBACzB,QAAQ,EAAE,gCAAa,CAAC,MAAM;iBAC/B,CAAC,CAAC;YACL,CAAC,EACD,IAAI,EAAE,KAAG,IAAI,GAAG,8BAAoB,gBACxB,8BAAkB,IAE7B,8BAAkB,CACP;QACb,YAAY,IAAI,CACf,oBAAC,mBAAW,IACV,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE;gBACP,OAAO,CAAC,MAAM,EAAE,CAAC;gBACjB,QAAS,EAAE,CAAC;gBACZ,qBAAS,CAAC;oBACR,UAAU,EAAE,2BAAe;oBAC3B,MAAM,EAAE,wBAAY;oBACpB,KAAK,EAAE,2BAAe;oBACtB,QAAQ,EAAE,gCAAa,CAAC,MAAM;iBAC/B,CAAC,CAAC;YACL,CAAC,EACD,IAAI,EAAE,KAAG,IAAI,GAAG,YAAc,gBAClB,2BAAe,IAE1B,2BAAe,CACJ,CACf;QACD,oBAAC,mBAAW,IACV,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE;gBACP,qBAAS,CAAC;oBACR,UAAU,EAAE,iCAAqB;oBACjC,MAAM,EAAE,wBAAY;oBACpB,KAAK,EAAE,iCAAqB;oBAC5B,QAAQ,EAAE,gCAAa,CAAC,MAAM;iBAC/B,CAAC,CAAC;YACL,CAAC,EACD,IAAI,EAAE,KAAG,IAAI,GAAG,iCAAuB,EACvC,MAAM,EAAC,QAAQ,gBACH,iCAAqB;YAEhC,iCAAqB;YACtB,oBAAC,kBAAU,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,GAAG,CAC7B;QACd,oBAAC,mBAAW,IACV,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE;gBACP,QAAS,EAAE,CAAC;gBACZ,qBAAS,CAAC;oBACR,UAAU,EAAE,yBAAa;oBACzB,MAAM,EAAE,wBAAY;oBACpB,KAAK,EAAE,yBAAa;oBACpB,QAAQ,EAAE,gCAAa,CAAC,MAAM;iBAC/B,CAAC,CAAC;YACL,CAAC,gBACW,yBAAa,IAExB,yBAAa,CACF,CACA,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/provider.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = require("react");
+var context_1 = require("./context");
+exports.DropdownProvider = function (_a) {
+    var children = _a.children, dashboardURL = _a.dashboardURL, onLogout = _a.onLogout;
+    return (React.createElement(context_1.DropdownMenuContext.Provider, { value: {
+            dashboardURL: dashboardURL,
+            onLogout: onLogout,
+        } }, children));
+};
+//# sourceMappingURL=provider.js.map

package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","sourceRoot":"","sources":["../../../../../../../src/shared/components/CTA/LogoutComponent/DropdownMenu/provider.tsx"],"names":[],"mappings":";;AAAA,6BAA+B;AAC/B,qCAAgD;AAGnC,QAAA,gBAAgB,GAA+C,UAAC,EAAoC;QAAlC,sBAAQ,EAAE,8BAAY,EAAE,sBAAQ;IAC7G,OAAO,CACL,oBAAC,6BAAmB,CAAC,QAAQ,IAC3B,KAAK,EAAE;YACL,YAAY,cAAA;YACZ,QAAQ,UAAA;SACT,IAEA,QAAQ,CACoB,CAChC,CAAC;AACJ,CAAC,CAAC"}

package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/state.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initialState = {
+    dashboardURL: undefined,
+    onLogout: undefined,
+};
+//# sourceMappingURL=state.js.map

package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../../../src/shared/components/CTA/LogoutComponent/DropdownMenu/state.ts"],"names":[],"mappings":";;AAKa,QAAA,YAAY,GAAsB;IAC7C,YAAY,EAAE,SAAS;IACvB,QAAQ,EAAE,SAAS;CACpB,CAAC"}

package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/style.js

@@ -0,0 +1,21 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var breakpoint_1 = require("@lendi-ui/breakpoint");
+var color_1 = require("@lendi-ui/color");
+var depth_1 = require("@lendi-ui/depth");
+var Launch_1 = require("@lendi-ui/icon/Launch");
+var spacing_1 = require("@lendi-ui/spacing");
+var theme_1 = require("@lendi-ui/theme");
+var typography_1 = require("@lendi-ui/typography");
+var styled_components_1 = require("styled-components");
+exports.LogoutWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  right: 5px;\n  top: 56px;\n\n  ", ";\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n\n  border-radius: ", ";\n\n  ", " ", "\n"], ["\n  position: absolute;\n  right: 5px;\n  top: 56px;\n\n  ", ";\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n\n  border-radius: ", ";\n\n  ", " ", "\n"])), breakpoint_1.gte('desktop')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["top: 70px;"], ["top: 70px;"]))), theme_1.select('borderRadius'), depth_1.depth(2), color_1.bg('shade.0'));
+var MenuItem = styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), spacing_1.px('sm'), spacing_1.py('sm'));
+exports.MyAccountTitle = styled_components_1.default(typography_1.Body)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n  font-weight: bold;\n  width: 100%;\n  box-sizing: border-box;\n  border-bottom: 1px solid ", ";\n"], ["\n  ", ";\n  font-weight: bold;\n  width: 100%;\n  box-sizing: border-box;\n  border-bottom: 1px solid ", ";\n"])), MenuItem, color_1.color('shade.100'));
+exports.LinkWrapper = styled_components_1.default(typography_1.Link)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n  overflow: hidden;\n  text-decoration: none;\n  font-weight: normal;\n  width: 100%;\n  text-align: left;\n  box-sizing: border-box;\n  background-color: transparent;\n"], ["\n  ", ";\n  overflow: hidden;\n  text-decoration: none;\n  font-weight: normal;\n  width: 100%;\n  text-align: left;\n  box-sizing: border-box;\n  background-color: transparent;\n"])), MenuItem);
+exports.LaunchIcon = styled_components_1.default(Launch_1.default)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), spacing_1.mx('xl'));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=style.js.map

package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../../../../src/shared/components/CTA/LogoutComponent/DropdownMenu/style.tsx"],"names":[],"mappings":";;;;;;AAAA,mDAA2C;AAC3C,yCAA4C;AAC5C,yCAAwC;AACxC,gDAA2C;AAC3C,6CAA+C;AAC/C,yCAAyC;AACzC,mDAAkD;AAClD,uDAAgD;AAEnC,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,kRAAA,4DAKnC,EAA0B,2HAOX,EAAsB,SAErC,EAAQ,GAAI,EAAa,IAC5B,KAVG,gBAAG,CAAC,SAAS,CAAC,+EAAA,YAAY,MAOX,cAAM,CAAC,cAAc,CAAC,EAErC,aAAK,CAAC,CAAC,CAAC,EAAI,UAAE,CAAC,SAAS,CAAC,EAC3B;AAEF,IAAM,QAAQ,GAAG,uBAAG,uFAAA,MAChB,EAAQ,MACR,EAAQ,IACX,KAFG,YAAE,CAAC,IAAI,CAAC,EACR,YAAE,CAAC,IAAI,CAAC,CACX,CAAC;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,iBAAI,CAAC,mLAAA,MACtC,EAAQ,iGAIiB,EAAkB,KAC9C,KALG,QAAQ,EAIiB,aAAK,CAAC,WAAW,CAAC,EAC7C;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,iBAAI,CAAC,yPAAA,MACnC,EAAQ,8KAQX,KARG,QAAQ,EAQV;AAEW,QAAA,UAAU,GAAG,2BAAM,CAAC,gBAAM,CAAC,+EAAA,MACpC,EAAQ,IACX,KADG,YAAE,CAAC,IAAI,CAAC,EACV"}

package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/test.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var enzyme_1 = require("enzyme");
+var theme_1 = require("@lendi-ui/theme");
+var React = require("react");
+var _1 = require("./");
+var lala_react_1 = require("@lendi/lala-react");
+var session_1 = require("@lendi/comm-panel/src/utils/session");
+var navbar_base_1 = require("@lendi-ui/navbar-base");
+var constants_1 = require("../../../../constants");
+var provider_1 = require("./provider");
+var constants_2 = require("./constants");
+var LendiComponent = function (_a) {
+    var dashboardURL = _a.dashboardURL, onLogout = _a.onLogout;
+    return (React.createElement(theme_1.default, null,
+        React.createElement(lala_react_1.SessionProvider, { session: session_1.session },
+            React.createElement(navbar_base_1.default, { isTransparent: false },
+                React.createElement(provider_1.DropdownProvider, { dashboardURL: dashboardURL, onLogout: onLogout },
+                    React.createElement(_1.DropdownMenu, null))))));
+};
+var element;
+describe('DropdownMenu', function () {
+    var onLogoutMock = jest.fn();
+    beforeEach(function () {
+        element = enzyme_1.mount(React.createElement(LendiComponent, { onLogout: onLogoutMock }));
+    });
+    it('should mount', function () {
+        expect(element.find(_1.DropdownMenu)).toHaveLength(1);
+    });
+    it('should render Applications link', function () {
+        expect(element
+            .find({ 'aria-label': constants_1.LABEL_APPLICATIONS })
+            .hostNodes()
+            .prop('href')).toBe("" + constants_1.PATH_LENDI + constants_1.ROUTE_APPLICATIONS);
+    });
+    describe('if `dashboardURL` prop is provided', function () {
+        var element2 = enzyme_1.mount(React.createElement(LendiComponent, { onLogout: onLogoutMock, dashboardURL: constants_2.sampleDashboardURL }));
+        it('should render Dashboard link', function () {
+            expect(element2
+                .find({ children: constants_1.LABEL_DASHBOARD })
+                .hostNodes()
+                .exists()).toBe(true);
+        });
+        it('should render the correct Dashboard link', function () {
+            expect(element2
+                .find({ children: constants_1.LABEL_DASHBOARD })
+                .hostNodes()
+                .prop('href')).toBe("" + constants_1.PATH_LENDI + constants_2.sampleDashboardURL);
+        });
+    });
+    describe('if `dashboardURL` prop is not provided', function () {
+        var element2 = enzyme_1.mount(React.createElement(LendiComponent, { onLogout: onLogoutMock }));
+        it('should hide Dashboard link', function () {
+            expect(element2
+                .find({ children: constants_1.LABEL_DASHBOARD })
+                .hostNodes()
+                .exists()).toBe(false);
+        });
+    });
+    it('should render Property Report link', function () {
+        expect(element
+            .find({ 'aria-label': constants_1.LABEL_PROPERTY_REPORT })
+            .hostNodes()
+            .prop('href')).toBe("" + constants_1.PATH_LENDI + constants_1.ROUTE_PROPERTY_REPORT);
+    });
+    it('should open Property Report in a new tab', function () {
+        expect(element
+            .find({ 'aria-label': constants_1.LABEL_PROPERTY_REPORT })
+            .hostNodes()
+            .prop('target')).toBe('_blank');
+    });
+    it('should fire onLogout() event', function () {
+        element
+            .find({ children: constants_1.LABEL_LOG_OUT })
+            .hostNodes()
+            .simulate('click');
+        expect(onLogoutMock).toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=test.js.map

package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test.js","sourceRoot":"","sources":["../../../../../../../src/shared/components/CTA/LogoutComponent/DropdownMenu/test.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/shared/components/CTA/LogoutComponent/index.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var MoreVert_1 = require("@lendi-ui/icon/MoreVert");
+var navbar_base_1 = require("@lendi-ui/navbar-base");
+var React = require("react");
+var DropdownMenu_1 = require("./DropdownMenu");
+var Analytics_1 = require("../../../../utils/Analytics");
+var style_1 = require("./style");
+var constants_1 = require("../../../constants");
+var segment_tracking_1 = require("@lendi/segment-tracking");
+exports.LogoutComponent = function () {
+    var isTransparent = navbar_base_1.useNavbarBaseContext().isTransparent;
+    var _a = React.useState(false), isLogoutDisplay = _a[0], setIsLogoutDisplay = _a[1];
+    var logoutPanel = React.useRef();
+    var closeLogoutPanel = function (e) {
+        if (logoutPanel && logoutPanel.current && !logoutPanel.current.contains(e.target)) {
+            setIsLogoutDisplay(false);
+        }
+    };
+    React.useEffect(function () {
+        window.addEventListener('mousedown', closeLogoutPanel);
+        return function () {
+            window.removeEventListener('mousedown', closeLogoutPanel);
+        };
+    });
+    return (React.createElement("div", { ref: logoutPanel },
+        React.createElement(style_1.KebabMenu, { size: "sm", color: isTransparent ? 'shade.0' : 'secondary.500', onClick: function () {
+                setIsLogoutDisplay(!isLogoutDisplay);
+                Analytics_1.analytics({
+                    event_name: constants_1.LABEL_MORE_OPTIONS,
+                    action: Analytics_1.ACTION_CLICK,
+                    label: constants_1.LABEL_MORE_OPTIONS,
+                    category: segment_tracking_1.EventCategory.NAVBAR,
+                });
+            }, "aria-label": constants_1.LABEL_MORE_OPTIONS, icon: MoreVert_1.default }),
+        isLogoutDisplay && React.createElement(DropdownMenu_1.DropdownMenu, null)));
+};
+//# sourceMappingURL=index.js.map

package/dist/cjs/shared/components/CTA/LogoutComponent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/shared/components/CTA/LogoutComponent/index.tsx"],"names":[],"mappings":";;AAAA,oDAA+C;AAC/C,qDAA6D;AAC7D,6BAA+B;AAC/B,+CAA8C;AAC9C,yDAAsE;AACtE,iCAAoC;AACpC,gDAAwD;AACxD,4DAAwD;AAE3C,QAAA,eAAe,GAAG;IACrB,IAAA,kEAAa,CAA4B;IAC3C,IAAA,0BAA6D,EAA5D,uBAAe,EAAE,0BAA2C,CAAC;IACpE,IAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAA8C,CAAC;IAC/E,IAAM,gBAAgB,GAAG,UAAC,CAAa;QACrC,IAAI,WAAW,IAAI,WAAW,CAAC,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAqB,CAAC,EAAE;YAChG,kBAAkB,CAAC,KAAK,CAAC,CAAC;SAC3B;IACH,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC;QACd,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAC;QACvD,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAC;QAC5D,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,WAAW;QACnB,oBAAC,iBAAS,IACR,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,EAClD,OAAO,EAAE;gBACP,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAC;gBACrC,qBAAS,CAAC;oBACR,UAAU,EAAE,8BAAkB;oBAC9B,MAAM,EAAE,wBAAY;oBACpB,KAAK,EAAE,8BAAkB;oBACzB,QAAQ,EAAE,gCAAa,CAAC,MAAM;iBAC/B,CAAC,CAAC;YACL,CAAC,gBACW,8BAAkB,EAC9B,IAAI,EAAE,kBAAQ,GACd;QACD,eAAe,IAAI,oBAAC,2BAAY,OAAG,CAChC,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/cjs/shared/components/CTA/LogoutComponent/style.js

@@ -0,0 +1,12 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var styled_components_1 = require("styled-components");
+var button_1 = require("@lendi-ui/button");
+var spacing_1 = require("@lendi-ui/spacing");
+exports.KebabMenu = styled_components_1.default(button_1.IconButton)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), spacing_1.ml('xxxs'));
+var templateObject_1;
+//# sourceMappingURL=style.js.map

package/dist/cjs/shared/components/CTA/LogoutComponent/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../../../src/shared/components/CTA/LogoutComponent/style.tsx"],"names":[],"mappings":";;;;;;AAAA,uDAAuC;AACvC,2CAA8C;AAC9C,6CAAuC;AAE1B,QAAA,SAAS,GAAG,2BAAM,CAAC,mBAAU,CAAC,+EAAA,MACvC,EAAU,IACb,KADG,YAAE,CAAC,MAAM,CAAC,EACZ"}