@npm_leadtech/legal-lib-components 7.5.8 → 7.6.0

package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingSubscriptionCard.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CardBody } from '../CardBody';
+import { CardFooter } from '../CardFooter';
+import { PlanBoxPricingCardHeader } from './PlanBoxPricingCardHeader';
+import { PlanBoxPricingTextStyled } from './PlanBoxPricingText.styled';
+import { SubscriptionCardStyled } from '../SubscriptionCard.styled';
+import { stringSlugify } from '../../../../utils/stringSlugify';
+const PlanBoxPricingSubscriptionCard = ({ buttonText, cardStyle = 'primary', description, dataQa, handleClick, features, title, priceText }) => {
+    if (!title)
+        return null;
+    const finalCardClass = cardStyle ? stringSlugify(cardStyle) : 'primary';
+    const finalButtonStyle = cardStyle === 'Secondary' ? 'primary3' : 'primary';
+    return (_jsxs("div", { children: [_jsxs(SubscriptionCardStyled, { className: `subscription-card ${finalCardClass}`, children: [_jsx(PlanBoxPricingCardHeader, { title: title, description: description, className: finalCardClass }), _jsx("hr", {}), _jsx(CardBody, { features: features, hasPaddingMainFeature: true }), _jsx(CardFooter, { buttonText: buttonText, dataQa: dataQa, onClick: handleClick, buttonStyle: finalButtonStyle })] }), priceText && _jsx(PlanBoxPricingTextStyled, { children: priceText })] }));
+};
+export default PlanBoxPricingSubscriptionCard;

package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingSubscriptionCard.tsx

@@ -0,0 +1,38 @@
+import React from 'react'
+
+import { CardBody } from '../CardBody'
+import { CardFooter } from '../CardFooter'
+import { PlanBoxPricingCardHeader } from './PlanBoxPricingCardHeader'
+import { PlanBoxPricingSubscriptionCardProps } from './PlanBoxPricingSubscriptionCardProps.types'
+import { PlanBoxPricingTextStyled } from './PlanBoxPricingText.styled'
+import { SubscriptionCardStyled } from '../SubscriptionCard.styled'
+import { stringSlugify } from '../../../../utils/stringSlugify'
+
+const PlanBoxPricingSubscriptionCard: React.FC<PlanBoxPricingSubscriptionCardProps> = ({
+  buttonText,
+  cardStyle = 'primary',
+  description,
+  dataQa,
+  handleClick,
+  features,
+  title,
+  priceText
+}) => {
+  if (!title) return null
+
+  const finalCardClass = cardStyle ? stringSlugify(cardStyle) : 'primary'
+  const finalButtonStyle = cardStyle === 'Secondary' ? 'primary3' : 'primary'
+  return (
+    <div>
+      <SubscriptionCardStyled className={`subscription-card ${finalCardClass}`}>
+        <PlanBoxPricingCardHeader title={title} description={description} className={finalCardClass} />
+        <hr />
+        <CardBody features={features} hasPaddingMainFeature />
+        <CardFooter buttonText={buttonText} dataQa={dataQa} onClick={handleClick} buttonStyle={finalButtonStyle} />
+      </SubscriptionCardStyled>
+      {priceText && <PlanBoxPricingTextStyled>{priceText}</PlanBoxPricingTextStyled>}
+    </div>
+  )
+}
+
+export default PlanBoxPricingSubscriptionCard

package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingSubscriptionCardProps.types.d.ts

@@ -0,0 +1,20 @@
+import { type FeatureProps } from '../RatafiaSubscriptionCard/RatafiaSubscriptionCardProps.types';
+export interface PlanBoxPricingSubscriptionCardProps {
+    subscriptionTypeName?: string;
+    id: string;
+    description: string;
+    cardStyle?: CardStyleType;
+    iconTitle?: IconTitleProps;
+    title?: string;
+    priceText?: string;
+    features?: FeatureProps[];
+    buttonText?: string;
+    dataQa?: string;
+    handleClick?: () => void;
+}
+interface IconTitleProps {
+    name?: string;
+    url: string;
+}
+export type CardStyleType = 'Primary' | 'Secondary';
+export {};

package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingSubscriptionCardProps.types.ts

@@ -0,0 +1,22 @@
+import { type FeatureProps } from '../RatafiaSubscriptionCard/RatafiaSubscriptionCardProps.types'
+
+export interface PlanBoxPricingSubscriptionCardProps {
+  subscriptionTypeName?: string
+  id: string
+  description: string
+  cardStyle?: CardStyleType
+  iconTitle?: IconTitleProps
+  title?: string
+  priceText?: string
+  features?: FeatureProps[]
+  buttonText?: string
+  dataQa?: string
+  handleClick?: () => void
+}
+
+interface IconTitleProps {
+  name?: string
+  url: string
+}
+
+export type CardStyleType = 'Primary' | 'Secondary'

package/dist/src/components/{atoms/BenefitRatafiaCard/BenefitRatafiaCard.styled.d.ts → molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingText.styled.d.ts}

@@ -1 +1 @@
-export declare const BenefitRatafiaCardStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PlanBoxPricingTextStyled: 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/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingText.styled.js

@@ -0,0 +1,10 @@
+import styled from 'styled-components';
+export const PlanBoxPricingTextStyled = styled.div `
+  padding: 0.5rem 1.5rem;
+  color: var(--Neutral-600, var(--neutral-neutral-2));
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+  letter-spacing: -0.3px;
+`;

package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingText.styled.ts

@@ -0,0 +1,11 @@
+import styled from 'styled-components'
+
+export const PlanBoxPricingTextStyled = styled.div`
+  padding: 0.5rem 1.5rem;
+  color: var(--Neutral-600, var(--neutral-neutral-2));
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+  letter-spacing: -0.3px;
+`

package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaCardHeader.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare const RatafiaCardHeader: React.FC<{
+    title: string;
+    iconTitle?: {
+        url: string;
+    };
+    priceText?: string;
+}>;

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

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconSvgURLWithThemeColor, RichTextStrapi } from '../../../atoms';
+import { RatafiaCardHeaderStyled } from './RatafiaCardHeader.styled';
+export const RatafiaCardHeader = ({ title, iconTitle, priceText }) => (_jsxs(RatafiaCardHeaderStyled, { children: [title ?? (_jsxs("div", { className: 'subscription-card__title', children: [iconTitle?.url && _jsx(IconSvgURLWithThemeColor, { url: iconTitle.url, height: '26', width: '26' }), _jsx(RichTextStrapi, { html: title })] })), priceText && _jsx("div", { className: 'subscription-card__price-text', children: priceText })] }));

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

@@ -0,0 +1 @@
+export declare const RatafiaCardHeaderStyled: 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/SubscriptionCard/RatafiaSubscriptionCard/RatafiaCardHeader.styled.js

@@ -0,0 +1,29 @@
+import { device } from '../../../../globalStyles/breakpoints';
+import styled from 'styled-components';
+export const RatafiaCardHeaderStyled = styled.div `
+  display: flex;
+  flex-flow: row wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem var(--global-gap);
+
+  @media ${device.mobile} {
+    flex-direction: column;
+    align-items: start;
+  }
+
+  .subscription-card {
+    &__title {
+      display: flex;
+      flex-flow: row nowrap;
+      align-items: center;
+      gap: 0.5rem;
+      color: var(--neutral-neutral-1);
+      font-weight: bold;
+    }
+
+    &__price-text {
+      font-size: 0.875rem;
+    }
+  }
+`;

package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaCardHeader.styled.ts

@@ -0,0 +1,30 @@
+import { device } from '../../../../globalStyles/breakpoints'
+import styled from 'styled-components'
+
+export const RatafiaCardHeaderStyled = styled.div`
+  display: flex;
+  flex-flow: row wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem var(--global-gap);
+
+  @media ${device.mobile} {
+    flex-direction: column;
+    align-items: start;
+  }
+
+  .subscription-card {
+    &__title {
+      display: flex;
+      flex-flow: row nowrap;
+      align-items: center;
+      gap: 0.5rem;
+      color: var(--neutral-neutral-1);
+      font-weight: bold;
+    }
+
+    &__price-text {
+      font-size: 0.875rem;
+    }
+  }
+`

package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaCardHeader.tsx

@@ -0,0 +1,20 @@
+import React from 'react'
+
+import { IconSvgURLWithThemeColor, RichTextStrapi } from '../../../atoms'
+import { RatafiaCardHeaderStyled } from './RatafiaCardHeader.styled'
+
+export const RatafiaCardHeader: React.FC<{ title: string; iconTitle?: { url: string }; priceText?: string }> = ({
+  title,
+  iconTitle,
+  priceText
+}) => (
+  <RatafiaCardHeaderStyled>
+    {title ?? (
+      <div className='subscription-card__title'>
+        {iconTitle?.url && <IconSvgURLWithThemeColor url={iconTitle.url} height='26' width='26' />}
+        <RichTextStrapi html={title} />
+      </div>
+    )}
+    {priceText && <div className='subscription-card__price-text'>{priceText}</div>}
+  </RatafiaCardHeaderStyled>
+)

package/dist/src/components/molecules/{RatafiaSubscriptionCard → SubscriptionCard/RatafiaSubscriptionCard}/RatafiaSubscriptionCard.d.ts

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

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CardBody } from '../CardBody';
+import { CardFooter } from '../CardFooter';
+import { RatafiaCardHeader } from './RatafiaCardHeader';
+import { SubscriptionCardStyled } from '../SubscriptionCard.styled';
+import { stringSlugify } from '../../../../utils/stringSlugify';
+const RatafiaSubscriptionCard = ({ buttonText, cardStyle = 'primary', features, dataQa, handleClick, iconTitle, priceText, title }) => {
+    if (!title)
+        return null;
+    const finalCardClass = cardStyle ? stringSlugify(cardStyle) : 'primary';
+    const finalButtonStyle = cardStyle === 'Secondary' ? 'primary3' : 'primary';
+    return (_jsxs(SubscriptionCardStyled, { className: `subscription-card ${finalCardClass}`, children: [_jsx(RatafiaCardHeader, { title: title, iconTitle: iconTitle, priceText: priceText }), _jsx("hr", {}), _jsx(CardBody, { features: features }), _jsx(CardFooter, { buttonText: buttonText, dataQa: dataQa, onClick: handleClick, buttonStyle: finalButtonStyle })] }));
+};
+export default RatafiaSubscriptionCard;

package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaSubscriptionCard.tsx

@@ -0,0 +1,34 @@
+import React from 'react'
+
+import { CardBody } from '../CardBody'
+import { CardFooter } from '../CardFooter'
+import { RatafiaCardHeader } from './RatafiaCardHeader'
+import { RatafiaSubscriptionCardProps } from './RatafiaSubscriptionCardProps.types'
+import { SubscriptionCardStyled } from '../SubscriptionCard.styled'
+import { stringSlugify } from '../../../../utils/stringSlugify'
+
+const RatafiaSubscriptionCard: React.FC<RatafiaSubscriptionCardProps> = ({
+  buttonText,
+  cardStyle = 'primary',
+  features,
+  dataQa,
+  handleClick,
+  iconTitle,
+  priceText,
+  title
+}) => {
+  if (!title) return null
+
+  const finalCardClass = cardStyle ? stringSlugify(cardStyle) : 'primary'
+  const finalButtonStyle = cardStyle === 'Secondary' ? 'primary3' : 'primary'
+  return (
+    <SubscriptionCardStyled className={`subscription-card ${finalCardClass}`}>
+      <RatafiaCardHeader title={title} iconTitle={iconTitle} priceText={priceText} />
+      <hr />
+      <CardBody features={features} />
+      <CardFooter buttonText={buttonText} dataQa={dataQa} onClick={handleClick} buttonStyle={finalButtonStyle} />
+    </SubscriptionCardStyled>
+  )
+}
+
+export default RatafiaSubscriptionCard

package/dist/src/components/molecules/{RatafiaSubscriptionCard → SubscriptionCard/RatafiaSubscriptionCard}/RatafiaSubscriptionCardProps.types.d.ts

@@ -4,8 +4,7 @@ export interface RatafiaSubscriptionCardProps {
     iconTitle?: IconTitleProps;
     title?: string;
     priceText?: string;
-    mainFeatures?: BenefitProps[];
-    AIFeatures?: BenefitProps[];
+    features?: FeatureProps[];
     buttonText?: string;
     dataQa?: string;
     handleClick?: () => void;
@@ -14,9 +13,10 @@ interface IconTitleProps {
     name?: string;
     url: string;
 }
-export interface BenefitProps {
+export interface FeatureProps {
     title?: string;
     description: string;
+    isHighlighted: boolean;
     image?: {
         name: string;
         url: string;

package/dist/src/components/molecules/{RatafiaSubscriptionCard → SubscriptionCard/RatafiaSubscriptionCard}/RatafiaSubscriptionCardProps.types.ts

@@ -4,8 +4,7 @@ export interface RatafiaSubscriptionCardProps {
   iconTitle?: IconTitleProps
   title?: string
   priceText?: string
-  mainFeatures?: BenefitProps[]
-  AIFeatures?: BenefitProps[]
+  features?: FeatureProps[]
   buttonText?: string
   dataQa?: string
   handleClick?: () => void
@@ -16,9 +15,10 @@ interface IconTitleProps {
   url: string
 }
 
-export interface BenefitProps {
+export interface FeatureProps {
   title?: string
   description: string
+  isHighlighted: boolean
   image?: {
     name: string
     url: string

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

@@ -0,0 +1 @@
+export declare const SubscriptionCardStyled: 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.styled.js → SubscriptionCard/SubscriptionCard.styled.js}

@@ -1,11 +1,11 @@
 import { device } from '../../../globalStyles/breakpoints';
 import styled from 'styled-components';
-export const RatafiaSubscriptionCardStyled = styled.div `
+export const SubscriptionCardStyled = styled.div `
   display: flex;
   flex-flow: column nowrap;
   flex: 1;
   gap: 0.5rem;
-  min-width: 350px;
+  min-width: 379px;
   padding: 1rem;
   border-radius: var(--s-border-radius);
 
@@ -26,7 +26,7 @@ export const RatafiaSubscriptionCardStyled = styled.div `
       background-color: var(--primary-main-light-1);
     }
 
-    .ratafia-card__feature {
+    .subscription-card__feature {
       &.ratafia-feature {
         background-color: var(--primary-main-light-6);
       }
@@ -40,44 +40,18 @@ export const RatafiaSubscriptionCardStyled = styled.div `
       background-color: var(--secondary-main-dark-2);
     }
 
-    .ratafia-card__feature {
+    .subscription-card__feature {
       &.ratafia-feature {
         background-color: var(--secondary-main-light-3);
       }
     }
 
-    .ratafia-card__button {
+    .subscription-card__button {
       color: var(--others-black);
     }
   }
 
-  .ratafia-card {
-    &__header {
-      display: flex;
-      flex-flow: row wrap;
-      align-items: center;
-      justify-content: space-between;
-      gap: 0.5rem var(--global-gap);
-
-      @media ${device.mobile} {
-        flex-direction: column;
-        align-items: start;
-      }
-    }
-
-    &__title {
-      display: flex;
-      flex-flow: row nowrap;
-      align-items: center;
-      gap: 0.5rem;
-      color: var(--neutral-neutral-1);
-      font-weight: bold;
-    }
-
-    &__price-text {
-      font-size: 0.875rem;
-    }
-
+  .subscription-card {
     &__body {
       display: flex;
       flex-flow: column;
@@ -93,10 +67,18 @@ export const RatafiaSubscriptionCardStyled = styled.div `
       font-size: 0.875rem;
       text-align: left;
       padding: 0.25rem 0;
+      border-radius: 4px;
+
+      &.has-padding {
+        padding-left: 0.5rem;
+      }
 
       .icon-svg-with-theme-color {
         flex-basis: 1rem;
         margin-top: 0.2rem;
+        display: inline-block;
+        object-fit: contain;
+        flex-shrink: 0;
       }
 
       &.ratafia-feature {

package/dist/src/components/molecules/{RatafiaSubscriptionCard/RatafiaSubscriptionCard.styled.ts → SubscriptionCard/SubscriptionCard.styled.ts}

@@ -1,12 +1,12 @@
 import { device } from '../../../globalStyles/breakpoints'
 import styled from 'styled-components'
 
-export const RatafiaSubscriptionCardStyled = styled.div`
+export const SubscriptionCardStyled = styled.div`
   display: flex;
   flex-flow: column nowrap;
   flex: 1;
   gap: 0.5rem;
-  min-width: 350px;
+  min-width: 379px;
   padding: 1rem;
   border-radius: var(--s-border-radius);
 
@@ -27,7 +27,7 @@ export const RatafiaSubscriptionCardStyled = styled.div`
       background-color: var(--primary-main-light-1);
     }
 
-    .ratafia-card__feature {
+    .subscription-card__feature {
       &.ratafia-feature {
         background-color: var(--primary-main-light-6);
       }
@@ -41,44 +41,18 @@ export const RatafiaSubscriptionCardStyled = styled.div`
       background-color: var(--secondary-main-dark-2);
     }
 
-    .ratafia-card__feature {
+    .subscription-card__feature {
       &.ratafia-feature {
         background-color: var(--secondary-main-light-3);
       }
     }
 
-    .ratafia-card__button {
+    .subscription-card__button {
       color: var(--others-black);
     }
   }
 
-  .ratafia-card {
-    &__header {
-      display: flex;
-      flex-flow: row wrap;
-      align-items: center;
-      justify-content: space-between;
-      gap: 0.5rem var(--global-gap);
-
-      @media ${device.mobile} {
-        flex-direction: column;
-        align-items: start;
-      }
-    }
-
-    &__title {
-      display: flex;
-      flex-flow: row nowrap;
-      align-items: center;
-      gap: 0.5rem;
-      color: var(--neutral-neutral-1);
-      font-weight: bold;
-    }
-
-    &__price-text {
-      font-size: 0.875rem;
-    }
-
+  .subscription-card {
     &__body {
       display: flex;
       flex-flow: column;
@@ -94,10 +68,18 @@ export const RatafiaSubscriptionCardStyled = styled.div`
       font-size: 0.875rem;
       text-align: left;
       padding: 0.25rem 0;
+      border-radius: 4px;
+
+      &.has-padding {
+        padding-left: 0.5rem;
+      }
 
       .icon-svg-with-theme-color {
         flex-basis: 1rem;
         margin-top: 0.2rem;
+        display: inline-block;
+        object-fit: contain;
+        flex-shrink: 0;
       }
 
       &.ratafia-feature {

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

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

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

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

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

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

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

@@ -33,7 +33,7 @@ export * from './PopularDocs';
 export * from './PricingCard';
 export * from './RatafiaResultCardList';
 export * from './RatafiaResultTabList';
-export * from './RatafiaSubscriptionCard';
+export * from './SubscriptionCard';
 export * from './Snackbar';
 export * from './StepGetForm';
 export * from './StepRatafiaCardList';

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

@@ -33,7 +33,7 @@ export * from './PopularDocs';
 export * from './PricingCard';
 export * from './RatafiaResultCardList';
 export * from './RatafiaResultTabList';
-export * from './RatafiaSubscriptionCard';
+export * from './SubscriptionCard';
 export * from './Snackbar';
 export * from './StepGetForm';
 export * from './StepRatafiaCardList';

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

@@ -33,7 +33,7 @@ export * from './PopularDocs'
 export * from './PricingCard'
 export * from './RatafiaResultCardList'
 export * from './RatafiaResultTabList'
-export * from './RatafiaSubscriptionCard'
+export * from './SubscriptionCard'
 export * from './Snackbar'
 export * from './StepGetForm'
 export * from './StepRatafiaCardList'

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, RichTextInner, RichTextStrapi } from '../../atoms';
+import { RichTextInner, RichTextStrapi } from '../../atoms';
 import { GuideslinesContentStyled } from './GuidelinesContent.styled';
-const GuidelinesContent = ({ title, detail, children, tryNowText, tryNowButtonText, tryNowButtonLink, tryNowButtonDataQa, tryNowImage }) => {
-    return (_jsxs(GuideslinesContentStyled, { children: [_jsx("div", { className: 'guidelines-section-main wrapper', children: _jsxs("div", { className: 'guidelines-section__texts', children: [_jsx("h2", { className: 'guidelines-section__texts__title', children: title }), _jsx(RichTextInner, { customClass: 'guidelines-section__texts__body', children: children })] }) }), Array.isArray(detail) && (_jsx("div", { className: 'guidelines-section-detail wrapper', children: detail.map((item, index) => (_jsxs("div", { className: 'guidelines-section-detail__item', children: [_jsx("div", { className: 'guidelines-section-detail__item__image', children: item.image }), _jsx("h3", { className: 'guidelines-section-detail__item__title', children: item.title }), _jsx(RichTextStrapi, { html: item.body?.data?.childMarkdownRemark?.html })] }, index))) })), _jsx("div", { className: 'guidelines-section-trial wrapper', children: _jsxs("div", { className: 'guidelines-section-trial__item', children: [_jsx("div", { className: 'guidelines-section__image is-mobile', children: tryNowImage }), _jsxs("div", { className: 'guidelines-section-trial__texts', children: [_jsx(RichTextInner, { customClass: 'guidelines-section__texts__body', children: tryNowText }), _jsx(Button, { givenClass: 'mid-banner-ratafia-content__cta', dataQa: tryNowButtonDataQa, link: tryNowButtonLink, color: 'primary', label: tryNowButtonText })] }), _jsx("div", { className: 'guidelines-section__image big-devices', children: tryNowImage })] }) })] }));
+const GuidelinesContent = ({ title, image, detail, children }) => {
+    return (_jsxs(GuideslinesContentStyled, { children: [_jsxs("div", { className: 'guidelines-section-main wrapper', children: [_jsx("div", { className: 'guidelines-section__image big-devices', children: image }), _jsxs("div", { className: 'guidelines-section__texts', children: [_jsx("h2", { className: 'guidelines-section__texts__title', children: title }), _jsx(RichTextInner, { customClass: 'guidelines-section__texts__body', children: children })] }), _jsx("div", { className: 'guidelines-section__image is-mobile', children: image })] }), Array.isArray(detail) && (_jsx("div", { className: 'guidelines-section-detail wrapper', children: detail.map((item, index) => (_jsxs("div", { className: 'guidelines-section-detail__item', children: [_jsx("div", { className: 'guidelines-section-detail__item__image', children: item.image }), _jsx("div", { className: 'guidelines-section-detail__item__title', children: item.title }), _jsx(RichTextStrapi, { html: item.body?.data?.childMarkdownRemark?.html })] }, index))) }))] }));
 };
 export default GuidelinesContent;