@npm_leadtech/legal-lib-components 5.22.12 → 5.23.0

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

@@ -1,304 +0,0 @@
-import { Button } from '../Button'
-import { ContactBox } from '../../molecules/ContactBox'
-import { Disclaimer } from '../Disclaimer'
-import { FixedFooterProps } from './FixedFooterProps'
-import { FixedFooterStyled } from './FixedFooter.styled'
-import { IconWeb } from '../../../../images/componentsSvg/IconWeb'
-import { Logo } from '../Logo'
-import { PhoneIcon } from '../../../../images/componentsSvg/PhoneIcon'
-import React from 'react'
-import { WideInfoBar } from '../WideInfoBar'
-import facebook from '../../../../images/svg/facebook.svg'
-import guaranteeIconGrey from '../../../../images/svg/icon-24-px-satisfaction-grey.svg'
-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'
-
-export const FixedFooter: React.FC<FixedFooterProps> = ({
-  config = {
-    siteName: 'LawDistrict',
-    sitePhone: '123-456-7890',
-    siteSchedule: 'Monday - Friday, 9am - 5pm',
-    siteUrl: 'https://www.lawdistrict.com',
-    hasGrav: true,
-    hasCookieMessage: true,
-    hasContactBar: false,
-    hasTrustPilot: true,
-    isJonSnow: false,
-    isSEMPage: false,
-    isMobile: false,
-    isTablet: false,
-    isDesktop: true,
-    isAnonymousPayment: false,
-    hide: false,
-    noFooter: false
-  },
-  footer = {
-    disclaimerText: '',
-    guaranteeText: '',
-    securityText: '',
-    bottomFixedBlock: <></>,
-    createDocumentBlock: <></>,
-    trustPilotWidget: <></>
-  },
-  preFooter = {
-    show: true,
-    title: 'Try LawDistrict Now',
-    columns: [
-      'Instant and complete access to our entire library of legal forms',
-      'Edit, download and print in PDF and Word format from any device',
-      'Save time and money on legal document creation'
-    ],
-    hasButton: true,
-    buttonLabel: 'Get Unlimited Access Now',
-    buttonLink: './',
-    buttonClick: () => {}
-  },
-  productsBlock = {
-    title: 'Products',
-    productsCategories: <></>,
-    allProductsLink: <></>
-  },
-  popularDocumentsBlock = {
-    title: 'Popular Documents',
-    popularDocuments: <></>
-  },
-  companyBlock = {
-    title: 'Company',
-    links: <></>
-  },
-  helpBlock = {
-    title: 'Help',
-    links: <></>
-  },
-  resourcesBlock = {
-    title: 'Resources',
-    links: <></>
-  },
-  languageSelector = {
-    show: false,
-    content: <></>
-  }
-}) => {
-  return (
-    <FixedFooterStyled>
-      {preFooter.show && (
-        <section className={'prefooter'}>
-          <div className='wrapper'>
-            <div className='prefooter-container'>
-              <div className='serif --hero prefooter__title'>{preFooter.title}</div>
-              <div className={'prefooter--columns'}>
-                {preFooter.columns.map((column, index) => (
-                  <p key={index} className='prefooter--columns__text'>
-                    {column}
-                  </p>
-                ))}
-              </div>
-              {preFooter.hasButton && (
-                <Button
-                  label={preFooter.buttonLabel}
-                  onClick={preFooter.buttonClick}
-                  link={preFooter.buttonLink}
-                  dataQa={'cta-footer'}
-                  isExternal
-                  hasNoFollow
-                />
-              )}
-            </div>
-          </div>
-        </section>
-      )}
-      {config.isSEMPage && config.isMobile && (
-        <footer className={'sem-footer'}>
-          <section className={'sem-footer__wrapper'}>
-            <ul className='sem-footer__legal-links'>{companyBlock.links}</ul>
-            <div className='sem-footer__contact-info'>
-              <div className='sem-footer__contact-info__phone'>
-                <PhoneIcon width={20} height={20} fill={'white'} />
-                <b>{config.sitePhone} </b>
-              </div>
-              <div className='sem-footer__contact-info__schedule'>{config.siteSchedule}</div>
-            </div>
-            <div className='fixed-container'>{footer.createDocumentBlock}</div>
-          </section>
-        </footer>
-      )}
-      {!config.isSEMPage && (
-        <footer>
-          {!config.hide && !config.noFooter ? (
-            <>
-              <div className='language-selector-mobile-container'>
-                {languageSelector.show === true && languageSelector.content}
-              </div>
-              <section className={'footer__wrapper'}>
-                <div className={'footer__products'}>
-                  <p className={'sans-serif --small footer-links__title'}>{productsBlock.title}</p>
-                  {productsBlock.productsCategories}
-                  <div className={'sans-serif --extra-small product-categories'}>{productsBlock.allProductsLink}</div>
-                </div>
-                <div className={'footer__popular-documents'}>
-                  <p className={'sans-serif --small footer-links__title'}>{popularDocumentsBlock.title}</p>
-                  <ul>{popularDocumentsBlock.popularDocuments}</ul>
-                  {config.isTablet && (
-                    <div className='footer__help__tablet'>
-                      <p className={'sans-serif --small footer-links__title'}>{helpBlock.title}</p>
-                      <ul>{helpBlock.links}</ul>
-                    </div>
-                  )}
-                </div>
-                {(config.isMobile || config.isDesktop) && (
-                  <div className={'footer__company'}>
-                    <p className={'sans-serif --small footer-links__title'}>{companyBlock.title}</p>
-                    <ul>{companyBlock.links}</ul>
-                  </div>
-                )}
-                <div className='footer__company__resources__findUs'>
-                  {config.isTablet && (
-                    <>
-                      <p className={'sans-serif --small footer-links__title'}>{companyBlock.title}</p>
-                      <ul>{companyBlock.links}</ul>
-
-                      {!config.isJonSnow && config.hasGrav && config.isTablet && (
-                        <div className='footer__resources'>
-                          <p className={'sans-serif --small footer-links__title'}>{resourcesBlock.title}</p>
-                          <ul>{resourcesBlock.links}</ul>
-                        </div>
-                      )}
-                    </>
-                  )}
-                </div>
-                {!config.isTablet && (
-                  <div className={'footer__help__resources'}>
-                    <div>
-                      <div className='footer__help'>
-                        <p className={'sans-serif --small footer-links__title'}>{helpBlock.title}</p>
-                        <ul>{helpBlock.links}</ul>
-                      </div>
-                      {!config.isJonSnow && config.hasGrav && (
-                        <div className='footer__resources'>
-                          <p className={'sans-serif --small footer-links__title'}>{resourcesBlock.title}</p>
-                          <ul>{resourcesBlock.links}</ul>
-                        </div>
-                      )}
-                    </div>
-                  </div>
-                )}
-                <div className={'footer__findUs'}>
-                  <div className='find-us-container'>
-                    {!config.isJonSnow && (
-                      <>
-                        <div className='find-us-content'>
-                          <p className={'sans-serif --small footer-links__title'}>Find us</p>
-                          <ul>
-                            <li>
-                              <a
-                                href={'https://www.facebook.com/lawdistrictlegal'}
-                                rel='noopener noreferrer'
-                                target='_blank'
-                              >
-                                <img src={facebook} alt='Facebook logo' width='32' height='32' />
-                              </a>
-                            </li>
-                            <li>
-                              <a href={'https://twitter.com/district_law'} rel='noopener noreferrer' target='_blank'>
-                                <img src={x} alt='Twitter logo' width='32' height='32' />
-                              </a>
-                            </li>
-                            <li>
-                              <a
-                                href={'https://www.linkedin.com/company/law-district/'}
-                                rel='noopener noreferrer'
-                                target='_blank'
-                              >
-                                <img src={linkedin} alt='Linkedin logo' width='32' height='32' />
-                              </a>
-                            </li>
-                            <li>
-                              <a
-                                href={'https://www.pinterest.com/lawdistrict/'}
-                                rel='noopener noreferrer'
-                                target='_blank'
-                              >
-                                <img src={pinterest} alt='Pinterest logo' width='32' height='32' />
-                              </a>
-                            </li>
-                          </ul>
-                        </div>
-                        <div className={'footer-contact-box'}>
-                          <span className='footer-contact-box_phone'>{config.sitePhone}</span>
-                          <Button
-                            centered
-                            isExternal
-                            link={`tel:${config.sitePhone}`}
-                            givenClass={'footer-contact-box-button'}
-                            label={config.sitePhone}
-                            dataQa={'footer_contact_box'}
-                          />
-                          <span className='footer-contact-box_schedule'>{config.siteSchedule}</span>
-                        </div>
-                      </>
-                    )}
-                    <div className={'footer__logo'}>
-                      <Logo
-                        className='footer__lawdistrict'
-                        siteName={config.siteName}
-                        width='138'
-                        height='24'
-                        type='white'
-                      />
-                    </div>
-                  </div>
-                  {config.hasTrustPilot && footer.trustPilotWidget}
-                </div>
-                {!config.isJonSnow && (
-                  <div className={'footer-mobile-contact-box'}>
-                    <ContactBox
-                      mobile={true}
-                      phone={config.sitePhone}
-                      schedule={config.siteSchedule}
-                      mobileGtmTag='clicked_phone_footer'
-                      dataQa='footer_contact_box'
-                      darkMode
-                    />
-                  </div>
-                )}
-              </section>
-            </>
-          ) : null}
-          {config.hasContactBar && (
-            <WideInfoBar>
-              <>
-                <div className={`contact-bar-wrapper ${(config.isJonSnow || config.isAnonymousPayment) && 'hidden'}`}>
-                  <IconWeb />
-                  <div className='contact-bar-wrapper__text'>
-                    <div className='is-mobile'>
-                      <a className='phone' href={`tel:${config.sitePhone}`}>
-                        <strong>{config.sitePhone}</strong>
-                      </a>
-                      {` - ${config.siteSchedule}`}
-                    </div>
-                    <div className='no-mobile'>
-                      <strong>{config.sitePhone}</strong> - {config.siteSchedule}
-                    </div>
-                  </div>
-                </div>
-                <div className='contact-bar-wrapper'>
-                  <img src={securityIconBlack} alt='' />
-                  <p className='contact-bar-wrapper__text'>{footer.securityText}</p>
-                </div>
-                <div className='contact-bar-wrapper'>
-                  <img src={guaranteeIconGrey} alt='' />
-                  <p className='contact-bar-wrapper__text'>{footer.guaranteeText}</p>
-                </div>
-              </>
-            </WideInfoBar>
-          )}
-          {footer.disclaimerText && <Disclaimer text={footer.disclaimerText} siteUrl={config.siteUrl} />}
-          <div className='fixed-container'>{footer.createDocumentBlock}</div>
-        </footer>
-      )}
-      {footer.bottomFixedBlock}
-    </FixedFooterStyled>
-  )
-}

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

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

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

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

@@ -1,70 +0,0 @@
-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/index.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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