@npm_leadtech/legal-lib-components 4.1.16 → 4.1.17

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { LayoutRatafia, LoginRatafiaContent } from '../../organisms';
+import { Button } from '../../atoms';
+import DisclaimerRatafia from '../../atoms/DisclaimerRatafia/DisclaimerRatafia';
+// import './LoginPageRatafia.scss'
+export const LoginRatafiaPage = ({ header, loginContent, ctaAnalizeDocument, ctaSignIn, disclaimer }) => {
+    const ctas = (_jsxs("div", { className: 'login-ratafia-page__ctas', children: [_jsx(Button, { givenClass: 'login-ratafia-page__ctas__button', color: 'primary', dataQa: ctaAnalizeDocument.dataQa, label: ctaAnalizeDocument.label, onClick: ctaAnalizeDocument.onClick, noLink: true, disabled: ctaAnalizeDocument.disabled }), _jsxs("span", { className: 'login-ratafia-page__ctas__signIn', children: [ctaSignIn.text, _jsx("button", { className: 'login-ratafia-page__ctas__signIn__button', "data-qa": ctaSignIn.link.dataQa, onClick: ctaSignIn.link.onClick, children: ctaSignIn.link.text })] })] }));
+    const footerDesktop = (_jsx(DisclaimerRatafia, { icon: disclaimer.icon, text: disclaimer.text, legalAdviceText: disclaimer.legalAdviceText, copyrightText: disclaimer.copyrightText, ctaTextShowDisclaimer: disclaimer.ctaTextShowDisclaimer, ctaTextCloseDisclaimer: disclaimer.ctaTextCloseDisclaimer }));
+    const footerMobile = (_jsxs(_Fragment, { children: [footerDesktop, ctas] }));
+    const content = (_jsx(LoginRatafiaContent, { title: loginContent.title, email: loginContent.email, policy: loginContent.policy }));
+    return (_jsx("div", { className: 'login-ratafia-page', children: _jsx(LayoutRatafia, { header: header, content: content, cta: ctas, footerDesktop: footerDesktop, footerMobile: footerMobile }) }));
+};

package/dist/src/components/pages/LoginRatafiaPage/LoginRatafiaPageProps.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,2 @@
+export * from './LoginRatafiaPage';
+export * from './LoginRatafiaPageProps';

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { BenefitsRatafiaSection, FaqSection, FeaturesRatafiaSection, JumbotronRatafiaSection, MidBannerRatafiaSection, StepsRatafiaSection, TryItRatafiaSection } from '../../sections';
+export const RatafiaLandingPage = ({ jumbotronRatafiaSectionProps, stepsRatafiaSectionProps, benefitsRatafiaSectionProps, featuresRatafiaSectionProps, tryItRatafiaSectionProps, trustPilotBox, midBannerRatafiaSectionProps, faqGroupProps }) => {
+    return (_jsxs(_Fragment, { children: [_jsx(JumbotronRatafiaSection, { content: jumbotronRatafiaSectionProps.content, children: jumbotronRatafiaSectionProps.children }), _jsx(StepsRatafiaSection, { ...stepsRatafiaSectionProps }), _jsx(BenefitsRatafiaSection, { ...benefitsRatafiaSectionProps }), _jsx(FeaturesRatafiaSection, { content: featuresRatafiaSectionProps.content, children: featuresRatafiaSectionProps.children }), _jsx(TryItRatafiaSection, { paragraph: tryItRatafiaSectionProps.paragraph, icon: tryItRatafiaSectionProps.icon, children: tryItRatafiaSectionProps.children }), trustPilotBox ?? trustPilotBox, _jsx(MidBannerRatafiaSection, { ...midBannerRatafiaSectionProps }), _jsx(FaqSection, { groups: faqGroupProps, givenClass: 'faq-ratafia-section' })] }));
+};

package/dist/src/components/pages/RatafiaLandingPage/RatafiaLandingPageProps.types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,2 @@
+export * from './RatafiaLandingPage';
+export * from './RatafiaLandingPageProps.types';

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { JumbotronStatic } from '../../atoms';
+import { UnsubscribeSection } from '../../sections';
+export const UnsubscribePage = ({ jumbotron, unsubscribeSection }) => {
+    return (_jsxs(_Fragment, { children: [_jsx(JumbotronStatic, { ...jumbotron }), _jsx(UnsubscribeSection, { ...unsubscribeSection })] }));
+};

package/dist/src/components/pages/UnsubscribePage/UnsubscribePageProps.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,2 @@
+export * from './UnsubscribePage';
+export * from './UnsubscribePageProps';

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

@@ -0,0 +1,9 @@
+export * from './AboutUsPage';
+export * from './ContactUsPage';
+export * from './ErrorRatafiaPage';
+export * from './FaqsPage';
+export * from './KeyFactsResultRatafiaPage';
+export * from './LegalPage';
+export * from './RatafiaLandingPage';
+export * from './UnsubscribePage';
+export * from './LoginRatafiaPage';

package/dist/src/components/sections/AboutUsSection/AboutUsSection.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AboutUsContent } from '../../organisms/AboutUsContent';
+// import './AboutUsSection.scss'
+const AboutUsSection = ({ title, subTitle, contentAboutUs }) => {
+    return (_jsx("div", { className: 'about-us-section', children: _jsxs("div", { className: 'wrapper wrapper--responsive', children: [_jsx("div", { className: 'about-us-section__title', children: _jsx("span", { className: 'about-us-section__title__text', children: title }) }), Boolean(subTitle) && _jsx("h1", { className: 'about-us-section__sub-title', children: subTitle }), _jsx(AboutUsContent, { image: contentAboutUs.image, button: contentAboutUs?.button, children: contentAboutUs.children })] }) }));
+};
+export default AboutUsSection;

package/dist/src/components/sections/AboutUsSection/AboutUsSectionProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/AboutUsSection/index.js

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

package/dist/src/components/sections/AsSeeInSection/AsSeeInSection.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AsSeeInContent } from '../../organisms';
+// import './AsSeeInSection.scss'
+const AsSeeInSection = ({ title, contentAsSeeIn }) => {
+    if (contentAsSeeIn.trustWorthyImages.images.length === 0) {
+        return null;
+    }
+    return (_jsx("section", { className: 'as-seen-in-section-box', children: _jsxs("div", { className: 'as-seen-in-section', children: [_jsx("h2", { className: 'as-seen-in-section__title', children: title }), _jsx(AsSeeInContent, { trustWorthyImages: contentAsSeeIn.trustWorthyImages, children: contentAsSeeIn.children })] }) }));
+};
+export default AsSeeInSection;

package/dist/src/components/sections/AsSeeInSection/AsSeeInSectionProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/AsSeeInSection/index.js

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

package/dist/src/components/sections/AsideMenuSection/AsideMenuSection.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// import './AsideMenuSection.scss'
+export const AsideMenuSection = ({ items, title = '', onClickHandler }) => {
+    return (_jsxs("aside", { className: 'asideMenu', children: [title.length > 0 && _jsx("div", { className: 'title sans-serif --big', children: title }), _jsx("ul", { className: 'list', children: items.map((item, index) => (_jsx("li", { className: `navItem ${index === 0 ? 'inView' : ''}`, id: `list-item-${item.slug}`, onClick: onClickHandler, onKeyUp: () => onClickHandler, role: 'menuitem', children: onClickHandler !== undefined ? _jsx("span", { children: item.text }) : _jsx("a", { href: `#${item.slug}`, children: item.text }) }, item.id))) })] }));
+};

package/dist/src/components/sections/AsideMenuSection/AsideMenuSectionProps.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/AsideMenuSection/index.js

@@ -0,0 +1,2 @@
+export * from './AsideMenuSection';
+export * from './AsideMenuSectionProps';

package/dist/src/components/sections/BenefitsRatafiaSection/BenefitsRatafiaSection.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BenefitRatafiaCardList } from '../../molecules';
+// import './BenefitsRatafiaSection.scss'
+const BenefitsRatafiaSection = ({ title, description, benefits }) => {
+    return (_jsx("section", { className: 'benefit-ratafia-section', children: _jsxs("div", { className: 'benefit-ratafia-section__wrapper background-ratafia-animation', children: [_jsxs("div", { className: 'benefit-ratafia-section__wrapper__title', children: [_jsx("h2", { className: 'sans-serif --super-large --bold-weight benefit-ratafia-section__wrapper__title__text', children: title }), _jsx("p", { className: 'sans-serif --super-medium benefit-ratafia-section__wrapper__title__description', children: description })] }), _jsx(BenefitRatafiaCardList, { benefits: benefits })] }) }));
+};
+export default BenefitsRatafiaSection;

package/dist/src/components/sections/BenefitsRatafiaSection/BenefitsRatafiaSectionProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/BenefitsRatafiaSection/index.js

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

package/dist/src/components/sections/BlogSection/BlogSection.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArticlesList } from '../../organisms';
+import { Button } from '../../atoms';
+// import './BlogSection.scss'
+const BlogSection = ({ blogTitle, blogCta, articles }) => {
+    if (articles.articles?.length === 0)
+        return null;
+    return (_jsxs("div", { className: 'blog', children: [_jsx("h2", { className: 'serif --super-large blog__title', children: blogTitle }), _jsx(ArticlesList, { articles: articles.articles }), _jsx(Button, { dataQa: '', color: 'secondary', label: blogCta, givenClass: 'cta-button', link: '/articles' })] }));
+};
+export default BlogSection;

package/dist/src/components/sections/BlogSection/BlogSectionProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/BlogSection/index.js

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

package/dist/src/components/sections/ContactSection/ContactSection.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BoxForm } from '../../molecules';
+import { ContactJumbotron } from '../../organisms';
+// import './ContactSection.scss'
+export const ContactSection = ({ contactJumbotronProps, contactForm }) => {
+    return (_jsx("section", { className: 'contact-container', children: _jsx("div", { className: 'wrapper wrapper--responsive wrapper--contact', children: _jsxs("div", { className: 'contact__main', children: [_jsx("div", { className: 'contact-left-container', children: _jsx(ContactJumbotron, { ...contactJumbotronProps }) }), _jsx("div", { className: 'contact-right-container', children: _jsx("div", { className: 'contact__form', children: _jsx(BoxForm, { ...contactForm }) }) })] }) }) }));
+};

package/dist/src/components/sections/ContactSection/ContactSectionProps.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/ContactSection/index.js

@@ -0,0 +1 @@
+export { ContactSection } from './ContactSection';

package/dist/src/components/sections/ExpertsSection/ExpertsSection.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ExpertCardList } from '../../molecules';
+// import './ExpertsSection.scss'
+const ExpertsSection = ({ title, contentExpertCardList }) => {
+    if (contentExpertCardList.contentExpertCard.length === 0) {
+        return null;
+    }
+    return (_jsxs("div", { className: 'experts-section', children: [_jsx("h2", { className: 'experts-section__title', children: title }), _jsx(ExpertCardList, { contentExpertCard: contentExpertCardList.contentExpertCard })] }));
+};
+export default ExpertsSection;

package/dist/src/components/sections/ExpertsSection/ExpertsSectionProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/ExpertsSection/index.js

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

package/dist/src/components/sections/FaqSection/FaqSection.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { FaqGroup } from '../../organisms';
+// import './FaqSection.scss'
+export const FaqSection = ({ groups, givenClass }) => {
+    const classnames = classNames(`faqSection ${givenClass ?? ''}`);
+    return (_jsx("section", { className: classnames, itemScope: true, itemType: 'https://www.schema.org/FAQPage', children: groups.map((group) => (_jsx(FaqGroup, { ...group }, group.id))) }));
+};

package/dist/src/components/sections/FaqSection/FaqSectionProps.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/FaqSection/index.js

@@ -0,0 +1,2 @@
+export * from './FaqSection';
+export * from './FaqSectionProps';

package/dist/src/components/sections/FeaturesRatafiaSection/FeaturesRatafiaSection.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FeaturesRatafiaContent } from '../../organisms';
+// import './FeaturesRatafiaSection.scss'
+const FeaturesRatafiaSection = ({ content, children }) => {
+    return (_jsx("section", { className: 'features-ratafia-section', children: _jsxs("div", { className: 'features-ratafia-section__wrapper', children: [_jsx("div", { className: 'features-ratafia-section__wrapper__content', children: _jsx(FeaturesRatafiaContent, { title: content.title, description: content.description, notReleasedText: content.notReleasedText, features: content.features }) }), _jsx("span", { className: 'features-ratafia-section__wrapper__children', children: children })] }) }));
+};
+export default FeaturesRatafiaSection;

package/dist/src/components/sections/FeaturesRatafiaSection/FeaturesRatafiaSectionProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/FeaturesRatafiaSection/index.js

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

package/dist/src/components/sections/GuidelinesSection/GuidelinesSection.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { GuidelinesContent } from '../../organisms/GuidelinesContent';
+// import './GuidelinesSection.scss'
+const GuidelinesSection = ({ contentGuidelines }) => {
+    return (_jsx("section", { className: 'guidelines-section wrapper wrapper--responsive', children: _jsx(GuidelinesContent, { title: contentGuidelines.title, image: contentGuidelines.image, children: contentGuidelines.children }) }));
+};
+export default GuidelinesSection;

package/dist/src/components/sections/GuidelinesSection/GuidelinesSectionProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/GuidelinesSection/index.js

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

package/dist/src/components/sections/HowGetYourFormsSection/HowGetYourFormsSection.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ListStepsGetForm } from '../../organisms';
+import imageFile from '../../../../images/png/graphics-grey-02.png';
+// import './HowGetYourFormsSection.scss'
+const HowGetYourFormsSection = ({ title = '', steps = [], hasBackgroundImage = true }) => {
+    if (steps.length === 0)
+        return null;
+    return (_jsxs("section", { className: 'how-it-works-wrapper', style: hasBackgroundImage ? { backgroundImage: `url(${imageFile})` } : {}, children: [_jsx("p", { className: 'works-title serif --super-large', children: title }), _jsx(ListStepsGetForm, { steps: steps })] }));
+};
+export default HowGetYourFormsSection;

package/dist/src/components/sections/HowGetYourFormsSection/HowGetYourFormsSectionProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/HowGetYourFormsSection/index.js

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

package/dist/src/components/sections/JumbotronRatafiaSection/JumbotronRatafiaSection.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { JumbotronRatafiaContent } from '../../organisms/JumbotronRatafiaContent';
+// import './JumbotronRatafiaSection.scss'
+const JumbotronRatafiaSection = ({ content, children }) => {
+    return (_jsx("section", { className: 'jumbotron-ratafia-section background-ratafia-animation', id: 'ratafia-jumbotron', children: _jsxs("div", { className: 'jumbotron-ratafia-section__wrapper', children: [_jsx(JumbotronRatafiaContent, { title: content.title, tags: content.tags, body: content.body }), _jsx("span", { className: 'jumbotron-ratafia-section__wrapper__children', children: children })] }) }));
+};
+export default JumbotronRatafiaSection;

package/dist/src/components/sections/JumbotronRatafiaSection/JumbotronRatafiaSectionProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/JumbotronRatafiaSection/index.js

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

package/dist/src/components/sections/JumbotronSimplifiedSection/JumbotronSimplifiedSection.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tagline } from '../../atoms';
+// import './JumbotronSimplifiedSection.scss'
+export const JumbotronSimplifiedSection = ({ wrapperClassName = '', taglineProps, title, children }) => {
+    return (_jsx("section", { className: `jumbotron--simplified ${wrapperClassName}`, children: _jsxs("div", { className: 'wrapper wrapper--responsive', children: [_jsx(Tagline, { ...taglineProps }), _jsx("h1", { className: 'serif jumbotron--simplified__title', children: title }), children] }) }));
+};

package/dist/src/components/sections/JumbotronSimplifiedSection/JumbotronSimplifiedSectionProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/JumbotronSimplifiedSection/index.js

@@ -0,0 +1 @@
+export { JumbotronSimplifiedSection } from './JumbotronSimplifiedSection';

package/dist/src/components/sections/LearnMoreSection/LearnMoreSection.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../atoms';
+// import './LearnMoreSection.scss'
+const LearnMoreSection = ({ title, description, cta, faqs }) => {
+    return (_jsx("section", { className: 'learn-more__wrapper', children: _jsxs("div", { className: 'wrapper', children: [_jsxs("div", { className: 'learn-more__info', children: [_jsx("h2", { className: 'learn-more__title serif --super-large', children: title }), _jsx("p", { className: 'learn-more__description sans-serif --regular', children: description })] }), _jsxs("div", { className: 'learn-more__faqs', children: [_jsx("ul", { children: faqs }), _jsx(Button, { dataQa: '', color: 'primary3', label: cta, link: '/faqs/' })] })] }) }));
+};
+export default LearnMoreSection;

package/dist/src/components/sections/LearnMoreSection/LearnMoreSectionProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/LearnMoreSection/index.js

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

package/dist/src/components/sections/LegalSection/LegalSection.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RichTextStrapi } from '../../atoms';
+// import './LegalSection.scss'
+export const LegalSection = ({ text }) => {
+    return (_jsx("section", { className: 'wrapper', children: _jsx("div", { className: 'legal', children: _jsx(RichTextStrapi, { ...text }) }) }));
+};

package/dist/src/components/sections/LegalSection/LegalSectionProps.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/LegalSection/index.js

@@ -0,0 +1,2 @@
+export * from './LegalSection';
+export * from './LegalSectionProps';

package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MidBannerRatafiaContent, MidBannerRatafiaSample } from '../../molecules';
+// import './MidBannerRatafiaSection.scss'
+const MidBannerRatafiaSection = ({ title, paragraph, ctaLabel, ctaLink, ctaDataQa, image }) => {
+    return (_jsx("section", { 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 }) })] }) }));
+};
+export default MidBannerRatafiaSection;

package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSectionProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/MidBannerRatafiaSection/index.js

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

package/dist/src/components/sections/MoreDocsSection/MoreDocsSection.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { MoreDocsDesktop, MoreDocsMobile } from '../../molecules';
+import { useIsMobileOrTable } from '../../../hooks';
+export const MoreDocsSection = ({ title, documents }) => {
+    const { isGtLandscapeTablets } = useIsMobileOrTable();
+    const [body, setBody] = React.useState(_jsx(MoreDocsDesktop, { title: title, documents: documents }));
+    React.useEffect(() => {
+        setBody(isGtLandscapeTablets ? (_jsx(MoreDocsDesktop, { title: title, documents: documents })) : (_jsx(MoreDocsMobile, { title: title, documents: documents })));
+    }, [isGtLandscapeTablets, title, documents]);
+    return _jsx("section", { className: 'more-docs-section', children: body });
+};

package/dist/src/components/sections/MoreDocsSection/MoreDocsSectionProps.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/MoreDocsSection/index.js

@@ -0,0 +1,2 @@
+export * from './MoreDocsSection';
+export * from './MoreDocsSectionProps';

package/dist/src/components/sections/PeopleSayAboutUsSection/PeopleSayAboutUsSection.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TrustPilot } from '../../atoms';
+// import './PeopleSayAboutUsSection.scss'
+const PeopleSayAboutUsSection = ({ title, contentTrustPilot }) => {
+    return (_jsxs("section", { className: 'people-say', children: [Boolean(title) && _jsx("h2", { className: 'people-say__title', children: title }), _jsx(TrustPilot, { children: contentTrustPilot.children })] }));
+};
+export default PeopleSayAboutUsSection;

package/dist/src/components/sections/PeopleSayAboutUsSection/PeopleSayAboutUsSectionProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/PeopleSayAboutUsSection/index.js

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

package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSection.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StepsRatafiaContent } from '../../organisms';
+import { Video } from '../../atoms';
+// import './StepsRatafiaSection.scss'
+const StepsRatafiaSection = ({ title, steps, videoUrl }) => {
+    return (_jsx("section", { className: 'steps-ratafia-section', children: _jsxs("div", { className: 'steps-ratafia-section__wrapper', children: [_jsx("div", { className: 'steps-ratafia-section__wrapper__video', children: _jsx(Video, { videoSrcURL: videoUrl, autoPlay: true, loop: true }) }), _jsx("div", { className: 'steps-ratafia-section__wrapper__content', children: _jsx(StepsRatafiaContent, { title: title, steps: steps }) })] }) }));
+};
+export default StepsRatafiaSection;

package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSectionProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/StepsRatafiaSection/index.js

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

package/dist/src/components/sections/TryItRatafiaSection/TryItRatafiaSection.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// import './TryItRatafiaSection.scss'
+const TryItRatafiaSection = ({ icon, paragraph, children }) => {
+    return (_jsx("section", { className: 'try-it-ratafia-section', children: _jsxs("div", { className: 'try-it-ratafia-section__wrapper background-ratafia-animation', children: [_jsxs("div", { className: 'try-it-ratafia-section__wrapper__content', children: [icon !== null && _jsx("div", { className: 'try-it-ratafia-section__wrapper__content__icon', children: icon }), _jsx("h2", { className: 'sans-serif --extra-large --bold-weight try-it-ratafia-section__wrapper__content__title', children: paragraph })] }), _jsx("span", { className: 'try-it-ratafia-section__wrapper__children', children: children })] }) }));
+};
+export default TryItRatafiaSection;

package/dist/src/components/sections/TryItRatafiaSection/TryItRatafiaSectionProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/TryItRatafiaSection/index.js

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

package/dist/src/components/sections/TryOurFreeLegalBlogsSection/TryOurFreeLegalBlogsSection.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TryOurFreeLegalBlogsContent } from '../../organisms/TryOurFreeLegalBlogsContent';
+// import './TryOurFreeLegalBlogsSection.scss'
+const TryOurFreeLegalBlogsSection = ({ contentTryOurFreeLegalBlogs }) => {
+    return (_jsx("section", { className: 'try-our-free-legal-blogs-section wrapper wrapper--responsive', children: _jsx(TryOurFreeLegalBlogsContent, { title: contentTryOurFreeLegalBlogs.title, image: contentTryOurFreeLegalBlogs.image, children: contentTryOurFreeLegalBlogs.children }) }));
+};
+export default TryOurFreeLegalBlogsSection;

package/dist/src/components/sections/TryOurFreeLegalBlogsSection/TryOurFreeLegalBlogsSectionProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/TryOurFreeLegalBlogsSection/index.js

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

package/dist/src/components/sections/TryUsSection/TryUsSection.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../atoms';
+// import './TryUsSection.scss'
+export const TryUsSection = ({ children, hasUserToken = false, cta }) => {
+    return (_jsxs("section", { className: 'try-us-section', children: [children, !hasUserToken && _jsx(Button, { ...cta })] }));
+};

package/dist/src/components/sections/TryUsSection/TryUsSectionProps.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/TryUsSection/index.js

@@ -0,0 +1 @@
+export { TryUsSection } from './TryUsSection';

package/dist/src/components/sections/UnsubscribeSection/UnsubscribeSection.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RichTextStrapi } from '../../atoms';
+// import './UnsubscribeSection.scss'
+export const UnsubscribeSection = ({ text }) => {
+    return (_jsx("section", { className: 'wrapper', children: _jsx("div", { className: 'unsubscribe', children: _jsx(RichTextStrapi, { ...text }) }) }));
+};

package/dist/src/components/sections/UnsubscribeSection/UnsubscribeSectionProps.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/UnsubscribeSection/index.js

@@ -0,0 +1 @@
+export { UnsubscribeSection } from './UnsubscribeSection';

package/dist/src/components/sections/WhyLawDistrictSection/WhyLawDistrictSection.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../atoms/Button';
+import { WhyLawDistrictItems } from '../../atoms/WhyLawDistrictItems';
+// import './WhyLawDistrictSection.scss'
+export const WhyLawDistrictSection = ({ title, items, userActive, link }) => {
+    if (items.length === 0)
+        return null;
+    return (_jsxs("section", { className: 'whyLawDistrictSection', children: [_jsx("h2", { className: 'why-lawDistrict__title serif --hero', children: title }), _jsx(WhyLawDistrictItems, { items: items }), !userActive && (_jsx(Button, { givenClass: 'whyLawDistrictSection__button', label: link.cta, link: link.url, onClick: link.onClick, dataQa: link.dataQa, isExternal: true, hasNoFollow: true }))] }));
+};
+export default WhyLawDistrictSection;

package/dist/src/components/sections/WhyLawDistrictSection/WhyLawDistrictSectionProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/WhyLawDistrictSection/index.js

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

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

@@ -0,0 +1,24 @@
+export * from './AboutUsSection';
+export * from './AsideMenuSection';
+export * from './AsSeeInSection';
+export * from './BenefitsRatafiaSection';
+export * from './BlogSection';
+export * from './ContactSection';
+export * from './ExpertsSection';
+export * from './FaqSection';
+export * from './FeaturesRatafiaSection';
+export * from './GuidelinesSection';
+export * from './HowGetYourFormsSection';
+export * from './JumbotronRatafiaSection';
+export * from './JumbotronSimplifiedSection';
+export * from './LegalSection';
+export * from './MidBannerRatafiaSection';
+export * from './MoreDocsSection';
+export * from './PeopleSayAboutUsSection';
+export * from './StepsRatafiaSection';
+export * from './TryItRatafiaSection';
+export * from './TryOurFreeLegalBlogsSection';
+export * from './TryUsSection';
+export * from './UnsubscribeSection';
+export * from './WhyLawDistrictSection';
+export * from './LearnMoreSection';

package/dist/src/hooks/index.js

@@ -0,0 +1,2 @@
+export { useIntersectionObserver } from './useIntersectionObserver';
+export { useIsMobileOrTable } from './useIsMobileOrTable';

package/dist/src/hooks/useIntersectionObserver.js

@@ -0,0 +1,22 @@
+import { useEffect, useRef, useState } from 'react';
+export function useIntersectionObserver({ options = {}, defaultIntersecting = false }) {
+    const [isIntersecting, setIsIntersecting] = useState(defaultIntersecting);
+    const elementRef = useRef(null);
+    useEffect(() => {
+        const currentElement = elementRef.current;
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                setIsIntersecting(entry.isIntersecting);
+            });
+        }, options);
+        if (currentElement != null) {
+            observer.observe(currentElement);
+        }
+        return () => {
+            if (currentElement != null) {
+                observer.unobserve(currentElement);
+            }
+        };
+    }, [options]);
+    return [elementRef, isIntersecting];
+}

package/dist/src/hooks/useIsMobileOrTable.js

@@ -0,0 +1,26 @@
+import { useEffect, useState } from 'react';
+export const useIsMobileOrTable = () => {
+    const [isMobile, setIsMobile] = useState(typeof window !== 'undefined' ? window.innerWidth < 575 : false);
+    const [isTablet, setIsTable] = useState(typeof window !== 'undefined' ? window.innerWidth < 960 && window.innerWidth >= 575 : false);
+    const [load, setLoad] = useState(false);
+    const [isGtLandscapeTablets, setIsGtLandscapeTablets] = useState(typeof window !== 'undefined' ? window.innerWidth > 720 : true);
+    const validateWidthScreen = () => {
+        setIsMobile(window.innerWidth < 575);
+        setIsTable(window.innerWidth < 960 && window.innerWidth >= 575);
+        setIsGtLandscapeTablets(window.innerWidth > 720);
+    };
+    useEffect(() => {
+        validateWidthScreen();
+        window.addEventListener('resize', validateWidthScreen);
+        setLoad(true);
+        return () => {
+            document.removeEventListener('resize', validateWidthScreen);
+        };
+    }, []);
+    return {
+        isMobile,
+        isTablet,
+        load,
+        isGtLandscapeTablets
+    };
+};

package/dist/src/index.js

@@ -0,0 +1,2 @@
+import { DatePickerCustom } from './components/atoms/DatePickerCustom';
+export { DatePickerCustom };

package/dist/src/utils/ProductCategory.js

@@ -0,0 +1,8 @@
+export var ProductCategory;
+(function (ProductCategory) {
+    ProductCategory["Business"] = "Business";
+    ProductCategory["Employment"] = "Employment";
+    ProductCategory["RealEstate"] = "Real Estate";
+    ProductCategory["Finance"] = "Finance";
+    ProductCategory["PersonalFamily"] = "Personal and Family";
+})(ProductCategory || (ProductCategory = {}));