@npm_leadtech/legal-lib-components 5.70.1 → 5.71.0

package/dist/src/components/atoms/index.d.ts

@@ -41,9 +41,6 @@ export * from './PreFooter';
 export * from './ProgressBar';
 export * from './Radio';
 export * from './RatafiaLandingIcon';
-export * from './RatafiaResultCard';
-export * from './RatafiaResultTab';
-export * from './RatafiaReviewResult';
 export * from './RemoveButton';
 export * from './ReviewKeyFactsResultRatafia';
 export * from './RichTextInner';

package/dist/src/components/atoms/index.js

@@ -41,9 +41,6 @@ export * from './PreFooter';
 export * from './ProgressBar';
 export * from './Radio';
 export * from './RatafiaLandingIcon';
-export * from './RatafiaResultCard';
-export * from './RatafiaResultTab';
-export * from './RatafiaReviewResult';
 export * from './RemoveButton';
 export * from './ReviewKeyFactsResultRatafia';
 export * from './RichTextInner';

package/dist/src/components/atoms/index.ts

@@ -41,9 +41,6 @@ export * from './PreFooter'
 export * from './ProgressBar'
 export * from './Radio'
 export * from './RatafiaLandingIcon'
-export * from './RatafiaResultCard'
-export * from './RatafiaResultTab'
-export * from './RatafiaReviewResult'
 export * from './RemoveButton'
 export * from './ReviewKeyFactsResultRatafia'
 export * from './RichTextInner'

package/dist/src/components/molecules/index.d.ts

@@ -31,8 +31,6 @@ export * from './PhoneContactBoxDesktop';
 export * from './PhoneContactBoxMobile';
 export * from './PopularDocs';
 export * from './PricingCard';
-export * from './RatafiaResultCardList';
-export * from './RatafiaResultTabList';
 export * from './RatafiaSubscriptionCard';
 export * from './Snackbar';
 export * from './StepGetForm';

package/dist/src/components/molecules/index.js

@@ -31,8 +31,6 @@ export * from './PhoneContactBoxDesktop';
 export * from './PhoneContactBoxMobile';
 export * from './PopularDocs';
 export * from './PricingCard';
-export * from './RatafiaResultCardList';
-export * from './RatafiaResultTabList';
 export * from './RatafiaSubscriptionCard';
 export * from './Snackbar';
 export * from './StepGetForm';

package/dist/src/components/molecules/index.ts

@@ -31,8 +31,6 @@ export * from './PhoneContactBoxDesktop'
 export * from './PhoneContactBoxMobile'
 export * from './PopularDocs'
 export * from './PricingCard'
-export * from './RatafiaResultCardList'
-export * from './RatafiaResultTabList'
 export * from './RatafiaSubscriptionCard'
 export * from './Snackbar'
 export * from './StepGetForm'

package/dist/src/components/organisms/HowWeHelp/HowWeHelp.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { type HowWeHelpProps } from './HowWeHelpProps.types';
+declare const HowWeHelp: FC<HowWeHelpProps>;
+export default HowWeHelp;

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, RichTextInner } from '../../atoms';
+import { HowWeHelpStyled } from './HowWeHelp.styled';
+const HowWeHelp = ({ title, image, children, button }) => {
+    return (_jsx(HowWeHelpStyled, { className: 'how-we-help', children: _jsxs("div", { className: 'wrapper how-we-help__content', children: [_jsxs("div", { className: 'how-we-help__texts', children: [_jsx("h2", { className: 'how-we-help__texts__title', children: title }), _jsxs(RichTextInner, { customClass: 'how-we-help__texts__body', children: [children, button != null && (_jsx("div", { className: 'how-we-help__texts__body__button', children: _jsx(Button, { ...button }) }))] })] }), _jsx("div", { className: 'how-we-help__image', children: image })] }) }));
+};
+export default HowWeHelp;

package/dist/src/components/organisms/HowWeHelp/HowWeHelp.styled.d.ts

@@ -0,0 +1 @@
+export declare const HowWeHelpStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/src/components/organisms/HowWeHelp/HowWeHelp.styled.js

@@ -0,0 +1,95 @@
+import { device } from '../../../globalStyles/breakpoints';
+import styled from 'styled-components';
+export const HowWeHelpStyled = styled.div `
+  padding: 0 1.5rem;
+  @media ${device.laptop} {
+    padding: 0;
+  }
+
+  .how-we-help {
+    &__content {
+      display: flex;
+      flex-direction: column-reverse;
+      padding-top: 2rem;
+      padding-bottom: 2rem;
+      align-items: center;
+
+      @media ${device['landscape-tablets']} {
+        padding-top: 3rem;
+        padding-bottom: 3rem;
+      }
+      @media ${device.laptop} {
+        flex-direction: row;
+      }
+    }
+    &__texts {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      margin-right: 0;
+      color: var(--neutral-neutral-1);
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.3px;
+      margin-bottom: 2rem;
+
+      @media ${device.laptop} {
+        flex-basis: 49%;
+        margin-right: 0;
+        margin-bottom: 1rem;
+      }
+      @media ${device.desktop} {
+        flex-basis: 56%;
+      }
+
+      &__title {
+        line-height: 1.1;
+        margin-bottom: 1.5rem;
+
+        font-family: var(--font-sans);
+        font-size: 28px;
+        font-weight: 700;
+        text-align: left;
+
+        @media ${device.laptop} {
+          text-align: left;
+        }
+      }
+
+      &__body {
+        font-family: var(--font-sans);
+        font-size: 16px;
+        line-height: 22px;
+
+        .m-richText {
+          p {
+            margin-bottom: 1.5rem;
+          }
+          a {
+            color: var(--primary-main);
+            font-weight: 400;
+            text-decoration: underline;
+          }
+        }
+
+        &__button {
+          .e-button {
+            display: inline-block;
+          }
+        }
+      }
+    }
+    &__image {
+      margin-bottom: 2.5rem;
+
+      @media ${device.laptop} {
+        flex-basis: 51%;
+        padding-left: 2.5rem;
+      }
+      @media ${device.desktop} {
+        flex-basis: 44%;
+        padding-left: 5rem;
+      }
+    }
+  }
+`;

package/dist/src/components/organisms/HowWeHelp/HowWeHelp.styled.ts

@@ -0,0 +1,96 @@
+import { device } from '../../../globalStyles/breakpoints'
+import styled from 'styled-components'
+
+export const HowWeHelpStyled = styled.div`
+  padding: 0 1.5rem;
+  @media ${device.laptop} {
+    padding: 0;
+  }
+
+  .how-we-help {
+    &__content {
+      display: flex;
+      flex-direction: column-reverse;
+      padding-top: 2rem;
+      padding-bottom: 2rem;
+      align-items: center;
+
+      @media ${device['landscape-tablets']} {
+        padding-top: 3rem;
+        padding-bottom: 3rem;
+      }
+      @media ${device.laptop} {
+        flex-direction: row;
+      }
+    }
+    &__texts {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      margin-right: 0;
+      color: var(--neutral-neutral-1);
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.3px;
+      margin-bottom: 2rem;
+
+      @media ${device.laptop} {
+        flex-basis: 49%;
+        margin-right: 0;
+        margin-bottom: 1rem;
+      }
+      @media ${device.desktop} {
+        flex-basis: 56%;
+      }
+
+      &__title {
+        line-height: 1.1;
+        margin-bottom: 1.5rem;
+
+        font-family: var(--font-sans);
+        font-size: 28px;
+        font-weight: 700;
+        text-align: left;
+
+        @media ${device.laptop} {
+          text-align: left;
+        }
+      }
+
+      &__body {
+        font-family: var(--font-sans);
+        font-size: 16px;
+        line-height: 22px;
+
+        .m-richText {
+          p {
+            margin-bottom: 1.5rem;
+          }
+          a {
+            color: var(--primary-main);
+            font-weight: 400;
+            text-decoration: underline;
+          }
+        }
+
+        &__button {
+          .e-button {
+            display: inline-block;
+          }
+        }
+      }
+    }
+    &__image {
+      margin-bottom: 2.5rem;
+
+      @media ${device.laptop} {
+        flex-basis: 51%;
+        padding-left: 2.5rem;
+      }
+      @media ${device.desktop} {
+        flex-basis: 44%;
+        padding-left: 5rem;
+      }
+    }
+  }
+`

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

@@ -0,0 +1,28 @@
+import React, { type FC } from 'react'
+
+import { Button, RichTextInner } from '../../atoms'
+import { type HowWeHelpProps } from './HowWeHelpProps.types'
+import { HowWeHelpStyled } from './HowWeHelp.styled'
+
+const HowWeHelp: FC<HowWeHelpProps> = ({ title, image, children, button }) => {
+  return (
+    <HowWeHelpStyled className='how-we-help'>
+      <div className='wrapper how-we-help__content'>
+        <div className='how-we-help__texts'>
+          <h2 className='how-we-help__texts__title'>{title}</h2>
+          <RichTextInner customClass='how-we-help__texts__body'>
+            {children}
+            {button != null && (
+              <div className={'how-we-help__texts__body__button'}>
+                <Button {...button} />
+              </div>
+            )}
+          </RichTextInner>
+        </div>
+        <div className='how-we-help__image'>{image}</div>
+      </div>
+    </HowWeHelpStyled>
+  )
+}
+
+export default HowWeHelp

package/dist/src/components/organisms/HowWeHelp/HowWeHelpProps.types.d.ts

@@ -0,0 +1,7 @@
+import { ButtonProps } from 'src/components/atoms';
+export interface HowWeHelpProps {
+    title: string;
+    image: React.ReactNode;
+    children: React.ReactNode;
+    button?: ButtonProps;
+}

package/dist/src/components/organisms/HowWeHelp/HowWeHelpProps.types.ts

@@ -0,0 +1,8 @@
+import { ButtonProps } from 'src/components/atoms'
+
+export interface HowWeHelpProps {
+  title: string
+  image: React.ReactNode
+  children: React.ReactNode
+  button?: ButtonProps
+}

package/dist/src/components/organisms/HowWeHelp/index.d.ts

@@ -0,0 +1,2 @@
+export { default as HowWeHelp } from './HowWeHelp';
+export { type HowWeHelpProps } from './HowWeHelpProps.types';

package/dist/src/components/organisms/HowWeHelp/index.js

@@ -0,0 +1 @@
+export { default as HowWeHelp } from './HowWeHelp';

package/dist/src/components/organisms/HowWeHelp/index.ts

@@ -0,0 +1,2 @@
+export { default as HowWeHelp } from './HowWeHelp'
+export { type HowWeHelpProps } from './HowWeHelpProps.types'

package/dist/src/components/organisms/index.d.ts

@@ -20,8 +20,7 @@ export * from './LimitReachedContentRatafia';
 export * from './ListStepsGetForm';
 export * from './LoginRatafiaContent';
 export * from './MobileBottomBar';
-export * from './RatafiaLoadingResultContent';
-export * from './RatafiaResultContent';
 export * from './StepsRatafiaContent';
 export * from './TryOurFreeLegalBlogsContent';
 export * from './Wizard';
+export * from './HowWeHelp';

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

@@ -20,8 +20,7 @@ export * from './LimitReachedContentRatafia';
 export * from './ListStepsGetForm';
 export * from './LoginRatafiaContent';
 export * from './MobileBottomBar';
-export * from './RatafiaLoadingResultContent';
-export * from './RatafiaResultContent';
 export * from './StepsRatafiaContent';
 export * from './TryOurFreeLegalBlogsContent';
 export * from './Wizard';
+export * from './HowWeHelp';

package/dist/src/components/organisms/index.ts

@@ -20,8 +20,7 @@ export * from './LimitReachedContentRatafia'
 export * from './ListStepsGetForm'
 export * from './LoginRatafiaContent'
 export * from './MobileBottomBar'
-export * from './RatafiaLoadingResultContent'
-export * from './RatafiaResultContent'
 export * from './StepsRatafiaContent'
 export * from './TryOurFreeLegalBlogsContent'
 export * from './Wizard'
+export * from './HowWeHelp'

package/dist/src/components/pages/AboutUsPage/AboutUsPage.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { AboutUsSection, AsSeeInSection, CardStorySection, ExpertsSection, GuidelinesSection, PeopleSayAboutUsSection, TryOurFreeLegalBlogsSection } from '../../sections';
-export const AboutUsPage = ({ aboutUsSectionProps, ourMissionBlogsSectionProps, ourCoreValuesBlogsSectionProps, cardStorySection, peopleSayAboutUsSectionProps, guidelinesSectionProps, expertsSectionProps, asSeeInSectionProps, isJonSnow = false }) => {
-    return (_jsxs(_Fragment, { children: [aboutUsSectionProps != null && _jsx(AboutUsSection, { ...aboutUsSectionProps }), ourMissionBlogsSectionProps != null && _jsx(TryOurFreeLegalBlogsSection, { ...ourMissionBlogsSectionProps }), ourCoreValuesBlogsSectionProps != null && _jsx(TryOurFreeLegalBlogsSection, { ...ourCoreValuesBlogsSectionProps }), cardStorySection != null && _jsx(CardStorySection, { ...cardStorySection }), guidelinesSectionProps != null && (_jsx(GuidelinesSection, { ...guidelinesSectionProps, children: guidelinesSectionProps.contentGuidelines?.children })), expertsSectionProps != null && _jsx(ExpertsSection, { ...expertsSectionProps }), !isJonSnow && peopleSayAboutUsSectionProps != null && (_jsx(PeopleSayAboutUsSection, { ...peopleSayAboutUsSectionProps })), !isJonSnow && asSeeInSectionProps != null && _jsx(AsSeeInSection, { ...asSeeInSectionProps })] }));
+import { HowWeHelp } from '../../organisms';
+export const AboutUsPage = ({ aboutUsSectionProps, ourMissionBlogsSectionProps, ourCoreValuesBlogsSectionProps, cardStorySection, howWeHelp, peopleSayAboutUsSectionProps, guidelinesSectionProps, expertsSectionProps, asSeeInSectionProps, isJonSnow = false }) => {
+    return (_jsxs(_Fragment, { children: [aboutUsSectionProps != null && _jsx(AboutUsSection, { ...aboutUsSectionProps }), ourMissionBlogsSectionProps != null && _jsx(TryOurFreeLegalBlogsSection, { ...ourMissionBlogsSectionProps }), ourCoreValuesBlogsSectionProps != null && _jsx(TryOurFreeLegalBlogsSection, { ...ourCoreValuesBlogsSectionProps }), cardStorySection != null && _jsx(CardStorySection, { ...cardStorySection }), howWeHelp != null && _jsx(HowWeHelp, { ...howWeHelp }), guidelinesSectionProps != null && (_jsx(GuidelinesSection, { ...guidelinesSectionProps, children: guidelinesSectionProps.contentGuidelines?.children })), expertsSectionProps != null && _jsx(ExpertsSection, { ...expertsSectionProps }), !isJonSnow && peopleSayAboutUsSectionProps != null && (_jsx(PeopleSayAboutUsSection, { ...peopleSayAboutUsSectionProps })), !isJonSnow && asSeeInSectionProps != null && _jsx(AsSeeInSection, { ...asSeeInSectionProps })] }));
 };

package/dist/src/components/pages/AboutUsPage/AboutUsPage.tsx

@@ -10,12 +10,14 @@ import {
   TryOurFreeLegalBlogsSection
 } from '../../sections'
 import { type AboutUsPageProps } from './AboutUsPageProps'
+import { HowWeHelp } from '../../organisms'
 
 export const AboutUsPage: React.FC<AboutUsPageProps> = ({
   aboutUsSectionProps,
   ourMissionBlogsSectionProps,
   ourCoreValuesBlogsSectionProps,
   cardStorySection,
+  howWeHelp,
   peopleSayAboutUsSectionProps,
   guidelinesSectionProps,
   expertsSectionProps,
@@ -28,6 +30,7 @@ export const AboutUsPage: React.FC<AboutUsPageProps> = ({
       {ourMissionBlogsSectionProps != null && <TryOurFreeLegalBlogsSection {...ourMissionBlogsSectionProps} />}
       {ourCoreValuesBlogsSectionProps != null && <TryOurFreeLegalBlogsSection {...ourCoreValuesBlogsSectionProps} />}
       {cardStorySection != null && <CardStorySection {...cardStorySection} />}
+      {howWeHelp != null && <HowWeHelp {...howWeHelp} />}
       {guidelinesSectionProps != null && (
         <GuidelinesSection {...guidelinesSectionProps}>
           {guidelinesSectionProps.contentGuidelines?.children}

package/dist/src/components/pages/AboutUsPage/AboutUsPageProps.d.ts

@@ -1,9 +1,11 @@
 import type { AboutUsSectionProps, AsSeeInSectionProps, CardStorySectionProps, ExpertsSectionProps, GuidelinesSectionProps, PeopleSayAboutUsSectionProps, TryOurFreeLegalBlogsSectionProps, TryUsSectionProps } from '../../sections';
+import { HowWeHelpProps } from '../../organisms';
 export interface AboutUsPageProps {
     aboutUsSectionProps?: AboutUsSectionProps;
     ourMissionBlogsSectionProps?: TryOurFreeLegalBlogsSectionProps;
     ourCoreValuesBlogsSectionProps?: TryOurFreeLegalBlogsSectionProps;
     cardStorySection?: CardStorySectionProps;
+    howWeHelp?: HowWeHelpProps;
     peopleSayAboutUsSectionProps?: PeopleSayAboutUsSectionProps;
     guidelinesSectionProps?: GuidelinesSectionProps;
     tryUsSectionProps?: TryUsSectionProps;

package/dist/src/components/pages/AboutUsPage/AboutUsPageProps.ts

@@ -8,12 +8,14 @@ import type {
   TryOurFreeLegalBlogsSectionProps,
   TryUsSectionProps
 } from '../../sections'
+import { HowWeHelpProps } from '../../organisms'
 
 export interface AboutUsPageProps {
   aboutUsSectionProps?: AboutUsSectionProps
   ourMissionBlogsSectionProps?: TryOurFreeLegalBlogsSectionProps
   ourCoreValuesBlogsSectionProps?: TryOurFreeLegalBlogsSectionProps
   cardStorySection?: CardStorySectionProps
+  howWeHelp?: HowWeHelpProps
   peopleSayAboutUsSectionProps?: PeopleSayAboutUsSectionProps
   guidelinesSectionProps?: GuidelinesSectionProps
   tryUsSectionProps?: TryUsSectionProps

package/dist/src/components/pages/index.d.ts

@@ -7,7 +7,6 @@ export * from './KeyFactsResultRatafiaPage';
 export * from './LegalPage';
 export * from './LimitReachedRatafiaPage';
 export * from './RatafiaLandingPage';
-export * from './RatafiaPricingPage';
-export * from './RatafiaResultPage';
 export * from './UnsubscribePage';
 export * from './LoginRatafiaPage';
+export * from './RatafiaPricingPage';

package/dist/src/components/pages/index.js

@@ -7,7 +7,6 @@ export * from './KeyFactsResultRatafiaPage';
 export * from './LegalPage';
 export * from './LimitReachedRatafiaPage';
 export * from './RatafiaLandingPage';
-export * from './RatafiaPricingPage';
-export * from './RatafiaResultPage';
 export * from './UnsubscribePage';
 export * from './LoginRatafiaPage';
+export * from './RatafiaPricingPage';

package/dist/src/components/pages/index.ts

@@ -7,7 +7,6 @@ export * from './KeyFactsResultRatafiaPage'
 export * from './LegalPage'
 export * from './LimitReachedRatafiaPage'
 export * from './RatafiaLandingPage'
-export * from './RatafiaPricingPage'
-export * from './RatafiaResultPage'
 export * from './UnsubscribePage'
 export * from './LoginRatafiaPage'
+export * from './RatafiaPricingPage'