@npm_leadtech/legal-lib-components 5.64.6 → 5.64.8

package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContent.styled.js

@@ -1,143 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const RatafiaLoadingResultContentStyled = styled.div `
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  align-self: stretch;
-  gap: var(--global-gap);
-
-  .ratafia-result-loading-content__document-name {
-    color: var(--neutral-neutral-2);
-    font-size: 1rem;
-    @media ${device['portrait-tablets']} {
-      font-size: 1.125rem;
-    }
-  }
-
-  .ratafia-result-loading-content__animation-wrapper {
-    align-self: stretch;
-
-    padding: 0 2rem 1.5rem 1.5rem;
-
-    overflow: hidden;
-
-    border-radius: var(--s-border-radius);
-    border-top: 4px solid var(--neutral-neutral-6);
-    border-bottom: 4px solid var(--neutral-neutral-6);
-    background: var(--neutral-neutral-6);
-
-    height: calc(100vh - 23.5rem);
-    @media ${device['portrait-tablets']} {
-      height: calc(100vh - 33.5rem);
-    }
-
-    &__animation {
-      display: flex;
-      flex-direction: column;
-      align-items: flex-start;
-      justify-content: center;
-
-      gap: 0.8rem;
-
-      padding: 2rem 0;
-
-      border-bottom: 1px solid var(--neutral-neutral-4);
-      &__loader {
-        background: var(--neutral-neutral-4);
-        border-radius: var(--l-border-radius);
-      }
-      .item-1 {
-        height: 10px;
-        width: 45%;
-      }
-      .item-2 {
-        height: 7px;
-        width: 30%;
-      }
-      .item-3 {
-        height: 10px;
-        width: 25%;
-      }
-      .item-4 {
-        height: 7px;
-        width: 70%;
-      }
-      .item-5 {
-        height: 7px;
-        width: 55%;
-      }
-      .item-6 {
-        height: 7px;
-        width: 65%;
-      }
-      .item-7 {
-        height: 7px;
-        width: 90%;
-      }
-      .item-8 {
-        height: 7px;
-        width: 90%;
-      }
-    }
-    .animation-1 {
-      animation:
-        appear 4s ease-in-out 1,
-        fadeInOut 4s ease-in-out infinite 4s;
-    }
-    .animation-2 {
-      animation:
-        appear 5s ease-in-out 1,
-        fadeInOut 4s ease-in-out infinite 4s;
-    }
-    .animation-3 {
-      animation:
-        appear 6s ease-in-out 1,
-        fadeInOut 4s ease-in-out infinite 4s;
-    }
-    .animation-4 {
-      animation:
-        appear 6s ease-in-out 1,
-        fadeInOut 4s ease-in-out infinite 4s;
-    }
-  }
-
-  .ratafia-result-loading-content__message {
-    display: flex;
-    justify-content: start;
-    align-items: flex-start;
-    align-self: stretch;
-
-    padding: 1rem;
-    gap: 0.5rem;
-
-    border-radius: var(--s-border-radius);
-    background: var(--secondary-main-light-4);
-
-    &__icon img {
-      width: 24px;
-    }
-    &__text {
-      color: var(--neutral-neutral-1);
-    }
-  }
-
-  @keyframes fadeInOut {
-    0%,
-    100% {
-      opacity: 1;
-    }
-    50% {
-      opacity: 0.2;
-    }
-  }
-
-  @keyframes appear {
-    0% {
-      opacity: 0;
-    }
-    100% {
-      opacity: 1;
-    }
-  }
-`;

package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContent.styled.ts

@@ -1,144 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const RatafiaLoadingResultContentStyled = styled.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  align-self: stretch;
-  gap: var(--global-gap);
-
-  .ratafia-result-loading-content__document-name {
-    color: var(--neutral-neutral-2);
-    font-size: 1rem;
-    @media ${device['portrait-tablets']} {
-      font-size: 1.125rem;
-    }
-  }
-
-  .ratafia-result-loading-content__animation-wrapper {
-    align-self: stretch;
-
-    padding: 0 2rem 1.5rem 1.5rem;
-
-    overflow: hidden;
-
-    border-radius: var(--s-border-radius);
-    border-top: 4px solid var(--neutral-neutral-6);
-    border-bottom: 4px solid var(--neutral-neutral-6);
-    background: var(--neutral-neutral-6);
-
-    height: calc(100vh - 23.5rem);
-    @media ${device['portrait-tablets']} {
-      height: calc(100vh - 33.5rem);
-    }
-
-    &__animation {
-      display: flex;
-      flex-direction: column;
-      align-items: flex-start;
-      justify-content: center;
-
-      gap: 0.8rem;
-
-      padding: 2rem 0;
-
-      border-bottom: 1px solid var(--neutral-neutral-4);
-      &__loader {
-        background: var(--neutral-neutral-4);
-        border-radius: var(--l-border-radius);
-      }
-      .item-1 {
-        height: 10px;
-        width: 45%;
-      }
-      .item-2 {
-        height: 7px;
-        width: 30%;
-      }
-      .item-3 {
-        height: 10px;
-        width: 25%;
-      }
-      .item-4 {
-        height: 7px;
-        width: 70%;
-      }
-      .item-5 {
-        height: 7px;
-        width: 55%;
-      }
-      .item-6 {
-        height: 7px;
-        width: 65%;
-      }
-      .item-7 {
-        height: 7px;
-        width: 90%;
-      }
-      .item-8 {
-        height: 7px;
-        width: 90%;
-      }
-    }
-    .animation-1 {
-      animation:
-        appear 4s ease-in-out 1,
-        fadeInOut 4s ease-in-out infinite 4s;
-    }
-    .animation-2 {
-      animation:
-        appear 5s ease-in-out 1,
-        fadeInOut 4s ease-in-out infinite 4s;
-    }
-    .animation-3 {
-      animation:
-        appear 6s ease-in-out 1,
-        fadeInOut 4s ease-in-out infinite 4s;
-    }
-    .animation-4 {
-      animation:
-        appear 6s ease-in-out 1,
-        fadeInOut 4s ease-in-out infinite 4s;
-    }
-  }
-
-  .ratafia-result-loading-content__message {
-    display: flex;
-    justify-content: start;
-    align-items: flex-start;
-    align-self: stretch;
-
-    padding: 1rem;
-    gap: 0.5rem;
-
-    border-radius: var(--s-border-radius);
-    background: var(--secondary-main-light-4);
-
-    &__icon img {
-      width: 24px;
-    }
-    &__text {
-      color: var(--neutral-neutral-1);
-    }
-  }
-
-  @keyframes fadeInOut {
-    0%,
-    100% {
-      opacity: 1;
-    }
-    50% {
-      opacity: 0.2;
-    }
-  }
-
-  @keyframes appear {
-    0% {
-      opacity: 0;
-    }
-    100% {
-      opacity: 1;
-    }
-  }
-`

package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContent.tsx

@@ -1,46 +0,0 @@
-import React from 'react'
-
-import { type RatafiaLoadingResultContentProps } from './RatafiaLoadingResultContentProps.types'
-import { RatafiaLoadingResultContentStyled } from './RatafiaLoadingResultContent.styled'
-
-export const RatafiaLoadingResultContent: React.FC<RatafiaLoadingResultContentProps> = ({
-  documentName,
-  icon,
-  text
-}) => {
-  return (
-    <RatafiaLoadingResultContentStyled>
-      <h2 className='sans-serif --bold-weight ratafia-result-loading-content__document-name'>{documentName}</h2>
-      <div className='ratafia-result-loading-content__animation-wrapper'>
-        <div className='ratafia-result-loading-content__animation-wrapper__animation animation-1'>
-          <div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-1'></div>
-          <div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-6'></div>
-          <div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-2'></div>
-        </div>
-        <div className='ratafia-result-loading-content__animation-wrapper__animation animation-2'>
-          <div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-3'></div>
-          <div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-4'></div>
-          <div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-5'></div>
-          <div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-6'></div>
-        </div>
-        <div className='ratafia-result-loading-content__animation-wrapper__animation animation-3'>
-          <div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-1'></div>
-          <div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-7'></div>
-          <div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-4'></div>
-        </div>
-        <div className='ratafia-result-loading-content__animation-wrapper__animation animation-4'>
-          <div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-3'></div>
-          <div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-8'></div>
-          <div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-2'></div>
-          <div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-6'></div>
-        </div>
-      </div>
-      <div className='ratafia-result-loading-content__message'>
-        <div className='ratafia-result-loading-content__message__icon'>{icon}</div>
-        <span className='sans-serif --medium ratafia-result-loading-content__message__text'>{text}</span>
-      </div>
-    </RatafiaLoadingResultContentStyled>
-  )
-}
-
-export default RatafiaLoadingResultContent

package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContentProps.types.d.ts

@@ -1,5 +0,0 @@
-export interface RatafiaLoadingResultContentProps {
-    documentName: string;
-    icon?: React.ReactNode;
-    text?: React.ReactNode;
-}

package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContentProps.types.js

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

package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContentProps.types.ts

@@ -1,5 +0,0 @@
-export interface RatafiaLoadingResultContentProps {
-  documentName: string
-  icon?: React.ReactNode
-  text?: React.ReactNode
-}

package/dist/src/components/organisms/RatafiaLoadingResultContent/index.d.ts

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

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

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

package/dist/src/components/organisms/RatafiaLoadingResultContent/index.ts

@@ -1,2 +0,0 @@
-export { default as RatafiaLoadingResultContent } from './RatafiaLoadingResultContent'
-export { type RatafiaLoadingResultContentProps } from './RatafiaLoadingResultContentProps.types'

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

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

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

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { RatafiaResultCardList } from '../../molecules';
-import { RatafiaResultContentStyled } from './RatafiaResultContent.styled';
-import RatafiaResultTabList from '../../molecules/RatafiaResultTabList/RatafiaResultTabList';
-import { RatafiaReviewResult } from '../../atoms';
-export const RatafiaResultContent = ({ result, review, tabs }) => {
-    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, { keyFacts: result.keyFacts }), _jsx(RatafiaReviewResult, { ...review })] })] }));
-};
-export default RatafiaResultContent;

package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContent.styled.d.ts

@@ -1 +0,0 @@
-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;

package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContent.styled.js

@@ -1,26 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const RatafiaResultContentStyled = styled.div `
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  flex: 1 0 0;
-  align-self: stretch;
-
-  .ratafia-result-content__document-name {
-    color: var(--neutral-neutral-2);
-    font-size: 1rem;
-    margin-bottom: 1rem;
-    @media ${device['portrait-tablets']} {
-      font-size: 1.125rem;
-    }
-  }
-  .ratafia-result-content__tabs {
-    width: 100%;
-    margin-bottom: 0.5rem;
-  }
-  .ratafia-result-content__content {
-    overflow: hidden;
-    width: 100%;
-  }
-`;

package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContent.styled.ts

@@ -1,27 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const RatafiaResultContentStyled = styled.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  flex: 1 0 0;
-  align-self: stretch;
-
-  .ratafia-result-content__document-name {
-    color: var(--neutral-neutral-2);
-    font-size: 1rem;
-    margin-bottom: 1rem;
-    @media ${device['portrait-tablets']} {
-      font-size: 1.125rem;
-    }
-  }
-  .ratafia-result-content__tabs {
-    width: 100%;
-    margin-bottom: 0.5rem;
-  }
-  .ratafia-result-content__content {
-    overflow: hidden;
-    width: 100%;
-  }
-`

package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContent.tsx

@@ -1,26 +0,0 @@
-import React from 'react'
-
-import { RatafiaResultCardList } from '../../molecules'
-import { type RatafiaResultContentProps } from './RatafiaResultContentProps.types'
-import { RatafiaResultContentStyled } from './RatafiaResultContent.styled'
-import RatafiaResultTabList from '../../molecules/RatafiaResultTabList/RatafiaResultTabList'
-import { RatafiaReviewResult } from '../../atoms'
-
-export const RatafiaResultContent: React.FC<RatafiaResultContentProps> = ({ result, review, tabs }) => {
-  return (
-    <RatafiaResultContentStyled>
-      <h2 ref={result?.documentNameRef} className='sans-serif --bold-weight ratafia-result-content__document-name'>
-        {result?.documentName}
-      </h2>
-      <div className='ratafia-result-content__tabs'>
-        <RatafiaResultTabList tabs={tabs} />
-      </div>
-      <div className='ratafia-result-content__content'>
-        {result !== null && <RatafiaResultCardList keyFacts={result.keyFacts} />}
-        <RatafiaReviewResult {...review} />
-      </div>
-    </RatafiaResultContentStyled>
-  )
-}
-
-export default RatafiaResultContent

package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContentProps.types.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { RatafiaResultCardProps, RatafiaReviewResultProps } from '../../atoms';
-import { type RatafiaResultTabProps } from '../../atoms';
-export interface RatafiaResultContentProps {
-    result: RatafiaResultProps | null;
-    review: RatafiaReviewResultProps;
-    tabs: RatafiaResultTabProps[];
-}
-export interface RatafiaResultProps {
-    documentName: string;
-    keyFacts: RatafiaResultCardProps[];
-    documentNameRef?: React.RefObject<HTMLHeadingElement>;
-}

package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContentProps.types.js

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

package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContentProps.types.ts

@@ -1,16 +0,0 @@
-import React from 'react'
-
-import type { RatafiaResultCardProps, RatafiaReviewResultProps } from '../../atoms'
-import { type RatafiaResultTabProps } from '../../atoms'
-
-export interface RatafiaResultContentProps {
-  result: RatafiaResultProps | null
-  review: RatafiaReviewResultProps
-  tabs: RatafiaResultTabProps[]
-}
-
-export interface RatafiaResultProps {
-  documentName: string
-  keyFacts: RatafiaResultCardProps[]
-  documentNameRef?: React.RefObject<HTMLHeadingElement>
-}

package/dist/src/components/organisms/RatafiaResultContent/index.d.ts

@@ -1,3 +0,0 @@
-export { default as RatafiaResultContent } from './RatafiaResultContent';
-export { type RatafiaResultContentProps } from './RatafiaResultContentProps.types';
-export { type RatafiaResultProps } from './RatafiaResultContentProps.types';

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

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

package/dist/src/components/organisms/RatafiaResultContent/index.ts

@@ -1,3 +0,0 @@
-export { default as RatafiaResultContent } from './RatafiaResultContent'
-export { type RatafiaResultContentProps } from './RatafiaResultContentProps.types'
-export { type RatafiaResultProps } from './RatafiaResultContentProps.types'

package/dist/src/components/organisms/TryOurFreeLegalBlogsContent/TryOurFreeLegalBlogsContent.scss

@@ -1,50 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.try-our-free-legal-blogs-section {
-  &__texts {
-    flex-basis: 50%;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    margin-bottom: 1rem;
-    margin-right: 0;
-    color: var(--neutral-neutral-1);
-    font-style: normal;
-    font-weight: 400;
-    letter-spacing: -0.3px;
-
-    @include landscape-tablets {
-      margin-right: 3rem;
-      margin-bottom: 0;
-    }
-
-    &__title {
-      font-family: var(--font-serif);
-      font-size: 32px;
-      line-height: 42px;
-      margin-bottom: 2rem;
-      text-align: center;
-      font-weight: 400;
-
-      @include landscape-tablets {
-        text-align: left;
-      }
-    }
-
-    &__body {
-      font-family: var(--font-sans);
-      font-size: 16px;
-      line-height: 22px;
-
-      a {
-        color: var(--primary-main-light-1);
-        font-weight: 400 !important;
-      }
-    }
-  }
-
-  &__image {
-    flex-basis: 50%;
-  }
-}

package/dist/src/components/pages/RatafiaResultPage/RatafiaResultPage.d.ts

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

package/dist/src/components/pages/RatafiaResultPage/RatafiaResultPage.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { RatafiaLoadingResultContent, RatafiaResultContent } from '../../organisms';
-import { Button } from '../../atoms';
-import DisclaimerRatafia from '../../atoms/DisclaimerRatafia/DisclaimerRatafia';
-import { LayoutRatafia } from '../../organisms/LayoutRatafia';
-import { RatafiaResultPageStyled } from './RatafiaResultPage.styled';
-export const RatafiaResultPage = ({ header, resultContent, reviewContent, tabs, disclaimer, cta, loadingIcon, loadingText, isLoading }) => {
-    const loadingContent = (_jsx("div", { className: 'ratafia-result-page__content', children: _jsx(RatafiaLoadingResultContent, { documentName: resultContent.documentName, icon: loadingIcon, text: loadingText }) }));
-    const loadedContent = (_jsx("div", { className: 'ratafia-result-page__content', children: _jsx(RatafiaResultContent, { result: resultContent, review: reviewContent, tabs: tabs }) }));
-    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 }));
-    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 }) }));
-    const footerMobile = (_jsxs(_Fragment, { children: [footerDesktop, ctaButton] }));
-    return (_jsx(RatafiaResultPageStyled, { className: 'ratafia-result-page', children: _jsx(LayoutRatafia, { header: header, content: isLoading ? loadingContent : loadedContent, cta: ctaButton, footerDesktop: footerDesktop, footerMobile: footerMobile }) }));
-};
-export default RatafiaResultPage;

package/dist/src/components/pages/RatafiaResultPage/RatafiaResultPage.styled.d.ts

@@ -1 +0,0 @@
-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;

package/dist/src/components/pages/RatafiaResultPage/RatafiaResultPage.styled.js

@@ -1,23 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const RatafiaResultPageStyled = styled.div `
-  background-color: var(--neutral-neutral-6);
-
-  .ratafia-result-page__content {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    flex: 1 0 0;
-    align-self: stretch;
-    gap: 1.5rem;
-
-    &__cta {
-      align-self: start;
-      display: block;
-      width: 100%;
-      @media ${device['portrait-tablets']} {
-        display: inline-block;
-      }
-    }
-  }
-`;

package/dist/src/components/pages/RatafiaResultPage/RatafiaResultPage.styled.ts

@@ -1,24 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const RatafiaResultPageStyled = styled.div`
-  background-color: var(--neutral-neutral-6);
-
-  .ratafia-result-page__content {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    flex: 1 0 0;
-    align-self: stretch;
-    gap: 1.5rem;
-
-    &__cta {
-      align-self: start;
-      display: block;
-      width: 100%;
-      @media ${device['portrait-tablets']} {
-        display: inline-block;
-      }
-    }
-  }
-`