@lendi/navbar 7.6.2 → 7.6.3-alpha.1
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/dist/cjs/MegaNavbar/components/MegaMenu/index.js +45 -0
- package/dist/cjs/MegaNavbar/components/MegaMenu/index.js.map +1 -0
- package/dist/cjs/MegaNavbar/components/MegaMenu/index.style.js +80 -0
- package/dist/cjs/MegaNavbar/components/MegaMenu/index.style.js.map +1 -0
- package/dist/cjs/MegaNavbar/index.js +65 -0
- package/dist/cjs/MegaNavbar/index.js.map +1 -0
- package/dist/cjs/MegaNavbar/style.js +16 -0
- package/dist/cjs/MegaNavbar/style.js.map +1 -0
- package/dist/cjs/MultiNavbar/components/MultiOptions/index.js +7 -7
- package/dist/cjs/MultiNavbar/components/MultiOptions/index.js.map +1 -1
- package/dist/cjs/MultiNavbar/components/MultiOptions/index.style.js +15 -15
- package/dist/cjs/MultiNavbar/components/MultiOptions/index.style.js.map +1 -1
- package/dist/cjs/MultiNavbar/index.js +8 -8
- package/dist/cjs/MultiNavbar/index.js.map +1 -1
- package/dist/cjs/SimpleNavbar/components/CTA/index.style.js +5 -5
- package/dist/cjs/SimpleNavbar/components/CTA/index.style.js.map +1 -1
- package/dist/cjs/SimpleNavbar/components/DesktopAction/index.js +8 -8
- package/dist/cjs/SimpleNavbar/components/DesktopAction/index.js.map +1 -1
- package/dist/cjs/SimpleNavbar/components/DesktopAction/test.js +6 -6
- package/dist/cjs/SimpleNavbar/components/DesktopAction/test.js.map +1 -1
- package/dist/cjs/SimpleNavbar/components/MobileAction/index.js +5 -5
- package/dist/cjs/SimpleNavbar/components/MobileAction/index.js.map +1 -1
- package/dist/cjs/SimpleNavbar/components/MobileAction/test.js +4 -4
- package/dist/cjs/SimpleNavbar/components/MobileAction/test.js.map +1 -1
- package/dist/cjs/SimpleNavbar/index.js +8 -8
- package/dist/cjs/SimpleNavbar/index.js.map +1 -1
- package/dist/cjs/shared/components/CTA/DesktopActions/index.js +3 -3
- package/dist/cjs/shared/components/CTA/DesktopActions/index.js.map +1 -1
- package/dist/cjs/shared/components/CTA/DesktopActions/style.js +1 -1
- package/dist/cjs/shared/components/CTA/DesktopActions/style.js.map +1 -1
- package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/index.js +10 -10
- package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/index.js.map +1 -1
- package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/style.js +5 -5
- package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/style.js.map +1 -1
- package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/test.js +9 -9
- package/dist/cjs/shared/components/CTA/LogoutComponent/DropdownMenu/test.js.map +1 -1
- package/dist/cjs/shared/components/CTA/LogoutComponent/index.js +2 -2
- package/dist/cjs/shared/components/CTA/LogoutComponent/index.js.map +1 -1
- package/dist/cjs/shared/components/CTA/LogoutComponent/style.js +1 -1
- package/dist/cjs/shared/components/CTA/LogoutComponent/style.js.map +1 -1
- package/dist/cjs/shared/components/CTA/LogoutComponent/test.js +1 -1
- package/dist/cjs/shared/components/CTA/LogoutComponent/test.js.map +1 -1
- package/dist/cjs/shared/components/CTA/MobileActions/index.js +5 -5
- package/dist/cjs/shared/components/CTA/MobileActions/index.js.map +1 -1
- package/dist/cjs/shared/components/CTA/MobileActions/style.js +1 -1
- package/dist/cjs/shared/components/CTA/MobileActions/style.js.map +1 -1
- package/dist/cjs/shared/components/CTA/style.js +9 -9
- package/dist/cjs/shared/components/CTA/style.js.map +1 -1
- package/dist/cjs/shared/components/CTA/test.js +3 -3
- package/dist/cjs/shared/components/CTA/test.js.map +1 -1
- package/dist/cjs/shared/components/HamBurgerMenu/index.js +6 -6
- package/dist/cjs/shared/components/HamBurgerMenu/index.js.map +1 -1
- package/dist/cjs/shared/components/LeftSidabar/Content/index.js +3 -3
- package/dist/cjs/shared/components/LeftSidabar/Content/index.js.map +1 -1
- package/dist/cjs/shared/components/LeftSidabar/Content/index.style.js +10 -10
- package/dist/cjs/shared/components/LeftSidabar/Content/index.style.js.map +1 -1
- package/dist/cjs/shared/components/LeftSidabar/FooterCTA/index.js +4 -4
- package/dist/cjs/shared/components/LeftSidabar/FooterCTA/index.js.map +1 -1
- package/dist/cjs/shared/components/LeftSidabar/FooterCTA/test.js +2 -2
- package/dist/cjs/shared/components/LeftSidabar/FooterCTA/test.js.map +1 -1
- package/dist/cjs/shared/components/Logo/index.js +3 -3
- package/dist/cjs/shared/components/Logo/index.js.map +1 -1
- package/dist/cjs/shared/components/Logo/style.js +8 -8
- package/dist/cjs/shared/components/Logo/style.js.map +1 -1
- package/dist/cjs/shared/hooks/useDomain.js +2 -2
- package/dist/cjs/shared/hooks/useDomain.js.map +1 -1
- package/dist/cjs/shared/hooks/useEmailOpenChat.js +1 -1
- package/dist/cjs/shared/hooks/useEmailOpenChat.js.map +1 -1
- package/dist/cjs/shared/hooks/useTeamMember.js +4 -4
- package/dist/cjs/shared/hooks/useTeamMember.js.map +1 -1
- package/dist/cjs/shared/hooks/useUserGroup.js +4 -4
- package/dist/cjs/shared/hooks/useUserGroup.js.map +1 -1
- package/dist/cjs/shared/styles.js +10 -10
- package/dist/cjs/shared/styles.js.map +1 -1
- package/dist/cjs/shared/utils/getTeamMember/index.js +2 -2
- package/dist/cjs/shared/utils/getTeamMember/index.js.map +1 -1
- package/dist/cjs/shared/utils/getUserGroup/index.js +4 -4
- package/dist/cjs/shared/utils/getUserGroup/index.js.map +1 -1
- package/dist/esm/MultiNavbar/components/MultiOptions/index.js +2 -2
- package/dist/esm/MultiNavbar/components/MultiOptions/index.js.map +1 -1
- package/dist/esm/SimpleNavbar/components/DesktopAction/index.js +3 -3
- package/dist/esm/SimpleNavbar/components/DesktopAction/index.js.map +1 -1
- package/dist/esm/SimpleNavbar/components/DesktopAction/test.js +1 -1
- package/dist/esm/SimpleNavbar/components/DesktopAction/test.js.map +1 -1
- package/dist/esm/SimpleNavbar/components/MobileAction/index.js +1 -1
- package/dist/esm/SimpleNavbar/components/MobileAction/index.js.map +1 -1
- package/dist/esm/shared/components/CTA/DesktopActions/index.js +1 -1
- package/dist/esm/shared/components/CTA/DesktopActions/index.js.map +1 -1
- package/dist/esm/shared/components/CTA/LogoutComponent/DropdownMenu/index.js +3 -3
- package/dist/esm/shared/components/CTA/LogoutComponent/DropdownMenu/index.js.map +1 -1
- package/dist/esm/shared/components/CTA/LogoutComponent/DropdownMenu/test.js +3 -3
- package/dist/esm/shared/components/CTA/LogoutComponent/DropdownMenu/test.js.map +1 -1
- package/dist/esm/shared/components/CTA/MobileActions/index.js +1 -1
- package/dist/esm/shared/components/CTA/MobileActions/index.js.map +1 -1
- package/dist/esm/shared/components/Logo/index.js +1 -1
- package/dist/esm/shared/components/Logo/index.js.map +1 -1
- package/dist/esm/shared/hooks/useTeamMember.js +1 -1
- package/dist/esm/shared/hooks/useTeamMember.js.map +1 -1
- package/dist/esm/shared/hooks/useUserGroup.js +1 -1
- package/dist/esm/shared/hooks/useUserGroup.js.map +1 -1
- package/dist/esm/shared/utils/getTeamMember/index.js +2 -2
- package/dist/esm/shared/utils/getTeamMember/index.js.map +1 -1
- package/dist/esm/shared/utils/getUserGroup/index.js +3 -3
- package/dist/esm/shared/utils/getUserGroup/index.js.map +1 -1
- package/dist/types/MegaNavbar/components/MegaMenu/index.d.ts +10 -0
- package/dist/types/MegaNavbar/components/MegaMenu/index.style.d.ts +30 -0
- package/dist/types/MegaNavbar/index.d.ts +3 -0
- package/dist/types/MegaNavbar/style.d.ts +2 -0
- package/package.json +2 -2
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
var KeyboardArrowRight_1 = __importDefault(require("@lendi-ui/icon/KeyboardArrowRight"));
|
|
7
|
+
var navbar_base_1 = require("@lendi-ui/navbar-base");
|
|
8
|
+
var typography_1 = require("@lendi-ui/typography");
|
|
9
|
+
var segment_tracking_1 = require("@lendi/segment-tracking");
|
|
10
|
+
var react_1 = __importDefault(require("react"));
|
|
11
|
+
var menuData_1 = require("../../../shared/assets/menuData");
|
|
12
|
+
var constants_1 = require("../../../shared/constants");
|
|
13
|
+
var Analytics_1 = require("../../../utils/Analytics");
|
|
14
|
+
var index_style_1 = require("./index.style");
|
|
15
|
+
var MegaMenu = function (_a) {
|
|
16
|
+
var isAuthenticated = _a.isAuthenticated, params = _a.params, continueURL = _a.continueURL, handleClick = _a.handleClick, isMenuOpen = _a.isMenuOpen;
|
|
17
|
+
var isTransparent = navbar_base_1.useNavbarBaseContext().isTransparent;
|
|
18
|
+
return (react_1.default.createElement(index_style_1.OptionsContainer, null,
|
|
19
|
+
react_1.default.createElement(index_style_1.UnOrderedList, null,
|
|
20
|
+
react_1.default.createElement(index_style_1.ListItem, { key: "menu" },
|
|
21
|
+
react_1.default.createElement(index_style_1.LinkOption, { onClick: function () {
|
|
22
|
+
handleClick();
|
|
23
|
+
Analytics_1.analytics({ event_name: Analytics_1.ACTION_CLICK, category: segment_tracking_1.EventCategory.NAVBAR });
|
|
24
|
+
}, isTransparent: isTransparent, "aria-label": "Mega menu" },
|
|
25
|
+
react_1.default.createElement(index_style_1.BarWrapper, null,
|
|
26
|
+
react_1.default.createElement(index_style_1.Label, { size: "xs" }, "Menu"),
|
|
27
|
+
react_1.default.createElement(index_style_1.ExpandMoreWrapper, { isSelected: isMenuOpen, isTransparent: isTransparent })),
|
|
28
|
+
react_1.default.createElement(index_style_1.Bar, { isSelected: isMenuOpen, isTransparent: isTransparent })))),
|
|
29
|
+
isMenuOpen && (react_1.default.createElement(index_style_1.DisplayPanel, null, menuData_1.MEGA_MENU_OPTIONS.map(function (menu) { return (react_1.default.createElement(index_style_1.UnitWrapper, { size: 1 / menuData_1.MEGA_MENU_OPTIONS.length, key: menu.label },
|
|
30
|
+
react_1.default.createElement(index_style_1.MenuWrapper, null,
|
|
31
|
+
react_1.default.createElement("div", null,
|
|
32
|
+
react_1.default.createElement(index_style_1.HeadingLink, { href: "" + (menu.link || '') + params, "aria-label": menu.label, onClick: function () { return Analytics_1.analytics({ event_name: Analytics_1.ACTION_CLICK, category: segment_tracking_1.EventCategory.NAVBAR }); } },
|
|
33
|
+
react_1.default.createElement(typography_1.Heading, { size: "md", color: "secondary.500", mr: "xxs" }, menu.label),
|
|
34
|
+
react_1.default.createElement(KeyboardArrowRight_1.default, { color: "secondary.500" })),
|
|
35
|
+
menu.label === 'Home loans' && (react_1.default.createElement(index_style_1.SEMPanelButton, { size: "xs", variant: isAuthenticated ? 'emphasis' : 'primary', href: isAuthenticated ? continueURL : constants_1.ROUTE_SIGN_IN, "aria-label": isAuthenticated ? constants_1.LABEL_CONTINUE : constants_1.LABEL_SIGN_IN, onClick: function () {
|
|
36
|
+
return Analytics_1.analytics({
|
|
37
|
+
event_name: Analytics_1.ACTION_CLICK,
|
|
38
|
+
category: segment_tracking_1.EventCategory.NAVBAR,
|
|
39
|
+
});
|
|
40
|
+
} }, isAuthenticated ? constants_1.LABEL_CONTINUE : constants_1.LABEL_SIGN_IN))),
|
|
41
|
+
react_1.default.createElement(index_style_1.SEMLinksGroup, null, menu.children.map(function (child) { return (react_1.default.createElement(index_style_1.SEMLinkItem, { key: child.label },
|
|
42
|
+
react_1.default.createElement(index_style_1.SEMPanelLink, { size: "sm", color: "shade.700", href: "" + child.link + params, "aria-label": child.label, onClick: function () { return Analytics_1.analytics({ event_name: Analytics_1.ACTION_CLICK, category: segment_tracking_1.EventCategory.NAVBAR }); } }, child.label))); }))))); })))));
|
|
43
|
+
};
|
|
44
|
+
exports.default = MegaMenu;
|
|
45
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/MegaNavbar/components/MegaMenu/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
|
+
if (k2 === undefined) k2 = k;
|
|
8
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.SEMPanelButton = exports.SEMPanelLink = exports.SEMLinkItem = exports.SEMLinksGroup = exports.MenuWrapper = exports.UnitWrapper = exports.OptionsContainer = exports.Label = exports.BarWrapper = exports.ExpandMoreWrapper = exports.LinkOption = exports.ListItem = exports.UnOrderedList = exports.Bar = exports.DisplayPanel = exports.HeadingLink = exports.HeadingWrapper = exports.LinkItem = exports.LinksGroup = exports.PanelButton = exports.PanelLink = void 0;
|
|
30
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
31
|
+
var typography_1 = require("@lendi-ui/typography");
|
|
32
|
+
var breakpoint_1 = require("@lendi-ui/breakpoint");
|
|
33
|
+
var ExpandMore_1 = __importDefault(require("@lendi-ui/icon/ExpandMore"));
|
|
34
|
+
var color_1 = require("@lendi-ui/color");
|
|
35
|
+
var button_1 = require("@lendi-ui/button");
|
|
36
|
+
var grid_1 = __importStar(require("@lendi-ui/grid"));
|
|
37
|
+
var spacing_1 = require("@lendi-ui/spacing");
|
|
38
|
+
var depth_1 = require("@lendi-ui/depth");
|
|
39
|
+
var theme_1 = require("@lendi-ui/theme");
|
|
40
|
+
exports.PanelLink = styled_components_1.default(typography_1.Link)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n text-decoration: none;\n overflow: hidden;\n font-weight: normal;\n :hover,\n :focus,\n :active {\n ", "\n }\n"], ["\n text-decoration: none;\n overflow: hidden;\n font-weight: normal;\n :hover,\n :focus,\n :active {\n ", "\n }\n"])), color_1.fg('shade.700'));
|
|
41
|
+
exports.PanelButton = styled_components_1.default(button_1.Button)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), spacing_1.ml('sm'));
|
|
42
|
+
exports.LinksGroup = styled_components_1.default.ul(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n list-style-type: none;\n ", "\n ", " ", "\n"], ["\n list-style-type: none;\n ", "\n ", " ", "\n"])), grid_1.grid(), spacing_1.p('nil'), spacing_1.m('nil'));
|
|
43
|
+
exports.LinkItem = styled_components_1.default.li(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n ", " ", "\n"], ["\n ", "\n ", " ", "\n"])), grid_1.unit({ size: 1 / 4 }), spacing_1.py('xxs'), spacing_1.pr('xs'));
|
|
44
|
+
exports.HeadingWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n ", "\n"], ["\n display: flex;\n flex-direction: row;\n align-items: center;\n ", "\n"])), spacing_1.mb('xs'));
|
|
45
|
+
exports.HeadingLink = styled_components_1.default(typography_1.Link)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n overflow: hidden;\n text-decoration: none;\n :hover,\n :focus,\n :active {\n ", "\n }\n"], ["\n display: flex;\n flex-direction: row;\n align-items: center;\n overflow: hidden;\n text-decoration: none;\n :hover,\n :focus,\n :active {\n ", "\n }\n"])), color_1.fg('secondary.500'));
|
|
46
|
+
exports.DisplayPanel = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n width: 100vw;\n ", "\n position: absolute;\n display: flex;\n top: 85px;\n left: 0;\n z-index: 2;\n ", "\n border-radius: 0 0 ", " ", ";\n"], ["\n width: 100vw;\n ", "\n position: absolute;\n display: flex;\n top: 85px;\n left: 0;\n z-index: 2;\n ", "\n border-radius: 0 0 ", " ", ";\n"])), color_1.bg('shade.0'), depth_1.depth(4), theme_1.select('borderRadius'), theme_1.select('borderRadius'));
|
|
47
|
+
exports.Bar = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n height: 2px;\n width: ", ";\n\n transition: width ease-in-out 300ms;\n ", "\n"], ["\n height: 2px;\n width: ", ";\n\n transition: width ease-in-out 300ms;\n ", "\n"])), function (_a) {
|
|
48
|
+
var isSelected = _a.isSelected;
|
|
49
|
+
return (isSelected ? 'calc(100% - 16px)' : '0');
|
|
50
|
+
}, function (_a) {
|
|
51
|
+
var isTransparent = _a.isTransparent;
|
|
52
|
+
return isTransparent
|
|
53
|
+
? styled_components_1.css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), color_1.bg('shade.0')) : styled_components_1.css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), color_1.bg('secondary.500'));
|
|
54
|
+
});
|
|
55
|
+
exports.UnOrderedList = styled_components_1.default.ul(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n list-style-type: none;\n display: flex;\n position: relative;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n ", " ", "\n"], ["\n list-style-type: none;\n display: flex;\n position: relative;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n ", " ", "\n"])), spacing_1.p('nil'), spacing_1.m('nil'));
|
|
56
|
+
exports.ListItem = styled_components_1.default.li(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n list-style-type: none;\n"], ["\n list-style-type: none;\n"])));
|
|
57
|
+
exports.LinkOption = styled_components_1.default(typography_1.Link)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n display: inline-flex;\n flex-direction: column;\n overflow: hidden;\n text-decoration: none;\n :hover,\n :focus,\n :active {\n text-decoration: none;\n }\n\n ", "\n"], ["\n display: inline-flex;\n flex-direction: column;\n overflow: hidden;\n text-decoration: none;\n :hover,\n :focus,\n :active {\n text-decoration: none;\n }\n\n ", "\n"])), function (_a) {
|
|
58
|
+
var isTransparent = _a.isTransparent;
|
|
59
|
+
return isTransparent
|
|
60
|
+
? styled_components_1.css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), color_1.fg('shade.0')) : styled_components_1.css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), color_1.fg('secondary.500'));
|
|
61
|
+
});
|
|
62
|
+
exports.ExpandMoreWrapper = styled_components_1.default(ExpandMore_1.default)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n & svg {\n display: block;\n }\n\n font-weight: bold;\n transform: ", ";\n transition: transform ease-in-out 300ms;\n\n ", "\n"], ["\n & svg {\n display: block;\n }\n\n font-weight: bold;\n transform: ", ";\n transition: transform ease-in-out 300ms;\n\n ", "\n"])), function (_a) {
|
|
63
|
+
var isSelected = _a.isSelected;
|
|
64
|
+
return (isSelected ? 'rotate(180deg)' : undefined);
|
|
65
|
+
}, function (_a) {
|
|
66
|
+
var isTransparent = _a.isTransparent;
|
|
67
|
+
return isTransparent
|
|
68
|
+
? styled_components_1.css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), color_1.fg('shade.0')) : styled_components_1.css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), color_1.fg('secondary.500'));
|
|
69
|
+
});
|
|
70
|
+
exports.BarWrapper = styled_components_1.default.div(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n"], ["\n display: inline-flex;\n align-items: center;\n"])));
|
|
71
|
+
exports.Label = styled_components_1.default(typography_1.Body)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n text-transform: uppercase;\n font-weight: bold;\n letter-spacing: 0.8px;\n line-height: 1;\n"], ["\n text-transform: uppercase;\n font-weight: bold;\n letter-spacing: 0.8px;\n line-height: 1;\n"])));
|
|
72
|
+
exports.OptionsContainer = styled_components_1.default.div(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n width: 100%;\n display: none;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n ", "\n ", "\n"], ["\n width: 100%;\n display: none;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n ", "\n ", "\n"])), spacing_1.ml('lg'), breakpoint_1.gte('desktop')(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n display: flex;\n "], ["\n display: flex;\n "]))));
|
|
73
|
+
exports.UnitWrapper = styled_components_1.default(grid_1.default.Unit)(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n ", " ", " ", "\n"], ["\n ", " ", " ", "\n"])), spacing_1.pt('md'), spacing_1.pl('lg'), spacing_1.pb('lg'));
|
|
74
|
+
exports.MenuWrapper = styled_components_1.default.div(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n"])));
|
|
75
|
+
exports.SEMLinksGroup = styled_components_1.default.ul(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n list-style-type: none;\n ", " ", "\n"], ["\n list-style-type: none;\n ", " ", "\n"])), spacing_1.p('nil'), spacing_1.m('nil'));
|
|
76
|
+
exports.SEMLinkItem = styled_components_1.default.li(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n ", " ", "\n"], ["\n ", " ", "\n"])), spacing_1.py('xxs'), spacing_1.pr('xs'));
|
|
77
|
+
exports.SEMPanelLink = styled_components_1.default(typography_1.Link)(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n text-decoration: none;\n overflow: hidden;\n font-weight: normal;\n :hover,\n :focus,\n :active {\n ", "\n }\n"], ["\n text-decoration: none;\n overflow: hidden;\n font-weight: normal;\n :hover,\n :focus,\n :active {\n ", "\n }\n"])), color_1.fg('shade.700'));
|
|
78
|
+
exports.SEMPanelButton = styled_components_1.default(button_1.Button)(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), spacing_1.my('xxxs'));
|
|
79
|
+
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, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28;
|
|
80
|
+
//# sourceMappingURL=index.style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.style.js","sourceRoot":"","sources":["../../../../../src/MegaNavbar/components/MegaMenu/index.style.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.MegaNavbar = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var menuData_1 = require("../shared/assets/menuData");
|
|
9
|
+
var CTA_1 = __importDefault(require("../shared/components/CTA"));
|
|
10
|
+
var HamBurgerMenu_1 = __importDefault(require("../shared/components/HamBurgerMenu"));
|
|
11
|
+
var LeftSidabar_1 = __importDefault(require("../shared/components/LeftSidabar"));
|
|
12
|
+
var Logo_1 = __importDefault(require("../shared/components/Logo"));
|
|
13
|
+
var styles_1 = require("../shared/styles");
|
|
14
|
+
var MegaMenu_1 = __importDefault(require("./components/MegaMenu"));
|
|
15
|
+
var comm_panel_1 = require("@lendi/comm-panel");
|
|
16
|
+
var transition_1 = __importDefault(require("@lendi-ui/transition"));
|
|
17
|
+
var breakpoint_1 = require("@lendi-ui/breakpoint");
|
|
18
|
+
var lala_react_1 = require("@lendi/lala-react");
|
|
19
|
+
var useUserGroup_1 = require("../shared/hooks/useUserGroup");
|
|
20
|
+
var useTeamMember_1 = require("../shared/hooks/useTeamMember");
|
|
21
|
+
var useEmailOpenChat_1 = require("../shared/hooks/useEmailOpenChat");
|
|
22
|
+
var style_1 = require("./style");
|
|
23
|
+
var useDomain_1 = require("../shared/hooks/useDomain");
|
|
24
|
+
var provider_1 = require("../shared/components/CTA/LogoutComponent/DropdownMenu/provider");
|
|
25
|
+
var useErrorProvider_1 = require("../shared/hooks/useErrorProvider");
|
|
26
|
+
var context_1 = require("../shared/ErrorProvider/context");
|
|
27
|
+
var MegaNavbarComponent = function (_a) {
|
|
28
|
+
var _b = _a.useTransparent, useTransparent = _b === void 0 ? false : _b, homeURL = _a.homeURL, _c = _a.params, params = _c === void 0 ? '' : _c, _d = _a.continueURL, continueURL = _d === void 0 ? '/' : _d, _e = _a.onLogout, onLogout = _e === void 0 ? function () { } : _e, showContinueAction = _a.showContinueAction, showTalkToExpertCta = _a.showTalkToExpertCta, hideDashboardItem = _a.hideDashboardItem, hideManageApplicationsItem = _a.hideManageApplicationsItem;
|
|
29
|
+
var onException = context_1.useError().onException;
|
|
30
|
+
var _f = comm_panel_1.useCommPanel(), isCommPanelOpen = _f.isCommPanelOpen, openCommPanel = _f.openCommPanel, closeCommPanel = _f.closeCommPanel, openChat = _f.openChat;
|
|
31
|
+
var _g = react_1.default.useState(false), isMenuOpen = _g[0], setIsMenuOpen = _g[1];
|
|
32
|
+
var _h = react_1.default.useState(false), leftSidebarState = _h[0], setLeftSidebarState = _h[1];
|
|
33
|
+
var _j = react_1.default.useState(false), unReadMesage = _j[0], setUnReadMessage = _j[1];
|
|
34
|
+
var _k = react_1.default.useState(false), isOtherUserOnline = _k[0], setIsOtherUserOnline = _k[1];
|
|
35
|
+
var _l = react_1.default.useState(), breakpoint = _l[0], setBreakpoint = _l[1];
|
|
36
|
+
breakpoint_1.useBreakpoint(setBreakpoint);
|
|
37
|
+
var session = lala_react_1.useSession();
|
|
38
|
+
var isAuthenticated = session.status === lala_react_1.Status.Authenticated;
|
|
39
|
+
var _m = useUserGroup_1.useUserGroup(session), userGroupHash = _m[0], teamMemberId = _m[1];
|
|
40
|
+
var latestTeamMember = useTeamMember_1.useTeamMember(session, teamMemberId);
|
|
41
|
+
var handleClick = function () {
|
|
42
|
+
setIsMenuOpen(true);
|
|
43
|
+
};
|
|
44
|
+
useEmailOpenChat_1.useEmailOpenChat(openChat, userGroupHash);
|
|
45
|
+
return (react_1.default.createElement(comm_panel_1.ChatUserStatusContext.Provider, { value: {
|
|
46
|
+
setHasUnReadMessage: function (hasUnreadMessages) { return setUnReadMessage(hasUnreadMessages); },
|
|
47
|
+
setStatus: function (status) { return setIsOtherUserOnline(status); },
|
|
48
|
+
} },
|
|
49
|
+
react_1.default.createElement(style_1.OverlayWrapper, { isVisible: isMenuOpen, zIndex: 1, onHide: function () { return setIsMenuOpen(false); } }),
|
|
50
|
+
react_1.default.createElement(styles_1.NavbarWrapper, { isTransparent: useTransparent, isAuthenticated: isAuthenticated },
|
|
51
|
+
react_1.default.createElement(styles_1.NavbarLeftWrapper, null,
|
|
52
|
+
react_1.default.createElement(styles_1.Container, null,
|
|
53
|
+
react_1.default.createElement(styles_1.MenuLogoWrapper, null,
|
|
54
|
+
react_1.default.createElement(HamBurgerMenu_1.default, { toggleSidebar: function (toggle) { return setLeftSidebarState(toggle); }, leftSidebarState: leftSidebarState }),
|
|
55
|
+
react_1.default.createElement(Logo_1.default, { homeURL: homeURL, params: params })),
|
|
56
|
+
react_1.default.createElement(MegaMenu_1.default, { isAuthenticated: isAuthenticated, continueURL: continueURL, params: params, handleClick: handleClick, isMenuOpen: isMenuOpen }))),
|
|
57
|
+
react_1.default.createElement(styles_1.NavbarRightWrapper, null,
|
|
58
|
+
react_1.default.createElement(provider_1.DropdownProvider, { hideDashboardItem: hideDashboardItem, hideManageApplicationsItem: hideManageApplicationsItem, onLogout: onLogout },
|
|
59
|
+
react_1.default.createElement(CTA_1.default, { showTalkToExpertCta: showTalkToExpertCta, isAuthenticated: isAuthenticated, continueURL: continueURL, showContinueAction: showContinueAction, openCommPanel: function () { return (isCommPanelOpen ? closeCommPanel() : openCommPanel()); }, teamMember: latestTeamMember, hasUnreadMessages: unReadMesage })))),
|
|
60
|
+
react_1.default.createElement(transition_1.default, { isActive: isCommPanelOpen, timeout: 250 }, function (state) { return (react_1.default.createElement(styles_1.CommPanelWrapper, { transition: state, toTheTop: breakpoint === 'mobile' },
|
|
61
|
+
react_1.default.createElement(comm_panel_1.CustomerCommPanel, { channelId: userGroupHash, latestTeamMember: latestTeamMember, hasNew: unReadMesage, isOtherUserOnline: isOtherUserOnline, onException: onException }))); }),
|
|
62
|
+
react_1.default.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
|
+
};
|
|
64
|
+
exports.MegaNavbar = comm_panel_1.withCommPanelProvider(useDomain_1.withDomainChat(useErrorProvider_1.useErrorProvider(MegaNavbarComponent)));
|
|
65
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/MegaNavbar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.OverlayWrapper = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
var breakpoint_1 = require("@lendi-ui/breakpoint");
|
|
13
|
+
var overlay_1 = __importDefault(require("@lendi-ui/overlay"));
|
|
14
|
+
exports.OverlayWrapper = styled_components_1.default(overlay_1.default)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: none;\n ", "\n"], ["\n display: none;\n ", "\n"])), breakpoint_1.gte('desktop')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: block;\n "], ["\n display: block;\n "]))));
|
|
15
|
+
var templateObject_1, templateObject_2;
|
|
16
|
+
//# sourceMappingURL=style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/MegaNavbar/style.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AACvC,mDAA2C;AAC3C,8DAAwC;AAE3B,QAAA,cAAc,GAAG,2BAAM,CAAC,iBAAO,CAAC,iGAAA,wBAEzC,EAEC,IACJ,KAHG,gBAAG,CAAC,SAAS,CAAC,gGAAA,6BAEb,MACH"}
|
|
@@ -13,7 +13,7 @@ var Analytics_1 = require("../../../utils/Analytics");
|
|
|
13
13
|
var index_style_1 = require("./index.style");
|
|
14
14
|
var prevSelected = '';
|
|
15
15
|
var MenuOptions = function (props) {
|
|
16
|
-
var isTransparent =
|
|
16
|
+
var isTransparent = navbar_base_1.useNavbarBaseContext().isTransparent;
|
|
17
17
|
var isAuthenticated = props.isAuthenticated, params = props.params, continueURL = props.continueURL;
|
|
18
18
|
var _a = react_1.default.useState(''), currentSelected = _a[0], setCurrentSelected = _a[1];
|
|
19
19
|
var displayPanel = react_1.default.useRef(null);
|
|
@@ -47,7 +47,7 @@ var MenuOptions = function (props) {
|
|
|
47
47
|
category: Analytics_1.EventCategory.NAVBAR,
|
|
48
48
|
menuName: label,
|
|
49
49
|
};
|
|
50
|
-
|
|
50
|
+
Analytics_1.analytics(event);
|
|
51
51
|
}, isTransparent: isTransparent },
|
|
52
52
|
react_1.default.createElement(index_style_1.BarWrapper, null,
|
|
53
53
|
react_1.default.createElement(index_style_1.Label, { size: "xs" }, label),
|
|
@@ -56,14 +56,14 @@ var MenuOptions = function (props) {
|
|
|
56
56
|
}),
|
|
57
57
|
currentSelected && (react_1.default.createElement(index_style_1.DisplayPanel, { ref: displayPanel },
|
|
58
58
|
react_1.default.createElement(index_style_1.HeadingWrapper, null,
|
|
59
|
-
react_1.default.createElement(index_style_1.HeadingLink, { href: ""
|
|
59
|
+
react_1.default.createElement(index_style_1.HeadingLink, { href: "" + (selectedItem.link || '') + params, onClick: function () {
|
|
60
60
|
var event = {
|
|
61
61
|
event_name: 'Menu Element Clicked',
|
|
62
62
|
menuName: currentSelected,
|
|
63
63
|
text: selectedItem.label,
|
|
64
64
|
category: Analytics_1.EventCategory.NAVBAR,
|
|
65
65
|
};
|
|
66
|
-
|
|
66
|
+
Analytics_1.analytics(event);
|
|
67
67
|
} },
|
|
68
68
|
react_1.default.createElement(typography_1.Heading, { size: "md", color: "secondary.500", mr: "xxs" }, currentSelected),
|
|
69
69
|
react_1.default.createElement(KeyboardArrowRight_1.default, { color: "secondary.500" })),
|
|
@@ -74,17 +74,17 @@ var MenuOptions = function (props) {
|
|
|
74
74
|
menuName: currentSelected,
|
|
75
75
|
text: isAuthenticated ? 'Continue' : 'Sign In',
|
|
76
76
|
};
|
|
77
|
-
|
|
77
|
+
Analytics_1.analytics(event);
|
|
78
78
|
} }, isAuthenticated ? constants_1.LABEL_CONTINUE : constants_1.LABEL_SIGN_IN))),
|
|
79
79
|
react_1.default.createElement(index_style_1.LinksGroup, null, selectedItem.children.map(function (child) { return (react_1.default.createElement(index_style_1.LinkItem, { key: child.label },
|
|
80
|
-
react_1.default.createElement(index_style_1.PanelLink, { size: "sm", color: "shade.700", href: ""
|
|
80
|
+
react_1.default.createElement(index_style_1.PanelLink, { size: "sm", color: "shade.700", href: "" + child.link + params, onClick: function () {
|
|
81
81
|
var event = {
|
|
82
82
|
event_name: 'Menu Element Clicked',
|
|
83
83
|
menuName: selectedItem.label,
|
|
84
84
|
text: child.label,
|
|
85
85
|
category: Analytics_1.EventCategory.NAVBAR,
|
|
86
86
|
};
|
|
87
|
-
|
|
87
|
+
Analytics_1.analytics(event);
|
|
88
88
|
} }, child.label))); })))))));
|
|
89
89
|
};
|
|
90
90
|
var onClickOption = function (label, setCurrentSelected) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/MultiNavbar/components/MultiOptions/index.tsx"],"names":[],"mappings":";;;;;AAAA,yFAAmE;AACnE,qDAA6D;AAC7D,mDAA+C;AAC/C,gDAA0B;AAC1B,4DAA+E;AAC/E,uDAAyF;AACzF,sDAA+E;AAC/E,6CAgBuB;AAEvB,IAAI,YAAY,GAAG,EAAE,CAAC;AAQtB,IAAM,WAAW,GAAG,UAAC,KAAuB;IAClC,IAAA,aAAa,GAAK,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/MultiNavbar/components/MultiOptions/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -37,38 +37,38 @@ var button_1 = require("@lendi-ui/button");
|
|
|
37
37
|
var grid_1 = require("@lendi-ui/grid");
|
|
38
38
|
var depth_1 = require("@lendi-ui/depth");
|
|
39
39
|
var theme_1 = require("@lendi-ui/theme");
|
|
40
|
-
exports.PanelLink =
|
|
41
|
-
exports.PanelButton =
|
|
42
|
-
exports.LinksGroup = styled_components_1.default.ul(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n list-style-type: none;\n ", "\n ", " ", "\n"], ["\n list-style-type: none;\n ", "\n ", " ", "\n"])),
|
|
43
|
-
exports.LinkItem = styled_components_1.default.li(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n ", " ", "\n"], ["\n ", "\n ", " ", "\n"])),
|
|
44
|
-
exports.HeadingWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n ", "\n"], ["\n display: flex;\n flex-direction: row;\n align-items: center;\n ", "\n"])),
|
|
45
|
-
exports.HeadingLink =
|
|
46
|
-
exports.DisplayPanel = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n width: 100%;\n position: absolute;\n top: 30px;\n border-radius: ", ";\n ", "\n ", "\n ", "\n"], ["\n width: 100%;\n position: absolute;\n top: 30px;\n border-radius: ", ";\n ", "\n ", "\n ", "\n"])),
|
|
40
|
+
exports.PanelLink = styled_components_1.default(typography_1.Link)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n text-decoration: none;\n overflow: hidden;\n font-weight: normal;\n :hover,\n :focus,\n :active {\n ", "\n }\n"], ["\n text-decoration: none;\n overflow: hidden;\n font-weight: normal;\n :hover,\n :focus,\n :active {\n ", "\n }\n"])), color_1.fg('shade.700'));
|
|
41
|
+
exports.PanelButton = styled_components_1.default(button_1.Button)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), spacing_1.ml('sm'));
|
|
42
|
+
exports.LinksGroup = styled_components_1.default.ul(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n list-style-type: none;\n ", "\n ", " ", "\n"], ["\n list-style-type: none;\n ", "\n ", " ", "\n"])), grid_1.grid(), spacing_1.p('nil'), spacing_1.m('nil'));
|
|
43
|
+
exports.LinkItem = styled_components_1.default.li(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n ", " ", "\n"], ["\n ", "\n ", " ", "\n"])), grid_1.unit({ size: 1 / 4 }), spacing_1.py('xxs'), spacing_1.pr('xs'));
|
|
44
|
+
exports.HeadingWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n ", "\n"], ["\n display: flex;\n flex-direction: row;\n align-items: center;\n ", "\n"])), spacing_1.mb('xs'));
|
|
45
|
+
exports.HeadingLink = styled_components_1.default(typography_1.Link)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n overflow: hidden;\n text-decoration: none;\n :hover,\n :focus,\n :active {\n ", "\n }\n"], ["\n display: flex;\n flex-direction: row;\n align-items: center;\n overflow: hidden;\n text-decoration: none;\n :hover,\n :focus,\n :active {\n ", "\n }\n"])), color_1.fg('secondary.500'));
|
|
46
|
+
exports.DisplayPanel = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n width: 100%;\n position: absolute;\n top: 30px;\n border-radius: ", ";\n ", "\n ", "\n ", "\n"], ["\n width: 100%;\n position: absolute;\n top: 30px;\n border-radius: ", ";\n ", "\n ", "\n ", "\n"])), theme_1.select('borderRadius'), depth_1.depth(4), color_1.bg('shade.0'), spacing_1.p('md'));
|
|
47
47
|
exports.Bar = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n height: 2px;\n width: ", ";\n\n transition: width ease-in-out 300ms;\n ", "\n"], ["\n height: 2px;\n width: ", ";\n\n transition: width ease-in-out 300ms;\n ", "\n"])), function (_a) {
|
|
48
48
|
var isSelected = _a.isSelected;
|
|
49
49
|
return (isSelected ? 'calc(100% - 16px)' : '0');
|
|
50
50
|
}, function (_a) {
|
|
51
51
|
var isTransparent = _a.isTransparent;
|
|
52
52
|
return isTransparent
|
|
53
|
-
?
|
|
53
|
+
? styled_components_1.css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), color_1.bg('shade.0')) : styled_components_1.css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), color_1.bg('secondary.500'));
|
|
54
54
|
});
|
|
55
|
-
exports.UnOrderedList = styled_components_1.default.ul(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n list-style-type: none;\n display: flex;\n position: relative;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n ", " ", "\n"], ["\n list-style-type: none;\n display: flex;\n position: relative;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n ", " ", "\n"])),
|
|
55
|
+
exports.UnOrderedList = styled_components_1.default.ul(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n list-style-type: none;\n display: flex;\n position: relative;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n ", " ", "\n"], ["\n list-style-type: none;\n display: flex;\n position: relative;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n ", " ", "\n"])), spacing_1.p('nil'), spacing_1.m('nil'));
|
|
56
56
|
exports.ListItem = styled_components_1.default.li(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n list-style-type: none;\n"], ["\n list-style-type: none;\n"])));
|
|
57
|
-
exports.LinkOption =
|
|
57
|
+
exports.LinkOption = styled_components_1.default(typography_1.Link)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n display: inline-flex;\n flex-direction: column;\n overflow: hidden;\n ", "\n ", "\n text-decoration: none;\n :hover,\n :focus,\n :active {\n text-decoration: none;\n }\n\n ", "\n"], ["\n display: inline-flex;\n flex-direction: column;\n overflow: hidden;\n ", "\n ", "\n text-decoration: none;\n :hover,\n :focus,\n :active {\n text-decoration: none;\n }\n\n ", "\n"])), spacing_1.pr('md'), spacing_1.pl('nil'), function (_a) {
|
|
58
58
|
var isTransparent = _a.isTransparent;
|
|
59
59
|
return isTransparent
|
|
60
|
-
?
|
|
60
|
+
? styled_components_1.css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), color_1.fg('shade.0')) : styled_components_1.css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), color_1.fg('secondary.500'));
|
|
61
61
|
});
|
|
62
|
-
exports.ExpandMoreWrapper =
|
|
62
|
+
exports.ExpandMoreWrapper = styled_components_1.default(ExpandMore_1.default)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n & svg {\n display: block;\n }\n\n font-weight: bold;\n transform: ", ";\n transition: transform ease-in-out 300ms;\n\n ", "\n"], ["\n & svg {\n display: block;\n }\n\n font-weight: bold;\n transform: ", ";\n transition: transform ease-in-out 300ms;\n\n ", "\n"])), function (_a) {
|
|
63
63
|
var isSelected = _a.isSelected;
|
|
64
64
|
return (isSelected ? 'rotate(180deg)' : undefined);
|
|
65
65
|
}, function (_a) {
|
|
66
66
|
var isTransparent = _a.isTransparent;
|
|
67
67
|
return isTransparent
|
|
68
|
-
?
|
|
68
|
+
? styled_components_1.css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), color_1.fg('shade.0')) : styled_components_1.css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), color_1.fg('secondary.500'));
|
|
69
69
|
});
|
|
70
70
|
exports.BarWrapper = styled_components_1.default.div(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n"], ["\n display: inline-flex;\n align-items: center;\n"])));
|
|
71
|
-
exports.Label =
|
|
72
|
-
exports.OptionsContainer = styled_components_1.default.div(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n width: 100%;\n display: none;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n ", "\n ", "\n"], ["\n width: 100%;\n display: none;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n ", "\n ", "\n"])),
|
|
71
|
+
exports.Label = styled_components_1.default(typography_1.Body)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n text-transform: uppercase;\n font-weight: bold;\n letter-spacing: 0.8px;\n line-height: 1;\n"], ["\n text-transform: uppercase;\n font-weight: bold;\n letter-spacing: 0.8px;\n line-height: 1;\n"])));
|
|
72
|
+
exports.OptionsContainer = styled_components_1.default.div(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n width: 100%;\n display: none;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n ", "\n ", "\n"], ["\n width: 100%;\n display: none;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n ", "\n ", "\n"])), spacing_1.ml('lg'), breakpoint_1.gte('desktop')(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"]))));
|
|
73
73
|
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, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22;
|
|
74
74
|
//# sourceMappingURL=index.style.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.style.js","sourceRoot":"","sources":["../../../../../src/MultiNavbar/components/MultiOptions/index.style.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,6CAA6D;AAC7D,mDAAkD;AAClD,mDAA2C;AAC3C,yEAAmD;AACnD,yCAAyC;AACzC,2CAA0C;AAC1C,uCAA4C;AAC5C,yCAAwC;AACxC,yCAAyC;AAS5B,QAAA,SAAS,GAAG,
|
|
1
|
+
{"version":3,"file":"index.style.js","sourceRoot":"","sources":["../../../../../src/MultiNavbar/components/MultiOptions/index.style.tsx"],"names":[],"mappings":"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"}
|
|
@@ -47,18 +47,18 @@ var context_1 = require("../shared/ErrorProvider/context");
|
|
|
47
47
|
var useErrorProvider_1 = require("../shared/hooks/useErrorProvider");
|
|
48
48
|
var MultiNavbarWithTheme = function (_a) {
|
|
49
49
|
var _b = _a.useTransparent, useTransparent = _b === void 0 ? false : _b, homeURL = _a.homeURL, _c = _a.params, params = _c === void 0 ? '' : _c, _d = _a.continueURL, continueURL = _d === void 0 ? '/' : _d, _e = _a.onLogout, onLogout = _e === void 0 ? function () { } : _e, application = _a.application, showContinueAction = _a.showContinueAction, showTalkToExpertCta = _a.showTalkToExpertCta, hideDashboardItem = _a.hideDashboardItem, hideManageApplicationsItem = _a.hideManageApplicationsItem, otherProps = __rest(_a, ["useTransparent", "homeURL", "params", "continueURL", "onLogout", "application", "showContinueAction", "showTalkToExpertCta", "hideDashboardItem", "hideManageApplicationsItem"]);
|
|
50
|
-
var onException =
|
|
51
|
-
var _f =
|
|
50
|
+
var onException = context_1.useError().onException;
|
|
51
|
+
var _f = comm_panel_1.useCommPanel(), isCommPanelOpen = _f.isCommPanelOpen, openCommPanel = _f.openCommPanel, closeCommPanel = _f.closeCommPanel, openChat = _f.openChat;
|
|
52
52
|
var _g = react_1.default.useState(false), leftSidebarState = _g[0], setLeftSidebarState = _g[1];
|
|
53
53
|
var _h = react_1.default.useState(false), unReadMesage = _h[0], setUnReadMessage = _h[1];
|
|
54
54
|
var _j = react_1.default.useState(false), isOtherUserOnline = _j[0], setIsOtherUserOnline = _j[1];
|
|
55
55
|
var _k = react_1.default.useState(), breakpoint = _k[0], setBreakpoint = _k[1];
|
|
56
|
-
|
|
57
|
-
var session =
|
|
56
|
+
breakpoint_1.useBreakpoint(setBreakpoint);
|
|
57
|
+
var session = lala_react_1.useSession();
|
|
58
58
|
var isAuthenticated = session.status === lala_react_1.Status.Authenticated;
|
|
59
|
-
var _l =
|
|
60
|
-
var latestTeamMember =
|
|
61
|
-
|
|
59
|
+
var _l = useUserGroup_1.useUserGroup(session), userGroupHash = _l[0], teamMemberId = _l[1];
|
|
60
|
+
var latestTeamMember = useTeamMember_1.useTeamMember(session, teamMemberId);
|
|
61
|
+
useEmailOpenChat_1.useEmailOpenChat(openChat, userGroupHash);
|
|
62
62
|
return (react_1.default.createElement(comm_panel_1.ChatUserStatusContext.Provider, { value: {
|
|
63
63
|
setHasUnReadMessage: function (hasUnreadMessages) { return setUnReadMessage(hasUnreadMessages); },
|
|
64
64
|
setStatus: function (status) { return setIsOtherUserOnline(status); },
|
|
@@ -77,5 +77,5 @@ var MultiNavbarWithTheme = function (_a) {
|
|
|
77
77
|
react_1.default.createElement(comm_panel_1.CustomerCommPanel, { channelId: userGroupHash, latestTeamMember: latestTeamMember, hasNew: unReadMesage, isOtherUserOnline: isOtherUserOnline, onException: onException }))); }),
|
|
78
78
|
react_1.default.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 })));
|
|
79
79
|
};
|
|
80
|
-
exports.MultiNavbar =
|
|
80
|
+
exports.MultiNavbar = comm_panel_1.withCommPanelProvider(useDomain_1.withDomainChat(useErrorProvider_1.useErrorProvider(MultiNavbarWithTheme)));
|
|
81
81
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/MultiNavbar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,sDAA+D;AAC/D,iEAAkD;AAClD,qFAA+D;AAC/D,iFAA2D;AAC3D,mEAAsD;AACtD,2CAO0B;AAE1B,4EAAqD;AACrD,gDAAkH;AAClH,oEAAyD;AACzD,mDAAqE;AACrE,gDAAuD;AACvD,6DAA4D;AAC5D,+DAA8D;AAC9D,qEAAoE;AACpE,uDAA2D;AAC3D,2FAAkG;AAClG,2DAA2D;AAC3D,qEAAoE;AAEpE,IAAM,oBAAoB,GAAG,UAAC,EAYX;IAXjB,IAAA,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,OAAO,aAAA,EACP,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,mBAAiB,EAAjB,WAAW,mBAAG,GAAG,KAAA,EACjB,gBAAmB,EAAnB,QAAQ,mBAAG,cAAO,CAAC,KAAA,EACnB,WAAW,iBAAA,EACX,kBAAkB,wBAAA,EAClB,mBAAmB,yBAAA,EACnB,iBAAiB,uBAAA,EACjB,0BAA0B,gCAAA,EACvB,UAAU,cAXe,iLAY7B,CADc;IAEL,IAAA,WAAW,GAAK,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/MultiNavbar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,13 +28,13 @@ var breakpoint_1 = require("@lendi-ui/breakpoint");
|
|
|
28
28
|
var button_1 = require("@lendi-ui/button");
|
|
29
29
|
var spacing_1 = require("@lendi-ui/spacing");
|
|
30
30
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
31
|
-
exports.TalkExpertAction =
|
|
31
|
+
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 ", "\n min-width: 202px;\n ", ";\n ", "\n"])), spacing_1.mr('sm'), function (_a) {
|
|
32
32
|
var dashboardVariant = _a.dashboardVariant;
|
|
33
|
-
return dashboardVariant &&
|
|
34
|
-
},
|
|
33
|
+
return dashboardVariant && styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), spacing_1.mr('nil'));
|
|
34
|
+
}, 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) {
|
|
35
35
|
var continueExist = _a.continueExist;
|
|
36
|
-
return continueExist &&
|
|
36
|
+
return continueExist && styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n min-width: 180px;\n "], ["\n min-width: 180px;\n "])));
|
|
37
37
|
});
|
|
38
|
-
exports.ContinueAction =
|
|
38
|
+
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"])));
|
|
39
39
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
40
40
|
//# 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,qEAAgD;AAOnC,QAAA,gBAAgB,GAAG,
|
|
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;AAOnC,QAAA,gBAAgB,GAAG,2BAAM,CAAC,eAAM,CAAC,8HAAiB,MAC3D,EAAQ,OACR,EAIC,2BAED,EAID,OACC,EAIC,IACJ,KAjBG,YAAE,CAAC,IAAI,CAAC,EACR,UAAC,EAAoB;QAAlB,gBAAgB,sBAAA;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,aAAa,mBAAA;IAChB,OAAA,aAAa,IACb,uBAAG,oGAAA,iCAEF,IAAA;AAHD,CAGC,EACH;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,eAAM,CAAC,sGAAA,mCAG3C,KAAC"}
|
|
@@ -14,7 +14,7 @@ var style_2 = require("../../../shared/components/CTA/DesktopActions/style");
|
|
|
14
14
|
var lala_utils_1 = require("@lendi/lala-utils");
|
|
15
15
|
var RenderChatOrSideBar = function (_a) {
|
|
16
16
|
var _b = _a.openCommPanel, openCommPanel = _b === void 0 ? function () { } : _b, teamMember = _a.teamMember, dashboardVariant = _a.dashboardVariant, hasUnreadMessages = _a.hasUnreadMessages;
|
|
17
|
-
var primaryLabel = (teamMember === null || teamMember === void 0 ? void 0 : teamMember.firstName) ? "Talk to "
|
|
17
|
+
var primaryLabel = (teamMember === null || teamMember === void 0 ? void 0 : teamMember.firstName) ? "Talk to " + teamMember.firstName : constants_1.LABEL_TALK_TO_EXPERT;
|
|
18
18
|
return (react_1.default.createElement(index_style_1.TalkExpertAction, { dashboardVariant: dashboardVariant, size: "sm", variant: "secondary", onClick: function () {
|
|
19
19
|
openCommPanel();
|
|
20
20
|
var event = {
|
|
@@ -23,14 +23,14 @@ var RenderChatOrSideBar = function (_a) {
|
|
|
23
23
|
buttonType: segment_tracking_1.ButtonType.SECONDARY,
|
|
24
24
|
text: hasUnreadMessages ? 'You have an unread message' : 'Talk to an expert',
|
|
25
25
|
};
|
|
26
|
-
|
|
26
|
+
Analytics_1.analytics(event);
|
|
27
27
|
} }, hasUnreadMessages ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
28
28
|
react_1.default.createElement(style_1.UnreadMessageWrapper, { "data-testid": "customer-view-unread-icon", color: "primary.500", height: "2em", width: "2em" }),
|
|
29
29
|
constants_1.UNREAD_MESSAGE)) : (react_1.default.createElement(react_1.default.Fragment, null, primaryLabel))));
|
|
30
30
|
};
|
|
31
31
|
var RenderDesktopAction = function (_a) {
|
|
32
32
|
var dashboardVariant = _a.dashboardVariant, isAuthenticated = _a.isAuthenticated, continueURL = _a.continueURL, _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.openCommPanel, openCommPanel = _e === void 0 ? function () { } : _e, teamMember = _a.teamMember, hasUnreadMessages = _a.hasUnreadMessages, utmCampaign = _a.utmCampaign;
|
|
33
|
-
var isDomain =
|
|
33
|
+
var isDomain = lala_utils_1.getBrandFromHostname() === lala_utils_1.Brand.Domain;
|
|
34
34
|
var path = isDomain ? constants_1.PATH_DOMAIN : constants_1.PATH_LENDI;
|
|
35
35
|
var renderSecondaryBtn = function (utmCampaign, isAuthenticated, showBookanAppointmentCta, showContinueAction) {
|
|
36
36
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
@@ -41,7 +41,7 @@ var RenderDesktopAction = function (_a) {
|
|
|
41
41
|
text: 'Continue',
|
|
42
42
|
category: segment_tracking_1.EventCategory.NAVBAR,
|
|
43
43
|
};
|
|
44
|
-
|
|
44
|
+
Analytics_1.analytics(event);
|
|
45
45
|
}, "aria-label": continueURL }, constants_1.LABEL_CONTINUE)),
|
|
46
46
|
(utmCampaign || showContinueAction) && !isAuthenticated && (react_1.default.createElement(style_1.SecondaryAction, { size: "sm", variant: 'primary', href: constants_1.ROUTE_SIGN_IN, onClick: function () {
|
|
47
47
|
var event = {
|
|
@@ -50,17 +50,17 @@ var RenderDesktopAction = function (_a) {
|
|
|
50
50
|
text: 'Sign In',
|
|
51
51
|
category: segment_tracking_1.EventCategory.NAVBAR,
|
|
52
52
|
};
|
|
53
|
-
|
|
53
|
+
Analytics_1.analytics(event);
|
|
54
54
|
}, "aria-label": constants_1.ROUTE_SIGN_IN }, constants_1.LABEL_SIGN_IN)),
|
|
55
|
-
!(utmCampaign || showContinueAction) && showBookanAppointmentCta && (react_1.default.createElement(style_1.SecondaryAction, { size: "sm", variant: 'primary', href: ""
|
|
55
|
+
!(utmCampaign || showContinueAction) && showBookanAppointmentCta && (react_1.default.createElement(style_1.SecondaryAction, { size: "sm", variant: 'primary', href: "" + path + constants_1.ROUTE_BOOK_APPOINTMENT, onClick: function () {
|
|
56
56
|
var event = {
|
|
57
57
|
event_name: 'Button Clicked',
|
|
58
58
|
buttonType: segment_tracking_1.ButtonType.PRIMARY,
|
|
59
59
|
text: 'Book an Appointment',
|
|
60
60
|
category: segment_tracking_1.EventCategory.NAVBAR,
|
|
61
61
|
};
|
|
62
|
-
|
|
63
|
-
}, "aria-label": ""
|
|
62
|
+
Analytics_1.analytics(event);
|
|
63
|
+
}, "aria-label": "" + path + constants_1.ROUTE_BOOK_APPOINTMENT }, constants_1.BOOK_AN_APPOINTMENT))));
|
|
64
64
|
};
|
|
65
65
|
return (react_1.default.createElement(style_2.DesktopActionsWrapper, null,
|
|
66
66
|
showTalkToExpertCta && (react_1.default.createElement(RenderChatOrSideBar, { openCommPanel: openCommPanel, teamMember: teamMember, dashboardVariant: dashboardVariant, hasUnreadMessages: hasUnreadMessages })),
|