@npm_leadtech/legal-lib-components 4.0.0 → 4.1.4

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

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

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

@@ -0,0 +1,15 @@
+export interface SnackbarProps {
+    type?: 'welcome' | 'success' | 'error' | 'reminder';
+    title?: string;
+    text?: string;
+    button?: {
+        label: string;
+        onClick: (functionParameters?: any) => void;
+        color: 'primary' | 'primary2' | 'primary3';
+    };
+    dismissTimeout?: number;
+    autoDismissTimeout?: number;
+    autoDismiss?: boolean;
+    onDismiss?: () => void;
+    onAutoDismiss?: () => void;
+}

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

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

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

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

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

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

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

@@ -0,0 +1,17 @@
+import React from 'react';
+interface InputProps {
+    name: string;
+    placeholder: string;
+    maxLength: number;
+    value: any;
+    type: 'password' | 'text' | 'number' | 'tel';
+    disabled: boolean;
+    className: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onClick: (e: React.MouseEvent<HTMLInputElement>) => void;
+    onBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onKeyUp: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+}
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export {};

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type TextInputProps } from './TextInputProps.types';
+declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
+export default TextInput;

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,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DialogMenuIcon } from '../../atoms';
+import './TextInput.scss';
+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.d.ts

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,47 @@
+import React from 'react';
+type Handler = 'error' | 'warning' | 'success' | 'default';
+type Action = {
+    type: 'message';
+    accordionItem: number;
+    message: string;
+    resetAction?: string;
+} | {
+    type: 'loading';
+    accordionItem: number;
+    resetAction?: string;
+} | {
+    type: 'locked';
+    accordionItem: number;
+    resetAction?: string;
+} | {
+    type: 'unlocked';
+    accordionItem: number;
+    resetAction?: string;
+} | {
+    type: 'handler';
+    accordionItem: number;
+    handlerMessage: Handler;
+    resetAction?: string;
+};
+type Dispatch = (action: Action) => void;
+interface ItemDataAccordion {
+    handler: string;
+    isLoading: boolean;
+    message: string;
+    locked: {
+        actionType: string;
+        isLocked: boolean;
+    };
+}
+interface AccordionProviderProps {
+    children: React.ReactNode;
+    elements: number;
+}
+declare function AccordionProvider({ children, elements }: AccordionProviderProps): JSX.Element;
+declare function useDispatchDataAccordionItem(): {
+    dispatch: Dispatch;
+};
+declare function useStateDataAccordionItem(accordionLoadingItem?: number): {
+    state: ItemDataAccordion;
+};
+export { AccordionProvider, useDispatchDataAccordionItem, useStateDataAccordionItem };

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

@@ -0,0 +1,2 @@
+import { type AccordionProps } from './AccordionProps.types';
+export declare const Accordion: ({ data, defaultActiveIndex, defaultHeightItem }: AccordionProps) => JSX.Element;

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

package/dist/src/components/organisms/ArticlesList/ArticlesList.d.ts

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

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Article } from '../../molecules';
+// import './ArticlesList.scss'
+const ArticlesList = ({ articles = [] }) => {
+    if (articles?.length === 0)
+        return null;
+    return (_jsx("div", { className: 'articles_wrapper', children: articles.map((article) => (_jsx(Article, { ...article }, `article_${article?.id}`))) }));
+};
+export default ArticlesList;

package/dist/src/components/organisms/ArticlesList/ArticlesListProps.types.js

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

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

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

package/dist/src/components/organisms/AsSeeInContent/AsSeeInContent.d.ts

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

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { RichTextInner } from '../../atoms';
+import { TrustworthyWebsites } from '../../molecules/TrustworthyWebsites';
+// import './AsSeeInContent.scss'
+const AsSeeInContent = ({ children, trustWorthyImages }) => {
+    if (trustWorthyImages.images.length === 0) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [_jsx(RichTextInner, { customClass: 'as-see-in-content__text', children: children }), _jsx(TrustworthyWebsites, { images: trustWorthyImages.images })] }));
+};
+export default AsSeeInContent;

package/dist/src/components/organisms/AsSeeInContent/AsSeeInContentProps.types.js

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

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

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