@npm_leadtech/legal-lib-components 7.84.4 → 7.85.0
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/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/PlanCard/PlanCard.js +1 -1
- package/dist/src/components/atoms/PlanCard/PlanCard.tsx +1 -1
- package/dist/src/components/molecules/AccordionItem/AccordionItem.js +1 -4
- package/dist/src/components/molecules/AccordionItem/AccordionItem.tsx +1 -6
- 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/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/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/package.json +1 -1
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { MessageInformationStyled } from './MessageInformation.styled';
|
|
3
|
-
const
|
|
4
|
-
|
|
5
|
-
const MessageInformation = ({ noImg, text, time, centered, iconReloj = false }) => {
|
|
6
|
-
return (_jsxs(MessageInformationStyled, { className: `message-information ${centered && 'text-center'}`, children: [_jsx("div", { className: `message-information__icon ${noImg ? 'hide' : ''}`, children: iconReloj ? ClockIcon : ExclamationIcon }), _jsxs("p", { className: `message-information__text`, children: [time != null && _jsxs("span", { className: `message-information__text__time ${noImg && 'regular'}`, children: [time, "' "] }), text] })] }));
|
|
3
|
+
const MessageInformation = ({ noImg, text, time, centered }) => {
|
|
4
|
+
return (_jsxs(MessageInformationStyled, { className: `message-information ${centered && 'text-center'}`, children: [_jsx("div", { className: `message-information__icon ${noImg ? 'hide' : ''}`, children: _jsx("svg", { viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', children: _jsx("path", { d: 'M20.5601 9.21496L22.4211 11.3353C22.7523 11.7127 22.7523 12.2772 22.4211 12.6546L20.5601 14.775L20.8194 17.582C20.8656 18.0816 20.5344 18.538 20.0452 18.6491L17.2901 19.275L15.8483 21.7009C15.5918 22.1324 15.0553 22.3069 14.5941 22.1088L12.0001 20.995L9.40727 22.116C8.94569 22.3155 8.40771 22.1413 8.15079 21.709L6.71008 19.285L3.95478 18.6591C3.46563 18.548 3.13448 18.0917 3.1805 17.5922L3.44008 14.775L1.57802 12.6534C1.24723 12.2765 1.24673 11.7129 1.57685 11.3355L3.44008 9.20496L3.18095 6.40025C3.1347 5.89967 3.46726 5.44257 3.95778 5.33251L6.71008 4.71496L8.15191 2.28903C8.40835 1.85756 8.94491 1.68303 9.40611 1.88108L12.0001 2.99496L14.5941 1.88108C15.0553 1.68303 15.5918 1.85756 15.8483 2.28903L17.2901 4.71496L20.0452 5.34077C20.5344 5.4519 20.8656 5.90835 20.8194 6.40793L20.5601 9.21496ZM18.7501 16.895L18.4901 14.105L20.3401 11.995L18.4901 9.88496L18.7501 7.09496L16.0101 6.47496L14.5801 4.06496L12.0001 5.17496L9.42008 4.07496L7.99008 6.48496L5.25008 7.09496L5.51008 9.87496L3.66008 11.995L5.51008 14.095L5.25008 16.895L7.99008 17.515L9.42008 19.925L12.0001 18.815L14.5801 19.925L16.0101 17.515L18.7501 16.895ZM11.0001 15.995C11.0001 15.4427 11.4478 14.995 12.0001 14.995C12.5524 14.995 13.0001 15.4427 13.0001 15.995C13.0001 16.5472 12.5524 16.995 12.0001 16.995C11.4478 16.995 11.0001 16.5472 11.0001 15.995ZM12.0001 6.99496C11.4478 6.99496 11.0001 7.44267 11.0001 7.99496V12.995C11.0001 13.5472 11.4478 13.995 12.0001 13.995C12.5524 13.995 13.0001 13.5472 13.0001 12.995V7.99496C13.0001 7.44267 12.5524 6.99496 12.0001 6.99496Z' }) }) }), _jsxs("p", { className: `message-information__text`, children: [time != null && _jsxs("span", { className: `message-information__text__time ${noImg && 'regular'}`, children: [time, "' "] }), text] })] }));
|
|
7
5
|
};
|
|
8
6
|
export default MessageInformation;
|
|
@@ -3,26 +3,13 @@ import React, { type FC } from 'react'
|
|
|
3
3
|
import { type MessageInformationProps } from './MessageInformationProps.types'
|
|
4
4
|
import { MessageInformationStyled } from './MessageInformation.styled'
|
|
5
5
|
|
|
6
|
-
const
|
|
7
|
-
<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'>
|
|
8
|
-
<path d='M20.5601 9.21496L22.4211 11.3353C22.7523 11.7127 22.7523 12.2772 22.4211 12.6546L20.5601 14.775L20.8194 17.582C20.8656 18.0816 20.5344 18.538 20.0452 18.6491L17.2901 19.275L15.8483 21.7009C15.5918 22.1324 15.0553 22.3069 14.5941 22.1088L12.0001 20.995L9.40727 22.116C8.94569 22.3155 8.40771 22.1413 8.15079 21.709L6.71008 19.285L3.95478 18.6591C3.46563 18.548 3.13448 18.0917 3.1805 17.5922L3.44008 14.775L1.57802 12.6534C1.24723 12.2765 1.24673 11.7129 1.57685 11.3355L3.44008 9.20496L3.18095 6.40025C3.1347 5.89967 3.46726 5.44257 3.95778 5.33251L6.71008 4.71496L8.15191 2.28903C8.40835 1.85756 8.94491 1.68303 9.40611 1.88108L12.0001 2.99496L14.5941 1.88108C15.0553 1.68303 15.5918 1.85756 15.8483 2.28903L17.2901 4.71496L20.0452 5.34077C20.5344 5.4519 20.8656 5.90835 20.8194 6.40793L20.5601 9.21496ZM18.7501 16.895L18.4901 14.105L20.3401 11.995L18.4901 9.88496L18.7501 7.09496L16.0101 6.47496L14.5801 4.06496L12.0001 5.17496L9.42008 4.07496L7.99008 6.48496L5.25008 7.09496L5.51008 9.87496L3.66008 11.995L5.51008 14.095L5.25008 16.895L7.99008 17.515L9.42008 19.925L12.0001 18.815L14.5801 19.925L16.0101 17.515L18.7501 16.895ZM11.0001 15.995C11.0001 15.4427 11.4478 14.995 12.0001 14.995C12.5524 14.995 13.0001 15.4427 13.0001 15.995C13.0001 16.5472 12.5524 16.995 12.0001 16.995C11.4478 16.995 11.0001 16.5472 11.0001 15.995ZM12.0001 6.99496C11.4478 6.99496 11.0001 7.44267 11.0001 7.99496V12.995C11.0001 13.5472 11.4478 13.995 12.0001 13.995C12.5524 13.995 13.0001 13.5472 13.0001 12.995V7.99496C13.0001 7.44267 12.5524 6.99496 12.0001 6.99496Z' />
|
|
9
|
-
</svg>
|
|
10
|
-
)
|
|
11
|
-
|
|
12
|
-
const ClockIcon = (
|
|
13
|
-
<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'>
|
|
14
|
-
<path
|
|
15
|
-
d='M10.8337 10.5V7.5C10.8337 7.26389 10.7538 7.06597 10.5941 6.90625C10.4344 6.74653 10.2364 6.66667 10.0003 6.66667C9.76422 6.66667 9.5663 6.74653 9.40658 6.90625C9.24685 7.06597 9.16699 7.26389 9.16699 7.5V10.8125C9.16699 10.9236 9.18783 11.0312 9.22949 11.1354C9.27116 11.2396 9.33366 11.3333 9.41699 11.4167L11.7503 13.75C11.9031 13.9028 12.0975 13.9792 12.3337 13.9792C12.5698 13.9792 12.7642 13.9028 12.917 13.75C13.0698 13.5972 13.1462 13.4028 13.1462 13.1667C13.1462 12.9306 13.0698 12.7361 12.917 12.5833L10.8337 10.5ZM10.0003 18.3333C8.95866 18.3333 7.98296 18.1354 7.07324 17.7396C6.16352 17.3438 5.37185 16.809 4.69824 16.1354C4.02463 15.4618 3.48991 14.6701 3.09408 13.7604C2.69824 12.8507 2.50033 11.875 2.50033 10.8333C2.50033 9.79167 2.69824 8.81597 3.09408 7.90625C3.48991 6.99653 4.02463 6.20486 4.69824 5.53125C5.37185 4.85764 6.16352 4.32292 7.07324 3.92708C7.98296 3.53125 8.95866 3.33333 10.0003 3.33333C11.042 3.33333 12.0177 3.53125 12.9274 3.92708C13.8371 4.32292 14.6288 4.85764 15.3024 5.53125C15.976 6.20486 16.5107 6.99653 16.9066 7.90625C17.3024 8.81597 17.5003 9.79167 17.5003 10.8333C17.5003 11.875 17.3024 12.8507 16.9066 13.7604C16.5107 14.6701 15.976 15.4618 15.3024 16.1354C14.6288 16.809 13.8371 17.3438 12.9274 17.7396C12.0177 18.1354 11.042 18.3333 10.0003 18.3333ZM1.70866 6.08333C1.55588 5.93056 1.47949 5.73611 1.47949 5.5C1.47949 5.26389 1.55588 5.06944 1.70866 4.91667L4.08366 2.54167C4.23644 2.38889 4.43088 2.3125 4.66699 2.3125C4.9031 2.3125 5.09755 2.38889 5.25033 2.54167C5.4031 2.69444 5.47949 2.88889 5.47949 3.125C5.47949 3.36111 5.4031 3.55556 5.25033 3.70833L2.87533 6.08333C2.72255 6.23611 2.5281 6.3125 2.29199 6.3125C2.05588 6.3125 1.86144 6.23611 1.70866 6.08333ZM18.292 6.08333C18.1392 6.23611 17.9448 6.3125 17.7087 6.3125C17.4725 6.3125 17.2781 6.23611 17.1253 6.08333L14.7503 3.70833C14.5975 3.55556 14.5212 3.36111 14.5212 3.125C14.5212 2.88889 14.5975 2.69444 14.7503 2.54167C14.9031 2.38889 15.0975 2.3125 15.3337 2.3125C15.5698 2.3125 15.7642 2.38889 15.917 2.54167L18.292 4.91667C18.4448 5.06944 18.5212 5.26389 18.5212 5.5C18.5212 5.73611 18.4448 5.93056 18.292 6.08333Z'
|
|
16
|
-
fill='#CD9A4C'
|
|
17
|
-
/>
|
|
18
|
-
</svg>
|
|
19
|
-
)
|
|
20
|
-
|
|
21
|
-
const MessageInformation: FC<MessageInformationProps> = ({ noImg, text, time, centered, iconReloj = false }) => {
|
|
6
|
+
const MessageInformation: FC<MessageInformationProps> = ({ noImg, text, time, centered }) => {
|
|
22
7
|
return (
|
|
23
8
|
<MessageInformationStyled className={`message-information ${centered && 'text-center'}`}>
|
|
24
9
|
<div className={`message-information__icon ${noImg ? 'hide' : ''}`}>
|
|
25
|
-
|
|
10
|
+
<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'>
|
|
11
|
+
<path d='M20.5601 9.21496L22.4211 11.3353C22.7523 11.7127 22.7523 12.2772 22.4211 12.6546L20.5601 14.775L20.8194 17.582C20.8656 18.0816 20.5344 18.538 20.0452 18.6491L17.2901 19.275L15.8483 21.7009C15.5918 22.1324 15.0553 22.3069 14.5941 22.1088L12.0001 20.995L9.40727 22.116C8.94569 22.3155 8.40771 22.1413 8.15079 21.709L6.71008 19.285L3.95478 18.6591C3.46563 18.548 3.13448 18.0917 3.1805 17.5922L3.44008 14.775L1.57802 12.6534C1.24723 12.2765 1.24673 11.7129 1.57685 11.3355L3.44008 9.20496L3.18095 6.40025C3.1347 5.89967 3.46726 5.44257 3.95778 5.33251L6.71008 4.71496L8.15191 2.28903C8.40835 1.85756 8.94491 1.68303 9.40611 1.88108L12.0001 2.99496L14.5941 1.88108C15.0553 1.68303 15.5918 1.85756 15.8483 2.28903L17.2901 4.71496L20.0452 5.34077C20.5344 5.4519 20.8656 5.90835 20.8194 6.40793L20.5601 9.21496ZM18.7501 16.895L18.4901 14.105L20.3401 11.995L18.4901 9.88496L18.7501 7.09496L16.0101 6.47496L14.5801 4.06496L12.0001 5.17496L9.42008 4.07496L7.99008 6.48496L5.25008 7.09496L5.51008 9.87496L3.66008 11.995L5.51008 14.095L5.25008 16.895L7.99008 17.515L9.42008 19.925L12.0001 18.815L14.5801 19.925L16.0101 17.515L18.7501 16.895ZM11.0001 15.995C11.0001 15.4427 11.4478 14.995 12.0001 14.995C12.5524 14.995 13.0001 15.4427 13.0001 15.995C13.0001 16.5472 12.5524 16.995 12.0001 16.995C11.4478 16.995 11.0001 16.5472 11.0001 15.995ZM12.0001 6.99496C11.4478 6.99496 11.0001 7.44267 11.0001 7.99496V12.995C11.0001 13.5472 11.4478 13.995 12.0001 13.995C12.5524 13.995 13.0001 13.5472 13.0001 12.995V7.99496C13.0001 7.44267 12.5524 6.99496 12.0001 6.99496Z' />
|
|
12
|
+
</svg>
|
|
26
13
|
</div>
|
|
27
14
|
<p className={`message-information__text`}>
|
|
28
15
|
{time != null && <span className={`message-information__text__time ${noImg && 'regular'}`}>{time}' </span>}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { PhoneIcon } from './../../../../images/componentsSvg/PhoneIcon';
|
|
3
3
|
import { PhoneNumberDisplayStyled } from './PhoneNumberDisplay.styled';
|
|
4
|
-
export const PhoneNumberDisplay = ({ phoneNumber
|
|
5
|
-
|
|
6
|
-
return (_jsxs(PhoneNumberDisplayStyled, { className: className, children: [_jsx(PhoneIcon, { width: 16, height: 16, fill: '#6d7275' }), _jsx("p", { children: _jsx("strong", { children: phoneNumber }) })] }));
|
|
4
|
+
export const PhoneNumberDisplay = ({ phoneNumber }) => {
|
|
5
|
+
return (_jsxs(PhoneNumberDisplayStyled, { children: [_jsx(PhoneIcon, { width: 16, height: 16, fill: '#6d7275' }), _jsx("p", { children: _jsx("strong", { children: phoneNumber }) })] }));
|
|
7
6
|
};
|
|
@@ -4,20 +4,14 @@ export const PhoneNumberDisplayStyled = styled.nav `
|
|
|
4
4
|
align-items: center;
|
|
5
5
|
gap: 0.5rem;
|
|
6
6
|
color: var(--neutral-neutral-2);
|
|
7
|
-
height: 2.5rem;
|
|
8
|
-
padding-right: 0;
|
|
9
|
-
|
|
10
7
|
p {
|
|
11
8
|
margin: 0;
|
|
12
9
|
}
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
padding-right: 0;
|
|
20
|
-
border-right: none;
|
|
21
|
-
}
|
|
10
|
+
border-right: 1px solid var(--neutral-neutral-3);
|
|
11
|
+
padding-right: 2rem;
|
|
12
|
+
height: 2.5rem;
|
|
13
|
+
@media (min-width: 721px) and (max-width: 849px) {
|
|
14
|
+
padding-right: 0;
|
|
15
|
+
border-right: none;
|
|
22
16
|
}
|
|
23
17
|
`;
|
|
@@ -5,20 +5,14 @@ export const PhoneNumberDisplayStyled = styled.nav`
|
|
|
5
5
|
align-items: center;
|
|
6
6
|
gap: 0.5rem;
|
|
7
7
|
color: var(--neutral-neutral-2);
|
|
8
|
-
height: 2.5rem;
|
|
9
|
-
padding-right: 0;
|
|
10
|
-
|
|
11
8
|
p {
|
|
12
9
|
margin: 0;
|
|
13
10
|
}
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
padding-right: 0;
|
|
21
|
-
border-right: none;
|
|
22
|
-
}
|
|
11
|
+
border-right: 1px solid var(--neutral-neutral-3);
|
|
12
|
+
padding-right: 2rem;
|
|
13
|
+
height: 2.5rem;
|
|
14
|
+
@media (min-width: 721px) and (max-width: 849px) {
|
|
15
|
+
padding-right: 0;
|
|
16
|
+
border-right: none;
|
|
23
17
|
}
|
|
24
18
|
`
|
|
@@ -3,11 +3,9 @@ import { PhoneNumberDisplayProps } from './PhoneNumberDisplayProps'
|
|
|
3
3
|
import { PhoneNumberDisplayStyled } from './PhoneNumberDisplay.styled'
|
|
4
4
|
import React from 'react'
|
|
5
5
|
|
|
6
|
-
export const PhoneNumberDisplay: React.FC<PhoneNumberDisplayProps> = ({ phoneNumber
|
|
7
|
-
const className = border ? 'phone-number-display phone-number-display-border' : 'phone-number-display'
|
|
8
|
-
|
|
6
|
+
export const PhoneNumberDisplay: React.FC<PhoneNumberDisplayProps> = ({ phoneNumber }) => {
|
|
9
7
|
return (
|
|
10
|
-
<PhoneNumberDisplayStyled
|
|
8
|
+
<PhoneNumberDisplayStyled>
|
|
11
9
|
<PhoneIcon width={16} height={16} fill='#6d7275' />
|
|
12
10
|
<p>
|
|
13
11
|
<strong>{phoneNumber}</strong>
|
|
@@ -2,5 +2,5 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { Benefit, BenefitsList, Divider, PlanCardContainer, PlanTitle, Price, PriceLabel, PricingInfo } from './PlanCard.styled';
|
|
3
3
|
import { Button } from '../Button';
|
|
4
4
|
export const PlanCard = ({ plan, onSelect, isRedirectingToPayment }) => {
|
|
5
|
-
return (_jsxs(PlanCardContainer, { children: [_jsx(PlanTitle, { className: plan?.highlightPlan ? 'highlight' : 'asdfasdf', children: plan?.subscription_type?.name }), _jsxs(PricingInfo, { children: [_jsx(Price, { children: plan?.pricing }), _jsx(PriceLabel, { children: plan?.pricingLabel })] }), _jsx(Button, { label: plan?.buttonText ?? '', dataQa: `${plan?.subscription_type?.name.replaceAll(' ', '')}-button`, noLink: true, onClick: () => onSelect?.(plan?.subscription_type?.sku ?? ''), givenClass: 'pricing-plan__button', color: plan?.highlightPlan ? 'primary' : '
|
|
5
|
+
return (_jsxs(PlanCardContainer, { children: [_jsx(PlanTitle, { className: plan?.highlightPlan ? 'highlight' : 'asdfasdf', children: plan?.subscription_type?.name }), _jsxs(PricingInfo, { children: [_jsx(Price, { children: plan?.pricing }), _jsx(PriceLabel, { children: plan?.pricingLabel })] }), _jsx(Button, { label: plan?.buttonText ?? '', dataQa: `${plan?.subscription_type?.name.replaceAll(' ', '')}-button`, noLink: true, onClick: () => onSelect?.(plan?.subscription_type?.sku ?? ''), givenClass: 'pricing-plan__button', color: plan?.highlightPlan ? 'primary' : 'secondary', disabled: isRedirectingToPayment }), _jsx(Divider, {}), _jsx(BenefitsList, { children: plan?.benefits?.map((item) => (_jsxs(Benefit, { className: item?.type == 'default' ? 'default' : 'ai-benefit', children: [item?.icon, _jsx("p", { className: 'benefit-text', dangerouslySetInnerHTML: { __html: item?.benefit } })] }, item?.benefit))) })] }));
|
|
6
6
|
};
|
|
@@ -26,7 +26,7 @@ export const PlanCard: React.FC<PlanCardProps> = ({ plan, onSelect, isRedirectin
|
|
|
26
26
|
noLink
|
|
27
27
|
onClick={() => onSelect?.(plan?.subscription_type?.sku ?? '')}
|
|
28
28
|
givenClass='pricing-plan__button'
|
|
29
|
-
color={plan?.highlightPlan ? 'primary' : '
|
|
29
|
+
color={plan?.highlightPlan ? 'primary' : 'secondary'}
|
|
30
30
|
disabled={isRedirectingToPayment}
|
|
31
31
|
/>
|
|
32
32
|
<Divider />
|
|
@@ -33,10 +33,7 @@ export const AccordionItem = ({ accordionRightContent, children, defaultHeightIt
|
|
|
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();
|
|
@@ -47,12 +47,7 @@ export const AccordionItem = ({
|
|
|
47
47
|
}, [])
|
|
48
48
|
|
|
49
49
|
return (
|
|
50
|
-
<AccordionItemStyled
|
|
51
|
-
className={`accordion__container
|
|
52
|
-
${state.handler === 'success' ? 'accordion__container--success' : ''}
|
|
53
|
-
${state.locked.isLocked ? 'accordion__container--locked' : ''}
|
|
54
|
-
${!isOpen ? 'accordion__container--closed' : ''}`}
|
|
55
|
-
>
|
|
50
|
+
<AccordionItemStyled className='accordion__container'>
|
|
56
51
|
<button
|
|
57
52
|
className={`accordion__button
|
|
58
53
|
${state.handler === 'success' ? '--success' : ''}
|
|
@@ -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,
|
|
@@ -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,6 +3,6 @@ import { AppHeaderStyled, AppHeaderWrapper } from './AppHeader.styled';
|
|
|
3
3
|
import { DesktopMenu, MobileMenu } from '../../organisms';
|
|
4
4
|
import { Logo } from '../../atoms';
|
|
5
5
|
import './AppHeader.scss';
|
|
6
|
-
export const AppHeader = ({ siteName = 'LawDistrict', homeUrl = '/', sitePhone,
|
|
7
|
-
return (_jsx(AppHeaderStyled, { className: headerClassnames, children: _jsxs(AppHeaderWrapper, { itemScope: true, itemType: 'https://schema.org/Brand', className: `${headerFullWidth ? '--no-grid' : 'wrapper'}`, children: [_jsx("a", { className: 'header__logo', onClick: (event) => handleClickLogo(event, homeUrl), href: homeUrl, children: _jsx(Logo, { siteName: siteName, width: '188', height: '32' }) }), _jsx(DesktopMenu, { phoneNumber: sitePhone,
|
|
6
|
+
export const AppHeader = ({ siteName = 'LawDistrict', homeUrl = '/', sitePhone, scheduleText, headerFullWidth, menuList, toggleMenuHelpOpen, toggleMenuPersonalOpen, isHelpActive, isPersonalActive, userActions, helpTriggerImage, userTriggerImage, handleClickLogo, headerClassnames, closeText = 'Close', showTopBar }) => {
|
|
7
|
+
return (_jsx(AppHeaderStyled, { className: headerClassnames, children: _jsxs(AppHeaderWrapper, { itemScope: true, itemType: 'https://schema.org/Brand', className: `${headerFullWidth ? '--no-grid' : 'wrapper'}`, children: [_jsx("a", { className: 'header__logo', onClick: (event) => handleClickLogo(event, homeUrl), href: homeUrl, children: _jsx(Logo, { siteName: siteName, width: '188', height: '32' }) }), _jsx(DesktopMenu, { phoneNumber: sitePhone, menuList: menuList, userActions: userActions, homeUrl: homeUrl }), _jsx(MobileMenu, { closeText: closeText, helpTriggerImage: helpTriggerImage, isHelpActive: isHelpActive, isPersonalActive: isPersonalActive, toggleMenuHelpOpen: toggleMenuHelpOpen, toggleMenuPersonalOpen: toggleMenuPersonalOpen, userTriggerImage: userTriggerImage, homeUrl: homeUrl, menuList: menuList, scheduleText: scheduleText, sitePhone: sitePhone, userActions: userActions, showTopBar: showTopBar })] }) }));
|
|
8
8
|
};
|
|
@@ -9,7 +9,6 @@ export const AppHeader: React.FC<AppHeaderProps> = ({
|
|
|
9
9
|
siteName = 'LawDistrict',
|
|
10
10
|
homeUrl = '/',
|
|
11
11
|
sitePhone,
|
|
12
|
-
sitePhoneBorder,
|
|
13
12
|
scheduleText,
|
|
14
13
|
headerFullWidth,
|
|
15
14
|
menuList,
|
|
@@ -36,13 +35,7 @@ export const AppHeader: React.FC<AppHeaderProps> = ({
|
|
|
36
35
|
<Logo siteName={siteName} width='188' height='32' />
|
|
37
36
|
</a>
|
|
38
37
|
|
|
39
|
-
<DesktopMenu
|
|
40
|
-
phoneNumber={sitePhone}
|
|
41
|
-
phoneNumberBorder={sitePhoneBorder}
|
|
42
|
-
menuList={menuList}
|
|
43
|
-
userActions={userActions}
|
|
44
|
-
homeUrl={homeUrl}
|
|
45
|
-
/>
|
|
38
|
+
<DesktopMenu phoneNumber={sitePhone} menuList={menuList} userActions={userActions} homeUrl={homeUrl} />
|
|
46
39
|
|
|
47
40
|
<MobileMenu
|
|
48
41
|
closeText={closeText}
|