@npm_leadtech/legal-lib-components 7.81.0 → 7.82.52

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

@@ -81,7 +81,7 @@ export const CardPaneStyled = styled.div`
       }
       &.pane--title--button {
         cursor: pointer;
-        color: --neutral-neutral-2;
+        color: var(--primary-main);
       }
     }
     &--description {
@@ -94,12 +94,10 @@ export const CardPaneStyled = styled.div`
 
       &--active {
         color: var(--primary-main);
-        font-weight: 700;
       }
 
       &--inactive {
         color: var(--error-main);
-        font-weight: 700;
       }
     }
 
@@ -109,10 +107,16 @@ export const CardPaneStyled = styled.div`
   }
   .marker {
     display: inline-block;
-    margin-left: 0px;
+    margin-left: -10px;
+    @-moz-document url-prefix() {
+      margin-left: 0px;
+    }
+    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+      margin-left: 0px;
+    }
   }
   .position {
-    margin-left: 0px;
+    margin-left: 2px;
     @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
       margin-left: 15px;
     }

package/dist/src/components/atoms/CardPane/CardPaneInfo.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const CardPaneInfo = ({ dataQA, description, subdescription, id, title, handleClick }) => {
-    const paneTitle = (_jsx(_Fragment, { children: handleClick ? (_jsx("button", { onClick: handleClick, "data-qa": dataQA, className: 'pane--title pane--title--button', children: title })) : (_jsx("div", { className: 'pane--title', children: title })) }));
+const CardPaneInfo = ({ description, subdescription, id, title, handleClick }) => {
+    const paneTitle = (_jsx(_Fragment, { children: handleClick ? (_jsx("button", { onClick: handleClick, className: 'pane--title pane--title--button', children: title })) : (_jsx("div", { className: 'pane--title', children: title })) }));
     if (description === 'Active' || description === 'Inactive') {
         let descriptionClass;
         if (description === 'Active') {
@@ -9,7 +9,7 @@ const CardPaneInfo = ({ dataQA, description, subdescription, id, title, handleCl
         else if (description === 'Inactive') {
             descriptionClass = 'pane--description--inactive';
         }
-        return (_jsxs("div", { className: 'pane-wrapper', children: [paneTitle, _jsx("div", { "data-testid": 'description-div', className: descriptionClass, children: _jsx("div", { className: 'position', children: _jsx("div", { className: 'marker', children: description }) }) })] }, id));
+        return (_jsxs("div", { className: 'pane-wrapper', children: [paneTitle, _jsx("div", { "data-testid": 'description-div', className: descriptionClass, children: _jsx("li", { className: 'position', children: _jsx("div", { className: 'marker', children: description }) }) })] }, id));
     }
     return (_jsxs("div", { className: 'pane-wrapper', children: [paneTitle, _jsxs("div", { className: 'pane--description', children: [description, subdescription !== undefined && _jsx("span", { className: 'pane--description--subdescription', children: subdescription })] })] }, id));
 };

package/dist/src/components/atoms/CardPane/CardPaneInfo.tsx

@@ -2,11 +2,11 @@ import React, { type FC } from 'react'
 
 import { type CardPaneInfoProps } from './CardPaneProps.types'
 
-const CardPaneInfo: FC<CardPaneInfoProps> = ({ dataQA, description, subdescription, id, title, handleClick }) => {
+const CardPaneInfo: FC<CardPaneInfoProps> = ({ description, subdescription, id, title, handleClick }) => {
   const paneTitle = (
     <>
       {handleClick ? (
-        <button onClick={handleClick} data-qa={dataQA} className='pane--title pane--title--button'>
+        <button onClick={handleClick} className='pane--title pane--title--button'>
           {title}
         </button>
       ) : (
@@ -25,9 +25,9 @@ const CardPaneInfo: FC<CardPaneInfoProps> = ({ dataQA, description, subdescripti
       <div key={id} className='pane-wrapper'>
         {paneTitle}
         <div data-testid='description-div' className={descriptionClass}>
-          <div className='position'>
+          <li className='position'>
             <div className='marker'>{description}</div>
-          </div>
+          </li>
         </div>
       </div>
     )

package/dist/src/components/atoms/CardPane/CardPaneProps.types.d.ts

@@ -6,6 +6,5 @@ export interface CardPaneInfoProps {
     id: string;
     title: string;
     subdescription?: string;
-    dataQA?: string;
     handleClick?: () => void;
 }

package/dist/src/components/atoms/CardPane/CardPaneProps.types.ts

@@ -7,6 +7,5 @@ export interface CardPaneInfoProps {
   id: string
   title: string
   subdescription?: string
-  dataQA?: string
   handleClick?: () => void
 }

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

@@ -26,7 +26,7 @@ export const DialogMenuIconStyled = styled.div `
       align-items: flex-start;
       justify-content: space-between;
       position: absolute;
-      z-index: 2;
+      z-index: 1;
       top: 1.5rem;
       right: -5rem;
 

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

@@ -27,7 +27,7 @@ export const DialogMenuIconStyled = styled.div`
       align-items: flex-start;
       justify-content: space-between;
       position: absolute;
-      z-index: 2;
+      z-index: 1;
       top: 1.5rem;
       right: -5rem;
 

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

@@ -1,6 +1,8 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DividerStyled } from './Divider.styled';
 const Divider = ({ containerClass, lineClass, text, image }) => {
-    return (_jsx(DividerStyled, { className: `divider ${containerClass ?? ''}`, children: text?.length === 0 || image?.length === 0 ? (_jsx("div", { className: `divider__line--complete ${lineClass ?? ''}` })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: `divider__line ${lineClass ?? ''}` }), text !== undefined && _jsx("p", { className: 'divider__word', children: text }), image !== undefined && _jsx("img", { className: 'divider__image', src: image, alt: '', role: 'img' }), _jsx("div", { className: `divider__line ${lineClass ?? ''}` })] })) }));
+    if (text?.length === 0 || image?.length === 0)
+        return null;
+    return (_jsxs(DividerStyled, { className: `divider ${containerClass ?? ''}`, children: [_jsx("div", { className: `divider__line ${lineClass ?? ''}` }), text !== undefined && _jsx("p", { className: 'divider__word', children: text }), image !== undefined && _jsx("img", { className: 'divider__image', src: image, alt: '', role: 'img' }), _jsx("div", { className: `divider__line ${lineClass ?? ''}` })] }));
 };
 export default Divider;

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

@@ -11,12 +11,6 @@ export const DividerStyled = styled.div `
       border-bottom: 1px solid var(--neutral-neutral-4);
     }
 
-    &__line--complete {
-      width: 100%;
-      height: 0px;
-      border-bottom: 1px solid var(--neutral-neutral-4);
-    }
-
     &__word,
     &__image {
       width: fit-content;

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

@@ -12,12 +12,6 @@ export const DividerStyled = styled.div`
       border-bottom: 1px solid var(--neutral-neutral-4);
     }
 
-    &__line--complete {
-      width: 100%;
-      height: 0px;
-      border-bottom: 1px solid var(--neutral-neutral-4);
-    }
-
     &__word,
     &__image {
       width: fit-content;

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

@@ -4,18 +4,14 @@ import { type DividerProps } from './DividerProps.types'
 import { DividerStyled } from './Divider.styled'
 
 const Divider: FC<DividerProps> = ({ containerClass, lineClass, text, image }) => {
+  if (text?.length === 0 || image?.length === 0) return null
+
   return (
     <DividerStyled className={`divider ${containerClass ?? ''}`}>
-      {text?.length === 0 || image?.length === 0 ? (
-        <div className={`divider__line--complete ${lineClass ?? ''}`}></div>
-      ) : (
-        <>
-          <div className={`divider__line ${lineClass ?? ''}`}></div>
-          {text !== undefined && <p className='divider__word'>{text}</p>}
-          {image !== undefined && <img className='divider__image' src={image} alt='' role='img'></img>}
-          <div className={`divider__line ${lineClass ?? ''}`}></div>
-        </>
-      )}
+      <div className={`divider__line ${lineClass ?? ''}`}></div>
+      {text !== undefined && <p className='divider__word'>{text}</p>}
+      {image !== undefined && <img className='divider__image' src={image} alt='' role='img'></img>}
+      <div className={`divider__line ${lineClass ?? ''}`}></div>
     </DividerStyled>
   )
 }

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

@@ -2,15 +2,19 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DocumentStatusStyled } from './DocumentStatus.styled';
 import { Done24px } from '../../../../images/componentsSvg/Done24px';
 import { NewRelease24p } from '../../../../images/componentsSvg/NewRelease24p';
+import { RatafiaIcon24px } from '../../../../images/componentsSvg/RatafiaIcon24px';
 import { Sign24px } from '../../../../images/componentsSvg/Sign24px';
 import { Time24px } from '../../../../images/componentsSvg/Time24px';
-const DocumentStatus = ({ type, statusCompletedText, statusNewText, statusInProgressText, statusSignedText }) => {
+const DocumentStatus = ({ type, statusCompletedText, statusNewText, statusInProgressText, statusAIReviewedText, statusSignedText }) => {
     if (type === 'complete' || type === 'downloaded' || type === 'pdf_processing' || type === 'pdf_generated') {
         return (_jsxs(DocumentStatusStyled, { "data-testid": 'document-status', className: 'document-status --is-completed', children: [_jsx(Done24px, { className: 'icon' }), " ", _jsx("span", { className: 'sans-serif --small', children: statusCompletedText })] }));
     }
     if (type === 'new') {
         return (_jsxs(DocumentStatusStyled, { "data-testid": 'document-status', className: 'document-status --is-new', children: [_jsx(NewRelease24p, { className: 'icon' }), " ", _jsx("span", { className: 'sans-serif --small', children: statusNewText })] }));
     }
+    if (type === 'ai_reviewed') {
+        return (_jsxs(DocumentStatusStyled, { "data-testid": 'document-status', className: 'document-status --is-ai-reviewed', children: [_jsx(RatafiaIcon24px, { className: 'icon' }), " ", _jsx("span", { className: 'sans-serif --small', children: statusAIReviewedText })] }));
+    }
     if (type === 'signed') {
         return (_jsxs(DocumentStatusStyled, { "data-testid": 'document-status', className: 'document-status --is-signed', children: [_jsx(Sign24px, { className: 'icon' }), " ", _jsx("span", { className: 'sans-serif --small', children: statusSignedText })] }));
     }

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

@@ -62,6 +62,20 @@ export const DocumentStatusStyled = styled.div `
       }
     }
 
+    &.--is-ai-reviewed {
+      padding: 0.25rem;
+      gap: 0.25rem;
+      background-color: var(--primary-main-light-5);
+      border-color: var(--primary-main-light-3);
+      color: var(--primary-main);
+
+      svg {
+        path {
+          fill: var(--primary-main);
+        }
+      }
+    }
+
     &.--is-signed {
       width: fit-content;
       background-color: var(--primary-main-dark-2);

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

@@ -63,6 +63,20 @@ export const DocumentStatusStyled = styled.div`
       }
     }
 
+    &.--is-ai-reviewed {
+      padding: 0.25rem;
+      gap: 0.25rem;
+      background-color: var(--primary-main-light-5);
+      border-color: var(--primary-main-light-3);
+      color: var(--primary-main);
+
+      svg {
+        path {
+          fill: var(--primary-main);
+        }
+      }
+    }
+
     &.--is-signed {
       width: fit-content;
       background-color: var(--primary-main-dark-2);

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

@@ -4,6 +4,7 @@ import { type DocumentStatusProps } from './DocumentStatusProps.types'
 import { DocumentStatusStyled } from './DocumentStatus.styled'
 import { Done24px } from '../../../../images/componentsSvg/Done24px'
 import { NewRelease24p } from '../../../../images/componentsSvg/NewRelease24p'
+import { RatafiaIcon24px } from '../../../../images/componentsSvg/RatafiaIcon24px'
 import { Sign24px } from '../../../../images/componentsSvg/Sign24px'
 import { Time24px } from '../../../../images/componentsSvg/Time24px'
 
@@ -12,6 +13,7 @@ const DocumentStatus: FC<DocumentStatusProps> = ({
   statusCompletedText,
   statusNewText,
   statusInProgressText,
+  statusAIReviewedText,
   statusSignedText
 }) => {
   if (type === 'complete' || type === 'downloaded' || type === 'pdf_processing' || type === 'pdf_generated') {
@@ -28,6 +30,13 @@ const DocumentStatus: FC<DocumentStatusProps> = ({
       </DocumentStatusStyled>
     )
   }
+  if (type === 'ai_reviewed') {
+    return (
+      <DocumentStatusStyled data-testid='document-status' className={'document-status --is-ai-reviewed'}>
+        <RatafiaIcon24px className='icon' /> <span className={'sans-serif --small'}>{statusAIReviewedText}</span>
+      </DocumentStatusStyled>
+    )
+  }
   if (type === 'signed') {
     return (
       <DocumentStatusStyled data-testid='document-status' className={'document-status --is-signed'}>

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ExpertCardStyled } from './ExpertCard.styled';
 const ExpertCard = ({ title, url, description, image }) => {
-    return (_jsx(ExpertCardStyled, { className: 'expert-card', children: _jsxs("div", { className: 'expert-card__box', children: [_jsx("div", { className: 'expert-card__image', children: image }), _jsxs("div", { className: 'expert-card__texts', children: [url != null && (_jsx("a", { className: 'expert-card__title', href: url, children: title })), url == null && _jsx("p", { className: 'expert-card__title', children: title }), _jsx("p", { className: 'expert-card__description', children: description })] })] }) }));
+    return (_jsx(ExpertCardStyled, { className: 'expert-card', children: _jsxs("div", { className: 'expert-card__box', children: [_jsx("div", { className: 'expert-card__image', children: image }), url != null && (_jsx("a", { className: 'expert-card__title', href: url, children: title })), url == null && _jsx("p", { className: 'expert-card__title', children: title }), _jsx("p", { className: 'expert-card__description', children: description })] }) }));
 };
 export default ExpertCard;

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

@@ -4,62 +4,63 @@ export const ExpertCardStyled = styled.div `
   display: flex;
   align-items: center;
   justify-content: center;
+  margin-top: 10rem;
+
+  &:first-child {
+    margin-top: 5rem;
+  }
+
+  @media ${device['landscape-tablets']} {
+    margin-top: 5rem;
+  }
 
   .expert-card {
     &__box {
       background-color: white;
-      border-radius: 1rem;
-      //box-shadow: var(--box-shadow-container);
+      border-radius: 0.3rem;
+      box-shadow: var(--box-shadow-container);
+      padding: 7rem 2rem 0 2rem;
+      min-height: 13rem;
       display: flex;
-      flex-direction: row;
+      flex-direction: column;
       align-items: center;
       justify-content: flex-start;
-      width: 330px;
-      padding: 16px;
-      align-items: center;
-      gap: 24px;
+      width: 17.625rem;
+      margin-left: 0;
 
-      @media ${device['laptop']} {
-        width: 383px;
+      @media ${device['landscape-tablets']} {
+        margin-left: 2rem;
       }
     }
 
     &__image {
-      min-width: 117px;
+      position: absolute;
+      transform: translateY(-115%);
+
       img {
-        width: 117px;
-        height: auto;
-        border-radius: 8px;
+        border-radius: 100%;
       }
     }
 
-    &__texts {
-      display: flex;
-      flex-direction: column;
-      align-items: start;
-      justify-content: left;
-    }
-
     &__title {
       font-family: var(--font-sans);
       font-size: 18px;
       font-weight: 700;
       line-height: 1.5rem;
       letter-spacing: -0.3px;
+      text-align: center;
       width: 75%;
       text-decoration: none;
-      margin-bottom: 0.6rem;
-      min-width: fit-content;
     }
 
     &__description {
       font-family: var(--font-sans);
-      color: var(--neutral-neutral-1);
       font-size: 16px;
-      font-style: normal;
       font-weight: 400;
       line-height: 22px;
       letter-spacing: -0.3px;
+      text-align: center;
+      width: 75%;
     }
   }
 `;

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

@@ -5,62 +5,63 @@ export const ExpertCardStyled = styled.div`
   display: flex;
   align-items: center;
   justify-content: center;
+  margin-top: 10rem;
+
+  &:first-child {
+    margin-top: 5rem;
+  }
+
+  @media ${device['landscape-tablets']} {
+    margin-top: 5rem;
+  }
 
   .expert-card {
     &__box {
       background-color: white;
-      border-radius: 1rem;
-      //box-shadow: var(--box-shadow-container);
+      border-radius: 0.3rem;
+      box-shadow: var(--box-shadow-container);
+      padding: 7rem 2rem 0 2rem;
+      min-height: 13rem;
       display: flex;
-      flex-direction: row;
+      flex-direction: column;
       align-items: center;
       justify-content: flex-start;
-      width: 330px;
-      padding: 16px;
-      align-items: center;
-      gap: 24px;
+      width: 17.625rem;
+      margin-left: 0;
 
-      @media ${device['laptop']} {
-        width: 383px;
+      @media ${device['landscape-tablets']} {
+        margin-left: 2rem;
       }
     }
 
     &__image {
-      min-width: 117px;
+      position: absolute;
+      transform: translateY(-115%);
+
       img {
-        width: 117px;
-        height: auto;
-        border-radius: 8px;
+        border-radius: 100%;
       }
     }
 
-    &__texts {
-      display: flex;
-      flex-direction: column;
-      align-items: start;
-      justify-content: left;
-    }
-
     &__title {
       font-family: var(--font-sans);
       font-size: 18px;
       font-weight: 700;
       line-height: 1.5rem;
       letter-spacing: -0.3px;
+      text-align: center;
       width: 75%;
       text-decoration: none;
-      margin-bottom: 0.6rem;
-      min-width: fit-content;
     }
 
     &__description {
       font-family: var(--font-sans);
-      color: var(--neutral-neutral-1);
       font-size: 16px;
-      font-style: normal;
       font-weight: 400;
       line-height: 22px;
       letter-spacing: -0.3px;
+      text-align: center;
+      width: 75%;
     }
   }
 `

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

@@ -8,15 +8,14 @@ const ExpertCard: FC<ExpertCardProps> = ({ title, url, description, image }) =>
     <ExpertCardStyled className='expert-card'>
       <div className='expert-card__box'>
         <div className='expert-card__image'>{image}</div>
-        <div className='expert-card__texts'>
-          {url != null && (
-            <a className='expert-card__title' href={url}>
-              {title}
-            </a>
-          )}
-          {url == null && <p className='expert-card__title'>{title}</p>}
-          <p className='expert-card__description'>{description}</p>
-        </div>
+        {url != null && (
+          <a className='expert-card__title' href={url}>
+            {title}
+          </a>
+        )}
+        {url == null && <p className='expert-card__title'>{title}</p>}
+
+        <p className='expert-card__description'>{description}</p>
       </div>
     </ExpertCardStyled>
   )

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FeatureRatafiaCardStyled } from './FeatureRatafiaCard.styled';
 export const FeatureRatafiaCard = ({ title, icon, description, isReleased = true, notReleasedText }) => {
-    return (_jsx(FeatureRatafiaCardStyled, { className: 'feature-ratafia-card', children: _jsx("div", { className: isReleased ? 'feature-ratafia-card-released' : 'feature-ratafia-card-not-released', children: _jsxs("div", { className: 'feature-ratafia-card__wrapper', children: [_jsxs("div", { className: 'feature-ratafia-card__wrapper__header', children: [_jsxs("div", { className: 'feature-ratafia-card__wrapper__header__title', children: [icon !== null && _jsx("div", { className: 'feature-ratafia-card__wrapper__header__title__icon', children: icon }), _jsx("p", { className: 'sans-serif --big --bold-weight feature-ratafia-card__wrapper__header__title__text', children: title })] }), !isReleased && (_jsx("p", { className: 'sans-serif --small --bold-weight feature-ratafia-card__wrapper__header__not-released', children: notReleasedText }))] }), _jsx("p", { className: 'sans-serif --medium feature-ratafia-card__wrapper__description', children: description })] }) }) }));
+    return (_jsx(FeatureRatafiaCardStyled, { className: 'feature-ratafia-card', children: _jsx("div", { className: isReleased ? 'feature-ratafia-card-released' : 'feature-ratafia-card-not-released', children: _jsxs("div", { className: 'feature-ratafia-card__wrapper', children: [_jsxs("div", { className: 'feature-ratafia-card__wrapper__header', children: [_jsxs("div", { className: 'feature-ratafia-card__wrapper__header__title', children: [icon !== null && _jsx("div", { className: 'feature-ratafia-card__wrapper__header__title__icon', children: icon }), _jsx("h3", { className: 'sans-serif --big --bold-weight feature-ratafia-card__wrapper__header__title__text', children: title })] }), !isReleased && (_jsx("p", { className: 'sans-serif --small --bold-weight feature-ratafia-card__wrapper__header__not-released', children: notReleasedText }))] }), _jsx("p", { className: 'sans-serif --medium feature-ratafia-card__wrapper__description', children: description })] }) }) }));
 };
 export default FeatureRatafiaCard;

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

@@ -17,9 +17,9 @@ export const FeatureRatafiaCard: React.FC<FeatureRatafiaCardProps> = ({
           <div className='feature-ratafia-card__wrapper__header'>
             <div className='feature-ratafia-card__wrapper__header__title'>
               {icon !== null && <div className='feature-ratafia-card__wrapper__header__title__icon'>{icon}</div>}
-              <p className='sans-serif --big --bold-weight feature-ratafia-card__wrapper__header__title__text'>
+              <h3 className='sans-serif --big --bold-weight feature-ratafia-card__wrapper__header__title__text'>
                 {title}
-              </p>
+              </h3>
             </div>
             {!isReleased && (
               <p className='sans-serif --small --bold-weight feature-ratafia-card__wrapper__header__not-released'>

package/dist/src/components/atoms/FixedFooter/FixedFooter.d.ts

@@ -1,7 +1,3 @@
 import { FixedFooterProps } from './FixedFooterProps';
 import React from 'react';
-/**
- * @deprecated Este componentes será removido en el futuro. Use `Footer` en su lugar.
- * @deprecatedSince 7.8.0
- */
 export declare const FixedFooter: React.FC<FixedFooterProps>;

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

@@ -12,10 +12,6 @@ import linkedin from '../../../../images/svg/linkedin.svg';
 import pinterest from '../../../../images/svg/pinterest.svg';
 import securityIconBlack from '../../../../images/svg/icon-24-px-security_black.svg';
 import x from '../../../../images/svg/x.svg';
-/**
- * @deprecated Este componentes será removido en el futuro. Use `Footer` en su lugar.
- * @deprecatedSince 7.8.0
- */
 export const FixedFooter = ({ footerData = {
     findUs: 'Find Us'
 }, config = {
@@ -74,5 +70,5 @@ export const FixedFooter = ({ footerData = {
     show: false,
     content: _jsx(_Fragment, {})
 } }) => {
-    return (_jsxs(FixedFooterStyled, { children: [preFooter.show && (_jsx("section", { className: 'prefooter', children: _jsx("div", { className: 'wrapper', children: _jsxs("div", { className: 'prefooter-container', children: [_jsx("div", { className: 'serif --hero prefooter__title', children: preFooter.title }), _jsx("div", { className: 'prefooter--columns', children: preFooter.columns.map((column, index) => (_jsx("p", { className: 'prefooter--columns__text', children: column }, index))) }), preFooter.hasButton && (_jsx(Button, { label: preFooter.buttonLabel, onClick: preFooter.buttonClick, link: preFooter.buttonLink, dataQa: 'cta-footer', isExternal: true, hasNoFollow: true }))] }) }) })), config.isSEMPage && config.isMobile && (_jsx("footer", { className: 'sem-footer', children: _jsxs("section", { className: 'sem-footer__wrapper', children: [_jsx("ul", { className: 'sem-footer__legal-links', children: companyBlock.links }), _jsxs("div", { className: 'sem-footer__contact-info', children: [_jsxs("div", { className: 'sem-footer__contact-info__phone', children: [_jsx(PhoneIcon, { width: 20, height: 20, fill: 'white' }), _jsxs("b", { children: [config.sitePhone, " "] })] }), _jsx("div", { className: 'sem-footer__contact-info__schedule', children: config.siteSchedule })] }), _jsx("div", { className: 'fixed-container', children: footer.createDocumentBlock })] }) })), !config.isSEMPage && (_jsxs("footer", { children: [!config.hide && !config.noFooter ? (_jsxs(_Fragment, { children: [_jsx("div", { className: 'language-selector-mobile-container', children: languageSelector.show === true && languageSelector.content }), _jsxs("section", { className: 'footer__wrapper', children: [_jsxs("div", { className: 'footer__products', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: productsBlock.title }), productsBlock.productsCategories, _jsx("div", { className: 'sans-serif --extra-small product-categories', children: productsBlock.allProductsLink })] }), _jsxs("div", { className: 'footer__popular-documents', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: popularDocumentsBlock.title }), _jsx("ul", { children: popularDocumentsBlock.popularDocuments }), config.isTablet && (_jsxs("div", { className: 'footer__help__tablet', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: helpBlock.title }), _jsx("ul", { children: helpBlock.links })] }))] }), (config.isMobile || config.isDesktop) && (_jsxs("div", { className: 'footer__company', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: companyBlock.title }), _jsx("ul", { children: companyBlock.links })] })), _jsx("div", { className: 'footer__company__resources__findUs', children: config.isTablet && (_jsxs(_Fragment, { children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: companyBlock.title }), _jsx("ul", { children: companyBlock.links }), !config.isJonSnow && config.hasGrav && config.isTablet && (_jsxs("div", { className: 'footer__resources', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: resourcesBlock.title }), _jsx("ul", { children: resourcesBlock.links })] }))] })) }), !config.isTablet && (_jsx("div", { className: 'footer__help__resources', children: _jsxs("div", { children: [_jsxs("div", { className: 'footer__help', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: helpBlock.title }), _jsx("ul", { children: helpBlock.links })] }), !config.isJonSnow && config.hasGrav && (_jsxs("div", { className: 'footer__resources', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: resourcesBlock.title }), _jsx("ul", { children: resourcesBlock.links })] }))] }) })), _jsxs("div", { className: 'footer__findUs', children: [_jsxs("div", { className: 'find-us-container', children: [!config.isJonSnow && (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'find-us-content', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: footerData?.findUs }), _jsxs("ul", { children: [_jsx("li", { children: _jsx("a", { href: 'https://www.facebook.com/lawdistrictlegal', rel: 'noopener noreferrer', target: '_blank', children: _jsx("img", { src: facebook, alt: 'Facebook logo', width: '32', height: '32' }) }) }), _jsx("li", { children: _jsx("a", { href: 'https://twitter.com/district_law', rel: 'noopener noreferrer', target: '_blank', children: _jsx("img", { src: x, alt: 'Twitter logo', width: '32', height: '32' }) }) }), _jsx("li", { children: _jsx("a", { href: 'https://www.linkedin.com/company/law-district/', rel: 'noopener noreferrer', target: '_blank', children: _jsx("img", { src: linkedin, alt: 'Linkedin logo', width: '32', height: '32' }) }) }), _jsx("li", { children: _jsx("a", { href: 'https://www.pinterest.com/lawdistrict/', rel: 'noopener noreferrer', target: '_blank', children: _jsx("img", { src: pinterest, alt: 'Pinterest logo', width: '32', height: '32' }) }) })] })] }), _jsxs("div", { className: 'footer-contact-box', children: [_jsx("span", { className: 'footer-contact-box_phone', children: config.sitePhone }), _jsx(Button, { centered: true, isExternal: true, link: `tel:${config.sitePhone}`, givenClass: 'footer-contact-box-button', label: config.sitePhone, dataQa: 'footer_contact_box' }), _jsx("span", { className: 'footer-contact-box_schedule', children: config.siteSchedule.replace(/(\d)/, '\n$1') })] })] })), _jsx("div", { className: 'footer__logo', children: _jsx(Logo, { className: 'footer__logo-image', siteName: config.siteName, width: '138', height: '24', type: 'white' }) })] }), config.hasTrustPilot && footer.trustPilotWidget] }), !config.isJonSnow && (_jsxs("div", { className: 'footer-mobile-contact-box', children: [_jsx("span", { className: 'footer-mobile-contact-box_phone', children: config.sitePhone }), _jsx(Button, { centered: true, isExternal: true, link: `tel:${config.sitePhone}`, givenClass: 'footer-mobile-contact-box-button', label: config.sitePhone, dataQa: 'footer_contact_box' }), config.siteSchedule && (_jsx("p", { className: 'footer-mobile-contact-box_schedule', children: config.siteSchedule }))] }))] })] })) : null, config.hasContactBar && (_jsx(WideInfoBar, { children: _jsxs(_Fragment, { children: [_jsxs("div", { className: `contact-bar-wrapper ${(config.isJonSnow || config.isAnonymousPayment) && 'hidden'}`, children: [_jsx(IconWeb, {}), _jsxs("div", { className: 'contact-bar-wrapper__text', children: [_jsxs("div", { className: 'is-mobile', children: [_jsx("a", { className: 'phone', href: `tel:${config.sitePhone}`, children: _jsx("strong", { children: config.sitePhone }) }), ` - ${config.siteSchedule}`] }), _jsxs("div", { className: 'no-mobile', children: [_jsx("strong", { children: config.sitePhone }), " - ", config.siteSchedule] })] })] }), _jsxs("div", { className: 'contact-bar-wrapper', children: [_jsx("img", { src: securityIconBlack, alt: '' }), _jsx("p", { className: 'contact-bar-wrapper__text', children: footer.securityText })] }), _jsxs("div", { className: 'contact-bar-wrapper', children: [_jsx("img", { src: guaranteeIconGrey, alt: '' }), _jsx("p", { className: 'contact-bar-wrapper__text', children: footer.guaranteeText })] })] }) })), footer.disclaimerText && _jsx(Disclaimer, { text: footer.disclaimerText, siteUrl: config.siteUrl }), _jsx("div", { className: 'fixed-container', children: footer.createDocumentBlock })] })), footer.bottomFixedBlock] }));
+    return (_jsxs(FixedFooterStyled, { children: [preFooter.show && (_jsx("section", { className: 'prefooter', children: _jsx("div", { className: 'wrapper', children: _jsxs("div", { className: 'prefooter-container', children: [_jsx("div", { className: 'serif --hero prefooter__title', children: preFooter.title }), _jsx("div", { className: 'prefooter--columns', children: preFooter.columns.map((column, index) => (_jsx("p", { className: 'prefooter--columns__text', children: column }, index))) }), preFooter.hasButton && (_jsx(Button, { label: preFooter.buttonLabel, onClick: preFooter.buttonClick, link: preFooter.buttonLink, dataQa: 'cta-footer', isExternal: true, hasNoFollow: true }))] }) }) })), config.isSEMPage && config.isMobile && (_jsx("footer", { className: 'sem-footer', children: _jsxs("section", { className: 'sem-footer__wrapper', children: [_jsx("ul", { className: 'sem-footer__legal-links', children: companyBlock.links }), _jsxs("div", { className: 'sem-footer__contact-info', children: [_jsxs("div", { className: 'sem-footer__contact-info__phone', children: [_jsx(PhoneIcon, { width: 20, height: 20, fill: 'white' }), _jsxs("b", { children: [config.sitePhone, " "] })] }), _jsx("div", { className: 'sem-footer__contact-info__schedule', children: config.siteSchedule })] }), _jsx("div", { className: 'fixed-container', children: footer.createDocumentBlock })] }) })), !config.isSEMPage && (_jsxs("footer", { children: [!config.hide && !config.noFooter ? (_jsxs(_Fragment, { children: [_jsx("div", { className: 'language-selector-mobile-container', children: languageSelector.show === true && languageSelector.content }), _jsxs("section", { className: 'footer__wrapper', children: [_jsxs("div", { className: 'footer__products', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: productsBlock.title }), productsBlock.productsCategories, _jsx("div", { className: 'sans-serif --extra-small product-categories', children: productsBlock.allProductsLink })] }), _jsxs("div", { className: 'footer__popular-documents', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: popularDocumentsBlock.title }), _jsx("ul", { children: popularDocumentsBlock.popularDocuments }), config.isTablet && (_jsxs("div", { className: 'footer__help__tablet', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: helpBlock.title }), _jsx("ul", { children: helpBlock.links })] }))] }), (config.isMobile || config.isDesktop) && (_jsxs("div", { className: 'footer__company', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: companyBlock.title }), _jsx("ul", { children: companyBlock.links })] })), _jsx("div", { className: 'footer__company__resources__findUs', children: config.isTablet && (_jsxs(_Fragment, { children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: companyBlock.title }), _jsx("ul", { children: companyBlock.links }), !config.isJonSnow && config.hasGrav && config.isTablet && (_jsxs("div", { className: 'footer__resources', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: resourcesBlock.title }), _jsx("ul", { children: resourcesBlock.links })] }))] })) }), !config.isTablet && (_jsx("div", { className: 'footer__help__resources', children: _jsxs("div", { children: [_jsxs("div", { className: 'footer__help', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: helpBlock.title }), _jsx("ul", { children: helpBlock.links })] }), !config.isJonSnow && config.hasGrav && (_jsxs("div", { className: 'footer__resources', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: resourcesBlock.title }), _jsx("ul", { children: resourcesBlock.links })] }))] }) })), _jsxs("div", { className: 'footer__findUs', children: [_jsxs("div", { className: 'find-us-container', children: [!config.isJonSnow && (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'find-us-content', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: footerData?.findUs }), _jsxs("ul", { children: [_jsx("li", { children: _jsx("a", { href: 'https://www.facebook.com/lawdistrictlegal', rel: 'noopener noreferrer', target: '_blank', children: _jsx("img", { src: facebook, alt: 'Facebook logo', width: '32', height: '32' }) }) }), _jsx("li", { children: _jsx("a", { href: 'https://twitter.com/district_law', rel: 'noopener noreferrer', target: '_blank', children: _jsx("img", { src: x, alt: 'Twitter logo', width: '32', height: '32' }) }) }), _jsx("li", { children: _jsx("a", { href: 'https://www.linkedin.com/company/law-district/', rel: 'noopener noreferrer', target: '_blank', children: _jsx("img", { src: linkedin, alt: 'Linkedin logo', width: '32', height: '32' }) }) }), _jsx("li", { children: _jsx("a", { href: 'https://www.pinterest.com/lawdistrict/', rel: 'noopener noreferrer', target: '_blank', children: _jsx("img", { src: pinterest, alt: 'Pinterest logo', width: '32', height: '32' }) }) })] })] }), _jsxs("div", { className: 'footer-contact-box', children: [_jsx("span", { className: 'footer-contact-box_phone', children: config.sitePhone }), _jsx(Button, { centered: true, isExternal: true, link: `tel:${config.sitePhone}`, givenClass: 'footer-contact-box-button', label: config.sitePhone, dataQa: 'footer_contact_box' }), _jsx("span", { className: 'footer-contact-box_schedule', children: config.siteSchedule.replace(/(\d)/, '\n$1') })] })] })), _jsx("div", { className: 'footer__logo', children: _jsx(Logo, { className: 'footer__lawdistrict', siteName: config.siteName, width: '138', height: '24', type: 'white' }) })] }), config.hasTrustPilot && footer.trustPilotWidget] }), !config.isJonSnow && (_jsxs("div", { className: 'footer-mobile-contact-box', children: [_jsx("span", { className: 'footer-mobile-contact-box_phone', children: config.sitePhone }), _jsx(Button, { centered: true, isExternal: true, link: `tel:${config.sitePhone}`, givenClass: 'footer-mobile-contact-box-button', label: config.sitePhone, dataQa: 'footer_contact_box' }), config.siteSchedule && (_jsx("p", { className: 'footer-mobile-contact-box_schedule', children: config.siteSchedule }))] }))] })] })) : null, config.hasContactBar && (_jsx(WideInfoBar, { children: _jsxs(_Fragment, { children: [_jsxs("div", { className: `contact-bar-wrapper ${(config.isJonSnow || config.isAnonymousPayment) && 'hidden'}`, children: [_jsx(IconWeb, {}), _jsxs("div", { className: 'contact-bar-wrapper__text', children: [_jsxs("div", { className: 'is-mobile', children: [_jsx("a", { className: 'phone', href: `tel:${config.sitePhone}`, children: _jsx("strong", { children: config.sitePhone }) }), ` - ${config.siteSchedule}`] }), _jsxs("div", { className: 'no-mobile', children: [_jsx("strong", { children: config.sitePhone }), " - ", config.siteSchedule] })] })] }), _jsxs("div", { className: 'contact-bar-wrapper', children: [_jsx("img", { src: securityIconBlack, alt: '' }), _jsx("p", { className: 'contact-bar-wrapper__text', children: footer.securityText })] }), _jsxs("div", { className: 'contact-bar-wrapper', children: [_jsx("img", { src: guaranteeIconGrey, alt: '' }), _jsx("p", { className: 'contact-bar-wrapper__text', children: footer.guaranteeText })] })] }) })), footer.disclaimerText && _jsx(Disclaimer, { text: footer.disclaimerText, siteUrl: config.siteUrl }), _jsx("div", { className: 'fixed-container', children: footer.createDocumentBlock })] })), footer.bottomFixedBlock] }));
 };