@npm_leadtech/legal-lib-components 7.85.0 → 7.85.2

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

@@ -1,92 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import DatePicker, { registerLocale } from 'react-datepicker';
-import { useState } from 'react';
-import { de } from 'date-fns/locale';
-import { DatePickerCustomStyled } from './DatePickerCustom.styled';
-// import './DatepickerPlugin.scss'
-registerLocale('de', de);
-const DatePickerCustom = ({ class: className, dateFormat = 'MM/dd/yyyy', isStartDate = false, isValidGroup = false, label, locale = 'en', name, onChange, relatedDate, isMobile, tooltip, type, validate = false, value }) => {
-    const [event, setEvent] = useState();
-    const [date, setDate] = useState(() => {
-        return typeof value === 'string' && value !== '' ? new Date(value) : null;
-    });
-    const returnYears = (currentYear) => {
-        const years = [];
-        const minYear = new Date().getFullYear() - 100;
-        const maxYear = new Date().getFullYear() + 500;
-        for (let i = minYear; i <= maxYear; i++) {
-            years.push(_jsx("option", { value: i, defaultValue: currentYear, children: i }, i));
-        }
-        return years;
-    };
-    const handleChange = (date) => {
-        setDate(date);
-        if (onChange != null) {
-            const dateObject = {
-                target: {
-                    name,
-                    value: date
-                }
-            };
-            onChange(dateObject);
-        }
-    };
-    const addDays = (date, days) => {
-        const result = new Date(date);
-        result.setDate(result.getDate() + days);
-        return result;
-    };
-    const classStyle = `${validate ? 'e-datepicker' : 'e-datepicker is-invalid'} ${className ?? ''} e-${type} ${!isValidGroup ? '--group-invalid' : ''}\``;
-    let minDate;
-    let maxDate;
-    if (relatedDate != null) {
-        if (isStartDate) {
-            maxDate = relatedDate;
-            maxDate = addDays(maxDate, -1);
-        }
-        else {
-            minDate = relatedDate;
-            minDate = addDays(minDate, 1);
-        }
-    }
-    const TooltipObject = tooltip !== undefined ? _jsx("p", { className: 'tooltip-form sans-serif --small', children: tooltip }) : '';
-    const actualYear = new Date().getFullYear();
-    const intlForMonths = new Intl.DateTimeFormat(locale, { month: 'long' });
-    const months = [...Array(12).keys()].map((monthIndex) => {
-        const monthName = intlForMonths.format(new Date(actualYear, monthIndex));
-        return {
-            monthName
-        };
-    });
-    let propsForMobileDevices = {};
-    if (isMobile) {
-        propsForMobileDevices = {
-            portalId: 'root-portal',
-            withPortal: true,
-            onFocus: (event) => {
-                setEvent(event);
-                event.target.blur();
-            },
-            onCalendarClose: () => {
-                if (event) {
-                    const timmerID = setTimeout(() => {
-                        event.target.blur();
-                        clearTimeout(timmerID);
-                    }, 1);
-                }
-            }
-        };
-    }
-    return (_jsxs(DatePickerCustomStyled, { className: classStyle, "data-qa": name, children: [TooltipObject, _jsx(DatePicker, { ...propsForMobileDevices, preventOpenOnFocus: true, locale: locale, dateFormat: dateFormat, renderCustomHeader: ({ date, changeYear, changeMonth, decreaseMonth, increaseMonth, prevMonthButtonDisabled, nextMonthButtonDisabled }) => (_jsxs("div", { style: {
-                        margin: 10,
-                        display: 'flex',
-                        justifyContent: 'center'
-                    }, children: [_jsx("button", { className: 'DayPickerNavigation_leftButton', onClick: decreaseMonth, disabled: prevMonthButtonDisabled, children: '<' }), _jsx("select", { className: 'CalendarYear', value: date.getFullYear(), onChange: ({ target: { value } }) => {
-                                changeYear(Number(value));
-                            }, children: returnYears(date.getFullYear()) }), _jsx("select", { className: 'CalendarMonth', value: date.getMonth(), onChange: ({ target: { value } }) => {
-                                changeMonth(Number(value));
-                            }, children: months.map(({ monthName }, value) => (_jsx("option", { value: value, defaultValue: date.getMonth(), children: monthName }, monthName))) }), _jsx("button", { className: 'DayPickerNavigation_rightButton', onClick: increaseMonth, disabled: nextMonthButtonDisabled, children: '>' })] })), selected: date, minDate: minDate, maxDate: maxDate, onChange: (date) => {
-                    handleChange(date);
-                }, popperPlacement: 'bottom' }), _jsx("div", { className: 'e-datepicker__inner', children: _jsx("label", { className: 'e-datepicker__label', children: label }) })] }));
-};
-export default DatePickerCustom;

package/dist/src/components/atoms/DatePickerCustom/DatePickerCustom.styled.d.ts

@@ -1 +0,0 @@
-export declare const DatePickerCustomStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/src/components/atoms/DatePickerCustom/DatePickerCustom.styled.js

@@ -1,120 +0,0 @@
-// import { device, size } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components';
-export const DatePickerCustomStyled = styled.div `
-  max-width: 55%;
-  width: 100%;
-  display: flex;
-  flex-flow: column-reverse;
-  margin-bottom: 2rem;
-
-  .e-datepicker {
-    &__inner {
-      margin-bottom: 0.5rem;
-    }
-    &__label {
-      font-weight: bold;
-    }
-
-    ul li {
-      margin: 0;
-
-      &::before {
-        background-color: transparent;
-      }
-    }
-  }
-
-  &.e-datepicker {
-    .react-datepicker {
-      border: 0.5px solid var(--neutral-neutral-4);
-    }
-
-    .react-datepicker__input-container input {
-      color: var(--neutral-main);
-      border-radius: var(--s-border-radius);
-      font-size: 1rem;
-      background-color: var(--neutral-neutral-4);
-      height: 40px;
-      width: 100%;
-      padding: 0.75rem 0 0.75rem 0.75rem;
-      background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48IS0tR2VuZXJhdG9yOiBza2V0Y2h0b29sIDYwICgxMDEwMTApIC0gaHR0cHM6Ly9za2V0Y2guY29tLS0+PHRpdGxlPjNEODAzNjU0LUI3NjEtNEZEQy05MThDLTc1QzUwMjdEODcyMDwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPjxkZWZzPjxwYXRoIGQ9Ik0yMiwzIEwxOSwzIEwxOSwxIEwxNywxIEwxNywzIEw3LDMgTDcsMSBMNSwxIEw1LDMgTDIsMyBMMiwyMyBMMjIsMjMgTDIyLDMgWiBNMjAsMjEgTDQsMjEgTDQsOCBMMjAsOCBMMjAsMjEgWiIgaWQ9InBhdGgtMSIvPjwvZGVmcz48ZyBpZD0iQXNzZXQtQXJ0Ym9hcmQtUGFnZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgaWQ9Imljb24vbmF2aWdhdGlvbi9leHBhbmRfbW9yZV8yNHB4LWljb24vYWN0aW9uL2NhbGVuZGFyX3RvZGF5XzI0cHgiPjxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj48dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiLz48L21hc2s+PGcgaWQ9Imljb24vYWN0aW9uL2NhbGVuZGFyX3RvZGF5XzI0cHgiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxnIGlkPSLihrMtQ29sb3ItY29sb3ItLy1JY29ucy0vLUJsYWNrLS8tSW5hY3RpdmUiIG1hc2s9InVybCgjbWFzay0yKSIgZmlsbD0iIzQzNDM0MyI+PHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+PC9nPjwvZz48L2c+PC9zdmc+);
-      background-position: 95% 50%;
-      background-repeat: no-repeat;
-      transition: box-shadow 0.3s ease;
-      box-shadow: 0 0 0 0 var(--primary-main-light-4);
-      margin: 0.0005em;
-      border: none;
-
-      &:focus {
-        outline: none;
-        box-shadow: 0 0 0 2px var(--primary-main-light-1);
-      }
-    }
-
-    .react-datepicker__day {
-      font-size: 14px;
-      text-align: center;
-      border: 0.5px solid var(--neutral-neutral-4);
-      width: 39px;
-      height: 38px;
-      border-collapse: collapse;
-      vertical-align: middle;
-      display: table-cell;
-      line-height: 1.7rem;
-    }
-
-    .react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle::after {
-      border-bottom-color: var(--others-white);
-    }
-
-    .react-datepicker__day--selected {
-      background-color: var(--primary-main-light-2);
-      border: 1px double var(--primary-main-light-2);
-
-      &:hover {
-        background-color: var(--primary-main-light-2);
-      }
-    }
-
-    .react-datepicker__day--keyboard-selected {
-      background-color: inherit;
-      color: inherit;
-
-      &:hover {
-        border-radius: 0.3rem;
-        background-color: #f0f0f0;
-      }
-    }
-
-    .react-datepicker__month-container {
-      padding: 0 15px 15px;
-    }
-
-    .react-datepicker__month {
-      margin: 0;
-    }
-
-    .react-datepicker__header {
-      background-color: inherit;
-      border: none;
-
-      button {
-        border: 0.5px solid var(--neutral-neutral-4);
-      }
-
-      select {
-        -webkit-appearance: menulist-button;
-        background-color: var(--others-white);
-      }
-    }
-
-    .react-datepicker__day-name {
-      width: 33px;
-    }
-
-    .react-datepicker__day--outside-month {
-      color: var(--neutral-neutral-3);
-      pointer-events: none;
-    }
-  }
-`;

package/dist/src/components/atoms/DatePickerCustom/DatePickerCustomProps.types.d.ts

@@ -1,18 +0,0 @@
-export interface DatePickerCustomProps {
-    id?: string;
-    name?: string;
-    class?: string;
-    value?: string;
-    focused?: boolean;
-    validate?: boolean;
-    tooltip?: string;
-    isValidGroup?: boolean;
-    label?: string;
-    locale: string;
-    isStartDate?: boolean;
-    relatedDate?: Date;
-    type?: string;
-    dateFormat?: string;
-    isMobile?: boolean;
-    onChange?: (dateObject: any) => void;
-}

package/dist/src/components/atoms/DatePickerCustom/DatePickerCustomProps.types.js

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

package/dist/src/components/atoms/DatePickerCustom/index.d.ts

@@ -1,2 +0,0 @@
-export { default as DatePickerCustom } from './DatePickerCustom';
-export { type DatePickerCustomProps } from './DatePickerCustomProps.types';

package/dist/src/components/atoms/DialogMenuIcon/DialogMenuIcon.d.ts

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

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

@@ -1,53 +0,0 @@
-import { jsx as _jsx, 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 { useCallback, useEffect, useRef, useState } from 'react';
-import classNames from 'classnames';
-import { DialogMenuIconStyled } from './DialogMenuIcon.styled';
-import cross from '../../../../images/svg/icon-clear-24-px.svg';
-import shape from '../../../../images/svg/shape.svg';
-// import './DialogMenuIcon.scss'
-const DialogMenuIcon = ({ onClose, onOpen, content }) => {
-    const [isVisible, setIsVisible] = useState(false);
-    const [onHoverVisible, setOnHoverVisible] = useState(true);
-    const iconContainer = useRef(null);
-    const messageContainer = useRef(null);
-    const classnames = classNames('dialog-menu-icon', {
-        'dialog-menu-icon--visible': isVisible,
-        'dialog-menu-icon--hidden': !isVisible,
-        'dialog-menu-icon--visible-on-hover': onHoverVisible
-    });
-    const handleClickOutside = useCallback((event) => {
-        const clickOutOfSelect = iconContainer.current && !iconContainer.current.contains(event.target);
-        if (clickOutOfSelect && onClose != null) {
-            onClose();
-        }
-    }, [iconContainer, onClose]);
-    useEffect(() => {
-        if (iconContainer.current) {
-            iconContainer.current.addEventListener('mouseover', () => {
-                setOnHoverVisible(true);
-            });
-            document.addEventListener('mousedown', handleClickOutside);
-        }
-        return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [handleClickOutside, onClose]);
-    const onHandleChange = (visible = false, hoverVisible = false) => {
-        setIsVisible(visible);
-        setOnHoverVisible(hoverVisible);
-        if (visible && onOpen != null) {
-            onOpen();
-        }
-        else if (!visible && onClose != null) {
-            onClose();
-        }
-    };
-    return (_jsx(DialogMenuIconStyled, { children: _jsxs("div", { className: classnames, ref: iconContainer, children: [_jsx("img", { className: 'dialog-menu-icon__image', onClick: () => {
-                        onHandleChange(true, false);
-                    }, src: shape, alt: 'shape' }), _jsxs("div", { className: 'dialog-menu-icon__message', ref: messageContainer, children: [_jsx("p", { children: content }), _jsx("img", { onClick: () => {
-                                onHandleChange();
-                            }, src: cross, alt: '' })] })] }) }));
-};
-export default DialogMenuIcon;

package/dist/src/components/atoms/DialogMenuIcon/DialogMenuIcon.styled.d.ts

@@ -1 +0,0 @@
-export declare const DialogMenuIconStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,82 +0,0 @@
-import { device, size } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const DialogMenuIconStyled = styled.div `
-  .dialog-menu-icon {
-    position: relative;
-    cursor: pointer;
-    &__image {
-      min-width: 1rem;
-      height: 1rem;
-      margin-left: 0.4rem;
-
-      @media ${device.laptop} {
-        align-self: center;
-      }
-    }
-
-    &__message {
-      visibility: hidden;
-      background-color: var(--neutral-neutral-1);
-      color: var(--others-white);
-      padding: 1rem 1rem;
-      border-radius: 0.3rem;
-      font-size: 12px;
-      width: 19rem;
-      display: flex;
-      align-items: flex-start;
-      justify-content: space-between;
-      position: absolute;
-      z-index: 2;
-      top: 1.5rem;
-      right: -5rem;
-
-      @media (max-width: ${size.xs}) {
-        width: 15rem;
-      }
-      @media ${device['portrait-tablets']} {
-        right: -4rem;
-      }
-      @media ${device['landscape-tablets']} {
-        width: 19rem;
-      }
-
-      p {
-        margin-right: 0.5rem;
-      }
-    }
-
-    &--visible .dialog-menu-icon__message {
-      visibility: visible;
-    }
-
-    &--hidden .dialog-menu-icon__message {
-      visibility: hidden;
-    }
-
-    &--visible-on-hover:hover .dialog-menu-icon__message {
-      visibility: visible;
-    }
-
-    &::before {
-      content: '';
-      visibility: hidden;
-      position: absolute;
-      width: 0;
-      height: 0;
-      box-shadow: 0 0.25rem 0.5rem -0.5rem;
-      border-bottom: 0.5rem solid var(--neutral-neutral-1);
-      -webkit-transform: translate(-100%, 0);
-      transform: translate(-100%, 0);
-      top: 1.1rem;
-      right: -1rem;
-      border-left: 0.5rem solid transparent;
-      border-right: 0.5rem solid transparent;
-      z-index: 20;
-    }
-
-    &--visible::before,
-    &--visible-on-hover:hover::before {
-      visibility: visible;
-    }
-  }
-`;

package/dist/src/components/atoms/DialogMenuIcon/DialogMenuIconProps.types.d.ts

@@ -1,6 +0,0 @@
-export interface DialogMenuIconProps {
-    title?: string;
-    content?: string;
-    onClose?: () => void;
-    onOpen?: () => void;
-}

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

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

package/dist/src/components/atoms/DialogMenuIcon/index.d.ts

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

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

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

package/dist/src/components/atoms/Disclaimer/Disclaimer.d.ts

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

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

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

package/dist/src/components/atoms/Disclaimer/Disclaimer.styled.d.ts

@@ -1 +0,0 @@
-export declare const DisclaimerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,48 +0,0 @@
-import { device, size } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const DisclaimerStyled = styled.div `
-  padding: 1rem 2rem;
-  @media ${device.laptop} {
-    padding: 1rem 0;
-  }
-  background-color: var(--neutral-main);
-  color: var(--neutral-neutral-4);
-
-  &.white-color {
-    color: var(--neutral-neutral-1);
-    background-color: var(--neutral-neutral-4);
-    a {
-      color: var(--neutral-neutral-1);
-      text-decoration: underline;
-    }
-  }
-  &.grey-color {
-    color: var(--neutral-neutral-4);
-    background-color: var(--neutral-main);
-    a {
-      color: var(--neutral-neutral-4);
-      text-decoration: underline;
-    }
-  }
-
-  .disclaimer__copy {
-    margin-bottom: 0.5rem;
-  }
-
-  .desktop_view {
-    display: block;
-    margin-top: 1rem;
-
-    @media (min-width: ${size.xxs}) and (max-width: ${size.sm}) {
-      display: none;
-    }
-  }
-
-  .mobile_view {
-    display: none;
-
-    @media (min-width: ${size.xxs}) and (max-width: ${size.sm}) {
-      display: block;
-    }
-  }
-`;

package/dist/src/components/atoms/Disclaimer/DisclaimerProps.types.d.ts

@@ -1,10 +0,0 @@
-export interface DisclaimerProps {
-    text?: string;
-    disclaimerLinks?: boolean;
-    linksUrl?: string;
-    givenClass?: string;
-    siteUrl?: string;
-    simpleCopyRight?: string;
-    complexCopyRight?: React.ReactNode;
-    complexCopyRightMobile?: React.ReactNode;
-}

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

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

package/dist/src/components/atoms/Disclaimer/index.d.ts

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

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

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

package/dist/src/components/atoms/DisclaimerRatafia/DisclaimerRatafia.d.ts

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

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

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

package/dist/src/components/atoms/DisclaimerRatafia/DisclaimerRatafia.styled.d.ts

@@ -1 +0,0 @@
-export declare const DisclaimerRatafiaStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;