@npm_leadtech/legal-lib-components 5.47.0 → 5.48.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.
Files changed (11) hide show
  1. package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.js +3 -3
  2. package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.tsx +34 -28
  3. package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSampleProps.types.d.ts +1 -0
  4. package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSampleProps.types.ts +1 -0
  5. package/dist/src/components/pages/EsignatureLandingPage/EsignatureLandingPage.js +3 -3
  6. package/dist/src/components/pages/EsignatureLandingPage/EsignatureLandingPage.tsx +9 -1
  7. package/dist/src/components/pages/EsignatureLandingPage/EsignatureLandingPageProps.types.d.ts +3 -2
  8. package/dist/src/components/pages/EsignatureLandingPage/EsignatureLandingPageProps.types.ts +8 -2
  9. package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.js +2 -1
  10. package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.tsx +2 -1
  11. package/package.json +1 -1
package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.js CHANGED
@@ -1,6 +1,6 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
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 }) => {
4
- return (_jsxs(MidBannerRatafiaSampleStyled, { className: 'mid-banner-ratafia-sample', children: [_jsx("div", { className: 'mid-banner-ratafia-sample__image', children: image }), _jsxs("div", { className: 'mid-banner-ratafia-sample__sumarized-tag', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__sumarized-tag__icon', src: 'https://cdn.stage.strapi.lawdistrict.com/mid-banner-1.svg', alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small --bold-weight mid-banner-ratafia-sample__sumarized-tag__text', children: "Summarized" })] }), _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: 'https://cdn.stage.strapi.lawdistrict.com/mid-banner-2.svg', alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small mid-banner-ratafia-sample__feature-tag__text', children: "Key facts" })] }), _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: 'https://cdn.stage.strapi.lawdistrict.com/mid-banner-3.svg', alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small mid-banner-ratafia-sample__feature-tag__text', children: "Clauses" })] })] }));
3
+ const MidBannerRatafiaSample = ({ image, isEsignatureImage = false }) => {
4
+ return (_jsxs(MidBannerRatafiaSampleStyled, { className: 'mid-banner-ratafia-sample', children: [_jsx("div", { className: 'mid-banner-ratafia-sample__image', children: image }), !isEsignatureImage && (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'mid-banner-ratafia-sample__sumarized-tag', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__sumarized-tag__icon', src: 'https://cdn.stage.strapi.lawdistrict.com/mid-banner-1.svg', alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small --bold-weight mid-banner-ratafia-sample__sumarized-tag__text', children: "Summarized" })] }), _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: 'https://cdn.stage.strapi.lawdistrict.com/mid-banner-2.svg', alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small mid-banner-ratafia-sample__feature-tag__text', children: "Key facts" })] }), _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: 'https://cdn.stage.strapi.lawdistrict.com/mid-banner-3.svg', alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small mid-banner-ratafia-sample__feature-tag__text', children: "Clauses" })] })] }))] }));
5
5
  };
6
6
  export default MidBannerRatafiaSample;
package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.tsx CHANGED
@@ -3,37 +3,43 @@ import React, { type FC } from 'react'
3
3
  import { type MidBannerRatafiaSampleProps } from './MidBannerRatafiaSampleProps.types'
4
4
  import { MidBannerRatafiaSampleStyled } from './MidBannerRatafiaSample.styled'
5
5
 
6
- const MidBannerRatafiaSample: FC<MidBannerRatafiaSampleProps> = ({ image }) => {
6
+ const MidBannerRatafiaSample: FC<MidBannerRatafiaSampleProps> = ({ image, isEsignatureImage = false }) => {
7
7
  return (
8
8
  <MidBannerRatafiaSampleStyled className='mid-banner-ratafia-sample'>
9
9
  <div className='mid-banner-ratafia-sample__image'>{image}</div>
10
- <div className='mid-banner-ratafia-sample__sumarized-tag'>
11
- <img
12
- className='mid-banner-ratafia-sample__sumarized-tag__icon'
13
- src='https://cdn.stage.strapi.lawdistrict.com/mid-banner-1.svg'
14
- alt=''
15
- role='img'
16
- />
17
- <p className='sans-serif --small --bold-weight mid-banner-ratafia-sample__sumarized-tag__text'>Summarized</p>
18
- </div>
19
- <div className='mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__key-facts'>
20
- <img
21
- className='mid-banner-ratafia-sample__feature-tag__icon'
22
- src='https://cdn.stage.strapi.lawdistrict.com/mid-banner-2.svg'
23
- alt=''
24
- role='img'
25
- />
26
- <p className='sans-serif --small mid-banner-ratafia-sample__feature-tag__text'>Key facts</p>
27
- </div>
28
- <div className='mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__clauses'>
29
- <img
30
- className='mid-banner-ratafia-sample__feature-tag__icon'
31
- src='https://cdn.stage.strapi.lawdistrict.com/mid-banner-3.svg'
32
- alt=''
33
- role='img'
34
- />
35
- <p className='sans-serif --small mid-banner-ratafia-sample__feature-tag__text'>Clauses</p>
36
- </div>
10
+ {!isEsignatureImage && (
11
+ <>
12
+ <div className='mid-banner-ratafia-sample__sumarized-tag'>
13
+ <img
14
+ className='mid-banner-ratafia-sample__sumarized-tag__icon'
15
+ src='https://cdn.stage.strapi.lawdistrict.com/mid-banner-1.svg'
16
+ alt=''
17
+ role='img'
18
+ />
19
+ <p className='sans-serif --small --bold-weight mid-banner-ratafia-sample__sumarized-tag__text'>
20
+ Summarized
21
+ </p>
22
+ </div>
23
+ <div className='mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__key-facts'>
24
+ <img
25
+ className='mid-banner-ratafia-sample__feature-tag__icon'
26
+ src='https://cdn.stage.strapi.lawdistrict.com/mid-banner-2.svg'
27
+ alt=''
28
+ role='img'
29
+ />
30
+ <p className='sans-serif --small mid-banner-ratafia-sample__feature-tag__text'>Key facts</p>
31
+ </div>
32
+ <div className='mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__clauses'>
33
+ <img
34
+ className='mid-banner-ratafia-sample__feature-tag__icon'
35
+ src='https://cdn.stage.strapi.lawdistrict.com/mid-banner-3.svg'
36
+ alt=''
37
+ role='img'
38
+ />
39
+ <p className='sans-serif --small mid-banner-ratafia-sample__feature-tag__text'>Clauses</p>
40
+ </div>
41
+ </>
42
+ )}
37
43
  </MidBannerRatafiaSampleStyled>
38
44
  )
39
45
  }
package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSampleProps.types.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  export interface MidBannerRatafiaSampleProps {
2
2
  image: React.ReactNode;
3
+ isEsignatureImage?: boolean;
3
4
  }
package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSampleProps.types.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  export interface MidBannerRatafiaSampleProps {
2
2
  image: React.ReactNode
3
+ isEsignatureImage?: boolean
3
4
  }
package/dist/src/components/pages/EsignatureLandingPage/EsignatureLandingPage.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { BenefitsRatafiaSection, FaqSection, JumbotronRatafiaSection, StepsRatafiaSection } from '../../sections';
3
- export const EsignatureLandingPage = ({ jumbotronSectionProps, stepsSectionProps, benefitsSectionProps, trustPilotBox, faqGroupProps }) => {
4
- return (_jsxs(_Fragment, { children: [_jsx(JumbotronRatafiaSection, { content: jumbotronSectionProps.content, alternativeStyles: jumbotronSectionProps.alternativeStyles, children: jumbotronSectionProps.children }), _jsx(StepsRatafiaSection, { ...stepsSectionProps }), _jsx(BenefitsRatafiaSection, { ...benefitsSectionProps }), trustPilotBox ?? trustPilotBox, _jsx(FaqSection, { groups: faqGroupProps, givenClass: 'faq-ratafia-section' })] }));
2
+ import { BenefitsRatafiaSection, FaqSection, JumbotronRatafiaSection, MidBannerRatafiaSection, StepsRatafiaSection } from '../../sections';
3
+ export const EsignatureLandingPage = ({ jumbotronSectionProps, stepsSectionProps, benefitsSectionProps, trustPilotBox, midBannerRatafiaSectionProps, faqGroupProps }) => {
4
+ return (_jsxs(_Fragment, { children: [_jsx(JumbotronRatafiaSection, { content: jumbotronSectionProps.content, alternativeStyles: jumbotronSectionProps.alternativeStyles, children: jumbotronSectionProps.children }), _jsx(StepsRatafiaSection, { ...stepsSectionProps }), _jsx(BenefitsRatafiaSection, { ...benefitsSectionProps }), trustPilotBox ?? trustPilotBox, _jsx(MidBannerRatafiaSection, { ...midBannerRatafiaSectionProps }), _jsx(FaqSection, { groups: faqGroupProps, givenClass: 'faq-ratafia-section' })] }));
5
5
  };
package/dist/src/components/pages/EsignatureLandingPage/EsignatureLandingPage.tsx CHANGED
@@ -1,6 +1,12 @@
1
1
  import React from 'react'
2
2
 
3
- import { BenefitsRatafiaSection, FaqSection, JumbotronRatafiaSection, StepsRatafiaSection } from '../../sections'
3
+ import {
4
+ BenefitsRatafiaSection,
5
+ FaqSection,
6
+ JumbotronRatafiaSection,
7
+ MidBannerRatafiaSection,
8
+ StepsRatafiaSection
9
+ } from '../../sections'
4
10
  import { type EsignatureLandingPageProps } from './EsignatureLandingPageProps.types'
5
11
 
6
12
  export const EsignatureLandingPage: React.FC<EsignatureLandingPageProps> = ({
@@ -8,6 +14,7 @@ export const EsignatureLandingPage: React.FC<EsignatureLandingPageProps> = ({
8
14
  stepsSectionProps,
9
15
  benefitsSectionProps,
10
16
  trustPilotBox,
17
+ midBannerRatafiaSectionProps,
11
18
  faqGroupProps
12
19
  }) => {
13
20
  return (
@@ -21,6 +28,7 @@ export const EsignatureLandingPage: React.FC<EsignatureLandingPageProps> = ({
21
28
  <StepsRatafiaSection {...stepsSectionProps} />
22
29
  <BenefitsRatafiaSection {...benefitsSectionProps} />
23
30
  {trustPilotBox ?? trustPilotBox}
31
+ <MidBannerRatafiaSection {...midBannerRatafiaSectionProps} />
24
32
  <FaqSection groups={faqGroupProps} givenClass='faq-ratafia-section' />
25
33
  </>
26
34
  )
package/dist/src/components/pages/EsignatureLandingPage/EsignatureLandingPageProps.types.d.ts CHANGED
@@ -1,9 +1,10 @@
1
- import { BenefitsRatafiaSectionProps, JumbotronRatafiaSectionProps, StepsRatafiaSectionProps } from '../../sections';
1
+ import { BenefitsRatafiaSectionProps, JumbotronRatafiaSectionProps, MidBannerRatafiaSectionProps, StepsRatafiaSectionProps } from '../../sections';
2
2
  import type { FaqGroupProps } from '../../organisms';
3
3
  export interface EsignatureLandingPageProps {
4
4
  jumbotronSectionProps: JumbotronRatafiaSectionProps;
5
5
  stepsSectionProps: StepsRatafiaSectionProps;
6
6
  benefitsSectionProps: BenefitsRatafiaSectionProps;
7
- faqGroupProps: FaqGroupProps[];
8
7
  trustPilotBox?: React.ReactNode;
8
+ midBannerRatafiaSectionProps: MidBannerRatafiaSectionProps;
9
+ faqGroupProps: FaqGroupProps[];
9
10
  }
package/dist/src/components/pages/EsignatureLandingPage/EsignatureLandingPageProps.types.ts CHANGED
@@ -1,10 +1,16 @@
1
- import { BenefitsRatafiaSectionProps, JumbotronRatafiaSectionProps, StepsRatafiaSectionProps } from '../../sections'
1
+ import {
2
+ BenefitsRatafiaSectionProps,
3
+ JumbotronRatafiaSectionProps,
4
+ MidBannerRatafiaSectionProps,
5
+ StepsRatafiaSectionProps
6
+ } from '../../sections'
2
7
  import type { FaqGroupProps } from '../../organisms'
3
8
 
4
9
  export interface EsignatureLandingPageProps {
5
10
  jumbotronSectionProps: JumbotronRatafiaSectionProps
6
11
  stepsSectionProps: StepsRatafiaSectionProps
7
12
  benefitsSectionProps: BenefitsRatafiaSectionProps
8
- faqGroupProps: FaqGroupProps[]
9
13
  trustPilotBox?: React.ReactNode
14
+ midBannerRatafiaSectionProps: MidBannerRatafiaSectionProps
15
+ faqGroupProps: FaqGroupProps[]
10
16
  }
package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.js CHANGED
@@ -2,6 +2,7 @@ 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
  const MidBannerRatafiaSection = ({ title, paragraph, ctaLabel, ctaLink, ctaDataQa, image }) => {
5
- return (_jsx(MidBannerRatafiaSectionStyled, { className: 'mid-banner-ratafia-section', children: _jsxs("div", { className: 'mid-banner-ratafia-section__wrapper', children: [_jsx(MidBannerRatafiaContent, { title: title, paragraph: paragraph, ctaLabel: ctaLabel, ctaLink: ctaLink, ctaDataQa: ctaDataQa }), _jsx("div", { className: 'mid-banner-ratafia-section__wrapper__sample', children: _jsx(MidBannerRatafiaSample, { image: image }) })] }) }));
5
+ const isEsignature = ctaDataQa.includes('esignature') && true;
6
+ return (_jsx(MidBannerRatafiaSectionStyled, { className: 'mid-banner-ratafia-section', children: _jsxs("div", { className: 'mid-banner-ratafia-section__wrapper', children: [_jsx(MidBannerRatafiaContent, { title: title, paragraph: paragraph, ctaLabel: ctaLabel, ctaLink: ctaLink, ctaDataQa: ctaDataQa }), _jsx("div", { className: 'mid-banner-ratafia-section__wrapper__sample', children: _jsx(MidBannerRatafiaSample, { image: image, isEsignatureImage: isEsignature }) })] }) }));
6
7
  };
7
8
  export default MidBannerRatafiaSection;
package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.tsx CHANGED
@@ -12,6 +12,7 @@ const MidBannerRatafiaSection: FC<MidBannerRatafiaSectionProps> = ({
12
12
  ctaDataQa,
13
13
  image
14
14
  }) => {
15
+ const isEsignature = ctaDataQa.includes('esignature') && true
15
16
  return (
16
17
  <MidBannerRatafiaSectionStyled className='mid-banner-ratafia-section'>
17
18
  <div className='mid-banner-ratafia-section__wrapper'>
@@ -23,7 +24,7 @@ const MidBannerRatafiaSection: FC<MidBannerRatafiaSectionProps> = ({
23
24
  ctaDataQa={ctaDataQa}
24
25
  />
25
26
  <div className='mid-banner-ratafia-section__wrapper__sample'>
26
- <MidBannerRatafiaSample image={image} />
27
+ <MidBannerRatafiaSample image={image} isEsignatureImage={isEsignature} />
27
28
  </div>
28
29
  </div>
29
30
  </MidBannerRatafiaSectionStyled>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "5.47.0",
3
+ "version": "5.48.1",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",