@npm_leadtech/legal-contracts-ui 0.154.5 → 0.155.0
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.
|
@@ -9,7 +9,7 @@ const d = {
|
|
|
9
9
|
time: /* @__PURE__ */ e(s, { "data-testid": "icon-3", className: "size-6 md:size-10", "aria-hidden": !0 })
|
|
10
10
|
}, x = ({ benefits: t }) => /* @__PURE__ */ e("div", { className: "flex bg-neutral-200 px-6 py-4 md:justify-center md:py-6 lg:py-4", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-2 text-neutral-800 md:flex-row md:gap-12 lg:gap-20", children: t.map((i) => /* @__PURE__ */ a("div", { className: "flex items-center gap-4 md:gap-2", children: [
|
|
11
11
|
d[i.src],
|
|
12
|
-
/* @__PURE__ */ e("p", { className: "text-medium", children: i.text })
|
|
12
|
+
/* @__PURE__ */ e("p", { className: "text-medium whitespace-nowrap", children: i.text })
|
|
13
13
|
] }, i.text)) }) });
|
|
14
14
|
export {
|
|
15
15
|
x as BenefitsBar
|
package/dist/components/Item.js
CHANGED
|
@@ -28,8 +28,8 @@ const b = ({
|
|
|
28
28
|
children: [
|
|
29
29
|
c,
|
|
30
30
|
/* @__PURE__ */ s("div", { className: "flex flex-1 flex-col gap-1", children: [
|
|
31
|
-
t && /* @__PURE__ */ e("p", { className: o("text-medium
|
|
32
|
-
a && /* @__PURE__ */ e("p", { className: "text-extra-small
|
|
31
|
+
t && /* @__PURE__ */ e("p", { className: o("text-medium text-neutral-800", m[r]), children: t }),
|
|
32
|
+
a && /* @__PURE__ */ e("p", { className: "text-extra-small text-neutral-600", children: a })
|
|
33
33
|
] }),
|
|
34
34
|
!!l && /* @__PURE__ */ e("div", { className: "h-0 w-0 opacity-0", children: l }),
|
|
35
35
|
r === "card" && /* @__PURE__ */ e(n, { width: 20, height: 20 })
|
|
@@ -1,92 +1,95 @@
|
|
|
1
1
|
import { jsxs as l, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { SearchBar as
|
|
4
|
-
import { CloseIcon as
|
|
3
|
+
import { SearchBar as f } from "./SearchBar.js";
|
|
4
|
+
import { CloseIcon as b } from "./CloseIcon.js";
|
|
5
5
|
import { LinkWrapper as h } from "./LinkWrapper.js";
|
|
6
|
-
import { PhoneTalkIcon as
|
|
6
|
+
import { PhoneTalkIcon as N } from "./PhoneTalkIcon.js";
|
|
7
7
|
const k = ({
|
|
8
|
-
isOpen:
|
|
8
|
+
isOpen: n,
|
|
9
9
|
onClose: m,
|
|
10
|
-
logo:
|
|
11
|
-
userActions:
|
|
10
|
+
logo: c,
|
|
11
|
+
userActions: d,
|
|
12
12
|
searchBarProps: o,
|
|
13
13
|
sections: p = [],
|
|
14
|
-
contactInfo:
|
|
15
|
-
closeText:
|
|
16
|
-
}) =>
|
|
17
|
-
"
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
/* @__PURE__ */ l(
|
|
24
|
-
|
|
25
|
-
{
|
|
26
|
-
className: "text-small text-primary-700 flex cursor-pointer items-center justify-center gap-1 rounded border border-neutral-400 px-2 py-1",
|
|
27
|
-
onClick: m,
|
|
28
|
-
"aria-label": "Close menu",
|
|
29
|
-
children: [
|
|
30
|
-
x,
|
|
31
|
-
/* @__PURE__ */ r(f, { fill: "var(--color-primary-700)" })
|
|
32
|
-
]
|
|
33
|
-
}
|
|
34
|
-
)
|
|
35
|
-
] }),
|
|
36
|
-
/* @__PURE__ */ l("div", { className: "flex flex-1 flex-col pb-6", children: [
|
|
37
|
-
/* @__PURE__ */ l("div", { className: "flex flex-col gap-6 px-6", children: [
|
|
38
|
-
/* @__PURE__ */ r("div", { className: "flex items-center gap-4", children: c }),
|
|
39
|
-
/* @__PURE__ */ r(u, { ...o })
|
|
40
|
-
] }),
|
|
41
|
-
/* @__PURE__ */ r("nav", { id: "mobile-nav", className: "flex flex-col gap-0", children: p.map((e, n) => {
|
|
42
|
-
const i = e.icon != null;
|
|
43
|
-
return e.content != null ? /* @__PURE__ */ r("div", { className: "flex items-center px-6 pb-8", children: /* @__PURE__ */ r(h, { variant: "secondary-green", children: e.content }) }, e.id ?? `custom-${n.toString()}`) : /* @__PURE__ */ l(
|
|
44
|
-
"div",
|
|
45
|
-
{
|
|
46
|
-
className: e.title !== "" && !i ? "border-t border-b border-neutral-200 pt-4" : "",
|
|
47
|
-
children: [
|
|
48
|
-
e.title && /* @__PURE__ */ l("div", { className: `flex items-center gap-2 px-6 ${i ? "bg-neutral-50 py-4" : ""}`, children: [
|
|
49
|
-
e.icon != null && /* @__PURE__ */ r("span", { className: "text-primary-700", children: e.icon }),
|
|
50
|
-
/* @__PURE__ */ r("p", { className: "text-medium font-semibold", children: e.title })
|
|
51
|
-
] }),
|
|
52
|
-
e.items != null && /* @__PURE__ */ l("ul", { className: `flex flex-col gap-4 ${i ? "p-6" : "px-6 py-4"}`, children: [
|
|
53
|
-
e.items.map((a) => /* @__PURE__ */ l("li", { className: "text-medium flex items-center gap-1", children: [
|
|
54
|
-
a.link,
|
|
55
|
-
" ",
|
|
56
|
-
a.tag && /* @__PURE__ */ r("span", { className: "bg-secondary-200 text-extra-small flex h-4.5 w-5.25 items-center justify-center rounded align-middle font-bold", children: a.tag })
|
|
57
|
-
] }, a.id)),
|
|
58
|
-
e.seeAll != null && /* @__PURE__ */ r("li", { className: "font-semibold", children: e.seeAll })
|
|
59
|
-
] })
|
|
60
|
-
]
|
|
61
|
-
},
|
|
62
|
-
e.id ?? e.title ?? n.toString()
|
|
63
|
-
);
|
|
64
|
-
}) }),
|
|
65
|
-
t && /* @__PURE__ */ l("div", { className: "mt-auto flex flex-col items-center justify-center border-t border-neutral-100 p-6", children: [
|
|
14
|
+
contactInfo: a,
|
|
15
|
+
closeText: u
|
|
16
|
+
}) => {
|
|
17
|
+
const x = a?.contactHoursLabel?.includes(a.contactHours ?? "");
|
|
18
|
+
return /* @__PURE__ */ l(
|
|
19
|
+
"div",
|
|
20
|
+
{
|
|
21
|
+
className: `fixed inset-0 z-50 flex flex-col overflow-y-auto bg-white text-neutral-800 lg:hidden ${n ? "block" : "hidden"}`,
|
|
22
|
+
children: [
|
|
23
|
+
/* @__PURE__ */ l("div", { className: "flex items-center justify-between px-6 py-4", children: [
|
|
24
|
+
c,
|
|
66
25
|
/* @__PURE__ */ l(
|
|
67
|
-
"
|
|
26
|
+
"button",
|
|
68
27
|
{
|
|
69
|
-
"
|
|
70
|
-
|
|
71
|
-
|
|
28
|
+
className: "text-small text-primary-700 flex cursor-pointer items-center justify-center gap-1 rounded border border-neutral-400 px-2 py-1",
|
|
29
|
+
onClick: m,
|
|
30
|
+
"aria-label": "Close menu",
|
|
72
31
|
children: [
|
|
73
|
-
|
|
74
|
-
|
|
32
|
+
u,
|
|
33
|
+
/* @__PURE__ */ r(b, { fill: "var(--color-primary-700)" })
|
|
75
34
|
]
|
|
76
35
|
}
|
|
77
|
-
)
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
36
|
+
)
|
|
37
|
+
] }),
|
|
38
|
+
/* @__PURE__ */ l("div", { className: "flex flex-1 flex-col pb-6", children: [
|
|
39
|
+
/* @__PURE__ */ l("div", { className: "flex flex-col gap-6 px-6", children: [
|
|
40
|
+
/* @__PURE__ */ r("div", { className: "flex items-center gap-4", children: d }),
|
|
41
|
+
/* @__PURE__ */ r(f, { ...o })
|
|
42
|
+
] }),
|
|
43
|
+
/* @__PURE__ */ r("nav", { id: "mobile-nav", className: "flex flex-col gap-0", children: p.map((e, s) => {
|
|
44
|
+
const i = e.icon != null;
|
|
45
|
+
return e.content != null ? /* @__PURE__ */ r("div", { className: "flex items-center px-6 pb-8", children: /* @__PURE__ */ r(h, { variant: "secondary-green", children: e.content }) }, e.id ?? `custom-${s.toString()}`) : /* @__PURE__ */ l(
|
|
46
|
+
"div",
|
|
47
|
+
{
|
|
48
|
+
className: e.title !== "" && !i ? "border-t border-b border-neutral-200 pt-4" : "",
|
|
49
|
+
children: [
|
|
50
|
+
e.title && /* @__PURE__ */ l("div", { className: `flex items-center gap-2 px-6 ${i ? "bg-neutral-50 py-4" : ""}`, children: [
|
|
51
|
+
e.icon != null && /* @__PURE__ */ r("span", { className: "text-primary-700", children: e.icon }),
|
|
52
|
+
/* @__PURE__ */ r("p", { className: "text-medium font-semibold", children: e.title })
|
|
53
|
+
] }),
|
|
54
|
+
e.items != null && /* @__PURE__ */ l("ul", { className: `flex flex-col gap-4 ${i ? "p-6" : "px-6 py-4"}`, children: [
|
|
55
|
+
e.items.map((t) => /* @__PURE__ */ l("li", { className: "text-medium flex items-center gap-1", children: [
|
|
56
|
+
t.link,
|
|
57
|
+
" ",
|
|
58
|
+
t.tag && /* @__PURE__ */ r("span", { className: "bg-secondary-200 text-extra-small flex h-4.5 w-5.25 items-center justify-center rounded align-middle font-bold", children: t.tag })
|
|
59
|
+
] }, t.id)),
|
|
60
|
+
e.seeAll != null && /* @__PURE__ */ r("li", { className: "font-semibold", children: e.seeAll })
|
|
61
|
+
] })
|
|
62
|
+
]
|
|
63
|
+
},
|
|
64
|
+
e.id ?? e.title ?? s.toString()
|
|
65
|
+
);
|
|
66
|
+
}) }),
|
|
67
|
+
a && /* @__PURE__ */ l("div", { className: "mt-auto flex flex-col items-center justify-center border-t border-neutral-100 p-6", children: [
|
|
68
|
+
/* @__PURE__ */ l(
|
|
69
|
+
"a",
|
|
70
|
+
{
|
|
71
|
+
"data-qa": "mobile_menu_contact_phone",
|
|
72
|
+
href: `tel:${a.phoneNumber.replaceAll(" ", "")}`,
|
|
73
|
+
className: "bg-primary-700 flex w-full items-center justify-center gap-2 rounded-md p-3 text-base font-semibold text-white",
|
|
74
|
+
children: [
|
|
75
|
+
/* @__PURE__ */ r(N, { fill: "#ffff" }),
|
|
76
|
+
a.phoneNumber
|
|
77
|
+
]
|
|
78
|
+
}
|
|
79
|
+
),
|
|
80
|
+
a.contactHours && /* @__PURE__ */ l("p", { className: "text-small mt-4 text-base text-neutral-500", children: [
|
|
81
|
+
a.contactHoursLabel != null && /* @__PURE__ */ l("span", { children: [
|
|
82
|
+
a.contactHoursLabel,
|
|
83
|
+
" "
|
|
84
|
+
] }),
|
|
85
|
+
!x && a.contactHours
|
|
86
|
+
] })
|
|
84
87
|
] })
|
|
85
88
|
] })
|
|
86
|
-
]
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
89
|
+
]
|
|
90
|
+
}
|
|
91
|
+
);
|
|
92
|
+
};
|
|
90
93
|
export {
|
|
91
94
|
k as MobileMenu
|
|
92
95
|
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsxs as t, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { Markdown as
|
|
3
|
-
const
|
|
2
|
+
import { Markdown as x } from "./Markdown.js";
|
|
3
|
+
const c = ({ trustPilot: l, content: a, title: s }) => /* @__PURE__ */ t("section", { className: "bg-white px-6 py-8 lg:px-8 lg:py-12 xl:px-0", children: [
|
|
4
4
|
/* @__PURE__ */ t("div", { className: "mx-auto w-fit", children: [
|
|
5
5
|
/* @__PURE__ */ e("h2", { className: "text-super-large mb-8 text-center font-bold text-neutral-800", children: s }),
|
|
6
|
-
/* @__PURE__ */ e(
|
|
6
|
+
/* @__PURE__ */ e(x, { content: a, variant: "about-us", className: "mx-auto" })
|
|
7
7
|
] }),
|
|
8
|
-
!!
|
|
8
|
+
!!l && /* @__PURE__ */ e("section", { className: "bg-white px-6 py-8 lg:px-8 lg:py-12 xl:px-0", children: /* @__PURE__ */ e("div", { className: "mx-auto w-full max-w-6xl md:h-34", children: l }) })
|
|
9
9
|
] });
|
|
10
10
|
export {
|
|
11
|
-
|
|
11
|
+
c as TrustPilotSection
|
|
12
12
|
};
|