@npm_leadtech/legal-contracts-ui 0.177.2 → 0.177.7
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/Checkbox.js +3 -3
- package/dist/components/ContentItem.js +2 -2
- package/dist/components/Footer.d.ts +2 -0
- package/dist/components/Footer.js +3 -3
- package/dist/components/PreviewDownload.js +2 -2
- package/dist/components/index.d.ts +2 -55
- package/dist/index.js +49 -53
- package/package.json +29 -38
- package/dist/components/LeadGateErrorModal.d.ts +0 -11
- package/dist/components/LeadGateErrorModal.js +0 -41
- package/dist/components/LeadGateModal.d.ts +0 -29
- package/dist/components/LeadGateModal.js +0 -90
- package/dist/components/LeadGateSuccessFeatureItem.d.ts +0 -11
- package/dist/components/LeadGateSuccessFeatureItem.js +0 -20
- package/dist/components/LeadGateSuccessModal.d.ts +0 -20
- package/dist/components/LeadGateSuccessModal.js +0 -45
|
@@ -4,7 +4,7 @@ import r from "clsx";
|
|
|
4
4
|
//#region lib/components/atoms/Checkbox.tsx
|
|
5
5
|
var i = ({ dataQa: i, id: a, name: o, required: s = !1, children: c, checked: l, error: u = !1, ...d }) => /* @__PURE__ */ n("label", {
|
|
6
6
|
htmlFor: a,
|
|
7
|
-
className: "text-medium flex cursor-pointer items-
|
|
7
|
+
className: "text-medium flex cursor-pointer items-center gap-2 text-neutral-800 select-none",
|
|
8
8
|
children: [
|
|
9
9
|
/* @__PURE__ */ t("input", {
|
|
10
10
|
id: a,
|
|
@@ -16,11 +16,11 @@ var i = ({ dataQa: i, id: a, name: o, required: s = !1, children: c, checked: l,
|
|
|
16
16
|
}),
|
|
17
17
|
/* @__PURE__ */ t("div", {
|
|
18
18
|
"data-qa": i,
|
|
19
|
-
className: r("flex h-5.5 w-5.5
|
|
19
|
+
className: r("flex h-5.5 w-5.5 items-center justify-center rounded transition-colors", "peer-focus-visible:ring-primary-500 peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2", !u && !l && "hover:bg-primary-200 border border-neutral-800 bg-white", l && "border-primary-500 bg-primary-200 border-2", u && "border-error-500 bg-error-20 border"),
|
|
20
20
|
children: l && /* @__PURE__ */ t(e, {})
|
|
21
21
|
}),
|
|
22
22
|
/* @__PURE__ */ t("span", {
|
|
23
|
-
className: "
|
|
23
|
+
className: "leading-tight text-neutral-800",
|
|
24
24
|
children: c
|
|
25
25
|
})
|
|
26
26
|
]
|
|
@@ -32,11 +32,11 @@ var c = ({ id: c, title: l, content: u, linkedProducts: d, sampleImage: f, cta:
|
|
|
32
32
|
}),
|
|
33
33
|
h && /* @__PURE__ */ s("div", {
|
|
34
34
|
className: "flex w-75 gap-4 self-center",
|
|
35
|
-
children: [/* @__PURE__ */ o(t, {
|
|
35
|
+
children: [!!h.pdfDownload && /* @__PURE__ */ o(t, {
|
|
36
36
|
className: "w-full",
|
|
37
37
|
variant: "secondary-black",
|
|
38
38
|
children: h.pdfDownload
|
|
39
|
-
}), /* @__PURE__ */ o(t, {
|
|
39
|
+
}), !!h.wordDownload && /* @__PURE__ */ o(t, {
|
|
40
40
|
className: "w-full",
|
|
41
41
|
variant: "secondary-black",
|
|
42
42
|
children: h.wordDownload
|
|
@@ -3,9 +3,9 @@ import { FooterNav as t } from "./FooterNav.js";
|
|
|
3
3
|
import "react";
|
|
4
4
|
import { jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
5
5
|
//#region lib/components/organisms/Footer.tsx
|
|
6
|
-
var i = ({ nav: i, contactInfo: a, logoGray: o, socialLinks: s, legalLinks: c, disclaimerText: l, copyrightText: u, trustPilot: d, languageSelector: f }) => /* @__PURE__ */ r("footer", {
|
|
6
|
+
var i = ({ nav: i, contactInfo: a, logoGray: o, socialLinks: s, legalLinks: c, disclaimerText: l, copyrightText: u, trustPilot: d, languageSelector: f, linksShow: p = !0, cookiesShow: m = !0 }) => /* @__PURE__ */ r("footer", {
|
|
7
7
|
className: "text-neutral-25 max-w-full overflow-x-hidden",
|
|
8
|
-
children: [/* @__PURE__ */ n("div", {
|
|
8
|
+
children: [p && /* @__PURE__ */ n("div", {
|
|
9
9
|
className: "bg-primary-900",
|
|
10
10
|
children: /* @__PURE__ */ r("div", {
|
|
11
11
|
className: "mx-auto flex w-full max-w-300 flex-col items-start gap-8 px-6 py-10 md:grid md:grid-cols-3 lg:flex lg:flex-row lg:justify-between",
|
|
@@ -46,7 +46,7 @@ var i = ({ nav: i, contactInfo: a, logoGray: o, socialLinks: s, legalLinks: c, d
|
|
|
46
46
|
})]
|
|
47
47
|
})]
|
|
48
48
|
})
|
|
49
|
-
}), /* @__PURE__ */ n("div", {
|
|
49
|
+
}), m && /* @__PURE__ */ n("div", {
|
|
50
50
|
className: "bg-neutral-900 px-6 py-8 text-neutral-400",
|
|
51
51
|
children: /* @__PURE__ */ r("div", {
|
|
52
52
|
className: "mx-auto flex w-full max-w-300 flex-col gap-6",
|
|
@@ -48,11 +48,11 @@ var s = ({ title: s, footerText: c, preview: l, cta: u, pdfDownload: d, wordDown
|
|
|
48
48
|
children: c
|
|
49
49
|
}), /* @__PURE__ */ o("div", {
|
|
50
50
|
className: "flex w-full gap-4",
|
|
51
|
-
children: [/* @__PURE__ */ a(n, {
|
|
51
|
+
children: [!!d && /* @__PURE__ */ a(n, {
|
|
52
52
|
className: "w-full",
|
|
53
53
|
variant: "secondary-black",
|
|
54
54
|
children: d
|
|
55
|
-
}), /* @__PURE__ */ a(n, {
|
|
55
|
+
}), !!f && /* @__PURE__ */ a(n, {
|
|
56
56
|
className: "w-full",
|
|
57
57
|
variant: "secondary-black",
|
|
58
58
|
children: f
|
|
@@ -504,6 +504,8 @@ export declare interface FooterProps {
|
|
|
504
504
|
copyrightText?: string;
|
|
505
505
|
trustPilot?: ReactNode;
|
|
506
506
|
languageSelector?: ReactNode;
|
|
507
|
+
linksShow?: boolean;
|
|
508
|
+
cookiesShow?: boolean;
|
|
507
509
|
}
|
|
508
510
|
|
|
509
511
|
export declare interface FormattedLanguageItem {
|
|
@@ -791,61 +793,6 @@ export declare interface LawGeniusStepCardProps {
|
|
|
791
793
|
iconAlt?: string;
|
|
792
794
|
}
|
|
793
795
|
|
|
794
|
-
export declare const LeadGateErrorModal: FC<LeadGateErrorModalProps>;
|
|
795
|
-
|
|
796
|
-
export declare interface LeadGateErrorModalProps {
|
|
797
|
-
heading: string;
|
|
798
|
-
description: string;
|
|
799
|
-
ctaLabel: string;
|
|
800
|
-
onRetry?: () => void;
|
|
801
|
-
}
|
|
802
|
-
|
|
803
|
-
export declare const LeadGateModal: FC<LeadGateModalProps>;
|
|
804
|
-
|
|
805
|
-
export declare interface LeadGateModalErrors {
|
|
806
|
-
email?: boolean;
|
|
807
|
-
hasAcceptedTerms?: boolean;
|
|
808
|
-
}
|
|
809
|
-
|
|
810
|
-
export declare interface LeadGateModalPayload {
|
|
811
|
-
email: string;
|
|
812
|
-
hasAcceptedTerms: boolean;
|
|
813
|
-
hasAcceptedMarketing: boolean;
|
|
814
|
-
}
|
|
815
|
-
|
|
816
|
-
export declare interface LeadGateModalProps {
|
|
817
|
-
description: string;
|
|
818
|
-
emailLabel: string;
|
|
819
|
-
emailPlaceholder: string;
|
|
820
|
-
emailErrorMessage: string;
|
|
821
|
-
termsLabel: string;
|
|
822
|
-
marketingLabel: string;
|
|
823
|
-
ctaLabel: string;
|
|
824
|
-
payload: LeadGateModalPayload;
|
|
825
|
-
errors?: LeadGateModalErrors;
|
|
826
|
-
onPayloadChange: (payload: LeadGateModalPayload) => void;
|
|
827
|
-
onSubmit?: () => void;
|
|
828
|
-
}
|
|
829
|
-
|
|
830
|
-
export declare const LeadGateSuccessFeatureItem: FC<LeadGateSuccessFeatureItemProps>;
|
|
831
|
-
|
|
832
|
-
export declare interface LeadGateSuccessFeatureItemProps {
|
|
833
|
-
icon?: ReactNode;
|
|
834
|
-
title: string;
|
|
835
|
-
description: string;
|
|
836
|
-
}
|
|
837
|
-
|
|
838
|
-
export declare const LeadGateSuccessModal: FC<LeadGateSuccessModalProps>;
|
|
839
|
-
|
|
840
|
-
export declare interface LeadGateSuccessModalProps {
|
|
841
|
-
subtitle: string;
|
|
842
|
-
featureItems: LeadGateSuccessFeatureItemProps[];
|
|
843
|
-
ctaLabel: string;
|
|
844
|
-
footer: string;
|
|
845
|
-
illustration: ReactNode;
|
|
846
|
-
onCtaClick?: () => void;
|
|
847
|
-
}
|
|
848
|
-
|
|
849
796
|
export declare const LinkedinIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
|
|
850
797
|
|
|
851
798
|
export declare interface LinkedProductProps {
|
package/dist/index.js
CHANGED
|
@@ -98,56 +98,52 @@ import { Tooltips as Ve } from "./components/Tooltips.js";
|
|
|
98
98
|
import { FreeDocumentModal as He } from "./components/FreeDocumentModal.js";
|
|
99
99
|
import { Article as Ue } from "./components/Article.js";
|
|
100
100
|
import { ContinueEditingBanner as We } from "./components/ContinueEditingBanner.js";
|
|
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
|
-
|
|
150
|
-
import { ContactMethodsSection as Ht } from "./components/ContactMethodsSection.js";
|
|
151
|
-
import { JumboDocs as Ut } from "./components/JumboDocs.js";
|
|
152
|
-
import { TrustPilotSection as Wt } from "./components/TrustPilotSection.js";
|
|
153
|
-
export { i as AddIcon, Re as AlternativeSubtypeDocument, Ue as Article, Xe as AsideNavMenu, e as Badge, jt as BannerTagSection, Ze as BenefitsBar, Ye as BlogSection, Q as Breadcrumb, y as BusinessIcon, ee as Button, B as CaFlagIcon, Qe as CategoriesSection, X as CheckIcon, ce as Checkbox, c as ChevronDownIcon, l as ChevronRightIcon, J as ClearIcon, N as CloseIcon, D as CommunicationIcon, $e as ContactBanner, Vt as ContactFormSection, Le as ContactMethodCard, Ht as ContactMethodsSection, It as ContactUsSection, he as ContentItem, We as ContinueEditingBanner, ge as CookiesBar, Nt as CtaFeatureTag, Pt as CtaSample, Ft as CtaSection, H as DeFlagIcon, ze as DefaultSubtypeDocument, O as DocEditFillIcon, I as DocOutlineIcon, zt as DocumentCategories, Ie as DocumentItem, Be as DocumentReviewUploadCard, Bt as DocumentSection, T as DoneCircleIcon, q as DoneIcon, x as EmploymentIcon, _ as EstatePlanningIcon, Ot as ExpertsSection, t as FacebookIcon, b as FamilyIcon, ve as FaqItem, _e as FaqItemWrapper, et as FaqSection, tt as FaqTeaserSection, kt as FastAndSimpleSection, At as FeaturesSection, L as FillFormsIcon, h as FinanceIcon, nt as Footer, ye as FooterNav, He as FreeDocumentModal, V as GbFlagIcon, Dt as GuidelinesSection, M as HamburgerIcon, it as Header, E as HelpGuideIcon, ot as Hero2Section, be as HeroImageShell, at as HeroSection, te as HighlightedText, F as HistoryIcon, st as HowItWorksSection, pe as ImageWithPreview, u as InfoIcon, ae as Input, s as InstagramIcon, St as IntroSection, ne as Item, Rt as JumboCard, Ut as JumboDocs, ct as Jumbotron, lt as Jumbotron2, ut as Jumbotron3, xe as LanguageSelector, Se as LawGeniusImageShell, Ce as LawGeniusStepCard, Ge as LeadGateErrorModal, Ke as LeadGateModal, qe as LeadGateSuccessFeatureItem, Je as LeadGateSuccessModal, le as LinkWrapper, me as LinkedProducts, o as LinkedinIcon, P as LocationIcon, j as MailFillIcon, ie as Markdown, Ct as MissionSection, rt as MobileMenu, ue as Modal, dt as MoreTemplatesSection, we as NavMenu, re as NavMenuItem, Mt as PartnersSection, v as PersonalIcon, fe as PhoneButton, r as PhoneIcon, k as PhoneTalkIcon, A as PlusIcon, ht as Preform, Ee as PreformOption, De as PreviewDownload, gt as PreviewSection, ft as PricingOfferingsSection, Te as PricingPlanCard, pt as PricingPlansSection, mt as PricingSupportTeaserSection, R as PrintIcon, C as PrivateIcon, _t as ProcessSection, vt as ProductInfo, G as QuestionIcon, Y as QuestionOutlineIcon, yt as RatafiaSection, g as RealStateIcon, Oe as ResourcesImageShell, m as SaveIcon, U as ScalatorIcon, ke as SearchBar, d as SearchIcon, Ae as SectionHeading, Z as SecurityIcon, oe as Select, K as SinglePhoneIcon, W as SparkIcon, S as StarsIcon, je as StepImageShell, Tt as Storyline, Ne as TableOfContents, Me as TableOfContentsWrapper, se as Textarea, n as TikTokIcon, z as TimeIcon, de as Toast, Ve as Tooltips, Wt as TrustPilotSection, bt as TrustSection, Pe as TrustedBadge, p as TrustedIcon, xt as TryNowSection, Fe as TwoColumnSection, Lt as UnsubscribeSection, f as UsFlagIcon, wt as ValuesSection, w as VerifiedIcon, Et as WeHelpSection, a as ZoomIcon, $ as getButtonClasses };
|
|
101
|
+
import { BlogSection as Ge } from "./components/BlogSection.js";
|
|
102
|
+
import { AsideNavMenu as Ke } from "./components/AsideNavMenu.js";
|
|
103
|
+
import { BenefitsBar as qe } from "./components/BenefitsBar.js";
|
|
104
|
+
import { CategoriesSection as Je } from "./components/CategoriesSection.js";
|
|
105
|
+
import { ContactBanner as Ye } from "./components/ContactBanner.js";
|
|
106
|
+
import { FaqSection as Xe } from "./components/FaqSection.js";
|
|
107
|
+
import { FaqTeaserSection as Ze } from "./components/FaqTeaserSection.js";
|
|
108
|
+
import { Footer as Qe } from "./components/Footer.js";
|
|
109
|
+
import { MobileMenu as $e } from "./components/MobileMenu.js";
|
|
110
|
+
import { Header as et } from "./components/Header.js";
|
|
111
|
+
import { HeroSection as tt } from "./components/HeroSection.js";
|
|
112
|
+
import { Hero2Section as nt } from "./components/Hero2Section.js";
|
|
113
|
+
import { HowItWorksSection as rt } from "./components/HowItWorksSection.js";
|
|
114
|
+
import { Jumbotron as it } from "./components/Jumbotron.js";
|
|
115
|
+
import { Jumbotron2 as at } from "./components/Jumbotron2.js";
|
|
116
|
+
import { Jumbotron3 as ot } from "./components/Jumbotron3.js";
|
|
117
|
+
import { MoreTemplatesSection as st } from "./components/MoreTemplatesSection.js";
|
|
118
|
+
import { PricingOfferingsSection as ct } from "./components/PricingOfferingsSection.js";
|
|
119
|
+
import { PricingPlansSection as lt } from "./components/PricingPlansSection.js";
|
|
120
|
+
import { PricingSupportTeaserSection as ut } from "./components/PricingSupportTeaserSection.js";
|
|
121
|
+
import { Preform as dt } from "./components/Preform.js";
|
|
122
|
+
import { PreviewSection as ft } from "./components/PreviewSection.js";
|
|
123
|
+
import { ProcessSection as pt } from "./components/ProcessSection.js";
|
|
124
|
+
import { ProductInfo as mt } from "./components/ProductInfo.js";
|
|
125
|
+
import { RatafiaSection as ht } from "./components/RatafiaSection.js";
|
|
126
|
+
import { TrustSection as gt } from "./components/TrustSection.js";
|
|
127
|
+
import { TryNowSection as _t } from "./components/TryNowSection.js";
|
|
128
|
+
import { IntroSection as vt } from "./components/IntroSection.js";
|
|
129
|
+
import { MissionSection as yt } from "./components/MissionSection.js";
|
|
130
|
+
import { ValuesSection as bt } from "./components/ValuesSection.js";
|
|
131
|
+
import { Storyline as xt } from "./components/Storyline.js";
|
|
132
|
+
import { WeHelpSection as St } from "./components/WeHelpSection.js";
|
|
133
|
+
import { GuidelinesSection as Ct } from "./components/GuidelinesSection.js";
|
|
134
|
+
import { ExpertsSection as wt } from "./components/ExpertsSection.js";
|
|
135
|
+
import { FastAndSimpleSection as Tt } from "./components/FastAndSimpleSection.js";
|
|
136
|
+
import { FeaturesSection as Et } from "./components/FeaturesSection.js";
|
|
137
|
+
import { BannerTagSection as Dt } from "./components/BannerTagSection.js";
|
|
138
|
+
import { PartnersSection as Ot } from "./components/PartnersSection.js";
|
|
139
|
+
import { CtaFeatureTag as kt, CtaSample as At, CtaSection as jt } from "./components/CtaSection.js";
|
|
140
|
+
import { ContactUsSection as Mt } from "./components/ContactUsSection.js";
|
|
141
|
+
import { UnsubscribeSection as Nt } from "./components/UnsubscribeSection.js";
|
|
142
|
+
import { JumboCard as Pt } from "./components/JumboCard.js";
|
|
143
|
+
import { DocumentCategories as Ft } from "./components/DocumentCategories.js";
|
|
144
|
+
import { DocumentSection as It } from "./components/DocumentSection.js";
|
|
145
|
+
import { ContactFormSection as Lt } from "./components/ContactFormSection.js";
|
|
146
|
+
import { ContactMethodsSection as Rt } from "./components/ContactMethodsSection.js";
|
|
147
|
+
import { JumboDocs as zt } from "./components/JumboDocs.js";
|
|
148
|
+
import { TrustPilotSection as Bt } from "./components/TrustPilotSection.js";
|
|
149
|
+
export { i as AddIcon, Re as AlternativeSubtypeDocument, Ue as Article, Ke as AsideNavMenu, e as Badge, Dt as BannerTagSection, qe as BenefitsBar, Ge as BlogSection, Q as Breadcrumb, y as BusinessIcon, ee as Button, B as CaFlagIcon, Je as CategoriesSection, X as CheckIcon, ce as Checkbox, c as ChevronDownIcon, l as ChevronRightIcon, J as ClearIcon, N as CloseIcon, D as CommunicationIcon, Ye as ContactBanner, Lt as ContactFormSection, Le as ContactMethodCard, Rt as ContactMethodsSection, Mt as ContactUsSection, he as ContentItem, We as ContinueEditingBanner, ge as CookiesBar, kt as CtaFeatureTag, At as CtaSample, jt as CtaSection, H as DeFlagIcon, ze as DefaultSubtypeDocument, O as DocEditFillIcon, I as DocOutlineIcon, Ft as DocumentCategories, Ie as DocumentItem, Be as DocumentReviewUploadCard, It as DocumentSection, T as DoneCircleIcon, q as DoneIcon, x as EmploymentIcon, _ as EstatePlanningIcon, wt as ExpertsSection, t as FacebookIcon, b as FamilyIcon, ve as FaqItem, _e as FaqItemWrapper, Xe as FaqSection, Ze as FaqTeaserSection, Tt as FastAndSimpleSection, Et as FeaturesSection, L as FillFormsIcon, h as FinanceIcon, Qe as Footer, ye as FooterNav, He as FreeDocumentModal, V as GbFlagIcon, Ct as GuidelinesSection, M as HamburgerIcon, et as Header, E as HelpGuideIcon, nt as Hero2Section, be as HeroImageShell, tt as HeroSection, te as HighlightedText, F as HistoryIcon, rt as HowItWorksSection, pe as ImageWithPreview, u as InfoIcon, ae as Input, s as InstagramIcon, vt as IntroSection, ne as Item, Pt as JumboCard, zt as JumboDocs, it as Jumbotron, at as Jumbotron2, ot as Jumbotron3, xe as LanguageSelector, Se as LawGeniusImageShell, Ce as LawGeniusStepCard, le as LinkWrapper, me as LinkedProducts, o as LinkedinIcon, P as LocationIcon, j as MailFillIcon, ie as Markdown, yt as MissionSection, $e as MobileMenu, ue as Modal, st as MoreTemplatesSection, we as NavMenu, re as NavMenuItem, Ot as PartnersSection, v as PersonalIcon, fe as PhoneButton, r as PhoneIcon, k as PhoneTalkIcon, A as PlusIcon, dt as Preform, Ee as PreformOption, De as PreviewDownload, ft as PreviewSection, ct as PricingOfferingsSection, Te as PricingPlanCard, lt as PricingPlansSection, ut as PricingSupportTeaserSection, R as PrintIcon, C as PrivateIcon, pt as ProcessSection, mt as ProductInfo, G as QuestionIcon, Y as QuestionOutlineIcon, ht as RatafiaSection, g as RealStateIcon, Oe as ResourcesImageShell, m as SaveIcon, U as ScalatorIcon, ke as SearchBar, d as SearchIcon, Ae as SectionHeading, Z as SecurityIcon, oe as Select, K as SinglePhoneIcon, W as SparkIcon, S as StarsIcon, je as StepImageShell, xt as Storyline, Ne as TableOfContents, Me as TableOfContentsWrapper, se as Textarea, n as TikTokIcon, z as TimeIcon, de as Toast, Ve as Tooltips, Bt as TrustPilotSection, gt as TrustSection, Pe as TrustedBadge, p as TrustedIcon, _t as TryNowSection, Fe as TwoColumnSection, Nt as UnsubscribeSection, f as UsFlagIcon, bt as ValuesSection, w as VerifiedIcon, St as WeHelpSection, a as ZoomIcon, $ as getButtonClasses };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@npm_leadtech/legal-contracts-ui",
|
|
3
|
-
"version": "0.177.
|
|
3
|
+
"version": "0.177.7",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -354,22 +354,6 @@
|
|
|
354
354
|
"import": "./dist/components/LawGeniusStepCard.js",
|
|
355
355
|
"types": "./dist/components/LawGeniusStepCard.d.ts"
|
|
356
356
|
},
|
|
357
|
-
"./components/LeadGateErrorModal": {
|
|
358
|
-
"import": "./dist/components/LeadGateErrorModal.js",
|
|
359
|
-
"types": "./dist/components/LeadGateErrorModal.d.ts"
|
|
360
|
-
},
|
|
361
|
-
"./components/LeadGateModal": {
|
|
362
|
-
"import": "./dist/components/LeadGateModal.js",
|
|
363
|
-
"types": "./dist/components/LeadGateModal.d.ts"
|
|
364
|
-
},
|
|
365
|
-
"./components/LeadGateSuccessFeatureItem": {
|
|
366
|
-
"import": "./dist/components/LeadGateSuccessFeatureItem.js",
|
|
367
|
-
"types": "./dist/components/LeadGateSuccessFeatureItem.d.ts"
|
|
368
|
-
},
|
|
369
|
-
"./components/LeadGateSuccessModal": {
|
|
370
|
-
"import": "./dist/components/LeadGateSuccessModal.js",
|
|
371
|
-
"types": "./dist/components/LeadGateSuccessModal.d.ts"
|
|
372
|
-
},
|
|
373
357
|
"./components/LinkedProducts": {
|
|
374
358
|
"import": "./dist/components/LinkedProducts.js",
|
|
375
359
|
"types": "./dist/components/LinkedProducts.d.ts"
|
|
@@ -717,6 +701,27 @@
|
|
|
717
701
|
"bugs": {
|
|
718
702
|
"url": "https://bitbucket.org/grupoblidoo/legal-contracts-ui/issues"
|
|
719
703
|
},
|
|
704
|
+
"scripts": {
|
|
705
|
+
"dev": "vite",
|
|
706
|
+
"build": "tsc --project tsconfig.build.json && vite build && cp lib/globals-core.css dist/globals.css",
|
|
707
|
+
"sonar:scan": "bash scripts/sonar.sh",
|
|
708
|
+
"sonar": "pnpm test && pnpm sonar:scan",
|
|
709
|
+
"chromatic": "npx chromatic --project-token=chpt_f2cdc115a03f4c9",
|
|
710
|
+
"yalc-push": "pnpm build && yalc push",
|
|
711
|
+
"format": "prettier --write .",
|
|
712
|
+
"prettier": "prettier --check .",
|
|
713
|
+
"eslint": "eslint . --quiet",
|
|
714
|
+
"test": "vitest run --coverage",
|
|
715
|
+
"test:watch": "vitest --coverage",
|
|
716
|
+
"storybook": "storybook dev -p 6006",
|
|
717
|
+
"build-storybook": "storybook build",
|
|
718
|
+
"reinstall-force": "rm -Rf node_modules && pnpm install",
|
|
719
|
+
"prepare-upgrade": "pnpm reinstall-force && pnpm build && pnpm chromatic && git add . && git commit -m \"$MSG\" --allow-empty && npm config set tag-version-prefix ''",
|
|
720
|
+
"upgrade-patch": "pnpm prepare-upgrade && npm version patch -m \"Update patch version number\" && git push && git push --tags",
|
|
721
|
+
"upgrade-minor": "pnpm prepare-upgrade && npm version minor -m \"Update minor version number\" && git push && git push --tags",
|
|
722
|
+
"upgrade-major": "pnpm prepare-upgrade && npm version major -m \"Update major version number\" && git push && git push --tags",
|
|
723
|
+
"prepare": "husky"
|
|
724
|
+
},
|
|
720
725
|
"dependencies": {
|
|
721
726
|
"clsx": "^2.1.1",
|
|
722
727
|
"react-markdown": "^10.1.0",
|
|
@@ -788,30 +793,16 @@
|
|
|
788
793
|
"@ast-grep/napi-linux-x64-gnu": "^0.44.1",
|
|
789
794
|
"@rollup/rollup-linux-x64-gnu": "^4.62.2"
|
|
790
795
|
},
|
|
796
|
+
"pnpm": {
|
|
797
|
+
"onlyBuiltDependencies": [
|
|
798
|
+
"esbuild",
|
|
799
|
+
"unrs-resolver"
|
|
800
|
+
]
|
|
801
|
+
},
|
|
791
802
|
"lint-staged": {
|
|
792
803
|
"**/*": [
|
|
793
804
|
"eslint --fix",
|
|
794
805
|
"prettier --write --ignore-unknown"
|
|
795
806
|
]
|
|
796
|
-
},
|
|
797
|
-
"scripts": {
|
|
798
|
-
"dev": "vite",
|
|
799
|
-
"build": "tsc --project tsconfig.build.json && vite build && cp lib/globals-core.css dist/globals.css",
|
|
800
|
-
"sonar:scan": "bash scripts/sonar.sh",
|
|
801
|
-
"sonar": "pnpm test && pnpm sonar:scan",
|
|
802
|
-
"chromatic": "npx chromatic --project-token=chpt_f2cdc115a03f4c9",
|
|
803
|
-
"yalc-push": "pnpm build && yalc push",
|
|
804
|
-
"format": "prettier --write .",
|
|
805
|
-
"prettier": "prettier --check .",
|
|
806
|
-
"eslint": "eslint . --quiet",
|
|
807
|
-
"test": "vitest run --coverage",
|
|
808
|
-
"test:watch": "vitest --coverage",
|
|
809
|
-
"storybook": "storybook dev -p 6006",
|
|
810
|
-
"build-storybook": "storybook build",
|
|
811
|
-
"reinstall-force": "rm -Rf node_modules && pnpm install",
|
|
812
|
-
"prepare-upgrade": "pnpm reinstall-force && pnpm build && pnpm chromatic && git add . && git commit -m \"$MSG\" --allow-empty && npm config set tag-version-prefix ''",
|
|
813
|
-
"upgrade-patch": "pnpm prepare-upgrade && npm version patch -m \"Update patch version number\" && git push && git push --tags",
|
|
814
|
-
"upgrade-minor": "pnpm prepare-upgrade && npm version minor -m \"Update minor version number\" && git push && git push --tags",
|
|
815
|
-
"upgrade-major": "pnpm prepare-upgrade && npm version major -m \"Update major version number\" && git push && git push --tags"
|
|
816
807
|
}
|
|
817
|
-
}
|
|
808
|
+
}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { ClearIcon as e } from "./ClearIcon.js";
|
|
2
|
-
import { Button as t } from "./Button.js";
|
|
3
|
-
import { Markdown as n } from "./Markdown.js";
|
|
4
|
-
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
5
|
-
//#region lib/components/molecules/LeadGateErrorModal.tsx
|
|
6
|
-
var a = ({ heading: a, description: o, ctaLabel: s, onRetry: c }) => /* @__PURE__ */ i("div", {
|
|
7
|
-
className: "mt-4 flex w-full flex-col",
|
|
8
|
-
children: [/* @__PURE__ */ r("span", { className: "h-px w-full bg-neutral-200" }), /* @__PURE__ */ i("div", {
|
|
9
|
-
className: "mt-10 flex w-full flex-col gap-10",
|
|
10
|
-
children: [/* @__PURE__ */ i("div", {
|
|
11
|
-
className: "mx-auto flex w-full max-w-80 flex-col items-center gap-4",
|
|
12
|
-
children: [/* @__PURE__ */ r("div", {
|
|
13
|
-
className: "bg-error-20 flex size-[74px] items-center justify-center rounded-full",
|
|
14
|
-
children: /* @__PURE__ */ r(e, {
|
|
15
|
-
width: 48,
|
|
16
|
-
height: 48,
|
|
17
|
-
fill: "var(--color-error-500)",
|
|
18
|
-
"aria-hidden": "true"
|
|
19
|
-
})
|
|
20
|
-
}), /* @__PURE__ */ i("div", {
|
|
21
|
-
className: "flex w-full flex-col gap-2 text-center",
|
|
22
|
-
children: [/* @__PURE__ */ r("p", {
|
|
23
|
-
className: "text-big font-bold text-neutral-800",
|
|
24
|
-
children: a
|
|
25
|
-
}), /* @__PURE__ */ r(n, {
|
|
26
|
-
className: "text-medium w-auto! text-neutral-800 [&_p]:mb-0",
|
|
27
|
-
content: o
|
|
28
|
-
})]
|
|
29
|
-
})]
|
|
30
|
-
}), /* @__PURE__ */ r(t, {
|
|
31
|
-
type: "button",
|
|
32
|
-
variant: "primary-green",
|
|
33
|
-
className: "w-full",
|
|
34
|
-
dataQa: "lead_gate_retry",
|
|
35
|
-
onClick: c,
|
|
36
|
-
children: s
|
|
37
|
-
})]
|
|
38
|
-
})]
|
|
39
|
-
});
|
|
40
|
-
//#endregion
|
|
41
|
-
export { a as LeadGateErrorModal };
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
|
|
3
|
-
export declare const LeadGateModal: FC<LeadGateModalProps>;
|
|
4
|
-
|
|
5
|
-
export declare interface LeadGateModalErrors {
|
|
6
|
-
email?: boolean;
|
|
7
|
-
hasAcceptedTerms?: boolean;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
export declare interface LeadGateModalPayload {
|
|
11
|
-
email: string;
|
|
12
|
-
hasAcceptedTerms: boolean;
|
|
13
|
-
hasAcceptedMarketing: boolean;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
export declare interface LeadGateModalProps {
|
|
17
|
-
description: string;
|
|
18
|
-
emailLabel: string;
|
|
19
|
-
emailPlaceholder: string;
|
|
20
|
-
emailErrorMessage: string;
|
|
21
|
-
termsLabel: string;
|
|
22
|
-
marketingLabel: string;
|
|
23
|
-
ctaLabel: string;
|
|
24
|
-
payload: LeadGateModalPayload;
|
|
25
|
-
errors?: LeadGateModalErrors;
|
|
26
|
-
onPayloadChange: (payload: LeadGateModalPayload) => void;
|
|
27
|
-
onSubmit?: () => void;
|
|
28
|
-
}
|
|
29
|
-
|
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
import { Button as e } from "./Button.js";
|
|
2
|
-
import { Markdown as t } from "./Markdown.js";
|
|
3
|
-
import { Input as n } from "./Input.js";
|
|
4
|
-
import { Checkbox as r } from "./Checkbox.js";
|
|
5
|
-
import { jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
6
|
-
//#region lib/components/molecules/LeadGateModal.tsx
|
|
7
|
-
var o = (e) => {
|
|
8
|
-
!(e.target instanceof HTMLElement) || !e.target.closest("a") || e.stopPropagation();
|
|
9
|
-
}, s = ({ description: s, emailLabel: c, emailPlaceholder: l, emailErrorMessage: u, termsLabel: d, marketingLabel: f, ctaLabel: p, payload: m, errors: h = {}, onPayloadChange: g, onSubmit: _ }) => {
|
|
10
|
-
let v = !!(h.email || h.hasAcceptedTerms);
|
|
11
|
-
return /* @__PURE__ */ a("div", {
|
|
12
|
-
className: "mt-4 flex w-full flex-col gap-4",
|
|
13
|
-
children: [/* @__PURE__ */ i("span", { className: "h-px w-full bg-neutral-200" }), /* @__PURE__ */ a("form", {
|
|
14
|
-
className: "flex w-full flex-col gap-4",
|
|
15
|
-
noValidate: !0,
|
|
16
|
-
onSubmit: (e) => {
|
|
17
|
-
e.preventDefault(), _?.();
|
|
18
|
-
},
|
|
19
|
-
children: [
|
|
20
|
-
/* @__PURE__ */ i(t, {
|
|
21
|
-
className: "text-medium w-auto! text-center text-neutral-800 [&_p]:mb-0",
|
|
22
|
-
content: s
|
|
23
|
-
}),
|
|
24
|
-
/* @__PURE__ */ i(n, {
|
|
25
|
-
id: "lead-gate-email",
|
|
26
|
-
name: "email",
|
|
27
|
-
type: "email",
|
|
28
|
-
label: c,
|
|
29
|
-
placeholder: l,
|
|
30
|
-
dataQa: "lead_gate_email",
|
|
31
|
-
value: m.email,
|
|
32
|
-
error: v,
|
|
33
|
-
errorMessage: u,
|
|
34
|
-
onInputChange: (e) => {
|
|
35
|
-
g({
|
|
36
|
-
...m,
|
|
37
|
-
email: e
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
}),
|
|
41
|
-
/* @__PURE__ */ a("div", {
|
|
42
|
-
className: "flex flex-col gap-4",
|
|
43
|
-
children: [/* @__PURE__ */ i(r, {
|
|
44
|
-
id: "lead-gate-terms",
|
|
45
|
-
name: "hasAcceptedTerms",
|
|
46
|
-
dataQa: "lead_gate_terms",
|
|
47
|
-
checked: m.hasAcceptedTerms,
|
|
48
|
-
error: h.hasAcceptedTerms,
|
|
49
|
-
onChange: (e) => {
|
|
50
|
-
g({
|
|
51
|
-
...m,
|
|
52
|
-
hasAcceptedTerms: e.currentTarget.checked
|
|
53
|
-
});
|
|
54
|
-
},
|
|
55
|
-
children: /* @__PURE__ */ i("span", {
|
|
56
|
-
className: "min-w-0",
|
|
57
|
-
onClick: o,
|
|
58
|
-
onKeyDown: o,
|
|
59
|
-
children: /* @__PURE__ */ i(t, {
|
|
60
|
-
className: "[&_p]:mb-0",
|
|
61
|
-
content: d
|
|
62
|
-
})
|
|
63
|
-
})
|
|
64
|
-
}), /* @__PURE__ */ i(r, {
|
|
65
|
-
id: "lead-gate-marketing",
|
|
66
|
-
name: "hasAcceptedMarketing",
|
|
67
|
-
dataQa: "lead_gate_marketing",
|
|
68
|
-
checked: m.hasAcceptedMarketing,
|
|
69
|
-
onChange: (e) => {
|
|
70
|
-
g({
|
|
71
|
-
...m,
|
|
72
|
-
hasAcceptedMarketing: e.currentTarget.checked
|
|
73
|
-
});
|
|
74
|
-
},
|
|
75
|
-
children: f
|
|
76
|
-
})]
|
|
77
|
-
}),
|
|
78
|
-
/* @__PURE__ */ i(e, {
|
|
79
|
-
type: "submit",
|
|
80
|
-
variant: "primary-green",
|
|
81
|
-
className: "w-full",
|
|
82
|
-
dataQa: "lead_gate_download",
|
|
83
|
-
children: p
|
|
84
|
-
})
|
|
85
|
-
]
|
|
86
|
-
})]
|
|
87
|
-
});
|
|
88
|
-
};
|
|
89
|
-
//#endregion
|
|
90
|
-
export { s as LeadGateModal };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
|
|
4
|
-
export declare const LeadGateSuccessFeatureItem: FC<LeadGateSuccessFeatureItemProps>;
|
|
5
|
-
|
|
6
|
-
export declare interface LeadGateSuccessFeatureItemProps {
|
|
7
|
-
icon?: ReactNode;
|
|
8
|
-
title: string;
|
|
9
|
-
description: string;
|
|
10
|
-
}
|
|
11
|
-
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { jsx as e, jsxs as t } from "react/jsx-runtime";
|
|
2
|
-
//#region lib/components/molecules/LeadGateSuccessFeatureItem.tsx
|
|
3
|
-
var n = ({ icon: n, title: r, description: i }) => /* @__PURE__ */ t("li", {
|
|
4
|
-
className: "flex items-start gap-4",
|
|
5
|
-
children: [n != null && /* @__PURE__ */ e("span", {
|
|
6
|
-
className: "mt-0.5 shrink-0",
|
|
7
|
-
children: n
|
|
8
|
-
}), /* @__PURE__ */ t("div", {
|
|
9
|
-
className: "flex min-w-0 flex-1 flex-col gap-2",
|
|
10
|
-
children: [/* @__PURE__ */ e("p", {
|
|
11
|
-
className: "text-medium font-bold text-neutral-800",
|
|
12
|
-
children: r
|
|
13
|
-
}), /* @__PURE__ */ e("p", {
|
|
14
|
-
className: "text-small text-neutral-600",
|
|
15
|
-
children: i
|
|
16
|
-
})]
|
|
17
|
-
})]
|
|
18
|
-
});
|
|
19
|
-
//#endregion
|
|
20
|
-
export { n as LeadGateSuccessFeatureItem };
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
|
|
4
|
-
export interface LeadGateSuccessFeatureItemProps {
|
|
5
|
-
icon?: ReactNode;
|
|
6
|
-
title: string;
|
|
7
|
-
description: string;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
export declare const LeadGateSuccessModal: FC<LeadGateSuccessModalProps>;
|
|
11
|
-
|
|
12
|
-
export declare interface LeadGateSuccessModalProps {
|
|
13
|
-
subtitle: string;
|
|
14
|
-
featureItems: LeadGateSuccessFeatureItemProps[];
|
|
15
|
-
ctaLabel: string;
|
|
16
|
-
footer: string;
|
|
17
|
-
illustration: ReactNode;
|
|
18
|
-
onCtaClick?: () => void;
|
|
19
|
-
}
|
|
20
|
-
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { DocOutlineIcon as e } from "./DocOutlineIcon.js";
|
|
2
|
-
import { Button as t } from "./Button.js";
|
|
3
|
-
import { Markdown as n } from "./Markdown.js";
|
|
4
|
-
import { LeadGateSuccessFeatureItem as r } from "./LeadGateSuccessFeatureItem.js";
|
|
5
|
-
import { jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
6
|
-
//#region lib/components/molecules/LeadGateSuccessModal.tsx
|
|
7
|
-
var o = ({ subtitle: o, featureItems: s, ctaLabel: c, footer: l, illustration: u, onCtaClick: d }) => /* @__PURE__ */ a("div", {
|
|
8
|
-
className: "mt-6 flex w-full flex-col gap-6",
|
|
9
|
-
children: [
|
|
10
|
-
/* @__PURE__ */ i("div", {
|
|
11
|
-
className: "relative h-[227px] w-[302px] max-w-full overflow-hidden",
|
|
12
|
-
children: u
|
|
13
|
-
}),
|
|
14
|
-
/* @__PURE__ */ i("p", {
|
|
15
|
-
className: "text-medium text-primary-500 w-full text-center",
|
|
16
|
-
children: o
|
|
17
|
-
}),
|
|
18
|
-
/* @__PURE__ */ i("span", { className: "h-px w-full bg-neutral-200" }),
|
|
19
|
-
/* @__PURE__ */ i("ul", {
|
|
20
|
-
className: "flex w-full flex-col gap-4",
|
|
21
|
-
children: s.map((e) => /* @__PURE__ */ i(r, { ...e }, e.title))
|
|
22
|
-
}),
|
|
23
|
-
/* @__PURE__ */ a("div", {
|
|
24
|
-
className: "flex w-full flex-col gap-4",
|
|
25
|
-
children: [/* @__PURE__ */ a(t, {
|
|
26
|
-
type: "button",
|
|
27
|
-
variant: "primary-green",
|
|
28
|
-
className: "w-full",
|
|
29
|
-
dataQa: "lead_gate_success_cta",
|
|
30
|
-
onClick: d,
|
|
31
|
-
children: [/* @__PURE__ */ i(e, {
|
|
32
|
-
width: 22,
|
|
33
|
-
height: 22,
|
|
34
|
-
fill: "currentColor",
|
|
35
|
-
"aria-hidden": "true"
|
|
36
|
-
}), c]
|
|
37
|
-
}), /* @__PURE__ */ i(n, {
|
|
38
|
-
className: "text-extra-small [&_strong]:text-primary-500 text-center text-neutral-600 [&_p]:mb-0",
|
|
39
|
-
content: l
|
|
40
|
-
})]
|
|
41
|
-
})
|
|
42
|
-
]
|
|
43
|
-
});
|
|
44
|
-
//#endregion
|
|
45
|
-
export { o as LeadGateSuccessModal };
|