@lendi/navbar 1.0.0

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# Changelog - @lendi/navbar
+
+## [1.0.0] - 2019-10-29 - [HUB-219](https://creditandfinance.atlassian.net/browse/HUB-219)
+
+### Created
+
+- create @lendi/navbar component

package/README.md

@@ -0,0 +1,19 @@
+# @lendi/navbar
+
+Lendi website Navbar component.
+
+## Installation
+
+```
+yarn add @lendi/navbar
+```
+
+```jsx
+import {SimpleNavbar, MultiNavbar, MegaNavbar} from '@lendi/navbar'
+
+<SimpleNavbar useTransparent={transparent} isAuthenticated={isAuthenticated} shouldTalkToExpert={talk2Expert} />
+
+<MultiNavbar useTransparent={transparent} isAuthenticated={isAuthenticated} />
+
+<MegaNavbar useTransparent={transparent} isAuthenticated={isAuthenticated} />
+```

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

@@ -0,0 +1,40 @@
+"use strict";
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+    result["default"] = mod;
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var menuData_1 = require("../../../shared/assets/menuData");
+var navbar_base_1 = require("@lendi-ui/navbar-base");
+var index_style_1 = require("./index.style");
+var icon_1 = require("@lendi-ui/icon");
+var index_style_2 = require("./index.style");
+var typography_1 = require("@lendi-ui/typography");
+var constants_1 = require("../../../shared/constants");
+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_2.OptionsContainer, null,
+        React.createElement(index_style_2.UnOrderedList, null,
+            React.createElement(index_style_2.ListItem, { key: "menu" },
+                React.createElement(index_style_2.LinkOption, { onClick: handleClick, isTransparent: isTransparent, "aria-label": "Mega menu" },
+                    React.createElement(index_style_2.BarWrapper, null,
+                        React.createElement(index_style_2.Label, { size: "xs" }, "Menu"),
+                        React.createElement(index_style_2.ExpandMoreWrapper, { isSelected: isMenuOpen, isTransparent: isTransparent })),
+                    React.createElement(index_style_2.Bar, { isSelected: isMenuOpen, isTransparent: isTransparent })))),
+        isMenuOpen && (React.createElement(index_style_2.DisplayPanel, null, menuData_1.MENU_OPTIONS.map(function (menu) { return (React.createElement(index_style_2.UnitWrapper, { size: 1 / menuData_1.MENU_OPTIONS.length, key: menu.label },
+            React.createElement(index_style_2.MenuWrapper, null,
+                React.createElement("div", null,
+                    React.createElement(index_style_2.HeadingLink, { href: "" + (menu.link || '') + params, "aria-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.SIGNUP_CONTINUE }, isAuthenticated ? constants_1.CONTINUE : constants_1.SIGNUP_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 }, 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":";;;;;;;;;AAAA,2CAA+B;AAC/B,4DAA4E;AAC5E,qDAA6D;AAC7D,6CAAyF;AACzF,uCAAoD;AAEpD,6CAauB;AACvB,mDAA+C;AAC/C,uDAAoF;AAUpF,IAAM,QAAQ,GAAG,UAAC,EAAgF;QAA9E,oCAAe,EAAE,kBAAM,EAAE,4BAAW,EAAE,4BAAW,EAAE,0BAAU;IACvE,IAAA,kEAAa,CAA4B;IAEjD,OAAO,CACL,oBAAC,8BAAgB;QACf,oBAAC,2BAAa;YACZ,oBAAC,sBAAQ,IAAC,GAAG,EAAC,MAAM;gBAClB,oBAAC,wBAAU,IAAC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,gBAAa,WAAW;oBACpF,oBAAC,wBAAU;wBACT,oBAAC,mBAAK,IAAC,IAAI,EAAC,IAAI,WAAa;wBAC7B,oBAAC,+BAAiB,IAAC,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,GAAI,CAChE;oBACb,oBAAC,iBAAG,IAAC,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,GAAI,CAClD,CACJ,CACG;QACf,UAAU,IAAI,CACb,oBAAC,0BAAY,QACV,uBAAY,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAC1B,oBAAC,yBAAW,IAAC,IAAI,EAAE,CAAC,GAAG,uBAAY,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK;YACzD,oBAAC,yBAAW;gBACV;oBACE,oBAAC,yBAAW,IAAC,IAAI,EAAE,MAAG,IAAI,CAAC,IAAI,IAAI,EAAE,IAAG,MAAQ,gBAAc,IAAI,CAAC,KAAK;wBACtE,oBAAC,oBAAO,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,eAAe,EAAC,EAAE,EAAC,KAAK,IAC9C,IAAI,CAAC,KAAK,CACH;wBACV,oBAAC,yBAAkB,IAAC,KAAK,EAAC,eAAe,GAAG,CAChC;oBACb,IAAI,CAAC,KAAK,KAAK,YAAY,IAAI,CAC9B,oBAAC,4BAAc,IACb,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,gBACtC,eAAe,CAAC,CAAC,CAAC,oBAAQ,CAAC,CAAC,CAAC,2BAAe,IAEvD,eAAe,CAAC,CAAC,CAAC,oBAAQ,CAAC,CAAC,CAAC,2BAAe,CAC9B,CAClB,CACG;gBACN,oBAAC,2BAAa,QACV,IAAI,CAAC,QAA0B,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CAC/C,oBAAC,yBAAW,IAAC,GAAG,EAAE,KAAK,CAAC,KAAK;oBAC3B,oBAAC,0BAAY,IACX,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,KAAG,KAAK,CAAC,IAAI,GAAG,MAAQ,gBAClB,KAAK,CAAC,KAAK,IAEtB,KAAK,CAAC,KAAK,CACC,CACH,CACf,EAXgD,CAWhD,CAAC,CACY,CACJ,CACF,CACf,EArC2B,CAqC3B,CAAC,CACW,CAChB,CACgB,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,72 @@
+"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 __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+    result["default"] = mod;
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var styled_components_1 = __importStar(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 = __importDefault(require("@lendi-ui/grid"));
+var spacing_1 = require("@lendi-ui/spacing");
+var grid_2 = 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_2.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_2.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":";;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,mDAAkD;AAClD,mDAA2C;AAC3C,uCAA4C;AAC5C,yCAAyC;AACzC,2CAA0C;AAC1C,wDAAkC;AAClC,6CAAyE;AACzE,uCAA4C;AAC5C,yCAAwC;AACxC,yCAAyC;AAU5B,QAAA,SAAS,GAAG,2BAAM,CAAC,iBAAI,CAAC,gMAAA,kHAO/B,EAAe,SAEpB,KAFK,UAAE,CAAC,WAAW,CAAC,EAEnB;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,eAAM,CAAC,+EAAA,MACrC,EAAQ,IACX,KADG,YAAE,CAAC,IAAI,CAAC,EACV;AAEW,QAAA,UAAU,GAAG,2BAAM,CAAC,EAAE,8HAAA,oCAE7B,EAAM,QACN,EAAQ,GAAI,EAAQ,MACvB,KAFG,WAAI,EAAE,EACN,WAAC,CAAC,KAAK,CAAC,EAAI,WAAC,CAAC,KAAK,CAAC,EACtB;AAES,QAAA,QAAQ,GAAG,2BAAM,CAAC,EAAE,kGAAA,QAC3B,EAAqB,QACrB,EAAS,GAAI,EAAQ,MACxB,KAFG,WAAI,CAAC,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EACrB,YAAE,CAAC,KAAK,CAAC,EAAI,YAAE,CAAC,IAAI,CAAC,EACvB;AAES,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,iJAAA,wEAIpC,EAAQ,IACX,KADG,YAAE,CAAC,IAAI,CAAC,EACV;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,iBAAI,CAAC,0OAAA,4JASjC,EAAmB,SAExB,KAFK,UAAE,CAAC,eAAe,CAAC,EAEvB;AAEW,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,6OAAA,2BAEhC,EAAa,oGAMb,EAAQ,2BACW,EAAsB,GAAI,EAAsB,KACxE,KARK,UAAE,CAAC,SAAS,CAAC,EAMb,aAAK,CAAC,CAAC,CAAC,EACW,cAAM,CAAC,cAAc,CAAC,EAAI,cAAM,CAAC,cAAc,CAAC,EACvE;AAEW,QAAA,GAAG,GAAG,2BAAM,CAAC,GAAG,2JAAoC,6BAEtD,EAA4D,iDAGnE;IAQD,IACF,KAZU,UAAC,EAAc;QAAZ,0BAAU;IAAO,OAAA,CAAC,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,GAAG,CAAC;AAAxC,CAAwC,EAGnE,UAAC,EAAiB;QAAf,gCAAa;IAChB,OAAO,aAAa;QAClB,CAAC,CAAC,uBAAG,+FAAA,cACC,EAAa,YAChB,KADG,UAAE,CAAC,SAAS,CAAC,EAEnB,CAAC,CAAC,uBAAG,gGAAA,cACC,EAAmB,aACtB,KADG,UAAE,CAAC,eAAe,CAAC,CACtB,CAAC;AACR,CAAC,EACD;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,EAAE,qOAAA,qJAOlC,EAAQ,GAAI,EAAQ,IACvB,KADG,WAAC,CAAC,KAAK,CAAC,EAAI,WAAC,CAAC,KAAK,CAAC,EACtB;AAEW,QAAA,QAAQ,GAAG,2BAAM,CAAC,EAAE,mGAAA,8BAEhC,KAAC;AAEW,QAAA,UAAU,GAAG,2BAAM,CAAC,iBAAI,CAAC,0PAAkB,+KAWpD;IAOK,IACR,KARG,UAAC,EAAiB;QAAf,gCAAa;IAChB,OAAA,aAAa;QACX,CAAC,CAAC,uBAAG,iGAAA,cACC,EAAa,YAChB,KADG,UAAE,CAAC,SAAS,CAAC,EAEnB,CAAC,CAAC,uBAAG,iGAAA,cACC,EAAmB,YACtB,KADG,UAAE,CAAC,eAAe,CAAC,CACtB;AANL,CAMK,EACP;AAEW,QAAA,iBAAiB,GAAG,2BAAM,CAAC,iBAAU,CAAC,gNAAoC,8EAMxE,EAA+D,qDAG1E;IAQD,IACF,KAZc,UAAC,EAAc;QAAZ,0BAAU;IAAO,OAAA,CAAC,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC;AAA3C,CAA2C,EAG1E,UAAC,EAAiB;QAAf,gCAAa;IAChB,OAAO,aAAa;QAClB,CAAC,CAAC,uBAAG,iGAAA,cACC,EAAa,YAChB,KADG,UAAE,CAAC,SAAS,CAAC,EAEnB,CAAC,CAAC,uBAAG,iGAAA,cACC,EAAmB,YACtB,KADG,UAAE,CAAC,eAAe,CAAC,CACtB,CAAC;AACR,CAAC,EACD;AAEW,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,0HAAA,qDAGnC,KAAC;AAEW,QAAA,KAAK,GAAG,2BAAM,CAAC,iBAAI,CAAC,0KAAA,qGAKhC,KAAC;AAEW,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,8MAAA,2HAMtC,EAAQ,MACR;IAED,IACF,KAJG,YAAE,CAAC,IAAI,CAAC,EACR,gBAAG,CAAC,SAAS,CAAC,+FAAA,0BAEf,MACD;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,cAAI,CAAC,IAAI,CAAC,2FAAA,MACxC,EAAQ,GAAI,EAAQ,GAAI,EAAQ,IACnC,KADG,YAAE,CAAC,IAAI,CAAC,EAAI,YAAE,CAAC,IAAI,CAAC,EAAI,YAAE,CAAC,IAAI,CAAC,EAClC;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,kJAAA,6EAIpC,KAAC;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,EAAE,gHAAA,gCAElC,EAAQ,GAAI,EAAQ,IACvB,KADG,WAAC,CAAC,KAAK,CAAC,EAAI,WAAC,CAAC,KAAK,CAAC,EACtB;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,EAAE,sFAAA,MAChC,EAAS,GAAI,EAAQ,IACxB,KADG,YAAE,CAAC,KAAK,CAAC,EAAI,YAAE,CAAC,IAAI,CAAC,EACvB;AAEW,QAAA,YAAY,GAAG,2BAAM,CAAC,iBAAI,CAAC,kMAAA,kHAOlC,EAAe,SAEpB,KAFK,UAAE,CAAC,WAAW,CAAC,EAEnB;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,eAAM,CAAC,iFAAA,MACxC,EAAU,IACb,KADG,YAAE,CAAC,MAAM,CAAC,EACZ"}

package/dist/cjs/MegaNavbar/index.js

@@ -0,0 +1,76 @@
+"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;
+};
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+    result["default"] = mod;
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var navbar_base_1 = __importDefault(require("@lendi-ui/navbar-base"));
+var MegaMenu_1 = __importDefault(require("./components/MegaMenu"));
+var styles_1 = require("../shared/styles");
+var styled_components_1 = __importDefault(require("styled-components"));
+var overlay_1 = __importDefault(require("@lendi-ui/overlay"));
+var breakpoint_1 = require("@lendi-ui/breakpoint");
+var CTA_1 = __importDefault(require("../shared/components/CTA"));
+var HamBurgerMenu_1 = __importDefault(require("../shared/components/HamBurgerMenu"));
+var Logo_1 = __importDefault(require("../shared/components/Logo"));
+var LeftSidabar_1 = __importDefault(require("../shared/components/LeftSidabar"));
+var RightSidebar_1 = __importDefault(require("../shared/components/RightSidebar"));
+exports.MegaNavbar = function (_a) {
+    var _b = _a.isAuthenticated, isAuthenticated = _b === void 0 ? false : _b, _c = _a.useTransparent, useTransparent = _c === void 0 ? false : _c, homeURL = _a.homeURL, _d = _a.params, params = _d === void 0 ? '' : _d, _e = _a.continueURL, continueURL = _e === void 0 ? '/' : _e, _f = _a.onLogout, onLogout = _f === void 0 ? function () { } : _f, _g = _a.onChat, onChat = _g === void 0 ? function () { } : _g, broker = _a.broker, application = _a.application, otherProps = __rest(_a, ["isAuthenticated", "useTransparent", "homeURL", "params", "continueURL", "onLogout", "onChat", "broker", "application"]);
+    var _h = React.useState(false), isMenuOpen = _h[0], setIsMenuOpen = _h[1];
+    var _j = React.useState(false), leftSidebarState = _j[0], setLeftSidebarState = _j[1];
+    var _k = React.useState(false), rightSidebarState = _k[0], setRightSidebarState = _k[1];
+    var handleClick = function () {
+        setIsMenuOpen(true);
+    };
+    return (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: onLogout, openRightSidebar: function () { return setRightSidebarState(true); } }))),
+        React.createElement(LeftSidabar_1.default, { openSidebar: leftSidebarState, closeSidebar: function () { return setLeftSidebarState(false); }, isAuthenticated: isAuthenticated, continueURL: continueURL, onLogout: onLogout }),
+        React.createElement(RightSidebar_1.default, { openSidebar: rightSidebarState, closeSidebar: function () { return setRightSidebarState(false); }, broker: broker, application: application, onChat: onChat, params: params })));
+};
+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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,sEAA+C;AAC/C,mEAA6C;AAC7C,2CAA6E;AAC7E,wEAAuC;AACvC,8DAAwC;AACxC,mDAA2C;AAC3C,iEAAkD;AAClD,qFAA+D;AAC/D,mEAAsD;AACtD,iFAA2D;AAC3D,mFAA6D;AAGhD,QAAA,UAAU,GAAG,UAAC,EAWT;IAVhB,IAAA,uBAAuB,EAAvB,4CAAuB,EACvB,sBAAsB,EAAtB,2CAAsB,EACtB,oBAAO,EACP,cAAW,EAAX,gCAAW,EACX,mBAAiB,EAAjB,sCAAiB,EACjB,gBAAmB,EAAnB,+CAAmB,EACnB,cAAiB,EAAjB,6CAAiB,EACjB,kBAAM,EACN,4BAAW,EACX,iJAAa;IAEP,IAAA,0BAA4D,EAA3D,kBAAU,EAAE,qBAA+C,CAAC;IAC7D,IAAA,0BAAwE,EAAvE,wBAAgB,EAAE,2BAAqD,CAAC;IACzE,IAAA,0BAA0E,EAAzE,yBAAiB,EAAE,4BAAsD,CAAC;IACjF,IAAM,WAAW,GAAG;QAClB,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;IACF,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACb,oBAAC,sBAAc,IAAC,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,cAAM,OAAA,aAAa,CAAC,KAAK,CAAC,EAApB,CAAoB,GAAI;QAExF,oBAAC,sBAAa,aAAC,aAAa,EAAE,cAAc,EAAE,eAAe,EAAE,eAAe,IAAM,UAAU;YAC5F,oBAAC,qBAAU,CAAC,IAAI;gBACd,oBAAC,kBAAS;oBACR,oBAAC,wBAAe;wBACd,oBAAC,uBAAa,IACZ,aAAa,EAAE,UAAC,MAAe,IAAK,OAAA,mBAAmB,CAAC,MAAM,CAAC,EAA3B,CAA2B,EAC/D,gBAAgB,EAAE,gBAAgB,GAClC;wBACF,oBAAC,cAAa,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,GAAI,CACnC;oBAClB,oBAAC,kBAAQ,IACP,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,GACtB,CACQ,CACI;YAClB,oBAAC,qBAAU,CAAC,KAAK;gBACf,oBAAC,aAAU,IACT,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,cAAM,OAAA,oBAAoB,CAAC,IAAI,CAAC,EAA1B,CAA0B,GAClD,CACe,CACL;QAChB,oBAAC,qBAAW,IACV,WAAW,EAAE,gBAAgB,EAC7B,YAAY,EAAE,cAAM,OAAA,mBAAmB,CAAC,KAAK,CAAC,EAA1B,CAA0B,EAC9C,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,GAClB;QACF,oBAAC,sBAAY,IACX,WAAW,EAAE,iBAAiB,EAC9B,YAAY,EAAE,cAAM,OAAA,oBAAoB,CAAC,KAAK,CAAC,EAA3B,CAA2B,EAC/C,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GACd,CACa,CAClB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,iBAAO,CAAC,iGAAA,wBAEzC;IAEC,IACJ,KAHG,gBAAG,CAAC,SAAS,CAAC,gGAAA,6BAEb,MACH"}

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

@@ -0,0 +1,68 @@
+"use strict";
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+    result["default"] = mod;
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var menuData_1 = require("../../../shared/assets/menuData");
+var icon_1 = require("@lendi-ui/icon");
+var navbar_base_1 = require("@lendi-ui/navbar-base");
+var constants_1 = require("../../../shared/constants");
+var typography_1 = require("@lendi-ui/typography");
+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();
+    var selectedItem = menuData_1.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,
+            React.createElement(index_style_1.ListItem, { key: "home" },
+                React.createElement(index_style_1.LinkOption, { href: "" + constants_1.HOME_PAGE_LINK + params, isTransparent: isTransparent },
+                    React.createElement(index_style_1.Label, { size: "xs", style: { paddingBottom: '2px' } }, "HOME"))),
+            menuData_1.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 () { return onClickOption(label, setCurrentSelected); }, 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 },
+                        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 }, isAuthenticated ? constants_1.CONTINUE : constants_1.SIGNUP_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 }, 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":"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"}

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

@@ -0,0 +1,62 @@
+"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 __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+    result["default"] = mod;
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var styled_components_1 = __importStar(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,61 @@
+"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;
+};
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+    result["default"] = mod;
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var navbar_base_1 = __importDefault(require("@lendi-ui/navbar-base"));
+var LeftSidabar_1 = __importDefault(require("../shared/components/LeftSidabar"));
+var CTA_1 = __importDefault(require("../shared/components/CTA"));
+var HamBurgerMenu_1 = __importDefault(require("../shared/components/HamBurgerMenu"));
+var MultiOptions_1 = __importDefault(require("./components/MultiOptions/"));
+var Logo_1 = __importDefault(require("../shared/components/Logo"));
+var styles_1 = require("../shared/styles");
+var RightSidebar_1 = __importDefault(require("../shared/components/RightSidebar"));
+exports.MultiNavbar = function (_a) {
+    var _b = _a.isAuthenticated, isAuthenticated = _b === void 0 ? false : _b, _c = _a.useTransparent, useTransparent = _c === void 0 ? false : _c, homeURL = _a.homeURL, _d = _a.params, params = _d === void 0 ? '' : _d, _e = _a.continueURL, continueURL = _e === void 0 ? '/' : _e, _f = _a.onLogout, onLogout = _f === void 0 ? function () { } : _f, _g = _a.onChat, onChat = _g === void 0 ? function () { } : _g, broker = _a.broker, application = _a.application, otherProps = __rest(_a, ["isAuthenticated", "useTransparent", "homeURL", "params", "continueURL", "onLogout", "onChat", "broker", "application"]);
+    var _h = React.useState(false), leftSidebarState = _h[0], setLeftSidebarState = _h[1];
+    var _j = React.useState(false), rightSidebarState = _j[0], setRightSidebarState = _j[1];
+    return (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: onLogout, openRightSidebar: function () { return setRightSidebarState(true); } }))),
+        React.createElement(LeftSidabar_1.default, { openSidebar: leftSidebarState, closeSidebar: function () { return setLeftSidebarState(false); }, isAuthenticated: isAuthenticated, continueURL: continueURL, onLogout: onLogout }),
+        React.createElement(RightSidebar_1.default, { openSidebar: rightSidebarState, closeSidebar: function () { return setRightSidebarState(false); }, broker: broker, application: application, onChat: onChat, params: params })));
+};
+//# 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,sEAA+C;AAC/C,iFAA2D;AAC3D,iEAAkD;AAClD,qFAA+D;AAC/D,4EAAqD;AACrD,mEAAsD;AACtD,2CAA6E;AAC7E,mFAA6D;AAGhD,QAAA,WAAW,GAAG,UAAC,EAWT;IAVjB,IAAA,uBAAuB,EAAvB,4CAAuB,EACvB,sBAAsB,EAAtB,2CAAsB,EACtB,oBAAO,EACP,cAAW,EAAX,gCAAW,EACX,mBAAiB,EAAjB,sCAAiB,EACjB,gBAAmB,EAAnB,+CAAmB,EACnB,cAAiB,EAAjB,6CAAiB,EACjB,kBAAM,EACN,4BAAW,EACX,iJAAa;IAEP,IAAA,0BAAwE,EAAvE,wBAAgB,EAAE,2BAAqD,CAAC;IACzE,IAAA,0BAA0E,EAAzE,yBAAiB,EAAE,4BAAsD,CAAC;IACjF,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACb,oBAAC,sBAAa,aAAC,aAAa,EAAE,cAAc,EAAE,eAAe,EAAE,eAAe,IAAM,UAAU;YAC5F,oBAAC,qBAAU,CAAC,IAAI;gBACd,oBAAC,kBAAS;oBACR,oBAAC,wBAAe;wBACd,oBAAC,uBAAa,IACZ,aAAa,EAAE,UAAC,MAAe,IAAK,OAAA,mBAAmB,CAAC,MAAM,CAAC,EAA3B,CAA2B,EAC/D,gBAAgB,EAAE,gBAAgB,GAClC;wBACF,oBAAC,cAAa,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,GAAI,CACnC;oBAClB,oBAAC,sBAAW,IAAC,eAAe,EAAE,eAAe,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,GAAI,CACjF,CACI;YAClB,oBAAC,qBAAU,CAAC,KAAK;gBACf,oBAAC,aAAU,IACT,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,cAAM,OAAA,oBAAoB,CAAC,IAAI,CAAC,EAA1B,CAA0B,GAClD,CACe,CACL;QAChB,oBAAC,qBAAW,IACV,WAAW,EAAE,gBAAgB,EAC7B,YAAY,EAAE,cAAM,OAAA,mBAAmB,CAAC,KAAK,CAAC,EAA1B,CAA0B,EAC9C,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,GAClB;QACF,oBAAC,sBAAY,IACX,WAAW,EAAE,iBAAiB,EAC9B,YAAY,EAAE,cAAM,OAAA,oBAAoB,CAAC,KAAK,CAAC,EAA3B,CAA2B,EAC/C,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GACd,CACa,CAClB,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,29 @@
+"use strict";
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+    result["default"] = mod;
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var navbar_base_1 = require("@lendi-ui/navbar-base");
+var index_style_1 = require("../../../shared/components/CTA/index.style");
+var button_1 = require("@lendi-ui/button");
+var constants_1 = require("../../../shared/constants");
+var index_style_2 = require("./index.style");
+var CTAButtons = function (_a) {
+    var isAuthenticated = _a.isAuthenticated, continueURL = _a.continueURL, openRightSidebar = _a.openRightSidebar, _b = _a.shouldTalkToExpert, shouldTalkToExpert = _b === void 0 ? true : _b;
+    var isTransparent = navbar_base_1.useNavbarBaseContext().isTransparent;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(React.Fragment, null,
+            React.createElement(index_style_1.DesktopActions, null,
+                shouldTalkToExpert && (React.createElement(index_style_2.TalkExpertAction, { size: "sm", variant: "secondary", onClick: openRightSidebar, "aria-label": constants_1.TALK_TO_EXPERT }, constants_1.TALK_TO_EXPERT)),
+                React.createElement(button_1.Button, { size: "sm", variant: isAuthenticated ? 'emphasis' : 'primary', href: isAuthenticated ? continueURL : constants_1.BOOK_APPOINTMENT_LINK, "aria-label": isAuthenticated ? continueURL : constants_1.BOOK_APPOINTMENT_LINK }, isAuthenticated ? constants_1.CONTINUE : constants_1.BOOK_AN_APPOINTMENT)),
+            React.createElement(index_style_1.MobileActions, null,
+                shouldTalkToExpert && (React.createElement(index_style_2.TalkExpertAction, { size: "sm", isInverse: isTransparent, className: "noHover", variant: "secondary", onClick: openRightSidebar, "aria-label": isAuthenticated ? constants_1.CONTACT_US : constants_1.TALK_TO_EXPERT }, isAuthenticated ? constants_1.CONTACT_US : constants_1.TALK_TO_EXPERT)),
+                isAuthenticated && (React.createElement(index_style_2.ContinueAction, { variant: "emphasis", href: continueURL, "aria-label": constants_1.CONTINUE, size: "sm" }, constants_1.CONTINUE))))));
+};
+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,2CAA+B;AAC/B,qDAA6D;AAC7D,0EAA2F;AAC3F,2CAA0C;AAC1C,uDAMmC;AAEnC,6CAAiE;AAEjE,IAAM,UAAU,GAAG,UAAC,EAAuF;QAArF,oCAAe,EAAE,4BAAW,EAAE,sCAAgB,EAAE,0BAAyB,EAAzB,8CAAyB;IACrF,IAAA,kEAAa,CAA4B;IACjD,OAAO,CACL;QACE,oBAAC,KAAK,CAAC,QAAQ;YACb,oBAAC,4BAAc;gBACZ,kBAAkB,IAAI,CACrB,oBAAC,8BAAgB,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,gBAAgB,gBAAc,0BAAc,IAClG,0BAAc,CACE,CACpB;gBACD,oBAAC,eAAM,IACL,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,iCAAqB,gBAC/C,eAAe,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,iCAAqB,IAEhE,eAAe,CAAC,CAAC,CAAC,oBAAQ,CAAC,CAAC,CAAC,+BAAmB,CAC1C,CACM;YACjB,oBAAC,2BAAa;gBACX,kBAAkB,IAAI,CACrB,oBAAC,8BAAgB,IACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,aAAa,EACxB,SAAS,EAAC,SAAS,EACnB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,gBAAgB,gBACb,eAAe,CAAC,CAAC,CAAC,sBAAU,CAAC,CAAC,CAAC,0BAAc,IAExD,eAAe,CAAC,CAAC,CAAC,sBAAU,CAAC,CAAC,CAAC,0BAAc,CAC7B,CACpB;gBACA,eAAe,IAAI,CAClB,oBAAC,4BAAc,IAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAE,WAAW,gBAAc,oBAAQ,EAAE,IAAI,EAAC,IAAI,IAClF,oBAAQ,CACM,CAClB,CACa,CACD,CAChB,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

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

@@ -0,0 +1,19 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var styled_components_1 = __importDefault(require("styled-components"));
+var breakpoint_1 = require("@lendi-ui/breakpoint");
+var spacing_1 = require("@lendi-ui/spacing");
+var button_1 = require("@lendi-ui/button");
+exports.TalkExpertAction = styled_components_1.default(button_1.Button)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  ", ";\n"], ["\n  ", "\n  ",
+    ";\n"])), spacing_1.mr('sm'), breakpoint_1.between('mobile', 'desktop')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    border: none;\n    ", "\n  "], ["\n    border: none;\n    ", "\n  "])), spacing_1.p('nil')));
+exports.ContinueAction = styled_components_1.default(button_1.Button)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), breakpoint_1.between('mobile', 'tablet')(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    width: 90px;\n    ", "\n  "], ["\n    width: 90px;\n    ", "\n  "])), spacing_1.p('nil')));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# 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,wEAAuC;AACvC,mDAA+C;AAC/C,6CAA0C;AAC1C,2CAA0C;AAE7B,QAAA,gBAAgB,GAAG,2BAAM,CAAC,eAAM,CAAC,wFAAA,MAC1C,EAAQ,MACR;IAGD,KACF,KALG,YAAE,CAAC,IAAI,CAAC,EACR,oBAAO,CAAC,QAAQ,EAAE,SAAS,CAAC,sGAAA,2BAE1B,EAAQ,MACX,KADG,WAAC,CAAC,KAAK,CAAC,GAEZ;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,eAAM,CAAC,+EAAA,MACxC;IAGD,IACF,KAJG,oBAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,qGAAA,0BAEzB,EAAQ,MACX,KADG,WAAC,CAAC,KAAK,CAAC,GAEZ"}

package/dist/cjs/SimpleNavbar/index.js

@@ -0,0 +1,54 @@
+"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;
+};
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+    result["default"] = mod;
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var CTA_1 = __importDefault(require("./components/CTA"));
+var navbar_base_1 = __importDefault(require("@lendi-ui/navbar-base"));
+var styles_1 = require("../shared/styles");
+var Logo_1 = __importDefault(require("../shared/components/Logo"));
+var RightSidebar_1 = __importDefault(require("../shared/components/RightSidebar"));
+exports.SimpleNavbar = function (_a) {
+    var _b = _a.isAuthenticated, isAuthenticated = _b === void 0 ? false : _b, _c = _a.useTransparent, useTransparent = _c === void 0 ? false : _c, _d = _a.homeURL, homeURL = _d === void 0 ? '/' : _d, // default to homepage
+    _e = _a.params, // default to homepage
+    params = _e === void 0 ? '' : _e, _f = _a.continueURL, continueURL = _f === void 0 ? '/' : _f, _g = _a.onChat, onChat = _g === void 0 ? function () { } : _g, broker = _a.broker, application = _a.application, shouldTalkToExpert = _a.shouldTalkToExpert, otherProps = __rest(_a, ["isAuthenticated", "useTransparent", "homeURL", "params", "continueURL", "onChat", "broker", "application", "shouldTalkToExpert"]);
+    var _h = React.useState(false), rightSidebarState = _h[0], setRightSidebarState = _h[1];
+    return (React.createElement(React.Fragment, null,
+        React.createElement(styles_1.NavbarWrapper, __assign({ isTransparent: useTransparent }, otherProps),
+            React.createElement(navbar_base_1.default.Left, null,
+                React.createElement(Logo_1.default, { homeURL: homeURL, params: params, "aria-label": "Lendi Logo", hasHamburgerMenu: false })),
+            React.createElement(navbar_base_1.default.Right, null,
+                React.createElement(CTA_1.default, { isAuthenticated: isAuthenticated, continueURL: continueURL, openRightSidebar: function () { return setRightSidebarState(true); }, shouldTalkToExpert: shouldTalkToExpert }))),
+        React.createElement(RightSidebar_1.default, { openSidebar: rightSidebarState, closeSidebar: function () { return setRightSidebarState(false); }, broker: broker, application: application, onChat: onChat, params: params })));
+};
+//# sourceMappingURL=index.js.map