@npm_leadtech/legal-contracts-ui 0.104.1 → 0.104.5

package/dist/components/AboutUsTemplate.d.ts

@@ -30,6 +30,7 @@ export interface ContactUsSectionProps {
         description?: string;
         icon: ReactNode;
         helper?: string;
+        url?: string;
     }>;
 }
 

package/dist/components/AboutUsTemplate.js

@@ -1,16 +1,16 @@
 import { jsxs as x, jsx as o } from "react/jsx-runtime";
-import { IntroSection as S } from "./IntroSection.js";
-import { MissionSection as u } from "./MissionSection.js";
-import { ValuesSection as b } from "./ValuesSection.js";
-import { Storyline as y } from "./Storyline.js";
-import { WeHelpSection as N } from "./WeHelpSection.js";
-import { GuidelinesSection as d } from "./GuidelinesSection.js";
-import { ExpertsSection as g } from "./ExpertsSection.js";
-import { TrustPilotSection as j } from "./TrustPilotSection.js";
-import { PartnersSection as w } from "./PartnersSection.js";
-import { CtaSection as C } from "./CtaSection.js";
-import { ContactUsSection as P } from "./ContactUsSection.js";
-import { Jumbotron2 as T } from "./Jumbotron2.js";
+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,
@@ -25,18 +25,18 @@ const v = ({
   cta: c,
   contactUs: a
 }) => /* @__PURE__ */ x("main", { className: "mx-auto flex w-full flex-1 flex-col text-neutral-800", children: [
-  /* @__PURE__ */ o(T, { ...t, className: "bg-primary-50 w-full py-4 text-3xl" }),
-  /* @__PURE__ */ o(S, { ...r, className: "bg-primary-50" }),
-  /* @__PURE__ */ o(u, { ...m }),
-  /* @__PURE__ */ o(b, { ...i }),
-  /* @__PURE__ */ o(y, { ...e }),
-  /* @__PURE__ */ o(N, { ...n }),
-  /* @__PURE__ */ o(d, { ...l }),
-  /* @__PURE__ */ o(g, { ...p }),
-  /* @__PURE__ */ o(j, { ...s }),
-  /* @__PURE__ */ o(w, { ...f }),
-  /* @__PURE__ */ o(C, { ...c }),
-  /* @__PURE__ */ o(P, { ...a })
+  /* @__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/ContactUsSection.d.ts

@@ -10,6 +10,7 @@ export declare interface ContactUsSectionProps {
         description?: string;
         icon: ReactNode;
         helper?: string;
+        url?: string;
     }>;
 }
 

package/dist/components/ContactUsSection.js

@@ -1,23 +1,28 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { jsx as l, jsxs as r } from "react/jsx-runtime";
+import a from "clsx";
 import { SectionHeading as c } from "./SectionHeading.js";
-const n = ({ header: r, contactOptions: s }) => s.length === 0 ? null : /* @__PURE__ */ e("section", { className: "bg-neutral-25 px-4 pt-16 pb-20", children: /* @__PURE__ */ t("div", { className: "mx-auto max-w-6xl space-y-10", children: [
-  /* @__PURE__ */ e(c, { ...r, className: "px-6" }),
-  /* @__PURE__ */ e("div", { className: "flex flex-col items-center gap-6 sm:flex-row sm:items-start sm:justify-center", children: s.map((l) => /* @__PURE__ */ t(
+const d = ({ header: t, contactOptions: s }) => s.length === 0 ? null : /* @__PURE__ */ l("section", { className: "bg-neutral-25 px-4 pt-16 pb-20", children: /* @__PURE__ */ r("div", { className: "mx-auto max-w-6xl space-y-10", children: [
+  /* @__PURE__ */ l(c, { ...t, className: "px-6" }),
+  /* @__PURE__ */ l("div", { className: "flex flex-col items-center gap-6 sm:flex-row sm:items-start sm:justify-center", children: s.map((e) => /* @__PURE__ */ r(
     "article",
     {
-      className: "flex h-36 w-52 flex-col items-center justify-center gap-4 rounded bg-white text-center shadow-sm",
+      className: a(
+        "relative flex h-36 w-52 flex-col items-center justify-center gap-4 rounded bg-white text-center shadow-sm",
+        e.url && 'cursor-pointer [&_a]:before:absolute [&_a]:before:inset-0 [&_a]:before:content-[""]'
+      ),
       children: [
-        /* @__PURE__ */ e("div", { className: "bg-primary-50 rounded-full p-3", children: l.icon }),
-        /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center", children: [
-          /* @__PURE__ */ e("p", { className: "text-neutral-800", children: l.title }),
-          /* @__PURE__ */ e("p", { className: "text-neutral-800", children: l.description }),
-          l.helper && /* @__PURE__ */ e("p", { className: "text-neutral-800", children: l.helper })
+        e.url && /* @__PURE__ */ l("a", { href: e.url, children: /* @__PURE__ */ l("span", { className: "sr-only", children: e.title }) }),
+        /* @__PURE__ */ l("div", { className: "bg-primary-50 rounded-full p-3", children: e.icon }),
+        /* @__PURE__ */ r("div", { className: "flex flex-col items-center justify-center", children: [
+          /* @__PURE__ */ l("p", { className: "text-neutral-800", children: e.title }),
+          /* @__PURE__ */ l("p", { className: "text-neutral-800", children: e.description }),
+          e.helper && /* @__PURE__ */ l("p", { className: "text-neutral-800", children: e.helper })
         ] })
       ]
     },
-    l.title
+    e.title
   )) })
 ] }) });
 export {
-  n as ContactUsSection
+  d as ContactUsSection
 };

package/dist/components/ContactUsTemplate.js

@@ -1,8 +1,8 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { ContactMethodsSection as o } from "./ContactMethodsSection.js";
-import { ContactFormSection as s } from "./ContactFormSection.js";
-import { Jumbotron2 as d } from "./Jumbotron2.js";
+import { ContactFormSection as o } from "./ContactFormSection.js";
+import { Jumbotron2 as s } from "./Jumbotron2.js";
 import { Markdown as m } from "./Markdown.js";
+import { ContactMethodsSection as d } from "./ContactMethodsSection.js";
 import { LinkWrapper as n } from "./LinkWrapper.js";
 const v = ({
   jumbotron: t,
@@ -13,7 +13,7 @@ const v = ({
 }) => /* @__PURE__ */ a("main", { className: "bg-primary-50 relative flex-1 pt-10 pb-20 md:px-6 lg:px-8 xl:px-0", children: [
   !!r && /* @__PURE__ */ e("div", { className: "absolute right-0 bottom-0 hidden md:block", children: r }),
   /* @__PURE__ */ a("div", { className: "relative mx-auto flex w-full max-w-300 flex-col gap-12", children: [
-    /* @__PURE__ */ e(d, { ...t, className: "flex flex-col gap-4 pb-0!", variant: "contact", children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(s, { ...t, className: "flex flex-col gap-4 pb-0!", variant: "contact", children: /* @__PURE__ */ e(
       m,
       {
         content: t.children,
@@ -21,8 +21,8 @@ const v = ({
       }
     ) }),
     /* @__PURE__ */ a("div", { className: "relative flex flex-col gap-10 md:grid md:grid-cols-2 md:items-start md:gap-x-10 md:gap-y-8 lg:gap-x-16 xl:gap-x-20", children: [
-      /* @__PURE__ */ e(o, { ...i }),
-      /* @__PURE__ */ e("div", { className: "md:row-span-2", children: /* @__PURE__ */ e(s, { ...c }) }),
+      /* @__PURE__ */ e(d, { ...i }),
+      /* @__PURE__ */ e("div", { className: "md:row-span-2", children: /* @__PURE__ */ e(o, { ...c }) }),
       /* @__PURE__ */ a("div", { className: "flex flex-col gap-8 px-6", children: [
         /* @__PURE__ */ e("h3", { className: "text-large text-primary-700 font-bold", children: l.faqTitle }),
         /* @__PURE__ */ e("div", { className: "flex flex-col gap-8", children: /* @__PURE__ */ e(m, { content: l.faqText, className: "text-medium text-neutral-800 [&_p:last-child]:mb-0" }) }),

package/dist/components/NotFoundTemplate.d.ts

@@ -1,12 +1,84 @@
+import { ChangeEvent } from 'react';
 import { FC } from 'react';
+import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
+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 ContactMethod {
+    id: string;
+    label?: ReactNode;
+    helper?: string;
+    variant: 'phone' | 'email' | 'location';
+}
+
+export interface ContactMethodsSectionProps {
+    items: ContactMethod[];
+}
+
+export interface DocumentItemProps {
+    id: string;
+    link: ReactNode;
+    description: string;
+    className?: string;
+}
+
+export type IconPosition = 'left' | 'right' | 'top';
+
+export interface IntroSectionProps {
+    image: ReactNode;
+    children: ReactNode;
+    cta: LinkWrapper;
+    className?: string;
+    containerClassName?: string;
+}
+
+export interface LinkWrapper {
+    children: ReactNode;
+    size?: ButtonSize;
+    variant?: ResponsiveButtonVariant;
+    iconPosition?: IconPosition;
+    disabled?: boolean;
+    className?: string;
+}
+
+declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children }: LinkWrapper) => JSX.Element;
+
 export declare const NotFoundTemplate: FC<NotFoundTemplateProps>;
 
 export declare interface NotFoundTemplateProps {
-    image: ReactNode;
-    title: ReactNode;
-    message: ReactNode;
-    cta: ReactNode;
+    intro: IntroSectionProps;
+    popularDocuments: {
+        title: ReactNode;
+        documents: DocumentItemProps[];
+    };
+    searchBar: SearchBarProps;
+    contactMethods: ContactMethodsSectionProps;
+}
+
+export type ResponsiveButtonVariant = ButtonVariant | {
+    initial?: ButtonVariant;
+    sm?: ButtonVariant;
+    md?: ButtonVariant;
+    lg?: ButtonVariant;
+    xl?: ButtonVariant;
+};
+
+export interface SearchBarProps {
+    items: SearchItem[];
+    placeholder?: string;
+    isOpen?: boolean;
+    onToggle?: () => void;
+    searchValue?: string;
+    onInputChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    onClear?: () => void;
+    allDocumentsItem?: SearchItem;
+}
+
+export interface SearchItem {
+    id: string;
+    link: ReactNode;
 }
 

package/dist/components/NotFoundTemplate.js

@@ -1,22 +1,10 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { LinkWrapper as a } from "./LinkWrapper.js";
-const s = ({ image: l, title: t, message: m, cta: r }) => /* @__PURE__ */ e("main", { className: "flex-1", children: /* @__PURE__ */ n("div", { className: "bg-neutral-white flex flex-col items-center justify-center px-5 py-12 text-center md:flex-row md:items-center md:gap-6 md:px-20 md:py-12 md:text-left lg:gap-20 lg:px-60 lg:py-20", children: [
-  l != null ? /* @__PURE__ */ e("div", { className: "mb-4 md:mb-0 md:h-[332px] md:w-[344px] md:shrink-0 [&_img]:h-auto [&_img]:w-full [&_img]:rounded-2xl md:[&_img]:h-full md:[&_img]:object-cover", children: l }) : null,
-  /* @__PURE__ */ n("div", { className: "mt-4 flex flex-col items-center gap-6 md:mt-0 md:items-start", children: [
-    t != null ? /* @__PURE__ */ e("h1", { className: "font-lora text-extra-large font-normal text-neutral-800", children: t }) : null,
-    m != null ? /* @__PURE__ */ e("p", { className: "text-medium text-neutral-800", children: m }) : null,
-    r != null ? /* @__PURE__ */ e(
-      a,
-      {
-        disabled: !1,
-        variant: "primary-darkgreen",
-        size: "large",
-        className: "flex w-full justify-center md:justify-start",
-        children: r
-      }
-    ) : null
-  ] })
-] }) });
+import { jsxs as a, jsx as l } from "react/jsx-runtime";
+import { IntroSection as r } from "./IntroSection.js";
+import { ContactMethodsSection as t } from "./ContactMethodsSection.js";
+const i = ({ intro: e, contactMethods: o }) => /* @__PURE__ */ a("main", { className: "flex-1", children: [
+  /* @__PURE__ */ l(r, { ...e }),
+  /* @__PURE__ */ l("div", { className: "bg-neutral-25 w-full", children: /* @__PURE__ */ l("div", { className: "mx-auto flex w-full max-w-6xl flex-col gap-8 px-6 py-16 lg:flex-row", children: /* @__PURE__ */ l("div", { className: "flex flex-1 flex-col gap-6", children: /* @__PURE__ */ l(t, { ...o }) }) }) })
+] });
 export {
-  s as NotFoundTemplate
+  i as NotFoundTemplate
 };