@npm_leadtech/legal-lib-components 5.67.3 → 5.68.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/images/componentsSvg/Sign24px.d.ts +6 -0
- package/dist/images/componentsSvg/Sign24px.js +2 -0
- package/dist/images/componentsSvg/Sign24px.tsx +16 -0
- package/dist/src/components/atoms/DocumentStatus/DocumentStatus.js +5 -1
- package/dist/src/components/atoms/DocumentStatus/DocumentStatus.styled.js +15 -0
- package/dist/src/components/atoms/DocumentStatus/DocumentStatus.styled.ts +15 -0
- package/dist/src/components/atoms/DocumentStatus/DocumentStatus.tsx +10 -1
- package/dist/src/components/atoms/DocumentStatus/DocumentStatusProps.types.d.ts +1 -0
- package/dist/src/components/atoms/DocumentStatus/DocumentStatusProps.types.ts +1 -0
- package/dist/src/components/atoms/RatafiaResultCard/RatafiaResultCard.d.ts +4 -0
- package/dist/src/components/atoms/RatafiaResultCard/RatafiaResultCard.js +6 -0
- package/dist/src/components/atoms/RatafiaResultCard/RatafiaResultCard.styled.d.ts +1 -0
- package/dist/src/components/atoms/RatafiaResultCard/RatafiaResultCard.styled.js +39 -0
- package/dist/src/components/atoms/RatafiaResultCard/RatafiaResultCard.styled.ts +40 -0
- package/dist/src/components/atoms/RatafiaResultCard/RatafiaResultCard.tsx +18 -0
- package/dist/src/components/atoms/RatafiaResultCard/RatafiaResultCardProps.types.d.ts +5 -0
- package/dist/src/components/atoms/RatafiaResultCard/RatafiaResultCardProps.types.ts +5 -0
- package/dist/src/components/atoms/RatafiaResultCard/index.d.ts +2 -0
- package/dist/src/components/atoms/RatafiaResultCard/index.js +1 -0
- package/dist/src/components/atoms/RatafiaResultCard/index.ts +2 -0
- package/dist/src/components/atoms/RatafiaResultTab/RatafiaResultTab.d.ts +4 -0
- package/dist/src/components/atoms/RatafiaResultTab/RatafiaResultTab.js +6 -0
- package/dist/src/components/atoms/RatafiaResultTab/RatafiaResultTab.styled.d.ts +1 -0
- package/dist/src/components/atoms/RatafiaResultTab/RatafiaResultTab.styled.js +38 -0
- package/dist/src/components/atoms/RatafiaResultTab/RatafiaResultTab.styled.ts +39 -0
- package/dist/src/components/atoms/RatafiaResultTab/RatafiaResultTab.tsx +23 -0
- package/dist/src/components/atoms/RatafiaResultTab/RatafiaResultTabProps.types.d.ts +9 -0
- package/dist/src/components/atoms/RatafiaResultTab/RatafiaResultTabProps.types.js +1 -0
- package/dist/src/components/atoms/RatafiaResultTab/RatafiaResultTabProps.types.ts +9 -0
- package/dist/src/components/atoms/RatafiaResultTab/index.d.ts +2 -0
- package/dist/src/components/atoms/RatafiaResultTab/index.js +1 -0
- package/dist/src/components/atoms/RatafiaResultTab/index.ts +2 -0
- package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResult.d.ts +4 -0
- package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResult.js +6 -0
- package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResult.styled.d.ts +1 -0
- package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResult.styled.js +55 -0
- package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResult.styled.ts +56 -0
- package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResult.tsx +56 -0
- package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResultProps.types.d.ts +14 -0
- package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResultProps.types.js +1 -0
- package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResultProps.types.ts +15 -0
- package/dist/src/components/atoms/RatafiaReviewResult/index.d.ts +2 -0
- package/dist/src/components/atoms/RatafiaReviewResult/index.js +1 -0
- package/dist/src/components/atoms/RatafiaReviewResult/index.ts +2 -0
- package/dist/src/components/atoms/index.d.ts +3 -0
- package/dist/src/components/atoms/index.js +3 -0
- package/dist/src/components/atoms/index.ts +3 -0
- package/dist/src/components/molecules/RatafiaResultCardList/RatafiaResultCardList.d.ts +4 -0
- package/dist/src/components/molecules/RatafiaResultCardList/RatafiaResultCardList.js +9 -0
- package/dist/src/components/molecules/RatafiaResultCardList/RatafiaResultCardList.styled.d.ts +1 -0
- package/dist/src/components/molecules/RatafiaResultCardList/RatafiaResultCardList.styled.js +24 -0
- package/dist/src/components/molecules/RatafiaResultCardList/RatafiaResultCardList.styled.ts +25 -0
- package/dist/src/components/molecules/RatafiaResultCardList/RatafiaResultCardList.tsx +19 -0
- package/dist/src/components/molecules/RatafiaResultCardList/RatafiaResultCardListProps.types.d.ts +4 -0
- package/dist/src/components/molecules/RatafiaResultCardList/RatafiaResultCardListProps.types.js +1 -0
- package/dist/src/components/molecules/RatafiaResultCardList/RatafiaResultCardListProps.types.ts +5 -0
- package/dist/src/components/molecules/RatafiaResultCardList/index.d.ts +2 -0
- package/dist/src/components/molecules/RatafiaResultCardList/index.js +1 -0
- package/dist/src/components/molecules/RatafiaResultCardList/index.ts +2 -0
- package/dist/src/components/molecules/RatafiaResultTabList/RatafiaResultTabList.d.ts +4 -0
- package/dist/src/components/molecules/RatafiaResultTabList/RatafiaResultTabList.js +9 -0
- package/dist/src/components/molecules/RatafiaResultTabList/RatafiaResultTabList.styled.d.ts +1 -0
- package/dist/src/components/molecules/RatafiaResultTabList/RatafiaResultTabList.styled.js +7 -0
- package/dist/src/components/molecules/RatafiaResultTabList/RatafiaResultTabList.styled.ts +8 -0
- package/dist/src/components/molecules/RatafiaResultTabList/RatafiaResultTabList.tsx +18 -0
- package/dist/src/components/molecules/RatafiaResultTabList/RatafiaResultTabListProps.types.d.ts +4 -0
- package/dist/src/components/molecules/RatafiaResultTabList/RatafiaResultTabListProps.types.js +1 -0
- package/dist/src/components/molecules/RatafiaResultTabList/RatafiaResultTabListProps.types.ts +5 -0
- package/dist/src/components/molecules/RatafiaResultTabList/index.d.ts +2 -0
- package/dist/src/components/molecules/RatafiaResultTabList/index.js +1 -0
- package/dist/src/components/molecules/RatafiaResultTabList/index.ts +2 -0
- package/dist/src/components/molecules/index.d.ts +2 -0
- package/dist/src/components/molecules/index.js +2 -0
- package/dist/src/components/molecules/index.ts +2 -0
- package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContent.d.ts +4 -0
- package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContent.js +6 -0
- package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContent.styled.d.ts +1 -0
- package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContent.styled.js +143 -0
- package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContent.styled.ts +144 -0
- package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContent.tsx +46 -0
- package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContentProps.types.d.ts +5 -0
- package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContentProps.types.js +1 -0
- package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContentProps.types.ts +5 -0
- package/dist/src/components/organisms/RatafiaLoadingResultContent/index.d.ts +2 -0
- package/dist/src/components/organisms/RatafiaLoadingResultContent/index.js +1 -0
- package/dist/src/components/organisms/RatafiaLoadingResultContent/index.ts +2 -0
- package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContent.d.ts +4 -0
- package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContent.js +9 -0
- package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContent.styled.d.ts +1 -0
- package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContent.styled.js +26 -0
- package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContent.styled.ts +27 -0
- package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContent.tsx +26 -0
- package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContentProps.types.d.ts +13 -0
- package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContentProps.types.js +1 -0
- package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContentProps.types.ts +16 -0
- package/dist/src/components/organisms/RatafiaResultContent/index.d.ts +3 -0
- package/dist/src/components/organisms/RatafiaResultContent/index.js +1 -0
- package/dist/src/components/organisms/RatafiaResultContent/index.ts +3 -0
- package/dist/src/components/organisms/index.d.ts +2 -1
- package/dist/src/components/organisms/index.js +2 -1
- package/dist/src/components/organisms/index.ts +2 -1
- package/dist/src/components/pages/AboutUsPage/AboutUsPage.js +2 -3
- package/dist/src/components/pages/AboutUsPage/AboutUsPage.tsx +0 -3
- package/dist/src/components/pages/AboutUsPage/AboutUsPageProps.d.ts +0 -2
- package/dist/src/components/pages/AboutUsPage/AboutUsPageProps.ts +0 -2
- package/dist/src/components/pages/RatafiaResultPage/RatafiaResultPage.d.ts +4 -0
- package/dist/src/components/pages/RatafiaResultPage/RatafiaResultPage.js +15 -0
- package/dist/src/components/pages/RatafiaResultPage/RatafiaResultPage.styled.d.ts +1 -0
- package/dist/src/components/pages/RatafiaResultPage/RatafiaResultPage.styled.js +23 -0
- package/dist/src/components/pages/RatafiaResultPage/RatafiaResultPage.styled.ts +24 -0
- package/dist/src/components/pages/RatafiaResultPage/RatafiaResultPage.tsx +76 -0
- package/dist/src/components/pages/RatafiaResultPage/RatafiaResultPageProps.types.d.ts +20 -0
- package/dist/src/components/pages/RatafiaResultPage/RatafiaResultPageProps.types.js +1 -0
- package/dist/src/components/pages/RatafiaResultPage/RatafiaResultPageProps.types.ts +22 -0
- package/dist/src/components/pages/RatafiaResultPage/index.d.ts +2 -0
- package/dist/src/components/pages/RatafiaResultPage/index.js +1 -0
- package/dist/src/components/pages/RatafiaResultPage/index.ts +2 -0
- package/dist/src/components/pages/index.d.ts +2 -1
- package/dist/src/components/pages/index.js +2 -1
- package/dist/src/components/pages/index.ts +2 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +7 -4
- package/dist/images/png/img-customized-doc.png +0 -0
- package/dist/src/components/organisms/HowWeHelp/HowWeHelp.d.ts +0 -4
- package/dist/src/components/organisms/HowWeHelp/HowWeHelp.js +0 -7
- package/dist/src/components/organisms/HowWeHelp/HowWeHelp.styled.d.ts +0 -1
- package/dist/src/components/organisms/HowWeHelp/HowWeHelp.styled.js +0 -95
- package/dist/src/components/organisms/HowWeHelp/HowWeHelp.styled.ts +0 -96
- package/dist/src/components/organisms/HowWeHelp/HowWeHelp.tsx +0 -28
- package/dist/src/components/organisms/HowWeHelp/HowWeHelpProps.types.d.ts +0 -7
- package/dist/src/components/organisms/HowWeHelp/HowWeHelpProps.types.ts +0 -8
- package/dist/src/components/organisms/HowWeHelp/index.d.ts +0 -2
- package/dist/src/components/organisms/HowWeHelp/index.js +0 -1
- package/dist/src/components/organisms/HowWeHelp/index.ts +0 -2
- /package/dist/src/components/{organisms/HowWeHelp/HowWeHelpProps.types.js → atoms/RatafiaResultCard/RatafiaResultCardProps.types.js} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as RatafiaLoadingResultContent } from './RatafiaLoadingResultContent';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { RatafiaResultCardList } from '../../molecules';
|
|
3
|
+
import { RatafiaResultContentStyled } from './RatafiaResultContent.styled';
|
|
4
|
+
import RatafiaResultTabList from '../../molecules/RatafiaResultTabList/RatafiaResultTabList';
|
|
5
|
+
import { RatafiaReviewResult } from '../../atoms';
|
|
6
|
+
export const RatafiaResultContent = ({ result, review, tabs }) => {
|
|
7
|
+
return (_jsxs(RatafiaResultContentStyled, { children: [_jsx("h2", { ref: result?.documentNameRef, className: 'sans-serif --bold-weight ratafia-result-content__document-name', children: result?.documentName }), _jsx("div", { className: 'ratafia-result-content__tabs', children: _jsx(RatafiaResultTabList, { tabs: tabs }) }), _jsxs("div", { className: 'ratafia-result-content__content', children: [result !== null && _jsx(RatafiaResultCardList, { result: result.result }), _jsx(RatafiaReviewResult, { ...review })] })] }));
|
|
8
|
+
};
|
|
9
|
+
export default RatafiaResultContent;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const RatafiaResultContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { device } from '../../../globalStyles/breakpoints';
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
export const RatafiaResultContentStyled = styled.div `
|
|
4
|
+
display: flex;
|
|
5
|
+
flex-direction: column;
|
|
6
|
+
align-items: flex-start;
|
|
7
|
+
flex: 1 0 0;
|
|
8
|
+
align-self: stretch;
|
|
9
|
+
|
|
10
|
+
.ratafia-result-content__document-name {
|
|
11
|
+
color: var(--neutral-neutral-2);
|
|
12
|
+
font-size: 1rem;
|
|
13
|
+
margin-bottom: 1rem;
|
|
14
|
+
@media ${device['portrait-tablets']} {
|
|
15
|
+
font-size: 1.125rem;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
.ratafia-result-content__tabs {
|
|
19
|
+
width: 100%;
|
|
20
|
+
margin-bottom: 0.5rem;
|
|
21
|
+
}
|
|
22
|
+
.ratafia-result-content__content {
|
|
23
|
+
overflow: hidden;
|
|
24
|
+
width: 100%;
|
|
25
|
+
}
|
|
26
|
+
`;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { device } from '../../../globalStyles/breakpoints'
|
|
2
|
+
import styled from 'styled-components'
|
|
3
|
+
|
|
4
|
+
export const RatafiaResultContentStyled = styled.div`
|
|
5
|
+
display: flex;
|
|
6
|
+
flex-direction: column;
|
|
7
|
+
align-items: flex-start;
|
|
8
|
+
flex: 1 0 0;
|
|
9
|
+
align-self: stretch;
|
|
10
|
+
|
|
11
|
+
.ratafia-result-content__document-name {
|
|
12
|
+
color: var(--neutral-neutral-2);
|
|
13
|
+
font-size: 1rem;
|
|
14
|
+
margin-bottom: 1rem;
|
|
15
|
+
@media ${device['portrait-tablets']} {
|
|
16
|
+
font-size: 1.125rem;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
.ratafia-result-content__tabs {
|
|
20
|
+
width: 100%;
|
|
21
|
+
margin-bottom: 0.5rem;
|
|
22
|
+
}
|
|
23
|
+
.ratafia-result-content__content {
|
|
24
|
+
overflow: hidden;
|
|
25
|
+
width: 100%;
|
|
26
|
+
}
|
|
27
|
+
`
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from 'react'
|
|
2
|
+
|
|
3
|
+
import { RatafiaResultCardList } from '../../molecules'
|
|
4
|
+
import { type RatafiaResultContentProps } from './RatafiaResultContentProps.types'
|
|
5
|
+
import { RatafiaResultContentStyled } from './RatafiaResultContent.styled'
|
|
6
|
+
import RatafiaResultTabList from '../../molecules/RatafiaResultTabList/RatafiaResultTabList'
|
|
7
|
+
import { RatafiaReviewResult } from '../../atoms'
|
|
8
|
+
|
|
9
|
+
export const RatafiaResultContent: React.FC<RatafiaResultContentProps> = ({ result, review, tabs }) => {
|
|
10
|
+
return (
|
|
11
|
+
<RatafiaResultContentStyled>
|
|
12
|
+
<h2 ref={result?.documentNameRef} className='sans-serif --bold-weight ratafia-result-content__document-name'>
|
|
13
|
+
{result?.documentName}
|
|
14
|
+
</h2>
|
|
15
|
+
<div className='ratafia-result-content__tabs'>
|
|
16
|
+
<RatafiaResultTabList tabs={tabs} />
|
|
17
|
+
</div>
|
|
18
|
+
<div className='ratafia-result-content__content'>
|
|
19
|
+
{result !== null && <RatafiaResultCardList result={result.result} />}
|
|
20
|
+
<RatafiaReviewResult {...review} />
|
|
21
|
+
</div>
|
|
22
|
+
</RatafiaResultContentStyled>
|
|
23
|
+
)
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
export default RatafiaResultContent
|
package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContentProps.types.d.ts
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { RatafiaResultCardProps, RatafiaReviewResultProps } from '../../atoms';
|
|
3
|
+
import { type RatafiaResultTabProps } from '../../atoms';
|
|
4
|
+
export interface RatafiaResultContentProps {
|
|
5
|
+
result: RatafiaResultProps | null;
|
|
6
|
+
review: RatafiaReviewResultProps;
|
|
7
|
+
tabs: RatafiaResultTabProps[];
|
|
8
|
+
}
|
|
9
|
+
export interface RatafiaResultProps {
|
|
10
|
+
documentName: string;
|
|
11
|
+
result: RatafiaResultCardProps[];
|
|
12
|
+
documentNameRef?: React.RefObject<HTMLHeadingElement>;
|
|
13
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react'
|
|
2
|
+
|
|
3
|
+
import type { RatafiaResultCardProps, RatafiaReviewResultProps } from '../../atoms'
|
|
4
|
+
import { type RatafiaResultTabProps } from '../../atoms'
|
|
5
|
+
|
|
6
|
+
export interface RatafiaResultContentProps {
|
|
7
|
+
result: RatafiaResultProps | null
|
|
8
|
+
review: RatafiaReviewResultProps
|
|
9
|
+
tabs: RatafiaResultTabProps[]
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export interface RatafiaResultProps {
|
|
13
|
+
documentName: string
|
|
14
|
+
result: RatafiaResultCardProps[]
|
|
15
|
+
documentNameRef?: React.RefObject<HTMLHeadingElement>
|
|
16
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as RatafiaResultContent } from './RatafiaResultContent';
|
|
@@ -20,7 +20,8 @@ export * from './LimitReachedContentRatafia';
|
|
|
20
20
|
export * from './ListStepsGetForm';
|
|
21
21
|
export * from './LoginRatafiaContent';
|
|
22
22
|
export * from './MobileBottomBar';
|
|
23
|
+
export * from './RatafiaLoadingResultContent';
|
|
24
|
+
export * from './RatafiaResultContent';
|
|
23
25
|
export * from './StepsRatafiaContent';
|
|
24
26
|
export * from './TryOurFreeLegalBlogsContent';
|
|
25
27
|
export * from './Wizard';
|
|
26
|
-
export * from './HowWeHelp';
|
|
@@ -20,7 +20,8 @@ export * from './LimitReachedContentRatafia';
|
|
|
20
20
|
export * from './ListStepsGetForm';
|
|
21
21
|
export * from './LoginRatafiaContent';
|
|
22
22
|
export * from './MobileBottomBar';
|
|
23
|
+
export * from './RatafiaLoadingResultContent';
|
|
24
|
+
export * from './RatafiaResultContent';
|
|
23
25
|
export * from './StepsRatafiaContent';
|
|
24
26
|
export * from './TryOurFreeLegalBlogsContent';
|
|
25
27
|
export * from './Wizard';
|
|
26
|
-
export * from './HowWeHelp';
|
|
@@ -20,7 +20,8 @@ export * from './LimitReachedContentRatafia'
|
|
|
20
20
|
export * from './ListStepsGetForm'
|
|
21
21
|
export * from './LoginRatafiaContent'
|
|
22
22
|
export * from './MobileBottomBar'
|
|
23
|
+
export * from './RatafiaLoadingResultContent'
|
|
24
|
+
export * from './RatafiaResultContent'
|
|
23
25
|
export * from './StepsRatafiaContent'
|
|
24
26
|
export * from './TryOurFreeLegalBlogsContent'
|
|
25
27
|
export * from './Wizard'
|
|
26
|
-
export * from './HowWeHelp'
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { AboutUsSection, AsSeeInSection, CardStorySection, ExpertsSection, GuidelinesSection, PeopleSayAboutUsSection, TryOurFreeLegalBlogsSection } from '../../sections';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
return (_jsxs(_Fragment, { children: [aboutUsSectionProps != null && _jsx(AboutUsSection, { ...aboutUsSectionProps }), ourMissionBlogsSectionProps != null && _jsx(TryOurFreeLegalBlogsSection, { ...ourMissionBlogsSectionProps }), ourCoreValuesBlogsSectionProps != null && _jsx(TryOurFreeLegalBlogsSection, { ...ourCoreValuesBlogsSectionProps }), cardStorySection != null && _jsx(CardStorySection, { ...cardStorySection }), howWeHelp != null && _jsx(HowWeHelp, { ...howWeHelp }), guidelinesSectionProps != null && (_jsx(GuidelinesSection, { ...guidelinesSectionProps, children: guidelinesSectionProps.contentGuidelines?.children })), expertsSectionProps != null && _jsx(ExpertsSection, { ...expertsSectionProps }), !isJonSnow && peopleSayAboutUsSectionProps != null && (_jsx(PeopleSayAboutUsSection, { ...peopleSayAboutUsSectionProps })), !isJonSnow && asSeeInSectionProps != null && _jsx(AsSeeInSection, { ...asSeeInSectionProps })] }));
|
|
3
|
+
export const AboutUsPage = ({ aboutUsSectionProps, ourMissionBlogsSectionProps, ourCoreValuesBlogsSectionProps, cardStorySection, peopleSayAboutUsSectionProps, guidelinesSectionProps, expertsSectionProps, asSeeInSectionProps, isJonSnow = false }) => {
|
|
4
|
+
return (_jsxs(_Fragment, { children: [aboutUsSectionProps != null && _jsx(AboutUsSection, { ...aboutUsSectionProps }), ourMissionBlogsSectionProps != null && _jsx(TryOurFreeLegalBlogsSection, { ...ourMissionBlogsSectionProps }), ourCoreValuesBlogsSectionProps != null && _jsx(TryOurFreeLegalBlogsSection, { ...ourCoreValuesBlogsSectionProps }), cardStorySection != null && _jsx(CardStorySection, { ...cardStorySection }), guidelinesSectionProps != null && (_jsx(GuidelinesSection, { ...guidelinesSectionProps, children: guidelinesSectionProps.contentGuidelines?.children })), expertsSectionProps != null && _jsx(ExpertsSection, { ...expertsSectionProps }), !isJonSnow && peopleSayAboutUsSectionProps != null && (_jsx(PeopleSayAboutUsSection, { ...peopleSayAboutUsSectionProps })), !isJonSnow && asSeeInSectionProps != null && _jsx(AsSeeInSection, { ...asSeeInSectionProps })] }));
|
|
6
5
|
};
|
|
@@ -10,14 +10,12 @@ import {
|
|
|
10
10
|
TryOurFreeLegalBlogsSection
|
|
11
11
|
} from '../../sections'
|
|
12
12
|
import { type AboutUsPageProps } from './AboutUsPageProps'
|
|
13
|
-
import { HowWeHelp } from '../../organisms'
|
|
14
13
|
|
|
15
14
|
export const AboutUsPage: React.FC<AboutUsPageProps> = ({
|
|
16
15
|
aboutUsSectionProps,
|
|
17
16
|
ourMissionBlogsSectionProps,
|
|
18
17
|
ourCoreValuesBlogsSectionProps,
|
|
19
18
|
cardStorySection,
|
|
20
|
-
howWeHelp,
|
|
21
19
|
peopleSayAboutUsSectionProps,
|
|
22
20
|
guidelinesSectionProps,
|
|
23
21
|
expertsSectionProps,
|
|
@@ -30,7 +28,6 @@ export const AboutUsPage: React.FC<AboutUsPageProps> = ({
|
|
|
30
28
|
{ourMissionBlogsSectionProps != null && <TryOurFreeLegalBlogsSection {...ourMissionBlogsSectionProps} />}
|
|
31
29
|
{ourCoreValuesBlogsSectionProps != null && <TryOurFreeLegalBlogsSection {...ourCoreValuesBlogsSectionProps} />}
|
|
32
30
|
{cardStorySection != null && <CardStorySection {...cardStorySection} />}
|
|
33
|
-
{howWeHelp != null && <HowWeHelp {...howWeHelp} />}
|
|
34
31
|
{guidelinesSectionProps != null && (
|
|
35
32
|
<GuidelinesSection {...guidelinesSectionProps}>
|
|
36
33
|
{guidelinesSectionProps.contentGuidelines?.children}
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import type { AboutUsSectionProps, AsSeeInSectionProps, CardStorySectionProps, ExpertsSectionProps, GuidelinesSectionProps, PeopleSayAboutUsSectionProps, TryOurFreeLegalBlogsSectionProps, TryUsSectionProps } from '../../sections';
|
|
2
|
-
import { HowWeHelpProps } from '../../organisms';
|
|
3
2
|
export interface AboutUsPageProps {
|
|
4
3
|
aboutUsSectionProps?: AboutUsSectionProps;
|
|
5
4
|
ourMissionBlogsSectionProps?: TryOurFreeLegalBlogsSectionProps;
|
|
6
5
|
ourCoreValuesBlogsSectionProps?: TryOurFreeLegalBlogsSectionProps;
|
|
7
6
|
cardStorySection?: CardStorySectionProps;
|
|
8
|
-
howWeHelp?: HowWeHelpProps;
|
|
9
7
|
peopleSayAboutUsSectionProps?: PeopleSayAboutUsSectionProps;
|
|
10
8
|
guidelinesSectionProps?: GuidelinesSectionProps;
|
|
11
9
|
tryUsSectionProps?: TryUsSectionProps;
|
|
@@ -8,14 +8,12 @@ import type {
|
|
|
8
8
|
TryOurFreeLegalBlogsSectionProps,
|
|
9
9
|
TryUsSectionProps
|
|
10
10
|
} from '../../sections'
|
|
11
|
-
import { HowWeHelpProps } from '../../organisms'
|
|
12
11
|
|
|
13
12
|
export interface AboutUsPageProps {
|
|
14
13
|
aboutUsSectionProps?: AboutUsSectionProps
|
|
15
14
|
ourMissionBlogsSectionProps?: TryOurFreeLegalBlogsSectionProps
|
|
16
15
|
ourCoreValuesBlogsSectionProps?: TryOurFreeLegalBlogsSectionProps
|
|
17
16
|
cardStorySection?: CardStorySectionProps
|
|
18
|
-
howWeHelp?: HowWeHelpProps
|
|
19
17
|
peopleSayAboutUsSectionProps?: PeopleSayAboutUsSectionProps
|
|
20
18
|
guidelinesSectionProps?: GuidelinesSectionProps
|
|
21
19
|
tryUsSectionProps?: TryUsSectionProps
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { RatafiaLoadingResultContent, RatafiaResultContent } from '../../organisms';
|
|
3
|
+
import { Button } from '../../atoms';
|
|
4
|
+
import DisclaimerRatafia from '../../atoms/DisclaimerRatafia/DisclaimerRatafia';
|
|
5
|
+
import { LayoutRatafia } from '../../organisms/LayoutRatafia';
|
|
6
|
+
import { RatafiaResultPageStyled } from './RatafiaResultPage.styled';
|
|
7
|
+
export const RatafiaResultPage = ({ header, resultContent, reviewContent, tabs, disclaimer, cta, loadingIcon, loadingText, isLoading }) => {
|
|
8
|
+
const loadingContent = (_jsx("div", { className: 'ratafia-result-page__content', children: _jsx(RatafiaLoadingResultContent, { documentName: resultContent.documentName, icon: loadingIcon, text: loadingText }) }));
|
|
9
|
+
const loadedContent = (_jsx("div", { className: 'ratafia-result-page__content', children: _jsx(RatafiaResultContent, { result: resultContent, review: reviewContent, tabs: tabs }) }));
|
|
10
|
+
const ctaButton = isLoading ? null : (_jsx(Button, { givenClass: 'ratafia-result-page__content__cta', dataQa: cta.dataQa, color: 'primary', label: cta.label, onClick: cta.handleOnClick, noLink: true }));
|
|
11
|
+
const footerDesktop = (_jsx("div", { className: 'ratafia-result-page__footer-desktop', children: _jsx(DisclaimerRatafia, { icon: disclaimer.icon, text: disclaimer.text, copyrightText: disclaimer.copyrightText, ctaTextShowDisclaimer: disclaimer.ctaTextShowDisclaimer, ctaTextCloseDisclaimer: disclaimer.ctaTextCloseDisclaimer }) }));
|
|
12
|
+
const footerMobile = (_jsxs(_Fragment, { children: [footerDesktop, ctaButton] }));
|
|
13
|
+
return (_jsx(RatafiaResultPageStyled, { className: 'ratafia-result-page', children: _jsx(LayoutRatafia, { header: header, content: isLoading ? loadingContent : loadedContent, cta: ctaButton, footerDesktop: footerDesktop, footerMobile: footerMobile }) }));
|
|
14
|
+
};
|
|
15
|
+
export default RatafiaResultPage;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const RatafiaResultPageStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { device } from '../../../globalStyles/breakpoints';
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
export const RatafiaResultPageStyled = styled.div `
|
|
4
|
+
background-color: var(--neutral-neutral-6);
|
|
5
|
+
|
|
6
|
+
.ratafia-result-page__content {
|
|
7
|
+
display: flex;
|
|
8
|
+
flex-direction: column;
|
|
9
|
+
align-items: flex-start;
|
|
10
|
+
flex: 1 0 0;
|
|
11
|
+
align-self: stretch;
|
|
12
|
+
gap: 1.5rem;
|
|
13
|
+
|
|
14
|
+
&__cta {
|
|
15
|
+
align-self: start;
|
|
16
|
+
display: block;
|
|
17
|
+
width: 100%;
|
|
18
|
+
@media ${device['portrait-tablets']} {
|
|
19
|
+
display: inline-block;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
`;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { device } from '../../../globalStyles/breakpoints'
|
|
2
|
+
import styled from 'styled-components'
|
|
3
|
+
|
|
4
|
+
export const RatafiaResultPageStyled = styled.div`
|
|
5
|
+
background-color: var(--neutral-neutral-6);
|
|
6
|
+
|
|
7
|
+
.ratafia-result-page__content {
|
|
8
|
+
display: flex;
|
|
9
|
+
flex-direction: column;
|
|
10
|
+
align-items: flex-start;
|
|
11
|
+
flex: 1 0 0;
|
|
12
|
+
align-self: stretch;
|
|
13
|
+
gap: 1.5rem;
|
|
14
|
+
|
|
15
|
+
&__cta {
|
|
16
|
+
align-self: start;
|
|
17
|
+
display: block;
|
|
18
|
+
width: 100%;
|
|
19
|
+
@media ${device['portrait-tablets']} {
|
|
20
|
+
display: inline-block;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
`
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import React from 'react'
|
|
2
|
+
|
|
3
|
+
import { RatafiaLoadingResultContent, RatafiaResultContent } from '../../organisms'
|
|
4
|
+
import { Button } from '../../atoms'
|
|
5
|
+
import DisclaimerRatafia from '../../atoms/DisclaimerRatafia/DisclaimerRatafia'
|
|
6
|
+
import { LayoutRatafia } from '../../organisms/LayoutRatafia'
|
|
7
|
+
import { type RatafiaResultPageProps } from './RatafiaResultPageProps.types'
|
|
8
|
+
|
|
9
|
+
import { RatafiaResultPageStyled } from './RatafiaResultPage.styled'
|
|
10
|
+
|
|
11
|
+
export const RatafiaResultPage: React.FC<RatafiaResultPageProps> = ({
|
|
12
|
+
header,
|
|
13
|
+
resultContent,
|
|
14
|
+
reviewContent,
|
|
15
|
+
tabs,
|
|
16
|
+
disclaimer,
|
|
17
|
+
cta,
|
|
18
|
+
loadingIcon,
|
|
19
|
+
loadingText,
|
|
20
|
+
isLoading
|
|
21
|
+
}) => {
|
|
22
|
+
const loadingContent = (
|
|
23
|
+
<div className='ratafia-result-page__content'>
|
|
24
|
+
<RatafiaLoadingResultContent documentName={resultContent.documentName} icon={loadingIcon} text={loadingText} />
|
|
25
|
+
</div>
|
|
26
|
+
)
|
|
27
|
+
const loadedContent = (
|
|
28
|
+
<div className='ratafia-result-page__content'>
|
|
29
|
+
<RatafiaResultContent result={resultContent} review={reviewContent} tabs={tabs} />
|
|
30
|
+
</div>
|
|
31
|
+
)
|
|
32
|
+
|
|
33
|
+
const ctaButton = isLoading ? null : (
|
|
34
|
+
<Button
|
|
35
|
+
givenClass='ratafia-result-page__content__cta'
|
|
36
|
+
dataQa={cta.dataQa}
|
|
37
|
+
color='primary'
|
|
38
|
+
label={cta.label}
|
|
39
|
+
onClick={cta.handleOnClick}
|
|
40
|
+
noLink
|
|
41
|
+
/>
|
|
42
|
+
)
|
|
43
|
+
|
|
44
|
+
const footerDesktop = (
|
|
45
|
+
<div className='ratafia-result-page__footer-desktop'>
|
|
46
|
+
<DisclaimerRatafia
|
|
47
|
+
icon={disclaimer.icon}
|
|
48
|
+
text={disclaimer.text}
|
|
49
|
+
copyrightText={disclaimer.copyrightText}
|
|
50
|
+
ctaTextShowDisclaimer={disclaimer.ctaTextShowDisclaimer}
|
|
51
|
+
ctaTextCloseDisclaimer={disclaimer.ctaTextCloseDisclaimer}
|
|
52
|
+
/>
|
|
53
|
+
</div>
|
|
54
|
+
)
|
|
55
|
+
|
|
56
|
+
const footerMobile = (
|
|
57
|
+
<>
|
|
58
|
+
{footerDesktop}
|
|
59
|
+
{ctaButton}
|
|
60
|
+
</>
|
|
61
|
+
)
|
|
62
|
+
|
|
63
|
+
return (
|
|
64
|
+
<RatafiaResultPageStyled className='ratafia-result-page'>
|
|
65
|
+
<LayoutRatafia
|
|
66
|
+
header={header}
|
|
67
|
+
content={isLoading ? loadingContent : loadedContent}
|
|
68
|
+
cta={ctaButton}
|
|
69
|
+
footerDesktop={footerDesktop}
|
|
70
|
+
footerMobile={footerMobile}
|
|
71
|
+
/>
|
|
72
|
+
</RatafiaResultPageStyled>
|
|
73
|
+
)
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
export default RatafiaResultPage
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { DisclaimerRatafiaProps, RatafiaResultTabProps, RatafiaReviewResultProps } from '../../atoms';
|
|
2
|
+
import { type HeaderRatafiaProps } from '../../molecules';
|
|
3
|
+
import { type RatafiaResultProps } from '../../organisms';
|
|
4
|
+
export interface RatafiaResultPageProps {
|
|
5
|
+
header: HeaderRatafiaProps;
|
|
6
|
+
resultContent: RatafiaResultProps;
|
|
7
|
+
reviewContent: RatafiaReviewResultProps;
|
|
8
|
+
tabs: RatafiaResultTabProps[];
|
|
9
|
+
disclaimer: DisclaimerRatafiaProps;
|
|
10
|
+
cta: RatafiaResultCta;
|
|
11
|
+
loadingIcon?: React.ReactNode;
|
|
12
|
+
loadingText?: React.ReactNode;
|
|
13
|
+
isLoading: boolean;
|
|
14
|
+
}
|
|
15
|
+
interface RatafiaResultCta {
|
|
16
|
+
label: string;
|
|
17
|
+
handleOnClick?: (functionParameters?: any) => () => void;
|
|
18
|
+
dataQa: string;
|
|
19
|
+
}
|
|
20
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
2
|
+
import type { DisclaimerRatafiaProps, RatafiaResultTabProps, RatafiaReviewResultProps } from '../../atoms'
|
|
3
|
+
import { type HeaderRatafiaProps } from '../../molecules'
|
|
4
|
+
import { type RatafiaResultProps } from '../../organisms'
|
|
5
|
+
|
|
6
|
+
export interface RatafiaResultPageProps {
|
|
7
|
+
header: HeaderRatafiaProps
|
|
8
|
+
resultContent: RatafiaResultProps
|
|
9
|
+
reviewContent: RatafiaReviewResultProps
|
|
10
|
+
tabs: RatafiaResultTabProps[]
|
|
11
|
+
disclaimer: DisclaimerRatafiaProps
|
|
12
|
+
cta: RatafiaResultCta
|
|
13
|
+
loadingIcon?: React.ReactNode
|
|
14
|
+
loadingText?: React.ReactNode
|
|
15
|
+
isLoading: boolean
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
interface RatafiaResultCta {
|
|
19
|
+
label: string
|
|
20
|
+
handleOnClick?: (functionParameters?: any) => () => void
|
|
21
|
+
dataQa: string
|
|
22
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as RatafiaResultPage } from './RatafiaResultPage';
|
|
@@ -7,6 +7,7 @@ export * from './KeyFactsResultRatafiaPage';
|
|
|
7
7
|
export * from './LegalPage';
|
|
8
8
|
export * from './LimitReachedRatafiaPage';
|
|
9
9
|
export * from './RatafiaLandingPage';
|
|
10
|
+
export * from './RatafiaPricingPage';
|
|
11
|
+
export * from './RatafiaResultPage';
|
|
10
12
|
export * from './UnsubscribePage';
|
|
11
13
|
export * from './LoginRatafiaPage';
|
|
12
|
-
export * from './RatafiaPricingPage';
|
|
@@ -7,6 +7,7 @@ export * from './KeyFactsResultRatafiaPage';
|
|
|
7
7
|
export * from './LegalPage';
|
|
8
8
|
export * from './LimitReachedRatafiaPage';
|
|
9
9
|
export * from './RatafiaLandingPage';
|
|
10
|
+
export * from './RatafiaPricingPage';
|
|
11
|
+
export * from './RatafiaResultPage';
|
|
10
12
|
export * from './UnsubscribePage';
|
|
11
13
|
export * from './LoginRatafiaPage';
|
|
12
|
-
export * from './RatafiaPricingPage';
|
|
@@ -7,6 +7,7 @@ export * from './KeyFactsResultRatafiaPage'
|
|
|
7
7
|
export * from './LegalPage'
|
|
8
8
|
export * from './LimitReachedRatafiaPage'
|
|
9
9
|
export * from './RatafiaLandingPage'
|
|
10
|
+
export * from './RatafiaPricingPage'
|
|
11
|
+
export * from './RatafiaResultPage'
|
|
10
12
|
export * from './UnsubscribePage'
|
|
11
13
|
export * from './LoginRatafiaPage'
|
|
12
|
-
export * from './RatafiaPricingPage'
|