npm - @npm_leadtech/legal-lib-components - Versions diffs - 4.1.0 → 4.1.5 - Mend

@npm_leadtech/legal-lib-components 4.1.0 → 4.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1691) hide show

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

@@ -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 ADDED Viewed

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

package/dist/src/components/atoms/Message/Message.d.ts ADDED Viewed

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

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

@@ -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 ADDED Viewed

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

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

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

package/dist/src/components/atoms/MessageInformation/MessageInformation.d.ts ADDED Viewed

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

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

@@ -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 ADDED Viewed

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

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

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

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

@@ -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 ADDED Viewed

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

package/dist/src/components/atoms/NavMenuItem/NavMenuItem.d.ts ADDED Viewed

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

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

@@ -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 ADDED Viewed

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

package/dist/src/components/atoms/PaypalButton/PaypalButton.d.ts ADDED Viewed

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

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

@@ -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 ADDED Viewed

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

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

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

package/dist/src/components/atoms/PopularDocsItem/PopularDocsItem.d.ts ADDED Viewed

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

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

@@ -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 ADDED Viewed

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

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

@@ -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 ADDED Viewed

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

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

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

package/dist/src/components/atoms/Radio/Radio.d.ts ADDED Viewed

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

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

@@ -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;

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

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

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

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

package/dist/src/components/atoms/RemoveButton/RemoveButton.d.ts ADDED Viewed

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

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

@@ -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 ADDED Viewed

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

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

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

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

@@ -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 ADDED Viewed

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

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

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

package/dist/src/components/atoms/RichTextInner/RichTextInner.d.ts ADDED Viewed

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

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

@@ -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 ADDED Viewed

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

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

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

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

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

package/dist/src/components/atoms/RichTextStrapi/RichTextStrapi.d.ts ADDED Viewed

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

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

@@ -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 ADDED Viewed

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

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

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

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

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

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

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

package/dist/src/components/atoms/ShowMoreBox/ShowMoreBox.d.ts ADDED Viewed

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

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

@@ -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 ADDED Viewed

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

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

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

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

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

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

@@ -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 ADDED Viewed

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

package/dist/src/components/atoms/Spinner/Spinner.d.ts ADDED Viewed

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

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

@@ -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 ADDED Viewed

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

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

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

package/dist/src/components/atoms/StepRatafiaCard/StepRatafiaCard.d.ts ADDED Viewed

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

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

@@ -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 ADDED Viewed

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

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

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

package/dist/src/components/atoms/Tag/Tag.d.ts ADDED Viewed

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

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

@@ -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 ADDED Viewed

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

package/dist/src/components/atoms/TagRatafiaItem/TagRatafiaItem.d.ts ADDED Viewed

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

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

@@ -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 ADDED Viewed

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

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

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

package/dist/src/components/atoms/Tagline/Tagline.d.ts ADDED Viewed

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

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

@@ -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 ADDED Viewed

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

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

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

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

@@ -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.d.ts ADDED Viewed

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

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

@@ -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 ADDED Viewed

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

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

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