@lendi/navbar 1.4.0 → 4.0.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Changelog - @lendi/navbar
 
+## 4.0.0
+- [major] be0129e:
+
+  - update broker type with auth me api return type
+
+## 3.0.0
+- [major] 4575714:
+
+  - update navbar with get broker object from calling auth me api
+
+## 2.0.0
+- [major] 6135068:
+
+  - Update simple navbar with comm panel with chat
+
 ## 1.4.0
 - [minor] 3c02273:
 

package/dist/cjs/MegaNavbar/index.js

@@ -14,6 +14,42 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 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)
@@ -39,11 +75,81 @@ 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 sentry_1 = require("../shared/utils/sentry");
+var getChatChannel_1 = require("../shared/utils/getChatChannel");
+var getBroker_1 = require("../shared/utils/getBroker");
+var lala_react_1 = require("@lendi/lala-react");
 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, showContinueAction = _a.showContinueAction, otherProps = __rest(_a, ["isAuthenticated", "useTransparent", "homeURL", "params", "continueURL", "onLogout", "onChat", "broker", "application", "showContinueAction"]);
+    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, application = _a.application, showContinueAction = _a.showContinueAction, otherProps = __rest(_a, ["isAuthenticated", "useTransparent", "homeURL", "params", "continueURL", "onLogout", "onChat", "application", "showContinueAction"]);
     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 _l = React.useState(false), showCommPanel = _l[0], setShowCommPanel = _l[1]; // example for comm -panel
+    var _m = React.useState(null), channelId = _m[0], setChannelId = _m[1];
+    var _o = React.useState(false), showChat = _o[0], setShowChat = _o[1];
+    var _p = React.useState(), broker = _p[0], setBroker = _p[1];
+    var token = lala_react_1.useSession().token;
+    React.useEffect(function () {
+        var getBrokerInfo = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var brokerInfo, err_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, getBroker_1.getBroker()];
+                    case 1:
+                        brokerInfo = _a.sent();
+                        setBroker(brokerInfo);
+                        return [3 /*break*/, 3];
+                    case 2:
+                        err_1 = _a.sent();
+                        sentry_1.NavbarSentry.captureException(new Error((err_1 && err_1.message) || 'An unknown error occurred'), 'lendi-multi-navbar');
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); };
+        getBrokerInfo();
+    }, []);
+    React.useEffect(function () {
+        sentry_1.NavbarSentry.configureUserContext({ identity: 'unknown' });
+        var getChatReady = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var channelId_1, err_2;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!token) return [3 /*break*/, 5];
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, getChatChannel_1.getChatChannel(token)];
+                    case 2:
+                        channelId_1 = _a.sent();
+                        setChannelId(channelId_1);
+                        if (channelId_1 !== null) {
+                            setShowChat(true);
+                        }
+                        return [3 /*break*/, 4];
+                    case 3:
+                        err_2 = _a.sent();
+                        sentry_1.NavbarSentry.captureException(new Error((err_2 && err_2.message) || 'An unknown error occurred'), 'lendi-mega-navbar');
+                        setChannelId(null); // if error - disable the chat
+                        setShowChat(false);
+                        return [3 /*break*/, 4];
+                    case 4: return [3 /*break*/, 6];
+                    case 5:
+                        sentry_1.NavbarSentry.captureException(new Error('Token is not found in the session'), 'lendi-mega-navbar');
+                        setChannelId(null); // if error - disable the chat
+                        setShowChat(false);
+                        _a.label = 6;
+                    case 6: return [2 /*return*/];
+                }
+            });
+        }); };
+        getChatReady();
+    }, []);
     var handleClick = function () {
         setIsMenuOpen(true);
     };
@@ -57,9 +163,10 @@ exports.MegaNavbar = function (_a) {
                         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); }, showContinueAction: showContinueAction }))),
-        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 }),
-        React.createElement(RightSidebar_1.default, { openSidebar: rightSidebarState, closeSidebar: function () { return setRightSidebarState(false); }, broker: broker, application: application, onChat: onChat, params: params })));
+                React.createElement(CTA_1.default, { isAuthenticated: isAuthenticated, continueURL: continueURL, onLogout: onLogout, openRightSidebar: function () { return setRightSidebarState(true); }, showContinueAction: showContinueAction, openCommPanel: function () { return setShowCommPanel(!showCommPanel); }, showChat: showChat, broker: broker }))),
+        showChat ? (React.createElement(transition_1.default, { isActive: showCommPanel, timeout: 250 }, function (state) { return (React.createElement(styles_1.CommPanelWrapper, { transition: state },
+            React.createElement(comm_panel_1.CustomerCommPanel, { broker: broker, channelID: channelId }))); })) : (React.createElement(RightSidebar_1.default, { openSidebar: rightSidebarState, closeSidebar: function () { return setRightSidebarState(false); }, broker: broker, application: application, onChat: onChat, params: params })),
+        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    "]))));

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

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

package/dist/cjs/MultiNavbar/index.js

@@ -10,6 +10,42 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 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)
@@ -32,10 +68,80 @@ 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 sentry_1 = require("../shared/utils/sentry");
+var getChatChannel_1 = require("../shared/utils/getChatChannel");
+var getBroker_1 = require("../shared/utils/getBroker");
+var lala_react_1 = require("@lendi/lala-react");
 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, showContinueAction = _a.showContinueAction, otherProps = __rest(_a, ["isAuthenticated", "useTransparent", "homeURL", "params", "continueURL", "onLogout", "onChat", "broker", "application", "showContinueAction"]);
+    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, application = _a.application, showContinueAction = _a.showContinueAction, otherProps = __rest(_a, ["isAuthenticated", "useTransparent", "homeURL", "params", "continueURL", "onLogout", "onChat", "application", "showContinueAction"]);
     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(null), channelId = _l[0], setChannelId = _l[1];
+    var _m = React.useState(false), showChat = _m[0], setShowChat = _m[1];
+    var _o = React.useState(), broker = _o[0], setBroker = _o[1];
+    var token = lala_react_1.useSession().token;
+    React.useEffect(function () {
+        var getBrokerInfo = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var brokerInfo, err_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, getBroker_1.getBroker()];
+                    case 1:
+                        brokerInfo = _a.sent();
+                        setBroker(brokerInfo);
+                        return [3 /*break*/, 3];
+                    case 2:
+                        err_1 = _a.sent();
+                        sentry_1.NavbarSentry.captureException(new Error((err_1 && err_1.message) || 'An unknown error occurred'), 'lendi-multi-navbar');
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); };
+        getBrokerInfo();
+    }, []);
+    React.useEffect(function () {
+        sentry_1.NavbarSentry.configureUserContext({ identity: 'unknown' });
+        var getChatReady = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var channelId_1, err_2;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!token) return [3 /*break*/, 5];
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, getChatChannel_1.getChatChannel(token)];
+                    case 2:
+                        channelId_1 = _a.sent();
+                        setChannelId(channelId_1);
+                        if (channelId_1 !== null) {
+                            setShowChat(true);
+                        }
+                        return [3 /*break*/, 4];
+                    case 3:
+                        err_2 = _a.sent();
+                        sentry_1.NavbarSentry.captureException(new Error((err_2 && err_2.message) || 'An unknown error occurred'), 'lendi-multi-navbar');
+                        setChannelId(null); // if error - disable the chat
+                        setShowChat(false);
+                        return [3 /*break*/, 4];
+                    case 4: return [3 /*break*/, 6];
+                    case 5:
+                        sentry_1.NavbarSentry.captureException(new Error('Token is not found in the session'), 'lendi-multi-navbar');
+                        setChannelId(null); // if error - disable the chat
+                        setShowChat(false);
+                        _a.label = 6;
+                    case 6: return [2 /*return*/];
+                }
+            });
+        }); };
+        getChatReady();
+    }, []);
     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,
@@ -45,8 +151,9 @@ exports.MultiNavbar = function (_a) {
                         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); }, showContinueAction: showContinueAction }))),
-        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 }),
-        React.createElement(RightSidebar_1.default, { openSidebar: rightSidebarState, closeSidebar: function () { return setRightSidebarState(false); }, broker: broker, application: application, onChat: onChat, params: params })));
+                React.createElement(CTA_1.default, { isAuthenticated: isAuthenticated, continueURL: continueURL, onLogout: onLogout, openRightSidebar: function () { return setRightSidebarState(true); }, showContinueAction: showContinueAction, openCommPanel: function () { return setShowCommPanel(!showCommPanel); }, showChat: showChat, broker: broker }))),
+        showChat ? (React.createElement(transition_1.default, { isActive: showCommPanel, timeout: 250 }, function (state) { return (React.createElement(styles_1.CommPanelWrapper, { transition: state },
+            React.createElement(comm_panel_1.CustomerCommPanel, { broker: broker, channelID: channelId }))); })) : (React.createElement(RightSidebar_1.default, { openSidebar: rightSidebarState, closeSidebar: function () { return setRightSidebarState(false); }, broker: broker, application: application, onChat: onChat, params: params })),
+        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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/MultiNavbar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAA+C;AAC/C,6BAA+B;AAC/B,sDAA+D;AAC/D,gDAAkD;AAClD,oEAA+D;AAC/D,gEAA2D;AAC3D,kDAAsD;AACtD,kEAA6D;AAC7D,2CAA6E;AAE7E,2DAAqD;AAExC,QAAA,WAAW,GAAG,UAAC,EAYT;IAXjB,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,0CAAkB,EAClB,uKAAa;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,EAClD,kBAAkB,EAAE,kBAAkB,GACtC,CACe,CACL;QAChB,oBAAC,qBAAW,IACV,WAAW,EAAE,6BAAkB,EAC/B,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,EAClB,kBAAkB,EAAE,kBAAkB,GACtC;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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/MultiNavbar/index.tsx"],"names":[],"mappings":"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"}

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

@@ -6,18 +6,26 @@ 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 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;
+    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();
+        } },
+        "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 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;
+    var dashboardVariant = _a.dashboardVariant, openRightSidebar = _a.openRightSidebar, isAuthenticated = _a.isAuthenticated, continueURL = _a.continueURL, onLogout = _a.onLogout, _b = _a.showContinueAction, showContinueAction = _b === void 0 ? false : _b, _c = _a.showTalkToExpertCta, showTalkToExpertCta = _c === void 0 ? true : _c, _d = _a.showBookanAppointmentCta, showBookanAppointmentCta = _d === void 0 ? true : _d, _e = _a.showChat, showChat = _e === void 0 ? false : _e, _f = _a.openCommPanel, openCommPanel = _f === void 0 ? function () { } : _f, broker = _a.broker;
     var needToContinue = function () { return isAuthenticated && showContinueAction; };
     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(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)),
+            showTalkToExpertCta && (React.createElement(RenderChatOrSideBar, { showChat: showChat, openCommPanel: openCommPanel, broker: broker, dashboardVariant: dashboardVariant, openRightSidebar: openRightSidebar })),
             showBookanAppointmentCta && (React.createElement(index_style_1.SecondaryAction, { size: "sm", variant: needToContinue() ? 'emphasis' : 'primary', href: needToContinue() ? continueURL : constants_1.BOOK_APPOINTMENT_LINK, onClick: function () {
                     return Analytics_1.analytics({ event_name: 'click', label: needToContinue() ? constants_1.CONTINUE : constants_1.BOOK_AN_APPOINTMENT });
                 }, "aria-label": needToContinue() ? continueURL : constants_1.BOOK_APPOINTMENT_LINK }, needToContinue() ? constants_1.CONTINUE : constants_1.BOOK_AN_APPOINTMENT)))),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/SimpleNavbar/components/DesktopAction/index.tsx"],"names":[],"mappings":";;AAAA,6BAA+B;AAE/B,0EAA6F;AAC7F,uDAAiH;AACjH,sDAAqD;AACrD,kDAAsD;AACtD,sDAAiD;AAEjD,IAAM,mBAAmB,GAAG,UAAC,EASlB;QART,sCAAgB,EAChB,sCAAgB,EAChB,oCAAe,EACf,4BAAW,EACX,sBAAQ,EACR,0BAA0B,EAA1B,+CAA0B,EAC1B,2BAA0B,EAA1B,+CAA0B,EAC1B,gCAA+B,EAA/B,oDAA+B;IAE/B,IAAM,cAAc,GAAG,cAAM,OAAA,eAAe,IAAI,kBAAkB,EAArC,CAAqC,CAAC;IAEnE,OAAO,CACL,oBAAC,4BAAc;QACZ,gBAAgB,CAAC,CAAC,CAAC,CAClB,oBAAC,8BAAgB,IACf,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE;gBACP,gBAAgB,EAAE,CAAC;gBACnB,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,+BAAmB,EAAE,CAAC,CAAC;YACjE,CAAC,gBACW,+BAAmB,IAE9B,+BAAmB,CACH,CACpB,CAAC,CAAC,CAAC,CACF;YACG,mBAAmB,IAAI,CACtB,oBAAC,8BAAgB,IACf,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE;oBACP,gBAAgB,EAAE,CAAC;oBACnB,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,0BAAc,EAAE,CAAC,CAAC;gBAC5D,CAAC,gBACW,0BAAc,IAEzB,0BAAc,CACE,CACpB;YACA,wBAAwB,IAAI,CAC3B,oBAAC,6BAAe,IACd,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAClD,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,iCAAqB,EAC5D,OAAO,EAAE;oBACP,OAAA,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,oBAAQ,CAAC,CAAC,CAAC,+BAAmB,EAAE,CAAC;gBAA5F,CAA4F,gBAElF,cAAc,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,iCAAqB,IAEjE,cAAc,EAAE,CAAC,CAAC,CAAC,oBAAQ,CAAC,CAAC,CAAC,+BAAmB,CAClC,CACnB,CACA,CACJ;QACA,eAAe,IAAI,oBAAC,yBAAe,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAC5C,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/SimpleNavbar/components/DesktopAction/index.tsx"],"names":[],"mappings":"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"}

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

@@ -8,14 +8,16 @@ var Analytics_1 = require("../../../utils/Analytics");
 var index_style_2 = require("../CTA/index.style");
 var LogoutComponent_1 = require("../LogoutComponent");
 var RenderMobileAction = function (_a) {
-    var openRightSidebar = _a.openRightSidebar, isAuthenticated = _a.isAuthenticated, continueURL = _a.continueURL, onLogout = _a.onLogout, _b = _a.showContinueAction, showContinueAction = _b === void 0 ? false : _b;
+    var openRightSidebar = _a.openRightSidebar, isAuthenticated = _a.isAuthenticated, continueURL = _a.continueURL, onLogout = _a.onLogout, showChat = _a.showChat, broker = _a.broker, _b = _a.openCommPanel, openCommPanel = _b === void 0 ? function () { } : _b, _c = _a.showContinueAction, showContinueAction = _c === void 0 ? false : _c;
     var isTransparent = navbar_base_1.useNavbarBaseContext().isTransparent;
     var needToContinue = function () { return isAuthenticated && showContinueAction; };
     return (React.createElement(index_style_1.MobileActions, null,
-        React.createElement(index_style_2.TalkExpertAction, { size: "sm", isInverse: isTransparent, className: "noHover", variant: "secondary", onClick: function () {
+        showChat && broker ? (React.createElement(index_style_2.TalkExpertAction, { size: "sm", isInverse: isTransparent, className: "noHover", variant: "secondary", onClick: function () { return openCommPanel(); } },
+            "Talk to ",
+            broker.firstname)) : (React.createElement(index_style_2.TalkExpertAction, { size: "sm", isInverse: isTransparent, className: "noHover", variant: "secondary", onClick: function () {
                 openRightSidebar();
                 Analytics_1.analytics({ event_name: 'click', label: needToContinue() ? constants_1.CONTACT_US : constants_1.TALK_TO_EXPERT });
-            }, "aria-label": needToContinue() ? constants_1.CONTACT_US : constants_1.TALK_TO_EXPERT }, needToContinue() ? constants_1.CONTACT_US : constants_1.TALK_TO_EXPERT),
+            }, "aria-label": needToContinue() ? constants_1.CONTACT_US : constants_1.TALK_TO_EXPERT }, needToContinue() ? constants_1.CONTACT_US : constants_1.TALK_TO_EXPERT)),
         needToContinue() && (React.createElement(index_style_2.ContinueAction, { variant: "emphasis", href: continueURL, "aria-label": constants_1.CONTINUE, size: "sm", onClick: function () { return Analytics_1.analytics({ event_name: 'click', label: constants_1.CONTINUE }); } }, constants_1.CONTINUE)),
         isAuthenticated && React.createElement(LogoutComponent_1.default, { onLogout: onLogout })));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/SimpleNavbar/components/MobileAction/index.tsx"],"names":[],"mappings":";;AAAA,qDAA6D;AAC7D,6BAA+B;AAE/B,0EAA2E;AAC3E,uDAAiF;AACjF,sDAAqD;AACrD,kDAAsE;AACtE,sDAAiD;AAEjD,IAAM,kBAAkB,GAAG,UAAC,EAMjB;QALT,sCAAgB,EAChB,oCAAe,EACf,4BAAW,EACX,sBAAQ,EACR,0BAA0B,EAA1B,+CAA0B;IAElB,IAAA,kEAAa,CAA4B;IACjD,IAAM,cAAc,GAAG,cAAM,OAAA,eAAe,IAAI,kBAAkB,EAArC,CAAqC,CAAC;IACnE,OAAO,CACL,oBAAC,2BAAa;QACZ,oBAAC,8BAAgB,IACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,aAAa,EACxB,SAAS,EAAC,SAAS,EACnB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE;gBACP,gBAAgB,EAAE,CAAC;gBACnB,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,sBAAU,CAAC,CAAC,CAAC,0BAAc,EAAE,CAAC,CAAC;YAC5F,CAAC,gBACW,cAAc,EAAE,CAAC,CAAC,CAAC,sBAAU,CAAC,CAAC,CAAC,0BAAc,IAEzD,cAAc,EAAE,CAAC,CAAC,CAAC,sBAAU,CAAC,CAAC,CAAC,0BAAc,CAC9B;QAClB,cAAc,EAAE,IAAI,CACnB,oBAAC,4BAAc,IACb,OAAO,EAAC,UAAU,EAClB,IAAI,EAAE,WAAW,gBACL,oBAAQ,EACpB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,cAAM,OAAA,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,oBAAQ,EAAE,CAAC,EAAnD,CAAmD,IAEjE,oBAAQ,CACM,CAClB;QACA,eAAe,IAAI,oBAAC,yBAAe,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAC7C,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/SimpleNavbar/components/MobileAction/index.tsx"],"names":[],"mappings":";;AAAA,qDAA6D;AAC7D,6BAA+B;AAE/B,0EAA2E;AAC3E,uDAAiF;AACjF,sDAAqD;AACrD,kDAAsE;AACtE,sDAAiD;AAEjD,IAAM,kBAAkB,GAAG,UAAC,EASjB;QART,sCAAgB,EAChB,oCAAe,EACf,4BAAW,EACX,sBAAQ,EACR,sBAAQ,EACR,kBAAM,EACN,qBAAwB,EAAxB,oDAAwB,EACxB,0BAA0B,EAA1B,+CAA0B;IAElB,IAAA,kEAAa,CAA4B;IACjD,IAAM,cAAc,GAAG,cAAM,OAAA,eAAe,IAAI,kBAAkB,EAArC,CAAqC,CAAC;IACnE,OAAO,CACL,oBAAC,2BAAa;QACX,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,CACpB,oBAAC,8BAAgB,IACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,aAAa,EACxB,SAAS,EAAC,SAAS,EACnB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,cAAM,OAAA,aAAa,EAAE,EAAf,CAAe;;YAErB,MAAM,CAAC,SAAS,CACR,CACpB,CAAC,CAAC,CAAC,CACF,oBAAC,8BAAgB,IACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,aAAa,EACxB,SAAS,EAAC,SAAS,EACnB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE;gBACP,gBAAgB,EAAE,CAAC;gBACnB,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,sBAAU,CAAC,CAAC,CAAC,0BAAc,EAAE,CAAC,CAAC;YAC5F,CAAC,gBACW,cAAc,EAAE,CAAC,CAAC,CAAC,sBAAU,CAAC,CAAC,CAAC,0BAAc,IAEzD,cAAc,EAAE,CAAC,CAAC,CAAC,sBAAU,CAAC,CAAC,CAAC,0BAAc,CAC9B,CACpB;QACA,cAAc,EAAE,IAAI,CACnB,oBAAC,4BAAc,IACb,OAAO,EAAC,UAAU,EAClB,IAAI,EAAE,WAAW,gBACL,oBAAQ,EACpB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,cAAM,OAAA,qBAAS,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,oBAAQ,EAAE,CAAC,EAAnD,CAAmD,IAEjE,oBAAQ,CACM,CAClB;QACA,eAAe,IAAI,oBAAC,yBAAe,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAC7C,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}

package/dist/cjs/SimpleNavbar/index.js

@@ -10,6 +10,42 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 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)
@@ -28,15 +64,86 @@ var Logo_1 = require("../shared/components/Logo");
 var RightSidebar_1 = require("../shared/components/RightSidebar");
 var styles_1 = require("../shared/styles");
 var CTA_1 = require("./components/CTA");
+var comm_panel_1 = require("@lendi/comm-panel");
+var transition_1 = require("@lendi-ui/transition");
+var sentry_1 = require("../shared/utils/sentry");
+var getChatChannel_1 = require("../shared/utils/getChatChannel");
+var getBroker_1 = require("../shared/utils/getBroker");
+var lala_react_1 = require("@lendi/lala-react");
 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.showBookanAppointmentCta, showBookanAppointmentCta = _d === void 0 ? true : _d, _e = _a.showTalkToExpertCta, showTalkToExpertCta = _e === void 0 ? true : _e, homeURL = _a.homeURL, _f = _a.params, params = _f === void 0 ? '' : _f, _g = _a.continueURL, continueURL = _g === void 0 ? '/' : _g, _h = _a.onChat, onChat = _h === void 0 ? function () { } : _h, _j = _a.onLogout, onLogout = _j === void 0 ? function () { } : _j, broker = _a.broker, application = _a.application, _k = _a.dashboardVariant, dashboardVariant = _k === void 0 ? false : _k, _l = _a.showContinueAction, showContinueAction = _l === void 0 ? false : _l, otherProps = __rest(_a, ["isAuthenticated", "useTransparent", "showBookanAppointmentCta", "showTalkToExpertCta", "homeURL", "params", "continueURL", "onChat", "onLogout", "broker", "application", "dashboardVariant", "showContinueAction"]);
+    var _b = _a.isAuthenticated, isAuthenticated = _b === void 0 ? false : _b, _c = _a.useTransparent, useTransparent = _c === void 0 ? false : _c, _d = _a.showBookanAppointmentCta, showBookanAppointmentCta = _d === void 0 ? true : _d, _e = _a.showTalkToExpertCta, showTalkToExpertCta = _e === void 0 ? true : _e, homeURL = _a.homeURL, _f = _a.params, params = _f === void 0 ? '' : _f, _g = _a.continueURL, continueURL = _g === void 0 ? '/' : _g, _h = _a.onChat, onChat = _h === void 0 ? function () { } : _h, _j = _a.onLogout, onLogout = _j === void 0 ? function () { } : _j, application = _a.application, _k = _a.dashboardVariant, dashboardVariant = _k === void 0 ? false : _k, _l = _a.showContinueAction, showContinueAction = _l === void 0 ? false : _l, otherProps = __rest(_a, ["isAuthenticated", "useTransparent", "showBookanAppointmentCta", "showTalkToExpertCta", "homeURL", "params", "continueURL", "onChat", "onLogout", "application", "dashboardVariant", "showContinueAction"]);
     var _m = React.useState(false), rightSidebarState = _m[0], setRightSidebarState = _m[1];
+    var _o = React.useState(false), showCommPanel = _o[0], setShowCommPanel = _o[1]; // example for comm -panel
+    var _p = React.useState(null), channelId = _p[0], setChannelId = _p[1];
+    var _q = React.useState(false), showChat = _q[0], setShowChat = _q[1];
+    var _r = React.useState(), broker = _r[0], setBroker = _r[1];
+    var token = lala_react_1.useSession().token;
+    React.useEffect(function () {
+        var getBrokerInfo = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var brokerInfo, err_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, getBroker_1.getBroker()];
+                    case 1:
+                        brokerInfo = _a.sent();
+                        setBroker(brokerInfo);
+                        return [3 /*break*/, 3];
+                    case 2:
+                        err_1 = _a.sent();
+                        sentry_1.NavbarSentry.captureException(new Error((err_1 && err_1.message) || 'An unknown error occurred'), 'lendi-multi-navbar');
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); };
+        getBrokerInfo();
+    }, []);
+    React.useEffect(function () {
+        sentry_1.NavbarSentry.configureUserContext({ identity: 'unknown' });
+        var getChatReady = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var channelId_1, err_2;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!token) return [3 /*break*/, 5];
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, getChatChannel_1.getChatChannel(token)];
+                    case 2:
+                        channelId_1 = _a.sent();
+                        setChannelId(channelId_1);
+                        if (channelId_1 !== null) {
+                            setShowChat(true);
+                        }
+                        return [3 /*break*/, 4];
+                    case 3:
+                        err_2 = _a.sent();
+                        sentry_1.NavbarSentry.captureException(new Error((err_2 && err_2.message) || 'An unknown error occurred'), 'lendi-simple-navbar');
+                        setChannelId(null); // if error - disable the chat
+                        setShowChat(false);
+                        return [3 /*break*/, 4];
+                    case 4: return [3 /*break*/, 6];
+                    case 5:
+                        sentry_1.NavbarSentry.captureException(new Error('Token is not found in the session'), 'lendi-simple-navbar');
+                        setChannelId(null); // if error - disable the chat
+                        setShowChat(false);
+                        _a.label = 6;
+                    case 6: return [2 /*return*/];
+                }
+            });
+        }); };
+        getChatReady();
+    }, []);
     return (React.createElement(React.Fragment, null,
         React.createElement(styles_1.SimpleNavbarWrapper, __assign({ isTransparent: useTransparent, isAuthenticated: isAuthenticated }, 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, { showTalkToExpertCta: showTalkToExpertCta, showBookanAppointmentCta: showBookanAppointmentCta, isAuthenticated: isAuthenticated, continueURL: continueURL, openRightSidebar: function () { return setRightSidebarState(true); }, dashboardVariant: dashboardVariant, onLogout: onLogout, showContinueAction: showContinueAction }))),
-        React.createElement(RightSidebar_1.default, { openSidebar: rightSidebarState, closeSidebar: function () { return setRightSidebarState(false); }, broker: broker, application: application, onChat: onChat, params: params })));
+                React.createElement(CTA_1.default, { showTalkToExpertCta: showTalkToExpertCta, showBookanAppointmentCta: showBookanAppointmentCta, isAuthenticated: isAuthenticated, continueURL: continueURL, openRightSidebar: function () { return setRightSidebarState(true); }, dashboardVariant: dashboardVariant, onLogout: onLogout, showContinueAction: showContinueAction, openCommPanel: function () { return setShowCommPanel(!showCommPanel); }, showChat: showChat, broker: broker }))),
+        showChat ? (React.createElement(transition_1.default, { isActive: showCommPanel, timeout: 250 }, function (state) { return (React.createElement(styles_1.CommPanelWrapper, { transition: state },
+            React.createElement(comm_panel_1.CustomerCommPanel, { broker: broker, channelID: channelId }))); })) : (React.createElement(RightSidebar_1.default, { openSidebar: rightSidebarState, closeSidebar: function () { return setRightSidebarState(false); }, broker: broker, application: application, onChat: onChat, params: params }))));
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SimpleNavbar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAA+C;AAC/C,6BAA+B;AAC/B,kDAAsD;AACtD,kEAA6D;AAC7D,2CAAuD;AAEvD,wCAA0C;AAE7B,QAAA,YAAY,GAAG,UAAC,EAeT;IAdlB,IAAA,uBAAuB,EAAvB,4CAAuB,EACvB,sBAAsB,EAAtB,2CAAsB,EACtB,gCAA+B,EAA/B,oDAA+B,EAC/B,2BAA0B,EAA1B,+CAA0B,EAC1B,oBAAO,EACP,cAAW,EAAX,gCAAW,EACX,mBAAiB,EAAjB,sCAAiB,EACjB,cAAiB,EAAjB,6CAAiB,EACjB,gBAAmB,EAAnB,+CAAmB,EACnB,kBAAM,EACN,4BAAW,EACX,wBAAwB,EAAxB,6CAAwB,EACxB,0BAA0B,EAA1B,+CAA0B,EAC1B,8OAAa;IAEP,IAAA,0BAA0E,EAAzE,yBAAiB,EAAE,4BAAsD,CAAC;IACjF,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACb,oBAAC,4BAAmB,aAAC,aAAa,EAAE,cAAc,EAAE,eAAe,EAAE,eAAe,IAAM,UAAU;YAClG,oBAAC,qBAAU,CAAC,IAAI;gBACd,oBAAC,cAAa,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAa,YAAY,EAAC,gBAAgB,EAAE,KAAK,GAAI,CACpF;YAClB,oBAAC,qBAAU,CAAC,KAAK;gBACf,oBAAC,aAAU,IACT,mBAAmB,EAAE,mBAAmB,EACxC,wBAAwB,EAAE,wBAAwB,EAClD,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,cAAM,OAAA,oBAAoB,CAAC,IAAI,CAAC,EAA1B,CAA0B,EAClD,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,GACtC,CACe,CACC;QACtB,oBAAC,sBAAY,IACX,WAAW,EAAE,iBAAiB,EAC9B,YAAY,EAAE,cAAM,OAAA,oBAAoB,CAAC,KAAK,CAAC,EAA3B,CAA2B,EAC/C,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GACd,CACa,CAClB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SimpleNavbar/index.tsx"],"names":[],"mappings":"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"}

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

@@ -7,9 +7,9 @@ var Analytics_1 = require("../../../utils/Analytics");
 var constants_1 = require("../../constants");
 var index_style_1 = require("./index.style");
 var CTAButtons = function (_a) {
-    var isAuthenticated = _a.isAuthenticated, continueURL = _a.continueURL, onLogout = _a.onLogout, openRightSidebar = _a.openRightSidebar, _b = _a.showContinueAction, showContinueAction = _b === void 0 ? false : _b;
+    var isAuthenticated = _a.isAuthenticated, continueURL = _a.continueURL, onLogout = _a.onLogout, openRightSidebar = _a.openRightSidebar, _b = _a.showContinueAction, showContinueAction = _b === void 0 ? false : _b, _c = _a.showChat, showChat = _c === void 0 ? false : _c, _d = _a.openCommPanel, openCommPanel = _d === void 0 ? function () { } : _d, broker = _a.broker;
     var isTransparent = navbar_base_1.useNavbarBaseContext().isTransparent;
-    var _c = React.useState(false), isLogoutDisplay = _c[0], setIsLogoutDisplay = _c[1];
+    var _e = React.useState(false), isLogoutDisplay = _e[0], setIsLogoutDisplay = _e[1];
     var logoutPanel = React.useRef();
     var closeLogoutPanel = function (e) {
         if (logoutPanel.current && !logoutPanel.current.contains(e.target)) {
@@ -24,10 +24,14 @@ var CTAButtons = function (_a) {
     });
     return (React.createElement(React.Fragment, null,
         React.createElement(index_style_1.DesktopActions, null,
-            React.createElement(index_style_1.TalkExpertAction, { variant: "secondary", onClick: function () {
+            showChat ? (React.createElement(React.Fragment, null, broker && broker.firstname && (React.createElement(index_style_1.TalkExpertAction, { variant: "secondary", onClick: function () {
+                    openCommPanel();
+                }, size: "sm", bigLabelAccomodate: isAuthenticated ? (showContinueAction ? false : true) : false },
+                "Talk to ",
+                broker.firstname)))) : (React.createElement(index_style_1.TalkExpertAction, { variant: "secondary", onClick: function () {
                     openRightSidebar();
                     Analytics_1.analytics({ event_name: 'click', label: constants_1.TALK_TO_EXPERT });
-                }, "aria-label": constants_1.TALK_TO_EXPERT, size: "sm", bigLabelAccomodate: isAuthenticated ? (showContinueAction ? false : true) : false }, constants_1.TALK_TO_EXPERT),
+                }, "aria-label": constants_1.TALK_TO_EXPERT, size: "sm", bigLabelAccomodate: isAuthenticated ? (showContinueAction ? false : true) : false }, constants_1.TALK_TO_EXPERT)),
             React.createElement(index_style_1.SecondaryAction, { bigLabelAccomodate: isAuthenticated ? (showContinueAction ? false : true) : false, size: "sm", variant: isAuthenticated ? (showContinueAction ? 'emphasis' : 'primary') : 'primary', href: isAuthenticated ? (showContinueAction ? continueURL : constants_1.BOOK_APPOINTMENT_LINK) : constants_1.SIGN_IN_LINK, onClick: function () {
                     return Analytics_1.analytics({
                         event_name: 'click',