@npm_leadtech/legal-lib-components 7.4.4 → 7.5.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "7.4.4",
+  "version": "7.5.1",
   "license": "ISC",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -126,12 +126,13 @@
     "./ActionButtonHeaderRatafiaCard": "./dist/src/components/atoms/ActionButtonHeaderRatafiaCard/index.js",
     "./AddButton": "./dist/src/components/atoms/AddButton/index.js",
     "./BaseBox": "./dist/src/components/atoms/BaseBox/index.js",
-    "./BenefitRatafiaCard": "./dist/src/components/atoms/BenefitRatafiaCard/index.js",
+    "./BenefitCard": "./dist/src/components/atoms/BenefitCard/index.js",
     "./BillCard": "./dist/src/components/atoms/BillCard/index.js",
     "./BottomOverlayMenu": "./dist/src/components/atoms/BottomOverlayMenu/index.js",
     "./BreadcrumItem": "./dist/src/components/atoms/BreadcrumItem/index.js",
     "./Button": "./dist/src/components/atoms/Button/index.js",
     "./ButtonIcon": "./dist/src/components/atoms/ButtonIcon/index.js",
+    "./CardBox": "./dist/src/components/atoms/CardBox/index.js",
     "./CardPane": "./dist/src/components/atoms/CardPane/index.js",
     "./Checkbox": "./dist/src/components/atoms/Checkbox/index.js",
     "./DialogMenuIcon": "./dist/src/components/atoms/DialogMenuIcon/index.js",
@@ -162,7 +163,7 @@
     "./PopularDocsItem": "./dist/src/components/atoms/PopularDocsItem/index.js",
     "./ProgressBar": "./dist/src/components/atoms/ProgressBar/index.js",
     "./Radio": "./dist/src/components/atoms/Radio/index.js",
-    "./RatafiaSubscriptionCard": "./dist/src/components/molecules/RatafiaSubscriptionCard/index.js",
+    "./SubscriptionCard": "./dist/src/components/molecules/SubscriptionCard/index.js",
     "./RatafiaLandingIcon": "./dist/src/components/atoms/RatafiaLandingIcon/index.js",
     "./RatafiaLoadingResultContent": "./dist/src/components/organisms/RatafiaLoadingResultContent/index.js",
     "./RatafiaResultCard": "./dist/src/components/atoms/RatafiaResultCard/index.js",
@@ -235,7 +236,7 @@
     "./TypeModulesList": "./dist/src/components/molecules/TypeModulesList/index.js",
     "./UploadRatafiaZone": "./dist/src/components/molecules/UploadRatafiaZone/index.js",
     "./WarningBox": "./dist/src/components/molecules/WarningBox/index.js",
-    "./AboutUsContent": "./dist/src/components/organisms/AboutUsContent/index.js",
+    "./HeroContent": "./dist/src/components/organisms/HeroContent/index.js",
     "./Accordion": "./dist/src/components/organisms/Accordion/index.js",
     "./ArticlesList": "./dist/src/components/organisms/ArticlesList/index.js",
     "./AsSeeInContent": "./dist/src/components/organisms/AsSeeInContent/index.js",
@@ -260,6 +261,7 @@
     "./TryOurFreeLegalBlogsContent": "./dist/src/components/organisms/TryOurFreeLegalBlogsContent/index.js",
     "./HowWeHelp": "./dist/src/components/organisms/HowWeHelp/index.js",
     "./AboutUsPage": "./dist/src/components/pages/AboutUsPage/index.js",
+    "./PricingPage": "./dist/src/components/pages/PricingPage/index.js",
     "./ContactUsPage": "./dist/src/components/pages/ContactUsPage/index.js",
     "./ErrorRatafiaPage": "./dist/src/components/pages/ErrorRatafiaPage/index.js",
     "./FaqsPage": "./dist/src/components/pages/FaqsPage/index.js",
@@ -271,7 +273,7 @@
     "./RatafiaPricingPage": "./dist/src/components/pages/RatafiaPricingPage/index.js",
     "./EsignatureLandingPage": "./dist/src/components/pages/EsignatureLandingPage/index.js",
     "./UnsubscribePage": "./dist/src/components/pages/UnsubscribePage/index.js",
-    "./AboutUsSection": "./dist/src/components/sections/AboutUsSection/index.js",
+    "./HeroSection": "./dist/src/components/sections/HeroSection/index.js",
     "./AsideMenuSection": "./dist/src/components/sections/AsideMenuSection/index.js",
     "./AsSeeInSection": "./dist/src/components/sections/AsSeeInSection/index.js",
     "./BenefitsRatafiaSection": "./dist/src/components/sections/BenefitsRatafiaSection/index.js",
@@ -285,6 +287,7 @@
     "./HowGetYourFormsSection": "./dist/src/components/sections/HowGetYourFormsSection/index.js",
     "./JumbotronRatafiaSection": "./dist/src/components/sections/JumbotronRatafiaSection/index.js",
     "./JumbotronSimplifiedSection": "./dist/src/components/sections/JumbotronSimplifiedSection/index.js",
+    "./CardBoxSection": "./dist/src/components/sections/CardBoxSection/index.js",
     "./LearnMoreSection": "./dist/src/components/sections/LearnMoreSection/index.js",
     "./LegalSection": "./dist/src/components/sections/LegalSection/index.js",
     "./MidBannerRatafiaSection": "./dist/src/components/sections/MidBannerRatafiaSection/index.js",

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

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

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

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BenefitRatafiaCardStyled } from './BenefitRatafiaCard.styled';
-export const BenefitRatafiaCard = ({ title, image, description }) => {
-    return (_jsxs(BenefitRatafiaCardStyled, { className: 'benefit-ratafia-card', children: [image !== null && _jsx("div", { className: 'benefit-ratafia-card__icon', children: image }), _jsxs("div", { className: 'benefit-ratafia-card__content', children: [_jsx("p", { className: 'sans-serif --big --bold-weight benefit-ratafia-card__content__title', children: title }), _jsx("p", { className: 'sans-serif --medium benefit-ratafia-card__content__description', children: description })] })] }));
-};
-export default BenefitRatafiaCard;

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

@@ -1,18 +0,0 @@
-import React from 'react'
-
-import { type BenefitRatafiaCardProps } from './BenefitRatafiaCardProps.types'
-import { BenefitRatafiaCardStyled } from './BenefitRatafiaCard.styled'
-
-export const BenefitRatafiaCard: React.FC<BenefitRatafiaCardProps> = ({ title, image, description }) => {
-  return (
-    <BenefitRatafiaCardStyled className='benefit-ratafia-card'>
-      {image !== null && <div className='benefit-ratafia-card__icon'>{image}</div>}
-      <div className='benefit-ratafia-card__content'>
-        <p className='sans-serif --big --bold-weight benefit-ratafia-card__content__title'>{title}</p>
-        <p className='sans-serif --medium benefit-ratafia-card__content__description'>{description}</p>
-      </div>
-    </BenefitRatafiaCardStyled>
-  )
-}
-
-export default BenefitRatafiaCard

package/dist/src/components/atoms/BenefitRatafiaCard/BenefitRatafiaCardProps.types.ts

@@ -1,6 +0,0 @@
-export interface BenefitRatafiaCardProps {
-  id: string
-  title: string
-  image?: React.ReactNode
-  description: string
-}

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

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

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

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

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

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

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

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, IconSvgURLWithThemeColor, RichTextStrapi } from '../../atoms';
-import { RatafiaSubscriptionCardStyled } from './RatafiaSubscriptionCard.styled';
-import { stringSlugify } from '../../../utils/stringSlugify';
-const RatafiaSubscriptionCard = ({ cardStyle = 'primary', iconTitle, title, priceText, mainFeatures, AIFeatures, buttonText, dataQa, handleClick }) => {
-    if (!title)
-        return null;
-    const buttonStyle = cardStyle === 'Secondary' ? 'primary3' : 'primary';
-    const renderFeatures = (features, className) => features.map((feature) => (_jsxs("div", { className: `ratafia-card__feature ${className ?? ''}`, children: [feature.image?.url && _jsx(IconSvgURLWithThemeColor, { url: feature.image.url, height: '16', width: '16' }), _jsx(RichTextStrapi, { html: feature.title })] }, feature.title)));
-    return (_jsxs(RatafiaSubscriptionCardStyled, { className: `ratafia-card ${cardStyle ? stringSlugify(cardStyle) : 'primary'}`, children: [_jsxs("div", { className: 'ratafia-card__header', children: [title && (_jsxs("div", { className: 'ratafia-card__title', children: [iconTitle?.url && _jsx(IconSvgURLWithThemeColor, { url: iconTitle.url, height: '26', width: '26' }), _jsx(RichTextStrapi, { html: title })] })), priceText && _jsx("div", { className: 'ratafia-card__price-text', children: priceText })] }), _jsx("hr", {}), _jsxs("div", { className: 'ratafia-card__body', children: [mainFeatures && renderFeatures(mainFeatures, 'main-feature'), AIFeatures && renderFeatures(AIFeatures, 'ratafia-feature')] }), buttonText && (_jsx("div", { className: 'ratafia-card__footer', children: _jsx(Button, { dataQa: `${dataQa ?? 'ratafia-card-button'}`, givenClass: 'ratafia-card__button', color: buttonStyle, label: buttonText, noLink: true, onClick: handleClick }) }))] }));
-};
-export default RatafiaSubscriptionCard;

package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.styled.d.ts

@@ -1 +0,0 @@
-export declare const RatafiaSubscriptionCardStyled: 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/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.tsx

@@ -1,61 +0,0 @@
-import React, { FC, ReactNode } from 'react'
-
-import { BenefitProps, RatafiaSubscriptionCardProps } from './RatafiaSubscriptionCardProps.types'
-import { Button, IconSvgURLWithThemeColor, RichTextStrapi } from '../../atoms'
-import { RatafiaSubscriptionCardStyled } from './RatafiaSubscriptionCard.styled'
-import { stringSlugify } from '../../../utils/stringSlugify'
-
-const RatafiaSubscriptionCard: FC<RatafiaSubscriptionCardProps> = ({
-  cardStyle = 'primary',
-  iconTitle,
-  title,
-  priceText,
-  mainFeatures,
-  AIFeatures,
-  buttonText,
-  dataQa,
-  handleClick
-}) => {
-  if (!title) return null
-  const buttonStyle = cardStyle === 'Secondary' ? 'primary3' : 'primary'
-  const renderFeatures = (features: BenefitProps[], className?: string): ReactNode =>
-    features.map((feature) => (
-      <div key={feature.title} className={`ratafia-card__feature ${className ?? ''}`}>
-        {feature.image?.url && <IconSvgURLWithThemeColor url={feature.image.url} height='16' width='16' />}
-        <RichTextStrapi html={feature.title} />
-      </div>
-    ))
-
-  return (
-    <RatafiaSubscriptionCardStyled className={`ratafia-card ${cardStyle ? stringSlugify(cardStyle) : 'primary'}`}>
-      <div className='ratafia-card__header'>
-        {title && (
-          <div className='ratafia-card__title'>
-            {iconTitle?.url && <IconSvgURLWithThemeColor url={iconTitle.url} height='26' width='26' />}
-            <RichTextStrapi html={title} />
-          </div>
-        )}
-        {priceText && <div className='ratafia-card__price-text'>{priceText}</div>}
-      </div>
-      <hr />
-      <div className='ratafia-card__body'>
-        {mainFeatures && renderFeatures(mainFeatures as unknown as BenefitProps[], 'main-feature')}
-        {AIFeatures && renderFeatures(AIFeatures as unknown as BenefitProps[], 'ratafia-feature')}
-      </div>
-      {buttonText && (
-        <div className='ratafia-card__footer'>
-          <Button
-            dataQa={`${dataQa ?? 'ratafia-card-button'}`}
-            givenClass='ratafia-card__button'
-            color={buttonStyle}
-            label={buttonText}
-            noLink
-            onClick={handleClick}
-          />
-        </div>
-      )}
-    </RatafiaSubscriptionCardStyled>
-  )
-}
-
-export default RatafiaSubscriptionCard

package/dist/src/components/molecules/RatafiaSubscriptionCard/index.d.ts

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

package/dist/src/components/molecules/RatafiaSubscriptionCard/index.js

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

package/dist/src/components/molecules/RatafiaSubscriptionCard/index.ts

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

package/dist/src/components/organisms/AboutUsContent/AboutUsContent.d.ts

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

package/dist/src/components/organisms/AboutUsContent/AboutUsContent.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AboutUsContentStyled } from './AboutUsContent.styled';
-import { Button } from '../../atoms';
-const AboutUsContent = ({ children, image, button }) => {
-    return (_jsxs(AboutUsContentStyled, { children: [_jsx("div", { className: 'about-us-content__image', children: image }), _jsxs("div", { className: 'about-us-content__body', children: [children, button != null && (_jsx("div", { className: 'about-us-content__body__button', children: _jsx(Button, { ...button }) }))] })] }));
-};
-export default AboutUsContent;

package/dist/src/components/organisms/AboutUsContent/AboutUsContent.styled.d.ts

@@ -1 +0,0 @@
-export declare const AboutUsContentStyled: 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/organisms/AboutUsContent/AboutUsContent.tsx

@@ -1,23 +0,0 @@
-import React, { type FC } from 'react'
-
-import { type AboutUsContentProps } from './AboutUsContentProps.types'
-import { AboutUsContentStyled } from './AboutUsContent.styled'
-import { Button } from '../../atoms'
-
-const AboutUsContent: FC<AboutUsContentProps> = ({ children, image, button }) => {
-  return (
-    <AboutUsContentStyled>
-      <div className={'about-us-content__image'}>{image}</div>
-      <div className={'about-us-content__body'}>
-        {children}
-        {button != null && (
-          <div className={'about-us-content__body__button'}>
-            <Button {...button} />
-          </div>
-        )}
-      </div>
-    </AboutUsContentStyled>
-  )
-}
-
-export default AboutUsContent

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-export declare const AboutUsSectionStyled: 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/AboutUsSection/AboutUsSection.tsx

@@ -1,24 +0,0 @@
-import React, { type FC } from 'react'
-
-import { AboutUsContent } from '../../organisms/AboutUsContent'
-import { type AboutUsSectionProps } from './AboutUsSectionProps.types'
-import { AboutUsSectionStyled } from './AboutUsSection.styled'
-
-const AboutUsSection: FC<AboutUsSectionProps> = ({ title, subTitle, contentAboutUs }) => {
-  return (
-    <AboutUsSectionStyled className='about-us-section'>
-      <div className='wrapper wrapper--responsive'>
-        <div className='about-us-section__title'>
-          <span className='about-us-section__title__text'>{title}</span>
-        </div>
-        {Boolean(subTitle) && <h1 className='about-us-section__sub-title'>{subTitle}</h1>}
-
-        <AboutUsContent image={contentAboutUs.image} button={contentAboutUs?.button}>
-          {contentAboutUs.children}
-        </AboutUsContent>
-      </div>
-    </AboutUsSectionStyled>
-  )
-}
-
-export default AboutUsSection

package/dist/src/components/sections/AboutUsSection/AboutUsSectionProps.types.d.ts

@@ -1,6 +0,0 @@
-import { type AboutUsContentProps } from '../../organisms/AboutUsContent';
-export interface AboutUsSectionProps {
-    title: string;
-    subTitle?: string;
-    contentAboutUs: AboutUsContentProps;
-}

package/dist/src/components/sections/AboutUsSection/AboutUsSectionProps.types.ts

@@ -1,7 +0,0 @@
-import { type AboutUsContentProps } from '../../organisms/AboutUsContent'
-
-export interface AboutUsSectionProps {
-  title: string
-  subTitle?: string
-  contentAboutUs: AboutUsContentProps
-}

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

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

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

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

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

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