@npm_leadtech/legal-lib-components 7.44.6 → 7.45.0

package/dist/src/components/sections/Header/Header.styled.ts

@@ -1,143 +0,0 @@
-import { device, size } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const HeaderStyled = styled.header`
-  position: sticky;
-  top: 0;
-  transition: all 0.3s ease;
-  z-index: 1000;
-
-  @media (max-width: ${size.tab}) {
-    position: sticky;
-    top: 0;
-    width: 100%;
-    z-index: 111111111111;
-  }
-
-  html[data-theme='lawdistrict'] {
-    .header {
-      &.product-header-background {
-        background-color: var(--secondary-main-light-4);
-      }
-    }
-  }
-
-  .header__inner {
-    align-items: center;
-    justify-content: space-between;
-    padding: 1rem 1.5rem;
-
-    @media (min-width: ${size.tab}) {
-      padding: 1rem 2rem 1rem 2rem;
-    }
-  }
-
-  &.scrollDown {
-    background-color: var(--others-white) !important;
-    box-shadow: var(--box-shadow-small);
-  }
-
-  .top-bar-wrapper {
-    .top-bar {
-      @media (max-width: ${size.tab}) {
-        font-size: 0.78rem;
-        letter-spacing: -0.5px;
-      }
-    }
-
-    .top-bar-content {
-      width: 100%;
-      display: flex;
-      justify-content: space-around;
-      @media ${device.tablets} {
-        justify-content: center;
-        width: auto;
-      }
-      span {
-        display: none;
-
-        @media ${device['laptop']} {
-          display: inline;
-        }
-      }
-    }
-  }
-
-  .top-bar-mobile {
-    font-size: 14px;
-    padding: 8px 10px;
-    letter-spacing: normal;
-  }
-
-  &.hide-header-in-mobile {
-    position: relative;
-
-    @media ${device.tablets} {
-      position: sticky;
-    }
-  }
-
-  &__inner {
-    max-width: 1200px;
-    padding: 1rem 1.5rem;
-    align-items: center;
-    justify-content: space-between;
-
-    @media (min-width: ${size.tab}) {
-      padding: 1rem;
-    }
-  }
-
-  .header__logo {
-    z-index: 200;
-    min-width: max-content;
-
-    img {
-      @media (max-width: 1024px) {
-        width: 141px;
-        height: auto;
-      }
-    }
-  }
-
-  &.product-header-background {
-    background-color: var(--primary-main-light-6);
-  }
-
-  &.transparent-header-background {
-    background-color: transparent;
-  }
-
-  &.form-header-background {
-    background-color: var(--others-white);
-  }
-
-  &.esignature-header-background {
-    background-color: var(--neutral-neutral-5);
-  }
-
-  .--no-grid {
-    padding: 0 2rem;
-  }
-
-  &.--is-open {
-    background: var(--others-white);
-    position: fixed;
-    width: 100%;
-  }
-
-  a {
-    text-decoration: none;
-  }
-
-  .refresh-container {
-    height: 70px;
-    padding-top: 10px;
-
-    .e-button {
-      width: 140px;
-      margin-left: auto;
-      margin-right: auto;
-    }
-  }
-`

package/dist/src/components/sections/Header/Header.tsx

@@ -1,28 +0,0 @@
-import React, { ReactElement, forwardRef } from 'react'
-
-import { Logo, TopBar } from '../../atoms'
-import { type HeaderProps } from './HeaderProps.types'
-import { HeaderStyled } from './Header.styled'
-import { NavMenu } from '../../organisms/NavMenu'
-
-const Header = forwardRef<HTMLDivElement, HeaderProps>(
-  ({ mainHeaderProps, topBarProps, navMenuProps }, ref): ReactElement => {
-    const { classnames, siteName } = mainHeaderProps
-
-    return (
-      <HeaderStyled className={`header ${classnames}`} ref={ref} id='header'>
-        <TopBar {...topBarProps} />
-        <span itemScope itemType='https://www.schema.org/Brand' className={'flex header__inner'}>
-          <a data-qa={'Header_Logo'} className='header__logo' href='/'>
-            <Logo siteName={siteName} width='188' height='32' />
-          </a>
-          <NavMenu {...navMenuProps} />
-        </span>
-      </HeaderStyled>
-    )
-  }
-)
-
-Header.displayName = 'Header'
-
-export default Header

package/dist/src/components/sections/Header/HeaderProps.types.d.ts

@@ -1,95 +0,0 @@
-import { DocumentListMenuSectionProps } from '../../molecules/DocumentListMenuSection';
-import { type LanguageSelectorProps } from '../../organisms/LanguageSelector/LanguageSelectorProps';
-import { Products } from '../../organisms/NavMenu/NavMenuProps.types';
-interface StaticRoutes {
-    LOGIN: string;
-    MY_DOCUMENTS: string;
-    REGISTER: string;
-    SIGN_EDITOR: string;
-    RATAFIA_LOGIN: string;
-    LEGAL_DOCUMENTS: string;
-}
-interface DynamicRoutes {
-    CUSTOM_URL_FROM_APP_SUBDOMAIN: (url: string) => string;
-    CUSTOM_URL_FROM_TARGET_ADDRESS: (url: string) => string;
-    LEGAL_DOCUMENTS_WITH_HASH: (category: string) => string;
-    LEGAL_DOCUMENTS_WITH_CATEGORY: (category: string) => string;
-}
-export type Routes = StaticRoutes & DynamicRoutes;
-export interface StrapiSearchBar {
-    title: string;
-    placeholder: string;
-}
-export interface HeaderProps {
-    mainHeaderProps: {
-        classnames?: string;
-        hide?: boolean;
-        siteName: string;
-    };
-    topBarProps: {
-        hide?: boolean;
-        isVisible?: boolean;
-        children?: React.ReactNode;
-    };
-    navMenuProps: {
-        isLeftNavHidden?: boolean;
-        isHeaderProductsHidden?: boolean;
-        isSearchBarHidden?: boolean;
-        isResourcesHidden?: boolean;
-        showHeaderPhone?: boolean;
-        showContactBar?: boolean;
-        showContactBarMobile?: boolean;
-        languageSelectorProps?: LanguageSelectorProps;
-        userActions: React.ReactNode;
-        menuStrings: {
-            seeAllLegalDocs: string;
-            seeAllTypeDocs: string;
-            allLegalDocs: string;
-            allTypeDocs: string;
-        };
-        routes: Routes;
-        searchBarTexts: StrapiSearchBar;
-        sitePhone: string;
-        handleResultClick: (product: string, link: string) => void;
-        searchableProducts: Products[];
-        isMenuOpen: boolean;
-        languageSelectorConfigEnabled: boolean;
-        isJonSnow: boolean;
-        triggerMenuOpen: React.ReactNode;
-        triggerMenuClose: React.ReactNode;
-        toggleMenuOpen: () => void;
-        setCookiePolicyFunc: (url?: string, setCookiePolicyAccepted?: boolean) => void;
-        finalMenu: DocumentListMenuSectionProps[];
-        configVars: {
-            TARGET_ADDRESS: string;
-            ESIGNATURE_CONFIG: {
-                ENABLED: boolean;
-                SIGN_SUBDOMAIN: string;
-            };
-            IS_JONSNOW: boolean;
-            HAS_GRAV_SITEMAP: boolean;
-            RATAFIA_CONFIG: {
-                ENABLED: boolean;
-                CLAUSES_ENABLED: boolean;
-            };
-            HAS_SUBCATEGORY_PAGE: boolean;
-        };
-        navMenuItems: {
-            title: string;
-            dataQa: string;
-            href: string;
-            label: string;
-        }[];
-        extraMenu?: {
-            title: string;
-            items: {
-                title: string;
-                dataQa: string;
-                href: string;
-                label: string;
-            }[];
-        };
-    };
-    ref: React.Ref<HTMLDivElement>;
-}
-export {};

package/dist/src/components/sections/Header/HeaderProps.types.js

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

package/dist/src/components/sections/Header/HeaderProps.types.ts

@@ -1,99 +0,0 @@
-import { DocumentListMenuSectionProps } from '../../molecules/DocumentListMenuSection'
-import { type LanguageSelectorProps } from '../../organisms/LanguageSelector/LanguageSelectorProps'
-import { Products } from '../../organisms/NavMenu/NavMenuProps.types'
-
-interface StaticRoutes {
-  LOGIN: string
-  MY_DOCUMENTS: string
-  REGISTER: string
-  SIGN_EDITOR: string
-  RATAFIA_LOGIN: string
-  LEGAL_DOCUMENTS: string
-}
-
-interface DynamicRoutes {
-  CUSTOM_URL_FROM_APP_SUBDOMAIN: (url: string) => string
-  CUSTOM_URL_FROM_TARGET_ADDRESS: (url: string) => string
-  LEGAL_DOCUMENTS_WITH_HASH: (category: string) => string
-  LEGAL_DOCUMENTS_WITH_CATEGORY: (category: string) => string
-}
-
-export type Routes = StaticRoutes & DynamicRoutes
-
-export interface StrapiSearchBar {
-  title: string
-  placeholder: string
-}
-
-export interface HeaderProps {
-  mainHeaderProps: {
-    classnames?: string
-    hide?: boolean
-    siteName: string
-  }
-  topBarProps: {
-    hide?: boolean
-    isVisible?: boolean
-    children?: React.ReactNode
-  }
-  navMenuProps: {
-    isLeftNavHidden?: boolean
-    isHeaderProductsHidden?: boolean
-    isSearchBarHidden?: boolean
-    isResourcesHidden?: boolean
-    showHeaderPhone?: boolean
-    showContactBar?: boolean
-    showContactBarMobile?: boolean
-    languageSelectorProps?: LanguageSelectorProps
-    userActions: React.ReactNode
-    menuStrings: {
-      seeAllLegalDocs: string
-      seeAllTypeDocs: string
-      allLegalDocs: string
-      allTypeDocs: string
-    }
-    routes: Routes
-    searchBarTexts: StrapiSearchBar
-    sitePhone: string
-    handleResultClick: (product: string, link: string) => void
-    searchableProducts: Products[]
-    isMenuOpen: boolean
-    languageSelectorConfigEnabled: boolean
-    isJonSnow: boolean
-    triggerMenuOpen: React.ReactNode
-    triggerMenuClose: React.ReactNode
-    toggleMenuOpen: () => void
-    setCookiePolicyFunc: (url?: string, setCookiePolicyAccepted?: boolean) => void
-    finalMenu: DocumentListMenuSectionProps[]
-    configVars: {
-      TARGET_ADDRESS: string
-      ESIGNATURE_CONFIG: {
-        ENABLED: boolean
-        SIGN_SUBDOMAIN: string
-      }
-      IS_JONSNOW: boolean
-      HAS_GRAV_SITEMAP: boolean
-      RATAFIA_CONFIG: {
-        ENABLED: boolean
-        CLAUSES_ENABLED: boolean
-      }
-      HAS_SUBCATEGORY_PAGE: boolean
-    }
-    navMenuItems: {
-      title: string
-      dataQa: string
-      href: string
-      label: string
-    }[]
-    extraMenu?: {
-      title: string
-      items: {
-        title: string
-        dataQa: string
-        href: string
-        label: string
-      }[]
-    }
-  }
-  ref: React.Ref<HTMLDivElement>
-}

package/dist/src/components/sections/Header/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Header } from './Header';
-export { type HeaderProps } from './HeaderProps.types';

package/dist/src/components/sections/Header/index.js

@@ -1 +0,0 @@
-export { default as Header } from './Header';

package/dist/src/components/sections/Header/index.ts

@@ -1,2 +0,0 @@
-export { default as Header } from './Header'
-export { type HeaderProps } from './HeaderProps.types'

package/dist/src/components/sections/HeroSection/HeroSection.d.ts

@@ -1,4 +0,0 @@
-import { type FC } from 'react';
-import { type HeroSectionProps } from './HeroSectionProps.types';
-declare const HeroSection: FC<HeroSectionProps>;
-export default HeroSection;

package/dist/src/components/sections/HeroSection/HeroSection.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { HeroContent } from '../../organisms/HeroContent';
-import { HeroSectionStyled } from './HeroSectionStyled.styled';
-const HeroSection = ({ title, subTitle, content }) => {
-    return (_jsx(HeroSectionStyled, { className: 'hero-section', children: _jsxs("div", { className: 'wrapper wrapper--responsive', children: [_jsx("div", { className: 'hero-section__title', children: _jsx("span", { className: 'hero-section__title__text', children: title }) }), Boolean(subTitle) && _jsx("h1", { className: 'hero-section__sub-title', children: subTitle }), _jsx(HeroContent, { image: content.image, button: content?.button, children: content.children })] }) }));
-};
-export default HeroSection;

package/dist/src/components/sections/HeroSection/HeroSection.tsx

@@ -1,24 +0,0 @@
-import React, { type FC } from 'react'
-
-import { HeroContent } from '../../organisms/HeroContent'
-import { type HeroSectionProps } from './HeroSectionProps.types'
-import { HeroSectionStyled } from './HeroSectionStyled.styled'
-
-const HeroSection: FC<HeroSectionProps> = ({ title, subTitle, content }) => {
-  return (
-    <HeroSectionStyled className='hero-section'>
-      <div className='wrapper wrapper--responsive'>
-        <div className='hero-section__title'>
-          <span className='hero-section__title__text'>{title}</span>
-        </div>
-        {Boolean(subTitle) && <h1 className='hero-section__sub-title'>{subTitle}</h1>}
-
-        <HeroContent image={content.image} button={content?.button}>
-          {content.children}
-        </HeroContent>
-      </div>
-    </HeroSectionStyled>
-  )
-}
-
-export default HeroSection

package/dist/src/components/sections/HeroSection/HeroSectionProps.types.d.ts

@@ -1,6 +0,0 @@
-import { type HeroContentProps } from '../../organisms/HeroContent';
-export interface HeroSectionProps {
-    title: string;
-    subTitle?: string;
-    content: HeroContentProps;
-}

package/dist/src/components/sections/HeroSection/HeroSectionProps.types.js

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

package/dist/src/components/sections/HeroSection/HeroSectionProps.types.ts

@@ -1,7 +0,0 @@
-import { type HeroContentProps } from '../../organisms/HeroContent'
-
-export interface HeroSectionProps {
-  title: string
-  subTitle?: string
-  content: HeroContentProps
-}

package/dist/src/components/sections/HeroSection/HeroSectionStyled.styled.d.ts

@@ -1 +0,0 @@
-export declare const HeroSectionStyled: 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/sections/HeroSection/index.d.ts

@@ -1,2 +0,0 @@
-export { default as HeroSection } from './HeroSection';
-export { type HeroSectionProps } from './HeroSectionProps.types';

package/dist/src/components/sections/HeroSection/index.js

@@ -1 +0,0 @@
-export { default as HeroSection } from './HeroSection';

package/dist/src/components/sections/HeroSection/index.ts

@@ -1,2 +0,0 @@
-export { default as HeroSection } from './HeroSection'
-export { type HeroSectionProps } from './HeroSectionProps.types'

package/dist/src/components/sections/LawGeniusCardsSection/LawGeniusCardsSection.d.ts

@@ -1,4 +0,0 @@
-import { type FC } from 'react';
-import { type LawGeniusCardsSectionProps } from './LawGeniusCardsSectionProps.types';
-declare const LawGeniusCardsSection: FC<LawGeniusCardsSectionProps>;
-export default LawGeniusCardsSection;

package/dist/src/components/sections/LawGeniusCardsSection/LawGeniusCardsSection.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../../atoms';
-import { LawGeniusCardsSectionStyled } from './LawGeniusCardsSection.styled';
-import { LawGeniusInfoCard } from '../../molecules/LawGeniusInfoCard';
-import { useIsMobileOrTable } from '../../../hooks';
-const LawGeniusCardsSection = ({ title, contentTop, contentBottom, card1, card2, card3, ctaLabel, ctaLink = '#', handleOnClick, ctaDataQa = 'ai-section-cta', image }) => {
-    const { isMobile } = useIsMobileOrTable();
-    if (contentTop == undefined)
-        return null;
-    return (_jsx(LawGeniusCardsSectionStyled, { className: 'layout-ratafia-section', children: _jsxs("div", { className: 'layout-ratafia-section__wrapper background-ratafia-animation', children: [_jsxs("div", { className: 'layout-ratafia-section__topContent', children: [title && (_jsx("h2", { className: 'layout-ratafia-section__wrapper__info__paragraph__title sans-serif --super-large --bold-weight', children: title })), image !== null && _jsx("div", { className: 'layout-ratafia-section__wrapper__image__mobile', children: image }), _jsx("div", { className: 'layout-ratafia-section__wrapper__info__paragraph__content sans-serif --super-medium', children: contentTop })] }), _jsxs("div", { className: 'layout-ratafia-section__wrapperContent', children: [_jsxs("div", { className: 'layout-ratafia-section__wrapper__info', children: [_jsxs("div", { className: 'layout-ratafia-section__wrapper__info cards', children: [_jsx(LawGeniusInfoCard, { title: card1?.title ?? '', text: card1?.text ?? '', icon: card1?.icon }), _jsx(LawGeniusInfoCard, { title: card2?.title ?? '', text: card2?.text ?? '', icon: card2?.icon }), _jsx(LawGeniusInfoCard, { title: card3?.title ?? '', text: card3?.text ?? '', icon: card3?.icon })] }), _jsx("div", { className: 'layout-ratafia-section__wrapper__info__paragraph__content sans-serif --super-medium bottomContent', children: contentBottom }), ctaLabel && (_jsx("div", { className: 'layout-ratafia-section__wrapper__info__button', children: _jsx(Button, { givenClass: 'mid-banner-ratafia-content__cta', dataQa: ctaDataQa, link: ctaLink, onClick: handleOnClick, color: 'primary', label: ctaLabel, fluid: isMobile }) }))] }), image !== null && _jsx("div", { className: 'layout-ratafia-section__wrapper__image', children: image })] })] }) }));
-};
-export default LawGeniusCardsSection;

package/dist/src/components/sections/LawGeniusCardsSection/LawGeniusCardsSection.styled.d.ts

@@ -1 +0,0 @@
-export declare const LawGeniusCardsSectionStyled: 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/sections/LawGeniusCardsSection/LawGeniusCardsSection.styled.js

@@ -1,118 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const LawGeniusCardsSectionStyled = styled.section `
-  display: flex;
-  justify-content: center;
-  align-content: center;
-  width: 100%;
-  background-color: var(--neutral-neutral-6);
-  padding: 2rem 1.5rem;
-
-  @media ${device.laptop} {
-    padding: 3rem 2rem;
-  }
-
-  @media ${device['desktop-xl']} {
-    padding: 3rem 0;
-  }
-
-  .layout-ratafia-section {
-    &__topContent {
-      display: flex;
-      flex-direction: column;
-      color: var(--others-white);
-    }
-    &__wrapper {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      align-self: stretch;
-      padding: 1.5rem;
-      gap: 2rem;
-      border-radius: var(--l-border-radius);
-      max-width: 1200px;
-
-      @media ${device['landscape-tablets']} {
-        padding: 2.5rem;
-      }
-
-      @media ${device.laptop} {
-        gap: 2rem;
-        padding: 4rem;
-      }
-
-      &__info {
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: flex-start;
-        align-self: stretch;
-        gap: 1.5rem;
-
-        .bottomContent {
-          p {
-            color: var(--others-white);
-          }
-        }
-
-        &__paragraph {
-          display: flex;
-          flex-direction: column;
-          gap: var(--global-gap);
-          color: var(--others-white);
-
-          p:not(:last-child) {
-            margin-bottom: 1.5rem;
-          }
-
-          @media ${device.laptop} {
-            &__title {
-              margin-bottom: 1rem;
-            }
-          }
-        }
-
-        &__button {
-          display: flex;
-          width: 100%;
-        }
-
-        &.cards {
-          gap: 1rem;
-        }
-      }
-
-      &__image {
-        display: none;
-        flex: 450px 0 0;
-        img {
-          object-fit: cover;
-        }
-
-        @media ${device.laptop} {
-          display: flex;
-        }
-
-        &__mobile {
-          display: flex;
-          width: 70%;
-          margin: 2rem auto;
-
-          @media ${device.laptop} {
-            display: none;
-          }
-        }
-      }
-    }
-    &__wrapperContent {
-      display: flex;
-      flex-direction: column;
-      gap: 2rem;
-
-      @media ${device.laptop} {
-        flex-flow: row nowrap;
-      }
-    }
-  }
-`;