@npm_leadtech/legal-lib-components 5.20.2 → 5.21.0

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

@@ -1,73 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../Button';
-import { ContactBox } from '../../molecules/ContactBox';
-import { Disclaimer } from '../Disclaimer';
-import { FixedFooterStyled } from './FixedFooter.styled';
-import { IconWeb } from '../../../../images/componentsSvg/IconWeb';
-import { Logo } from '../Logo';
-import { PhoneIcon } from '../../../../images/componentsSvg/PhoneIcon';
-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 = ({ 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: _jsx(_Fragment, {}),
-    createDocumentBlock: _jsx(_Fragment, {}),
-    trustPilotWidget: _jsx(_Fragment, {})
-}, 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: _jsx(_Fragment, {}),
-    allProductsLink: _jsx(_Fragment, {})
-}, popularDocumentsBlock = {
-    title: 'Popular Documents',
-    popularDocuments: _jsx(_Fragment, {})
-}, companyBlock = {
-    title: 'Company',
-    links: _jsx(_Fragment, {})
-}, helpBlock = {
-    title: 'Help',
-    links: _jsx(_Fragment, {})
-}, resourcesBlock = {
-    title: 'Resources',
-    links: _jsx(_Fragment, {})
-}, languageSelector = {
-    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: "Find us" }), _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_phone-button', label: config.sitePhone, dataQa: 'footer_contact_box' })] })] })), _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 && (_jsx("div", { className: 'footer__mobile-contact', children: _jsx(ContactBox, { mobile: true, phone: config.sitePhone, schedule: config.siteSchedule, mobileGtmTag: 'clicked_phone_footer', dataQa: 'footer_contact_box', darkMode: true }) }))] })] })) : 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 })] })] }) })), _jsx(Disclaimer, { text: footer.disclaimerText, siteUrl: config.siteUrl }), _jsx("div", { className: 'fixed-container', children: footer.createDocumentBlock })] })), footer.bottomFixedBlock] }));
-};

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

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

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

@@ -1,394 +0,0 @@
-import styled from 'styled-components';
-export const FixedFooterStyled = styled.div `
-  .footer {
-    margin-top: auto;
-    left: 0;
-    bottom: 0;
-    position: static;
-    width: 100%;
-    background-color: var(--primary-main-dark-2);
-    color: var(--primary-main-light-6);
-  }
-
-  .language-selector-mobile-container {
-    max-width: 1200px;
-    margin: auto;
-    padding: 2.75rem 1rem 1rem;
-  }
-
-  @media (min-width: 720px) {
-    .language-selector-mobile-container {
-      display: none;
-    }
-  }
-
-  .footer a {
-    color: var(--primary-main-light-6);
-    text-decoration: none;
-  }
-
-  .footer li {
-    margin-bottom: 1.25rem;
-  }
-
-  .footer li a {
-    padding: 0.5rem 0;
-  }
-
-  .footer li:last-child {
-    margin-bottom: 0;
-  }
-
-  .footer__wrapper {
-    display: flex;
-    flex-flow: row wrap;
-    max-width: 1200px;
-    width: 100%;
-    justify-content: center;
-    margin: 0 auto;
-    padding: 1rem 1rem 2.75rem;
-    grid-row-gap: 32px;
-  }
-
-  @media (min-width: 960px) {
-    .footer__wrapper {
-      padding: 2.75rem 0;
-    }
-  }
-
-  .footer__wrapper__logo {
-    width: 45%;
-    max-width: 45%;
-    display: flex;
-    align-items: baseline;
-  }
-
-  @media (min-width: 720px) {
-    .footer__wrapper__logo {
-      width: 100%;
-      max-width: 100%;
-    }
-  }
-
-  .sem-footer__wrapper {
-    display: flex;
-    flex-flow: column wrap;
-    width: 100%;
-    max-width: 1200px;
-    justify-content: space-between;
-    margin: auto;
-    padding: 1rem 1rem 2.75rem;
-    grid-row-gap: 32px;
-  }
-
-  @media (min-width: 960px) {
-    .sem-footer__wrapper {
-      flex-flow: row wrap;
-      padding: 1.5rem 1rem;
-    }
-  }
-
-  .sem-footer__legal-links {
-    display: flex;
-    flex-flow: row wrap;
-    align-items: center;
-    gap: 1rem;
-  }
-
-  .sem-footer__legal-links li {
-    margin-bottom: 0;
-  }
-
-  .sem-footer__contact-info {
-    display: flex;
-    flex-flow: column;
-    column-gap: 0.5rem;
-    row-gap: 0.25rem;
-  }
-
-  @media (min-width: 575px) {
-    .sem-footer__contact-info {
-      flex-flow: row;
-    }
-  }
-
-  .sem-footer__contact-info__phone {
-    display: flex;
-    align-items: center;
-    font-size: 0.8rem;
-  }
-
-  .sem-footer__contact-info__schedule {
-    font-size: 0.75rem;
-  }
-
-  .fixed-container {
-    position: fixed;
-    bottom: 0;
-    z-index: 3;
-    width: 100%;
-  }
-
-  .footer__products,
-  .footer__popular-documents,
-  .footer__company {
-    width: 100%;
-    max-width: 50%;
-    display: flex;
-    flex-flow: column wrap;
-    justify-content: flex-start;
-  }
-
-  .footer__products p,
-  .footer__popular-documents p,
-  .footer__company p {
-    margin-bottom: 1.5rem;
-  }
-
-  @media (min-width: 575px) {
-    .footer__products,
-    .footer__popular-documents,
-    .footer__company {
-      max-width: 28%;
-      padding-right: 1.5rem;
-    }
-  }
-
-  @media (min-width: 960px) {
-    .footer__products,
-    .footer__popular-documents,
-    .footer__company {
-      max-width: 20%;
-    }
-  }
-
-  @media (max-width: 575px) {
-    .footer__products,
-    .footer__popular-documents,
-    .footer__company {
-      max-width: 100%;
-    }
-  }
-
-  .footer__company__resources__findUs .footer__resources,
-  .footer__help__resources .footer__resources {
-    margin-top: 22px;
-  }
-
-  .footer__help__resources,
-  .footer__company {
-    display: flex;
-    flex-flow: column wrap;
-    justify-content: flex-start;
-    margin-bottom: 0;
-    max-width: 50%;
-    width: 100%;
-  }
-
-  @media (min-width: 575px) and (max-width: 960px) {
-    .footer__help__resources,
-    .footer__company {
-      display: block;
-    }
-  }
-
-  .footer__help__resources p,
-  .footer__company p {
-    margin-bottom: 1.5rem;
-  }
-
-  @media (min-width: 575px) {
-    .footer__help__resources,
-    .footer__company {
-      max-width: 22.5%;
-      padding-right: 1rem;
-    }
-  }
-
-  @media (min-width: 960px) {
-    .footer__help__resources,
-    .footer__company {
-      max-width: 15%;
-    }
-  }
-
-  .footer__findUs {
-    display: flex;
-    flex-flow: row nowrap;
-    flex-direction: column;
-    max-width: 100%;
-  }
-
-  .footer__findUs .trustpilot-widget {
-    margin-top: 0;
-  }
-
-  @media (min-width: 575px) {
-    .footer__findUs .trustpilot-widget {
-      margin-top: 22px;
-    }
-  }
-
-  @media (min-width: 720px) {
-    .footer__findUs {
-      display: block;
-      max-width: 20%;
-    }
-  }
-
-  @media (min-width: 960px) {
-    .footer__findUs {
-      max-width: 15%;
-    }
-  }
-
-  @media (max-width: 575px) {
-    .footer__findUs {
-      width: 100%;
-    }
-  }
-
-  .footer__findUs ul {
-    display: flex;
-    flex-direction: row;
-  }
-
-  .footer__findUs ul li {
-    margin-right: 0.4rem;
-  }
-
-  .footer-links__title {
-    width: 100%;
-    text-transform: uppercase;
-    font-weight: bold;
-    color: var(--primary-main-light-4);
-  }
-
-  .product-categories {
-    cursor: pointer;
-    display: flex;
-    flex-flow: row wrap;
-    align-items: flex-start;
-    flex-direction: row;
-    justify-content: space-between;
-    list-style-type: none;
-    font-family: 'Inter', sans-serif;
-    font-size: 12px;
-    font-weight: bold;
-    font-stretch: normal;
-    font-style: normal;
-    line-height: 1.33;
-    letter-spacing: -0.3px;
-    padding-top: 1rem;
-    width: 100%;
-    padding-bottom: 0.6rem;
-  }
-
-  .product-categories:not(:last-child) {
-    border-bottom: 1px solid var(--primary-main);
-  }
-
-  .product-categories:has(.open) {
-    padding-bottom: 0;
-  }
-
-  .expand-icon {
-    width: 10px;
-    height: 13px;
-    transform: rotate(90deg);
-    margin-right: 8px;
-  }
-
-  .expand-icon:before,
-  .expand-icon:after {
-    width: 2px;
-    background-color: var(--others-white);
-  }
-
-  .expand-icon.open {
-    transform: rotate(-90deg);
-  }
-
-  .rotate {
-    transform: rotate(180deg);
-  }
-
-  .list-box {
-    background-color: var(--primary-main-dark-1);
-    width: 100%;
-    padding-left: 0.5rem;
-    margin-top: 0.6rem;
-  }
-
-  .list-products {
-    margin: 14px 0;
-  }
-
-  .footer__media__logos__wrapper {
-    width: 84%;
-    display: flex;
-    justify-content: space-around;
-    padding-bottom: 35px;
-    flex-wrap: wrap;
-    flex-direction: row;
-  }
-
-  .footer__media__logos__wrapper .logo {
-    display: inline-flex;
-    padding-left: 20px;
-    align-items: center;
-    height: 59px;
-  }
-
-  .footer__media__logos__wrapper .logo:first-child {
-    padding-left: 0;
-  }
-
-  @media (max-width: 720px) {
-    .footer__media__logos__wrapper {
-      width: 100%;
-      padding-bottom: 15px;
-      flex-wrap: wrap;
-    }
-
-    .footer__media__logos__wrapper .logo {
-      width: 50%;
-    }
-  }
-
-  .separator {
-    display: block;
-    width: 84%;
-    height: 1px;
-    background-color: var(--primary-main-light-1);
-    margin-bottom: 30px;
-  }
-
-  @media (max-width: 720px) {
-    .separator {
-      width: 100%;
-    }
-  }
-
-  .footer-trustpilot {
-    display: none;
-  }
-
-  @media (min-width: 720px) {
-    .footer-trustpilot {
-      display: flex;
-    }
-  }
-
-  .footer-trustpilot-mobile {
-    display: flex;
-    width: 100%;
-    margin: 1rem 0 2rem 0;
-  }
-
-  @media (min-width: 720px) {
-    .footer-trustpilot-mobile {
-      display: none;
-    }
-  }
-`;