@npm_leadtech/legal-contracts-ui 0.87.2 → 0.89.0

package/dist/components/AboutUsTemplate.d.ts

@@ -13,7 +13,7 @@ export declare interface AboutUsTemplateProps {
     howWeHelp: WeHelpSectionProps;
     guidelines: GuidelinesSectionProps;
     experts: ExpertsSectionProps;
-    trustpilot: TrustpilotSectionProps;
+    trustPilot: ReactNode;
     partners: PartnersSectionProps;
     cta: CtaSectionProps;
     contactUs: ContactUsSectionProps;
@@ -128,11 +128,6 @@ export interface StorylineProps {
     }[];
 }
 
-export interface TrustpilotSectionProps {
-    header: SectionHeadingProps;
-    children: ReactNode;
-}
-
 export interface ValuesSectionProps {
     title: string;
     children: ReactNode;

package/dist/components/AboutUsTemplate.js

@@ -1,43 +1,42 @@
-import { jsxs as S, jsx as o } from "react/jsx-runtime";
-import { MissionSection as u } from "./MissionSection.js";
-import { ValuesSection as x } from "./ValuesSection.js";
-import { Storyline as b } from "./Storyline.js";
-import { WeHelpSection as d } from "./WeHelpSection.js";
-import { GuidelinesSection as j } from "./GuidelinesSection.js";
-import { ExpertsSection as y } from "./ExpertsSection.js";
-import { PartnersSection as C } from "./PartnersSection.js";
-import { CtaSection as N } from "./CtaSection.js";
-import { ContactUsSection as T } from "./ContactUsSection.js";
-import { Jumbotron2 as U } from "./Jumbotron2.js";
-import { IntroSection as g } from "./IntroSection.js";
-import { TrustpilotSection as h } from "./TrustpilotSection.js";
-const v = ({
-  jumbotron: t,
-  intro: r,
+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 d } from "./Storyline.js";
+import { WeHelpSection as b } from "./WeHelpSection.js";
+import { GuidelinesSection as h } from "./GuidelinesSection.js";
+import { ExpertsSection as w } from "./ExpertsSection.js";
+import { PartnersSection as N } from "./PartnersSection.js";
+import { CtaSection as j } from "./CtaSection.js";
+import { ContactUsSection as y } from "./ContactUsSection.js";
+import { Jumbotron2 as C } from "./Jumbotron2.js";
+import { IntroSection as U } from "./IntroSection.js";
+const W = ({
+  jumbotron: r,
+  intro: t,
   mission: m,
-  coreValues: i,
-  storyline: e,
+  coreValues: e,
+  storyline: i,
   howWeHelp: n,
-  guidelines: p,
-  experts: f,
-  trustpilot: s,
-  partners: c,
-  cta: l,
+  guidelines: l,
+  experts: s,
+  trustPilot: c,
+  partners: f,
+  cta: p,
   contactUs: a
-}) => /* @__PURE__ */ S("main", { className: "mx-auto flex w-full flex-1 flex-col text-neutral-800", children: [
-  /* @__PURE__ */ o(U, { ...t }),
-  /* @__PURE__ */ o(g, { ...r, className: "bg-primary-50" }),
-  /* @__PURE__ */ o(u, { ...m }),
-  /* @__PURE__ */ o(x, { ...i }),
-  /* @__PURE__ */ o(b, { ...e }),
-  /* @__PURE__ */ o(d, { ...n }),
+}) => /* @__PURE__ */ x("main", { className: "mx-auto flex w-full flex-1 flex-col text-neutral-800", children: [
+  /* @__PURE__ */ o(C, { ...r }),
+  /* @__PURE__ */ o(U, { ...t, className: "bg-primary-50" }),
+  /* @__PURE__ */ o(S, { ...m }),
+  /* @__PURE__ */ o(u, { ...e }),
+  /* @__PURE__ */ o(d, { ...i }),
+  /* @__PURE__ */ o(b, { ...n }),
+  /* @__PURE__ */ o(h, { ...l }),
+  /* @__PURE__ */ o(w, { ...s }),
+  /* @__PURE__ */ o("div", { className: "w-full max-w-254 md:h-34", children: c }),
+  /* @__PURE__ */ o(N, { ...f }),
   /* @__PURE__ */ o(j, { ...p }),
-  /* @__PURE__ */ o(y, { ...f }),
-  /* @__PURE__ */ o(h, { ...s }),
-  /* @__PURE__ */ o(C, { ...c }),
-  /* @__PURE__ */ o(N, { ...l }),
-  /* @__PURE__ */ o(T, { ...a })
+  /* @__PURE__ */ o(y, { ...a })
 ] });
 export {
-  v as AboutUsTemplate
+  W as AboutUsTemplate
 };

package/dist/components/AiLegalDocumentReviewerTemplate.d.ts

@@ -1,46 +1,18 @@
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
-export interface AiLegalDocumentInsightCard {
-    id: string;
-    title: string;
-    description: string;
-    state?: 'soon' | 'default';
-}
-
-export interface AiLegalDocumentInsightsSectionProps {
-    heading: {
-        title: string;
-        description: string;
-    };
-    insightCards: AiLegalDocumentInsightCard[];
-    tabs: AiLegalDocumentInsightsTab[];
-    defaultTabId?: string;
-    /** Optional screenshot behind / beside the mock */
-    mockImageSrc?: string;
-    mockImageAlt?: string;
-    className?: string;
-}
-
-export interface AiLegalDocumentInsightsTab {
-    id: string;
-    label: string;
-    content: ReactNode;
-}
-
 export declare const AiLegalDocumentReviewerTemplate: FC<AiLegalDocumentReviewerTemplateProps>;
 
 export declare type AiLegalDocumentReviewerTemplateProps = {
-    hero: Hero2SectionProps;
+    hero: Omit<Hero2SectionProps, 'variant'>;
     howItWorks: HowItWorksSectionProps;
-    /** Same shape as e-sign `fastAndSimple`; template forces `variant="lawgeniusDark"`. */
     fastAndSimple: Omit<FastAndSimpleSectionProps, 'variant'>;
-    insights: AiLegalDocumentInsightsSectionProps;
+    insights: FeaturesSectionProps;
     signAndSend: Omit<SignAndSendSectionProps, 'rightColumn' | 'variant' | 'leadingIcon'> & {
         leadingIcon: ReactNode;
         upload: DocumentReviewUploadCardProps;
     };
-    trustpilot: TrustpilotSectionProps;
+    trustPilot: ReactNode;
     askQuestions: Omit<LawgeniusAskQuestionsSectionProps, 'illustration'> & {
         illustration: LawgeniusFloatingTagsIllustrationProps;
     };
@@ -84,6 +56,22 @@ export interface FastAndSimpleSectionProps {
     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;
@@ -144,14 +132,6 @@ export interface QuickBenefit {
     icon: ReactNode;
 }
 
-export interface SectionHeadingProps {
-    title: string;
-    description?: string;
-    align?: 'start' | 'center';
-    titleClass?: string;
-    className?: string;
-}
-
 export interface SignAndSendSectionProps {
     title: string;
     description: string;
@@ -166,11 +146,6 @@ export interface SignAndSendSectionProps {
     variant?: 'default' | 'lawgeniusDark';
 }
 
-export interface TrustpilotSectionProps {
-    header: SectionHeadingProps;
-    children: ReactNode;
-}
-
 export interface UploadZoneProps {
     uploadPromptText: string;
     addDocumentLabel: string;

package/dist/components/AiLegalDocumentReviewerTemplate.js

@@ -1,50 +1,49 @@
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import { AiLegalDocumentInsightsSection as x } from "./AiLegalDocumentInsightsSection.js";
-import { DocumentReviewUploadCard as S } from "./DocumentReviewUploadCard.js";
-import { FaqSection as w } from "./FaqSection.js";
-import { FastAndSimpleSection as h } from "./FastAndSimpleSection.js";
-import { Hero2Section as k } from "./Hero2Section.js";
-import { HowItWorksSection as v } from "./HowItWorksSection.js";
-import { LawgeniusAskQuestionsSection as A } from "./LawgeniusAskQuestionsSection.js";
-import { LawgeniusFloatingTagsIllustration as D } from "./LawgeniusFloatingTagsIllustration.js";
-import { SignAndSendSection as R } from "./SignAndSendSection.js";
-import { TrustpilotSection as I } from "./TrustpilotSection.js";
-const O = ({
+import { jsxs as g, jsx as o } from "react/jsx-runtime";
+import { DocumentReviewUploadCard as x } from "./DocumentReviewUploadCard.js";
+import { LawgeniusAskQuestionsSection as w } from "./LawgeniusAskQuestionsSection.js";
+import { LawgeniusFloatingTagsIllustration as S } from "./LawgeniusFloatingTagsIllustration.js";
+import { SignAndSendSection as v } from "./SignAndSendSection.js";
+import { Hero2Section as h } from "./Hero2Section.js";
+import { HowItWorksSection as k } from "./HowItWorksSection.js";
+import { FastAndSimpleSection as R } from "./FastAndSimpleSection.js";
+import { FeaturesSection as A } from "./FeaturesSection.js";
+import { FaqSection as D } from "./FaqSection.js";
+const U = ({
   hero: t,
-  howItWorks: i,
-  fastAndSimple: e,
-  insights: r,
-  signAndSend: n,
-  trustpilot: a,
+  howItWorks: a,
+  fastAndSimple: i,
+  insights: e,
+  signAndSend: r,
+  trustPilot: n,
   askQuestions: s,
   faq: m
 }) => {
-  const { ...l } = t, { upload: c, leadingIcon: p, ...u } = n, { illustration: f, ...g } = s;
-  return /* @__PURE__ */ d("main", { className: "flex w-full flex-col", children: [
-    /* @__PURE__ */ o(k, { ...l }),
-    /* @__PURE__ */ o(v, { ...i }),
-    /* @__PURE__ */ o(h, { ...e, variant: "ratafia" }),
-    /* @__PURE__ */ o(x, { ...r }),
+  const { ...l } = t, { upload: c, leadingIcon: p, ...u } = r, { illustration: d, ...f } = s;
+  return /* @__PURE__ */ g("main", { className: "flex w-full flex-col", children: [
+    /* @__PURE__ */ o(h, { ...l, variant: "ratafia" }),
+    /* @__PURE__ */ o(k, { ...a }),
+    /* @__PURE__ */ o(R, { ...i, variant: "ratafia" }),
+    /* @__PURE__ */ o(A, { ...e }),
     /* @__PURE__ */ o(
-      R,
+      v,
       {
         ...u,
         variant: "lawgeniusDark",
         leadingIcon: p,
-        rightColumn: /* @__PURE__ */ o(S, { ...c, variant: "embeddedOnDark" })
+        rightColumn: /* @__PURE__ */ o(x, { ...c, variant: "embeddedOnDark" })
       }
     ),
-    /* @__PURE__ */ o(I, { ...a }),
+    /* @__PURE__ */ o("div", { className: "w-full max-w-254 md:h-34", children: n }),
     /* @__PURE__ */ o(
-      A,
+      w,
       {
-        ...g,
-        illustration: /* @__PURE__ */ o(D, { ...f })
+        ...f,
+        illustration: /* @__PURE__ */ o(S, { ...d })
       }
     ),
-    /* @__PURE__ */ o("section", { className: "bg-neutral-25 px-6 py-16 sm:px-10 lg:px-32", children: /* @__PURE__ */ o(w, { ...m, className: "mx-auto max-w-6xl space-y-6" }) })
+    /* @__PURE__ */ o("section", { className: "bg-neutral-25 px-6 py-16 sm:px-10 lg:px-32", children: /* @__PURE__ */ o(D, { ...m, className: "mx-auto max-w-6xl space-y-6" }) })
   ] });
 };
 export {
-  O as AiLegalDocumentReviewerTemplate
+  U as AiLegalDocumentReviewerTemplate
 };

package/dist/components/ElectronicSignatureTemplate.d.ts

@@ -1,28 +1,14 @@
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
-export interface BenefitsOfSigningSectionProps {
-    title: string;
-    description: string;
-    benefits: OnlineBenefit[];
-    upcomingFeature: {
-        title: string;
-        description: string;
-    };
-    keyFactsIcon: string;
-    requestIcon: string;
-    overviewImageSrc: string;
-    overviewImageAlt: string;
-}
-
 export declare const ElectronicSignatureTemplate: FC<ElectronicSignatureTemplateProps>;
 
 export declare interface ElectronicSignatureTemplateProps {
-    hero: Hero2SectionProps;
+    hero: Omit<Hero2SectionProps, 'variant'>;
     howItWorks: HowItWorksSectionProps;
-    fastAndSimple: FastAndSimpleSectionProps;
-    benefitsOfSigning: BenefitsOfSigningSectionProps;
-    trustpilot: TrustpilotSectionProps;
+    fastAndSimple: Omit<FastAndSimpleSectionProps, 'variant'>;
+    benefits: FeaturesSectionProps;
+    trustPilot: ReactNode;
     signAndSend: SignAndSendSectionProps;
     faq: FaqSectionProps;
 }
@@ -50,6 +36,22 @@ export interface FastAndSimpleSectionProps {
     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;
@@ -80,11 +82,6 @@ export interface HowItWorksStep {
     icon: ReactNode;
 }
 
-export interface OnlineBenefit {
-    title: string;
-    description: string;
-}
-
 export interface QuickBenefit {
     id: string;
     title: string;
@@ -92,14 +89,6 @@ export interface QuickBenefit {
     icon: ReactNode;
 }
 
-export interface SectionHeadingProps {
-    title: string;
-    description?: string;
-    align?: 'start' | 'center';
-    titleClass?: string;
-    className?: string;
-}
-
 export interface SignAndSendSectionProps {
     title: string;
     description: string;
@@ -114,11 +103,6 @@ export interface SignAndSendSectionProps {
     variant?: 'default' | 'lawgeniusDark';
 }
 
-export interface TrustpilotSectionProps {
-    header: SectionHeadingProps;
-    children: ReactNode;
-}
-
 export interface UploadZoneProps {
     uploadPromptText: string;
     addDocumentLabel: string;

package/dist/components/ElectronicSignatureTemplate.js

@@ -1,28 +1,27 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { Hero2Section as a } from "./Hero2Section.js";
-import { HowItWorksSection as f } from "./HowItWorksSection.js";
-import { FastAndSimpleSection as l } from "./FastAndSimpleSection.js";
-import { BenefitsOfSigningSection as s } from "./BenefitsOfSigningSection.js";
-import { TrustpilotSection as S } from "./TrustpilotSection.js";
-import { SignAndSendSection as x } from "./SignAndSendSection.js";
-import { FaqSection as g } from "./FaqSection.js";
-const T = ({
-  hero: t,
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { Hero2Section as s } from "./Hero2Section.js";
+import { HowItWorksSection as c } from "./HowItWorksSection.js";
+import { FastAndSimpleSection as p } from "./FastAndSimpleSection.js";
+import { FeaturesSection as f } from "./FeaturesSection.js";
+import { SignAndSendSection as S } from "./SignAndSendSection.js";
+import { FaqSection as x } from "./FaqSection.js";
+const N = ({
+  hero: e,
   howItWorks: i,
   fastAndSimple: r,
-  benefitsOfSigning: m,
-  trustpilot: e,
+  benefits: t,
+  trustPilot: m,
   signAndSend: n,
-  faq: p
-}) => /* @__PURE__ */ c("main", { className: "w-full flex-1 bg-neutral-50", children: [
-  /* @__PURE__ */ o(a, { ...t }),
-  /* @__PURE__ */ o(f, { ...i }),
-  /* @__PURE__ */ o(l, { ...r }),
-  /* @__PURE__ */ o(s, { ...m }),
-  /* @__PURE__ */ o(S, { ...e }),
-  /* @__PURE__ */ o(x, { ...n }),
-  /* @__PURE__ */ o(g, { ...p, className: "mx-auto max-w-4xl px-4 py-16" })
+  faq: a
+}) => /* @__PURE__ */ l("main", { className: "w-full flex-1 bg-neutral-50", children: [
+  /* @__PURE__ */ o(s, { ...e, variant: "esign" }),
+  /* @__PURE__ */ o(c, { ...i }),
+  /* @__PURE__ */ o(p, { ...r, variant: "esign" }),
+  /* @__PURE__ */ o(f, { ...t }),
+  /* @__PURE__ */ o("div", { className: "w-full max-w-254 md:h-34", children: m }),
+  /* @__PURE__ */ o(S, { ...n }),
+  /* @__PURE__ */ o(x, { ...a, className: "mx-auto max-w-4xl px-4 py-16" })
 ] });
 export {
-  T as ElectronicSignatureTemplate
+  N as ElectronicSignatureTemplate
 };

package/dist/components/FeaturesSection.d.ts

@@ -0,0 +1,21 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export declare interface Features {
+    id: string;
+    title: string;
+    icon: ReactNode | null;
+    description: string;
+    upcoming: boolean;
+    upcomingText?: string;
+}
+
+export declare const FeaturesSection: FC<FeaturesSectionProps>;
+
+export declare interface FeaturesSectionProps {
+    title: string;
+    description: string;
+    features: Features[];
+    rightImage: ReactNode | null;
+}
+

package/dist/components/FeaturesSection.js

@@ -0,0 +1,34 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import a from "clsx";
+import { Markdown as o } from "./Markdown.js";
+const N = ({ title: i, description: r, features: s, rightImage: c }) => /* @__PURE__ */ e("section", { className: "bg-white", children: /* @__PURE__ */ l("div", { className: "mx-auto grid grid-cols-1 px-6 py-8 lg:grid-cols-2 lg:items-center lg:gap-6 lg:px-8 lg:py-12 xl:max-w-300 xl:gap-20 xl:px-0", children: [
+  /* @__PURE__ */ l("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ l("div", { className: "flex flex-col gap-4 text-neutral-800", children: [
+      /* @__PURE__ */ e("h2", { className: "text-super-large font-bold", children: i }),
+      /* @__PURE__ */ e(o, { className: "text-medium [&_p:last-child]:mb-0", content: r })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: s.map(({ id: d, description: n, title: x, icon: m, upcoming: t, upcomingText: p }) => /* @__PURE__ */ l("article", { className: "bg-neutral-25 flex flex-col gap-4 rounded p-6", children: [
+      /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
+        /* @__PURE__ */ l(
+          "div",
+          {
+            className: a(
+              "text-big inline-flex w-fit items-start gap-2 rounded px-4 py-2 font-bold",
+              t ? "text-primary-800 bg-white opacity-50" : "bg-primary-800 text-neutral-25"
+            ),
+            children: [
+              m,
+              x
+            ]
+          }
+        ),
+        t && /* @__PURE__ */ e("span", { className: "text-primary-800 text-extra-small w-fit rounded bg-neutral-200 p-1 font-bold", children: p })
+      ] }),
+      /* @__PURE__ */ e("p", { className: a("text-medium text-neutral-800", t && "opacity-50"), children: n })
+    ] }, d)) })
+  ] }),
+  /* @__PURE__ */ e("div", { className: "hidden lg:block", children: c })
+] }) });
+export {
+  N as FeaturesSection
+};