@npm_leadtech/legal-contracts-ui 0.163.2 → 0.164.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.
|
@@ -1,52 +1,69 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as c, Fragment as
|
|
2
|
+
import { jsxs as c, Fragment as n, jsx as e } from "react/jsx-runtime";
|
|
3
3
|
import "react";
|
|
4
|
-
import { Tooltips as
|
|
5
|
-
import { PreformMobile as
|
|
6
|
-
import
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
4
|
+
import { Tooltips as a } from "./Tooltips.js";
|
|
5
|
+
import { PreformMobile as f } from "./PreformMobile.js";
|
|
6
|
+
import i from "clsx";
|
|
7
|
+
import { PreformOption as h } from "./PreformOption.js";
|
|
8
|
+
import { TrustedBadge as t } from "./TrustedBadge.js";
|
|
9
|
+
import { Input as g } from "./Input.js";
|
|
10
|
+
import { LinkWrapper as d } from "./LinkWrapper.js";
|
|
11
|
+
const P = ({
|
|
12
|
+
trustedBadge: s,
|
|
13
|
+
cta: o,
|
|
14
|
+
inputFieldData: l,
|
|
15
|
+
radioFieldData: m,
|
|
16
|
+
tooltips: p,
|
|
17
|
+
mobileRadio: x = !1
|
|
18
|
+
}) => /* @__PURE__ */ c(n, { children: [
|
|
19
|
+
/* @__PURE__ */ e(
|
|
20
|
+
"section",
|
|
21
|
+
{
|
|
22
|
+
className: i(
|
|
23
|
+
"bg-neutral-25 pt-10 text-neutral-800 sm:px-6 lg:px-8 xl:px-30",
|
|
24
|
+
x ? "block" : "hidden sm:block"
|
|
25
|
+
),
|
|
26
|
+
children: /* @__PURE__ */ c("div", { className: "relative mx-auto flex max-w-300 flex-col gap-6 rounded bg-white px-6 pt-8 pb-6 shadow-md sm:items-center sm:gap-8 lg:px-26 xl:px-10", children: [
|
|
27
|
+
/* @__PURE__ */ e(t, { ...s }),
|
|
28
|
+
m?.isVisible && /* @__PURE__ */ c(n, { children: [
|
|
29
|
+
/* @__PURE__ */ e("p", { className: "text-medium sm:text-large font-bold", children: m.label }),
|
|
30
|
+
/* @__PURE__ */ c("div", { className: "flex w-full max-w-272 flex-wrap justify-center gap-2 sm:gap-4", children: [
|
|
31
|
+
m.options.map((r) => /* @__PURE__ */ e(
|
|
32
|
+
"div",
|
|
33
|
+
{
|
|
34
|
+
className: "w-[calc(50%-4px)] sm:w-[calc(25%-12px)] lg:w-[calc(20%-13px)] xl:w-[calc(16.66%-14px)]",
|
|
35
|
+
children: /* @__PURE__ */ e(
|
|
36
|
+
h,
|
|
37
|
+
{
|
|
38
|
+
...r,
|
|
39
|
+
selected: r.value === m.radioSelected,
|
|
40
|
+
onClick: m.onClick
|
|
41
|
+
}
|
|
42
|
+
)
|
|
43
|
+
},
|
|
44
|
+
r.value
|
|
45
|
+
)),
|
|
46
|
+
l?.isVisible && /* @__PURE__ */ e("div", { className: "mt-4 flex basis-full justify-center md:mt-0", children: /* @__PURE__ */ e(
|
|
47
|
+
g,
|
|
22
48
|
{
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
49
|
+
id: l.id,
|
|
50
|
+
label: l.label,
|
|
51
|
+
name: l.name,
|
|
52
|
+
placeholder: l.placeholder,
|
|
53
|
+
value: l.value,
|
|
54
|
+
onInputChange: l.onChange,
|
|
55
|
+
"data-qa": l.dataQa
|
|
26
56
|
}
|
|
27
|
-
)
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
)
|
|
31
|
-
|
|
32
|
-
h,
|
|
33
|
-
{
|
|
34
|
-
id: l.id,
|
|
35
|
-
label: l.label,
|
|
36
|
-
name: l.name,
|
|
37
|
-
placeholder: l.placeholder,
|
|
38
|
-
value: l.value,
|
|
39
|
-
onInputChange: l.onChange,
|
|
40
|
-
"data-qa": l.dataQa
|
|
41
|
-
}
|
|
42
|
-
) }, l.name)
|
|
57
|
+
) }, l.name)
|
|
58
|
+
] })
|
|
59
|
+
] }),
|
|
60
|
+
/* @__PURE__ */ e(d, { variant: "primary-green", children: o }),
|
|
61
|
+
p.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-col gap-8", children: p.map((r) => /* @__PURE__ */ e(a, { ...r }, r.title)) })
|
|
43
62
|
] })
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
/* @__PURE__ */ e(
|
|
49
|
-
a,
|
|
63
|
+
}
|
|
64
|
+
),
|
|
65
|
+
!x && /* @__PURE__ */ e(
|
|
66
|
+
f,
|
|
50
67
|
{
|
|
51
68
|
cta: o,
|
|
52
69
|
trustedBadge: s,
|
|
@@ -56,5 +73,5 @@ const k = ({ trustedBadge: s, cta: o, inputFieldData: l, radioFieldData: m, tool
|
|
|
56
73
|
)
|
|
57
74
|
] });
|
|
58
75
|
export {
|
|
59
|
-
|
|
76
|
+
P as Preform
|
|
60
77
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as r, jsx as m } from "react/jsx-runtime";
|
|
2
2
|
import { Jumbotron as u } from "./Jumbotron.js";
|
|
3
3
|
import { JumboDocs as g } from "./JumboDocs.js";
|
|
4
4
|
import { Preform as h } from "./Preform.js";
|
|
5
5
|
import { ProductInfo as N } from "./ProductInfo.js";
|
|
6
6
|
import { BenefitsBar as b } from "./BenefitsBar.js";
|
|
7
|
-
import { Breadcrumb as
|
|
8
|
-
import { TableOfContents as
|
|
7
|
+
import { Breadcrumb as v } from "./Breadcrumb.js";
|
|
8
|
+
import { TableOfContents as P } from "./TableOfContents.js";
|
|
9
9
|
import { ContentItem as B } from "./ContentItem.js";
|
|
10
10
|
import { FaqSection as T } from "./FaqSection.js";
|
|
11
11
|
import { PreviewDownload as k } from "./PreviewDownload.js";
|
|
@@ -14,10 +14,10 @@ import { TryNowSection as F } from "./TryNowSection.js";
|
|
|
14
14
|
import { FreeDocumentModal as I } from "./FreeDocumentModal.js";
|
|
15
15
|
const M = ({
|
|
16
16
|
jumbotron: p,
|
|
17
|
-
jumboDocs:
|
|
17
|
+
jumboDocs: o,
|
|
18
18
|
preform: t,
|
|
19
|
-
productInfo:
|
|
20
|
-
benefitsBar:
|
|
19
|
+
productInfo: n,
|
|
20
|
+
benefitsBar: f,
|
|
21
21
|
breadcrumb: s,
|
|
22
22
|
tableOfContents: c,
|
|
23
23
|
contentItems: x,
|
|
@@ -25,27 +25,27 @@ const M = ({
|
|
|
25
25
|
previewDownload: w,
|
|
26
26
|
previewSection: e,
|
|
27
27
|
tryNowSection: l,
|
|
28
|
-
freeDocModal:
|
|
29
|
-
}) => /* @__PURE__ */
|
|
28
|
+
freeDocModal: a
|
|
29
|
+
}) => /* @__PURE__ */ r("main", { className: "min-w-0 flex-1", children: [
|
|
30
30
|
/* @__PURE__ */ m(u, { ...p }),
|
|
31
|
-
|
|
31
|
+
o && /* @__PURE__ */ m(g, { ...o }),
|
|
32
32
|
t && /* @__PURE__ */ m(h, { ...t }),
|
|
33
|
-
/* @__PURE__ */ m(N, { ...
|
|
34
|
-
/* @__PURE__ */ m(b, { ...
|
|
35
|
-
/* @__PURE__ */ m("section", { className: "px-4 pt-6 pb-10 text-neutral-800 md:px-6 lg:px-8 xl:px-30", children: /* @__PURE__ */
|
|
36
|
-
/* @__PURE__ */ m(
|
|
37
|
-
/* @__PURE__ */
|
|
38
|
-
/* @__PURE__ */
|
|
39
|
-
/* @__PURE__ */ m(
|
|
40
|
-
x.map((
|
|
41
|
-
/* @__PURE__ */ m(T, { ...d })
|
|
33
|
+
/* @__PURE__ */ m(N, { ...n }),
|
|
34
|
+
/* @__PURE__ */ m(b, { ...f }),
|
|
35
|
+
/* @__PURE__ */ m("section", { className: "px-4 pt-6 pb-10 text-neutral-800 md:px-6 lg:px-8 xl:px-30", children: /* @__PURE__ */ r("div", { className: "mx-auto flex w-full max-w-300 flex-col gap-6", children: [
|
|
36
|
+
/* @__PURE__ */ m(v, { ...s }),
|
|
37
|
+
/* @__PURE__ */ r("div", { className: "flex w-full min-w-0 items-start md:gap-4 lg:gap-26.5 xl:gap-31", children: [
|
|
38
|
+
/* @__PURE__ */ r("div", { className: "flex w-full max-w-100 min-w-0 flex-col gap-8 lg:max-w-137.5 xl:max-w-172.5", children: [
|
|
39
|
+
/* @__PURE__ */ m(P, { ...c }),
|
|
40
|
+
x.map((i) => /* @__PURE__ */ m(B, { ...i }, i.id)),
|
|
41
|
+
/* @__PURE__ */ m(T, { ...d, variant: "legal" })
|
|
42
42
|
] }),
|
|
43
43
|
/* @__PURE__ */ m("aside", { className: "sticky top-20 hidden pt-4 md:block", children: /* @__PURE__ */ m(k, { ...w }) })
|
|
44
44
|
] })
|
|
45
45
|
] }) }),
|
|
46
46
|
e && /* @__PURE__ */ m(C, { ...e }),
|
|
47
47
|
l && /* @__PURE__ */ m(F, { ...l }),
|
|
48
|
-
|
|
48
|
+
a && /* @__PURE__ */ m(I, { ...a })
|
|
49
49
|
] });
|
|
50
50
|
export {
|
|
51
51
|
M as ProductTemplate
|