@npm_leadtech/legal-contracts-ui 0.171.1 → 0.171.2

package/dist/components/AboutUsTemplate.d.ts

@@ -0,0 +1,160 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export declare const AboutUsTemplate: FC<AboutUsTemplateProps>;
+
+export declare interface AboutUsTemplateProps {
+    jumbotron: Jumbotron2Props;
+    intro: IntroSectionProps;
+    mission: MissionSectionProps;
+    coreValues: ValuesSectionProps;
+    storyline: StorylineProps;
+    howWeHelp: WeHelpSectionProps;
+    guidelines: GuidelinesSectionProps;
+    experts: ExpertsSectionProps;
+    trustPilot: TrustPilotSectionProps;
+    partners: PartnersSectionProps;
+    cta: CtaSectionProps;
+    contactUs: ContactUsSectionProps;
+}
+
+export type ButtonSize = 'small' | 'default' | 'large';
+
+export type ButtonVariant = 'primary-green' | 'primary-darkgreen' | 'primary-yellow' | 'primary-white' | 'secondary-green' | 'secondary-yellow' | 'secondary-red' | 'secondary-black' | 'tertiary-bold' | 'tertiary-thin' | 'tertiary-icon' | 'tertiary-link' | 'icon-black' | 'icon-grey' | 'icon-mobile';
+
+export interface ContactUsSectionProps {
+    header: SectionHeadingProps;
+    contactOptions: Array<{
+        title: string;
+        description?: string;
+        icon: ReactNode;
+        helper?: string;
+        url?: string;
+        dataQa?: string;
+    }>;
+}
+
+export interface CtaSectionProps {
+    title: string;
+    paragraph?: ReactNode;
+    cta: LinkWrapperProps;
+    children?: ReactNode;
+    className?: string;
+    contentClassName?: string;
+    childrenClassName?: string;
+}
+
+export interface ExpertsSectionProps {
+    header: SectionHeadingProps;
+    experts: Array<{
+        name: string;
+        title: string;
+        image: ReactNode;
+    }>;
+}
+
+export interface GuidelinesSectionProps {
+    header: SectionHeadingProps;
+    guidelineCards: Array<{
+        title: string;
+        image: ReactNode;
+        content: string;
+    }>;
+    footerCard: {
+        title: string;
+        image: ReactNode;
+        content: string;
+        cta: LinkWrapperProps;
+    };
+}
+
+export type IconPosition = 'left' | 'right' | 'top';
+
+export interface IntroSectionProps {
+    image: ReactNode;
+    children: ReactNode;
+    cta?: LinkWrapperProps;
+    className?: string;
+    containerClassName?: string;
+    firstColumnClassName?: string;
+    secondColumnClassName?: string;
+}
+
+export interface Jumbotron2Props {
+    title: ReactNode;
+    subtitle?: string;
+    className?: string;
+    children?: ReactNode;
+    variant?: 'default' | 'contact';
+}
+
+export interface LinkWrapperProps {
+    children: ReactNode;
+    size?: ButtonSize;
+    variant?: ResponsiveButtonVariant;
+    iconPosition?: IconPosition;
+    disabled?: boolean;
+    className?: string;
+}
+
+export interface MissionSectionProps {
+    title: string;
+    body: string;
+    image: ReactNode;
+}
+
+export interface PartnersSectionProps {
+    header: SectionHeadingProps;
+    body: string;
+    partners: Array<{
+        name: string;
+        logo: ReactNode;
+    }>;
+}
+
+export type ResponsiveButtonVariant = ButtonVariant | {
+    initial?: ButtonVariant;
+    sm?: ButtonVariant;
+    md?: ButtonVariant;
+    lg?: ButtonVariant;
+    xl?: ButtonVariant;
+};
+
+export interface SectionHeadingProps {
+    title: string;
+    description?: string;
+    align?: 'start' | 'center';
+    titleClass?: string;
+    className?: string;
+    hasMaxWidth?: boolean;
+}
+
+export interface StorylineProps {
+    title: string;
+    text: string;
+    storyItems: {
+        title: string;
+        description: string;
+        icon: ReactNode;
+    }[];
+}
+
+export interface TrustPilotSectionProps {
+    trustPilot?: React.ReactNode;
+    content: string;
+    title: string;
+}
+
+export interface ValuesSectionProps {
+    title: string;
+    body: string;
+    image: ReactNode;
+}
+
+export interface WeHelpSectionProps {
+    title: string;
+    image: ReactNode;
+    cta: LinkWrapperProps;
+    body: string;
+}
+

package/dist/components/AboutUsTemplate.js

@@ -1,39 +1,43 @@
-import { Jumbotron2 as e } from "./Jumbotron2.js";
-import { IntroSection as t } from "./IntroSection.js";
-import { MissionSection as n } from "./MissionSection.js";
-import { ValuesSection as r } from "./ValuesSection.js";
-import { Storyline as i } from "./Storyline.js";
-import { WeHelpSection as a } from "./WeHelpSection.js";
-import { GuidelinesSection as o } from "./GuidelinesSection.js";
-import { ExpertsSection as s } from "./ExpertsSection.js";
-import { PartnersSection as c } from "./PartnersSection.js";
-import { CtaSection as l } from "./CtaSection.js";
-import { ContactUsSection as u } from "./ContactUsSection.js";
-import { TrustPilotSection as d } from "./TrustPilotSection.js";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-//#region lib/components/templates/AboutUsTemplate.tsx
-var m = ({ jumbotron: m, intro: h, mission: g, coreValues: _, storyline: v, howWeHelp: y, guidelines: b, experts: x, trustPilot: S, partners: C, cta: w, contactUs: T }) => /* @__PURE__ */ p("main", {
-	className: "mx-auto flex w-full flex-1 flex-col text-neutral-800",
-	children: [
-		/* @__PURE__ */ f(e, {
-			...m,
-			className: "bg-primary-50 w-full py-4 text-3xl"
-		}),
-		/* @__PURE__ */ f(t, {
-			...h,
-			className: "bg-primary-50"
-		}),
-		/* @__PURE__ */ f(n, { ...g }),
-		/* @__PURE__ */ f(r, { ..._ }),
-		/* @__PURE__ */ f(i, { ...v }),
-		/* @__PURE__ */ f(a, { ...y }),
-		/* @__PURE__ */ f(o, { ...b }),
-		/* @__PURE__ */ f(s, { ...x }),
-		/* @__PURE__ */ f(d, { ...S }),
-		/* @__PURE__ */ f(c, { ...C }),
-		/* @__PURE__ */ f(l, { ...w }),
-		/* @__PURE__ */ f(u, { ...T })
-	]
-});
-//#endregion
-export { m as AboutUsTemplate };
+import { jsxs as x, jsx as o } from "react/jsx-runtime";
+import { MissionSection as S } from "./MissionSection.js";
+import { ValuesSection as u } from "./ValuesSection.js";
+import { Storyline as b } from "./Storyline.js";
+import { WeHelpSection as y } from "./WeHelpSection.js";
+import { GuidelinesSection as N } from "./GuidelinesSection.js";
+import { ExpertsSection as d } from "./ExpertsSection.js";
+import { TrustPilotSection as g } from "./TrustPilotSection.js";
+import { PartnersSection as j } from "./PartnersSection.js";
+import { CtaSection as w } from "./CtaSection.js";
+import { ContactUsSection as C } from "./ContactUsSection.js";
+import { Jumbotron2 as P } from "./Jumbotron2.js";
+import { IntroSection as T } from "./IntroSection.js";
+const v = ({
+  jumbotron: t,
+  intro: r,
+  mission: m,
+  coreValues: i,
+  storyline: e,
+  howWeHelp: n,
+  guidelines: l,
+  experts: p,
+  trustPilot: s,
+  partners: f,
+  cta: c,
+  contactUs: a
+}) => /* @__PURE__ */ x("main", { className: "mx-auto flex w-full flex-1 flex-col text-neutral-800", children: [
+  /* @__PURE__ */ o(P, { ...t, className: "bg-primary-50 w-full py-4 text-3xl" }),
+  /* @__PURE__ */ o(T, { ...r, className: "bg-primary-50" }),
+  /* @__PURE__ */ o(S, { ...m }),
+  /* @__PURE__ */ o(u, { ...i }),
+  /* @__PURE__ */ o(b, { ...e }),
+  /* @__PURE__ */ o(y, { ...n }),
+  /* @__PURE__ */ o(N, { ...l }),
+  /* @__PURE__ */ o(d, { ...p }),
+  /* @__PURE__ */ o(g, { ...s }),
+  /* @__PURE__ */ o(j, { ...f }),
+  /* @__PURE__ */ o(w, { ...c }),
+  /* @__PURE__ */ o(C, { ...a })
+] });
+export {
+  v as AboutUsTemplate
+};

package/dist/components/AddIcon.d.ts

@@ -0,0 +1,4 @@
+import * as React_2 from 'react';
+
+export declare const AddIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+

package/dist/components/AddIcon.js

@@ -1,17 +1,12 @@
+import { jsx as t } from "react/jsx-runtime";
 import "react";
-import { jsx as e } from "react/jsx-runtime";
-//#region lib/components/icons/AddIcon.tsx
-var t = (t) => /* @__PURE__ */ e("svg", {
-	width: "22",
-	height: "22",
-	viewBox: "0 0 22 22",
-	fill: "none",
-	xmlns: "http://www.w3.org/2000/svg",
-	...t,
-	children: /* @__PURE__ */ e("path", {
-		d: "M17.4166 11C17.4166 11.5063 17.0062 11.9167 16.4999 11.9167H11.9166V16.5C11.9166 17.0063 11.5062 17.4167 10.9999 17.4167C10.4937 17.4167 10.0833 17.0063 10.0833 16.5V11.9167H5.49992C4.99366 11.9167 4.58325 11.5063 4.58325 11C4.58325 10.4938 4.99366 10.0834 5.49992 10.0834H10.0833V5.50004C10.0833 4.99378 10.4937 4.58337 10.9999 4.58337C11.5062 4.58337 11.9166 4.99378 11.9166 5.50004V10.0834H16.4999C17.0062 10.0834 17.4166 10.4938 17.4166 11Z",
-		fill: "white"
-	})
-});
-//#endregion
-export { t as AddIcon };
+const h = (i) => /* @__PURE__ */ t("svg", { width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i, children: /* @__PURE__ */ t(
+  "path",
+  {
+    d: "M17.4166 11C17.4166 11.5063 17.0062 11.9167 16.4999 11.9167H11.9166V16.5C11.9166 17.0063 11.5062 17.4167 10.9999 17.4167C10.4937 17.4167 10.0833 17.0063 10.0833 16.5V11.9167H5.49992C4.99366 11.9167 4.58325 11.5063 4.58325 11C4.58325 10.4938 4.99366 10.0834 5.49992 10.0834H10.0833V5.50004C10.0833 4.99378 10.4937 4.58337 10.9999 4.58337C11.5062 4.58337 11.9166 4.99378 11.9166 5.50004V10.0834H16.4999C17.0062 10.0834 17.4166 10.4938 17.4166 11Z",
+    fill: "white"
+  }
+) });
+export {
+  h as AddIcon
+};

package/dist/components/AiLegalDocumentReviewerTemplate.d.ts

@@ -0,0 +1,143 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export declare const AiLegalDocumentReviewerTemplate: FC<AiLegalDocumentReviewerTemplateProps>;
+
+export declare type AiLegalDocumentReviewerTemplateProps = {
+    hero: Omit<Hero2SectionProps, 'variant'>;
+    howItWorks: Omit<HowItWorksSectionProps, 'variant'>;
+    fastAndSimple: Omit<FastAndSimpleSectionProps, 'variant'>;
+    conversion: ConversionSectionProps;
+    insights: FeaturesSectionProps;
+    trustPilot?: ReactNode;
+    askQuestions: Omit<BannerTagSectionProps, 'variant'>;
+    faq: Omit<FaqSectionProps, 'className'>;
+    toast?: ToastProps;
+};
+
+export interface BannerTagSectionProps {
+    title: string;
+    description: string;
+    cta: ReactNode;
+    rightImage: ReactNode | null;
+    tags: {
+        top: TagProps | null;
+        middle: TagProps | null;
+        bottom: TagProps | null;
+    };
+    variant: 'esign' | 'ratafia';
+}
+
+export interface ConversionSectionProps {
+    icon: ReactNode;
+    title: string;
+    uploadZone: UploadZoneProps;
+    dataQa?: string;
+}
+
+export interface FaqItemProps {
+    question: string;
+    answer: string;
+    showMoreText?: string;
+    collapsedButtonText?: string;
+    expandedButtonText?: string;
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
+    slug: string;
+}
+
+export interface FaqSectionProps {
+    title: string;
+    description: string;
+    faqItems: FaqItemProps[];
+    className?: string;
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
+}
+
+export interface FastAndSimpleSectionProps {
+    bgImage: ReactNode | null;
+    title: string;
+    description: string;
+    benefits: QuickBenefit[];
+    variant: 'esign' | 'ratafia';
+}
+
+export interface Features {
+    id: string;
+    title: string;
+    icon: ReactNode | null;
+    description: string;
+    upcoming: boolean;
+    upcomingText?: string;
+}
+
+export interface FeaturesSectionProps {
+    title: string;
+    description: string;
+    features: Features[];
+    rightImage: ReactNode | null;
+}
+
+export type Hero2Highlight = {
+    id: string;
+    label: string;
+    icon: ReactNode;
+};
+
+export interface Hero2SectionProps {
+    bgLeft: ReactNode | null;
+    bgRight: ReactNode | null;
+    title: string;
+    description: string;
+    highlights: Hero2Highlight[];
+    variant: 'esign' | 'ratafia';
+    uploadZone: UploadZoneProps;
+}
+
+export interface HowItWorksSectionProps {
+    media: ReactNode;
+    title: string;
+    description: string;
+    steps: HowItWorksStep[];
+    variant: 'esign' | 'ratafia';
+}
+
+export interface HowItWorksStep {
+    id: string;
+    title: string;
+    description: string;
+    icon: ReactNode;
+}
+
+export interface QuickBenefit {
+    id: string;
+    title: string;
+    description: string;
+    icon: ReactNode;
+}
+
+export interface TagProps {
+    title: string;
+    icon: ReactNode;
+    variant: 'default' | 'highlight' | 'dark';
+    className?: string;
+}
+
+export interface ToastProps {
+    show: boolean;
+    title: string;
+    message: string;
+    type?: 'success' | 'error' | 'default';
+    onClose: () => void;
+}
+
+export interface UploadZoneProps {
+    uploadPromptText: string;
+    addDocumentLabel: string;
+    fileSizeText: string;
+    disclaimer: string;
+    containerClassName?: string;
+    onAddDocument?: () => void;
+    onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;
+    dataQa?: string;
+}
+

package/dist/components/AiLegalDocumentReviewerTemplate.js

@@ -1,47 +1,33 @@
-import { Toast as e } from "./Toast.js";
-import { FaqSection as t } from "./FaqSection.js";
-import { Hero2Section as n } from "./Hero2Section.js";
-import { HowItWorksSection as r } from "./HowItWorksSection.js";
-import { FastAndSimpleSection as i } from "./FastAndSimpleSection.js";
-import { FeaturesSection as a } from "./FeaturesSection.js";
-import { BannerTagSection as o } from "./BannerTagSection.js";
-import { ConversionSection as s } from "./ConversionSection.js";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region lib/components/templates/AiLegalDocumentReviewerTemplate.tsx
-var u = ({ hero: u, howItWorks: d, fastAndSimple: f, conversion: p, insights: m, trustPilot: h, askQuestions: g, faq: _, toast: v }) => /* @__PURE__ */ l("main", {
-	className: "bg-neutral-25 w-full flex-1",
-	children: [
-		/* @__PURE__ */ c(n, {
-			...u,
-			variant: "ratafia"
-		}),
-		/* @__PURE__ */ c(r, {
-			...d,
-			variant: "ratafia"
-		}),
-		/* @__PURE__ */ c(i, {
-			...f,
-			variant: "ratafia"
-		}),
-		/* @__PURE__ */ c(a, { ...m }),
-		/* @__PURE__ */ c(s, { ...p }),
-		!!h && /* @__PURE__ */ c("section", {
-			className: "bg-white px-6 py-8 lg:px-8 lg:py-12 xl:px-0",
-			children: /* @__PURE__ */ c("div", {
-				className: "mx-auto w-full max-w-254 md:h-34",
-				children: h
-			})
-		}),
-		/* @__PURE__ */ c(o, {
-			...g,
-			variant: "ratafia"
-		}),
-		/* @__PURE__ */ c(t, {
-			..._,
-			className: "mx-auto max-w-250 px-6 py-12 lg:px-8 lg:pb-20 xl:px-0"
-		}),
-		v && /* @__PURE__ */ c(e, { ...v })
-	]
-});
-//#endregion
-export { u as AiLegalDocumentReviewerTemplate };
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { ConversionSection as f } from "./ConversionSection.js";
+import { Hero2Section as s } from "./Hero2Section.js";
+import { HowItWorksSection as x } from "./HowItWorksSection.js";
+import { FastAndSimpleSection as g } from "./FastAndSimpleSection.js";
+import { FeaturesSection as S } from "./FeaturesSection.js";
+import { BannerTagSection as u } from "./BannerTagSection.js";
+import { FaqSection as v } from "./FaqSection.js";
+import { Toast as w } from "./Toast.js";
+const B = ({
+  hero: e,
+  howItWorks: i,
+  fastAndSimple: t,
+  conversion: m,
+  insights: n,
+  trustPilot: r,
+  askQuestions: l,
+  faq: p,
+  toast: o
+}) => /* @__PURE__ */ c("main", { className: "bg-neutral-25 w-full flex-1", children: [
+  /* @__PURE__ */ a(s, { ...e, variant: "ratafia" }),
+  /* @__PURE__ */ a(x, { ...i, variant: "ratafia" }),
+  /* @__PURE__ */ a(g, { ...t, variant: "ratafia" }),
+  /* @__PURE__ */ a(S, { ...n }),
+  /* @__PURE__ */ a(f, { ...m }),
+  !!r && /* @__PURE__ */ a("section", { className: "bg-white px-6 py-8 lg:px-8 lg:py-12 xl:px-0", children: /* @__PURE__ */ a("div", { className: "mx-auto w-full max-w-254 md:h-34", children: r }) }),
+  /* @__PURE__ */ a(u, { ...l, variant: "ratafia" }),
+  /* @__PURE__ */ a(v, { ...p, className: "mx-auto max-w-250 px-6 py-12 lg:px-8 lg:pb-20 xl:px-0" }),
+  o && /* @__PURE__ */ a(w, { ...o })
+] });
+export {
+  B as AiLegalDocumentReviewerTemplate
+};

package/dist/components/AllDocumentsTemplate.d.ts

@@ -0,0 +1,118 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export declare const AllDocumentsTemplate: FC<AllDocumentsTemplateProps>;
+
+export declare interface AllDocumentsTemplateProps {
+    jumbo: JumboCardProps;
+    breadcrumb: BreadcrumbProps;
+    categories: DocumentCategoriesProps;
+    documentSections: DocumentSectionProps[];
+    contentItems: ContentItemProps[];
+    faqSection?: FaqSectionProps;
+}
+
+export interface AlternativeSubtypeDocumentProps extends BaseSubtypeDocumentProps {
+    format: 'Alternative';
+}
+
+export interface BaseSubtypeDocumentProps {
+    id: string;
+    link: ReactNode;
+    sampleImage: ReactNode;
+    pdfDownload: ReactNode;
+    wordDownload: ReactNode;
+}
+
+export interface BreadcrumbProps {
+    breadcrumbs: {
+        id: string;
+        link: ReactNode;
+    }[];
+    className?: string;
+}
+
+export interface ContentItemProps {
+    id: string;
+    title: string | null;
+    content: string | null;
+    linkedProducts: LinkedProductProps[];
+    sampleImage: ImageWithPreviewProps | null;
+    cta: ReactNode | null;
+    comingSoonCta: ReactNode | null;
+    docsModules: {
+        pdfDownload: ReactNode;
+        wordDownload: ReactNode;
+    } | null;
+    subtypeDocs: SubtypeDocumentProps[];
+}
+
+export interface DefaultSubtypeDocumentProps extends BaseSubtypeDocumentProps {
+    format: 'Default';
+    createDocButton: ReactNode;
+    description: string;
+}
+
+export interface DocumentCategoriesProps {
+    title: string;
+    categories: {
+        id: string;
+        title: string;
+        icon: ReactNode;
+    }[];
+}
+
+export interface DocumentItemProps {
+    id: string;
+    link: ReactNode;
+    description: string;
+    className?: string;
+}
+
+export interface DocumentSectionProps {
+    id: string;
+    title: string;
+    description: string;
+    icon: ReactNode;
+    documents: DocumentItemProps[];
+}
+
+export interface FaqItemProps {
+    question: string;
+    answer: string;
+    showMoreText?: string;
+    collapsedButtonText?: string;
+    expandedButtonText?: string;
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
+    slug: string;
+}
+
+export interface FaqSectionProps {
+    title: string;
+    description: string;
+    faqItems: FaqItemProps[];
+    className?: string;
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
+}
+
+export interface ImageWithPreviewProps {
+    small: ReactNode;
+    large: ReactNode;
+    onZoomClick?: () => void;
+}
+
+export interface JumboCardProps {
+    title: string;
+    description: string;
+    subtitle?: string;
+    bgImage: ReactNode | null;
+    lastUpdate?: string;
+}
+
+export interface LinkedProductProps {
+    slug: string;
+    children: ReactNode;
+}
+
+export type SubtypeDocumentProps = DefaultSubtypeDocumentProps | AlternativeSubtypeDocumentProps;
+