@npm_leadtech/legal-lib-components 4.1.16 → 4.1.18

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// import './RemoveButton.scss'
+const RemoveButton = ({ label = '', className = '', items, name = '', onChange = () => { }, value, disabled = false, tooltip = undefined }) => {
+    const fieldLabel = label;
+    return (_jsxs("div", { className: `e-removeButton ${className}`, children: [items.removeButton.value !== '' && (_jsxs("div", { className: 'e-removeButton__inner', children: [_jsx("input", { type: 'radio', id: `${name}_${items.removeButton.value}`, name: name, onChange: onChange, value: items.removeButton.value, checked: items.removeButton.value === value, disabled: disabled, "data-qa": `${name}_${items.removeButton.value}` }), _jsx("label", { htmlFor: `${name}_${items.removeButton.value}`, children: fieldLabel })] })), tooltip !== undefined && _jsx("p", { className: 'tooltip sans-serif --extra-small', children: tooltip })] }));
+};
+export default RemoveButton;

package/dist/src/components/atoms/RemoveButton/RemoveButtonProps.types.js

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

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

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

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// import './ReviewKeyFactsResultRatafia.scss'
+export const ReviewKeyFactsResultRatafia = ({ reviewQuestion, reviewPositiveIcon, reviewPositiveText, handleOnClickReviewPositive, reviewPositiveDataQa = true, reviewNegativeIcon, reviewNegativeText, handleOnClickReviewNegative, reviewNegativeDataQa, reviewFeedbackText, review }) => {
+    return (_jsx("div", { className: 'review-key-facts-result', children: review === null ? (_jsxs("div", { className: 'review-key-facts-result__review', children: [_jsx("p", { className: 'sans-serif review-key-facts-result__review__question', children: reviewQuestion }), _jsxs("div", { className: 'review-key-facts-result__review__buttons', children: [_jsxs("button", { className: 'review-key-facts-result__review__buttons__item', onClick: handleOnClickReviewPositive, "data-qa": reviewPositiveDataQa, children: [_jsx("div", { className: 'review-key-facts-result__review__buttons__item__icon', children: reviewPositiveIcon }), _jsx("p", { className: 'sans-serif --small review-key-facts-result__review__buttons__item__text positive', children: reviewPositiveText })] }), _jsxs("button", { className: 'review-key-facts-result__review__buttons__item', onClick: handleOnClickReviewNegative, "data-qa": reviewNegativeDataQa, children: [_jsx("div", { className: 'review-key-facts-result__review__buttons__item__icon', children: reviewNegativeIcon }), _jsx("p", { className: 'sans-serif --small review-key-facts-result__review__buttons__item__text negative', children: reviewNegativeText })] })] })] })) : (_jsx("div", { className: 'review-key-facts-result__review', children: _jsx("p", { className: 'sans-serif --small review-key-facts-result__review__question', children: reviewFeedbackText }) })) }));
+};
+export default ReviewKeyFactsResultRatafia;

package/dist/src/components/atoms/ReviewKeyFactsResultRatafia/ReviewKeyFactsResultRatafiaProps.types.js

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

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

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

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

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// import './RichTextInner.scss'
+const RichTextInner = ({ children, customClass = '' }) => (_jsx("div", { className: `rich-text ${customClass}`, children: children }));
+export default RichTextInner;

package/dist/src/components/atoms/RichTextInner/RichTextInnerProps.types.js

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

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

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

package/dist/src/components/atoms/RichTextStrapi/RichTextMedia.js

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

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useFormattedText } from './useFormattedText';
+// import './RichTextStrapi.scss'
+export const RichTextStrapi = ({ html = '', className = '', medias = [] }) => {
+    const { text } = useFormattedText(html, medias);
+    if (html.length === 0)
+        return null;
+    return _jsx("div", { className: `richt-text-strapi m-richText ${className}`, dangerouslySetInnerHTML: { __html: text } });
+};

package/dist/src/components/atoms/RichTextStrapi/RichTextStrapiProps.js

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

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

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

package/dist/src/components/atoms/RichTextStrapi/useFormattedText.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { getDateFormatMMMMYYYY } from '../../../utils/getDateFormatMMMMYYYY';
+import { replaceAll } from '../../../utils/replaceAll';
+const formatTable = (text) => {
+    let tableTextFormated = replaceAll(text, '<table>', '<div class="table-wrapper"><table>');
+    tableTextFormated = replaceAll(tableTextFormated, '</table>', '</table></div>');
+    return tableTextFormated;
+};
+export const useFormattedText = (html, medias = []) => {
+    const initText = () => {
+        let text = html ?? '';
+        medias.forEach((media) => {
+            if ((media?.localFile?.publicURL ?? '').length === 0 || (media?.src ?? '').length === 0)
+                return;
+            text = text.replace(media.src, media.localFile.publicURL);
+        });
+        text = replaceAll(text, '<img ', '<img loading="lazy" ');
+        text = text.replace('{{monthYear}}', getDateFormatMMMMYYYY());
+        text = formatTable(text);
+        return text;
+    };
+    const [text] = React.useState(initText());
+    return { text };
+};

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

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import Select from 'react-select';
+import classNames from 'classnames';
+import error from '../../../../images/svg/info-error_24px_outlined.svg';
+// import './SearchSelect.scss'
+export var MenuPlacement;
+(function (MenuPlacement) {
+    MenuPlacement["top"] = "top";
+    MenuPlacement["bottom"] = "bottom";
+    MenuPlacement["auto"] = "auto";
+})(MenuPlacement || (MenuPlacement = {}));
+const getSortedItems = (items, isSortAlphabetically = false) => {
+    if (isSortAlphabetically) {
+        return items.sort((item1, item2) => {
+            const textItem1 = item1.label.toUpperCase();
+            const textItem2 = item2.label.toUpperCase();
+            if (textItem1 < textItem2)
+                return -1;
+            return textItem1 > textItem2 ? 1 : 0;
+        });
+    }
+    return items;
+};
+const SearchSelect = (props) => {
+    const { customClass = '', menuPlacement = MenuPlacement.bottom } = props;
+    const sortedItems = getSortedItems(props.items, props.isSortAlphabetically);
+    const defaultValue = props.defaultValue;
+    const classnames = classNames({
+        'e-searchselect': true,
+        '--is-invalid': !props.validate,
+        [`${customClass}`]: props.customClass,
+        '--group-invalid': !props.isValidGroup
+    });
+    const handleChange = (selectedOption) => {
+        const selectObject = {
+            target: {
+                name: props.name,
+                value: selectedOption
+            }
+        };
+        props.onChange(selectObject);
+    };
+    const TooltipObject = props.tooltip && typeof props.tooltip === 'string' ? (_jsx("p", { className: 'tooltip-form sans-serif --small', children: props.tooltip })) : ('');
+    return (_jsxs(_Fragment, { children: [props.label && (_jsx("div", { className: 'e-searchselect__inner', children: _jsx("label", { className: 'searchselect__label', children: props.label }) })), _jsxs("div", { className: `${classnames} ${props.width ? 'width' : ''}`, "data-qa": `${props.dataQA ?? props.name}`, children: [TooltipObject, _jsxs("span", { className: 'e-searchselect--error sans-serif --small', children: [_jsx("img", { src: error, alt: props.errorMessage, width: '24', height: '24' }), props.errorMessage] }), _jsx(Select, { styles: {
+                            control: (baseStyles, state) => {
+                                return {
+                                    ...baseStyles,
+                                    borderColor: state.isFocused ? 'var(--primary-main) !important' : '',
+                                    boxShadow: state.isFocused ? '0 0 0 1px var(--primary-main) !important' : '',
+                                    borderStyle: state.isFocused ? 'solid' : 'initial'
+                                };
+                            }
+                        }, id: props.name, name: props.name, className: 'legal-selector', defaultValue: defaultValue, onChange: handleChange, isDisabled: props.disabled, isSearchable: props.isSearchable !== false, options: sortedItems, escapeClearsValue: true, isClearable: true, placeholder: props.placeholder, defaultMenuIsOpen: props.defaultMenuIsOpen, menuPlacement: menuPlacement })] })] }));
+};
+export default SearchSelect;

package/dist/src/components/atoms/SearchSelect/SearchSelectProps.types.js

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

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

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

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { ChevronExpandLess } from '../../../../images/componentsSvg/ChevronExpandLess';
+import { ChevronExpandMore } from '../../../../images/componentsSvg/ChevronExpandMore';
+// import './ShowMoreBox.scss'
+export const ShowMoreBox = ({ children, collapsedButtonText = 'Show More', expandedButtonText = 'Show Less' }) => {
+    const [isExpanded, setIsExpanded] = React.useState(false);
+    return (_jsxs("div", { className: 'show-more-box', children: [_jsx("div", { className: `content ${isExpanded ? '' : 'truncate'}`, children: children }), _jsxs("div", { className: 'button', children: [_jsx("div", { role: 'button', tabIndex: 0, onClick: () => {
+                            setIsExpanded(!isExpanded);
+                        }, onKeyDown: () => {
+                            setIsExpanded(!isExpanded);
+                        }, children: isExpanded ? expandedButtonText : collapsedButtonText }), isExpanded ? _jsx(ChevronExpandLess, {}) : _jsx(ChevronExpandMore, {})] })] }));
+};

package/dist/src/components/atoms/ShowMoreBox/ShowMoreBoxProps.js

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

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

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

package/dist/src/components/atoms/SidemenuTab/SideMenuTabProps.types.js

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

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { MenuItems } from '../MenuItems';
+import { Tooltip } from '../Tooltip';
+// import './SidemenuTab.scss'
+const SidemenuTab = ({ active, mobile, menu, text, image, onClick, children }) => {
+    const classes = classNames('sidemenu-tab', {
+        'sidemenu-tab--active': active,
+        'sidemenu-tab--mobile': mobile
+    });
+    const renderTab = () => (_jsx("button", { className: classes, onClick: onClick, children: _jsxs("div", { className: 'sidemenu-tab__inner', children: [image, _jsx("p", { className: 'sans-serif --medium', children: children ?? text })] }) }));
+    if (menu === undefined || menu?.lenght === 0) {
+        return renderTab();
+    }
+    return (_jsx(Tooltip, { content: _jsx(MenuItems, { list: menu }), interactive: true, trigger: 'click', children: renderTab() }));
+};
+export default SidemenuTab;

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

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

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// import './Spinner.scss'
+const Spinner = ({ className = '', big = false }) => {
+    return !big ? (_jsx("svg", { className: `e-spinner ${className}`, width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', children: _jsx("path", { d: 'M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 11.3864 2.49746 10.8889 3.11111 10.8889C3.72476 10.8889 4.22222 11.3864 4.22222 12C4.22222 16.2955 7.70445 19.7778 12 19.7778C16.2955 19.7778 19.7778 16.2955 19.7778 12C19.7778 7.70445 16.2955 4.22222 12 4.22222C11.3864 4.22222 10.8889 3.72476 10.8889 3.11111C10.8889 2.49746 11.3864 2 12 2Z', fill: '#6D7275' }) })) : (_jsx("svg", { className: `e-spinner big ${className}`, viewBox: '0 0 24 24', fill: 'none', children: _jsx("path", { d: 'M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 11.3864 2.49746 10.8889 3.11111 10.8889C3.72476 10.8889 4.22222 11.3864 4.22222 12C4.22222 16.2955 7.70445 19.7778 12 19.7778C16.2955 19.7778 19.7778 16.2955 19.7778 12C19.7778 7.70445 16.2955 4.22222 12 4.22222C11.3864 4.22222 10.8889 3.72476 10.8889 3.11111C10.8889 2.49746 11.3864 2 12 2Z', fill: '#6D7275' }) }));
+};
+export default Spinner;

package/dist/src/components/atoms/Spinner/SpinnerProps.types.js

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

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

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

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// import './StepRatafiaCard.scss'
+export const StepRatafiaCard = ({ title, icon, description }) => {
+    return (_jsxs("div", { className: 'step-ratafia-card', children: [_jsxs("div", { className: 'step-ratafia-card__title', children: [icon !== null && _jsx("div", { className: 'step-ratafia-card__title__icon', children: icon }), _jsx("h3", { className: 'sans-serif --medium --bold-weight step-ratafia-card__title__text', children: title })] }), _jsx("p", { className: 'sans-serif --small step-ratafia-card__description', children: description })] }));
+};
+export default StepRatafiaCard;

package/dist/src/components/atoms/StepRatafiaCard/StepRatafiaCardProps.types.js

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

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

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

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// import './Tag.scss'
+export const Tag = ({ text, icon }) => {
+    return (_jsxs("div", { className: 'tag', children: [_jsx("div", { className: 'icon', children: icon }), _jsx("div", { className: 'text', children: text })] }));
+};

package/dist/src/components/atoms/Tag/TagProps.js

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

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

@@ -0,0 +1,2 @@
+export * from './Tag';
+export * from './TagProps';

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// import './TagRatafiaItem.scss'
+export const TagRatafiaItem = ({ icon, description }) => {
+    return (_jsxs("div", { className: 'tag-ratafia-item', children: [icon !== null && _jsx("div", { className: 'tag-ratafia-item__icon', children: icon }), _jsx("span", { className: 'sans-serif --small tag-ratafia-item__description', itemProp: 'text', children: description })] }));
+};
+export default TagRatafiaItem;

package/dist/src/components/atoms/TagRatafiaItem/TagRatafiaItemProps.types.js

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

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

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

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// import './Tagline.scss'
+export const Tagline = ({ text }) => {
+    return (_jsx("div", { className: 'tagline', children: _jsx("span", { className: 'sans-serif --small tagline__text', children: text }) }));
+};

package/dist/src/components/atoms/Tagline/TaglineProps.types.js

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

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

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

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

@@ -0,0 +1,23 @@
+/* eslint-disable @typescript-eslint/strict-boolean-expressions */
+import PropTypes from 'prop-types';
+/**
+ *  @param {string} props.id, jira task number
+ *  @param {function} props.getVariant, function to obtain the url
+ *  @param {object || array} props.children, each div info inside the testAB
+ *  @param {string} props.defaultValue, default value received, only needed if we have more than 2 options
+ */
+export const TestAB = ({ id, getVariant, children, defaultValue }) => {
+    const value = getVariant(id) || defaultValue;
+    let variant = value !== 'true' ? null : children;
+    if (children.length > 1) {
+        variant = children.filter((child) => {
+            return child.props['data-variable'] === value;
+        });
+    }
+    return variant;
+};
+TestAB.propTypes = {
+    id: PropTypes.string,
+    getVariant: PropTypes.func,
+    defaultValue: PropTypes.string
+};

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import error from '../../../../images/svg/info-error_24px_outlined.svg';
+// import './TextArea.scss'
+const TextArea = ({ customClass = '', disabled, errorMessage, label, name, onChange, placeholder, tooltip, validate = false, value, dataQa }) => {
+    const classNames = `${validate ? 'e-textarea' : 'e-textarea --is-invalid'} 
+    ${customClass}`;
+    return (_jsxs("div", { className: classNames, children: [tooltip !== undefined && _jsx("p", { className: 'tooltip-form sans-serif --small', children: tooltip }), errorMessage !== undefined && !validate && (_jsxs("span", { className: 'e-text--error sans-serif --small', children: [_jsx("img", { src: error, alt: errorMessage }), errorMessage] })), _jsx("textarea", { id: name, name: name, placeholder: placeholder, onChange: onChange, value: value, disabled: disabled, "data-qa": dataQa }), label !== undefined && (_jsx("div", { className: 'e-textarea__inner', children: _jsx("div", { className: 'inputLabel', children: label }) }))] }));
+};
+export default TextArea;

package/dist/src/components/atoms/TextArea/TextAreaProps.types.js

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

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

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

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// import './Toggle.scss'
+const Toggle = ({ toggleAction, toggleCheck, label }) => {
+    return (_jsxs("div", { className: 'e-toggle', children: [_jsxs("label", { className: 'switch', children: [_jsx("input", { type: 'checkbox', className: `toggle-checkbox ${toggleCheck ? 'isOn' : ''}`, checked: toggleCheck, onChange: toggleAction }), _jsx("div", { className: 'slider' })] }), _jsx("span", { children: label })] }));
+};
+export default Toggle;

package/dist/src/components/atoms/Toggle/ToggleProps.types.js

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

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

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

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Tippy from '@tippyjs/react';
+import classNames from 'classnames';
+// import 'tippy.js/dist/tippy.css'
+// import './Tooltip.scss'
+const Tooltip = ({ children, position = 'top', inverted, trigger = 'hover', ...rest }) => {
+    if (children === undefined)
+        return null;
+    const classnames = classNames('', {
+        'tippy-box--inverted': inverted
+    });
+    return (_jsx(Tippy, { className: classnames, placement: position, trigger: trigger, ...rest, children: children }));
+};
+export default Tooltip;

package/dist/src/components/atoms/Tooltip/TooltipProps.types.js

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

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

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

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+// import './TopBar.scss'
+const TopBar = ({ hide, children }) => {
+    if (children === undefined)
+        return null;
+    const classnames = classNames({
+        '--is-hidden': hide
+    });
+    return (_jsx("div", { className: `top-bar-wrapper ${classnames}`, children: _jsx("div", { className: 'top-bar', children: _jsx("div", { className: 'top-bar-content', children: children }) }) }));
+};
+export default TopBar;

package/dist/src/components/atoms/TopBar/TopBarProps.types.js

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

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

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

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+export const TopBarMobile = ({ children, isVisible = false }) => {
+    const [isSSR, setIsSSR] = useState(false);
+    useEffect(() => {
+        setIsSSR(true);
+    }, []);
+    return isSSR ? _jsx("div", { className: `top-bar-mobile ${isVisible ? 'fade-In' : 'fade-Out'}`, children: children }) : null;
+};

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

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

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// import './TrustPilot.scss'
+const Trustpilot = ({ children }) => {
+    return _jsx("div", { className: 'trustpilot', children: children });
+};
+export default Trustpilot;

package/dist/src/components/atoms/TrustPilot/TrustPilotProps.types.js

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

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

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

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Video = ({ videoSrcURL, videoMimeType = 'video/webm', title = '', controls = true, autoPlay = false, loop = false, muted = false, track }) => {
+    if (!videoSrcURL)
+        return null;
+    return (
+    // eslint-disable-next-line jsx-a11y/media-has-caption
+    _jsxs("video", { "data-testid": 'video', title: title, controls: controls, autoPlay: autoPlay, loop: loop, muted: muted, children: [_jsx("source", { src: videoSrcURL, type: videoMimeType }), track && _jsx("track", { src: track.src, kind: track.kind, srcLang: track.srclang, label: track.label }), "Your browser does not support the video tag."] }));
+};
+export default Video;

package/dist/src/components/atoms/Video/VideoProps.types.js

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

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

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

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// import './WhyLawDistrictItems.scss'
+export const WhyLawDistrictItems = ({ items }) => {
+    if (items.length === 0)
+        return null;
+    return (_jsx("ul", { className: 'whyLawDistrictItems', children: items.map((item) => (_jsx("li", { className: 'whyLawDistrictItems__item', children: item.reasons }, item.id))) }));
+};
+export default WhyLawDistrictItems;

package/dist/src/components/atoms/WhyLawDistrictItems/WhyLawDistrictItemsProps.types.js

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

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

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

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const WideInfoBar = ({ children, color }) => {
+    if (children === undefined)
+        return null;
+    return (_jsx("div", { className: `wide-info-bar ${color ?? ''}`, children: _jsx("div", { className: 'wide-info-bar__wrapper', children: children }) }));
+};
+export default WideInfoBar;

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

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

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

@@ -0,0 +1,60 @@
+export * from './ActionButtonHeaderRatafiaCard';
+export * from './AddButton';
+export * from './BaseBox';
+export * from './BenefitRatafiaCard';
+export * from './BillCard';
+export * from './BottomOverlayMenu';
+export * from './BreadcrumItem';
+export * from './Button';
+export * from './ButtonIcon';
+export * from './CardPane';
+export * from './Checkbox';
+export * from './DatePickerCustom';
+export * from './DialogMenuIcon';
+export * from './Disclaimer';
+export * from './DisclaimerRatafia';
+export * from './Divider';
+export * from './DocumentStatus';
+export * from './DocumentTag';
+export * from './ExpertCard';
+export * from './FeatureRatafiaCard';
+export * from './FormFaq';
+export * from './GoogleButton';
+export * from './IconImage';
+export * from './IconSvgURLWithThemeColor';
+export * from './IconTextInfoSection';
+export * from './InfoBox';
+export * from './JumbotronStatic';
+export * from './KeyFactRatafiaCard';
+export * from './Logo';
+export * from './LogoText';
+export * from './MenuItems';
+export * from './Message';
+export * from './MessageInformation';
+export * from './MoreDocsItem';
+export * from './NavMenuItem';
+export * from './PaypalButton';
+export * from './PopularDocsItem';
+export * from './ProgressBar';
+export * from './Radio';
+export * from './RemoveButton';
+export * from './ReviewKeyFactsResultRatafia';
+export * from './RichTextInner';
+export * from './RichTextStrapi';
+export * from './SearchSelect';
+export * from './ShowMoreBox';
+export * from './SidemenuTab';
+export * from './Spinner';
+export * from './StepRatafiaCard';
+export * from './Tag';
+export * from './Tagline';
+export * from './TagRatafiaItem';
+export * from './TextArea';
+export * from './Toggle';
+export * from './Tooltip';
+export * from './TopBar';
+export * from './TopBarMobile';
+export * from './TrustPilot';
+export * from './Video';
+export * from './WhyLawDistrictItems';
+export * from './WideInfoBar';

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

@@ -0,0 +1,23 @@
+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 { useEffect, useRef } from 'react';
+import { useDispatchDataAccordionItem, useStateDataAccordionItem } from '../../organisms/Accordion/Accordion.context';
+// import './AccordionItem.scss'
+export const AccordionItem = ({ accordionRightContent, children, defaultHeightItem = 416, index, isOpen, onClick, title }) => {
+    const contenReftHeight = useRef(null);
+    const { state } = useStateDataAccordionItem(index);
+    const { dispatch } = useDispatchDataAccordionItem();
+    useEffect(() => {
+        if (state.locked.actionType === 'unlocked') {
+            onClick();
+            dispatch({ type: 'unlocked', accordionItem: index, resetAction: 'default' });
+        }
+    }, [state.locked.actionType]);
+    return (_jsxs("div", { className: 'accordion__container', children: [_jsxs("button", { className: `accordion__button 
+          ${state.handler === 'success' ? '--success' : ''}
+          ${state.locked.isLocked ? '--locked' : ''}`, onClick: () => {
+                    !state.locked.isLocked && onClick();
+                }, children: [_jsx("p", { className: `accordion__title ${state.locked.isLocked ? '--locked' : ''}`, children: title }), accordionRightContent] }), _jsx("div", { ref: contenReftHeight, className: `accordion__content ${!isOpen ? '--closed' : ''}`, style: isOpen ? { height: contenReftHeight?.current?.scrollHeight ?? defaultHeightItem } : { height: '0px' }, children: children })] }));
+};

package/dist/src/components/molecules/AccordionItem/AccordionItemProps.types.js

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

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

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

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ActionButtonHeaderRatafiaCard } from '../../atoms';
+// import './ActionButtonHeaderRatafiaCardList.scss'
+const ActionButtonHeaderRatafiaCardList = ({ actionButtons }) => {
+    if (actionButtons.length === 0)
+        return null;
+    return (_jsx("div", { className: 'action-button-header-ratafia-card-list', children: actionButtons.map((actionButton) => (_jsx(ActionButtonHeaderRatafiaCard, { ...actionButton }, actionButton.id))) }));
+};
+export default ActionButtonHeaderRatafiaCardList;

package/dist/src/components/molecules/ActionButtonHeaderRatafiaCardList/ActionButtonHeaderRatafiaCardListProps.types.js

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

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

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

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DocumentTag } from '../../atoms';
+import { SymbolDoc } from '../../../../images/componentsSvg/SymbolDoc';
+// import './AlsoKnownAs.scss'
+const AlsoKnownAs = ({ title = '', documents = [] }) => {
+    if (documents?.length === 0)
+        return null;
+    return (_jsxs("div", { className: 'also-known-as', children: [_jsxs("p", { className: 'title', children: [_jsx(SymbolDoc, {}), _jsx("span", { className: 'text', children: title })] }), documents.map((item) => (_jsx(DocumentTag, { text: item }, item)))] }));
+};
+export default AlsoKnownAs;

package/dist/src/components/molecules/AlsoKnownAs/AlsoKnownAsProps.types.js

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

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

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

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../atoms';
+// import './Article.scss'
+const Article = ({ imageUrl, title, articleUrl, summary }) => {
+    return (_jsxs("div", { className: 'article', children: [_jsx("img", { src: imageUrl, className: 'image', loading: 'lazy', alt: title }), _jsxs("div", { className: 'information', children: [_jsx("a", { href: articleUrl, target: '_blank', rel: 'noreferrer', children: _jsxs("p", { className: 'title sans-serif --big', children: [title, " "] }) }), _jsx("div", { className: 'summary', children: summary }), _jsx(Button, { color: 'tertiary', label: 'Read more', dataQa: 'article-read-more', link: articleUrl, isExternal: true })] })] }));
+};
+export default Article;

package/dist/src/components/molecules/Article/ArticleProps.types.js

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