@npm_leadtech/legal-lib-components 4.1.16 → 4.1.18

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

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

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { BaseBox } from '../../atoms';
+// import './BaseBoxList.scss'
+const BaseBoxList = ({ list, padded, children, givenClass = '' }) => {
+    if (children === undefined && list?.length === 0)
+        return null;
+    const classes = classNames(`base-box-group ${givenClass}`, {
+        'base-box-group--padded': padded
+    });
+    return _jsx("div", { className: classes, children: children ?? list?.map((box, index) => _jsx(BaseBox, { ...box }, index)) });
+};
+export default BaseBoxList;

package/dist/src/components/molecules/BaseBoxList/BaseBoxListProps.types.js

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

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

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

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BenefitRatafiaCard } from '../../atoms';
+// import './BenefitRatafiaCardList.scss'
+const BenefitRatafiaCardList = ({ benefits = [] }) => {
+    if (benefits.length === 0)
+        return null;
+    return (_jsx("div", { className: 'benefit-ratafia-card-list', children: benefits.map((benefit) => (_jsx(BenefitRatafiaCard, { ...benefit }, benefit.id))) }));
+};
+export default BenefitRatafiaCardList;

package/dist/src/components/molecules/BenefitRatafiaCardList/BenefitRatafiaCardListProps.types.js

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

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

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

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, RichTextInner } from '../../atoms';
+// import './BottomFixedBar.scss'
+const BottomFixedBar = ({ text, button }) => {
+    if (text === undefined || button === undefined)
+        return null;
+    return (_jsxs("div", { className: 'bottom-fixed-bar', children: [_jsx(RichTextInner, { customClass: 'bottom-fixed-bar__text sans-serif --extra-small', children: text }), _jsx("div", { className: 'bottom-fixed-bar__button-container', children: _jsx(Button, { noLink: true, color: 'primary3', ...button }) })] }));
+};
+export default BottomFixedBar;

package/dist/src/components/molecules/BottomFixedBar/BottomFixedBarProps.types.js

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

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

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

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

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { useSwipeable } from 'react-swipeable';
+// import './BottomOverlay.scss'
+const BottomOverlay = ({ givenClass, header, body, open = false, onClose, footer }) => {
+    const [scrollingDown, setScrollingDown] = useState(false);
+    const scrollingShadow = scrollingDown ? 'overlay__delimiter__scrolling' : '';
+    const overlayBackground = useRef(null);
+    const overlayMessage = useRef(null);
+    useEffect(() => {
+        if (open) {
+            const backgroundElement = overlayBackground.current;
+            backgroundElement.addEventListener('mousedown', handleCloseModal);
+            return () => {
+                backgroundElement.removeEventListener('mousedown', handleCloseModal);
+            };
+        }
+    }, [open]);
+    const handleCloseModal = (event) => {
+        if (onClose != null)
+            onClose();
+    };
+    const handleScroll = (event) => {
+        setScrollingDown(true);
+        const targetElement = event.target;
+        if (targetElement?.scrollTop === 0) {
+            setScrollingDown(false);
+        }
+    };
+    const swipeableConfig = {
+        trackMouse: true
+    };
+    const handlers = useSwipeable({
+        onSwipedDown: (eventData) => {
+            swipeEventHandler(eventData);
+        },
+        ...swipeableConfig
+    });
+    const swipeEventHandler = (data) => {
+        const messageElement = overlayMessage.current;
+        const mouseYPosition = data.initial;
+        if (mouseYPosition[1] < messageElement.offsetTop) {
+            if (onClose != null)
+                onClose();
+        }
+    };
+    return (_jsxs("div", { className: `bottom-overlay ${givenClass ?? ''} ${open ? 'show' : ''}`, ...handlers, children: [_jsx("div", { ref: overlayBackground, className: 'bottom-overlay__background' }), _jsxs("nav", { ref: overlayMessage, className: 'bottom-overlay__nav', children: [_jsx("div", { className: `overlay__delimiter ${scrollingShadow}` }), header, _jsx("div", { className: 'overlay__scrollable-section', onScroll: handleScroll, children: body }), footer !== undefined && _jsx("div", { className: 'overlay__footer', children: footer })] })] }));
+};
+export default BottomOverlay;

package/dist/src/components/molecules/BottomOverlay/BottomOverlayProps.types.js

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

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

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

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+import React from 'react';
+import { Button } from '../../atoms';
+// import './BoxForm.scss'
+const BoxForm = ({ title, body, footer, closeInsideModal, closeModalAndReloadPage, hideHeader = false }) => {
+    const [buttonProps] = React.useState(() => {
+        if (footer == null)
+            return undefined;
+        const { onClick, link } = footer.button;
+        return {
+            ...footer.button,
+            color: 'secondary',
+            size: 'S',
+            ...(onClick != null ? { onClick, noLink: true } : { link })
+        };
+    });
+    return (_jsxs("div", { className: 'box--form', children: [!hideHeader && (_jsx("div", { className: 'box--form__header', children: closeInsideModal === true ? (_jsxs(_Fragment, { children: [_jsx("h3", { className: 'box--form__title sans-serif --big', children: title }), _jsx("div", { className: 'box--form__close', onClick: closeModalAndReloadPage, children: "\u00D7" })] })) : (_jsx("h3", { className: 'box--form__title sans-serif --big', children: title })) })), _jsxs("div", { className: 'box--form__main', children: [_jsx("div", { className: 'box--form__body', children: body }), footer !== undefined && (_jsxs("div", { className: 'box--form__footer', children: [_jsx("span", { className: 'box--form__footer__text', children: footer.text }), buttonProps !== undefined && _jsx(Button, { ...buttonProps })] }))] })] }));
+};
+export default BoxForm;

package/dist/src/components/molecules/BoxForm/BoxFormProps.types.js

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

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

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

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BreadcrumItem } from '../../atoms';
+// import './Breadcrumb.scss'
+const Breadcrumb = ({ crumbs }) => {
+    return (_jsx("div", { className: 'breadcrumb-container', children: _jsx("ul", { className: 'inline-list sans-serif', children: crumbs.map((crumb, index) => (_jsx(BreadcrumItem, { text: crumb.text, position: index, url: crumb.url }, `crumb-${crumb.text}`))) }) }));
+};
+export default Breadcrumb;

package/dist/src/components/molecules/Breadcrumb/BreadcrumbProps.types.js

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

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

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

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { Button } from '../../atoms';
+// import './ContactBox.scss'
+const ContactBox = ({ phone, schedule, mobile = false, mobileGtmTag, dataQa, darkMode, givenClass = '' }) => {
+    if (phone.length === 0 || schedule.length === 0)
+        return null;
+    const classnames = classNames(`contact-box ${givenClass}`, {
+        'contact-box--mobile': mobile,
+        'contact-box--dark-mode': darkMode
+    });
+    return (_jsxs("div", { className: classnames, children: [!mobile && _jsx("span", { className: 'contact-box__phone', children: phone }), mobile && (_jsx(Button, { centered: true, fluid: true, isExternal: true, label: phone, link: `tel:${phone}`, gtmTag: mobileGtmTag, dataQa: dataQa })), _jsx("p", { className: 'contact-box__schedule', children: schedule })] }));
+};
+export default ContactBox;

package/dist/src/components/molecules/ContactBox/ContactBoxProps.types.js

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

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

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

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../atoms/Button';
+// import './ContinueEditingBanner.scss'
+export const ContinueEditingBanner = ({ latestApplicationInProgress, editFormClicked, tagLine, title, token }) => {
+    if (latestApplicationInProgress == null || token.length === 0) {
+        return null;
+    }
+    return (_jsx("div", { 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: 'Complete It Today', dataQa: 'continue-editing-banner-button', noLink: true, onClick: () => {
+                        if (editFormClicked != null) {
+                            editFormClicked(latestApplicationInProgress);
+                        }
+                    } })] }) }));
+};

package/dist/src/components/molecules/ContinueEditingBanner/ContinueEditingBannerProps.types.js

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

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

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

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

@@ -0,0 +1,34 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { MessageInformation } from '../../atoms';
+import classNames from 'classnames';
+import { useIsMobileOrTable } from '../../../hooks';
+// import './CountDownMessage.scss'
+const CountDownMessage = ({ noImg = false, text, time, centered = false }) => {
+    const [scrollSuperateCountDown, setScrollSuperateCountDown] = useState(false);
+    const { isMobile, isTablet } = useIsMobileOrTable();
+    const countDownRef = useRef(null);
+    const handleScroll = () => {
+        const countDownComponent = countDownRef.current?.getBoundingClientRect();
+        if (countDownComponent != null) {
+            const enableFixed = countDownComponent.bottom < 0;
+            setScrollSuperateCountDown(enableFixed);
+        }
+    };
+    useEffect(() => {
+        window.removeEventListener('scroll', handleScroll);
+        if (isMobile || isTablet) {
+            window.addEventListener('scroll', handleScroll);
+        }
+        return () => {
+            window.removeEventListener('scroll', handleScroll);
+        };
+    }, [isMobile, isTablet]);
+    const messageInformationHtml = _jsx(MessageInformation, { noImg: noImg, text: text, time: time, centered: centered });
+    const classCountDownMessageFixed = classNames({
+        'count-down-message-fixed': true,
+        'count-down-message-fixed--show': scrollSuperateCountDown
+    });
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: `count-down-message ${noImg && 'extra-margin'}`, ref: countDownRef, children: messageInformationHtml }), _jsx("div", { className: classCountDownMessageFixed, children: messageInformationHtml })] }));
+};
+export default CountDownMessage;

package/dist/src/components/molecules/CountDownMessage/CountDownMessageProps.types.js

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

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

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

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MailSvg } from '../../../../images/componentsSvg/MailSvg';
+// import './EmailContactBox.scss'
+export const EmailContactBox = ({ mail, text }) => {
+    return (_jsxs("div", { className: 'email-contact-box-container', children: [_jsx(MailSvg, {}), _jsxs("div", { children: [_jsx("p", { children: _jsx("a", { className: 'email-contact-mail', href: `mailto:${mail}`, children: mail }) }), _jsx("p", { className: 'email-contact-text', children: text })] })] }));
+};

package/dist/src/components/molecules/EmailContactBox/EmailContactBoxProps.js

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

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

@@ -0,0 +1,2 @@
+export * from './EmailContactBox';
+export * from './EmailContactBoxProps';

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ExpertCard } from '../../atoms/ExpertCard';
+// import './ExpertCardList.scss'
+const ExpertCardList = ({ contentExpertCard }) => {
+    const expertCards = contentExpertCard.map((expertCard) => {
+        return (_jsx(ExpertCard, { title: expertCard.title, url: expertCard.url, description: expertCard.description, image: expertCard.image }, expertCard.title));
+    });
+    return _jsx("div", { className: 'expert-card-list', children: expertCards });
+};
+export default ExpertCardList;

package/dist/src/components/molecules/ExpertCardList/ExpertCardListProps.types.js

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

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

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

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { ChevronRight24px } from '../../../../images/componentsSvg/ChevronRight24px';
+// import './FaqItem.scss'
+export const FaqItem = ({ slug, title, children, index }) => {
+    const [isOpen, setIsOpen] = React.useState(index === 0);
+    return (_jsxs("article", { className: `faqItem ${isOpen ? 'open' : ''}`, children: [_jsx("div", { id: slug, className: 'fakeAnchor' }), _jsxs("details", { itemProp: 'mainEntity', itemScope: true, itemType: 'https://www.schema.org/Question', className: 'content', open: index === 0, children: [_jsxs("summary", { role: 'button', tabIndex: index === 0 ? 0 : -1, onClick: () => {
+                            setIsOpen(!isOpen);
+                        }, onKeyUp: () => {
+                            setIsOpen(!isOpen);
+                        }, className: 'question', children: [_jsx("h3", { tabIndex: index === 0 ? 0 : -1, itemProp: 'name', className: 'title', children: title }), _jsx(ChevronRight24px, {})] }), _jsx("div", { itemScope: true, itemProp: 'acceptedAnswer', itemType: 'https://www.schema.org/Answer', className: 'answer', children: _jsx("span", { itemProp: 'text', children: children }) })] })] }));
+};

package/dist/src/components/molecules/FaqItem/FaqItemProps.js

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

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

@@ -0,0 +1,2 @@
+export * from './FaqItem';
+export * from './FaqItemProps';

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FeatureRatafiaCard } from '../../atoms';
+// import './FeatureRatafiaCardList.scss'
+const FeatureRatafiaCardList = ({ features = [] }) => {
+    if (features.length === 0)
+        return null;
+    return (_jsx("div", { className: 'feature-ratafia-card-list', children: features.map((feature) => (_jsx(FeatureRatafiaCard, { ...feature }, feature.id))) }));
+};
+export default FeatureRatafiaCardList;

package/dist/src/components/molecules/FeatureRatafiaCardList/FeatureRatafiaCardListProps.types.js

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

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

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

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

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import Button from '../../atoms/Button/Button';
+import { Done24pxOutline } from '../../../../images/componentsSvg/Done24pxoutlined';
+import { InfoError24pxOutlined } from '../../../../images/componentsSvg/InfoError24pxOutlined';
+// import './Feedback.scss'
+const themes = {
+    error: {
+        className: 'feedback--error',
+        icon: _jsx(InfoError24pxOutlined, {})
+    },
+    success: {
+        className: 'feedback--success',
+        icon: _jsx(Done24pxOutline, {})
+    }
+};
+const Feedback = ({ theme = 'success', title, text, button, cancel, large, fluid, imgSrc = '', dataQa = '' }) => {
+    const currentTheme = themes[theme] ?? {};
+    if (Object.keys(currentTheme).length === 0 && imgSrc.length === 0) {
+        return null;
+    }
+    const renderButtons = () => {
+        const buttons = [];
+        if (button?.onClick != null) {
+            buttons.push(_jsx(Button, { ...button }, 'feedback-accept-button'));
+        }
+        if (cancel?.onClick != null) {
+            buttons.push(_jsx("a", { className: 'feedback__cancel__a', onClick: cancel.onClick, children: cancel?.label ?? 'Cancel' }, 'feedback-cancel-button'));
+        }
+        if (buttons.length === 0) {
+            return null;
+        }
+        return _jsx("div", { className: 'feedback__buttons', children: buttons });
+    };
+    const classes = classNames('feedback', {
+        'feedback--large': large,
+        'feedback--fluid': fluid,
+        [currentTheme.className]: imgSrc.length === 0
+    });
+    return (_jsxs("div", { className: classes, children: [_jsxs("div", { className: 'feedback__main', children: [_jsx("div", { id: imgSrc.length > 0 ? 'feedback__image' : 'feedback__icon', className: imgSrc.length > 0 ? 'feedback__image' : 'feedback__icon', children: imgSrc.length > 0 ? (_jsx("img", { className: 'feedback__image_img', src: imgSrc, alt: '' })) : (_jsx("div", { className: 'feedback__icon__img', children: currentTheme.icon })) }), title !== undefined && _jsx("p", { className: 'feedback__title sans-serif --big', children: title }), text !== undefined && (_jsx("p", { className: `feedback__text ${imgSrc.length === 0 ? 'feedback__text--grey' : ''}`, "data-qa": `${dataQa}-text`, children: text }))] }), renderButtons()] }));
+};
+export default Feedback;

package/dist/src/components/molecules/Feedback/FeedbackProps.types.js

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

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

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

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../atoms';
+// import './FreeDocModalContent.scss'
+const FreeDocModalContent = ({ bodyTitle, bodyText, closeModal, clickGoToFormInApp, isActiveDocument }) => {
+    const onGoToApp = () => {
+        if (clickGoToFormInApp !== undefined)
+            clickGoToFormInApp(null, '', true);
+    };
+    const onNavigateToTop = () => {
+        closeModal();
+    };
+    const buttonProps = {
+        color: 'primary',
+        size: 'S',
+        label: 'Make Document',
+        dataQa: 'free-modal-doc-button',
+        ...(isActiveDocument ? { noLink: true } : { link: '#' }),
+        onClick: isActiveDocument ? onGoToApp : onNavigateToTop
+    };
+    return (_jsxs("div", { className: 'free-doc-modal-content', children: [_jsx("div", { className: 'close-mobile', onClick: closeModal, children: "\u00D7" }), _jsx("div", { className: 'left-container' }), _jsx("div", { className: 'right-container', children: _jsxs("div", { className: 'info-box', children: [_jsx("h1", { className: 'info-box__title', children: bodyTitle }), _jsx("div", { className: 'info-box__text', children: bodyText }), _jsx("div", { className: 'info-box__button-box', children: _jsx("div", { className: 'button', children: _jsx(Button, { ...buttonProps }) }) })] }) })] }));
+};
+export default FreeDocModalContent;

package/dist/src/components/molecules/FreeDocModalContent/FreeDocModalContent.types.js

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

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

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

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ActionButtonHeaderRatafiaCardList } from '../ActionButtonHeaderRatafiaCardList';
+// import './HeaderRatafia.scss'
+export const HeaderRatafia = ({ icon, title, actionButtons, isHiddenActionButtons = false }) => {
+    return (_jsxs("div", { className: 'header-ratafia', children: [_jsxs("div", { className: 'header-ratafia__title', children: [_jsx("div", { className: 'header-ratafia__title__icon', children: icon }), _jsx("h1", { className: 'sans-serif --bold-weight header-ratafia__title__text', children: title })] }), actionButtons !== undefined && !isHiddenActionButtons && (_jsx(ActionButtonHeaderRatafiaCardList, { actionButtons: actionButtons }))] }));
+};
+export default HeaderRatafia;

package/dist/src/components/molecules/HeaderRatafia/HeaderRatafiaProps.types.js

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

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

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

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { KeyFactRatafiaCard } from '../../atoms';
+// import './KeyFactCardListRatafia.scss'
+export const KeyFactCardListRatafia = ({ keyFacts }) => {
+    if (keyFacts.length === 0)
+        return null;
+    return (_jsx("div", { className: 'key-fact-card-list', children: keyFacts.map((keyFact) => (_jsx(_Fragment, { children: _jsx(KeyFactRatafiaCard, { ...keyFact }, keyFact.id) }))) }));
+};
+export default KeyFactCardListRatafia;

package/dist/src/components/molecules/KeyFactCardListRatafia/KeyFactCardListRatafiaProps.types.js

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

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

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

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MenuItems } from '../../atoms';
+// import './MenuItemsSection.scss'
+const MenuItemsSection = ({ icon, title, list }) => {
+    const filteredList = title !== undefined && list !== undefined ? list.filter((item) => item.content) : null;
+    if (filteredList === null || filteredList?.length === 0 || filteredList[0].content === undefined)
+        return null;
+    return (_jsxs("div", { className: 'menu-items-section', children: [_jsxs("div", { className: 'menu-items-section__title-wrapper', children: [icon ?? null, _jsx("div", { className: 'menu-items-section__title-wrapper__title', children: title })] }), list && _jsx(MenuItems, { list: list, spacing: true })] }));
+};
+export default MenuItemsSection;

package/dist/src/components/molecules/MenuItemsSection/MenuItemsSectionProps.types.js

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

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

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

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../atoms';
+// import './MidBannerRatafiaContent.scss'
+const MidBannerRatafiaContent = ({ title, paragraph, ctaLabel, ctaLink, ctaDataQa }) => {
+    return (_jsxs("div", { className: 'mid-banner-ratafia-content', children: [_jsxs("div", { className: 'mid-banner-ratafia-content__header', children: [_jsx("h2", { className: 'sans-serif --super-large --bold-weight mid-banner-ratafia-content__header__title', children: title }), _jsx("div", { className: 'sans-serif --super-medium mid-banner-ratafia-content__header__description', children: paragraph })] }), _jsx(Button, { givenClass: 'mid-banner-ratafia-content__cta', dataQa: ctaDataQa, link: ctaLink, color: 'primary', label: ctaLabel })] }));
+};
+export default MidBannerRatafiaContent;

package/dist/src/components/molecules/MidBannerRatafiaContent/MidBannerRatafiaContentProps.types.js

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

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

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

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// import './MidBannerRatafiaSample.scss'
+const MidBannerRatafiaSample = ({ image }) => {
+    return (_jsxs("div", { 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" })] })] }));
+};
+export default MidBannerRatafiaSample;

package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSampleProps.types.js

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

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

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

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MoreDocsItem } from '../../atoms';
+// import './MoreDocsDesktop.scss'
+export const MoreDocsDesktop = ({ title, documents }) => {
+    return (_jsx("div", { className: 'more-docs-desktop', children: _jsxs("div", { className: 'container', children: [_jsx("h2", { className: 'section-title', children: title }), _jsxs("div", { className: 'docs-container', children: [_jsx("div", { className: 'docs-column', children: documents.slice(0, 3).map((document) => (_jsx(MoreDocsItem, { ...document }, document.id))) }), _jsx("div", { className: 'separation-line' }), _jsx("div", { className: 'docs-column', children: documents.slice(3, 6).map((document) => (_jsx(MoreDocsItem, { ...document }, document.id))) }), _jsx("div", { className: 'separation-line last-line' }), _jsx("div", { className: 'docs-column', children: documents.slice(6, 9).map((document) => (_jsx(MoreDocsItem, { ...document }, document.id))) })] })] }) }));
+};

package/dist/src/components/molecules/MoreDocsDesktop/MoreDocsDesktopProps.js

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

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

@@ -0,0 +1,2 @@
+export * from './MoreDocsDesktop';
+export * from './MoreDocsDesktopProps';

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import { ChevronRight24px } from '../../../../images/componentsSvg/ChevronRight24px';
+import { MoreDocsItem } from '../../atoms';
+// import './MoreDocsMobile.scss'
+export const MoreDocsMobile = ({ title, documents }) => {
+    const [isOpen, setIsOpen] = React.useState(false);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: 'more-docs-mobile', onClick: () => {
+                    setIsOpen(!isOpen);
+                }, tabIndex: 0, role: 'button', onKeyUp: (event) => {
+                    if (event.key === 'Enter' || event.key === ' ') {
+                        setIsOpen(!isOpen);
+                    }
+                }, children: _jsxs("div", { className: 'box-closed', children: [_jsx("p", { className: 'box-title', children: title }), _jsx("div", { className: `icon-see-more ${!isOpen ? 'open' : ''}`, children: _jsx(ChevronRight24px, {}) })] }) }), isOpen && (_jsx("div", { className: 'more-docs-list', children: documents.map((document) => {
+                    return (_jsxs("div", { className: 'docs-list', children: [_jsx(MoreDocsItem, { ...document }), _jsx("div", { className: 'separation-line' })] }, document.id));
+                }) }))] }));
+};

package/dist/src/components/molecules/MoreDocsMobile/MoreDocsMobileProps.js

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

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

@@ -0,0 +1,2 @@
+export * from './MoreDocsMobile';
+export * from './MoreDocsMobileProps';

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

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+import { useEffect } from 'react';
+import { MenuItems } from '../../atoms';
+import { useIntersectionObserver } from '../../../hooks';
+// import './NavBarDropDown.scss'
+let scrollPosition = 0;
+let touchStartPosY;
+let isDisabledScroll = false;
+export const NavBarDropDown = ({ isOpen, list, hasBullets = true, initialActiveContent, setEnableScrollbarOnClose, setIsOpen }) => {
+    const [ref, isIntersectingWithElement] = useIntersectionObserver({
+        options: { threshold: 0.15 }
+    });
+    const onTouchStart = (event) => {
+        touchStartPosY = event.changedTouches[0];
+    };
+    const onTouchMove = (event) => {
+        const touchEndPosY = event.changedTouches[0];
+        if (isDisabledScroll && touchEndPosY?.screenY - touchStartPosY?.screenY > 0) {
+            enableScrollbarOnClose(true);
+            isDisabledScroll = false;
+        }
+    };
+    const disableScrollbarOnOpen = () => {
+        if (isOpen && typeof window !== 'undefined') {
+            const body = document.querySelector('body');
+            scrollPosition = window.scrollY;
+            if (body != null) {
+                body.style.overflow = 'hidden';
+                body.style.position = 'fixed';
+                body.style.top = `-${scrollPosition}px`;
+                body.style.width = '100%';
+            }
+        }
+    };
+    const enableScrollbarOnClose = (onTouch = false) => {
+        const body = document.querySelector('body');
+        body?.style.removeProperty('overflow');
+        body?.style.removeProperty('position');
+        body?.style.removeProperty('top');
+        body?.style.removeProperty('width');
+        window.scrollTo(0, onTouch ? scrollPosition : window.scrollY);
+    };
+    const closeMenu = () => {
+        enableScrollbarOnClose();
+        setIsOpen(false);
+    };
+    useEffect(() => {
+        document.addEventListener('touchmove', onTouchMove);
+        document.addEventListener('touchstart', onTouchStart);
+        return () => {
+            document.removeEventListener('touchmove', onTouchMove);
+            document.removeEventListener('touchstart', onTouchStart);
+        };
+    }, []);
+    useEffect(() => {
+        if (isIntersectingWithElement) {
+            disableScrollbarOnOpen();
+            isDisabledScroll = true;
+        }
+    }, [isOpen, isIntersectingWithElement]);
+    useEffect(() => {
+        setEnableScrollbarOnClose(() => enableScrollbarOnClose);
+    }, []);
+    return (_jsx(_Fragment, { children: isOpen ? (_jsxs("div", { className: 'navbar-drop-down__container', children: [_jsx("div", { className: 'navbar-drop-down__container__menu_items', children: _jsx(MenuItems, { list: list, hasBullets: hasBullets, initialActiveContent: initialActiveContent }) }), _jsx("div", { ref: ref, className: 'navbar-drop-down__container__shadow', onClick: closeMenu })] })) : null }));
+};

package/dist/src/components/molecules/NavBarDropDown/NavBarDropDownProps.types.js

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