@lendi/navbar 5.0.26 → 5.0.29

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Changelog - @lendi/navbar
 
+## 5.0.29
+- [patch] 84f81513:
+
+  Bumped dependency
+
+  - `@lendi-ui/breakpoint@^5.0.0`
+  - `@lendi-ui/grid@^4.0.0`
+
+## 5.0.28
+- [patch] 10d087c2:
+
+  - Added `showTalkToExpectCta` prop to `<RenderMobileAction />` && Fixing missing files
+
+## 5.0.27
+- [patch] a7c4c450:
+
+  - Fixing Build issue
+
 ## 5.0.26
 - [patch] bd190bb2:
 

package/dist/cjs/MegaNavbar/components/MegaMenu/index.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var icon_1 = require("@lendi-ui/icon");
+var navbar_base_1 = require("@lendi-ui/navbar-base");
+var typography_1 = require("@lendi-ui/typography");
+var React = require("react");
+var menuData_1 = require("../../../shared/assets/menuData");
+var constants_1 = require("../../../shared/constants");
+var Analytics_1 = require("../../../utils/Analytics");
+var index_style_1 = require("./index.style");
+var MegaMenu = function (_a) {
+    var isAuthenticated = _a.isAuthenticated, params = _a.params, continueURL = _a.continueURL, handleClick = _a.handleClick, isMenuOpen = _a.isMenuOpen;
+    var isTransparent = navbar_base_1.useNavbarBaseContext().isTransparent;
+    return (React.createElement(index_style_1.OptionsContainer, null,
+        React.createElement(index_style_1.UnOrderedList, null,
+            React.createElement(index_style_1.ListItem, { key: "menu" },
+                React.createElement(index_style_1.LinkOption, { onClick: function () {
+                        handleClick();
+                        Analytics_1.analytics({ event_name: 'click', label: 'Menu' });
+                    }, isTransparent: isTransparent, "aria-label": "Mega menu" },
+                    React.createElement(index_style_1.BarWrapper, null,
+                        React.createElement(index_style_1.Label, { size: "xs" }, "Menu"),
+                        React.createElement(index_style_1.ExpandMoreWrapper, { isSelected: isMenuOpen, isTransparent: isTransparent })),
+                    React.createElement(index_style_1.Bar, { isSelected: isMenuOpen, isTransparent: isTransparent })))),
+        isMenuOpen && (React.createElement(index_style_1.DisplayPanel, null, menuData_1.MEGA_MENU_OPTIONS.map(function (menu) { return (React.createElement(index_style_1.UnitWrapper, { size: 1 / menuData_1.MEGA_MENU_OPTIONS.length, key: menu.label },
+            React.createElement(index_style_1.MenuWrapper, null,
+                React.createElement("div", null,
+                    React.createElement(index_style_1.HeadingLink, { href: "" + (menu.link || '') + params, "aria-label": menu.label, onClick: function () { return Analytics_1.analytics({ event_name: 'click', label: menu.label }); } },
+                        React.createElement(typography_1.Heading, { size: "md", color: "secondary.500", mr: "xxs" }, menu.label),
+                        React.createElement(icon_1.KeyboardArrowRight, { color: "secondary.500" })),
+                    menu.label === 'Home loans' && (React.createElement(index_style_1.SEMPanelButton, { size: "xs", variant: isAuthenticated ? 'emphasis' : 'primary', href: isAuthenticated ? continueURL : constants_1.SIGN_IN_LINK, "aria-label": isAuthenticated ? constants_1.CONTINUE : constants_1.SIGN_IN_CONTINUE, onClick: function () {
+                            return Analytics_1.analytics({ event_name: 'click', label: isAuthenticated ? constants_1.CONTINUE : constants_1.SIGN_IN_CONTINUE });
+                        } }, isAuthenticated ? constants_1.CONTINUE : constants_1.SIGN_IN_CONTINUE))),
+                React.createElement(index_style_1.SEMLinksGroup, null, menu.children.map(function (child) { return (React.createElement(index_style_1.SEMLinkItem, { key: child.label },
+                    React.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: 'click', label: child.label }); } }, child.label))); }))))); })))));
+};
+exports.default = MegaMenu;
+//# sourceMappingURL=index.js.map

package/dist/cjs/MegaNavbar/components/MegaMenu/index.js.map

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

package/dist/cjs/MegaNavbar/components/MegaMenu/index.style.js

@@ -0,0 +1,61 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var styled_components_1 = require("styled-components");
+var typography_1 = require("@lendi-ui/typography");
+var breakpoint_1 = require("@lendi-ui/breakpoint");
+var icon_1 = require("@lendi-ui/icon");
+var color_1 = require("@lendi-ui/color");
+var button_1 = require("@lendi-ui/button");
+var grid_1 = require("@lendi-ui/grid");
+var spacing_1 = require("@lendi-ui/spacing");
+var depth_1 = require("@lendi-ui/depth");
+var theme_1 = require("@lendi-ui/theme");
+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'));
+exports.PanelButton = styled_components_1.default(button_1.Button)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), spacing_1.ml('sm'));
+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'));
+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'));
+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'));
+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'));
+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'));
+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) {
+    var isSelected = _a.isSelected;
+    return (isSelected ? 'calc(100% - 16px)' : '0');
+}, function (_a) {
+    var isTransparent = _a.isTransparent;
+    return isTransparent
+        ? 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'));
+});
+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'));
+exports.ListItem = styled_components_1.default.li(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  list-style-type: none;\n"], ["\n  list-style-type: none;\n"])));
+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) {
+    var isTransparent = _a.isTransparent;
+    return isTransparent
+        ? 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'));
+});
+exports.ExpandMoreWrapper = styled_components_1.default(icon_1.ExpandMore)(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) {
+    var isSelected = _a.isSelected;
+    return (isSelected ? 'rotate(180deg)' : undefined);
+}, function (_a) {
+    var isTransparent = _a.isTransparent;
+    return isTransparent
+        ? 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'));
+});
+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"])));
+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"])));
+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  "]))));
+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'));
+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"])));
+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'));
+exports.SEMLinkItem = styled_components_1.default.li(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n  ", " ", "\n"], ["\n  ", " ", "\n"])), spacing_1.py('xxs'), spacing_1.pr('xs'));
+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'));
+exports.SEMPanelButton = styled_components_1.default(button_1.Button)(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), spacing_1.my('xxxs'));
+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;
+//# sourceMappingURL=index.style.js.map

package/dist/cjs/MegaNavbar/components/MegaMenu/index.style.js.map

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

package/dist/cjs/MegaNavbar/index.js

@@ -0,0 +1,90 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var breakpoint_1 = require("@lendi-ui/breakpoint");
+var navbar_base_1 = require("@lendi-ui/navbar-base");
+var overlay_1 = require("@lendi-ui/overlay");
+var React = require("react");
+var styled_components_1 = require("styled-components");
+var menuData_1 = require("../shared/assets/menuData");
+var CTA_1 = require("../shared/components/CTA");
+var HamBurgerMenu_1 = require("../shared/components/HamBurgerMenu");
+var LeftSidabar_1 = require("../shared/components/LeftSidabar");
+var Logo_1 = require("../shared/components/Logo");
+var RightSidebar_1 = require("../shared/components/RightSidebar");
+var styles_1 = require("../shared/styles");
+var MegaMenu_1 = require("./components/MegaMenu");
+var comm_panel_1 = require("@lendi/comm-panel");
+var transition_1 = require("@lendi-ui/transition");
+var comm_panel_2 = require("@lendi/comm-panel");
+var breakpoint_2 = require("@lendi-ui/breakpoint");
+var lala_react_1 = require("@lendi/lala-react");
+var useBroker_1 = require("../shared/hooks/useBroker");
+exports.MegaNavbar = function (_a) {
+    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, _f = _a.onChat, onChat = _f === void 0 ? function () { } : _f, application = _a.application, showContinueAction = _a.showContinueAction, otherProps = __rest(_a, ["useTransparent", "homeURL", "params", "continueURL", "onLogout", "onChat", "application", "showContinueAction"]);
+    var _g = React.useState(false), isMenuOpen = _g[0], setIsMenuOpen = _g[1];
+    var _h = React.useState(false), leftSidebarState = _h[0], setLeftSidebarState = _h[1];
+    var _j = React.useState(false), rightSidebarState = _j[0], setRightSidebarState = _j[1];
+    var _k = React.useState(false), showCommPanel = _k[0], setShowCommPanel = _k[1]; // example for comm -panel
+    var _l = React.useState(false), unReadMesage = _l[0], setUnReadMessage = _l[1];
+    var _m = React.useState(), breakpoint = _m[0], setBreakpoint = _m[1];
+    breakpoint_2.useBreakpoint(setBreakpoint);
+    var session = lala_react_1.useSession();
+    var isAuthenticated = session.status === lala_react_1.Status.Authenticated;
+    var broker = useBroker_1.useBroker(session);
+    var handleClick = function () {
+        setIsMenuOpen(true);
+    };
+    var applicationId = undefined; // TODO: This will come in handy in Dashboard
+    return (React.createElement(comm_panel_2.ChatUserStatusContext.Provider, { value: {
+            setHasUnReadMessage: function (hasUnreadMessages) {
+                setUnReadMessage(hasUnreadMessages);
+            },
+        } },
+        React.createElement(React.Fragment, null,
+            React.createElement(exports.OverlayWrapper, { isVisible: isMenuOpen, zIndex: 1, onHide: function () { return setIsMenuOpen(false); } }),
+            React.createElement(styles_1.NavbarWrapper, __assign({ isTransparent: useTransparent, isAuthenticated: isAuthenticated }, otherProps),
+                React.createElement(navbar_base_1.default.Left, null,
+                    React.createElement(styles_1.Container, null,
+                        React.createElement(styles_1.MenuLogoWrapper, null,
+                            React.createElement(HamBurgerMenu_1.default, { toggleSidebar: function (toggle) { return setLeftSidebarState(toggle); }, leftSidebarState: leftSidebarState }),
+                            React.createElement(Logo_1.default, { homeURL: homeURL, params: params })),
+                        React.createElement(MegaMenu_1.default, { isAuthenticated: isAuthenticated, continueURL: continueURL, params: params, handleClick: handleClick, isMenuOpen: isMenuOpen }))),
+                React.createElement(navbar_base_1.default.Right, null,
+                    React.createElement(CTA_1.default, { isAuthenticated: isAuthenticated, continueURL: continueURL, onLogout: function () {
+                            session.logout();
+                            onLogout();
+                        }, openRightSidebar: function () { return setRightSidebarState(true); }, showContinueAction: showContinueAction, openCommPanel: function () { return setShowCommPanel(!showCommPanel); }, showChat: !!broker, broker: broker, hasUnreadMessages: unReadMesage }))),
+            broker && broker ? (React.createElement(transition_1.default, { isActive: showCommPanel, timeout: 250 }, function (state) { return (React.createElement(styles_1.CommPanelWrapper, { transition: state, toTheTop: breakpoint === 'mobile' },
+                React.createElement(comm_panel_1.CustomerCommPanel, { broker: broker, isCommPanelOpen: showCommPanel, applicationId: applicationId, onCloseCommPanel: function () { return setShowCommPanel(!showCommPanel); } }))); })) : (React.createElement(RightSidebar_1.default, { openSidebar: rightSidebarState, closeSidebar: function () { return setRightSidebarState(false); }, broker: broker, application: application, onChat: onChat, params: params })),
+            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 }))));
+};
+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    "]))));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/MultiNavbar/components/MultiOptions/index.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var icon_1 = require("@lendi-ui/icon");
+var navbar_base_1 = require("@lendi-ui/navbar-base");
+var typography_1 = require("@lendi-ui/typography");
+var React = require("react");
+var menuData_1 = require("../../../shared/assets/menuData");
+var constants_1 = require("../../../shared/constants");
+var Analytics_1 = require("../../../utils/Analytics");
+var index_style_1 = require("./index.style");
+var prevSelected = '';
+var MenuOptions = function (props) {
+    var isTransparent = navbar_base_1.useNavbarBaseContext().isTransparent;
+    var isAuthenticated = props.isAuthenticated, params = props.params, continueURL = props.continueURL;
+    var _a = React.useState(''), currentSelected = _a[0], setCurrentSelected = _a[1];
+    var displayPanel = React.useRef(null);
+    var selectedItem = menuData_1.MULTI_MENU_OPTIONS.find(function (menuItem) { return menuItem.label === currentSelected; });
+    React.useEffect(function () {
+        window.addEventListener('mousedown', closeDisplayPanel);
+        return function () {
+            window.removeEventListener('mousedown', closeDisplayPanel);
+        };
+    });
+    var closeDisplayPanel = function (e) {
+        prevSelected = currentSelected;
+        if (displayPanel && displayPanel.current && !displayPanel.current.contains(e.target)) {
+            setCurrentSelected('');
+        }
+    };
+    return (React.createElement(index_style_1.OptionsContainer, null,
+        React.createElement(index_style_1.UnOrderedList, null,
+            menuData_1.MULTI_MENU_OPTIONS.map(function (_a) {
+                var label = _a.label, children = _a.children;
+                return (React.createElement(index_style_1.ListItem, { key: label },
+                    React.createElement(index_style_1.LinkOption, { onClick: function () {
+                            onClickOption(label, setCurrentSelected);
+                            Analytics_1.analytics({ event_name: 'click', label: label });
+                        }, isTransparent: isTransparent },
+                        React.createElement(index_style_1.BarWrapper, null,
+                            React.createElement(index_style_1.Label, { size: "xs" }, label),
+                            children && (React.createElement(index_style_1.ExpandMoreWrapper, { isSelected: currentSelected === label, isTransparent: isTransparent }))),
+                        children && React.createElement(index_style_1.Bar, { isSelected: currentSelected === label, isTransparent: isTransparent }))));
+            }),
+            currentSelected && (React.createElement(index_style_1.DisplayPanel, { ref: displayPanel },
+                React.createElement(index_style_1.HeadingWrapper, null,
+                    React.createElement(index_style_1.HeadingLink, { href: "" + (selectedItem.link || '') + params, onClick: function () { return Analytics_1.analytics({ event_name: 'click', label: currentSelected }); } },
+                        React.createElement(typography_1.Heading, { size: "md", color: "secondary.500", mr: "xxs" }, currentSelected),
+                        React.createElement(icon_1.KeyboardArrowRight, { color: "secondary.500" })),
+                    currentSelected === 'Home loans' && (React.createElement(index_style_1.PanelButton, { size: "xs", variant: isAuthenticated ? 'emphasis' : 'primary', href: isAuthenticated ? continueURL : constants_1.SIGN_IN_LINK, onClick: function () {
+                            return Analytics_1.analytics({ event_name: 'click', label: isAuthenticated ? constants_1.CONTINUE : constants_1.SIGN_IN_CONTINUE });
+                        } }, isAuthenticated ? constants_1.CONTINUE : constants_1.SIGN_IN_CONTINUE))),
+                React.createElement(index_style_1.LinksGroup, null, selectedItem.children.map(function (child) { return (React.createElement(index_style_1.LinkItem, { key: child.label },
+                    React.createElement(index_style_1.PanelLink, { size: "sm", color: "shade.700", href: "" + child.link + params, onClick: function () { return Analytics_1.analytics({ event_name: 'click', label: child.label }); } }, child.label))); })))))));
+};
+var onClickOption = function (label, setCurrentSelected) {
+    if (prevSelected === label) {
+        setCurrentSelected('');
+    }
+    else {
+        setCurrentSelected(label);
+    }
+};
+exports.default = MenuOptions;
+//# sourceMappingURL=index.js.map

package/dist/cjs/MultiNavbar/components/MultiOptions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/MultiNavbar/components/MultiOptions/index.tsx"],"names":[],"mappings":";;AAAA,uCAAoD;AACpD,qDAA6D;AAC7D,mDAA+C;AAC/C,6BAA+B;AAC/B,4DAA+E;AAC/E,uDAAqF;AACrF,sDAAqD;AACrD,6CAgBuB;AAEvB,IAAI,YAAY,GAAW,EAAE,CAAC;AAQ9B,IAAM,WAAW,GAAG,UAAC,KAAuB;IAClC,IAAA,kEAAa,CAA4B;IACzC,IAAA,uCAAe,EAAE,qBAAM,EAAE,+BAAW,CAAW;IACjD,IAAA,uBAAkE,EAAjE,uBAAe,EAAE,0BAAgD,CAAC;IACzE,IAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,IAAM,YAAY,GAAG,6BAAkB,CAAC,IAAI,CAAC,UAAC,QAAQ,IAAK,OAAA,QAAQ,CAAC,KAAK,KAAK,eAAe,EAAlC,CAAkC,CAAE,CAAC;IAEhG,KAAK,CAAC,SAAS,CAAC;QACd,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC;QACxD,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC;QAC7D,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,IAAM,iBAAiB,GAAG,UAAC,CAAa;QACtC,YAAY,GAAG,eAAe,CAAC;QAC/B,IAAI,YAAY,IAAI,YAAY,CAAC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAqB,CAAC,EAAE;YACnG,kBAAkB,CAAC,EAAE,CAAC,CAAC;SACxB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,8BAAgB;QACf,oBAAC,2BAAa;YACX,6BAAkB,CAAC,GAAG,CAAC,UAAC,EAA6B;oBAA3B,gBAAK,EAAE,sBAAQ;gBAAiB,OAAA,CACzD,oBAAC,sBAAQ,IAAC,GAAG,EAAE,KAAK;oBAClB,oBAAC,wBAAU,IACT,OAAO,EAAE;4BACP,aAAa,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC;4BACzC,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;wBAC5C,CAAC,EACD,aAAa,EAAE,aAAa;wBAE5B,oBAAC,wBAAU;4BACT,oBAAC,mBAAK,IAAC,IAAI,EAAC,IAAI,IAAE,KAAK,CAAS;4BAC/B,QAAS,IAAI,CACZ,oBAAC,+BAAiB,IAAC,UAAU,EAAE,eAAe,KAAK,KAAK,EAAE,aAAa,EAAE,aAAa,GAAI,CAC3F,CACU;wBACZ,QAAS,IAAI,oBAAC,iBAAG,IAAC,UAAU,EAAE,eAAe,KAAK,KAAK,EAAE,aAAa,EAAE,aAAa,GAAI,CAC/E,CACJ,CACZ;YAlB0D,CAkB1D,CAAC;YACD,eAAe,IAAI,CAClB,oBAAC,0BAAY,IAAC,GAAG,EAAE,YAAY;gBAC7B,oBAAC,4BAAc;oBACb,oBAAC,yBAAW,IACV,IAAI,EAAE,MAAG,YAAY,CAAC,IAAI,IAAI,EAAE,IAAG,MAAQ,EAC3C,OAAO,EAAE,cAAM,OAAA,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,CAAC,EAA1D,CAA0D;wBAEzE,oBAAC,oBAAO,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,eAAe,EAAC,EAAE,EAAC,KAAK,IAC9C,eAAe,CACR;wBACV,oBAAC,yBAAkB,IAAC,KAAK,EAAC,eAAe,GAAG,CAChC;oBAEb,eAAe,KAAK,YAAY,IAAI,CACnC,oBAAC,yBAAW,IACV,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EACjD,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,wBAAY,EAClD,OAAO,EAAE;4BACP,OAAA,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,oBAAQ,CAAC,CAAC,CAAC,4BAAgB,EAAE,CAAC;wBAAxF,CAAwF,IAGzF,eAAe,CAAC,CAAC,CAAC,oBAAQ,CAAC,CAAC,CAAC,4BAAgB,CAClC,CACf,CACc;gBAEjB,oBAAC,wBAAU,QACR,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CACpC,oBAAC,sBAAQ,IAAC,GAAG,EAAE,KAAK,CAAC,KAAK;oBACxB,oBAAC,uBAAS,IACR,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,KAAG,KAAK,CAAC,IAAI,GAAG,MAAQ,EAC9B,OAAO,EAAE,cAAM,OAAA,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,EAAtD,CAAsD,IAEpE,KAAK,CAAC,KAAK,CACF,CACH,CACZ,EAXqC,CAWrC,CAAC,CACS,CACA,CAChB,CACa,CACC,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,aAAa,GAAG,UAAC,KAAa,EAAE,kBAAyC;IAC7E,IAAI,YAAY,KAAK,KAAK,EAAE;QAC1B,kBAAkB,CAAC,EAAE,CAAC,CAAC;KACxB;SAAM;QACL,kBAAkB,CAAC,KAAK,CAAC,CAAC;KAC3B;AACH,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/dist/cjs/MultiNavbar/components/MultiOptions/index.style.js

@@ -0,0 +1,55 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var styled_components_1 = require("styled-components");
+var spacing_1 = require("@lendi-ui/spacing");
+var typography_1 = require("@lendi-ui/typography");
+var breakpoint_1 = require("@lendi-ui/breakpoint");
+var icon_1 = require("@lendi-ui/icon");
+var color_1 = require("@lendi-ui/color");
+var button_1 = require("@lendi-ui/button");
+var grid_1 = require("@lendi-ui/grid");
+var depth_1 = require("@lendi-ui/depth");
+var theme_1 = require("@lendi-ui/theme");
+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'));
+exports.PanelButton = styled_components_1.default(button_1.Button)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), spacing_1.ml('sm'));
+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'));
+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'));
+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'));
+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'));
+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'));
+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) {
+    var isSelected = _a.isSelected;
+    return (isSelected ? 'calc(100% - 16px)' : '0');
+}, function (_a) {
+    var isTransparent = _a.isTransparent;
+    return isTransparent
+        ? 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'));
+});
+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'));
+exports.ListItem = styled_components_1.default.li(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  list-style-type: none;\n"], ["\n  list-style-type: none;\n"])));
+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) {
+    var isTransparent = _a.isTransparent;
+    return isTransparent
+        ? 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'));
+});
+exports.ExpandMoreWrapper = styled_components_1.default(icon_1.ExpandMore)(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) {
+    var isSelected = _a.isSelected;
+    return (isSelected ? 'rotate(180deg)' : undefined);
+}, function (_a) {
+    var isTransparent = _a.isTransparent;
+    return isTransparent
+        ? 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'));
+});
+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"])));
+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"])));
+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"]))));
+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;
+//# sourceMappingURL=index.style.js.map

package/dist/cjs/MultiNavbar/components/MultiOptions/index.style.js.map

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

package/dist/cjs/MultiNavbar/index.js

@@ -0,0 +1,75 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var navbar_base_1 = require("@lendi-ui/navbar-base");
+var React = require("react");
+var menuData_1 = require("../shared/assets/menuData");
+var CTA_1 = require("../shared/components/CTA");
+var HamBurgerMenu_1 = require("../shared/components/HamBurgerMenu");
+var LeftSidabar_1 = require("../shared/components/LeftSidabar");
+var Logo_1 = require("../shared/components/Logo");
+var RightSidebar_1 = require("../shared/components/RightSidebar");
+var styles_1 = require("../shared/styles");
+var MultiOptions_1 = require("./components/MultiOptions/");
+var comm_panel_1 = require("@lendi/comm-panel");
+var transition_1 = require("@lendi-ui/transition");
+var comm_panel_2 = require("@lendi/comm-panel");
+var breakpoint_1 = require("@lendi-ui/breakpoint");
+var lala_react_1 = require("@lendi/lala-react");
+var useBroker_1 = require("../shared/hooks/useBroker");
+exports.MultiNavbar = function (_a) {
+    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, _f = _a.onChat, onChat = _f === void 0 ? function () { } : _f, application = _a.application, showContinueAction = _a.showContinueAction, otherProps = __rest(_a, ["useTransparent", "homeURL", "params", "continueURL", "onLogout", "onChat", "application", "showContinueAction"]);
+    var _g = React.useState(false), leftSidebarState = _g[0], setLeftSidebarState = _g[1];
+    var _h = React.useState(false), rightSidebarState = _h[0], setRightSidebarState = _h[1];
+    var _j = React.useState(false), showCommPanel = _j[0], setShowCommPanel = _j[1]; // example for comm -panel
+    var _k = React.useState(false), unReadMesage = _k[0], setUnReadMessage = _k[1];
+    var _l = React.useState(), breakpoint = _l[0], setBreakpoint = _l[1];
+    breakpoint_1.useBreakpoint(setBreakpoint);
+    var session = lala_react_1.useSession();
+    var isAuthenticated = session.status === lala_react_1.Status.Authenticated;
+    var broker = useBroker_1.useBroker(session);
+    var applicationId = undefined; // TODO: This will come in handy in Dashboard
+    return (React.createElement(comm_panel_2.ChatUserStatusContext.Provider, { value: {
+            setHasUnReadMessage: function (hasUnreadMessages) {
+                setUnReadMessage(hasUnreadMessages);
+            },
+        } },
+        React.createElement(React.Fragment, null,
+            React.createElement(styles_1.NavbarWrapper, __assign({ isTransparent: useTransparent, isAuthenticated: isAuthenticated }, otherProps),
+                React.createElement(navbar_base_1.default.Left, null,
+                    React.createElement(styles_1.Container, null,
+                        React.createElement(styles_1.MenuLogoWrapper, null,
+                            React.createElement(HamBurgerMenu_1.default, { toggleSidebar: function (toggle) { return setLeftSidebarState(toggle); }, leftSidebarState: leftSidebarState }),
+                            React.createElement(Logo_1.default, { homeURL: homeURL, params: params })),
+                        React.createElement(MultiOptions_1.default, { isAuthenticated: isAuthenticated, continueURL: continueURL, params: params }))),
+                React.createElement(navbar_base_1.default.Right, null,
+                    React.createElement(CTA_1.default, { isAuthenticated: isAuthenticated, continueURL: continueURL, onLogout: function () {
+                            session.logout();
+                            onLogout();
+                        }, openRightSidebar: function () { return setRightSidebarState(true); }, showContinueAction: showContinueAction, openCommPanel: function () { return setShowCommPanel(!showCommPanel); }, showChat: !!broker, broker: broker, hasUnreadMessages: unReadMesage }))),
+            broker && broker ? (React.createElement(transition_1.default, { isActive: showCommPanel, timeout: 250 }, function (state) { return (React.createElement(styles_1.CommPanelWrapper, { transition: state, toTheTop: breakpoint === 'mobile' },
+                React.createElement(comm_panel_1.CustomerCommPanel, { broker: broker, isCommPanelOpen: showCommPanel, applicationId: applicationId, onCloseCommPanel: function () { return setShowCommPanel(!showCommPanel); } }))); })) : (React.createElement(RightSidebar_1.default, { openSidebar: rightSidebarState, closeSidebar: function () { return setRightSidebarState(false); }, broker: broker, application: application, onChat: onChat, params: params })),
+            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 }))));
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,23 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = require("react");
+var DesktopAction_1 = require("../DesktopAction");
+var MobileAction_1 = require("../MobileAction");
+var CTAButtons = function (props) {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(DesktopAction_1.default, __assign({ hasUnreadMessages: props.hasUnreadMessages }, props)),
+        React.createElement(MobileAction_1.default, __assign({ hasUnreadMessages: props.hasUnreadMessages }, props))));
+};
+exports.default = CTAButtons;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/SimpleNavbar/components/CTA/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA+B;AAG/B,kDAAmD;AACnD,gDAAiD;AAMjD,IAAM,UAAU,GAAG,UAAC,KAA4B;IAC9C,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACb,oBAAC,uBAAmB,aAAC,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,IAAM,KAAK,EAAI;QAC9E,oBAAC,sBAAkB,aAAC,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,IAAM,KAAK,EAAI,CAC9D,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/dist/cjs/SimpleNavbar/components/CTA/index.style.js

@@ -0,0 +1,23 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var breakpoint_1 = require("@lendi-ui/breakpoint");
+var button_1 = require("@lendi-ui/button");
+var spacing_1 = require("@lendi-ui/spacing");
+var styled_components_1 = require("styled-components");
+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) {
+    var dashboardVariant = _a.dashboardVariant;
+    return dashboardVariant && styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      ", "\n    "], ["\n      ", "\n    "])), spacing_1.mr('nil'));
+}, 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) {
+    var continueExist = _a.continueExist;
+    return continueExist && styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      min-width: 180px;\n    "], ["\n      min-width: 180px;\n    "])));
+});
+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"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=index.style.js.map

package/dist/cjs/SimpleNavbar/components/CTA/index.style.js.map

@@ -0,0 +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"}

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = require("react");
+var index_style_1 = require("../../../shared/components/CTA/index.style");
+var constants_1 = require("../../../shared/constants");
+var Analytics_1 = require("../../../utils/Analytics");
+var index_style_2 = require("../CTA/index.style");
+var LogoutComponent_1 = require("../LogoutComponent");
+var theme_domain_1 = require("@lendi-ui/theme-domain");
+var styled_components_1 = require("styled-components");
+var RenderChatOrSideBar = function (_a) {
+    var showChat = _a.showChat, _b = _a.openCommPanel, openCommPanel = _b === void 0 ? function () { } : _b, broker = _a.broker, dashboardVariant = _a.dashboardVariant, openRightSidebar = _a.openRightSidebar, hasUnreadMessages = _a.hasUnreadMessages;
+    return (React.createElement(React.Fragment, null, showChat ? (React.createElement(React.Fragment, null, broker && broker.firstname && (React.createElement(index_style_2.TalkExpertAction, { dashboardVariant: dashboardVariant, size: "sm", variant: "secondary", onClick: function () {
+            openCommPanel();
+            Analytics_1.analytics({ event_name: 'click', label: "Talk to " + broker.firstname, category: 'chat' });
+        } }, hasUnreadMessages ? (React.createElement(React.Fragment, null,
+        React.createElement(index_style_1.UnreadMessageWrapper, { "data-testid": "customer-view-unread-icon", color: "primary.500", height: "2em", width: "2em" }),
+        constants_1.UNREAD_MESSAGE)) : ("Talk to " + broker.firstname))))) : (React.createElement(index_style_2.TalkExpertAction, { dashboardVariant: dashboardVariant, size: "sm", variant: "secondary", onClick: function () {
+            openRightSidebar();
+            Analytics_1.analytics({ event_name: 'click', label: constants_1.TALK_TO_EXPERT });
+        }, "aria-label": constants_1.TALK_TO_EXPERT }, constants_1.TALK_TO_EXPERT))));
+};
+var RenderDesktopAction = function (_a) {
+    var theme = _a.theme, 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, hasUnreadMessages = _a.hasUnreadMessages;
+    var needToContinue = function () { return isAuthenticated && showContinueAction; };
+    var path = (theme === null || theme === void 0 ? void 0 : theme.logo.logoName) === theme_domain_1.theme.logo.logoName ? '/loanfinder' : undefined;
+    return (React.createElement(index_style_1.DesktopActions, null,
+        dashboardVariant ? (React.createElement(index_style_2.TalkExpertAction, { dashboardVariant: dashboardVariant, size: "sm", variant: "secondary", onClick: function () {
+                openRightSidebar();
+                Analytics_1.analytics({ event_name: 'click', label: constants_1.BOOK_AN_APPOINTMENT });
+            }, "aria-label": constants_1.BOOK_AN_APPOINTMENT }, constants_1.BOOK_AN_APPOINTMENT)) : (React.createElement(React.Fragment, null,
+            showTalkToExpertCta && (React.createElement(RenderChatOrSideBar, { showChat: showChat, openCommPanel: openCommPanel, broker: broker, dashboardVariant: dashboardVariant, openRightSidebar: openRightSidebar, hasUnreadMessages: hasUnreadMessages })),
+            showBookanAppointmentCta && (React.createElement(index_style_1.SecondaryAction, { size: "sm", variant: needToContinue() ? 'emphasis' : 'primary', href: needToContinue() ? continueURL : "" + (path || '') + 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 : "" + (path || '') + constants_1.BOOK_APPOINTMENT_LINK }, needToContinue() ? constants_1.CONTINUE : constants_1.BOOK_AN_APPOINTMENT)))),
+        isAuthenticated && React.createElement(LogoutComponent_1.default, { onLogout: onLogout })));
+};
+exports.default = styled_components_1.withTheme(RenderDesktopAction);
+//# sourceMappingURL=index.js.map

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

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