@npm_leadtech/legal-lib-components 4.1.16 → 4.1.18

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

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/strict-boolean-expressions */
+/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+import { useCallback, useEffect, useRef, useState } from 'react';
+import classNames from 'classnames';
+import cross from '../../../../images/svg/icon-clear-24-px.svg';
+import shape from '../../../../images/svg/shape.svg';
+// import './DialogMenuIcon.scss'
+const DialogMenuIcon = ({ onClose, onOpen, content }) => {
+    const [isVisible, setIsVisible] = useState(false);
+    const [onHoverVisible, setOnHoverVisible] = useState(true);
+    const iconContainer = useRef(null);
+    const messageContainer = useRef(null);
+    const classnames = classNames('dialog-menu-icon', {
+        'dialog-menu-icon--visible': isVisible,
+        'dialog-menu-icon--hidden': !isVisible,
+        'dialog-menu-icon--visible-on-hover': onHoverVisible
+    });
+    const handleClickOutside = useCallback((event) => {
+        const clickOutOfSelect = iconContainer.current && !iconContainer.current.contains(event.target);
+        if (clickOutOfSelect && onClose != null) {
+            onClose();
+        }
+    }, [iconContainer, onClose]);
+    useEffect(() => {
+        if (iconContainer.current) {
+            iconContainer.current.addEventListener('mouseover', () => {
+                setOnHoverVisible(true);
+            });
+            document.addEventListener('mousedown', handleClickOutside);
+        }
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [handleClickOutside, onClose]);
+    const onHandleChange = (visible = false, hoverVisible = false) => {
+        setIsVisible(visible);
+        setOnHoverVisible(hoverVisible);
+        if (visible && onOpen != null) {
+            onOpen();
+        }
+        else if (!visible && onClose != null) {
+            onClose();
+        }
+    };
+    return (_jsxs("div", { className: classnames, ref: iconContainer, children: [_jsx("img", { className: 'dialog-menu-icon__image', onClick: () => {
+                    onHandleChange(true, false);
+                }, src: shape, alt: 'shape' }), _jsxs("div", { className: 'dialog-menu-icon__message', ref: messageContainer, children: [_jsx("p", { children: content }), _jsx("img", { onClick: () => {
+                            onHandleChange();
+                        }, src: cross, alt: '' })] })] }));
+};
+export default DialogMenuIcon;

package/dist/src/components/atoms/DialogMenuIcon/DialogMenuIconProps.types.js

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

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

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

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+// import './Disclaimer.scss'
+const Disclaimer = ({ givenClass, text, disclaimerLinks = false, complexCopyRight, complexCopyRightMobile, simpleCopyRight }) => {
+    const showDisclaimerLinks = disclaimerLinks && _jsx(React.Fragment, { children: complexCopyRight });
+    const showDisclaimerLinkMobile = disclaimerLinks && (_jsx(React.Fragment, { children: _jsxs("div", { className: 'disclaimer__copy', children: [complexCopyRightMobile, _jsx("p", { children: simpleCopyRight })] }) }));
+    return (_jsx("div", { className: `disclaimer__wrapper ${givenClass}`, children: _jsxs("div", { className: 'wrapper disclaimer sans-serif --extra-small', children: [_jsx("div", { className: 'disclaimer__copy', children: text }), disclaimerLinks ? _jsx("p", { className: 'desktop_view', children: showDisclaimerLinks }) : _jsx("p", { children: simpleCopyRight }), disclaimerLinks && _jsx("div", { className: 'disclaimer__copy mobile_view', children: showDisclaimerLinkMobile })] }) }));
+};
+export default Disclaimer;

package/dist/src/components/atoms/Disclaimer/DisclaimerProps.types.js

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

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

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

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import { Button } from '../Button';
+import { ChevronRight } from '../../../../images/componentsSvg/ChevronRight';
+// import './DisclaimerRatafia.scss'
+export const DisclaimerRatafia = ({ icon, text, ctaTextShowDisclaimer, ctaTextCloseDisclaimer, legalAdviceText, copyrightText }) => {
+    const [disclaimer, toggleDisclaimer] = React.useState(false);
+    const handleShowDisclaimer = () => {
+        toggleDisclaimer(true);
+        if (ctaTextShowDisclaimer.onClick != null)
+            ctaTextShowDisclaimer.onClick();
+    };
+    const handleCloseDisclaimer = () => {
+        toggleDisclaimer(false);
+        if (ctaTextCloseDisclaimer.onClick != null)
+            ctaTextCloseDisclaimer.onClick();
+    };
+    const existLegalAdviceText = Boolean(legalAdviceText);
+    return (_jsxs("div", { className: 'disclaimer-ratafia', children: [_jsxs("div", { className: 'disclaimer-ratafia__text-desktop', children: [_jsxs("div", { className: 'disclaimer-ratafia__text', children: [_jsx("div", { className: 'disclaimer-ratafia__text__icon', children: icon }), _jsx("p", { className: 'sans-serif --small disclaimer-ratafia__text__text', children: text })] }), existLegalAdviceText && (_jsx("div", { className: 'disclaimer-ratafia__legal-advice', children: _jsx("span", { className: 'sans-serif --extra-small disclaimer-ratafia__copyright__text', children: legalAdviceText }) })), _jsx("div", { className: 'disclaimer-ratafia__copyright', children: _jsx("span", { className: 'sans-serif --extra-small disclaimer-ratafia__copyright__text', children: copyrightText }) })] }), _jsxs("div", { className: 'disclaimer-ratafia__text-mobile', children: [_jsx("div", { className: 'disclaimer-ratafia__text-mobile-text', children: _jsxs("button", { "data-qa": ctaTextShowDisclaimer.dataQa, className: 'sans-serif --small disclaimer-ratafia__text__text', onClick: handleShowDisclaimer, children: [_jsx("div", { className: 'disclaimer-ratafia__text__icon', children: icon }), ctaTextShowDisclaimer.text, _jsx("div", { className: 'disclaimer-ratafia__text__arrow', children: _jsx(ChevronRight, {}) })] }) }), disclaimer && (_jsxs(_Fragment, { children: [_jsx("div", { className: 'disclaimer-ratafia__disclaimer-background' }), _jsxs("div", { className: 'disclaimer-ratafia__disclaimer-fixed', children: [_jsx("p", { className: 'disclaimer-ratafia__disclaimer-fixed__title', children: ctaTextShowDisclaimer.text }), _jsx("p", { className: 'sans-serif --small disclaimer-ratafia__disclaimer-fixed__subTitle', children: text }), existLegalAdviceText && (_jsx("div", { className: 'sans-serif --small disclaimer-ratafia__disclaimer-fixed__text', children: legalAdviceText })), _jsx("div", { className: 'sans-serif --small disclaimer-ratafia__disclaimer-fixed__text', children: copyrightText }), _jsx(Button, { color: 'primary', label: ctaTextCloseDisclaimer.text, givenClass: 'disclaimer-ratafia__disclaimer-fixed__cta', onClick: handleCloseDisclaimer, noLink: true, dataQa: ctaTextCloseDisclaimer.dataQa })] })] }))] })] }));
+};
+export default DisclaimerRatafia;

package/dist/src/components/atoms/DisclaimerRatafia/DisclaimerRatafiaProps.js

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

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

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

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// import './Divider.scss'
+const Divider = ({ containerClass, lineClass, text, image }) => {
+    if (text?.length === 0 || image?.length === 0)
+        return null;
+    return (_jsxs("div", { className: `divider ${containerClass ?? ''}`, children: [_jsx("div", { className: `divider__line ${lineClass ?? ''}` }), text !== undefined && _jsx("p", { className: 'divider__word', children: text }), image !== undefined && _jsx("img", { className: 'divider__image', src: image, alt: '', role: 'img' }), _jsx("div", { className: `divider__line ${lineClass ?? ''}` })] }));
+};
+export default Divider;

package/dist/src/components/atoms/Divider/DividerProps.types.js

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

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

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

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Done24px } from '../../../../images/componentsSvg/Done24px';
+import { NewRelease24p } from '../../../../images/componentsSvg/NewRelease24p';
+import { Time24px } from '../../../../images/componentsSvg/Time24px';
+// import './DocumentStatus.scss'
+const DocumentStatus = ({ type, statusCompletedText, statusNewText, statusInProgressText }) => {
+    if (type === 'complete' || type === 'downloaded' || type === 'pdf_processing' || type === 'pdf_generated') {
+        return (_jsxs("div", { "data-testid": 'document-status', className: 'document-status --is-completed', children: [_jsx(Done24px, { className: 'icon' }), " ", _jsx("span", { className: 'sans-serif --small', children: statusCompletedText })] }));
+    }
+    if (type === 'new') {
+        return (_jsxs("div", { "data-testid": 'document-status', className: 'document-status --is-new', children: [_jsx(NewRelease24p, { className: 'icon' }), " ", _jsx("span", { className: 'sans-serif --small', children: statusNewText })] }));
+    }
+    return (_jsxs("div", { "data-testid": 'document-status', className: 'document-status --in-progress', children: [_jsx(Time24px, { className: 'icon' }), _jsx("span", { className: 'sans-serif --small', children: statusInProgressText })] }));
+};
+export default DocumentStatus;

package/dist/src/components/atoms/DocumentStatus/DocumentStatusProps.types.js

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

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

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

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// import './DocumentTag.scss'
+export const DocumentTag = ({ text = '' }) => {
+    if (text === '')
+        return null;
+    return _jsx("p", { className: 'document-tag', children: text });
+};

package/dist/src/components/atoms/DocumentTag/DocumentTagProps.js

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

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

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

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// import './ExpertCard.scss'
+const ExpertCard = ({ title, url, description, image }) => {
+    return (_jsx("div", { className: 'expert-card', children: _jsxs("div", { className: 'expert-card__box', children: [_jsx("div", { className: 'expert-card__image', children: image }), url != null && (_jsx("a", { className: 'expert-card__title', href: url, children: title })), url == null && _jsx("p", { className: 'expert-card__title', children: title }), _jsx("p", { className: 'expert-card__description', children: description })] }) }));
+};
+export default ExpertCard;

package/dist/src/components/atoms/ExpertCard/ExpertCardProps.types.js

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

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

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

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// import './FeatureRatafiaCard.scss'
+export const FeatureRatafiaCard = ({ title, icon, description, isReleased = true, notReleasedText }) => {
+    return (_jsx("div", { className: 'feature-ratafia-card', children: _jsx("div", { className: isReleased ? 'feature-ratafia-card-released' : 'feature-ratafia-card-not-released', children: _jsxs("div", { className: 'feature-ratafia-card__wrapper', children: [_jsxs("div", { className: 'feature-ratafia-card__wrapper__header', children: [_jsxs("div", { className: 'feature-ratafia-card__wrapper__header__title', children: [icon !== null && _jsx("div", { className: 'feature-ratafia-card__wrapper__header__title__icon', children: icon }), _jsx("h3", { className: 'sans-serif --big --bold-weight feature-ratafia-card__wrapper__header__title__text', children: title })] }), !isReleased && (_jsx("p", { className: 'sans-serif --small --bold-weight feature-ratafia-card__wrapper__header__not-released', children: notReleasedText }))] }), _jsx("p", { className: 'sans-serif --medium feature-ratafia-card__wrapper__description', children: description })] }) }) }));
+};
+export default FeatureRatafiaCard;

package/dist/src/components/atoms/FeatureRatafiaCard/FeatureRatafiaCardProps.types.js

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

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

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

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// import './FormFaq.scss'
+const FormFaq = ({ title, answer }) => {
+    return (_jsx("li", { className: 'form-faq', children: _jsxs("div", { className: 'form-faq__container', children: [_jsx("p", { className: 'form-faq__title sans-serif --small', children: title }), _jsx("div", { className: 'form-faq__answer sans-serif --extra-small', children: answer })] }) }));
+};
+export default FormFaq;

package/dist/src/components/atoms/FormFaq/FormFaqProps.types.js

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

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

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

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import logoGoogle from '../../../../images/svg/logo-google.svg';
+// import './GoogleButton.scss'
+const GoogleButton = ({ onClick, label = 'Log In with Google' }) => {
+    return (_jsxs("button", { type: 'button', className: 'google-button', onClick: onClick, children: [_jsx("img", { className: 'google-logo', src: logoGoogle, alt: '' }), _jsx("span", { children: label })] }));
+};
+export default GoogleButton;

package/dist/src/components/atoms/GoogleButton/GoogleButtonProps.types.js

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

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

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

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const IconImage = ({ iconName, baseSrcUrl = undefined, givenClass, iconFormat = 'svg' }) => {
+    if (baseSrcUrl === undefined) {
+        baseSrcUrl = `${process.env.ASSETS_URL}/`;
+    }
+    const iconUrl = `${baseSrcUrl}${iconName}.${iconFormat}`;
+    return _jsx("img", { className: givenClass, src: iconUrl, alt: '', role: 'img' });
+};
+export default IconImage;

package/dist/src/components/atoms/IconImage/IconImageProps.types.js

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

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

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

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// import './IconSvgURLWithThemeColor.scss'
+export const IconSvgURLWithThemeColor = ({ color = '', url, width = '30', height = '30' }) => {
+    let backgroundColor;
+    if (color.length > 0) {
+        backgroundColor = color;
+    }
+    return (_jsx("i", { className: 'icon-svg-with-theme-color', style: {
+            width: `${width}px`,
+            height: `${height}px`,
+            mask: `url(${url}) no-repeat center / contain`,
+            WebkitMask: `url(${url}) no-repeat center / contain`,
+            backgroundColor
+        } }));
+};

package/dist/src/components/atoms/IconSvgURLWithThemeColor/IconSvgURLWithThemeColorProps.types.js

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

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

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

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+// import './IconTextInfoSection.scss'
+export const IconTextInfoSection = ({ items, classnames = '' }) => {
+    return (_jsx("div", { className: `icon-text-info-section bottom-side ${classnames}`, children: items.map(({ text, src }, index) => (_jsxs(React.Fragment, { children: [_jsxs("div", { className: 'box', children: [_jsx("div", { className: 'item-image', children: _jsx("img", { className: 'image', src: src, alt: 'create' }) }), _jsx("div", { className: 'item-text', children: _jsx("p", { className: 'no-margin', children: text }) })] }), items.length - 1 !== index && _jsx("div", { className: 'icon-text-info-section__separator' })] }, `${src}-${index}`))) }));
+};

package/dist/src/components/atoms/IconTextInfoSection/IconTextInfoSection.types.js

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

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

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

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { InfoError24pxOutlined } from '../../../../images/componentsSvg/InfoError24pxOutlined';
+// import './InfoBox.scss'
+const InfoBox = ({ children, type, noIcon }) => {
+    return (_jsxs("div", { className: `info-box ${type}`, children: [!noIcon && (_jsx("div", { className: 'info-box__img', children: _jsx(InfoError24pxOutlined, { fill: 'blue' }) })), _jsx("div", { className: 'info-box__text-container', children: children })] }));
+};
+export default InfoBox;

package/dist/src/components/atoms/InfoBox/InfoBoxProps.types.js

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

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

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

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// import './JumbotronStatic.scss'
+export const JumbotronStatic = ({ title }) => {
+    return (_jsx("section", { className: 'jumbotron--static', children: _jsx("h1", { className: 'serif --super-hero', children: title }) }));
+};

package/dist/src/components/atoms/JumbotronStatic/JumbotronStaticProps.types.js

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

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

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

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// import './KeyFactRatafiaCard.scss'
+export const KeyFactRatafiaCard = ({ title, content }) => {
+    return (_jsxs("div", { className: 'key-fact-item', children: [_jsxs("div", { className: 'key-fact-item__wrapper', children: [_jsx("p", { className: 'sans-serif --medium --bold-weight key-fact-item__wrapper__title', children: title }), _jsx("p", { className: 'sans-serif --medium key-fact-item__wrapper__content', children: content })] }), _jsx("span", { className: 'key-fact-item__divider' })] }));
+};
+export default KeyFactRatafiaCard;

package/dist/src/components/atoms/KeyFactRatafiaCard/KeyFactRatafiaCardProps.types.js

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

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

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

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

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import districtlaws from './svg/districtlaws-logo.svg';
+import districtlawsWhite from './svg/districtlaws-white-logo.svg';
+import lawdistrict from './svg/lawdistrict-logo.svg';
+import lawdistrictWhite from './svg/lawdistrict-white-logo.svg';
+import lawdistrictinfo from './svg/lawdistrictinfo-logo.svg';
+import lawdistrictinfoWhite from './svg/lawdistrictinfo-white-logo.svg';
+import lawdistrictonline from './svg/lawdistrictonline-logo.svg';
+import lawdistrictonlineWhite from './svg/lawdistrictonline-white-logo.svg';
+import lawdistricts from './svg/lawdistricts-logo.svg';
+import lawdistrictsWhite from './svg/lawdistricts-white-logo.svg';
+import lawsdistrict from './svg/lawsdistrict-logo.svg';
+import lawsdistrictWhite from './svg/lawsdistrict-white-logo.svg';
+import uslawdistrict from './svg/uslawdistrict-logo.svg';
+import uslawdistrictWhite from './svg/uslawdistrict-white-logo.svg';
+const LOGOS = {
+    lawdistrict: {
+        default: lawdistrict,
+        white: lawdistrictWhite
+    },
+    districtlaws: {
+        default: districtlaws,
+        white: districtlawsWhite
+    },
+    lawsdistrict: {
+        default: lawsdistrict,
+        white: lawsdistrictWhite
+    },
+    lawdistricts: {
+        default: lawdistricts,
+        white: lawdistrictsWhite
+    },
+    lawdistrictinfo: {
+        default: lawdistrictinfo,
+        white: lawdistrictinfoWhite
+    },
+    uslawdistrict: {
+        default: uslawdistrict,
+        white: uslawdistrictWhite
+    },
+    lawdistrictonline: {
+        default: lawdistrictonline,
+        white: lawdistrictonlineWhite
+    }
+};
+export const Logo = ({ className, siteName = 'lawdistrict', type = 'default', width, height }) => {
+    return (_jsx("img", { className: className, src: LOGOS[siteName.toLowerCase()][type], alt: `${siteName} logo`, width: width, height: height }));
+};

package/dist/src/components/atoms/Logo/LogoProps.types.js

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

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

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

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// import './LogoText.scss'
+const LogoText = ({ logo, children, description }) => {
+    return (_jsxs("div", { "data-testid": 'logo-text', className: 'logo-text', children: [_jsx("img", { "data-testid": 'img-logo-text', alt: '', src: logo }), description !== undefined ? (_jsx("p", { children: _jsx("span", { children: description }) })) : (children)] }));
+};
+export default LogoText;

package/dist/src/components/atoms/LogoText/LogoTextProps.types.js

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

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

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

package/dist/src/components/atoms/MenuItems/MenuItemProps.types.js

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

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

@@ -0,0 +1,41 @@
+import { jsxs as _jsxs, Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+/* eslint-disable @typescript-eslint/strict-boolean-expressions */
+import { useState } from 'react';
+import classNames from 'classnames';
+import { stringSlugify } from '../../../utils/stringSlugify';
+// import './MenuItems.scss'
+const MenuItems = ({ spacing, list, hasBullets = false, initialActiveContent = '', ...rest }) => {
+    const [contentListElement, setContentListElement] = useState(initialActiveContent);
+    const filteredList = list?.filter((item) => item.content);
+    if (filteredList.length === 0 || !filteredList[0].content) {
+        return null;
+    }
+    const classes = classNames('menu-items', {
+        'menu-items__spacing': spacing,
+        'menu-items__bullets': hasBullets
+    });
+    const handleActiveListElement = (content) => {
+        setContentListElement(content);
+    };
+    const renderItem = (item, index) => {
+        const { className, onClick, image, content, href, dataQA, ...props } = item || {};
+        if (!content) {
+            return null;
+        }
+        const slugifiedContent = stringSlugify(content);
+        const listKey = `${slugifiedContent}_${index}`;
+        return (
+        // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+        _jsx("li", { title: content, className: `menu-items__item ${className ?? ''}
+          ${!href && onClick == null ? 'disabled' : ''}
+          ${contentListElement === content ? 'active' : 'inactive'}`, onClick: () => {
+                if (onClick !== undefined) {
+                    onClick();
+                }
+                initialActiveContent && handleActiveListElement(content);
+            }, ...props, children: href ? (_jsxs("a", { href: href, "data-qa": dataQA ?? slugifiedContent, children: [image, content] })) : (_jsxs(_Fragment, { children: [image, content] })) }, listKey));
+    };
+    return (_jsx("ul", { className: classes, ...rest, children: filteredList.map((item, index) => renderItem(item, index)) }));
+};
+export default MenuItems;

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

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

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// import './Message.scss'
+const Message = ({ message, type }) => {
+    if (message.length === 0)
+        return null;
+    return (_jsx("div", { "data-testid": 'message', className: type !== undefined ? `e-message-${type}` : '', children: _jsx("p", { children: message }) }));
+};
+export default Message;

package/dist/src/components/atoms/Message/MessageProps.types.js

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

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

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

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// import './MessageInformation.scss'
+const MessageInformation = ({ noImg, text, time, centered }) => {
+    return (_jsxs("div", { className: `message-information ${centered && 'text-center'}`, children: [_jsx("div", { className: `message-information__icon ${noImg && 'hide'}`, children: _jsx("svg", { viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', children: _jsx("path", { d: 'M20.5601 9.21496L22.4211 11.3353C22.7523 11.7127 22.7523 12.2772 22.4211 12.6546L20.5601 14.775L20.8194 17.582C20.8656 18.0816 20.5344 18.538 20.0452 18.6491L17.2901 19.275L15.8483 21.7009C15.5918 22.1324 15.0553 22.3069 14.5941 22.1088L12.0001 20.995L9.40727 22.116C8.94569 22.3155 8.40771 22.1413 8.15079 21.709L6.71008 19.285L3.95478 18.6591C3.46563 18.548 3.13448 18.0917 3.1805 17.5922L3.44008 14.775L1.57802 12.6534C1.24723 12.2765 1.24673 11.7129 1.57685 11.3355L3.44008 9.20496L3.18095 6.40025C3.1347 5.89967 3.46726 5.44257 3.95778 5.33251L6.71008 4.71496L8.15191 2.28903C8.40835 1.85756 8.94491 1.68303 9.40611 1.88108L12.0001 2.99496L14.5941 1.88108C15.0553 1.68303 15.5918 1.85756 15.8483 2.28903L17.2901 4.71496L20.0452 5.34077C20.5344 5.4519 20.8656 5.90835 20.8194 6.40793L20.5601 9.21496ZM18.7501 16.895L18.4901 14.105L20.3401 11.995L18.4901 9.88496L18.7501 7.09496L16.0101 6.47496L14.5801 4.06496L12.0001 5.17496L9.42008 4.07496L7.99008 6.48496L5.25008 7.09496L5.51008 9.87496L3.66008 11.995L5.51008 14.095L5.25008 16.895L7.99008 17.515L9.42008 19.925L12.0001 18.815L14.5801 19.925L16.0101 17.515L18.7501 16.895ZM11.0001 15.995C11.0001 15.4427 11.4478 14.995 12.0001 14.995C12.5524 14.995 13.0001 15.4427 13.0001 15.995C13.0001 16.5472 12.5524 16.995 12.0001 16.995C11.4478 16.995 11.0001 16.5472 11.0001 15.995ZM12.0001 6.99496C11.4478 6.99496 11.0001 7.44267 11.0001 7.99496V12.995C11.0001 13.5472 11.4478 13.995 12.0001 13.995C12.5524 13.995 13.0001 13.5472 13.0001 12.995V7.99496C13.0001 7.44267 12.5524 6.99496 12.0001 6.99496Z' }) }) }), _jsxs("p", { className: `message-information__text`, children: [time != null && _jsxs("span", { className: `message-information__text__time ${noImg && 'regular'}`, children: [time, "' "] }), text] })] }));
+};
+export default MessageInformation;

package/dist/src/components/atoms/MessageInformation/MessageInformationProps.types.js

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

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

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

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getCategoryIcons } from '../../../utils/getCategoryIcons';
+// import './MoreDocsItem.scss'
+export const MoreDocsItem = ({ title, description, slug, icon = null }) => {
+    return (_jsxs("div", { className: 'more-docs-item', onClick: () => {
+            window.location.href = slug;
+        }, "data-qa": `${title.replace(/\s/g, '_')}`, role: 'button', onKeyUp: (event) => {
+            if (event.key === 'Enter' || event.key === ' ') {
+                window.location.href = slug;
+            }
+        }, tabIndex: 0, children: [_jsx("div", { className: 'category-icon', children: icon ?? getCategoryIcons(description, 35, 30) }), _jsxs("div", { className: 'texts', children: [_jsx("div", { className: 'title', children: title }), _jsx("p", { className: 'description', children: description })] })] }));
+};

package/dist/src/components/atoms/MoreDocsItem/MoreDocsItemProps.js

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

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

@@ -0,0 +1,2 @@
+export * from './MoreDocsItem';
+export * from './MoreDocsItemProps';

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../Button';
+// import './NavMenuItem.scss'
+export const NavMenuItem = ({ mainButton, items = [] }) => {
+    return (_jsxs("div", { className: 'nav-menu-item', children: [_jsx("div", { className: 'title', children: _jsx(Button, { ...mainButton, noLinkNoFunc: true, color: 'transparent' }) }), _jsx("ul", { className: 'list', children: items.map((item) => {
+                    return (_jsx("li", { className: 'item-list', children: _jsx(Button, { ...item.props, color: 'transparent' }) }, item.key));
+                }) })] }));
+};

package/dist/src/components/atoms/NavMenuItem/NavMenuItemProps.js

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

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

@@ -0,0 +1,2 @@
+export * from './NavMenuItem';
+export * from './NavMenuItemProps';

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import paypalImg from '../../../../images/png/buy-logo-large-en.png';
+// import './PaypalButton.scss'
+const PaypalButton = ({ onClickButton }) => {
+    return (_jsx("button", { className: 'paypal-button', onClick: onClickButton, children: _jsx("img", { src: paypalImg, alt: '' }) }));
+};
+export default PaypalButton;

package/dist/src/components/atoms/PaypalButton/PaypalButtonProps.types.js

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

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

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

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronRight24px } from '../../../../images/componentsSvg/ChevronRight24px';
+import { getCategoryIcons } from '../../../utils/getCategoryIcons';
+// import './PopularDocsItem.scss'
+export const PopularDocsItem = ({ title, description, slug, icon = null }) => {
+    return (_jsxs("a", { className: 'popular-docs-item', href: slug, "data-qa": `${title.replace(/\s/g, '_')}`, children: [_jsx("div", { className: 'category-icon', children: icon ?? getCategoryIcons(description, 35, 30) }), _jsxs("div", { className: 'texts', children: [_jsx("div", { children: _jsx("strong", { children: title }) }), _jsx("p", { className: 'description', children: description })] }), _jsx("div", { className: 'icon-left', children: _jsx(ChevronRight24px, {}) })] }));
+};

package/dist/src/components/atoms/PopularDocsItem/PopularDocsItemProps.js

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

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

@@ -0,0 +1,2 @@
+export * from './PopularDocsItem';
+export * from './PopularDocsItemProps';

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// import './ProgressBar.scss'
+const ProgressBar = ({ currentStep, allSteps }) => {
+    const currentProgress = (100 * currentStep) / allSteps.length;
+    return (_jsxs("section", { className: 'progress__wrapper', children: [_jsx("div", { className: 'progressbar', style: { width: `${currentProgress}%` } }), _jsx("div", { className: 'progressbar__remain' })] }));
+};
+export default ProgressBar;

package/dist/src/components/atoms/ProgressBar/ProgressBarProps.types.js

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

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

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

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import IconImage from '../IconImage/IconImage';
+// import './Radio.scss'
+const Radio = (props) => {
+    const optionalClassNames = {
+        small: 'radio--small',
+        narrow: 'radio--narrow',
+        regularBare: 'radio--regular--bare'
+    };
+    const additionalClassNames = Object.keys(optionalClassNames)
+        .filter((attribute) => props[attribute])
+        .map((key) => optionalClassNames[key])
+        .join(' ');
+    const classNames = `e-radio ${props.class} ${!props.validate ? '--is-invalid' : ''} ${!props.isValidGroup ? '--group-invalid' : ''} ${additionalClassNames}`;
+    const TooltipObject = props.tooltip ? _jsx("p", { className: 'tooltip-form sans-serif --small', children: props.tooltip }) : '';
+    return (_jsxs("div", { className: `${classNames}`, children: [_jsx("label", { htmlFor: props.name, className: 'radio-group__label', children: props.label }), _jsx("div", { className: 'e-radio__inner', children: props.items?.map((radio) => {
+                    return (_jsx("div", { className: `radio-item-container ${radio.value === props.value ? 'active' : ''}`, children: _jsxs("label", { className: 'e-radio-label', children: [radio.iconName !== undefined && radio.iconName !== '' && (_jsx(IconImage, { givenClass: 'radio-icon', iconName: radio.iconName })), _jsx("input", { type: 'radio', className: 'radio-item-input', id: `${props.name}_${radio.value}`, name: props.name, onChange: props.onChange, value: radio.value, checked: radio.value === props.value, disabled: props.disabled }), _jsx("label", { className: 'e-radio-label__label', htmlFor: `${props.name}_${radio.value}`, "data-qa": `${props.name}_${radio.value}`, children: radio.label }), _jsx("div", { children: props.help })] }, radio.value) }, radio.value));
+                }) }), TooltipObject] }));
+};
+export default Radio;