@npm_leadtech/legal-lib-components 7.106.6 → 7.106.7

package/dist/src/components/organisms/DesktopMenu/DesktopMenu.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PhoneNumberDisplay, TrustPilotWidget } from '../../atoms';
 import { DesktopMenuStyled } from './DesktopMenu.styled';
 import { HelpSection } from '../../molecules';
-import { PhoneNumberDisplay } from '../../atoms';
-export const DesktopMenu = ({ phoneNumber, phoneNumberBorder, menuList, userActions, homeUrl }) => {
-    return (_jsxs(DesktopMenuStyled, { children: [phoneNumber && _jsx(PhoneNumberDisplay, { phoneNumber: phoneNumber, border: phoneNumberBorder }), menuList?.items?.length && _jsx(HelpSection, { ...menuList, homeUrl: homeUrl }), userActions] }));
+export const DesktopMenu = ({ phoneNumber, phoneNumberBorder, menuList, userActions, homeUrl, showTrustpilot, trustpilotHref }) => {
+    return (_jsxs(DesktopMenuStyled, { children: [phoneNumber && _jsx(PhoneNumberDisplay, { phoneNumber: phoneNumber, border: phoneNumberBorder }), showTrustpilot && _jsx(TrustPilotWidget, { href: trustpilotHref }), menuList?.items?.length && _jsx(HelpSection, { ...menuList, homeUrl: homeUrl }), userActions] }));
 };

package/dist/src/components/organisms/DesktopMenu/DesktopMenu.tsx

@@ -1,7 +1,7 @@
+import { PhoneNumberDisplay, TrustPilotWidget } from '../../atoms'
 import { DesktopMenuProps } from './DesktopMenuProps'
 import { DesktopMenuStyled } from './DesktopMenu.styled'
 import { HelpSection } from '../../molecules'
-import { PhoneNumberDisplay } from '../../atoms'
 import React from 'react'
 
 export const DesktopMenu: React.FC<DesktopMenuProps> = ({
@@ -9,11 +9,14 @@ export const DesktopMenu: React.FC<DesktopMenuProps> = ({
   phoneNumberBorder,
   menuList,
   userActions,
-  homeUrl
+  homeUrl,
+  showTrustpilot,
+  trustpilotHref
 }) => {
   return (
     <DesktopMenuStyled>
       {phoneNumber && <PhoneNumberDisplay phoneNumber={phoneNumber} border={phoneNumberBorder} />}
+      {showTrustpilot && <TrustPilotWidget href={trustpilotHref} />}
       {menuList?.items?.length && <HelpSection {...menuList} homeUrl={homeUrl} />}
       {userActions}
     </DesktopMenuStyled>

package/dist/src/components/organisms/DesktopMenu/DesktopMenuProps.d.ts

@@ -5,4 +5,6 @@ export interface DesktopMenuProps {
     menuList?: HelpSectionProps;
     userActions: React.ReactNode;
     homeUrl: string;
+    showTrustpilot?: boolean;
+    trustpilotHref?: string;
 }

package/dist/src/components/organisms/DesktopMenu/DesktopMenuProps.ts

@@ -6,4 +6,6 @@ export interface DesktopMenuProps {
   menuList?: HelpSectionProps
   userActions: React.ReactNode
   homeUrl: string
+  showTrustpilot?: boolean
+  trustpilotHref?: string
 }

package/dist/src/components/sections/AppHeader/AppHeader.js

@@ -3,6 +3,6 @@ import { AppHeaderStyled, AppHeaderWrapper } from './AppHeader.styled';
 import { DesktopMenu, MobileMenu } from '../../organisms';
 import { Logo } from '../../atoms';
 import './AppHeader.scss';
-export const AppHeader = ({ siteName = 'LawDistrict', homeUrl = '/', sitePhone, sitePhoneBorder, scheduleText, headerFullWidth, menuList, toggleMenuHelpOpen, toggleMenuPersonalOpen, isHelpActive, isPersonalActive, userActions, helpTriggerImage, userTriggerImage, handleClickLogo, headerClassnames, closeText = 'Close', showTopBar }) => {
-    return (_jsx(AppHeaderStyled, { className: headerClassnames, children: _jsxs(AppHeaderWrapper, { itemScope: true, itemType: 'https://schema.org/Brand', className: `${headerFullWidth ? '--no-grid' : 'wrapper'}`, children: [_jsx("a", { className: 'header__logo', onClick: (event) => handleClickLogo(event, homeUrl), href: homeUrl, children: _jsx(Logo, { siteName: siteName, width: '188', height: '32' }) }), _jsx(DesktopMenu, { phoneNumber: sitePhone, phoneNumberBorder: sitePhoneBorder, menuList: menuList, userActions: userActions, homeUrl: homeUrl }), _jsx(MobileMenu, { closeText: closeText, helpTriggerImage: helpTriggerImage, isHelpActive: isHelpActive, isPersonalActive: isPersonalActive, toggleMenuHelpOpen: toggleMenuHelpOpen, toggleMenuPersonalOpen: toggleMenuPersonalOpen, userTriggerImage: userTriggerImage, homeUrl: homeUrl, menuList: menuList, scheduleText: scheduleText, sitePhone: sitePhone, userActions: userActions, showTopBar: showTopBar })] }) }));
+export const AppHeader = ({ siteName = 'LawDistrict', homeUrl = '/', sitePhone, sitePhoneBorder, scheduleText, headerFullWidth, menuList, toggleMenuHelpOpen, toggleMenuPersonalOpen, isHelpActive, isPersonalActive, userActions, helpTriggerImage, userTriggerImage, handleClickLogo, headerClassnames, closeText = 'Close', showTopBar, showTrustpilot = false, trustpilotHref }) => {
+    return (_jsx(AppHeaderStyled, { className: headerClassnames, children: _jsxs(AppHeaderWrapper, { itemScope: true, itemType: 'https://schema.org/Brand', className: `${headerFullWidth ? '--no-grid' : 'wrapper'}`, children: [_jsx("a", { className: 'header__logo', onClick: (event) => handleClickLogo(event, homeUrl), href: homeUrl, children: _jsx(Logo, { siteName: siteName, width: '188', height: '32' }) }), _jsx(DesktopMenu, { phoneNumber: sitePhone, phoneNumberBorder: sitePhoneBorder, menuList: menuList, userActions: userActions, homeUrl: homeUrl, showTrustpilot: showTrustpilot, trustpilotHref: trustpilotHref }), _jsx(MobileMenu, { closeText: closeText, helpTriggerImage: helpTriggerImage, isHelpActive: isHelpActive, isPersonalActive: isPersonalActive, toggleMenuHelpOpen: toggleMenuHelpOpen, toggleMenuPersonalOpen: toggleMenuPersonalOpen, userTriggerImage: userTriggerImage, homeUrl: homeUrl, menuList: menuList, scheduleText: scheduleText, sitePhone: sitePhone, userActions: userActions, showTopBar: showTopBar })] }) }));
 };

package/dist/src/components/sections/AppHeader/AppHeader.tsx

@@ -23,7 +23,9 @@ export const AppHeader: React.FC<AppHeaderProps> = ({
   handleClickLogo,
   headerClassnames,
   closeText = 'Close',
-  showTopBar
+  showTopBar,
+  showTrustpilot = false,
+  trustpilotHref
 }) => {
   return (
     <AppHeaderStyled className={headerClassnames}>
@@ -42,6 +44,8 @@ export const AppHeader: React.FC<AppHeaderProps> = ({
           menuList={menuList}
           userActions={userActions}
           homeUrl={homeUrl}
+          showTrustpilot={showTrustpilot}
+          trustpilotHref={trustpilotHref}
         />
 
         <MobileMenu

package/dist/src/components/sections/AppHeader/AppHeaderProps.d.ts

@@ -24,4 +24,6 @@ export interface AppHeaderProps {
     headerClassnames: string;
     closeText: string;
     showTopBar?: boolean;
+    showTrustpilot?: boolean;
+    trustpilotHref?: string;
 }

package/dist/src/components/sections/AppHeader/AppHeaderProps.ts

@@ -25,4 +25,6 @@ export interface AppHeaderProps {
   headerClassnames: string
   closeText: string
   showTopBar?: boolean
+  showTrustpilot?: boolean
+  trustpilotHref?: string
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "7.106.6",
+  "version": "7.106.7",
   "license": "ISC",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",