@npm_leadtech/legal-lib-components 5.18.7 → 5.19.0

package/dist/src/components/organisms/LimitReachedContentRatafia/LimitReachedContentRatafia.styled.js

@@ -1,41 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const LimitReachedContentRatafiaStyled = styled.div `
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 1rem;
-  align-self: stretch;
-  @media ${device['portrait-tablets']} {
-    gap: 2rem;
-  }
-  .limit-reached-content-ratafia {
-    &__title {
-      color: var(--neutral-neutral-2);
-      font-size: 1rem;
-      @media ${device['portrait-tablets']} {
-        font-size: 1.125rem;
-      }
-    }
-    &__message {
-      display: flex;
-      padding: 0.5rem;
-      align-items: flex-start;
-      gap: 0.5rem;
-      @media ${device['portrait-tablets']} {
-        align-items: center;
-      }
-
-      border-radius: 0.25rem;
-      background: var(--neutral-neutral-6);
-      &__icon {
-        width: 0.875rem;
-        height: 0.875rem;
-        flex-shrink: 0;
-      }
-      &__text {
-        color: var(--neutral-neutral-2);
-      }
-    }
-  }
-`;

package/dist/src/components/organisms/LimitReachedContentRatafia/LimitReachedContentRatafia.styled.ts

@@ -1,42 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const LimitReachedContentRatafiaStyled = styled.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 1rem;
-  align-self: stretch;
-  @media ${device['portrait-tablets']} {
-    gap: 2rem;
-  }
-  .limit-reached-content-ratafia {
-    &__title {
-      color: var(--neutral-neutral-2);
-      font-size: 1rem;
-      @media ${device['portrait-tablets']} {
-        font-size: 1.125rem;
-      }
-    }
-    &__message {
-      display: flex;
-      padding: 0.5rem;
-      align-items: flex-start;
-      gap: 0.5rem;
-      @media ${device['portrait-tablets']} {
-        align-items: center;
-      }
-
-      border-radius: 0.25rem;
-      background: var(--neutral-neutral-6);
-      &__icon {
-        width: 0.875rem;
-        height: 0.875rem;
-        flex-shrink: 0;
-      }
-      &__text {
-        color: var(--neutral-neutral-2);
-      }
-    }
-  }
-`

package/dist/src/components/organisms/LimitReachedContentRatafia/LimitReachedContentRatafia.tsx

@@ -1,16 +0,0 @@
-import React, { type FC } from 'react'
-
-import { LimitReachedContentRatafiaProps } from '../LimitReachedContentRatafia'
-import { LimitReachedContentRatafiaStyled } from './LimitReachedContentRatafia.styled'
-
-export const LimitReachedContentRatafia: FC<LimitReachedContentRatafiaProps> = ({ title, message, icon }) => {
-  return (
-    <LimitReachedContentRatafiaStyled className='limit-reached-content-ratafia'>
-      <h2 className='limit-reached-content-ratafia__title sans-serif --bold-weight'>{title}</h2>
-      <div className='limit-reached-content-ratafia__message'>
-        <div className='limit-reached-content-ratafia__message__icon'>{icon}</div>
-        <div className='limit-reached-content-ratafia__message__text sans-serif --small'>{message}</div>
-      </div>
-    </LimitReachedContentRatafiaStyled>
-  )
-}

package/dist/src/components/organisms/LimitReachedContentRatafia/LimitReachedContentRatafiaProps.types.d.ts

@@ -1,5 +0,0 @@
-export interface LimitReachedContentRatafiaProps {
-    title: string;
-    message?: React.ReactNode;
-    icon?: React.ReactNode;
-}

package/dist/src/components/organisms/LimitReachedContentRatafia/LimitReachedContentRatafiaProps.types.js

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

package/dist/src/components/organisms/LimitReachedContentRatafia/LimitReachedContentRatafiaProps.types.ts

@@ -1,5 +0,0 @@
-export interface LimitReachedContentRatafiaProps {
-  title: string
-  message?: React.ReactNode
-  icon?: React.ReactNode
-}

package/dist/src/components/organisms/LimitReachedContentRatafia/index.d.ts

@@ -1,2 +0,0 @@
-export { LimitReachedContentRatafia } from './LimitReachedContentRatafia';
-export { type LimitReachedContentRatafiaProps } from './LimitReachedContentRatafiaProps.types';

package/dist/src/components/organisms/LimitReachedContentRatafia/index.js

@@ -1 +0,0 @@
-export { LimitReachedContentRatafia } from './LimitReachedContentRatafia';

package/dist/src/components/organisms/LimitReachedContentRatafia/index.ts

@@ -1,2 +0,0 @@
-export { LimitReachedContentRatafia } from './LimitReachedContentRatafia'
-export { type LimitReachedContentRatafiaProps } from './LimitReachedContentRatafiaProps.types'

package/dist/src/components/pages/LimitReachedRatafiaPage/LimitReachedRatafiaPage.d.ts

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

package/dist/src/components/pages/LimitReachedRatafiaPage/LimitReachedRatafiaPage.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../../atoms';
-import DisclaimerRatafia from '../../atoms/DisclaimerRatafia/DisclaimerRatafia';
-import { LayoutRatafia } from '../../organisms/LayoutRatafia';
-import { LimitReachedContentRatafia } from '../../organisms';
-import { LimitReachedRatafiaPageStyled } from './LimitReachedRatafiaPage.styled';
-export const LimitReachedRatafiaPage = ({ header, limitReachedContent, disclaimer, goToDashboardCta }) => {
-    const ctaButton = (_jsx(Button, { givenClass: 'limit-reached-ratafia-page__cta', dataQa: goToDashboardCta.dataQa, color: 'primary', label: goToDashboardCta.label, link: goToDashboardCta.link }));
-    const content = _jsx(LimitReachedContentRatafia, { ...limitReachedContent });
-    const footerDesktop = (_jsx(DisclaimerRatafia, { icon: disclaimer.icon, text: disclaimer.text, copyrightText: disclaimer.copyrightText, ctaTextShowDisclaimer: disclaimer.ctaTextShowDisclaimer, ctaTextCloseDisclaimer: disclaimer.ctaTextCloseDisclaimer }));
-    const footerMobile = (_jsxs(_Fragment, { children: [footerDesktop, ctaButton] }));
-    return (_jsx(LimitReachedRatafiaPageStyled, { className: 'limit-reached-ratafia-page', children: _jsx(LayoutRatafia, { header: header, content: content, cta: ctaButton, footerDesktop: footerDesktop, footerMobile: footerMobile }) }));
-};

package/dist/src/components/pages/LimitReachedRatafiaPage/LimitReachedRatafiaPage.styled.d.ts

@@ -1 +0,0 @@
-export declare const LimitReachedRatafiaPageStyled: 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/pages/LimitReachedRatafiaPage/LimitReachedRatafiaPage.styled.js

@@ -1,22 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const LimitReachedRatafiaPageStyled = styled.div `
-  background-color: var(--neutral-neutral-6);
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  flex: 1 0 0;
-  align-self: stretch;
-  gap: 1.5rem;
-  .limit-reached-ratafia-page {
-    &__cta {
-      align-self: start;
-      display: block;
-      width: 100%;
-      margin-top: 0.5rem;
-      @media ${device['portrait-tablets']} {
-        display: inline-block;
-      }
-    }
-  }
-`;

package/dist/src/components/pages/LimitReachedRatafiaPage/LimitReachedRatafiaPage.styled.ts

@@ -1,23 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const LimitReachedRatafiaPageStyled = styled.div`
-  background-color: var(--neutral-neutral-6);
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  flex: 1 0 0;
-  align-self: stretch;
-  gap: 1.5rem;
-  .limit-reached-ratafia-page {
-    &__cta {
-      align-self: start;
-      display: block;
-      width: 100%;
-      margin-top: 0.5rem;
-      @media ${device['portrait-tablets']} {
-        display: inline-block;
-      }
-    }
-  }
-`

package/dist/src/components/pages/LimitReachedRatafiaPage/LimitReachedRatafiaPage.tsx

@@ -1,56 +0,0 @@
-import React from 'react'
-
-import { Button } from '../../atoms'
-import DisclaimerRatafia from '../../atoms/DisclaimerRatafia/DisclaimerRatafia'
-import { LayoutRatafia } from '../../organisms/LayoutRatafia'
-import { LimitReachedContentRatafia } from '../../organisms'
-import { LimitReachedRatafiaPageProps } from './LimitReachedRatafiaPageProps.types'
-import { LimitReachedRatafiaPageStyled } from './LimitReachedRatafiaPage.styled'
-
-export const LimitReachedRatafiaPage: React.FC<LimitReachedRatafiaPageProps> = ({
-  header,
-  limitReachedContent,
-  disclaimer,
-  goToDashboardCta
-}) => {
-  const ctaButton = (
-    <Button
-      givenClass='limit-reached-ratafia-page__cta'
-      dataQa={goToDashboardCta.dataQa}
-      color='primary'
-      label={goToDashboardCta.label}
-      link={goToDashboardCta.link}
-    />
-  )
-
-  const content = <LimitReachedContentRatafia {...limitReachedContent} />
-
-  const footerDesktop = (
-    <DisclaimerRatafia
-      icon={disclaimer.icon}
-      text={disclaimer.text}
-      copyrightText={disclaimer.copyrightText}
-      ctaTextShowDisclaimer={disclaimer.ctaTextShowDisclaimer}
-      ctaTextCloseDisclaimer={disclaimer.ctaTextCloseDisclaimer}
-    />
-  )
-
-  const footerMobile = (
-    <>
-      {footerDesktop}
-      {ctaButton}
-    </>
-  )
-
-  return (
-    <LimitReachedRatafiaPageStyled className='limit-reached-ratafia-page'>
-      <LayoutRatafia
-        header={header}
-        content={content}
-        cta={ctaButton}
-        footerDesktop={footerDesktop}
-        footerMobile={footerMobile}
-      />
-    </LimitReachedRatafiaPageStyled>
-  )
-}

package/dist/src/components/pages/LimitReachedRatafiaPage/LimitReachedRatafiaPageProps.types.d.ts

@@ -1,15 +0,0 @@
-import type { DisclaimerRatafiaProps } from '../../atoms';
-import { type HeaderRatafiaProps } from '../../molecules';
-import { LimitReachedContentRatafiaProps } from '../../organisms';
-export interface LimitReachedRatafiaPageProps {
-    header: HeaderRatafiaProps;
-    limitReachedContent: LimitReachedContentRatafiaProps;
-    disclaimer: DisclaimerRatafiaProps;
-    goToDashboardCta: cta;
-}
-interface cta {
-    label: string;
-    link?: string;
-    dataQa: string;
-}
-export {};

package/dist/src/components/pages/LimitReachedRatafiaPage/LimitReachedRatafiaPageProps.types.js

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

package/dist/src/components/pages/LimitReachedRatafiaPage/LimitReachedRatafiaPageProps.types.ts

@@ -1,16 +0,0 @@
-import type { DisclaimerRatafiaProps } from '../../atoms'
-import { type HeaderRatafiaProps } from '../../molecules'
-import { LimitReachedContentRatafiaProps } from '../../organisms'
-
-export interface LimitReachedRatafiaPageProps {
-  header: HeaderRatafiaProps
-  limitReachedContent: LimitReachedContentRatafiaProps
-  disclaimer: DisclaimerRatafiaProps
-  goToDashboardCta: cta
-}
-
-interface cta {
-  label: string
-  link?: string
-  dataQa: string
-}

package/dist/src/components/pages/LimitReachedRatafiaPage/index.d.ts

@@ -1,2 +0,0 @@
-export { LimitReachedRatafiaPage } from './LimitReachedRatafiaPage';
-export { type LimitReachedRatafiaPageProps } from './LimitReachedRatafiaPageProps.types';

package/dist/src/components/pages/LimitReachedRatafiaPage/index.js

@@ -1 +0,0 @@
-export { LimitReachedRatafiaPage } from './LimitReachedRatafiaPage';

package/dist/src/components/pages/LimitReachedRatafiaPage/index.ts

@@ -1,2 +0,0 @@
-export { LimitReachedRatafiaPage } from './LimitReachedRatafiaPage'
-export { type LimitReachedRatafiaPageProps } from './LimitReachedRatafiaPageProps.types'

package/dist/src/components/pages/PricingRatafiaPage/PricingRatafiaPage.d.ts

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

package/dist/src/components/pages/PricingRatafiaPage/PricingRatafiaPage.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import DisclaimerRatafia from '../../atoms/DisclaimerRatafia/DisclaimerRatafia';
-import { LayoutRatafia } from '../../organisms';
-import { RatafiaSubscriptionCard } from '../../molecules';
-import { PricingRatafiaPageStyled } from './PricingRatafiaPage.styled';
-export const PricingRatafiaPage = ({ header, disclaimer, pricingPage }) => {
-    const footerDesktop = (_jsx(DisclaimerRatafia, { icon: disclaimer.icon, text: disclaimer.text, copyrightText: disclaimer.copyrightText, ctaTextShowDisclaimer: disclaimer.ctaTextShowDisclaimer, ctaTextCloseDisclaimer: disclaimer.ctaTextCloseDisclaimer }));
-    const footerMobile = _jsx(_Fragment, { children: footerDesktop });
-    const content = (_jsxs("div", { className: 'pricing-ratafia-page__content', children: [_jsx("div", { className: 'pricing-ratafia-page__content__title', children: pricingPage.title }), _jsx("div", { className: 'pricing-ratafia-page__content__cards', children: pricingPage.cardSubscription?.length > 0 &&
-                    pricingPage.cardSubscription.map((card) => _jsx(RatafiaSubscriptionCard, { ...card }, card.id)) })] }));
-    return (_jsx(PricingRatafiaPageStyled, { className: 'pricing-ratafia-page', children: _jsx(LayoutRatafia, { header: header, content: content, footerDesktop: footerDesktop, footerMobile: footerMobile }) }));
-};

package/dist/src/components/pages/PricingRatafiaPage/PricingRatafiaPage.styled.d.ts

@@ -1 +0,0 @@
-export declare const PricingRatafiaPageStyled: 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/pages/PricingRatafiaPage/PricingRatafiaPage.styled.js

@@ -1,28 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const PricingRatafiaPageStyled = styled.div `
-  background-color: var(--neutral-neutral-6);
-
-  .pricing-ratafia-page__content {
-    display: flex;
-    flex-flow: column nowrap;
-    gap: 2rem;
-    width: 100%;
-
-    &__title {
-      font-size: 18px;
-      font-weight: bold;
-      color: var(--neutral-neutral-2);
-    }
-
-    &__cards {
-      display: flex;
-      flex-direction: row;
-      gap: 1rem;
-
-      @media ${device.mobile} {
-        flex-direction: column;
-      }
-    }
-  }
-`;

package/dist/src/components/pages/PricingRatafiaPage/PricingRatafiaPage.styled.ts

@@ -1,29 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const PricingRatafiaPageStyled = styled.div`
-  background-color: var(--neutral-neutral-6);
-
-  .pricing-ratafia-page__content {
-    display: flex;
-    flex-flow: column nowrap;
-    gap: 2rem;
-    width: 100%;
-
-    &__title {
-      font-size: 18px;
-      font-weight: bold;
-      color: var(--neutral-neutral-2);
-    }
-
-    &__cards {
-      display: flex;
-      flex-direction: row;
-      gap: 1rem;
-
-      @media ${device.mobile} {
-        flex-direction: column;
-      }
-    }
-  }
-`

package/dist/src/components/pages/PricingRatafiaPage/PricingRatafiaPage.tsx

@@ -1,38 +0,0 @@
-import React from 'react'
-
-import DisclaimerRatafia from '../../atoms/DisclaimerRatafia/DisclaimerRatafia'
-import { LayoutRatafia } from '../../organisms'
-import { type PricingRatafiaPageProps } from './PricingRatafiaPageProps'
-import { RatafiaSubscriptionCard } from '../../molecules'
-
-import { PricingRatafiaPageStyled } from './PricingRatafiaPage.styled'
-
-export const PricingRatafiaPage: React.FC<PricingRatafiaPageProps> = ({ header, disclaimer, pricingPage }) => {
-  const footerDesktop = (
-    <DisclaimerRatafia
-      icon={disclaimer.icon}
-      text={disclaimer.text}
-      copyrightText={disclaimer.copyrightText}
-      ctaTextShowDisclaimer={disclaimer.ctaTextShowDisclaimer}
-      ctaTextCloseDisclaimer={disclaimer.ctaTextCloseDisclaimer}
-    />
-  )
-
-  const footerMobile = <>{footerDesktop}</>
-
-  const content = (
-    <div className='pricing-ratafia-page__content'>
-      <div className='pricing-ratafia-page__content__title'>{pricingPage.title}</div>
-      <div className='pricing-ratafia-page__content__cards'>
-        {pricingPage.cardSubscription?.length > 0 &&
-          pricingPage.cardSubscription.map((card) => <RatafiaSubscriptionCard key={card.id} {...card} />)}
-      </div>
-    </div>
-  )
-
-  return (
-    <PricingRatafiaPageStyled className='pricing-ratafia-page'>
-      <LayoutRatafia header={header} content={content} footerDesktop={footerDesktop} footerMobile={footerMobile} />
-    </PricingRatafiaPageStyled>
-  )
-}

package/dist/src/components/pages/PricingRatafiaPage/PricingRatafiaPageProps.d.ts

@@ -1,33 +0,0 @@
-import { type DisclaimerRatafiaProps } from '../../atoms';
-import { type HeaderRatafiaProps } from '../../molecules';
-export interface PricingRatafiaPageProps {
-    header: HeaderRatafiaProps;
-    disclaimer: DisclaimerRatafiaProps;
-    pricingPage: PricingPageProps;
-}
-export interface PricingPageProps {
-    title: string;
-    cardSubscription: SubscriptionCardProps[] | [];
-}
-export interface SubscriptionCardProps {
-    id: string;
-    cardStyle: CardStyleType;
-    iconTitle: FeatureImageProps;
-    title: string;
-    priceText: string;
-    mainFeatures: FeatureProps[] | [];
-    AIFeatures: FeatureProps[] | [];
-    buttonText: string;
-    linkText: string;
-}
-export type CardStyleType = 'Primary' | 'Secondary';
-interface FeatureProps {
-    description: string;
-    image: FeatureImageProps;
-    title: string;
-}
-interface FeatureImageProps {
-    name: string;
-    url: string;
-}
-export {};

package/dist/src/components/pages/PricingRatafiaPage/PricingRatafiaPageProps.js

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

package/dist/src/components/pages/PricingRatafiaPage/PricingRatafiaPageProps.ts

@@ -1,38 +0,0 @@
-import { type DisclaimerRatafiaProps } from '../../atoms'
-import { type HeaderRatafiaProps } from '../../molecules'
-
-export interface PricingRatafiaPageProps {
-  header: HeaderRatafiaProps
-  disclaimer: DisclaimerRatafiaProps
-  pricingPage: PricingPageProps
-}
-
-export interface PricingPageProps {
-  title: string
-  cardSubscription: SubscriptionCardProps[] | []
-}
-
-export interface SubscriptionCardProps {
-  id: string
-  cardStyle: CardStyleType
-  iconTitle: FeatureImageProps
-  title: string
-  priceText: string
-  mainFeatures: FeatureProps[] | []
-  AIFeatures: FeatureProps[] | []
-  buttonText: string
-  linkText: string
-}
-
-export type CardStyleType = 'Primary' | 'Secondary'
-
-interface FeatureProps {
-  description: string
-  image: FeatureImageProps
-  title: string
-}
-
-interface FeatureImageProps {
-  name: string
-  url: string
-}

package/dist/src/components/pages/PricingRatafiaPage/index.d.ts

@@ -1,2 +0,0 @@
-export * from './PricingRatafiaPage';
-export * from './PricingRatafiaPageProps';

package/dist/src/components/pages/PricingRatafiaPage/index.js

@@ -1,2 +0,0 @@
-export * from './PricingRatafiaPage';
-export * from './PricingRatafiaPageProps';

package/dist/src/components/pages/PricingRatafiaPage/index.ts

@@ -1,2 +0,0 @@
-export * from './PricingRatafiaPage'
-export * from './PricingRatafiaPageProps'