@npm_leadtech/legal-lib-components 7.30.6 → 7.30.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/components/molecules/ContactInfo/ContactInfo.js +1 -1
- package/dist/src/components/molecules/ContactInfo/ContactInfo.tsx +4 -6
- package/dist/src/components/molecules/InfoBarFooter/InfoBarFooter.js +1 -1
- package/dist/src/components/molecules/InfoBarFooter/InfoBarFooter.tsx +3 -9
- package/dist/src/components/organisms/NavMenu/NavMenu.js +1 -1
- package/dist/src/components/organisms/NavMenu/NavMenu.styled.js +1 -1
- package/dist/src/components/organisms/NavMenu/NavMenu.styled.ts +1 -1
- package/dist/src/components/organisms/NavMenu/NavMenu.tsx +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { ContactInformation, PhoneButton } from './ContactInfo.styled';
|
|
3
3
|
import { PhoneIcon } from '../../../../images/componentsSvg/PhoneIcon';
|
|
4
|
-
export const ContactInfo = ({ phoneNumber, schedule, languageSelector }) => (_jsxs(ContactInformation, { children: [Boolean(languageSelector) && _jsx("div", { className: 'language-selector-mobile-container', children: languageSelector }), _jsx("b", { className: 'sans-serif --extra-small --bold-weight site-phone', children: phoneNumber }),
|
|
4
|
+
export const ContactInfo = ({ phoneNumber, schedule, languageSelector }) => (_jsxs(ContactInformation, { children: [Boolean(languageSelector) && _jsx("div", { className: 'language-selector-mobile-container', children: languageSelector }), _jsx("b", { className: 'sans-serif --extra-small --bold-weight site-phone', children: phoneNumber }), _jsxs(PhoneButton, { children: [_jsx(PhoneIcon, { fill: 'white', width: 20, height: 20 }), _jsx("span", { children: phoneNumber })] }), _jsx("span", { className: 'sans-serif --extra-small site-schedule', children: schedule })] }));
|
|
@@ -7,12 +7,10 @@ export const ContactInfo: React.FC<ContactInfoProps> = ({ phoneNumber, schedule,
|
|
|
7
7
|
<ContactInformation>
|
|
8
8
|
{Boolean(languageSelector) && <div className='language-selector-mobile-container'>{languageSelector}</div>}
|
|
9
9
|
<b className='sans-serif --extra-small --bold-weight site-phone'>{phoneNumber}</b>
|
|
10
|
-
|
|
11
|
-
<
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
</PhoneButton>
|
|
15
|
-
)}
|
|
10
|
+
<PhoneButton>
|
|
11
|
+
<PhoneIcon fill='white' width={20} height={20} />
|
|
12
|
+
<span>{phoneNumber}</span>
|
|
13
|
+
</PhoneButton>
|
|
16
14
|
<span className='sans-serif --extra-small site-schedule'>{schedule}</span>
|
|
17
15
|
</ContactInformation>
|
|
18
16
|
)
|
|
@@ -3,6 +3,6 @@ import { ContactBarWrapperStyled, ContactBarWrapperText, ScheduleWrapper } from
|
|
|
3
3
|
import { IconWeb } from '../../../../images/componentsSvg/IconWeb';
|
|
4
4
|
import { WideInfoBar } from '../../atoms/WideInfoBar';
|
|
5
5
|
export const InfoBarFooter = ({ sitePhone, siteSchedule, securityText, guaranteeText, securityIconBlack, guaranteeIconGrey, isJonSnow = false, isAnonymousPayment = false }) => {
|
|
6
|
-
return (_jsx(WideInfoBar, { children: _jsxs(_Fragment, { children: [_jsxs(ContactBarWrapperStyled, { className: `${(isJonSnow || isAnonymousPayment) && 'hidden'}`, children: [
|
|
6
|
+
return (_jsx(WideInfoBar, { children: _jsxs(_Fragment, { children: [_jsxs(ContactBarWrapperStyled, { className: `${(isJonSnow || isAnonymousPayment) && 'hidden'}`, children: [_jsx(IconWeb, {}), _jsxs(ScheduleWrapper, { children: [_jsxs("div", { className: 'is-mobile', children: [_jsx("a", { className: 'phone', href: `tel:${sitePhone}`, children: _jsx("strong", { children: sitePhone }) }), ` - ${siteSchedule}`] }), _jsxs("div", { className: 'no-mobile', children: [_jsx("strong", { children: sitePhone }), " - ", siteSchedule] })] })] }), _jsxs(ContactBarWrapperStyled, { children: [_jsx("img", { src: securityIconBlack, alt: 'security-icon' }), _jsx(ContactBarWrapperText, { children: securityText })] }), _jsxs(ContactBarWrapperStyled, { children: [_jsx("img", { src: guaranteeIconGrey, alt: 'guarantee-icon' }), _jsx(ContactBarWrapperText, { children: guaranteeText })] })] }) }));
|
|
7
7
|
};
|
|
8
8
|
export default InfoBarFooter;
|
|
@@ -18,22 +18,16 @@ export const InfoBarFooter: React.FC<InfoBarFooterProps> = ({
|
|
|
18
18
|
<WideInfoBar>
|
|
19
19
|
<>
|
|
20
20
|
<ContactBarWrapperStyled className={`${(isJonSnow || isAnonymousPayment) && 'hidden'}`}>
|
|
21
|
-
|
|
21
|
+
<IconWeb />
|
|
22
22
|
<ScheduleWrapper>
|
|
23
23
|
<div className='is-mobile'>
|
|
24
24
|
<a className='phone' href={`tel:${sitePhone}`}>
|
|
25
25
|
<strong>{sitePhone}</strong>
|
|
26
26
|
</a>
|
|
27
|
-
{
|
|
27
|
+
{` - ${siteSchedule}`}
|
|
28
28
|
</div>
|
|
29
29
|
<div className='no-mobile'>
|
|
30
|
-
{sitePhone
|
|
31
|
-
<>
|
|
32
|
-
<strong>{sitePhone}</strong> - {siteSchedule}
|
|
33
|
-
</>
|
|
34
|
-
) : (
|
|
35
|
-
siteSchedule
|
|
36
|
-
)}
|
|
30
|
+
<strong>{sitePhone}</strong> - {siteSchedule}
|
|
37
31
|
</div>
|
|
38
32
|
</ScheduleWrapper>
|
|
39
33
|
</ContactBarWrapperStyled>
|
|
@@ -6,5 +6,5 @@ import { NavMobileContactBar } from '../../molecules/NavMobileContactBar';
|
|
|
6
6
|
import { PhoneIcon } from '../../../../images/componentsSvg/PhoneIcon';
|
|
7
7
|
import { SearchBar } from '../../../components/molecules/SearchBar/SearchBar';
|
|
8
8
|
export const NavMenu = ({ isLeftNavHidden, isHeaderProductsHidden, isSearchBarHidden, isResourcesHidden, showHeaderPhone, toggleMenuOpen, isMenuOpen, languageSelectorProps, configVars, searchableProducts, finalMenu, userActions, menuStrings, routes, searchBarTexts, sitePhone, handleResultClick, languageSelectorConfigEnabled, isJonSnow, triggerMenuClose, triggerMenuOpen, setCookiePolicyFunc, navMenuItems, extraMenu }) => {
|
|
9
|
-
return (_jsxs(NavMenuStyled, { children: [_jsxs("nav", { itemScope: true, itemType: 'https://www.schema.org/SiteNavigationElement', className: `navigation-pane --is-mobile ${isHeaderProductsHidden ? '--no-products' : ''}`, children: [_jsx("div", { onClick: toggleMenuOpen, onKeyDown: toggleMenuOpen, className: 'navigation-pane__trigger sans-serif --small', children: !isMenuOpen ? triggerMenuOpen : triggerMenuClose }), isMenuOpen && (_jsxs("div", { className: 'navigation-pane__wrapper', children: [userActions, !isSearchBarHidden && (_jsx(SearchBar, { products: searchableProducts, searchBarTexts: searchBarTexts, routes: routes, handleResultClick: handleResultClick })), _jsx(MenuItems, { hasProducts: !isHeaderProductsHidden, isResourcesHidden: isResourcesHidden, seeAllDocumentsText: menuStrings, setCookiePolicyFunc: setCookiePolicyFunc, routes: routes, finalMenu: finalMenu, configVars: configVars, navMenuItems: navMenuItems, extraMenu: extraMenu }), !isJonSnow &&
|
|
9
|
+
return (_jsxs(NavMenuStyled, { children: [_jsxs("nav", { itemScope: true, itemType: 'https://www.schema.org/SiteNavigationElement', className: `navigation-pane --is-mobile ${isHeaderProductsHidden ? '--no-products' : ''}`, children: [_jsx("div", { onClick: toggleMenuOpen, onKeyDown: toggleMenuOpen, className: 'navigation-pane__trigger sans-serif --small', children: !isMenuOpen ? triggerMenuOpen : triggerMenuClose }), isMenuOpen && (_jsxs("div", { className: 'navigation-pane__wrapper', children: [userActions, !isSearchBarHidden && (_jsx(SearchBar, { products: searchableProducts, searchBarTexts: searchBarTexts, routes: routes, handleResultClick: handleResultClick })), _jsx(MenuItems, { hasProducts: !isHeaderProductsHidden, isResourcesHidden: isResourcesHidden, seeAllDocumentsText: menuStrings, setCookiePolicyFunc: setCookiePolicyFunc, routes: routes, finalMenu: finalMenu, configVars: configVars, navMenuItems: navMenuItems, extraMenu: extraMenu }), !isJonSnow && _jsx(NavMobileContactBar, { phone: sitePhone })] }))] }), _jsxs("nav", { className: `navigation-pane --is-desktop ${isHeaderProductsHidden ? '--no-products' : ''}`, children: [!isLeftNavHidden && (_jsx("div", { className: 'left-nav', children: _jsx(MenuItems, { hasProducts: !isHeaderProductsHidden, isResourcesHidden: isResourcesHidden, seeAllDocumentsText: menuStrings, setCookiePolicyFunc: setCookiePolicyFunc, routes: routes, finalMenu: finalMenu, configVars: configVars, navMenuItems: navMenuItems, extraMenu: extraMenu }) })), _jsxs("div", { className: 'right-nav', children: [showHeaderPhone && (_jsxs("div", { className: 'header-phone', children: [_jsx(PhoneIcon, {}), _jsxs("b", { children: [sitePhone, " "] })] })), !isSearchBarHidden && (_jsx(SearchBar, { products: searchableProducts, searchBarTexts: searchBarTexts, routes: routes, handleResultClick: handleResultClick })), languageSelectorConfigEnabled && languageSelectorProps && _jsx(LanguageSelector, { ...languageSelectorProps }), userActions] })] })] }));
|
|
10
10
|
};
|
|
@@ -71,7 +71,7 @@ export const NavMenu: React.FC<NavMenuProps> = ({
|
|
|
71
71
|
navMenuItems={navMenuItems}
|
|
72
72
|
extraMenu={extraMenu}
|
|
73
73
|
/>
|
|
74
|
-
{!isJonSnow &&
|
|
74
|
+
{!isJonSnow && <NavMobileContactBar phone={sitePhone} />}
|
|
75
75
|
</div>
|
|
76
76
|
)}
|
|
77
77
|
</nav>
|