@npm_leadtech/legal-lib-components 5.35.0 → 5.35.1
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/Article/Article.js +2 -2
- package/dist/src/components/molecules/Article/Article.tsx +3 -3
- package/dist/src/components/molecules/Article/ArticleProps.types.d.ts +1 -0
- package/dist/src/components/molecules/Article/ArticleProps.types.ts +1 -0
- package/dist/src/components/molecules/ContinueEditingBanner/ContinueEditingBanner.js +2 -2
- package/dist/src/components/molecules/ContinueEditingBanner/ContinueEditingBanner.tsx +3 -2
- package/dist/src/components/molecules/ContinueEditingBanner/ContinueEditingBannerProps.types.d.ts +1 -0
- package/dist/src/components/molecules/ContinueEditingBanner/ContinueEditingBannerProps.types.ts +1 -0
- package/dist/src/components/organisms/ContactJumbotron/ContactJumbotron.js +2 -2
- package/dist/src/components/organisms/ContactJumbotron/ContactJumbotron.tsx +2 -1
- package/dist/src/components/organisms/ContactJumbotron/ContactJumbotronProps.types.d.ts +1 -0
- package/dist/src/components/organisms/ContactJumbotron/ContactJumbotronProps.types.ts +1 -0
- package/dist/src/components/organisms/CookiePolicyBar/CookiePolicyBar.js +2 -2
- package/dist/src/components/organisms/CookiePolicyBar/CookiePolicyBar.tsx +2 -2
- package/dist/src/components/organisms/CookiePolicyBar/CookiePolicyBarProps.d.ts +1 -0
- package/dist/src/components/organisms/CookiePolicyBar/CookiePolicyBarProps.ts +1 -0
- package/package.json +1 -1
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import ArrowRight from '../../../../images/svg/arrow-right-24px-outlined.svg';
|
|
3
3
|
import { ArticleStyled } from './Article.styled';
|
|
4
4
|
import { Button } from '../../atoms';
|
|
5
|
-
const Article = ({ imageUrl, title, articleUrl, summary, isCategoryProductPage }) => {
|
|
6
|
-
return (_jsxs(ArticleStyled, { className: 'article', children: [_jsx("img", { src: imageUrl, className: isCategoryProductPage ? 'image image-category' : 'image', loading: 'lazy', alt: title }), _jsxs("div", { className: isCategoryProductPage ? 'information information-category' : 'information', children: [_jsx("a", { href: articleUrl, target: '_blank', rel: 'noreferrer', children: _jsxs("p", { className: 'title sans-serif --big', children: [title, " "] }) }), _jsx("div", { className: 'summary', children: summary }), isCategoryProductPage ? (_jsxs("div", { className: 'button-image-container', children: [_jsx(Button, { givenClass: 'thinner-letter', color: 'tertiary', label:
|
|
5
|
+
const Article = ({ imageUrl, title, articleUrl, summary, isCategoryProductPage, readMoreText }) => {
|
|
6
|
+
return (_jsxs(ArticleStyled, { className: 'article', children: [_jsx("img", { src: imageUrl, className: isCategoryProductPage ? 'image image-category' : 'image', loading: 'lazy', alt: title }), _jsxs("div", { className: isCategoryProductPage ? 'information information-category' : 'information', children: [_jsx("a", { href: articleUrl, target: '_blank', rel: 'noreferrer', children: _jsxs("p", { className: 'title sans-serif --big', children: [title, " "] }) }), _jsx("div", { className: 'summary', children: summary }), isCategoryProductPage ? (_jsxs("div", { className: 'button-image-container', children: [_jsx(Button, { givenClass: 'thinner-letter', color: 'tertiary', label: readMoreText, dataQa: 'article-read-more', link: articleUrl, isExternal: true }), _jsx("img", { className: 'article__arrow-right', src: ArrowRight, alt: '' })] })) : (_jsx(Button, { color: 'tertiary', label: readMoreText, dataQa: 'article-read-more', link: articleUrl, isExternal: true }))] })] }));
|
|
7
7
|
};
|
|
8
8
|
export default Article;
|
|
@@ -5,7 +5,7 @@ import { type ArticleProps } from './ArticleProps.types'
|
|
|
5
5
|
import { ArticleStyled } from './Article.styled'
|
|
6
6
|
import { Button } from '../../atoms'
|
|
7
7
|
|
|
8
|
-
const Article: FC<ArticleProps> = ({ imageUrl, title, articleUrl, summary, isCategoryProductPage }) => {
|
|
8
|
+
const Article: FC<ArticleProps> = ({ imageUrl, title, articleUrl, summary, isCategoryProductPage, readMoreText }) => {
|
|
9
9
|
return (
|
|
10
10
|
<ArticleStyled className='article'>
|
|
11
11
|
<img
|
|
@@ -24,7 +24,7 @@ const Article: FC<ArticleProps> = ({ imageUrl, title, articleUrl, summary, isCat
|
|
|
24
24
|
<Button
|
|
25
25
|
givenClass='thinner-letter'
|
|
26
26
|
color='tertiary'
|
|
27
|
-
label={
|
|
27
|
+
label={readMoreText}
|
|
28
28
|
dataQa='article-read-more'
|
|
29
29
|
link={articleUrl}
|
|
30
30
|
isExternal
|
|
@@ -32,7 +32,7 @@ const Article: FC<ArticleProps> = ({ imageUrl, title, articleUrl, summary, isCat
|
|
|
32
32
|
<img className='article__arrow-right' src={ArrowRight} alt=''></img>
|
|
33
33
|
</div>
|
|
34
34
|
) : (
|
|
35
|
-
<Button color='tertiary' label={
|
|
35
|
+
<Button color='tertiary' label={readMoreText} dataQa='article-read-more' link={articleUrl} isExternal />
|
|
36
36
|
)}
|
|
37
37
|
</div>
|
|
38
38
|
</ArticleStyled>
|
|
@@ -2,11 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { Button } from '../../atoms/Button';
|
|
3
3
|
import { ContinueEditingBannerStyled } from './ContinueEditingBanner.styled';
|
|
4
4
|
// import './ContinueEditingBanner.scss'
|
|
5
|
-
export const ContinueEditingBanner = ({ latestApplicationInProgress, editFormClicked, tagLine, title, token }) => {
|
|
5
|
+
export const ContinueEditingBanner = ({ latestApplicationInProgress, editFormClicked, tagLine, title, token, buttonLabel }) => {
|
|
6
6
|
if (latestApplicationInProgress == null || token.length === 0) {
|
|
7
7
|
return null;
|
|
8
8
|
}
|
|
9
|
-
return (_jsx(ContinueEditingBannerStyled, { className: 'continue-banner', children: _jsxs("div", { className: 'continue-banner__wrapper wrapper', children: [_jsx("span", { className: 'continue-banner__title', children: title }), _jsx("span", { className: 'continue-banner__tagline', children: tagLine }), _jsx(Button, { label:
|
|
9
|
+
return (_jsx(ContinueEditingBannerStyled, { className: 'continue-banner', children: _jsxs("div", { className: 'continue-banner__wrapper wrapper', children: [_jsx("span", { className: 'continue-banner__title', children: title }), _jsx("span", { className: 'continue-banner__tagline', children: tagLine }), _jsx(Button, { label: buttonLabel, dataQa: 'continue-editing-banner-button', noLink: true, onClick: () => {
|
|
10
10
|
if (editFormClicked != null) {
|
|
11
11
|
editFormClicked(latestApplicationInProgress);
|
|
12
12
|
}
|
|
@@ -10,7 +10,8 @@ export const ContinueEditingBanner: React.FC<ContinueEditingBannerProps> = ({
|
|
|
10
10
|
editFormClicked,
|
|
11
11
|
tagLine,
|
|
12
12
|
title,
|
|
13
|
-
token
|
|
13
|
+
token,
|
|
14
|
+
buttonLabel
|
|
14
15
|
}) => {
|
|
15
16
|
if (latestApplicationInProgress == null || token.length === 0) {
|
|
16
17
|
return null
|
|
@@ -22,7 +23,7 @@ export const ContinueEditingBanner: React.FC<ContinueEditingBannerProps> = ({
|
|
|
22
23
|
<span className='continue-banner__title'>{title}</span>
|
|
23
24
|
<span className='continue-banner__tagline'>{tagLine}</span>
|
|
24
25
|
<Button
|
|
25
|
-
label=
|
|
26
|
+
label={buttonLabel}
|
|
26
27
|
dataQa='continue-editing-banner-button'
|
|
27
28
|
noLink
|
|
28
29
|
onClick={() => {
|
|
@@ -2,6 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { EmailContactBox, PhoneContactBoxDesktop } from '../../molecules';
|
|
3
3
|
import { Button } from '../../atoms';
|
|
4
4
|
import { ContactJumbotronStyled } from './ContactJumbotron.styled';
|
|
5
|
-
export const ContactJumbotron = ({ phoneBoxDesktopProps, emailContactBoxProps, faqsTitle, children, isJonSnow = false }) => {
|
|
6
|
-
return (_jsxs(ContactJumbotronStyled, { children: [!isJonSnow && _jsx(PhoneContactBoxDesktop, { ...phoneBoxDesktopProps }), _jsx("h2", { className: 'contact__text__title sans-serif', children: faqsTitle }), _jsx("div", { className: 'contact__text__subtitle sans-serif', children: children }), !isJonSnow && (_jsx(Button, { givenClass: 'faq-button', color: 'secondary', label:
|
|
5
|
+
export const ContactJumbotron = ({ phoneBoxDesktopProps, emailContactBoxProps, faqsTitle, visitFaqPageLabel, children, isJonSnow = false }) => {
|
|
6
|
+
return (_jsxs(ContactJumbotronStyled, { children: [!isJonSnow && _jsx(PhoneContactBoxDesktop, { ...phoneBoxDesktopProps }), _jsx("h2", { className: 'contact__text__title sans-serif', children: faqsTitle }), _jsx("div", { className: 'contact__text__subtitle sans-serif', children: children }), !isJonSnow && (_jsx(Button, { givenClass: 'faq-button', color: 'secondary', label: visitFaqPageLabel, link: '/faqs/', dataQa: 'visitFaq' })), _jsx(EmailContactBox, { ...emailContactBoxProps })] }));
|
|
7
7
|
};
|
|
@@ -9,6 +9,7 @@ export const ContactJumbotron: React.FC<ContactJumbotronProps> = ({
|
|
|
9
9
|
phoneBoxDesktopProps,
|
|
10
10
|
emailContactBoxProps,
|
|
11
11
|
faqsTitle,
|
|
12
|
+
visitFaqPageLabel,
|
|
12
13
|
children,
|
|
13
14
|
isJonSnow = false
|
|
14
15
|
}) => {
|
|
@@ -21,7 +22,7 @@ export const ContactJumbotron: React.FC<ContactJumbotronProps> = ({
|
|
|
21
22
|
<Button
|
|
22
23
|
givenClass='faq-button'
|
|
23
24
|
color='secondary'
|
|
24
|
-
label={
|
|
25
|
+
label={visitFaqPageLabel}
|
|
25
26
|
link={'/faqs/'}
|
|
26
27
|
dataQa={'visitFaq'}
|
|
27
28
|
/>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Button, RichTextStrapi } from '../../atoms';
|
|
3
3
|
import { CookiePolicyBarStyled } from './CookiePolicyBar.styled';
|
|
4
|
-
export const CookiePolicyBar = ({ clickFunc, text }) => {
|
|
5
|
-
return (_jsxs(CookiePolicyBarStyled, { children: [_jsx(RichTextStrapi, { html: text, className: 'cookie-policy-bar__text sans-serif --extra-small' }), _jsx(Button, { dataQa: '', givenClass: 'accept-cookies-button', noLink: true, color: 'primary3', label:
|
|
4
|
+
export const CookiePolicyBar = ({ clickFunc, text, buttonText }) => {
|
|
5
|
+
return (_jsxs(CookiePolicyBarStyled, { children: [_jsx(RichTextStrapi, { html: text, className: 'cookie-policy-bar__text sans-serif --extra-small' }), _jsx(Button, { dataQa: '', givenClass: 'accept-cookies-button', noLink: true, color: 'primary3', label: buttonText, onClick: clickFunc })] }));
|
|
6
6
|
};
|
|
@@ -4,7 +4,7 @@ import { Button, RichTextStrapi } from '../../atoms'
|
|
|
4
4
|
import { type CookiePolicyBarProps } from './CookiePolicyBarProps'
|
|
5
5
|
import { CookiePolicyBarStyled } from './CookiePolicyBar.styled'
|
|
6
6
|
|
|
7
|
-
export const CookiePolicyBar: FC<CookiePolicyBarProps> = ({ clickFunc, text }) => {
|
|
7
|
+
export const CookiePolicyBar: FC<CookiePolicyBarProps> = ({ clickFunc, text, buttonText }) => {
|
|
8
8
|
return (
|
|
9
9
|
<CookiePolicyBarStyled>
|
|
10
10
|
<RichTextStrapi html={text} className='cookie-policy-bar__text sans-serif --extra-small' />
|
|
@@ -13,7 +13,7 @@ export const CookiePolicyBar: FC<CookiePolicyBarProps> = ({ clickFunc, text }) =
|
|
|
13
13
|
givenClass='accept-cookies-button'
|
|
14
14
|
noLink
|
|
15
15
|
color='primary3'
|
|
16
|
-
label={
|
|
16
|
+
label={buttonText}
|
|
17
17
|
onClick={clickFunc}
|
|
18
18
|
/>
|
|
19
19
|
</CookiePolicyBarStyled>
|