@npm_leadtech/legal-lib-components 7.71.2 → 7.71.3

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type AccordionItemProps } from './AccordionItemProps.types';
-export declare const AccordionItem: ({ accordionRightContent, children, defaultHeightItem, index, isOpen, onClick, title, heightAutoChange }: AccordionItemProps) => React.JSX.Element;
+export declare const AccordionItem: ({ accordionRightContent, children, defaultHeightItem, index, isOpen, onClick, title }: AccordionItemProps) => React.JSX.Element;

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

@@ -1,41 +1,21 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable @typescript-eslint/no-unused-expressions */
-import React, { useEffect, useRef } from 'react';
+import { useEffect, useRef } from 'react';
 import { useDispatchDataAccordionItem, useStateDataAccordionItem } from '../../organisms/Accordion/Accordion.context';
 import { AccordionItemStyled } from './AccordionItem.styled';
-export const AccordionItem = ({ accordionRightContent, children, defaultHeightItem = 416, index, isOpen, onClick, title, heightAutoChange = false }) => {
+export const AccordionItem = ({ accordionRightContent, children, defaultHeightItem = 416, index, isOpen, onClick, title }) => {
     const contenReftHeight = useRef(null);
     const { state } = useStateDataAccordionItem(index);
     const { dispatch } = useDispatchDataAccordionItem();
-    const [heightAccordionItem, setHeightAccordionItem] = React.useState(defaultHeightItem);
     useEffect(() => {
         if (state.locked.actionType === 'unlocked') {
             onClick();
             dispatch({ type: 'unlocked', accordionItem: index, resetAction: 'default' });
         }
     }, [state.locked.actionType]);
-    useEffect(() => {
-        let intervalId;
-        if (heightAutoChange) {
-            intervalId = setInterval(() => {
-                const height = contenReftHeight.current?.children[0].getBoundingClientRect().height ?? defaultHeightItem;
-                if (heightAccordionItem !== height) {
-                    setHeightAccordionItem(height);
-                }
-            }, 500);
-        }
-        else {
-            setHeightAccordionItem(contenReftHeight?.current?.scrollHeight ?? defaultHeightItem);
-        }
-        return () => {
-            if (intervalId !== undefined) {
-                clearInterval(intervalId);
-            }
-        };
-    }, []);
     return (_jsxs(AccordionItemStyled, { className: 'accordion__container', children: [_jsxs("button", { className: `accordion__button 
           ${state.handler === 'success' ? '--success' : ''}
           ${state.locked.isLocked ? '--locked' : ''}`, onClick: () => {
                     !state.locked.isLocked && onClick();
-                }, children: [_jsx("p", { className: `accordion__title ${state.locked.isLocked ? '--locked' : ''}`, children: title }), accordionRightContent] }), _jsx("div", { ref: contenReftHeight, className: `accordion__content ${!isOpen ? '--closed' : ''}`, style: isOpen ? { height: heightAccordionItem } : { height: '0px' }, children: children })] }));
+                }, children: [_jsx("p", { className: `accordion__title ${state.locked.isLocked ? '--locked' : ''}`, children: title }), accordionRightContent] }), _jsx("div", { ref: contenReftHeight, className: `accordion__content ${!isOpen ? '--closed' : ''}`, style: isOpen ? { height: contenReftHeight?.current?.scrollHeight ?? defaultHeightItem } : { height: '0px' }, children: children })] }));
 };

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

@@ -12,13 +12,11 @@ export const AccordionItem = ({
   index,
   isOpen,
   onClick,
-  title,
-  heightAutoChange = false
+  title
 }: AccordionItemProps): React.JSX.Element => {
   const contenReftHeight = useRef<HTMLInputElement>(null)
   const { state } = useStateDataAccordionItem(index)
   const { dispatch } = useDispatchDataAccordionItem()
-  const [heightAccordionItem, setHeightAccordionItem] = React.useState<number>(defaultHeightItem)
 
   useEffect(() => {
     if (state.locked.actionType === 'unlocked') {
@@ -27,25 +25,6 @@ export const AccordionItem = ({
     }
   }, [state.locked.actionType])
 
-  useEffect(() => {
-    let intervalId: ReturnType<typeof setInterval> | undefined
-    if (heightAutoChange) {
-      intervalId = setInterval(() => {
-        const height = contenReftHeight.current?.children[0].getBoundingClientRect().height ?? defaultHeightItem
-        if (heightAccordionItem !== height) {
-          setHeightAccordionItem(height)
-        }
-      }, 500)
-    } else {
-      setHeightAccordionItem(contenReftHeight?.current?.scrollHeight ?? defaultHeightItem)
-    }
-    return () => {
-      if (intervalId !== undefined) {
-        clearInterval(intervalId)
-      }
-    }
-  }, [])
-
   return (
     <AccordionItemStyled className='accordion__container'>
       <button
@@ -63,7 +42,7 @@ export const AccordionItem = ({
       <div
         ref={contenReftHeight}
         className={`accordion__content ${!isOpen ? '--closed' : ''}`}
-        style={isOpen ? { height: heightAccordionItem } : { height: '0px' }}
+        style={isOpen ? { height: contenReftHeight?.current?.scrollHeight ?? defaultHeightItem } : { height: '0px' }}
       >
         {children}
       </div>

package/dist/src/components/molecules/AccordionItem/AccordionItemProps.types.d.ts

@@ -6,5 +6,4 @@ export interface AccordionItemProps {
     isOpen?: boolean;
     onClick: () => void;
     title?: string;
-    heightAutoChange?: boolean;
 }

package/dist/src/components/molecules/AccordionItem/AccordionItemProps.types.ts

@@ -6,5 +6,4 @@ export interface AccordionItemProps {
   isOpen?: boolean
   onClick: () => void
   title?: string
-  heightAutoChange?: boolean
 }

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { MidBannerRatafiaSampleStyled } from './MidBannerRatafiaSample.styled';
-const MidBannerRatafiaSample = ({ image, isEsignatureImage = false, isAbout = false, midBanner1Img, midBanner2Img, midBanner3Img }) => {
-    return (_jsxs(MidBannerRatafiaSampleStyled, { className: 'mid-banner-ratafia-sample', children: [_jsx("div", { className: 'mid-banner-ratafia-sample__image', children: image }), !isEsignatureImage && !isAbout && (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'mid-banner-ratafia-sample__sumarized-tag', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__sumarized-tag__icon', src: midBanner1Img, alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small --bold-weight mid-banner-ratafia-sample__sumarized-tag__text', children: "Summarized" })] }), _jsxs("div", { className: 'mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__key-facts', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__feature-tag__icon', src: midBanner2Img, alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small mid-banner-ratafia-sample__feature-tag__text', children: "Key facts" })] }), _jsxs("div", { className: 'mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__clauses', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__feature-tag__icon', src: midBanner3Img, alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small mid-banner-ratafia-sample__feature-tag__text', children: "Clauses" })] })] })), isAbout && (_jsxs("div", { className: 'about-page', children: [_jsxs("div", { className: 'mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__key-facts about-page__signed-tag', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__feature-tag__icon', src: midBanner1Img, alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small --bold-weight mid-banner-ratafia-sample__sumarized-tag__text about-page__signed-tag', children: "Signed" })] }), _jsxs("div", { className: 'mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__clauses about-page__ai-tag', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__feature-tag__icon', src: midBanner3Img, alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small --bold-weight mid-banner-ratafia-sample__sumarized-tag__text', children: "AI Reviewed" })] })] }))] }));
+const MidBannerRatafiaSample = ({ image, isEsignatureImage = false, isAbout = false, midBanner1Img, midBanner2Img, midBanner3Img, iconLabel1, iconLabel2, iconLabel3 }) => {
+    return (_jsxs(MidBannerRatafiaSampleStyled, { className: 'mid-banner-ratafia-sample', children: [_jsx("div", { className: 'mid-banner-ratafia-sample__image', children: image }), !isEsignatureImage && !isAbout && (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'mid-banner-ratafia-sample__sumarized-tag', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__sumarized-tag__icon', src: midBanner1Img, alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small --bold-weight mid-banner-ratafia-sample__sumarized-tag__text', children: iconLabel1 })] }), _jsxs("div", { className: 'mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__key-facts', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__feature-tag__icon', src: midBanner2Img, alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small mid-banner-ratafia-sample__feature-tag__text', children: iconLabel2 })] }), _jsxs("div", { className: 'mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__clauses', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__feature-tag__icon', src: midBanner3Img, alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small mid-banner-ratafia-sample__feature-tag__text', children: iconLabel3 })] })] })), isAbout && (_jsxs("div", { className: 'about-page', children: [_jsxs("div", { className: 'mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__key-facts about-page__signed-tag', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__feature-tag__icon', src: midBanner1Img, alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small --bold-weight mid-banner-ratafia-sample__sumarized-tag__text about-page__signed-tag', children: "Signed" })] }), _jsxs("div", { className: 'mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__clauses about-page__ai-tag', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__feature-tag__icon', src: midBanner3Img, alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small --bold-weight mid-banner-ratafia-sample__sumarized-tag__text', children: "AI Reviewed" })] })] }))] }));
 };
 export default MidBannerRatafiaSample;

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

@@ -9,7 +9,10 @@ const MidBannerRatafiaSample: FC<MidBannerRatafiaSampleProps> = ({
   isAbout = false,
   midBanner1Img,
   midBanner2Img,
-  midBanner3Img
+  midBanner3Img,
+  iconLabel1,
+  iconLabel2,
+  iconLabel3
 }) => {
   return (
     <MidBannerRatafiaSampleStyled className='mid-banner-ratafia-sample'>
@@ -19,16 +22,16 @@ const MidBannerRatafiaSample: FC<MidBannerRatafiaSampleProps> = ({
           <div className='mid-banner-ratafia-sample__sumarized-tag'>
             <img className='mid-banner-ratafia-sample__sumarized-tag__icon' src={midBanner1Img} alt='' role='img' />
             <p className='sans-serif --small --bold-weight mid-banner-ratafia-sample__sumarized-tag__text'>
-              Summarized
+              {iconLabel1}
             </p>
           </div>
           <div className='mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__key-facts'>
             <img className='mid-banner-ratafia-sample__feature-tag__icon' src={midBanner2Img} alt='' role='img' />
-            <p className='sans-serif --small mid-banner-ratafia-sample__feature-tag__text'>Key facts</p>
+            <p className='sans-serif --small mid-banner-ratafia-sample__feature-tag__text'>{iconLabel2}</p>
           </div>
           <div className='mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__clauses'>
             <img className='mid-banner-ratafia-sample__feature-tag__icon' src={midBanner3Img} alt='' role='img' />
-            <p className='sans-serif --small mid-banner-ratafia-sample__feature-tag__text'>Clauses</p>
+            <p className='sans-serif --small mid-banner-ratafia-sample__feature-tag__text'>{iconLabel3}</p>
           </div>
         </>
       )}

package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSampleProps.types.d.ts

@@ -5,4 +5,7 @@ export interface MidBannerRatafiaSampleProps {
     midBanner1Img: string;
     midBanner2Img: string;
     midBanner3Img: string;
+    iconLabel1: string;
+    iconLabel2: string;
+    iconLabel3: string;
 }

package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSampleProps.types.ts

@@ -5,4 +5,7 @@ export interface MidBannerRatafiaSampleProps {
   midBanner1Img: string
   midBanner2Img: string
   midBanner3Img: string
+  iconLabel1: string
+  iconLabel2: string
+  iconLabel3: string
 }

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type AccordionProps } from './AccordionProps.types';
-export declare const Accordion: ({ data, defaultActiveIndex, defaultHeightItem, heightAutoChange }: AccordionProps) => React.JSX.Element;
+export declare const Accordion: ({ data, defaultActiveIndex, defaultHeightItem }: AccordionProps) => React.JSX.Element;

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

@@ -3,12 +3,12 @@ import { useState } from 'react';
 import { AccordionItem } from '../../molecules';
 import { AccordionProvider } from './Accordion.context';
 import { AccordionStyled } from './Accordion.styled';
-export const Accordion = ({ data, defaultActiveIndex = 0, defaultHeightItem, heightAutoChange = false }) => {
+export const Accordion = ({ data, defaultActiveIndex = 0, defaultHeightItem }) => {
     const [activeIndex, setActiveIndex] = useState(defaultActiveIndex);
     const handleItemClick = (index) => {
         setActiveIndex((prevIndex) => (prevIndex === index ? -1 : index));
     };
-    return (_jsx(AccordionProvider, { elements: data.length, children: _jsx(AccordionStyled, { children: data.map((item, index) => (_jsx(AccordionItem, { accordionRightContent: item?.accordionRightContent, defaultHeightItem: defaultHeightItem, heightAutoChange: heightAutoChange, index: index, isOpen: activeIndex === index, onClick: () => {
+    return (_jsx(AccordionProvider, { elements: data.length, children: _jsx(AccordionStyled, { children: data.map((item, index) => (_jsx(AccordionItem, { accordionRightContent: item?.accordionRightContent, defaultHeightItem: defaultHeightItem, index: index, isOpen: activeIndex === index, onClick: () => {
                     handleItemClick(index);
                 }, title: item.title, children: item.children }, index))) }) }));
 };

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

@@ -4,12 +4,7 @@ import { type AccordionProps } from './AccordionProps.types'
 import { AccordionProvider } from './Accordion.context'
 import { AccordionStyled } from './Accordion.styled'
 
-export const Accordion = ({
-  data,
-  defaultActiveIndex = 0,
-  defaultHeightItem,
-  heightAutoChange = false
-}: AccordionProps): React.JSX.Element => {
+export const Accordion = ({ data, defaultActiveIndex = 0, defaultHeightItem }: AccordionProps): React.JSX.Element => {
   const [activeIndex, setActiveIndex] = useState(defaultActiveIndex)
 
   const handleItemClick = (index: number): void => {
@@ -23,7 +18,6 @@ export const Accordion = ({
           <AccordionItem
             accordionRightContent={item?.accordionRightContent}
             defaultHeightItem={defaultHeightItem}
-            heightAutoChange={heightAutoChange}
             index={index}
             isOpen={activeIndex === index}
             key={index}

package/dist/src/components/organisms/Accordion/AccordionProps.types.d.ts

@@ -8,6 +8,5 @@ export interface AccordionProps {
     data: AccordionItem[];
     defaultActiveIndex?: number;
     defaultHeightItem?: number;
-    heightAutoChange?: boolean;
 }
 export {};

package/dist/src/components/organisms/Accordion/AccordionProps.types.ts

@@ -9,5 +9,4 @@ export interface AccordionProps {
   data: AccordionItem[]
   defaultActiveIndex?: number
   defaultHeightItem?: number
-  heightAutoChange?: boolean
 }

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

@@ -2,13 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { MidBannerRatafiaContent, MidBannerRatafiaSample } from '../../molecules';
 import { MidBannerRatafiaSectionStyled } from './MidBannerRatafiaSection.styled';
 import classNames from 'classnames';
-const MidBannerRatafiaSection = ({ title, paragraph, ctaLabel, ctaLink, ctaDataQa, image, midBanner1Img, midBanner2Img, midBanner3Img }) => {
+const MidBannerRatafiaSection = ({ title, paragraph, ctaLabel, ctaLink, ctaDataQa, image, midBanner1Img, midBanner2Img, midBanner3Img, iconLabel1, iconLabel2, iconLabel3 }) => {
     const isEsignature = ctaDataQa.includes('esignature');
     const isAbout = ctaDataQa.includes('about');
     const classnames = classNames({
         '--is-esignature': isEsignature,
         '--is-about': isAbout
     });
-    return (_jsx(MidBannerRatafiaSectionStyled, { className: 'mid-banner-ratafia-section', children: _jsxs("div", { className: `mid-banner-ratafia-section__wrapper ${classnames}`, children: [_jsx(MidBannerRatafiaContent, { title: title, paragraph: paragraph, ctaLabel: ctaLabel, ctaLink: ctaLink, ctaDataQa: ctaDataQa }), _jsx("div", { className: `mid-banner-ratafia-section__wrapper__sample ${classnames}`, children: _jsx(MidBannerRatafiaSample, { image: image, isAbout: isAbout, isEsignatureImage: isEsignature, midBanner1Img: midBanner1Img, midBanner2Img: midBanner2Img, midBanner3Img: midBanner3Img }) })] }) }));
+    return (_jsx(MidBannerRatafiaSectionStyled, { className: 'mid-banner-ratafia-section', children: _jsxs("div", { className: `mid-banner-ratafia-section__wrapper ${classnames}`, children: [_jsx(MidBannerRatafiaContent, { title: title, paragraph: paragraph, ctaLabel: ctaLabel, ctaLink: ctaLink, ctaDataQa: ctaDataQa }), _jsx("div", { className: `mid-banner-ratafia-section__wrapper__sample ${classnames}`, children: _jsx(MidBannerRatafiaSample, { image: image, isAbout: isAbout, isEsignatureImage: isEsignature, midBanner1Img: midBanner1Img, midBanner2Img: midBanner2Img, midBanner3Img: midBanner3Img, iconLabel1: iconLabel1, iconLabel2: iconLabel2, iconLabel3: iconLabel3 }) })] }) }));
 };
 export default MidBannerRatafiaSection;

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

@@ -14,7 +14,10 @@ const MidBannerRatafiaSection: FC<MidBannerRatafiaSectionProps> = ({
   image,
   midBanner1Img,
   midBanner2Img,
-  midBanner3Img
+  midBanner3Img,
+  iconLabel1,
+  iconLabel2,
+  iconLabel3
 }) => {
   const isEsignature = ctaDataQa.includes('esignature')
   const isAbout = ctaDataQa.includes('about')
@@ -40,6 +43,9 @@ const MidBannerRatafiaSection: FC<MidBannerRatafiaSectionProps> = ({
             midBanner1Img={midBanner1Img}
             midBanner2Img={midBanner2Img}
             midBanner3Img={midBanner3Img}
+            iconLabel1={iconLabel1}
+            iconLabel2={iconLabel2}
+            iconLabel3={iconLabel3}
           />
         </div>
       </div>

package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSectionProps.types.d.ts

@@ -8,4 +8,7 @@ export interface MidBannerRatafiaSectionProps {
     midBanner1Img: string;
     midBanner2Img: string;
     midBanner3Img: string;
+    iconLabel1: string;
+    iconLabel2: string;
+    iconLabel3: string;
 }

package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSectionProps.types.ts

@@ -8,4 +8,7 @@ export interface MidBannerRatafiaSectionProps {
   midBanner1Img: string
   midBanner2Img: string
   midBanner3Img: string
+  iconLabel1: string
+  iconLabel2: string
+  iconLabel3: string
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "7.71.2",
+  "version": "7.71.3",
   "license": "ISC",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",