@npm_leadtech/legal-lib-components 4.0.0 → 4.1.4

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.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { type FaqItemProps } from './FaqItemProps';
+export declare const FaqItem: React.FC<FaqItemProps>;

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/FeatureRatafiaCardList/FeatureRatafiaCardList.d.ts

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

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.d.ts

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

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.d.ts

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

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.d.ts

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

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.d.ts

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

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.d.ts

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

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.d.ts

@@ -0,0 +1,6 @@
+import { type MenuListItem } from 'src/components/atoms/MenuItems/MenuItemProps.types';
+export interface MenuItemsSectionProps {
+    icon?: React.ReactNode;
+    title?: string;
+    list?: MenuListItem[];
+}

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.d.ts

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

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.d.ts

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

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.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { type MoreDocsDesktopProps } from './MoreDocsDesktopProps';
+export declare const MoreDocsDesktop: React.FC<MoreDocsDesktopProps>;

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/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/NavBarDropDown/NavBarDropDown.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from 'react';
+import { type NavBarDropDownProps } from './NavBarDropDownProps.types';
+export declare const NavBarDropDown: FC<NavBarDropDownProps>;

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 {};

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

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

package/dist/src/components/molecules/Pagination/PageStepControl.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+import { useCallback } from 'react';
+import classNames from 'classnames';
+import { ArrowRight } from '../../../../images/componentsSvg/ArrowRight';
+const PageStepControl = ({ activePage, direction, onClick, totalPages, nextControl = 'next', prevControl = 'prev' }) => {
+    const hideStepControl = (direction === prevControl && activePage <= 1) || (direction === nextControl && activePage >= totalPages);
+    const handleClick = useCallback(() => {
+        if (!hideStepControl)
+            onClick(direction);
+    }, [hideStepControl, onClick]);
+    if (totalPages === undefined)
+        return null;
+    const classes = classNames('pagination__control', {
+        [`pagination__control--${direction}`]: direction,
+        'pagination__control--hidden': hideStepControl
+    });
+    return (_jsx("span", { className: classes, onClick: handleClick, children: _jsx(ArrowRight, {}) }));
+};
+export default PageStepControl;

package/dist/src/components/molecules/Pagination/PageStepControlProps.types.js

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

package/dist/src/components/molecules/Pagination/PageSteps.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+const getPageClassName = (activePage, step, ellipsisControls) => classNames('pagination__page', {
+    'pagination__page--ellipsis': step === ellipsisControls,
+    'pagination__page--active': step === activePage
+});
+const PageSteps = ({ activePage, onClick, totalPages, ellipsisControls = '...', extendedMaxSteps = 5 }) => {
+    if (totalPages === undefined || totalPages < 1)
+        return null;
+    const renderStep = (className, step, key) => {
+        const onClickPage = activePage !== step ? onClick : undefined;
+        return (_jsx("span", { className: className, id: step.toString(), onClick: onClickPage, children: step }, key));
+    };
+    const renderExtendedSteps = () => {
+        return new Array(extendedMaxSteps).fill(null).map((page, index) => {
+            let firstVisibleStep = totalPages - extendedMaxSteps;
+            let step = firstVisibleStep + index + 1;
+            if (activePage <= firstVisibleStep + 1) {
+                firstVisibleStep = activePage > 1 ? activePage - 2 : 0;
+                if (index < extendedMaxSteps - 2) {
+                    step = firstVisibleStep + index + 1;
+                }
+                if (index > extendedMaxSteps - 2) {
+                    const reverseIndex = extendedMaxSteps - 1 - index;
+                    step = totalPages - reverseIndex;
+                }
+                if (index === extendedMaxSteps - 2) {
+                    step = ellipsisControls;
+                }
+            }
+            const pageClassName = getPageClassName(activePage, step, ellipsisControls);
+            return renderStep(pageClassName, step, index);
+        });
+    };
+    const renderSteps = () => {
+        if (totalPages > extendedMaxSteps) {
+            return renderExtendedSteps();
+        }
+        return new Array(totalPages).fill(null).map((page, index) => {
+            const step = index + 1;
+            const pageClassName = getPageClassName(activePage, step, ellipsisControls);
+            return renderStep(pageClassName, step, step);
+        });
+    };
+    return _jsx("div", { className: 'pagination__page-wrapper', children: renderSteps() });
+};
+export default PageSteps;

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

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

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from 'react';
+import PageStepControl from './PageStepControl';
+import PageSteps from './PageSteps';
+// import './Pagination.scss'
+const Pagination = ({ activePage, totalPages, onChange, nextControl = 'next', prevControl = 'prev' }) => {
+    const [active, setActive] = useState(activePage);
+    const handleControl = useCallback((direction) => {
+        const page = direction === prevControl ? activePage - 1 : activePage + 1;
+        setActive(page);
+        onChange(page);
+    }, []);
+    const handleCurrentPage = useCallback((e) => {
+        const page = Number(e.currentTarget.id);
+        if (!Number.isNaN(page)) {
+            setActive(page);
+            onChange(page);
+        }
+    }, []);
+    if (totalPages === undefined)
+        return null;
+    return (_jsxs("div", { className: 'pagination', children: [_jsx(PageStepControl, { activePage: active, totalPages: totalPages, onClick: handleControl, direction: prevControl }), _jsx(PageSteps, { activePage: active, onClick: handleCurrentPage, totalPages: totalPages }), _jsx(PageStepControl, { activePage: active, totalPages: totalPages, onClick: handleControl, direction: nextControl })] }));
+};
+export default Pagination;

package/dist/src/components/molecules/Pagination/PaginationProps.types.js

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

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

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { type PhoneContactBoxDesktopProps } from './PhoneContactBoxDesktopProps.types';
+export declare const PhoneContactBoxDesktop: React.FC<PhoneContactBoxDesktopProps>;

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ContactPhoneIcon from '../../../../images/webp/customer-support.webp';
+import ContactPhoneIconIE from '../../../../images/png/customer-support.png';
+// import './PhoneContactBoxDesktop.scss'
+export const PhoneContactBoxDesktop = ({ phones, schedule }) => {
+    return (_jsxs("div", { className: 'phone-contact-box-container', children: [_jsx("img", { src: ContactPhoneIcon, alt: 'Contact phone icon', width: '40', height: '40' }), _jsx("img", { src: ContactPhoneIconIE, className: 'onlyIE', alt: 'Contact phone icon', width: '40', height: '40' }), _jsxs("div", { className: 'phone-contact-info', children: [phones.map((phone, index) => (_jsx("p", { className: 'phone-contact-phone', children: phone }, `${phone}-${index}`))), _jsx("p", { className: 'email-contact-text', children: schedule })] })] }));
+};

package/dist/src/components/molecules/PhoneContactBoxDesktop/PhoneContactBoxDesktopProps.types.js

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

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

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { type PhoneContactBoxMobileProps } from './PhoneContactBoxMobileProps.types';
+export declare const PhoneContactBoxMobile: React.FC<PhoneContactBoxMobileProps>;

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../atoms';
+// import './PhoneContactBoxMobile.scss'
+export const PhoneContactBoxMobile = ({ phones, schedule }) => {
+    return (_jsxs("div", { className: 'phone-mobile-contact-box-container wrapper wrapper--responsive', children: [phones.map((phone, index) => (_jsx(Button, { centered: true, isExternal: true, link: `tel:${phone}`, gtmTag: 'clicked_phone_contactus', givenClass: 'phone-mobile-contact-button e-button e-button--link e-button--primary-1 e-button--center', label: phone, dataQa: 'phone_contact_box' }, `${phone}-${index}`))), _jsx("p", { className: 'phone-mobile-contact-text', children: schedule })] }));
+};

package/dist/src/components/molecules/PhoneContactBoxMobile/PhoneContactBoxMobileProps.types.js

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

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

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { type PopularDocsProps } from './PopularDocsProps';
+export declare const PopularDocs: React.FC<PopularDocsProps>;

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PopularDocsItem } from '../../atoms';
+// import './PopularDocs.scss'
+export const PopularDocs = ({ title, documents }) => {
+    return (_jsxs("div", { className: 'popular-docs', children: [_jsx("h2", { className: 'title', children: title }), _jsx("div", { className: 'documents', children: documents.map((document) => (_jsx(PopularDocsItem, { ...document }, document.id))) })] }));
+};

package/dist/src/components/molecules/PopularDocs/PopularDocsProps.js

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

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

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