@npm_leadtech/legal-lib-components 5.16.10 → 5.17.1

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

@@ -0,0 +1,68 @@
+import React from 'react';
+export interface Link {
+    label: string;
+    url: string;
+    onClick: () => void;
+}
+export interface FixedFooterProps {
+    config: {
+        siteName: string;
+        sitePhone: string;
+        siteSchedule: string;
+        siteUrl: string;
+        hasGrav: boolean;
+        hasCookieMessage: boolean;
+        hasContactBar: boolean;
+        hasTrustPilot: boolean;
+        isJonSnow: boolean;
+        isSEMPage: boolean;
+        isMobile: boolean;
+        isTablet: boolean;
+        isDesktop: boolean;
+        isAnonymousPayment: boolean;
+        hide: boolean;
+        noFooter: boolean;
+    };
+    footer: {
+        disclaimerText: string;
+        guaranteeText: string;
+        securityText: string;
+        bottomFixedBlock: React.ReactNode;
+        createDocumentBlock: React.ReactNode;
+        trustPilotWidget: React.ReactNode;
+    };
+    preFooter: {
+        show: boolean;
+        title: string;
+        columns: string[];
+        hasButton: boolean;
+        buttonLabel: string;
+        buttonLink: string;
+        buttonClick: () => void;
+    };
+    productsBlock: {
+        title: string;
+        productsCategories: React.ReactNode;
+        allProductsLink: React.ReactNode;
+    };
+    popularDocumentsBlock: {
+        title: string;
+        popularDocuments: React.ReactNode;
+    };
+    companyBlock: {
+        title: string;
+        links: React.ReactNode;
+    };
+    helpBlock: {
+        title: string;
+        links: React.ReactNode;
+    };
+    resourcesBlock: {
+        title: string;
+        links: React.ReactNode;
+    };
+    languageSelector: {
+        show: boolean;
+        content: React.ReactNode;
+    };
+}

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

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

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

@@ -0,0 +1,79 @@
+import React from 'react'
+
+export interface Link {
+  label: string
+  url: string
+  onClick: () => void
+}
+
+interface LanguageSelectorProps {
+  currentLanguage: string
+  languages: {
+    code: string
+    name: string
+  }[]
+  onLanguageChange: (language: string) => void
+}
+
+export interface FixedFooterProps {
+  config: {
+    siteName: string
+    sitePhone: string
+    siteSchedule: string
+    siteUrl: string
+    hasGrav: boolean
+    hasCookieMessage: boolean
+    hasContactBar: boolean
+    hasTrustPilot: boolean
+    isJonSnow: boolean
+    isSEMPage: boolean
+    isMobile: boolean
+    isTablet: boolean
+    isDesktop: boolean
+    isAnonymousPayment: boolean
+    hide: boolean
+    noFooter: boolean
+  }
+  footer: {
+    disclaimerText: string
+    guaranteeText: string
+    securityText: string
+    bottomFixedBlock: React.ReactNode
+    createDocumentBlock: React.ReactNode
+    trustPilotWidget: React.ReactNode
+  }
+  preFooter: {
+    show: boolean
+    title: string
+    columns: string[]
+    hasButton: boolean
+    buttonLabel: string
+    buttonLink: string
+    buttonClick: () => void
+  }
+  productsBlock: {
+    title: string
+    productsCategories: React.ReactNode
+    allProductsLink: React.ReactNode
+  }
+  popularDocumentsBlock: {
+    title: string
+    popularDocuments: React.ReactNode
+  }
+  companyBlock: {
+    title: string
+    links: React.ReactNode
+  }
+  helpBlock: {
+    title: string
+    links: React.ReactNode
+  }
+  resourcesBlock: {
+    title: string
+    links: React.ReactNode
+  }
+  languageSelector: {
+    show: boolean
+    content: React.ReactNode
+  }
+}

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

@@ -0,0 +1,2 @@
+export * from './FixedFooter';
+export * from './FixedFooterProps';

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

@@ -0,0 +1,2 @@
+export * from './FixedFooter';
+export * from './FixedFooterProps';

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

@@ -0,0 +1,2 @@
+export * from './FixedFooter'
+export * from './FixedFooterProps'

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/MenuItems/MenuItemProps.types.d.ts

@@ -1,4 +1,5 @@
 export interface MenuItemProps {
+    className?: string;
     spacing?: boolean;
     hasBullets?: boolean;
     initialActiveContent?: string;

package/dist/src/components/atoms/MenuItems/MenuItemProps.types.ts

@@ -1,5 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 export interface MenuItemProps {
+  className?: string
   spacing?: boolean
   hasBullets?: boolean
   initialActiveContent?: string

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { PreFooterProps } from './PreFooterProps';
+export declare const PreFooter: React.FC<PreFooterProps>;

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

@@ -0,0 +1,8 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Button } from '../Button';
+import { PreFooterStyled } from './PreFooter.styled';
+export const PreFooter = ({ siteName, content, ctaLabel, ctaOnClick, ctaDataQa, ctaLink }) => {
+    return (_jsx(PreFooterStyled, { children: _jsx("div", { className: 'wrapper', children: _jsxs("div", { className: 'prefooter', children: [_jsxs("div", { className: 'serif --hero prefooter__title', children: ["Try ", siteName, " Now"] }), _jsx("div", { className: 'prefooter__columns', children: content.map((text, index) => {
+                            return (_jsx("p", { className: 'prefooter__columns__text', children: text }, index));
+                        }) }), _jsx(Button, { label: ctaLabel, onClick: ctaOnClick, link: ctaLink, dataQa: ctaDataQa, isExternal: true, hasNoFollow: true })] }) }) }));
+};

package/dist/src/components/atoms/PreFooter/PreFooter.styled.d.ts

@@ -0,0 +1 @@
+export declare const PreFooterStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;

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

@@ -0,0 +1,43 @@
+import { device } from '../../../globalStyles/breakpoints';
+import styled from 'styled-components';
+export const PreFooterStyled = styled.section `
+  background-color: var(--primary-main-light-6);
+  text-align: center;
+
+  .prefooter {
+    margin: 0 1.5rem;
+
+    @media ${device['landscape-tablets']} {
+      margin: 0;
+    }
+
+    &__title {
+      color: var(--neutral-neutral-1);
+      display: inline-block;
+      margin: 2rem 0 0;
+    }
+
+    &__columns {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: space-between;
+
+      @media ${device['landscape-tablets']} {
+        flex-direction: row;
+        margin: 0 1rem;
+        align-items: flex-start;
+      }
+
+      &__text {
+        width: 16.375rem;
+        color: var(--neutral-neutral-1);
+        margin: 2rem 0.5rem 0 0.5rem;
+      }
+    }
+    .e-button {
+      display: inline-block;
+      margin: 2rem 0;
+    }
+  }
+`;

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

@@ -0,0 +1,43 @@
+import { device } from '../../../globalStyles/breakpoints'
+import styled from 'styled-components'
+export const PreFooterStyled = styled.section`
+  background-color: var(--primary-main-light-6);
+  text-align: center;
+
+  .prefooter {
+    margin: 0 1.5rem;
+
+    @media ${device['landscape-tablets']} {
+      margin: 0;
+    }
+
+    &__title {
+      color: var(--neutral-neutral-1);
+      display: inline-block;
+      margin: 2rem 0 0;
+    }
+
+    &__columns {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: space-between;
+
+      @media ${device['landscape-tablets']} {
+        flex-direction: row;
+        margin: 0 1rem;
+        align-items: flex-start;
+      }
+
+      &__text {
+        width: 16.375rem;
+        color: var(--neutral-neutral-1);
+        margin: 2rem 0.5rem 0 0.5rem;
+      }
+    }
+    .e-button {
+      display: inline-block;
+      margin: 2rem 0;
+    }
+  }
+`

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

@@ -0,0 +1,34 @@
+import React from 'react'
+
+import { Button } from '../Button'
+import { PreFooterProps } from './PreFooterProps'
+import { PreFooterStyled } from './PreFooter.styled'
+
+export const PreFooter: React.FC<PreFooterProps> = ({
+  siteName,
+  content,
+  ctaLabel,
+  ctaOnClick,
+  ctaDataQa,
+  ctaLink
+}) => {
+  return (
+    <PreFooterStyled>
+      <div className='wrapper'>
+        <div className='prefooter'>
+          <div className='serif --hero prefooter__title'>Try {siteName} Now</div>
+          <div className='prefooter__columns'>
+            {content.map((text, index) => {
+              return (
+                <p key={index} className='prefooter__columns__text'>
+                  {text}
+                </p>
+              )
+            })}
+          </div>
+          <Button label={ctaLabel} onClick={ctaOnClick} link={ctaLink} dataQa={ctaDataQa} isExternal hasNoFollow />
+        </div>
+      </div>
+    </PreFooterStyled>
+  )
+}

package/dist/src/components/atoms/PreFooter/PreFooterProps.d.ts

@@ -0,0 +1,8 @@
+export interface PreFooterProps {
+    siteName: string;
+    content: string[];
+    ctaLabel: string;
+    ctaOnClick: () => void;
+    ctaDataQa: string;
+    ctaLink: string;
+}

package/dist/src/components/atoms/PreFooter/PreFooterProps.js

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

package/dist/src/components/atoms/PreFooter/PreFooterProps.ts

@@ -0,0 +1,8 @@
+export interface PreFooterProps {
+  siteName: string
+  content: string[]
+  ctaLabel: string
+  ctaOnClick: () => void
+  ctaDataQa: string
+  ctaLink: string
+}

package/dist/src/components/atoms/PreFooter/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PreFooter';
+export * from './PreFooterProps';

package/dist/src/components/atoms/PreFooter/index.js

@@ -0,0 +1,2 @@
+export * from './PreFooter';
+export * from './PreFooterProps';

package/dist/src/components/atoms/PreFooter/index.ts

@@ -0,0 +1,2 @@
+export * from './PreFooter'
+export * from './PreFooterProps'

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

@@ -6,7 +6,7 @@ export const SearchSelectStyled = styled.div `
   .e-searchselect {
     display: flex;
     flex-direction: column-reverse;
-    margin-bottom: 2rem;
+    margin-bottom: 1rem;
     position: relative;
 
     @media ${device.laptop} {

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

@@ -7,7 +7,7 @@ export const SearchSelectStyled = styled.div`
   .e-searchselect {
     display: flex;
     flex-direction: column-reverse;
-    margin-bottom: 2rem;
+    margin-bottom: 1rem;
     position: relative;
 
     @media ${device.laptop} {

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SemFooterProps } from './SemFooterProps';
+export declare const SemFooter: React.FC<SemFooterProps>;

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PhoneIcon24px } from '../../../../images/componentsSvg/PhoneIcon24px';
+import { FixedFooter } from '../FixedFooter';
+import { StyledSemFooter } from './SemFooter.styled';
+export const SemFooter = ({ sitePhone, siteSchedule, children, fixedFooterProps }) => {
+    return (_jsx(StyledSemFooter, { children: _jsxs("section", { className: 'sem-footer', children: [children, _jsxs("div", { className: 'sem-footer__contact-info', children: [_jsxs("div", { className: 'sem-footer__contact-info__phone', children: [_jsx(PhoneIcon24px, { width: '20', height: '20', fill: 'white' }), _jsxs("b", { children: [sitePhone, " "] })] }), _jsx("div", { className: 'sem-footer__contact-info__schedule', children: siteSchedule })] }), _jsx(FixedFooter, { ...fixedFooterProps })] }) }));
+};

package/dist/src/components/atoms/SemFooter/SemFooter.styled.d.ts

@@ -0,0 +1 @@
+export declare const StyledSemFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;

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

@@ -0,0 +1,59 @@
+import { device } from '../../../globalStyles/breakpoints';
+import styled from 'styled-components';
+export const StyledSemFooter = styled.footer `
+  background-color: var(--primary-main-dark-2);
+  color: var(--primary-main-light-6);
+  margin-top: auto;
+  position: static;
+  width: 100%;
+  .sem-footer {
+    display: flex;
+    flex-flow: column wrap;
+    width: 100%;
+    max-width: $max-width;
+    justify-content: space-between;
+    margin: auto;
+    padding: 1rem 1rem 2.75rem;
+    grid-row-gap: 32px;
+
+    @media ${device.laptop} {
+      flex-flow: row wrap;
+      padding: 1.5rem 7.5rem;
+    }
+    .legal-links {
+      display: flex;
+      flex-flow: row wrap;
+      align-items: center;
+      gap: 1rem;
+
+      li {
+        margin-bottom: 0;
+        a {
+          color: var(--primary-main-light-6);
+        }
+      }
+    }
+
+    &__contact-info {
+      display: flex;
+      flex-flow: column;
+      column-gap: 0.375rem;
+      row-gap: 0.25rem;
+
+      @media ${device['portrait-tablets']} {
+        flex-flow: row;
+      }
+
+      &__phone {
+        display: flex;
+        align-items: center;
+        font-size: 0.8rem;
+        gap: 0.375rem;
+      }
+
+      &__schedule {
+        font-size: 0.75rem;
+      }
+    }
+  }
+`;

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

@@ -0,0 +1,60 @@
+import { device } from '../../../globalStyles/breakpoints'
+import styled from 'styled-components'
+
+export const StyledSemFooter = styled.footer`
+  background-color: var(--primary-main-dark-2);
+  color: var(--primary-main-light-6);
+  margin-top: auto;
+  position: static;
+  width: 100%;
+  .sem-footer {
+    display: flex;
+    flex-flow: column wrap;
+    width: 100%;
+    max-width: $max-width;
+    justify-content: space-between;
+    margin: auto;
+    padding: 1rem 1rem 2.75rem;
+    grid-row-gap: 32px;
+
+    @media ${device.laptop} {
+      flex-flow: row wrap;
+      padding: 1.5rem 7.5rem;
+    }
+    .legal-links {
+      display: flex;
+      flex-flow: row wrap;
+      align-items: center;
+      gap: 1rem;
+
+      li {
+        margin-bottom: 0;
+        a {
+          color: var(--primary-main-light-6);
+        }
+      }
+    }
+
+    &__contact-info {
+      display: flex;
+      flex-flow: column;
+      column-gap: 0.375rem;
+      row-gap: 0.25rem;
+
+      @media ${device['portrait-tablets']} {
+        flex-flow: row;
+      }
+
+      &__phone {
+        display: flex;
+        align-items: center;
+        font-size: 0.8rem;
+        gap: 0.375rem;
+      }
+
+      &__schedule {
+        font-size: 0.75rem;
+      }
+    }
+  }
+`

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

@@ -0,0 +1,26 @@
+import React from 'react'
+
+import { PhoneIcon24px } from '../../../../images/componentsSvg/PhoneIcon24px'
+
+import { SemFooterProps } from './SemFooterProps'
+
+import { FixedFooter } from '../FixedFooter'
+import { StyledSemFooter } from './SemFooter.styled'
+
+export const SemFooter: React.FC<SemFooterProps> = ({ sitePhone, siteSchedule, children, fixedFooterProps }) => {
+  return (
+    <StyledSemFooter>
+      <section className={'sem-footer'}>
+        {children}
+        <div className='sem-footer__contact-info'>
+          <div className='sem-footer__contact-info__phone'>
+            <PhoneIcon24px width='20' height='20' fill='white' />
+            <b>{sitePhone} </b>
+          </div>
+          <div className='sem-footer__contact-info__schedule'>{siteSchedule}</div>
+        </div>
+        <FixedFooter {...fixedFooterProps} />
+      </section>
+    </StyledSemFooter>
+  )
+}

package/dist/src/components/atoms/SemFooter/SemFooterProps.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FixedFooterProps } from '../FixedFooter';
+export interface SemFooterProps {
+    sitePhone: string;
+    siteSchedule: string;
+    children?: React.ReactNode;
+    fixedFooterProps: FixedFooterProps;
+}

package/dist/src/components/atoms/SemFooter/SemFooterProps.js

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

package/dist/src/components/atoms/SemFooter/SemFooterProps.ts

@@ -0,0 +1,10 @@
+import React from 'react'
+
+import { FixedFooterProps } from '../FixedFooter'
+
+export interface SemFooterProps {
+  sitePhone: string
+  siteSchedule: string
+  children?: React.ReactNode
+  fixedFooterProps: FixedFooterProps
+}

package/dist/src/components/atoms/SemFooter/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SemFooter';
+export * from './SemFooterProps';

package/dist/src/components/atoms/SemFooter/index.js

@@ -0,0 +1,2 @@
+export * from './SemFooter';
+export * from './SemFooterProps';

package/dist/src/components/atoms/SemFooter/index.ts

@@ -0,0 +1,2 @@
+export * from './SemFooter'
+export * from './SemFooterProps'

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

@@ -19,6 +19,7 @@ export * from './DocumentStatus';
 export * from './DocumentTag';
 export * from './ExpertCard';
 export * from './FeatureRatafiaCard';
+export * from './FixedFooter';
 export * from './FormFaq';
 export * from './GoogleButton';
 export * from './IconImage';
@@ -36,6 +37,7 @@ export * from './MoreDocsItem';
 export * from './NavMenuItem';
 export * from './PaypalButton';
 export * from './PopularDocsItem';
+export * from './PreFooter';
 export * from './ProgressBar';
 export * from './Radio';
 export * from './RemoveButton';
@@ -43,6 +45,7 @@ export * from './ReviewKeyFactsResultRatafia';
 export * from './RichTextInner';
 export * from './RichTextStrapi';
 export * from './SearchSelect';
+export * from './SemFooter';
 export * from './ShowMoreBox';
 export * from './SidemenuTab';
 export * from './Spinner';

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

@@ -19,6 +19,7 @@ export * from './DocumentStatus';
 export * from './DocumentTag';
 export * from './ExpertCard';
 export * from './FeatureRatafiaCard';
+export * from './FixedFooter';
 export * from './FormFaq';
 export * from './GoogleButton';
 export * from './IconImage';
@@ -36,6 +37,7 @@ export * from './MoreDocsItem';
 export * from './NavMenuItem';
 export * from './PaypalButton';
 export * from './PopularDocsItem';
+export * from './PreFooter';
 export * from './ProgressBar';
 export * from './Radio';
 export * from './RemoveButton';
@@ -43,6 +45,7 @@ export * from './ReviewKeyFactsResultRatafia';
 export * from './RichTextInner';
 export * from './RichTextStrapi';
 export * from './SearchSelect';
+export * from './SemFooter';
 export * from './ShowMoreBox';
 export * from './SidemenuTab';
 export * from './Spinner';