@npm_leadtech/legal-contracts-ui 0.188.0 → 0.188.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/AiLegalDocumentReviewerTemplate.d.ts +8 -3
- package/dist/components/ConversionSection.d.ts +8 -3
- package/dist/components/ElectronicSignatureTemplate.d.ts +8 -3
- package/dist/components/ExploreToolsSection.d.ts +24 -0
- package/dist/components/ExploreToolsSection.js +42 -0
- package/dist/components/Hero2Section.d.ts +8 -3
- package/dist/components/HomeTemplate.d.ts +2 -1
- package/dist/components/LockIcon.d.ts +4 -0
- package/dist/components/LockIcon.js +34 -0
- package/dist/components/PdfToolsBenefitsSection.d.ts +17 -0
- package/dist/components/PdfToolsBenefitsSection.js +37 -0
- package/dist/components/PdfToolsHero.d.ts +38 -0
- package/dist/components/PdfToolsHero.js +53 -0
- package/dist/components/PdfToolsTemplate.d.ts +126 -0
- package/dist/components/PdfToolsTemplate.js +36 -0
- package/dist/components/ProcessSection.d.ts +2 -1
- package/dist/components/ProcessSection.js +36 -27
- package/dist/components/UploadDocIcon.d.ts +4 -0
- package/dist/components/UploadDocIcon.js +32 -0
- package/dist/components/UploadZone.d.ts +8 -3
- package/dist/components/UploadZone.js +101 -51
- package/dist/components/index.d.ts +68 -4
- package/dist/index.js +105 -100
- package/package.json +25 -1
|
@@ -131,10 +131,15 @@ export interface ToastProps {
|
|
|
131
131
|
}
|
|
132
132
|
|
|
133
133
|
export interface UploadZoneProps {
|
|
134
|
-
uploadPromptText
|
|
134
|
+
uploadPromptText?: string;
|
|
135
135
|
addDocumentLabel: string;
|
|
136
|
-
fileSizeText
|
|
137
|
-
disclaimer
|
|
136
|
+
fileSizeText?: string;
|
|
137
|
+
disclaimer?: string;
|
|
138
|
+
title?: string;
|
|
139
|
+
description?: string;
|
|
140
|
+
trustLine?: string;
|
|
141
|
+
uploadIcon?: ReactNode;
|
|
142
|
+
variant?: 'default' | 'pdf-tools';
|
|
138
143
|
containerClassName?: string;
|
|
139
144
|
onAddDocument?: () => void;
|
|
140
145
|
onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;
|
|
@@ -11,10 +11,15 @@ export declare interface ConversionSectionProps {
|
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
export interface UploadZoneProps {
|
|
14
|
-
uploadPromptText
|
|
14
|
+
uploadPromptText?: string;
|
|
15
15
|
addDocumentLabel: string;
|
|
16
|
-
fileSizeText
|
|
17
|
-
disclaimer
|
|
16
|
+
fileSizeText?: string;
|
|
17
|
+
disclaimer?: string;
|
|
18
|
+
title?: string;
|
|
19
|
+
description?: string;
|
|
20
|
+
trustLine?: string;
|
|
21
|
+
uploadIcon?: ReactNode;
|
|
22
|
+
variant?: 'default' | 'pdf-tools';
|
|
18
23
|
containerClassName?: string;
|
|
19
24
|
onAddDocument?: () => void;
|
|
20
25
|
onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;
|
|
@@ -123,10 +123,15 @@ export interface ToastProps {
|
|
|
123
123
|
}
|
|
124
124
|
|
|
125
125
|
export interface UploadZoneProps {
|
|
126
|
-
uploadPromptText
|
|
126
|
+
uploadPromptText?: string;
|
|
127
127
|
addDocumentLabel: string;
|
|
128
|
-
fileSizeText
|
|
129
|
-
disclaimer
|
|
128
|
+
fileSizeText?: string;
|
|
129
|
+
disclaimer?: string;
|
|
130
|
+
title?: string;
|
|
131
|
+
description?: string;
|
|
132
|
+
trustLine?: string;
|
|
133
|
+
uploadIcon?: ReactNode;
|
|
134
|
+
variant?: 'default' | 'pdf-tools';
|
|
130
135
|
containerClassName?: string;
|
|
131
136
|
onAddDocument?: () => void;
|
|
132
137
|
onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
|
|
4
|
+
export declare interface ExploreToolsGroup {
|
|
5
|
+
id: string;
|
|
6
|
+
icon: ReactNode;
|
|
7
|
+
label: string;
|
|
8
|
+
tools: ExploreToolsTool[];
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export declare const ExploreToolsSection: FC<ExploreToolsSectionProps>;
|
|
12
|
+
|
|
13
|
+
export declare interface ExploreToolsSectionProps {
|
|
14
|
+
title: string;
|
|
15
|
+
description: string;
|
|
16
|
+
groups: ExploreToolsGroup[];
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export declare interface ExploreToolsTool {
|
|
20
|
+
id: string;
|
|
21
|
+
label: string;
|
|
22
|
+
href: string;
|
|
23
|
+
}
|
|
24
|
+
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { SectionHeading as e } from "./SectionHeading.js";
|
|
2
|
+
import { jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
3
|
+
//#region lib/components/organisms/ExploreToolsSection.tsx
|
|
4
|
+
var r = ({ title: r, description: i, groups: a }) => {
|
|
5
|
+
let o = a.filter((e) => e.tools.length > 0);
|
|
6
|
+
return o.length === 0 ? null : /* @__PURE__ */ t("section", {
|
|
7
|
+
className: "bg-white px-6 py-8 lg:px-8 lg:py-12 xl:px-0",
|
|
8
|
+
children: /* @__PURE__ */ n("div", {
|
|
9
|
+
className: "mx-auto flex w-full max-w-300 flex-col gap-6",
|
|
10
|
+
children: [/* @__PURE__ */ t(e, {
|
|
11
|
+
title: r,
|
|
12
|
+
description: i,
|
|
13
|
+
align: "start",
|
|
14
|
+
titleClass: "font-sans text-super-large font-bold"
|
|
15
|
+
}), /* @__PURE__ */ t("div", {
|
|
16
|
+
className: "grid grid-cols-1 gap-6 md:grid-cols-3 lg:grid-cols-5 lg:gap-10",
|
|
17
|
+
children: o.map((e) => /* @__PURE__ */ n("div", {
|
|
18
|
+
className: "flex flex-col gap-2.5",
|
|
19
|
+
children: [/* @__PURE__ */ n("div", {
|
|
20
|
+
className: "flex h-10 w-full items-center gap-2 rounded-lg border border-neutral-200 bg-neutral-50 p-2",
|
|
21
|
+
children: [/* @__PURE__ */ t("span", {
|
|
22
|
+
className: "flex h-6 w-6 shrink-0 items-center justify-center rounded",
|
|
23
|
+
children: e.icon
|
|
24
|
+
}), /* @__PURE__ */ t("p", {
|
|
25
|
+
className: "text-small font-bold text-neutral-800",
|
|
26
|
+
children: e.label
|
|
27
|
+
})]
|
|
28
|
+
}), /* @__PURE__ */ t("div", {
|
|
29
|
+
className: "flex flex-col gap-2.5",
|
|
30
|
+
children: e.tools.map((e) => /* @__PURE__ */ t("a", {
|
|
31
|
+
href: e.href,
|
|
32
|
+
className: "text-small hover:bg-neutral-25 flex h-10 w-full items-center rounded-lg border border-neutral-200 bg-white p-2 font-bold text-neutral-800 transition-colors",
|
|
33
|
+
children: e.label
|
|
34
|
+
}, e.id))
|
|
35
|
+
})]
|
|
36
|
+
}, e.id))
|
|
37
|
+
})]
|
|
38
|
+
})
|
|
39
|
+
});
|
|
40
|
+
};
|
|
41
|
+
//#endregion
|
|
42
|
+
export { r as ExploreToolsSection };
|
|
@@ -20,10 +20,15 @@ export declare interface Hero2SectionProps {
|
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
export interface UploadZoneProps {
|
|
23
|
-
uploadPromptText
|
|
23
|
+
uploadPromptText?: string;
|
|
24
24
|
addDocumentLabel: string;
|
|
25
|
-
fileSizeText
|
|
26
|
-
disclaimer
|
|
25
|
+
fileSizeText?: string;
|
|
26
|
+
disclaimer?: string;
|
|
27
|
+
title?: string;
|
|
28
|
+
description?: string;
|
|
29
|
+
trustLine?: string;
|
|
30
|
+
uploadIcon?: ReactNode;
|
|
31
|
+
variant?: 'default' | 'pdf-tools';
|
|
27
32
|
containerClassName?: string;
|
|
28
33
|
onAddDocument?: () => void;
|
|
29
34
|
onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;
|
|
@@ -49,7 +49,7 @@ export interface HeroSectionProps {
|
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
export interface HomeStepsProps {
|
|
52
|
-
image
|
|
52
|
+
image?: ReactNode;
|
|
53
53
|
header: SectionHeadingProps;
|
|
54
54
|
steps: {
|
|
55
55
|
id: string;
|
|
@@ -57,6 +57,7 @@ export interface HomeStepsProps {
|
|
|
57
57
|
description: string;
|
|
58
58
|
image: ReactNode;
|
|
59
59
|
}[];
|
|
60
|
+
variant?: 'default' | 'pdf-tools';
|
|
60
61
|
}
|
|
61
62
|
|
|
62
63
|
export declare const HomeTemplate: FC<HomeTemplateProps>;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import "react";
|
|
2
|
+
import { jsx as e, jsxs as t } from "react/jsx-runtime";
|
|
3
|
+
//#region lib/components/icons/LockIcon.tsx
|
|
4
|
+
var n = (n) => /* @__PURE__ */ t("svg", {
|
|
5
|
+
viewBox: "0 0 24 24",
|
|
6
|
+
fill: "none",
|
|
7
|
+
"aria-hidden": !0,
|
|
8
|
+
...n,
|
|
9
|
+
children: [
|
|
10
|
+
/* @__PURE__ */ e("rect", {
|
|
11
|
+
x: "4.75",
|
|
12
|
+
y: "10.25",
|
|
13
|
+
width: "14.5",
|
|
14
|
+
height: "10",
|
|
15
|
+
rx: "2",
|
|
16
|
+
stroke: "currentColor",
|
|
17
|
+
strokeWidth: "1.5"
|
|
18
|
+
}),
|
|
19
|
+
/* @__PURE__ */ e("path", {
|
|
20
|
+
d: "M8 10.25V7.5a4 4 0 0 1 8 0v2.75",
|
|
21
|
+
stroke: "currentColor",
|
|
22
|
+
strokeWidth: "1.5",
|
|
23
|
+
strokeLinecap: "round"
|
|
24
|
+
}),
|
|
25
|
+
/* @__PURE__ */ e("path", {
|
|
26
|
+
d: "M12 14v2.5",
|
|
27
|
+
stroke: "currentColor",
|
|
28
|
+
strokeWidth: "1.5",
|
|
29
|
+
strokeLinecap: "round"
|
|
30
|
+
})
|
|
31
|
+
]
|
|
32
|
+
});
|
|
33
|
+
//#endregion
|
|
34
|
+
export { n as LockIcon };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
|
|
4
|
+
export declare interface PdfToolsBenefitItem {
|
|
5
|
+
id: string;
|
|
6
|
+
icon: ReactNode;
|
|
7
|
+
title: string;
|
|
8
|
+
description: string;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export declare const PdfToolsBenefitsSection: FC<PdfToolsBenefitsSectionProps>;
|
|
12
|
+
|
|
13
|
+
export declare interface PdfToolsBenefitsSectionProps {
|
|
14
|
+
items: PdfToolsBenefitItem[];
|
|
15
|
+
image?: ReactNode | null;
|
|
16
|
+
}
|
|
17
|
+
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { jsx as e, jsxs as t } from "react/jsx-runtime";
|
|
2
|
+
import n from "clsx";
|
|
3
|
+
//#region lib/components/organisms/PdfToolsBenefitsSection.tsx
|
|
4
|
+
var r = ({ items: r, image: i }) => {
|
|
5
|
+
if (r.length === 0) return null;
|
|
6
|
+
let a = !!i;
|
|
7
|
+
return /* @__PURE__ */ e("section", {
|
|
8
|
+
className: "bg-white px-6 py-8 lg:px-8 lg:py-12 xl:px-0",
|
|
9
|
+
children: /* @__PURE__ */ t("div", {
|
|
10
|
+
className: n("mx-auto w-full max-w-300", a ? "grid grid-cols-1 gap-8 lg:grid-cols-2 lg:gap-20" : "flex flex-col"),
|
|
11
|
+
children: [/* @__PURE__ */ e("div", {
|
|
12
|
+
className: n(a ? "flex flex-col gap-8" : "grid grid-cols-1 gap-8", !a && r.length >= 4 && "md:grid-cols-4", !a && r.length < 4 && "md:grid-cols-3"),
|
|
13
|
+
children: r.map((n) => /* @__PURE__ */ t("div", {
|
|
14
|
+
className: "flex items-start gap-6",
|
|
15
|
+
children: [/* @__PURE__ */ e("div", {
|
|
16
|
+
className: "bg-primary-50 flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl text-neutral-800",
|
|
17
|
+
children: n.icon
|
|
18
|
+
}), /* @__PURE__ */ t("div", {
|
|
19
|
+
className: "flex flex-col gap-2",
|
|
20
|
+
children: [/* @__PURE__ */ e("p", {
|
|
21
|
+
className: "text-big font-bold text-neutral-800",
|
|
22
|
+
children: n.title
|
|
23
|
+
}), /* @__PURE__ */ e("p", {
|
|
24
|
+
className: "text-small text-neutral-600",
|
|
25
|
+
children: n.description
|
|
26
|
+
})]
|
|
27
|
+
})]
|
|
28
|
+
}, n.id))
|
|
29
|
+
}), a && /* @__PURE__ */ e("div", {
|
|
30
|
+
className: "h-53.5 overflow-hidden rounded-2xl lg:h-full [&_img]:h-full [&_img]:w-full [&_img]:object-cover",
|
|
31
|
+
children: i
|
|
32
|
+
})]
|
|
33
|
+
})
|
|
34
|
+
});
|
|
35
|
+
};
|
|
36
|
+
//#endregion
|
|
37
|
+
export { r as PdfToolsBenefitsSection };
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
|
|
4
|
+
export declare const PdfToolsHero: FC<PdfToolsHeroProps>;
|
|
5
|
+
|
|
6
|
+
export declare type PdfToolsHeroBadge = {
|
|
7
|
+
id: string;
|
|
8
|
+
icon: ReactNode;
|
|
9
|
+
text: string;
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export declare interface PdfToolsHeroProps {
|
|
13
|
+
title: string;
|
|
14
|
+
titleRich?: ReactNode;
|
|
15
|
+
subtitle: string;
|
|
16
|
+
uploadZone: Omit<UploadZoneProps, 'variant'>;
|
|
17
|
+
badges: PdfToolsHeroBadge[];
|
|
18
|
+
trustPilot?: ReactNode;
|
|
19
|
+
bgLeft?: ReactNode | null;
|
|
20
|
+
bgRight?: ReactNode | null;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
export interface UploadZoneProps {
|
|
24
|
+
uploadPromptText?: string;
|
|
25
|
+
addDocumentLabel: string;
|
|
26
|
+
fileSizeText?: string;
|
|
27
|
+
disclaimer?: string;
|
|
28
|
+
title?: string;
|
|
29
|
+
description?: string;
|
|
30
|
+
trustLine?: string;
|
|
31
|
+
uploadIcon?: ReactNode;
|
|
32
|
+
variant?: 'default' | 'pdf-tools';
|
|
33
|
+
containerClassName?: string;
|
|
34
|
+
onAddDocument?: () => void;
|
|
35
|
+
onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;
|
|
36
|
+
dataQa?: string;
|
|
37
|
+
}
|
|
38
|
+
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { Markdown as e } from "./Markdown.js";
|
|
2
|
+
import { UploadZone as t } from "./UploadZone.js";
|
|
3
|
+
import { jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
4
|
+
import i from "clsx";
|
|
5
|
+
//#region lib/components/organisms/PdfToolsHero.tsx
|
|
6
|
+
var a = ({ title: a, titleRich: o, subtitle: s, uploadZone: c, badges: l, trustPilot: u, bgLeft: d, bgRight: f }) => /* @__PURE__ */ r("section", {
|
|
7
|
+
className: "relative flex flex-col items-center gap-6 px-6 pt-10 pb-12 lg:px-8 lg:pt-16 lg:pb-16 xl:px-0",
|
|
8
|
+
children: [
|
|
9
|
+
!!d && /* @__PURE__ */ n("div", {
|
|
10
|
+
className: "pointer-events-none absolute top-0 -left-25 hidden lg:block xl:left-0",
|
|
11
|
+
children: d
|
|
12
|
+
}),
|
|
13
|
+
!!f && /* @__PURE__ */ n("div", {
|
|
14
|
+
className: "pointer-events-none absolute -right-15 bottom-0 hidden lg:block xl:right-5",
|
|
15
|
+
children: f
|
|
16
|
+
}),
|
|
17
|
+
/* @__PURE__ */ r("div", {
|
|
18
|
+
className: "flex flex-col items-center gap-3",
|
|
19
|
+
children: [/* @__PURE__ */ n("h1", {
|
|
20
|
+
className: "text-hero text-center font-bold text-neutral-800",
|
|
21
|
+
children: o ?? a
|
|
22
|
+
}), /* @__PURE__ */ n(e, {
|
|
23
|
+
content: s,
|
|
24
|
+
className: "text-medium text-center text-neutral-600 [&_p:last-child]:mb-0"
|
|
25
|
+
})]
|
|
26
|
+
}),
|
|
27
|
+
/* @__PURE__ */ n("div", {
|
|
28
|
+
className: "relative mx-auto w-full max-w-300",
|
|
29
|
+
children: /* @__PURE__ */ n(t, {
|
|
30
|
+
...c,
|
|
31
|
+
variant: "pdf-tools"
|
|
32
|
+
})
|
|
33
|
+
}),
|
|
34
|
+
(!!u || l.length > 0) && /* @__PURE__ */ n("div", {
|
|
35
|
+
className: "-mx-6 self-stretch bg-neutral-50 px-6 py-4 lg:-mx-8 lg:px-8 xl:mx-0",
|
|
36
|
+
children: /* @__PURE__ */ r("div", {
|
|
37
|
+
className: i("mx-auto flex max-w-300 flex-wrap items-center gap-3", u && l.length > 0 ? "flex-col justify-between sm:flex-row" : "justify-center"),
|
|
38
|
+
children: [!!u && u, l.length > 0 && /* @__PURE__ */ n("div", {
|
|
39
|
+
className: "flex flex-wrap items-center gap-3",
|
|
40
|
+
children: l.map((e) => /* @__PURE__ */ r("div", {
|
|
41
|
+
className: "flex items-center gap-1",
|
|
42
|
+
children: [e.icon, /* @__PURE__ */ n("p", {
|
|
43
|
+
className: "text-small text-neutral-800",
|
|
44
|
+
children: e.text
|
|
45
|
+
})]
|
|
46
|
+
}, e.id))
|
|
47
|
+
})]
|
|
48
|
+
})
|
|
49
|
+
})
|
|
50
|
+
]
|
|
51
|
+
});
|
|
52
|
+
//#endregion
|
|
53
|
+
export { a as PdfToolsHero };
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
|
|
4
|
+
export interface ExploreToolsGroup {
|
|
5
|
+
id: string;
|
|
6
|
+
icon: ReactNode;
|
|
7
|
+
label: string;
|
|
8
|
+
tools: ExploreToolsTool[];
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export interface ExploreToolsSectionProps {
|
|
12
|
+
title: string;
|
|
13
|
+
description: string;
|
|
14
|
+
groups: ExploreToolsGroup[];
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export interface ExploreToolsTool {
|
|
18
|
+
id: string;
|
|
19
|
+
label: string;
|
|
20
|
+
href: string;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
export interface FaqItemProps {
|
|
24
|
+
question: string;
|
|
25
|
+
answer: string;
|
|
26
|
+
showMoreText?: string;
|
|
27
|
+
collapsedButtonText?: string;
|
|
28
|
+
expandedButtonText?: string;
|
|
29
|
+
variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
|
|
30
|
+
slug: string;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
export interface FaqSectionProps {
|
|
34
|
+
title: string;
|
|
35
|
+
description: string;
|
|
36
|
+
faqItems: FaqItemProps[];
|
|
37
|
+
className?: string;
|
|
38
|
+
variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
export interface HomeStepsProps {
|
|
42
|
+
image?: ReactNode;
|
|
43
|
+
header: SectionHeadingProps;
|
|
44
|
+
steps: {
|
|
45
|
+
id: string;
|
|
46
|
+
title: string;
|
|
47
|
+
description: string;
|
|
48
|
+
image: ReactNode;
|
|
49
|
+
}[];
|
|
50
|
+
variant?: 'default' | 'pdf-tools';
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
export interface PdfToolsBenefitItem {
|
|
54
|
+
id: string;
|
|
55
|
+
icon: ReactNode;
|
|
56
|
+
title: string;
|
|
57
|
+
description: string;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
export interface PdfToolsBenefitsSectionProps {
|
|
61
|
+
items: PdfToolsBenefitItem[];
|
|
62
|
+
image?: ReactNode | null;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
export type PdfToolsHeroBadge = {
|
|
66
|
+
id: string;
|
|
67
|
+
icon: ReactNode;
|
|
68
|
+
text: string;
|
|
69
|
+
};
|
|
70
|
+
|
|
71
|
+
export interface PdfToolsHeroProps {
|
|
72
|
+
title: string;
|
|
73
|
+
titleRich?: ReactNode;
|
|
74
|
+
subtitle: string;
|
|
75
|
+
uploadZone: Omit<UploadZoneProps, 'variant'>;
|
|
76
|
+
badges: PdfToolsHeroBadge[];
|
|
77
|
+
trustPilot?: ReactNode;
|
|
78
|
+
bgLeft?: ReactNode | null;
|
|
79
|
+
bgRight?: ReactNode | null;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
export declare const PdfToolsTemplate: FC<PdfToolsTemplateProps>;
|
|
83
|
+
|
|
84
|
+
export declare type PdfToolsTemplateProps = {
|
|
85
|
+
hero: PdfToolsHeroProps;
|
|
86
|
+
howItWorks: Omit<HomeStepsProps, 'variant' | 'image'>;
|
|
87
|
+
benefits: PdfToolsBenefitsSectionProps;
|
|
88
|
+
exploreTools?: ExploreToolsSectionProps | null;
|
|
89
|
+
faq?: FaqSectionProps | null;
|
|
90
|
+
faqNote?: ReactNode | null;
|
|
91
|
+
toast?: ToastProps;
|
|
92
|
+
};
|
|
93
|
+
|
|
94
|
+
export interface SectionHeadingProps {
|
|
95
|
+
title: string;
|
|
96
|
+
description?: string;
|
|
97
|
+
align?: 'start' | 'center';
|
|
98
|
+
titleClass?: string;
|
|
99
|
+
className?: string;
|
|
100
|
+
hasMaxWidth?: boolean;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
export interface ToastProps {
|
|
104
|
+
show: boolean;
|
|
105
|
+
title: string;
|
|
106
|
+
message: string;
|
|
107
|
+
type?: 'success' | 'error' | 'default';
|
|
108
|
+
onClose: () => void;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
export interface UploadZoneProps {
|
|
112
|
+
uploadPromptText?: string;
|
|
113
|
+
addDocumentLabel: string;
|
|
114
|
+
fileSizeText?: string;
|
|
115
|
+
disclaimer?: string;
|
|
116
|
+
title?: string;
|
|
117
|
+
description?: string;
|
|
118
|
+
trustLine?: string;
|
|
119
|
+
uploadIcon?: ReactNode;
|
|
120
|
+
variant?: 'default' | 'pdf-tools';
|
|
121
|
+
containerClassName?: string;
|
|
122
|
+
onAddDocument?: () => void;
|
|
123
|
+
onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;
|
|
124
|
+
dataQa?: string;
|
|
125
|
+
}
|
|
126
|
+
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { Toast as e } from "./Toast.js";
|
|
2
|
+
import { FaqSection as t } from "./FaqSection.js";
|
|
3
|
+
import { ProcessSection as n } from "./ProcessSection.js";
|
|
4
|
+
import { PdfToolsHero as r } from "./PdfToolsHero.js";
|
|
5
|
+
import { PdfToolsBenefitsSection as i } from "./PdfToolsBenefitsSection.js";
|
|
6
|
+
import { ExploreToolsSection as a } from "./ExploreToolsSection.js";
|
|
7
|
+
import { jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
8
|
+
//#region lib/components/templates/PdfToolsTemplate.tsx
|
|
9
|
+
var c = ({ hero: c, howItWorks: l, benefits: u, exploreTools: d, faq: f, faqNote: p, toast: m }) => /* @__PURE__ */ s("main", {
|
|
10
|
+
className: "w-full flex-1 bg-white",
|
|
11
|
+
"data-qa": "pdf_tools_page",
|
|
12
|
+
children: [
|
|
13
|
+
/* @__PURE__ */ o(r, { ...c }),
|
|
14
|
+
/* @__PURE__ */ o(n, {
|
|
15
|
+
...l,
|
|
16
|
+
variant: "pdf-tools",
|
|
17
|
+
header: {
|
|
18
|
+
...l.header,
|
|
19
|
+
titleClass: "font-sans text-super-large font-bold"
|
|
20
|
+
}
|
|
21
|
+
}),
|
|
22
|
+
/* @__PURE__ */ o(i, { ...u }),
|
|
23
|
+
d ? /* @__PURE__ */ o(a, { ...d }) : null,
|
|
24
|
+
f ? /* @__PURE__ */ o(t, {
|
|
25
|
+
...f,
|
|
26
|
+
className: "mx-auto max-w-250 px-6 py-12 lg:px-8 lg:pb-20 xl:px-0"
|
|
27
|
+
}) : null,
|
|
28
|
+
!!p && /* @__PURE__ */ o("div", {
|
|
29
|
+
className: "mx-auto flex max-w-250 items-start gap-2 px-6 pb-12 lg:px-8 xl:px-0",
|
|
30
|
+
children: p
|
|
31
|
+
}),
|
|
32
|
+
m && /* @__PURE__ */ o(e, { ...m })
|
|
33
|
+
]
|
|
34
|
+
});
|
|
35
|
+
//#endregion
|
|
36
|
+
export { c as PdfToolsTemplate };
|
|
@@ -2,7 +2,7 @@ import { FC } from 'react';
|
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
|
|
4
4
|
export declare interface HomeStepsProps {
|
|
5
|
-
image
|
|
5
|
+
image?: ReactNode;
|
|
6
6
|
header: SectionHeadingProps;
|
|
7
7
|
steps: {
|
|
8
8
|
id: string;
|
|
@@ -10,6 +10,7 @@ export declare interface HomeStepsProps {
|
|
|
10
10
|
description: string;
|
|
11
11
|
image: ReactNode;
|
|
12
12
|
}[];
|
|
13
|
+
variant?: 'default' | 'pdf-tools';
|
|
13
14
|
}
|
|
14
15
|
|
|
15
16
|
export declare const ProcessSection: FC<HomeStepsProps>;
|
|
@@ -1,34 +1,43 @@
|
|
|
1
1
|
import { SectionHeading as e } from "./SectionHeading.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import { jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
4
|
+
import r from "clsx";
|
|
4
5
|
//#region lib/components/organisms/ProcessSection.tsx
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
6
|
+
var i = ({ image: i, header: a, steps: o, variant: s = "default" }) => {
|
|
7
|
+
if (o.length === 0) return null;
|
|
8
|
+
let c = s === "pdf-tools";
|
|
9
|
+
return /* @__PURE__ */ n("section", {
|
|
10
|
+
className: r("relative mx-auto px-6 py-10 lg:px-8 lg:py-12 xl:px-0", c ? "bg-white" : "bg-neutral-50"),
|
|
11
|
+
children: [!c && /* @__PURE__ */ t("div", {
|
|
12
|
+
className: "pointer-events-none absolute top-0 right-0 hidden lg:block",
|
|
13
|
+
children: i
|
|
14
|
+
}), /* @__PURE__ */ n("div", {
|
|
15
|
+
className: "relative mx-auto flex flex-col gap-6 xl:max-w-250",
|
|
16
|
+
children: [/* @__PURE__ */ t(e, {
|
|
17
|
+
...a,
|
|
18
|
+
titleClass: "font-sans text-super-large font-bold",
|
|
19
|
+
align: c ? "start" : a.align
|
|
20
|
+
}), /* @__PURE__ */ t("div", {
|
|
21
|
+
className: "grid grid-cols-1 gap-4 md:grid-cols-3 lg:gap-8",
|
|
22
|
+
children: o.map((e) => /* @__PURE__ */ n("div", {
|
|
23
|
+
className: c ? "flex flex-col overflow-hidden rounded-2xl bg-white shadow-[0px_2px_6px_0px_rgba(2,55,74,0.1)]" : "flex items-center gap-6 rounded-sm bg-white p-6 shadow-lg md:flex-col md:justify-center md:gap-10 md:py-10",
|
|
24
|
+
children: [/* @__PURE__ */ t("div", {
|
|
25
|
+
className: r("overflow-hidden [&_img]:h-full [&_img]:w-full [&_img]:object-cover", c ? "bg-primary-50 h-53.5 w-full" : "h-22 w-22 shrink-0 md:h-30 md:w-30"),
|
|
26
|
+
children: e.image
|
|
27
|
+
}), /* @__PURE__ */ n("div", {
|
|
28
|
+
className: r("flex flex-col", c ? "gap-4 border-t border-neutral-200 p-6" : "gap-2 md:text-center"),
|
|
29
|
+
children: [/* @__PURE__ */ t("p", {
|
|
30
|
+
className: "text-big font-semibold text-neutral-800",
|
|
31
|
+
children: e.title
|
|
32
|
+
}), /* @__PURE__ */ t("p", {
|
|
33
|
+
className: r(c ? "text-medium text-neutral-600" : "text-small text-neutral-600"),
|
|
34
|
+
children: e.description
|
|
35
|
+
})]
|
|
27
36
|
})]
|
|
28
|
-
})
|
|
29
|
-
}
|
|
37
|
+
}, e.id))
|
|
38
|
+
})]
|
|
30
39
|
})]
|
|
31
|
-
})
|
|
32
|
-
}
|
|
40
|
+
});
|
|
41
|
+
};
|
|
33
42
|
//#endregion
|
|
34
|
-
export {
|
|
43
|
+
export { i as ProcessSection };
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import "react";
|
|
2
|
+
import { jsx as e, jsxs as t } from "react/jsx-runtime";
|
|
3
|
+
//#region lib/components/icons/UploadDocIcon.tsx
|
|
4
|
+
var n = (n) => /* @__PURE__ */ t("svg", {
|
|
5
|
+
viewBox: "0 0 24 24",
|
|
6
|
+
fill: "none",
|
|
7
|
+
"aria-hidden": !0,
|
|
8
|
+
...n,
|
|
9
|
+
children: [
|
|
10
|
+
/* @__PURE__ */ e("path", {
|
|
11
|
+
d: "M13.5 2.5H7A2.5 2.5 0 0 0 4.5 5v14A2.5 2.5 0 0 0 7 21.5h10a2.5 2.5 0 0 0 2.5-2.5V8.5l-6-6Z",
|
|
12
|
+
stroke: "currentColor",
|
|
13
|
+
strokeWidth: "1.5",
|
|
14
|
+
strokeLinejoin: "round"
|
|
15
|
+
}),
|
|
16
|
+
/* @__PURE__ */ e("path", {
|
|
17
|
+
d: "M13.5 2.5v6h6",
|
|
18
|
+
stroke: "currentColor",
|
|
19
|
+
strokeWidth: "1.5",
|
|
20
|
+
strokeLinejoin: "round"
|
|
21
|
+
}),
|
|
22
|
+
/* @__PURE__ */ e("path", {
|
|
23
|
+
d: "M12 17.5v-5m0 0-2.25 2.25M12 12.5l2.25 2.25",
|
|
24
|
+
stroke: "currentColor",
|
|
25
|
+
strokeWidth: "1.5",
|
|
26
|
+
strokeLinecap: "round",
|
|
27
|
+
strokeLinejoin: "round"
|
|
28
|
+
})
|
|
29
|
+
]
|
|
30
|
+
});
|
|
31
|
+
//#endregion
|
|
32
|
+
export { n as UploadDocIcon };
|
|
@@ -10,10 +10,15 @@ export declare type Hero2Highlight = {
|
|
|
10
10
|
export declare const UploadZone: FC<UploadZoneProps>;
|
|
11
11
|
|
|
12
12
|
export declare interface UploadZoneProps {
|
|
13
|
-
uploadPromptText
|
|
13
|
+
uploadPromptText?: string;
|
|
14
14
|
addDocumentLabel: string;
|
|
15
|
-
fileSizeText
|
|
16
|
-
disclaimer
|
|
15
|
+
fileSizeText?: string;
|
|
16
|
+
disclaimer?: string;
|
|
17
|
+
title?: string;
|
|
18
|
+
description?: string;
|
|
19
|
+
trustLine?: string;
|
|
20
|
+
uploadIcon?: ReactNode;
|
|
21
|
+
variant?: 'default' | 'pdf-tools';
|
|
17
22
|
containerClassName?: string;
|
|
18
23
|
onAddDocument?: () => void;
|
|
19
24
|
onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;
|
|
@@ -1,57 +1,107 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
"use client";
|
|
3
3
|
import { AddIcon as e } from "./AddIcon.js";
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import
|
|
4
|
+
import { UploadDocIcon as t } from "./UploadDocIcon.js";
|
|
5
|
+
import { LockIcon as n } from "./LockIcon.js";
|
|
6
|
+
import { Button as r } from "./Button.js";
|
|
7
|
+
import { Markdown as i } from "./Markdown.js";
|
|
8
|
+
import { jsx as a, jsxs as o } from "react/jsx-runtime";
|
|
9
|
+
import s from "clsx";
|
|
8
10
|
//#region lib/components/molecules/UploadZone.tsx
|
|
9
|
-
var
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
className: "
|
|
33
|
-
children: o
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
11
|
+
var c = ({ uploadPromptText: c, addDocumentLabel: l, fileSizeText: u, disclaimer: d, title: f, description: p, trustLine: m, uploadIcon: h, variant: g = "default", containerClassName: _ = "", onAddDocument: v, onDropDocument: y, dataQa: b }) => {
|
|
12
|
+
let x = g === "pdf-tools";
|
|
13
|
+
return /* @__PURE__ */ o("div", {
|
|
14
|
+
role: "presentation",
|
|
15
|
+
onDragOver: (e) => {
|
|
16
|
+
e.preventDefault();
|
|
17
|
+
},
|
|
18
|
+
onDragEnter: (e) => {
|
|
19
|
+
e.preventDefault();
|
|
20
|
+
},
|
|
21
|
+
onDrop: (e) => {
|
|
22
|
+
e.preventDefault(), y?.(e);
|
|
23
|
+
},
|
|
24
|
+
className: s("rounded-3xl", x ? "w-full bg-white p-5 shadow-[0px_10px_30px_0px_rgba(2,55,74,0.06)]" : "group bg-neutral-200/50 p-4 backdrop-blur-xs md:max-w-80 lg:max-w-120 xl:max-w-140", _),
|
|
25
|
+
children: [
|
|
26
|
+
/* @__PURE__ */ a("input", {
|
|
27
|
+
type: "file",
|
|
28
|
+
id: "file-upload",
|
|
29
|
+
className: "sr-only",
|
|
30
|
+
onChange: v,
|
|
31
|
+
multiple: !0
|
|
32
|
+
}),
|
|
33
|
+
x && /* @__PURE__ */ o("div", {
|
|
34
|
+
className: "flex flex-col gap-4",
|
|
35
|
+
children: [/* @__PURE__ */ o("div", {
|
|
36
|
+
className: "border-primary-300 flex flex-col items-center gap-4 rounded-2xl border-[1.5px] border-dashed px-6 py-6 text-center lg:px-8",
|
|
37
|
+
children: [
|
|
38
|
+
/* @__PURE__ */ a("div", {
|
|
39
|
+
className: "bg-primary-50 text-primary-800 flex h-13.5 w-13.5 items-center justify-center rounded-2xl",
|
|
40
|
+
children: h ?? /* @__PURE__ */ a(t, { className: "h-6 w-6" })
|
|
41
|
+
}),
|
|
42
|
+
(f || p) && /* @__PURE__ */ o("div", {
|
|
43
|
+
className: "flex flex-col gap-1.5",
|
|
44
|
+
children: [f && /* @__PURE__ */ a("p", {
|
|
45
|
+
className: "text-large font-bold text-neutral-800",
|
|
46
|
+
children: f
|
|
47
|
+
}), p && /* @__PURE__ */ a("p", {
|
|
48
|
+
className: "text-medium text-neutral-600",
|
|
49
|
+
children: p
|
|
50
|
+
})]
|
|
51
|
+
}),
|
|
52
|
+
/* @__PURE__ */ o(r, {
|
|
53
|
+
dataQa: b,
|
|
54
|
+
variant: "primary-green",
|
|
55
|
+
className: "w-fit",
|
|
56
|
+
onClick: v,
|
|
57
|
+
children: [/* @__PURE__ */ a(e, {}), /* @__PURE__ */ a("span", {
|
|
58
|
+
className: "text-medium font-bold",
|
|
59
|
+
children: l
|
|
60
|
+
})]
|
|
61
|
+
}),
|
|
62
|
+
u && /* @__PURE__ */ a("p", {
|
|
63
|
+
className: "text-small text-neutral-600",
|
|
64
|
+
children: u
|
|
65
|
+
})
|
|
66
|
+
]
|
|
67
|
+
}), m && /* @__PURE__ */ o("div", {
|
|
68
|
+
className: "flex items-center justify-center gap-1",
|
|
69
|
+
children: [/* @__PURE__ */ a(n, { className: "h-4 w-4 text-neutral-600" }), /* @__PURE__ */ a("p", {
|
|
70
|
+
className: "text-small text-neutral-600",
|
|
71
|
+
children: m
|
|
72
|
+
})]
|
|
42
73
|
})]
|
|
43
|
-
})
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
74
|
+
}),
|
|
75
|
+
!x && /* @__PURE__ */ o("div", {
|
|
76
|
+
className: "bg-neutral-25 flex flex-col gap-14 rounded-2xl px-6 pt-14 pb-2 text-center",
|
|
77
|
+
children: [/* @__PURE__ */ o("div", {
|
|
78
|
+
className: "flex flex-col items-center gap-10",
|
|
79
|
+
children: [c && /* @__PURE__ */ a("p", {
|
|
80
|
+
className: "text-medium text-neutral-400 transition-all duration-500 group-hover:text-neutral-900",
|
|
81
|
+
children: c
|
|
82
|
+
}), /* @__PURE__ */ o(r, {
|
|
83
|
+
dataQa: b,
|
|
84
|
+
variant: "primary-green",
|
|
85
|
+
className: "w-fit",
|
|
86
|
+
onClick: v,
|
|
87
|
+
children: [/* @__PURE__ */ a(e, {}), /* @__PURE__ */ a("span", {
|
|
88
|
+
className: "text-medium font-bold",
|
|
89
|
+
children: l
|
|
90
|
+
})]
|
|
91
|
+
})]
|
|
92
|
+
}), /* @__PURE__ */ o("div", {
|
|
93
|
+
className: "flex flex-col gap-2",
|
|
94
|
+
children: [u && /* @__PURE__ */ a("p", {
|
|
95
|
+
className: "text-extra-small text-neutral-400",
|
|
96
|
+
children: u
|
|
97
|
+
}), d && /* @__PURE__ */ a(i, {
|
|
98
|
+
className: "text-tiny text-neutral-400 [&_a]:text-neutral-400",
|
|
99
|
+
content: d
|
|
100
|
+
})]
|
|
101
|
+
})]
|
|
102
|
+
})
|
|
103
|
+
]
|
|
104
|
+
});
|
|
105
|
+
};
|
|
56
106
|
//#endregion
|
|
57
|
-
export {
|
|
107
|
+
export { c as UploadZone };
|
|
@@ -399,6 +399,27 @@ export declare interface ExpertsSectionProps {
|
|
|
399
399
|
}>;
|
|
400
400
|
}
|
|
401
401
|
|
|
402
|
+
export declare interface ExploreToolsGroup {
|
|
403
|
+
id: string;
|
|
404
|
+
icon: ReactNode;
|
|
405
|
+
label: string;
|
|
406
|
+
tools: ExploreToolsTool[];
|
|
407
|
+
}
|
|
408
|
+
|
|
409
|
+
export declare const ExploreToolsSection: FC<ExploreToolsSectionProps>;
|
|
410
|
+
|
|
411
|
+
export declare interface ExploreToolsSectionProps {
|
|
412
|
+
title: string;
|
|
413
|
+
description: string;
|
|
414
|
+
groups: ExploreToolsGroup[];
|
|
415
|
+
}
|
|
416
|
+
|
|
417
|
+
export declare interface ExploreToolsTool {
|
|
418
|
+
id: string;
|
|
419
|
+
label: string;
|
|
420
|
+
href: string;
|
|
421
|
+
}
|
|
422
|
+
|
|
402
423
|
export declare const FacebookIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
|
|
403
424
|
|
|
404
425
|
export declare const FamilyIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
|
|
@@ -607,7 +628,7 @@ export declare const HighlightedText: React_2.FC<{
|
|
|
607
628
|
export declare const HistoryIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
|
|
608
629
|
|
|
609
630
|
export declare interface HomeStepsProps {
|
|
610
|
-
image
|
|
631
|
+
image?: ReactNode;
|
|
611
632
|
header: SectionHeadingProps;
|
|
612
633
|
steps: {
|
|
613
634
|
id: string;
|
|
@@ -615,6 +636,7 @@ export declare interface HomeStepsProps {
|
|
|
615
636
|
description: string;
|
|
616
637
|
image: ReactNode;
|
|
617
638
|
}[];
|
|
639
|
+
variant?: 'default' | 'pdf-tools';
|
|
618
640
|
}
|
|
619
641
|
|
|
620
642
|
export declare const HowItWorksSection: FC<HowItWorksSectionProps>;
|
|
@@ -892,6 +914,8 @@ export declare interface LinkWrapperProps {
|
|
|
892
914
|
|
|
893
915
|
export declare const LocationIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
|
|
894
916
|
|
|
917
|
+
export declare const LockIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
|
|
918
|
+
|
|
895
919
|
export declare const MailFillIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
|
|
896
920
|
|
|
897
921
|
export declare const Markdown: FC<MarkdownProps>;
|
|
@@ -1010,6 +1034,39 @@ export declare interface PartnersSectionProps {
|
|
|
1010
1034
|
}>;
|
|
1011
1035
|
}
|
|
1012
1036
|
|
|
1037
|
+
export declare interface PdfToolsBenefitItem {
|
|
1038
|
+
id: string;
|
|
1039
|
+
icon: ReactNode;
|
|
1040
|
+
title: string;
|
|
1041
|
+
description: string;
|
|
1042
|
+
}
|
|
1043
|
+
|
|
1044
|
+
export declare const PdfToolsBenefitsSection: FC<PdfToolsBenefitsSectionProps>;
|
|
1045
|
+
|
|
1046
|
+
export declare interface PdfToolsBenefitsSectionProps {
|
|
1047
|
+
items: PdfToolsBenefitItem[];
|
|
1048
|
+
image?: ReactNode | null;
|
|
1049
|
+
}
|
|
1050
|
+
|
|
1051
|
+
export declare const PdfToolsHero: FC<PdfToolsHeroProps>;
|
|
1052
|
+
|
|
1053
|
+
export declare type PdfToolsHeroBadge = {
|
|
1054
|
+
id: string;
|
|
1055
|
+
icon: ReactNode;
|
|
1056
|
+
text: string;
|
|
1057
|
+
};
|
|
1058
|
+
|
|
1059
|
+
export declare interface PdfToolsHeroProps {
|
|
1060
|
+
title: string;
|
|
1061
|
+
titleRich?: ReactNode;
|
|
1062
|
+
subtitle: string;
|
|
1063
|
+
uploadZone: Omit<UploadZoneProps, 'variant'>;
|
|
1064
|
+
badges: PdfToolsHeroBadge[];
|
|
1065
|
+
trustPilot?: ReactNode;
|
|
1066
|
+
bgLeft?: ReactNode | null;
|
|
1067
|
+
bgRight?: ReactNode | null;
|
|
1068
|
+
}
|
|
1069
|
+
|
|
1013
1070
|
export declare const PersonalIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
|
|
1014
1071
|
|
|
1015
1072
|
export declare const PhoneButton: ({ phoneNumber, className, dataQa }: PhoneButtonProps) => JSX.Element;
|
|
@@ -1381,11 +1438,18 @@ export declare interface UnsubscribeSectionProps {
|
|
|
1381
1438
|
children: ReactNode;
|
|
1382
1439
|
}
|
|
1383
1440
|
|
|
1441
|
+
export declare const UploadDocIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
|
|
1442
|
+
|
|
1384
1443
|
export interface UploadZoneProps {
|
|
1385
|
-
uploadPromptText
|
|
1444
|
+
uploadPromptText?: string;
|
|
1386
1445
|
addDocumentLabel: string;
|
|
1387
|
-
fileSizeText
|
|
1388
|
-
disclaimer
|
|
1446
|
+
fileSizeText?: string;
|
|
1447
|
+
disclaimer?: string;
|
|
1448
|
+
title?: string;
|
|
1449
|
+
description?: string;
|
|
1450
|
+
trustLine?: string;
|
|
1451
|
+
uploadIcon?: ReactNode;
|
|
1452
|
+
variant?: 'default' | 'pdf-tools';
|
|
1389
1453
|
containerClassName?: string;
|
|
1390
1454
|
onAddDocument?: () => void;
|
|
1391
1455
|
onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;
|
package/dist/index.js
CHANGED
|
@@ -51,103 +51,108 @@ import { ClearIcon as J } from "./components/ClearIcon.js";
|
|
|
51
51
|
import { QuestionOutlineIcon as Y } from "./components/QuestionOutlineIcon.js";
|
|
52
52
|
import { CheckIcon as X } from "./components/CheckIcon.js";
|
|
53
53
|
import { SecurityIcon as Z } from "./components/SecurityIcon.js";
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
63
|
-
import {
|
|
64
|
-
import {
|
|
65
|
-
import {
|
|
66
|
-
import {
|
|
67
|
-
import {
|
|
68
|
-
import {
|
|
69
|
-
import {
|
|
70
|
-
import {
|
|
71
|
-
import {
|
|
72
|
-
import {
|
|
73
|
-
import {
|
|
74
|
-
import {
|
|
75
|
-
import {
|
|
76
|
-
import {
|
|
77
|
-
import {
|
|
78
|
-
import {
|
|
79
|
-
import {
|
|
80
|
-
import {
|
|
81
|
-
import {
|
|
82
|
-
import {
|
|
83
|
-
import {
|
|
84
|
-
import {
|
|
85
|
-
import {
|
|
86
|
-
import {
|
|
87
|
-
import {
|
|
88
|
-
import {
|
|
89
|
-
import {
|
|
90
|
-
import {
|
|
91
|
-
import {
|
|
92
|
-
import {
|
|
93
|
-
import {
|
|
94
|
-
import {
|
|
95
|
-
import {
|
|
96
|
-
import {
|
|
97
|
-
import {
|
|
98
|
-
import {
|
|
99
|
-
import {
|
|
100
|
-
import {
|
|
101
|
-
import {
|
|
102
|
-
import {
|
|
103
|
-
import {
|
|
104
|
-
import {
|
|
105
|
-
import {
|
|
106
|
-
import {
|
|
107
|
-
import {
|
|
108
|
-
import {
|
|
109
|
-
import {
|
|
110
|
-
import {
|
|
111
|
-
import {
|
|
112
|
-
import {
|
|
113
|
-
import {
|
|
114
|
-
import {
|
|
115
|
-
import {
|
|
116
|
-
import {
|
|
117
|
-
import {
|
|
118
|
-
import {
|
|
119
|
-
import {
|
|
120
|
-
import {
|
|
121
|
-
import {
|
|
122
|
-
import {
|
|
123
|
-
import {
|
|
124
|
-
import {
|
|
125
|
-
import {
|
|
126
|
-
import {
|
|
127
|
-
import {
|
|
128
|
-
import {
|
|
129
|
-
import {
|
|
130
|
-
import {
|
|
131
|
-
import {
|
|
132
|
-
import {
|
|
133
|
-
import {
|
|
134
|
-
import {
|
|
135
|
-
import {
|
|
136
|
-
import {
|
|
137
|
-
import {
|
|
138
|
-
import {
|
|
139
|
-
import {
|
|
140
|
-
import {
|
|
141
|
-
import {
|
|
142
|
-
import {
|
|
143
|
-
import {
|
|
144
|
-
import {
|
|
145
|
-
import {
|
|
146
|
-
import {
|
|
147
|
-
import {
|
|
148
|
-
import {
|
|
149
|
-
import {
|
|
150
|
-
import {
|
|
151
|
-
import {
|
|
152
|
-
import {
|
|
153
|
-
|
|
54
|
+
import { UploadDocIcon as Q } from "./components/UploadDocIcon.js";
|
|
55
|
+
import { LockIcon as $ } from "./components/LockIcon.js";
|
|
56
|
+
import { Breadcrumb as ee } from "./components/Breadcrumb.js";
|
|
57
|
+
import { getButtonClasses as te } from "./components/Button.utils.js";
|
|
58
|
+
import { Button as ne } from "./components/Button.js";
|
|
59
|
+
import { HighlightedText as re } from "./components/HighlightedText.js";
|
|
60
|
+
import { Item as ie } from "./components/Item.js";
|
|
61
|
+
import { NavMenuItem as ae } from "./components/NavMenuItem.js";
|
|
62
|
+
import { Markdown as oe } from "./components/Markdown.js";
|
|
63
|
+
import { Input as se } from "./components/Input.js";
|
|
64
|
+
import { Select as ce } from "./components/Select.js";
|
|
65
|
+
import { Textarea as le } from "./components/Textarea.js";
|
|
66
|
+
import { Checkbox as ue } from "./components/Checkbox.js";
|
|
67
|
+
import { LinkWrapper as de } from "./components/LinkWrapper.js";
|
|
68
|
+
import { Modal as fe } from "./components/Modal.js";
|
|
69
|
+
import { Toast as pe } from "./components/Toast.js";
|
|
70
|
+
import { PhoneButton as me } from "./components/PhoneButton.js";
|
|
71
|
+
import { ImageWithPreview as he } from "./components/ImageWithPreview.js";
|
|
72
|
+
import { LinkedProducts as ge } from "./components/LinkedProducts.js";
|
|
73
|
+
import { ContentItem as _e } from "./components/ContentItem.js";
|
|
74
|
+
import { CookiesBar as ve } from "./components/CookiesBar.js";
|
|
75
|
+
import { FaqItemWrapper as ye } from "./components/FaqItemWrapper.js";
|
|
76
|
+
import { FaqItem as be } from "./components/FaqItem.js";
|
|
77
|
+
import { FooterNav as xe } from "./components/FooterNav.js";
|
|
78
|
+
import { HeroImageShell as Se } from "./components/HeroImageShell.js";
|
|
79
|
+
import { LanguageSelector as Ce } from "./components/LanguageSelector.js";
|
|
80
|
+
import { LawGeniusImageShell as we } from "./components/LawGeniusImageShell.js";
|
|
81
|
+
import { LawGeniusStepCard as Te } from "./components/LawGeniusStepCard.js";
|
|
82
|
+
import { NavMenu as Ee } from "./components/NavMenu.js";
|
|
83
|
+
import { PricingPlanCard as De } from "./components/PricingPlanCard.js";
|
|
84
|
+
import { PreformOption as Oe } from "./components/PreformOption.js";
|
|
85
|
+
import { PreviewDownload as ke } from "./components/PreviewDownload.js";
|
|
86
|
+
import { ResourcesImageShell as Ae } from "./components/ResourcesImageShell.js";
|
|
87
|
+
import { SearchBar as je } from "./components/SearchBar.js";
|
|
88
|
+
import { SectionHeading as Me } from "./components/SectionHeading.js";
|
|
89
|
+
import { StepImageShell as Ne } from "./components/StepImageShell.js";
|
|
90
|
+
import { TableOfContentsWrapper as Pe } from "./components/TableOfContentsWrapper.js";
|
|
91
|
+
import { TableOfContents as Fe } from "./components/TableOfContents.js";
|
|
92
|
+
import { TrustedBadge as Ie } from "./components/TrustedBadge.js";
|
|
93
|
+
import { TwoColumnSection as Le } from "./components/TwoColumnSection.js";
|
|
94
|
+
import { DocumentItem as Re } from "./components/DocumentItem.js";
|
|
95
|
+
import { ContactMethodCard as ze } from "./components/ContactMethodCard.js";
|
|
96
|
+
import { AlternativeSubtypeDocument as Be } from "./components/AlternativeSubtypeDocument.js";
|
|
97
|
+
import { DefaultSubtypeDocument as Ve } from "./components/DefaultSubtypeDocument.js";
|
|
98
|
+
import { DocumentReviewUploadCard as He } from "./components/DocumentReviewUploadCard.js";
|
|
99
|
+
import { Tooltips as Ue } from "./components/Tooltips.js";
|
|
100
|
+
import { FreeDocumentModal as We } from "./components/FreeDocumentModal.js";
|
|
101
|
+
import { Article as Ge } from "./components/Article.js";
|
|
102
|
+
import { ContinueEditingBanner as Ke } from "./components/ContinueEditingBanner.js";
|
|
103
|
+
import { LeadGateErrorModal as qe } from "./components/LeadGateErrorModal.js";
|
|
104
|
+
import { LeadGateModal as Je } from "./components/LeadGateModal.js";
|
|
105
|
+
import { LeadGateSuccessFeatureItem as Ye } from "./components/LeadGateSuccessFeatureItem.js";
|
|
106
|
+
import { LeadGateSuccessModal as Xe } from "./components/LeadGateSuccessModal.js";
|
|
107
|
+
import { BlogSection as Ze } from "./components/BlogSection.js";
|
|
108
|
+
import { AsideNavMenu as Qe } from "./components/AsideNavMenu.js";
|
|
109
|
+
import { BenefitsBar as $e } from "./components/BenefitsBar.js";
|
|
110
|
+
import { CategoriesSection as et } from "./components/CategoriesSection.js";
|
|
111
|
+
import { ContactBanner as tt } from "./components/ContactBanner.js";
|
|
112
|
+
import { FaqSection as nt } from "./components/FaqSection.js";
|
|
113
|
+
import { FaqTeaserSection as rt } from "./components/FaqTeaserSection.js";
|
|
114
|
+
import { Footer as it } from "./components/Footer.js";
|
|
115
|
+
import { MobileMenu as at } from "./components/MobileMenu.js";
|
|
116
|
+
import { Header as ot } from "./components/Header.js";
|
|
117
|
+
import { HeroSection as st } from "./components/HeroSection.js";
|
|
118
|
+
import { Hero2Section as ct } from "./components/Hero2Section.js";
|
|
119
|
+
import { HowItWorksSection as lt } from "./components/HowItWorksSection.js";
|
|
120
|
+
import { Jumbotron as ut } from "./components/Jumbotron.js";
|
|
121
|
+
import { Jumbotron2 as dt } from "./components/Jumbotron2.js";
|
|
122
|
+
import { Jumbotron3 as ft } from "./components/Jumbotron3.js";
|
|
123
|
+
import { MoreTemplatesSection as pt } from "./components/MoreTemplatesSection.js";
|
|
124
|
+
import { PricingOfferingsSection as mt } from "./components/PricingOfferingsSection.js";
|
|
125
|
+
import { PricingPlansSection as ht } from "./components/PricingPlansSection.js";
|
|
126
|
+
import { PricingSupportTeaserSection as gt } from "./components/PricingSupportTeaserSection.js";
|
|
127
|
+
import { Preform as _t } from "./components/Preform.js";
|
|
128
|
+
import { PreviewSection as vt } from "./components/PreviewSection.js";
|
|
129
|
+
import { ProcessSection as yt } from "./components/ProcessSection.js";
|
|
130
|
+
import { ProductInfo as bt } from "./components/ProductInfo.js";
|
|
131
|
+
import { RatafiaSection as xt } from "./components/RatafiaSection.js";
|
|
132
|
+
import { TrustSection as St } from "./components/TrustSection.js";
|
|
133
|
+
import { TryNowSection as Ct } from "./components/TryNowSection.js";
|
|
134
|
+
import { IntroSection as wt } from "./components/IntroSection.js";
|
|
135
|
+
import { MissionSection as Tt } from "./components/MissionSection.js";
|
|
136
|
+
import { ValuesSection as Et } from "./components/ValuesSection.js";
|
|
137
|
+
import { Storyline as Dt } from "./components/Storyline.js";
|
|
138
|
+
import { WeHelpSection as Ot } from "./components/WeHelpSection.js";
|
|
139
|
+
import { GuidelinesSection as kt } from "./components/GuidelinesSection.js";
|
|
140
|
+
import { ExpertsSection as At } from "./components/ExpertsSection.js";
|
|
141
|
+
import { FastAndSimpleSection as jt } from "./components/FastAndSimpleSection.js";
|
|
142
|
+
import { FeaturesSection as Mt } from "./components/FeaturesSection.js";
|
|
143
|
+
import { BannerTagSection as Nt } from "./components/BannerTagSection.js";
|
|
144
|
+
import { PartnersSection as Pt } from "./components/PartnersSection.js";
|
|
145
|
+
import { CtaFeatureTag as Ft, CtaSample as It, CtaSection as Lt } from "./components/CtaSection.js";
|
|
146
|
+
import { ContactUsSection as Rt } from "./components/ContactUsSection.js";
|
|
147
|
+
import { UnsubscribeSection as zt } from "./components/UnsubscribeSection.js";
|
|
148
|
+
import { JumboCard as Bt } from "./components/JumboCard.js";
|
|
149
|
+
import { DocumentCategories as Vt } from "./components/DocumentCategories.js";
|
|
150
|
+
import { DocumentSection as Ht } from "./components/DocumentSection.js";
|
|
151
|
+
import { ContactFormSection as Ut } from "./components/ContactFormSection.js";
|
|
152
|
+
import { ContactMethodsSection as Wt } from "./components/ContactMethodsSection.js";
|
|
153
|
+
import { JumboDocs as Gt } from "./components/JumboDocs.js";
|
|
154
|
+
import { TrustPilotSection as Kt } from "./components/TrustPilotSection.js";
|
|
155
|
+
import { PdfToolsHero as qt } from "./components/PdfToolsHero.js";
|
|
156
|
+
import { PdfToolsBenefitsSection as Jt } from "./components/PdfToolsBenefitsSection.js";
|
|
157
|
+
import { ExploreToolsSection as Yt } from "./components/ExploreToolsSection.js";
|
|
158
|
+
export { i as AddIcon, Be as AlternativeSubtypeDocument, Ge as Article, Qe as AsideNavMenu, e as Badge, Nt as BannerTagSection, $e as BenefitsBar, Ze as BlogSection, ee as Breadcrumb, y as BusinessIcon, ne as Button, B as CaFlagIcon, et as CategoriesSection, X as CheckIcon, ue as Checkbox, c as ChevronDownIcon, l as ChevronRightIcon, J as ClearIcon, N as CloseIcon, D as CommunicationIcon, tt as ContactBanner, Ut as ContactFormSection, ze as ContactMethodCard, Wt as ContactMethodsSection, Rt as ContactUsSection, _e as ContentItem, Ke as ContinueEditingBanner, ve as CookiesBar, Ft as CtaFeatureTag, It as CtaSample, Lt as CtaSection, H as DeFlagIcon, Ve as DefaultSubtypeDocument, O as DocEditFillIcon, I as DocOutlineIcon, Vt as DocumentCategories, Re as DocumentItem, He as DocumentReviewUploadCard, Ht as DocumentSection, T as DoneCircleIcon, q as DoneIcon, x as EmploymentIcon, _ as EstatePlanningIcon, At as ExpertsSection, Yt as ExploreToolsSection, t as FacebookIcon, b as FamilyIcon, be as FaqItem, ye as FaqItemWrapper, nt as FaqSection, rt as FaqTeaserSection, jt as FastAndSimpleSection, Mt as FeaturesSection, L as FillFormsIcon, h as FinanceIcon, it as Footer, xe as FooterNav, We as FreeDocumentModal, V as GbFlagIcon, kt as GuidelinesSection, M as HamburgerIcon, ot as Header, E as HelpGuideIcon, ct as Hero2Section, Se as HeroImageShell, st as HeroSection, re as HighlightedText, F as HistoryIcon, lt as HowItWorksSection, he as ImageWithPreview, u as InfoIcon, se as Input, s as InstagramIcon, wt as IntroSection, ie as Item, Bt as JumboCard, Gt as JumboDocs, ut as Jumbotron, dt as Jumbotron2, ft as Jumbotron3, Ce as LanguageSelector, we as LawGeniusImageShell, Te as LawGeniusStepCard, qe as LeadGateErrorModal, Je as LeadGateModal, Ye as LeadGateSuccessFeatureItem, Xe as LeadGateSuccessModal, de as LinkWrapper, ge as LinkedProducts, o as LinkedinIcon, P as LocationIcon, $ as LockIcon, j as MailFillIcon, oe as Markdown, Tt as MissionSection, at as MobileMenu, fe as Modal, pt as MoreTemplatesSection, Ee as NavMenu, ae as NavMenuItem, Pt as PartnersSection, Jt as PdfToolsBenefitsSection, qt as PdfToolsHero, v as PersonalIcon, me as PhoneButton, r as PhoneIcon, k as PhoneTalkIcon, A as PlusIcon, _t as Preform, Oe as PreformOption, ke as PreviewDownload, vt as PreviewSection, mt as PricingOfferingsSection, De as PricingPlanCard, ht as PricingPlansSection, gt as PricingSupportTeaserSection, R as PrintIcon, C as PrivateIcon, yt as ProcessSection, bt as ProductInfo, G as QuestionIcon, Y as QuestionOutlineIcon, xt as RatafiaSection, g as RealStateIcon, Ae as ResourcesImageShell, m as SaveIcon, U as ScalatorIcon, je as SearchBar, d as SearchIcon, Me as SectionHeading, Z as SecurityIcon, ce as Select, K as SinglePhoneIcon, W as SparkIcon, S as StarsIcon, Ne as StepImageShell, Dt as Storyline, Fe as TableOfContents, Pe as TableOfContentsWrapper, le as Textarea, n as TikTokIcon, z as TimeIcon, pe as Toast, Ue as Tooltips, Kt as TrustPilotSection, St as TrustSection, Ie as TrustedBadge, p as TrustedIcon, Ct as TryNowSection, Le as TwoColumnSection, zt as UnsubscribeSection, Q as UploadDocIcon, f as UsFlagIcon, Et as ValuesSection, w as VerifiedIcon, Ot as WeHelpSection, a as ZoomIcon, te as getButtonClasses };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@npm_leadtech/legal-contracts-ui",
|
|
3
|
-
"version": "0.188.
|
|
3
|
+
"version": "0.188.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -186,6 +186,10 @@
|
|
|
186
186
|
"import": "./dist/components/LocationIcon.js",
|
|
187
187
|
"types": "./dist/components/LocationIcon.d.ts"
|
|
188
188
|
},
|
|
189
|
+
"./components/LockIcon": {
|
|
190
|
+
"import": "./dist/components/LockIcon.js",
|
|
191
|
+
"types": "./dist/components/LockIcon.d.ts"
|
|
192
|
+
},
|
|
189
193
|
"./components/MailFillIcon": {
|
|
190
194
|
"import": "./dist/components/MailFillIcon.js",
|
|
191
195
|
"types": "./dist/components/MailFillIcon.d.ts"
|
|
@@ -266,6 +270,10 @@
|
|
|
266
270
|
"import": "./dist/components/TrustedIcon.js",
|
|
267
271
|
"types": "./dist/components/TrustedIcon.d.ts"
|
|
268
272
|
},
|
|
273
|
+
"./components/UploadDocIcon": {
|
|
274
|
+
"import": "./dist/components/UploadDocIcon.js",
|
|
275
|
+
"types": "./dist/components/UploadDocIcon.d.ts"
|
|
276
|
+
},
|
|
269
277
|
"./components/UsFlagIcon": {
|
|
270
278
|
"import": "./dist/components/UsFlagIcon.js",
|
|
271
279
|
"types": "./dist/components/UsFlagIcon.d.ts"
|
|
@@ -486,6 +494,10 @@
|
|
|
486
494
|
"import": "./dist/components/ExpertsSection.js",
|
|
487
495
|
"types": "./dist/components/ExpertsSection.d.ts"
|
|
488
496
|
},
|
|
497
|
+
"./components/ExploreToolsSection": {
|
|
498
|
+
"import": "./dist/components/ExploreToolsSection.js",
|
|
499
|
+
"types": "./dist/components/ExploreToolsSection.d.ts"
|
|
500
|
+
},
|
|
489
501
|
"./components/FaqSection": {
|
|
490
502
|
"import": "./dist/components/FaqSection.js",
|
|
491
503
|
"types": "./dist/components/FaqSection.d.ts"
|
|
@@ -570,6 +582,14 @@
|
|
|
570
582
|
"import": "./dist/components/PartnersSection.js",
|
|
571
583
|
"types": "./dist/components/PartnersSection.d.ts"
|
|
572
584
|
},
|
|
585
|
+
"./components/PdfToolsBenefitsSection": {
|
|
586
|
+
"import": "./dist/components/PdfToolsBenefitsSection.js",
|
|
587
|
+
"types": "./dist/components/PdfToolsBenefitsSection.d.ts"
|
|
588
|
+
},
|
|
589
|
+
"./components/PdfToolsHero": {
|
|
590
|
+
"import": "./dist/components/PdfToolsHero.js",
|
|
591
|
+
"types": "./dist/components/PdfToolsHero.d.ts"
|
|
592
|
+
},
|
|
573
593
|
"./components/Preform": {
|
|
574
594
|
"import": "./dist/components/Preform.js",
|
|
575
595
|
"types": "./dist/components/Preform.d.ts"
|
|
@@ -686,6 +706,10 @@
|
|
|
686
706
|
"import": "./dist/components/NotFoundTemplate.js",
|
|
687
707
|
"types": "./dist/components/NotFoundTemplate.d.ts"
|
|
688
708
|
},
|
|
709
|
+
"./components/PdfToolsTemplate": {
|
|
710
|
+
"import": "./dist/components/PdfToolsTemplate.js",
|
|
711
|
+
"types": "./dist/components/PdfToolsTemplate.d.ts"
|
|
712
|
+
},
|
|
689
713
|
"./components/PricingTemplate": {
|
|
690
714
|
"import": "./dist/components/PricingTemplate.js",
|
|
691
715
|
"types": "./dist/components/PricingTemplate.d.ts"
|