@npm_leadtech/legal-lib-components 5.22.0 → 5.22.2

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,70 @@
+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

@@ -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/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/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';

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';

package/dist/src/components/atoms/index.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'

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from '../../atoms';
 import { FreeDocModalContentStyled } from './FreeDocModalContent.styled';
-const FreeDocModalContent = ({ buttonLabel, bodyTitle, bodyText, closeModal, clickGoToFormInApp, isActiveDocument }) => {
+const FreeDocModalContent = ({ bodyTitle, bodyText, closeModal, clickGoToFormInApp, isActiveDocument }) => {
     const onGoToApp = () => {
         if (clickGoToFormInApp !== undefined)
             clickGoToFormInApp(null, '', true);
@@ -12,7 +12,7 @@ const FreeDocModalContent = ({ buttonLabel, bodyTitle, bodyText, closeModal, cli
     const buttonProps = {
         color: 'primary',
         size: 'S',
-        label: buttonLabel,
+        label: 'Make Document',
         dataQa: 'free-modal-doc-button',
         ...(isActiveDocument ? { noLink: true } : { link: '#' }),
         onClick: isActiveDocument ? onGoToApp : onNavigateToTop

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

@@ -7,7 +7,6 @@ import { type FreeDocModalContentProps } from './FreeDocModalContent.types'
 import { FreeDocModalContentStyled } from './FreeDocModalContent.styled'
 
 const FreeDocModalContent: FC<FreeDocModalContentProps> = ({
-  buttonLabel,
   bodyTitle,
   bodyText,
   closeModal,
@@ -25,7 +24,7 @@ const FreeDocModalContent: FC<FreeDocModalContentProps> = ({
   const buttonProps: ButtonProps = {
     color: 'primary',
     size: 'S',
-    label: buttonLabel,
+    label: 'Make Document',
     dataQa: 'free-modal-doc-button',
     ...(isActiveDocument ? { noLink: true } : { link: '#' }),
     onClick: isActiveDocument ? onGoToApp : onNavigateToTop

package/dist/src/components/molecules/FreeDocModalContent/FreeDocModalContent.types.d.ts

@@ -1,5 +1,4 @@
 export interface FreeDocModalContentProps {
-    buttonLabel: string;
     bodyTitle: string;
     bodyText: string;
     closeModal: () => void;

package/dist/src/components/molecules/FreeDocModalContent/FreeDocModalContent.types.ts

@@ -1,5 +1,4 @@
 export interface FreeDocModalContentProps {
-  buttonLabel: string
   bodyTitle: string
   bodyText: string
   closeModal: () => void

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useState } from 'react';
 import { Button, Message } from '../../atoms';
 import { PricingCardStyled } from './PricingCard.styled';
-const PricingCard = ({ order, subscriptionId, onChangeRadio, isChecked = false, planName, price, currency, underPricingText, featuresList = [], children, disclaimer, message, cardButton, seeLessLabel, seeMoreLabel }) => {
+const PricingCard = ({ order, subscriptionId, onChangeRadio, isChecked = false, planName, price, currency, underPricingText, featuresList = [], children, disclaimer, message, cardButton }) => {
     const [cardState, setCardState] = useState({ expanded: false });
     if (planName === undefined ||
         (onChangeRadio != null && subscriptionId === undefined) ||
@@ -22,7 +22,7 @@ const PricingCard = ({ order, subscriptionId, onChangeRadio, isChecked = false,
             return { ...prevState };
         });
     };
-    const renderMoreMobileButton = (_jsx(Button, { dataQa: '', givenClass: 'see-more-button', color: 'tertiary', label: cardState.expanded ? (seeLessLabel ?? 'See less') : (seeMoreLabel ?? 'See more'), noLink: true, onClick: toggleCardContent }));
+    const renderMoreMobileButton = (_jsx(Button, { dataQa: '', givenClass: 'see-more-button', color: 'tertiary', label: cardState.expanded ? 'See less' : 'See more', noLink: true, onClick: toggleCardContent }));
     const renderHeaderContent = (_jsx("div", { className: 'pricing-card__header', children: _jsx("h5", { className: 'sans-serif --big pricing-card__header__text', children: _jsx("strong", { children: planName }) }) }));
     const renderBodyContent = (_jsxs("div", { className: 'pricing-card__body', children: [Boolean(price) && (_jsxs("div", { className: 'sans-serif pricing-card__body__price', children: [_jsx("strong", { children: price }), _jsx("span", { children: currency }), Boolean(underPricingText) && _jsx("div", { className: 'pricing-card__body__text', children: underPricingText })] })), Boolean(featuresList.length) && (_jsxs("div", { className: `pricing-card__body__features-list ${expandedContentClass}`, children: [_jsx("hr", {}), _jsx("ul", { children: featuresList.map((feature) => (_jsx("li", { className: 'pricing-card__body__features-list__item', children: feature }, 'feature-item-' + feature))) })] })), children, featuresList != null && renderMoreMobileButton, cardButton, message != null && _jsx(Message, { ...message })] }));
     return (_jsxs(PricingCardStyled, { style: style, className: `pricing-card grid__column ${selectableCardClass} ${selectedCardClass}`, children: [_jsx("div", { className: 'pricing-card__wrapper', children: isSelectableCard ? (_jsxs("label", { className: 'pricing-card__radio-label', "data-qa": planName, children: [_jsx("input", { className: 'radio-input', type: 'radio', value: subscriptionId, onChange: onChangeRadio, name: 'pricing', checked: isChecked }), _jsx("span", { className: 'radio-checkbox' }), renderHeaderContent, renderBodyContent] })) : (_jsxs(_Fragment, { children: [renderHeaderContent, renderBodyContent] })) }), Boolean(disclaimer) && (_jsx("div", { className: 'pricing-card__disclaimer', children: _jsx("small", { children: disclaimer }) }))] }));

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

@@ -17,9 +17,7 @@ const PricingCard: FC<PricingCardProps> = ({
   children,
   disclaimer,
   message,
-  cardButton,
-  seeLessLabel,
-  seeMoreLabel
+  cardButton
 }) => {
   const [cardState, setCardState] = useState({ expanded: false })
   if (
@@ -50,7 +48,7 @@ const PricingCard: FC<PricingCardProps> = ({
       dataQa=''
       givenClass='see-more-button'
       color='tertiary'
-      label={cardState.expanded ? (seeLessLabel ?? 'See less') : (seeMoreLabel ?? 'See more')}
+      label={cardState.expanded ? 'See less' : 'See more'}
       noLink
       onClick={toggleCardContent}
     />

package/dist/src/components/molecules/PricingCard/PricingCardProps.types.d.ts

@@ -13,6 +13,4 @@ export interface PricingCardProps {
     disclaimer?: string;
     message?: MessageProps;
     cardButton?: any;
-    seeLessLabel?: string;
-    seeMoreLabel?: string;
 }

package/dist/src/components/molecules/PricingCard/PricingCardProps.types.ts

@@ -15,6 +15,4 @@ export interface PricingCardProps {
   disclaimer?: string
   message?: MessageProps
   cardButton?: any
-  seeLessLabel?: string
-  seeMoreLabel?: string
 }