@npm_leadtech/legal-contracts-ui 0.164.1 → 0.164.2
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.
|
@@ -2,7 +2,7 @@ import { jsx as t, jsxs as a } from "react/jsx-runtime";
|
|
|
2
2
|
import "react";
|
|
3
3
|
import { Button as m } from "./Button.js";
|
|
4
4
|
import { Markdown as o } from "./Markdown.js";
|
|
5
|
-
const n = ({ policyMessage: e, acceptButton: l }) => /* @__PURE__ */ t("aside", { className: "fixed bottom-0 left-0 z-
|
|
5
|
+
const n = ({ policyMessage: e, acceptButton: l }) => /* @__PURE__ */ t("aside", { className: "fixed bottom-0 left-0 z-51 w-full bg-neutral-900", children: /* @__PURE__ */ a("div", { className: "mx-auto flex w-full flex-col gap-6 p-6 md:flex-row md:items-center md:gap-10 md:py-6 xl:max-w-300 xl:px-0", children: [
|
|
6
6
|
/* @__PURE__ */ t(o, { className: "text-small text-white [&_p:last-child]:mb-0", variant: "cookies", content: e }),
|
|
7
7
|
/* @__PURE__ */ t(m, { variant: "primary-yellow", className: "w-full text-nowrap md:w-fit", ...l })
|
|
8
8
|
] }) });
|
|
@@ -1,69 +1,52 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as c, Fragment as
|
|
2
|
+
import { jsxs as c, Fragment as x, 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
|
-
|
|
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,
|
|
4
|
+
import { Tooltips as n } from "./Tooltips.js";
|
|
5
|
+
import { PreformMobile as a } from "./PreformMobile.js";
|
|
6
|
+
import { PreformOption as f } from "./PreformOption.js";
|
|
7
|
+
import { TrustedBadge as i } from "./TrustedBadge.js";
|
|
8
|
+
import { Input as h } from "./Input.js";
|
|
9
|
+
import { LinkWrapper as t } from "./LinkWrapper.js";
|
|
10
|
+
const k = ({ trustedBadge: s, cta: o, inputFieldData: l, radioFieldData: m, tooltips: p }) => /* @__PURE__ */ c(x, { children: [
|
|
11
|
+
/* @__PURE__ */ e("section", { className: "bg-neutral-25 hidden pt-10 text-neutral-800 sm:block sm:px-6 lg:px-8 xl:px-30", 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: [
|
|
12
|
+
/* @__PURE__ */ e(i, { ...s }),
|
|
13
|
+
m?.isVisible && /* @__PURE__ */ c(x, { children: [
|
|
14
|
+
/* @__PURE__ */ e("p", { className: "text-medium sm:text-large font-bold", children: m.label }),
|
|
15
|
+
/* @__PURE__ */ c("div", { className: "flex w-full max-w-272 flex-wrap justify-center gap-2 sm:gap-4", children: [
|
|
16
|
+
m.options.map((r) => /* @__PURE__ */ e(
|
|
17
|
+
"div",
|
|
18
|
+
{
|
|
19
|
+
className: "w-[calc(50%-4px)] sm:w-[calc(25%-12px)] lg:w-[calc(20%-13px)] xl:w-[calc(16.66%-14px)]",
|
|
20
|
+
children: /* @__PURE__ */ e(
|
|
21
|
+
f,
|
|
48
22
|
{
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
placeholder: l.placeholder,
|
|
53
|
-
value: l.value,
|
|
54
|
-
onInputChange: l.onChange,
|
|
55
|
-
"data-qa": l.dataQa
|
|
23
|
+
...r,
|
|
24
|
+
selected: r.value === m.radioSelected,
|
|
25
|
+
onClick: m.onClick
|
|
56
26
|
}
|
|
57
|
-
)
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
27
|
+
)
|
|
28
|
+
},
|
|
29
|
+
r.value
|
|
30
|
+
)),
|
|
31
|
+
l?.isVisible && /* @__PURE__ */ e("div", { className: "mt-4 flex basis-full justify-center md:mt-0", children: /* @__PURE__ */ e(
|
|
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)
|
|
62
43
|
] })
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
44
|
+
] }),
|
|
45
|
+
/* @__PURE__ */ e(t, { variant: "primary-green", children: o }),
|
|
46
|
+
p.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-col gap-8", children: p.map((r) => /* @__PURE__ */ e(n, { ...r }, r.title)) })
|
|
47
|
+
] }) }),
|
|
48
|
+
/* @__PURE__ */ e(
|
|
49
|
+
a,
|
|
67
50
|
{
|
|
68
51
|
cta: o,
|
|
69
52
|
trustedBadge: s,
|
|
@@ -73,5 +56,5 @@ const P = ({
|
|
|
73
56
|
)
|
|
74
57
|
] });
|
|
75
58
|
export {
|
|
76
|
-
|
|
59
|
+
k as Preform
|
|
77
60
|
};
|