@npm_leadtech/legal-lib-components 5.18.4 → 5.18.5

package/README.md

@@ -35,19 +35,3 @@ Para ejecutar: `yarn chromatic`
 - Tenemos que importar el componente en package.json para luego poderlo importar en el otro proyecto ejemplode AddButton --> "./AddButton": "./dist/src/components/atoms/AddButton/index.js",
 - Los archivos de scss están importados en globalStyles/styles.scss para tener una importación de todo hasta que lo pasemos a styled-components, no se debe importar en css en los archivos de js
 - Para la importación en www o app utilizaremos la ruta completa import { FaqsPage } from '@npm_leadtech/legal-lib-components/FaqsPage'
-
-## Sonar localmente
-
-Para ejecutar sonar localmente será necesiario:
-
-- Tener instalado y configurado el servidor de sonar del repo de devops
-  - desde devops ejecutar el comando `make sonar-build`
-- Crear carpeta y fichero `scripts/sonar.sh`
-- Agregar este contenido al fichero:
-
-```
-#!/bin/bash
-npx sonarqube-scanner -Dsonar.host.url=http://sonar.legal-contracts.com:9000 -Dsonar.token=TOKEN GENERADO EN SONAR
-```
-
-- Ejecutar en consola `yarn sonar`

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

@@ -16,6 +16,6 @@ export const DisclaimerRatafia = ({ icon, text, ctaTextShowDisclaimer, ctaTextCl
             ctaTextCloseDisclaimer.onClick();
     };
     const existLegalAdviceText = Boolean(legalAdviceText);
-    return (_jsxs(DisclaimerRatafiaStyled, { className: 'disclaimer-ratafia', children: [_jsxs("div", { className: 'disclaimer-ratafia__text-desktop', children: [_jsxs("div", { className: 'disclaimer-ratafia__text', children: [_jsx("div", { className: 'disclaimer-ratafia__text__icon', children: icon }), _jsx("p", { className: 'sans-serif --small disclaimer-ratafia__text__text', children: text })] }), existLegalAdviceText && (_jsx("div", { className: 'disclaimer-ratafia__legal-advice', children: _jsx("span", { className: 'sans-serif --extra-small disclaimer-ratafia__copyright__text', children: legalAdviceText }) })), _jsx("div", { className: 'disclaimer-ratafia__copyright', children: _jsx("span", { className: 'sans-serif --extra-small disclaimer-ratafia__copyright__text', children: copyrightText }) })] }), _jsxs("div", { className: 'disclaimer-ratafia__text-mobile', children: [_jsx("div", { className: 'disclaimer-ratafia__text-mobile-text', children: _jsxs("button", { "data-qa": ctaTextShowDisclaimer.dataQa, className: 'sans-serif --small disclaimer-ratafia__text__text', onClick: handleShowDisclaimer, children: [_jsx("div", { className: 'disclaimer-ratafia__text__icon', children: icon }), ctaTextShowDisclaimer.text, _jsx("div", { className: 'disclaimer-ratafia__text__arrow', children: _jsx(ChevronRight, {}) })] }) }), disclaimer && (_jsxs(_Fragment, { children: [_jsx("div", { className: 'disclaimer-ratafia__disclaimer-background' }), _jsxs("div", { className: 'disclaimer-ratafia__disclaimer-fixed', children: [_jsx("p", { className: 'disclaimer-ratafia__disclaimer-fixed__title', children: ctaTextShowDisclaimer.text }), _jsx("p", { className: 'sans-serif --small disclaimer-ratafia__disclaimer-fixed__subTitle', children: text }), _jsx("div", { className: 'sans-serif --small disclaimer-ratafia__disclaimer-fixed__text', children: copyrightText }), _jsx(Button, { color: 'primary', label: ctaTextCloseDisclaimer.text, givenClass: 'disclaimer-ratafia__disclaimer-fixed__cta', onClick: handleCloseDisclaimer, noLink: true, dataQa: ctaTextCloseDisclaimer.dataQa })] })] }))] })] }));
+    return (_jsxs(DisclaimerRatafiaStyled, { className: 'disclaimer-ratafia', children: [_jsxs("div", { className: 'disclaimer-ratafia__text-desktop', children: [_jsxs("div", { className: 'disclaimer-ratafia__text', children: [_jsx("div", { className: 'disclaimer-ratafia__text__icon', children: icon }), _jsx("p", { className: 'sans-serif --small disclaimer-ratafia__text__text', children: text })] }), existLegalAdviceText && (_jsx("div", { className: 'disclaimer-ratafia__legal-advice', children: _jsx("span", { className: 'sans-serif --extra-small disclaimer-ratafia__copyright__text', children: legalAdviceText }) })), _jsx("div", { className: 'disclaimer-ratafia__copyright', children: _jsx("span", { className: 'sans-serif --extra-small disclaimer-ratafia__copyright__text', children: copyrightText }) })] }), _jsxs("div", { className: 'disclaimer-ratafia__text-mobile', children: [_jsx("div", { className: 'disclaimer-ratafia__text-mobile-text', children: _jsxs("button", { "data-qa": ctaTextShowDisclaimer.dataQa, className: 'sans-serif --small disclaimer-ratafia__text__text', onClick: handleShowDisclaimer, children: [_jsx("div", { className: 'disclaimer-ratafia__text__icon', children: icon }), ctaTextShowDisclaimer.text, _jsx("div", { className: 'disclaimer-ratafia__text__arrow', children: _jsx(ChevronRight, {}) })] }) }), disclaimer && (_jsxs(_Fragment, { children: [_jsx("div", { className: 'disclaimer-ratafia__disclaimer-background' }), _jsxs("div", { className: 'disclaimer-ratafia__disclaimer-fixed', children: [_jsx("p", { className: 'disclaimer-ratafia__disclaimer-fixed__title', children: ctaTextShowDisclaimer.text }), _jsx("p", { className: 'sans-serif --small disclaimer-ratafia__disclaimer-fixed__subTitle', children: text }), existLegalAdviceText && (_jsx("div", { className: 'sans-serif --small disclaimer-ratafia__disclaimer-fixed__text', children: legalAdviceText })), _jsx("div", { className: 'sans-serif --small disclaimer-ratafia__disclaimer-fixed__text', children: copyrightText }), _jsx(Button, { color: 'primary', label: ctaTextCloseDisclaimer.text, givenClass: 'disclaimer-ratafia__disclaimer-fixed__cta', onClick: handleCloseDisclaimer, noLink: true, dataQa: ctaTextCloseDisclaimer.dataQa })] })] }))] })] }));
 };
 export default DisclaimerRatafia;

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

@@ -65,6 +65,9 @@ export const DisclaimerRatafia: React.FC<DisclaimerRatafiaProps> = ({
             <div className='disclaimer-ratafia__disclaimer-fixed'>
               <p className='disclaimer-ratafia__disclaimer-fixed__title'>{ctaTextShowDisclaimer.text}</p>
               <p className='sans-serif --small disclaimer-ratafia__disclaimer-fixed__subTitle'>{text}</p>
+              {existLegalAdviceText && (
+                <div className='sans-serif --small disclaimer-ratafia__disclaimer-fixed__text'>{legalAdviceText}</div>
+              )}
               <div className='sans-serif --small disclaimer-ratafia__disclaimer-fixed__text'>{copyrightText}</div>
               <Button
                 color='primary'

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { GoogleButtonStyled } from './GoogleButton.styled';
 import logoGoogle from '../../../../images/svg/logo-google.svg';
-const GoogleButton = ({ onClick, label = 'Log In with Google', dataQa = 'google_sign_in' }) => {
-    return (_jsxs(GoogleButtonStyled, { type: 'button', className: 'google-button', onClick: onClick, "data-qa": dataQa, children: [_jsx("img", { className: 'google-logo', src: logoGoogle, alt: '' }), _jsx("span", { children: label })] }));
+const GoogleButton = ({ onClick, label = 'Log In with Google' }) => {
+    return (_jsxs(GoogleButtonStyled, { type: 'button', className: 'google-button', onClick: onClick, children: [_jsx("img", { className: 'google-logo', src: logoGoogle, alt: '' }), _jsx("span", { children: label })] }));
 };
 export default GoogleButton;

package/dist/src/components/atoms/GoogleButton/GoogleButton.tsx

@@ -4,9 +4,9 @@ import { type GoogleButtonProps } from './GoogleButtonProps.types'
 import { GoogleButtonStyled } from './GoogleButton.styled'
 import logoGoogle from '../../../../images/svg/logo-google.svg'
 
-const GoogleButton: FC<GoogleButtonProps> = ({ onClick, label = 'Log In with Google', dataQa = 'google_sign_in' }) => {
+const GoogleButton: FC<GoogleButtonProps> = ({ onClick, label = 'Log In with Google' }) => {
   return (
-    <GoogleButtonStyled type='button' className='google-button' onClick={onClick} data-qa={dataQa}>
+    <GoogleButtonStyled type='button' className='google-button' onClick={onClick}>
       <img className='google-logo' src={logoGoogle} alt=''></img>
       <span>{label}</span>
     </GoogleButtonStyled>

package/dist/src/components/atoms/GoogleButton/GoogleButtonProps.types.d.ts

@@ -1,5 +1,4 @@
 export interface GoogleButtonProps {
     label?: string;
     onClick?: () => void;
-    dataQa?: string;
 }

package/dist/src/components/atoms/GoogleButton/GoogleButtonProps.types.ts

@@ -1,5 +1,4 @@
 export interface GoogleButtonProps {
   label?: string
   onClick?: () => void
-  dataQa?: string
 }

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

@@ -3,7 +3,6 @@ export const TagRatafiaItemStyled = styled.div `
   background: var(--primary-main-light-6);
   border-radius: 4px;
   display: flex;
-  width: max-content;
   justify-content: center;
   align-items: center;
   gap: 0.25rem;
@@ -15,7 +14,6 @@ export const TagRatafiaItemStyled = styled.div `
       width: 16px;
     }
     &__description {
-      font-weight: 700;
       color: var(--primary-main-dark-2);
     }
   }

package/dist/src/components/atoms/TagRatafiaItem/TagRatafiaItem.styled.ts

@@ -4,7 +4,6 @@ export const TagRatafiaItemStyled = styled.div`
   background: var(--primary-main-light-6);
   border-radius: 4px;
   display: flex;
-  width: max-content;
   justify-content: center;
   align-items: center;
   gap: 0.25rem;
@@ -16,7 +15,6 @@ export const TagRatafiaItemStyled = styled.div`
       width: 16px;
     }
     &__description {
-      font-weight: 700;
       color: var(--primary-main-dark-2);
     }
   }

package/dist/src/components/molecules/HeaderRatafia/HeaderRatafia.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ActionButtonHeaderRatafiaCardList } from '../ActionButtonHeaderRatafiaCardList';
 import { HeaderRatafiaStyled } from './HeaderRatafia.styled';
-export const HeaderRatafia = ({ icon, title, actionButtons, isHiddenActionButtons = false, headerTitleRef }) => {
-    return (_jsxs(HeaderRatafiaStyled, { className: 'header-ratafia', children: [_jsxs("div", { className: 'header-ratafia__title', children: [_jsx("div", { className: 'header-ratafia__title__icon', children: icon }), _jsx("h1", { ref: headerTitleRef, className: 'sans-serif --bold-weight header-ratafia__title__text', children: title })] }), actionButtons !== undefined && !isHiddenActionButtons && (_jsx(ActionButtonHeaderRatafiaCardList, { actionButtons: actionButtons }))] }));
+export const HeaderRatafia = ({ icon, title, actionButtons, isHiddenActionButtons = false }) => {
+    return (_jsxs(HeaderRatafiaStyled, { className: 'header-ratafia', children: [_jsxs("div", { className: 'header-ratafia__title', children: [_jsx("div", { className: 'header-ratafia__title__icon', children: icon }), _jsx("h1", { className: 'sans-serif --bold-weight header-ratafia__title__text', children: title })] }), actionButtons !== undefined && !isHiddenActionButtons && (_jsx(ActionButtonHeaderRatafiaCardList, { actionButtons: actionButtons }))] }));
 };
 export default HeaderRatafia;

package/dist/src/components/molecules/HeaderRatafia/HeaderRatafia.tsx

@@ -8,16 +8,13 @@ export const HeaderRatafia: React.FC<HeaderRatafiaProps> = ({
   icon,
   title,
   actionButtons,
-  isHiddenActionButtons = false,
-  headerTitleRef
+  isHiddenActionButtons = false
 }) => {
   return (
     <HeaderRatafiaStyled className='header-ratafia'>
       <div className='header-ratafia__title'>
         <div className='header-ratafia__title__icon'>{icon}</div>
-        <h1 ref={headerTitleRef} className='sans-serif --bold-weight header-ratafia__title__text'>
-          {title}
-        </h1>
+        <h1 className='sans-serif --bold-weight header-ratafia__title__text'>{title}</h1>
       </div>
       {actionButtons !== undefined && !isHiddenActionButtons && (
         <ActionButtonHeaderRatafiaCardList actionButtons={actionButtons} />

package/dist/src/components/molecules/HeaderRatafia/HeaderRatafiaProps.types.d.ts

@@ -1,9 +1,7 @@
 import type { ActionButtonHeaderRatafiaCardProps } from '../../atoms';
-import React from 'react';
 export interface HeaderRatafiaProps {
     icon?: React.ReactNode;
     title: string;
     actionButtons?: ActionButtonHeaderRatafiaCardProps[];
-    headerTitleRef?: React.RefObject<HTMLHeadingElement>;
     isHiddenActionButtons: boolean;
 }

package/dist/src/components/molecules/HeaderRatafia/HeaderRatafiaProps.types.ts

@@ -1,10 +1,8 @@
 import type { ActionButtonHeaderRatafiaCardProps } from '../../atoms'
-import React from 'react'
 
 export interface HeaderRatafiaProps {
   icon?: React.ReactNode
   title: string
   actionButtons?: ActionButtonHeaderRatafiaCardProps[]
-  headerTitleRef?: React.RefObject<HTMLHeadingElement>
   isHiddenActionButtons: boolean
 }

package/dist/src/components/molecules/MidBannerRatafiaContent/MidBannerRatafiaContent.js

@@ -2,6 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from '../../atoms';
 import { MidBannerRatafiaContentStyled } from './MidBannerRatafiaContent.styled';
 const MidBannerRatafiaContent = ({ title, paragraph, ctaLabel, ctaLink, ctaDataQa }) => {
-    return (_jsxs(MidBannerRatafiaContentStyled, { className: 'mid-banner-ratafia-content', children: [_jsxs("div", { className: 'mid-banner-ratafia-content__header', children: [_jsx("h3", { className: 'sans-serif --super-large --bold-weight mid-banner-ratafia-content__header__title', children: title }), _jsx("div", { className: 'sans-serif --super-medium mid-banner-ratafia-content__header__description', children: paragraph })] }), _jsx(Button, { givenClass: 'mid-banner-ratafia-content__cta', dataQa: ctaDataQa, link: ctaLink, color: 'primary', label: ctaLabel })] }));
+    return (_jsxs(MidBannerRatafiaContentStyled, { className: 'mid-banner-ratafia-content', children: [_jsxs("div", { className: 'mid-banner-ratafia-content__header', children: [_jsx("h2", { className: 'sans-serif --super-large --bold-weight mid-banner-ratafia-content__header__title', children: title }), _jsx("div", { className: 'sans-serif --super-medium mid-banner-ratafia-content__header__description', children: paragraph })] }), _jsx(Button, { givenClass: 'mid-banner-ratafia-content__cta', dataQa: ctaDataQa, link: ctaLink, color: 'primary', label: ctaLabel })] }));
 };
 export default MidBannerRatafiaContent;

package/dist/src/components/molecules/MidBannerRatafiaContent/MidBannerRatafiaContent.tsx

@@ -14,7 +14,7 @@ const MidBannerRatafiaContent: FC<MidBannerRatafiaContentProps> = ({
   return (
     <MidBannerRatafiaContentStyled className='mid-banner-ratafia-content'>
       <div className='mid-banner-ratafia-content__header'>
-        <h3 className='sans-serif --super-large --bold-weight mid-banner-ratafia-content__header__title'>{title}</h3>
+        <h2 className='sans-serif --super-large --bold-weight mid-banner-ratafia-content__header__title'>{title}</h2>
         <div className='sans-serif --super-medium mid-banner-ratafia-content__header__description'>{paragraph}</div>
       </div>
       <Button

package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.styled.js

@@ -44,26 +44,16 @@ export const RatafiaSubscriptionCardStyled = styled.div `
       align-items: center;
       justify-content: space-between;
       gap: 0.5rem 1rem;
-
-      @media ${device.mobile} {
-        flex-direction: column;
-        align-items: start;
-      }
     }
 
     &__title {
       display: flex;
       flex-flow: row nowrap;
       align-items: center;
-      gap: 0.5rem;
-      color: var(--neutral-neutral-1);
+      gap: 0.8rem;
       font-weight: bold;
     }
 
-    &__price-text {
-      font-size: 0.875rem;
-    }
-
     hr {
       border: none;
       border-top: 1px solid var(--neutral-neutral-4);
@@ -82,7 +72,6 @@ export const RatafiaSubscriptionCardStyled = styled.div `
       justify-content: flex-start;
       gap: 0.5rem;
       color: var(--neutral-neutral-1);
-      font-size: 0.875rem;
       text-align: left;
       padding: 0.25rem 0;
 

package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.styled.ts

@@ -45,26 +45,16 @@ export const RatafiaSubscriptionCardStyled = styled.div`
       align-items: center;
       justify-content: space-between;
       gap: 0.5rem 1rem;
-
-      @media ${device.mobile} {
-        flex-direction: column;
-        align-items: start;
-      }
     }
 
     &__title {
       display: flex;
       flex-flow: row nowrap;
       align-items: center;
-      gap: 0.5rem;
-      color: var(--neutral-neutral-1);
+      gap: 0.8rem;
       font-weight: bold;
     }
 
-    &__price-text {
-      font-size: 0.875rem;
-    }
-
     hr {
       border: none;
       border-top: 1px solid var(--neutral-neutral-4);
@@ -83,7 +73,6 @@ export const RatafiaSubscriptionCardStyled = styled.div`
       justify-content: flex-start;
       gap: 0.5rem;
       color: var(--neutral-neutral-1);
-      font-size: 0.875rem;
       text-align: left;
       padding: 0.25rem 0;
 

package/dist/src/components/molecules/TagsRatafiaList/TagsRatafiaList.styled.js

@@ -1,7 +1,6 @@
 import styled from 'styled-components';
 export const TagsRatafiaListStyled = styled.div `
   display: flex;
-  flex-wrap: wrap;
   align-items: flex-start;
-  gap: 0.5rem 1rem;
+  gap: 1rem;
 `;

package/dist/src/components/molecules/TagsRatafiaList/TagsRatafiaList.styled.ts

@@ -2,7 +2,6 @@ import styled from 'styled-components'
 
 export const TagsRatafiaListStyled = styled.div`
   display: flex;
-  flex-wrap: wrap;
   align-items: flex-start;
-  gap: 0.5rem 1rem;
+  gap: 1rem;
 `

package/dist/src/components/molecules/UploadRatafiaZone/UploadRatafiaZone.styled.js

@@ -8,7 +8,7 @@ export const UploadRatafiaZoneStyled = styled.div `
   box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
 
   @media ${device['landscape-tablets']} {
-    max-width: 350px;
+    max-width: 340px;
   }
   @media ${device.laptop} {
     max-width: 560px;
@@ -36,7 +36,6 @@ export const UploadRatafiaZoneStyled = styled.div `
 
       &__title {
         margin-bottom: 2.5rem;
-        transition: color 0.5s;
       }
       &__cta {
         display: flex;

package/dist/src/components/molecules/UploadRatafiaZone/UploadRatafiaZone.styled.ts

@@ -9,7 +9,7 @@ export const UploadRatafiaZoneStyled = styled.div`
   box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
 
   @media ${device['landscape-tablets']} {
-    max-width: 350px;
+    max-width: 340px;
   }
   @media ${device.laptop} {
     max-width: 560px;
@@ -37,7 +37,6 @@ export const UploadRatafiaZoneStyled = styled.div`
 
       &__title {
         margin-bottom: 2.5rem;
-        transition: color 0.5s;
       }
       &__cta {
         display: flex;

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

@@ -7,24 +7,21 @@ export const FeaturesRatafiaContentStyled = styled.div `
   flex: 1 0 0;
   gap: 1.5rem;
 
-  .features-ratafia-content__wrapper {
-    &__title {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      align-self: stretch;
-      gap: 1rem;
-      margin-bottom: 1rem;
+  .features-ratafia-content__wrapper__title {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    align-self: stretch;
+    gap: 1rem;
 
-      &__text {
-        align-self: stretch;
-        color: var(--neutral-neutral-1);
-      }
-      &__description {
-        align-self: stretch;
-        color: var(--neutral-neutral-1);
-      }
+    &__text {
+      align-self: stretch;
+      color: var(--neutral-neutral-1);
+    }
+    &__description {
+      align-self: stretch;
+      color: var(--neutral-neutral-1);
     }
   }
 `;

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

@@ -8,24 +8,21 @@ export const FeaturesRatafiaContentStyled = styled.div`
   flex: 1 0 0;
   gap: 1.5rem;
 
-  .features-ratafia-content__wrapper {
-    &__title {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      align-self: stretch;
-      gap: 1rem;
-      margin-bottom: 1rem;
+  .features-ratafia-content__wrapper__title {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    align-self: stretch;
+    gap: 1rem;
 
-      &__text {
-        align-self: stretch;
-        color: var(--neutral-neutral-1);
-      }
-      &__description {
-        align-self: stretch;
-        color: var(--neutral-neutral-1);
-      }
+    &__text {
+      align-self: stretch;
+      color: var(--neutral-neutral-1);
+    }
+    &__description {
+      align-self: stretch;
+      color: var(--neutral-neutral-1);
     }
   }
 `

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

@@ -3,6 +3,6 @@ import { KeyFactCardListRatafia } from '../../molecules';
 import { KeyFactsResultContentRatafiaStyled } from './KeyFactsResultContentRatafia.styled';
 import { ReviewKeyFactsResultRatafia } from '../../atoms';
 export const KeyFactsResultContentRatafia = ({ result, review }) => {
-    return (_jsxs(KeyFactsResultContentRatafiaStyled, { children: [_jsx("h2", { ref: result?.documentNameRef, className: 'sans-serif --bold-weight key-facts-result-content__document-name', children: result?.documentName }), _jsxs("div", { className: 'key-facts-result-content__content', children: [result !== null && _jsx(KeyFactCardListRatafia, { keyFacts: result.keyFacts }), _jsx(ReviewKeyFactsResultRatafia, { ...review })] })] }));
+    return (_jsxs(KeyFactsResultContentRatafiaStyled, { children: [_jsx("h2", { className: 'sans-serif --bold-weight key-facts-result-content__document-name', children: result?.documentName }), _jsxs("div", { className: 'key-facts-result-content__content', children: [result !== null && _jsx(KeyFactCardListRatafia, { keyFacts: result.keyFacts }), _jsx(ReviewKeyFactsResultRatafia, { ...review })] })] }));
 };
 export default KeyFactsResultContentRatafia;

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

@@ -8,9 +8,7 @@ import { ReviewKeyFactsResultRatafia } from '../../atoms'
 export const KeyFactsResultContentRatafia: React.FC<KeyFactsResultContentRatafiaProps> = ({ result, review }) => {
   return (
     <KeyFactsResultContentRatafiaStyled>
-      <h2 ref={result?.documentNameRef} className='sans-serif --bold-weight key-facts-result-content__document-name'>
-        {result?.documentName}
-      </h2>
+      <h2 className='sans-serif --bold-weight key-facts-result-content__document-name'>{result?.documentName}</h2>
       <div className='key-facts-result-content__content'>
         {result !== null && <KeyFactCardListRatafia keyFacts={result.keyFacts} />}
         <ReviewKeyFactsResultRatafia {...review} />

package/dist/src/components/organisms/KeyFactsResultContentRatafia/KeyFactsResultContentRatafiaProps.types.d.ts

@@ -1,5 +1,4 @@
 import type { KeyFactRatafiaCardProps, ReviewKeyFactsResultRatafiaProps } from '../../atoms';
-import React from 'react';
 export interface KeyFactsResultContentRatafiaProps {
     result: KeyFactsResultProps | null;
     review: ReviewKeyFactsResultRatafiaProps;
@@ -7,5 +6,4 @@ export interface KeyFactsResultContentRatafiaProps {
 export interface KeyFactsResultProps {
     documentName: string;
     keyFacts: KeyFactRatafiaCardProps[];
-    documentNameRef?: React.RefObject<HTMLHeadingElement>;
 }

package/dist/src/components/organisms/KeyFactsResultContentRatafia/KeyFactsResultContentRatafiaProps.types.ts

@@ -1,5 +1,4 @@
 import type { KeyFactRatafiaCardProps, ReviewKeyFactsResultRatafiaProps } from '../../atoms'
-import React from 'react'
 
 export interface KeyFactsResultContentRatafiaProps {
   result: KeyFactsResultProps | null
@@ -9,5 +8,4 @@ export interface KeyFactsResultContentRatafiaProps {
 export interface KeyFactsResultProps {
   documentName: string
   keyFacts: KeyFactRatafiaCardProps[]
-  documentNameRef?: React.RefObject<HTMLHeadingElement>
 }

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

@@ -15,8 +15,12 @@ export const LayoutRatafiaStyled = styled.div `
     flex-direction: column;
     align-items: center;
     justify-content: space-between;
+
     padding: 1.5rem 1.5rem 0 1.5rem;
+
     width: 100%;
+    height: calc(100vh - 5.125rem);
+
     border-radius: 16px 16px 0 0;
     background: var(--others-white);
     box-shadow: var(--box-shadow-small);
@@ -26,6 +30,7 @@ export const LayoutRatafiaStyled = styled.div `
     }
     @media ${device['portrait-tablets']} {
       width: 800px;
+      height: 890px;
     }
 
     &__header {

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

@@ -16,8 +16,12 @@ export const LayoutRatafiaStyled = styled.div`
     flex-direction: column;
     align-items: center;
     justify-content: space-between;
+
     padding: 1.5rem 1.5rem 0 1.5rem;
+
     width: 100%;
+    height: calc(100vh - 5.125rem);
+
     border-radius: 16px 16px 0 0;
     background: var(--others-white);
     box-shadow: var(--box-shadow-small);
@@ -27,6 +31,7 @@ export const LayoutRatafiaStyled = styled.div`
     }
     @media ${device['portrait-tablets']} {
       width: 800px;
+      height: 890px;
     }
 
     &__header {

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

@@ -1,8 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Checkbox } from '../../atoms';
-import { TextInput } from '../../molecules';
 import { LoginRatafiaContentStyled } from './LoginRatafiaContent.styled';
-const LoginRatafiaContent = ({ title, email, policy }) => {
-    return (_jsxs(LoginRatafiaContentStyled, { children: [_jsx("h2", { className: 'login-ratafia-content__title', children: title }), _jsx("div", { className: 'login-ratafia-content__email', children: _jsx(TextInput, { ...email }) }), _jsx("div", { className: 'login-ratafia-content__policy', children: _jsx(Checkbox, { ...policy }) })] }));
+import { TextInput } from '../../molecules';
+const LoginRatafiaContent = ({ title, email }) => {
+    return (_jsxs(LoginRatafiaContentStyled, { children: [_jsx("h2", { className: 'login-ratafia-content__title', children: title }), _jsx("div", { className: 'login-ratafia-content__email', children: _jsx(TextInput, { ...email }) })] }));
 };
 export default LoginRatafiaContent;

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

@@ -1,4 +1,3 @@
-import { device } from '../../../globalStyles/breakpoints';
 import styled from 'styled-components';
 export const LoginRatafiaContentStyled = styled.div `
   width: 100%;
@@ -12,10 +11,4 @@ export const LoginRatafiaContentStyled = styled.div `
       margin-bottom: 0.5rem;
     }
   }
-  .login-ratafia-content__policy {
-    margin-top: 1rem;
-    @media ${device['portrait-tablets']} {
-      display: none;
-    }
-  }
 `;

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

@@ -1,4 +1,3 @@
-import { device } from '../../../globalStyles/breakpoints'
 import styled from 'styled-components'
 
 export const LoginRatafiaContentStyled = styled.div`
@@ -13,10 +12,4 @@ export const LoginRatafiaContentStyled = styled.div`
       margin-bottom: 0.5rem;
     }
   }
-  .login-ratafia-content__policy {
-    margin-top: 1rem;
-    @media ${device['portrait-tablets']} {
-      display: none;
-    }
-  }
 `

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

@@ -1,22 +1,16 @@
 import React, { type FC } from 'react'
 
 import { type LoginRatafiaContentProps } from './LoginRatafiaContentProps.types'
-
-import { Checkbox } from '../../atoms'
-import { TextInput } from '../../molecules'
-
 import { LoginRatafiaContentStyled } from './LoginRatafiaContent.styled'
+import { TextInput } from '../../molecules'
 
-const LoginRatafiaContent: FC<LoginRatafiaContentProps> = ({ title, email, policy }) => {
+const LoginRatafiaContent: FC<LoginRatafiaContentProps> = ({ title, email }) => {
   return (
     <LoginRatafiaContentStyled>
       <h2 className='login-ratafia-content__title'>{title}</h2>
       <div className='login-ratafia-content__email'>
         <TextInput {...email} />
       </div>
-      <div className='login-ratafia-content__policy'>
-        <Checkbox {...policy} />
-      </div>
     </LoginRatafiaContentStyled>
   )
 }

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

@@ -1,24 +1,15 @@
-import { device } from '../../../globalStyles/breakpoints';
 import styled from 'styled-components';
 export const LoginRatafiaPageStyled = styled.div `
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  flex: 1 0 0;
-  align-self: stretch;
-  gap: 1.5rem;
   background-color: var(--neutral-neutral-6);
 
-  .login-ratafia-page__ctas {
+  &__ctas {
     text-align: center;
     &__button {
       display: block;
       width: 100%;
-      @media ${device['portrait-tablets']} {
-        width: 12.5rem;
-      }
       margin-bottom: 1rem;
     }
+
     &__signIn {
       &__button {
         background: none;

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

@@ -1,25 +1,16 @@
-import { device } from '../../../globalStyles/breakpoints'
 import styled from 'styled-components'
 
 export const LoginRatafiaPageStyled = styled.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  flex: 1 0 0;
-  align-self: stretch;
-  gap: 1.5rem;
   background-color: var(--neutral-neutral-6);
 
-  .login-ratafia-page__ctas {
+  &__ctas {
     text-align: center;
     &__button {
       display: block;
       width: 100%;
-      @media ${device['portrait-tablets']} {
-        width: 12.5rem;
-      }
       margin-bottom: 1rem;
     }
+
     &__signIn {
       &__button {
         background: none;

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

@@ -8,4 +8,3 @@ export * from './LimitReachedRatafiaPage';
 export * from './RatafiaLandingPage';
 export * from './UnsubscribePage';
 export * from './LoginRatafiaPage';
-export * from './PricingRatafiaPage';

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

@@ -8,4 +8,3 @@ export * from './LimitReachedRatafiaPage';
 export * from './RatafiaLandingPage';
 export * from './UnsubscribePage';
 export * from './LoginRatafiaPage';
-export * from './PricingRatafiaPage';