@npm_leadtech/legal-lib-components 4.1.16 → 4.1.18

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.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.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.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.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/PopularDocs/index.js

@@ -0,0 +1,2 @@
+export * from './PopularDocs';
+export * from './PopularDocsProps';

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Button, Message } from '../../atoms';
+// import './PricingCard.scss'
+const PricingCard = ({ order, subscriptionId, onChangeRadio, isChecked = false, planName, price, currency, underPricingText, featuresList = [], children, disclaimer, message, cardButton }) => {
+    const [cardState, setCardState] = useState({ expanded: false });
+    if (planName === undefined ||
+        (onChangeRadio != null && subscriptionId === undefined) ||
+        (featuresList?.length === 0 && children === undefined)) {
+        return null;
+    }
+    const isSelectableCard = onChangeRadio != null;
+    const selectableCardClass = isSelectableCard ? '--selectable' : '';
+    const selectedCardClass = isSelectableCard && isChecked ? '--selected' : '';
+    const expandedContentClass = cardState.expanded ? '--expanded' : '';
+    const style = {
+        order: order ?? 0
+    };
+    const toggleCardContent = () => {
+        setCardState((prevState) => {
+            prevState = { expanded: !prevState.expanded };
+            return { ...prevState };
+        });
+    };
+    const renderMoreMobileButton = (_jsx(Button, { dataQa: '', givenClass: 'see-more-button', color: 'tertiary', label: cardState.expanded ? 'See less' : 'See more', noLink: true, onClick: toggleCardContent }));
+    const renderHeaderContent = (_jsx("div", { className: 'pricing-card__header', children: _jsx("h5", { className: 'sans-serif --big pricing-card__header__text', children: _jsx("strong", { children: planName }) }) }));
+    const renderBodyContent = (_jsxs("div", { className: 'pricing-card__body', children: [Boolean(price) && (_jsxs("div", { className: 'sans-serif pricing-card__body__price', children: [_jsx("strong", { children: price }), _jsx("span", { children: currency }), Boolean(underPricingText) && _jsx("div", { className: 'pricing-card__body__text', children: underPricingText })] })), Boolean(featuresList?.length) && (_jsxs("div", { className: `pricing-card__body__features-list ${expandedContentClass}`, children: [_jsx("hr", {}), _jsx("ul", { children: featuresList?.map((feature) => (_jsx("li", { className: 'pricing-card__body__features-list__item', children: feature }, 'feature-item-' + feature))) })] })), children, featuresList != null && renderMoreMobileButton, cardButton, message != null && _jsx(Message, { ...message })] }));
+    return (_jsxs("li", { style: style, className: `pricing-card grid__column ${selectableCardClass} ${selectedCardClass}`, children: [_jsx("div", { className: 'pricing-card__wrapper', children: isSelectableCard ? (_jsxs("label", { className: 'pricing-card__radio-label', "data-qa": planName, children: [_jsx("input", { className: 'radio-input', type: 'radio', value: subscriptionId, onChange: onChangeRadio, name: 'pricing', checked: isChecked }), _jsx("span", { className: 'radio-checkbox' }), renderHeaderContent, renderBodyContent] })) : (_jsxs(_Fragment, { children: [renderHeaderContent, renderBodyContent] })) }), Boolean(disclaimer) && (_jsx("div", { className: 'pricing-card__disclaimer', children: _jsx("small", { children: disclaimer }) }))] }));
+};
+export default PricingCard;

package/dist/src/components/molecules/PricingCard/PricingCardProps.types.js

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

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

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

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

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable jsx-a11y/no-noninteractive-tabindex */
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+import { useEffect, useState } from 'react';
+import classNames from 'classnames';
+import { Button } from '../../atoms';
+// import './Snackbar.scss'
+const Snackbar = ({ type, title, text, button, dismissTimeout = 1000, autoDismissTimeout, autoDismiss, onDismiss, onAutoDismiss }) => {
+    const [snackbarOpen, changeSnackbarOpen] = useState();
+    useEffect(() => {
+        setTimeout(() => {
+            changeSnackbarOpen(true);
+        });
+        if (autoDismiss ?? false) {
+            setTimeout(() => {
+                if (onAutoDismiss != null)
+                    onAutoDismiss();
+                closeSnackbar();
+            }, autoDismissTimeout);
+        }
+    }, []);
+    if (title === null && text === null)
+        return null;
+    const closeSnackbar = () => {
+        changeSnackbarOpen(false);
+        setTimeout(() => {
+            if (onDismiss != null)
+                onDismiss();
+        }, dismissTimeout);
+    };
+    const classes = classNames('snackbar', {
+        'snackbar--welcome': type === undefined || type === 'welcome',
+        'snackbar--success': type === 'success',
+        'snackbar--error': type === 'error',
+        'snackbar--reminder': type === 'reminder',
+        active: snackbarOpen,
+        hidden: !(snackbarOpen ?? false)
+    });
+    return (_jsxs("div", { className: classes, "aria-hidden": 'true', children: [_jsx("span", { className: 'snackbar-close-icon', onClick: closeSnackbar, tabIndex: 0, children: "\u00D7" }), _jsxs("div", { className: 'snackbar-content', children: [_jsxs("div", { className: 'snackbar-content__text-container', children: [_jsx("p", { className: 'snackbar-title', children: title ?? '' }), _jsx("p", { className: 'snackbar-text', children: text ?? '' })] }), button?.color !== null && Boolean(button?.label) && (_jsx("div", { className: 'snackbar-content__button', children: _jsx(Button, { label: button?.label ?? '', onClick: button?.onClick, color: button?.color ?? 'primary', noLink: true, functionParameters: '', dataQa: 'back' }) }))] })] }));
+};
+export default Snackbar;

package/dist/src/components/molecules/Snackbar/SnackbarProps.types.js

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

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

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

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// import './StepGetForm.scss'
+const StepGetForm = ({ description, title = '', image }) => {
+    return (_jsxs("div", { className: 'homeStepsItem', children: [image != null && _jsx("div", { className: 'step__image', children: image }), _jsxs("div", { className: 'step__information', children: [_jsx("p", { className: 'step__information__title sans-serif --big', children: title }), _jsx("small", { className: 'sans-serif --small', children: description })] })] }));
+};
+export default StepGetForm;

package/dist/src/components/molecules/StepGetForm/StepGetFormProps.types.js

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

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

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

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

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

package/dist/src/components/molecules/StepRatafiaCardList/StepRatafiaCardListProps.types.js

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

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

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

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

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

package/dist/src/components/molecules/TagsRatafiaList/TagsRatafiaListProps.types.js

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

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

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

package/dist/src/components/molecules/TextInput/Input.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+import React, { useState } from 'react';
+import eyeCloseIcon from '../../../../images/svg/eye-close.svg';
+import eyeIcon from '../../../../images/svg/eye-24-px.svg';
+export const Input = React.forwardRef(({ value, name, placeholder, className, onChange, onClick, onBlur, onKeyDown, onKeyUp, disabled, type = 'text', maxLength }, ref) => {
+    const [hidden, setHidden] = useState(true);
+    const showPassword = () => {
+        if (value !== null)
+            setHidden(!hidden);
+    };
+    return (_jsxs(_Fragment, { children: [_jsx("input", { type: !hidden && type === 'password' ? 'text' : type, name: name, id: name, className: className, maxLength: maxLength, placeholder: placeholder, onChange: onChange, onClick: onClick, onKeyDown: onKeyDown, onKeyUp: onKeyUp, onBlur: onBlur, value: value, "data-qa": name, disabled: disabled, ref: ref }), type === 'password' && (_jsx("img", { className: 'input-icon-password', src: hidden ? eyeIcon : eyeCloseIcon, onClick: showPassword, alt: '' }))] }));
+});
+Input.displayName = 'Input';

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

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { NumericFormat } from 'react-number-format';
+import React from 'react';
+import classNames from 'classnames';
+import { Input } from './Input';
+import { TextInputLabel } from './TextInputLabel';
+import { TextInputMessage } from './TextInputMessage';
+import { TextInputTooltip } from './TextInputTooltip';
+// import './TextInput.scss'
+const TextInput = React.forwardRef(({ label, value, validate = true, isValidGroup = true, mask = ' ', format = undefined, name, placeholder, onChange, onClick, onBlur, onKeyDown, onKeyUp, disabled, type = 'text', maxLength, errorMessage = '', notes, dialogMenuTip, tooltip = '', givenClass = '', children }, ref) => {
+    const classnames = classNames('e-text', {
+        [givenClass]: givenClass,
+        'e-text--is-invalid': !validate,
+        'e-text--group-invalid': !isValidGroup
+    });
+    const handleChange = (event) => {
+        onChange?.(event);
+    };
+    const handleKeyDown = (event) => {
+        onKeyDown?.(event);
+    };
+    const handleKeyUp = (event) => {
+        onKeyUp?.(event);
+    };
+    const renderInput = () => {
+        if (Boolean(format) && type !== 'number' && type !== 'tel') {
+            return (_jsx(NumericFormat, { name: name, id: name, placeholder: placeholder, className: 'e-text-input', 
+                // mask={mask}
+                // format={format}
+                onChange: onChange, onClick: onClick, 
+                // maskchar={null}
+                value: value, "data-qa": name, disabled: disabled, maxLength: maxLength, onBlur: onBlur }));
+        }
+        return (_jsx(Input, { name: name ?? '', type: type, placeholder: placeholder ?? '', className: 'e-text-input', onChange: handleChange, onClick: onClick ?? (() => { }), value: value, "data-qa": name, disabled: disabled ?? false, maxLength: maxLength, onBlur: onBlur ?? (() => { }), ref: ref, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp }));
+    };
+    return (_jsxs("div", { className: classnames, children: [children !== null && _jsx("div", { className: 'e-text__children', children: children }), _jsx(TextInputTooltip, { tooltip: tooltip }), _jsx(TextInputMessage, { errorMessage: errorMessage, validate: validate }), renderInput(), _jsx(TextInputLabel, { label: label, htmlFor: name, notes: notes, dialogMenuTip: dialogMenuTip })] }));
+});
+export default TextInput;
+TextInput.displayName = 'TextInput';

package/dist/src/components/molecules/TextInput/TextInputLabel.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DialogMenuIcon } from '../../atoms';
+export const TextInputLabel = ({ label, htmlFor, notes, dialogMenuTip = '' }) => {
+    if (label === undefined && notes === undefined)
+        return null;
+    return (_jsxs("div", { className: 'e-text__inner', children: [_jsxs("label", { htmlFor: htmlFor, className: dialogMenuTip.length > 0 ? 'form-group__label-icon' : 'form-group__label', children: [label, dialogMenuTip.length > 0 ? _jsx(DialogMenuIcon, { content: dialogMenuTip }) : null] }), _jsx("p", { className: 'e-text__inner__notes', children: notes })] }));
+};

package/dist/src/components/molecules/TextInput/TextInputMessage.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import error from '../../../../images/svg/info-error_24px_outlined.svg';
+export const TextInputMessage = ({ validate, errorMessage }) => {
+    if (errorMessage.length === 0 || (errorMessage !== '' && validate)) {
+        return null;
+    }
+    return (_jsxs("div", { className: 'e-text__error sans-serif --small', children: [_jsx("div", { className: 'e-text__error-icon', children: _jsx("img", { src: error, alt: errorMessage }) }), _jsx("div", { className: 'e-text__error-label', children: errorMessage })] }));
+};

package/dist/src/components/molecules/TextInput/TextInputProps.types.js

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

package/dist/src/components/molecules/TextInput/TextInputTooltip.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const TextInputTooltip = ({ tooltip }) => {
+    if (tooltip?.length === 0)
+        return null;
+    return _jsx("p", { className: 'tooltip-form sans-serif --small', children: tooltip });
+};

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

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

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MenuItems, Tooltip } from '../../atoms';
+import { MenuCollapse24p } from '../../../../images/componentsSvg/MenuCollapse24p';
+// import './TooltipMenu.scss'
+const TooltipMenu = ({ options, onClick, label }) => {
+    const menu = _jsx(MenuItems, { list: options });
+    return (_jsx(Tooltip, { content: menu, allowHTML: true, interactive: true, position: 'bottom', trigger: 'click', children: _jsxs("div", { className: 'tooltip-menu__item', onClick: onClick, children: [_jsx(MenuCollapse24p, {}), _jsx("span", { className: 'actions-span sans-serif --extra-small', children: label })] }) }));
+};
+export default TooltipMenu;

package/dist/src/components/molecules/TooltipMenu/TooltipMenuProps.types.js

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

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

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

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// import './TrustworthyWebsites.scss'
+const TrustworthyWebsites = ({ images }) => {
+    return (_jsx("div", { className: 'trustworthy-websites', children: images.map((item) => (_jsx("div", { className: 'trustworthy-websites__image', children: item.src }, item.id))) }));
+};
+export default TrustworthyWebsites;

package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsitesProps.types.js

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

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

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

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, RichTextStrapi } from '../../atoms';
+// import './TypeModulesList.scss'
+const TypeModulesList = ({ typeModules }) => {
+    return (_jsx("div", { className: 'type-modules-list', children: typeModules.map((module) => (_jsxs("div", { className: 'module-item', children: [_jsx("div", { className: 'module-image', children: module.image }), _jsxs("div", { className: 'module-content', children: [_jsx("h2", { className: 'module-title', children: module.title }), _jsx("div", { className: 'module-description', children: _jsx(RichTextStrapi, { ...module.description }) }), _jsxs("div", { className: 'module-buttons', children: [_jsx(Button, { dataQa: '', color: 'secondary3', givenClass: 'download-icon', label: module.buttonPdfCta, link: module.buttonPdfUrl ?? undefined, isExternal: true, target: '_blank' }), _jsx(Button, { dataQa: '', color: 'secondary3', givenClass: 'download-icon', label: module.buttonWordCta, link: module.buttonWordUrl ?? undefined, isExternal: true, target: '_blank' })] })] })] }, module.id))) }));
+};
+export default TypeModulesList;

package/dist/src/components/molecules/TypeModulesList/TypeModulesListProps.types.js

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

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

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

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../atoms';
+// import './UploadRatafiaZone.scss'
+const UploadRatafiaZone = ({ content, handleDragOver, handleDragOut, handleDrop, documentUploadFileDialog, ctaDataQa }) => {
+    return (_jsx("div", { className: 'upload-ratafia-zone', onDrop: handleDrop, onDragOver: handleDragOver, onDragLeave: handleDragOut, children: _jsxs("div", { className: 'upload-ratafia-zone__content', children: [_jsx("p", { className: 'sans-serif --medium upload-ratafia-zone__content__title', children: content.title }), _jsx(Button, { givenClass: 'upload-ratafia-zone__content__cta', dataQa: ctaDataQa, noLink: true, onClick: documentUploadFileDialog, color: 'primary', label: content.ctaLabel, children: content.ctaIcon != null && (_jsx("div", { className: 'upload-ratafia-zone__content__cta__icon', children: content.ctaIcon })) }), _jsx("p", { className: 'sans-serif --extra-small upload-ratafia-zone__content__description', children: content.description }), _jsx("span", { className: 'sans-serif --extra-small upload-ratafia-zone__content__service-terms', itemProp: 'text', children: content.serviceTerms })] }) }));
+};
+export default UploadRatafiaZone;

package/dist/src/components/molecules/UploadRatafiaZone/UploadRatafiaZoneProps.types.js

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

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

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

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

@@ -0,0 +1,41 @@
+export * from './AccordionItem';
+export * from './ActionButtonHeaderRatafiaCardList';
+export * from './AlsoKnownAs';
+export * from './Article';
+export * from './BaseBoxList';
+export * from './BenefitRatafiaCardList';
+export * from './BottomFixedBar';
+export * from './BottomOverlay';
+export * from './BoxForm';
+export * from './Breadcrumb';
+export * from './ContactBox';
+export * from './ContinueEditingBanner';
+export * from './CountDownMessage';
+export * from './EmailContactBox';
+export * from './ExpertCardList';
+export * from './FaqItem';
+export * from './FeatureRatafiaCardList';
+export * from './Feedback';
+export * from './FreeDocModalContent';
+export * from './HeaderRatafia';
+export * from './KeyFactCardListRatafia';
+export * from './MenuItemsSection';
+export * from './MidBannerRatafiaContent';
+export * from './MidBannerRatafiaSample';
+export * from './MoreDocsDesktop';
+export * from './MoreDocsMobile';
+export * from './NavBarDropDown';
+export * from './Pagination';
+export * from './PhoneContactBoxDesktop';
+export * from './PhoneContactBoxMobile';
+export * from './PopularDocs';
+export * from './PricingCard';
+export * from './Snackbar';
+export * from './StepGetForm';
+export * from './StepRatafiaCardList';
+export * from './TagsRatafiaList';
+export * from './TextInput';
+export * from './TooltipMenu';
+export * from './TrustworthyWebsites';
+export * from './TypeModulesList';
+export * from './UploadRatafiaZone';

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../atoms';
+// import './AboutUsContent.scss'
+const AboutUsContent = ({ children, image, button }) => {
+    return (_jsxs("div", { className: 'about-us-content', children: [_jsx("div", { className: 'about-us-content__image', children: image }), _jsxs("div", { className: 'about-us-content__body', children: [children, button != null && (_jsx("div", { className: 'about-us-content__body__button', children: _jsx(Button, { ...button }) }))] })] }));
+};
+export default AboutUsContent;

package/dist/src/components/organisms/AboutUsContent/AboutUsContentProps.types.js

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

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

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

package/dist/src/components/organisms/Accordion/Accordion.context.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/strict-boolean-expressions */
+import React from 'react';
+const AccordionContext = React.createContext(undefined);
+const changeError = (state, action) => {
+    if (action.type !== 'handler')
+        return;
+    const itemsDataAccordion = state.itemsDataAccordion.map((item, index) => index === action.accordionItem ? { ...item, handler: action.handlerMessage } : item);
+    return { itemsDataAccordion };
+};
+const changeLoading = (state, action) => {
+    const itemsDataAccordion = state.itemsDataAccordion.map((item, index) => index === action.accordionItem ? { ...item, isLoading: !item.isLoading } : item);
+    return { itemsDataAccordion };
+};
+const changeLocked = (state, action) => {
+    const itemsDataAccordion = state.itemsDataAccordion.map((item, index) => index === action.accordionItem
+        ? {
+            ...item,
+            locked: {
+                actionType: action.resetAction ?? action.type,
+                isLocked: !action.resetAction && !item.locked.isLocked
+            }
+        }
+        : item);
+    return { itemsDataAccordion };
+};
+const changeMessage = (state, action) => {
+    if (action.type !== 'message')
+        return;
+    const itemsDataAccordion = state.itemsDataAccordion.map((item, index) => index === action.accordionItem ? { ...item, message: action.message } : item);
+    return { itemsDataAccordion };
+};
+const actions = {
+    handler: changeError,
+    loading: changeLoading,
+    locked: changeLocked,
+    message: changeMessage,
+    unlocked: changeLocked
+};
+function accordionDataReducer(state, action) {
+    if (actions[action.type]) {
+        return actions[action.type](state, action);
+    }
+    throw new Error(`Unhandled action type: ${action.type}`);
+}
+function AccordionProvider({ children, elements }) {
+    const itemsDataAccordion = {
+        itemsDataAccordion: Array.from(Array(elements).keys()).map(() => ({
+            isLoading: false,
+            message: '',
+            locked: {
+                actionType: 'default',
+                isLocked: false
+            },
+            handler: 'default'
+        }))
+    };
+    const [state, dispatch] = React.useReducer(accordionDataReducer, itemsDataAccordion);
+    const value = { state, dispatch };
+    return _jsx(AccordionContext.Provider, { value: value, children: children });
+}
+function useDispatchDataAccordionItem() {
+    const context = React.useContext(AccordionContext);
+    if (context === undefined) {
+        throw new Error('useAccordionLoadingItem must be used within a AccordionProvider');
+    }
+    return {
+        dispatch: context.dispatch
+    };
+}
+function useStateDataAccordionItem(accordionLoadingItem = 0) {
+    const context = React.useContext(AccordionContext);
+    if (context === undefined) {
+        throw new Error('useAccordionLoadingItem must be used within a AccordionProvider');
+    }
+    return {
+        state: context.state.itemsDataAccordion[accordionLoadingItem]
+    };
+}
+export { AccordionProvider, useDispatchDataAccordionItem, useStateDataAccordionItem };

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { AccordionItem } from '../../molecules';
+import { AccordionProvider } from './Accordion.context';
+// import './Accordion.scss'
+export const Accordion = ({ data, defaultActiveIndex = 0, defaultHeightItem }) => {
+    const [activeIndex, setActiveIndex] = useState(defaultActiveIndex);
+    const handleItemClick = (index) => {
+        setActiveIndex((prevIndex) => (prevIndex === index ? -1 : index));
+    };
+    return (_jsx(AccordionProvider, { elements: data.length, children: _jsx("div", { className: 'accordion', children: data.map((item, index) => (_jsx(AccordionItem, { accordionRightContent: item?.accordionRightContent, defaultHeightItem: defaultHeightItem, index: index, isOpen: activeIndex === index, onClick: () => {
+                    handleItemClick(index);
+                }, title: item.title, children: item.children }, index))) }) }));
+};

package/dist/src/components/organisms/Accordion/AccordionProps.types.js

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