@npm_leadtech/legal-lib-components 5.68.1 → 5.70.0

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type VideoProps } from './VideoProps.types';
-declare const Video: ({ videoSrcURL, videoMimeType, title, controls, autoPlay, loop, muted, track }: VideoProps) => React.JSX.Element | null;
+declare const Video: ({ videoSrcURL, videoMimeType, title, controls, autoPlay, loop, muted, track, preload, poster }: VideoProps) => React.JSX.Element | null;
 export default Video;

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

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const Video = ({ videoSrcURL, videoMimeType = 'video/webm', title = '', controls = true, autoPlay = false, loop = false, muted = false, track }) => {
+const Video = ({ videoSrcURL, videoMimeType = 'video/webm', title = '', controls = true, autoPlay = false, loop = false, muted = false, track, preload = 'auto', poster = '' }) => {
     if (!videoSrcURL)
         return null;
     return (
     // eslint-disable-next-line jsx-a11y/media-has-caption
-    _jsxs("video", { "data-testid": 'video', title: title, controls: controls, autoPlay: autoPlay, loop: loop, muted: muted, children: [_jsx("source", { src: videoSrcURL, type: videoMimeType }), track && _jsx("track", { src: track.src, kind: track.kind, srcLang: track.srclang, label: track.label }), "Your browser does not support the video tag."] }));
+    _jsxs("video", { "data-testid": 'video', title: title, controls: controls, autoPlay: autoPlay, loop: loop, muted: muted, preload: preload, poster: poster, children: [_jsx("source", { src: videoSrcURL, type: videoMimeType }), track && _jsx("track", { src: track.src, kind: track.kind, srcLang: track.srclang, label: track.label }), "Your browser does not support the video tag."] }));
 };
 export default Video;

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

@@ -10,12 +10,23 @@ const Video = ({
   autoPlay = false,
   loop = false,
   muted = false,
-  track
+  track,
+  preload = 'auto',
+  poster = ''
 }: VideoProps): React.JSX.Element | null => {
   if (!videoSrcURL) return null
   return (
     // eslint-disable-next-line jsx-a11y/media-has-caption
-    <video data-testid='video' title={title} controls={controls} autoPlay={autoPlay} loop={loop} muted={muted}>
+    <video
+      data-testid='video'
+      title={title}
+      controls={controls}
+      autoPlay={autoPlay}
+      loop={loop}
+      muted={muted}
+      preload={preload}
+      poster={poster}
+    >
       <source src={videoSrcURL} type={videoMimeType} />
       {track && <track src={track.src} kind={track.kind} srcLang={track.srclang} label={track.label} />}
       Your browser does not support the video tag.

package/dist/src/components/atoms/Video/VideoProps.types.d.ts

@@ -14,4 +14,6 @@ export interface VideoProps {
         srclang: string;
         label: string;
     };
+    preload?: 'auto' | 'metadata' | 'none';
+    poster?: string;
 }

package/dist/src/components/atoms/Video/VideoProps.types.ts

@@ -14,4 +14,6 @@ export interface VideoProps {
     srclang: string
     label: string
   }
+  preload?: 'auto' | 'metadata' | 'none'
+  poster?: string
 }

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

@@ -41,9 +41,6 @@ export * from './PreFooter';
 export * from './ProgressBar';
 export * from './Radio';
 export * from './RatafiaLandingIcon';
-export * from './RatafiaResultCard';
-export * from './RatafiaResultTab';
-export * from './RatafiaReviewResult';
 export * from './RemoveButton';
 export * from './ReviewKeyFactsResultRatafia';
 export * from './RichTextInner';

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

@@ -41,9 +41,6 @@ export * from './PreFooter';
 export * from './ProgressBar';
 export * from './Radio';
 export * from './RatafiaLandingIcon';
-export * from './RatafiaResultCard';
-export * from './RatafiaResultTab';
-export * from './RatafiaReviewResult';
 export * from './RemoveButton';
 export * from './ReviewKeyFactsResultRatafia';
 export * from './RichTextInner';

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

@@ -41,9 +41,6 @@ export * from './PreFooter'
 export * from './ProgressBar'
 export * from './Radio'
 export * from './RatafiaLandingIcon'
-export * from './RatafiaResultCard'
-export * from './RatafiaResultTab'
-export * from './RatafiaReviewResult'
 export * from './RemoveButton'
 export * from './ReviewKeyFactsResultRatafia'
 export * from './RichTextInner'

package/dist/src/components/molecules/KeyFactCardListRatafia/KeyFactCardListRatafia.styled.js

@@ -16,9 +16,11 @@ export const KeyFactCardListRatafiaStyled = styled.div `
   border-bottom: 8px solid var(--neutral-neutral-6);
   background: var(--neutral-neutral-6);
 
-  height: calc(100vh - 24.5rem);
+  height: max(calc(100vh - 24.5rem), 15rem);
+
   @media ${device['portrait-tablets']} {
-    height: calc(100vh - 33.5rem);
+    height: max(calc(100vh - 33.5rem), 15rem);
   }
+
   overflow-y: auto;
 `;

package/dist/src/components/molecules/KeyFactCardListRatafia/KeyFactCardListRatafia.styled.ts

@@ -17,9 +17,11 @@ export const KeyFactCardListRatafiaStyled = styled.div`
   border-bottom: 8px solid var(--neutral-neutral-6);
   background: var(--neutral-neutral-6);
 
-  height: calc(100vh - 24.5rem);
+  height: max(calc(100vh - 24.5rem), 15rem);
+
   @media ${device['portrait-tablets']} {
-    height: calc(100vh - 33.5rem);
+    height: max(calc(100vh - 33.5rem), 15rem);
   }
+
   overflow-y: auto;
 `

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

@@ -31,8 +31,6 @@ export * from './PhoneContactBoxDesktop';
 export * from './PhoneContactBoxMobile';
 export * from './PopularDocs';
 export * from './PricingCard';
-export * from './RatafiaResultCardList';
-export * from './RatafiaResultTabList';
 export * from './RatafiaSubscriptionCard';
 export * from './Snackbar';
 export * from './StepGetForm';

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

@@ -31,8 +31,6 @@ export * from './PhoneContactBoxDesktop';
 export * from './PhoneContactBoxMobile';
 export * from './PopularDocs';
 export * from './PricingCard';
-export * from './RatafiaResultCardList';
-export * from './RatafiaResultTabList';
 export * from './RatafiaSubscriptionCard';
 export * from './Snackbar';
 export * from './StepGetForm';

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

@@ -31,8 +31,6 @@ export * from './PhoneContactBoxDesktop'
 export * from './PhoneContactBoxMobile'
 export * from './PopularDocs'
 export * from './PricingCard'
-export * from './RatafiaResultCardList'
-export * from './RatafiaResultTabList'
 export * from './RatafiaSubscriptionCard'
 export * from './Snackbar'
 export * from './StepGetForm'

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

@@ -17,7 +17,8 @@ export const LayoutRatafiaStyled = styled.div `
     justify-content: space-between;
     padding: 1.5rem 1.5rem 0 1.5rem;
     width: 100%;
-    height: calc(100vh - 8.375rem);
+    height: unset;
+    min-height: calc(100vh - 8.375rem);
     border-radius: var(--l-border-radius) var(--l-border-radius) 0 0;
     background: var(--others-white);
     box-shadow: var(--box-shadow-small);

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

@@ -18,7 +18,8 @@ export const LayoutRatafiaStyled = styled.div`
     justify-content: space-between;
     padding: 1.5rem 1.5rem 0 1.5rem;
     width: 100%;
-    height: calc(100vh - 8.375rem);
+    height: unset;
+    min-height: calc(100vh - 8.375rem);
     border-radius: var(--l-border-radius) var(--l-border-radius) 0 0;
     background: var(--others-white);
     box-shadow: var(--box-shadow-small);

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

@@ -20,8 +20,6 @@ export * from './LimitReachedContentRatafia';
 export * from './ListStepsGetForm';
 export * from './LoginRatafiaContent';
 export * from './MobileBottomBar';
-export * from './RatafiaLoadingResultContent';
-export * from './RatafiaResultContent';
 export * from './StepsRatafiaContent';
 export * from './TryOurFreeLegalBlogsContent';
 export * from './Wizard';

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

@@ -20,8 +20,6 @@ export * from './LimitReachedContentRatafia';
 export * from './ListStepsGetForm';
 export * from './LoginRatafiaContent';
 export * from './MobileBottomBar';
-export * from './RatafiaLoadingResultContent';
-export * from './RatafiaResultContent';
 export * from './StepsRatafiaContent';
 export * from './TryOurFreeLegalBlogsContent';
 export * from './Wizard';

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

@@ -20,8 +20,6 @@ export * from './LimitReachedContentRatafia'
 export * from './ListStepsGetForm'
 export * from './LoginRatafiaContent'
 export * from './MobileBottomBar'
-export * from './RatafiaLoadingResultContent'
-export * from './RatafiaResultContent'
 export * from './StepsRatafiaContent'
 export * from './TryOurFreeLegalBlogsContent'
 export * from './Wizard'

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

@@ -7,7 +7,6 @@ export * from './KeyFactsResultRatafiaPage';
 export * from './LegalPage';
 export * from './LimitReachedRatafiaPage';
 export * from './RatafiaLandingPage';
-export * from './RatafiaPricingPage';
-export * from './RatafiaResultPage';
 export * from './UnsubscribePage';
 export * from './LoginRatafiaPage';
+export * from './RatafiaPricingPage';

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

@@ -7,7 +7,6 @@ export * from './KeyFactsResultRatafiaPage';
 export * from './LegalPage';
 export * from './LimitReachedRatafiaPage';
 export * from './RatafiaLandingPage';
-export * from './RatafiaPricingPage';
-export * from './RatafiaResultPage';
 export * from './UnsubscribePage';
 export * from './LoginRatafiaPage';
+export * from './RatafiaPricingPage';

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

@@ -7,7 +7,6 @@ export * from './KeyFactsResultRatafiaPage'
 export * from './LegalPage'
 export * from './LimitReachedRatafiaPage'
 export * from './RatafiaLandingPage'
-export * from './RatafiaPricingPage'
-export * from './RatafiaResultPage'
 export * from './UnsubscribePage'
 export * from './LoginRatafiaPage'
+export * from './RatafiaPricingPage'

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

@@ -3,11 +3,11 @@ import { StepsRatafiaContent } from '../../organisms';
 import { StepsRatafiaSectionStyled } from './StepsRatafiaSection.styled';
 import { Video } from '../../atoms';
 import classNames from 'classnames';
-const StepsRatafiaSection = ({ title, steps, videoUrl, mainImage, description }) => {
+const StepsRatafiaSection = ({ title, steps, videoUrl, mainImage, description, videoPosterUrl }) => {
     const isEsignatureLanding = !videoUrl;
     const classnames = classNames({
         '--is-esignature': isEsignatureLanding
     });
-    return (_jsx(StepsRatafiaSectionStyled, { className: 'steps-ratafia-section', children: _jsxs("div", { className: `steps-ratafia-section__wrapper ${classnames}`, children: [!isEsignatureLanding ? (_jsx("div", { className: 'steps-ratafia-section__wrapper__video', children: _jsx(Video, { videoSrcURL: videoUrl, autoPlay: true, loop: true }) })) : (_jsx("div", { className: 'steps-ratafia-section__wrapper__image', children: mainImage })), _jsx("div", { className: 'steps-ratafia-section__wrapper__content', children: _jsx(StepsRatafiaContent, { title: title, steps: steps, description: description }) })] }) }));
+    return (_jsx(StepsRatafiaSectionStyled, { className: 'steps-ratafia-section', children: _jsxs("div", { className: `steps-ratafia-section__wrapper ${classnames}`, children: [!isEsignatureLanding ? (_jsx("div", { className: 'steps-ratafia-section__wrapper__video', children: _jsx(Video, { videoSrcURL: videoUrl, preload: 'none', poster: videoPosterUrl }) })) : (_jsx("div", { className: 'steps-ratafia-section__wrapper__image', children: mainImage })), _jsx("div", { className: 'steps-ratafia-section__wrapper__content', children: _jsx(StepsRatafiaContent, { title: title, steps: steps, description: description }) })] }) }));
 };
 export default StepsRatafiaSection;

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

@@ -6,7 +6,14 @@ import { StepsRatafiaSectionStyled } from './StepsRatafiaSection.styled'
 import { Video } from '../../atoms'
 import classNames from 'classnames'
 
-const StepsRatafiaSection: FC<StepsRatafiaSectionProps> = ({ title, steps, videoUrl, mainImage, description }) => {
+const StepsRatafiaSection: FC<StepsRatafiaSectionProps> = ({
+  title,
+  steps,
+  videoUrl,
+  mainImage,
+  description,
+  videoPosterUrl
+}) => {
   const isEsignatureLanding = !videoUrl
   const classnames = classNames({
     '--is-esignature': isEsignatureLanding
@@ -17,7 +24,7 @@ const StepsRatafiaSection: FC<StepsRatafiaSectionProps> = ({ title, steps, video
       <div className={`steps-ratafia-section__wrapper ${classnames}`}>
         {!isEsignatureLanding ? (
           <div className='steps-ratafia-section__wrapper__video'>
-            <Video videoSrcURL={videoUrl} autoPlay loop />
+            <Video videoSrcURL={videoUrl} preload='none' poster={videoPosterUrl} />
           </div>
         ) : (
           <div className='steps-ratafia-section__wrapper__image'>{mainImage}</div>

package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSectionProps.types.d.ts

@@ -6,4 +6,5 @@ export interface StepsRatafiaSectionProps {
     videoUrl: string;
     mainImage?: React.ReactNode;
     description?: React.ReactNode;
+    videoPosterUrl?: string;
 }

package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSectionProps.types.ts

@@ -7,4 +7,5 @@ export interface StepsRatafiaSectionProps {
   videoUrl: string
   mainImage?: React.ReactNode
   description?: React.ReactNode
+  videoPosterUrl?: string
 }