@lendi/navbar 7.9.0 → 7.10.0-beta.2

package/dist/declarations/src/GuestNavbar/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { GuestNavbarProps } from '..';
 export declare const GuestNavbar: ({ useTransparent, homeURL, params }: GuestNavbarProps) => JSX.Element;

package/dist/declarations/src/MultiNavbar/components/HamBurgerMenu/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import Menu from '@lendi-ui/icon/Menu';
 import Close from '@lendi-ui/icon/Close';
 export interface HamBurgerMenuProps {

package/dist/declarations/src/MultiNavbar/components/LeftSidabar/Content/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { MenuProps } from '../index';
 export declare const LeftSidebarContent: ({ menuOptions: MENU_OPTIONS }: MenuProps) => JSX.Element;

package/dist/declarations/src/MultiNavbar/components/LeftSidabar/FooterCTA/index.d.ts

@@ -1,3 +1,5 @@
+/// <reference types="react" />
+import { Button } from '@lendi-ui/button';
 export interface FooterCTAProps {
     isAuthenticated: boolean;
     continueURL: string;
@@ -5,5 +7,5 @@ export interface FooterCTAProps {
     showContinueAction?: boolean;
 }
 declare const FooterCTA: ({ isAuthenticated, continueURL, onLogout, showContinueAction, }: FooterCTAProps) => JSX.Element;
-export declare const FooterAction: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+export declare const FooterAction: import("styled-components").StyledComponent<typeof Button, import("styled-components").DefaultTheme, {}, never>;
 export default FooterCTA;

package/dist/declarations/src/MultiNavbar/components/LeftSidabar/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MenuItem } from '../../menuData';
 export interface LeftSidebarProps {
     openSidebar: boolean;

package/dist/declarations/src/MultiNavbar/components/MultiOptions/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface MenuOptionsProps {
     isAuthenticated: boolean;
     params: string;

package/dist/declarations/src/MultiNavbar/components/MultiOptions/index.style.d.ts

@@ -1,4 +1,6 @@
+/// <reference types="react" />
 import ExpandMore from '@lendi-ui/icon/ExpandMore';
+import { Button } from '@lendi-ui/button';
 export interface TransparentProps {
     isTransparent?: boolean;
 }
@@ -6,7 +8,7 @@ export interface ExpandMoreProps {
     isSelected: boolean;
 }
 export declare const PanelLink: import("styled-components").StyledComponent<(props: import("@lendi-ui/typography").LinkProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const PanelButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+export declare const PanelButton: import("styled-components").StyledComponent<typeof Button, import("styled-components").DefaultTheme, {}, never>;
 export declare const LinksGroup: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
 export declare const LinkItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
 export declare const HeadingWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/declarations/src/MultiNavbar/index.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import { MultiNavbarProps } from '..';
-export declare const MultiNavbar: any;
+export declare const MultiNavbar: React.FC<MultiNavbarProps & (import("..").SimpleNavbarProps | MultiNavbarProps)>;

package/dist/declarations/src/SimpleNavbar/components/CTA/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CTAProps } from '../../../shared/components/CTA';
 export interface UnReadProp {
     hasUnreadMessages?: boolean;

package/dist/declarations/src/SimpleNavbar/components/CTA/index.style.d.ts

@@ -1,2 +1,8 @@
-export declare const TalkExpertAction: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
-export declare const ContinueAction: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+import { Button } from '@lendi-ui/button';
+interface TalkActionProps {
+    dashboardVariant?: boolean;
+    continueExist?: boolean;
+}
+export declare const TalkExpertAction: import("styled-components").StyledComponent<typeof Button, import("styled-components").DefaultTheme, TalkActionProps, never>;
+export declare const ContinueAction: import("styled-components").StyledComponent<typeof Button, import("styled-components").DefaultTheme, {}, never>;
+export {};

package/dist/declarations/src/SimpleNavbar/components/DesktopAction/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CTAProps } from '../../../shared/components/CTA';
 import { UnReadProp } from '../CTA';
 declare const RenderDesktopAction: ({ dashboardVariant, isAuthenticated, continueURL, showContinueAction, showTalkToExpertCta, showBookanAppointmentCta, openCommPanel, teamMember, hasUnreadMessages, utmCampaign, }: CTAProps & UnReadProp) => JSX.Element;

package/dist/declarations/src/SimpleNavbar/components/MobileAction/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CTAProps } from '../../../shared/components/CTA';
 import { UnReadProp } from '../CTA';
 declare const RenderMobileAction: ({ isAuthenticated, continueURL, teamMember, openCommPanel, showContinueAction, showTalkToExpertCta, hasUnreadMessages, utmCampaign, }: CTAProps & UnReadProp) => JSX.Element;

package/dist/declarations/src/SimpleNavbar/index.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import { SimpleNavbarProps } from '..';
-export declare const SimpleNavbar: any;
+export declare const SimpleNavbar: React.FC<SimpleNavbarProps & (SimpleNavbarProps | import("..").MultiNavbarProps)>;

package/dist/declarations/src/shared/RestrictionProvider/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface RestrictionState {
+    isRestricted: boolean;
+}
+export declare const RestrictionContext: React.Context<RestrictionState>;
+export declare const useRestriction: () => RestrictionState;
+/**
+ * RestrictionProvider check the restrictionStatus for FAB/Aussie Ready Customer.
+ * @todo This should be removed after Aussire Ready.
+ */
+export declare const RestrictionProvider: React.FunctionComponent;

package/dist/declarations/src/shared/components/CTA/DesktopActions/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { UnReadProp } from '../../../../SimpleNavbar/components/CTA';
 import { CTAProps } from '../index';
 export declare const DesktopActions: ({ isAuthenticated, continueURL, showContinueAction, openCommPanel, teamMember, hasUnreadMessages, showTalkToExpertCta, }: CTAProps & UnReadProp) => JSX.Element;

package/dist/declarations/src/shared/components/CTA/LogoutComponent/DropdownMenu/index.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const DropdownMenu: () => JSX.Element;

package/dist/declarations/src/shared/components/CTA/LogoutComponent/DropdownMenu/style.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import Launch from '@lendi-ui/icon/Launch';
 export declare const LogoutWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const MyAccountTitle: any;

package/dist/declarations/src/shared/components/CTA/LogoutComponent/index.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const LogoutComponent: () => JSX.Element;

package/dist/declarations/src/shared/components/CTA/LogoutComponent/style.d.ts

@@ -1 +1,2 @@
-export declare const KebabMenu: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+import { IconButton } from '@lendi-ui/button';
+export declare const KebabMenu: import("styled-components").StyledComponent<typeof IconButton, import("styled-components").DefaultTheme, {}, never>;

package/dist/declarations/src/shared/components/CTA/MobileActions/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { UnReadProp } from '../../../../SimpleNavbar/components/CTA';
 import { CTAProps } from '../index';
 export declare const MobileActions: ({ isAuthenticated, continueURL, showContinueAction, openCommPanel, teamMember, hasUnreadMessages, showTalkToExpertCta, }: CTAProps & UnReadProp) => JSX.Element;

package/dist/declarations/src/shared/components/CTA/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TeamMember } from '../../types';
 import { UnReadProp } from '../../../SimpleNavbar/components/CTA';
 export interface CTAProps {

package/dist/declarations/src/shared/components/CTA/style.d.ts

@@ -1,7 +1,15 @@
+import { Button } from '@lendi-ui/button';
 import UnreadMessage from '@lendi-ui/icon/UnreadMessage';
-export declare const TalkExpertAction: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
-export declare const TalkExpertActionMobile: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
-export declare const SecondaryAction: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
-export declare const SecondaryActionMobile: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+interface AccomodateBigLabel {
+    bigLabelAccomodate?: boolean;
+}
+export declare const TalkExpertAction: import("styled-components").StyledComponent<typeof Button, import("styled-components").DefaultTheme, AccomodateBigLabel, never>;
+interface TalkExpertActionMobileProp {
+    isContinue?: boolean;
+}
+export declare const TalkExpertActionMobile: import("styled-components").StyledComponent<typeof Button, import("styled-components").DefaultTheme, TalkExpertActionMobileProp, never>;
+export declare const SecondaryAction: import("styled-components").StyledComponent<typeof Button, import("styled-components").DefaultTheme, AccomodateBigLabel, never>;
+export declare const SecondaryActionMobile: import("styled-components").StyledComponent<typeof Button, import("styled-components").DefaultTheme, {}, never>;
 export declare const DesktopLogoutWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const UnreadMessageWrapper: import("styled-components").StyledComponent<typeof UnreadMessage, import("styled-components").DefaultTheme, {}, never>;
+export {};

package/dist/declarations/src/shared/components/Logo/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface LogoProps {
     params?: string;
     homeURL?: string;

package/dist/declarations/src/shared/components/Logo/style.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface HeaderLogo {
     isHref: boolean;
 }

package/dist/navbar.cjs.dev.js

@@ -404,6 +404,96 @@ var useDropdownMenu = () => {
   return state;
 };
 
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+  try {
+    var info = gen[key](arg);
+    var value = info.value;
+  } catch (error) {
+    reject(error);
+    return;
+  }
+
+  if (info.done) {
+    resolve(value);
+  } else {
+    Promise.resolve(value).then(_next, _throw);
+  }
+}
+
+function _asyncToGenerator(fn) {
+  return function () {
+    var self = this,
+        args = arguments;
+    return new Promise(function (resolve, reject) {
+      var gen = fn.apply(self, args);
+
+      function _next(value) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+      }
+
+      function _throw(err) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+      }
+
+      _next(undefined);
+    });
+  };
+}
+
+var RestrictionContext = /*#__PURE__*/React__default["default"].createContext({
+  isRestricted: false
+});
+var useRestriction = () => {
+  var restrictionState = React__default["default"].useContext(RestrictionContext);
+
+  if (!restrictionState) {
+    throw new Error('Please setup <RestrictionProvider /> as a parent component, before using useRestriction().');
+  }
+
+  return restrictionState;
+};
+/**
+ * RestrictionProvider check the restrictionStatus for FAB/Aussie Ready Customer.
+ * @todo This should be removed after Aussire Ready.
+ */
+
+var RestrictionProvider = _ref => {
+  var {
+    children
+  } = _ref;
+  var [isRestricted, setIsRestricted] = React.useState(false);
+  var session = lalaReact.useSession();
+  React.useEffect(() => {
+    // declare the data fetching function
+    var fetchStatus = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(function* () {
+        var restrictionStatus = yield session.getRestrictionStatusForFAB();
+        setIsRestricted(restrictionStatus === 'Restricted');
+      });
+
+      return function fetchStatus() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    /**
+     * For Aussie Customer, between FAB & AussieReady, we need to fetch their restriction status.
+     * @todo Remove the following after Aussie Ready.
+     */
+
+
+    if (session.brand === lalaReact.Brand.Aussie) {
+      fetchStatus() // make sure to catch any error
+      .catch(console.error);
+    }
+  }, [session]);
+  return /*#__PURE__*/jsxRuntime.jsx(RestrictionContext.Provider, {
+    value: {
+      isRestricted
+    },
+    children: children
+  });
+};
+
 var DropdownMenu = () => {
   var isDomain = lalaUtils.getBrandFromHostname() === lalaUtils.Brand.Domain;
   var path = isDomain ? PATH_DOMAIN : PATH_LENDI;
@@ -415,10 +505,13 @@ var DropdownMenu = () => {
   var {
     newPropertyReports
   } = launchdarkly.useFlags();
+  var {
+    isRestricted
+  } = useRestriction();
   return /*#__PURE__*/jsxRuntime.jsxs(LogoutWrapper, {
     children: [/*#__PURE__*/jsxRuntime.jsx(MyAccountTitle, {
       children: "My account"
-    }), !hideManageApplicationsItem && /*#__PURE__*/jsxRuntime.jsx(LinkWrapper, {
+    }), !hideManageApplicationsItem && !isRestricted && /*#__PURE__*/jsxRuntime.jsx(LinkWrapper, {
       color: "shade.700",
       onClick: () => {
         var event = {
@@ -432,7 +525,7 @@ var DropdownMenu = () => {
       href: "".concat(path).concat(ROUTE_APPLICATIONS),
       "aria-label": LABEL_APPLICATIONS,
       children: LABEL_APPLICATIONS
-    }), !hideDashboardItem && /*#__PURE__*/jsxRuntime.jsx(LinkWrapper, {
+    }), !hideDashboardItem && !isRestricted && /*#__PURE__*/jsxRuntime.jsx(LinkWrapper, {
       color: "shade.700",
       onClick: () => {
         var event = {
@@ -781,42 +874,6 @@ var CTAButtons$2 = props => {
 
 var CTAButtons$3 = CTAButtons$2;
 
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-  try {
-    var info = gen[key](arg);
-    var value = info.value;
-  } catch (error) {
-    reject(error);
-    return;
-  }
-
-  if (info.done) {
-    resolve(value);
-  } else {
-    Promise.resolve(value).then(_next, _throw);
-  }
-}
-
-function _asyncToGenerator(fn) {
-  return function () {
-    var self = this,
-        args = arguments;
-    return new Promise(function (resolve, reject) {
-      var gen = fn.apply(self, args);
-
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-      }
-
-      function _throw(err) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-      }
-
-      _next(undefined);
-    });
-  };
-}
-
 // Inspiration: https://davidwalsh.name/javascript-polling - just write TS version.
 function asyncPoll(_x) {
   return _asyncPoll.apply(this, arguments);
@@ -1220,54 +1277,56 @@ var SimpleNavbarComponent = _ref => {
   var hasWindow = typeof window !== 'undefined';
   var utmCampaign = hasWindow ? new URLSearchParams(window.location.search).get('utm_campaign') : null;
   useEmailOpenChat(openChat, userGroupHash);
-  return /*#__PURE__*/jsxRuntime.jsxs(commPanel.ChatUserStatusContext.Provider, {
+  return /*#__PURE__*/jsxRuntime.jsx(commPanel.ChatUserStatusContext.Provider, {
     value: {
       setHasUnReadMessage: hasUnreadMessages => setUnReadMessage(hasUnreadMessages),
       setStatus: status => setIsOtherUserOnline(status)
     },
-    children: [/*#__PURE__*/jsxRuntime.jsxs(SimpleNavbarWrapper, {
-      isTransparent: useTransparent,
-      isAuthenticated: isAuthenticated,
-      children: [/*#__PURE__*/jsxRuntime.jsx(NavbarLeftWrapper, {
-        children: /*#__PURE__*/jsxRuntime.jsx(LogoComponent$1, {
-          homeURL: homeURL,
-          params: params,
-          "aria-label": "Logo",
-          hasHamburgerMenu: false
-        })
-      }), /*#__PURE__*/jsxRuntime.jsx(NavbarRightWrapper, {
-        children: /*#__PURE__*/jsxRuntime.jsx(DropdownProvider, {
-          hideDashboardItem: hideDashboardItem,
-          hideManageApplicationsItem: hideManageApplicationsItem,
-          onLogout: onLogout,
-          children: /*#__PURE__*/jsxRuntime.jsx(CTAButtons$3, {
-            showTalkToExpertCta: showTalkToExpertCta,
-            showBookanAppointmentCta: showBookanAppointmentCta,
-            isAuthenticated: isAuthenticated,
-            continueURL: continueURL,
-            utmCampaign: utmCampaign,
-            showContinueAction: showContinueAction,
-            openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel(),
-            teamMember: latestTeamMember,
-            hasUnreadMessages: unReadMesage
+    children: /*#__PURE__*/jsxRuntime.jsxs(RestrictionProvider, {
+      children: [/*#__PURE__*/jsxRuntime.jsxs(SimpleNavbarWrapper, {
+        isTransparent: useTransparent,
+        isAuthenticated: isAuthenticated,
+        children: [/*#__PURE__*/jsxRuntime.jsx(NavbarLeftWrapper, {
+          children: /*#__PURE__*/jsxRuntime.jsx(LogoComponent$1, {
+            homeURL: homeURL,
+            params: params,
+            "aria-label": "Logo",
+            hasHamburgerMenu: false
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(NavbarRightWrapper, {
+          children: /*#__PURE__*/jsxRuntime.jsx(DropdownProvider, {
+            hideDashboardItem: hideDashboardItem,
+            hideManageApplicationsItem: hideManageApplicationsItem,
+            onLogout: onLogout,
+            children: /*#__PURE__*/jsxRuntime.jsx(CTAButtons$3, {
+              showTalkToExpertCta: showTalkToExpertCta,
+              showBookanAppointmentCta: showBookanAppointmentCta,
+              isAuthenticated: isAuthenticated,
+              continueURL: continueURL,
+              utmCampaign: utmCampaign,
+              showContinueAction: showContinueAction,
+              openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel(),
+              teamMember: latestTeamMember,
+              hasUnreadMessages: unReadMesage
+            })
+          })
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsx(Transition__default["default"], {
+        isActive: isCommPanelOpen,
+        timeout: 250,
+        children: state => /*#__PURE__*/jsxRuntime.jsx(CommPanelWrapper, {
+          transition: state,
+          toTheTop: breakpoint$1 === 'mobile',
+          children: /*#__PURE__*/jsxRuntime.jsx(commPanel.CustomerCommPanel, {
+            channelId: userGroupHash,
+            latestTeamMember: latestTeamMember,
+            hasNew: unReadMesage,
+            isOtherUserOnline: isOtherUserOnline,
+            onException: onException
           })
         })
       })]
-    }), /*#__PURE__*/jsxRuntime.jsx(Transition__default["default"], {
-      isActive: isCommPanelOpen,
-      timeout: 250,
-      children: state => /*#__PURE__*/jsxRuntime.jsx(CommPanelWrapper, {
-        transition: state,
-        toTheTop: breakpoint$1 === 'mobile',
-        children: /*#__PURE__*/jsxRuntime.jsx(commPanel.CustomerCommPanel, {
-          channelId: userGroupHash,
-          latestTeamMember: latestTeamMember,
-          hasNew: unReadMesage,
-          isOtherUserOnline: isOtherUserOnline,
-          onException: onException
-        })
-      })
-    })]
+    })
   });
 };
 
@@ -2046,70 +2105,72 @@ var MultiNavbarWithTheme = _ref => {
   var [userGroupHash, teamMemberId] = useUserGroup(session);
   var latestTeamMember = useTeamMember(session, teamMemberId);
   useEmailOpenChat(openChat, userGroupHash);
-  return /*#__PURE__*/jsxRuntime.jsxs(commPanel.ChatUserStatusContext.Provider, {
+  return /*#__PURE__*/jsxRuntime.jsx(commPanel.ChatUserStatusContext.Provider, {
     value: {
       setHasUnReadMessage: hasUnreadMessages => setUnReadMessage(hasUnreadMessages),
       setStatus: status => setIsOtherUserOnline(status)
     },
-    children: [/*#__PURE__*/jsxRuntime.jsxs(NavbarWrapper, _objectSpread2(_objectSpread2({
-      isTransparent: useTransparent,
-      isAuthenticated: isAuthenticated
-    }, otherProps), {}, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(NavbarLeftWrapper, {
-        children: /*#__PURE__*/jsxRuntime.jsxs(Container, {
-          children: [/*#__PURE__*/jsxRuntime.jsxs(MenuLogoWrapper, {
-            children: [/*#__PURE__*/jsxRuntime.jsx(HamBurgerMenu$1, {
-              toggleSidebar: toggle => setLeftSidebarState(toggle),
-              leftSidebarState: leftSidebarState
-            }), /*#__PURE__*/jsxRuntime.jsx(LogoComponent$1, {
-              homeURL: homeURL,
+    children: /*#__PURE__*/jsxRuntime.jsxs(RestrictionProvider, {
+      children: [/*#__PURE__*/jsxRuntime.jsxs(NavbarWrapper, _objectSpread2(_objectSpread2({
+        isTransparent: useTransparent,
+        isAuthenticated: isAuthenticated
+      }, otherProps), {}, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(NavbarLeftWrapper, {
+          children: /*#__PURE__*/jsxRuntime.jsxs(Container, {
+            children: [/*#__PURE__*/jsxRuntime.jsxs(MenuLogoWrapper, {
+              children: [/*#__PURE__*/jsxRuntime.jsx(HamBurgerMenu$1, {
+                toggleSidebar: toggle => setLeftSidebarState(toggle),
+                leftSidebarState: leftSidebarState
+              }), /*#__PURE__*/jsxRuntime.jsx(LogoComponent$1, {
+                homeURL: homeURL,
+                params: params
+              })]
+            }), /*#__PURE__*/jsxRuntime.jsx(MenuOptions$1, {
+              isAuthenticated: isAuthenticated,
+              continueURL: continueURL,
               params: params
             })]
-          }), /*#__PURE__*/jsxRuntime.jsx(MenuOptions$1, {
-            isAuthenticated: isAuthenticated,
-            continueURL: continueURL,
-            params: params
-          })]
-        })
-      }), /*#__PURE__*/jsxRuntime.jsx(NavbarRightWrapper, {
-        children: /*#__PURE__*/jsxRuntime.jsx(DropdownProvider, {
-          hideDashboardItem: hideDashboardItem,
-          hideManageApplicationsItem: hideManageApplicationsItem,
-          onLogout: onLogout,
-          children: /*#__PURE__*/jsxRuntime.jsx(CTAButtons$1, {
-            showTalkToExpertCta: showTalkToExpertCta,
-            isAuthenticated: isAuthenticated,
-            continueURL: continueURL,
-            showContinueAction: showContinueAction,
-            openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel(),
-            teamMember: latestTeamMember,
-            hasUnreadMessages: unReadMesage
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(NavbarRightWrapper, {
+          children: /*#__PURE__*/jsxRuntime.jsx(DropdownProvider, {
+            hideDashboardItem: hideDashboardItem,
+            hideManageApplicationsItem: hideManageApplicationsItem,
+            onLogout: onLogout,
+            children: /*#__PURE__*/jsxRuntime.jsx(CTAButtons$1, {
+              showTalkToExpertCta: showTalkToExpertCta,
+              isAuthenticated: isAuthenticated,
+              continueURL: continueURL,
+              showContinueAction: showContinueAction,
+              openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel(),
+              teamMember: latestTeamMember,
+              hasUnreadMessages: unReadMesage
+            })
+          })
+        })]
+      })), /*#__PURE__*/jsxRuntime.jsx(Transition__default["default"], {
+        isActive: isCommPanelOpen,
+        timeout: 250,
+        children: state => /*#__PURE__*/jsxRuntime.jsx(CommPanelWrapper, {
+          transition: state,
+          toTheTop: breakpoint$1 === 'mobile',
+          children: /*#__PURE__*/jsxRuntime.jsx(commPanel.CustomerCommPanel, {
+            channelId: userGroupHash,
+            latestTeamMember: latestTeamMember,
+            hasNew: unReadMesage,
+            isOtherUserOnline: isOtherUserOnline,
+            onException: onException
           })
         })
+      }), /*#__PURE__*/jsxRuntime.jsx(LeftSidebar$1, {
+        menuOptions: MULTI_MENU_OPTIONS,
+        openSidebar: leftSidebarState,
+        closeSidebar: () => setLeftSidebarState(false),
+        isAuthenticated: isAuthenticated,
+        continueURL: continueURL,
+        onLogout: onLogout,
+        showContinueAction: showContinueAction
       })]
-    })), /*#__PURE__*/jsxRuntime.jsx(Transition__default["default"], {
-      isActive: isCommPanelOpen,
-      timeout: 250,
-      children: state => /*#__PURE__*/jsxRuntime.jsx(CommPanelWrapper, {
-        transition: state,
-        toTheTop: breakpoint$1 === 'mobile',
-        children: /*#__PURE__*/jsxRuntime.jsx(commPanel.CustomerCommPanel, {
-          channelId: userGroupHash,
-          latestTeamMember: latestTeamMember,
-          hasNew: unReadMesage,
-          isOtherUserOnline: isOtherUserOnline,
-          onException: onException
-        })
-      })
-    }), /*#__PURE__*/jsxRuntime.jsx(LeftSidebar$1, {
-      menuOptions: MULTI_MENU_OPTIONS,
-      openSidebar: leftSidebarState,
-      closeSidebar: () => setLeftSidebarState(false),
-      isAuthenticated: isAuthenticated,
-      continueURL: continueURL,
-      onLogout: onLogout,
-      showContinueAction: showContinueAction
-    })]
+    })
   });
 };