@lendi/navbar 1.3.2 → 2.0.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 +15 -0
- package/dist/cjs/MegaNavbar/index.js +86 -3
- package/dist/cjs/MegaNavbar/index.js.map +1 -1
- package/dist/cjs/MultiNavbar/index.js +86 -3
- package/dist/cjs/MultiNavbar/index.js.map +1 -1
- package/dist/cjs/SimpleNavbar/components/CTA/index.style.js +10 -6
- package/dist/cjs/SimpleNavbar/components/CTA/index.style.js.map +1 -1
- package/dist/cjs/SimpleNavbar/components/DesktopAction/index.js +16 -6
- package/dist/cjs/SimpleNavbar/components/DesktopAction/index.js.map +1 -1
- package/dist/cjs/SimpleNavbar/index.js +87 -4
- package/dist/cjs/SimpleNavbar/index.js.map +1 -1
- package/dist/cjs/shared/components/CTA/index.js +8 -4
- package/dist/cjs/shared/components/CTA/index.js.map +1 -1
- package/dist/cjs/shared/styles.js +15 -1
- package/dist/cjs/shared/styles.js.map +1 -1
- package/dist/cjs/shared/types.js.map +1 -1
- package/dist/cjs/shared/utils/getBaseUrl/index.js +22 -0
- package/dist/cjs/shared/utils/getBaseUrl/index.js.map +1 -0
- package/dist/cjs/shared/utils/getChatChannel/index.js +76 -0
- package/dist/cjs/shared/utils/getChatChannel/index.js.map +1 -0
- package/dist/cjs/shared/utils/sentry.js +32 -0
- package/dist/cjs/shared/utils/sentry.js.map +1 -0
- package/dist/types/MegaNavbar/{navbar-mega.example.d.ts → navbar-mega-withChat.example.d.ts} +0 -0
- package/dist/types/{MultiNavbar/navbar-multi.example.d.ts → MegaNavbar/navbar-mega-withoutChat.example.d.ts} +0 -0
- package/dist/types/MultiNavbar/navbar-multi-withChat.example.d.ts +3 -0
- package/dist/types/MultiNavbar/navbar-multi-withoutChat.example.d.ts +3 -0
- package/dist/types/SimpleNavbar/components/CTA/index.style.d.ts +6 -3
- package/dist/types/SimpleNavbar/components/DesktopAction/index.d.ts +1 -1
- package/dist/types/SimpleNavbar/index.d.ts +1 -1
- package/dist/types/SimpleNavbar/navbar-simple-withChat.example.d.ts +3 -0
- package/dist/types/shared/components/CTA/index.d.ts +7 -1
- package/dist/types/shared/styles.d.ts +5 -0
- package/dist/types/shared/types.d.ts +4 -0
- package/dist/types/shared/utils/getBaseUrl/index.d.ts +1 -0
- package/dist/types/shared/utils/getChatChannel/index.d.ts +1 -0
- package/dist/types/shared/utils/sentry.d.ts +8 -0
- package/package.json +5 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# Changelog - @lendi/navbar
|
|
2
2
|
|
|
3
|
+
## 2.0.0
|
|
4
|
+
- [major] 6135068:
|
|
5
|
+
|
|
6
|
+
- Update simple navbar with comm panel with chat
|
|
7
|
+
|
|
8
|
+
## 1.4.0
|
|
9
|
+
- [minor] 3c02273:
|
|
10
|
+
|
|
11
|
+
- Adding flags to show cta on simple navbar for A/B testing
|
|
12
|
+
|
|
13
|
+
## 1.3.3
|
|
14
|
+
- [patch] ee897d2:
|
|
15
|
+
|
|
16
|
+
- Same button width for Simeple navbar
|
|
17
|
+
|
|
3
18
|
## 1.3.2
|
|
4
19
|
- [patch] 79e530e:
|
|
5
20
|
|
|
@@ -14,6 +14,42 @@ var __assign = (this && this.__assign) || function () {
|
|
|
14
14
|
};
|
|
15
15
|
return __assign.apply(this, arguments);
|
|
16
16
|
};
|
|
17
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
18
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
19
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
20
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
21
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
22
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
23
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
24
|
+
});
|
|
25
|
+
};
|
|
26
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
27
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
28
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
29
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
30
|
+
function step(op) {
|
|
31
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
32
|
+
while (_) try {
|
|
33
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
34
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
35
|
+
switch (op[0]) {
|
|
36
|
+
case 0: case 1: t = op; break;
|
|
37
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
38
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
39
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
40
|
+
default:
|
|
41
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
42
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
43
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
44
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
45
|
+
if (t[2]) _.ops.pop();
|
|
46
|
+
_.trys.pop(); continue;
|
|
47
|
+
}
|
|
48
|
+
op = body.call(thisArg, _);
|
|
49
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
50
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
51
|
+
}
|
|
52
|
+
};
|
|
17
53
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
54
|
var t = {};
|
|
19
55
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -39,11 +75,57 @@ var Logo_1 = require("../shared/components/Logo");
|
|
|
39
75
|
var RightSidebar_1 = require("../shared/components/RightSidebar");
|
|
40
76
|
var styles_1 = require("../shared/styles");
|
|
41
77
|
var MegaMenu_1 = require("./components/MegaMenu");
|
|
78
|
+
var comm_panel_1 = require("@lendi/comm-panel");
|
|
79
|
+
var transition_1 = require("@lendi-ui/transition");
|
|
80
|
+
var sentry_1 = require("../shared/utils/sentry");
|
|
81
|
+
var getChatChannel_1 = require("../shared/utils/getChatChannel");
|
|
82
|
+
var lala_react_1 = require("@lendi/lala-react");
|
|
42
83
|
exports.MegaNavbar = function (_a) {
|
|
43
84
|
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.onLogout, onLogout = _f === void 0 ? function () { } : _f, _g = _a.onChat, onChat = _g === void 0 ? function () { } : _g, broker = _a.broker, application = _a.application, showContinueAction = _a.showContinueAction, otherProps = __rest(_a, ["isAuthenticated", "useTransparent", "homeURL", "params", "continueURL", "onLogout", "onChat", "broker", "application", "showContinueAction"]);
|
|
44
85
|
var _h = React.useState(false), isMenuOpen = _h[0], setIsMenuOpen = _h[1];
|
|
45
86
|
var _j = React.useState(false), leftSidebarState = _j[0], setLeftSidebarState = _j[1];
|
|
46
87
|
var _k = React.useState(false), rightSidebarState = _k[0], setRightSidebarState = _k[1];
|
|
88
|
+
var _l = React.useState(false), showCommPanel = _l[0], setShowCommPanel = _l[1]; // example for comm -panel
|
|
89
|
+
var _m = React.useState(null), channelId = _m[0], setChannelId = _m[1];
|
|
90
|
+
var _o = React.useState(false), showChat = _o[0], setShowChat = _o[1];
|
|
91
|
+
var token = lala_react_1.useSession().token;
|
|
92
|
+
React.useEffect(function () {
|
|
93
|
+
sentry_1.NavbarSentry.configureUserContext({ identity: 'unknown' });
|
|
94
|
+
var getChatReady = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
95
|
+
var channelId_1, err_1;
|
|
96
|
+
return __generator(this, function (_a) {
|
|
97
|
+
switch (_a.label) {
|
|
98
|
+
case 0:
|
|
99
|
+
if (!token) return [3 /*break*/, 5];
|
|
100
|
+
_a.label = 1;
|
|
101
|
+
case 1:
|
|
102
|
+
_a.trys.push([1, 3, , 4]);
|
|
103
|
+
return [4 /*yield*/, getChatChannel_1.getChatChannel(token)];
|
|
104
|
+
case 2:
|
|
105
|
+
channelId_1 = _a.sent();
|
|
106
|
+
setChannelId(channelId_1);
|
|
107
|
+
if (channelId_1 !== null) {
|
|
108
|
+
setShowChat(true);
|
|
109
|
+
}
|
|
110
|
+
return [3 /*break*/, 4];
|
|
111
|
+
case 3:
|
|
112
|
+
err_1 = _a.sent();
|
|
113
|
+
sentry_1.NavbarSentry.captureException(new Error((err_1 && err_1.message) || 'An unknown error occurred'), 'lendi-mega-navbar');
|
|
114
|
+
setChannelId(null); // if error - disable the chat
|
|
115
|
+
setShowChat(false);
|
|
116
|
+
return [3 /*break*/, 4];
|
|
117
|
+
case 4: return [3 /*break*/, 6];
|
|
118
|
+
case 5:
|
|
119
|
+
sentry_1.NavbarSentry.captureException(new Error('Token is not found in the session'), 'lendi-mega-navbar');
|
|
120
|
+
setChannelId(null); // if error - disable the chat
|
|
121
|
+
setShowChat(false);
|
|
122
|
+
_a.label = 6;
|
|
123
|
+
case 6: return [2 /*return*/];
|
|
124
|
+
}
|
|
125
|
+
});
|
|
126
|
+
}); };
|
|
127
|
+
getChatReady();
|
|
128
|
+
}, []);
|
|
47
129
|
var handleClick = function () {
|
|
48
130
|
setIsMenuOpen(true);
|
|
49
131
|
};
|
|
@@ -57,9 +139,10 @@ exports.MegaNavbar = function (_a) {
|
|
|
57
139
|
React.createElement(Logo_1.default, { homeURL: homeURL, params: params })),
|
|
58
140
|
React.createElement(MegaMenu_1.default, { isAuthenticated: isAuthenticated, continueURL: continueURL, params: params, handleClick: handleClick, isMenuOpen: isMenuOpen }))),
|
|
59
141
|
React.createElement(navbar_base_1.default.Right, null,
|
|
60
|
-
React.createElement(CTA_1.default, { isAuthenticated: isAuthenticated, continueURL: continueURL, onLogout: onLogout, openRightSidebar: function () { return setRightSidebarState(true); }, showContinueAction: showContinueAction }))),
|
|
61
|
-
React.createElement(
|
|
62
|
-
|
|
142
|
+
React.createElement(CTA_1.default, { isAuthenticated: isAuthenticated, continueURL: continueURL, onLogout: onLogout, openRightSidebar: function () { return setRightSidebarState(true); }, showContinueAction: showContinueAction, openCommPanel: function () { return setShowCommPanel(!showCommPanel); }, showChat: showChat, broker: broker }))),
|
|
143
|
+
showChat ? (React.createElement(transition_1.default, { isActive: showCommPanel, timeout: 250 }, function (state) { return (React.createElement(styles_1.CommPanelWrapper, { transition: state },
|
|
144
|
+
React.createElement(comm_panel_1.CustomerCommPanel, { broker: broker, channelID: channelId }))); })) : (React.createElement(RightSidebar_1.default, { openSidebar: rightSidebarState, closeSidebar: function () { return setRightSidebarState(false); }, broker: broker, application: application, onChat: onChat, params: params })),
|
|
145
|
+
React.createElement(LeftSidabar_1.default, { menuOptions: menuData_1.MEGA_MENU_OPTIONS, openSidebar: leftSidebarState, closeSidebar: function () { return setLeftSidebarState(false); }, isAuthenticated: isAuthenticated, continueURL: continueURL, onLogout: onLogout, showContinueAction: showContinueAction })));
|
|
63
146
|
};
|
|
64
147
|
exports.OverlayWrapper = styled_components_1.default(overlay_1.default)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: none;\n ", "\n"], ["\n display: none;\n ",
|
|
65
148
|
"\n"])), breakpoint_1.gte('desktop')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: block;\n "], ["\n display: block;\n "]))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/MegaNavbar/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/MegaNavbar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,42 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
14
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
15
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
16
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
17
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
18
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
19
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
20
|
+
});
|
|
21
|
+
};
|
|
22
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
23
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
24
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
25
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
26
|
+
function step(op) {
|
|
27
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
28
|
+
while (_) try {
|
|
29
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
30
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
31
|
+
switch (op[0]) {
|
|
32
|
+
case 0: case 1: t = op; break;
|
|
33
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
34
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
35
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
36
|
+
default:
|
|
37
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
38
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
39
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
40
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
41
|
+
if (t[2]) _.ops.pop();
|
|
42
|
+
_.trys.pop(); continue;
|
|
43
|
+
}
|
|
44
|
+
op = body.call(thisArg, _);
|
|
45
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
46
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
47
|
+
}
|
|
48
|
+
};
|
|
13
49
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
50
|
var t = {};
|
|
15
51
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -32,10 +68,56 @@ var Logo_1 = require("../shared/components/Logo");
|
|
|
32
68
|
var RightSidebar_1 = require("../shared/components/RightSidebar");
|
|
33
69
|
var styles_1 = require("../shared/styles");
|
|
34
70
|
var MultiOptions_1 = require("./components/MultiOptions/");
|
|
71
|
+
var comm_panel_1 = require("@lendi/comm-panel");
|
|
72
|
+
var transition_1 = require("@lendi-ui/transition");
|
|
73
|
+
var sentry_1 = require("../shared/utils/sentry");
|
|
74
|
+
var getChatChannel_1 = require("../shared/utils/getChatChannel");
|
|
75
|
+
var lala_react_1 = require("@lendi/lala-react");
|
|
35
76
|
exports.MultiNavbar = function (_a) {
|
|
36
77
|
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.onLogout, onLogout = _f === void 0 ? function () { } : _f, _g = _a.onChat, onChat = _g === void 0 ? function () { } : _g, broker = _a.broker, application = _a.application, showContinueAction = _a.showContinueAction, otherProps = __rest(_a, ["isAuthenticated", "useTransparent", "homeURL", "params", "continueURL", "onLogout", "onChat", "broker", "application", "showContinueAction"]);
|
|
37
78
|
var _h = React.useState(false), leftSidebarState = _h[0], setLeftSidebarState = _h[1];
|
|
38
79
|
var _j = React.useState(false), rightSidebarState = _j[0], setRightSidebarState = _j[1];
|
|
80
|
+
var _k = React.useState(false), showCommPanel = _k[0], setShowCommPanel = _k[1]; // example for comm -panel
|
|
81
|
+
var _l = React.useState(null), channelId = _l[0], setChannelId = _l[1];
|
|
82
|
+
var _m = React.useState(false), showChat = _m[0], setShowChat = _m[1];
|
|
83
|
+
var token = lala_react_1.useSession().token;
|
|
84
|
+
React.useEffect(function () {
|
|
85
|
+
sentry_1.NavbarSentry.configureUserContext({ identity: 'unknown' });
|
|
86
|
+
var getChatReady = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
87
|
+
var channelId_1, err_1;
|
|
88
|
+
return __generator(this, function (_a) {
|
|
89
|
+
switch (_a.label) {
|
|
90
|
+
case 0:
|
|
91
|
+
if (!token) return [3 /*break*/, 5];
|
|
92
|
+
_a.label = 1;
|
|
93
|
+
case 1:
|
|
94
|
+
_a.trys.push([1, 3, , 4]);
|
|
95
|
+
return [4 /*yield*/, getChatChannel_1.getChatChannel(token)];
|
|
96
|
+
case 2:
|
|
97
|
+
channelId_1 = _a.sent();
|
|
98
|
+
setChannelId(channelId_1);
|
|
99
|
+
if (channelId_1 !== null) {
|
|
100
|
+
setShowChat(true);
|
|
101
|
+
}
|
|
102
|
+
return [3 /*break*/, 4];
|
|
103
|
+
case 3:
|
|
104
|
+
err_1 = _a.sent();
|
|
105
|
+
sentry_1.NavbarSentry.captureException(new Error((err_1 && err_1.message) || 'An unknown error occurred'), 'lendi-multi-navbar');
|
|
106
|
+
setChannelId(null); // if error - disable the chat
|
|
107
|
+
setShowChat(false);
|
|
108
|
+
return [3 /*break*/, 4];
|
|
109
|
+
case 4: return [3 /*break*/, 6];
|
|
110
|
+
case 5:
|
|
111
|
+
sentry_1.NavbarSentry.captureException(new Error('Token is not found in the session'), 'lendi-multi-navbar');
|
|
112
|
+
setChannelId(null); // if error - disable the chat
|
|
113
|
+
setShowChat(false);
|
|
114
|
+
_a.label = 6;
|
|
115
|
+
case 6: return [2 /*return*/];
|
|
116
|
+
}
|
|
117
|
+
});
|
|
118
|
+
}); };
|
|
119
|
+
getChatReady();
|
|
120
|
+
}, []);
|
|
39
121
|
return (React.createElement(React.Fragment, null,
|
|
40
122
|
React.createElement(styles_1.NavbarWrapper, __assign({ isTransparent: useTransparent, isAuthenticated: isAuthenticated }, otherProps),
|
|
41
123
|
React.createElement(navbar_base_1.default.Left, null,
|
|
@@ -45,8 +127,9 @@ exports.MultiNavbar = function (_a) {
|
|
|
45
127
|
React.createElement(Logo_1.default, { homeURL: homeURL, params: params })),
|
|
46
128
|
React.createElement(MultiOptions_1.default, { isAuthenticated: isAuthenticated, continueURL: continueURL, params: params }))),
|
|
47
129
|
React.createElement(navbar_base_1.default.Right, null,
|
|
48
|
-
React.createElement(CTA_1.default, { isAuthenticated: isAuthenticated, continueURL: continueURL, onLogout: onLogout, openRightSidebar: function () { return setRightSidebarState(true); }, showContinueAction: showContinueAction }))),
|
|
49
|
-
React.createElement(
|
|
50
|
-
|
|
130
|
+
React.createElement(CTA_1.default, { isAuthenticated: isAuthenticated, continueURL: continueURL, onLogout: onLogout, openRightSidebar: function () { return setRightSidebarState(true); }, showContinueAction: showContinueAction, openCommPanel: function () { return setShowCommPanel(!showCommPanel); }, showChat: showChat, broker: broker }))),
|
|
131
|
+
showChat ? (React.createElement(transition_1.default, { isActive: showCommPanel, timeout: 250 }, function (state) { return (React.createElement(styles_1.CommPanelWrapper, { transition: state },
|
|
132
|
+
React.createElement(comm_panel_1.CustomerCommPanel, { broker: broker, channelID: channelId }))); })) : (React.createElement(RightSidebar_1.default, { openSidebar: rightSidebarState, closeSidebar: function () { return setRightSidebarState(false); }, broker: broker, application: application, onChat: onChat, params: params })),
|
|
133
|
+
React.createElement(LeftSidabar_1.default, { menuOptions: menuData_1.MULTI_MENU_OPTIONS, openSidebar: leftSidebarState, closeSidebar: function () { return setLeftSidebarState(false); }, isAuthenticated: isAuthenticated, continueURL: continueURL, onLogout: onLogout, showContinueAction: showContinueAction })));
|
|
51
134
|
};
|
|
52
135
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/MultiNavbar/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/MultiNavbar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,12 +8,16 @@ var breakpoint_1 = require("@lendi-ui/breakpoint");
|
|
|
8
8
|
var button_1 = require("@lendi-ui/button");
|
|
9
9
|
var spacing_1 = require("@lendi-ui/spacing");
|
|
10
10
|
var styled_components_1 = require("styled-components");
|
|
11
|
-
exports.TalkExpertAction = styled_components_1.default(button_1.Button)(
|
|
12
|
-
"\n ",
|
|
13
|
-
";\n"
|
|
11
|
+
exports.TalkExpertAction = styled_components_1.default(button_1.Button)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n ", "\n min-width: 202px;\n ", ";\n ", "\n"], ["\n ", ";\n ",
|
|
12
|
+
"\n min-width: 202px;\n ",
|
|
13
|
+
";\n ",
|
|
14
|
+
"\n"])), spacing_1.mr('sm'), function (_a) {
|
|
14
15
|
var dashboardVariant = _a.dashboardVariant;
|
|
15
16
|
return dashboardVariant && styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), spacing_1.mr('nil'));
|
|
16
|
-
}, breakpoint_1.between('mobile', 'desktop')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border: none;\n ", "\n "], ["\n border: none;\n ", "\n "])), spacing_1.p('nil')))
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
}, breakpoint_1.between('mobile', 'desktop')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n min-width: 90px;\n border: none;\n ", "\n "], ["\n min-width: 90px;\n border: none;\n ", "\n "])), spacing_1.p('nil')), function (_a) {
|
|
18
|
+
var continueExist = _a.continueExist;
|
|
19
|
+
return continueExist && styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n min-width: 180px;\n "], ["\n min-width: 180px;\n "])));
|
|
20
|
+
});
|
|
21
|
+
exports.ContinueAction = styled_components_1.default(button_1.Button)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n width: 90px;\n padding: 0;\n"], ["\n width: 90px;\n padding: 0;\n"])));
|
|
22
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
19
23
|
//# 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":";;;;;;AAAA,mDAA+C;AAC/C,2CAA0C;AAC1C,6CAA0C;AAC1C,uDAAgD;
|
|
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,uDAAgD;AAOnC,QAAA,gBAAgB,GAAG,2BAAM,CAAC,eAAM,CAAC,8HAAiB,MAC3D,EAAQ,OACR;IAIC,2BAED;IAID,OACC;IAIC,IACJ,KAjBG,YAAE,CAAC,IAAI,CAAC,EACR,UAAC,EAAoB;QAAlB,sCAAgB;IACnB,OAAA,gBAAgB,IAChB,uBAAG,uFAAA,UACC,EAAS,QACZ,KADG,YAAE,CAAC,KAAK,CAAC,CACZ;AAHD,CAGC,EAED,oBAAO,CAAC,QAAQ,EAAE,SAAS,CAAC,0HAAA,+CAG1B,EAAQ,MACX,KADG,WAAC,CAAC,KAAK,CAAC,GAEV,UAAC,EAAiB;QAAf,gCAAa;IAChB,OAAA,aAAa,IACb,uBAAG,oGAAA,iCAEF,IAAA;AAHD,CAGC,EACH;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,eAAM,CAAC,sGAAA,mCAG3C,KAAC"}
|
|
@@ -6,19 +6,29 @@ var constants_1 = require("../../../shared/constants");
|
|
|
6
6
|
var Analytics_1 = require("../../../utils/Analytics");
|
|
7
7
|
var index_style_2 = require("../CTA/index.style");
|
|
8
8
|
var LogoutComponent_1 = require("../LogoutComponent");
|
|
9
|
+
var RenderChatOrSideBar = function (_a) {
|
|
10
|
+
var showChat = _a.showChat, _b = _a.openCommPanel, openCommPanel = _b === void 0 ? function () { } : _b, broker = _a.broker, dashboardVariant = _a.dashboardVariant, openRightSidebar = _a.openRightSidebar;
|
|
11
|
+
return (React.createElement(React.Fragment, null, showChat ? (React.createElement(React.Fragment, null, broker && broker.fullName && (React.createElement(index_style_2.TalkExpertAction, { dashboardVariant: dashboardVariant, size: "sm", variant: "secondary", onClick: function () {
|
|
12
|
+
openCommPanel();
|
|
13
|
+
} },
|
|
14
|
+
"Talk to ",
|
|
15
|
+
broker.fullName)))) : (React.createElement(index_style_2.TalkExpertAction, { dashboardVariant: dashboardVariant, size: "sm", variant: "secondary", onClick: function () {
|
|
16
|
+
openRightSidebar();
|
|
17
|
+
Analytics_1.analytics({ event_name: 'click', label: constants_1.TALK_TO_EXPERT });
|
|
18
|
+
}, "aria-label": constants_1.TALK_TO_EXPERT }, constants_1.TALK_TO_EXPERT))));
|
|
19
|
+
};
|
|
9
20
|
var RenderDesktopAction = function (_a) {
|
|
10
|
-
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;
|
|
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, _c = _a.showTalkToExpertCta, showTalkToExpertCta = _c === void 0 ? true : _c, _d = _a.showBookanAppointmentCta, showBookanAppointmentCta = _d === void 0 ? true : _d, _e = _a.showChat, showChat = _e === void 0 ? false : _e, _f = _a.openCommPanel, openCommPanel = _f === void 0 ? function () { } : _f, broker = _a.broker;
|
|
11
22
|
var needToContinue = function () { return isAuthenticated && showContinueAction; };
|
|
12
23
|
return (React.createElement(index_style_1.DesktopActions, null,
|
|
13
24
|
dashboardVariant ? (React.createElement(index_style_2.TalkExpertAction, { dashboardVariant: dashboardVariant, size: "sm", variant: "secondary", onClick: function () {
|
|
14
25
|
openRightSidebar();
|
|
15
26
|
Analytics_1.analytics({ event_name: 'click', label: constants_1.BOOK_AN_APPOINTMENT });
|
|
16
27
|
}, "aria-label": constants_1.BOOK_AN_APPOINTMENT }, constants_1.BOOK_AN_APPOINTMENT)) : (React.createElement(React.Fragment, null,
|
|
17
|
-
React.createElement(
|
|
18
|
-
|
|
19
|
-
Analytics_1.analytics({ event_name: 'click', label: constants_1.
|
|
20
|
-
}, "aria-label": constants_1.
|
|
21
|
-
React.createElement(index_style_1.SecondaryAction, { 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))),
|
|
28
|
+
showTalkToExpertCta && (React.createElement(RenderChatOrSideBar, { showChat: showChat, openCommPanel: openCommPanel, broker: broker, dashboardVariant: dashboardVariant, openRightSidebar: openRightSidebar })),
|
|
29
|
+
showBookanAppointmentCta && (React.createElement(index_style_1.SecondaryAction, { size: "sm", variant: needToContinue() ? 'emphasis' : 'primary', href: needToContinue() ? continueURL : constants_1.BOOK_APPOINTMENT_LINK, onClick: function () {
|
|
30
|
+
return Analytics_1.analytics({ event_name: 'click', label: needToContinue() ? constants_1.CONTINUE : constants_1.BOOK_AN_APPOINTMENT });
|
|
31
|
+
}, "aria-label": needToContinue() ? continueURL : constants_1.BOOK_APPOINTMENT_LINK }, needToContinue() ? constants_1.CONTINUE : constants_1.BOOK_AN_APPOINTMENT)))),
|
|
22
32
|
isAuthenticated && React.createElement(LogoutComponent_1.default, { onLogout: onLogout })));
|
|
23
33
|
};
|
|
24
34
|
exports.default = RenderDesktopAction;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/SimpleNavbar/components/DesktopAction/index.tsx"],"names":[],"mappings":";;AAAA,6BAA+B;AAE/B,0EAA6F;AAC7F,uDAAiH;AACjH,sDAAqD;AACrD,kDAAsD;AACtD,sDAAiD;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/SimpleNavbar/components/DesktopAction/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,42 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
14
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
15
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
16
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
17
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
18
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
19
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
20
|
+
});
|
|
21
|
+
};
|
|
22
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
23
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
24
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
25
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
26
|
+
function step(op) {
|
|
27
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
28
|
+
while (_) try {
|
|
29
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
30
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
31
|
+
switch (op[0]) {
|
|
32
|
+
case 0: case 1: t = op; break;
|
|
33
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
34
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
35
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
36
|
+
default:
|
|
37
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
38
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
39
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
40
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
41
|
+
if (t[2]) _.ops.pop();
|
|
42
|
+
_.trys.pop(); continue;
|
|
43
|
+
}
|
|
44
|
+
op = body.call(thisArg, _);
|
|
45
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
46
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
47
|
+
}
|
|
48
|
+
};
|
|
13
49
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
50
|
var t = {};
|
|
15
51
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -28,15 +64,62 @@ var Logo_1 = require("../shared/components/Logo");
|
|
|
28
64
|
var RightSidebar_1 = require("../shared/components/RightSidebar");
|
|
29
65
|
var styles_1 = require("../shared/styles");
|
|
30
66
|
var CTA_1 = require("./components/CTA");
|
|
67
|
+
var comm_panel_1 = require("@lendi/comm-panel");
|
|
68
|
+
var transition_1 = require("@lendi-ui/transition");
|
|
69
|
+
var sentry_1 = require("../shared/utils/sentry");
|
|
70
|
+
var getChatChannel_1 = require("../shared/utils/getChatChannel");
|
|
71
|
+
var lala_react_1 = require("@lendi/lala-react");
|
|
31
72
|
exports.SimpleNavbar = function (_a) {
|
|
32
|
-
var _b = _a.isAuthenticated, isAuthenticated = _b === void 0 ? false : _b, _c = _a.useTransparent, useTransparent = _c === void 0 ? false : _c, homeURL = _a.homeURL,
|
|
33
|
-
var
|
|
73
|
+
var _b = _a.isAuthenticated, isAuthenticated = _b === void 0 ? false : _b, _c = _a.useTransparent, useTransparent = _c === void 0 ? false : _c, _d = _a.showBookanAppointmentCta, showBookanAppointmentCta = _d === void 0 ? true : _d, _e = _a.showTalkToExpertCta, showTalkToExpertCta = _e === void 0 ? true : _e, homeURL = _a.homeURL, _f = _a.params, params = _f === void 0 ? '' : _f, _g = _a.continueURL, continueURL = _g === void 0 ? '/' : _g, _h = _a.onChat, onChat = _h === void 0 ? function () { } : _h, _j = _a.onLogout, onLogout = _j === void 0 ? function () { } : _j, broker = _a.broker, application = _a.application, _k = _a.dashboardVariant, dashboardVariant = _k === void 0 ? false : _k, _l = _a.showContinueAction, showContinueAction = _l === void 0 ? false : _l, otherProps = __rest(_a, ["isAuthenticated", "useTransparent", "showBookanAppointmentCta", "showTalkToExpertCta", "homeURL", "params", "continueURL", "onChat", "onLogout", "broker", "application", "dashboardVariant", "showContinueAction"]);
|
|
74
|
+
var _m = React.useState(false), rightSidebarState = _m[0], setRightSidebarState = _m[1];
|
|
75
|
+
var _o = React.useState(false), showCommPanel = _o[0], setShowCommPanel = _o[1]; // example for comm -panel
|
|
76
|
+
var _p = React.useState(null), channelId = _p[0], setChannelId = _p[1];
|
|
77
|
+
var _q = React.useState(false), showChat = _q[0], setShowChat = _q[1];
|
|
78
|
+
var token = lala_react_1.useSession().token;
|
|
79
|
+
React.useEffect(function () {
|
|
80
|
+
sentry_1.NavbarSentry.configureUserContext({ identity: 'unknown' });
|
|
81
|
+
var getChatReady = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
82
|
+
var channelId_1, err_1;
|
|
83
|
+
return __generator(this, function (_a) {
|
|
84
|
+
switch (_a.label) {
|
|
85
|
+
case 0:
|
|
86
|
+
if (!token) return [3 /*break*/, 5];
|
|
87
|
+
_a.label = 1;
|
|
88
|
+
case 1:
|
|
89
|
+
_a.trys.push([1, 3, , 4]);
|
|
90
|
+
return [4 /*yield*/, getChatChannel_1.getChatChannel(token)];
|
|
91
|
+
case 2:
|
|
92
|
+
channelId_1 = _a.sent();
|
|
93
|
+
setChannelId(channelId_1);
|
|
94
|
+
if (channelId_1 !== null) {
|
|
95
|
+
setShowChat(true);
|
|
96
|
+
}
|
|
97
|
+
return [3 /*break*/, 4];
|
|
98
|
+
case 3:
|
|
99
|
+
err_1 = _a.sent();
|
|
100
|
+
sentry_1.NavbarSentry.captureException(new Error((err_1 && err_1.message) || 'An unknown error occurred'), 'lendi-simple-navbar');
|
|
101
|
+
setChannelId(null); // if error - disable the chat
|
|
102
|
+
setShowChat(false);
|
|
103
|
+
return [3 /*break*/, 4];
|
|
104
|
+
case 4: return [3 /*break*/, 6];
|
|
105
|
+
case 5:
|
|
106
|
+
sentry_1.NavbarSentry.captureException(new Error('Token is not found in the session'), 'lendi-simple-navbar');
|
|
107
|
+
setChannelId(null); // if error - disable the chat
|
|
108
|
+
setShowChat(false);
|
|
109
|
+
_a.label = 6;
|
|
110
|
+
case 6: return [2 /*return*/];
|
|
111
|
+
}
|
|
112
|
+
});
|
|
113
|
+
}); };
|
|
114
|
+
getChatReady();
|
|
115
|
+
}, []);
|
|
34
116
|
return (React.createElement(React.Fragment, null,
|
|
35
117
|
React.createElement(styles_1.SimpleNavbarWrapper, __assign({ isTransparent: useTransparent, isAuthenticated: isAuthenticated }, otherProps),
|
|
36
118
|
React.createElement(navbar_base_1.default.Left, null,
|
|
37
119
|
React.createElement(Logo_1.default, { homeURL: homeURL, params: params, "aria-label": "Lendi Logo", hasHamburgerMenu: false })),
|
|
38
120
|
React.createElement(navbar_base_1.default.Right, null,
|
|
39
|
-
React.createElement(CTA_1.default, { isAuthenticated: isAuthenticated, continueURL: continueURL, openRightSidebar: function () { return setRightSidebarState(true); }, dashboardVariant: dashboardVariant, onLogout: onLogout, showContinueAction: showContinueAction }))),
|
|
40
|
-
React.createElement(
|
|
121
|
+
React.createElement(CTA_1.default, { showTalkToExpertCta: showTalkToExpertCta, showBookanAppointmentCta: showBookanAppointmentCta, isAuthenticated: isAuthenticated, continueURL: continueURL, openRightSidebar: function () { return setRightSidebarState(true); }, dashboardVariant: dashboardVariant, onLogout: onLogout, showContinueAction: showContinueAction, openCommPanel: function () { return setShowCommPanel(!showCommPanel); }, showChat: showChat, broker: broker }))),
|
|
122
|
+
showChat ? (React.createElement(transition_1.default, { isActive: showCommPanel, timeout: 250 }, function (state) { return (React.createElement(styles_1.CommPanelWrapper, { transition: state },
|
|
123
|
+
React.createElement(comm_panel_1.CustomerCommPanel, { broker: broker, channelID: channelId }))); })) : (React.createElement(RightSidebar_1.default, { openSidebar: rightSidebarState, closeSidebar: function () { return setRightSidebarState(false); }, broker: broker, application: application, onChat: onChat, params: params }))));
|
|
41
124
|
};
|
|
42
125
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SimpleNavbar/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SimpleNavbar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,9 +7,9 @@ var Analytics_1 = require("../../../utils/Analytics");
|
|
|
7
7
|
var constants_1 = require("../../constants");
|
|
8
8
|
var index_style_1 = require("./index.style");
|
|
9
9
|
var CTAButtons = function (_a) {
|
|
10
|
-
var isAuthenticated = _a.isAuthenticated, continueURL = _a.continueURL, onLogout = _a.onLogout, openRightSidebar = _a.openRightSidebar, _b = _a.showContinueAction, showContinueAction = _b === void 0 ? false : _b;
|
|
10
|
+
var isAuthenticated = _a.isAuthenticated, continueURL = _a.continueURL, onLogout = _a.onLogout, openRightSidebar = _a.openRightSidebar, _b = _a.showContinueAction, showContinueAction = _b === void 0 ? false : _b, _c = _a.showChat, showChat = _c === void 0 ? false : _c, _d = _a.openCommPanel, openCommPanel = _d === void 0 ? function () { } : _d, broker = _a.broker;
|
|
11
11
|
var isTransparent = navbar_base_1.useNavbarBaseContext().isTransparent;
|
|
12
|
-
var
|
|
12
|
+
var _e = React.useState(false), isLogoutDisplay = _e[0], setIsLogoutDisplay = _e[1];
|
|
13
13
|
var logoutPanel = React.useRef();
|
|
14
14
|
var closeLogoutPanel = function (e) {
|
|
15
15
|
if (logoutPanel.current && !logoutPanel.current.contains(e.target)) {
|
|
@@ -24,10 +24,14 @@ var CTAButtons = function (_a) {
|
|
|
24
24
|
});
|
|
25
25
|
return (React.createElement(React.Fragment, null,
|
|
26
26
|
React.createElement(index_style_1.DesktopActions, null,
|
|
27
|
-
React.createElement(index_style_1.TalkExpertAction, { variant: "secondary", onClick: function () {
|
|
27
|
+
showChat ? (React.createElement(React.Fragment, null, broker && broker.fullName && (React.createElement(index_style_1.TalkExpertAction, { variant: "secondary", onClick: function () {
|
|
28
|
+
openCommPanel();
|
|
29
|
+
}, size: "sm", bigLabelAccomodate: isAuthenticated ? (showContinueAction ? false : true) : false },
|
|
30
|
+
"Talk to ",
|
|
31
|
+
broker.fullName)))) : (React.createElement(index_style_1.TalkExpertAction, { variant: "secondary", onClick: function () {
|
|
28
32
|
openRightSidebar();
|
|
29
33
|
Analytics_1.analytics({ event_name: 'click', label: constants_1.TALK_TO_EXPERT });
|
|
30
|
-
}, "aria-label": constants_1.TALK_TO_EXPERT, size: "sm", bigLabelAccomodate: isAuthenticated ? (showContinueAction ? false : true) : false }, constants_1.TALK_TO_EXPERT),
|
|
34
|
+
}, "aria-label": constants_1.TALK_TO_EXPERT, size: "sm", bigLabelAccomodate: isAuthenticated ? (showContinueAction ? false : true) : false }, constants_1.TALK_TO_EXPERT)),
|
|
31
35
|
React.createElement(index_style_1.SecondaryAction, { bigLabelAccomodate: isAuthenticated ? (showContinueAction ? false : true) : false, size: "sm", variant: isAuthenticated ? (showContinueAction ? 'emphasis' : 'primary') : 'primary', href: isAuthenticated ? (showContinueAction ? continueURL : constants_1.BOOK_APPOINTMENT_LINK) : constants_1.SIGN_IN_LINK, onClick: function () {
|
|
32
36
|
return Analytics_1.analytics({
|
|
33
37
|
event_name: 'click',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/shared/components/CTA/index.tsx"],"names":[],"mappings":";;AAAA,uCAA0C;AAC1C,qDAA6D;AAC7D,6BAA+B;AAC/B,sDAAqD;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/shared/components/CTA/index.tsx"],"names":[],"mappings":";;AAAA,uCAA0C;AAC1C,qDAA6D;AAC7D,6BAA+B;AAC/B,sDAAqD;AAErD,6CAQyB;AACzB,6CAWuB;AAgBvB,IAAM,UAAU,GAAG,UAAC,EAST;QART,oCAAe,EACf,4BAAW,EACX,sBAAQ,EACR,sCAAgB,EAChB,0BAA0B,EAA1B,+CAA0B,EAC1B,gBAAgB,EAAhB,qCAAgB,EAChB,qBAAwB,EAAxB,oDAAwB,EACxB,kBAAM;IAEE,IAAA,kEAAa,CAA4B;IAC3C,IAAA,0BAAsE,EAArE,uBAAe,EAAE,0BAAoD,CAAC;IAC7E,IAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAA8C,CAAC;IAE/E,IAAM,gBAAgB,GAAG,UAAC,CAAa;QACrC,IAAI,WAAW,CAAC,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAqB,CAAC,EAAE;YACjF,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,oBAAC,KAAK,CAAC,QAAQ;QACb,oBAAC,4BAAc;YACZ,QAAQ,CAAC,CAAC,CAAC,CACV,0CACG,MAAM,IAAI,MAAM,CAAC,QAAQ,IAAI,CAC5B,oBAAC,8BAAgB,IACf,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE;oBACP,aAAa,EAAE,CAAC;gBAClB,CAAC,EACD,IAAI,EAAC,IAAI,EACT,kBAAkB,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK;;gBAExE,MAAM,CAAC,QAAQ,CACP,CACpB,CACA,CACJ,CAAC,CAAC,CAAC,CACF,oBAAC,8BAAgB,IACf,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,EAC1B,IAAI,EAAC,IAAI,EACT,kBAAkB,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,IAEhF,0BAAc,CACE,CACpB;YACD,oBAAC,6BAAe,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,iCAAqB,CAAC,CAAC,CAAC,CAAC,wBAAY,EACjG,OAAO,EAAE;oBACP,OAAA,qBAAS,CAAC;wBACR,UAAU,EAAE,OAAO;wBACnB,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,oBAAQ,CAAC,CAAC,CAAC,+BAAmB,CAAC,CAAC,CAAC,CAAC,2BAAe;qBACjG,CAAC;gBAHF,CAGE,gBAEQ,eAAe,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,oBAAQ,CAAC,CAAC,CAAC,+BAAmB,CAAC,CAAC,CAAC,CAAC,2BAAe,IAEpG,eAAe,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,oBAAQ,CAAC,CAAC,CAAC,+BAAmB,CAAC,CAAC,CAAC,CAAC,2BAAe,CAC1E;YAEjB,eAAe,IAAI,CAClB,6BAAK,GAAG,EAAE,WAAW;gBACnB,oBAAC,uBAAS,IACR,SAAS,EAAC,mBAAmB,EAC7B,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,EAClD,OAAO,EAAE;wBACP,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAC;wBACrC,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,CAAC;oBAC5D,CAAC,gBACU,cAAc,EACzB,IAAI,EAAE,eAAQ,GACd;gBACD,eAAe,IAAI,CAClB,oBAAC,2BAAa;oBACZ,oBAAC,+BAAiB,IAChB,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE;4BACP,QAAS,EAAE,CAAC;4BACZ,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;wBACvD,CAAC,gBACU,SAAS;wBAEpB,oBAAC,8BAAgB,IAAC,KAAK,EAAC,aAAa,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,GAAG;kCAEjD,CACN,CACjB,CACG,CACP,CACc;QACjB,oBAAC,2BAAa;YACZ,oBAAC,oCAAsB,IACrB,SAAS,EAAC,SAAS,EACnB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE;oBACP,gBAAgB,EAAE,CAAC;oBACnB,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,sBAAU,EAAE,CAAC,CAAC;gBACxD,CAAC,gBACW,sBAAU,EACtB,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,aAAa,IAEvB,sBAAU,CACY;YACxB,eAAe,CAAC,CAAC,CAAC,CACjB,0CACG,kBAAkB,IAAI,CACrB,oBAAC,mCAAqB,IACpB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,UAAU,EACnB,IAAI,EAAE,WAAW,gBACL,oBAAQ,EACpB,OAAO,EAAE,cAAM,OAAA,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,oBAAQ,EAAE,CAAC,EAAnD,CAAmD,IAEjE,oBAAQ,CACa,CACzB,CACA,CACJ,CAAC,CAAC,CAAC,CACF,oBAAC,mCAAqB,IACpB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,SAAS,EAClB,IAAI,EAAE,wBAAY,gBACN,2BAAe,EAC3B,OAAO,EAAE,cAAM,OAAA,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,2BAAe,EAAE,CAAC,EAA1D,CAA0D,IAExE,2BAAe,CACM,CACzB,CACa,CACD,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
|
|
@@ -8,6 +8,8 @@ var styled_components_1 = require("styled-components");
|
|
|
8
8
|
var spacing_1 = require("@lendi-ui/spacing");
|
|
9
9
|
var navbar_base_1 = require("@lendi-ui/navbar-base");
|
|
10
10
|
var breakpoint_1 = require("@lendi-ui/breakpoint");
|
|
11
|
+
var color_1 = require("@lendi-ui/color");
|
|
12
|
+
var transition_1 = require("@lendi-ui/transition");
|
|
11
13
|
exports.NavbarWrapper = styled_components_1.default(navbar_base_1.default)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n ", "\n\n height: 56px;\n ", ";\n"], ["\n ", ";\n ",
|
|
12
14
|
"\n\n height: 56px;\n ",
|
|
13
15
|
";\n"])), spacing_1.pl({ mobile: 'sm', tablet: 'sm', desktop: 'lg' }), function (_a) {
|
|
@@ -24,5 +26,17 @@ exports.SimpleNavbarWrapper = styled_components_1.default(navbar_base_1.default)
|
|
|
24
26
|
}, breakpoint_1.gte('desktop')(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n height: 88px;\n "], ["\n height: 88px;\n "]))));
|
|
25
27
|
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"])));
|
|
26
28
|
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"])));
|
|
27
|
-
|
|
29
|
+
exports.CommPanelWrapper = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n top: 56px;\n ", ";\n max-width: 375px;\n width: calc(100% - 3rem);\n position: fixed;\n right: 1px;\n top: 0;\n transition: transform 0.25s;\n transform: translateX(100%);\n\n height: calc(100% - 56px);\n ", ";\n\n z-index: 2;\n ", ";\n border-bottom: 1px solid ", ";\n box-shadow: 0px 4px 4px 0px ", ";\n\n ", ";\n"], ["\n top: 56px;\n ",
|
|
30
|
+
";\n max-width: 375px;\n width: calc(100% - 3rem);\n position: fixed;\n right: 1px;\n top: 0;\n transition: transform 0.25s;\n transform: translateX(100%);\n\n height: calc(100% - 56px);\n ",
|
|
31
|
+
";\n\n z-index: 2;\n ", ";\n border-bottom: 1px solid ", ";\n box-shadow: 0px 4px 4px 0px ", ";\n\n ",
|
|
32
|
+
";\n"])), breakpoint_1.gte('desktop')(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n top: 88px;\n "], ["\n top: 88px;\n "]))), breakpoint_1.gte('desktop')(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n height: calc(100% - 88px);\n "], ["\n height: calc(100% - 88px);\n "]))), color_1.bg('shade.0'), color_1.color('shade.200'), color_1.color('shade.200'), function (_a) {
|
|
33
|
+
var transition = _a.transition;
|
|
34
|
+
return transition_1.mixin(transition, {
|
|
35
|
+
entering: { transform: 'translateX(0)' },
|
|
36
|
+
entered: { transform: 'translateX(0)' },
|
|
37
|
+
exit: { transform: 'translateX(0)' },
|
|
38
|
+
exiting: { transform: 'translateX(100%)' },
|
|
39
|
+
});
|
|
40
|
+
});
|
|
41
|
+
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;
|
|
28
42
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/shared/styles.tsx"],"names":[],"mappings":";;;;;;AAAA,uDAAgD;AAChD,6CAA2C;AAC3C,qDAA+C;AAC/C,mDAA2C;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/shared/styles.tsx"],"names":[],"mappings":";;;;;;AAAA,uDAAgD;AAChD,6CAA2C;AAC3C,qDAA+C;AAC/C,mDAA2C;AAC3C,yCAA4C;AAC5C,mDAAoD;AAKvC,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;AAMW,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,qZAAc,oBAEpD;IAED,uMAUC;IAED,wBAGC,EAAa,gCACY,EAAkB,mCACf,EAAkB,SAE9C;IAOD,KACF,KA7BG,gBAAG,CAAC,SAAS,CAAC,2FAAA,sBAEf,MAUC,gBAAG,CAAC,SAAS,CAAC,6GAAA,wCAEf,MAGC,UAAE,CAAC,SAAS,CAAC,EACY,aAAK,CAAC,WAAW,CAAC,EACf,aAAK,CAAC,WAAW,CAAC,EAE9C,UAAC,EAAc;QAAZ,0BAAU;IACb,OAAO,kBAAK,CAAC,UAAU,EAAE;QACvB,QAAQ,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE;QACxC,OAAO,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE;QACvC,IAAI,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE;QACpC,OAAO,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE;KAC3C,CAAC,CAAC;AACL,CAAC,EACD"}
|
|
@@ -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":";;AAmCA,IAAY,gBAMX;AAND,WAAY,gBAAgB;IAC1B,+DAA2C,CAAA;IAC3C,yDAAqC,CAAA;IACrC,yDAAqC,CAAA;IACrC,mEAA+C,CAAA;IAC/C,mDAA+B,CAAA;AACjC,CAAC,EANW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAM3B"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var lala_react_1 = require("@lendi/lala-react");
|
|
4
|
+
exports.getBaseUrl = function () {
|
|
5
|
+
var env = process.env.ENVIRONMENT || process.env.REACT_APP_ENV || process.env.NODE_ENV || 'local';
|
|
6
|
+
var baseUrl = '';
|
|
7
|
+
switch (env) {
|
|
8
|
+
case lala_react_1.Environment.Development:
|
|
9
|
+
baseUrl = 'http://api.lendi-dev.net';
|
|
10
|
+
break;
|
|
11
|
+
case lala_react_1.Environment.Staging:
|
|
12
|
+
baseUrl = 'https://api.lendi-stg.net';
|
|
13
|
+
break;
|
|
14
|
+
case lala_react_1.Environment.Production:
|
|
15
|
+
baseUrl = 'https://api.lendi.com.au';
|
|
16
|
+
break;
|
|
17
|
+
default:
|
|
18
|
+
baseUrl = 'http://localhost:8080';
|
|
19
|
+
}
|
|
20
|
+
return baseUrl;
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/shared/utils/getBaseUrl/index.ts"],"names":[],"mappings":";;AAAA,gDAAgD;AAEnC,QAAA,UAAU,GAAG;IACxB,IAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,WAAW,IAAI,OAAO,CAAC,GAAG,CAAC,aAAa,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,IAAI,OAAO,CAAC;IACpG,IAAI,OAAO,GAAG,EAAE,CAAC;IACjB,QAAQ,GAAG,EAAE;QACX,KAAK,wBAAW,CAAC,WAAW;YAC1B,OAAO,GAAG,0BAA0B,CAAC;YACrC,MAAM;QACR,KAAK,wBAAW,CAAC,OAAO;YACtB,OAAO,GAAG,2BAA2B,CAAC;YACtC,MAAM;QACR,KAAK,wBAAW,CAAC,UAAU;YACzB,OAAO,GAAG,0BAA0B,CAAC;YACrC,MAAM;QACR;YACE,OAAO,GAAG,uBAAuB,CAAC;KACrC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
3
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
4
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
5
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
6
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
7
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
8
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
12
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
13
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
14
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
15
|
+
function step(op) {
|
|
16
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
17
|
+
while (_) try {
|
|
18
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
19
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
20
|
+
switch (op[0]) {
|
|
21
|
+
case 0: case 1: t = op; break;
|
|
22
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
23
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
24
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
25
|
+
default:
|
|
26
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
27
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
28
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
29
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
30
|
+
if (t[2]) _.ops.pop();
|
|
31
|
+
_.trys.pop(); continue;
|
|
32
|
+
}
|
|
33
|
+
op = body.call(thisArg, _);
|
|
34
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
35
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
|
+
var getBaseUrl_1 = require("../getBaseUrl");
|
|
40
|
+
exports.getChatChannel = function (lendiAuthToken, customerId) { return __awaiter(void 0, void 0, void 0, function () {
|
|
41
|
+
var baseUrl, channelID, config, URL, response, data, channelId, err_1;
|
|
42
|
+
return __generator(this, function (_a) {
|
|
43
|
+
switch (_a.label) {
|
|
44
|
+
case 0:
|
|
45
|
+
baseUrl = getBaseUrl_1.getBaseUrl();
|
|
46
|
+
channelID = null;
|
|
47
|
+
config = {
|
|
48
|
+
Authorization: "Bearer " + lendiAuthToken,
|
|
49
|
+
ContentType: 'application/json',
|
|
50
|
+
};
|
|
51
|
+
URL = !customerId ? baseUrl + "/v1/chat/channel" : baseUrl + "/v1/chat/channel?customerId=" + customerId;
|
|
52
|
+
_a.label = 1;
|
|
53
|
+
case 1:
|
|
54
|
+
_a.trys.push([1, 5, , 6]);
|
|
55
|
+
return [4 /*yield*/, fetch(URL, {
|
|
56
|
+
method: 'GET',
|
|
57
|
+
headers: config,
|
|
58
|
+
})];
|
|
59
|
+
case 2:
|
|
60
|
+
response = _a.sent();
|
|
61
|
+
if (!response.ok) return [3 /*break*/, 4];
|
|
62
|
+
return [4 /*yield*/, response.json()];
|
|
63
|
+
case 3:
|
|
64
|
+
data = _a.sent();
|
|
65
|
+
channelId = data.data.channelId;
|
|
66
|
+
channelID = channelId;
|
|
67
|
+
_a.label = 4;
|
|
68
|
+
case 4: return [3 /*break*/, 6];
|
|
69
|
+
case 5:
|
|
70
|
+
err_1 = _a.sent();
|
|
71
|
+
throw err_1;
|
|
72
|
+
case 6: return [2 /*return*/, channelID];
|
|
73
|
+
}
|
|
74
|
+
});
|
|
75
|
+
}); };
|
|
76
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/shared/utils/getChatChannel/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAA2C;AAE9B,QAAA,cAAc,GAAG,UAAO,cAAsB,EAAE,UAAmB;;;;;gBACxE,OAAO,GAAG,uBAAU,EAAE,CAAC;gBACzB,SAAS,GAAG,IAAI,CAAC;gBACf,MAAM,GAAG;oBACb,aAAa,EAAE,YAAU,cAAgB;oBACzC,WAAW,EAAE,kBAAkB;iBAChC,CAAC;gBACI,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAI,OAAO,qBAAkB,CAAC,CAAC,CAAI,OAAO,oCAA+B,UAAY,CAAC;;;;gBAE5F,qBAAM,KAAK,CAAC,GAAG,EAAE;wBAChC,MAAM,EAAE,KAAK;wBACb,OAAO,EAAE,MAAM;qBAChB,CAAC,EAAA;;gBAHI,QAAQ,GAAG,SAGf;qBAEE,QAAQ,CAAC,EAAE,EAAX,wBAAW;gBACA,qBAAM,QAAQ,CAAC,IAAI,EAAE,EAAA;;gBAA5B,IAAI,GAAG,SAAqB;gBAC1B,SAAS,GAAK,IAAI,CAAC,IAAI,UAAd,CAAe;gBAChC,SAAS,GAAG,SAAS,CAAC;;;;;gBAGxB,MAAM,KAAG,CAAC;oBAGZ,sBAAO,SAAS,EAAC;;;KAClB,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var Sentry = require("@sentry/browser");
|
|
4
|
+
var isSentryEnabled = typeof Sentry !== 'undefined';
|
|
5
|
+
var sentryOptions = {
|
|
6
|
+
dsn: process.env.SENTRY_DSN,
|
|
7
|
+
environment: process.env.ENVIRONMENT,
|
|
8
|
+
release: process.env.SENTRY_RELEASE,
|
|
9
|
+
};
|
|
10
|
+
exports.NavbarSentry = {
|
|
11
|
+
configureUserContext: function (userCxt) {
|
|
12
|
+
Sentry.configureScope(function (scope) {
|
|
13
|
+
scope.setUser({ username: userCxt.identity });
|
|
14
|
+
});
|
|
15
|
+
},
|
|
16
|
+
init: function () {
|
|
17
|
+
if (!isSentryEnabled) {
|
|
18
|
+
return;
|
|
19
|
+
}
|
|
20
|
+
Sentry.init(sentryOptions);
|
|
21
|
+
},
|
|
22
|
+
captureException: function (error, errorTag, errorInfo) {
|
|
23
|
+
Sentry.withScope(function (scope) {
|
|
24
|
+
if (errorTag) {
|
|
25
|
+
scope.setTag('errorBoundary', errorTag);
|
|
26
|
+
}
|
|
27
|
+
Sentry.setExtras(errorInfo);
|
|
28
|
+
Sentry.captureException(error);
|
|
29
|
+
});
|
|
30
|
+
},
|
|
31
|
+
};
|
|
32
|
+
//# sourceMappingURL=sentry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sentry.js","sourceRoot":"","sources":["../../../../src/shared/utils/sentry.ts"],"names":[],"mappings":";;AACA,wCAA0C;AAE1C,IAAM,eAAe,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC;AAEtD,IAAM,aAAa,GAAG;IACpB,GAAG,EAAE,OAAO,CAAC,GAAG,CAAC,UAAU;IAC3B,WAAW,EAAE,OAAO,CAAC,GAAG,CAAC,WAAW;IACpC,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,cAAc;CACpC,CAAC;AAEW,QAAA,YAAY,GAAG;IAC1B,oBAAoB,EAAE,UAAC,OAA6B;QAClD,MAAM,CAAC,cAAc,CAAC,UAAC,KAAmB;YACxC,KAAK,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;QAChD,CAAC,CAAC,CAAC;IACL,CAAC;IACD,IAAI,EAAE;QACJ,IAAI,CAAC,eAAe,EAAE;YACpB,OAAO;SACR;QACD,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC7B,CAAC;IACD,gBAAgB,EAAE,UAAC,KAAY,EAAE,QAAiB,EAAE,SAA2B;QAC7E,MAAM,CAAC,SAAS,CAAC,UAAC,KAAmB;YACnC,IAAI,QAAQ,EAAE;gBACZ,KAAK,CAAC,MAAM,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;aACzC;YACD,MAAM,CAAC,SAAS,CAAC,SAAU,CAAC,CAAC;YAC7B,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACjC,CAAC,CAAC,CAAC;IACL,CAAC;CACF,CAAC"}
|
package/dist/types/MegaNavbar/{navbar-mega.example.d.ts → navbar-mega-withChat.example.d.ts}
RENAMED
|
File without changes
|
|
File without changes
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { Button } from '@lendi-ui/button';
|
|
2
|
-
|
|
3
|
-
dashboardVariant?: boolean
|
|
4
|
-
|
|
2
|
+
interface TalkActionProps {
|
|
3
|
+
dashboardVariant?: boolean;
|
|
4
|
+
continueExist?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare const TalkExpertAction: import("styled-components").StyledComponent<typeof Button, any, TalkActionProps, never>;
|
|
5
7
|
export declare const ContinueAction: import("styled-components").StyledComponent<typeof Button, any, {}, never>;
|
|
8
|
+
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { CTAProps } from '../../../shared/components/CTA';
|
|
3
|
-
declare const RenderDesktopAction: ({ dashboardVariant, openRightSidebar, isAuthenticated, continueURL, onLogout, showContinueAction, }: CTAProps) => JSX.Element;
|
|
3
|
+
declare const RenderDesktopAction: ({ dashboardVariant, openRightSidebar, isAuthenticated, continueURL, onLogout, showContinueAction, showTalkToExpertCta, showBookanAppointmentCta, showChat, openCommPanel, broker, }: CTAProps) => JSX.Element;
|
|
4
4
|
export default RenderDesktopAction;
|
|
@@ -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, onLogout, broker, application, dashboardVariant, showContinueAction, ...otherProps }: SimpleNavbarProps) => JSX.Element;
|
|
3
|
+
export declare const SimpleNavbar: ({ isAuthenticated, useTransparent, showBookanAppointmentCta, showTalkToExpertCta, homeURL, params, continueURL, onChat, onLogout, broker, application, dashboardVariant, showContinueAction, ...otherProps }: SimpleNavbarProps) => JSX.Element;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { Broker } from '../../types';
|
|
2
3
|
export interface CTAProps {
|
|
3
4
|
isAuthenticated: boolean;
|
|
4
5
|
continueURL: string;
|
|
@@ -6,6 +7,11 @@ export interface CTAProps {
|
|
|
6
7
|
openRightSidebar: () => void;
|
|
7
8
|
dashboardVariant?: boolean;
|
|
8
9
|
showContinueAction?: boolean;
|
|
10
|
+
showTalkToExpertCta?: boolean;
|
|
11
|
+
showBookanAppointmentCta?: boolean;
|
|
12
|
+
showChat?: boolean;
|
|
13
|
+
openCommPanel?: () => void;
|
|
14
|
+
broker?: Broker;
|
|
9
15
|
}
|
|
10
|
-
declare const CTAButtons: ({ isAuthenticated, continueURL, onLogout, openRightSidebar, showContinueAction, }: CTAProps) => JSX.Element;
|
|
16
|
+
declare const CTAButtons: ({ isAuthenticated, continueURL, onLogout, openRightSidebar, showContinueAction, showChat, openCommPanel, broker, }: CTAProps) => JSX.Element;
|
|
11
17
|
export default CTAButtons;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { State } from '@lendi-ui/transition';
|
|
2
3
|
interface NavbarWrapperProps {
|
|
3
4
|
isAuthenticated?: boolean;
|
|
4
5
|
}
|
|
@@ -6,4 +7,8 @@ export declare const NavbarWrapper: import("styled-components").StyledComponent<
|
|
|
6
7
|
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>;
|
|
7
8
|
export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
9
|
export declare const MenuLogoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
10
|
+
export interface WrapperProps {
|
|
11
|
+
transition: State;
|
|
12
|
+
}
|
|
13
|
+
export declare const CommPanelWrapper: import("styled-components").StyledComponent<"div", any, WrapperProps, never>;
|
|
9
14
|
export {};
|
|
@@ -20,6 +20,10 @@ export interface CommonNavbarProps extends LUIGlobalProps {
|
|
|
20
20
|
application?: Application;
|
|
21
21
|
/** 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. */
|
|
22
22
|
showContinueAction?: boolean;
|
|
23
|
+
/** flag to show TalktoExpert cta btn */
|
|
24
|
+
showTalkToExpertCta?: boolean;
|
|
25
|
+
/** flag to show Book an appoointment cta btn */
|
|
26
|
+
showBookanAppointmentCta?: boolean;
|
|
23
27
|
}
|
|
24
28
|
export interface MegaNavbarProps extends CommonNavbarProps {
|
|
25
29
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const getBaseUrl: () => string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const getChatChannel: (lendiAuthToken: string, customerId?: string | undefined) => Promise<any>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export declare const NavbarSentry: {
|
|
3
|
+
configureUserContext: (userCxt: {
|
|
4
|
+
identity: string;
|
|
5
|
+
}) => void;
|
|
6
|
+
init: () => void;
|
|
7
|
+
captureException: (error: Error, errorTag?: string | undefined, errorInfo?: React.ErrorInfo | undefined) => void;
|
|
8
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lendi/navbar",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.0",
|
|
4
4
|
"license": "ISC",
|
|
5
5
|
"source": "src/index.tsx",
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
"peerDependencies": {
|
|
17
17
|
"@lendi-ui/theme": "^8.1.0",
|
|
18
18
|
"@types/react": "^16.8",
|
|
19
|
+
"@lendi/lala-react": "^8.4.0",
|
|
19
20
|
"@types/styled-components": "^4.1.18",
|
|
20
21
|
"react": "^16.8",
|
|
21
22
|
"styled-components": "^4"
|
|
@@ -40,11 +41,14 @@
|
|
|
40
41
|
"@lendi-ui/transition": "^4.0.2",
|
|
41
42
|
"@lendi-ui/typography": "^4.0.0",
|
|
42
43
|
"@lendi-ui/utils": "^4.0.1",
|
|
44
|
+
"@lendi/comm-panel": "^4.0.3",
|
|
43
45
|
"@lendi/segment-tracking": "^0.6.4",
|
|
46
|
+
"@sentry/browser": "^5.15.0",
|
|
44
47
|
"react-dot-fragment": "^0.2.8"
|
|
45
48
|
},
|
|
46
49
|
"devDependencies": {
|
|
47
50
|
"@lendi-ui/theme-domain": "^4.0.0",
|
|
51
|
+
"@lendi/lala-react": "^8.4.0",
|
|
48
52
|
"cpx": "^1.5.0"
|
|
49
53
|
},
|
|
50
54
|
"scripts": {
|