@npm_leadtech/legal-contracts-ui 0.62.0 → 0.63.0

package/dist/components/AboutUsTemplate.js

@@ -5,12 +5,12 @@ 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 { TrustpilotSection as C } from "./TrustpilotSection.js";
-import { PartnersSection as N } from "./PartnersSection.js";
-import { CtaSection as T } from "./CtaSection.js";
-import { ContactUsSection as U } from "./ContactUsSection.js";
-import { Jumbotron2 as g } from "./Jumbotron2.js";
-import { IntroSection as h } from "./IntroSection.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,
@@ -25,18 +25,18 @@ const v = ({
   cta: l,
   contactUs: a
 }) => /* @__PURE__ */ S("main", { className: "mx-auto flex w-full flex-1 flex-col text-neutral-800", children: [
-  /* @__PURE__ */ o(g, { ...t }),
-  /* @__PURE__ */ o(h, { ...r, className: "bg-primary-50" }),
+  /* @__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__ */ o(j, { ...p }),
   /* @__PURE__ */ o(y, { ...f }),
-  /* @__PURE__ */ o(C, { ...s }),
-  /* @__PURE__ */ o(N, { ...c }),
-  /* @__PURE__ */ o(T, { ...l }),
-  /* @__PURE__ */ o(U, { ...a })
+  /* @__PURE__ */ o(h, { ...s }),
+  /* @__PURE__ */ o(C, { ...c }),
+  /* @__PURE__ */ o(N, { ...l }),
+  /* @__PURE__ */ o(T, { ...a })
 ] });
 export {
   v as AboutUsTemplate

package/dist/components/BenefitsOfSigningSection.d.ts

@@ -0,0 +1,23 @@
+import { FC } from 'react';
+
+export declare const BenefitsOfSigningSection: FC<BenefitsOfSigningSectionProps>;
+
+export declare interface BenefitsOfSigningSectionProps {
+    title: string;
+    description: string;
+    benefits: OnlineBenefit[];
+    upcomingFeature: {
+        title: string;
+        description: string;
+    };
+    keyFactsIcon: string;
+    requestIcon: string;
+    overviewImageSrc: string;
+    overviewImageAlt: string;
+}
+
+export declare interface OnlineBenefit {
+    title: string;
+    description: string;
+}
+

package/dist/components/BenefitsOfSigningSection.js

@@ -0,0 +1,56 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { SectionHeading as o } from "./SectionHeading.js";
+const p = ({
+  title: i,
+  description: s,
+  benefits: r,
+  upcomingFeature: a,
+  keyFactsIcon: c,
+  requestIcon: n,
+  overviewImageSrc: d,
+  overviewImageAlt: m
+}) => /* @__PURE__ */ e("section", { className: "bg-white px-4 py-16", children: /* @__PURE__ */ l("div", { className: "mx-auto flex w-full max-w-6xl flex-col gap-10 lg:flex-row", children: [
+  /* @__PURE__ */ l("div", { className: "flex-1 space-y-6", children: [
+    /* @__PURE__ */ e(o, { title: i, description: s, align: "start" }),
+    /* @__PURE__ */ l("div", { className: "space-y-4", children: [
+      r.map((t) => /* @__PURE__ */ l(
+        "article",
+        {
+          className: "bg-neutral-25 rounded-lg p-6",
+          style: { boxShadow: "var(--shadow-small)" },
+          children: [
+            /* @__PURE__ */ l("div", { className: "bg-primary-800 text-small text-neutral-25 mb-4 inline-flex items-center gap-2 rounded px-3 py-1 font-semibold", children: [
+              /* @__PURE__ */ e("img", { src: c, alt: "Key facts icon", width: 24, height: 24 }),
+              t.title
+            ] }),
+            /* @__PURE__ */ e("p", { className: "text-medium text-neutral-800", children: t.description })
+          ]
+        },
+        t.title
+      )),
+      /* @__PURE__ */ l("article", { className: "bg-neutral-25 rounded-lg p-6 opacity-70", style: { boxShadow: "var(--shadow-small)" }, children: [
+        /* @__PURE__ */ l("div", { className: "mb-4 flex flex-wrap items-center gap-3", children: [
+          /* @__PURE__ */ l("div", { className: "text-small text-primary-900 inline-flex items-center gap-2 rounded bg-white px-3 py-1 font-semibold", children: [
+            /* @__PURE__ */ e("img", { src: n, alt: "Request signature icon", width: 24, height: 24 }),
+            a.title
+          ] }),
+          /* @__PURE__ */ e("span", { className: "text-extra-small text-primary-900 rounded bg-neutral-200 px-2 py-1 font-semibold", children: "Coming soon" })
+        ] }),
+        /* @__PURE__ */ e("p", { className: "text-medium text-neutral-800", children: a.description })
+      ] })
+    ] })
+  ] }),
+  /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ e(
+    "img",
+    {
+      src: d,
+      alt: m,
+      width: 624,
+      height: 664,
+      className: "h-full w-full rounded-lg object-cover shadow-lg"
+    }
+  ) })
+] }) });
+export {
+  p as BenefitsOfSigningSection
+};

package/dist/components/Button.utils.js

@@ -1,4 +1,4 @@
-import { clsx as l } from "../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { clsx as l } from "clsx";
 const n = {
   "primary-green": {
     initial: "btn-primary-green",

package/dist/components/ElectronicSignatureTemplate.d.ts

@@ -0,0 +1,112 @@
+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;
+    howItWorks: HowItWorksSectionProps;
+    fastAndSimple: FastAndSimpleSectionProps;
+    benefitsOfSigning: BenefitsOfSigningSectionProps;
+    trustpilot: TrustpilotSectionProps;
+    signAndSend: SignAndSendSectionProps;
+    faq: FaqSectionProps;
+}
+
+export interface FaqItemProps {
+    question: string;
+    answer: string;
+    showMoreText?: string;
+    collapsedButtonText?: string;
+    expandedButtonText?: string;
+}
+
+export interface FaqSectionProps {
+    title: string;
+    description: string;
+    faqItems: FaqItemProps[];
+    className?: string;
+}
+
+export interface FastAndSimpleSectionProps {
+    graphicSrc: string;
+    title: string;
+    description: string;
+    benefits: QuickBenefit[];
+}
+
+export interface Hero2SectionProps {
+    backgroundRight: string;
+    backgroundLeft: string;
+    subtitle?: string;
+    title: string;
+    description: string;
+    highlights: string[];
+    addDocumentIcon: string;
+    uploadPromptText: string;
+    addDocumentLabel: string;
+    fileSizeText: string;
+    disclaimer: ReactNode;
+    onAddDocument?: () => void;
+}
+
+export interface HowItWorksSectionProps {
+    imageSrc: string;
+    imageAlt: string;
+    title: string;
+    description: string;
+    steps: HowItWorksStep[];
+}
+
+export interface HowItWorksStep {
+    title: string;
+    description: string;
+    icon: string;
+}
+
+export interface OnlineBenefit {
+    title: string;
+    description: string;
+}
+
+export interface QuickBenefit {
+    title: string;
+    description: string;
+    icon: string;
+}
+
+export interface SectionHeadingProps {
+    title: string;
+    description?: string;
+    align?: 'start' | 'center';
+    titleClass?: string;
+    className?: string;
+}
+
+export interface SignAndSendSectionProps {
+    title: string;
+    description: string;
+    ctaLabel: string;
+    imageSrc: string;
+    imageAlt: string;
+}
+
+export interface TrustpilotSectionProps {
+    header: SectionHeadingProps;
+    children: ReactNode;
+}
+

package/dist/components/ElectronicSignatureTemplate.js

@@ -0,0 +1,28 @@
+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,
+  howItWorks: i,
+  fastAndSimple: r,
+  benefitsOfSigning: m,
+  trustpilot: e,
+  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" })
+] });
+export {
+  T as ElectronicSignatureTemplate
+};

package/dist/components/FastAndSimpleSection.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+
+export declare const FastAndSimpleSection: FC<FastAndSimpleSectionProps>;
+
+export declare interface FastAndSimpleSectionProps {
+    graphicSrc: string;
+    title: string;
+    description: string;
+    benefits: QuickBenefit[];
+}
+
+export declare interface QuickBenefit {
+    title: string;
+    description: string;
+    icon: string;
+}
+

package/dist/components/FastAndSimpleSection.js

@@ -0,0 +1,38 @@
+import { jsx as e, jsxs as l, Fragment as s } from "react/jsx-runtime";
+import { Card as n } from "./Card.js";
+import { SectionHeading as c } from "./SectionHeading.js";
+const p = ({ graphicSrc: i, title: a, description: r, benefits: d }) => /* @__PURE__ */ e("section", { className: "px-4 pb-16", children: /* @__PURE__ */ l(
+  "div",
+  {
+    className: "relative mx-auto flex w-full max-w-6xl flex-col gap-10 overflow-hidden rounded-2xl bg-neutral-50 px-6 py-10 lg:px-12",
+    style: { boxShadow: "var(--shadow-medium)" },
+    children: [
+      /* @__PURE__ */ e(
+        "img",
+        {
+          src: i,
+          alt: "",
+          width: 189,
+          height: 482,
+          className: "pointer-events-none absolute top-1/2 -right-6 hidden -translate-y-1/2 opacity-60 lg:block",
+          "aria-hidden": !0
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: "max-w-2xl space-y-4", children: /* @__PURE__ */ e(c, { title: a, description: r, align: "start" }) }),
+      /* @__PURE__ */ e("div", { className: "grid gap-4 md:grid-cols-3", children: d.map((t) => /* @__PURE__ */ e(
+        n,
+        {
+          title: /* @__PURE__ */ l(s, { children: [
+            /* @__PURE__ */ e("div", { className: "mb-4 inline-flex h-12 w-12 items-center justify-center rounded-md bg-neutral-50", children: /* @__PURE__ */ e("img", { src: t.icon, alt: "", width: 32, height: 32 }) }),
+            /* @__PURE__ */ e("p", { className: "text-big text-primary-900 font-bold", children: t.title })
+          ] }),
+          children: /* @__PURE__ */ e("p", { className: "text-small text-neutral-800", children: t.description })
+        },
+        t.title
+      )) })
+    ]
+  }
+) });
+export {
+  p as FastAndSimpleSection
+};

package/dist/components/Hero2Section.d.ts

@@ -0,0 +1,20 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export declare const Hero2Section: FC<Hero2SectionProps>;
+
+export declare interface Hero2SectionProps {
+    backgroundRight: string;
+    backgroundLeft: string;
+    subtitle?: string;
+    title: string;
+    description: string;
+    highlights: string[];
+    addDocumentIcon: string;
+    uploadPromptText: string;
+    addDocumentLabel: string;
+    fileSizeText: string;
+    disclaimer: ReactNode;
+    onAddDocument?: () => void;
+}
+

package/dist/components/Hero2Section.js

@@ -0,0 +1,88 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { Button as u } from "./Button.js";
+import { ChevronRightIcon as g } from "./ChevronRightIcon.js";
+const w = ({
+  backgroundRight: i,
+  backgroundLeft: r,
+  subtitle: l,
+  title: s,
+  description: n,
+  highlights: m,
+  addDocumentIcon: c,
+  uploadPromptText: d,
+  addDocumentLabel: o,
+  fileSizeText: h,
+  disclaimer: x,
+  onAddDocument: p
+}) => /* @__PURE__ */ t("section", { className: "relative overflow-hidden bg-neutral-50", children: [
+  /* @__PURE__ */ e(
+    "img",
+    {
+      src: i,
+      alt: "",
+      width: 400,
+      height: 400,
+      className: "pointer-events-none absolute top-8 -right-20 z-0 hidden opacity-40 mix-blend-luminosity lg:block",
+      "aria-hidden": !0
+    }
+  ),
+  /* @__PURE__ */ e(
+    "img",
+    {
+      src: r,
+      alt: "",
+      width: 420,
+      height: 420,
+      className: "pointer-events-none absolute -top-20 -left-40 z-0 hidden opacity-40 mix-blend-luminosity lg:block",
+      "aria-hidden": !0
+    }
+  ),
+  /* @__PURE__ */ t("div", { className: "relative z-10 mx-auto flex w-full max-w-6xl flex-col gap-12 px-4 py-12 lg:flex-row lg:items-center lg:gap-16 lg:py-16", children: [
+    /* @__PURE__ */ t("div", { className: "flex-1 space-y-6", children: [
+      /* @__PURE__ */ t("div", { className: "space-y-2", children: [
+        l != null && l !== "" && /* @__PURE__ */ e("p", { className: "text-extra-small font-bold tracking-[0.2em] text-neutral-600 uppercase", children: l }),
+        /* @__PURE__ */ e("h1", { className: "font-lora text-extra-large text-primary-900 md:text-hero", children: s })
+      ] }),
+      /* @__PURE__ */ e("p", { className: "text-medium text-neutral-800", children: n }),
+      /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-3", children: m.map((a) => /* @__PURE__ */ t(
+        "span",
+        {
+          className: "bg-primary-800 text-small text-primary-50 inline-flex items-center gap-2 rounded-md px-3 py-1 font-semibold",
+          children: [
+            /* @__PURE__ */ e(g, { className: "text-primary-50 h-4 w-4", "aria-hidden": !0 }),
+            a
+          ]
+        },
+        a
+      )) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "flex flex-1 justify-center", children: /* @__PURE__ */ e(
+      "div",
+      {
+        className: "relative w-full max-w-xl rounded-[24px] bg-white/70 p-4 backdrop-blur",
+        style: { boxShadow: "var(--shadow-medium)" },
+        children: /* @__PURE__ */ t("div", { className: "rounded-2xl bg-white p-8 text-center shadow-lg", children: [
+          /* @__PURE__ */ e("p", { className: "text-medium text-neutral-400", children: d }),
+          /* @__PURE__ */ t(
+            u,
+            {
+              size: "large",
+              variant: "primary-white",
+              className: "bg-primary-700 hover:bg-primary-600 focus-visible:outline-primary-700 mt-6 w-full justify-center text-white",
+              onClick: p,
+              children: [
+                /* @__PURE__ */ e("img", { src: c, alt: "", width: 24, height: 24 }),
+                /* @__PURE__ */ e("span", { className: "text-medium font-bold", children: o })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e("p", { className: "text-extra-small mt-6 text-neutral-400", children: h }),
+          /* @__PURE__ */ e("p", { className: "text-tiny mt-2 text-neutral-400", children: x })
+        ] })
+      }
+    ) })
+  ] })
+] });
+export {
+  w as Hero2Section
+};

package/dist/components/HowItWorksSection.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+
+export declare const HowItWorksSection: FC<HowItWorksSectionProps>;
+
+export declare interface HowItWorksSectionProps {
+    imageSrc: string;
+    imageAlt: string;
+    title: string;
+    description: string;
+    steps: HowItWorksStep[];
+}
+
+export declare interface HowItWorksStep {
+    title: string;
+    description: string;
+    icon: string;
+}
+

package/dist/components/HowItWorksSection.js

@@ -0,0 +1,35 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { SectionHeading as d } from "./SectionHeading.js";
+const n = ({ imageSrc: i, imageAlt: r, title: s, description: t, steps: c }) => /* @__PURE__ */ e("section", { className: "bg-white px-4 py-16", children: /* @__PURE__ */ a("div", { className: "mx-auto grid w-full max-w-6xl gap-12 lg:grid-cols-[minmax(0,1fr)_minmax(0,1fr)]", children: [
+  /* @__PURE__ */ e("div", { className: "order-2 lg:order-1", children: /* @__PURE__ */ e(
+    "img",
+    {
+      src: i,
+      alt: r,
+      width: 737,
+      height: 524,
+      className: "h-full w-full rounded-lg object-cover shadow-lg"
+    }
+  ) }),
+  /* @__PURE__ */ a("div", { className: "order-1 space-y-6 lg:order-2", children: [
+    /* @__PURE__ */ e(d, { title: s, description: t, align: "start" }),
+    /* @__PURE__ */ e("div", { className: "space-y-4", children: c.map((l) => /* @__PURE__ */ e(
+      "article",
+      {
+        className: "bg-neutral-25 rounded-lg p-5",
+        style: { boxShadow: "var(--shadow-small)" },
+        children: /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ e("img", { src: l.icon, alt: "", width: 24, height: 24, className: "h-6 w-6" }),
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e("p", { className: "text-medium font-bold text-neutral-800", children: l.title }),
+            /* @__PURE__ */ e("p", { className: "text-small text-neutral-800", children: l.description })
+          ] })
+        ] })
+      },
+      l.title
+    )) })
+  ] })
+] }) });
+export {
+  n as HowItWorksSection
+};

package/dist/components/LinkWrapper.js

@@ -1,6 +1,6 @@
 import { jsx as f } from "react/jsx-runtime";
 import { getButtonClasses as l } from "./Button.utils.js";
-import { clsx as m } from "../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { clsx as m } from "clsx";
 const b = ({ size: e, variant: s, iconPosition: o, disabled: r = !1, className: t, children: a }) => {
   const n = l(e, s, o, r, t);
   return /* @__PURE__ */ f("span", { className: m(n, 'relative [&_a]:before:absolute [&_a]:before:inset-0 [&_a]:before:content-[""]'), children: a });

package/dist/components/NotFoundTemplate.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { IntroSection as c } from "./IntroSection.js";
-import { Card as o } from "./Card.js";
 import { ContactMethodsSection as n } from "./ContactMethodsSection.js";
+import { Card as o } from "./Card.js";
 import { DocumentItem as s } from "./DocumentItem.js";
 import { SearchBar as f } from "./SearchBar.js";
 const g = ({ intro: m, popularDocuments: r, searchBar: t, contactMethods: i }) => /* @__PURE__ */ l("main", { className: "flex-1", children: [

package/dist/components/SignAndSendSection.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+
+export declare const SignAndSendSection: FC<SignAndSendSectionProps>;
+
+export declare interface SignAndSendSectionProps {
+    title: string;
+    description: string;
+    ctaLabel: string;
+    imageSrc: string;
+    imageAlt: string;
+}
+

package/dist/components/SignAndSendSection.js

@@ -0,0 +1,45 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { Button as m } from "./Button.js";
+const n = ({
+  title: a,
+  description: i,
+  ctaLabel: t,
+  imageSrc: r,
+  imageAlt: s
+}) => /* @__PURE__ */ e("section", { className: "px-4 py-16", children: /* @__PURE__ */ l(
+  "div",
+  {
+    className: "bg-neutral-25 mx-auto flex w-full max-w-6xl flex-col gap-10 rounded-2xl px-8 py-12 lg:flex-row lg:items-end",
+    style: { boxShadow: "var(--shadow-medium)" },
+    children: [
+      /* @__PURE__ */ l("div", { className: "flex-1 space-y-6", children: [
+        /* @__PURE__ */ l("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ e("h3", { className: "text-super-large text-primary-900 font-bold", children: a }),
+          /* @__PURE__ */ e("p", { className: "text-medium text-neutral-800", children: i })
+        ] }),
+        /* @__PURE__ */ e(
+          m,
+          {
+            size: "large",
+            variant: "primary-white",
+            className: "bg-primary-700 hover:bg-primary-600 focus-visible:outline-primary-700 inline-flex justify-center px-6 py-3 text-white",
+            children: /* @__PURE__ */ e("span", { className: "text-medium font-bold text-white", children: t })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ e(
+        "img",
+        {
+          src: r,
+          alt: s,
+          width: 374,
+          height: 405,
+          className: "mx-auto w-full max-w-md rounded-lg object-cover shadow-lg"
+        }
+      ) })
+    ]
+  }
+) });
+export {
+  n as SignAndSendSection
+};