@lendi/navbar 1.0.4 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/README.md +1 -1
- package/dist/cjs/SimpleNavbar/components/CTA/index.js +19 -22
- package/dist/cjs/SimpleNavbar/components/CTA/index.js.map +1 -1
- package/dist/cjs/SimpleNavbar/components/CTA/index.style.js +17 -9
- package/dist/cjs/SimpleNavbar/components/CTA/index.style.js.map +1 -1
- package/dist/cjs/SimpleNavbar/components/DesktopAction/index.js +36 -0
- package/dist/cjs/SimpleNavbar/components/DesktopAction/index.js.map +1 -0
- package/dist/cjs/SimpleNavbar/components/LogoutComponent/index.js +45 -0
- package/dist/cjs/SimpleNavbar/components/LogoutComponent/index.js.map +1 -0
- package/dist/cjs/SimpleNavbar/components/MobileAction/index.js +33 -0
- package/dist/cjs/SimpleNavbar/components/MobileAction/index.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/index.js +4 -4
- package/dist/cjs/shared/components/CTA/index.js.map +1 -1
- package/dist/cjs/shared/components/CTA/index.style.js +7 -7
- package/dist/cjs/shared/components/CTA/index.style.js.map +1 -1
- package/dist/cjs/shared/components/Logo/index.js +4 -4
- package/dist/cjs/shared/components/Logo/index.js.map +1 -1
- package/dist/cjs/shared/components/Logo/index.style.js +18 -13
- package/dist/cjs/shared/components/Logo/index.style.js.map +1 -1
- package/dist/cjs/shared/styles.js +10 -3
- package/dist/cjs/shared/styles.js.map +1 -1
- package/dist/cjs/shared/types.js.map +1 -1
- package/dist/types/SimpleNavbar/components/CTA/index.d.ts +1 -1
- package/dist/types/SimpleNavbar/components/CTA/index.style.d.ts +3 -1
- package/dist/types/SimpleNavbar/components/DesktopAction/index.d.ts +4 -0
- package/dist/types/SimpleNavbar/components/LogoutComponent/index.d.ts +3 -0
- package/dist/types/SimpleNavbar/components/MobileAction/index.d.ts +4 -0
- package/dist/types/SimpleNavbar/index.d.ts +1 -1
- package/dist/types/shared/components/CTA/index.d.ts +2 -1
- package/dist/types/shared/components/Logo/index.style.d.ts +4 -1
- package/dist/types/shared/styles.d.ts +1 -0
- package/dist/types/shared/types.d.ts +14 -3
- package/package.json +4 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,6 +1,22 @@
|
|
|
1
1
|
# Changelog - @lendi/navbar
|
|
2
2
|
|
|
3
|
+
## 1.2.0
|
|
4
|
+
- [minor] d5045cf:
|
|
5
|
+
|
|
6
|
+
- Fixed logout on Simple navbar and added a flexibility to show Continue Action on CTP - special cases are Funnel1/2
|
|
7
|
+
|
|
8
|
+
## 1.1.1
|
|
9
|
+
- [patch] 800de4f:
|
|
10
|
+
|
|
11
|
+
- Change Navbar build assets first
|
|
12
|
+
|
|
13
|
+
## 1.1.0
|
|
14
|
+
- [minor] ea6aee8:
|
|
15
|
+
|
|
16
|
+
- add logout function to simple navbar
|
|
17
|
+
|
|
3
18
|
## 1.0.4
|
|
19
|
+
|
|
4
20
|
- [patch] cd13b88:
|
|
5
21
|
|
|
6
22
|
- bumped segment tracking version to support server side rendered applications
|
package/README.md
CHANGED
|
@@ -11,7 +11,7 @@ yarn add @lendi/navbar
|
|
|
11
11
|
```jsx
|
|
12
12
|
import {SimpleNavbar, MultiNavbar, MegaNavbar} from '@lendi/navbar'
|
|
13
13
|
|
|
14
|
-
<SimpleNavbar useTransparent={transparent} isAuthenticated={isAuthenticated}
|
|
14
|
+
<SimpleNavbar useTransparent={transparent} isAuthenticated={isAuthenticated} dashboardVariant={talk2Expert} />
|
|
15
15
|
|
|
16
16
|
<MultiNavbar useTransparent={transparent} isAuthenticated={isAuthenticated} />
|
|
17
17
|
|
|
@@ -1,4 +1,15 @@
|
|
|
1
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
|
+
};
|
|
2
13
|
var __importStar = (this && this.__importStar) || function (mod) {
|
|
3
14
|
if (mod && mod.__esModule) return mod;
|
|
4
15
|
var result = {};
|
|
@@ -6,31 +17,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
6
17
|
result["default"] = mod;
|
|
7
18
|
return result;
|
|
8
19
|
};
|
|
20
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
21
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
22
|
+
};
|
|
9
23
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
24
|
var React = __importStar(require("react"));
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var constants_1 = require("../../../shared/constants");
|
|
15
|
-
var index_style_2 = require("./index.style");
|
|
16
|
-
var Analytics_1 = require("../../../utils/Analytics");
|
|
17
|
-
var CTAButtons = function (_a) {
|
|
18
|
-
var isAuthenticated = _a.isAuthenticated, continueURL = _a.continueURL, openRightSidebar = _a.openRightSidebar, _b = _a.shouldTalkToExpert, shouldTalkToExpert = _b === void 0 ? true : _b;
|
|
19
|
-
var isTransparent = navbar_base_1.useNavbarBaseContext().isTransparent;
|
|
25
|
+
var DesktopAction_1 = __importDefault(require("../DesktopAction"));
|
|
26
|
+
var MobileAction_1 = __importDefault(require("../MobileAction"));
|
|
27
|
+
var CTAButtons = function (props) {
|
|
20
28
|
return (React.createElement(React.Fragment, null,
|
|
21
|
-
React.createElement(
|
|
22
|
-
|
|
23
|
-
shouldTalkToExpert && (React.createElement(index_style_2.TalkExpertAction, { size: "sm", variant: "secondary", onClick: function () {
|
|
24
|
-
openRightSidebar();
|
|
25
|
-
Analytics_1.analytics({ event_name: 'click', label: constants_1.TALK_TO_EXPERT });
|
|
26
|
-
}, "aria-label": constants_1.TALK_TO_EXPERT }, constants_1.TALK_TO_EXPERT)),
|
|
27
|
-
React.createElement(button_1.Button, { size: "sm", variant: isAuthenticated ? 'emphasis' : 'primary', href: isAuthenticated ? continueURL : constants_1.BOOK_APPOINTMENT_LINK, onClick: function () { return Analytics_1.analytics({ event_name: 'click', label: isAuthenticated ? constants_1.CONTINUE : constants_1.BOOK_AN_APPOINTMENT }); }, "aria-label": isAuthenticated ? continueURL : constants_1.BOOK_APPOINTMENT_LINK }, isAuthenticated ? constants_1.CONTINUE : constants_1.BOOK_AN_APPOINTMENT)),
|
|
28
|
-
React.createElement(index_style_1.MobileActions, null,
|
|
29
|
-
shouldTalkToExpert && (React.createElement(index_style_2.TalkExpertAction, { size: "sm", isInverse: isTransparent, className: "noHover", variant: "secondary", onClick: function () {
|
|
30
|
-
openRightSidebar();
|
|
31
|
-
Analytics_1.analytics({ event_name: 'click', label: isAuthenticated ? constants_1.CONTACT_US : constants_1.TALK_TO_EXPERT });
|
|
32
|
-
}, "aria-label": isAuthenticated ? constants_1.CONTACT_US : constants_1.TALK_TO_EXPERT }, isAuthenticated ? constants_1.CONTACT_US : constants_1.TALK_TO_EXPERT)),
|
|
33
|
-
isAuthenticated && (React.createElement(index_style_2.ContinueAction, { variant: "emphasis", href: continueURL, "aria-label": constants_1.CONTINUE, size: "sm", onClick: function () { return Analytics_1.analytics({ event_name: 'click', label: constants_1.CONTINUE }); } }, constants_1.CONTINUE))))));
|
|
29
|
+
React.createElement(DesktopAction_1.default, __assign({}, props)),
|
|
30
|
+
React.createElement(MobileAction_1.default, __assign({}, props))));
|
|
34
31
|
};
|
|
35
32
|
exports.default = CTAButtons;
|
|
36
33
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/SimpleNavbar/components/CTA/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/SimpleNavbar/components/CTA/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAE/B,mEAAmD;AACnD,iEAAiD;AAEjD,IAAM,UAAU,GAAG,UAAC,KAAe;IACjC,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACb,oBAAC,uBAAmB,eAAK,KAAK,EAAI;QAClC,oBAAC,sBAAkB,eAAK,KAAK,EAAI,CAClB,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
|
|
@@ -3,17 +3,25 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
|
-
var
|
|
7
|
-
|
|
6
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
7
|
+
if (mod && mod.__esModule) return mod;
|
|
8
|
+
var result = {};
|
|
9
|
+
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
|
|
10
|
+
result["default"] = mod;
|
|
11
|
+
return result;
|
|
8
12
|
};
|
|
9
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
11
14
|
var breakpoint_1 = require("@lendi-ui/breakpoint");
|
|
12
|
-
var spacing_1 = require("@lendi-ui/spacing");
|
|
13
15
|
var button_1 = require("@lendi-ui/button");
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
exports.
|
|
17
|
-
"\n
|
|
18
|
-
|
|
16
|
+
var spacing_1 = require("@lendi-ui/spacing");
|
|
17
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
18
|
+
exports.TalkExpertAction = styled_components_1.default(button_1.Button)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n ", "\n ", ";\n"], ["\n ", ";\n ",
|
|
19
|
+
"\n ",
|
|
20
|
+
";\n"])), spacing_1.mr('sm'), function (_a) {
|
|
21
|
+
var dashboardVariant = _a.dashboardVariant;
|
|
22
|
+
return dashboardVariant && styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), spacing_1.mr('nil'));
|
|
23
|
+
}, breakpoint_1.between('mobile', 'desktop')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border: none;\n ", "\n "], ["\n border: none;\n ", "\n "])), spacing_1.p('nil')));
|
|
24
|
+
exports.ContinueAction = styled_components_1.default(button_1.Button)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n"], ["\n ",
|
|
25
|
+
"\n"])), breakpoint_1.between('mobile', 'tablet')(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n width: 90px;\n ", "\n "], ["\n width: 90px;\n ", "\n "])), spacing_1.p('nil')));
|
|
26
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
19
27
|
//# sourceMappingURL=index.style.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.style.js","sourceRoot":"","sources":["../../../../../src/SimpleNavbar/components/CTA/index.style.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.style.js","sourceRoot":"","sources":["../../../../../src/SimpleNavbar/components/CTA/index.style.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,mDAA+C;AAC/C,2CAA0C;AAC1C,6CAA0C;AAC1C,qEAAgD;AAEnC,QAAA,gBAAgB,GAAG,2BAAM,CAAC,eAAM,CAAC,iGAAA,MAC1C,EAAQ,OACR;IAIC,MACD;IAGD,KACF,KAVG,YAAE,CAAC,IAAI,CAAC,EACR,UAAC,EAAoD;QAAlD,sCAAgB;IACnB,OAAA,gBAAgB,IAChB,uBAAG,uFAAA,UACC,EAAS,QACZ,KADG,YAAE,CAAC,KAAK,CAAC,CACZ;AAHD,CAGC,EACD,oBAAO,CAAC,QAAQ,EAAE,SAAS,CAAC,sGAAA,2BAE1B,EAAQ,MACX,KADG,WAAC,CAAC,KAAK,CAAC,GAEZ;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,eAAM,CAAC,+EAAA,MACxC;IAGD,IACF,KAJG,oBAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,qGAAA,0BAEzB,EAAQ,MACX,KADG,WAAC,CAAC,KAAK,CAAC,GAEZ"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
3
|
+
if (mod && mod.__esModule) return mod;
|
|
4
|
+
var result = {};
|
|
5
|
+
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
|
|
6
|
+
result["default"] = mod;
|
|
7
|
+
return result;
|
|
8
|
+
};
|
|
9
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
10
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
11
|
+
};
|
|
12
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
+
var button_1 = require("@lendi-ui/button");
|
|
14
|
+
var React = __importStar(require("react"));
|
|
15
|
+
var index_style_1 = require("../../../shared/components/CTA/index.style");
|
|
16
|
+
var constants_1 = require("../../../shared/constants");
|
|
17
|
+
var Analytics_1 = require("../../../utils/Analytics");
|
|
18
|
+
var index_style_2 = require("../CTA/index.style");
|
|
19
|
+
var LogoutComponent_1 = __importDefault(require("../LogoutComponent"));
|
|
20
|
+
var RenderDesktopAction = function (_a) {
|
|
21
|
+
var dashboardVariant = _a.dashboardVariant, openRightSidebar = _a.openRightSidebar, isAuthenticated = _a.isAuthenticated, continueURL = _a.continueURL, onLogout = _a.onLogout, _b = _a.showContinueAction, showContinueAction = _b === void 0 ? false : _b;
|
|
22
|
+
var needToContinue = function () { return isAuthenticated && showContinueAction; };
|
|
23
|
+
return (React.createElement(index_style_1.DesktopActions, null,
|
|
24
|
+
dashboardVariant ? (React.createElement(index_style_2.TalkExpertAction, { dashboardVariant: dashboardVariant, size: "sm", variant: "secondary", onClick: function () {
|
|
25
|
+
openRightSidebar();
|
|
26
|
+
Analytics_1.analytics({ event_name: 'click', label: constants_1.BOOK_AN_APPOINTMENT });
|
|
27
|
+
}, "aria-label": constants_1.BOOK_AN_APPOINTMENT }, constants_1.BOOK_AN_APPOINTMENT)) : (React.createElement(React.Fragment, null,
|
|
28
|
+
React.createElement(index_style_2.TalkExpertAction, { dashboardVariant: dashboardVariant, size: "sm", variant: "secondary", onClick: function () {
|
|
29
|
+
openRightSidebar();
|
|
30
|
+
Analytics_1.analytics({ event_name: 'click', label: constants_1.TALK_TO_EXPERT });
|
|
31
|
+
}, "aria-label": constants_1.TALK_TO_EXPERT }, constants_1.TALK_TO_EXPERT),
|
|
32
|
+
React.createElement(button_1.Button, { size: "sm", variant: needToContinue() ? 'emphasis' : 'primary', href: needToContinue() ? continueURL : constants_1.BOOK_APPOINTMENT_LINK, onClick: function () { return Analytics_1.analytics({ event_name: 'click', label: needToContinue() ? constants_1.CONTINUE : constants_1.BOOK_AN_APPOINTMENT }); }, "aria-label": needToContinue() ? continueURL : constants_1.BOOK_APPOINTMENT_LINK }, needToContinue() ? constants_1.CONTINUE : constants_1.BOOK_AN_APPOINTMENT))),
|
|
33
|
+
isAuthenticated && React.createElement(LogoutComponent_1.default, { onLogout: onLogout })));
|
|
34
|
+
};
|
|
35
|
+
exports.default = RenderDesktopAction;
|
|
36
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/SimpleNavbar/components/DesktopAction/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAA0C;AAC1C,2CAA+B;AAE/B,0EAA4E;AAC5E,uDAAiH;AACjH,sDAAqD;AACrD,kDAAsD;AACtD,uEAAiD;AAEjD,IAAM,mBAAmB,GAAG,UAAC,EAOlB;QANT,sCAAgB,EAChB,sCAAgB,EAChB,oCAAe,EACf,4BAAW,EACX,sBAAQ,EACR,0BAA0B,EAA1B,+CAA0B;IAE1B,IAAM,cAAc,GAAG,cAAM,OAAA,eAAe,IAAI,kBAAkB,EAArC,CAAqC,CAAC;IAEnE,OAAO,CACL,oBAAC,4BAAc;QACZ,gBAAgB,CAAC,CAAC,CAAC,CAClB,oBAAC,8BAAgB,IACf,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE;gBACP,gBAAgB,EAAE,CAAC;gBACnB,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,+BAAmB,EAAE,CAAC,CAAC;YACjE,CAAC,gBACW,+BAAmB,IAE9B,+BAAmB,CACH,CACpB,CAAC,CAAC,CAAC,CACF;YACE,oBAAC,8BAAgB,IACf,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE;oBACP,gBAAgB,EAAE,CAAC;oBACnB,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,0BAAc,EAAE,CAAC,CAAC;gBAC5D,CAAC,gBACW,0BAAc,IAEzB,0BAAc,CACE;YACnB,oBAAC,eAAM,IACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAClD,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,iCAAqB,EAC5D,OAAO,EAAE,cAAM,OAAA,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,oBAAQ,CAAC,CAAC,CAAC,+BAAmB,EAAE,CAAC,EAA5F,CAA4F,gBAC/F,cAAc,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,iCAAqB,IAEjE,cAAc,EAAE,CAAC,CAAC,CAAC,oBAAQ,CAAC,CAAC,CAAC,+BAAmB,CAC3C,CACR,CACJ;QACA,eAAe,IAAI,oBAAC,yBAAe,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAC5C,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
3
|
+
if (mod && mod.__esModule) return mod;
|
|
4
|
+
var result = {};
|
|
5
|
+
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
|
|
6
|
+
result["default"] = mod;
|
|
7
|
+
return result;
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
var icon_1 = require("@lendi-ui/icon");
|
|
11
|
+
var navbar_base_1 = require("@lendi-ui/navbar-base");
|
|
12
|
+
var React = __importStar(require("react"));
|
|
13
|
+
var index_style_1 = require("../../../shared/components/CTA/index.style");
|
|
14
|
+
var Analytics_1 = require("../../../utils/Analytics");
|
|
15
|
+
var LogoutComponent = function (_a) {
|
|
16
|
+
var onLogout = _a.onLogout;
|
|
17
|
+
var isTransparent = navbar_base_1.useNavbarBaseContext().isTransparent;
|
|
18
|
+
var _b = React.useState(false), isLogoutDisplay = _b[0], setIsLogoutDisplay = _b[1];
|
|
19
|
+
var logoutPanel = React.useRef();
|
|
20
|
+
var closeLogoutPanel = function (e) {
|
|
21
|
+
if (logoutPanel && logoutPanel.current && !logoutPanel.current.contains(e.target)) {
|
|
22
|
+
setIsLogoutDisplay(false);
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
React.useEffect(function () {
|
|
26
|
+
window.addEventListener('mousedown', closeLogoutPanel);
|
|
27
|
+
return function () {
|
|
28
|
+
window.removeEventListener('mousedown', closeLogoutPanel);
|
|
29
|
+
};
|
|
30
|
+
});
|
|
31
|
+
return (React.createElement("div", { ref: logoutPanel },
|
|
32
|
+
React.createElement(index_style_1.KebabMenu, { size: "sm", color: isTransparent ? 'shade.0' : 'secondary.500', onClick: function () {
|
|
33
|
+
setIsLogoutDisplay(!isLogoutDisplay);
|
|
34
|
+
Analytics_1.analytics({ event_name: 'click', label: 'more options' });
|
|
35
|
+
}, "aria-label": "More options", icon: icon_1.MoreVert }),
|
|
36
|
+
isLogoutDisplay && (React.createElement(index_style_1.LogoutWrapper, null,
|
|
37
|
+
React.createElement(index_style_1.LogoutLinkWrapper, { color: "shade.700", onClick: function () {
|
|
38
|
+
onLogout();
|
|
39
|
+
Analytics_1.analytics({ event_name: 'click', label: 'Log out' });
|
|
40
|
+
}, "aria-label": "Log out" },
|
|
41
|
+
React.createElement(index_style_1.ExitToAppWrapper, { color: "primary.500", width: "18px", height: "18px" }),
|
|
42
|
+
"Log out")))));
|
|
43
|
+
};
|
|
44
|
+
exports.default = LogoutComponent;
|
|
45
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/SimpleNavbar/components/LogoutComponent/index.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,uCAA0C;AAC1C,qDAA6D;AAC7D,2CAA+B;AAC/B,0EAKoD;AACpD,sDAAqD;AACrD,IAAM,eAAe,GAAG,UAAC,EAAiB;QAAf,sBAAQ;IACzB,IAAA,kEAAa,CAA4B;IAC3C,IAAA,0BAAsE,EAArE,uBAAe,EAAE,0BAAoD,CAAC;IAC7E,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,uBAAS,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,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,CAAC;YAC5D,CAAC,gBACU,cAAc,EACzB,IAAI,EAAE,eAAQ,GACd;QACD,eAAe,IAAI,CAClB,oBAAC,2BAAa;YACZ,oBAAC,+BAAiB,IAChB,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE;oBACP,QAAS,EAAE,CAAC;oBACZ,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;gBACvD,CAAC,gBACU,SAAS;gBAEpB,oBAAC,8BAAgB,IAAC,KAAK,EAAC,aAAa,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,GAAG;0BAEjD,CACN,CACjB,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
3
|
+
if (mod && mod.__esModule) return mod;
|
|
4
|
+
var result = {};
|
|
5
|
+
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
|
|
6
|
+
result["default"] = mod;
|
|
7
|
+
return result;
|
|
8
|
+
};
|
|
9
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
10
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
11
|
+
};
|
|
12
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
+
var navbar_base_1 = require("@lendi-ui/navbar-base");
|
|
14
|
+
var React = __importStar(require("react"));
|
|
15
|
+
var index_style_1 = require("../../../shared/components/CTA/index.style");
|
|
16
|
+
var constants_1 = require("../../../shared/constants");
|
|
17
|
+
var Analytics_1 = require("../../../utils/Analytics");
|
|
18
|
+
var index_style_2 = require("../CTA/index.style");
|
|
19
|
+
var LogoutComponent_1 = __importDefault(require("../LogoutComponent"));
|
|
20
|
+
var RenderMobileAction = function (_a) {
|
|
21
|
+
var openRightSidebar = _a.openRightSidebar, isAuthenticated = _a.isAuthenticated, continueURL = _a.continueURL, onLogout = _a.onLogout, _b = _a.showContinueAction, showContinueAction = _b === void 0 ? false : _b;
|
|
22
|
+
var isTransparent = navbar_base_1.useNavbarBaseContext().isTransparent;
|
|
23
|
+
var needToContinue = function () { return isAuthenticated && showContinueAction; };
|
|
24
|
+
return (React.createElement(index_style_1.MobileActions, null,
|
|
25
|
+
React.createElement(index_style_2.TalkExpertAction, { size: "sm", isInverse: isTransparent, className: "noHover", variant: "secondary", onClick: function () {
|
|
26
|
+
openRightSidebar();
|
|
27
|
+
Analytics_1.analytics({ event_name: 'click', label: needToContinue() ? constants_1.CONTACT_US : constants_1.TALK_TO_EXPERT });
|
|
28
|
+
}, "aria-label": needToContinue() ? constants_1.CONTACT_US : constants_1.TALK_TO_EXPERT }, needToContinue() ? constants_1.CONTACT_US : constants_1.TALK_TO_EXPERT),
|
|
29
|
+
needToContinue() && (React.createElement(index_style_2.ContinueAction, { variant: "emphasis", href: continueURL, "aria-label": constants_1.CONTINUE, size: "sm", onClick: function () { return Analytics_1.analytics({ event_name: 'click', label: constants_1.CONTINUE }); } }, constants_1.CONTINUE)),
|
|
30
|
+
isAuthenticated && React.createElement(LogoutComponent_1.default, { onLogout: onLogout })));
|
|
31
|
+
};
|
|
32
|
+
exports.default = RenderMobileAction;
|
|
33
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/SimpleNavbar/components/MobileAction/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,qDAA6D;AAC7D,2CAA+B;AAE/B,0EAA2E;AAC3E,uDAAiF;AACjF,sDAAqD;AACrD,kDAAsE;AACtE,uEAAiD;AAEjD,IAAM,kBAAkB,GAAG,UAAC,EAMjB;QALT,sCAAgB,EAChB,oCAAe,EACf,4BAAW,EACX,sBAAQ,EACR,0BAA0B,EAA1B,+CAA0B;IAElB,IAAA,kEAAa,CAA4B;IACjD,IAAM,cAAc,GAAG,cAAM,OAAA,eAAe,IAAI,kBAAkB,EAArC,CAAqC,CAAC;IACnE,OAAO,CACL,oBAAC,2BAAa;QACZ,oBAAC,8BAAgB,IACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,aAAa,EACxB,SAAS,EAAC,SAAS,EACnB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE;gBACP,gBAAgB,EAAE,CAAC;gBACnB,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,sBAAU,CAAC,CAAC,CAAC,0BAAc,EAAE,CAAC,CAAC;YAC5F,CAAC,gBACW,cAAc,EAAE,CAAC,CAAC,CAAC,sBAAU,CAAC,CAAC,CAAC,0BAAc,IAEzD,cAAc,EAAE,CAAC,CAAC,CAAC,sBAAU,CAAC,CAAC,CAAC,0BAAc,CAC9B;QAClB,cAAc,EAAE,IAAI,CACnB,oBAAC,4BAAc,IACb,OAAO,EAAC,UAAU,EAClB,IAAI,EAAE,WAAW,gBACL,oBAAQ,EACpB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,cAAM,OAAA,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,oBAAQ,EAAE,CAAC,EAAnD,CAAmD,IAEjE,oBAAQ,CACM,CAClB;QACA,eAAe,IAAI,oBAAC,yBAAe,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAC7C,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}
|
|
@@ -21,6 +21,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
}
|
|
22
22
|
return t;
|
|
23
23
|
};
|
|
24
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
+
};
|
|
24
27
|
var __importStar = (this && this.__importStar) || function (mod) {
|
|
25
28
|
if (mod && mod.__esModule) return mod;
|
|
26
29
|
var result = {};
|
|
@@ -28,27 +31,22 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
28
31
|
result["default"] = mod;
|
|
29
32
|
return result;
|
|
30
33
|
};
|
|
31
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
32
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
33
|
-
};
|
|
34
34
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
35
|
-
var React = __importStar(require("react"));
|
|
36
|
-
var CTA_1 = __importDefault(require("./components/CTA"));
|
|
37
35
|
var navbar_base_1 = __importDefault(require("@lendi-ui/navbar-base"));
|
|
38
|
-
var
|
|
36
|
+
var React = __importStar(require("react"));
|
|
39
37
|
var Logo_1 = __importDefault(require("../shared/components/Logo"));
|
|
40
38
|
var RightSidebar_1 = __importDefault(require("../shared/components/RightSidebar"));
|
|
39
|
+
var styles_1 = require("../shared/styles");
|
|
40
|
+
var CTA_1 = __importDefault(require("./components/CTA"));
|
|
41
41
|
exports.SimpleNavbar = function (_a) {
|
|
42
|
-
var _b = _a.isAuthenticated, isAuthenticated = _b === void 0 ? false : _b, _c = _a.useTransparent, useTransparent = _c === void 0 ? false : _c,
|
|
43
|
-
|
|
44
|
-
params = _e === void 0 ? '' : _e, _f = _a.continueURL, continueURL = _f === void 0 ? '/' : _f, _g = _a.onChat, onChat = _g === void 0 ? function () { } : _g, broker = _a.broker, application = _a.application, shouldTalkToExpert = _a.shouldTalkToExpert, otherProps = __rest(_a, ["isAuthenticated", "useTransparent", "homeURL", "params", "continueURL", "onChat", "broker", "application", "shouldTalkToExpert"]);
|
|
45
|
-
var _h = React.useState(false), rightSidebarState = _h[0], setRightSidebarState = _h[1];
|
|
42
|
+
var _b = _a.isAuthenticated, isAuthenticated = _b === void 0 ? false : _b, _c = _a.useTransparent, useTransparent = _c === void 0 ? false : _c, homeURL = _a.homeURL, _d = _a.params, params = _d === void 0 ? '' : _d, _e = _a.continueURL, continueURL = _e === void 0 ? '/' : _e, _f = _a.onChat, onChat = _f === void 0 ? function () { } : _f, _g = _a.onLogout, onLogout = _g === void 0 ? function () { } : _g, broker = _a.broker, application = _a.application, _h = _a.dashboardVariant, dashboardVariant = _h === void 0 ? false : _h, _j = _a.showContinueAction, showContinueAction = _j === void 0 ? false : _j, otherProps = __rest(_a, ["isAuthenticated", "useTransparent", "homeURL", "params", "continueURL", "onChat", "onLogout", "broker", "application", "dashboardVariant", "showContinueAction"]);
|
|
43
|
+
var _k = React.useState(false), rightSidebarState = _k[0], setRightSidebarState = _k[1];
|
|
46
44
|
return (React.createElement(React.Fragment, null,
|
|
47
|
-
React.createElement(styles_1.
|
|
45
|
+
React.createElement(styles_1.SimpleNavbarWrapper, __assign({ isTransparent: useTransparent, isAuthenticated: isAuthenticated }, otherProps),
|
|
48
46
|
React.createElement(navbar_base_1.default.Left, null,
|
|
49
47
|
React.createElement(Logo_1.default, { homeURL: homeURL, params: params, "aria-label": "Lendi Logo", hasHamburgerMenu: false })),
|
|
50
48
|
React.createElement(navbar_base_1.default.Right, null,
|
|
51
|
-
React.createElement(CTA_1.default, { isAuthenticated: isAuthenticated, continueURL: continueURL, openRightSidebar: function () { return setRightSidebarState(true); },
|
|
49
|
+
React.createElement(CTA_1.default, { isAuthenticated: isAuthenticated, continueURL: continueURL, openRightSidebar: function () { return setRightSidebarState(true); }, dashboardVariant: dashboardVariant, onLogout: onLogout, showContinueAction: showContinueAction }))),
|
|
52
50
|
React.createElement(RightSidebar_1.default, { openSidebar: rightSidebarState, closeSidebar: function () { return setRightSidebarState(false); }, broker: broker, application: application, onChat: onChat, params: params })));
|
|
53
51
|
};
|
|
54
52
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SimpleNavbar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SimpleNavbar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sEAA+C;AAC/C,2CAA+B;AAC/B,mEAAsD;AACtD,mFAA6D;AAC7D,2CAAuD;AAEvD,yDAA0C;AAE7B,QAAA,YAAY,GAAG,UAAC,EAaT;IAZlB,IAAA,uBAAuB,EAAvB,4CAAuB,EACvB,sBAAsB,EAAtB,2CAAsB,EACtB,oBAAO,EACP,cAAW,EAAX,gCAAW,EACX,mBAAiB,EAAjB,sCAAiB,EACjB,cAAiB,EAAjB,6CAAiB,EACjB,gBAAmB,EAAnB,+CAAmB,EACnB,kBAAM,EACN,4BAAW,EACX,wBAAwB,EAAxB,6CAAwB,EACxB,0BAA0B,EAA1B,+CAA0B,EAC1B,2LAAa;IAEP,IAAA,0BAA0E,EAAzE,yBAAiB,EAAE,4BAAsD,CAAC;IACjF,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACb,oBAAC,4BAAmB,aAAC,aAAa,EAAE,cAAc,EAAE,eAAe,EAAE,eAAe,IAAM,UAAU;YAClG,oBAAC,qBAAU,CAAC,IAAI;gBACd,oBAAC,cAAa,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAa,YAAY,EAAC,gBAAgB,EAAE,KAAK,GAAI,CACpF;YAClB,oBAAC,qBAAU,CAAC,KAAK;gBACf,oBAAC,aAAU,IACT,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,cAAM,OAAA,oBAAoB,CAAC,IAAI,CAAC,EAA1B,CAA0B,EAClD,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,GACtC,CACe,CACC;QACtB,oBAAC,sBAAY,IACX,WAAW,EAAE,iBAAiB,EAC9B,YAAY,EAAE,cAAM,OAAA,oBAAoB,CAAC,KAAK,CAAC,EAA3B,CAA2B,EAC/C,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GACd,CACa,CAClB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -7,12 +7,12 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
7
7
|
return result;
|
|
8
8
|
};
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
var React = __importStar(require("react"));
|
|
11
|
-
var navbar_base_1 = require("@lendi-ui/navbar-base");
|
|
12
|
-
var index_style_1 = require("./index.style");
|
|
13
10
|
var icon_1 = require("@lendi-ui/icon");
|
|
14
|
-
var
|
|
11
|
+
var navbar_base_1 = require("@lendi-ui/navbar-base");
|
|
12
|
+
var React = __importStar(require("react"));
|
|
15
13
|
var Analytics_1 = require("../../../utils/Analytics");
|
|
14
|
+
var constants_1 = require("../../constants");
|
|
15
|
+
var index_style_1 = require("./index.style");
|
|
16
16
|
var CTAButtons = function (_a) {
|
|
17
17
|
var isAuthenticated = _a.isAuthenticated, continueURL = _a.continueURL, onLogout = _a.onLogout, openRightSidebar = _a.openRightSidebar;
|
|
18
18
|
var isTransparent = navbar_base_1.useNavbarBaseContext().isTransparent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/shared/components/CTA/index.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,2CAA+B;AAC/B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/shared/components/CTA/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,7 +17,7 @@ var depth_1 = require("@lendi-ui/depth");
|
|
|
17
17
|
var typography_1 = require("@lendi-ui/typography");
|
|
18
18
|
var button_1 = require("@lendi-ui/button");
|
|
19
19
|
var icon_1 = require("@lendi-ui/icon");
|
|
20
|
-
exports.MobileActions = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n .noHover {\n ", " :hover {\n box-shadow: none;\n }\n }\n"], ["\n ",
|
|
20
|
+
exports.MobileActions = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n ", ";\n .noHover {\n ", " :hover {\n box-shadow: none;\n }\n }\n"], ["\n display: flex;\n ",
|
|
21
21
|
";\n .noHover {\n ", " :hover {\n box-shadow: none;\n }\n }\n"])), breakpoint_1.gte('desktop')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: none;\n "], ["\n display: none;\n "]))), spacing_1.mr('nil'));
|
|
22
22
|
exports.DesktopActions = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n ", ";\n"], ["\n display: flex;\n ",
|
|
23
23
|
";\n"])), breakpoint_1.between('mobile', 'desktop')(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: none;\n "], ["\n display: none;\n "]))));
|
|
@@ -26,10 +26,10 @@ exports.TalkExpertAction = styled_components_1.default(button_1.Button)(template
|
|
|
26
26
|
"\n"])), spacing_1.mr('sm'), breakpoint_1.between('mobile', 'desktop')(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n border: none;\n "], ["\n border: none;\n "]))), breakpoint_1.between('mobile', 'tablet')(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n width: 90px;\n padding: 0;"], ["\n width: 90px;\n padding: 0;"]))));
|
|
27
27
|
exports.SignUpContinueButton = styled_components_1.default(button_1.Button)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n width: 110px;\n ", "\n word-wrap: break-word;\n"], ["\n width: 110px;\n ",
|
|
28
28
|
"\n word-wrap: break-word;\n"])), breakpoint_1.between('mobile', 'tablet')(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n width: 90px;\n padding: 0;"], ["\n width: 90px;\n padding: 0;"]))));
|
|
29
|
-
exports.LogoutWrapper = styled_components_1.default.div(
|
|
30
|
-
exports.ExitToAppWrapper = styled_components_1.default(icon_1.ExitToApp)(
|
|
31
|
-
exports.LogoutLinkWrapper = styled_components_1.default(typography_1.Link)(
|
|
32
|
-
exports.DesktopLogoutWrapper = styled_components_1.default.div(
|
|
33
|
-
exports.KebabMenu = styled_components_1.default(button_1.IconButton)(
|
|
34
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;
|
|
29
|
+
exports.LogoutWrapper = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n position: absolute;\n right: 5px;\n top: 56px;\n ", "\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: ", ";\n ", " ", " ", " ", " \n"], ["\n position: absolute;\n right: 5px;\n top: 56px;\n ", "\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: ", ";\n ", " ", " ", " ", " \n"])), breakpoint_1.gte('desktop')(templateObject_10 || (templateObject_10 = __makeTemplateObject(["top: 70px;"], ["top: 70px;"]))), theme_1.select('borderRadius'), spacing_1.px('md'), spacing_1.py('sm'), depth_1.depth(2), color_1.bg('shade.0'));
|
|
30
|
+
exports.ExitToAppWrapper = styled_components_1.default(icon_1.ExitToApp)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), spacing_1.mr('sm'));
|
|
31
|
+
exports.LogoutLinkWrapper = styled_components_1.default(typography_1.Link)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n overflow: hidden;\n text-decoration: none;\n font-weight: normal;\n margin-right: 0;\n"], ["\n overflow: hidden;\n text-decoration: none;\n font-weight: normal;\n margin-right: 0;\n"])));
|
|
32
|
+
exports.DesktopLogoutWrapper = styled_components_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), utils_1.display({ mobile: 'none', desktop: 'block' }));
|
|
33
|
+
exports.KebabMenu = styled_components_1.default(button_1.IconButton)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), spacing_1.ml('xxxs'));
|
|
34
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
|
|
35
35
|
//# sourceMappingURL=index.style.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.style.js","sourceRoot":"","sources":["../../../../../src/shared/components/CTA/index.style.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,wEAAuC;AACvC,mDAAoD;AACpD,6CAAmD;AACnD,yCAA0C;AAC1C,yCAAyC;AACzC,yCAAqC;AACrC,yCAAwC;AACxC,mDAA4C;AAC5C,2CAAsD;AACtD,uCAA2C;AAE9B,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"index.style.js","sourceRoot":"","sources":["../../../../../src/shared/components/CTA/index.style.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,wEAAuC;AACvC,mDAAoD;AACpD,6CAAmD;AACnD,yCAA0C;AAC1C,yCAAyC;AACzC,yCAAqC;AACrC,yCAAwC;AACxC,mDAA4C;AAC5C,2CAAsD;AACtD,uCAA2C;AAE9B,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,wKAAA,wBAEnC;IAED,uBAEG,EAAS,kDAId,KARG,gBAAG,CAAC,SAAS,CAAC,6FAAA,0BAEf,MAEG,YAAE,CAAC,KAAK,CAAC,EAIb;AACW,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,kGAAA,wBAEpC;IAED,KACF,KAHG,oBAAO,CAAC,QAAQ,EAAE,SAAS,CAAC,6FAAA,0BAE7B,MACD;AAEW,QAAA,gBAAgB,GAAG,2BAAM,CAAC,eAAM,CAAC,gGAAA,MAC1C,EAAQ,MACR;IAED,OACC;IAEY,IACf,KAPG,YAAE,CAAC,IAAI,CAAC,EACR,oBAAO,CAAC,QAAQ,EAAE,SAAS,CAAC,4FAAA,yBAE7B,MACC,oBAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,wGAAA,qCAEf,MACd;AAEW,QAAA,oBAAoB,GAAG,2BAAM,CAAC,eAAM,CAAC,0HAAA,uBAE9C;IAEY,8BAEf,KAJG,oBAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,wGAAA,qCAEf,MAEd;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,2PAAA,0DAInC,EAA0B,2FAIX,EAAsB,OACrC,EAAQ,GAAI,EAAQ,GAAI,EAAQ,GAAI,EAAa,KACpD,KANG,gBAAG,CAAC,SAAS,CAAC,iFAAA,YAAY,MAIX,cAAM,CAAC,cAAc,CAAC,EACrC,YAAE,CAAC,IAAI,CAAC,EAAI,YAAE,CAAC,IAAI,CAAC,EAAI,aAAK,CAAC,CAAC,CAAC,EAAI,UAAE,CAAC,SAAS,CAAC,EACnD;AAEW,QAAA,gBAAgB,GAAG,2BAAM,CAAC,gBAAS,CAAC,iFAAA,MAC7C,EAAQ,IACX,KADG,YAAE,CAAC,IAAI,CAAC,EACV;AAEW,QAAA,iBAAiB,GAAG,2BAAM,CAAC,iBAAI,CAAC,oKAAA,+FAK5C,KAAC;AAEW,QAAA,oBAAoB,GAAG,2BAAM,CAAC,GAAG,iFAAA,MAC1C,EAA6C,IAChD,KADG,eAAO,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EAC/C;AAEW,QAAA,SAAS,GAAG,2BAAM,CAAC,mBAAU,CAAC,iFAAA,MACvC,EAAU,IACb,KADG,YAAE,CAAC,MAAM,CAAC,EACZ"}
|
|
@@ -7,17 +7,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
7
7
|
return result;
|
|
8
8
|
};
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
var React = __importStar(require("react"));
|
|
11
10
|
var navbar_base_1 = require("@lendi-ui/navbar-base");
|
|
12
|
-
var
|
|
11
|
+
var React = __importStar(require("react"));
|
|
13
12
|
var Analytics_1 = require("../../../utils/Analytics");
|
|
13
|
+
var index_style_1 = require("./index.style");
|
|
14
14
|
var LogoComponent = function (_a) {
|
|
15
15
|
var homeURL = _a.homeURL, params = _a.params, _b = _a.hasHamburgerMenu, hasHamburgerMenu = _b === void 0 ? true : _b;
|
|
16
16
|
var isTransparent = navbar_base_1.useNavbarBaseContext().isTransparent;
|
|
17
17
|
var variant = isTransparent ? 'light' : 'dark';
|
|
18
18
|
return (React.createElement(index_style_1.LogoWrapper, { hasHamburgerMenu: hasHamburgerMenu }, homeURL ? (React.createElement(index_style_1.LogoLink, { href: "" + homeURL + params, "aria-label": "Logo", onClick: function () { return Analytics_1.analytics({ event_name: 'click', label: 'Logo' }); } },
|
|
19
|
-
React.createElement(index_style_1.HeaderLogo, { variant: variant }))) : (React.createElement(index_style_1.LogoLink, null,
|
|
20
|
-
React.createElement(index_style_1.HeaderLogo, { variant: variant, "aria-label": "Logo" })))));
|
|
19
|
+
React.createElement(index_style_1.HeaderLogo, { variant: variant, isHref: true }))) : (React.createElement(index_style_1.LogoLink, null,
|
|
20
|
+
React.createElement(index_style_1.HeaderLogo, { variant: variant, "aria-label": "Logo", isHref: false })))));
|
|
21
21
|
};
|
|
22
22
|
exports.default = LogoComponent;
|
|
23
23
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/shared/components/Logo/index.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,2CAA+B;AAC/B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/shared/components/Logo/index.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,qDAA6D;AAC7D,2CAA+B;AAC/B,sDAAqD;AACrD,6CAAkE;AAQlE,IAAM,aAAa,GAAG,UAAC,EAAuD;QAArD,oBAAO,EAAE,kBAAM,EAAE,wBAAuB,EAAvB,4CAAuB;IACvD,IAAA,kEAAa,CAA4B;IACjD,IAAM,OAAO,GAAG,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IACjD,OAAO,CACL,oBAAC,yBAAW,IAAC,gBAAgB,EAAE,gBAAgB,IAC5C,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,sBAAQ,IACP,IAAI,EAAE,KAAG,OAAO,GAAG,MAAQ,gBAChB,MAAM,EACjB,OAAO,EAAE,cAAM,OAAA,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAjD,CAAiD;QAEhE,oBAAC,wBAAU,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,GAAI,CACrC,CACZ,CAAC,CAAC,CAAC,CACF,oBAAC,sBAAQ;QACP,oBAAC,wBAAU,IAAC,OAAO,EAAE,OAAO,gBAAa,MAAM,EAAC,MAAM,EAAE,KAAK,GAAI,CACxD,CACZ,CACW,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}
|
|
@@ -11,31 +11,36 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
11
11
|
return result;
|
|
12
12
|
};
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
var styled_components_1 = __importStar(require("styled-components"));
|
|
15
|
-
var logo_1 = require("@lendi-ui/logo");
|
|
16
|
-
var theme_1 = require("@lendi-ui/theme");
|
|
17
14
|
var breakpoint_1 = require("@lendi-ui/breakpoint");
|
|
15
|
+
var logo_1 = require("@lendi-ui/logo");
|
|
18
16
|
var spacing_1 = require("@lendi-ui/spacing");
|
|
19
|
-
|
|
17
|
+
var theme_1 = require("@lendi-ui/theme");
|
|
18
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
19
|
+
exports.HeaderLogo = styled_components_1.default(logo_1.Logo)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n ", "\n width: 71px;\n height: 35px;\n ", "\n ", "\n"], ["\n ",
|
|
20
|
+
"\n width: 71px;\n height: 35px;\n ", "\n ",
|
|
20
21
|
"\n"])), function (_a) {
|
|
22
|
+
var isHref = _a.isHref;
|
|
23
|
+
return isHref
|
|
24
|
+
? styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n cursor: pointer;\n "], ["\n cursor: pointer;\n "]))) : styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n cursor: auto;\n "], ["\n cursor: auto;\n "])));
|
|
25
|
+
}, function (_a) {
|
|
21
26
|
var variant = _a.variant;
|
|
22
|
-
return (styled_components_1.css(
|
|
27
|
+
return (styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["color: ", " === 'dark"], ["color: ", " === 'dark"])), variant) ? 'secondary.900' : 'shade.0');
|
|
23
28
|
}, function (_a) {
|
|
24
29
|
var theme = _a.theme;
|
|
25
30
|
return theme_1.select('logo.logoName')({ theme: theme }) === 'LendiLogo'
|
|
26
|
-
? styled_components_1.css(
|
|
31
|
+
? styled_components_1.css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", ";\n ", ";\n "], ["\n ",
|
|
27
32
|
";\n ",
|
|
28
|
-
";\n "])), breakpoint_1.gte('tablet')(
|
|
33
|
+
";\n "])), breakpoint_1.gte('tablet')(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n width: 85px;\n height: 40px;\n "], ["\n width: 85px;\n height: 40px;\n "]))), breakpoint_1.gte('desktop')(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n width: 139px;\n height: 40px;\n "], ["\n width: 139px;\n height: 40px;\n "])))) : styled_components_1.css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n ", ";\n ", ";\n "], ["\n ",
|
|
29
34
|
";\n ",
|
|
30
|
-
";\n "])), breakpoint_1.gte('tablet')(
|
|
35
|
+
";\n "])), breakpoint_1.gte('tablet')(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n width: 85px;\n height: 40px;\n "], ["\n width: 85px;\n height: 40px;\n "]))), breakpoint_1.gte('desktop')(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n width: 240px;\n height: 40px;\n "], ["\n width: 240px;\n height: 40px;\n "]))));
|
|
31
36
|
});
|
|
32
|
-
exports.LogoLink = styled_components_1.default.a(
|
|
33
|
-
exports.LogoWrapper = styled_components_1.default.div(
|
|
37
|
+
exports.LogoLink = styled_components_1.default.a(templateObject_11 || (templateObject_11 = __makeTemplateObject([""], [""])));
|
|
38
|
+
exports.LogoWrapper = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n ", "\n ", ";\n\n ", "\n"], ["\n ", "\n ",
|
|
34
39
|
";\n\n ",
|
|
35
40
|
"\n"])), spacing_1.mb('xxxs'), function (_a) {
|
|
36
41
|
var hasHamburgerMenu = _a.hasHamburgerMenu;
|
|
37
42
|
return hasHamburgerMenu
|
|
38
|
-
? styled_components_1.css(
|
|
39
|
-
}, breakpoint_1.gte('desktop')(
|
|
40
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
|
|
43
|
+
? styled_components_1.css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), spacing_1.ml('xs')) : styled_components_1.css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), spacing_1.ml('nil'));
|
|
44
|
+
}, breakpoint_1.gte('desktop')(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n ", "\n margin-bottom: 5px;\n "], ["\n ", "\n margin-bottom: 5px;\n "])), spacing_1.ml('nil')));
|
|
45
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
|
|
41
46
|
//# sourceMappingURL=index.style.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.style.js","sourceRoot":"","sources":["../../../../../src/shared/components/Logo/index.style.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.style.js","sourceRoot":"","sources":["../../../../../src/shared/components/Logo/index.style.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,mDAA2C;AAC3C,uCAAiD;AACjD,6CAA2C;AAC3C,yCAAmD;AACnD,qEAAgD;AAMnC,QAAA,UAAU,GAAG,2BAAM,CAAC,WAAI,CAAC,kIAAwB,MAC1D;IAOK,uCAGL,EAAiF,MACjF;IAqBK,IACR,KAjCG,UAAC,EAAU;QAAR,kBAAM;IACT,OAAA,MAAM;QACJ,CAAC,CAAC,uBAAG,2GAAA,wCAEF,KACH,CAAC,CAAC,uBAAG,wGAAA,qCAEF,IAAA;AANL,CAMK,EAGL,UAAC,EAAW;QAAT,oBAAO;IAAO,OAAA,CAAC,uBAAG,0FAAA,SAAU,EAAO,YAAY,KAAnB,OAAO,EAAa,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC;AAAhE,CAAgE,EACjF,UAAC,EAA8B;QAA5B,gBAAK;IACR,OAAA,cAAM,CAAC,eAAe,CAAC,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,KAAK,WAAW;QAChD,CAAC,CAAC,uBAAG,iHAAA,cACC;YAGD,eACC;YAGD,aACF,KARG,gBAAG,CAAC,QAAQ,CAAC,sIAAA,mEAGd,MACC,gBAAG,CAAC,SAAS,CAAC,uIAAA,oEAGf,MAEL,CAAC,CAAC,uBAAG,iHAAA,cACC;QAGD,eACC;QAGD,aACF,KARG,gBAAG,CAAC,QAAQ,CAAC,sIAAA,mEAGd,MACC,gBAAG,CAAC,SAAS,CAAC,uIAAA,oEAGf,KACF;AApBL,CAoBK,EACP;AAEW,QAAA,QAAQ,GAAG,2BAAM,CAAC,CAAC,uEAAA,EAAE,KAAC;AAMtB,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,oGAAkB,MACnD,EAAU,MACV;IAOK,SAEL;IAGD,IACF,KAdG,YAAE,CAAC,MAAM,CAAC,EACV,UAAC,EAAoB;QAAlB,sCAAgB;IACnB,OAAA,gBAAgB;QACd,CAAC,CAAC,uBAAG,iGAAA,cACC,EAAQ,YACX,KADG,YAAE,CAAC,IAAI,CAAC,EAEd,CAAC,CAAC,uBAAG,iGAAA,cACC,EAAS,YACZ,KADG,YAAE,CAAC,KAAK,CAAC,CACZ;AANL,CAMK,EAEL,gBAAG,CAAC,SAAS,CAAC,8GAAA,QACZ,EAAS,+BAEZ,KAFG,YAAE,CAAC,KAAK,CAAC,GAGb"}
|
|
@@ -25,7 +25,14 @@ exports.NavbarWrapper = styled_components_1.default(navbar_base_1.default)(templ
|
|
|
25
25
|
return isAuthenticated
|
|
26
26
|
? styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), spacing_1.pr({ mobile: 'sm', tablet: 'sm', desktop: 'nil' })) : styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), spacing_1.pr({ mobile: 'sm', tablet: 'sm', desktop: 'lg' }));
|
|
27
27
|
}, breakpoint_1.gte('desktop')(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 88px;\n "], ["\n height: 88px;\n "]))));
|
|
28
|
-
exports.
|
|
29
|
-
|
|
30
|
-
|
|
28
|
+
exports.SimpleNavbarWrapper = styled_components_1.default(navbar_base_1.default)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n ", ";\n ", "\n\n height: 56px;\n ", ";\n"], ["\n ", ";\n ",
|
|
29
|
+
"\n\n height: 56px;\n ",
|
|
30
|
+
";\n"])), spacing_1.pl({ mobile: 'sm', tablet: 'sm', desktop: 'lg' }), function (_a) {
|
|
31
|
+
var isAuthenticated = _a.isAuthenticated;
|
|
32
|
+
return isAuthenticated
|
|
33
|
+
? styled_components_1.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), spacing_1.pr('nil')) : styled_components_1.css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), spacing_1.pr({ mobile: 'sm', tablet: 'sm', desktop: 'lg' }));
|
|
34
|
+
}, breakpoint_1.gte('desktop')(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n height: 88px;\n "], ["\n height: 88px;\n "]))));
|
|
35
|
+
exports.Container = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
|
|
36
|
+
exports.MenuLogoWrapper = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
|
|
37
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
|
|
31
38
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/shared/styles.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,6CAA2C;AAC3C,sEAA+C;AAC/C,mDAA2C;AAM9B,QAAA,aAAa,GAAG,2BAAM,CAAC,qBAAU,CAAC,oHAAoB,MAC/D,EAAiD,OACjD;IAOK,yBAGL;IAED,KACF,KAdG,YAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EACjD,UAAC,EAAmB;QAAjB,oCAAe;IAClB,OAAA,eAAe;QACb,CAAC,CAAC,uBAAG,gGAAA,cACC,EAAkD,aACrD,KADG,YAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAExD,CAAC,CAAC,uBAAG,gGAAA,cACC,EAAiD,aACpD,KADG,YAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CACpD;AANL,CAMK,EAGL,gBAAG,CAAC,SAAS,CAAC,4FAAA,yBAEf,MACD;AAEW,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,iHAAA,8CAGlC,KAAC;AAEW,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/shared/styles.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,6CAA2C;AAC3C,sEAA+C;AAC/C,mDAA2C;AAM9B,QAAA,aAAa,GAAG,2BAAM,CAAC,qBAAU,CAAC,oHAAoB,MAC/D,EAAiD,OACjD;IAOK,yBAGL;IAED,KACF,KAdG,YAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EACjD,UAAC,EAAmB;QAAjB,oCAAe;IAClB,OAAA,eAAe;QACb,CAAC,CAAC,uBAAG,gGAAA,cACC,EAAkD,aACrD,KADG,YAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAExD,CAAC,CAAC,uBAAG,gGAAA,cACC,EAAiD,aACpD,KADG,YAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CACpD;AANL,CAMK,EAGL,gBAAG,CAAC,SAAS,CAAC,4FAAA,yBAEf,MACD;AAEW,QAAA,mBAAmB,GAAG,2BAAM,CAAC,qBAAU,CAAC,oHAAoB,MACrE,EAAiD,OACjD;IAOK,yBAGL;IAED,KACF,KAdG,YAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EACjD,UAAC,EAAmB;QAAjB,oCAAe;IAClB,OAAA,eAAe;QACb,CAAC,CAAC,uBAAG,gGAAA,cACC,EAAS,aACZ,KADG,YAAE,CAAC,KAAK,CAAC,EAEf,CAAC,CAAC,uBAAG,gGAAA,cACC,EAAiD,aACpD,KADG,YAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CACpD;AANL,CAMK,EAGL,gBAAG,CAAC,SAAS,CAAC,4FAAA,yBAEf,MACD;AAEW,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,iHAAA,8CAGlC,KAAC;AAEW,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,mHAAA,8CAGxC,KAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/shared/types.ts"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/shared/types.ts"],"names":[],"mappings":";;AA+BA,IAAY,gBAMX;AAND,WAAY,gBAAgB;IAC1B,+DAA2C,CAAA;IAC3C,yDAAqC,CAAA;IACrC,yDAAqC,CAAA;IACrC,mEAA+C,CAAA;IAC/C,mDAA+B,CAAA;AACjC,CAAC,EANW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAM3B"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { CTAProps } from '../../../shared/components/CTA';
|
|
3
|
-
declare const CTAButtons: (
|
|
3
|
+
declare const CTAButtons: (props: CTAProps) => JSX.Element;
|
|
4
4
|
export default CTAButtons;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
import { Button } from '@lendi-ui/button';
|
|
2
|
-
export declare const TalkExpertAction: import("styled-components").StyledComponent<typeof Button, any, {
|
|
2
|
+
export declare const TalkExpertAction: import("styled-components").StyledComponent<typeof Button, any, {
|
|
3
|
+
dashboardVariant?: boolean | undefined;
|
|
4
|
+
}, never>;
|
|
3
5
|
export declare const ContinueAction: import("styled-components").StyledComponent<typeof Button, any, {}, never>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { CTAProps } from '../../../shared/components/CTA';
|
|
3
|
+
declare const RenderDesktopAction: ({ dashboardVariant, openRightSidebar, isAuthenticated, continueURL, onLogout, showContinueAction, }: CTAProps) => JSX.Element;
|
|
4
|
+
export default RenderDesktopAction;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { CTAProps } from '../../../shared/components/CTA';
|
|
3
|
+
declare const RenderMobileAction: ({ openRightSidebar, isAuthenticated, continueURL, onLogout, showContinueAction, }: CTAProps) => JSX.Element;
|
|
4
|
+
export default RenderMobileAction;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { SimpleNavbarProps } from '../shared/types';
|
|
3
|
-
export declare const SimpleNavbar: ({ isAuthenticated, useTransparent, homeURL, params, continueURL, onChat, broker, application,
|
|
3
|
+
export declare const SimpleNavbar: ({ isAuthenticated, useTransparent, homeURL, params, continueURL, onChat, onLogout, broker, application, dashboardVariant, showContinueAction, ...otherProps }: SimpleNavbarProps) => JSX.Element;
|
|
@@ -4,7 +4,8 @@ export interface CTAProps {
|
|
|
4
4
|
continueURL: string;
|
|
5
5
|
onLogout?: () => void;
|
|
6
6
|
openRightSidebar: () => void;
|
|
7
|
-
|
|
7
|
+
dashboardVariant?: boolean;
|
|
8
|
+
showContinueAction?: boolean;
|
|
8
9
|
}
|
|
9
10
|
declare const CTAButtons: ({ isAuthenticated, continueURL, onLogout, openRightSidebar }: CTAProps) => JSX.Element;
|
|
10
11
|
export default CTAButtons;
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { Logo, LogoProps } from '@lendi-ui/logo';
|
|
2
|
-
|
|
2
|
+
interface HeaderLogo {
|
|
3
|
+
isHref: boolean;
|
|
4
|
+
}
|
|
5
|
+
export declare const HeaderLogo: import("styled-components").StyledComponent<typeof Logo, any, LogoProps & HeaderLogo, never>;
|
|
3
6
|
export declare const LogoLink: import("styled-components").StyledComponent<"a", any, {}, never>;
|
|
4
7
|
interface LogoWrapperProps {
|
|
5
8
|
hasHamburgerMenu: boolean;
|
|
@@ -3,6 +3,7 @@ interface NavbarWrapperProps {
|
|
|
3
3
|
isAuthenticated?: boolean;
|
|
4
4
|
}
|
|
5
5
|
export declare const NavbarWrapper: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@lendi-ui/navbar-base").NavbarBaseProps> & import("@lendi-ui/navbar-base").NavbarCompoundComponent, any, NavbarWrapperProps, never>;
|
|
6
|
+
export declare const SimpleNavbarWrapper: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@lendi-ui/navbar-base").NavbarBaseProps> & import("@lendi-ui/navbar-base").NavbarCompoundComponent, any, NavbarWrapperProps, never>;
|
|
6
7
|
export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
7
8
|
export declare const MenuLogoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
9
|
export {};
|
|
@@ -1,22 +1,33 @@
|
|
|
1
1
|
import { LUIGlobalProps } from '@lendi-ui/utils';
|
|
2
2
|
export interface CommonNavbarProps extends LUIGlobalProps {
|
|
3
|
+
/** Customer is authenticated */
|
|
3
4
|
isAuthenticated?: boolean;
|
|
5
|
+
/** Transparent the background */
|
|
4
6
|
useTransparent?: boolean;
|
|
7
|
+
/** URL for logo */
|
|
5
8
|
homeURL?: string;
|
|
9
|
+
/** Query params to appear along with homeUrl */
|
|
6
10
|
params?: string;
|
|
11
|
+
/** Url for continue button */
|
|
7
12
|
continueURL?: string;
|
|
13
|
+
/** Handler for chat */
|
|
8
14
|
onChat?: () => void;
|
|
15
|
+
/** Handler for logout */
|
|
16
|
+
onLogout?: () => void;
|
|
17
|
+
/** The broker object */
|
|
9
18
|
broker?: Broker;
|
|
19
|
+
/** The application object */
|
|
10
20
|
application?: Application;
|
|
11
21
|
}
|
|
12
22
|
export interface MegaNavbarProps extends CommonNavbarProps {
|
|
13
|
-
onLogout?: () => void;
|
|
14
23
|
}
|
|
15
24
|
export interface MultiNavbarProps extends CommonNavbarProps {
|
|
16
|
-
onLogout?: () => void;
|
|
17
25
|
}
|
|
18
26
|
export interface SimpleNavbarProps extends CommonNavbarProps {
|
|
19
|
-
|
|
27
|
+
/** Show DashboardVariant button */
|
|
28
|
+
dashboardVariant?: boolean;
|
|
29
|
+
/** To add more flexibility to show continueButton. For example, in F1/F2, you don't need to show up continue button as you are in funnel, instead show BookAnAppoinment button. */
|
|
30
|
+
showContinueAction?: boolean;
|
|
20
31
|
}
|
|
21
32
|
export declare enum ApplicationStage {
|
|
22
33
|
started_application = "started_application",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lendi/navbar",
|
|
3
|
-
"version": "1.0
|
|
3
|
+
"version": "1.2.0",
|
|
4
4
|
"license": "ISC",
|
|
5
5
|
"source": "src/index.tsx",
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -44,12 +44,13 @@
|
|
|
44
44
|
"react-dot-fragment": "^0.2.8"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
+
"cpx": "^1.5.0",
|
|
47
48
|
"@lendi-ui/theme-domain": "^4.0.0"
|
|
48
49
|
},
|
|
49
50
|
"scripts": {
|
|
50
51
|
"build:cjs": "tsc --project tsconfig.cjs.json",
|
|
51
52
|
"build:types": "tsc --project tsconfig.types.json",
|
|
52
|
-
"build:assets": "
|
|
53
|
-
"build": "yarn run build:
|
|
53
|
+
"build:assets": "cpx 'src/assets/*.*' 'dist/cjs/assets'",
|
|
54
|
+
"build": "yarn run build:assets && yarn run build:types && yarn run build:cjs"
|
|
54
55
|
}
|
|
55
56
|
}
|