@npm_leadtech/legal-lib-components 7.101.0 → 7.102.1
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.
- package/dist/css/styles.css +0 -16
- package/dist/images/componentsSvg/ArrowRight.js +1 -1
- package/dist/images/componentsSvg/ArrowRight.tsx +1 -1
- package/dist/images/componentsSvg/CloseIcon.js +1 -1
- package/dist/images/componentsSvg/CloseIcon.tsx +6 -3
- package/dist/images/componentsSvg/Delete24p.tsx +2 -1
- package/dist/images/componentsSvg/Done24px.d.ts +1 -1
- package/dist/images/componentsSvg/Done24px.js +1 -1
- package/dist/images/componentsSvg/Done24px.tsx +7 -4
- package/dist/images/componentsSvg/Edit24p.tsx +1 -1
- package/dist/images/componentsSvg/EditText24px.tsx +1 -1
- package/dist/images/componentsSvg/Eye24pxOptimized.tsx +1 -1
- package/dist/images/componentsSvg/IconDuplicate24px.tsx +1 -1
- package/dist/images/componentsSvg/InfoError24pxOutlined.js +1 -1
- package/dist/images/componentsSvg/InfoError24pxOutlined.tsx +1 -1
- package/dist/images/componentsSvg/MenuCollapse24p.js +1 -1
- package/dist/images/componentsSvg/MenuCollapse24p.tsx +1 -1
- package/dist/images/componentsSvg/NewRelease24p.d.ts +1 -1
- package/dist/images/componentsSvg/NewRelease24p.js +2 -2
- package/dist/images/componentsSvg/NewRelease24p.tsx +19 -4
- package/dist/images/componentsSvg/RatafiaIcon24px.tsx +3 -3
- package/dist/images/componentsSvg/Sign24px.d.ts +2 -2
- package/dist/images/componentsSvg/Sign24px.js +1 -1
- package/dist/images/componentsSvg/Sign24px.tsx +6 -7
- package/dist/images/componentsSvg/Time24px.d.ts +1 -1
- package/dist/images/componentsSvg/Time24px.js +2 -2
- package/dist/images/componentsSvg/Time24px.tsx +26 -8
- package/dist/src/components/atoms/Button/Button.js +1 -1
- package/dist/src/components/atoms/Button/Button.scss +0 -19
- package/dist/src/components/atoms/Button/Button.tsx +1 -1
- package/dist/src/components/atoms/Button/ButtonProps.types.d.ts +1 -1
- package/dist/src/components/atoms/Button/ButtonProps.types.ts +0 -1
- package/dist/src/components/atoms/DatePickerCustom/DatepickerPlugin.scss +20 -20
- package/dist/src/components/atoms/DatePickerCustom/index.js.map +4 -4
- package/dist/src/components/atoms/DocumentStatus/DocumentStatus.js +15 -5
- package/dist/src/components/atoms/DocumentStatus/DocumentStatus.styled.js +40 -41
- package/dist/src/components/atoms/DocumentStatus/DocumentStatus.styled.ts +40 -41
- package/dist/src/components/atoms/DocumentStatus/DocumentStatus.tsx +35 -7
- package/dist/src/components/atoms/DocumentStatus/DocumentStatusProps.types.d.ts +6 -4
- package/dist/src/components/atoms/DocumentStatus/DocumentStatusProps.types.ts +6 -5
- package/dist/src/components/atoms/MessageInformation/MessageInformation.js +2 -4
- package/dist/src/components/atoms/MessageInformation/MessageInformation.styled.js +0 -1
- package/dist/src/components/atoms/MessageInformation/MessageInformation.styled.ts +0 -1
- package/dist/src/components/atoms/MessageInformation/MessageInformation.tsx +4 -17
- package/dist/src/components/atoms/MessageInformation/MessageInformationProps.types.d.ts +0 -1
- package/dist/src/components/atoms/MessageInformation/MessageInformationProps.types.ts +0 -1
- package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplay.js +2 -3
- package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplay.styled.js +6 -12
- package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplay.styled.ts +6 -12
- package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplay.tsx +2 -4
- package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplayProps.d.ts +0 -1
- package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplayProps.ts +0 -1
- package/dist/src/components/atoms/PreFooter/PreFooter.js +3 -3
- package/dist/src/components/atoms/PreFooter/PreFooter.tsx +2 -2
- package/dist/src/components/atoms/PreFooter/PreFooterProps.d.ts +1 -1
- package/dist/src/components/atoms/PreFooter/PreFooterProps.ts +1 -1
- package/dist/src/components/atoms/TestAB/TestAB.d.ts +4 -3
- package/dist/src/components/atoms/Tooltip/Tooltip.js +2 -0
- package/dist/src/components/atoms/Tooltip/Tooltip.tsx +2 -0
- package/dist/src/components/atoms/Video/Video.js +2 -2
- package/dist/src/components/atoms/Video/Video.tsx +1 -2
- package/dist/src/components/molecules/AccordionItem/AccordionItem.d.ts +1 -1
- package/dist/src/components/molecules/AccordionItem/AccordionItem.js +3 -6
- package/dist/src/components/molecules/AccordionItem/AccordionItem.styled.js +0 -4
- package/dist/src/components/molecules/AccordionItem/AccordionItem.styled.ts +0 -4
- package/dist/src/components/molecules/AccordionItem/AccordionItem.tsx +2 -8
- package/dist/src/components/molecules/AccordionItem/AccordionItemProps.types.d.ts +0 -1
- package/dist/src/components/molecules/AccordionItem/AccordionItemProps.types.ts +0 -1
- package/dist/src/components/molecules/CountDownMessage/CountDownMessage.js +2 -2
- package/dist/src/components/molecules/CountDownMessage/CountDownMessage.tsx +2 -10
- package/dist/src/components/molecules/CountDownMessage/CountDownMessageProps.types.d.ts +0 -1
- package/dist/src/components/molecules/CountDownMessage/CountDownMessageProps.types.ts +0 -1
- package/dist/src/components/molecules/InfoBarFooter/InfoBarFooter.js +1 -1
- package/dist/src/components/molecules/InfoBarFooter/InfoBarFooter.tsx +4 -8
- package/dist/src/components/molecules/InfoBarFooter/InfoBarFooterProps.types.d.ts +2 -2
- package/dist/src/components/molecules/InfoBarFooter/InfoBarFooterProps.types.ts +2 -2
- package/dist/src/components/molecules/StepRatafiaCardList/StepRatafiaCardList.styled.js +2 -2
- package/dist/src/components/molecules/StepRatafiaCardList/StepRatafiaCardList.styled.ts +2 -2
- package/dist/src/components/molecules/TextInput/tests/Input.test.tsx +18 -29
- package/dist/src/components/molecules/TextInput/tests/TextInput.test.tsx +9 -16
- package/dist/src/components/molecules/TextInput/tests/TextInputMessage.test.tsx +2 -2
- package/dist/src/components/molecules/TextInput/tests/TextInputTooltip.test.tsx +1 -1
- package/dist/src/components/molecules/index.d.ts +0 -3
- package/dist/src/components/molecules/index.js +0 -3
- package/dist/src/components/molecules/index.ts +0 -3
- package/dist/src/components/organisms/Accordion/Accordion.js +1 -1
- package/dist/src/components/organisms/Accordion/Accordion.tsx +0 -1
- package/dist/src/components/organisms/Accordion/AccordionProps.types.d.ts +0 -1
- package/dist/src/components/organisms/Accordion/AccordionProps.types.ts +0 -1
- package/dist/src/components/organisms/DesktopMenu/DesktopMenu.js +2 -2
- package/dist/src/components/organisms/DesktopMenu/DesktopMenu.tsx +2 -8
- package/dist/src/components/organisms/DesktopMenu/DesktopMenuProps.d.ts +0 -1
- package/dist/src/components/organisms/DesktopMenu/DesktopMenuProps.ts +0 -1
- package/dist/src/components/organisms/TopFooter/TopFooter.js +1 -1
- package/dist/src/components/organisms/TopFooter/TopFooter.tsx +1 -3
- package/dist/src/components/organisms/Wizard/Wizard.js +1 -8
- package/dist/src/components/organisms/Wizard/Wizard.tsx +2 -9
- package/dist/src/components/organisms/Wizard/context/WizardContext.d.ts +0 -1
- package/dist/src/components/organisms/Wizard/context/WizardContext.js +1 -2
- package/dist/src/components/organisms/Wizard/context/WizardContext.tsx +1 -3
- package/dist/src/components/sections/AppHeader/AppHeader.js +2 -2
- package/dist/src/components/sections/AppHeader/AppHeader.tsx +1 -8
- package/dist/src/components/sections/AppHeader/AppHeaderProps.d.ts +0 -1
- package/dist/src/components/sections/AppHeader/AppHeaderProps.ts +0 -1
- package/dist/src/components/sections/CardBoxSection/CardBoxSection.js +1 -1
- package/dist/src/components/sections/CardBoxSection/CardBoxSection.tsx +1 -3
- package/dist/src/components/sections/FaqSection/FaqSection.js +1 -1
- package/dist/src/components/sections/FaqSection/FaqSection.tsx +1 -3
- package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSection.js +2 -2
- package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSection.styled.js +7 -7
- package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSection.styled.ts +7 -7
- package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSection.tsx +2 -3
- package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSectionProps.types.d.ts +0 -1
- package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSectionProps.types.ts +0 -1
- package/dist/src/globalStyles/animations.scss +5 -2
- package/dist/src/globalStyles/variables.scss +12 -31
- package/dist/src/globalStyles/variablesCss.scss +0 -10
- package/dist/src/hooks/useIntersectionObserver.d.ts +2 -2
- package/dist/src/hooks/useIntersectionObserver.js +1 -1
- package/dist/src/hooks/useIntersectionObserver.tsx +4 -4
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +16 -13
- package/dist/images/componentsSvg/Balance.d.ts +0 -7
- package/dist/images/componentsSvg/Balance.js +0 -2
- package/dist/images/componentsSvg/Balance.tsx +0 -16
- package/dist/images/componentsSvg/GdprLockSvg.d.ts +0 -8
- package/dist/images/componentsSvg/GdprLockSvg.js +0 -2
- package/dist/images/componentsSvg/GdprLockSvg.tsx +0 -21
- package/dist/images/componentsSvg/SslShieldSvg.d.ts +0 -7
- package/dist/images/componentsSvg/SslShieldSvg.js +0 -2
- package/dist/images/componentsSvg/SslShieldSvg.tsx +0 -18
- package/dist/src/components/atoms/SignerStatusItem/SignerStatusItem.d.ts +0 -3
- package/dist/src/components/atoms/SignerStatusItem/SignerStatusItem.js +0 -16
- package/dist/src/components/atoms/SignerStatusItem/SignerStatusItem.styled.d.ts +0 -1
- package/dist/src/components/atoms/SignerStatusItem/SignerStatusItem.styled.js +0 -60
- package/dist/src/components/atoms/SignerStatusItem/SignerStatusItem.styled.ts +0 -61
- package/dist/src/components/atoms/SignerStatusItem/SignerStatusItem.tsx +0 -28
- package/dist/src/components/atoms/SignerStatusItem/SignerStatusItemProps.types.d.ts +0 -6
- package/dist/src/components/atoms/SignerStatusItem/SignerStatusItemProps.types.js +0 -1
- package/dist/src/components/atoms/SignerStatusItem/SignerStatusItemProps.types.ts +0 -7
- package/dist/src/components/atoms/SignerStatusItem/index.d.ts +0 -2
- package/dist/src/components/atoms/SignerStatusItem/index.js +0 -1
- package/dist/src/components/atoms/SignerStatusItem/index.ts +0 -2
- package/dist/src/components/molecules/ComplianceBox/ComplianceBox.d.ts +0 -4
- package/dist/src/components/molecules/ComplianceBox/ComplianceBox.js +0 -8
- package/dist/src/components/molecules/ComplianceBox/ComplianceBox.styled.d.ts +0 -1
- package/dist/src/components/molecules/ComplianceBox/ComplianceBox.styled.js +0 -113
- package/dist/src/components/molecules/ComplianceBox/ComplianceBox.styled.ts +0 -114
- package/dist/src/components/molecules/ComplianceBox/ComplianceBox.tsx +0 -44
- package/dist/src/components/molecules/ComplianceBox/ComplianceBoxProps.types.d.ts +0 -11
- package/dist/src/components/molecules/ComplianceBox/ComplianceBoxProps.types.js +0 -1
- package/dist/src/components/molecules/ComplianceBox/ComplianceBoxProps.types.ts +0 -11
- package/dist/src/components/molecules/ComplianceBox/index.d.ts +0 -2
- package/dist/src/components/molecules/ComplianceBox/index.js +0 -1
- package/dist/src/components/molecules/ComplianceBox/index.ts +0 -2
- package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContent.d.ts +0 -3
- package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContent.js +0 -9
- package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContent.styled.d.ts +0 -1
- package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContent.styled.js +0 -22
- package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContent.styled.ts +0 -23
- package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContent.tsx +0 -42
- package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContentProps.types.d.ts +0 -9
- package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContentProps.types.js +0 -1
- package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContentProps.types.ts +0 -10
- package/dist/src/components/molecules/SignersStatusTooltipContent/index.d.ts +0 -2
- package/dist/src/components/molecules/SignersStatusTooltipContent/index.js +0 -1
- package/dist/src/components/molecules/SignersStatusTooltipContent/index.ts +0 -2
- package/dist/src/components/molecules/TrustBanner/TrustBanner.d.ts +0 -4
- package/dist/src/components/molecules/TrustBanner/TrustBanner.js +0 -7
- package/dist/src/components/molecules/TrustBanner/TrustBanner.styled.d.ts +0 -1
- package/dist/src/components/molecules/TrustBanner/TrustBanner.styled.js +0 -43
- package/dist/src/components/molecules/TrustBanner/TrustBanner.styled.ts +0 -44
- package/dist/src/components/molecules/TrustBanner/TrustBanner.tsx +0 -19
- package/dist/src/components/molecules/TrustBanner/TrustBannerProps.types.d.ts +0 -5
- package/dist/src/components/molecules/TrustBanner/TrustBannerProps.types.js +0 -1
- package/dist/src/components/molecules/TrustBanner/TrustBannerProps.types.ts +0 -5
- package/dist/src/components/molecules/TrustBanner/index.d.ts +0 -2
- package/dist/src/components/molecules/TrustBanner/index.js +0 -1
- package/dist/src/components/molecules/TrustBanner/index.ts +0 -2
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
const Video = ({ videoSrcURL, videoMimeType = '', title = '', controls = true, autoPlay = false, loop = false, muted = false, track, preload = 'auto', poster = '' }) => {
|
|
2
|
+
const Video = ({ videoSrcURL, videoMimeType = 'video/webm', title = '', controls = true, autoPlay = false, loop = false, muted = false, track, preload = 'auto', poster = '' }) => {
|
|
3
3
|
if (!videoSrcURL)
|
|
4
4
|
return null;
|
|
5
5
|
return (
|
|
6
6
|
// eslint-disable-next-line jsx-a11y/media-has-caption
|
|
7
|
-
_jsxs("video", { "data-testid": 'video', title: title, controls: controls, autoPlay: autoPlay, loop: loop, muted: muted, preload: preload, poster: poster,
|
|
7
|
+
_jsxs("video", { "data-testid": 'video', title: title, controls: controls, autoPlay: autoPlay, loop: loop, muted: muted, preload: preload, poster: poster, children: [_jsx("source", { src: videoSrcURL, type: videoMimeType }), track && _jsx("track", { src: track.src, kind: track.kind, srcLang: track.srclang, label: track.label }), "Your browser does not support the video tag."] }));
|
|
8
8
|
};
|
|
9
9
|
export default Video;
|
|
@@ -4,7 +4,7 @@ import { type VideoProps } from './VideoProps.types'
|
|
|
4
4
|
|
|
5
5
|
const Video = ({
|
|
6
6
|
videoSrcURL,
|
|
7
|
-
videoMimeType = '',
|
|
7
|
+
videoMimeType = 'video/webm',
|
|
8
8
|
title = '',
|
|
9
9
|
controls = true,
|
|
10
10
|
autoPlay = false,
|
|
@@ -26,7 +26,6 @@ const Video = ({
|
|
|
26
26
|
muted={muted}
|
|
27
27
|
preload={preload}
|
|
28
28
|
poster={poster}
|
|
29
|
-
playsInline
|
|
30
29
|
>
|
|
31
30
|
<source src={videoSrcURL} type={videoMimeType} />
|
|
32
31
|
{track && <track src={track.src} kind={track.kind} srcLang={track.srclang} label={track.label} />}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type AccordionItemProps } from './AccordionItemProps.types';
|
|
3
|
-
export declare const AccordionItem: ({
|
|
3
|
+
export declare const AccordionItem: ({ accordionRightContent, children, defaultHeightItem, index, isOpen, onClick, title, heightAutoChange }: AccordionItemProps) => React.JSX.Element;
|
|
@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import React, { useEffect, useRef } from 'react';
|
|
4
4
|
import { useDispatchDataAccordionItem, useStateDataAccordionItem } from '../../organisms/Accordion/Accordion.context';
|
|
5
5
|
import { AccordionItemStyled } from './AccordionItem.styled';
|
|
6
|
-
export const AccordionItem = ({
|
|
6
|
+
export const AccordionItem = ({ accordionRightContent, children, defaultHeightItem = 416, index, isOpen, onClick, title, heightAutoChange = false }) => {
|
|
7
7
|
const contenReftHeight = useRef(null);
|
|
8
8
|
const { state } = useStateDataAccordionItem(index);
|
|
9
9
|
const { dispatch } = useDispatchDataAccordionItem();
|
|
@@ -33,12 +33,9 @@ export const AccordionItem = ({ noPadding = false, accordionRightContent, childr
|
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
35
|
}, []);
|
|
36
|
-
return (_jsxs(AccordionItemStyled, { className:
|
|
37
|
-
${state.handler === 'success' ? 'accordion__container--success' : ''}
|
|
38
|
-
${state.locked.isLocked ? 'accordion__container--locked' : ''}
|
|
39
|
-
${!isOpen ? 'accordion__container--closed' : ''}`, children: [_jsxs("button", { className: `accordion__button
|
|
36
|
+
return (_jsxs(AccordionItemStyled, { className: 'accordion__container', children: [_jsxs("button", { className: `accordion__button
|
|
40
37
|
${state.handler === 'success' ? '--success' : ''}
|
|
41
38
|
${state.locked.isLocked ? '--locked' : ''}`, onClick: () => {
|
|
42
39
|
!state.locked.isLocked && onClick();
|
|
43
|
-
}, children: [_jsx("p", { className: `accordion__title ${state.locked.isLocked ? '--locked' : ''}`, children: title }), accordionRightContent] }), _jsx("div", { ref: contenReftHeight, className: `accordion__content ${!isOpen ? '--closed' : ''}
|
|
40
|
+
}, children: [_jsx("p", { className: `accordion__title ${state.locked.isLocked ? '--locked' : ''}`, children: title }), accordionRightContent] }), _jsx("div", { ref: contenReftHeight, className: `accordion__content ${!isOpen ? '--closed' : ''}`, style: isOpen ? { height: heightAccordionItem } : { height: '0px' }, children: children })] }));
|
|
44
41
|
};
|
|
@@ -6,7 +6,6 @@ import { type AccordionItemProps } from './AccordionItemProps.types'
|
|
|
6
6
|
import { AccordionItemStyled } from './AccordionItem.styled'
|
|
7
7
|
|
|
8
8
|
export const AccordionItem = ({
|
|
9
|
-
noPadding = false,
|
|
10
9
|
accordionRightContent,
|
|
11
10
|
children,
|
|
12
11
|
defaultHeightItem = 416,
|
|
@@ -48,12 +47,7 @@ export const AccordionItem = ({
|
|
|
48
47
|
}, [])
|
|
49
48
|
|
|
50
49
|
return (
|
|
51
|
-
<AccordionItemStyled
|
|
52
|
-
className={`accordion__container
|
|
53
|
-
${state.handler === 'success' ? 'accordion__container--success' : ''}
|
|
54
|
-
${state.locked.isLocked ? 'accordion__container--locked' : ''}
|
|
55
|
-
${!isOpen ? 'accordion__container--closed' : ''}`}
|
|
56
|
-
>
|
|
50
|
+
<AccordionItemStyled className='accordion__container'>
|
|
57
51
|
<button
|
|
58
52
|
className={`accordion__button
|
|
59
53
|
${state.handler === 'success' ? '--success' : ''}
|
|
@@ -68,7 +62,7 @@ export const AccordionItem = ({
|
|
|
68
62
|
|
|
69
63
|
<div
|
|
70
64
|
ref={contenReftHeight}
|
|
71
|
-
className={`accordion__content ${!isOpen ? '--closed' : ''}
|
|
65
|
+
className={`accordion__content ${!isOpen ? '--closed' : ''}`}
|
|
72
66
|
style={isOpen ? { height: heightAccordionItem } : { height: '0px' }}
|
|
73
67
|
>
|
|
74
68
|
{children}
|
|
@@ -5,7 +5,7 @@ import { MessageInformation } from '../../atoms';
|
|
|
5
5
|
import classNames from 'classnames';
|
|
6
6
|
import { useIsMobileOrTable } from '../../../hooks';
|
|
7
7
|
// import './CountDownMessage.scss'
|
|
8
|
-
const CountDownMessage = ({ noImg = false, text, time, centered = false
|
|
8
|
+
const CountDownMessage = ({ noImg = false, text, time, centered = false }) => {
|
|
9
9
|
const [scrollSuperateCountDown, setScrollSuperateCountDown] = useState(false);
|
|
10
10
|
const { isMobile, isTablet } = useIsMobileOrTable();
|
|
11
11
|
const countDownRef = useRef(null);
|
|
@@ -25,7 +25,7 @@ const CountDownMessage = ({ noImg = false, text, time, centered = false, iconRel
|
|
|
25
25
|
window.removeEventListener('scroll', handleScroll);
|
|
26
26
|
};
|
|
27
27
|
}, [isTablet]);
|
|
28
|
-
const messageInformationHtml =
|
|
28
|
+
const messageInformationHtml = _jsx(MessageInformation, { noImg: noImg, text: text, time: time, centered: centered });
|
|
29
29
|
const classCountDownMessageFixed = classNames({
|
|
30
30
|
'count-down-message-fixed': true,
|
|
31
31
|
'count-down-message-fixed--show': scrollSuperateCountDown || isMobile
|
|
@@ -8,13 +8,7 @@ import { useIsMobileOrTable } from '../../../hooks'
|
|
|
8
8
|
|
|
9
9
|
// import './CountDownMessage.scss'
|
|
10
10
|
|
|
11
|
-
const CountDownMessage: FC<CountDownMessageProps> = ({
|
|
12
|
-
noImg = false,
|
|
13
|
-
text,
|
|
14
|
-
time,
|
|
15
|
-
centered = false,
|
|
16
|
-
iconReloj = false
|
|
17
|
-
}) => {
|
|
11
|
+
const CountDownMessage: FC<CountDownMessageProps> = ({ noImg = false, text, time, centered = false }) => {
|
|
18
12
|
const [scrollSuperateCountDown, setScrollSuperateCountDown] = useState<boolean>(false)
|
|
19
13
|
const { isMobile, isTablet } = useIsMobileOrTable()
|
|
20
14
|
const countDownRef = useRef<null | HTMLDivElement>(null)
|
|
@@ -39,9 +33,7 @@ const CountDownMessage: FC<CountDownMessageProps> = ({
|
|
|
39
33
|
}
|
|
40
34
|
}, [isTablet])
|
|
41
35
|
|
|
42
|
-
const messageInformationHtml =
|
|
43
|
-
<MessageInformation noImg={noImg} text={text} time={time} centered={centered} iconReloj={iconReloj} />
|
|
44
|
-
)
|
|
36
|
+
const messageInformationHtml = <MessageInformation noImg={noImg} text={text} time={time} centered={centered} />
|
|
45
37
|
|
|
46
38
|
const classCountDownMessageFixed = classNames({
|
|
47
39
|
'count-down-message-fixed': true,
|
|
@@ -3,6 +3,6 @@ import { ContactBarWrapperStyled, ContactBarWrapperText, ScheduleWrapper } from
|
|
|
3
3
|
import { IconWeb } from '../../../../images/componentsSvg/IconWeb';
|
|
4
4
|
import { WideInfoBar } from '../../atoms/WideInfoBar';
|
|
5
5
|
export const InfoBarFooter = ({ sitePhone, siteSchedule, securityText, guaranteeText, securityIconBlack, guaranteeIconGrey, isJonSnow = false, isAnonymousPayment = false }) => {
|
|
6
|
-
return (_jsx(WideInfoBar, { children: _jsxs(_Fragment, { children: [_jsxs(ContactBarWrapperStyled, { className: `${(isJonSnow || isAnonymousPayment
|
|
6
|
+
return (_jsx(WideInfoBar, { children: _jsxs(_Fragment, { children: [_jsxs(ContactBarWrapperStyled, { className: `${(isJonSnow || isAnonymousPayment) && 'hidden'}`, children: [sitePhone && _jsx(IconWeb, {}), _jsxs(ScheduleWrapper, { children: [_jsxs("div", { className: 'is-mobile', children: [sitePhone && (_jsxs(_Fragment, { children: [_jsx("a", { className: 'phone', href: `tel:${sitePhone}`, children: _jsx("strong", { children: sitePhone }) }), ' - '] })), siteSchedule] }), _jsx("div", { className: 'no-mobile', children: sitePhone ? (_jsxs(_Fragment, { children: [_jsx("strong", { children: sitePhone }), " - ", siteSchedule] })) : (siteSchedule) })] })] }), _jsxs(ContactBarWrapperStyled, { children: [_jsx("img", { src: securityIconBlack, alt: 'security-icon' }), _jsx(ContactBarWrapperText, { children: securityText })] }), _jsxs(ContactBarWrapperStyled, { children: [_jsx("img", { src: guaranteeIconGrey, alt: 'guarantee-icon' }), _jsx(ContactBarWrapperText, { children: guaranteeText })] })] }) }));
|
|
7
7
|
};
|
|
8
8
|
export default InfoBarFooter;
|
|
@@ -17,9 +17,7 @@ export const InfoBarFooter: React.FC<InfoBarFooterProps> = ({
|
|
|
17
17
|
return (
|
|
18
18
|
<WideInfoBar>
|
|
19
19
|
<>
|
|
20
|
-
<ContactBarWrapperStyled
|
|
21
|
-
className={`${(isJonSnow || isAnonymousPayment || (!sitePhone && !siteSchedule)) && 'hidden'}`}
|
|
22
|
-
>
|
|
20
|
+
<ContactBarWrapperStyled className={`${(isJonSnow || isAnonymousPayment) && 'hidden'}`}>
|
|
23
21
|
{sitePhone && <IconWeb />}
|
|
24
22
|
<ScheduleWrapper>
|
|
25
23
|
<div className='is-mobile'>
|
|
@@ -31,17 +29,15 @@ export const InfoBarFooter: React.FC<InfoBarFooterProps> = ({
|
|
|
31
29
|
{' - '}
|
|
32
30
|
</>
|
|
33
31
|
)}
|
|
34
|
-
{siteSchedule
|
|
32
|
+
{siteSchedule}
|
|
35
33
|
</div>
|
|
36
34
|
<div className='no-mobile'>
|
|
37
35
|
{sitePhone ? (
|
|
38
36
|
<>
|
|
39
|
-
<strong>{sitePhone}</strong>
|
|
37
|
+
<strong>{sitePhone}</strong> - {siteSchedule}
|
|
40
38
|
</>
|
|
41
|
-
) : siteSchedule ? (
|
|
42
|
-
`${siteSchedule}`
|
|
43
39
|
) : (
|
|
44
|
-
|
|
40
|
+
siteSchedule
|
|
45
41
|
)}
|
|
46
42
|
</div>
|
|
47
43
|
</ScheduleWrapper>
|
|
@@ -8,11 +8,11 @@ export const StepRatafiaCardListStyled = styled.div `
|
|
|
8
8
|
flex-direction: column;
|
|
9
9
|
gap: 1.5rem;
|
|
10
10
|
|
|
11
|
-
@media ${device
|
|
11
|
+
@media ${device.desktop} {
|
|
12
12
|
flex-direction: row;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
@media ${device['desktop']} {
|
|
15
|
+
@media ${device['desktop-xl']} {
|
|
16
16
|
flex-direction: column;
|
|
17
17
|
gap: var(--global-gap);
|
|
18
18
|
}
|
|
@@ -9,11 +9,11 @@ export const StepRatafiaCardListStyled = styled.div`
|
|
|
9
9
|
flex-direction: column;
|
|
10
10
|
gap: 1.5rem;
|
|
11
11
|
|
|
12
|
-
@media ${device
|
|
12
|
+
@media ${device.desktop} {
|
|
13
13
|
flex-direction: row;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
@media ${device['desktop']} {
|
|
16
|
+
@media ${device['desktop-xl']} {
|
|
17
17
|
flex-direction: column;
|
|
18
18
|
gap: var(--global-gap);
|
|
19
19
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { cleanup, fireEvent, render, waitFor } from '@testing-library/react'
|
|
2
|
+
import React from 'react'
|
|
2
3
|
|
|
3
4
|
import { Input } from '../Input'
|
|
4
5
|
|
|
@@ -7,50 +8,38 @@ afterEach(cleanup)
|
|
|
7
8
|
const testName = 'name'
|
|
8
9
|
const testValue = 'value'
|
|
9
10
|
|
|
10
|
-
const defaultInputProps = {
|
|
11
|
-
name: '',
|
|
12
|
-
placeholder: '',
|
|
13
|
-
prefix: '',
|
|
14
|
-
value: '',
|
|
15
|
-
type: 'text' as const,
|
|
16
|
-
disabled: false,
|
|
17
|
-
className: '',
|
|
18
|
-
onChange: jest.fn(),
|
|
19
|
-
onClick: jest.fn(),
|
|
20
|
-
onBlur: jest.fn(),
|
|
21
|
-
onKeyDown: jest.fn(),
|
|
22
|
-
onKeyUp: jest.fn(),
|
|
23
|
-
country: ''
|
|
24
|
-
}
|
|
25
|
-
|
|
26
11
|
describe('will return the component', () => {
|
|
27
12
|
test('without props', () => {
|
|
28
|
-
const { getByRole } = render(<Input
|
|
13
|
+
const { getByRole } = render(<Input />)
|
|
29
14
|
expect(getByRole('textbox')).toBeInTheDocument()
|
|
30
15
|
expect(getByRole('textbox')).toHaveAttribute('type', 'text')
|
|
31
16
|
})
|
|
32
17
|
test('of type password: with the eyeIcon rendered', async () => {
|
|
33
|
-
const { container } = render(<Input
|
|
18
|
+
const { container, getByRole } = render(<Input type='password' value={testValue} />)
|
|
34
19
|
expect(container.firstChild).toHaveAttribute('type', 'password')
|
|
35
20
|
|
|
36
|
-
const
|
|
37
|
-
expect(
|
|
38
|
-
|
|
21
|
+
const img = getByRole('img')
|
|
22
|
+
expect(img).toHaveClass('input-icon-password')
|
|
23
|
+
fireEvent.click(img)
|
|
39
24
|
|
|
40
25
|
await waitFor(() => {
|
|
41
26
|
expect(container.firstChild).toHaveAttribute('type', 'text')
|
|
42
27
|
})
|
|
43
28
|
})
|
|
44
|
-
test('of type password: with the eyeIcon rendered but
|
|
45
|
-
const { container } = render(<Input
|
|
46
|
-
|
|
47
|
-
|
|
29
|
+
test('of type password: with the eyeIcon rendered but is not enabled without value', async () => {
|
|
30
|
+
const { container, getByRole } = render(<Input type='password' />)
|
|
31
|
+
expect(container.firstChild).toHaveAttribute('type', 'password')
|
|
32
|
+
|
|
33
|
+
const img = getByRole('img')
|
|
34
|
+
expect(img).toHaveClass('input-icon-password')
|
|
35
|
+
fireEvent.click(img)
|
|
48
36
|
|
|
49
|
-
|
|
50
|
-
|
|
37
|
+
await waitFor(() => {
|
|
38
|
+
expect(container.firstChild).toHaveAttribute('type', 'password')
|
|
39
|
+
})
|
|
51
40
|
})
|
|
52
41
|
test('of type password: with the eyeIcon rendered', () => {
|
|
53
|
-
const { container } = render(<Input
|
|
42
|
+
const { container } = render(<Input name={testName} />)
|
|
54
43
|
expect(container.firstChild).toHaveAttribute('data-qa', testName)
|
|
55
44
|
})
|
|
56
45
|
})
|
|
@@ -11,50 +11,43 @@ const testErrorMessage = 'Error message'
|
|
|
11
11
|
const testLabel = 'Label'
|
|
12
12
|
const testNotes = 'Notes'
|
|
13
13
|
|
|
14
|
-
const defaultTextInputProps = {
|
|
15
|
-
onChange: (): void => {},
|
|
16
|
-
country: ''
|
|
17
|
-
}
|
|
18
|
-
|
|
19
14
|
describe('will return the component', () => {
|
|
20
15
|
test('without props', () => {
|
|
21
|
-
const { getByRole, container } = render(<TextInput
|
|
16
|
+
const { getByRole, container } = render(<TextInput />)
|
|
22
17
|
expect(container.firstChild).toHaveClass('e-text')
|
|
23
18
|
expect(getByRole('textbox')).toHaveAttribute('type', 'text')
|
|
24
19
|
})
|
|
25
20
|
|
|
26
21
|
test('NumberFormat input if the format prop is passed', () => {
|
|
27
|
-
const { getByRole } = render(<TextInput
|
|
22
|
+
const { getByRole } = render(<TextInput format={testFormat} />)
|
|
28
23
|
expect(getByRole('textbox')).toHaveClass('e-text-input')
|
|
29
24
|
expect(getByRole('textbox')).toHaveAttribute('type', 'text')
|
|
30
25
|
expect(getByRole('textbox')).toHaveAttribute('inputmode', 'numeric')
|
|
31
26
|
})
|
|
32
27
|
|
|
33
28
|
test('with a tooltip', () => {
|
|
34
|
-
const { getByText } = render(<TextInput
|
|
29
|
+
const { getByText } = render(<TextInput tooltip={testTooltip} />)
|
|
35
30
|
expect(getByText(testTooltip)).toHaveClass('tooltip-form')
|
|
36
31
|
})
|
|
37
32
|
|
|
38
33
|
test('with a error message', () => {
|
|
39
|
-
const { getByText } = render(
|
|
40
|
-
<TextInput {...defaultTextInputProps} errorMessage={testErrorMessage} validate={false} />
|
|
41
|
-
)
|
|
34
|
+
const { getByText } = render(<TextInput errorMessage={testErrorMessage} validate={false} />)
|
|
42
35
|
expect(getByText(testErrorMessage)).toHaveClass('e-text__error-label')
|
|
43
36
|
})
|
|
44
37
|
|
|
45
38
|
test('with a label', () => {
|
|
46
|
-
const { getByText } = render(<TextInput
|
|
39
|
+
const { getByText } = render(<TextInput label={testLabel} />)
|
|
47
40
|
expect(getByText(testLabel)).toHaveClass('form-group__label')
|
|
48
41
|
})
|
|
49
42
|
|
|
50
43
|
test('with notes', () => {
|
|
51
|
-
const { getByText } = render(<TextInput
|
|
44
|
+
const { getByText } = render(<TextInput notes={testNotes} />)
|
|
52
45
|
expect(getByText(testNotes)).toHaveClass('e-text__inner__notes')
|
|
53
46
|
})
|
|
54
47
|
|
|
55
48
|
test('should have children', () => {
|
|
56
49
|
const { getByText } = render(
|
|
57
|
-
<TextInput
|
|
50
|
+
<TextInput>
|
|
58
51
|
<span>test children</span>
|
|
59
52
|
</TextInput>
|
|
60
53
|
)
|
|
@@ -62,10 +55,10 @@ describe('will return the component', () => {
|
|
|
62
55
|
})
|
|
63
56
|
|
|
64
57
|
test('should have id in input and for in label', () => {
|
|
65
|
-
const { getByText, getByLabelText } = render(<TextInput
|
|
58
|
+
const { getByText, getByLabelText } = render(<TextInput name='cvv' label='CVV' />)
|
|
66
59
|
|
|
67
60
|
const label = getByText('CVV')
|
|
68
|
-
const input = getByLabelText('CVV')
|
|
61
|
+
const input = getByLabelText('CVV')
|
|
69
62
|
|
|
70
63
|
expect(label).toBeDefined()
|
|
71
64
|
expect(label).toHaveAttribute('for', 'cvv')
|
|
@@ -9,11 +9,11 @@ const testErrorMessage = 'Error message'
|
|
|
9
9
|
|
|
10
10
|
describe('will return null', () => {
|
|
11
11
|
test('if no prop is passed', () => {
|
|
12
|
-
const { container } = render(<TextInputMessage
|
|
12
|
+
const { container } = render(<TextInputMessage />)
|
|
13
13
|
expect(container.firstChild).toBe(null)
|
|
14
14
|
})
|
|
15
15
|
test('if errorMessage is passed and validate is true', () => {
|
|
16
|
-
const { container } = render(<TextInputMessage errorMessage={testErrorMessage}
|
|
16
|
+
const { container } = render(<TextInputMessage errorMessage={testErrorMessage} />)
|
|
17
17
|
expect(container.firstChild).toBe(null)
|
|
18
18
|
})
|
|
19
19
|
})
|
|
@@ -9,7 +9,7 @@ const testTooltip = 'Tooltip'
|
|
|
9
9
|
|
|
10
10
|
describe('will return null', () => {
|
|
11
11
|
test('if no prop is passed', () => {
|
|
12
|
-
const { container } = render(<TextInputTooltip
|
|
12
|
+
const { container } = render(<TextInputTooltip />)
|
|
13
13
|
expect(container.firstChild).toBe(null)
|
|
14
14
|
})
|
|
15
15
|
})
|
|
@@ -14,7 +14,6 @@ export * from './ContactCardList';
|
|
|
14
14
|
export * from './ContactInfo';
|
|
15
15
|
export * from './ContactInfoBox';
|
|
16
16
|
export * from './ContactInfoBoxMobile';
|
|
17
|
-
export * from './ComplianceBox';
|
|
18
17
|
export * from './ContinueEditingBanner';
|
|
19
18
|
export * from './CountDownMessage';
|
|
20
19
|
export * from './DocumentListMenuSection';
|
|
@@ -44,7 +43,6 @@ export * from './RatafiaResultCardList';
|
|
|
44
43
|
export * from './RatafiaResultTabList';
|
|
45
44
|
export * from './SocialLinks';
|
|
46
45
|
export * from './SubscriptionCard';
|
|
47
|
-
export * from './SignersStatusTooltipContent';
|
|
48
46
|
export * from './Snackbar';
|
|
49
47
|
export * from './SearchBar';
|
|
50
48
|
export * from './StepGetForm';
|
|
@@ -53,7 +51,6 @@ export * from './SubtypeDocumentCard';
|
|
|
53
51
|
export * from './TagsRatafiaList';
|
|
54
52
|
export * from './TextInput';
|
|
55
53
|
export * from './TooltipMenu';
|
|
56
|
-
export * from './TrustBanner';
|
|
57
54
|
export * from './TrustworthyWebsites';
|
|
58
55
|
export * from './TypeModulesList';
|
|
59
56
|
export * from './UploadRatafiaZone';
|
|
@@ -14,7 +14,6 @@ export * from './ContactCardList';
|
|
|
14
14
|
export * from './ContactInfo';
|
|
15
15
|
export * from './ContactInfoBox';
|
|
16
16
|
export * from './ContactInfoBoxMobile';
|
|
17
|
-
export * from './ComplianceBox';
|
|
18
17
|
export * from './ContinueEditingBanner';
|
|
19
18
|
export * from './CountDownMessage';
|
|
20
19
|
export * from './DocumentListMenuSection';
|
|
@@ -44,7 +43,6 @@ export * from './RatafiaResultCardList';
|
|
|
44
43
|
export * from './RatafiaResultTabList';
|
|
45
44
|
export * from './SocialLinks';
|
|
46
45
|
export * from './SubscriptionCard';
|
|
47
|
-
export * from './SignersStatusTooltipContent';
|
|
48
46
|
export * from './Snackbar';
|
|
49
47
|
export * from './SearchBar';
|
|
50
48
|
export * from './StepGetForm';
|
|
@@ -53,7 +51,6 @@ export * from './SubtypeDocumentCard';
|
|
|
53
51
|
export * from './TagsRatafiaList';
|
|
54
52
|
export * from './TextInput';
|
|
55
53
|
export * from './TooltipMenu';
|
|
56
|
-
export * from './TrustBanner';
|
|
57
54
|
export * from './TrustworthyWebsites';
|
|
58
55
|
export * from './TypeModulesList';
|
|
59
56
|
export * from './UploadRatafiaZone';
|
|
@@ -14,7 +14,6 @@ export * from './ContactCardList'
|
|
|
14
14
|
export * from './ContactInfo'
|
|
15
15
|
export * from './ContactInfoBox'
|
|
16
16
|
export * from './ContactInfoBoxMobile'
|
|
17
|
-
export * from './ComplianceBox'
|
|
18
17
|
export * from './ContinueEditingBanner'
|
|
19
18
|
export * from './CountDownMessage'
|
|
20
19
|
export * from './DocumentListMenuSection'
|
|
@@ -44,7 +43,6 @@ export * from './RatafiaResultCardList'
|
|
|
44
43
|
export * from './RatafiaResultTabList'
|
|
45
44
|
export * from './SocialLinks'
|
|
46
45
|
export * from './SubscriptionCard'
|
|
47
|
-
export * from './SignersStatusTooltipContent'
|
|
48
46
|
export * from './Snackbar'
|
|
49
47
|
export * from './SearchBar'
|
|
50
48
|
export * from './StepGetForm'
|
|
@@ -53,7 +51,6 @@ export * from './SubtypeDocumentCard'
|
|
|
53
51
|
export * from './TagsRatafiaList'
|
|
54
52
|
export * from './TextInput'
|
|
55
53
|
export * from './TooltipMenu'
|
|
56
|
-
export * from './TrustBanner'
|
|
57
54
|
export * from './TrustworthyWebsites'
|
|
58
55
|
export * from './TypeModulesList'
|
|
59
56
|
export * from './UploadRatafiaZone'
|
|
@@ -8,7 +8,7 @@ export const Accordion = ({ data, defaultActiveIndex = 0, defaultHeightItem, hei
|
|
|
8
8
|
const handleItemClick = (index) => {
|
|
9
9
|
setActiveIndex((prevIndex) => (prevIndex === index ? -1 : index));
|
|
10
10
|
};
|
|
11
|
-
return (_jsx(AccordionProvider, { elements: data.length, children: _jsx(AccordionStyled, { children: data.map((item, index) => (_jsx(AccordionItem, {
|
|
11
|
+
return (_jsx(AccordionProvider, { elements: data.length, children: _jsx(AccordionStyled, { children: data.map((item, index) => (_jsx(AccordionItem, { accordionRightContent: item?.accordionRightContent, defaultHeightItem: defaultHeightItem, index: index, isOpen: activeIndex === index, onClick: () => {
|
|
12
12
|
handleItemClick(index);
|
|
13
13
|
}, title: item.title, heightAutoChange: heightAutoChange, children: item.children }, index))) }) }));
|
|
14
14
|
};
|
|
@@ -2,6 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { DesktopMenuStyled } from './DesktopMenu.styled';
|
|
3
3
|
import { HelpSection } from '../../molecules';
|
|
4
4
|
import { PhoneNumberDisplay } from '../../atoms';
|
|
5
|
-
export const DesktopMenu = ({ phoneNumber,
|
|
6
|
-
return (_jsxs(DesktopMenuStyled, { children: [phoneNumber && _jsx(PhoneNumberDisplay, { phoneNumber: phoneNumber
|
|
5
|
+
export const DesktopMenu = ({ phoneNumber, menuList, userActions, homeUrl }) => {
|
|
6
|
+
return (_jsxs(DesktopMenuStyled, { children: [phoneNumber && _jsx(PhoneNumberDisplay, { phoneNumber: phoneNumber }), menuList?.items?.length && _jsx(HelpSection, { ...menuList, homeUrl: homeUrl }), userActions] }));
|
|
7
7
|
};
|
|
@@ -4,16 +4,10 @@ import { HelpSection } from '../../molecules'
|
|
|
4
4
|
import { PhoneNumberDisplay } from '../../atoms'
|
|
5
5
|
import React from 'react'
|
|
6
6
|
|
|
7
|
-
export const DesktopMenu: React.FC<DesktopMenuProps> = ({
|
|
8
|
-
phoneNumber,
|
|
9
|
-
phoneNumberBorder,
|
|
10
|
-
menuList,
|
|
11
|
-
userActions,
|
|
12
|
-
homeUrl
|
|
13
|
-
}) => {
|
|
7
|
+
export const DesktopMenu: React.FC<DesktopMenuProps> = ({ phoneNumber, menuList, userActions, homeUrl }) => {
|
|
14
8
|
return (
|
|
15
9
|
<DesktopMenuStyled>
|
|
16
|
-
{phoneNumber && <PhoneNumberDisplay phoneNumber={phoneNumber}
|
|
10
|
+
{phoneNumber && <PhoneNumberDisplay phoneNumber={phoneNumber} />}
|
|
17
11
|
{menuList?.items?.length && <HelpSection {...menuList} homeUrl={homeUrl} />}
|
|
18
12
|
{userActions}
|
|
19
13
|
</DesktopMenuStyled>
|
|
@@ -3,5 +3,5 @@ import { SelectorTrustpilotWrapper, TopFooterStyled } from './TopFooter.styled';
|
|
|
3
3
|
import { ContactInfo } from '../../molecules/ContactInfo/ContactInfo';
|
|
4
4
|
import { FooterMenu } from '../../molecules/FooterMenu/FooterMenu';
|
|
5
5
|
export const TopFooter = ({ menus, contactInfo, trustPilotWidget }) => {
|
|
6
|
-
return (_jsxs(TopFooterStyled, { className: 'footer__wrapper', children: [menus?.map((menu) =>
|
|
6
|
+
return (_jsxs(TopFooterStyled, { className: 'footer__wrapper', children: [menus?.map((menu) => _jsx(FooterMenu, { ...menu }, menu.title)), (contactInfo || Boolean(trustPilotWidget)) && (_jsxs(SelectorTrustpilotWrapper, { children: [contactInfo && _jsx(ContactInfo, { ...contactInfo }), Boolean(trustPilotWidget) && _jsx("div", { children: trustPilotWidget })] }))] }));
|
|
7
7
|
};
|