@npm_leadtech/legal-lib-components 7.73.0 → 7.74.0
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/MidBannerRatafiaSample/MidBannerRatafiaSample.js +2 -2
- package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.tsx +7 -4
- package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSampleProps.types.d.ts +3 -0
- package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSampleProps.types.ts +3 -0
- package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.js +2 -2
- package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.tsx +7 -1
- package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSectionProps.types.d.ts +3 -0
- package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSectionProps.types.ts +3 -0
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { MidBannerRatafiaSampleStyled } from './MidBannerRatafiaSample.styled';
|
|
3
|
-
const MidBannerRatafiaSample = ({ image, isEsignatureImage = false, isAbout = false, midBanner1Img, midBanner2Img, midBanner3Img }) => {
|
|
4
|
-
return (_jsxs(MidBannerRatafiaSampleStyled, { className: 'mid-banner-ratafia-sample', children: [_jsx("div", { className: 'mid-banner-ratafia-sample__image', children: image }), !isEsignatureImage && !isAbout && (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'mid-banner-ratafia-sample__sumarized-tag', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__sumarized-tag__icon', src: midBanner1Img, alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small --bold-weight mid-banner-ratafia-sample__sumarized-tag__text', children:
|
|
3
|
+
const MidBannerRatafiaSample = ({ image, isEsignatureImage = false, isAbout = false, midBanner1Img, midBanner2Img, midBanner3Img, iconLabel1, iconLabel2, iconLabel3 }) => {
|
|
4
|
+
return (_jsxs(MidBannerRatafiaSampleStyled, { className: 'mid-banner-ratafia-sample', children: [_jsx("div", { className: 'mid-banner-ratafia-sample__image', children: image }), !isEsignatureImage && !isAbout && (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'mid-banner-ratafia-sample__sumarized-tag', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__sumarized-tag__icon', src: midBanner1Img, alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small --bold-weight mid-banner-ratafia-sample__sumarized-tag__text', children: iconLabel1 })] }), _jsxs("div", { className: 'mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__key-facts', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__feature-tag__icon', src: midBanner2Img, alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small mid-banner-ratafia-sample__feature-tag__text', children: iconLabel2 })] }), _jsxs("div", { className: 'mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__clauses', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__feature-tag__icon', src: midBanner3Img, alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small mid-banner-ratafia-sample__feature-tag__text', children: iconLabel3 })] })] })), isAbout && (_jsxs("div", { className: 'about-page', children: [_jsxs("div", { className: 'mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__key-facts about-page__signed-tag', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__feature-tag__icon', src: midBanner1Img, alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small --bold-weight mid-banner-ratafia-sample__sumarized-tag__text about-page__signed-tag', children: "Signed" })] }), _jsxs("div", { className: 'mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__clauses about-page__ai-tag', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__feature-tag__icon', src: midBanner3Img, alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small --bold-weight mid-banner-ratafia-sample__sumarized-tag__text', children: "AI Reviewed" })] })] }))] }));
|
|
5
5
|
};
|
|
6
6
|
export default MidBannerRatafiaSample;
|
|
@@ -9,7 +9,10 @@ const MidBannerRatafiaSample: FC<MidBannerRatafiaSampleProps> = ({
|
|
|
9
9
|
isAbout = false,
|
|
10
10
|
midBanner1Img,
|
|
11
11
|
midBanner2Img,
|
|
12
|
-
midBanner3Img
|
|
12
|
+
midBanner3Img,
|
|
13
|
+
iconLabel1,
|
|
14
|
+
iconLabel2,
|
|
15
|
+
iconLabel3
|
|
13
16
|
}) => {
|
|
14
17
|
return (
|
|
15
18
|
<MidBannerRatafiaSampleStyled className='mid-banner-ratafia-sample'>
|
|
@@ -19,16 +22,16 @@ const MidBannerRatafiaSample: FC<MidBannerRatafiaSampleProps> = ({
|
|
|
19
22
|
<div className='mid-banner-ratafia-sample__sumarized-tag'>
|
|
20
23
|
<img className='mid-banner-ratafia-sample__sumarized-tag__icon' src={midBanner1Img} alt='' role='img' />
|
|
21
24
|
<p className='sans-serif --small --bold-weight mid-banner-ratafia-sample__sumarized-tag__text'>
|
|
22
|
-
|
|
25
|
+
{iconLabel1}
|
|
23
26
|
</p>
|
|
24
27
|
</div>
|
|
25
28
|
<div className='mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__key-facts'>
|
|
26
29
|
<img className='mid-banner-ratafia-sample__feature-tag__icon' src={midBanner2Img} alt='' role='img' />
|
|
27
|
-
<p className='sans-serif --small mid-banner-ratafia-sample__feature-tag__text'>
|
|
30
|
+
<p className='sans-serif --small mid-banner-ratafia-sample__feature-tag__text'>{iconLabel2}</p>
|
|
28
31
|
</div>
|
|
29
32
|
<div className='mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__clauses'>
|
|
30
33
|
<img className='mid-banner-ratafia-sample__feature-tag__icon' src={midBanner3Img} alt='' role='img' />
|
|
31
|
-
<p className='sans-serif --small mid-banner-ratafia-sample__feature-tag__text'>
|
|
34
|
+
<p className='sans-serif --small mid-banner-ratafia-sample__feature-tag__text'>{iconLabel3}</p>
|
|
32
35
|
</div>
|
|
33
36
|
</>
|
|
34
37
|
)}
|
|
@@ -2,13 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { MidBannerRatafiaContent, MidBannerRatafiaSample } from '../../molecules';
|
|
3
3
|
import { MidBannerRatafiaSectionStyled } from './MidBannerRatafiaSection.styled';
|
|
4
4
|
import classNames from 'classnames';
|
|
5
|
-
const MidBannerRatafiaSection = ({ title, paragraph, ctaLabel, ctaLink, ctaDataQa, image, midBanner1Img, midBanner2Img, midBanner3Img }) => {
|
|
5
|
+
const MidBannerRatafiaSection = ({ title, paragraph, ctaLabel, ctaLink, ctaDataQa, image, midBanner1Img, midBanner2Img, midBanner3Img, iconLabel1, iconLabel2, iconLabel3 }) => {
|
|
6
6
|
const isEsignature = ctaDataQa.includes('esignature');
|
|
7
7
|
const isAbout = ctaDataQa.includes('about');
|
|
8
8
|
const classnames = classNames({
|
|
9
9
|
'--is-esignature': isEsignature,
|
|
10
10
|
'--is-about': isAbout
|
|
11
11
|
});
|
|
12
|
-
return (_jsx(MidBannerRatafiaSectionStyled, { className: 'mid-banner-ratafia-section', children: _jsxs("div", { className: `mid-banner-ratafia-section__wrapper ${classnames}`, children: [_jsx(MidBannerRatafiaContent, { title: title, paragraph: paragraph, ctaLabel: ctaLabel, ctaLink: ctaLink, ctaDataQa: ctaDataQa }), _jsx("div", { className: `mid-banner-ratafia-section__wrapper__sample ${classnames}`, children: _jsx(MidBannerRatafiaSample, { image: image, isAbout: isAbout, isEsignatureImage: isEsignature, midBanner1Img: midBanner1Img, midBanner2Img: midBanner2Img, midBanner3Img: midBanner3Img }) })] }) }));
|
|
12
|
+
return (_jsx(MidBannerRatafiaSectionStyled, { className: 'mid-banner-ratafia-section', children: _jsxs("div", { className: `mid-banner-ratafia-section__wrapper ${classnames}`, children: [_jsx(MidBannerRatafiaContent, { title: title, paragraph: paragraph, ctaLabel: ctaLabel, ctaLink: ctaLink, ctaDataQa: ctaDataQa }), _jsx("div", { className: `mid-banner-ratafia-section__wrapper__sample ${classnames}`, children: _jsx(MidBannerRatafiaSample, { image: image, isAbout: isAbout, isEsignatureImage: isEsignature, midBanner1Img: midBanner1Img, midBanner2Img: midBanner2Img, midBanner3Img: midBanner3Img, iconLabel1: iconLabel1, iconLabel2: iconLabel2, iconLabel3: iconLabel3 }) })] }) }));
|
|
13
13
|
};
|
|
14
14
|
export default MidBannerRatafiaSection;
|
|
@@ -14,7 +14,10 @@ const MidBannerRatafiaSection: FC<MidBannerRatafiaSectionProps> = ({
|
|
|
14
14
|
image,
|
|
15
15
|
midBanner1Img,
|
|
16
16
|
midBanner2Img,
|
|
17
|
-
midBanner3Img
|
|
17
|
+
midBanner3Img,
|
|
18
|
+
iconLabel1,
|
|
19
|
+
iconLabel2,
|
|
20
|
+
iconLabel3
|
|
18
21
|
}) => {
|
|
19
22
|
const isEsignature = ctaDataQa.includes('esignature')
|
|
20
23
|
const isAbout = ctaDataQa.includes('about')
|
|
@@ -40,6 +43,9 @@ const MidBannerRatafiaSection: FC<MidBannerRatafiaSectionProps> = ({
|
|
|
40
43
|
midBanner1Img={midBanner1Img}
|
|
41
44
|
midBanner2Img={midBanner2Img}
|
|
42
45
|
midBanner3Img={midBanner3Img}
|
|
46
|
+
iconLabel1={iconLabel1}
|
|
47
|
+
iconLabel2={iconLabel2}
|
|
48
|
+
iconLabel3={iconLabel3}
|
|
43
49
|
/>
|
|
44
50
|
</div>
|
|
45
51
|
</div>
|